﻿* {
padding: 0;
margin: 0;
z-index:12;
} 

body {
	margin: 0;
	padding: 0;
	color: #311a1a;
	font: 13px Arial, Verdana, Tahoma, sans-serif;
	line-height: 17px;
}
h1{font-size:small;}
img {border: none;}
a{color:#e6d8bb; text-decoration: none; }


#top {
padding: 10px 0;
}
#contentt {

padding:20px;
margin-top:-30px;
}
#bottom {
background: #ffffff url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}

#wrap {
width: 970px;
padding-left:5px;
margin: 0 auto;
background: url(Images/fd_page_ombre.jpg) repeat-y ;
background-position: -15px;

}

#header {
/*height:380px;*/
background-image:url('Images/vacances64-flash.jpg');
background-repeat:no-repeat;
background-position:center;

}
#header h1 {

padding: 30px 0 0 10px;
margin-top:-23px;
height:110px;
color: #000;
background-image:url('Images/vacances64.jpg');
background-repeat:no-repeat;
background-position:center;
}
#header h1 a { 
color: #fff;
text-decoration: none;
padding-left:50%;
}
#header h1 a:hover {
color: #fff;
}
#header h2 { letter-spacing: -1px; padding: 0 0 00 30px; font-size: 14px; color: #311a1a ; }

#headermenu {
margin-top: -53px;
height: 60px;

line-height: 60px;
text-align: center;

}

#headerm { 
padding: 0;
text-transform: uppercase;
font-weight: 100;

}

.headerm h1 { 
height:41px;
width:136px;
background-image:url('Images/fd_bouton.jpg');
background-repeat:no-repeat;
background-position:center;
color:#e6d8bb;
line-height:normal;
}
.headerm li {
float:left;
list-style-type:none;
padding-left:0px;

}
.headerm li a {
display:block;
padding:0 10px;
text-decoration:none;
color: #e6d8bb;
letter-spacing:2px;
letter-spacing: -1px;
font-style:oblique;
font-weight:bolder;
vertical-align:top;

}
.headerm li a:hover {
color:#ffffff;
text-decoration:none;
}

.left {
margin-top: 10px;
float: left;
width: 200px;
line-height: 0px;
}
.left h2 {
margin-top: 10px;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
background: transparent url(images/contenth2.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
}
.left ul  {
color: #aaa;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 10px;
text-decoration: none;	
list-style-type:none;	
}
.left ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.left ul a {
font-weight: 600;
color: #311a1a;
}
.left ul a:hover { color : #333; }

.middle 
{

margin-top: 00px;

width: 910px;
margin-left: 10px;
line-height: 20px;

}
.middle h2 {
font: bold 14px Verdana,  Sans-serif;

margin-top: 10px;
height: 15px;
line-height: 30px;
padding-left: 10px;
}
.middle h2 a {

}
.middle h2 a:hover {
color: #000;
}

.right {
margin-top: 10px;
float: right;
width: 200px;
}
.right h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
line-height: 30px;	
background: transparent url(images/contenth2.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
}

#footer { 
color: #777;
text-align: center;
padding-bottom: 10px;
}
#footer a {  color: #fff; text-decoration: none; }
#footer  a:hover { color: #ccc; } 


/*     PAGE ACCUEIL */
.leftACCUEIL {
margin-top: -495px;
margin-left:-50px;
float: left;

line-height: 15px;
color: #311a1a;

}
.leftACCUEIL h2 {
margin-top: 10px;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #311a1a;
padding-left: 0px;
}

.leftACCUEIL ul a {
font-weight: 600;
color: #311a1a;
}
.leftACCUEIL ul a:hover { color : #fff; }


.rightACCUEIL {
margin-top: -552px;
margin-right:-40px;
float: right;
width: 190px;
height:400px;
line-height: 12px;
}
.rightACCUEIL h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #fff;
padding-left: 10px;

}

.moteur { margin-top:-10px; margin-left: 420px;  background:transparent url(images/fd_moteur.png) no-repeat; width:320px; color:#e6d8bb;}


#content {
z-index:10;
width:860px;
padding: 0 20px;
margin-left: 5px;
}

#contentACCUEIL{
margin-bottom: 200px;
}

/*     PAGE LOCATIONS */
.leftLOCATIONS {
margin-top: 0px;
margin-left:10px;
float: left;
width: 350px;
line-height: 15px;
color: #311a1a;

}
.leftLOCATIONS h2 {
margin-top: 10px;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #311a1a;
padding-left: 0px;
}

.leftLOCATIONS ul a {
font-weight: 600;
color: #311a1a;
}
.leftLOCATIONS ul a:hover { color : #fff; }


.rightLOCATIONS {
margin-top: 0px;
margin-left: 0px;
float: right;
width: 490px;

}

.rightLOCATIONS h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #fff;
padding-left: 10px;
}

.articlesLOCATIONS {
margin-left: -50px;

}

.moteurLOCATIONS { margin-left: -20px; padding-top: -30px; background:transparent url(images/fd_moteur.png) no-repeat; width:340px; }


/*     PAGE DETAILS LOCATIONS */

.contentDETAIL {
width:860px;
padding: 0 2px;
margin-left: 25px;
}

/*     PAGE DETAILS LOCATIONS */

.contentVALIDATION {
width:300px;
padding: 0 2px;
margin-left: 25px;
position:inherit;
}

.contentVALIDATION1 {
width:300px;
padding: 0 2px;
margin-left: 525px;
margin-top:-368px;
position:inherit;
}

/*     PAGE CDV */

#contentCDV {

width:860px;
padding: 10 40px;
padding-top:20px;
margin-left: 5px;
}

.leftCDV {
margin-top: 25px;
margin-left:30px;
float: left;
width: 380px;
color: #311a1a;

}

.leftCDV h2 {
margin-top: 10px;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #311a1a;
padding-left: 0px;
}

.leftCDV ul a {
font-weight: 600;
color: #225465;
}

.leftCDV ul a:hover { color : #fff; }

.rightCDV {
margin-top: 70px;
margin-left: 10px;
float: right;
width: 380px;

}

.rightCDV h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #fff;
padding-left: 10px;
}

.rightCDV ul a {
font-weight: 600;
color: #311a1a;
}

.rightCDV ul a:hover { color : #fff; }

/*     PAGE QUI */

.agence
{
background:transparent url(images/agence.gif) no-repeat;
width:350px;
height:250px;	
color: #311a1a;
	}
#contentQUI {

width:760px;
padding: 10 40px;
padding-top:20px;
margin-left: 5px;
}

.leftQUI {

margin-left:100px;
float: left;
width: 180px;
color: #311a1a;

}

.rightQUI {
margin-top: 0px;
margin-left: 20px;
float: right;
width: 180px;
color: #311a1a;

}
#wrapQUI {
width: 940px;
padding-left:5px;
margin: 0 auto;
background: url(Images/fd_page_ombre.jpg) repeat-y ;
background-position: -15px;

}

/*     PAGE LOYUER */
.leftLouer {
margin-top: -30px;
margin-left:-15px;
float: left;
width: 250px;
line-height: 15px;
color: #311a1a;

}
.leftLouer h2 {
margin-top: 10px;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #311a1a;
padding-left: 0px;
}

.leftLouer ul a {
font-weight: 600;
color: #311a1a;
}
.leftLouer ul a:hover { color : #fff; }


.rightLouer {
margin-top: -480px;
margin-right:130px;
float: right;
width: 220px;
line-height: 12px;
}
.rightLouer h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, Sans-serif;
line-height: 30px;	
height: 30px;
color: #fff;
padding-left: 10px;

}

.moteurLouer { margin-top:-10px; margin-left: 290px;  background:transparent url(images/fd_moteur.png) no-repeat; width:320px; color:#e6d8bb;}


#content {
z-index:10;
width:860px;
padding: 0 20px;
margin-left: 5px;
}

#contentLouer{
margin-bottom: 200px;}

.ssRecherche
{
	color:#311a1a;
	font-size:xx-small;
	text-decoration:underline;
}
