/***************** BODY *****************/

* {

/*---on passe toutes les marges à 0---*/

margin:0;

padding:0;

}

body,html{

height:100%;

/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)

scrollbar-base-color:#7d8a2e;

---*/

}

body{

background:#424242 url(../../charte/images/bg-body.jpg) center top no-repeat;

}

/***************** CONTAINER *****************/

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;

background:scroll #FFF url(../../charte/images/bg-container.gif) center top repeat-y;

}

/***************** HEADER *****************/

#header{

width:960px;

height:230px;

display:block;/*obligatoire si il y a un flash*/

}



/***************** MENU LEFT *****************/

#menuLeft{

float:left;

padding-top:20px;

width:200px;

background:url(../../charte/images/bg-menuLeft.jpg) left top no-repeat;

list-style:none;

}

#menuLeft li a{

text-align:right;

text-decoration:none;

font:bold 12px/25px Arial, Helvetica, sans-serif;

color:#FFF;

display:block;

height:25px;

overflow:hidden;

border:solid #FFF;

border-width:0 0 0px 0;

padding:0 30px 0 0px;

}

#menuLeft li a:hover ,

#menuLeft li a.rubrique_active{

background:url(../images/menu-over.gif);

color:#270000;

}

/***************** SOUS MENU */

#menuLeft li ul{

list-style:none;

}

#menuLeft li ul li a{

text-align: right;

border:none;

text-decoration:none;

font:normal 12px/20px Arial, Helvetica, sans-serif;

color:#a1a1a1;

display:block;

height:20px;

overflow:hidden;

padding:0 30px 0 0px;

}

#menuLeft li ul li a:hover{

text-decoration:underline;

color:#FFF;

background:none;

}

/***************** CONTENU *****************/

#contenu_bg {

	float:left;

	width:760px;

	background:url(../../charte/images/bg-contenu.jpg) left top no-repeat;

}

#contenu{

	float:left;

	width:745px;

	padding:20px 0 10px 10px;

}





/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

clear:both;

}

#clearFooter{

height:55px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/



#footer1{

width:100%;

height:55px;

clear:both;

position:relative;

margin:-55px auto;

background: url(../../charte/images/bg-footer1.gif) left top repeat-x;

}



#footer{

position: relative;/*---obligatoire pour le footer---*/

margin:auto;

width:960px;

height:55px;

color:#fff;

background:#2C2F35 url(../../charte/images/bg-footer.gif) left top no-repeat;

}



#idep{

position:absolute;

left:0;

top:25px;

width:195px;

height:30px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

font:9px/8px Arial, Helvetica, sans-serif;

color:#FFF;

margin:7px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#FF0000;

}

/******************* STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#fff;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#fff;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#fff;

}

#galerieFlash{

	width:375px;

	height:140px;

	margin-bottom:6px;

	display:block;

	outline:0;

	float:left;

	margin-left:45px;
}

#flash_vini #galerieFlash {
	width:700px;
	height:530px;
	margin-bottom:6px;
	display:block;
	outline:0;
	float:left;
	margin:70px 0 0 0;
}

#flash_indus #galerieFlash {
	width:700px;
	height:530px;
	margin-bottom:6px;
	display:block;
	outline:0;
	float:left;
	margin-left:0;
}

#flash_agro #galerieFlash {
	width:700px;
	height:530px;
	margin-bottom:6px;
	display:block;
	outline:0;
	float:left;
	margin:70px 0 0 0;
}

#flash_archi #galerieFlash {
	width:700px;
	height:530px;
	margin-bottom:6px;
	display:block;
	outline:0;
	float:left;
	margin:70px 0 0 0;
}