body {
background-image:url(../img/bg.gif);
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
/*--------------------------------POLICES----------------------------------------*/
* {margin:0;padding:0;}

p, a {margin:0;padding:0;}

h1, h2, h3 {margin:15px 0 5px 0}

hr{visibility:hidden;clear:both;}

a{
color:#B89B14;
text-decoration:underline;
font-weight:normal;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px;
font-weight:normal;
margin:10px 0;
color:#194D87;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#006699;
}

h3 {
font-weight:bold;
font-size:11px;
}

#cadre_droite  h2{
font-size:16px;
color:#774E04;
}

.gras {
font-weight:bold;
}

.petit {
font-size:10px;
}

.float_gauche {
float:left;
margin:10px 15px 10px 0;
}
.float_droit {
float:right;
margin:10px  0 10px 15px;
}

div#cadre_gauche ul, div#cadre_droite ul{
margin:10px;
}
div#cadre_gauche li, div#cadre_droite li{
list-style-type:square;
padding:3px;
margin-left:10px;
}



div#cadre_gauche td {
border-left:1px solid #ccc;
padding:5px;
}





/*---------------------------------CONTAINER--------------------------------------*/
#container {
margin:0 auto;
width:712px;
padding:0 1px;
background-color:#FFFFFF;
border-left:9px solid #002142;
border-right:9px solid #002142;
background-image:url(../img/bg_contenu.gif);
background-repeat:repeat-y;
}
/*---------------------------------HEADER----------------------------------------*/
#sub_header {
background-color:#01152D;
height:92px;

background-repeat:no-repeat;
background-position:bottom center;
text-align:center;
color:#FFFFFF;
}

#sub_header h1 {
font-size:10px;
font-weight:normal;
color:#BEA84A;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:0;
}

#menu_header{
float:right;
font-size:10px;
margin-right:10px;
margin-top:20px;
}
#menu_header a:link,#menu_header a:visited{
text-decoration:none;
margin-right:10px;
}

#menu_header a:hover,#menu_header a:active{
color:#fff;
}

#bande_logo {

}

#bandeau {
background-image:url(../img/bandeau2.jpg);
height:202px;
background-repeat:no-repeat;
}

#bandeau h1{
visibility:hidden;
margin:0;
}
/*---------------------------------MENU-----------------------------------------*/
#container_menu {
background-image:url(../img/fond_menu.gif);
height:26px;
background-repeat:no-repeat;
color:#D8BC4D;
text-transform:uppercase;
font-size:10px;
}

#container_menu a {
text-decoration:none;
}


/*-------------------------------CONTENU-----------------------------------------*/
#contenu {
padding:20px;
color:#01162D;
}

#cadre_gauche {
width:437px;
padding:0;
line-height:18px;
text-align:justify;
}

#cadre_droite {
float:right;
width:190px;
padding:0;
color:#774E04;
line-height:18px;
margin-top:10px;
}

html>body #cadre_droite {
width:200px;
float:right;
}

.separation {
width:276px;
height:19px;
background-image:url(../img/separation.gif);
background-repeat:no-repeat;
background-position:top left;
margin-left:90px;
margin-bottom:20px;
margin-top:20px;
}

/*-------------------------------FOOTER------------------------------------------*/
#footer {
background-image:url(../img/bg_footer.gif);
border-top:2px solid #DABC4E;
text-align:center;
color:#B89B14;
clear:both;
padding:10px;
}

#footer a, #footer a:visited {
text-decoration:none;
color :#B89B14;
}

#footer a:hover, #footer a:active {
color:white;
}


/*------------------------------ENCADRE CARTE------------------------------------------*/


.fermer {
float:right;
margin:5 10px;
font-size:10px;
color:#000;
cursor:pointer;
}

.encadres_carte p{
line-height:18px;
}

.encadres_carte {
margin:5px 0;
border:1px solid #F3E7D1;
background-color:#FDFAF4;
padding:10px;
float:right;
border-left:5px solid #EBDCC1;
}

/*-----------------------------FORMULAIRE CONTACT----------------------*/

.formulaire_contact {
width:430px;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#9E841B;
border:1px solid #fff;
background-color:#F7EFDE;
}

.bouton_contact {
background-color:#F7EFDE;
border:2px solid #fff;
color:#003366;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
padding:5px 10px;
}

/*--------------------SOMMAIRE--------------------------*/

#sommaire {
border:1px solid #F4E8D2;
padding:0;
}


.citation {
background-color:#FFFFFF;
padding:40px 20px 20px 20px;
background-image:url(../img/bulle-haut.gif);
background-repeat:no-repeat;
background-position:top right;
}


/*--------------------RECETTE--------------------------*/

.recette-container {
background-image:url(../img/bg_recette.gif);
background-repeat:repeat-y;
width:405px;
padding:0;
margin:0;
padding-bottom:20px;
border-bottom:1px solid #F5F0E4;
}

.recette {
width:405px;
background:url(../img/bg_menu-haut.gif) top center no-repeat;
padding-top:30px;
}

div .recette p {
padding:0 50px;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:22px;
}

div .recette ul {
padding:0 50px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;

}


div .recette h3 {
text-align:center;
padding:30px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
font-size:12px;
font-weight:normal;
color:#B89B14;
text-transform:uppercase;
}

div .recette h3:first-letter  {
font-size:18px;
}

div .recette p.auteur {
background-image:url(../img/auteur.jpg);
background-position:top center;
background-repeat:no-repeat;
color:#000;

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
margin:5px;
padding:0;
padding-top:15px;
line-height:12px;
}


/* ######################### Logo ###################### */

div#logo {
position:absolute;
margin-top:32px;
margin-left:323px;
width:80px;
height:81px;
}