body{
	background:#333;
	max-device-width: auto;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, p, li{ font-family:Verdana, Geneva, sans-serif; color:#fff;}
p, a {
    color: #222;
    font-size: 17px !important;
    line-height: 25px;
    margin: 30px;
    text-align: justify;
}
span.facebook{ background:url('../images-mobile/home.jpg');
width:150px; height:150px}
h1 {
    color: #222;
    font-size: 50pt;
    margin: 30px;
    padding: 0;
    text-align: justify;
}
		h2{	font-family:Tahoma, Geneva, sans-serif; 
	color:#FFF; 
	margin:0px; 
	padding:0px;
	text-align: center;
	font-size:35pt;}
p.lien{
	font-size:18pt;
	}
p.lien a{ text-decoration:none;}
/*** section head ***/
.head {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 0 solid #333;
    height: 660px;
    width: 100%;
}
.head ul{
	list-style:none;	
	float:left;
	padding:0;
	margin:-10px 0 0 190px;
	color:#000;
	}
.head a{ color:#FFF;
	text-decoration:none;			
	}
.head li{
	font-size:45pt;
	text-align:center;
	color:#FFF;
	}
a.lang{ 
	color:#FFF; 
	font-size:30pt; 
	float:right;
	margin:3px 5px 0 0;
	text-decoration:none;
	border-left:thin #CCC solid;
	padding-left:4px;
	}
a.lang:hover{ 
	text-decoration:underline;
	}
.logo a{ 
	float:left;
	margin:0;
	}
img.logo{
	float:left;
	margin:35px 0 10px 185px;
	width:600px;
	height:300px;
	}
.top-menu{ 	
	width:100%;
	height:225px;
	background:#000;
	}
	
a.right{
	width:150px;
	height:146px;
	background:url('../images-mobile/mail-1.jpg');
	float:right; margin-left:0px; margin-right:195px; margin-top:45px; margin-bottom:0
	}
a.right1 {
    background: rgba(0, 0, 0, 0) url("../images-mobile/telephone.jpg") no-repeat scroll 0 0 / 20vw auto;
    float: right;
    height: 20vw;
    margin: 45px 75px 0 0;
    width: 20vw;
}
a.right2 {
	background: rgba(0, 0, 0, 0) url("../images-mobile/enveloppe.jpg") no-repeat scroll 0 0 / 20vw auto;
    float: right;
    height: 20vw;
    margin: 45px 75px 0 0;
    width: 20vw;
}
a.right3{
	background: rgba(0, 0, 0, 0) url("../images-mobile/map.jpg") no-repeat scroll 0 0 / 20vw auto;
    float: right;
    height: 20vw;
    margin: 45px 75px 0 0;
    width: 20vw;
}

/*** section navigation ***/
.navigation {
    float: left;
    height: auto;
    padding-bottom: 0;
    width: 100%;
}
.navigation ul{ 
	list-style:none; 
	margin:0 0 0 0; 
	padding:0; 
	width:100%;
	}
.navigation li {
    background: #004b96 none repeat scroll 0 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.27);
    color: #ffffff;
    float: none;
    font-family: "calibri";
    font-size: 45pt;
    height: 100px;
    margin: 0;
    padding: 25px 0 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.navigation li:hover {
    background: #fabb13 none repeat scroll 0 0 !important;
	color:#004b96;
}
.navigation a.active{ 
	background:#CCC; 
	color:#000; 
	font-weight:bold;
	}
	a.remorquage{color: #000;}
	a.remorquage:visited{color: #000;}
	a.remorquage:link{color: #000;}
	a.remorquage:hover{color: #fff;}
a.litle {font-size:45pt;}

/*** section footer ***/
.footer {
    background: #000000 none repeat scroll 0 0;
    float: left;
    height: auto;
    margin-top: 0px;
    width: 100%;
}
.footer p{ 
	font-size:28pt;
	}

/*** section content ***/

.content{
	width:100%;
	height:auto;
	float:left;
	border:8px #000 solid;
	border-left:none;
	border-right:none;
	background:#bebebe;
	padding-bottom:30px;
	margin-bottom:20px;
	}
.content h2{
	margin:30px 0 0 30px;
	padding:0;
	color:#000;
	font-size:50pt;
	}
	
.content ul{
	list-style:none;
	margin:30px 0 0 30px;
	padding:0;
	color:#000;
	font-size:42pt;
	}
	
.content li{
	line-height:70px;
	}
img.garage{
	float:right;
	margin:60px 30px 0 0;
	border:5px #000 solid;
	width:350px;
	height:225px;
	}
li.titre{ font-size:35pt;}
strong{ color:#000; text-decoration:none;}

/*** section services ***/
.services{
	width:100%;
	height:auto;
	background:#CCC;
	float:left;
	padding:0px 0 30px 0;
	border:thin #000 solid;
	border-left:none;
	border-right:none;
	margin:10px 0 0 0;
	}
.services h2{
	font-size:50pt;
	color:#000;
	font-weight:bold;
	margin:20px 0 0 20px;
	}
.services p{ 
	text-align:left; 
	width:90%;
	margin:5px 0 0 25px;
	color:#000;
	font-size:30pt;
	}
	
/*** section contact ***/
.contact{
	width:100%;
	height:auto;
	background:#CCC;
	float:left;
	padding:0px 0 30px 0;
	border:thin #000 solid;
	border-left:none;
	border-right:none;
	margin:10px 0 0 0;
	}
.contact h2{
	font-size:50pt;
	color:#000;
	font-weight:bold;
	margin:20px 0 0 20px;
	}
.contact ul{
	list-style:none;
	font-size:35pt;
	margin:5px 0 0 25px;
	padding:0;
	}
.contact a{
	color:#000;
	text-decoration:none;
	}
.map{
	width:100%;
	height:auto;
	}