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

body { 
   background: transparent url(../../images/fondSite.gif) repeat-x;
	background-color: #654E3C;
	font-family: "Trebuchet MS", Arial, sans-serif;
   font-size: 11px;
   color: #0068B3; }
	
a {
text-decoration: underline;
color: #C3B6A5;
}
a:hover {
text-decoration: none;
color: #E8E6D5;
}
   
#allContent {
   width: 910px; 
   margin: 0 auto;}
	
#mainContent 
{margin-left: 110px;
width: 690px;}



hr {height: 1px white solid;}


/***************************************************************** Col Gauche*/
#ColGauche {
float: left;
width: 177px;}

/***************************************************************** Col droite */
#ColDroite {
background: transparent url(../../images/bkgColDroite.gif);
float: left;
width: 510px; 
margin-top: 40px;}

#ColDroite h2 {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 20px;
padding: 0 0 30px 38px;
color: #E8E6D5;}

#ColDroite p {
display: block;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
padding: 0 0 6px 38px;
color: #C3B6A5;}

#ColDroite .carresPied {
width: 508px;
height: 9px;
background: transparent url(../../images/carresPied.gif) no-repeat right top;}

#ColDroite img{
float: left;
padding: 0 0 0 38px;}


/***************************************************************** Zone text wiswhig*/
#zoneText {
color: #C3B6A5;
margin-left: 40px;}

#zoneText li {
list-style: disc;
color: #C3B6A5;
padding-bottom: 3px;
margin-left: 40px;}

#zoneText p {
padding-bottom: 3px;}








/***************************************************************** Formulaire de contact*/
#coordonnees {
font-family: "Arial", Helvetica, sans-serif;
font-size: 12px;
color: #C3B6A5;
width: 177px;
height: 200px;
background: url(../../images/bkgColGauche.gif) repeat-y;
padding-top: 50px;}



input, textarea, select {
font-family: "Arial", Helvetica, sans-serif;
font-size: 11px;
color: #413633;
background-color: #C3B6A5;
border: 0;
padding: 3px;}

.blocSearchMail input {width: 120px; }
.blocSearchMail .btnRechercher, .btnValider { margin-left: 5px; background-color: #413633; border: 0; color: #fff}
.blocSearchMail .btnRechercher a:hover, .btnValider a:hover { margin-left: 5px; background-color: #fff; border: 0; color: #413633}
.blocSearchMail label { width: 200px; }

#contact #ColDroite fieldset { 
margin-left: 40px;
border: 1px #C3B6A5 dashed; 
padding: 10px; 
margin-bottom: 10px;}

#contact fieldset legend {font-family: "Arial", Helvetica, sans-serif; font-size: 13px; color: #C3B6A5; padding: 0 10px; }
#contact fieldset .lineForm { margin-bottom: 5px; }
#contact fieldset label { display: block; width: 100px; float: left; text-align: right; padding-right: 5px; color: #fff; }
#contact fieldset textarea { width: 300px; height: 60px;}
#contact fieldset .center { text-align: center; margin-top: 10px; }
#contact p.mentions { font-size: 10px; }

#contact .colonne label { width: 100px; }
#contact .colonne input { width: 220px; }

.errMsg { color: #fff; font-size: 11px; }

/***************************************************************** Entete*/
#enTete {
position: relative;
background: transparent url(../../images/bkgTetiere.jpg) no-repeat;
width: 910px;
height: 150px;
}

.logo {display: none;}

#navigation { list-style: none;}
#navigation li a { display: block; position: absolute;}
#navigation li a span { display: none; }

#navigation li#btnAccueil a{
width: 48px; height: 20px; 
left: 110px; top: 104px; 
background: transparent url(../../images/btnAccueil.jpg) no-repeat;}

#navigation li#btnRestaurant a{
width: 89px; height: 20px; 
left: 199px; top: 104px; 
background: transparent url(../../images/btnRestaurant.jpg) no-repeat;}

#navigation li#btnCarte a{
width: 54px; height: 20px; 
left: 328px; top: 104px; 
background: transparent url(../../images/btnCarte.jpg) no-repeat;}

#navigation li#btnActualites a{
width: 68px; height: 20px; 
left: 523px; top: 104px; 
background: transparent url(../../images/btnActualites.jpg) no-repeat;}

#navigation li#btnReservation a{
width: 76px; height: 20px; 
left: 630px; top: 104px; 
background: transparent url(../../images/btnReservation.jpg) no-repeat;}

#navigation li#btnContact a{
width: 54px; height: 20px; 
left: 746px; top: 104px; 
background: transparent url(../../images/btnContact.jpg) no-repeat;}

#navigation li#btnAccueil a:hover,
#navigation li#btnRestaurant a:hover,
#navigation li#btnCarte a:hover,
#navigation li#btnActualites a:hover,
#navigation li#btnReservation a:hover,
#navigation li#btnContact a:hover
{border-bottom: 3px #F15F4E solid;}

#navigation li#btnAccueil span,
#navigation li#btnRestaurant span,
#navigation li#btnCarte span,
#navigation li#btnActualites span,
#navigation li#btnReservation span,
#navigation li#btnContact span
{display: none;}


/***************************************************************** Accueil*/
#zoneFlash {
width: 690px; height: 359px;
margin-bottom: 5px;}

/**************************** Bloc edito home */
#blocEdito 
{float: left;
background: #413633 url(../../images/piedEdito.jpg) no-repeat bottom right;
width: 430px;
padding-bottom: 10px;
}

#blocEdito  h2
{height: 28px;
background: transparent url(../../images/titreBienvenue.jpg) no-repeat;}

#blocEdito  h2 span
{display: none;}

#blocEdito  p
{color: #C3B6A5;
padding: 3px 3px 0 8px;}

#blocEdito  img
{float: right;
padding: 5px;}

/**************************** Bloc actu home */
#accueil #blocActu
{
float: left;
background: #84664E url(../../images/piedActuHome.jpg) no-repeat bottom right;
width: 242px;
height: 200px;
margin-left: 18px;
padding-bottom: 20px;
}

#accueil #blocActu h2
{height: 28px;
background: transparent url(../../images/titreActuHome.jpg) no-repeat;}

#accueil #blocActu h2 span
{display: none;}

#accueil .actu {margin: 0 8px 0 8px;;}

#accueil .date {
font-size: 11px;
color: #C3B6A5;}
	
#accueil .titreActu {
font-size: 12px;
color: #fff;}
	
#accueil .actu p {
color: #fff;}

#accueil .suite a{
display: block;
height: 11px;
background: transparent url(../../images/puceLire.jpg) no-repeat;	
}
#accueil .suite span {
display: none;
}


/***************************************************************** SousNavigation*/
#sousNavigation {
width: 177px;
height: 200px;
background: url(../../images/bkgColGauche.gif) repeat-y;}
#sousNavigation ul {
padding-right: 16px;}
#sousNavigation li {
list-style-type: none;
text-align: right;
padding-right: 12px;
background: transparent url(../../images/puceSousNav.gif) no-repeat right;
color: #C3B6A5;
}

#sousNavigation li a {
text-decoration: none;
color: #C3B6A5;
}
#sousNavigation li a:hover {
text-decoration: none;
color: #E8E6D5;
}



/***************************************************************** Page Actualites */
#actualites #colDroite #zoneText .actu {
border-bottom: 1px #413633 solid;
margin: 0 0 10px 0;}

#actualites h3 {
font-size: 13px; 
font-weight: bold;
color: #C3B6A5;
margin: 0 0 5px 0;}

#actualites .actu h4 {
font-size: 12px;
color: #E8E6D5;
padding: 0 0 5px 0; }

#actualites #zonetext .date {
font-size: 11px; 
color: #F15F4E;}

#actualites .actu img {
float: right;
padding: 0 3px 3px 0;}

#actualites .actu p {
font-size: 11px; 
color: #C3B6A5;}

#actualites .suite a {
float: left;
width: 60px;
line-height: 11px;
display: block;
text-align: left;
padding: 5px 15px 3px 0;
background: transparent url(../../images/puceActu.gif) no-repeat right;}

#actualites #ColDroite .retour a {
display: block;
font-size: 11px;
color: #C3B6A5;
text-align: right;}

#actualites #ColDroite .retour a:hover {
display: block;
font-size: 11px;
color: #E8E6D5;
text-align: right;}

/***************************************************************** Images Illustration colonne gauche */
.imgambiance {
width: 177px;
}





/***************************************************************** Footer */
#Footer {
width: 910px; 
background: transparent url(../../images/filetNavBasse.jpg) no-repeat;
height: 30px;
margin: 30px 0 0 0;}
#Footer a {
text-decoration: none;
color: #C3B6A5;
}
#Footer a:hover {
text-decoration: none;
color:#E8E6D5;
}
#Footer p {
color: #C3B6A5;
font-size: 11px;
text-align: right;
padding: 10px 110px 0 0;
}

.gras { font-weight: bold; font-size: 13px; text-decoration: underline; }

/***************************************************************** Styles pour WPE */

.beigepetit 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #C3B6A5;}
.beigemoyen 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #C3B6A5;}
.beigegrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #C3B6A5;}
.beigetresgrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 20px; color: #C3B6A5;}

.saumonpetit 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #F15F4E;}
.saumonmoyen 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #F15F4E;}
.saumongrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #F15F4E;}
.saumontresgrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 20px; color: #F15F4E;}

.blancpetit 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #FFFFFF;}
.blancmoyen 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #FFFFFF;}
.blancgrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #FFFFFF;}
.blanctresgrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #FFFFFF;}

.grisclairpetit 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #E8E6D5;}
.grisclairmoyen 
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #E8E6D5;}
.grisclairgrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #E8E6D5;}
.grisclairtresgrand
{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #E8E6D5;}