
/* CSS Document ACTUALITES */


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


#milieu .titreBlocAvis { position:relative; background:url(../images/avis_site/titre.gif) no-repeat  ; width:530px ; height:70px; margin:0 0 0 20px ;}
#milieu .titreBloc .suiteAvis {font-size:2em; position:absolute; left:220px;  bottom:10px;  font-weight:bold ;}
#milieu .clairAvis, #colDroite .clairAvis  {color:#bee6f5}

#milieu .grisMot {color:#666666;font-size:0.6em;}
#milieu .grisMotNbrs {color:#666666;font-size:0.5em; font-weight:100}



#milieu .fonceAvis, #colDroite .fonceAvis {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/avis_site/milieuBlocGr.gif) 10px top repeat-y}
#milieu .blocGr .haut {position:relative; background:url(../images/avis_site/hautBlocGr.gif) no-repeat; width:530px ;height:26px;}
#milieu .blocGr .bas { position:relative; background:url(../images/avis_site/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.puceAvis {display:block; font-weight:bold; margin-top:6px; text-decoration:underline; color:#009bc8 ; background:url(../images/puceBoiteOutils.gif) 388px 0px no-repeat; padding:0 0 8px 25px; text-align:right}
#milieu .blocGr a.puceAvis:hover {display:block; text-decoration:none;}


/*lien avec puce "Voir les résultats suivants" */
#milieu .blocGr a.puceSuivants {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.puceSuivants: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 .largeurTxtGr .rub { font-weight:bold}

/*couleur rubrique */
#milieu .blocGr .largeurTxtGr .rub .actu {color:#eb690a}
#milieu .blocGr .largeurTxtGr .rub .adolescents {color:#a3c341}
#milieu .blocGr .largeurTxtGr .rub .adultes {color:#f5b4c3}
#milieu .blocGr .largeurTxtGr .rub .seniors {color:#f5b4c3}
#milieu .blocGr .largeurTxtGr .rub .parents {color:#f5b4c3}
#milieu .blocGr .largeurTxtGr .rub .pnns {color:#a55a9b}
#milieu .blocGr .largeurTxtGr .rub .professionnel {color:#f5b4c3}
#milieu .blocGr .largeurTxtGr .rub .outils {color:#009bc8}
#milieu .blocGr .largeurTxtGr .rub .femmes {color:#f5b4c3}
#milieu .blocGr .largeurTxtGr .rub .communication {color:#fab45a}

#milieu .blocGr .largeurTxtGr { position:relative}
#milieu .blocGr .largeurTxtGr .titreArticle {padding:3px 20px 3px 3px; margin:10px 0; color:#009bc8; font-weight:bold; font-size:1.1em}
#milieu .blocGr .largeurTxtGr textarea {  margin:0 0 0 22px; width:378px; height:308px; border:solid 1px #a1b8c7; border-bottom:none;  padding:15px 0 0 15px}
#milieu .blocGr .largeurTxtGr .footerForm {margin:0 0 10px 22px; height:58px;}
#milieu .blocGr .largeurTxtGr .footerForm img { float:left}

#milieu .blocGr .largeurTxtGr fieldset  {border-top:0px solid #FFFFFF;; border-left:none; border-right:none; border-bottom:none;	margin:0;	padding:0px 5px;}
#milieu .blocGr .largeurTxtGr legend {font-size:1.2em; padding:0px; padding :0px 0px 0px 0px; margin-bottom: 10px; color:#803839; font-weight:bold; display:none; }
/*#milieu .blocGr .largeurTxtGr label {display:none  }*/
#milieu .blocGr .largeurTxtGr .footerForm .ok {border:0; width:74px ;height:62px;}

#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/avis_site/puceMangerPt.gif) 0 2px no-repeat  ; padding:0 0 5px 16px;}

/* fin grand bloc principal */

/* petit bloc */
#milieu .blocPt {background:url(../images/avis_site/milieuBlocPt.gif) 10px top repeat-y;}
#milieu .blocPt .haut {position:relative; background:url(../images/avis_site/hautBlocPt.gif) no-repeat; width:260px ;height:17px;}
#milieu .blocPt .contenu { padding:0 15px 0 20px ;}
#milieu .blocPt .bas { position:relative; background:url(../images/avis_site/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/avis_site/milieuBlocPt.gif) 10px top repeat-y;}
#milieu .blocPt2 .haut {position:relative; background:url(../images/avis_site/hautBlocPt2.gif) no-repeat; width:260px ;height:17px;}
#milieu .blocPt2 .contenu { padding:0 15px 0 20px ;}
#milieu .blocPt2 .bas { position:relative; background:url(../images/avis_site/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/avis_site/milieuBlocPtDroite.gif) repeat-y}
#colDroite .blocPt .haut {position:relative; background:url(../images/avis_site/hautBlocPtDroite2.gif) no-repeat; width:190px ;height:17px;}
#colDroite .blocPt .contenu { padding:0 20px ;}
#colDroite .blocPt .bas { position:relative; background:url(../images/avis_site/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/avis_site/milieuBlocPtDroite.gif) repeat-y}
#colDroite .blocPt2 .haut {position:relative; background:url(../images/avis_site/hautBlocPtDroite.gif) no-repeat; width:190px ;height:17px;}
#colDroite .blocPt2 .contenu { padding:0 20px ;}
#colDroite .blocPt2 .bas { position:relative; background:url(../images/avis_site/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/avis_site/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/avis_site/traitTableHoriz.gif) repeat-x ;padding:10px 15px; }
#milieu table tbody tr th { background:url(../images/avis_site/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 ;}