@font-face {
	font-family:'danielbd';

        /* for IE */
	src: url('../font/danielbd.eot') ;

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('danielbd'),
		url('../font/danielbd.woff') format('woff'),
	    url('../font/danielbd.ttf') format('truetype'),
		url('../font/danielbd.svg#DanielBold') format('svg');
		 
}


*{
	margin: 0 auto;
	padding: 0;
}

body
{
	font-family : Verdana, Arial, sans-serif;
	font-size:12px;
	background-color:#F6F3E0;
}


# ensemble
{
	width:960px;
}


/*------------------------- VARIABLE GENERAL ------------------------*/
p
{
	color:#3F230E;
}

a
{
	text-decoration:none;
	color:#3F230E;
}

a.fr
{
	background: url(./images/drap_fr.jpg) no-repeat;
	width:37px;
	height: 34px;
}

a.en
{
	background: url(./images/drap_en.jpg) no-repeat;
	width:37px;
	height: 34px;
}	

ul 
{
	list-style-type:none;

}	

img{
	border:none;
}

hr
{
	background-color: #000;
	color: #000;
	height: 2px;
	border:none;
	overflow:hidden;
}


/*------------------------- FIN VARIABLE GENERAL ------------------------*/

#haut_index
{
	height:120px;
	width: 960px;
	overflow:hidden;
	background: url(./images/banniere_index.jpg) no-repeat;
}

#haut_index img
{
	margin-left:35px;
	margin-top:12px;
}

#haut
{
	background: url(./images/haut2.jpg) no-repeat;	
	height:137px;
	width:1012px;
}

#haut_gauche
{
	margin-top:10px;
	margin-left:10px;
	height: 35px;
	width: 200px;
	float:left;
}

#haut_gauche a
{
	margin-top:15px;
	margin-left:20px!important;
	margin-left:10px;
}

#haut_gauche a.fr, #haut_gauche a.en
{
	position:absolute;
}

#haut_gauche a.en
{
	margin-left:65px!important;
	margin-left:55px;
}

#haut_droit
{
	margin-top:47px;
	float:right;
	width:250px;
	margin-right:45px;
	text-align:center;
	display:inline;
}

#haut_droit img
{
	margin-bottom:10px;

}

#haut_droit p
{
	margin-bottom:8px;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
}

#haut_droit a
{
	margin-left:167px;
	color:#FFFFFF;
	font-size:10px;
}


#center_index, #center
{

	width:1012px;
}

#milieu{
 width:960px;
}

#center_index
{

	background: url(./images/centre_index.jpg) no-repeat;	
	height:351px;
	
}

#center_index p
{

	float:right;
	margin-top:18px;
	font-weight:bold;
	width:740px;
	font-size:10px;
	
}

#center
{
	background: url(./images/fond.jpg) bottom no-repeat;	
	min-height:334px;
	height:auto!important;
	height:334px;
	overflow:hidden!important ;
	overflow:visible ;
}

#chapocat
{
	text-align:right;
	display:block;
}

#art
{
	float:right;
	width:300px;
	margin-right:6px;
}

#slideshow
{
	float:left;
	text-align:right;
	width:645px;
}

#article_liste
{
	width:800px;
	margin:0 auto;
	padding-bottom:15px;
	
}

/* -------------------- GESTION PAGE LES MENUS / LA CAVE / LES TARIFS / PLAT A EMPORTER / APERITIF ------------------------- */


#livre_haut
{
	background: url(./images/livre_haut.gif) no-repeat;
	width:850px;
	height:73px;
}

#livre_centre
{
	background: url(./images/livre_centre.gif) repeat-y;
	width:822px;
	height:auto!important;
	height:185px;
	overflow:hidden!important ;
	overflow:visible;
	margin-left:4px;
	
}

#article_liste ul
{
	
	width:850px;
	display:inline-block;
}


#article_liste ul li
{
	display : inline;
	float:left;
	width:390px;
	margin-left:30px;
	margin-right:-20px;
}

#pagination
{
	clear:both;
	margin-top:20px;
	
}

#pagination a.suivant
{
	float:right;
	margin-right:20px;
}

#pagination a.precedent
{
	float:left;
	margin-left:20px;
}

#livre_bas
{
	background: url(./images/livre_bas.gif) no-repeat;
	width:822px;
	height:54px;
	margin-left:4px;
	
}


/* -------------------- FIN GESTION PAGE LES MENUS / LA CAVE / LES TARIFS / PLAT A EMPORTER / APERITIF ------------------------- */

/* -------------------- GESTION PAGE ACTUALITE ------------------------- */

#chapoactu
{
 text-align:center;
}

#actu
{
margin-left:240px;
padding-bottom:15px;
}

#actuContent
{
width:642px;
}

#haut_cadre
{
	background: url(./images/haut_cadre.jpg) no-repeat;
}

#haut_cadre, #bas_cadre
{
	width:642px;
	height: 30px;
}

#centre_cadre
{
	background: url(./images/gauche_cadre.jpg) left repeat-y;
	min-height:185px;
	height:auto!important;
	height:185px;
	overflow:hidden!important ;
	overflow:visible;
	display:block!important;
	display:inline-block;
}


#actualite
{
	background: url(./images/droite_cadre.jpg) right repeat-y;
	min-height:185px;
	height:auto!important;
	height:185px;
	overflow:hidden!important ;
	overflow:visible;
	float:left;
	width:602px;
	margin-left:40px;
	display:inline;
}

#actualite p
{
	clear:both;
}


#actualite p.separateur, #actualite p.page
{
	text-align :center;
	font-weight:bold;
	color :#000;
}


#actualite p.lien_art span
{
	float:left;
	font-weight:bold;
	color :#000;
}


#actualite p.lien_art a, #actualite a.retour
{
	float:right;
	margin-right:30px;
	color:#574118;
}

#actualite p.lien_art a
{
	font-weight:normal;
	margin-bottom : 5px;
}

#actualite a.retour
{
	font-weight:bold;
}

#actualite p.page
{
	margin-top:8px;
}

#actu_texte
{
	margin-right:40px;
}

#actu_texte p.titre_art
{
	color:#574118;
	font-weight:bold;
	font-size:16px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
}


#bas_cadre
{
	background: url(./images/bas_cadre.jpg) no-repeat;
	clear:both;
}

/* -------------------- FIN GESTION PAGE ACTUALITE ------------------------- */

/* -------------------- GESTION PAGE LIEN ------------------------- */

#lien
{
	background: url(./images/fond_lien.jpg) no-repeat;
	width:555px;
	margin-top:30px;
	margin-left:246px;
	height:328px;
}

#chapolien
{
	text-align:right;
}

#texte_lien
{
	margin-left:40px;
}

#texte_lien a
{
	text-decoration:underline;
}


/* -------------------- FIN GESTION PAGE ACTUALITE ------------------------- */

#footer
{
	background: url(./images/fond_bas.jpg) no-repeat;
	width:960px;
	height: 93px;
	clear:both;
	
}

#footer_index
{
	float:right;
	margin-top: 13px;
	width:440px;
	
}

#footer_index img
{
	margin-right:125px;
	margin-bottom:8px;
}

#langue
{
	margin-left: 167px;

}

#langue a.fr, #langue a.en
{
	background-position:bottom right;
	padding-top:12px;
	padding-right:40px;
	font-size:10px;
	font-weight:bold;
}

#langue a.fr
{
	margin-right:5px;
}

#footer_gauche
{
	float:left;
	width:732px;
}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-size : 15px; 
		margin-top:15px;
		font-family :'danielbd', Arial;
}

#menu a /* Contenu des listes */
{
        display : inline-block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        width : 107px; /* largeur */
		height: 25px;	
		letter-spacing:-2px;
}

#menu a:hover /* Contenu des listes */
{
	background: transparent url(./images/menu_survol.jpg) bottom no-repeat; 
	height: 25px;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
}



#menu li ul /* Sous-listes */
{ 
		/* position: absolute;*/ /* Position absolue */
        width: 100px; /* Largeur des sous-listes */	
       /* left: -999em; /* Hop, on envoie loin du champ de vision */
	   color:#55683b;  
	   
}

#menu li ul a
{  
	   height:20px;
	   position:relative;
	   font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	   font-size : 12px;
	   letter-spacing:0px;
	   font-weight:normal;
}



#menu li ul a:hover
{  
	   color:#55683b;
	   background:none; 
	   height:20px;
}



#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */   
}

#reserver {
	border: 1px solid #3E2312;
    float: left;
    height: 19px;
    margin-top: 0;
    width: 85px;
}


#footer_droit
{
	background: url(./images/lavande.jpg) no-repeat;
	width:228px;
	height: 90px;
	float:right;
	margin-top:3px;
	text-align:right;
	font-weight:bold;
	font-size:10px;
}

#coordonner
{
	margin-top:20px;
	margin-right:5px;
}



#bas
{
	width:960px;
	text-align:center;
	clear:both;
	font-size:10px;
}

#bas a
{
	color:#281808;
	font-weight:bold;
	display:block;
}

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


/*------------------------- STYLE CSS -----------------------*/

.Normal-noir-16
{
	font-size:16px;
}

.Normal-vert-11
{
	font-size:11px;
	color:#45582C;
}


.Normal-vert-13
{
	font-size:13px;
	color:#45582C;
}

.Normal-rouge-16
{
	font-size:16px;
	color:#F30000;
}

.Bold-rouge-11
{
	font-size:11px;
	color:#F30000;
}

.Italic-rouge-10
{
	font-size:10px;
	color:#F30000;
}

.Normal-marron-11
{
	font-size:11px;
	color:#3F250F;
}

.Normal-violet-11
{
	font-size:11px;
	color:#C72C48;
}