/* ---------------- Commun --------------------------- */


body {
	width:960px;
	text-align:left;
	background: #0f1f36 url(images/fond.jpg) repeat-x center top;
	margin:0 auto;
	font:13px Verdana,Arial, Helvetica, sans-serif; 
	line-height:18px;
	color: #859dbb;	
	padding:0px;
}




									/* ----------------Fin Commun --------------------------- */
									
									
									/* ---------------- header et menu de navigation --------------------------- */



#menu{
	width:960px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#FFF;
	background: url(images/hotel-kyriad-header.png) no-repeat center top;
	height:146px;
	
}


.rubrique, .rubriqueGauche {
	width:118px;
	height:32px;
	padding-top:10px;
	background:url(images/fond_rub.gif) repeat-x;
	float:left;
	margin-top:104px;
}

.rubrique { border-right: 1px solid #036; border-left: 1px solid #081B32; }
.rubriqueGauche{ border-left: 1px solid #036; border-right: 1px solid #036;   }


a.rubrique:link, a.rubrique:visited, .rubriqueGauche:link, .rubriqueGauche:visited {color:#FFF; text-decoration:none; font:Georgia; float:left;}

a.rubrique:hover, .rubriqueGauche:hover { background:url(images/fond_rub_hover.gif) repeat-x ; color: #FFF ; line-height:30px; } 


.rubriqueCentre { width:240px;  font-size:16px; text-align:center; padding-top:10px; float:left; background-color: transparent;       }
.drapeau { width:100px; height:20px; float:right; position:relative; margin-top: -65px;  text-align:right;  }




										/* ----------------Fin header --------------------------- */



										/* ----------------le slider--------------------------- */


* {margin:0; padding:0}

#wrapper {width:960px; height: 431px;  margin:2px auto}

.sliderbuttonLeft {position:absolute; margin-left:-20px;  width:32px; padding-top:190px; z-index:4000; }
.sliderbuttonRight { position:absolute; margin-left:930px; width:32px; padding-top:190px; z-index:5000; }
.sliderbuttonLeft img, .sliderbuttonRight img  {cursor:pointer}

#slider {float:left; position:relative;  width:960px; height:431px; margin-top:10px; border:1px #1b4168 solid ; background:#000; z-index:2000; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:960px; height:431px; padding-right:1px}

.pagination { float:right; position:relative;  margin-right:5px; list-style:none; margin-top:-35px; height:25px; z-index:3000; }
.pagination li {float:right; font-size:9px; font-family:Verdana, Geneva, sans-serif; cursor:pointer; padding:4px 6px; background:#021a38; border:1px solid #1b4168; margin:0 4px 0 0; text-align:center; color:#FFF; z-index:3000; }
.pagination li:hover {background:#1b4168; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#1b4168;}

li#content {width:960px; height:450px; }
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

									/*-----------------------Fin du Slider--------------------------*/


										/* ----------------Reservation--------------------------- */

input, select { 
	font: 10px/16px Arial, Helvetica, sans-serif;
	background: #021a38;
	border: 1px solid #1b4168;
	padding:5px;
	color: #FFF;
	height:26px;
	
	
	}
	

#resa{ width:175px; float:left;  margin-top:30px; margin-left:15px;  }	
#resa a{ color:#FFF}

										/* ----------------Fin Reservation--------------------------- */


									
										/* ----------------Paragraphe-------------------------- */
/*commun */
.MainBody { width:960px; }	
h1 {
	font-size: 20px;
	line-height: normal;
	text-decoration: none;
	padding-bottom:5px;
}

h2 {font: 15px/normal; }
h1, h2, h3 {color:#FFF;	font:20px/normal Georgia, "Times New Roman", Times, serif;}
h3 { font-size: 17px;
	line-height: normal;
	text-decoration: none;
	padding-top:6px; 
	padding-bottom:6px;
	
	}
.strong { font-family:Georgia; font-weight:bold; font-size:16px;  }
.texte {color:#859dbb;  font:Verdana, Arial, Helvetica, sans-serif; }
.MainBody, h1, h2, .texte, .service {text-align:left;margin:auto;}	
 #SeminaireText, .ul, .texte,{ font-size:11px;    } /*pour changer la couleur des textes */ 


/* page hotel et services*/


#HotelText { width:380px; float:left; margin-right:20px; margin-top:30px; margin-bottom:50px;  padding-top:0px; padding-bottom:30px; border-right: dotted thin  #4a5666; padding-right:10px; }
#ServiceText { width:350px; float:left; margin-top: 30px; margin-bottom:50px; padding-right:5px; border-right: dotted thin  #4a5666; }
.service{ color:#90774f; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif; }
.ul {  font:Verdana, Arial, Helvetica, sans-serif;}
.li {list-style:url(images/puce.png) none inside; }

#packages{ width:480px; margin-top:-25px; height:50px;  text-align:center; border-top: 1px dotted #4a5666; border-bottom: 1px dotted #4a5666;   padding:10px; font-family: Georgia; font-size:15px; color:#FFF;  float:left;  }


.prices {width:150px; height:50px; float:left; border-right: 1px dotted #4a5666;}								
.Apartir{ font-size:12px;   }



/* page chambres*/
#ChambreText { width:680px; float:left; margin-right:20px; margin-top:30px; padding-top:0px; padding-bottom:30px; border-right: dotted thin  #4a5666; padding-right:10px; }
#packagesChambres{ width:620px; margin-top:25px; height:60px;  text-align:center; border-top: 1px dotted #4a5666; border-bottom: 1px dotted #4a5666;   padding:10px; font-family: Georgia; font-size:15px; color:#FFF;  float:left;  }

.pricesChambres {width:150px; height:60px; float:left; border-right: 1px dotted #4a5666;}	
										


/* restaurantion */
#RestaurantText { width:680px; float:left; margin-right:20px; margin-top:30px; padding-top:0px; padding-bottom:30px; border-right: dotted thin  #4a5666; padding-right:10px;   }

/* page seminaires*/

#SeminaireText { width:660px; float:left; margin-right:20px; margin-top:30px; padding-top:0px; border-right: dotted thin  #4a5666; padding-bottom:30px; padding-right:30px; line-height:18px;}
#SeminaireText table{ border-collapse:collapse; border-style:solid; border-color:#4a5666; border-width:1px; font-style:normal; text-align:center; margin-top: 20px; margin:auto; margin-top: 20px; } 
#SeminaireText tr{padding:4px; border: dotted thin  #4a5666;}		
#SeminaireText th{padding: 5px;border: dotted thin  #4a5666;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;color:#947944;}		
#SeminaireText td { padding: 4px; border: dotted thin  #4a5666;  }
	#photoSeminaire { float:right; margin-top:-200px; }			
/* page acces*/
#acces { width:733px; float:left;  margin-top:30px; padding-top:0px; padding-bottom:30px;  margin-right:15px; border-right: dotted thin  #4a5666; padding-right:20px;  }


/* page contact */
#contact{float:left; width:380px; margin-top:97px; margin-right:30px; color:#947944; font-size:15px; text-align:center;   }
#contact h2 { text-align:center; }
	
	
.centre { text-align: center; }	
													
													/* ---------------- Fin paragraphe--------------------------- */
												
												
												
												
												
												/* ---------------- Le footer --------------------------- */
							
#footer{
	font:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 50px;	
	width:960px;
	height:120px;
	margin:auto;
	color:#FFF;
	text-align:center;
	font-size:12px;	
	line-height: 18px;
	clear:both;
	
	}
#coordonees a:link, #coordonees a:visited {color:#947944; text-decoration:none}
#coordonees a:hover {color:#FFF; text-decoration:underline}
#copyright { margin-top:20px; margin-bottom:10px; color:#556477; font-size:11px; line-height:18px;   }
#copyright a:link, #copyright a:visited  {color:#556477; font-size:11px; text-decoration: none;}
#copyright a:hover {color:#FFF; text-decoration:underline; }													
													/* ---------------- fin du footer --------------------------- */