@charset "utf-8";

html {
	height: 100%;
	overflow-y: scroll;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	background:url(images/back.jpg) center top repeat-x;
	font-weight: normal;
	color:#000;
	text-align:justify;
}

#body02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	background:url(images/back02.jpg) center top repeat-x;
	font-weight: normal;
	color:#000;
	text-align:justify;
}


a {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 12px;
	text-decoration:underline;
}
a:hover {
	color: #777;
	text-decoration:none;
}

h1, h2, h3, h4 {
	margin:0;
}

h3 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:15px;
}



p {
	margin:0;
	padding-bottom:12px;
	text-align:justify;
	line-height:15px;
}
/*
ul {
	padding:0;
	margin:0;
}
li {
	list-style-image:url(images/_bullet.jpg);
	list-style-position:outside;
	padding:2px 0;
	font-weight:bold;
}*/

.titre {
	font-size:25px;
	color:#CC0000;
	font-weight:bold;
	font-family: 'Source Sans Pro', sans-serif;
	font-variant:small-caps;
	}


.burst a {
	display:block;
	width:100%;
	height:inherit;
}
.burst a:hover {
	background:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index:1; 
}




.button a {
	display:block;
	padding:5px;
	color:#fff;
	background-color:#CC0000;
	text-decoration:none;
	text-align: center;
}
.button a:hover {
	background-color:#999;
}


.clearfix {
	height:0;
	clear:both;
}




/* *** wappers **********/


#corps {
	position:relative;
	padding:0;
	margin:0 auto;
	width:1200px;
}

#tete_index {
	position:relative;
	width:1200px;
	height:380px;
}

#tete {
	position:relative;
	width:1200px;
	height:236px;
}


#tete_index h1 {
	display:none;
}

#tete h1 {
	display:none;
}


#ventre {
	position:relative;
	width:1200px;
	margin:0;
	padding:0;
}


#pied {
	position:relative;
	width:1200px;
	height:100px;
	margin:0;
	padding:0;
}



/******** HEADER ************/




#menu{
	position:absolute;
	top:30px;
	left:290px;
	width:881px;
	height:39px;
	margin:0;
	padding:6px 0 0 21px;
	background:url(images/backmenu.png) 0 0 no-repeat;
	z-index: 99;
}





#tel{
	position:absolute;
	top:3px;
	left:11px;
	width:258px;
	height:54px;
	margin:0;
	padding:0;
}

#logo_index{
	position:absolute;
	top:53px;
	left:1px;
	width:645px;
	height:327px;
	margin:0;
	padding:0;
}

#logo{
	position:absolute;
	top:53px;
	left:1px;
	width:1200px;
	height:185px;
	margin:0;
	padding:0;
}

#madame{
	position:absolute;
	top:53px;
	left:791px;
	width:362px;
	height:327px;
	margin:0;
	padding:0;
}



#slider{
	position:absolute;
	top:53px;
	left:0px;
	width:1200px;
	height:327px;
	margin:0;
	padding:0;
}


/****************************************************** INDEX ******************************************************/


.ventre_height_index{
	height:550px;
}


#index_boite {
	position:absolute;
	top:0px;
	left:0px;
	width:239px;
	height:186px;
	margin:0;
	padding:0;
}

#index_txt03 {
	position:absolute;
	top:32px;
	left:2px;
	width:687px;
	height:424px;
	margin:0;
	padding:0;
}

#index_txt01 {
	position:absolute;
	top:32px;
	left:251px;
	width:440px;
	height:157px;
	margin:0;
	padding:0;
}

#index_txt02 {
	position:absolute;
	top:199px;
	left:2px;
	width:687px;
	height:231px;
	margin:0;
	padding:0;
}



#index_voiture {
	position:absolute;
	top:0px;
	left:758px;
	width:393px;
	height:253px;
	margin:0;
	padding:0;
}


#index_bursts {
	position:absolute;
	top:265px;
	left:745px;
	width:429px;
	height:165px;
	margin:0;
	padding:0;
}

#index_bursts div{
	margin:7px 0 0 0;
}

.index_link a:hover{
	display:block;
	width:100%;
	height:inherit;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}





/****************************************************** SERVICES TRANSPORT ******************************************************/


.ventre_height_service{
	height:850px;
}


#service_txt{
	position:absolute;
	top:44px;
	left:2px;
	width:354px;
	height:234px;
	margin:0;
	padding:0;
}

#service_tableau01{
	position:absolute;
	top:30px;
	left:388px;
	width:788px;
	height:201px;
	margin:0;
	padding:15px;
	background:url(images/service_tableau01.jpg) 0 0 no-repeat;
	color:#FFF;
	font-weight:bold;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:left;
	font-size:14px;
}

.services_titregros{
	font-size:28px;
	line-height: 21px;
	}


#service_tableau02{
	position:absolute;
	top:262px;
	left:583px;
	width:609px;
	height:568px;
	margin:0;
	padding:0;
	color:#555;
	font-weight:bold;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:left;
	font-size:14px;
}

.services_titremoyen{
	font-size:22px;
	line-height: 21px;
	color:#CC0000;
	}

.table_border{
	padding-left:10px;
	border-left:1px solid #ccc;
}

#service_img{
	position:absolute;
	top:304px;
	left:13px;
	width:538px;
	height:404px;
	margin:0;
	padding:0;
}

#service_burst{
	position:absolute;
	top:736px;
	left:65px;
	width:439px;
	height:88px;
	margin:0;
	padding:0;
}



/****************************************************** ZONE DE LIVRAISON ******************************************************/


.ventre_height_zone{
	height:420px;
}


#zone_txt{
	position:absolute;
	top:44px;
	left:2px;
	width:353px;
	height:369px;
	margin:0;
	padding:0;
}

#zone_col02{
	position:absolute;
	top:39px;
	left:387px;
	width:802px;
	height:309px;
	margin:0;
	padding:0;
}

.zone_regions{
	position:relative;
	width:252px;
	margin:0 15px 0 0;
	padding:0;
	float:left;
}

.zonetitre{
	color:#415BA9;
	font-weight:bold;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	font-size:25px;
}

.zonetxt{
	color:#415BA9;
	font-weight:bold;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	font-size:20px;
	margin:190px 0 0 0;
}
.zonetxtred{
	color:#C00;
	font-weight:bold;
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	font-size:20px;
}





/****************************************************** BON DE COMMANDE ******************************************************/


.ventre_height_bon{
	height:500px;
}


#bon_txt{
	position:absolute;
	top:44px;
	left:2px;
	width:862px;
	height:422px;
	margin:0;
	padding:0;
}

#bon_col02{
	position:absolute;
	top:1px;
	left:874px;
	width:325px;
	height:472px;
	margin:0;
	padding:0;
}



/****************************************************** COORDONNEES ******************************************************/


.ventre_height_coord{
	height:420px;
}


#coord_txt{
	position:absolute;
	top:44px;
	left:2px;
	width:855px;
	height:375px;
	margin:0;
	padding:0;
}

#coord_txt img{
	float:left;
	margin: 0 20px 0 0;
}

#coord_col02{
	position:absolute;
	top:9px;
	left:759px;
	width:127px;
	height:99px;
	margin:0;
	padding:0;
}


#map{
	position:absolute;
	top:74px;
	left:886px;
	width:307px;
	height:343px;
	margin:0;
	padding:0;
}





/*** CSS Drop Shadow *********/

.shadow {
	-moz-box-shadow: 3px 4px 40px #000;
	-webkit-box-shadow: 3px 4px 40px #000;
	box-shadow: 3px 4px 40px #000;
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/*****Transparent *********/

.transparent{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}







/* *** Floating Elements **********/


#mediasociaux01 {
	position:absolute;
	width:95px;
	height:26px;
	top:8px;
	left:1106px;
	z-index:100;
}

#mediasociaux02 {
	position:absolute;
	width:93px;
	height:39px;
	top:32px;
	left:1105px;
	z-index:100;
}





/****************************************/
/********** Neat Form BY MARC **********/
/**************************************/

form { 
	margin:0;
	padding:0;
}
.check {
	width: 20px;
	height: 20px;
	border:0;
	background-color:transparent;
}
input {
	width: 250px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#fff;
}
.inputxs {
	width: 100px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#fff;
}
textarea {
	width: 250px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	background-color:#fff;
	height: 60px;
	overflow:auto;
}
.textareaxl {
	width: 400px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	background-color:#fff;
	height: 135px;
	overflow:auto;
}
.submit {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	font-size:12px;
	color:#fff;
	width:250px;
	padding:3px 0;
	background-color:#405AA5;
}
.boxed {
	border: 1px solid #000;
	background-color:#eee;
}
select {
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#fff;
	width:250px;
	color:#000;
}












/****************************************/
/********** footer **********/
/****************************************/

#footer {
	text-align:center;
	margin:0;
	padding:10px 0;
	font-size:11px;
	color:#666;
	clear:both;
}
#footer a {
	padding:0 2px;
	font-size:11px;
	color:#5E73B6;
	text-decoration:none;
}
#footer a:hover {
	color: #CC0000;
	text-decoration:underline;
}

/****************************************/
/********** Signature Mediaweb **********/
/****************************************/

#mediaweb {
	text-align:right;
	width:1200px;
	clear:both;
	margin: 0 auto;
}
#mediaweb a {
	color:#ccc;
	text-decoration:none;
	font-size:10px;

}
#mediaweb a:hover {
	color: #ccc;
	text-decoration:underline;
}