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);
	  


}
.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
}


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

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

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

}


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

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

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

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


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

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

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

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

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

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


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

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

.style21{
font-family: 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: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #FF9900;
	padding-top:2px;
	padding-right: 2px;
	padding-bottom:2px;
	padding-left: 2px;
	-moz-border-radius:4px 4px 4px 4px;
}
.style21_2{
font-family: 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: 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: 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;
}

.style22{
font-family: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:tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#30B3D7;
}

input {
     color:#666666;
     font-size:10px;
     font-family:verdana;
	 height:1.9em;
	 size:50px;
	 border:solid 1px #333333;
	 
	   
   }
   
 #submit{  
 height:2.5em;
 size:10em;
 border:none;
 }
select {
     color:#666666;
     font-size:11px;
     font-family:verdana;
	 height:1.9em;
	 border:solid 1px #333333;
}

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

legend{
text-align:center;
font-family: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: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#CD371D;
font-weight:bold;

} 



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

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

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

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

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

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

.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: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: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: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: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
}