html, body { height: 100%; }
	
body {
	font: 90% Arial, Helvetica, sans-serif;
	background: #fff url(../i/ligne.gif) repeat-y 250px 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #000; }
	
* { 
	padding: 0px;
	margin: 0px;
	border: 0px;
	outline: none; }

#content {
	width: 752px;
	margin: 0px;
	padding-bottom: 20px;
	position: relative; }
#sidebar {
	/*float: left;*/
	width: 250px;
	margin: 0px; 
	padding: 0px;
	position: absolute; top:0; left: 0; }
#sidebar-content {
	margin: 0px; 
	padding: 0px;
	/*font-size: 70%;*/ }
#main {
	/*margin: 0px 0px 0px 250px;*/ margin: 0px;
	padding:0;
	position: absolute; top:0; left: 250px; }
#main-content {
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	/*font-size: 100%;*/  }
hr.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0; 
	padding: 0px;
	border: none;
	visibility: hidden; }




#bodyaccu #tete { 
	/*The image*/ 
	background-image: url(../i/titr_accu.gif); 
	background-repeat: no-repeat;  }
#bodyserv #tete { 
	/*The image*/ 
	background-image: url(../i/titr_serv.gif); 
	background-repeat: no-repeat;  }
#bodyprod #tete { 
	/*The image*/ 
	background-image: url(../i/titr_prod.gif); 
	background-repeat: no-repeat;  }
#bodyapro #tete { 
	/*The image*/ 
	background-image: url(../i/titr_apro.gif); 
	background-repeat: no-repeat;  }
#bodycont #tete { 
	/*The image*/ 
	background-image: url(../i/titr_cont.gif); 
	background-repeat: no-repeat;  }

#tete { 
	margin: 0px;
	padding: 0px;
	/*Size of the image*/ 
	padding-top: 150px; 
	width: 250px; 
	/*Hide the text*/ 
	overflow: hidden; 
	/* WIN IE5 hack */ 
	height: 150px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;
	position: absolute;
	top: 0px;
	left: 0px; 
	border-bottom: 0; }




#liens { 
	width: 501px;
	height: 136px;
	margin: 0px;
	padding: 0px;
	font-size: 95%;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	visibility: visible; 
	overflow: visible; 
	display: block; }
	
#liens2, #liens3 {
	/*width: 250px;*/
	margin: 170px 0px 0px;
	padding: 0px;
	font-size: 95%;
	border-bottom: 1px solid #000;
	visibility: visible; 
	overflow: visible;  display: block;  }
	
#liens li {
	display: inline; }

#liens li, #liens2 li, #liens3 li, #lienspdf li {
	list-style: none; }
	
#liens2 li ul {
	font-size: 90%; }
	


#liens a {
	color: #000;
	text-decoration: none;
	padding: 90px 0px 10px 0px;
	margin: 0px;
	display: block; 
	width: 125px;
	float: left;
	text-align: center; }
	
#liens2 li a {
	color: #000;
	text-decoration: none;
	display: block;
	border-top: 1px solid #000;
	padding: 10px 50px 10px 76px;
	margin: 0px; }

#lienspdf li {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 10px 0px 10px 56px;
	margin: 0px;
	background: #fff;
	margin-top: -1px;
	border-bottom: 1px solid #000; }


#liens2 li.likep {
	color: #000;
	text-decoration: none;
	display: block;
	/*border-top: 1px solid #000;*/
	padding: 10px 50px 10px 56px;
	margin: 0px; }
	
#liens2 li ul a {
	color: #000;
	text-decoration: none;
	display: block;
	border-top: 1px dashed #000;
	padding: 10px 50px 10px 94px;
	margin: 0px; }

#liens2 li ul li ul a {
	background: none;
	color: #000;
	text-decoration: none;
	display: block;
	border-top: none;
	padding: 0px 50px 10px 112px;
	margin: 0px; }

#liens3 {
	border-top: 1px solid #000;
	padding-bottom: 10px; }

#liens3 li.likep {
	color: #000;
	font-size: 100%;
	text-decoration: none;
	display: block;
	/*border-top: 1px solid #000;*/
	padding: 10px 50px 10px 56px;
	margin: 0px; }

#liens3 li {
	background: none;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px 50px 5px 70px;
	margin: 0px;
	font-size: 86%; }

#bodyaccu #liens a.accu,
#liens a.accu:hover { 
	background: url(../i/l_accu2.gif) 15px 0px no-repeat; }
#bodyserv #liens a.serv,
#liens a.serv:hover {
	background: url(../i/l_serv2.gif) 15px 0px no-repeat; }
#bodyprod #liens a.prod,
#liens a.prod:hover {
	background: url(../i/l_prod2.gif) 15px 0px no-repeat; }
#bodycont #liens a.cont,
#liens a.cont:hover {
	background: url(../i/l_cont2.gif) 15px 0px no-repeat; }


#bodyaccu #liens2 li a {
	background: transparent url(../i/ll_accu.gif) no-repeat 57px 12px; }
#bodyserv #liens2 li a {
	background: transparent url(../i/ll_serv.gif) no-repeat 57px 12px; }
#bodyprod #liens2 li a {
	background: transparent url(../i/ll_prod.gif) no-repeat 57px 12px;  }
#bodycont #liens2 li a {
	background: transparent url(../i/ll_cont.gif) no-repeat 57px 12px; }
#bodycont #liens2 li.pdf a {
	background: none; }

#bodyaccu #liens2 li a:hover,
#bodyaccu #liens2 li a.on {
	background: transparent url(../i/ll_accu2.gif) no-repeat 57px 12px;
	background: #f00; }
#bodyserv #liens2 li a:hover,
#bodyserv #liens2 li a.on {
	background: transparent url(../i/ll_serv2.gif) no-repeat 57px 12px; 
	background: #09f;}
#bodyprod #liens2 li a:hover,
#bodyprod #liens2 li a.on {
	background: transparent url(../i/ll_prod2.gif) no-repeat 57px 12px;
	background: #393; }
#bodycont #liens2 li a:hover,
#bodycont #liens2 li a.on {
	background: transparent url(../i/ll_cont2.gif) no-repeat 57px 12px;
	background: #fc0; }
#bodycont #liens2 li.pdf a:hover {
	background: none; }
.on { font-weight: bold; }	


#bodyaccu #liens2 li ul li a {
	background: transparent url(../i/ll_accu4.gif) no-repeat 77px 12px; }
#bodyserv #liens2 li ul li a {
	background: transparent url(../i/ll_serv4.gif) no-repeat 77px 12px; }
#bodyprod #liens2 li ul li a {
	background: transparent url(../i/ll_prod4.gif) no-repeat 77px 12px;  }
#bodycont #liens2 li ul li a {
	background: transparent url(../i/ll_cont4.gif) no-repeat 77px 12px; }

#bodyaccu #liens2 li ul li a:hover,
#bodyaccu #liens2 li ul li a.on {
	background: transparent url(../i/ll_accu4b.gif) no-repeat 77px 12px;
	background: #f00; }
#bodyserv #liens2 li ul li a:hover,
#bodyserv #liens2 li ul li a.on {
	background: transparent url(../i/ll_serv4b.gif) no-repeat 77px 12px;
	background: #09f; }
#bodyprod #liens2 li ul li a:hover,
#bodyprod #liens2 li ul li a.on {
	background: transparent url(../i/ll_prod4b.gif) no-repeat 77px 12px;
	background: #393; }
#bodycont #liens2 li ul li a:hover,
#bodycont #liens2 li ul li a.on {
	background: transparent url(../i/ll_cont4b.gif) no-repeat 77px 12px;
	background: #fc0; }

#bodyaccu #liens2 li ul li ul li a {
	background: transparent url(../i/ll_accu3.gif) no-repeat 97px 2px; }
#bodyserv #liens2 li ul li ul li a {
	background: transparent url(../i/ll_serv3.gif) no-repeat 97px 2px; }
#bodyprod #liens2 li ul li ul li a {
	background: transparent url(../i/ll_prod3.gif) no-repeat 97px 2px;  }
#bodycont #liens2 li ul li ul li a {
	background: transparent url(../i/ll_cont3.gif) no-repeat 97px 2px; }

#bodyaccu #liens2 li ul li ul li a:hover,
#bodyaccu #liens2 li ul li ul li a.on {
	background: transparent url(../i/ll_accu3b.gif) no-repeat 97px 2px;
	background: #f00; }
#bodyserv #liens2 li ul li ul li a:hover,
#bodyserv #liens2 li ul li ul li a.on {
	background: transparent url(../i/ll_serv3b.gif) no-repeat 97px 2px;
	background: #09f; }
#bodyprod #liens2 li ul li ul li a:hover,
#bodyprod #liens2 li ul li ul li a.on {
	background: transparent url(../i/ll_prod3b.gif) no-repeat 97px 2px;
	background: #393; }
#bodycont #liens2 li ul li ul li a:hover,
#bodycont #liens2 li ul li ul li a.on {
	background: transparent url(../i/ll_cont3b.gif) no-repeat 97px 2px;
	background: #fc0; }
	

#bodyaccu #liens3 li {
	background: transparent url(../i/ll_accu3.gif) no-repeat 57px 7px; }
#bodyserv #liens3 li {
	background: transparent url(../i/ll_serv3.gif) no-repeat 57px 7px; }
#bodyprod #liens3 li {
	background: transparent url(../i/ll_prod3.gif) no-repeat 57px 7px; }
#bodycont #liens3 li {
	background: transparent url(../i/ll_cont3.gif) no-repeat 57px 7px; }
#bodyaccu #liens3 li.likep, #bodyprod #liens3 li.likep {
	background: transparent; }
	
	

#main-content-content {
	/*width: 481px;*/
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 27px; }
#main-content-content h4,
#main-content-content h3,
#main-content-content h2,
#main-content-content h1 { 
	margin: 0px; 
	padding: 10px 0px 10px 0px; } 
#main-content-content h3.titre {
	font-size: 180%;
	color: #333;
	padding-bottom: 30px; }
#main-content-content h3.titre span {
	font-size: 80%;
	color: #333;
	display: block; }

#bodyserv #main-content-content .toprint { display: none; }
#bodyserv #main-content-content .toscreen { display: block; } 

#bodyserv #main-content-content h4.trigger {
	-moz-outline-style: none;
	display: block;
	text-decoration: none;
	cursor: pointer;
	background: url(../i/ll_serv4b.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 15px;
}
#bodyserv #main-content-content h4.trigger:hover { 
	background: url(../i/ll_serv3.gif) no-repeat 1px 3px; }

.slider { 
	padding: 0px;
	margin: 10px 0px 20px 0px; }
#main-content-content .slider p.noms { 
	padding: 0px 0px 5px 0px;
	font-weight: normal; }
#main-content-content .slider p { 
	padding: 0px 0px 10px 0px;
	font-weight: normal; }

#main-content-content p { 
	font-weight: normal; }

#main-content-content .toscreen .slider p { 
	font-weight: normal; }
	
#main-content-content p { 
	margin: 0px; 
	padding: 10px 0px 10px 0px;
	font-size: 90%;
	font-weight: normal; }
	
/*
#main-content-content input, #main-content-content textarea { margin: 0px; padding: 0px; border: 1px solid #ccc; }
#main-content-content input { width: 200px; }
#main-content-content textarea { width: 340px; }
#main-content-content input#envoyer {
	border: 0px;
	width: 66px;
	height: 25px;
	background: url(../i/envoyer.gif) no-repeat 0px 0px; }
*/
form { margin: 0px; padding: 0px; }
#bodycont form { visibility: visible; }

#bodycont #main-content-content .toscreen { display: block; }
#bodycont #main-content-content .toprint { display: none; } 

#bodyaccu #main-content-content a, 
#bodyaccu #main-content-content a:link { color: #f00; }
#bodyserv #main-content-content a, 
#bodyserv #main-content-content a:link { color: #09f; }
#bodyprod #main-content-content a, 
#bodyprod #main-content-content a:link { color: #393; }
#bodycont #main-content-content a, 
#bodycont #main-content-content a:link { color: #fc0; }
#bodyaccu #main-content-content a:visited,
#bodyserv #main-content-content a:visited,
#bodyprod #main-content-content a:visited,
#bodycont #main-content-content a:visited { color: #666; }
#bodyaccu #main-content-content a:hover, 
#bodyaccu #main-content-content a:active { background-color: #f00; color: #fff; text-decoration: none; }
#bodyserv #main-content-content a:hover, 
#bodyserv #main-content-content a:active { background-color: #09f; color: #fff; text-decoration: none; }
#bodyprod #main-content-content a:hover, 
#bodyprod #main-content-content a:active { background-color: #393; color: #fff; text-decoration: none; }
#bodycont #main-content-content a:hover, 
#bodycont #main-content-content a:active { background-color: #fc0; color: #fff; text-decoration: none; }

#main-content-content ul { margin: 10px 25px 20px 23px; font-size: 90%; }
#main-content-content ul ul { margin: 5px 20px 20px; font-size: 96%; }
#main-content-content ul li { margin: 5px 0px; }
#main-content-content ul.contactphp { margin: 10px 20px 30px 0px; }
#main-content-content ul.def { margin: -10px 25px 0px 23px; }


#pied {
	width: 501px;
	margin: 15px 0px 15px -27px;
	font-size: 80%;
	border-top: 1px solid #000; }
#pied p { 
	padding: 15px 27px 15px 27px; }
	

.floatimg { width: 501px; margin: 0px 0px 20px -7px; }
.floatimg br { clear: left; height: 0px; }
.element a img { 
	float: left; 
	width: 80px;
	height: 80px;
	margin: 0px 0px 10px 10px;
	border: 1px solid #000;
	overflow: hidden; }
#bodyaccu .element a:hover img { 
	border: 1px solid #f00; }
#bodyserv .element a:hover img { 
	border: 1px solid #09f; }
#bodyprod .element a:hover img { 
	border: 1px solid #393; }
#bodycont .element a:hover img { 
	border: 1px solid #fc0; }
	

.nb {
	font-weight: normal;
	background: url(../i/ll_cont4b.gif) no-repeat 1px 2px;
	padding: 0px 0px 0px 13px;
	margin: 0px; }
.attention {
	background: url(../i/attention.gif) no-repeat 0px 0px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	list-style: none; }
.bientot { text-transform: uppercase; font-size: 80%; color: #666; display: block; }


div.rondeur {
  	background: transparent url(../i/rondeur_tr.gif) no-repeat right top;
  	margin: 20px 20px 10px 10px;
  	padding: 0px;
  	font-size: 90%; }
#bodyaccu div.rondeur {
  	background-color: #ffe5e5; }
#bodyserv div.rondeur {
  	background-color: #e5f5ff; }
#bodyprod div.rondeur {
  	background-color: #eaf5ea; }
#bodycont div.rondeur {
  	background-color: #fffae5; }
div.rondeur div {
  	background: transparent url(../i/rondeur_tl.gif) no-repeat left top;
	margin: 0px;
	padding: 0px; }
div.rondeur div div {
  	background: transparent url(../i/rondeur_br.gif) no-repeat right bottom;
	margin: 0px;
	padding: 0px; }
div.rondeur div div div {
  	background: transparent url(../i/rondeur_bl.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px;
  	padding: 5px;
}
#main-content-content div.rondeur div div div p {
	margin: 0px;
	padding: 8px 10px; }

#bodycont #main-content-content { display: block; }



/* FORM */



 
#log_res {
	overflow: auto;
	font-size: 92.5%;
	color: #000;
	font-family: Arial, sans-serif;
	letter-spacing: .01em;
	margin: 10px 40px 15px 3px;
	border-left: 6px solid #fc0;
	padding-left: 6px;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(s/loading.gif) no-repeat center;
}

#form_box.btn { }
#form_box:hover.btn, form_box:active.btn {
	background: #fc0; }
	
input, textarea { 
	border: 1px solid #ccc; }

input:focus, textarea:focus { 
	border: 1px solid #666; }
	
input.envoyer { 
	border: 0; 
	background: none; 
	font-weight: bold; 
	cursor: pointer;
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	width: auto;
	outline: none; }

input:hover.envoyer, input:active.envoyer {
	background: #fc0; }


/* services accordion */


#bodyserv #main-content-content .toggler {
	text-decoration: none;
	cursor: pointer;
	background: url(../i/ll_serv4b.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 15px;
}
#bodyserv #main-content-content .toggler:hover { 
	background: url(../i/ll_serv3.gif) no-repeat 1px 3px;
	color: #008eed;}

.element { 
	padding: 0px;
	margin: 10px 0px 20px 0px; }
#main-content-content .element p.noms { 
	padding: 0px 0px 5px 17px;
	font-weight: normal; }
#main-content-content .element p { 
	padding: 0px 0px 10px 17px;
	font-weight: normal; }

#main-content-content .toscreen .element p { 
	font-weight: normal; }