*{padding: 0; margin: 0;}

/*-------------------------------------- Evitement --------------------------------------------------------------*/

#evitement{
width: 958px;
margin: 0 auto;
text-align: right;	
font-size: 0.7em;
line-height: 25px;
position: relative;
}

#evitement ul{
font-family: tahoma, "Comic Sans MS", "Times New Roman", Times;
list-style-type: none;

}

#evitement li{
display: inline;

}

#evitement li a{
text-decoration: none;
color: #fff;

}

#evitement li a:hover{
text-decoration: underline;
}

h1 {/*---------------------------------------- titres ---------------------------------*/
font-weight: normal;
color: #5a5a5a;
font-size: 1em;

margin-left: 300px;
margin-top: 40px;
text-transform: uppercase;

}

h1 em{
padding: 5px 10px ;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

h1 em span{
color: #770011;
font-size: 1.8em;
font-family: "lucida calligraphy", tahoma, "Comic Sans MS", "Times New Roman", Times;
vertical-align: middle;
margin-right: 3px;
line-height: 1.1em;
}

h2 {
font-family: "monotype corsiva", georgia,tahoma, "Comic Sans MS", "Times New Roman", Times;
font-size: 1.5em;
color: #770011;
margin: 30px 0 30px 5px;
text-align: center;
}

 h3{
font-family: georgia,tahoma, "Comic Sans MS", "Times New Roman", Times;
font-size: 0.8em;
color: #5a5a5a;
margin: 0px 75px 15px 5px;
text-transform: uppercase ;
font-weight: normal;
}

#page a{/*---------------------------------------- lien de texte ---------------------------------*/
color: #566c55;
text-decoration: none;
font-weight: bold;

}

#page a:hover{
color: #fb680f;

}

#page p{
text-align: left;

}

body{
background: #770011;
font-family: georgia,tahoma, "Comic Sans MS", "Times New Roman", Times;
font-size: 1em;
line-height: 1.5em;
color: #26261f;
}


#global {
width: 958px;
margin: 0 auto;
background: #fff url(images/fond.jpg);
background-position: 0 -5px;
padding-bottom: 80px;
overflow: hidden;
position: relative;
}

#contenu {
position: relative;
}

#entete {
position: relative;
z-index: 10;
height: 340px;
}

#entete  img{
width: 958px;
display: block;
}

#entete #video{
display: block;
background: url(images/fake_ie.gif);/*--- pour IE ------*/
width: 450px;
height: 25px;
position: absolute;
bottom: 105px;
right: 0px;
z-index: 100;
}

/*----------------------------------- colonnes -----------------------------------------------------------------*/
#colonne_gauche{
width: 50%;
float: left;
}

#colonne_gauche p, #colonne_gauche_description p{
margin-right: 30px;
}

#colonne_droite p{
margin-left: 30px;


}

#colonne_droite{
float: right;
width: 50%;

}

#colonne_gauche_description{
width: 38%;
float: left;
}

#page #colonne_gauche_description ul{ 
list-style-type: none;
margin: 0px 25px 0 0;
}

#page #colonne_gauche_description li{
padding-left: 30px;
line-height: 19px;
margin-bottom: 15px;
background: url(images/coeur_pti.png);
background-repeat: no-repeat;
}

#colonne_droite_description{
float: right;
width: 62%;
}

#colonne_droite_description ul{
margin-left: 5px;
}

#colonne_gauche h2, #colonne_droite h2, #colonne_gauche_description h2, #colonne_droite_description h2{
margin: 0px 0 10px 5px;

}

#colonne_droite_description a{
display: block;
float: left;
padding: 5px 10px 5px 0;


}

#colonne_gauche_reference{
width: 70%;
float: left;

}

#reference {
font-size: 0.7em;

}

#colonne_droite_reference{
float: right;
padding-top: 60px;

}

#colonne_droite_reference table{
width: 100%;
}

#colonne_droite_reference tr{
text-align: center;
}

#colonne_4 td{
width: 25%;
text-align: left;
padding: 0 10px;
list-style-type: none;
vertical-align: top;
}

#colonne_4 td ul{
list-style-type: none;
}

#colonne_4 td li{
margin: 10px 0;
}

#colonne_4 thead{
height: 50px;
color: #717171;
}

#colonne_4 td{
width: 25%;
text-align: left;
padding: 0 10px;
list-style-type: none;
vertical-align: top;
}


.colonne_3 table {
width: 100%;
border-collapse: separate;
border-spacing:25px 25px; 
line-height: 0.8em;
}

.colonne_3 td {
width: 33%;
vertical-align: top;

}

#page .colonne_3 td p{
text-align: center;
}

#page .colonne_3 td p em{
display: block;
padding: 5px;
border: 1px solid #770011;
color: #770011;
}

.colonne_3 span{
font-weight: normal;
color: #000;
font-size: 0.7em;
}


#menu_gauche{/*---------------------------------------------- menu gauche ---------------------------------------------------------------------*/
float: left;

}

#menu_gauche ul{
width: 200px;
list-style-type: none;
text-align: center;

}

#menu_gauche li{
width: 200px;
height: 32px;
margin: 0 0 0px 15px;


}

#menu_gauche li a{
background: url(images/bouton_menu_gauche.png);
text-decoration: none;
color: #000;
font-size: 14px;
font-weight: bold;
line-height: 25px;
display: block;
height: 32px;
position: relative;
}

#menu_gauche li a span{
display: block;
height: 32px;
width: 42px;
position: absolute;
right: -42px;
top: 0;
}

#menu_gauche li a:hover, #menu_gauche .actif{
color: #770011;
background: url(images/bouton_menu_gauche_hover.png);
}

#menu_gauche .actif span{
background: url(images/coeur.png);
}

#menu_horizontal ul{/*----------------------------------------------------- menu horizontal -------------------------------------------------------*/
list-style-type: none;
overflow: auto;
clear: right;
}

#menu_horizontal li{
float: right;
height: 64px;

}

#menu_horizontal li a{
display: block;
padding: 0 5px;
height: 32px;
background: url(images/menu_top_centre.png);
text-decoration: none;
color: #000;
font-size: 14px;
font-weight: bold;
line-height: 24px;
position: relative;
}

#menu_horizontal li a span{
display: block;
height: 32px;
width: 42px;
position: absolute;
top: 28px;
left: 50%;
margin-left: -21px;
}

#menu_horizontal li a:hover , #menu_horizontal .actif2{
color: #770011;
background: url(images/menu_top_centre_hover.png);
text-decoration: none;
}

#menu_horizontal .actif2 span{
background: url(images/coeur.png);

}

 .bouton_gauche{
display: block;
width: 20px;
height: 32px;
background: url(images/menu_top_gauche.png);
background-repeat: repeat-x;
}

.bouton_droit{

width: 20px;
height: 32px;
background: url(images/menu_top_droit.png);
background-repeat: repeat-x;
}

#page{
padding: 0 50px;
overflow: hidden;
}

#page p{
margin-bottom: 15px;

}

#menu3{/*---------------------------------------- menu 3 ---------------------------------*/
text-align: right;
font-size: 1em;
margin-top: 20px;
padding: 0 20px;
font-weight: bold;

}

#menu3 a:hover{
text-decoration: underline;
}

#menu3 a.actif3{
text-decoration: underline;
color: #770011;
}

/*--------------------------------------------------------- divers ---------------------------------------------------------------*/
img{
border: 0;
}

.p_photo {
margin: 50px 0px;
}

.p_photo td{
text-align: left;
}

.p_photo a em{
display: block;
text-align: center;
width: 360px;
text-decoration:none;
font-size: 0.7em;
background: #ececec;
color: #656565;
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;
}

.p_photo img{

}

.photo_gauche_script{
float: left;
margin: 0  35px 0 75px;

}

.photo_droite_script{
float: right;
margin: 0  15px 0 35px;

}

.photo_centre_script{
display: block;
width: 770px;
margin: 20px auto 0;

}

a em{
display: block;
text-align: center;
color: #0b186a;
text-decoration:none;
font-size: 0.7em;
}

.culture {
 width: 100%;
}

.culture td{
font-weight: bold;
text-align: left;
vertical-align: top;
}

#page .puce{
padding-left: 30px;
line-height:25px;
margin-bottom: 0px;
background: url(images/puce1.gif);
background-position: 0 3px;
background-repeat: no-repeat;
font-weight: normal;
}

 #bloc_bas{
width: 400px;
margin: 30px auto;
padding: 15px;
background: #ececec;
color: #656565;
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;
clear: both;
}

 #bloc_bas p{
text-align: center;
font-style: italic;
}

table{/*-------------------------------- table --------------------------------------------------------------------------*/
margin: 50px 0px 0 0px;
border-collapse:collapse;
text-align: center;
}

/*table td{
width: 100%;
}*/

table p{
margin-right: 20px;
}

#tarif_chambre table{/*-------------------------------- table tarifs chambre -------------------------------------------------------------------------*/
margin: 0px 0px 0 0px;
border-collapse:collapse;
text-align: left;
}

#tarif_chambre table td{
width: 33%;
}

#tarif_gite table {/*-------------------------------- table tarifs gite -------------------------------------------------------------------------*/
border-collapse:collapse;
background: #fff;
width: 100%;
}
#tarif_gite thead, #tarif_gite tfoot {
background-color:#d4cebe;
border:2px solid #f3f2ed;
}

#tarif_gite table a {

color: #770011;
font-size: 0.9em;

border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#tarif_gite table th{

color: #770011;

}


/*------------------------------ Calendrier ----------------------------------------*/
#tarif_gite #popup1, #tarif_gite #popup2 , #tarif_gite #popup3, #tarif_gite #popup4{
width: 420px;
height: 240px;
margin: 0 auto;
padding-top: 0px;
display: none;
position: absolute;
left: 350px;
bottom: 10px;
font-size: 10px;
background: #d4cebe;
}

#tarif_gite th {
border:2px solid #f3f2ed;
padding:5px;
background-color:#d4cebe;
font-size: 12px;
}
#tarif_gite td {
border:1px solid #f3f2ed;
padding:5px;
text-align:left;
background: #e6e5cc;
text-align: center;
}

#tarif_gite tr {
border:1px solid #f3f2ed;
}

#tarif_gite caption {
text-align: left;
border:none;
}

#tarif_gite tfoot th {
border:none;
}

.texte_dessous{
clear: both;
margin-bottom: 10px;
}

.top {
margin: 25px 45px 30px 0;
font-size: 0.9em;

}

.top a{
float: right;
color: #770011;
text-decoration: none;

}

.gras{
font-weight: bold;

}

#page .image_centre{
text-align: center;
margin-top: 75px;
}

.image_centre img{
margin-right: 50px;
vertical-align: middle;
display: inline;
}

/*--------------------------------------------------------------------- Flag ------------------------------------------------------------------*/
#flag{
position: absolute;
right: 10px;
bottom: 40px;
height: 25px;
width: 350px;
z-index: 100;
}

#entete #flag img{
display: inline;
width: 25px;
height: 25px;
border: 0;
margin-right: 5px;
vertical-align: middle;
}

#entete #flag a{
text-decoration: none;
color: #770011;
margin-left: 25px;
}

#entete #flag a em{
display: inline;
font-size: 0.8em
}

/*--------------------------------------------------------------------- Flag flash ------------------------------------------------------------------*/
#flag_flash{
float: right;
height: 25px;
width: 350px;
margin-bottom: 20px;
}

#entete #flag_flash img{
display: inline;
width: 25px;
height: 25px;
border: 0;
margin-right: 5px;
vertical-align: middle;
}

#entete #flag_flash a{
text-decoration: none;
color: #770011;
margin-left: 25px;
}

#entete #flag_flash a em{
display: inline;
font-size: 0.8em
}

#pied_de_page{ /*--------------------------------- footer --------------------------------------------------*/
width: 940px;
margin: 0 auto;
padding: 10px 0 10px; 
font-size: 0.8em;
position: relative;
color: #fff;
}

#pied_de_page a{  
color: #c36b0b;
text-decoration: none;
}

#pied_de_page a:hover{  
text-decoration: underline;
}

#validation{
color: #e7e7ff;
font-size: 0.6em;
}

#copyright{
line-height: 25px;
height: 25px;
text-align: center;

}

#residence, #reference{ /*--------------------------------- residence, réferences --------------------------------------------------*/
list-style-type: none;
margin: 15px;
}

#residence li{
padding-left: 30px;
line-height: 19px;
margin-bottom: 15px;
background: url(images/coeur_pti.png);
background-repeat: no-repeat;
}

#reference li{
padding-left: 30px;
line-height: 19px;
margin-bottom: 15px;
background: url(images/puce1.gif);
background-repeat: no-repeat;
}


#rapide{/*---------------------------------------- rapide ---------------------------------*/
text-align: right;
font-size: 0.7em;
margin-top: 0px;
padding-bottom: 30px;
font-weight: bold;
color: #000;
}

#rapide a:hover{
text-decoration: underline;
}

#visite span{
font-weight: bold;
display: block;
height: 25px;
line-height: 25px;
margin-right: 75px;
float: right;
padding: 0 5px 0 30px;
background: url(images/voir.gif);
background-repeat: no-repeat;
}

#plaque{/*--------------------------------------------------------- Plaque -----------------------------------------------------------------*/
width: 840px;
height: 700px;
background: url(images/plaque.gif);
position: relative;
}

#plaque_sud{
width: 200px;
text-align: center;
position: absolute;
top: 0; 
left: 50%;
margin-left: -90px;
}

#plaque_sud p, #plaque_nord p, #plaque_est p, #plaque_ouest p{
text-align: center;

}

#page #plaque_sud h3{
text-align: center;
width: 100%;
}


#plaque_nord{
width: 300px;
text-align: center;
position: absolute;
bottom: 0; 
left: 50%;
margin-left: -150px;
}

#plaque_est{
width: 200px;
text-align: center;
position: absolute;
bottom: 50%; 
left: 40px;
margin-bottom: -80px;
}

#plaque_ouest{
width: 200px;
text-align: center;
position: absolute;
bottom: 50%; 
right: 0;
margin-bottom: -80px;
}

#trans img{
margin: 20px 0;
}

 /*-------------------- formulaire contact --------------------------------------*/
form{ 
width: 810px;
margin: 0 auto 30px; 
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;

}	

#page form p{ 
margin: 0;

}		

legend{
color: #26261f;
}		

fieldset{
width: 90%;
margin: 0 auto;
border: 0;
} 

label{
font-style: italic;
}

input, textarea{
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;

}

.envoyer{
border: none;
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;
background: #770011;
color: #fff;
font-weight: bold;
}

.erreur{
margin-left: 300px;
text-align: center;
border: 1px solid #000;
background: red;
color: #fff;
font-weight: bold;
}

#parti{
width: 300px;
margin: 0 auto;
text-align: center;
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;
background: #00c367;
color: #fff;
font-weight: bold;
}

.reessayer{
text-decoration: none; 
font-weight: bold; 
color: #F7723B;;
}

legend{
font-weight: bold;
padding: 0px;

}

#new{ /*---------------------------------------------------- news -------------------------------------------------------------------*/
width: 80%;
margin: 30px auto;
padding: 15px;
background: #ececec;
color: #656565;
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;

}

#new a{
color: #000;
font-size: 0.8em;
text-decoration: none;
}

#new span{
font-family: tahoma, "Comic Sans MS", "Times New Roman", Times;
}

#new a:hover{
color: #fb680f;
text-decoration: underline;
}

#popup5{
margin: 0 auto;
padding-top: 20px;
display: none;
position: relative;
border-right: 1px groove  #770011;
border-bottom: 1px groove #770011;
background: url(images/opaque.png);
}

#popup5 a{
position: absolute;
display: block;
padding: 0 5px;
color: #fff;
top: 0;
right: 0;
font-family: tahoma, "Comic Sans MS", "Times New Roman", Times;
background: #770011;
}

#merci{
display: block;
width: 760px;
height: 410px;
margin: 0 auto;
}

/* --------------------------------------- Plan site --------------------------------------------*/

#page .sitemap   {
list-style-type: none;
margin: 0 auto;
width: 700px;
}

#page .sitemap  li   {
margin: 10px 0 10px 0px;
}

#page .sitemap  li a  {
text-decoration: none;
font-weight: bold;
color: #566c55;
}

#page .sitemap  li ul  a{
color: #000;
font-weight: normal;
}


#page .sitemap  li a:hover,#page .sitemap  li a:focus  {
text-decoration: underline;
background: none;

}

#page .sitemap  li ul  {
list-style-type: none;
margin: 10px 0 10px 50px;
color: #000;
}

#page .sitemap li{
padding-left: 30px;
line-height: 19px;
margin-bottom: 30px;
background: url(images/coeur_pti.png);
background-repeat: no-repeat;
}

#page .sitemap  li ul li {
margin-bottom: 15px;
background: url(images/puce1.gif);
background-repeat: no-repeat;
}

#page .sitemap  span{
font-weight: normal;
font-size: 0.8em;
font-style: italic;
margin-left: 20px;
}
/*------------------------------------- gastronomie -------------------------------------------------------*/
#gastro{
margin: 0 0 20px 30px;
text-align: left;
}

#reso{/*---------------------------------- RESO ----------------------------------------*/
width: 960px; 
margin: 400px auto 0; 
background: transparent; 
border: 0; 
text-align: center; 
font-size: 8px; 
}

#reso a{
color: #b00011;
}

#reso a:hover{
color: #b00011;
}

/*------------------------------------------- voir -----------------------------------------------------*/
#voir{
width: 500px;
height: 112px;
margin: 10px 0 0 280px;
font-size: 1.3em;
padding-bottom: 30px;
text-align: center;
}

#voir span{
display: block;
}

#voir a{
display: block;
width: 500px;
height: 109px;
background: url(images/bouton_voir.png);
color: #edebdf;
text-decoration: none;

}

#rss{
list-style-type: none;
font-size: 1em;
}

#rss li{
padding-left: 20px;
}

#rss a{
color: #2f2f2f;
font-weight: normal;
font-style: italic;
font-size: 1em;
}

#rss a:hover{
text-decoration: underline;
}