body { background-color : rgb(250, 250, 250); color : rgb( 51, 51, 51); font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 1em; line-height : 1.3em; text-align : justify;
} h1 { color : rgb( 31, 100, 203); border-bottom : 0.1em Solid rgb(223, 223, 223); font-size : 1.5em; line-height : 1.2em; height : 1.2em; margin-top : 1em; padding : 0.1em;
} h2 { color : rgb( 31, 100, 203); border-bottom : 0.1em Solid rgb(223, 223, 223); font-size : 1em; line-height : 0.9em; height : 0.9em; margin-top : 1em; padding : 0.2em;
} .txt_left { text-align : left !important;}
.txt_center { text-align : center !important;}
.txt_right { text-align : right !important;}
.txt_justify { text-align : justify !important;} hr { visibility : hidden;
} abbr, acronym { color : rgb( 31, 100, 203); border-bottom : 0.1em dotted rgb( 31, 100, 203); cursor : help;
} a { color : rgb( 31, 100, 203); text-decoration : underline;
} a:hover { color : rgb( 25, 180, 20); text-decoration : underline overline;
} strong { color : rgb( 31, 100, 203); font-weight : bolder;
} img { border : none; max-width : 100%; height : auto; vertical-align : middle;
} .ico { width : 1em;
} ul { list-style-type : square ; list-style-position : inside; padding-left : 2em;
} .cursor { cursor : pointer;
} .smallchr { font-size : 0.8em;
} .no { text-decoration : none !important;
} #nav { position : fixed; left : 0; top : 0; height : 100%; background-color : rgb( 31, 100, 203); width : 4em; text-align : center; box-shadow : 0 0 0.3em rgb( 31, 100, 203); z-index : 1000 !important;
} #nav a.tooltip { margin : 1em 0; display : block; color : rgb(255, 255, 255) !important; text-decoration : none; border-radius : 2em;
} #nav a.tooltip:hover { color : rgb(255, 255, 255) !important;
} #nav i:hover { background-color : rgba(255, 255, 255,0.3); box-shadow : 0 0 1em rgb(255, 255, 255);
} #nav .tooltip:hover span { left : 5em; background-color : rgb(255, 255, 255);
} #header { font-size : 3em; color : rgb( 31, 100, 203); border-bottom : 0.1em Solid rgb(223, 223, 223); padding-bottom : 0.2em;
} #header strong { color : rgb(150, 150, 150);
} #header .smallchr { font-size : 0.4em; color : rgb( 51, 51, 51);
} #header .date { font-weight : bold;
} #content { margin : 0; padding : 1em; padding-left : 5em;
} #content h2, #content p { margin : 1em 0;
} #content .bloc { margin : 0.5em 0; padding : 0.5em; background-color : rgb(255, 255, 255); border : 0.1em Solid rgb(223, 223, 223); border-radius : 0.5em; box-shadow : 0 0 0.5em rgb(223, 223, 223);
} #content .bloc h2:first-child { margin-top : 0;
} #footer { margin : 20em 0 0 0; font-size : 0.8em;
} .form_global { background-color : rgb(255, 255, 255); border-radius : 1em; border : 0.1em Solid rgb(223, 223, 223); box-shadow : 0 0 0.5em rgb(223, 223, 223); margin : 1em auto; padding : 1em;
} .form_group { width : 100%; margin-top : 1.5em; line-height : 2em; text-align : center;
} label { padding-right : 1em; line-height : 2em;
} input, select { border : 0.1em Solid rgb(223, 223, 223); border-radius : 0.5em; padding : 0 0.5em; height : 2em; line-height : 2em;
} textarea { border : 0.1em Solid rgb(223, 223, 223); border-radius : 0.5em; padding : 0.5em; height : 10em; line-height : 2em; resize : none;
} input, select, textarea { max-width : 90%;
} input:focus, select:focus, textarea:focus { box-shadow : 0 0 0.2em rgb( 31, 100, 203); border : 0.1em Solid rgb( 31, 100, 203);
} input[type="button"], input[type="submit"] { background-color : rgb( 31, 100, 203); color : rgb(255, 255, 255);
} input[type="button"]:hover, input[type="submit"]:hover { background-color : rgb( 72, 128, 212);
} #form_login { margin-top : 20%;
} #form_login h1:first-child { margin-top : 0;
} .inline { position : relative; display : inline; float : left; margin-left : 1%;
} .inline_5 { width : 4%;}
.inline_10 { width : 9%;}
.inline_15 { width : 14%;}
.inline_20 { width : 19%;}
.inline_25 { width : 24%;}
.inline_30 { width : 29%;}
.inline_35 { width : 34%;}
.inline_40 { width : 39%;}
.inline_45 { width : 44%;}
.inline_50 { width : 49%;}
.inline_55 { width : 54%;}
.inline_60 { width : 59%;}
.inline_65 { width : 64%;}
.inline_70 { width : 69%;}
.inline_75 { width : 74%;}
.inline_80 { width : 79%;}
.inline_85 { width : 84%;}
.inline_90 { width : 89%;}
.inline_95 { width : 94%;}
.inline_100 { width : 99%;} .first { margin-left : 0.5%; clear : left;
} .clearfix:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0;
} .tooltip { position : relative; cursor : pointer;
} .tooltip span { margin-left : -999em; position : absolute; color : rgb(150, 150, 150); padding : 0.5em;
} .tooltip:hover span { background-color : rgba(255, 255, 255, 0.9); border : 0.1em Solid rgb(223, 223, 223); border-radius : 1em; box-shadow : 0 0 0.5em rgb(223, 223, 223); position : absolute; left : 1em; top : 0em; z-index : 9900; margin : 0; width : 15em;
} .tooltip:hover span i { position : absolute; left : -0.25em; top : -0.25em; color : rgb( 31, 100, 203);
} .tooltip:hover span em { font-size : 1.2em; font-weight : bold; display : block; text-align : center;
} .msg { display : block; margin-top : 0.5em; padding : 0 0.5em; border-radius : 0.5em; background-color : rgb(255, 255, 255);
} .msg_error { background-color : rgba(220, 30, 20, 0.1); border-left : 0.3em Solid rgb(220, 30, 20); color : rgb(220, 30, 20);
} .msg_valid { background-color : rgba( 25, 180, 20, 0.1); border-left : 0.3em Solid rgb( 25, 180, 20); color : rgb( 25, 180, 20);
} .msg_info { background-color : rgba( 31, 100, 203, 0.1); border-left : 0.3em Solid rgb( 31, 100, 203); color : rgb( 31, 100, 203);
} #scroll_top { position : fixed; top : 0.5em; right : 0.5em; cursor : pointer; display : none;
} #scroll_top img { opacity : 0.5;
} #scroll_top img:hover { opacity : 1;
} #dialog_box { width : 100%; height : 100%;
} #dialog_mask { position : fixed; left : 0; top : 0; display : none; z-index : 9000; background-color : rgb( 51, 51, 51); background-color : rgba( 51, 51, 51, 0.8);
} #dialog { position : absolute; left : 10%; top : 0; width : 80%; display : none; z-index : 9100; border : 0.1em Dotted rgb( 31, 100, 203); background-color : rgb(255, 255, 255); padding : 1em;
} #dialog h1:first-child { margin-top : 0;
} #dialog_ferme { position : absolute; right : 0; top : 0; cursor : pointer; width : 28px; height : 28px; color : rgb( 31, 100, 203);
} .tableau { margin : 1em auto; padding : 1em 0; line-height : 2em;
} .tableau thead th { background-color : rgb(255, 255, 255); color : rgb( 31, 100, 203); border : none; border-bottom : 0.1em Solid rgb( 31, 100, 203); text-align : center;
} .tableau td.ligne { border : none; border-bottom : 0.1em Dotted rgb(150, 150, 150);
} .lg5 { width : 5%;}
.lg10 { width : 10%;}
.lg15 { width : 15%;}
.lg20 { width : 20%;}
.lg25 { width : 25%;}
.lg30 { width : 30%;}
.lg35 { width : 35%;}
.lg40 { width : 40%;}
.lg45 { width : 45%;}
.lg50 { width : 50%;}
.lg55 { width : 55%;}
.lg60 { width : 60%;}
.lg65 { width : 65%;}
.lg70 { width : 70%;}
.lg75 { width : 75%;}
.lg80 { width : 80%;}
.lg85 { width : 85%;}
.lg90 { width : 90%;}
.lg95 { width : 95%;}
.lg100 { width : 100%;} #barrenav { margin : 0; margin-top : 5em; text-align : center;
} #barrenav .bordure { border : 0.1em Dotted rgb(150, 150, 150);
} #barrenav a { display : block; background-color : rgb(255, 255, 255); text-decoration : none;
} #barrenav a:hover { background-color : rgb( 31, 100, 203); color : rgb(255, 255, 255);
} #barrenav .inactive { background-color : rgb(223, 223, 223); color : rgb(150, 150, 150);
}