@charset "ISO-8859-1";
/* CSS Document */

#debug{
	font-size:12px;
	}

body, h1, h2, h3, h4, h5, h6, p, div, form, ul, ol, li, dl, dd, dt, input, table, td, th, form { 
	margin:0;
	padding:0;
	border:0;
	font-size:0;
	
}


body{
	font-family:Arial, Helvetica, sans-serif;
	}

img{
	border:0;
	padding:0;
	margin:0;
	}

a img {
	border: 0;
}	
  

#header{
	width:100%;
	height:138px;
	background-image:url('../images/carbon.jpg');
	background-repeat:repeat-x;
	}
	
#header .head{
	width:955px;
	height:108px;
	margin:auto;
	}
	
#header .head h1{
	padding-top:20px;
	width:350px;
	float:left;
		}
	
#header .head h2{
	padding-top:35px;
	font-size:14px;
	color:#909090;
	font-weight:normal;
	float:left;
	margin-left:40px;
	text-align:center;
	}		
	
#header .head h2 strong{
	text-transform: uppercase;
	font-weight:normal;
	color:#FEA41D;
	}	
	
#header .head .devis-traites{
	float:right;
	margin-top:10px;
	}		
	
#header .menu{
	width:955px;
	height:30px;
	margin:auto;
	}	
	
#header .menu ul{
	list-style-type:none;
	}	
	
#header .menu li{
	float:left;
	border-left: 1px solid #6a6a6a;
	
	}	
	
#header .menu .end{
	border-right: 1px solid #6a6a6a;
	}	

#header .menu li a{
	font-size:14px;
	color:white;
	font-weight:100;
	text-decoration:none;
	display:block;
	padding:7px 10px 6px 10px;
	}	
	
#header .menu li a:hover{
	background-color:#636363;
	}
	
#header .menu .selected{
	background-color:#636363;
	}		

/* Logos marques défilant */
	
#header .marques{
	width:960px;
	clear:left;
	height:45px;
	margin:10px auto 10px auto;
	overflow:hidden;
	}	

	
#header .marques ul{
	list-style-type:none;
	
	}	

#header .marques li{
	float:left;
	border:1px solid #e5e5e5;
	margin-right:3px;
	}

#header .marques li a{
	font-size:7px;
	display:block;
	width:43px;
	height:43px;
	}

#header .marques .tickercontainer { 
	border: none;
	background: none; 
	
	height: 45x; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
#header .marques .tickercontainer .mask { 
	position: relative;
	left: 0px;
	top: 0px;
	
	overflow: hidden;
}

#header .marques ul.newsticker { 
	position: relative;
	left: 60px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
#header .marques ul.newsticker li {
	float: left; 
	margin: 0;
	padding: 0;
	background: #fff;
	margin-right:3px;
}
#header .marques ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	font: bold 10px Verdana;
	margin: 0 0 0 0;
} 
#header .marques ul.newsticker span {
	margin: 0 10px 0 0;
}   
	
#content{
	width:955px;
	margin:auto;
	clear:both;
	margin-top:65px;
	}	
	
#droite{
	float:right;
	width:315px;
	
	
	}	
	
#news{
	width:310px;
	border:1px solid #e1e1e1;
	}
	
#news h2{
	background-image:url('../images/titre-news.png');
	background-repeat:repeat-x;
	font-size:18px;
	font-weight:normal;
	color:#6c6c6c;
	padding:5px 5px 5px 10px;
	
	}		

#news .news{
	color:#8b8b8b;
	margin:5px;
	}
	
#news .news h3{
	font-size:14px;
	font-weight:bold;
	}	
	
#news .news p{
	font-size:12px;
	text-align:justify;
	margin-top:15px;
	}
	
#news .news span{
	font-size:12px;
	color:#a3a3a3;
	font-style:italic;
	}
	
#news .news .suite{
	font-style:normal;
	color:#3e7aab;
	text-align:right;
	float:right;
	font-size:12px;
	text-decoration:none;
	margin: 5px 0 5px 0;
	}	
	
#news .news .suite:hover{
	text-decoration:underline;
	}	
	
#news .news .img{
	float:left;
	width:100px;
	height:63px;
	margin: 0 8px 5px 0 ;
	border:1px solid #e1e1e1;
	text-align:center;
	overflow:hidden;
	}
	
#news .news hr{
	clear:right;
	margin:0 10px 0px 10px;
	border:none;
	color:#e1e1e1;
	background-color:#e1e1e1;
	height:1px;
	}
	
#news .lire{
	clear:right;
	font-size:14px;
	color:#e20000;
	text-align:right;
	padding:5px;
	background-color:#f2f2f2;
	margin:10px 0 0 0;
	border-top:1px solid #e1e1e1;
	}	
	
#news .lire a{
	text-decoration:none;
	color:#e20000;
	margin:0;
	padding:0;
	}
	
#news .lire a:hover{
	text-decoration:underline;
	}	
	
#pubs{
	width:310px;
	
	}	
	
#pubs .pub{
	border:1px solid #e1e1e1;
	width:300px;
	height:250px;
	padding:5px;
	margin-top:10px;
	}						
	
#gauche{
	float:left;
	width:630px;
	}
	


#text-top{
	margin: 0 0 10px 0;
	}
	
#text-top h2{
	font-size:28px;
	color:#8b8b8b;
	}
	
#text-top h3{
	font-size:28px;
	color:#3E7AAB;
	font-weight:normal;
	margin-bottom:10px;
	}	
	
#text-top .vignette{
	border:1px solid #e1e1e1;
	padding:5px;
	float:left;
	margin:0 10px 10px 0;
	}			

#text-top p{
	font-size:12px;
	color:#8b8b8b;
	text-align:justify;
	}	
	
#text-top p strong{
	font-size:14px;
	}	


#demande-devis h2{
	font-size:22px;
	font-weight:normal;
	color:#3e7aab;
	text-align:left;
	
	}
	
#demande-devis .form{
	position:relative;
	width:624px;
	height:336px;
	background-image:url('../images/fond-form-home.jpg');
	background-repeat:no-repeat;
	border: 1px solid #478dc4;
	margin-top:5px;
	
	}	
	
#demande-devis .form label{
	font-size:15px;
	color:white;
	text-align:left;
	font-weight:100;
	display:block;
	margin: 7px 0 0 7px;
	width:290px;
	}
	

	
#demande-devis .form label input, #demande-devis .form label select{
	width:300px;
	background-color:white;
	border:1px solid #478dc4;
	color:#8b8b8b;
	padding:3px;
	margin:0;
	font-size:12px;
	}	
	
#demande-devis .form label span{
	font-size:12px;
	color:#fea71c;
	}	
	
#demande-devis .form .fi{
	padding:1px;
	margin:7px 0 0 7px;
	width:300px;
	padding:5px;
	background-image: url('../images/blanc-transp.png');
	color:white;
	text-align:left;
	}
	
#demande-devis .form .fi ul{
	list-style-type:none;
	}	
	
#demande-devis .form .fi li{
	font-size:14px;
	text-align:left;
	}	
	
#demande-devis .form .fi li input{
	width:auto;
	margin: 0 6px 2px 0;
	border:none;
	background:none;
	}	
	
#demande-devis .form .envoi{
	border:none;
	background:none;
	width:183px;
	height:42px;
	background-image:url('../images/devis-gratuit.png');
	background-position: 0 0;
	position:absolute;
	right:5px;
	bottom:5px;
	cursor:pointer;
	}	
	
#demande-devis .form .envoi:hover{
	background-position: 0 -43px;
	}

#contenu{
	margin : 0 0 15px 0;
	width:630px;
	}
	
#contenu h2{
	font-size:18px;
	color:white;
	font-weight:normal;
	background-image:url('../images/titre-form.png');
	padding:5px 5px 5px 10px;
	}
		


#contenu .explain{
	background-color:#f2f2f2;
	padding:10px;
	clear:both;
	}
	
#contenu p{
	font-size:12px;
	color:#8b8b8b;
	text-align:justify;
	margin: 15px 5px 0 5px;
	}	

#contenu p a{
	color:#3E7AAB;
	}

#contenu h3{
	margin:15px 5px 0 5px;
	font-size:16px;
	color:#3E7AAB;
	text-align:left;
	font-weight:normal;
	}
	
#contenu h1{
	font-size:14px;
	color:#8b8b8b;
	margin:10px 5px 0 5px;
	}

#contenu ul{
	list-style-position:inside;
	margin: 15px 0 0 0;
	color:#8b8b8b;
	}
	
#contenu li{
	font-size:12px;
	}		
	
#voitures{
	clear:both;
	}

#voitures .voitures{
	width:201px;
	float:left;
	margin: 10px 0 0 0;
	}
	
#voitures .margin-right{
	margin-right:12px;
	}	
	
#voitures .voitures .voiture{
	border:1px solid #e1e1e1;
	text-align:center;
	 -moz-border-radius: 5px; 
	 -webkit-border-radius: 5px; 
	 border-radius: 5px; 
	}	
	
#voitures .voitures .voiture h1{
	font-size:14px;
	font-weight:bold;
	color:#8b8b8b;
	text-align:left;
	margin:0 8px 5px 8px;
	}	
	
#voitures .voitures .voiture h2{
	background:none;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#3e7aab;
	text-align:left;
	margin:5px 8px 0 8px;
	}	
	
#voitures .voitures .voiture p{
	font-size:12px;
	color:#a3a3a3;
	text-align:left;
	margin:5px 8px 0 8px;
	
	}	
	
#voitures .voitures .voiture span{
	font-size:18px;
	color:#a3a3a3;
	text-align:left;
	margin:5px 8px 0 8px;
	font-weight:bold;
	
	}
	
#voitures .voitures .voiture .go{
	display:block;
	background-image: url('../images/go.png');
	background-position:0 0;
	height:31px;
	cursor:pointer;
	margin:3px 0 0 0;
	font-size:11px;
	text-align:left;
	color:#6c6c6c;
	text-decoration:none;
	padding:1px 0 0 5px;
	}
	
#voitures .voitures .voiture .go strong{
	font-size:14px;
	}	
	
#voitures .voitures .voiture .go:hover{
	background-position: 0 -33px;
	color:white;
	}	
	
#voitures .voitures p{
	font-size:8px;
	text-align:left;
	color:#a3a3a3;
	margin:5px 5px 0 5px;
	}	
	
#voitures .voitures p a{
	color:#a3a3a3;
	text-decoration:none;
	
	}		
	
#voitures .voitures p a:hover{
	color:#6c6c6c;
	}					
	
	

#footer{
	background-color:#f2f2f2;
	width:100%;
	margin-top:10px;
	clear:both;
	}	
	
#footer .footer{
	background-color:#e5e5e5;	
	height:30px;
	margin: 0 0 0 0;
	}

#footer .footer div{
	margin:auto;
	width:955px;
	padding: 6px 0 0 0;
	}		

#footer .footer ul{
	list-style-type:none;
	
	}
	
#footer .footer li{
	float:left;
	font-size:14px;
	color:#a3a3a3;
	
	}
	
#footer .footer li a{
	font-size:14px;
	color:#a3a3a3;
	text-decoration:none;
	}	
	
#footer .footer li a:hover{
	color:#8b8b8b;
	}
	
#footer .keywords{
	width:955px;
	margin:10px auto 20px auto;
	padding-bottom:10px;
	}
	
#footer .keywords h3{
	font-size:14px;
	font-weight:normal;
	color:#6d98bb;
	margin : 0 0 10px 0;
	}		
	
#footer .keywords ul{
	list-style-type:none;
	}
	
#footer .keywords li{
	float:left;
	font-size:12px;
	color:#a3a3a3;
	
	}
	
#footer .keywords li a{
	font-size:12px;
	color:#a3a3a3;
	text-decoration:none;
	}	
	
#footer .keywords li a:hover{
	color:#8b8b8b;
	}	
	
#footer .keywords hr{
	clear:both;
	border:none;
	color:#e1e1e1;
	background-color:#e1e1e1;
	height:1px;
	margin:10px 0 10px 0;
	}	
	
/* FORMULAIRE */

#formulaire{
	position:relative;
	}
		

#formulaire .erreur{
	margin: 0 0 15px 0;
	}

#formulaire .erreur p{
	font-size:12px;
	color:red;
	}	
	
#formulaire #message{
	border:1px solid #e5e5e5;
	width:590px;
	height:150px;
	padding:5px;
	font-size:12px;
	color:#8b8b8b;
	}	

#formulaire h2{
	font-size:18px;
	color:white;
	font-weight:normal;
	background-image:url('../images/titre-form.png');
	padding:5px 5px 5px 10px;
	}

#formulaire table{
	padding:0;
	border:none;
	border-collapse:separate;
	border-spacing: 5px 5px;
	width:630px;
	border:1px solid #e1e1e1;
	}	
	
#formulaire table td{
	font-size:14px;
	color:#3E7AAB;
	vertical-align:center;
	}	
	
	
#formulaire .fi_suivant{
	background-color:red;
	display:block;
	width:120px;
	height:20px;
	}	
	
#formulaire table .labels{
	background-color:#fafafa;
	border:1px solid #d9e2e9;
	padding:5px;
	width:310px;
	}	
	
#formulaire table .labels span{
	font-size:12px;
	color:#FEA71C;
	}
	
#formulaire table td input, #formulaire table td select{
	font-size:12px;
	color:#8b8b8b;
	}
	
#formulaire table .long{
	width:280px;
	border:1px solid #e5e5e5;
	padding:5px;
	}	
	
#formulaire table .small{
	width:70px;
	
	padding:5px;
	border:1px solid #e5e5e5;
	}	
	
#formulaire #optin, #formulaire label, #formulaire #bloc-procedure{
	font-size:14px;
	color:#8b8b8b;
	margin: 0px; 
	
	
	}	

#formulaire #optin, #formulaire #bloc-procedure{
	border:1px solid #e1e1e1;
	padding:10px;
	}
	
#formulaire #optin a{
	color:#8b8b8b;
	}	
	
#formulaire #submit_devis{
	background:none;
	border:none;
	position:absolute;
	bottom:-45px;
	right:0px;
	width:176px;
	height:35px;
	background-image:url('../images/valider-form.png');
	background-position: 0 0;
	cursor:pointer;
  
	}	
	
#formulaire #submit_devis:hover{
	background-position: 0 -40px;
	}
	
#formulaire ul{
	list-style-type:none;
	}	
	
#formulaire li{
	font-size:12px;
	color:#8b8b8b;
	margin:3px;
	}	
	
#formulaire li input{
	margin-right:5px;
	}	
	
#formulaire td .result{
	font-size:14px;
	padding:5px;
	border:1px solid #e5e5e5;
	color:#8b8b8b;
	}	
	
#errors{
	font-size:12px;
	color: red;
	margin : 0 0 15px 0;
	}	
	

#msg{
	margin: 30px; font-size: 16px; background-color:#f2f2f2; padding:10px; border:1px solid #e5e5e5; color:#8b8b8b; text-align:center;
	}	
	
/* PAGES DE NEWS */

#gauche .news{
	margin-top:10px;
	}

#gauche .news .vignette{
	float:left;
	width:100px;
	height:60px;
	border:1px solid #e5e5e5;
	padding:2px;
	overflow:hidden;
	margin: 0 10px 10px 0;
	}
	
#gauche .news .photo{		
	width:614px;
	height:300px;
	border:1px solid #e5e5e5;
	overflow:hidden;
	margin: 0 0 10px 0;
	padding:5px;
	}
#gauche .news h2{
	font-size:18px;
	color:#8b8b8b;
	
	}	
	
#gauche .news p{
	font-size:12px;
	color:#8b8b8b;
	clear:both;
	margin-top:15px;
	text-align:justify;
	}
	
#gauche .news span{
	font-size:12px;
	color:#a3a3a3;
	font-style:italic;
	}		
	
#gauche .news .suite{
	font-style:normal;
	color:#3e7aab;
	text-align:right;
	float:right;
	font-size:12px;
	text-decoration:none;
	margin: 5px 0 10px 0;
	}
	
#gauche .news .precedent{
	font-style:normal;
	color:#3e7aab;
	text-align:left;
	float:left;
	font-size:12px;
	text-decoration:none;
	margin: 5px 0 10px 0;
	}	
	

#gauche .news hr{
	clear:right;
	margin:0 10px 0px 10px;
	border:none;
	color:#e1e1e1;
	background-color:#e1e1e1;
	height:1px;
	}
	
#gauche .news .zoom{
	background-image:url('../images/zoom.jpg');
	background-position: right;
	padding:2px 25px 2px 0;
	float:right;
	background-repeat:no-repeat;
	width:100%;
	text-align:right;
	margin-bottom:15px;
	}	
	
#gauche .news table{
	border-collapse:collapse;
	margin: 10px 0 0 0;
	}
	
#gauche .news table td{
	font-size:12px;
	border:1px solid #e5e5e5;
	padding:5px;
	color:#8b8b8b;
	
	}	
	
#gauche .page{
	font-size:12px;
	color:#a3a3a3;
	margin-top:15px;
	text-align:center;
	}	

#gauche .page a{
	color:#a3a3a3;
	}	
	
#gauche .page .active{
	font-weight:bold;
	color:#3E7AAB;
	font-size:16px;
	}	
	
#gauche .page .nav{
	color:#3E7AAB;
	}					
	
/* CONTACT */

#contact h2{
	font-size:18px;
	color:white;
	font-weight:normal;
	background-image:url('../images/titre-form.png');
	padding:5px 5px 5px 10px;
	}
	
#contact label{
	font-size:14px;
	color:#3E7AAB;
	margin-top:2px;
	clear:both;
	height:25px;
	width:100%;
	display:block;
	}

#contact label span{
	background-color: #FAFAFA;
    border: 1px solid #D9E2E9;
    padding: 5px;
    width: 310px;
	float:left;
	}	
	
#contact label input{
	border: 1px solid #E5E5E5;
    padding: 5px;
    width: 280px;
	font-size:12px;
	
	}	
	
/*STYLE POUR LA NAVIGATION DU FORMULAIRE*/

#slideshow {
	margin:0 auto;
	width:630px;
	
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:630px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
  padding-bottom:60px;

}
#slideshow #slidesContainer .slide {
	position:relative;
  margin:0 auto;
   /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
 
}



/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
   position:absolute;
  cursor: pointer;
  font-size:14px;
  color:black;
  
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  bottom:-40px;
  left:0px;
  width:136px;
  height:29px;
  background-image:url('../images/precedent.png');
  background-position: 0 0;
}

#leftControl:hover{
	background-position:0 -31px;
	}

#rightControl {
  bottom:-45px;
  right:0px;
  width:176px;
  height:35px;
  background-image:url('../images/suivant.png');
  background-position: 0 0;
}	

#rightControl:hover {
	background-position: 0 -40px;
	}

#reglement_cond #rightControl {
	display:none;
	}
	



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	
}

#lbCenter{
	top:40px !important;
	}

#lbBottomContainer {
	top:-2px !important;
	}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 86px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/* editeurs */
.titre_inscription{
	color:#4884B3;
	font-size:20px;
	margin-left:50px;
}
.description_editeur{
	width:253px;
	height:150px;
	overflow:auto;
	margin:0 0 0 0;
}


/*Pagination*/
.ellipse{
	float: left;
}

.container{
	width: 260px;
	float: left;
	margin: 50px 10px 10px;
	padding: 20px;
	background-color: white;
}

.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
	margin-top:15px;
	float:right;
	
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: arial;
	font-size: 12px;
	background-color:#3E7AAB;
}
.active_page{
	background-color:white !important;
	
	border:1px solid #3E7AAB;
	color:#3E7AAB !important;
}	

.content, .alt_content{
	color: black;
}

.content li, .alt_content li, .content > p{
	padding: 5px
}

.top {
	margin-top:10px;
	}