* {
	margin: 0;
	padding: 0;

}
a img {border: 0}

body{
	
background-image: url(fondecran.png);
background-repeat: no-repeat;


}


.container {
	width: 999px;
	height: 815px;
	background-color: white;
	margin: 0 auto;
	background-image: url(image6.jpg);
	background-position: 0px 300px;
	background-repeat: no-repeat;

	}
header {
	width: 100%;
	height: 194px;
	background-color: white;
}
footer {
	height: 136px;
	width: 100%;
	background: rgb(90,37,37); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(90,37,37,1) 1%, rgba(107,59,67,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(90,37,37,1)), color-stop(100%,rgba(107,59,67,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(90,37,37,1) 1%,rgba(107,59,67,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(90,37,37,1) 1%,rgba(107,59,67,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(90,37,37,1) 1%,rgba(107,59,67,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(90,37,37,1) 1%,rgba(107,59,67,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a2525', endColorstr='#6b3b43',GradientType=0 ); /* IE6-9 */

	margin-top: 26px;
float: left;
color: #e4e4e4;
}
.menu {
	width: 1000px;

	
	height: 50px;
border-top: #8A8074;
border-bottom: #8A8074;
	position: absolute;
	margin-top: -25px;
}

header ul li.courses p {
		border-right: 2px solid #847B6F;
		margin-top: 6px;
}

li.transports p{
border-right: 2px solid #847B6F;
		margin-top: 6px;

}

li.atouts p{
border-right: 2px solid #847B6F;
		margin-top: 6px;

}

li.clients p {
	margin-top: 6px;
}


header ul li {
	
width: 199px;
	height: 50px;
	background-color: #26241F;
	
margin-top: 20px;
border-top: #8A8074;
    float: left;
    text-align: center;
    color: white;
    line-height: 40px;
    font-size: 1.5em;
   
   
font-weight: bold;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;

}

header ul li:hover {

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlM2UzZSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzQyMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(94,62,62,0.65) 0%, rgba(66,44,44,1) 54%, rgba(43,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,62,62,0.65)), color-stop(54%,rgba(66,44,44,1)), color-stop(100%,rgba(43,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65e3e3e', endColorstr='#2b1c1c',GradientType=0 ); /* IE6-8 */

	border-right: none;
	

}


li {
	list-style-type: none;
}

header img {
	display: block;
	margin: 0 auto;
}
.texteprincipal {
	color: #181821;
	border: solid white 1px; 
	border-radius: 15px;
	width: 650px;
	height: 320px;
	font-size: 17px;
	display: block;
	margin: 0 auto;
	
	text-align: justify;
	
	padding: 16px 50px 0px 50px;
}
h2 {
	color: #181821;
	
}
.texteprincipal p {
	margin-top: 14px;

}

a {
	color: inherit;
	text-decoration: none;
}
header ul li.clients {
	border-right: none;
}

.plaquette {
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzEyYyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzMzEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIzMjExZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMxMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(51,49,44,0.65) 0%, rgba(51,49,44,1) 50%, rgba(35,33,31,1) 51%, rgba(51,49,44,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,49,44,0.65)), color-stop(50%,rgba(51,49,44,1)), color-stop(51%,rgba(35,33,31,1)), color-stop(100%,rgba(51,49,44,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,49,44,0.65) 0%,rgba(51,49,44,1) 50%,rgba(35,33,31,1) 51%,rgba(51,49,44,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,49,44,0.65) 0%,rgba(51,49,44,1) 50%,rgba(35,33,31,1) 51%,rgba(51,49,44,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,49,44,0.65) 0%,rgba(51,49,44,1) 50%,rgba(35,33,31,1) 51%,rgba(51,49,44,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,49,44,0.65) 0%,rgba(51,49,44,1) 50%,rgba(35,33,31,1) 51%,rgba(51,49,44,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a633312c', endColorstr='#33312c',GradientType=0 ); /* IE6-8 */

	color: white;
	margin: 32px auto;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	line-height: 45px;

	-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;

}

.plaquette:hover  {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlM2UzZSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzQyMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(94,62,62,0.65) 0%, rgba(66,44,44,1) 54%, rgba(43,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,62,62,0.65)), color-stop(54%,rgba(66,44,44,1)), color-stop(100%,rgba(43,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(94,62,62,0.65) 0%,rgba(66,44,44,1) 54%,rgba(43,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65e3e3e', endColorstr='#2b1c1c',GradientType=0 ); /* IE6-8 */

}

	.pierrecurie {


color: white;

margin-top: 76px;
margin-left: auto;
margin-right: auto;
display: block;
width: 675px;
}

.siret {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 1px;
	width: 260px;
}

#formulaire {
	margin: 0 112px;
	float: left;

margin-bottom: -18px;
}

.msg {
	margin-left: 20px;
	display: block;
}
#formulaire li {
	margin-top: 6px;
}

textarea {
border-radius: 6px;
padding: 5px 20px;
color: #FFFFFF;
border: 0;

}

input {

padding: 5px 20px;
border-radius: 6px;
color: #FFFFFF;
border: 0;
}

.bt_envoyer {
background-color: #50546B;
color: white;
padding-left: 7px;
padding-right: 7px;
margin-bottom: 20px;
border-radius: 12px;
}

.footerphp {

	margin-top: -62px;
}
h2 {
	text-decoration: underline;
	font-weight: bold;
	font-size: 20px;
}
.transporte {
	text-align: left;
}

.texteprincipal {
	
    position: relative;  
    display: inline-block;  
    vertical-align: top;  
     
     
    margin-left: 116px;
    background: #f0e8d8;  
     padding-bottom: 70px;

    margin-top: 160px;
    font-family: Arial, "Helvetica", "Arial", "Verdana" , "sans-serif"; 
    text-align: center;  
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, rgb(255, 250, 241)), color-stop(0.56, rgb(250, 247, 242)));  
    background-image: -webkit-linear-gradient(center bottom, #fffaf0 11%, #faf7f2 56%);  
    background-image: -moz-linear-gradient(center bottom, #fffaf0 11%, #faf7f2 56%);  
    background-image: linear-gradient(center bottom, #fffaf0 11%, #faf7f2 56%);  
    -webkit-box-shadow: 0 0 65px #e8e7e9 inset, 0 0 20px #333333 inset;  
    -moz-box-shadow:    0 0 65px #e8e7e9 inset, 0 0 20px #333333 inset;  
    box-shadow: 0 0 65px rgb(232, 233, 231) inset, 0 0 20px rgb(51, 51, 51) inset; 
}  

.texteprincipal:after, .texteprincipal:before {  
     
    position: absolute;  
    width: 50%;  
    height: 100px;  
    z-index: -2 ;  
}  
.texteprincipal:before { background: green;}  
.texteprincipal:after { background: red; } 

.texteprincipal:before {  
    top: 306px;  
    left: 5px;  
    -moz-transform: rotate(-5deg) ;
		-webkit-transform: rotate(-5deg) ;
        -o-transform: rotate(-5deg) ;
        -ms-transform: rotate(-5deg) ;
        transform: rotate(-5deg) ;  
    box-shadow: 7px 6px 15px #333;  
}  
.texteprincipal:after {  
    top: 306px;  
    right: 5px;  
    -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg); 
    box-shadow: -7px 6px 15px #333;  
}  
.ludo {
	font-family: 'Satisfy', cursive;
	height: 40px;
	display: inline-block;
}
header ul li#ctct {
	border-right: 1px solid black;
}
header ul li#ctct:hover {
	border-right: 1px solid black;
}
#clt {
	padding-bottom: 90px;
	font-size: 16px;
}
.qualite {
	width: 100%;
	height: 380px;
	background-color: white;
	margin-top: 48px;
}

.qualite img {
	margin-left: 15px;
	margin-top: 75px;
	float: left;
	
}
.foond {
	color: #181821;
	width: 700px;
	height: 330px;
	padding: 14px;
	float: left;
	margin-top: 12px;
	margin-left: 11px;
	
    font-size: 1.2em;
  
 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, rgb(255, 250, 241)), color-stop(0.56, rgb(250, 247, 242)));  
    background-image: -webkit-linear-gradient(center bottom, #fffaf0 11%, #faf7f2 56%);  
    background-image: -moz-linear-gradient(center bottom, #fffaf0 11%, #faf7f2 56%);  
    background-image: linear-gradient(center bottom, #fffaf0 11%, #faf7f2 56%);  
    -webkit-box-shadow: 0 0 65px #e8e7e9 inset, 0 0 20px #767171 inset;  
    -moz-box-shadow:    0 0 65px #e8e7e9 inset, 0 0 20px #767171 inset;  
    box-shadow: 0 0 65px rgb(232, 233, 231) inset, 0 0 20px rgb(118, 113, 113) inset; 
    border-radius: 5px;


}
.foothaut {
	width: 100%;
	height: 1px;
background-color: white;}
.footbas {
	width: 100%;
	height: 1px;
	background-color: black;
}

.texteprincipal img.truck {
	margin-left: -15px;
	margin-top: 20px;
}

.photo1 {
	float: left;
	margin-left: 74px;
}
.photo2 {
	float: left;margin-left: 20px;
}
.engage {
	margin-top: 26px;
	padding: 1px 0px 7px 17px;
}
.portable {
	margin-left: 15px;
}

.tel {
	margin-left: 413px;
	margin-top: -44px;
	font-size: 1.2em;
}
.img1 {
	height: 72px;
	width: 70px;
	background-color: red;
}
.texteprincipal img.images {
	float: left; margin-left: 20px;
}
.les4 {
	margin-left: -14px;
	margin-top: 16px;
}
.cheval {
	margin-top: 5px;
}
.les2 {
	margin-top: 15px;
}
.shadow {
	width: 100%;
	height: 496px;
	
	float: left;
	margin-top: -448px;
	box-shadow: inset 0px 0px 80px;
}
.phonetel {
	margin-left: -287px;
	margin-top: -3px;
}
.infos {
	font-family: "Arial", "Trebuchet";
line-height: 66px;
display: block;
position: absolute;
text-align: center;
bottom: -13px;
margin: 0 auto;
left: 0;
right: 0;
	
}
.surligne {
	text-decoration: underline;
}
.texteprincipal ul li.rond {
	list-style: circle;
}

.bold {
	font-weight: bold;
}

div.signature {
	margin-top: -15px;
}

#ligne2 p {
float: left;
}

#ligne2 {
margin-top: 88px;
margin-left: 14px;
}

#ligne2 p.designed {
float: right;
margin-right: 15px;
}

#ligne2 p.copyr {
margin-left: 204px;

}

#arnaudlink {
background: url(signature3.png) no-repeat;
width: 74px;
height: 67px;
border: 0;
display: block;
margin-left: 920px;
margin-top: -50px;
}
#arnaudlink a {
	display: block;
}