/*************************************************
*					 dd.css					 
*                                                
* utilisé dans les pages développement durable du site internet
* 
* couleur associée : vert
*
**************************************************/

.RGBDD { color:#005b46; }
.H1DD  { margin:0px; padding:0px; font-size:1.5em; }
.H2DD  { margin:0px 0px 0px 40px; padding:0px; font-size:1.3em; }
.DDh3 { background:url(/img/Fleche-VER.gif) no-repeat 0 50%; margin:0px 0px 5px 0px; padding-left:20px; font-size:1.2em; color:#000; }
/********************************* styles pour l'accueil du developpement durable ************************************/
#DDGlobal { background:url(/img/developpement-durable/DD-Home.jpg) no-repeat 0 22px; margin:0px; padding-top:10px; }
#DDCol1    { float:left; width:195px; margin:150px 5px 0px 0px; }
#DDCol1 h3 { background:url(/img/developpement-durable/Titre-Col1.gif) no-repeat 0 2px; color:#008c6b; font-size:1em; margin:0px; padding:0px 0px 10px 35px; }
#DDCol1 .contenu {background:url(/img/developpement-durable/icone_rapport_dev_durable.gif) no-repeat 0 2px;padding-left:50px;height:80px;margin-left:20px;}
#DDCol2 { float:left; width:189px; margin-left:5px;}
#DDCol2 h3 { background:url(/img/developpement-durable/Titre-Col2.gif) no-repeat top left; color:#f60; font-size:1.4em; margin:0px; padding:20px 0px 10px 35px; }
#DDCol2 p  { padding:5px 5px 0px 5px;margin:0px;}
#DDCol2 .contenu { border: solid #f60;border-width:0px 1px 0px 1px; margin-top:65px; padding-top:2px; }
#DDCol2 .footer  { background:url(/img/developpement-durable/Footer-Col2.gif) no-repeat top left; margin:0px; padding:0px; }
#DDCol2 h3 a {color:#f60;text-decoration:none;}
#DDCol2 h3 a:hover {color:#f60;text-decoration:none;}
#DDCol3 { float:left; width:205px; margin-top:130px; }
#DDCol3 h3 { /*background:url(/img/developpement-durable/Titre-Col3.gif) no-repeat 0 2px;*/ color:#f60; font-size:1em; padding:0px 0px 0px 5px; height:15px; }
#DDCol3 .contenu { padding:0px 5px 0px 5px; }
#DDCol3 h3 a {color:#f60;text-decoration:underline;}
#DDCol3 h3 a:hover {color:#f60;text-decoration:none;}
/***************************************************************************************/
#SubOnglet      { padding-bottom:10px; }
#SubOnglet ul   { list-style:none;}
#SubOnglet li   { float:left; padding:0px;width:240px;margin:0px;}
#SubOnglet span { text-decoration:none; color:#000; font-weight:bold ;background:#CCE599;border: #CCE599 solid 1px;}
#SubOnglet a    { text-decoration:underline; color:#000; background:#FFF;border: #CCE599 solid 1px;}
#SubOnglet a:hover { text-decoration:none; background:#CCE599;}
/********************************* navigation gauche ************************************/
#NavOutils    { margin:30px 5px 0px 0px; padding:0px; text-align:right; }
#NavOutils li { list-style:none; margin:0px; padding:5px 0px 5px 0px; height:20px}
#NavOutils .BGGlossaire { background:url(/img/picto-glossaire.gif) no-repeat 100% 50%; padding-right:30px; margin-right:9px;}
#NavOutils .BGTextes { background:url(/img/picto-textes.gif) no-repeat 100% 50%; padding-right:30px;  margin-right:6px;}
#NavOutils .BGLinks { background:url(/img/picto-liens.gif) no-repeat 100% 50%; padding-right:30px; margin-right:3px;}
#NavOutils .BGContact { background:url(/img/picto-contact.gif) no-repeat 100% 50%; padding-right:30px; }
/***************************************************************************************/
#DDCol4    { position:relative; width:195px; margin:0px 5px 0px 0px; }
#DDCol4 h3 { background:url(/img/developpement-durable/Titre-Col1.gif) no-repeat 0 2px; color:#008c6b; font-size:1em; margin:0px; padding:0px 0px 10px 35px; }
#DDCol4 .contenu {background:url(/img/developpement-durable/home_yearbook.png) no-repeat 0 2px;padding-left:50px;height:80px;margin-left:20px;}