/* ------------------------------------ *
 CSS
 mardi 17 novembre 2009 16:43:01
 HAPedit 3.1.11.111
 * ------------------------------------ */

 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-weight: inherit;
    font-style: inherit;*/
    font-size: 100%;
    /*font-family: inherit;*/
    vertical-align: baseline;
}

a img { border: none; }



 body {
    background-color: #c4c4c4;
	font-family : calibri, arial;/*lucida calligraphy, arial;*/
}

.clear{
	clear:both;
}

div#Page {
    width: 1024px;
    margin-left: auto; margin-right: auto;
    /*border-width:1px;
    border-style:solid;*/
}

div#Header {
    background-image: url(../images/header.jpg);
    background-repeat:no-repeat;
    width: 1024px;
    height:308px;
}

div#Header img.logo{
    margin-left:593px;
    margin-top:50px;
}

div#Menu {
    width: 984px;
    height:68px;
    padding-right:40px;
    float:right;
    text-align:right;
}

.prix{
color:#000000;
}
.clear{
clear:both;
}

/*MENU DE NAVIGATION*/

div#Menu div.presentation a {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/presentation.png);
background-repeat:no-repeat;
float:right;
width:169px;
height:68px;
} 
div#Menu div.presentation a:hover {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/presentation2.png);
background-repeat:no-repeat;
float:right;
width:169px;
height:68px;
}

div#Menu div.restaurant a {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/lerestaurant.png);
background-repeat:no-repeat;
float:right;
width:203px;
height:68px;
} 
div#Menu div.restaurant a:hover {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/lerestaurant2.png);
background-repeat:no-repeat;
float:right;
width:203px;
height:68px;
}

div#Menu div.menus a {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/lesformules.png);
background-repeat:no-repeat;
float:right;
width:213px;
height:68px;
} 
div#Menu div.menus a:hover {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/lesformules2.png);
background-repeat:no-repeat;
float:right;
width:213px;
height:68px;
}

div#Menu div.contacts a {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/contacts.png);
background-repeat:no-repeat;
float:right;
width:120px;
height:68px;
} 
div#Menu div.contacts a:hover {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/contacts2.png);
background-repeat:no-repeat;
float:right;
width:120px;
height:68px;
}

div#Menu div.liens a {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/liens.png);
background-repeat:no-repeat;
float:right;
width:90px;
height:68px;
} 
div#Menu div.liens a:hover {
display:block;
text-decoration:none;
background-image:url(../images/menu_navigation/liens2.png);
background-repeat:no-repeat;
float:right;
width:90px;
height:68px;
}

div#Menu img{
float:right;
}
 

/**/


div#Contenu {
    background-image: url(../images/contenu.jpg);
    background-repeat:repeat-y;
    width: 924px;
    padding: 10px 70px 10px 50px;
	overflow:auto;
}

div#Contenu p{
    text-align:justify;
}

div#Contenu p.rouge{
    text-align:justify;
	color:red;
}

div#Contenu p.centrer{
    text-align:center;
}

div#Contenu p.Titre{
    text-align:justify;
    color:#ffffff;
    font-weight:bold;
    font-size:1.2em;
}

div#Contenu p.TitreMenu{
    text-align:center;
    color:#012843;
    font-weight:bold;
    font-size:1.3em;
} 


div#Contenu p.Menu{
	
    font-family: vivaldi;
	/*src: url('http://lediapason-restaurant.com/css/vivaldi.ttf');*/
	text-align:justify;
	font-size:22px;	
	font-weight:bold;
}

div#Contenu div.QuatreColonnes {
    width:25%;
    text-align:center;
    float:left;
	overflow:hidden;
}

div#Contenu div.DeuxColonnes {
    padding : 20px;
    margin: 23px;
    border-width:1px;
    border-style:solid;
    width:40%;
    float:left;
    text-align:center;
	overflow:auto;
}

div#Contenu div.DeuxColonnesSansContour{
    padding : 20px;
    margin: 23px;
    border-width:0px;
    width:40%;
    float:left;
    text-align:justify;
	overflow:auto;
}

div#Contenu div.UneColonne {
    padding : 20px;
    margin: 23px;
    border-width:1px;
    border-style:solid;
    width:828px;
    float:left;
    text-align:center;
	overflow:auto;
}

div#Contenu div.UneColonne p.centrer{
    text-align:center;
}

div#Contenu div.UneColonne div.double {
    /*padding : 20px;*/
    /*margin: 23px;*/
    width:50%;
    float:left;
    text-align:center;
	overflow:auto;
}

div#Contenu div.DeuxColonnes p{
    text-align:center;
}

div#Contenu p.TitreCentrer{
    text-align:center;
    color:#c50000;
    font-weight:bold;
    font-size:1.2em;
}

div#Contenu p.TitreCentrer2{
    text-align:center;
    color:#c50000;
    font-weight:bold;
    font-size:1.5em;
    text-decoration:underline;
}



div#Contenu p.texte_footer{
    margin-top:20px;
    text-align:center;
    color:#545456;
    font-size:0.9em;
}

div#anim{
float:left;
margin-right:15px;
}

/*permet d'avoir des images à gauche avec le texte aligné à sa droite*/
div#Contenu  img.gauche{
    float:left;
    margin-right:20px;
}

/*permet d'avoir des images à droite avec le texte aligné à sa gauche*/
div#Contenu  img.droite{
    float:right;
    margin-left:20px;
}

div#Contenu a{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}
div#Contenu a:hover{
    color:#ffffff;
    text-decoration:underline;
    font-weight:bold;
}

div.Deux_Colonnes{
    width:50%;
    float:left;
	overflow:auto;
}

div#Alignement_Formulaire{
    padding-left : 20px;
    padding-right: 25px;
}

div#Alignement_PlanGoogle{
    padding-left : 20px;
}


div#Footer {
    background-image: url(../images/footer.jpg);
    background-repeat:no-repeat;
    width: 1024px;
    height:21px;
}


div#Footer_mentionsGauche{
    width:667px;
    float:left;
    padding-left:30px;
    padding-bottom: 30px;
}
div#Footer_mentionsDroite{
    text-align:right;
    width:300px;
    float:left;
    padding-bottom: 30px;
}
div#Footer_mentionsDroite p{
    color:#646464;
    font-size:0.6em;
}


div#Footer_mentionsDroite a{
    color:#646464;
    text-decoration:none;
}
div#Footer_mentionsDroite a:hover{
    color:#646464;
    text-decoration:underline;
}

div#Footer_mentionsGauche p{
    color:#646464;
    font-size:0.6em;
}


div#Footer_mentionsGauche a{
    color:#646464;
    text-decoration:none;
}
div#Footer_mentionsGauche a:hover{
    color:#646464;
    text-decoration:underline;
}