@charset "utf-8";
/* CSS Document */
body{
	text-align: center;
	margin-top: 10px;
	background: #ffffff url(../images/zahr.jpg) center top;
}

#contenue{
         width: 800px;
		 height: 700px;
		 margin: auto;
}
#Subcontenue{
         width: 800px;
		height: 700px;
		 margin: 0;
		 padding: 0;
		 float:left;
}
#SubligneLogo{
         width: 800px;
		 height: 20px;
		 text-align:right;
		 float:left;
		 margin: 0;
		 padding: 0;
}
#ligneLogo{
         width: 800px;
		 height: 125px;
		 text-align:center;
		 float:left;
		 margin: 0;
		 padding: 0;
}
#lignetext{
         width: 800px;
		 min-height: 400px;
		 text-align:center;
		 float:left;
		 margin: 0;
		 padding: 0;
}
#lignetextImages{
         width: 380px;
		 height: 380px;
		 text-align:center;
		 float:left;
		 margin-top: 10px;
		 margin-bottom: 10px;
		 padding: 0;
}
#lignetextTexte1{
	width: 200px;
	height: 380px;
	text-align:center;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #990000;
	text-decoration: none;
	text-align:justify;
}
#lignetextTexte2{
	width: 200px;
	height: 380px;
	text-align:center;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #990000;
	text-decoration: none;
	text-align:justify;
}
#ligneliens{
         width: 800px;
		 height: 50px;
		 text-align:center;
		 float:left;
		 margin: 0;
		 padding: 0;
}
#ligneliens ul{
	width: 660px;
	height: 50px;
	text-align:left;
	margin:auto;
	padding: 0;
	list-style-type: none;
}
#ligneliens li{
	width: 110px;
	height: 50px;
	text-align:left;
	margin:0;
	padding: 0;
	float:left;
	
}
#ligneliens a{
	width: 110px;
	height: 50px;
	text-align:center;
	margin:0;
	padding: 0;
	float:left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	line-height: 50px;
	color: #a5a5a5;
	text-decoration: none;
}
#ligneliens a:hover{
	width: 110px;
	height: 50px;
	text-align:center;
	margin:0;
	padding: 0;
	float:left;
	list-style-type: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20pt;
	line-height: 50px;
	color: #a5a5a5;
	text-decoration: none;
}

#lignepied{
	width: 800px;
	height: 25px;
	text-align:center;
	float:left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 25px;
	color: #990000;
	text-decoration: none;
}
/*------------- page tarifs ------------------*/
#coLcofret{
    width: 389px;
	min-height: 390px;
	float:left;
	margin: 5px;

}
.blocCofret{
    width: 389px;
	height: 80px;
	float:left;
	margin-bottom: 15px;
	
}
.blocCofretT{
	width: 390px;
	height: 20px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.b{
float: right;
}
.blocCofretText{
	width: 388px;
	height: 60px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	text-align: left;
	text-align: 10px;
}
.blocCofretText1{
	width: 388px;
	height: 60px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 15px;
	color: #990000;
	text-decoration: none;
	text-align: left;
}
.blocCofretText2{
	width: 388px;
	height: 60px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 15px;
	color: #990000;
	text-decoration: none;
	text-align: left;
	text-align: 10px;
}
.blocCofretText3{
	width: 388px;
	height: 60px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 15px;
	color: #990000;
	text-decoration: none;
	text-align: left;
}
.blocCofretText4{
	width: 388px;
	height: 60px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	text-align: left;
	text-align: 10px;
}
.blocCofretText5{
	width: 388px;
	height: 60px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	text-align: left;
	text-align: 10px;
}
#coLtarifs{
    width: 389px;
	height: 390px;
	float:left;
	margin: 5px;
}

.bloctar{
    width: 300px;
	height: 100px;
	float:right;
	margin-bottom: 30px;
}
.bloctarT{
	width: 300px;
	height: 20px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.bloctarText{
	width: 298px;
	height: 80px;
	float:left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	text-align: left;
	text-align: 10px;
}
.bloctarImage{
	width: 100px;
	height: 80px;
	float:right;
	margin: 0px;
}
.bloctarImage1{
	width: 100px;
	height: 80px;
	float:right;
	margin: 0px;
	text-align:center;
}
/*----------- page contact --------------*/
#blocForm{
	width: 400px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: 20px;
	color: #660000;
	text-decoration: none;
}
.labelC{
	width: 200px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	text-align: left;
}
.inputC{
	width: 200px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
}
.textareaC{
	width: 200px;
	height: 100px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
}
/*----------- page reservation --------------*/
#blocFormR{
	width: 400px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	text-align: left;
}
.labelR{
	width: 200px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	text-align: left;
}
.inputR{
	width: 200px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
}
.selectR{
	width: 66px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
}
.textareaR{
	width: 200px;
	height: 100px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
}
/*------------------------------------------------------------------*/
#msgSucce{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 20px;
	color: #006600;
	text-decoration: none;
	border-bottom: 1px solid #006600;
	margin-bottom: 30px;
}
#msgechec{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 20px;
	color: #fc0e06;
	text-decoration: none;
	border-bottom: 1px solid #fc0e06;
	margin-bottom: 30px;
}
.inputS{
	width: 80px;
	height: 30px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
/*---------------- partenaires---------------*/
#partenaires{
         width: 600px;
		 height: 400px;
		 text-align:center;
		 margin: auto;
		 padding: 0;
}
#logo{
      width: 290px;
	  height: 110px;
	  text-align:center;
	  vertical-align: middle;
	  margin: 0;
	  padding: 0;
	  float:left;
}
#logo1{
      width: 290px;
	  height: 120px;
	  text-align:center;
	  vertical-align: middle;
	  margin: 0;
	  padding-top: 0px;
	  float:left;
}
#logo2{
      width: 250px;
	  height: 130px;
	  text-align:center;
	  vertical-align: middle;
	  margin-left: 0px;
	  padding: 0;
	  float:left;
}

#logo3{
      width: 250px;
	  height: 130px;
	  text-align:center;
	  vertical-align: middle;
	  margin: 0;
	  padding-top: 20px;
	  float:left;
}
#logo4{
      width: 290px;
	  height: 100px;
	  text-align:center;
	  vertical-align: middle;
	  margin: 0;
	  padding-top: 20px;
	  float:left;
}
#logo5{
      width: 290px;
	  height: 100px;
	  text-align:center;
	  vertical-align: middle;
	  margin: 0;
	  /*padding-top: 40px;*/
	  float:left;
}

s