@charset "utf-8";
body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 95% Calibri ;
	background-color: #989898 ;
	color: #000000 ;
}

div#conteneur
{
	width: 870px ;
	margin: 0 auto ;
	text-align: left ;
	background: #fff ;
	float: left;	
}
div#block1
{
	width: 205px ;
	margin: 0 ;
	padding: 0 ;
	text-align: left ;
	background-color: #989898 ;
	float: left;	
}

h1#header
{
	height: 100px;
	background: url(logocmb.png) no-repeat left top;
	border: 1px solid #000 ;
	margin: 0;
	text-indent: -5000px ;
}

div#hautgauche
{
	width: 625px ;
	height: 250px ;
	margin: 0 auto ;
	float: left ;
}

div#hautdroite
{
	width: 245px ;
	height: 250px ;
	margin: 0 auto ;
	float: right ;
	background: url(droite1.png) no-repeat left top;
}

div#hautdroite a
{
	color: #000000 ;
	text-decoration: underline ;
}

div#hautdroite a:hover
{
	color: #000000 ;
	text-decoration: none ;
}

div#contenubarre1
{
	width: 233px ;
	height: 250px ;
	margin: 0 auto ;
	float: right ;
}

div#basgauche
{
	width: 624px ;
	height: 550px ;
	margin: 0 auto ;
	float: left ;
	background: url(titreaccueil.png) no-repeat left top;
	background-color:#fff ;
	border-left: 1px solid #000 ;
	border-bottom: 1px solid #000 ;
}

div#contenubasgauche
{
	width: 611px ;
	height: 550px ;
	margin: 0 auto ;
	float: left ;
}

.textedate { font: 80% Calibri; color: #000000; }
.textebig { font: 140% Calibri; color: #888888; font-weight:bold}
	
div#contenubasgauche a
{
	color: #777777 ;
	text-decoration: underline ;
}

div#contenubasgauche a:hover
{
	color: #777777 ;
	text-decoration: none ;
}


div#basdroite
{
	width: 245px ;
	height: 550px ;
	margin: 0 auto ;
	float: right ;
	background: url(droite2.jpg) no-repeat left top;
	border-bottom: 1px solid #000 ;
}

div#contenubarre2
{
	width: 233px ;
	height: 550px ;
	margin: 0 auto ;
	float: right ;
}

div#footer
{
	width: 870px ;
	height: 80px ;
	margin: 0 auto ;
	float: left ;
	background: url(footer/foot.png) no-repeat left top;
	background-color: #fff ;
}

div#contenufooter
{
	width: 870px ;
	height: 80px ;
	margin: 0 auto ;
	text-align: right ;
}

div#contenusite
{
	width: 868px ;
	border: 1px solid #000 ;
	border-top: 0px;
	background:#9c9c9c ;
	margin: 0 auto ;
	float: left ;
}

div#contenuinside
{
	width: 848px ;
	background:url(img/bg.gif) no-repeat left top ;
	background-color: #fff;
	margin: 0 auto ;
	float: left ;
	padding: 0px 10px ;
	text-align: justify ;
}

div#contenuinsidegamme
{
	width: 848px ;
	background:url(img/bg1.jpg) no-repeat left top ;
	background-color: #fff;
	margin: 0 auto ;
	float: left ;
	padding: 0px 10px ;
	text-align: justify ;
}

div#service1
{
	width: 620px ;
	margin: 0 auto ;
	float: left ;
	padding: 7px ;
	text-align: justify ;
	background:url(img/av/serv1.png) no-repeat left top ;
	background-color:#999999 ;
	color:#FFFFFF ;
	border: 1px solid #000 ;
	margin: 15px ;
}

div#service2
{
	width: 620px ;
	margin: 0 auto ;
	float: right ;
	padding: 7px ;
	text-align: justify ;
	background:url(img/av/serv2.png) no-repeat left top ;
	background-color:#888888 ;
	color:#FFFFFF ;
	border: 1px solid #000 ;
	margin: 15px ;
}

div#service3
{
	width: 620px ;
	margin: 0 auto ;
	float: left ;
	padding: 7px ;
	text-align: justify ;
	background:url(img/av/serv3.png) no-repeat left top ;
	background-color:#777777 ;
	color:#FFFFFF ;
	border: 1px solid #000 ;
	margin: 15px ;
	margin-left: 65px ;
}

div#service4
{
	width: 620px ;
	margin: 0 auto ;
	float: right ;
	padding: 7px ;
	text-align: justify ;
	background:url(img/av/serv4.png) no-repeat left top ;
	background-color:#666666 ;
	color:#FFFFFF ;
	border: 1px solid #000 ;
	margin: 15px ;
	margin-right: 65px ;
}

h2.titreservice
{
font: 180% Calibri ;
font-style:italic ;
margin: 0 ;
text-align:center ;
}

h2.titrequal
{
font: 160% Calibri ;
color:#003399 ;
margin: 0 ;
text-align:center ;
font-weight: bold ;
}

h2.titreproc
{
font: 140% Calibri ;
color:#003399 ;
margin: 0 ;
text-align:left ;
font-weight: bold ;
}

h2.titrecont
{
font: 130% Calibri ;
color:#003399 ;
margin: 0 ;
text-align:center ;
font-weight: bold ;
}

font.cont
{
font: 110% Calibri ;
font-weight: bold ;
}

h2.soutitreserv
{
font: 120% Calibri ;
color:#0000bb ;
margin: 0 ;
text-align:left ;
}

font.miseenf
{
color:#0066CC ;
font: 107% Calibri ;
font-weight: bold ;
}

font.miseenf2
{
color:#006600 ;
font: 107% Calibri ;
font-weight: bold ;
}

font.miseenf3
{
color:#CC0033 ;
font: 107% Calibri ;
font-weight: bold ;
}

div#contenuinside a
{
color:#0066FF ;
font: 105% Calibri ;
font-weight: bold ;
text-decoration: underline ;
}

div#contenuinside a:hover
{
	color: #333333 ;
	font-weight:normal ;
	text-decoration: none ;
}

div#catal a
{
color:#3399FF ;
font: 120% Calibri ;
font-weight: bold ;
text-decoration: none ;
}

div#catal a:hover
{
	color: #333333 ;
	font-weight:normal ;
}

#survdis1 a {display:block;width:250px; 
height: 583px; 
float: left;
background-image:url(img/dis/dis1a.jpg);
text-indent: -5000px ; 
} 
#survdis1 a:hover{display:block;width:250px; 
height: 583px; 
float: left;
background-image:url(img/dis/dis1b.jpg); 
text-indent: -5000px ;
} 

#survdis2 a {display:block;width:250px; 
height: 583px; 
float: left;
background-image:url(img/dis/dis2a.jpg);
text-indent: -5000px ; 
} 
#survdis2 a:hover{display:block;width:250px; 
height: 583px; 
float: left;
background-image:url(img/dis/dis2b.jpg); 
text-indent: -5000px ;
} 

#survfaq1 a {display:block;width:570px; 
height: 190px; 
float: left;
background-image:url(img/faq/faq1a.jpg);
text-indent: -5000px ; 
} 
#survfaq1 a:hover{display:block;width:570px; 
height: 190px; 
float: left;
background-image:url(img/faq/faq1b.jpg); 
text-indent: -5000px ;
} 

#survfaq2 a {display:block;width:570px; 
height: 190px; 
float: left;
background-image:url(img/faq/faq2a.jpg);
text-indent: -5000px ; 
} 
#survfaq2 a:hover{display:block;width:570px; 
height: 190px; 
float: left;
background-image:url(img/faq/faq2b.jpg); 
text-indent: -5000px ;
} 

#survfaq3 a {display:block;width:570px; 
height: 190px; 
float: left;
background-image:url(img/faq/faq3a.jpg);
text-indent: -5000px ; 
} 
#survfaq3 a:hover{display:block;width:570px; 
height: 190px; 
float: left;
background-image:url(img/faq/faq3b.jpg); 
text-indent: -5000px ;
} 

#menuDeroulant
{
 background: #6A6458;
 width: 870px;
 height: 28px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 100;
 left:300;
 text-align:center;
 font: 105% Calibri ;
}
#menuDeroulant li
{
 float: left;
 width: 124px;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #000;
 background: url(menu/fond.jpg);
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
#menuDeroulant li a:hover { background: url(menu/fond1.jpg);  color: #fff;}
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("menu/fond.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #4d4d4d;
}

div#puce1
{
	height: 15px;
	width: 15px;
	background: url(puce.png) no-repeat left top;
	border: 0 ;
	margin: 0;
}