/***************** 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:url(../images/charte/bg-page-x.jpg) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
}
a img{
border:none;
}
a:active, a:focus{
outline:none;
}

/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:1003px;
margin:0 auto;
background:url(../images/charte/bg-page-y.gif) repeat-y top left;
}
/***************** HEADER *****************/
#header{
width:1003px;
height:163px;
background-image:url(../images/charte/header.jpg);
}
#header-page-interieur{
width:1003px;
height:163px;
background-image:url(../images/charte/header-interieur.jpg);
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:928px;
height:31px;
background-image:url(../images/charte/bg-menu.jpg);
list-style:none;
padding:0 0 0 75px;
}
#menuTop a{
display:block;
height:30px;
overflow:hidden;

}
#container #menuTop a:link,
#container #menuTop a.visited{
background-position:top left;

}
#container #menuTop a:hover,
#container #menuTop a.trigered{
	background-position:bottom left;
}
#menuTop a span{
display:none;

}
#menuTop li{
position:relative;
float:left;
}

/***************** MENU TOP page interieur*****************/
#menuTop-page-interieur{
position:relative;
z-index:10;
width:928px;
height:31px;
background-image:url(../images/charte/bg-menu-interieur.jpg);
list-style:none;
padding:0 0 0 75px;
}
#menuTop-page-interieur a{
display:block;
height:30px;
overflow:hidden;

}
#container #menuTop-page-interieur a:link,
#container #menuTop-page-interieur a.visited{
background-position:top left;

}
#container #menuTop-page-interieur a:hover,
#container #menuTop-page-interieur a.trigered{
	background-position:bottom left;
}
#menuTop-page-interieur a span{
display:none;

}
#menuTop-page-interieur li{
position:relative;
float:left;
}

a.btaccueil:visited,a.btaccueil:link{
	width:78px;
	background:url(../images/charte/accueil.jpg);
}
a.btsociete:visited,a.btsociete:link{
	width:77px;
	background:url(../images/charte/societe.jpg);
}
a.btrealisations:visited,a.btrealisations:link{
	width:102px;
	background:url(../images/charte/realisations.jpg);
}
a.btintranet:visited,a.btintranet:link{
	width:84px;
	background:url(../images/charte/intranet.jpg);
}
a.btemploi:visited,a.btemploi:link{
	width:76px;
	background:url(../images/charte/emploi.jpg);
}
a.btsponsoring:visited,a.btsponsoring:link{
	width:102px;
	background:url(../images/charte/sponsoring.jpg);
}
a.btcontact:visited,a.btcontact:link{
	width:70px;
	background:url(../images/charte/contact.jpg);
}

/***************** CONTENU *****************/
#contenu{
width:1003px;
background:url(../images/charte/bg-contenu.jpg) no-repeat top left;
min-height:340px;
height:auto !important;
height:340px;
}
#contenu-page-interieur{
width:1003px;
background:url(../images/charte/bg-contenu-interieur.jpg) no-repeat top left;
min-height:340px;
height:auto !important;
height:340px;
}
/***************** Texte*****************/
#texte{
float:left;
width:570px;
padding:10px 0 0 100px;
}
#texte p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin-bottom:1.2em;
}
#texte h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#000;
height:30px;
margin:10px 0 10px 0px;
text-indent:40px;
padding:5px 0 0 0;
background:url(../images/charte/puce-h1.gif) no-repeat top left;
}
#texte h2{
font:bold 15px/20px Arial, Helvetica, sans-serif;
color:#1c73d3;
letter-spacing:1px;
border-bottom:1px dotted #1c73d3;
}
#texte-interieur h4{
font:bold 15px/20px Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 10px 0;
letter-spacing:1px;

}

/***************** Slogan*****************/
#slogan{
float:right;
width:204px;
height:105px;
padding:0px 80px 0 0;
margin:75px 0 0 0;

}
/***************** Menu-right*****************/
#collright{
	float:right;
	width:307px;
	min-height:204px; 
	height:auto  !important;
	height:204px;

}
#bt-rejoignez{  
	float:left;
	width:100px;
	height:48px;
	margin:0 0 0 100px;

}
#bt-rejoignez a:visited,#bt-rejoignez a:link{  
	display:block;
	width:100px;
	height:48px;
}
#menu-right{  
	float:right;
	width:307px;
	min-height:204px; 
	height:auto  !important;
	height:204px;
	background:url(../images/charte/bg-menu-right-y.gif) repeat-y top left;

}
#menu-right2{   /* pour que l'image d'arrière plan se répète suivant la longueur des sous rub */  
	float:right;
	width:307px;
	min-height:204px; 
	height:auto  !important;
	height:204px;
	background:url(../images/charte/bg-menu-right.jpg) no-repeat top left;
}
#menu-right #menu-right2 ul{
	margin:20px 0 0 60px;

}
#menu-right #menu-right2 ul li a:link,#menu-right #menu-right2 ul li a:visited{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
#menu-right #menu-right2 ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}



#menu-right #menu-right2 ul ul{
	margin:0px 0 0 10px;

}
#menu-right #menu-right2 ul ul li a:link,#menu-right #menu-right2 ul ul li a:visited{

	font-size:11px;
	color:#000;
	text-decoration:none;
}
#menu-right #menu-right2 ul ul li a:hover{

	font-size:11px;
	color:#000;
	text-decoration:underline;
}
#bas-menu-right{
	float:left;
	width:228px;
	height:38px;
	background:transparent url(../images/charte/bas-menu-right.png) no-repeat top left; /* IE6, IE7beta2, Gecko */       
	 _background:none; /* IE6 */        
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bas-menu-right.png', sizingMethod='scale'); /* IE6 */    }



/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;

}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:1003px;
height:40px;
margin:-40px auto 0;
background-image:url(../images/charte/bg-footer.jpg);
}
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#f6b715;
text-align:right;
letter-spacing:1px;
padding:10px 80px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#f6b715;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#f6b715;
}

#adresse{
font:10px/30px Arial, Helvetica, sans-serif;
color:#000;
letter-spacing:1px;
position:absolute;
left:70px;
top:10px;
width:650px;
height:30px;
}
.miseajour{
	margin:0 0 0 10px;
	font:italic 10px/30px Arial, Helvetica, sans-serif;
	color:#666666;
	letter-spacing:0;
}