/* CSS Document ACTUALITES */


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


/* TITRE */
#milieu h3 {display:block; position:relative ; font-size:3em; padding-top:20px ; color:#666}
/**/




#milieu h3 .h3complement  {display:block; position:absolute ; bottom:10px ; left:230px; font-size:1.6em;}

#milieu .titreBloc { position:relative; background:url(../images/plan/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:#f5b6c3}
#milieu .fonce, #colDroite .fonce {color:#e10064}
#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/plan/milieuBlocGr.gif) 10px top repeat-y}
#milieu .blocGr .haut {position:relative; background:url(../images/plan/hautBlocGr.gif) no-repeat; width:530px ;height:26px;}
#milieu .blocGr .bas { position:relative; background:url(../images/plan/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:#e10064; 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:#333 ; background:url(../images/plan/puce.gif) 0 0 no-repeat  ; padding:0 0 8px 25px;}
#milieu .blocGr a.puce:hover {display:block; text-decoration:none;}



#milieu .blocGr info {font-weight:normal}



.largeurTxtGr li a.sousRub {font-size:1em; color:#666 ; font-weight:bold; background:url(../images/plan/puce2.gif) 0 0 no-repeat  ; padding:0 0 0 20px;}
.largeurTxtGr li a.sousRub2 {font-size:1em; color:#888}


#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/plan/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:#e10064; margin-bottom:10px}

#milieu .blocGr ul {padding:10px 0} 
#milieu .blocGr li {background:url(../images/plan/puceMangerPt.gif) 0 2px no-repeat  ; padding:0 0 5px 16px; font-weight:bold;}

/* fin grand bloc principal */

/* petit bloc */
#milieu .blocPt {background:url(../images/plan/milieuBlocPt.gif) 10px top repeat-y;}
#milieu .blocPt .haut {position:relative; background:url(../images/plan/hautBlocPt.gif) no-repeat; width:260px ;height:17px;}
#milieu .blocPt .contenu { padding:0 15px 0 20px ;}
#milieu .blocPt .bas { position:relative; background:url(../images/plan/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:#e10064 ; background:url(../images/puceManger.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/plan/milieuBlocPt.gif) 10px top repeat-y;}
#milieu .blocPt2 .haut {position:relative; background:url(../images/plan/hautBlocPt2.gif) no-repeat; width:260px ;height:17px;}
#milieu .blocPt2 .contenu { padding:0 15px 0 20px ;}
#milieu .blocPt2 .bas { position:relative; background:url(../images/plan/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:#e10064 ; background:url(../images/puceManger.gif) 0 0 no-repeat  ; padding:0 0 8px 25px;}
#milieu .blocPt2 a.puce:hover {display:block; text-decoration:none;}
/* petit bloc */



/* Colonne de droite2 */
#colDroite .blocPt {width:190px ;  position:relative; margin:10px 0 0 0; background:url(../images/plan/milieuBlocPtDroite.gif) repeat-y}
#colDroite .blocPt .haut {position:relative; background:url(../images/plan/hautBlocPtDroite2.gif) no-repeat; width:190px ;height:17px;}
#colDroite .blocPt .contenu { padding:0 20px ;}
#colDroite .blocPt .bas { position:relative; background:url(../images/plan/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:#e10064 ; background:url(../images/puceManger.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/plan/milieuBlocPtDroite.gif) repeat-y}
#colDroite .blocPt2 .haut {position:relative; background:url(../images/plan/hautBlocPtDroite.gif) no-repeat; width:190px ;height:17px;}
#colDroite .blocPt2 .contenu { padding:0 20px ;}
#colDroite .blocPt2 .bas { position:relative; background:url(../images/plan/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:#e10064 ; background:url(../images/puceManger.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/plan/traitSepaBlocDroitHori.gif) left 4px no-repeat    ; font-size:1px ; height:12px; border:0; }