/*

Bleu Ligue: #11B9E0;
Jaune: #F9A904;
jaune plus clair: #FFD00B;
Rouge: #F2402A
vert: #8DD338; (aif)
noir: #000;

GC 
jaune: #FFD200;
txt: #fff;
bleu foncé #003D75 (fond) 
bleu clair #3B6795
*/
* {margin:0; padding:0;}
body {font-size: 62.5%; font-family:Helvetica,Arial, sans-serif; text-align:left;}
img {border: none;}

/* CLASS CLASS CLASS CLASS CLASS CLASS CLASS CLASS */

/*******************************/
/* Division d'interface par 15 */
/*******************************/

/* valeurs propre à chacune des 15 colonnes */
.col01_15 {width:46px;} /* largeur de 1 colonne sur 15 */
.col02_15 {width:107px;} /* largeur de 2 colonnes sur 15 ...*/
.col03_15 {width:168px;} 
.col04_15 {width:229px;} 
.col05_15 {width:290px;} 
.col06_15 {width:351px;} 
.col07_15 {width:412px;}
.col08_15 {width:473px;}
.col09_15 {width:534px;}
.col10_15 {width:595px;} 
.col11_15 {width:656px;} 
.col12_15 {width:717px;}
.col13_15 {width:778px;}
.col14_15 {width:839px;}
.col15_15 {width:900px;}

/* Division d'interface par 4 */
.col01_04 {width:213px;}
.col02_04 {width:442px;} 
.col03_04 {width:671px;}
.col04_04 {width:900px;}


.col01_15,
.col02_15,
.col03_15,
.col04_15,
.col05_15,
.col06_15,
.col07_15,
.col08_15,
.col09_15,
.col10_15,
.col11_15,
.col12_15,
.col13_15,
.col14_15,
.col15_15,
.col01_04,
.col02_04,
.col03_04,
.col04_04 {display: block;}

/* Division d'interface par 6 */


/* Class de fin de bloc horizontal, force le passage au bloc suivant */
.cb15px {clear:both; height:15px; margin: 0; padding:0;} /* Crée une marge de 15 px de haut */
.cbBlue {clear:both; border-bottom: 2px solid #00B8DE; height:15px; margin: 0 0 15px 0; padding:0;} /* Crée une marge de 30 px de haut, avec une ligne bleu en son milieu */
.cbBlack {clear:both; border-bottom: 2px solid #000; height:15px; margin: 0 0 15px 0; padding:0;} /* Crée une marge de 30 px de haut, avec une ligne noir en son milieu */

/* HANDY CLASS */

/* class de marge gouttières */
.mTop 	 {margin-top: 15px;}
.mRight	 {margin-right: 15px;} 
.mBottom {margin-bottom: 15px;} 
.mLeft	 {margin-left: 15px;} 
.mBothV	 {margin-top: 15px; margin-bottom: 15px;}
.mBothH	 {margin-left: 15px; margin-right: 15px;}
.mAll	 {margin: 15px;}

/* class de padding */
.pTop 	 {padding-top: 15px;}
.pRight	 {padding-right: 15px;} 
.pBottom {padding-bottom: 15px;} 
.pLeft	 {padding-left: 15px;} 
.pBothV	 {padding-top: 15px; padding-bottom: 15px;}
.pBothH	 {padding-left: 15px; padding-right: 15px;}
.pAll	 {padding: 15px;}

.clearboth {clear:both;}
hr.clearboth {border:medium none; clear:both; height:0; visibility:hidden;}

.cLeft{clear:left;}
.cRight{clear:right;}
/* class de float */
.fRight {float:right;}
.fLeft {float:left;}

.redError {color:#F2402A;}

.bgJ {background: #F9A904;}
.bgR {background: #F2402A;}


/*  boutons   */
/* horizontal */
.button_container {font-size:18px; font-weight:bold; clear:both;}
.button_container a{color:white; text-decoration:none;}
.button_container a:hover{color:black; text-decoration:none;}
.button_container .button a{color:#11B9E0; text-decoration:none;}
.button_container .button a:hover{color:black; text-decoration:none;}
.button_container .button .bt_center{padding:0 53px; background:transparent url(http://www.citoyenparent.be/common/images/bouton/h_bg.png) repeat-x; height:32px; display:block; float:left;}
.button_container .button .bt_left{background:transparent url(http://www.citoyenparent.be/common/images/bouton/h_l.png) no-repeat; width:5px; height:32px; display:block; float:left;}
.button_container .button .bt_right{background:transparent url(http://www.citoyenparent.be/common/images/bouton/h_r.png) no-repeat; width:7px; height:32px; display:block; float:left;}
.button_container .button .bt_center .label{ display:block; margin-top:5px;}

.button_container .small_button a{color:#11B9E0; text-decoration:none; font-size:12px;}
.button_container .small_button a:hover{color:black; text-decoration:none;}
.button_container .small_button .bt_center{padding:0 5px; background:transparent url(http://www.citoyenparent.be/common/images/bouton/s_h_bg.png) repeat-x; height:20px; display:block; float:left;}
.button_container .small_button .bt_left{background:transparent url(http://www.citoyenparent.be/common/images/bouton/s_h_l.png) no-repeat; width:5px; height:20px; display:block; float:left;}
.button_container .small_button .bt_right{background:transparent url(http://www.citoyenparent.be/common/images/bouton/s_h_r.png) no-repeat; width:7px; height:20px; display:block; float:left;}
.button_container .small_button .bt_center .label{ display:block; margin:2px 0 0 0;}


.loading{width:40px; height:40px; background:transparent url(http://www.citoyenparent.be/common/images/loader-bleu.gif) no-repeat;}

#lightbox{z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:transparent url(http://www.citoyenparent.be/common/images/white-80.png); text-align:center;}
#lightbox_container{ margin:100px auto 0 auto; background:white; padding:100px;}

#picture {
background:white none repeat scroll 0 0;
height:100%;
left:884px;
position:fixed;
top:0;
}

.no_overflow{overflow:hidden;}