.texte
{ 
color: #603d14;
font-size: 13px;
line-height: 16px;
font-family: Arial, Helvetica;
font-weight: bold;
text-indent: 0pt
}

.texte2
{ 
color: #724918;
font-size: 16px;
line-height: 16px;
font-family: Arial, Helvetica;
font-weight: bold;
text-indent: 0pt
}

.texte3
{ 
color: #3F270B;
font-size: 14px;
line-height: 16px;
font-family: Arial, Helvetica;
text-indent: 0pt
}

/*MENU DEROULANT*/


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

#nav a {
   display: block;
   width: em;
}

#nav li {
   float: left;
   width: 8em;
   color: #E0CAA5;
}

#nav ul {
   position: absolute;
   width: 8em;
   left: -999em;
   background: url("background_menu.jpg");
   border: 1px solid #6E571C;
}

#nav li:hover ul {
   left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
   left: auto;
}
















/*---------------------------------------------------------
Style communs à toutes les pages
---------------------------------------------------------*/
table.tablePrincipale {	
	border-color: #AAAA00;
	width: 900px;
	height: 550px;
	border-style: double;
	border-width: 3px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/fondPage.jpg);
}

body {
	background-color: #fdfddb;
}

span.divLogoGitesDeFrance {
	position: absolute;
	left: 20px;
}

td.titrePage {
	height: 70px;
	width: 880px;
	text-align: center;
	font-family:Arial Black;
	font-size: 33px;
}

div.divPrincipaleTitrePage {
	position: relative;
	width: 100%;
}

span.divDrapeau {
	position: absolute;
	top: 10px; 
	left: 840px;
}

span.divLogoVendee {
	position: absolute;
	top: 0px; 
	left: 780px;
}

tr.corpsPage {
	height: 90%;
}

td.basPage {
	height: 5%;
	text-align: center;
}

table.menuNavigation {
	border-spacing: 4px;
	width: 100%;
	background-color: #c2d0ff;
}

span.menuNavigation {
	width: 160px;
}

span.menuNavigation:before {
	content:url(images/menuBordSuperieur.png);
}

span.menuNavigation:after {
	content:url(images/menuBordInferieur.png);
}

td.menuNavigation {
	width: 150px;
	vertical-align: top;
	padding-top: 20px;
}

table.menuNavigation tr td {
	border-color: #AAAA00;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
}

table.menuNavigation tr td a {
	text-decoration: none;
	color: #266d0e;
}

td.lienMenuNavigation {
	background-color: transparent;
	padding-left:4px;
}

td.lienSousMenuNavigation {
	padding-left:12px;
	font-weight: normal !important;
}

td.lienMenuNavigationSurvole {
	background-color: #e4fddb;
	cursor: pointer;
	border-left:3px solid #F0F0FF;
}

td.lienMenuNavigationSurvole a {
	color: #3dac16 !important;
}

td.lienSousMenuNavigationSurvole {
	padding-left:9px;
	font-weight: normal !important;
}

td.sousCorpsPage {
	width: 700px;
	vertical-align: top;
}

div.sousTitrePage {
	width: 100%;
	text-align: center;
	font-family:Arial Black;
	font-size: 20px;
}

div.positionRelative {
	position: relative;
}


/*---------------------------------------------------------
Style Page accueil
---------------------------------------------------------*/

div.accueilMessageBasPage {
	width: 100%;
	text-align: center;
	font-family:Arial Black;
	font-size: 15px;
}


/*---------------------------------------------------------
Style Page présentation
---------------------------------------------------------*/

div.textePresentationPagePrincipale {
	width: 400px;
	height: 300px;
}

span.pagePrincipalePetiteImage1 {
	position: absolute;
	top: 20px; 
	left: 500px;
	z-index: 1;
}

span.pagePrincipalePetiteImage2 {
	position: absolute;
	top: 140px; 
	left: 440px;
	z-index: 3;
}

span.pagePrincipalePetiteImage3 {
	position: absolute;
	top: 260px; 
	left: 500px;
	z-index: 2;
}


/*---------------------------------------------------------
Style Page les chambres
---------------------------------------------------------*/

div.lesChambresChambre1 {
	position: absolute;
	top: 50px; 
	left: 40px;
	width: 350px;
	z-index: 1;
}

div.lesChambresChambre2 {
	position: absolute;
	top: 100px; 
	left: 390px;
	width: 350px;
	z-index: 3;
}

div.lesChambresChambre3 {
	position: absolute;
	top: 190px; 
	left: 40px;
	width: 350px;
	z-index: 2;
}

div.lesChambresChambre4 {
	position: absolute;
	top: 240px; 
	left: 390px;
	width: 350px;
	z-index: 4;
}

div.lesChambresChambre5 {
	position: absolute;
	top: 330px; 
	left: 40px;
	width: 400px;
	z-index: 0;
}

div.lesChambresChambre1 a, div.lesChambresChambre2 a, div.lesChambresChambre3 a, div.lesChambresChambre4 a {
	text-decoration: none;
	color: #000000;
}

div.lesChambresChambre5 img {
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
}

div.textLesChambresChambre {
	position: absolute;
	top: 40px; 
	left: 150px;
}

div.lesChambresChambreSurvole {
	cursor: pointer;
}


/*---------------------------------------------------------
Style Commun aux pages des chambres
---------------------------------------------------------*/

table.descriptionChambre {
	width: 100%;
	height: 100%;
}

table.descriptionChambre tr td {
	padding-left: 40px;
	padding-right: 40px;
	vertical-align: middle;
}


/*---------------------------------------------------------
Style Commun à la page table d'hôtes
---------------------------------------------------------*/

table.descriptionTableDHotes {
	width: 100%;
	height: 100%;
}

table.descriptionTableDHotes tr td {
	padding-left: 40px;
	padding-right: 40px;
	vertical-align: middle;
}


/*---------------------------------------------------------
Style popup Contact
---------------------------------------------------------*/

table.tablePrincipaleContact {	
	border-color: #AAAA00;
	width: 100%;
	height: 180px;
	border-style: double;
	border-width: 3px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/fondPage.jpg);
}

td.titrePageContact {
	width: 100%;
	text-align: center;
	font-family:Arial Black;
	font-size: 20px;
}


/*---------------------------------------------------------
Style page Tarifs
---------------------------------------------------------*/

table.listeChambreTarifs {
	position: absolute;
	top: 20px; 
	left: 10px;
	height: 300px;
	margin-top: 20px;
	margin-left: 10px;
}

table.listeChambreTarifs td.nomChambre {
	width: 170px;
	padding-left: 40px;
	padding-right: 40px;
}

table.listeChambreTarifs tr.separateurChambre {
	height: 20px;
}

table.iconesChambre {
	margin-left: 20px;
}

span.texteDescriptionTarifs {
	position: absolute;
	top: 60px; 
	left: 330px;
}


/*---------------------------------------------------------
Style Localisation Generale
---------------------------------------------------------*/

span.imageZoomFrance {
	position: absolute;
	top: 10px; 
	left: 330px;
}

span.imageZoomVendee {
	position: absolute;
	top: 10px; 
	left: 460px;
}

table.listeLoisirsDistance {
	position: absolute;
	top: 190px; 
	left: 540px;
}

th.titreLoisir {
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: arial;
	font-size: 11px;
	text-align: center;
}

td.nomLoisir {
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: arial;
	font-size: 11px;
}

td.distanceLoisir {
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: arial;
	font-size: 11px;
}

table.listeSiteTouristiqueDistance {
	position: absolute;
	top: 190px; 
	left: 380px;
}

span.descriptionAccesSite {
	position: absolute;
	top: 10px; 
	left: 10px;
	width: 300px;
}


/*---------------------------------------------------------
Style Localisation Dynamique
---------------------------------------------------------*/

div.mapsearch {
	/*position: absolute;
	top: 0px; 
	left: 0px;*/
}


/*---------------------------------------------------------
Spécifique principe : miniAgrandPhotoGB
miniature/agrandissement photos
avec miniature à gauche et en bas
---------------------------------------------------------*/

div.miniAgrandPhotoGBMilieuPage {
	position: absolute;
	top: 0px; 
	left: 140px;
	height: 300px;
	width: 550px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAA00;
}

div.miniAgrandPhotoGBMilieuPagePhoto {
	display: none;
}

div.miniAgrandPhotoGBMilieuPagePhotoInner {
	height: 300px;
	width: 550px;
}

div.miniAgrandPhotoGBMiniature1 {
	position: absolute;
	top: 0px; 
	left: 30px;
}

div.miniAgrandPhotoGBMiniature2 {
	position: absolute;
	top: 100px; 
	left: 30px;
}

div.miniAgrandPhotoGBMiniature3 {
	position: absolute;
	top: 200px; 
	left: 30px;
}

div.miniAgrandPhotoGBMiniature4 {
	position: absolute;
	top: 320px; 
	left: 200px;
}

div.miniAgrandPhotoGBMiniature5 {
	position: absolute;
	top: 320px; 
	left: 350px;
}

div.miniAgrandPhotoGBMiniature6 {
	position: absolute;
	top: 320px; 
	left: 500px;
}

div.miniAgrandPhotoGBMiniatureContenu {
	width: 90px;
	height: 90px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAA00;
}


/*---------------------------------------------------------
Spécifique principe : miniAgrandPhotoG
miniature/agrandissement photos
avec miniature à gauche (1 colonne)
---------------------------------------------------------*/

div.miniAgrandPhotoG1MilieuPage {
	position: absolute;
	top: 0px; 
	left: 140px;
	height: 400px;
	width: 560px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAA00;
}

div.miniAgrandPhotoG1MilieuPagePhoto {
	display: none;
}

div.miniAgrandPhotoG1MilieuPagePhotoInner {
	height: 300px;
	width: 560px;
}

div.miniAgrandPhotoG1Miniature1 {
	position: absolute;
	top: 0px; 
	left: 30px;
}

div.miniAgrandPhotoG1Miniature2 {
	position: absolute;
	top: 100px; 
	left: 30px;
}

div.miniAgrandPhotoG1Miniature3 {
	position: absolute;
	top: 200px; 
	left: 30px;
}

div.miniAgrandPhotoG1Miniature4 {
	position: absolute;
	top: 300px; 
	left: 30px;
}

div.miniAgrandPhotoG1MiniatureContenu {
	width: 90px;
	height: 90px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAA00;
}


/*---------------------------------------------------------
Spécifique principe : miniAgrandPhotoG
miniature/agrandissement photos
avec miniature à gauche (2 colonnes)
---------------------------------------------------------*/

div.miniAgrandPhotoG2MilieuPage {
	position: absolute;
	top: 0px; 
	left: 240px;
	height: 400px;
	width: 450px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAA00;
}

div.miniAgrandPhotoG2MilieuPagePhoto {
	display: none;
}

div.miniAgrandPhotoG2MilieuPagePhotoInner {
	height: 300px;
	width: 450px;
}

div.miniAgrandPhotoG2Miniature1 {
	position: absolute;
	top: 0px; 
	left: 30px;
}

div.miniAgrandPhotoG2Miniature2 {
	position: absolute;
	top: 100px; 
	left: 30px;
}

div.miniAgrandPhotoG2Miniature3 {
	position: absolute;
	top: 200px; 
	left: 30px;
}

div.miniAgrandPhotoG2Miniature4 {
	position: absolute;
	top: 300px; 
	left: 30px;
}

div.miniAgrandPhotoG2Miniature5 {
	position: absolute;
	top: 0px; 
	left: 130px;
}

div.miniAgrandPhotoG2Miniature6 {
	position: absolute;
	top: 100px; 
	left: 130px;
}

div.miniAgrandPhotoG2Miniature7 {
	position: absolute;
	top: 200px; 
	left: 130px;
}

div.miniAgrandPhotoG2Miniature8 {
	position: absolute;
	top: 300px; 
	left: 130px;
}

div.miniAgrandPhotoG2MiniatureContenu {
	width: 90px;
	height: 90px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAA00;
}


/*---------------------------------------------------------
Spécifique pour centrer une image
---------------------------------------------------------*/

div.centrerImage {
    display: table-cell;
	text-align: center;
	vertical-align: middle;
}

div.centrerImage * {
    vertical-align: middle;
}

<!--[if IE]>
div.centrerImage {
    display: block;
}
div.centrerImage span {
    display: inline-block;
    height: 100%;
}
<![endif]-->