body,h1,h2,h3,h4,h5,h6,p,div,form,fieldset,input,ol,ul,dl,dt,dd,img{margin:0;padding:0;border:0}
a{text-decoration:none}a:hover{text-decoration:none}
hr{clear:both;visibility:hidden}
#footer p,#footer hr,#footer dl{display:none}
#footer noscript dl{display:block;margin:20px auto;width:620px;padding:8px;border:dashed 1px #333;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:justify}
/*Body*/
#bodycontent{
position:relative;
margin:0 auto;
width:930px;
min-height:709px;
background: url(../images/bg-gal.gif) no-repeat top right;
}
/*Entete*/
#entete{
position:relative;
width:887px;
height:145px;
top:0;
left:40px;
background: url(../images/bg-entete.gif) repeat-x 0 0;
}
/*Logo*/
h1{
position:absolute;
text-indent:-9999px;
top:0px;
left:20px;
width:350px;
height:105px;
background: url(../images/logo.gif) no-repeat 0 0;
}
h1 a{
display:block;
width:350px;
height:105px;
overflow:hidden;
}
/*Accroche*/
h2.accroche{
position:absolute;
text-indent:-9999px;
top:15px;
left:480px;
width:382px;
height:86px;
background: url(../images/accroche.gif) no-repeat 0 0;
}
/* Menu Top*/
#menu{
position:absolute;
height:40px;
padding-left:154px;
bottom:0;
right:15px;
background: url(../images/bg-menu.gif) repeat-x top left;
}
#menu h3{
position:absolute;
text-indent:-9999px;
width:154px;
height:40px;
top:0;
left:0;
background: url(../images/h3-menu.gif) no-repeat 0 0;
}
#menu ul{
height:26px;
width:459px;
padding:4px 6px 0 0;
background: url(../images/bg-ulmenu.gif) no-repeat top right;
}
#menu ul li{
float:left;
list-style-type:none;
height:22px;
line-height:22px;
padding:0 1px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
border-left:dotted 1px #897f74;
}
#menu ul li span{
display:none;
}
#menu ul li a{
display:block;
padding:0 10px;
color:#897f74;
}
#menu ul li a:hover,
#menu ul li.current a{
color:#3a3a3a;
background: url(../images/limenu-over.gif) repeat-x top left;
}
#menu ul li.menu1{
padding:0 1px 0 0;
border:0;
}
#menu ul li.menu1 a{
padding-left:20px;
background: url(../images/bg-menu1.gif) no-repeat top left;
}
#menu ul li.menu1 a:hover,
#menu ul li.menu1.current a{
overflow:hidden;
background-image:url(../images/bg-menu-over.gif);
}
/*Top*/
#top{
position:absolute;
top:0;
right:15px;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}
#top li{
float:left;
list-style:none;
height:21px;
padding:0 8px;
line-height:21px;
background: url(../images/pipe.gif) no-repeat 0 6px;
}
#top li.acc{
background:none;
}
#top li a{
padding:0;
color:#fff;
}
#top li a:hover{
color:#F4A53C;
}
/*Menu principal - gauche*/
#gauche{
float:left;
padding:20px 0 0 0;
width:277px;
}
/*Rubrique*/
#rubrique{
width:277px;
height:218px;
}
#rubrique h3{
text-indent:-9999px;
margin-left:12px;
width:19px;
height:218px;
background: url(../images/services-supports.gif) no-repeat 0 0;
}
#rubrique ul{
margin:-218px 0 0 40px;
width:237px;
}
#rubrique ul li{
height:41px;
list-style-type:none;
text-indent:-9999px;
}
#rubrique ul li a{
display:block;
height:41px;
overflow:hidden;
}
#rubrique ul li.rubrique1 a{
background: url(../images/rubrique1.gif) no-repeat 0 0;
}
#rubrique ul li.rubrique2 a{
background: url(../images/rubrique2.gif) no-repeat 0 0;
}
#rubrique ul li.rubrique3 a{
background: url(../images/rubrique3.gif) no-repeat 0 0;
}
#rubrique ul li.rubrique4 a{
background: url(../images/rubrique4.gif) no-repeat 0 0;
}
#rubrique ul li.rubrique5 a{
background: url(../images/rubrique5.gif) no-repeat 0 0;
}
#rubrique ul li a:hover,
#rubrique ul li.current a{
background-position:0 -41px;
}
#rubrique ul li span{
display:none;
}
/*Fil Ariane*/
#filariane{
position:absolute;
top:140px;
right:23px;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}
#filariane dt{
display:none;
}
#filariane dd a{
color:#626262;
}
#filariane dd a:hover{
color:#f79819;
}
#filariane dd span{
color:#f79819;
}
#filariane dd strong{
color:#f79819;
}
/*Espace */
#espace{
text-indent:-9999px;
margin:0 0 13px 1px;
width:276px;
height:36px;
}
#espace a{
display:block;
height:36px;
background: url(../images/espace.gif) no-repeat 0 0;
overflow:hidden;
}
#espace a:hover{
background-position:0 -36px;
}
/*Espace 2*/
#carte{
position:absolute;
left:0px;
top:0px;
width:277px;
height:175px;
margin:0;
padding:0;
}
#espace2{
position:relative;
margin-bottom:0;
width:276px;
height:202px;
background: url(../images/bg-espace2.gif) no-repeat top right;
}
#espace2 h3{
text-indent:-9999px;
margin-left:1px;
width:39px;
height:202px;
background: url(../images/espace2_vertical.png) no-repeat top left;
}
#espace2 a{
position:absolute;
bottom:10px;
left:50px;
padding-left:10px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color:#003366;
background: url(../images/puce-espace2.gif) no-repeat 0 4px;
}
#espace2 a:hover{
color:#FFFFFF;
}
/*Informtions actu,conseils,rvp*/
#informations{
position:relative;
margin:0 0 5px 47px;
width:230px;
height:68px;
background: url(../images/bg-informations.jpg) no-repeat top right;
}
#informations li{
position:absolute;
list-style:none;
left:10px;
}
#informations li a{
text-indent:-9999px;
display:block;
height:14px;
overflow:hidden;
}
/*Actualites*/
#informations li.infoactu{
top:10px;
width:78px;
}
#informations li.infoactu a{
height:13px;
background: url(../images/infoactu.jpg) no-repeat top left;
}
#informations li.infoactu a:hover{
background-position:0 -13px;
}
/*Partenaires*/
#informations li.infopart{
top:27px;
width:82px;
height:14px;
}
#informations li.infopart a{
height:14px;
background:url(../images/infopart.jpg) no-repeat top left;
}
#informations li.infopart a:hover{
background-position:0 -14px;
}

/*Revue de presse*/
#informations li.inforvp{
top:44px;
width:113px;
height:14px;
}
#informations li.inforvp a{
background: url(../images/inforvp.jpg) no-repeat top left;
}
#informations li a:hover{
background-position:0 -14px;
}
/*Numero Telephone*/
#telephone {
margin-left:65px;
width:193px;
height:30px;
background: url(../images/indigo.gif) no-repeat 0 10px;
padding-top:10px;
}
#telephone a{
position:relative;
display:block;
text-indent:-9999px;
overflow:hidden;
}
/*Contenu*/
#content{
float:right;
margin-right:20px!important;
margin-right:10px;
width:546px;
min-height:535px;
padding:50px 30px 30px 30px;
background: url(../images/bg-content.gif) no-repeat bottom left;
}
/*Pied de page*/
#piedpage{
position:relative;
clear:both;
height:25px;
padding:3px 25px 0 50px;
list-style:none;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}
#piedpage li{
float:left;
margin-right:10px;
}
#piedpage li.infos{
width:100px;
padding:0 0 0 10px;
background: url(../images/pipegris.gif) no-repeat 0 4px;
}
#piedpage li.pixbank{
float:right;
margin:0;
}
#piedpage li a{
color:#a4a4a4;
}
#piedpage li a:hover{
color:#f75504;
}
#droite{
float:right;
margin-right:20px!important;
margin-right:10px;
width:606px;
padding-top:15px;
}
#animation{
margin-bottom:15px;
width:605px;
height:260px;
background: url(../images/anim.gif) no-repeat top left;
}
#pano{
margin-bottom:15px;
width:605px;
height:260px;
}
#intro{
position:relative;
width:606px;
height:268px;
background: url(../images/bg-intro.gif) no-repeat 0 0;
}
#intro h3{
position:absolute;
top:11px;
left:20px;
width:450px;
height:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#f4a53c;
}
#intro .texte-intro {
position:absolute;
top:45px;
left:20px;
width:530px;
height:220px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#7D7D7D;
line-height:20px;
}
.mot-intro {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#f4a53c;
}
#intro a{
position:absolute;
bottom:10px;
left:20px;
padding-left:10px;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
color:#5d9ae8;
background: url(../images/puce-ref.gif) no-repeat 0 4px;
}
#intro a:hover{
color:#f75504;
}

#nouveautes{
position:relative;
text-align:center;
margin:0 0 5px 47px;
width:230px;
height:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#f4a53c;
background: url(../images/bg-nouveautes.jpg) no-repeat top right;
}
/* Slider */
#slider{
margin-left:25px;
margin-top:8px;
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:170px;
	height:100px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{
text-indent:-9999px; 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
														
#prevBtn a, #nextBtn a{
text-indent:-9999px;   
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border:solid 1px #EEEEEE;
	background-color:#EEEEEE;
	}