body{
margin-top:0px;
margin-left:2px;
scrollbar-face-color:#F4F5FB;
scrollbar-arrow-color:#ffcc00;
scrollbar-track-color:#F4F5FB;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #33ccff;
scrollbar-darkshadow-color: #ffffff;
text-align:center;
behavior: url(csshover.htc);
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:501;
color:#222222;
line-height:20px;
}


.thumb {
 width:50px;
 height:50px; 
 margin:2px;
 float:left; 
 background-color:#5858E2; 
 display:block;
 } 

.thumb a {
 display:block;
 width:50px;
 }

.thumb a:hover {
 position:absolute;	
 }	 
	
/*hack pour permettre le rollover 
de gauche à droite avec mozilla*/

body>.thumb a:hover {	  
 position:relative;	 
 }	
	
.thumb a img { 
 margin:0;
 padding:0;
 width:50px;
 height:50px; 
 }

.thumb a:hover img {
 position:relative;
 left:0px;
 top:40px;
 width:300px;
 height:225px;
 border:solid 4px #5858E2;
 -moz-border-radius:6px 6px 6px 6px;
  -khtml-border-radius:6px 6px 6px 6px;
   -webkit-border-radius:6px 6px 6px 6px;
 
 } 
 
 
 
.Style1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
}


.Style2 {font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.Style2_1 {font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

.Style3 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.Style4 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
}

.Style4_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;

}


.Style4_2 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight:bold;
	
	}
.Style5 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E86313;
}

.Style5_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E86313;
}

.Style6 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E86313;
	font-weight:bold;
}

.Style6_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E86313;
	font-weight:bold;
}


.Style7 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.Style7_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}

.Style7_2 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.Style7_2_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight:bold;
}


.Style7_6 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
}

.Style7_6_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	font-weight:900;
}

.Style7_7_1 {
	font-family: Century gothic, Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF0000;
	font-weight:bold;
}


.Style8 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight:bold;
}

.Style8_2 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight:bold;
}

.Style9 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7412E;
}
.Style10 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7412E;
	font-weight:bold;
}



.Style11 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	font-weight:bold;
}
.Style12 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E86313;
	font-weight:bold;
	text-decoration:line-through;
	}
	
.Style12_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E86313;
	font-weight:bold;
	text-decoration:line-through;
	}
	
	.Style13 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C7412E;
	font-weight:bold;
}
.Style14 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
		line-height:2em;
	}
	
.Style14_1 {
	font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	}
		
.STYLE15{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#33CCFF;
}
.STYLE16{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#33CCFF;
font-weight:bold;
}
.STYLE17{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000099;
}
.STYLE18{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000099;
font-weight:bold;
}

.style19{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}

.style19_1{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:2em;
}

.style19_2{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:line-through;
color:#333333;
line-height:2em;
}

.style19_3{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:2em;
}

.style19_5{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
line-height:2em;
}


.style20{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:bold;
}

.style20_1{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
}

.style21{
font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
		background-color:#003399;
	padding-top:2px;
	padding-right: 2px;
	padding-bottom:2px;
	padding-left: 2px;
}

.style21_1{
font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #FF9900;
	padding:2px 2px 2px 2px;
	margin:5px 2px 5px 2px;
	-moz-border-radius:4px 4px 4px 4px;
	 -webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px;
}
.style21_2{
font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#000099;
	padding-top:2px;
	padding-right: 2px;
	padding-bottom:2px;
	padding-left: 2px;
}

.style21_3{
font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#333333;
	padding-top:3px;
	padding-right: 50px;
	padding-bottom:3px;
	padding-left: 2px;
}

.style21_4{
font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	background-color:#FFFF00;
	padding-top:1px;
	padding-right: 5px;
	padding-bottom:1px;
	padding-left: 2px;
}


.style21_5{
    font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	background-color:#0066CC;
	padding:5px 5px 5px 5px;
	 -moz-border-radius:4px 4px 4px 4px;
 -webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px;
	}

.style22{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.style23{
font:Verdana;
font-size:12px;
color:#000000;
font-weight:bold;
}

.style24{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

.style25{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
}

.style26{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FF6633;
text-decoration:underline;
}

.Style27{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#30B3D7;
}


.Style28_1{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
}

.Style28_2{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}

.Style28_2_1{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
font-weight:bold;
}

.Style28_1_1{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
font-weight:bold;
}

.Style28_3{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333;
}

.Style28_3_1{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333;
font-weight:bold;
}


.Style28_4{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#333333;
}

.Style28_4_1{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#333333;
font-weight:bold;
}



/*les bleus*/
.Style30_9_1{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:18px;
color:#0066CC;
font-weight:bold;
}

.Style30_1{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0066CC;
}

.Style30_1_1{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0066CC;
font-weight:bold;
}


.Style30_2{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
}

.Style30_2_1{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
font-weight:bold;
}



/*f les bleus*/

.Style31_1{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990000;
}

.Style31_1_1{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990000;
font-weight:bold;
}


.Style31_2{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
}

.Style31_2_1{
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
font-weight:bold;
}

/* les rouges*/

/*les verts*/
.Style32{
background-color:#006600;
padding:6px;
color:#FFFFFF;
text-decoration:none;
font-family:Century gothic, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
-moz-border-radius:4px 4px 4px 4px;
 -webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px;
}
/*les verts*/



/* fin les rouges*/
input {
     color:#0066FF;
     font-size:10px;
     font-family:verdana;
	 height:1.9em;	 
	 width:100px;
	 border:solid 1px #cccccc;
	 text-align:left;
	 vertical-align:middle;
	 
	   
   }
   
 #submit{  
 height:2.5em;
 size:10em;
 border:none;
 }
 
  #submit1{  
 height:30px;
 width:auto;
 border:none;
 background-image:url(IMPLEMENTATION_BTOBMODULE/Images/background-submit.png);
 background-repeat:no-repeat;
 font-family:Century gothic, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:16px;
 color:#FFFFFF;
 -moz-border-radius:4px 4px 4px 4px;
 -webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px;
 }
 
#submit1:hover{  
 height:30px;
 width:auto;
 border:none;
 background-color:#FF0000;
 font-family:Century gothic, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:20px;
 color:#FFFF00;
 cursor:pointer;
 }
 
  #submit2{  
 height:30px;
 width:auto;
 border:none;
 background-color:#990000;
 background-repeat:no-repeat;
 font-family:Century gothic, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:16px;
 color:#FFFFFF;
 -moz-border-radius:4px 4px 4px 4px;
 -webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px;
 }
 
 #submit2:hover{  
 height:30px;
 width:auto;
 border:none;
 background-color:#FF0000;
 font-family:Century gothic, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:20px;
 color:#FFFF00;
 cursor:pointer;
 }
 
 
select {
     color:#0066FF;
     font-size:11px;
     font-family:verdana;
	 height:2em;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
}



fieldset{
border:solid 1px #cccccc;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
background-color:#F5F5F5;
}

legend{
text-align:center;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
font-size:11px;
border:solid 1px #cccccc;
height:1.8em;
}

#input_error{
color:#33ccff;
background-color:#FF0000;
     font-size:10px;
     font-family:verdana;
	 height:auto;  
   }

.direction{
cursor:pointer;
}




a {
text-decoration:none;
font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#CD371D;
font-weight:bold;

} 



a:hover {
font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
	text-decoration: underline;
	color:#0066FF;
	font-weight:bold;
}

.a1{
color:#BEC6EB;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
}

.a2{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#30b3d7;
font-weight:100;
} 
.a2:hover{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FCC169;
font-weight:100;
} 

.a3{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#30b3d7;
font-weight:100;
} 
.a3:hover{
text-decoration:underline;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#CC6600;
font-weight:bold;
} 


.a3_1{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#30b3d7;
font-weight:bold;
} 
.a3_1:hover{
text-decoration:underline;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FF0000;
font-weight:bold;
} 



.a4{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#0033FF;
font-weight:400;

}
.a4:hover{
text-decoration:underline;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#0033FF;
font-weight:400;
}

.a4_1{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#0033FF;
font-weight:400;

}
.a4_1:hover{
text-decoration:underline;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#0033FF;
font-weight:400;
}

.a4_2{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#0033FF;
font-weight:400;

}
.a4_2:hover{
text-decoration:underline;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#0033FF;
font-weight:400;
}



.a4_3{
text-decoration:none;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#0033FF;
font-weight:400;

}
.a4_3:hover{
text-decoration:underline;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#0033FF;
font-weight:400;
}



.a5{
font-family:Century gothic, Arial, Helvetica, sans-serif; 
font-size:16px;
color:#0066CC;
border:solid 2px #0066CC;
border-radius:6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px; 
padding:2% 3% 2% 3%;
 cursor:pointer;

}

.a5:hover{
font-family:century gothic, Arial, Helvetica, sans-serif; 
font-size:16px;
background-color:#0066CC;
border:solid 2px #0066CC;
border-radius:6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px; 
padding:10px 30px 10px 30px; 
color:#FFFFFF;
 cursor:pointer;

}


.a5_1{
font-family:Century gothic, Arial, Helvetica, sans-serif; 
font-size:16px;
color:#0066CC;
 }

.a5_1:hover{
font-family:century gothic, Arial, Helvetica, sans-serif; 
font-size:16px;
color:#FFFFFF;
}



.a6{
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:100;
color:#FFFFFF;
padding:5px;
text-decoration:none;
}

.a6:hover{
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:100;
color:#FFFFFF;
padding:5px;
text-decoration:none;
}


.a_footer{
font-family:Arial, Helvetica, sans-serif; 
font-weight:100; 
color:#0066CC;
font-size:11px;
text-decoration:none;
}

.a_footer:hover{
font-family:Arial, Helvetica, sans-serif; 
font-weight:100; 
color:#0066CC;
font-size:11px;
text-decoration:underline;
}


.a_img{
color:#FFFFFF;
text-decoration:none;
background-color:#FFFFFF;
border:none;
}


#tdpub{
border-right:dashed 1px #BDE6EA;

}
#tdpub1{
border-right:solid 1px #BDE6EA;

}

#tdpromo{
border:solid 1px #00CCFF;
border-bottom:dashed 1px #00CCFF;
height:auto;
vertical-align:top;
}

#tdpromo1{
border:solid 1px #00CCFF;
border-bottom:dashed 1px #00CCFF;
height:30px;
vertical-align:middle;
}

#table1{
width:700px;
border:dashed 1px #33CCFF;
height:auto;
}

#table2{
width:700px;
border:solid 1px #000000;
background-color:#FFFFFF;
height:auto;
}

#table_resa{
border:2px solid #666666;
text-decoration:none;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 0 0; 
-khtml-border-radius: 10px 10px 0 0;
padding: 0;
z-index:1;
}

#table_resa td.left{
-moz-border-radius:10px 0px 0px 0px;
-webkit-border-radius:10px 10px 0 0; 
-khtml-border-radius: 10px 10px 0 0;
padding: 0;
z-index:1;


}

#table_resa td.right{
-moz-border-radius:0px 10px 0px 0px;
-webkit-border-radius:10px 10px 0 0; 
-khtml-border-radius: 10px 10px 0 0;
padding: 0;
z-index:1;


}

#table_taches{
background:#ffffff;
border:1px solid #cccccc;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:10px 10px 0 0;
-khtml-border-radius:10px 10px 0 0;
padding:0;
z-index:1;
}

#table_newsletter{
border:solid 1px #E78FDE;
-moz-border-radius:4px;
}

#table_newsletter1{
border:solid 1px #333333;
-moz-border-radius:4px;
}



#td1{
border-bottom:dashed 1px #33CCFF;
}

#td_flotte{
border-top:solid 1px #3366ff;
border-bottom:solid 1px #3366ff;
background:url(images/bground1.gif);
}

#td_pub{
border:solid 1px #000000 ;
}
#td_espclt{
border-bottom:solid 2px #FF9900;
background-image:url(images/bground1.gif);

}


a:hover input.btn {
cursor:pointer;
}

.btn{
     color:#000000;
	 font-weight:bold;
     background-image:url(images/btn_submit_reservation.jpg);
     width:auto;
     height:25px;
	 
}
        /*pour eviter tout soulignement*/
		
		                 
	#table_admin_news{
	height:auto;
	border:solid 1px #0033FF;
	width:300px;
	}					 
		
	#table_admin_task{
					height:30px;
	border-bottom:solid 1px #0033FF;
	width:auto;
	}
	
	#table_print_header{
	height:20px;
	width:650px;
	font:Century gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	border:solid 2px #000000;
	}				 
		
	#table_invoice{
	border:solid 2px #000000;
	width:600px;
	
	}					 
			 
	#espace_pro{
	background-color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}	
	
	#espace_pro a{
 	color:#FFFFFF;
	}

   
	
	#espace_pro:hover{
	background-color:#FF3300;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}	
	
	                                            #espace_pro a:hover{
                                               	background-color:#FF3300;
                                              	font-weight:bold;
                                               	font-family:Arial, Helvetica, sans-serif;
                                               	font-size:12px;
	}	
		 
				 
						 
						 
						 /*menu*/
						 /*d optimisation explorer*/
#menu{
background-color:#EFF8FC;
width:1002px;
height:25px;
white-space:nowrap;
float:left;
margin-top:0px;	
}

#menu ul.niveau1{
padding:0px 2px 0px 4px;
margin-top:0px;
margin-left:0px;
list-style-type:none;
}


#menu ul.niveau1 li { 
                position:relative; 
                list-style: none; /*on enleve les icones de liste */ 
                float:left; z-index:auto !important /*Non-IE6*/;
                 float:left /*IE-6*/; display:block;
			     padding:0 10px 0 10px;
			    margin-top:0px;

               } 
			   
			   
#menu ul.niveau1 li.sousmenu a{
float:none !important /*Non-IE6*/;
padding:0px 10px 0px 0px;
float:left;
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left /*IE-6*/;  line-height:26px; text-decoration:none; 
color:#666666;

}		 

#menu ul.niveau1 li.sousmenu:hover{
font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
position:relative;
background-color:#666666;
padding:0px 2px 0px 2px;
}

                                          #menu ul.niveau1 li.sousmenu a.a1:hover{
                                          font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
                                          font-size:10px;
                                          font-weight:bold;
                                          text-decoration:none;
                                          position:relative;
                                          background-color:#666666;
                                          padding:0px 2px 0px 2px;
                                           }
                         

#menu ul.niveau1 li.sousmenu:hover a{
color:#FFFFff;
}

                                          #menu ul.niveau1 li.sousmenu a.a1:hover{
                                          color:#FFFFff;
                                           }
#menu ul.niveau1 li.sousmenu ul.niveau2{
display:none;
}

#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
display:block; 
width:25.0em; 
position:absolute;
z-index:999; top:26px; left:0; 
margin-top:0px;
padding:0px;
margin-left:0px;
list-style-type:none;
background-color:#666666;
}

                                          #menu ul.niveau1 li.sousmenu a.a1:hover ul.niveau2 {
                                          display:block; 
                                          width:25.0em; 
                                          position:absolute;
                                          z-index:999; top:26px; left:0; 
                                          margin-top:0px;
                                          padding:0px;
                                          margin-left:0px;
                                          list-style-type:none;
                                          background-color:#666666;
                                          }

#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li{
padding:2px 0px 0px 2px;
line-height:2em;
width:24.7em;
height:3em;
text-align:left;

}

                                          #menu ul.niveau1 li.sousmenu a.a1:hover ul.niveau2 li{
                                          padding:1px 2px 0px 0px;
                                          line-height:2em;
                                          width:24.7em;
                                          height:3em;
                                          text-align:left;
                                          }

#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li a{
float:left;
padding:3px 0px 3px 0px;
text-align:left;
color:#FFFFFF;
width:25em;
font-weight:lighter;
position:relative;

}

                                         #menu ul.niveau1 li.sousmenu a.a1:hover ul.niveau2 li a{
                                         float:left;
                                         padding:3px 0px 3px 0px;
                                         text-align:left;
                                         color:#FFFFFF;
                                         width:25em;
                                         font-weight:lighter;
                                         position:relative;

                                         }


#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li:hover{
text-decoration:none;
background-color:#81F522;
text-align:left;
}


                                          #menu ul.niveau1 li.sousmenu a.a1:hover ul.niveau2 li a:hover{
                                           text-decoration:none;
                                           background-color:#81F522;
                                           text-align:left;
										   color:#000000;
                                           }

#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li:hover a{
color:#000000;
}

                                            
                           
/*menu*/





/*menu1*/
#menu1{
width:200px;
float:left;
margin-left:0px;
}
#menu1 ul.niveau1{
list-style-type:none;
padding:0 1px 0 0px;
margin:0;
width:200px;

}

#menu1 ul.niveau1 li.sousmenu{
background-color:#3399FF;
text-align:center;

width:200px;

}

#menu1 ul.niveau1 li.sousmenu a{
color:#FFFFFF;
width:200px;

}
#menu1 ul.niveau1 li.sousmenu:hover{
background-color:#000000;
padding:0px 0px 0px 0px;

width:200px;

float:left;
text-align:center;
}

#menu1 ul.niveau1 li.sousmenu a:hover{
background-color:#000000;
padding:0px 0px 0px 0px;
width:200px;

float:left;
text-align:center;
height:2em;
}


/*menu2*/
#menu2{
width:280px;
float:left;
margin-left:0px;
}
#menu2 ul.niveau1{
list-style-type:none;
padding:0 1px 0 0px;
margin:0;
width:280px;

}

#menu2 ul.niveau1 li.sousmenu{
background-color:#3399FF;
text-align:center;

width:280px;

}

#menu2 ul.niveau1 li.sousmenu a{
color:#FFFFFF;
width:280px;

}
#menu2 ul.niveau1 li.sousmenu:hover{
background-color:#000000;
padding:0px 0px 0px 0px;

width:280px;

float:left;
text-align:center;
}

#menu2 ul.niveau1 li.sousmenu a:hover{
background-color:#000000;
padding:0px 0px 0px 0px;
width:280px;

float:left;
text-align:center;
height:2em;
}


/*fin menu2*/


/*menu réserver*/

#menu_résa{
width:250px;
float:left;
margin-left:0px;
height:25px;
}
#menu_résa ul.niveau1{
list-style-type:none;
padding:0 1px 0 0px;
margin:0;
width:250px;
height:25px;
}

#menu_résa ul.niveau1 li.sousmenu{
background-color:#666666;
text-align:center;
width:250px;
height:25px;
}

#menu_résa ul.niveau1 li.sousmenu a{
color:#FFFF66;
}

#menu_résa ul.niveau1 li.sousmenu:hover{
background-color:#C1C7E8;
padding:0px 0px 0px 0px;
width:250px;
float:left;
text-align:center;
}

#menu_résa ul.niveau1 li.sousmenu a:hover{
background-color:#C1C7E8;
padding:0px 0px 0px 0px;
width:250px;
float:left;
text-align:center;

height:25px;}

.boxgrid{ 
				width: 528px; 
				height: 300px; 
				margin:10px; 
				float:left; 
				background:#000000; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#ffffff; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 300px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 250px;
 					left: 0;
 				}
				
				


/*calendrier*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

/*fin calendrier				*/




/*pagination*/


ul{border:0; margin:0; padding:0;}

#ratel li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#ratel a{
border:solid 1px #9aafe5
margin-right:2px;
}
#ratel .previous-off,
#ratel .next-off {
border:solid 1px #DEDEDE
color:#888888
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#ratel .next a,
#ratel .previous a {
font-weight:bold;
}
#ratel .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#ratel a:link,
#ratel a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#ratel a:hover{
border:solid 1px #0e509e
}


















/*slider features*/
#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
/*fin slider features*/







.technichal_datas{
list-style-type:none;
float:left;
width:100%;
padding:10px 0 0 0;
}

.technichal_datas li{
list-style-type:none;
float:left;
padding:0 0 0 10px;
}

.confirm{
background-color:#0066CC;
border:solid 2px #FFFFFF;
width:90%;
max-width:246px;
height:40px;
color:#ffffff;
font-family:Century gothic, Arial, Helvetica, sans-serif;
text-align:center;
font-size:16px;
font-weight:bold;
margin:0px 0px 0px 2px;
cursor:pointer;
}

.confirm:hover{
background-color:#ffffff;
border:solid 2px #0066CC;
color:#0066CC;
padding:20px inherit;
width:90%;
max-width:246px;
}


.standby{
background-color:#C40000;
border:solid 2px #FFFFFF;
width:90%;
max-width:246px;
height:40px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:16px;
font-weight:bold;
margin:0px 0px 0px 2px;
cursor:pointer;
}



.standby:hover{
background-color:#FFFFFF;
color:#C40000;
border:solid 2px #C40000;
padding:20px inherit;
width:90%;
max-width:246px;
}



.brand{
background-color:transparent; 
width:95%; 
margin:2% 0 2% 0; 
 -moz-border-radius:6px 6px 6px 6px;
  -khtml-border-radius:6px 6px 6px 6px;
   -webkit-border-radius:6px 6px 6px 6px;
}


.select {
     color:#666666;
     font-size:14px;
     font-family:verdana;
	 height:2em;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
	 height:30px; 
	 width:100px;
	 cursor:pointer;
}

.select1 {
     color:#666666;
     font-size:14px;
     font-family:verdana;
	 height:3em;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
	 height:30px; 
	 width:auto;
	 cursor:pointer;
	 border-radius:6px;
	 -moz-border-radius:6px;
     -khtml-border-radius:6px;
     -webkit-border-radius:6px;
}

.select2_agency {
     color:#444444;
     font-size:14px;
     font-family:Century Gothic, Arial, Verdana;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
	 height:40px; 
	 width:auto;
	 max-width:250px;
	 cursor:pointer;
	 border-radius:6px;	 
}


.select2_time {
     color:#444444;
     font-size:14px;
     font-family:Century Gothic, Arial, Verdana;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
	 height:40px; 
	 width:auto;
	 max-width:80px;
	 cursor:pointer;
	 border-radius:6px;	 
}

.input{
     color:#666666;
     font-size:14px;
     font-family:verdana;
	 height:2em;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
	 height:30px; 
	 width:auto;
	 max-width:200px;
	 cursor:pointer;
	 border-radius:6px;
	 -moz-border-radius:6px;
     -khtml-border-radius:6px;
     -webkit-border-radius:6px;	 
}


.input2{
     color:#444444;
     font-size:14px;
     font-family:Century Gothic, Arial, Verdana;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
	 height:40px; 
	 width:80%;
	 max-width:200px;
	 cursor:pointer;
	 border-radius:6px;
	 background: url(https://dreams-rentacar.com/images/calendar-background.png) no-repeat #ffffff;
	 background-position:right 10px;
	 background-size:20px 20px;
	 
}


@media screen and (max-width:869px){
 .select2_agency {
     color:#333333;
     font-size:14px;
     font-family:Century Gothic, Arial, Verdana;
	 text-align:center;	 
	 vertical-align:middle;
	 height:40px; 
	 width:auto;
	 max-width:90%;
	 cursor:pointer;
	 border-radius:6px;	 
}


.input2{
     color:#333333;
     font-size:14px;
     font-family:Century Gothic, Arial, Verdana;
	 border:solid 1px #cccccc;
	 text-align:left;	 
	 vertical-align:middle;
	 height:40px; 
	 width:80%;
	 max-width:80%;	 
	 cursor:pointer;
	 border-radius:6px;
	 background: url(https://dreams-rentacar.com/images/calendar-background.png) no-repeat #ffffff;
	 background-position:right 10px;
	 background-size:25px 25px;
	 
}

.select2_time {
     color:#333333;
     font-size:14px;
     font-family:Century Gothic, Arial, Verdana;
	 border:solid 1px #cccccc;
	 text-align:center;	 
	 vertical-align:middle;
	 height:40px; 
	 width:auto;
	 max-width:60px;
	 cursor:pointer;
	 border-radius:6px;	 
}

.submit{
width:100%; 
float:left; 
padding:0; 
text-align:center;
}

}

#sidebar { 
width: 250px; 
float: right;
margin-right:0px;
background-color:rgba(0,0,255,0.6);
-moz-border-radius:6px 6px 6px 6px;
  -khtml-border-radius:6px 6px 6px 6px;
   -webkit-border-radius:6px 6px 6px 6px;
   color:#FFFFFF;
   font-family:Century gothic, Verdana, Arial, Helvetica, sans-serif;
   font-weight:900;
   position:absolute;
}

a.learn-more {
	padding: 5px 10px;
	background: #08c;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
}

a.learn-more:hover {
	background: #fff;
	color: #08c;
}

a.learn-more1 {
	padding: 5px 10px;
	background: #08c;
	color: #fff;
	border-radius: 2px;
	font-size:12px;
	font-weight: 100;
	text-decoration: none;
}

a.learn-more1:hover {
	background: #fff;
	color: #08c;
	border:solid 1px #08c;
}

.description{
font-family:Century gothic, Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
background-color: rgba(43, 93, 194, 0.8);
margin:80px 0 0 2px;
padding:5px 5px 5px 5px;
max-width:220px;
position:absolute;
}

.description1{
font-family:century gothic, Arial, Helvetica, sans-serif;
color:#0033FF;
font-weight:900;
font-size:18px;
float:right;
background-color: rgba(255, 216, 0, 0.9);
margin:1% 10% 0 50%;
padding:1%;
position:absolute;
border-radius:5px;
}


 #winking_title{
    animation: winking_title 1s infinite;
}
@keyframes winking_title{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}


.li_vertical_align{
line-height:20px; 
background-image:url(images/icone-arrow-right.png); 
background-position:0 0; 
background-size:18px 18px; 
background-repeat:no-repeat; 
padding-left:25px;

}

.footer_container{
width:100%; 
line-height:20px; 
float:left; 
margin:50px 0 100px 0; 
background:url(images/footer.png) repeat-x top; background-size:5px 15px;
}

.li_footer{
font-size:11px;
color:#0066CC;
font-weight:100;
}

.title_footer{
font-weight:bold;
font-size:16px;
color:#FF6262;
width:100%;
text-align:center;
margin:20px 0 20px 0;
height:30px;
}

.ul_footer{
width:15.5%; float:left; margin-left:1%; list-style-type:none; text-align:left;
}


.booking_form_container{
background:URL(https://www.dreams-rentacar.com/images/booking_form_bg.jpg) repeat-x;  width:100%; 
background-position:-250px -50px; border-radius:5px; float:left; line-height:25px;
top:25px;
text-align:left;
}

.pickup{
list-style-type:none;
width:46%; 
float:left; 
margin:0 2% 0 0;
color:#ffffff;
font-family:Century Gothic, Arial, Verdana;
padding:5px; text-shadow:2px 0 4px #000;
}
.booking_form_title{
display:none;
}

.submit{
width:95%; 
float:left; 
padding:20px 20px 0 0; 
text-align:right;
}


@media screen and (max-width:869px){
.booking_form_container{
background:transparent;
position:relative;
top:50px;
width:90%;
height:auto;
background-color:#E7EAFA;
text-align:left;
}

.pickup{
list-style-type:none;
width:100%; 
float:left; 
margin:0 2% 0 0;
color:#333333;
font-family:Century gothic, Arial, Helvetica, sans-serif; 
text-shadow:none;
}

.booking_form_title{
width:100%; 
height:70px;
padding:15px 0 0 0; 
display:inline; 
float:left;
font-family:Century gothic, Arial, Helvetica, sans-serif; 
font-size:16px; 
font-weight:bold; 
color:#333333; 
background:url(https://www.dreams-rentacar.com/images/icone_voiture_location2.png) no-repeat 95% 5%; 
background-size: 40px 40px;
text-transform:uppercase;
text-align:center;
text-decoration:underline;

}
}



.promotion_location_voiture {
  width: 290px;
  height: 160px;
  padding-top:20px;
  line-height:40px;
  background-color: red;
  position: relative;
  animation-name: promotion;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  
  bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
	
}



@keyframes promotion {
  0%   {background-color:#08c;}
  25%  {background-color:green;}
  50%  {background-color:red;}
  75%  {background-color:blue;}
  100% {background-color:#08c;}
}

.promotion_location_voiture2{
font-family:arial;
z-index: 1;
position:static;
float:left;
max-width:270px;
line-height:50px;
}

.promotion_location_voiture2:hover{
text-decoration:none;
font-family:arial;
z-index: 1;
position:static;
margin-left:0;
float:left;
max-width:270px;
line-height:50px;
}



.desktop_content, .bottom_description{
display:block;
font-family:Century gothic, Arial, Verdana;
margin:5% 0 5% 0;
}

.desktop_content_img{
width:90%;
height:auto;
border:solid 8px rgba(0,102,204,0.5); 
border-radius:50%; 
padding:5px;
}

.banner_right{
width:30%; 
display:block;
font-family:Century gothic, Arial, Verdana;
margin:0;
}

.banner_right2{
width:20%; 
display:block;
font-family:Century gothic, Arial, Verdana;
margin:0;
}

.banner_right_component{
width:100%;
float:left;
margin:1% 0 5% 0;
position:relative;
}



@media screen and (max-width:869px){
.desktop_content, .bottom_description{
display:none;
}

.desktop_content_img{
display:none;

}

.banner_right{
width:90%;
float:left;
margin:60px 0 2% 0;
position:relative;
}

.banner_right2{
width:90%;
float:left;
margin:60px 0 2% 0;
position:relative;
}
}


@media screen and (max-width:599px){


.banner_right_component{
width:90%;
float:left;
margin:2% 5% 2% 5%;
position:relative;
}
}




.main_comp{
list-style-type:none; 
width:90%; 
height:420px; 
box-shadow: 0 0 10px 1px #cccccc; 
margin:2% 0 2% 0; 
border-radius:10px; 
border:solid 4px #F3F3F3;
font-size:14px; 
font-family:Century gothic, Arial, Verdana; 
text-align:left;
}

.comp1{
float:left; 
width:35%;
}

.comp2{
float:left; 
width:40%; 
list-style-type:none;
}

.comp3{
float:left; 
width:25%;   
height:auto;
}


.menu_vertical{
float:left; 
list-style-type:none; 
width:20%; 
}

.main_news_content{
float:left; 
list-style-type:none; 
width:75%; 
text-align:left;
font-family:Century gothic, Arial, Verdana, sans-serif;
font-size:14px;
margin:1% 0 0 2%;
}

.main_news_content2{
float:left; 
list-style-type:none; 
width:58%; 
text-align:left;
font-family:Century gothic, Arial, Verdana, sans-serif;
font-size:14px;
margin:0 1% 5% 1%;
}

.main_news_content3{
float:left; 
list-style-type:none; 
width:48%; 
text-align:left;
font-family:Century gothic, Arial, Verdana, sans-serif;
font-size:14px;
margin:0 1% 5% 1%;
}

.main_news_content h1{
font-size:16px;
}

@media screen and (max-width:869px){
.main_comp{
list-style-type:none; 
width:100%; 
height:1100px; 
box-shadow:none;
border:none;
margin:2% 0 2% 0; 
font-size:14px; 
font-family:Century gothic, Arial, Verdana; 
text-align:left;
}


.comp1{
float:left; 
width:100%;
}

.comp2{
float:left; 
width:100%; 
list-style-type:none;
}

.comp3{
float:left; 
width:100%;  
height:auto; 
}

.displayable_thumbs{
display:none;
}

.confirm{
width:90%;
max-width:869px;
}

.confirm:hover{
width:90%;
max-width:869px;
}


.standby{
width:90%;
max-width:869px;
}

.standby:hover{
width:90%;
max-width:869px;
}



.main_news_content{
width:100%;
font-size:11px;
margin:15% 0 0 2%;
}

.main_news_content h1{
font-size:14px;
}


}



@media screen and (max-width:500px){
.main_comp{
list-style-type:none; 
width:100%; 
height:950px; 
border:none;
margin:2% 0 2% 0; 
font-size:14px; 
font-family:Century gothic, Arial, Verdana; 
text-align:left;
}

}




.header_lld{
margin:0px; 
height:250px;
background-color:#cccccc;
background-image:url(images/location_longue_duree_tunisie.jpg);
background-repeat:no-repeat;
background-position:0% 80%;
background-size:100% auto;
}

.offre_lld{
width:30%; 
height:auto; 
margin:0 2% 2% 0;
float:left; 
border:solid 4px #B6CBFC;
}

.offre_lld_technical{
width:40%; 
padding:1%; 
float:left;
align:center;
}

.offre_lld_technical1{
width:56%; 
float:right;
}


.offre_lld_technical_header{
width:90%; 
margin:5%; 
padding:0%; 
float:left; 
border:solid 8px #333333;
}

.offre_lld_technical_content{
width:28%; 
margin:0 3% 10% 0; 
height:auto; 
min-height:350px; 
border:solid 6px #0066CC; 
float:left; 
position:relative; 
z-index:1; 
border-radius:10px 10px 0 0;
}

.flotte_voitures_presentation{
width:100%; 
float:left; 
margin:5% 0 5% 0;
text-align:left;
line-height:25px;
}

.car_segment_selector{
float:left; 
margin:4% 0 4% 0; 
list-style-type:none; 
width:100%; 
height:auto; 
background-color:#FFD9D9; 
padding:1% 0 1% 0; 
font-family:century gothic, arial, verdana;
}

.car_segment_list{
width:40%; 
float:left; 
padding:1% 0 0 1%; 
font-size:14px; 
font-weight:bold;
}

.video_container{
width:100%; 
float:left; 
font-size:26px;
margin:2% 0 2% 0;}

.modele_voiture_descriptif{
width:48%; 
float:left; 
text-align:left; 
margin:0 2% 0 0; 
line-height:25px; 
height:auto;}


.car_technical_content{
float:left; 
width:30%; 
height:auto; 
padding:1%; 
border-right:dotted 2px #B6CBFC;
}

.car_technical_content1{
float:left; 
width:30%; 
height:auto; 
background-color:#FFD9D9; 
border-radius:6px; 
margin:0 2% 2% 0;
}


.ul_promotion{float:left; width:30%; margin:0 3% 15% 0; list-style-type:none; position:relative;}
ul.ul_promotion:hover{background-color: rgba(255, 216, 0, 0.9); cursor:pointer;}
.li_promo{
list-style-type:none;
line-height:25px; 
background-image:url(https://www.dreams-rentacar.com/images/icone-arrow-right-blue.png); 
background-position:0 10px; 
background-size:18px 18px; 
background-repeat:no-repeat; 
padding-left:1%;
position:relative;
}

.li_promo1{
list-style-type:none;
line-height:25px; 
background-image:url(https://www.dreams-rentacar.com/images/icone-arrow-right-blue.png); 
background-position:0 0; 
background-size:18px 18px; 
background-repeat:no-repeat; 
padding-left:25px;

}

.espace_client{
width:46%; 
float:right; 
text-align:left; 
margin:2% 2% 2% 0; 
line-height:25px;
}

.espace_client1{
float:left; 
width:30%; 
height:auto; 
border-radius:6px; 
margin:0 2% 0 0;
line-height:25px;
}

@media screen and (max-width:1100px){
.header_lld{
margin:0px; 
height:250px;
background-color:#cccccc;
background-image:url(images/location_longue_duree_tunisie.jpg);
background-repeat:no-repeat;
background-position:0% 80%;
background-size:100% 100%;
}

.offre_lld{
width:45%; 
height:auto; 
margin:0 2% 2% 0;
float:left; 
border:solid 4px #B6CBFC;
}

.offre_lld_technical{
width:90%; 
padding:0; 
float:left;
}

.offre_lld_technical1{
width:90%; 
float:none;
}

.offre_lld_technical_content{
width:40%; 
margin:0 3% 15% 0; 
height:auto; 
min-height:350px; 
border:solid 6px #0066CC; 
float:left; 
position:relative; 
z-index:1; 
border-radius:10px 10px 0 0;
}

.flotte_voitures_presentation{
width:100%; 
float:left; 
margin:5% 0 5% 0;
display:none;
}

.car_technical_content{
float:left; 
width:100%; 
height:auto; 
padding:1%; 
border-right:dotted 2px #B6CBFC;
}

.car_technical_content1{
float:left; 
width:100%; 
height:auto; 
background-color:#FFD9D9; 
border-radius:6px; 
margin:0 2% 2% 0;
}

.menu_vertical{
display:none;
}

.main_news_content2{
float:left; 
list-style-type:none; 
width:100%; 
text-align:left;
font-family:Century gothic, Arial, Verdana, sans-serif;
font-size:14px;
margin:0 2% 0 2%;
}

.main_news_content3{
float:left; 
list-style-type:none; 
width:100%; 
text-align:left;
font-family:Century gothic, Arial, Verdana, sans-serif;
font-size:14px;
margin:0 2% 0 2%;
position:relative;
}

.ul_promotion{
float:left; 
width:47%; 
margin:0 3% 15% 0; 
list-style-type:none;
position:relative;
}
}


@media screen and (max-width:700px){
.offre_lld{
width:100%; 
height:auto; 
margin:0 2% 2% 0;
float:left; 
border:solid 4px #B6CBFC;
}


.offre_lld_technical_content{
width:100%; 
margin:10% 0 5% 0; 
height:auto; 
min-height:350px; 
border:solid 6px #0066CC; 
float:left; 
position:relative; 
z-index:1; 
border-radius:10px 10px 0 0;
}

.flotte_voitures_presentation{
width:100%; 
float:left; 
margin:5% 0 5% 0;
display:none;
}

.car_segment_list{
float:left; 
width:100%;
padding:1%;
height:auto;
text-align:center;
}

.video_container{
width:100%; 
float:left; 
font-size:16px;
margin:2% 0 2% 0;
}

.modele_voiture_descriptif{
width:98%; 
float:left; 
text-align:left; 
margin:0 2% 0 0; 
line-height:25px; 
height:auto;
}

.car_technical_content{
float:left; 
width:100%; 
height:auto; 
padding:1%; 
border-right:dotted 2px #B6CBFC;
}

.car_technical_content1{
float:left; 
width:100%; 
height:auto; 
background-color:#FFD9D9; 
border-radius:6px; 
margin:0 2% 2% 0;
}

.ul_promotion{
float:left; 
width:60%; 
margin:0 15% 15% 15%; 
list-style-type:none;
position:relative;
}

.espace_client{
width:100%; 
float:right; 
text-align:left; 
padding:0; 
line-height:25px;
}

.espace_client1{
float:left; 
width:98%; 
height:auto; 
border-radius:6px; 
margin:0 2% 10% 0;
line-height:25px;
border-bottom:dotted 1px #444444;
}
}



/*left vertical navigation*/

.ul_vertical_nav{
width:100%; min-height:400px; margin:0; list-style-type:none; line-height:20px; text-align:left;
font-family:Century gothic, verdana;
}

.li_vertical_nav{
width:96%; padding:4% 2% 0 2%; margin:0 0 2% 0; background-image:
    linear-gradient(
      to top left, 
      #CCE9F9, #ffffff
    ); float:left; height:35px; border-radius:2px;
}

.link_vertical_nav{
padding:10% 10% 10% 10%; font-family:Century gothic, verdana; font-size:14px; color:#FF2F2F; background-image:url(https://www.dreams-rentacar.com/images/icone-voiture3.png); 
background-position:0 50%; 
background-size:25px 20px; 
background-repeat:no-repeat;
}

ul.ul_vertical_nav li.li_vertical_nav:hover{
    background-image:none;
	background-color:#ffffff;
	border:solid 1px #ff2f2f;
}

ul.ul_vertical_nav li.li_vertical_nav:hover a.link_vertical_nav:hover {
	text-decoration:none;
	padding:10% 10% 10% 10%; font-family:Century gothic, verdana; font-size:14px; color:#FF2F2F; background-image:url(https://www.dreams-rentacar.com/images/icone-voiture3.png); 
background-position:0 50%; 
background-size:25px 20px; 
background-repeat:no-repeat;
}



/*End left vertical navigation*/