* { margin: 0; padding: 0; }
.break { clear: both; line-height: 1px; font-size: 1px; height: 1px; }

body { 
   background: #FFF;
	font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
   font-size: 14px;
   color: #78564F; }
   
a { color: #78564F; }
a:hover { color: #78564F; }
   
#allContent {
   width: 767px; 
   margin: 0 auto;}
   
/***************************************************************** Entete */

#enTete {
width: 767px; height: 172px;
background: transparent url(../../images/bgEntete.jpg) no-repeat right top;}
.btnAccueil {
float: right;
display: block;
background: transparent url(../../images/btnAccueil.jpg) no-repeat right top;
width: 92px; height: 68px;} 
.btnAccueil span {
display: none;} 


#mainContent {
width: 767px;}

/***************************************************************** Col Gauche avec Navigation */

#colGauche {
margin-top: -14px;
float: left;
width: 228px;
position: relative;
padding-top: 120px;}

.logo {
position: absolute; left: 0; top: 0;
border: 0;
padding-bottom: 16px;}

#navigation li {
list-style: none;
float: right;
padding: 0 9px 5px 0;}

#navigation li a { 
display: block; height: 30px;}
#navigation li a span { display: none; }
#navigation li#btnA a { width: 179px; background-image: url(../../images/btnResidence.gif); }
#navigation li#btnB a { width: 179px; background-image: url(../../images/btnRestaurant.gif); }
#navigation li#btnC a { width: 179px; background-image: url(../../images/btn_sejour_thalasso.gif); }
#navigation li#btnD a { width: 179px; background-image: url(../../images/btnEnvironnement.gif); }
#navigation li#btnE a { width: 179px; background-image: url(../../images/btn_tarifs.gif); }
#navigation li#btnF a { width: 179px; background-image: url(../../images/btnReservations.gif); }
#navigation li#btnG a { width: 179px; background-image: url(../../images/btnContact.gif); }
#navigation li#btnH a { width: 179px; background-image: url(../../images/btnActualites.gif); }
#navigation li#btnI a { width: 179px; background-image: url(../../images/btn_visite.gif); }
#navigation li a:hover{ background-position: -179px; }

/***************************************************************** Col droite */

#colDroite {
float: left;
width: 539px;}

#colDroite h2 {
text-align: right;
height: 22px;
background: transparent url(../../images/bgTitrePage.gif) no-repeat right bottom;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: normal;
color: #78564F;}

/***************************************************************** sous navigation */

#contentSousNav {
height: 34px;
padding-bottom: 21px;
}
#sousNavigation ul {
padding-top: 18px;
list-style: none;}
#sousNavigation ul li {
display: block; 
float: right; 
padding: 0 5px 0 10px;
background: transparent url(../../images/puceSousNavigation.gif) no-repeat 0 5px;}
#sousNavigation ul li a { text-decoration: none; color: #78564F; font-size: 12px; text-decoration: underline;  }
#sousNavigation ul li a:hover { text-decoration: underline; }


/***************************************************************** Col droite contenu */
#contentColDroite {

padding: 0 0 0 12px;
width: 527px;
background: transparent url(../../images/bgColDroite.gif) repeat-y;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
color: #78564F;
text-align: justify;}

#contentColDroite h3 {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 14px;
color: #C41F3B;
padding-bottom: 10px;}

#contentColDroite h4 {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 16px;
color: #78564F;
padding: 10px 0 3px 0;
border-bottom: 1px #C9BBB9 solid}

#pageScript #contentColDroite img {
border: 1px #C9BBB9 solid;
float: right;
padding: 5px;
margin: 5px;}

/********************************** éléments de formulaire */

fieldset {padding: 15px; border: 0;}
label { width: 160px; display: block; float: left; text-align: right; padding-right: 5px;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
color: #78564F; }

.lineForm { margin-bottom: 10px; }

select{
border: 1px #C9BBB9 solid;
font-family: "Arial", Verdana, sans-serif;
font-size: 11px;
color: #78564F;}
	
input{
border: 1px #C9BBB9 solid;
width: 180px;
height: 18px;
font-family: "Arial", Verdana, sans-serif;
font-size: 11px;
color: #78564F;
padding: 2px 0 0 2px;}

input.small{
width: 50px;}
	
input.medium{
width: 150px;}
	
input.long{
width: 300px;}
	
textarea {
border: 1px #C9BBB9 solid;
width: 300px;
font-family: "Arial", Verdana, sans-serif;
font-size: 11px;
color: #78564F;}

.btn { text-align: right;
padding-right: 50px; }

#btnValider {
float: right;
display: block; 
border: 0;
width: 90px !important; height: 28px; 
text-align: center; background: transparent url(../../images/btnValider.gif) no-repeat; }

.noSize { border: 0; width: auto !important; }

/***************************************************************** page Contact */
#pageContact .red {
font-family: "Arial", Verdana, sans-serif;
font-size: 11px;
color: #C41F3B;}
/***************************************************************** page Contact Merci */

#pageContactMerci #contentColDroite
{padding-top: 60px;} 

#pageContactMerci #contentColDroite p{
padding-top: 10px;
text-align: center;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
color: #78564F;}


/***************************************************************** Home page Actualités */
#pageAccueil .blocActu {
padding: 5px 0 5px 0;
border-bottom: 1px #C9BBB9 dashed;
}

#pageAccueil .blocActu .date {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
color: #C41F3B;
padding: 3px 0 3px 0;}

#pageAccueil .blocActu h5 {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 14px;
color: #78564F;}

#pageAccueil .blocActu p {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
color: #78564F;}
	
#pageAccueil .blocActu img {
border: 1px #C9BBB9 solid;
float: right; 
margin: 0 0 5px 5px;}

#pageAccueil .blocActu .lire a{
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
color: #C41F3B;
padding: 3px 0 3px 0;}

/***************************************************************** pageActualités */
#pageActualites .blocActu {
padding: 5px 0 5px 0;
border-bottom: 1px #C9BBB9 dashed;
}

#pageActualites .blocActu .date {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
color: #C41F3B;
padding: 3px 0 3px 0;}

#pageActualites .blocActu h5 {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 14px;
color: #78564F;}

#pageActualites .blocActu p {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
color: #78564F;}
	
#pageActualites .blocActu img {
border: 1px #C9BBB9 solid;
float: right; 
margin: 0 0 5px 5px;}

#pageActualites .blocActu .lire a{
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
color: #C41F3B;
padding: 3px 0 3px 0;}

.retour a {
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
color: #C41F3B;
display: block;
text-align: right;
padding-bottom: 10px;
}



















/***************************************************************** footer */

#footer {
height: 69px; background: transparent url(../../images/bgPiedPage.jpg) no-repeat right top;}
#footer ul {
padding-top: 50px;
list-style: none;}
#footer ul li {display: inline; float: right; padding-right: 5px;}
#footer ul li a { text-decoration: none; color: #78564F; font-size: 11px; }
#footer ul li a:hover { text-decoration: underline; }