@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body {
	width:1024px;
	background-color:#000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#conteneur {
	position:absolute;
	width:1024px;
	height:680px;
	background-color:#FFFFFF;
}

#index-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:163px;
}

#index-02 {
	position:absolute;
	left:0px;
	top:163px;
	width:62px;
	height:29px;
}

#index-03 {
	position:absolute;
	left:62px;
	top:163px;
	width:160px;
	height:29px;
}

#index-04 {
	position:absolute;
	left:222px;
	top:163px;
	width:143px;
	height:29px;
}

#index-05 {
	position:absolute;
	left:365px;
	top:163px;
	width:85px;
	height:29px;
}

#index-06 {
	position:absolute;
	left:450px;
	top:163px;
	width:51px;
	height:29px;
}

#index-07 {
	position:absolute;
	left:501px;
	top:163px;
	width:79px;
	height:29px;
}

#index-08 {
	position:absolute;
	left:580px;
	top:163px;
	width:157px;
	height:29px;
}

#index-09 {
	position:absolute;
	left:737px;
	top:163px;
	width:287px;
	height:479px;
}

#index-10 {
	position:absolute;
	left:0px;
	top:192px;
	width:737px;
	height:241px;
}

#index-11 {
	position:absolute;
	left:0px;
	top:433px;
	width:250px;
	height:209px;
}

#index-12 {
	position:absolute;
	left:250px;
	top:433px;
	width:487px;
	height:209px;
	background-image: url(images/index/index_12.jpg);
	background-repeat: no-repeat;
}
#footer_accueil {
	background-color: #c5c7c7;
	position: absolute;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	width: 1016px;
	padding: 4px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
	top: 642px;
	height: 30px;
	left: 0px;
}

.texte_accueil_gauche {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: left;
}

.texte_accueil_droit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: right;
	padding-right: 40px;
}
.texte_accueil_centre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
	padding-right: 40px;
	font-weight: 700;
	color: #000000;
}

#conteneur_pages {
	position:relative;
	width:1024px;
	height: 3000px;
	background-color:#FFFFFF;
}
#tetiere {
	position:relative;
	width:1024px;
	height:193px;
}
#tetiere-01 {
	position:relative;
	width:1024px;
	height:163px;
}

#tetiere-02 {
	position:relative;
	width:250px;
	height:30px;
	float: left;
}

#tetiere-04 {
	position:relative;
	width:54px;
	height:30px;
	float: none;
}

#tetiere-05 {
	position:absolute;
	left:394px;
	top:163px;
	width:150px;
	height:30px;
}

#tetiere-06 {
	position:absolute;
	left:544px;
	top:163px;
	width:134px;
	height:30px;
}

#tetiere-07 {
	position:absolute;
	left:678px;
	top:163px;
	width:80px;
	height:30px;
}

#tetiere-08 {
	position:absolute;
	left:758px;
	top:163px;
	width:49px;
	height:30px;
}

#tetiere-09 {
	position:absolute;
	left:807px;
	top:163px;
	width:64px;
	height:30px;
}


#menu {
	position:relative;
	width:774px;
	height:26px;
	float: left;
	background-color: #ffcc00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 4px;
	font-size: 15px;
	font-weight: 700;;
}
#menu ul {
display: inline;
list-style: none;

}
#menu li {
display: inline;
padding: 0px 2px;
}
#menu li a {
	color: #7d3e09;
	text-decoration: none;
}
#menu li a:hover, #menu a:focus, #menu a:active {
	color: #FFFFFF;
	background-color:#999933;
	text-decoration: underline;
}
#rubrique {
	background-color: #7d3e09;
	height: 42px;
	width: 270px;
	position: relative;
	padding-left: 34px;
	float: left;
}
#slogan_rubrique {
	position: relative;
	background-color: #7d3e09;
	height: 25px;
	width: 690px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	color: #FFFFFF;
	text-align: right;
	padding-right: 30px;
	padding-top: 17px;
	float: right;
}

#chapeau_rubrique {
	height: auto;
	width: 1024px;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	padding-top: 10px;
	float: left;
	padding-bottom: 10px;
}
/*Page Gites*/
.gite {
	height: 350px;
	width: 950px;
	background-color: #f2f2f2;
	border: 2px solid #ffcc00;
	position: relative;
	float: left;
	margin-right: 35px;
	margin-left: 35px;
	margin-bottom: 35px;
}
.nom_gite {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	background-color: #993300;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-left: 10px;
}
.gite h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 4px;
	background-color: #006600;
}
.gite h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 4px;
	background-color: #006600;
}


.description_gite {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.col1_gite {
	width: 330px;
	float: left;
}
#tarif_gite {
	float: left;
	width: 80%;
	background-color: #CCCCCC;
	height: 100%;
	margin-left: 10px;
}
.tarif_gite h3{
	padding-left: 10px;
}

.liste_gites {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-left: 40px;
	list-style-image: none;
	list-style-type: square;
	padding-top: 5px;

}
.col2_gite {
	width: 210px;
	float: left;
}
.col3_gite {
	width: 400px;
	float: right;
	margin-right: 10px;
}
.thumb {
	height: 66px;
	width: 89px;
	position: relative;
	padding-left: 10px;
	float: left;
	padding-bottom: 12px;
}
/*Fin de Page Gites*/


/*Page Chambres d'hôtes*/
.chambres {
	height: auto;
	width: 438px;
	background-color: #f2f2f2;
	border: 2px solid #ffcc00;
	position: relative;
	float: left;
	margin-right: 35px;
	margin-left: 35px;
	margin-bottom: 35px;
}
.tarifs {
	height: 222px;
	width: 438px;
	background-color: #f2f2f2;
	border: 2px solid #ffcc00;
	position: relative;
	float: left;
	margin-right: 35px;
	margin-left: 35px;
	margin-bottom: 35px;
}
.nom_chambre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	background-color: #993300;
	padding-top: 3px;
	padding-left: 19px;
	padding-bottom: 3px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.zoom_chambres {
	height: 300px;
	width: 400px;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}


h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-left: 10px;
}

.chambres h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-left: 19px;
}
.chambres h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #660000;
	padding-left: 19px;
	padding-top: 4px;
	margin-bottom: 10px;
}

.description_gite {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.thumb_chambres {
	height: 66px;
	width: 89px;
	position: relative;
	padding-left: 19px;
	float: left;
	padding-bottom: 12px;
}
.photos_ferme {
	height: 360px;
	width: 950px;
	background-color: #f2f2f2;
	border: 2px solid #ffcc00;
	position: relative;
	float: left;
	margin-right: 35px;
	margin-left: 35px;
	margin-bottom: 10px;
}
.photo_tarifs {
	width: 438px;
	margin-right: 35px;
	margin-left: 35px;
}
#bandeau_bas {
	background-image: url(images/pages/bandeau_bas.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 1024px;
	position: relative;
	clear: both;
}


/*Fin de Page Chambres d'hôtes*/

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	margin-right: 0px;
}
#plan {
	height: 730px;
	width: 925px;
	float: left;
	position: relative;
	padding-left: 99px;
}
#itineraire {
	height: 600px;
	width: 1024px;
	float: left;
	position: relative;
	padding-left: 0px;
	text-align: center;
}
.googlemap {
	margin-right: auto;
	margin-left: auto;
}
.itineraire {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	background-color: #993300;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 20px;
	width: 826px;
	float: left;
	margin-left: 99px;
	text-align: center;
	position: relative;
	margin-right: 99px;
}

#footer {
	background-color: #c5c7c7;
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	width: 1016px;
	padding: 4px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}
.spacer {
clear:both;
}