/********** Eléments **********/
body { height:100%; margin:0px; padding:0px; color:#000; background-color:#000; font-family:Verdana, Arial, sans-serif; font-size:80%; text-align:center }

img { border:0px; }
blockquote { font-style:italic; }
input { font-size:1em; }
select { font-size:1em; }
* { margin:0px; padding:0px; }

/********** Liens ************/
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#4E413D; }

/********** Polices **********/
.clear  { display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; }
.clearTxt  { display:block; clear:both; overflow:hidden; }
.access { display:block; float:left; text-indent:-4000px; width:0px; height:0px; font-size:1px; }
.alignL { text-align:left; }
.alignR { text-align:right; }
.alignC { text-align:center; }
.floatL { float:left; }
.floatR { float:right; }
.marginAuto { margin:0 auto; }
.margin10 { margin:10px 0; }
.marginB5 { margin-bottom:5px; }

.cBleu   { color:#45aadc; }
.cVert   { color:#90cc12; }
.cRouge  { color:#9d1c00; }
.cOrange { color:#9d4f00; }
.cNoir  { color:#000; }
.cBlanc { color:#fff; }

.buttonBlue { color:#fff; cursor:pointer; }
.buttonBlue .txt { display:block; float:left; background:url(../img/button-l.png) no-repeat 0 0; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; padding:2px 6px 8px 14px; }
.buttonBlue .droite { display:block; float:left; width:8px; height:23px; overflow:hidden; background:url(../img/button-r.png) no-repeat 0 0; }
.buttonBlue:hover { color:#aaa; }

.supprimer {background:transparent url(../img/imagesUI.png) no-repeat scroll -153px -13px; display:block; height:13px; margin:0pt auto; overflow:hidden; text-indent:-4000px; width:14px; }
.supprimer:hover {background-position:-153px 0pt;}

.alert { background:url(../img/repeat-x.png) repeat-x; padding:5px; text-align:center; }
.alertRed  { background-position:0 -115px; border:solid 1px #ff6848; color:#9d1c00; }
.alertRedI { background-position:0 -165px; border:solid 1px #ff6848; color:#9d1c00; }
.alertOrange  { background-position:0 -20px; border:solid 1px #ff9d3c; color:#9d4f00; }
.alertOrangeI { background-position:0 -60px; border:solid 1px #ff9d3c; color:#9d4f00; }
.alertGreen  { background-position:0 -210px; border:solid 1px #b0d12c; color:#546415; }
.alertGreenI { background-position:0 -265px; border:solid 1px #b0d12c; color:#546415; }
.alertBlue  { background-position:0 -305px; border:solid 1px #45aadc; color:#175a7b; }
.alertBlueI { background-position:0 -370px; border:solid 1px #45aadc; color:#175a7b; }

/********** Textes ***********/

h2.innerH2 { padding:10px 0px 7px; background:url(../img/h2-bg.png) no-repeat 50% 100%; }

/********** Header ***********/

#all { margin:0px auto; position:relative; padding:0px; width:100%; font-size:0.85em; }

#header {height:215px;text-align:center}
#header #logo { margin:5px 0 0 20px; padding:0px; background:url(../img/fh_logo.png) no-repeat; text-indent:-4000px; width:201px; height:65px; }

/********** Menu ***********/

#menu { font-weight:bold; font-size:1.0em; background-color:#333333; height:20px}
#menu ul { margin:0px auto; padding:0px;text-align:center;top: 0; right: 0; bottom: 0; left: 0; width: 930px; margin: auto;}
#menu li { display:block; float:left; margin:0px; width:115px}
#menu li a { display:block; margin:0px; color:#999999; padding:3px 0px; text-align:center }
#menu li.end a { background:none; }
#menu li a:hover { color:#ccc;}
#menu li.selected { }
#menu li.selected a { color:#ccc; }
#menu li.selected a:hover { }

/********** Structure ***********/

#main { text-align:left; background-color:#000;}
#main h2 { color:#45aadc; font-size:1.2em; margin:0 0 10px; }
#content { top: 0; right: 0; bottom: 0; left: 0; width: 1000px; margin: auto; color:#fff;}
#gauche { float:left; width:180px; min-height:400px; padding:10px 0;  background:url(../img/logos-FH-noir.png) no-repeat 0px center scroll;}
#droite { float:left; width:820px; min-height:400px; padding:10px 0; text-align: justify}

/********** Bloc standard ***********/

#blocCompte { width:180px; }
.bloc { border:dotted 1px #c7c7c7; }
.bloc .inner { margin:2px; border:solid 1px #999; background:url(../img/bloc-bg.png) no-repeat 100% 100%; }
.bloc h2 { margin:5px; }
.bloc .content { margin:5px; }

.ulListe { list-style:none; margin:0 0 0 10px; }
.ulListe li { display:block; background:url(../img/arrow.png) no-repeat 0 50%; padding-left:15px; margin:4px 0;}

/********** Tableau **************/

.nbResults { border-bottom:dotted 1px #bbb; color:#333; padding:2px 0; font-size:13px; margin:10px 0px; }
.tableau { background:#ccc; }
.tableau th { background:url(../img/repeat-x.png) repeat-x 0 -317px; color:#fff; font-size:1.3em; font-family:"Trebuchet MS", verdana, sans-serif; padding:4px; }
.tableau tr { background:#fff; }
.tableau tr.altern { background:#f4f4f4; }
.tableau td { padding:2px 4px; }

/********** Pagination ***********/

div.pagination { margin:10px 0; text-align:right; }
div.pagination a { background-color:#fff; border:1px solid #45aadc; color:#175A7B; margin:1px 0 1px 2px; padding:2px 5px; text-decoration:none; }
div.pagination a:hover,active { background-color:#45aadc; border:1px solid #45aadc; color:#fff; margin:1px; padding:2px 5px; }
div.pagination span.courante  { background-color:#b0d12c; border:1px solid #b0d12c; color:#fff; margin:1px; padding:2px 5px; font-weight:bold; }
div.pagination span.desactive { background-color:#fff; border:1px solid #ddd; color:#ccc; margin:1px; padding:2px 5px; }

/********** Footer ***********/

#footer { font-size:1em; background-color:#000;margin-top:50px}
#footer .bordRight { height:8px; }
#footer .content { color:#999; padding:10px 0px; position:relative; top: 0; right: 0; bottom: 0; left: 0; width: 1000px; margin: auto;}
#footer .div { clear:both; }
#footer strong { display:block; text-align:right; width:120px; float:left; }
#footer ul { display:block; width:800px; float:left; padding:0px; margin:0px 0px 10px; }
#footer ul li { display:block; float:left; width:110px}
#footer a { display:block; margin:0px 10px; }
#footer a:hover { color:#ccc; text-decoration:none; }
#footer .copyright { top:5px; right:10px; color:#777; }

.flag { float:left; text-indent:-4000px; margin-top:5px; overflow:hidden; font-size:1px; width:16px; height:11px; margin-right:2px; }
.flagFR { background:url(../img/imagesUI.png) no-repeat 0 -11px;  }
.flagFR:hover { background-position:0 0; }
.flagFR_ON { background:url(../img/imagesUI.png) no-repeat 0 0; }
.flagEN { float:left; background:url(../img/imagesUI.png) no-repeat -16px -11px; }
.flagEN:hover { background-position:-16px 0; }
.flagEN_ON { background:url(../img/imagesUI.png) no-repeat -16px 0; }

/********** Signup ***********/

.errorRed   { color:#c00; }
.errorRed .icone { display:block; margin:0px 5px 0 0; float:left; width:14px; height:14px; overflow:hidden; background:url(../img/images.png) no-repeat 0 0; }
.errorGreen { color:#080; }
.errorGreen .icone { display:block; margin:0px 5px 0 0; float:left; width:14px; height:14px; overflow:hidden; background:url(../img/images.png) no-repeat -14px 0; }
.iconeHelp { display:block; margin:5px 6px 0 0; float:left; width:14px; height:14px; text-indent:-4000px; overflow:hidden; background:url(../img/images.png) no-repeat -28px 0; }

.etapes { width:200px; list-style:none; font-weight:bold; margin:0 auto;}
.etapes li { display:block; float:left; }
.etapes li .nb { display:block; float:left; width:26px; height:24px; overflow:hidden; color:#999; line-height:24px; text-align:center; background:url(../img/images.png) no-repeat -48px -57px; }
.etapes .selected .nb { color:#c00; }
.etapes li .sep { display:block; margin-top:10px; float:left; width:60px; height:2px; overflow:hidden; background:#999; }

#schoolInsert .content,
#signup .content { padding:0 15px 10px; }
#schoolInsert h3,
#signup h3 { color:#666; font-size:1.1em; margin:0px 0px 5px; padding:10px 0px 7px; background:url(../img/h3-bg.png) no-repeat 0 100%; }

.form .formL { float:left; width:200px; text-align:right; margin:5px 0px 0px; }
.form .formR { float:left; margin:4px 5px 0px; }
.form .desc  { display:none; }
.form .error { float:left; margin:5px 0px 0px; }
.form .txtInput { width:230px; padding:1px 2px 0px; color:#666; margin:0px; }
input.disable { background:#d0e1f4; border:solid 1px #abadb3; }
.newsLink {color:gray}