* { margin:0px; padding:0px; }
html { height: 100%;}
#content { width: 800px; text-align: left; min-height: 100%; height: 100%; margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */}
body { background: #fef7c0; text-align:center; font: bold 12px Arial, Helvetica, sans-serif; color:#000000; margin: 0;}









img {vertical-align:middle; border:none;} 
#thumbs ul {overflow:auto; list-style:none; margin:30px; padding:0;} 
#thumbs li {float:left;} 
#thumbs a {display:block; padding:10px; outline:none;} 
#thumbs a:hover, #thumbs a:focus {background:#fff;} 
#thumbs a.active {background:#000;} 
#viewer {width:700px; height:465px; margin-left:30px;}









.slideshow {
left:25px;
float: left; 
height: 200px; 
margin: 0px 10px 0px 0px; 
width: 246px;
}

#RSS {
width: 708px;
height: 350px;
overflow:auto;
}









/***********************************************
 ************** NOUVEAU MENU *******************
 ***********************************************/


/*PROMOTION*/
/* Nouveaut�s & promotions */
#navblock{ }
#news{ width: 380px; height: 17px; s margin: 0; padding: 0; position: relative;}
#news span{ display: none;}
#news li{ margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0;}
#news li, #news a { height: 17px; display:block;}
#newsweek{left:0px; width: 380px;}
#newsweek a:hover {background: transparent url(../images/news.png) 0px -17px no-repeat;}


#header-bottom{ height: 29px; background: transparent url(../images/menu_bg.gif) repeat-x; margin: 0px; padding:0 0 0 0px;}

#navblock{ }
#nav{ width: 800px; height: 29px; background: url(../images/menu.gif); margin: 0; padding: 0; position: relative;}
#nav span{ display: none;}
#nav li{ margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0;}
#nav li, #nav a { height: 29px; display:block;}
/*D�finit :
position de la s�lection, LARGEUR des boutons 
position de la s�lection : est d�finit dans l�tape 2 ci-dessous
lageur des boutons : permet d'afficher l'arrondi de la seconde ligne*/
#accueil{left: 0px; width: 53px;}
#gites{left: 53px; width: 72px;}
#disponibilites{left: 126px; width: 81px;}
#tarifs{left: 205px; width: 65px;}
#tourisme{left: 270px; width: 65px;}
#histoire{left: 335px; width: 90px;}
#venir{left: 425px; width: 100px;}
#contact{left:525px; width: 85px;}
#apn{left:615px; width: 30px;}
#france{left:740px; width: 35px;}
#anglais{left:775px; width: 35px;}
/*ETAPE 2 :D�finit:
 la position de la s�lection, hauteur de la ligne
 position de la s�lection, indique � partir de quel pixel on commence � afficher l'arrondi
 hauteur de la ligne : d�but de la seconde ligne sur l'image*/
#accueil a:hover{background: transparent url(../images/menu.gif) 0 -29px no-repeat;}
#gites a:hover{background: transparent url(../images/menu.gif) -53px -29px no-repeat;}
#disponibilites a:hover{background: transparent url(../images/menu.gif) -126px -29px no-repeat;}
#tarifs a:hover{background: transparent url(../images/menu.gif) -205px -29px no-repeat;}
#tourisme a:hover{background: transparent url(../images/menu.gif) -270px -29px no-repeat;}
#histoire a:hover{background: transparent url(../images/menu.gif) -335px -29px no-repeat;}
#venir a:hover{background: transparent url(../images/menu.gif) -425px -29px no-repeat;}
#contact a:hover{background: transparent url(../images/menu.gif) -525px -29px no-repeat;}
#apn a:hover{background: transparent url(../images/menu.gif) -615px -29px no-repeat;}
#france a:hover{background: transparent url(../images/menu.gif) -740px -29px no-repeat;}
#anglais a:hover{background: transparent url(../images/menu.gif) -775px -29px no-repeat;}
/*ETAPE 3 :Affiche l'item s�lectionn�,:
 la position de la s�lection, hauteur de la ligne
 position de la s�lection, indique � partir de quel pixel on commence � afficher l'arrondi (reprendre donn�es � l'�tape 2 ci-dessus)
 hateur de la ligne : d�but de la troisi�me ligne sur l'image*/
body.body-accueil #accueil, 
body.body-accueil #accueil a:hover{background: transparent url(../images/menu.gif) 0 -58px no-repeat;}
body.body-gites #gites, 
body.body-gites #gites a:hover{background: transparent url(../images/menu.gif) -53px -58px no-repeat;}
body.body-disponibilites #disponibilites, 
body.body-disponibilites #disponibilites a:hover{background: transparent url(../images/menu.gif) -126px -58px no-repeat;}
body.body-tarifs #tarifs, 
body.body-tarifs #tarifs a:hover{background: transparent url(../images/menu.gif) -205px -58px no-repeat;}
body.body-tourisme #tourisme, 
body.body-tourisme #tourisme a:hover{background: transparent url(../images/menu.gif) -270px -58px no-repeat;}
body.body-histoire #histoire, 
body.body-histoire #histoire a:hover{background: transparent url(../images/menu.gif) -335px -58px no-repeat;}
body.body-venir #venir, 
body.body-venir #venir a:hover{background: transparent url(../images/menu.gif) -425px -58px no-repeat;}
body.body-contact #contact, 
body.body-contact #contact a:hover{background: transparent url(../images/menu.gif) -525px -58px no-repeat;}
body.body-apn #apn, 
body.body-apn #apn a:hover{background: transparent url(../images/menu.gif) -615px -58px no-repeat;}


/***********************************************
 ************** MENU ANGLAIS *******************
 ***********************************************/
#navblock{ }
#news2{ width: 380px; height: 17px; background: url(../images/news2.png); margin: 0; padding: 0; position: relative;}
#news2 span{ display: none;}
#news2 li{ margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0;}
#news2 li, #news2 a { height: 17px; display:block;}
#news2week{left:0px; width: 380px;}
#news2week a:hover {background: transparent url(../images/news2.png) 0px -17px no-repeat;}

#navblock{ }
#nav2{ width: 800px; height: 29px; background: url(../images/menu2.gif); margin: 0; padding: 0; position: relative;}
#nav2 span{ display: none;}
#nav2 li{ margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0;}
#nav2 li, #nav2 a { height: 29px; display:block;}
/*D�finit :
position de la s�lection, LARGEUR des boutons 
position de la s�lection : est d�finit dans l�tape 2 ci-dessous
lageur des boutons : permet d'afficher l'arrondi de la seconde ligne*/
#accueil2{left: 0px; width: 53px;}
#gites2{left: 53px; width: 72px;}
#disponibilites2{left: 126px; width: 81px;}
#tarifs2{left: 205px; width: 65px;}
#tourisme2{left: 270px; width: 65px;}
#histoire2{left: 335px; width: 90px;}
#venir2{left: 425px; width: 100px;}
#contact2{left:525px; width: 85px;}
#apn2{left:615px; width: 30px;}
#france2{left:740px; width: 35px;}
#anglais2{left:775px; width: 35px;}

/*ETAPE 2 :D�finit:
 la position de la s�lection, hauteur de la ligne
 position de la s�lection, indique � partir de quel pixel on commence � afficher l'arrondi
 hauteur de la ligne : d�but de la seconde ligne sur l'image*/
#accueil2 a:hover{background: transparent url(../images/menu2.gif) 0 -29px no-repeat;}
#gites2 a:hover{background: transparent url(../images/menu2.gif) -53px -29px no-repeat;}
#disponibilites2 a:hover{background: transparent url(../images/menu2.gif) -126px -29px no-repeat;}
#tarifs2 a:hover{background: transparent url(../images/menu2.gif) -205px -29px no-repeat;}
#tourisme2 a:hover{background: transparent url(../images/menu2.gif) -270px -29px no-repeat;}
#histoire2 a:hover{background: transparent url(../images/menu2.gif) -335px -29px no-repeat;}
#venir2 a:hover{background: transparent url(../images/menu2.gif) -425px -29px no-repeat;}
#contact2 a:hover{background: transparent url(../images/menu2.gif) -525px -29px no-repeat;}
#apn2 a:hover{background: transparent url(../images/menu2.gif) -615px -29px no-repeat;}
#france2 a:hover{background: transparent url(../images/menu2.gif) -740px -29px no-repeat;}
#anglais2 a:hover{background: transparent url(../images/menu2.gif) -775px -29px no-repeat;}

/*ETAPE 3 :Affiche l'item s�lectionn�,:
 la position de la s�lection, hauteur de la ligne
 position de la s�lection, indique � partir de quel pixel on commence � afficher l'arrondi (reprendre donn�es � l'�tape 2 ci-dessus)
 hateur de la ligne : d�but de la troisi�me ligne sur l'image*/
body.body-accueil #accueil2, 
body.body-accueil #accueil2 a:hover{background: transparent url(../images/menu2.gif) 0 -58px no-repeat;}
body.body-gites #gites2, 
body.body-gites #gites2 a:hover{background: transparent url(../images/menu2.gif) -53px -58px no-repeat;}
body.body-disponibilites #disponibilites2, 
body.body-disponibilites #disponibilites2 a:hover{background: transparent url(../images/menu2.gif) -126px -58px no-repeat;}
body.body-tarifs #tarifs2, 
body.body-tarifs #tarifs2 a:hover{background: transparent url(../images/menu2.gif) -205px -58px no-repeat;}
body.body-tourisme #tourisme2, 
body.body-tourisme #tourisme2 a:hover{background: transparent url(../images/menu2.gif) -270px -58px no-repeat;}
body.body-histoire #histoire2, 
body.body-tourisme #histoire2 a:hover{background: transparent url(../images/menu2.gif) -335px -58px no-repeat;}
body.body-venir #venir2, 
body.body-venir #venir2 a:hover{background: transparent url(../images/menu2.gif) -425px -58px no-repeat;}
body.body-contact #contact2, 
body.body-contact #contact2 a:hover{background: transparent url(../images/menu2.gif) -525px -58px no-repeat;}
body.body-apn #apn2, 
body.body-apn #apn2 a:hover{background: transparent url(../images/menu.gif) -615px -58px no-repeat;}
/*Begin Navblock Styles */





/***********************************************
 **************** SOUS MENU ********************
 ***********************************************/
#gite-nav{background: #D1D1C5; height: 20px; width: 365px; margin: 0px; padding: 0px; position:relative;}
#gite-nav a:link{color:#4B4B3E;} 
#gite-nav a:visited{color:#4B4B3E;} 
#gite-nav a:hover{color:#EFEFEA;}
#gite-nav a:active{color:#A81900;}
#gite-nav li{margin: 0px; padding: 0px; list-style:none; float:left; text-align:center; border-left: 1px solid white; border-top: 1px solid #d1d1c5;}
#gite-nav li, #gite-nav a{ height: 19px; width: 72px; display:block; text-decoration: none;}
#gite-nav a:gite{background: #EFEFEA;}



body #gite-nav .gite1,
body.gite2 #gite-nav .gite2
body.gite3 #gite-nav .gite3,
body.gite4 #gite-nav .gite4,
body.gite5 #gite-nav .gite5,
{background: #EFEFEA;}

body #gite-nav .gite1,
body.gite2 #gite-nav .gite2
body.gite3 #gite-nav .gite3,
body.gite4 #gite-nav .gite4,
body.gite5 #gite-nav .gite5,
{color: #4B4B3E;}



#hole-nav span{display: block; padding-top: 2px; font-weight:bold;}









/***********************************************
 *************** SUPERHEADER *******************
 ***********************************************/

#subheader { height: 55px;}
#subheader h1 { font-size: 2.7em; font-style: italic; font-weight: normal; margin: 20px 0px 0px 9px; font-family:Arial, Helvetica, sans-serif;}
#subheader h1 a { text-decoration: none; color: #46baee; background-color:transparent;}
#subheader h2 { color: #fdb21b; font-size: 1em; margin: -6px 0px 0px 12px; background-color:transparent;}
#subheader h4 { font-weight: bold; color: #913d1e; text-align: center; text-decoration: none;}




/********************************************* 
 ******************* PAGE ********************
 *********************************************/

#main {height: auto; border-left: 4px solid #d8d8d8; border-right: 4px solid #d8d8d8; background: #f1f1f1 url('../images/bg_main.png') no-repeat bottom right; padding-top: 40px; padding-left: 30px; padding-right:10px; line-height:32px; margin-top:-8px; color:#000000;}
*+html #main, * html #main { height: 1%;}
#main h1 { color: #a60800; font-size: 1.7em; font-style: italic; background: url('../images/bug.png') no-repeat; padding: 10px 0px 0px 60px; background-color:transparent; text-align:justify; font-family:Arial, Helvetica, sans-serif; }
#main h4 { font-weight: bold; color: #913d1e; text-align: center; text-decoration: none; font-size: 1.2em;}
#main h5 { color: #913d1e; font-size: 1.7em; font-style: italic; text-align:center; font-family:Arial, Helvetica, sans-serif; }
* html #main h1 { height: 45px;}
#main h1 a { color : #00a5cd; text-decoration : none;  background-color:transparent;}
/*#main p { color: #000000; text-align:justify;}*/
.p1 { font-size:12px; color:#000000; text-align:justify;  background-color:transparent;}
.p1a { font-size:13px; color:#000000; text-align:justify;  background-color:transparent; text-align: left; margin-left: 250px;}
.p1b { font-size:11px; color:#000000; text-align:justify;  background-color:transparent; text-align: left; margin-left: 250px;}
.p2 { font-size:12px; color:#000000; text-align:justify;  background-color:transparent; margin-top: -105px; margin-left: 80px;}
.p3 { font-style: normal; font-weight: normal; font-size:11px; color:#663333; text-align:center;  background-color:transparent; line-height:16px; padding-left: -20px; }
.p4 { font-size:12px; color:#000000; text-align:center;  background-color:transparent;}

#main a { color: #ffad00; font-size: 1em;  background-color:transparent;}
#main a:hover { text-decoration: none;}
#main ul { margin:0px 25px;}
#main li { background:transparent url('../images/bullet2.gif') no-repeat scroll 0px 7px; display:block; line-height:2.5ex; list-style-type:none; margin:5px 0px; padding-bottom:5px; padding-left:25px; padding-top:5px; font-size:12px; color:#000000;}
#main .col-left { float:left; width: 465px; padding-top:35px;}
#main .col-right { float: right; width: 280px; padding-top:180px; text-align:center;}
#main .col-left-gites { float:left; width: 250px; padding-top:0px;}
#main .col-right-gites { float:right; width: 330px; padding-top:0px; text-align:justify;}
#main .col-right img {border:none;}
#main-bottom { background: url('../images/main_bottom.gif') no-repeat; width: 800px; height: 48px;}
.push { height: 69px;}

/********************************************* 
 ******************* ACTURL ******************
 *********************************************/
.ousuisje {width:250px; height:29px; font-size: 0.7em; font-size: 08pt; margin-top: -30px; margin-left: -20px; padding-bottom: 20px;}



/********************************************* 
 ****************** CERISIER *****************
 *********************************************/
#framecerisier { overflow:hidden; height:1260px;}
#framecerisier h1 {font:28pt verdana, Arial, Helvetica, sans-serif larger; color:#F66804; width:280px; text-align:center; padding-top:5px;}
#cerisier-image {position: absolute; width : 400px; height: 320px; background: url(../images/cerisier/cerisier_devant.jpg) top left no-repeat;}



/********************************************* 
 ******************* FRENE *******************
 *********************************************/
#framefrene { overflow:hidden; height:950px;}
#framefrene h1 {font:28pt verdana, Arial, Helvetica, sans-serif larger; color:#F66804; width:280px; text-align:center; padding-top:5px;}
#frene-image {position: absolute; width : 400px; height: 320px; background: url(../images/frene/frene.jpg) top left no-repeat;}




/********************************************* 
 ******************* GORGE *******************
 *********************************************/
#framegorge { overflow:hidden; height:1220px;}
#framegorge h1 {font:28pt verdana, Arial, Helvetica, sans-serif larger; color:#F66804; width:280px; text-align:center; padding-top:5px;}
#gorge-image {position: absolute; width : 400px; height: 291px; background: url(../images/gorge/gorge_devant.jpg) top left no-repeat;}





/********************************************* 
 ******************* OUSTAL ******************
 *********************************************/
#frameoustal { overflow:hidden; height:1290px;}
#frameoustal h1 {font:28pt verdana, Arial, Helvetica, sans-serif larger; color:#F66804; width:280px; text-align:center; padding-top:5px;}
#oustal-image {position: absolute; width : 400px; height: 320px; background: url(../images/oustal/devant.jpg) top left no-repeat;}




/********************************************* 
 ******************* VALLEE ******************
 *********************************************/
#framevallee { overflow:hidden; height:1130px;}
#framevallee h1 {font:28pt verdana, Arial, Helvetica, sans-serif larger; color:#F66804; width:280px; text-align:center; padding-top:5px;}
#vallee-image {position: absolute; width : 400px; height: 252px; background: url(../images/vallee/vallee_devant_face.jpg) top left no-repeat;}




/********************************************* 
 ******************* GOOGLE ******************
 *********************************************
pour les infobulles de la carte*/
#gmapmarker { font: normal small verdana, arial, helvetica, sans-serif; font-size: 10pt; margin: 0px; width: 350px; height: 150px; overflow:auto;}
#gmapmarker p{ margin : 0; padding : 2px 0 2px 0; color:#005483; background-color:transparent;}
#gmapmarker h1 {font-weight: bold; font-size: 13px; color: #F66804; border-bottom: 2px solid #369; margin : 0; font-size: 1.7em; font-style: italic; padding: 0px 0px 0px 0px; background:none;}
#gmapmarker li {font-size:12px; color:#005483; margin-left:-10px;}
#gmapmarker li a:hover {	text-decoration: underline; color:#00B9E4;  background-color:transparent;}
#gmapmarker a { color:#005483; text-decoration: none;  background-color:transparent; text-align:justify;}
#gmapmarker a:hover {	text-decoration: underline; color:#00B9E4;  background-color:transparent;}
/*div qui contient la carte*/
#map { float : left;}




/********************************************* 
 **************** PARTENAIRES ****************
 *********************************************/
table { border-collapse:collapse; width:100%;}
.td1 {background-color:#83ADD6; text-align:center; font-weight:bold; height: 30px;}
.td2 {background-color:#FFFFFF; text-align:center; font-weight:bold; height: 30px;}
 
 
/********************************************* 
 **************** TARIFS & DISPO *************
 *********************************************/
 td {border: thin solid #ffffff;}
 .notd {border:none; text-align: center; color:#385D93;}
.thhs {background-color:#ACC9E3; text-align:center; font-weight:bold; border: thin solid #ffffff; width:114px; color:#385D93;}
.thbs {background-color:#83ADD6; text-align:center; font-weight:bold; border: thin solid #ffffff; color:#385D93;}
.thms {background-color:#366CA3; text-align:center; font-weight:bold; border: thin solid #ffffff; color:#ACC9E3;}
.thhas {background-color:#385D93; text-align:center; font-weight:bold; border: thin solid #ffffff; color:#ACC9E3;}
.thths {background-color:#1E3D5B; text-align:center; font-weight:bold; border: thin solid #ffffff; color:#ACC9E3;}
.thhs2 {background-color:#ACC9E3; text-align:justify; font-weight:bold; border: thin solid #ffffff; width:113px; color:#385D93;}
.thbs2 {background-color:#83ADD6; text-align:justify; font-weight:bold; border: thin solid #ffffff; color:#385D93;}
.thms2 {background-color:#366CA3; text-align:justify; font-weight:bold; border: thin solid #ffffff; color:#ACC9E3;}
.thhas2 {background-color:#385D93; text-align:justify; font-weight:bold; border: thin solid #ffffff; color:#ACC9E3;}
.thths2 {background-color:#1E3D5B; text-align:justify; font-weight:bold; border: thin solid #ffffff; color:#ACC9E3;}
.libre {background-color:#FFFFFF; color:#000000; text-align:center;}
.option {background-color:#FFFFFF; color:#418b59; text-align:center;}
.loue {background-color:#FFFFFF; color:#FF0000; text-align:center;}
.tdlegendecouleur {border:none; width:40px;}
.tdlegendetexte {border:none;}
.hautframe {width:755px; height:71px; overflow:auto; vertical-align:middle; background-color:#366CA3; text-align:center; font-weight:bold; color:#FFFFFF; margin-top:40px;}
.milieuframe {width:755px; height:338px; overflow:auto; text-align:center;}
.basframe {width:100%; height:200px; overflow:auto; text-align:center; margin-left:40px;}
.frametarif {width:755px; height:580px; background-color:transparent; text-align:center; font-weight:bold; color:#000000; margin-top: -33px;}
.dispo_option {text-align:center; font-weight:bold; color: #913d1e; font-size: 1.7em; font-style: italic;}
.dispomaj{text-align:right; margin-left: 580px;}
.dispotexte{text-align:justify;}



/********************************************* 
 ***************** PIED **********************
 *********************************************/
/*automne #b4e4f0 / #eff9fc*/
/*hiver   #6bbad2 / #cbe9e8*/
#pied {	border-top: 2px solid #ffa900; background-color: #B1CE11; padding-top: 0px; height: auto; min-height: 69px; color:#000000;}
* html #pied { height: 64px;}
#pied h3 {font-size: 10pt; color: #747474;  background-color:transparent;}
#pied a { color:#005483; text-decoration: none;  background-color:transparent;}
#pied a:hover {	text-decoration: underline; color:#00B9E4;  background-color:transparent;}
#pied img {border:none;}
	



/********************************************* 
 ***************** COMMUN ********************
 *********************************************/

.left { float: left;}
.right { float: right;}
.green { color: #7cba2c !important;  background-color:transparent;}
.bold {	font-weight: bold !important;}
.clear { clear: both; background: none; font-size: 0.01em;}
.center { text-align: center;}