/* CSS Document */
* {padding: 0;	margin: 0;}
body {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: white url(img/fond.jpg) repeat-x;
}
body,td,th {
	color: #000000;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
}
#global {
	width: 960px;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 0;
}
img {border: 0;}

#header {
	display: block;
	position: absolute;
	top: 5px;
	height: 234px;
}
#footer{
    clear: both;
    background-color:#FFFFFF;
	text-align: center;
	line-height: 30px;
	text-align:center;
	color: #217FBC;
	font-size: 10px;
	width: 100%;
} 
#footer a{color: #2D86BF;}
a:link {color: #000000;	text-decoration: none;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline; color: #2D86BF;}
a:active {text-decoration: none; color: #2D86BF;}
p {margin: 10px 0;}
li {
	line-height: 20px;
	list-style-position: inside;
	margin-bottom: 10px;
}
h1 {
	color: #e22111;
	font-family:Arial black;
	font-size: 18px;
	letter-spacing:-1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.boxWhite h1{margin-top: 0; padding: 0;}
.edito h1{margin-top: 0; padding: 0;}
h2 {font-family:Arial black; font-size:14px; color: #217FBC;
	margin-top: 10px;
	margin-bottom: 10px;
}
h3 {font-family:Arial black; font-size:14px; color: #e22111;
	margin-top: 10px;
	margin-bottom: 10px;
}
table h3{
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 25px;
	color: white;
}
.devis a, .devis a:visited {
display:block;
width:186px;
line-height:46px;
text-align: right;
padding-right:10px;
background:url(img/btn1.png) no-repeat;
color: red;
float:right;
font-size:14px;
text-transform: uppercase;
font-style: bold;
text-decoration:none;
letter-spacing: -1px;
}
.devis a:hover, .devis a:active {
background:url(img/btn2.png) no-repeat;
text-decoration:none;
font-style:bold;
color:black;
float:right;
}
#welcome {
	background:url(img/bandeau.png) no-repeat;
	height:148px;
	width:960px;
}

#welcomeright{
	float:right;
	background:url(img/fondmenu.jpg) no-repeat;
	height:122px;
	width:240px;
	margin: 12px 10px 0 0;
}
.container {
	width: 960px;
	height: 46px;
	padding: 0;
	margin: 0;
	position : absolute;
	display: block;
	float: left;
}
#navigation { 
    width: 200px ; 
    list-style: none ; 
    margin: 0 ; 
    padding: 0 ; 
}
#navigation li {margin: 5px 0 0 24px; list-style-image:url(img/puce.gif);
	line-height: 14px;
	list-style-position: outside;
}
#navigation li a, #navigation li a:visited{
font-size:12px; 
font-weight:bold; 
color: #217FBC; 
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}
#navigation li a:hover, #navigation li a:active { 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color: #000000; 
text-decoration: none;
}
.newsletter{
	float:right;
	background: #32b7eb;
	width:950px;
	height: 30px;
	position : relative;
	text-align: right;
	padding-right: 10px;
	color: white;
	font-size: 12px;
	padding-top: 10px;
}

#contenupage {
	width:940px;
	z-index : -3;
	position : absolute;
	background:url(img/fondbleu.gif) repeat-y;
	top: 239px;
	display: block;
	clear: both;
	padding: 10px;
}
#content{
	background-color: white;
	padding: 20px;
	display: inline-block;
	width: 900px;
	margin-bottom: 10px;
}
/***********************************************************/
#leftIndex {
	float: left;
	width: 360px;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
}
.boxnew {
	padding:20px; 
	width: 320px;
	background: white url(img/nouveau.gif) no-repeat right top;
	margin: 0 0 10px;
	display: inline-block;
}
#edito{
	background-color: white;
	width: 340px;
	padding: 10px;
	margin-bottom: 10px;
}
/***********************************************************/

#rightIndex {
	float: right;
	width: 570px;
	margin: 0 0 10px;
	padding: 0;
}

.boxWhite{
	float: left;
    background: #FFFFFF url(img/fondfleches01.gif) no-repeat right bottom; 
    width: 260px; 
    height: 192px;
    margin-bottom: 10px;
	padding: 10px;
}
.boxWhite p{
	text-align: right;
	font-weight: bold;
	line-height: 22px;
}


.tableProduits {display: table;	width: 880px; clear: both;}
.tableProduitsLigne {display: inline-table;	clear: both;
	text-align: center;
}
.tableProduitsCol {
	display: table-column;
	text-align: center;
	margin: 10px;
	float: left;
	width: 420px;
}
.tableProduitsColtext {
	display: table-column;
	text-align: left;
	margin: 10px;
	float: left;
	width: 420px;
}
.tableProduitsCol3 {
	display: table-column;
	text-align: center;
	margin: 5px;
	float: left;
	width: 280px;
}

.tableProduitsCol3text {
	display: table-column;
	text-align: left;
	margin: 5px;
	float: left;
	width: 280px;
}
.couleurbleutitre{background-color: #4499f1; color: white;}
.couleurbleu{background-color:#4499f1;}
.couleurbleuclair{background-color:#8bc4ff;}
table.tableprice{width: 900px; padding: 0; margin: 0; text-align: center;}
table.tableprice th {background-color: #e22111; border: 1px solid white;}
table.tableprice tr{padding: 0; margin: 0;}
table.tableprice td{padding: 10px 5px; border: 1px solid white;}
table.tableprice td.white{
	background-color: white;
}
table.tablepricemini{width: 576px; padding: 0; margin: 0; text-align: center; float: left;}
table.tablepricemini th {background-color: #e22111; border: 1px solid white;}
table.tablepricemini tr{padding: 0; margin: 0;}
table.tablepricemini td{padding: 10px 5px; border: 1px solid white;}

table.tablepriceglobal{width: 660px; padding: 0; margin: 0; text-align: center; float: left;}
table.tablepriceglobal th {background-color: #e22111; border: 1px solid white;}
table.tablepriceglobal tr{padding: 0; margin: 0;}
table.tablepriceglobal td{padding: 10px 5px; border: 1px solid white;}
.livraison{
	padding: 10px;
	float: left;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 14px;
	width: 430px;
	height: 50px;
	margin: 10px 10px 10px auto;
	background: url(img/back_navj.jpg) repeat-x;
	line-height: 30px;
}
.livraison a, .livraison a:visited .callDevis a, .callDevis a:visited {color: white;}
.livraison a:hover, .livraison a:active, .callDevis a:hover, .callDevis a:active {color: black;}
.callDevis{
	background: url(img/back_navj.jpg) repeat-x;
	color: white;
	margin: 10px 0 10px 10px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 410px;
	height: 50px;
	font-size: 14px;
	line-height: 30px;
}
.espaceimg{padding:0 10px 10px 10px;}
.espace{padding: 0 0 30px 0; clear:both;}
.imgvoiture{
float:left;
margin-left:20px;
margin-right:20px;
} 
.infovoitures{float:right;}
.liensnoir{
font-weight:bold;
text-align:right;
float:right;
}
.marque{
    float:right;
    margin-top: 10px;
	clear: both;
	margin-bottom: 10px;
}
.marque img{margin-left: 20px;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearRight {clear: right;}
.left {float: left;	display: inline-block;}
.right {float: right;}
.plus{
	background:url(img/plus.gif)no-repeat right top; 
	width:48px;
	height:12px;
	float:right
}
.imgproduits{
width:100%;
height:100%;
}
#boximg{
background:url(img/chequesvacances.jpg)no-repeat; 
height:60px;
width:275px;
float:left;
margin: 0 10px 10px 0;
}
#boxbtn{
background:url(img/profitez.png)no-repeat; 
height:60px;
width:275px;
float:left;
margin: 0 10px 10px 0;
}
#boxbtn:hover{
background:url(img/profitez1.png)no-repeat; 
height:60px;
width:275px;
float:left;
margin: 0 10px 10px 0;
}

#longbox{
background-color:#FFCC00;
text-align:center;
width: 550px;
float:left;
padding: 10px;
margin-right:10px;
	clear: both;
	line-height: 16px;
	height: 35px;
}
#longboximg{
height:60px;
width:560px;
float:left;
margin-bottom:10px;
background:url(img/logos.png)no-repeat; 
}

#nav_wrapper {
	display:block;
	z-index:-1;
	position : relative;
}
.margeDimg {margin-right:10px;}
.margebottom {margin-bottom:10px;}
.margeTop10 {margin-top: 10px;}
.margeD10 {margin-right: 10px;}
.margeD20 {margin-right: 20px;}
.margeG10{margin-left: 10px;}
.alert {
	background-color: #c71628;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	bottom: 10px;
	top: 10px;
}
.horaires {color: #217FBC;}

.Liengris:link {font-family:Arial black, Arial, Helvetica, sans-serif; font-size:10px; color: #666666; text-decoration: none;}
.Liengris:visited {font-family:Arial black, Arial, Helvetica, sans-serif; font-size:10px;  color: #666666; text-decoration: none;}
.Liengris:hover {font-family:Arial black, Arial, Helvetica, sans-serif; font-size:10px; color: #000000;}
.Liengris:active {font-family:Arial black, Arial, Helvetica, sans-serif; font-size:10px;  color: #000000;}
.Style2 {color: #CC0000}
.Style4 {color: #CC0000; font-style: italic; }

.blanc {color:#FFFFFF}
.rouge{font-size:12px; color:#CC0000;}
/**********************************************************************************/

#nav_wrapper {
	clear: left;
	z-index:1;
	position: relative;
}
/*
#centermenu {
	margin: 0; padding: 0;
}
*/
span#menu_end {
	display:block;
	float:left;
	height:46px;
	width:52px;
}

span#menu_start {
	display:block;
	float:left;
	height:46px;
	width:52px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 14px;
	background: url(img/back_navj.jpg) repeat-x;
	width:764px;
	font: Arial bold;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
/*	background: url(li_border.png) no-repeat right top;	*/
}
ul#topnav li#last-li {
	background: none;
}
ul#topnav li#last-li a span.single_wrapper {
	float:left;
	margin:6px 6px 6px 10px;
	padding:0 10px;
}

ul#topnav li.liSub a, ul#topnav li a {
	color: white;
	float: left;
	height: 46px;
	line-height: 34px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0px 0 0 white;
	text-transform: uppercase;
	z-index: 200;
}

span#menu_start a {
	background: url(home_nav.png) no-repeat left top;
	width: 52px; height: 46px;
	text-indent: -9999px;
	padding:0; margin:0;
}
span#menu_start a:hover  { background-position: left -46px; }
span#menu_start a:active { background-position: left -92px; }

span#menu_start a {	display:block; line-height: 46px; }
/*couleur menu déroulant*/
ul#topnav li .sub {
	position: absolute;	
	top: 46px; left: 10px;
	background: #e82323;
	background-color: #e82323\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding: 10px 10px 10px;
	float: left;
	
	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;
	
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	display: none;
	z-index: -10;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #c10707;
}
ul#topnav .sub ul li h2 a:hover {
	background-image: none;
	text-decoration: underline;
}
/*couleur typo menu déroulant*/
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	background: url(fws/navlist_arrow_hover.png) no-repeat 0px 10px;
	padding: 0 0 0 18px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #ffffff;/*color: #757575;*/
	font-size:12px;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:27px;
	
}
ul#topnav .sub ul li a:hover {
	color: #d6c4c4;
	background: url(fws/navlist_arrow.png) no-repeat 0px 10px;
	text-decoration: underline;
}

span.dd_action {
	height:6px;
	padding:0 0 0 10px;
	width:9px;
}

span.single_wrapper {
	float:left;
	margin:6px 10px;
	padding:0 15px;
/*	font-family:Arial bold 14px;
	letter-spacing:1px;*/
}

span.devis_wrapper {
	float:left;
	background: url(fws/sommaire_r1_c8.jpg) no-repeat 0px 10px;
	margin:6px 10px;
	padding:0 15px;
}

span.single_wrapper:hover, li.current a span.single_wrapper {
	background: white;
	color: white;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#c00808, endColorstr=#e82323);
	background-image: -moz-linear-gradient(	top, #e82323, #c00808);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#c00808), to(#e82323));
	
	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	
	box-shadow:         0px 0px 0px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 0px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 0px #343333; /* Propriété CSS3 pour navigateurs Webkit */
}

span.single_wrapper:active {
	background: white;	
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#c00808, endColorstr=#e82323);
	background-image: -moz-linear-gradient(	top, #e82323, #c00808);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#c00808), to(#e82323));
	
	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;
	
	box-shadow:         0px 0px 0px #343333;
	-webkit-box-shadow: 0px 0px 0px #343333;
	-moz-box-shadow:    0px 0px 0px #343333;
}

span.dd_wrapper {
	float:left;
	margin:6px 10px 0;
	padding:0 11px 6px 18px;
	/*float:left;
	margin:6px 10px 0 15px;
	padding:0 11px 6px 25px;
	/*font-family:arial bold;
	letter-spacing:1px;*/
}
/*ombre boutons deroulant*/
li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:      100;
	background:   white;
	color: 		  white;
	border-top:   1px solid #e82323;	
	border-right: 1px solid #e82323;
	padding:	  0 10px 6px 18px;	
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#e82323, endColorstr=#c00808); /* Pour IE */
	background-image: -moz-linear-gradient(	top, #e82323, #c00808); /* Pour Firefox */
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#c00808), to(#e82323)); /* Pour Webkit */

	border-top-right-radius:		 7px;
	-moz-border-radius-topleft: 	 7px;
	-webkit-border-top-left-radius:  7px;
	-khtml-border-radius-topleft: 	 7px;
	
	border-top-left-radius:		     7px;
	-moz-border-radius-topright: 	 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 	 7px;
}
.imgLiens {margin: 10px 10px 10px 0;}
.bigText{font-size: 15px;}
.horaires {
	font-size: 15px;
	color: #c71628;
}
.encadre{ 
	width: 350px; 
	padding: 10px;
	color: white;
	background-color: #c71628;
	font-weight: bold;
	line-height: 30px;
	display: inline-block;
	text-align: center;
}