* {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
body {
text-align : center;
margin : 15px 0 25px 0;
}
div {
margin : 0;
padding : 0;
text-align : left;
}
div#content {
width : 737px;
margin : 0 auto;
background-image : url("../images/topleft.jpg");
background-position : right;
background-repeat : repeat-y;
}
div#head {
width : 737px;
height : 33px;
background-image : url("../images/head.jpg");
text-align : center;
}
div#head .block {
display : block;
width : 103px;
height : 27px;
float : left;
background-repeat : no-repeat;
}
div #head a:hover {
background : url("../images/menu_selected.jpg");
}
div#head a img.selected {
float : left;
border : 0;
}
div#head .block span {
display : none;
}
div#head img.separateur {
height : 25px;
width : 2px;
float : left;
}
div#home {
background : url("../images/home.jpg");
width : 737px;
height : 519px;
}
div#home #logo {
position : relative;
left : 252px;
top : 204px;
width : 194px;
height : 212px;
}
div#home img {
border : 0;
}
div#centerborderleft {
background : url("../images/topleft.jpg") repeat-y left;
}
div#center {
background : url("../images/vollute.jpg") no-repeat left bottom;
}
div #contentleft {
background-image : url("../images/topleft.jpg");
background-repeat : repeat-y;
float : left;
width : 205px;
}
div#topleft {
width : 155px;
height : 100px;
margin : 40px 20px 20px 20px;
color : #be8b21;
}
html > body div#topleft {
height : auto;
min-height : 100px;
}
div#topleft ul {
list-style-type : none;
padding : 0;
margin : 0;
}
div#topleft ul li {
background : url('../images/topleft_fleche.gif') no-repeat;
padding : 0 5px 5px 15px;
}
div#topleft a {
color : #791600;
text-decoration : none;
}
div#topleft a:hover {
color : #be8b21;
text-decoration : none;
}
div#logoleft {
width : 146px;
height : 160px;
padding : 10px;
background : #fff;
position : relative;
left : 1px;
top : 10px;
}
div#logoleft img {
border : 0;
}
div#spacerleft {
width : 165px;
height : 100px;
position : relative;
left : 1px;
top : 0;
}
div#page {
margin-top : 40px;
padding : 0;
width : 510px;
float : left;
letter-spacing : 1px;
word-spacing : 2px;
}
div#pagefull {
padding-top : 20px;
width : 735px;
letter-spacing : 1px;
word-spacing : 2px;
text-align : center;
}
div#pagefull img {
border : 1px solid #be8b21;
}
div#page a {
color : #ae8b78;
text-decoration : none;
}
div#page a:hover {
text-decoration : underline;
}
div#page h1 {
font-size : 16px;
text-transform : uppercase;
color : #791600;
margin : 0;
}
div#page h2 {
color : #791600;
margin : 10px;
}
div#page #lienautres {
background : url("../images/menu_spacer.jpg");
text-align : right;
padding-top : 25px;
padding-right : 10px;
}
div#page #menus {
float : left;
width : 325px;
margin-left : 10px;
}
div#page #menus a {
display : block;
float : left;
margin : 0 10px 12px 10px;
width : 249px;
padding : 0;
height : 41px;
background : url(../images/cadre_menu.jpg);
text-align : center;
color : #7b1401;
padding : 22px 5px 0 45px;
font-weight : bolder;
font-size : 14px;
}
div#page #menus a:hover {
text-decoration : none;
}
div#page #menus a img {
border : 0;
}
div#page #menus_right {
float : left;
width : 150px;
}
div#page #menus_right .top {
width : 150px;
height : 11px;
background : url('../images/cadre_top.jpg');
margin : 0;
padding : 0;
font-size : 0;
}
div#page #menus_right .back {
width : 130px;
background : url('../images/cadre_back.jpg') repeat-y;
padding : 0 10px;
font-size : 10px;
}
div#page #menus_right .back h2 {
margin : 0 0 5px 0;
}
div#page #menus_right .back p {
font-size : 10px;
margin : 0;
color : #791600;
}
div#page #menus_right .back img {
float : left;
margin : 0 10px 5px 5px;
}
div#page #menus_right .foot {
width : 150px;
height : 12px;
background : url('../images/cadre_foot.jpg');
font-size : 0;
}
div#page #menu {
text-align : center;
}
div#page #menu h1 {
margin-bottom : 40px;
color : #791600;
font-size : 15px;
font-weight : bolder;
}
div#page #menu img.barre {
background : url("../images/menu_spacer.jpg");
width : 40%;
height : 2px;
display : block;
margin : 25px auto;
}
div#page #menu #lienautres a {
font-weight : bolder;
}
div#page #produits {
text-align : center;
}
div#page #recettes h1 {
text-align : center;
}
div#page #recettes ul {
list-style-type : none;
}
div#page #recettes li {
clear : both;
}
div#page #recettes li div {
margin-bottom : 30px;
}
div#page #recettes li img {
border : 1px solid #791600;
}
div#page #recette h1 {
padding-bottom : 30px;
}
div#page #recette #ingredients {
width : 240px;
float : left;
padding : 0;
margin-right : 18px;
}
div#page #recette #photo {
width : 230px;
float : right;
margin : 0 5px 20px 10px;
}
div#page #recette #photo img {
width : 230px;
border : 1px solid #791600;
}
div#page .photos img {
border : 1px solid #791600;
margin : 20px;
float : left;
}
div#page #contact input.champ {
border : 1px outset #aaa;
padding : 2px;
}
div#page #contact input.submit {
border : 1px solid #000;
background-color : #791600;
color : #fff;
font-weight : bold;
padding : 2px 6px 2px 6px;
}
div#page #contact h1 {
text-align : center;
}
div#page #contact textarea {
border : 1px outset #aaa;
}
div#page #contact table td {
height : 25px;
}
div#page #plan_acces_img {
text-align : center;
}
div#page #plan_acces_img img {
border : 1px solid #791600;
}
div#page #plan_acces_titre {
font-size : 11px;
float : left;
width : 200px;
text-align : center;
margin-top : 125px;
}
div#page #liens h1 {
text-align : center;
}
div#page #liens img {
float : left;
border : 1px solid #791600;
margin : 0 10px;
}
div#page #liens img.gite {
float : left;
border : 1px solid #791600;
margin : 0 8px;
}
div#erreurMessage {
text-align : center;
color : #d00;
font-weight : bold;
padding : 5px;
margin : 5px;
}
.spacer {
clear : both;
}
div#foot {
height : 50px;
background-image : url("../images/foot.jpg");
padding-left : 210px;
}

div#foot #footleft {
width : 410px;
float:left ;
height:50px ;
}

div#foot #footleft h1 {
color : #791600;
margin : 0;
padding : 0;
}

div#foot #footleft .actu {
padding : 0;
margin : 0;
}
div#foot #footright {
float : right;
color : #791600;
width : 100px;
padding : 25px 0 0 0;
margin : 0;
height:25px ;
font-size:10px ;
}
#copy {
color : #e2c1ae;
text-align : center;
font-size : 10px;
width : 600px;
padding : 0;
margin : 0 auto;
}
#copy a {
color : #e2c1ae;
font-size : 10px;
text-decoration : none;
}
#copy a:hover {
color : #791600;
font-size : 10px;
text-decoration : none;
}
.venir_au_bengy {
color : #791600;
font-style : italic;
margin-top : 10px;
text-decoration : none;
}
.td_texte {
text-align : right;
padding-right : 10px;
}