a {
	text-decoration:none;
	color:grey;
}

body {
	background-image:url(design/background.jpg);
	}

/* gerer div enveloppe ! */

#enveloppe {
	width: 900px;
	margin-right:auto;
	margin-left:auto;
	}

/* gerer div entete ! */

#entete1 {
	height:200px;
	width:383px;
	float:left;
	}

#entete2 {
	height: 200px;
	width: 517px;
	float: left;
	}

/* gerer div menu ! */

#menu {
	height: 22px;
	width: 900px;
	float: left;
	text-align: center;
	background-image: url(design/menu.jpg);
	}
	
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	}
	
#menu ul li {
	display: inline;
	}
	
#menu ul a {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #500;
	text-decoration: none;
	}
	
#menu ul a:hover {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #A00;
	}
.espacedumenu {
	margin-right: 40px;
	}

/* gerer div contenu des pages posada, chambres , appartement, informations...! */
#contenu1g {
	float: left;
	height: 200px;
	width: 383px;
	}
	
#contenu1m {
	float: left;
	height: 200px;
	width: 337px;
	background-image: url(design/filet%20degrade%20texte.jpg);
	}
	
#contenu1d {
	float: left;
	height: 200px;
	width: 180px;
}
#enveloppe #contenu1d img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#contenu2g {
	float: left;
	height: 200px;
	width: 383px;
	}
	
#contenu2m {
	float: left;
	height: 200px;
	width: 337px;
	background-image: url(design/filet%20degrade%20texte.jpg);
	}
	
#contenu2d {
	float: left;
	height: 200px;
	width: 180px;
	}


/* gerer div prefooter ! */

#prefooter {
	height: 100px;
	width: 900px;
	float: left;
	}

#prefooter img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
#adresse{
	float:left;
	background-image: url(design/filet%20degrade%20texte.jpg);
	height:200px;
	}

#div3 {
	float:left;
	background-image: url(design/filet%20degrade%20texte.jpg);
	height:200px;width:180px;height:200px;
	}

.direction {
	text-align:center;
	margin:0;
	color:#383838;
	}

/* gerer div footer ! */

#footer {
	height: 30px;
	width: 900px;
	float: left;
	text-align: center;
	background-image: url(design/footer.gif);
	margin-bottom:50px;
	}

#footer ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	}
	
#footer ul li {
	display: inline;
	}
	
#footer ul a {
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	color: #500;
	text-decoration: none;
	}
	
#footer ul a:hover {
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	color: #A00;
	}
	
.espacedufooter {
	margin-right: 30px;
	}
	
.para {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #500;
	margin: 0px;
	text-align: center;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	}
	
.paraes {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #500;
	margin: 0px;
	text-align: center;
	padding-top: 10px;
	padding-right: 2px;
	padding-left: 2px;
	}
	
.parafr {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #500;
	text-align: center;
	margin: 0px;
	padding-top: 15px;
	padding-right: 2px;
	padding-left: 2px;
	}


/* gerer page tarifs ! */

#noschambres
	{
	float:left;
	height: 130px;
	width: 900px;
	}
	
#nostarifs {
	float: left;
	width: 900px;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	margin:0;
	padding-bottom:20px;
	}
	
.reserva {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	padding-top: -5px;
	text-decoration: blink;
	margin:0;
	padding-top:10px;
	}
	
#nostarifs table tr .tarifs .reserver a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FF3F00;
	}
	
.tarifs {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #500;
	text-align: center;
	}

h5 {
	color:black;
	text-align:center;
	margin:0;
	margin-top:10px;
	}
	
/* gerer les pages formulaires  */	

#conteneur {
	float: left;
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left:auto;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	}

fieldset.externe {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	border:inset 2px;
	margin-bottom:20px;
	}
	
fieldset.interne {
	width:750px;
	margin-right:auto;
	margin-left:auto;
	border:outset 2px;
	}

form {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	}
	
	
label {
	margin-left:180px;
	display: block;
	width: 170px;
	float: left;
	}
	
.input_membres{
	
	width:200px;
	display: block;
	}

.submit{
	
	float:right;
	margin-right:50px;
	margin-top:10px;
	width:150px;
	height:25px;
	background-image : url(design/submit.gif);
	color:black;
	cursor:pointer;
	}
	
.submit:hover{
	float:right;
	opacity:0.8;
	margin-top:10px;
	height:25px;
	color:black;
	cursor:pointer;
	}
	
.submit_confirm {
	float:right;
	margin-right:10px;
	margin-top:10px;
	width:150px;
	height:25px;
	background-image : url(design/submit.gif);
	color:black;
	cursor:pointer;
	}
	
.submit_confirm:hover {
	float:right;
	opacity:0.8;
	margin-top:10px;
	height:25px;
	color:black;
	cursor:pointer;
	}		
	
legend {
	font-size:12px;
	font-family:arial;
	}
	
.error {
	color:#8c4541;
	font-size:12px;
	margin-left:355px;
	text-align:justify;
	}
	
label.chambres {
	margin-left:180px;
	display: block;
	width: 170px;
	float: left;
	margin-top:10px;
	}
	
select {
	width:210px;
	margin-top:10px;
	}

.etoile {
	position:relative;
	top:-10px;
	left:2px;
	font-size:10px;
	color:red;
	}

.etoile_invisible {
	position:relative;
	top:-10px;
	left:2px;
	font-size:10px;
	color:white;
	}

.note {
	float:left;
	color:#500;
	font-size:12px;
	margin-top:20px;
	}

.terminar {
	float:right;
	color:#500;
	font-size:12px;
	margin-top:20px;
	}

/* gerer le calendrier ! */
.ds_box {
	background-color: #fec66c;
	border: 5px solid #bfdfff;
	position: absolute;
	z-index: 32767;
	}
	
.ds_tbl {
	background-color: #fec66c;
	}
	
.ds_head {
	background-image:url(Images/menu.jpg);
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	}
	
.ds_subhead {
	background-color: #A6BEDE;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
	}
	
.ds_cell {
	background-image: url(Images/menu.jpg);
	color: black;
	font-size:13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
	}
	
.ds_cell:hover {
	background-color: white;
	} 

/* gerer page temoignage ! */

#PH1 {
	float: left;
	height: 100px;
	width: 450px;
	background-repeat: repeat;
	background-image: url(design/filet%20guest%20A.jpg);
	}
	
#PH1 img {
	float: left;
	}
	
#PH2 {
	float: left;
	height: 100px;
	width: 450px;
	background-image: url(design/filet%20guest%20c.jpg);
	}
	
#PH2 img {
	float: left;
	}
	
#PH3 {
	float: left;
	height: 100px;
	width: 900px;
	background-image: url(design/filet%20guest%20B.jpg);
	}
	
#PH3 img {
	float: left;
	}
	
#PH4 {
	float: left;
	height: 100px;
	width: 450px;
	background-image: url(design/filet%20guest%20A.jpg);
	}
	
#PH4 img {
	float: left;
	}
	
#PH5 {
	float: left;
	height: 100px;
	width: 450px;
	background-image: url(design/filet%20guest%20c.jpg);
	}
	
#PH5 img {
	float: left;
	}
	
#PH6 {
	float: left;
	height: 100px;
	width: 900px;
	background-image: url(design/filet%20guest%20B.jpg);
	}
	
#PH6 img {
	float: left;
	}
	
#PH7 {
	float: left;
	height: 100px;
	width: 450px;
	background-image: url(design/filet%20guest%20A.jpg);
	}
	
#PH7 img {
	float: left;
	}
	
#PH8 {
	float: left;
	height: 100px;
	width: 450px;
	background-image: url(design/filet%20guest%20c.jpg);
	}
	
#PH8 img {
	float: left;
	}
	
#PH9 {
	float: left;
	height: 100px;
	width: 900px;
	background-image: url(design/filet%20guest%20B.jpg);
	}
	
#PH9 img {
	float: left;
	}
	
#PH10 {
	float: left;
	height: 100px;
	width: 900px;
	background-image: url(design/filet%20guest%20B.jpg);
	}
	
#PH10 img {
	float: left;
	}
	
#PH11 {
	float: left;
	height: 100px;
	width: 900px;
	background-image: url(design/filet%20guest%20B.jpg);
	}
	

#PH11 img {
	float: left;
	}
	
.bookenor {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #500;
	margin: 0px;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	padding-bottom: 0px;
	}

/* gerer page questions reponses ! */

#Q1 {
	float: left;
	height: auto;
	width: 900px;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	padding-top: 12px;
	}
	
#Q2 {
	float: left;
	height: auto;
	width: 900px;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	margin: 0px;
	}
	
 #Q2 p {
	margin: 0px;
	}
	
#Q3 {
	float: left;
	height: auto;
	width: 900px;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	}
	
#Q3 p {
	margin: 0px;
	}
	
#Q4 {
	float: left;
	height: auto;
	width: 900px;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	}
	
#Q4 p {
	margin: 0px;
	}
	
#Q5 {
	float: left;
	height: auto;
	width: 900px;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	}
	
#Q5 p {
	margin: 0px;
	}
	
#Q6 {
	height: auto;
	width: 900px;
	background-image: url(design/filet%20degrade%20texte%20avec%20liseret.jpg);
	}
	
/* gerer les questions rˇponses */
	
.questions {
	font-size: 14px;
	font-weight: bold;
	color: #500;
	text-align: center;
	margin: 0px;
	}
	
.reponse {
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #500;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	}

/* gerer like box facebook ! */

#face {
	float:left;
	background-image: url(design/filet%20degrade%20texte.jpg);
	width:373px;
	height:190px;
	padding-top:10px;
	padding-left:10px;
	}