.select {
	font-family: Arial; font-size: 11px; font-style: normal; 
}
h1 {
	font-family: Arial; font-size: 11px; font-style: normal; 
}
h2 {
	font-family: Verdana; font-size: 11px; font-style: normal; color: Red;
}

.reservation 	{ font-family: Verdana; font-size: 18px; font-style: normal; }

.calendarTop {  font-family: Verdana; font-size:11px; font-style: normal; color:#FFFFFF; font-weight: bold;  background-color:#3f6551;}

.calendarLoue {  width:25px; height:25px ; font-family: Verdana; font-size:11px; font-style: normal; color: #000000; background-color: #FF0000; text-align: center}

.calendarSemaineALouer {  width:25px; height:25px ; font-family: Verdana; font-size:11px; font-style: normal; color: #000000; background-color: #00FF00; text-align: center}

.calendarSemaineReserve {  width:25px; height:25px ; font-family: Verdana; font-size:11px; font-style: normal; color: #000000; background-color: #FF8CB7; text-align: center}

.calendarSemaineALouerEdition {  width:25px; height:25px ; font-family: Verdana; font-size:11px; font-style: normal; color: #000000; background-color: #00FF00; text-align: center}

.calendarToday {  font-family: Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color:#FF0066}

.calendarDays {  width:25px; height:25px ; font-family: Verdana; font-size:11px; font-style: normal; color: #000000; background-color: #FFFFFF; text-align: center}

.calendarInformation { width:200px;  font-family: Verdana; font-size:11px; font-style: normal; color: #000000; background-color: #E8EEFA; text-align: center}

.calendarHeader {  width:25px;font-family:Verdana; font-size: 11px; background-color:#A9B4B3; color: #FFFFFF;}

.calendarTarif {  width:25px;font-family:Verdana; font-size: 11px; background-color:#FF0000; color: #FFFFFF;}

.calendarTable {  width:25px, height:25px;background-color: #3F6551; border: 1px #3F6551 }

.reservationTable {  background-color: #E8EEFA; font-family:Verdana; font-size:11px;}

.reservationTableImprimante {  background-color: #000000; border: 1px #3F6551}

.reservationTableTd { background-color: #E8EEFA ; font-family:Verdana; font-size:11px;};

a.info{
    position:absolute; 
    z-index:24; 
    color:blue;
    text-decoration:none;}

a.info:hover{z-index:125; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 
	text-decoration:none;
	display:block; 
	position:absolute;
	top:2em; left:2em; width:7em;
	border:1px solid #6699cc;
	background-color:#eeeeee; color:#FF0000;
    	text-align: center;
    	font-weight:none;
    	padding:1px;
    
}

body {
	margin : 0 ;
	padding : 0 ; 
	background : #7caeb1;
	text-align : center;
	font-size : 12px;
	color : #000000 ;
	font-family : arial;
	height:100%; }

#link {
	font-size : 12px;	
}

#body_white {
	margin : 0 ;
	padding : 0 ; 
	background : #FFFFFF ;
	text-align : center;
	font-size : 12px;
	color : #000000 ;
	font-family : arial  }  
  
  #content { 
	width : 770px;
	margin : 0 auto 0 auto ;
	text-align : left  ;  }
   
 #haut { 
	width : 755px;
	height : 185px;
	 background : url(images/haut-morgat1.jpg) }

#menu {
	padding : 0px 0px 0px 0px;
	height : 25px ; 
	background : #fff ; 
	width : 690px; 
	margin-bottom : 20px; 
	}
	
	#menu  ul{
		list-style : none ;
		margin : 0 ; padding : 0; }

	#menu  p{
		float : left ; }
	
		#menu  p a{
			margin : 0 ; 
			padding : 0 8px 0px 8px; 
			text-decoration : none ;    
			color : #143991 ;
			border-left : 1px solid #143991;
			font-weight : bold ;   }

			#menu p a:hover{
				background : #FF0000;
				color : #FFFFFF;}
#menuplusborder p a {
	border-right : 1px solid #143991;
}

#menuselected  p{
		float : left ; }

	#menuselected p a{ 
		color : #FF0000;
	}
	#menuselected p a:hover { 
		background : #FFFFFF;
		color : #FF0000;}	

#menuadministration {
	padding:3px 0 0 0;
}
	#menuadministration p a{
		color : #000000;
		border-left : 1px solid #000000;
	}

#menuadministrationselected {
	padding:3px 0 0 0;
}

#menuadministrationselected  p{
		float : left ; }

	#menuadministrationselected p a{ 
		color : #FF0000;
	}
	#menuadministrationselected p a:hover { 
		background : #FFFFFF;
		color : #FF0000;}	

#menuadministrationplusborder p a {
	border-right : 1px solid #000000;
}

	
#centre_reservation  { 
	width : 699px;	
	background : #FFFFFF top left no-repeat;
	padding : 0 0 0 40px;
	margin : 0 0 0 9px;
	
 
}

#centre_map  { 
	width : 699px;
   	background : #FFFFFF top left no-repeat;
   	padding : 0 0 0 40px; 
	margin : 0 0 0 9px;
} 


#mapinfo {
	width : 500px;
	font-style : italic;
	padding : 4px;
}

#directions {
	font-size : 11px;
	width : 158px;
	padding : 4px 4px 4px 4px;
	border : 1px solid #FF0000;
}

#directionscolored {
	background : #b6cbf6;
}
		
#centre { 
	background : #FFFFFF top left no-repeat;
	margin : 0px 0px 0px 9px ;
	width : 730px;
}
   
#centre_bg_index  { 
	width : 699px;
	height:1220px;
	background : #FFFFFF top left no-repeat;
	padding : 0 0 0 40px ; }

#centre_bg  { 
	width : 699px;
	background : #FFFFFF top left no-repeat;
	padding : 0 0 0 40px ; }
   
#bas { 
	text-align:center;
	width : 755px;
	height : 51px;
	background : #7caeb1; }

#form_adresse_itineraire {
	width : 677px;
	background : 	#E8EEFA;
	visibility : hidden;
}
   
#gauche {
	width : 200px ;	
	text-align : justify;
	float:left;
	background : #FFFFFF ; 
	padding : 10px 0 20px 0 }

	#gauche ul{
		list-style : none ; 
		margin : 20px 0 0 0px ; 
		padding : 0; 
		color : #000 }

	#gauche li{}
    
   	  #gauche li a{
	   color : #FF8400 ;}

	#gauche p {
		margin : 40px 0 0 0 ;
	}

   
#droite {
	width : 450px ; 
	background : #FFFFFF;
	float:left;
	 margin : 7px 0 0 20px}
   
   
   .logo {float : left ; }
   
   .spacer {clear : both}
   
	.legende_reserve{ 
		background : #FF8CB7;
		width : 25px;
		height : 25px;
		border : 1px solid #000000;
	}

	.legende_loue{ 
		background : #FF0000;
		width : 25px;
		height : 25px;
		border : 1px solid #000000;
	}

	.legende_libre{ 
		background : url(images/fond_blanc.jpg);
		width : 25px;
		height : 25px;
		border : 1px solid #000000;
	}
	.legende_selectionne{ 
		background : #00FF00;
		width : 25px;
		height : 25px;
		border : 1px solid #000000;
	}
	
	.legende_selectionne_session{ 
		background : #00FF00;
		width : 25px;
		height : 25px;
		border : 1px solid #000000;
	}

	.pas_de_tarif{ 
		background : #FFFFFF;
		width : 25px;
		height : 25px;
		border : 1px solid #000000;	
	}
	

	
   
	
   
#introduction {
	background : #efa349;
	border : 1px solid #07235e;
	color : #07235e;
	font-size :  110%; 
	text-transform : uppercase ;
	font-weight:bolder;
	text-align : center;
	margin : 0 ;
  	padding : 2px 0 2px 0 ;}

   
#sitesutiles {
	background : #E8EEFA;
	border : 1px solid #07235E ;
	color : #07235E ;
	font-size :  110%; 
	font-weight : bold;
	text-align : center;
	margin : 0 ;
  	padding : 2px 0 2px 0 ;}
   
#video {
	background : #E8EEFA;
	border : 1px solid #07235E ;
	color : #07235E ;
	font-weight : bold;
	text-align : center;
	margin : 0 ;
  	padding : 2px 0 2px 0 ;}
   
   
      h4 {
   font-size : 110% ; 
   text-transform : uppercase ;
   padding : 0 0 10px 0 ; 
   margin: 0 0 10px 120px;
   border-bottom : 2px dotted #fff ; 
    }
   
        #intro {
   margin : 0 0 10px 0 ;
    padding : 0 0 0 120px }
   
   
      h3 {
	  clear : left ; 
   background : #fff ; 
   font-size : 100% ; 
   text-transform : uppercase ;
   text-align:center;
   padding : 0 ;
   color : #143991 ;
   text-indent : 10px}
   
   
#signature {
	text-align:center;
	font-size : 10px;
	margin : 0  ; 
	padding :  5px 0 40px 0;
	color : #fff ;
	text-align : center ; 
}
   
      #signature a{
text-decoration : underline ; 
   color : #fff ;
   }
   
   .strong {font-weight : bold ; }


#visiteur {
	position : absolute;
	color : #FFFFFF;
	font-weight : bolder;
	margin : 161px 0px 0px 525px;
	background : #57999d;
	border : 1px solid #FFFFFF;
	padding : 2px 2px 2px 2px;
}

#connecte {
	position : absolute;
	color : #000000;
	font-weight : bolder;
	margin : 170px 0px 0px 648px;
}

#connect {
	position : absolute;
	color : #FFFFFF;
	font-weight : bolder;
	margin : 170px 0px 0px 38px;
}

#typesite {
	position : absolute;
	color : #FFFFFF;
	font-size:14px;
	background : #57999d;
	border : 1px solid #FFFFFF;
	padding : 2px 2px 2px 2px;
	margin : 32px 0px 0px 180px;
}


#accesrapide {
	font-weight : bold;
	font-size : 13px
	color  : #000 ; 
	background : #fff ; 
	padding : 0px 0px 15px 0px;}

#titrephotos {
	clear:both;
	width : 658px;
	background : #FFFFFF ; 
	padding : 4px ;
	border-bottom : 1px solid #000000;
	font-size : 16px;
	font-weight:bold;
}


#boxrubrique {
	border : 1px solid #FF0000;
	background : #E8EEFA;
	right:1px;
	text-align:left;
	width : 320px;
	font-size : 12px;
	font-weight:normal;
}

#boxaddrubrique {
	border : 1px solid #FF0000;
	background : #E8EEFA;
	position:left;
	width : 265px;
	margin : 2px 0px 10px 0px;
}

#boxaddphoto {
	width: 265px;
	right:1px;
	border : 1px solid #FF0000;
	text-align:left;
	background : #E8EEFA;
	margin : 2px 0px 10px 0px;
}

#boxaddphoto1 {
	width: 198px;
	right:1px;
	border : 1px solid #FF0000;
	text-align:left;
	background : #E8EEFA;
	margin : 2px 0px 10px 0px;
}

#boxrubriqueitem {
	border-bottom : 1px solid #FF0000;
	font-size : 11px;
	font-weight : normal;
}

#boxrubriquetitle {
	font-size : 11px;
	font-weight : normal;
}
	
#lignephotos {
	width : 658px;
	background : #FFFFFF ; 
	padding : 4px ;
}

#photo {
	width : 200px;
	background : #FFFFFF ; 
	padding : 4px;
	float : left;
}

#legendephoto{
	width : 150px;
	background : #FFFFFF ; 
	padding : 4px;
}

#movephoto{
	width : 100px;
	background : #FFFFFF ; 
	float : bottom;
	padding : 4px;
}

#innerphoto {
	padding : 2px ;
}

#titreinventaire {
	width : 658px;
	background : #FFFFFF ; 
	padding : 4px ;
	border-bottom : 1px solid #000000;
	font-weight : bold;
	font-size : 16px;
}

#titreligneinventaire{
	font-size : 11px;
	font-weight : normal;
}	

#calqueinventaire {
	margin : 4px;
	background : #E8EEFA;
	width : 500px;
	border : 1px solid #FF0000;
}

#q-graph {
	width: 654px;
	height: 320px;
	list-style: none;
	position: relative; 
	margin: 1.1em 0 3.5em;
	padding: 0;
	background: #E8EEFA;
	border: 1px solid gray;
	font: 9px Helvetica, Geneva, sans-serif;}

	#q-graph ul {
		margin: 0; 
		padding: 0; 
		list-style: none;}

	#q-graph li {
		position: absolute; 
		bottom: 0; 
		width: 80px; 
		z-index: 2;
		margin: 0; 
		padding: 0;
		text-align: center; 
		list-style: none;}

		#q-graph li.qtr {
			height: 298px; 
			padding-top: 2px;
			border : 0;
			color: #AAA;}

		#q-graph li.bar {
			background: #FF0000;
			width: 50px;  
			border: 1px solid #000000;  
			border-bottom: none;  
			color: #FFFFFF;}

			#q-graph li.bar p { 
				margin: 5px 0 0;  
				padding: 0; }

#statistique{
	width : 350px;
	height : 10px;
	border : 1px solid #FF0000;
}

#login {
	border : 1px solid #FF0000;
	background : #E8EEFA;
	margin: 0px 0px 0px 540px;
	width: 110px;
	padding :10px 10px 10px 10px;


}

#shot{font-size:10px;position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;z-index:1000;}