@charset "UTF-8";
/* CSS Document */

body{
margin:0;
padding:0;
background-color:#FFFFFF;font-family:"Trebuchet MS", Times, serif;
}

#container{
position:absolute;
left: 50%;
top: 20px;
width:950px;
margin-left:-475px;
}

img{
display:block;
}

p{
text-align:justify;
margin:0;
}


/* -----------  header  ------------- */

#header{
width:950px;
height:175px;
position:relative;
background-image:url(../images/bgheader.jpg);
background-repeat:no-repeat;
background-position:top;
}

#header a{
display:block;
width:100%;
height:100%;
}


#logo{
width:176px;
height:140px;
background-image:url(../images/logo.png);
position:absolute;
z-index:50;
}









/* ----  menu  ------ */


#accueil_menu{
position:absolute;
bottom:0;
width:119px;
height:35px;
background:url(../images/menu_01.jpg) no-repeat -119px 0;
float:left;
}

#lacarte_menu{
position:absolute;
bottom:0;
left:119px;
width:118px;
height:35px;
background:url(../images/menu_02.jpg) no-repeat -118px 0;
float:left;
}

#concept_menu{
position:absolute;
bottom:0;
left:237px;
width:119px;
height:35px;
background:url(../images/menu_03.jpg) no-repeat -119px 0;
float:left;
}

#livraison_menu{
position:absolute;
bottom:0;
left:356px;
width:119px;
height:35px;
background:url(../images/menu_04.jpg) no-repeat -119px 0;
float:left;
}

#news_menu{
position:absolute;
bottom:0;
left:475px;
width:119px;
height:35px;
background:url(../images/menu_05.jpg) no-repeat -119px 0;
float:left;
}

#friends_menu{
position:absolute;
bottom:0;
left:594px;
width:119px;
height:35px;
background:url(../images/menu_06.jpg) no-repeat -119px 0;
float:left;
}

#presse_menu{
position:absolute;
bottom:0;
left:713px;
width:118px;
height:35px;
background:url(../images/menu_07.jpg) no-repeat -118px 0;
float:left;
}

#contact_menu{
position:absolute;
bottom:0;
left:831px;
width:119px;
height:35px;
background:url(../images/menu_08.jpg) no-repeat -119px 0;
float:left;
}








/* ----  menu legumes position par defaut en dehors du cadre  ------ */

.accueil{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}

.lacarte{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}

.concept{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}

.livraison{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}

.news{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}

.friends{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}

.presse{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}

.contact{
position:absolute;
top:-3000px;
left:0;
z-index:40;
}





/* ----  menu hover ------ */

#accueil_menu:hover {
background-position:0;
}

#accueil_menu:hover .accueil{
top:-140px;
}

#lacarte_menu:hover .lacarte{
top:-140px;
}

#lacarte_menu:hover{
background-position:0;
}

#concept_menu:hover .concept{
top:-140px;
}

#concept_menu:hover{
background-position:0;
}

#livraison_menu:hover .livraison{
top:-140px;
}

#livraison_menu:hover{
background-position:0;
}

#news_menu:hover .news{
top:-140px;
}

#news_menu:hover{
background-position:0;
}

#friends_menu:hover .friends{
top:-140px;
}

#friends_menu:hover{
background-position:0;
}

#presse_menu:hover .presse{
top:-140px;
}

#presse_menu:hover{
background-position:0;
}

#contact_menu:hover .contact{
top:-140px;
left:-70px;
}

#contact_menu:hover{
background-position:0;
}


/* ----- menu active ------*/




#accueil_menu .accueilactive{
position:absolute;
top:-140px;
}

#lacarte_menu .lacarteactive{
position:absolute;
top:-140px;
}


#concept_menu .conceptactive{
position:absolute;
top:-140px;
}


#livraison_menu .livraisonactive{
position:absolute;
top:-140px;
}


#news_menu .newsactive{
position:absolute;
top:-140px;
}


#friends_menu .friendsactive{
position:absolute;
top:-140px;
}


#presse_menu .presseactive{
position:absolute;
top:-140px;
}


#contact_menu .contactactive{
position:absolute;
top:-140px;
left:-70px;
}





#accueil_menu.active{
background-position:0;
}

#lacarte_menu.active{
background-position:0;
}


#concept_menu.active{
background-position:0;
}


#livraison_menu.active{
background-position:0;
}


#news_menu.active{
background-position:0;
}


#friends_menu.active{
background-position:0;
}


#presse_menu.active{
background-position:0;
}


#contact_menu.active{
background-position:0;
}












/* -----------  center  ------------- */


#center{
width:950px;
overflow:auto;
}


/* home page */

#news{
position:relative;
width:380px;
height:280px;
background-image:url(../images/bgnews.jpg);
background-repeat:no-repeat;
float:left;
}

#news .spacer{
width:100%;
height:90px;
}

#news div{
width:320px;
margin:auto;
font-size:12px;
color:#674521;
margin-bottom:5px;
margin-top:5px;
}

#news div p.titre{
font-size:13px;
margin-bottom:3px;
font-weight:bold;
color:#006431;
}

#news div a.liresuite{
color:#006431;
font-size:11px;
text-decoration:none;
}

#news img.interligne{
margin-left:30px;
}

#news div.touteslesnews{
margin-top:10px;
font-size:1.08em;
}

#news div.touteslesnews a{
color:#FFFFFF;
}


#images{
width:380px;
height:280px;
background-image:url(../images/bgalex.jpg);
background-repeat:no-repeat;
float:left;
}


/* contact page */


#contact{
position:relative;
width:380px;
height:280px;
background-image:url(../images/bgcontact.jpg);
background-repeat:no-repeat;
float:left;
}

#contact div{
width:320px;
position:absolute;
top:80px;
left:30px;
font-size:0.75em;
color:#006431;
}

#contact div p.titre{
font-size:1em;
font-weight:bold;
color:#006431;
}

#contactmap{
width:380px;
height:280px;
background-image:url(../images/map.jpg);
background-repeat:no-repeat;
float:left;
}

/* livraison */

#livraison{
position:relative;
width:380px;
height:280px;
background-image:url(../images/bglivraison.jpg);
background-repeat:no-repeat;
float:left;
}

#livraison div {
position:absolute;
width:320px;
top:80px;
left:30px;
font-size:0.75em;
color:#674521;
}

/* press page */

#presse{
position:relative;
width:570px;
height:420px;
background-image:url(../images/bgpresse.jpg);
background-repeat:no-repeat;
float:left;
}

#presseimage{
position:relative;
width:380px;
height:420px;
background-image:url(../images/bgpresseimage.jpg);
background-repeat:no-repeat;
float:left;
}

#articles{
position:absolute;
top:100px;
left:60px;
}

#articles .article{
position:relative;
display:block;
float:left;
width:90%;
margin:5px;
}

#articles .journal{
position:relative;
display:block;
width:85%;
font-size:14px;
color:#674521;
margin-bottom:3px;
font-weight:bold;
}

#articles .journal img{
position:absolute;
left:-30px;
top:-4px;
}

#articles .journal .date{
font-weight:normal;
font-size:13px;
}

#articles .lienarticle{
display:block;
font-size:11px;
font-weight:normal;
}

#articles .lienarticle a{
color:#674521;
text-decoration:none;
}

/* friends page */

#friends{
position:relative;
width:570px;
height:420px;
background-image:url(../images/bg_friends.jpg);
background-repeat:no-repeat;
float:left;
}

#friends table{
position:absolute;
top:120px;
left:40px;
}

#friendsimage{
position:relative;
width:380px;
height:420px;
background-image:url(../images/greenpizzvousremercie.jpg);
background-repeat:no-repeat;
float:left;
}


/* l'idee page */

#idee_top{
overflow:auto;
color:#674521;
font-size:13px;
text-align:center;
}

#idee_top p{
display:block;
width:90%;
margin:auto;
}

#idee_top h5{
text-indent:20px;
font-size:13px;
text-align:left;
}

#idee_top img{
margin:auto;
}

#ideetopleft{
float:left;
width:570px;
background:url(../images/lideeleftbgrepeat.jpg) repeat-y;
}

#ideetopright{
float:left;
width:380px;
background:url(../images/lideerightbgrepeat.jpg) repeat-y;
}

#ideetopright p b{
margin-left:-20px;
display:block;
}

#ideetopright p{
position:relative;
width:80%;
margin-left:50px;
margin-top:10px;
margin-bottom:10px;
}

#ideetopright p img{
position:absolute;
left:-30px;
}


#ideecharteecolo{
float:left;
width:380px;
background:url(../images/bgcharteecolo.jpg) repeat-y;
}

#ideecharteecolo p.marginleft{
margin-left:20px;
}

#ideecharteecolo p{
position:relative;
width:80%;
margin-left:50px;
margin-top:10px;
margin-bottom:10px;
}

#ideecharteecolo p img{
position:absolute;
left:-30px;
}







#idee_bottom{
overflow:auto;
color:#674521;
font-size:13px;
text-align:center;
}

#idee_bottom img{
margin:auto;
}

#idee_bottom p{
display:block;
width:90%;
margin:auto;
}

#idee_bottom h5{
text-align:left;
width:90%;
text-indent:20px;
}

#ideebottomleft{
float:left;
width:380px;
background:url(../images/lideerightbgrepeat.jpg) repeat-y;
}

#ideebottomright{
float:left;
width:570px;
background:url(../images/lideeleftbgrepeat.jpg) repeat-y;
}

#ideebottomright table{
width:95%;
margin:auto;
}

/* credits */

#credits{
position:relative;
width:570px;
height:420px;
background-color:#FFFFFF;
float:left;
}

#credits div {
position:absolute;
width:520px;
top:80px;
left:30px;
font-size:14px;
color:#674521;
}

/* l'avocat */

#contactavocat{
position:relative;
width:380px;
height:280px;
background-image:url(../images/bgcontact.jpg);
background-repeat:no-repeat;
float:left;
}

#contactavocat div{
width:320px;
position:absolute;
top:80px;
left:30px;
font-size:0.75em;
color:#006431;
}

#contactavocat div p.titre{
font-size:1em;
font-weight:bold;
color:#006431;
}

input.text{
margin-bottom:3px;
width:133px;
height:21px;
text-indent:5px;
background-color:#FFFFFF;
border:none;
font-size:10px;
color:#856a4d;
}

#contactavocat textarea{
font-family:Arial;
margin-bottom:3px;
width:133px;
text-indent:5px;
background-color:#FFFFFF;
border:none;
font-size:11px;
color:#856a4d;
}

#avocatimg{
width:380px;
height:280px;
background-image:url(../images/avocatbig.jpg);
background-repeat:no-repeat;
float:left;
}


/* navet dieteticien */

#navetdieteticien{
position:relative;
width:570px;
height:420px;
background-image:url(../images/bgnavet.jpg);
background-repeat:no-repeat;
float:left;
}

#presseimage{
position:relative;
width:380px;
height:420px;
background-image:url(../images/bgpresseimage.jpg);
background-repeat:no-repeat;
float:left;
}

#navetdieteticien div {
position:absolute;
width:520px;
top:80px;
left:30px;
font-size:12px;
color:#674521;
}


/* greennews page du blog */


#newsblog{
width:760px;
background:url(../images/bgrepeatnews.jpg) repeat-y;
float:left;
color:#674521;
font-size:13px;
}

#newsblog p{
float:left;
display:block;
width:90%;
margin-left:30px;
margin-bottom:30px;
}

#newsblog .date{
float:left;
margin-left:30px;
}

#newsblog .coms{
position:relative;
float:left;
margin-left:50px;
}

#newsblog .coms a{
color:#009030;
text-decoration:none;
font-style:italic;
}

#newsblog .coms img{
position:absolute;
left:-40px;
top:-22px;
}

#newsblog div.lignearticle{
float:left;
position:relative;
display:block;
margin-bottom:30px;
}


/* center2 ( carte et sous carte )  */

#center2{
width:950px;
overflow:auto;
}

#left2{
position:relative;
width:380px;
float:left;
}

#menucarte{

}

#menucarte ul{
margin:3px;
padding:3px;
list-style-image:url(../images/bullet1.jpg);
}

#menucarte li{
height:23px;
margin-left:15px;
}

#menucarte a{
color:#674521;
font-weight:bold;
text-decoration:none;
font-size:13px;
}

#menucarte a:hover{
color:#138026;
}

#textecarte{
font-size:11px;
color:#096419;
float:left;
}

#textecarte div{
display:block;
width:380px;
margin-top:-3px;
padding-bottom:15px;
background-image:url(../images/bgrepeatleft.jpg);
background-repeat:repeat-y;
}

#textecarte div .textecarte{
display:block;
width:310px;
margin-left:30px;
padding-bottom:10px;
}

#right2{
width:380px;
float:left;
background-image:url(../images/bgrepeatright.jpg);
background-repeat:repeat-y;
}


#plat{
position:relative;
width:320px;
margin-left:45px;
}

#plat h5{
color:#674521;
margin-bottom:10px;
margin-top:15px;
float:left;
padding:0;
}

#plat .plat{
position:relative;
display:block;
float:left;
width:90%;
margin:5px;
}

#plat .produit{
position:relative;
display:block;
width:85%;
font-size:14px;
color:#674521;
margin-bottom:3px;
font-weight:bold;
}

#plat .produit img{
position:absolute;
left:-30px;
top:-4px;
}

#plat .produit .prix{
font-weight:normal;
font-size:13px;
}

#plat .prix{
font-weight:normal;
font-size:13px;
color:#674521;
position:absolute;
top:0;
right:0;
}

#plat .boisson{
position:relative;
display:block;
width:85%;
font-size:11px;
color:#674521;
margin-bottom:3px;
}

#plat .boisson img{
position:absolute;
left:-30px;
top:-4px;
}


#plat .prixboisson{
font-weight:normal;
font-size:11px;
color:#674521;
position:absolute;
top:0;
right:0;
}

#textecarte .produit{
position:relative;
display:block;
width:85%;
margin-left:45px;
height:20px;
font-size:14px;
color:#674521;
font-weight:bold;
}

#textecarte .produit img{
position:absolute;
left:-30px;
top:-4px;
}

#textecarte .produit .prix{
font-weight:normal;
font-size:13px;
}

#plat .ingredients{
display:block;
width:90%;
font-size:12px;
color:#674521;
}

#plat .descriptionproduit{
color:#268927;
font-size:11px;
font-style:italic;
}











/* ----------- modules ----------- */



#greenteam{
position:relative;
width:189px;
height:139px;
float:left;
background-image:url(../images/greenteam.jpg);
}

#avocat{
position:relative;
width:189px;
height:139px;
float:left;
}


#greenvideos{
position:relative;
width:189px;
height:139px;
background-image:url(../images/greenvideos.jpg);
float:left;
}

#greenmiam{
position:relative;
width:189px;
height:139px;
float:left;
}

#facebook{
position:relative;
width:189px;
height:139px;
background-image:url(../images/facebook.jpg);
float:left;
}

#carte{
position:relative;
width:189px;
height:139px;
background-image:url(../images/carte.jpg);
float:left;
}

#ou{
position:relative;
width:189px;
height:139px;
float:left;
}

#newsletter{
position:relative;
width:189px;
height:139px;
background-image:url(../images/newsletter.jpg);
float:left;
}

#newsletter .textnews{
position:absolute;
top:40px;
left:23px;
width:133px;
height:21px;
text-indent:5px;
background-color:#FFFFFF;
border:none;
font-size:10px;
color:#856a4d;
}

#newsletter .bouton{
position:absolute;
bottom:12px;
left:50px;
}

/* classes pour les bordures de modules */

.borderleft{
border-left:1px solid #b79978;
}

.borderright{
border-right:1px solid #b79978;
}

.borderleftmargin{
border-left:1px solid #b79978;
margin-left:1px;
}

.borderleftbottom{
border-left:1px solid #b79978;
border-bottom:1px solid #b79978;
}

.borderbottom{
border-bottom:1px solid #b79978;
}

.bordertop{
border-top:1px solid #b79978;
}
.carteRoomItem
{
	font-size:12pt;
}
.bordertopright{
border-top:1px solid #b79978;
border-right:1px solid #b79978;
}














/* -----------  sidebar  ------------- */


#sidebar{
width:189px;
overflow:auto;
margin-top:10px;
float:left;
border-left:1px solid #b79978;
}











/* -----------  bottom  ------------- */


#bottom{
width:950px;
height:140px;
border-top:1px solid #b79978;
}













/* ----------- footer -----------  */



#footer{
width:950px;
height:34px;
line-height:34px;
background-image:url(../images/footer.jpg);
color:#FFFFFF;
font-size:11px;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
}

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

#footer .left{
float:left;
margin-left:10px;
}

#footer .right{
position:relative;
float:right;
margin-right:25px;
}

#footer .right img{
position:absolute;
top:4px;
right:-23px;
}







.carteRoomItem
{
font-size:12pt;
}