BODY {background-color: #f4f4ff; color:rgb(0,60,120); font-family: Arial, Helvetica, sans-serif; font-size:8pt; margin: 0}
BODY.index {margin: 4}
BODY.win {background-color: #ffffff; margin: 4}
H1 {font-family: Arial, Helvetica, sans-serif; font-size:13pt; font-weight: bold; margin-top: 5pt; margin-bottom: 10pt }

A {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#003c78}
A:link {color:#003c78}
A:visited {color:#003c78}
A:active {color:#003c78}
A:hover {color:rgb(204,102,0)}

A.buttonoff {font-family: Arial, Helvetica, sans-serif; color:#fee054; font-size: 12pt; text-decoration: none}
A:link.buttonoff {font-family: Arial, Helvetica, sans-serif; color:#fee054; font-size: 12pt; text-decoration: none}
A:visited.buttonoff {font-family: Arial, Helvetica, sans-serif; color:#fee054; font-size: 12pt; text-decoration: none}
A:active.buttonoff {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color:#fee054}
A:hover.buttonoff {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color:#ff3030}

A.list {font-size: 7pt}
A:link.list {font-size: 7pt}
A:visited.list {font-size: 7pt}
A:active.list {font-size: 7pt}
A:hover.list {font-size: 7pt; color:#cc5010}

A.domain {text-decoration: none}
A:link.domain {text-decoration: none}
A:visited.domain {text-decoration: none}
A:active.domain {text-decoration: none}
A:hover.domain {text-decoration: none}

A.mainmenu {text-decoration: none}
A:link.mainmenu {text-decoration: none}
A:visited.mainmenu {text-decoration: none}
A:active.mainmenu {text-decoration: none}
A:hover.mainmenu {text-decoration: none}

A.menu {color:#FFFFFF; text-decoration: none}
A:link.menu {color:#FFFFFF; text-decoration: none}
A:visited.menu {color:#FFFFFF; text-decoration: none}
A:active.menu {color:#FFFFFF; text-decoration: none}
A:hover.menu {color:#ffcc99; text-decoration: none}

A.selectedmenu {color:#ffcc99; text-decoration: none}
A:link.selectedmenu {color:#ffcc99; text-decoration: none}
A:visited.selectedmenu {color:#ffcc99; text-decoration: none}
A:active.selectedmenu {color:#ffcc99; text-decoration: none}
A:hover.selectedmenu {color:#ffcc99; text-decoration: none}

A.menuevaltop {color:#ffffff; text-decoration: none; font-size:9pt}
A:link.menuevaltop {color:#ffffff; text-decoration: none; font-size:9pt}
A:visited.menuevaltop {color:#ffffff; text-decoration: none; font-size:9pt}
A:active.menuevaltop {color:#ffffff; text-decoration: none; font-size:9pt}
A:hover.menuevaltop {color:#ffcc99; text-decoration: none; font-size:9pt}

A.infodemo {color:#cc0000}
A:link.infodemo {color:#cc0000}
A:visited.infodemo {color:#cc0000}
A:active.infodemo {color:#cc0000}
A:hover.infodemo {color:#ff0000}

A.tr {color:#00aa00; font-size: 8pt; text-decoration: none; font-weight: bold}
A:link.tr {color:#00aa00; font-size: 8pt; text-decoration: none; font-weight: bold}
A:visited.tr {color:#00aa00; font-size: 8pt; text-decoration: none; font-weight: bold}
A:active.tr {color:#00aa00; font-size: 8pt; text-decoration: none; font-weight: bold}
A:hover.tr {color:#00ff00; font-size: 8pt; text-decoration: none; font-weight: bold}

A.trchk {color:#ff0000; font-size: 10pt; text-decoration: none; font-weight: bold}
A:link.trchk {color:#ff0000; font-size: 10pt; text-decoration: none; font-weight: bold}
A:visited.trchk {color:#ff0000; font-size: 10pt; text-decoration: none; font-weight: bold}
A:active.trchk {color:#ff0000; font-size: 10pt; text-decoration: none; font-weight: bold}
A:hover.trchk {color:#ff4444; font-size: 10pt; text-decoration: none; font-weight: bold}

TABLE {border: 0px; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-family: Arial, Helvetica, sans-serif; font-size:8pt; text-align:left;}
TABLE.toth {height: 100%}
TABLE.colorbg_mifblue {background-color: #003C78}
TABLE.btn { font-size:9pt; border-width: 2px; border-style: outset; border-color: #FFFFCC}
TABLE.toptitle {border-bottom: 1px solid rgb(0,60,120)}

TABLE.bortbrlmenu {border: 1px solid rgb(0,60,120); background-color: #f4f4ff}
TABLE.bortbrlmenuwhite {border: 1px solid rgb(0,60,120)}
TABLE.bortbrl_lg {border: 1px solid rgb(120,120,120)}

TR.bgmauve {background-color: #e6e6ff}
TR.toth {height: 100%}
TR.pgbreakbefore {page-break-before: always}
TR.pgbreak {page-break-after: always}

TH {font-size:8pt; color: rgb(0,60,120); font-family: Arial, Helvetica, sans-serif; text-align: right}
TD {font-size:8pt; color: rgb(0,60,120); font-family: Arial, Helvetica, sans-serif}
TD.txttitle {font-size:12pt; border-bottom: 1px solid rgb(0,60,120); font-family: Arial, Helvetica, sans-serif}
TD.toptitlenoborder {font-size:13pt; font-weight: bold}
TD.titlewelcome {font-size:18pt}
TD.txttitlemenu {font-size:12pt; font-family: Arial, Helvetica, sans-serif}
TD.txttitle2 {font-size:1pt; border-bottom: 1px solid rgb(0,60,120)}
TD.formtitle {font-size:9pt; color:#ffffff; background-color: rgb(0,70,120)}
TD.compt {color:#ffffcc; background-color: rgb(0,70,120)}
TD.bgmauve {background-color: #e6e6ff}
TD.colorbg_white {background-color: #ffffff}
TD.trainertitle {font-size:10pt}
TD.btn {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFCC; background-color: rgb(0,60,120); border-left: 2px solid rgb(100,130,200); border-right: 2px solid rgb(0,0,0); border-top: 2px solid rgb(100,130,200); border-bottom: 2px solid rgb(0,0,0)}
TD.substxt {font-size: 7pt; color:#003C78}
TD.infodemo {color:#CC0000}
TD.txtinfo {color:#808080}
TD.tqforrep {font-size: 12pt; border-bottom: 1px solid rgb(0,60,120)}
TD.bulltle {font-size:7pt; text-align: center}
TD.bullleg {font-size:7pt}
TD.ocourier {font-size:5pt}
TD.ligne {font-size:5pt; border-bottom: 1px solid rgb(0,60,120)}
TD.o2 {font-size:2px}
TD.o4 {font-size:4px}
TD.o7 {font-size:7px}
TD.sz7 {font-size:7pt}
TD.curmenu {color:#ffcc99}
TD.menu {color:#ffffff}
TD.borleft {border-left: 1px solid rgb(0,60,120)}
TD.bortleft {border-top: 1px solid rgb(0,60,120); border-left: 1px solid rgb(0,60,120)}
TD.bortleft_bgc {border-top: 1px solid rgb(0,60,120); border-left: 1px solid rgb(0,60,120); background-color: #f4f4ff}
TD.borright {border-right: 1px solid rgb(0,60,120)}
TD.bortright {border-top: 1px solid rgb(0,60,120); border-right: 1px solid rgb(0,60,120)}
TD.borbright {border-bottom: 1px solid rgb(0,60,120); border-right: 1px solid rgb(0,60,120)}
TD.borrleft {border-right: 1px solid rgb(0,60,120); border-left: 1px solid rgb(0,60,120)}
TD.bortrleft {border-top: 1px solid rgb(0,60,120); border-right: 1px solid rgb(0,60,120); border-left: 1px solid rgb(0,60,120)}
TD.borbleft {border-bottom: 1px solid rgb(0,60,120); border-left: 1px solid rgb(0,60,120)}
TD.borbrleft {border-bottom: 1px solid rgb(0,60,120); border-right: 1px solid rgb(0,60,120); border-left: 1px solid rgb(0,60,120)}
TD.bortbleft {border-bottom: 1px solid rgb(0,60,120); border-top: 1px solid rgb(0,60,120); border-left: 1px solid rgb(0,60,120)}
TD.bortbright {border-bottom: 1px solid rgb(0,60,120); border-top: 1px solid rgb(0,60,120); border-right: 1px solid rgb(0,60,120)}
TD.bortbleftw {border-bottom: 1px solid rgb(0,60,120); border-top: 1px solid rgb(0,60,120); border-left: 1px solid rgb(255,255,255)}
TD.bortb {border-bottom: 1px solid rgb(0,60,120); border-top: 1px solid rgb(0,60,120)}
TD.bortbrl {border: 1px solid rgb(0,60,120)}
TD.bortbrlw {border-bottom: 1px solid rgb(0,60,120); border-top: 1px solid rgb(0,60,120); border-right: 1px solid rgb(0,60,120); border-left: 1px solid rgb(255,255,255)}
TD.bortop {border-top: 1px solid rgb(0,60,120)}
TD.borbot {border-bottom: 1px solid rgb(0,60,120)}
TD.borbot_o4 {font-size:4px; border-bottom: 1px solid rgb(0,60,120)}
TD.borbottom {border-top: 2px solid rgb(255,255,255);border-bottom: 2px solid rgb(255,255,255)}
TD.evalansw {color: rgb(80,80,200)}

LI.bull {font-size:7pt}
LI.txt {text-align: justify; margin-left: 10px}

P {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#003c78}
P.txt {text-align: justify; margin-left: 20px}
P.txtright {margin-right: 40px}
P.txt01 {text-align: justify}
P.txttitle {font-weight: bold}

INPUT {color: rgb(0,60,120); font-size:8pt; font-family: Arial, Helvetica, sans-serif}
INPUT.qtypart {font-size:8pt}
INPUT.qtypart7 {font-size:7pt}
INPUT.searchbtn {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color:#ffffff; background-color: rgb(0,70,120); cursor: hand}
INPUT.searchbtnoff {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color:#0064CC; background-color: rgb(0,70,120)}
INPUT.subsbtn  {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color:#ffffff; background-color: rgb(0,70,120); cursor: hand}
INPUT.subsbtnoff {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color:#0064CC; background-color: rgb(0,70,120)}

INPUT.btnnextprev {text-decoration: underline; font-size:8pt; color:#003c78; background-color: #f4f4ff; border: none; width: 100%; cursor: hand}
INPUT.btnnextprevnc {text-decoration: underline; font-size:8pt; color:#003c78; background-color: #ffffff; border: none; cursor: hand}
INPUT.btnselect {text-decoration: underline; font-size:8pt; color:#003c78; background-color: #f4f4ff; border: none; width: 100%; cursor: hand}
INPUT.btnselectwhite {text-decoration: underline; font-size:8pt; color:#003c78; background-color: #ffffff; border: none; width: 100%; cursor: hand}
INPUT.btnselectwhiteoldbrowser {text-decoration: underline; font-size:8pt; color:#003c78; background-color: #ffffff; border: none; cursor: hand}
INPUT.btnselectmauveoldbrowser {text-decoration: underline; font-size:8pt; color:#003c78; background-color: #f4f4ff; border: none; cursor: hand}
INPUT.btnsel_std_w {text-decoration: underline; font-size:8pt; color:#003c78; background-color: #ffffff; border: none; cursor: hand}
INPUT.btnsel_w_alig_lft {text-decoration: underline; text-align: left; font-size:8pt; color:#003c78; background-color: #ffffff; border: none; width: 100%; cursor: hand}
INPUT.btnsel_m_alig_lft {text-decoration: underline; text-align: left; font-size:8pt; color:#003c78; background-color: #f4f4ff; border: none; cursor: hand}
INPUT.btnsel_w_alig_r {text-decoration: underline; text-align: right; font-size:8pt; color:#003c78; background-color: #ffffff; border: none; width: 100%; cursor: hand}

TEXTAREA {color: rgb(0,60,120); font-size:8pt; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif}
TEXTAREA.evalansw {color: rgb(80,80,200)}
.objectif {color: rgb(0,70,120); font-size:9pt; background-color: #FFFFCC; font-family: Arial, Helvetica, sans-serif}
SELECT {color: rgb(0,60,120); font-size:8pt; font-family: Arial, Helvetica, sans-serif}
.txtinput {color: rgb(0,60,120); font-size:9pt; font-family: Arial, Helvetica, sans-serif}
.txtinput2 {color: rgb(0,60,120); font-size:8pt; font-family: Arial, Helvetica, sans-serif}

/*IMG {vertical-align: top}*/
.star {color: rgb(255,0,0); font-size:9pt; font-family: Arial, Helvetica, sans-serif}
.subsstar {color: rgb(255,0,0); font-size:8pt; font-family: Arial, Helvetica, sans-serif}
.subsstar7 {color: rgb(255,0,0); font-size:7pt; font-family: Arial, Helvetica, sans-serif}
.txtinfo {color:#808080}
.trowtit {color:#ffffff}
.colorbg_mauve_1 {background-color: #f4f4ff}
.colorbg_mauve_2 {background-color: #d8d8ff}
.bg_white {background-color: #ffffff}
.trainuporital {color: rgb(204,102,0); font-style: italic; font-size:24pt}

.txtred {color:#dd0000}
.bg_orange {background-color: #ffcc99}
.bg_green {background-color: #80ff80}
.bg_lightred {background-color: #ffaaaa}
.bg_litegrey {background-color: #e8e8e8}
.tc_orital {color: rgb(204,102,0); font-style: italic; font-size:24pt}
.blue_col {color: rgb(0,0,150)}
.green_col {color: rgb(0,150,0)}


/*Ecran de renvoi de mot de passe*/
	
	.align_center{padding-left:0px;text-align:center;clear:both;vertical-align: text-bottom;}


/*Popup*/
.popup_help{position:absolute;visibility:visible;z-index:99;border:solid 1px #787878;background:#f4f4ff;}
.popup_background{position:absolute;height:100%;width:100%;background:#000;z-index:1;margin:0px;padding:0px;opacity:0.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);}
.popup_header_position{padding:0px;margin:0px;height:23px;width:100%;display:inline;cursor:move;}

.popup_header_middle{background:#003C78;height:23px;clear:none;float:left;width:80%;display:inline;text-align:center;font-size:9pt;font-weight:bold;color:#fff;}
.popup_header_left{background:#003C78;padding:0px;margin:0px;height:23px;width:10%;display:inline;float:left;clear:none;}
.popup_header_right{background:#003C78;padding:0px;margin:0px;height:23px;width:10%;display:inline;float:right;clear:none;text-align:right;}

.popup_btn_close{background:url(images/close2.png) no-repeat right;padding:0px;margin:0px;height:20px;width:20px;float:right;clear:none;cursor:default;}
.popup_btn_close:hover{background:url(images/close2.png) no-repeat right;z-index:1;cursor:default;}
.popup_content{background:#f4f4ff;clear:left;padding-bottom:3px;}

.wrapper{background:#f4f4ff;padding-left:5px;padding-right:5px;padding-top:10px;font-size:8pt;font-family:Verdana, Geneva, Helvetica, sans-serif;text-align:left;color:#003C78;clear:both;}

table.preview{
    border-collapse: collapse;
    margin : 2em;
    width: 680px;
}

table.preview tr:first-of-type{
    background-color: #d8d8ff;
    font-weight: bold;
}

table.preview tr{
    border-bottom: 1px solid #d8d8ff;

}

table.preview tr td{
    text-align: center;
    border-left: 1px solid #d8d8ff;
    border-right: 1px solid #d8d8ff;

}

ul#sortable {
  list-style: none;
}

ul#sortable li{
    display: inline-block;
    padding: 5px;
    margin: 2px;
    border: 1px solid #d8d8ff;
}

table.entitytable{
    border-collapse: collapse;
    margin : 2em;
    width: 680px;
}
table.entitytable tr:first-of-type{
    background-color: #d8d8ff;
    font-weight: bold;
}
tr.row:hover{
    background-color: #FFE4C4;
}
tr.row-odd:hover{
    background-color: #FFE4C4;
}

tr.row-odd{
    background-color: #f4f4ff;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.entitytable-actions{
    width: 680px;
    margin: 0 2em 0 2em;
}

.searchform{
    padding: 10px;
    border: 1px solid #d8d8ff;
    width: 660px;
    margin: 0 2em 0 2em;
    text-align: left;
}
.editform{
    padding: 10px;
    border: 1px solid #d8d8ff;
    width: 660px;
    margin: 0 2em 0 2em;
    text-align: left;
}

.editform label{
    display: inline-block;
    min-width: 100px;
}

.message{
    padding: 5px;
    border: 1px solid #d8d8ff;
    background-color: #d8d8ff;
    width: 670px;
    margin: 0 2em 1em 2em;
    text-align: left;
}
.message-success{
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d !important;
}
.message-error{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442 !important;
}

.clearfix {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.page-actions{
    margin: .5em;
}
.txtinput-mini{
  width: 35px;
}
.tabs{
    width:30%;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
    padding: 1.5%;
    display: inline-block;
    border-bottom: 1px solid #003c78;
    border-left: 1px solid #003c78;
}
.tabs:last-of-type{
    border-right: 1px solid #003c78;
}
.tabs-active, .lang-select-active{
    background-color: #d8d8ff;
}

.lang-select{
    display: inline-block;
    width: 200px;
    padding:8px;
    border: 1px solid #003c78;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
}

.lang-tab{
    display: none;
}

.lang-tab-active{
    display: block !important;
}

a.btn {
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    text-decoration: none; font: menu; color: ButtonText;
    display: inline-block; padding: 2px 8px;
}