/* CSS Document ACTUALITES */


div.hr {  height:25px;  background:url(../images/boiteOutils/traitSepaHori.gif) no-repeat scroll center;}
div.hr hr {  display: none;}


#milieu .titreBloc { position:relative; background:url(../images/boiteOutils/titre.gif) no-repeat  ; width:530px ; height:70px; margin:0 0 0 20px ;}
#milieu .titreBloc .suite {font-size:2em; position:absolute; left:220px;  bottom:10px;  font-weight:bold ;}
#milieu .clair, #colDroite .clair  {color:#bee6f5}
#milieu .fonce, #colDroite .fonce {color:#009bc8}
#milieu .date { text-decoration:underline}


/* grand bloc principal */
#milieu .blocGr .intro { font-size:1.2em; font-weight:bold;  color:#e10064}
#milieu .blocGr {background:url(../images/boiteOutils/milieuBlocGr.gif) 10px top repeat-y}
#milieu .blocGr .haut {position:relative; background:url(../images/boiteOutils/hautBlocGr.gif) no-repeat; width:530px ;height:26px;}
#milieu .blocGr .bas { position:relative; background:url(../images/boiteOutils/basBlocGr.gif) no-repeat; width:530px ;height:24px;}

#milieu .blocGr h4 {font-size:2em; margin-bottom:10px; line-height:20px ;}
#milieu .blocGr h5 { font-size:1em; color:#009bc8; font-weight:bold ; margin-bottom:10px; line-height:12px ;}

/*lien avec puce */
#milieu .blocGr a.puce {display:block; font-weight:bold; margin-top:6px; text-decoration:underline; color:#009bc8 ; background:url(../images/puceBoiteOutils.gif) 0 0 no-repeat  ; padding:0 0 8px 25px;}
#milieu .blocGr a.puce:hover {display:block; text-decoration:none;}

#milieu .blocGr a {text-decoration:underline; color:#009bc8}
#milieu .blocGr a:hover {text-decoration:none; }
#milieu .blocGr info {font-weight:normal}

#milieu .blocGr .largeurTxtPt {width:240px; padding:0 20px 0 20px}
#milieu .blocGr .largeurTxtGr {position:relative ;padding:0 20px 0 20px}
#milieu .blocGr .traitSepa { background:url(../images/boiteOutils/traitSepaHori.gif) left 4px no-repeat    ; height: 16px;margin: 0;padding: 0;border: 0; }


#milieu .blocGr .intro { font-size:1.2em; font-weight:bold;  color:#009bc8; margin-bottom:10px}

#milieu .blocGr ul {padding:10px 0} 
#milieu .blocGr li {background:url(../images/boiteOutils/puceBoiteOutils.gif) 0 2px no-repeat  ; padding:0 0 5px 16px;}

#milieu .blocGr .articlesLiens li {background:url(../images/boiteOutils/puceBoiteOutils.gif) 0 2px no-repeat  ; padding:0 0 5px 16px; font-weight:bold;}
#milieu .blocGr .articlesLiens p {font-style: italic; font-weight: bold; padding: 5px 0 0 0; margin:0; color:#009bc8} 
/* fin grand bloc principal */

/* petit bloc */
#milieu .blocPt {background:url(../images/boiteOutils/milieuBlocPt.gif) 10px top repeat-y;}
#milieu .blocPt .haut {position:relative; background:url(../images/boiteOutils/hautBlocPt.gif) no-repeat; width:260px ;height:17px;}
#milieu .blocPt .contenu { padding:0 15px 0 20px ;}
#milieu .blocPt .bas { position:relative; background:url(../images/boiteOutils/basBlocPt.gif) no-repeat; width:260px ;height:21px;}
#milieu .blocPt h4 {font-size:2em; margin-bottom:10px; line-height:20px ;}
#milieu .blocPt a.puce {display:block; font-weight:bold; margin-top:6px; text-decoration:underline; color:#009bc8 ; background:url(../images/puceBoiteOutils.gif) 0 0 no-repeat  ; padding:0 0 8px 25px;}
#milieu .blocPt a.puce:hover {display:block; text-decoration:none;}
/* petit bloc */

/* petit bloc2 */
#milieu .blocPt2 {background:url(../images/boiteOutils/milieuBlocPt.gif) 10px top repeat-y;}
#milieu .blocPt2 .haut {position:relative; background:url(../images/boiteOutils/hautBlocPt2.gif) no-repeat; width:260px ;height:17px;}
#milieu .blocPt2 .contenu { padding:0 15px 0 20px ;}
#milieu .blocPt2 .bas { position:relative; background:url(../images/boiteOutils/basBlocPt2.gif) no-repeat; width:260px ;height:21px;}
#milieu .blocPt2 h4 {font-size:2em; margin-bottom:10px; line-height:20px ;}
#milieu .blocPt2 a.puce {display:block; font-weight:bold; margin-top:6px; text-decoration:underline; color:#009bc8 ; background:url(../images/puceBoiteOutils.gif) 0 0 no-repeat  ; padding:0 0 8px 25px;}
#milieu .blocPt2 a.puce:hover {display:block; text-decoration:none;}
/* petit bloc2 */


/* Colonne de droite */
#colDroite .blocPt {width:190px ;  position:relative; margin:10px 0 0 0; background:url(../images/boiteOutils/milieuBlocPtDroite.gif) repeat-y}
#colDroite .blocPt .haut {position:relative; background:url(../images/boiteOutils/hautBlocPtDroite2.gif) no-repeat; width:190px ;height:17px;}
#colDroite .blocPt .contenu { padding:0 20px ;}
#colDroite .blocPt .bas { position:relative; background:url(../images/boiteOutils/basBlocPtDroite2.gif) no-repeat; width:190px ;height:15px;}
#colDroite .blocPt h4 {font-size:2em; margin-bottom:10px; line-height:20px ;}
#colDroite .blocPt a.puce {display:block; font-weight:bold; margin-top:6px; text-decoration:underline; color:#009bc8 ; background:url(../images/puceBoiteOutils.gif) 0 0 no-repeat  ; padding:0 0 8px 25px;}
#colDroite .blocPt a.puce:hover {display:block; text-decoration:none;}


/* Colonne de droite */
#colDroite .blocPt2 {width:190px ;  position:relative; margin:10px 0 0 0; background:url(../images/boiteOutils/milieuBlocPtDroite.gif) repeat-y}
#colDroite .blocPt2 .haut {position:relative; background:url(../images/boiteOutils/hautBlocPtDroite.gif) no-repeat; width:190px ;height:17px;}
#colDroite .blocPt2 .contenu { padding:0 20px ;}
#colDroite .blocPt2 .bas { position:relative; background:url(../images/boiteOutils/basBlocPtDroite.gif) no-repeat; width:190px ;height:15px;}
#colDroite .blocPt2 h4 {font-size:2em; margin-bottom:10px; line-height:20px ;}
#colDroite .blocPt2 a.puce {display:block; font-weight:bold; margin-top:6px; text-decoration:underline; color:#009bc8 ; background:url(../images/puceBoiteOutils.gif) 0 0 no-repeat  ; padding:0 0 8px 25px;}
#colDroite .blocPt2 a.puce:hover {display:block; text-decoration:none;}
#colDroite .traitSepa { background:url(../images/boiteOutils/traitSepaBlocDroitHori.gif) left 4px no-repeat    ; font-size:1px ; height:12px; border:0; }



/* divers */
#milieu table.vitamine {width:auto ; /*border-collapse:collapse ;*/ margin:20px 0}
#milieu table thead th {text-align:center; font-weight:bold; color:#e10064;  padding:10px;}
#milieu table caption {text-align:center; font-weight:bold; color:#e10064;  padding:10px;}
#milieu table tbody tr td { background:url(../images/boiteOutils/traitTableHoriz.gif) repeat-x ;padding:10px 15px; }
#milieu table tbody tr th { background:url(../images/boiteOutils/traitTableHoriz.gif) repeat-x ; text-align:left;  padding:20px 5px ; }
#milieu fieldset {border:0; margin:0 ;}
#milieu legend {display:none} 
#milieu .question { display:block ; font-weight:bold ; margin-bottom:5px }


/* 9 questionnaire */
#milieu .blocGr h5.titre { font-size:2em; margin-bottom:10px; line-height:20px ;}