@charset "UTF-8";
* {  /*aucun objet n'a de padding, marging...*/
	border: 0;
	padding: 0;
	margin: 0;
	}	

@font-face {
	font-family:"bubble sharp";
	url:("file://site_timbre_poste/bubble_sharp.ttf");
	font-style:normal;
}		

html {
font-size:100%; /*specificité IE/Win qui a besoin d'une déclaration en % ds html pr gérer les valeurs em par la suite*/
}

body { /*couleur de fond de toute la page d'affichage, blanc*/
background-image:url(imge_site/fond.jpg); /*img fond blc de 1px par 1px*/
background-repeat:repeat; /*répétition sur les x et y*/
font-size:0.80em; /*taille de texte globale pour tous les enfants de l'élément body*/
letter-spacing:normal;
font-weight:normal;
font-family:"bubble sharp", Georgia, "DejaVu Serif", Norasi, serif;
margin: 0; /* specificité IE, pour éviter les marges */ 
text-align: center; /* specificité IE, pour corriger le bug de centrage IE */
}

a { /*pas de deco sur les liens*/
text-decoration:none;
}

a:hover {
color:#666666;
}

#conteneur {
display : block;
position : relative;
margin-left:auto; /*le conteneur commence à moins sa moitié=permet un centrage horizontal ds tte la page*/
margin-right:auto;/*le conteneur commence à moins sa moitié=permet un centrage vertical ds tte la page*/
margin-top:30px;
width:1024px; 
height:750px; 
background-image:url(imge_site/page_accueil/fond_rose_accueil.jpg); /*image de 1x1 px, couleur de fond*/
background-position:center;
background-repeat:repeat; /*repetition de l'image de 1x1 px ds tt le conteneur uniquement*/
text-align: left; /* specificité IE, on rétablit l'alignement normal du texte */ 
}


.header { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:1024px; /*largeur en em, car doit se répéter sur les x*/
height:16px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/bordure_haut.jpg);
background-repeat:repeat-x;
background-position:center;
}

.footer { /*marge inférieur qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:1024px;
height:16px;
background-image:url(imge_site/bordure_bas.jpg);
background-repeat:repeat-x;
background-position:center;

}

.borderleft { /*marge gauche qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:16px;
height:750px;
background-image:url(imge_site/bordure_gche.jpg);
background-repeat:repeat-y;
background-position:center;

}

.borderright { /*marge droite qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:16px;
height:750px;
background-image:url(imge_site/bordure_droit.jpg);
background-repeat:repeat-y;
background-position:center;

}



#contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
display : block;
position:absolute;
margin-left:auto; 
margin-right:auto;
width:990px; 
height:716px;
margin-top:16px;
margin-left:16px;
background-image:url(imge_site/page_accueil/logo_cuisto.jpg);
background-repeat:no-repeat;
background-position:center;
text-align: left; /* specificité IE, on rétablit l'alignement normal du texte */ 
}

#english { /* id pour les drapeaux anglais de langue*/
position:absolute;
width:40px;
height:20px;
top:20px;
left:20px;
background-image:url(imge_site/flag_en.png);
}

#francais { /* id pour les drapeaux francais de langue*/
position:absolute;
width:40px;
height:27px;
top:20px;
left:20px;
background-image:url(imge_site/flag_fr.png);
}


#liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:550px;
height:400px;
top:25px;
left:130px;
display: block;
position:absolute;
z-index:1000;
}

.lien { /*class qui paramettre les liens des pages*/
position:absolute;
display:block;
text-align:center;
color:#B71A7F;
}


#lien1 { /*Page index, [le timbre poste]*/
top:135px;
left:150px;
}

#lien2 { /*Page index, [les consommations]*/
top:200px;
right:95px;
}

#lien3 { /*Page index, [la carte]*/
top:310px;
left:230px;
}

#lien4 { /*Page index, [l'accès]*/
top:215px;
left:65px;
}




.title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
text-align:right;
font-weight:normal;
letter-spacing:normal;
color:#CB0A1D;
font-size:1em;
}



#h1 { /*Page index [Au Timbre Poste] Valeur fixe de 3em = #h1*/
right:20px;
top:15px;
font-size:3em;
}

#h2 { /*Page index [Prenez le temps...]*/
right:20px;
top:60px;
color:#6C1D19;
}

.paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}

#p1 { /*Pâge index, [Adresse]*/
top:450px;
right:20px;
font-size:1.2em;
}

#p2 {/*Pâge index, [felix huart]*/
position:relative;
text-align:center;
top:685px;
}









/*PAGE LE TIMBRE POSTE*/




body.timbreposte { /*appel de la variante "timbreposte" dans la grande class body*/
background-image:url(imge_site/menu_tp/fond_bleuciel.jpg); /*img fond bleu de 1px par 1px*/
}

.timbreposte .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_tp/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.timbreposte .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_tp/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.timbreposte .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_tp/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.timbreposte .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_tp/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}


.timbreposte #conteneur {
background-image:none;
}

.timbreposte #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:url(imge_site/menu_tp/fond_bleuciel.jpg);
}




.timbreposte #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.timbreposte .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_tp/biere_75.jpg); /*appel image pr lien [consommatons]*/
background-repeat:no-repeat;
height:77px;
color:#CB0A1D;
display:table;
}

.lien span { /*permet au titre de se mettre au milieu de sa cellule*/
display:block;
float:right; 
vertical-align:top;
margin-top:30px;
}

.timbreposte .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;

}

.link span {
display:block;
float:right;
vertical-align:top;
margin-top:155px;
}

.timbreposte:hover .lien{
border:none;
} 



.timbreposte #link1 { /*Page accueil, [le timbre poste]*/
top:65px;
left:20px;
text-align:right;
width:151px;
background-image:url(imge_site/menu_tp/vachequirit_1500.jpg);
background-repeat:no-repeat;
background-position:top;
color:#CB0A1D;
}

.timbreposte #lien1a { /*Page accueil, [le restaurant]*/
top:245px;
right:79px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
color:#777777;
}

.timbreposte #lien1b { /*Page accueil, [galerie photo]*/
top:260px;
right:79px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.timbreposte #lien2 { /*Page accueil, [les consommations]*/
top:322px;
left:20px;
width:215px;
}

.timbreposte #lien2EN { /*Page accueil, [refreshments]*/
top:322px;
left:20px;
width:174px;
}

.timbreposte #lien3 { /*Page accueil, [la carte]*/
top:447px;
left:20px;
width:144px;
background-image:url(imge_site/menu_tp/kub_75.jpg);
}

.timbreposte #lien3EN { /*Page accueil, [dishes]*/
top:447px;
left:20px;
width:129px;
background-image:url(imge_site/menu_tp/kub_75.jpg);
}

.timbreposte #lien4 { /*Page accueil, [l'accès]*/
top:576px;
left:20px;
width:137px;
background-image:url(imge_site/menu_tp/arret_75.jpg);
}

.timbreposte #lien4EN { /*Page accueil, [l'accès]*/
top:576px;
left:20px;
width:133px;
background-image:url(imge_site/menu_tp/arret_75.jpg);
}

.timbreposte #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
width:740px;
height:716px;
top:0px;
right:0px;
display: block;
position:absolute;
z-index:1000;

}

.timbreposte .title { /*mise en page des titres, typo bubble sharp*/
display:block;
font-weight:normal;
letter-spacing:normal;
}

.timbreposte #h3 { /*Page accueil [Le Timbre Poste] Valeur fixe de 2em pour l'idh3*/
top:30px;
left:255px;
text-align:center;
color:#777777;
font-size:2em;
width:auto;
}

.timbreposte .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Sans", Norasi, sans-serif;
text-align:justify;
}

.timbreposte #p1 { /*texte sur le timbre poste*/
left:70px;
top:410px;
width:600px;
color:#333333;
font-size:1em;
font-family:Helvetica, Verdana,"DejaVu Sans", sans-serif;
line-height:1.4em;
}

.timbreposte #p2 { /*[Au timbre poste, prenez le temps...]*/
left:70px;
top:625px;
width:600px;
color:#333333;
font-size:1em;
font-family:Helvetica, Verdana,"DejaVu Sans", sans-serif;
line-height:1.4em;
font-weight:bold;
text-align:left;
}

.timbreposte #moovie { /* video*/
width:377px;
height:310px;
margin-top:60px;
margin-left:181.5px;
display: block;
float:left;
}

.timbreposte #p0 { /*adresse*/
left:185px;
top:660px;
text-align:center;
width:auto;
}














/*PAGE GALERIE PHOTO*/




body.photo { /*appel de la variante "photo" dans la grande class body*/
background-image:url(imge_site/menu_tp/fond_bleuciel.jpg); /*img fond bleu de 1px par 1px*/
}

.photo .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_tp/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.photo .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_tp/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.photo .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_tp/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.photo .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_tp/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}


.photo #conteneur {
background-image:none;
}

.photo #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:url(imge_site/menu_tp/fond_bleuciel.jpg);
}

.photo #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.photo .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_tp/biere_75.jpg); /*appel image pr lien [consommatons]*/
background-repeat:no-repeat;
height:77px;
color:#CB0A1D;
display:table;
}



.photo:hover .lien{
border:none;
} 

.photo .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
color:#CB0A1D;
display:table;

}



.photo #link1 { /*Page photo, [le timbre poste]*/
top:65px;
left:20px;
text-align:right;
width:151px;
background-image:url(imge_site/menu_tp/vachequirit_1500.jpg);
}


.photo #lien1a { /*Page accueil, [le restaurant]*/
top:245px;
right:79px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.photo #lien1b { /*Page accueil, [galerie photo]*/
top:260px;
right:79px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
color:#777777;
}

.photo #lien2 { /*Page photo, [les consommations]*/
top:322px;
left:20px;
width:215px;
}

.photo #lien2EN { /*Page photo, [les consommations]*/
top:322px;
left:20px;
width:174px;
}

.photo #lien3 { /*Page photo, [la carte]*/
top:447px;
left:20px;
width:144px;
background-image:url(imge_site/menu_tp/kub_75.jpg);
}

.photo #lien3EN { /*Page photo, [la carte]*/
top:447px;
left:20px;
width:129px;
background-image:url(imge_site/menu_tp/kub_75.jpg);
}

.photo #lien4 { /*Page photo, [l'accès]*/
top:576px;
left:20px;
width:137px;
background-image:url(imge_site/menu_tp/arret_75.jpg);
}

.photo #lien4EN { /*Page photo, [l'accès]*/
top:576px;
left:20px;
width:133px;
background-image:url(imge_site/menu_tp/arret_75.jpg);
}

.photo #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
width:740px;
height:716px;
top:0px;
right:0px;
display: block;
position:absolute;
z-index:1000;
}

.photo .title { /*mise en page des titres, typo bubble sharp*/
position:relative;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.photo #h3 { /*Page accueil [Le Timbre Poste] Valeur fixe de 2em pour l'idh3*/
top:30px;
left:0px;
text-align:center;
color:#777777;
font-size:2em;
}






div#galerie     /*conteneur de tout l'ensemble de la galerie photo*/
{
	width: 740px ;
	height:646px;
	background-color:none;
	border: none;
	padding: 0px ;
	margin-top:40px;
	margin-left:0 px;
	text-align: center ;
	float:left;
	font-family:Verdana, "DejaVu Serif", Norasi, serif;
	font-size:1.2em;
}



ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	float:left;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img        /*iamges mini galerie*/
{
	margin: 2px 3.6px ;         /*espacement entre chaque mini image, respectiment haut/bas puis gauche/droite*/
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
	float:left;
}

dl#photo dt     /*positionnement du titre de l'image en grand*/
{
	font-weight:normal;
	letter-spacing:normal;
	color:#000000;
	background-color:none;
	padding-top:15px;
	padding-bottom:10px;
	margin-left:0px;
	text-align:center;
	width:740px;
}


		



dl#photo dd      /*positionnement de l'iamge en grand*/
{
	
	margin:0 px;
	padding-left:13px;
	padding-top:0px;
	float:left;
	
	
}


dl#photo img
{
position:absolute;
float:right;
margin-right:350px;
}
		










/*PAGE VIDEO*/


body.video { /*appel de la variante "video" dans la grande class body*/
background-image:url(imge_site/menu_tp/fond_bleuciel.jpg); /*img fond bleu de 1px par 1px*/
}

.video .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_tp/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.video .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_tp/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.video .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_tp/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.video .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_tp/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}


.video #conteneur {
background-image:none;
}

.video #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:url(imge_site/menu_tp/fond_bleuciel.jpg);
}

.video #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.video .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_tp/biere_75.jpg); /*appel image pr lien [consommatons]*/
background-repeat:no-repeat;
height:77px;
color:#CB0A1D;
display:table;
}

.video .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
color:#a2a0f2;
display:table;

}

.video:hover .lien{
border:none;
} 



.video #link1 { /*Page video, [le timbre poste]*/
top:65px;
left:20px;
text-align:right;
width:151px;
height:170px;
background-image:url(imge_site/menu_tp/vachequirit_150.jpg);
color:#0A3689;
}

.video #lien1a { /*Page video, [galerie photo]*/
top:237px;
right:79px;
text-align:right;
height:0em;
background-image:none;
color:#0A3689;
font-size:0.85em;
}

.video #lien1b { /*Page video, [vidéo]*/
top:251px;
right:79px;
text-align:right;
height:0em;
background-image:none;
color:#777777;
}

.video #lien2 { /*Page video, [les consommations]*/
top:322px;
left:20px;
width:222px;
}

.video #lien3 { /*Page video, [la carte]*/
top:447px;
left:20px;
width:145px;
background-image:url(imge_site/menu_tp/kub_75.jpg);
}

.video #lien4 { /*Page video, [l'accès]*/
top:576px;
left:20px;
width:138px;
background-image:url(imge_site/menu_tp/arret_75.jpg);
}

.video #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
width:740px;
height:716px;
top:0px;
right:0px;
display: block;
position:absolute;
z-index:1000;
}

.video .title { /*mise en page des titres, typo bubble sharp*/
position:relative;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.video #h3 { /*Page accueil [Le Timbre Poste] Valeur fixe de 2em pour l'idh3*/
top:30px;
left:0px;
text-align:center;
color:#777777;
font-size:2em;
}


.video #moovie { /* video*/
width:377px;
height:310px;
margin-top:100px;
margin-left:181.5px;
display: block;
}


.video .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:left;
color:#0A3689;
}

.video #p0 { /*adresse*/
left:181.5px;
top:470px;
}







/*PAGE CONSOMMATION*/

body.consommation { /*appel de la variante "consommation" dans la grande class body*/
background-image:url(imge_site/menu_conso/fond_jaune.jpg); /*img fond bleu de 1px par 1px*/
}

.consommation .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_conso/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.consommation .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_conso/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.consommation .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_conso/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.consommation .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_conso/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.consommation #conteneur {
background-image:url(imge_site/menu_conso/fond_jaune.jpg);
}

.consommation #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}



.consommation #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.consommation .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_conso/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#fd6300;
display:table;
}


.consommation:hover .lien{
border:none;
} 


.consommation .link { /*class qui paramettre les liens des pages*/
position:absolute;
background-repeat:no-repeat;
height:170px;
color:#a2a0f2;
display:table;
text-align:right;
}



.consommation #lien1 { /*Page consommation, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
}

.consommation #lien1EN { /*Page consommation, [THE timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.consommation #link2 { /*Page consommation, [images les consommations]*/
top:168.5px;
left:20px;
width:150px;
background-image:url(imge_site/menu_conso/biere_2000.jpg);
background-position:top;
background-repeat:no-repeat;
color:#fd6300;
text-align:right;
}


.consommation #lien2a { /*Page consommation, [les bieres]*/
top:350px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#333333;
font-size:0.85em;
}

.consommation #lien2b { /*Page consommation, [les vins]*/
top:365px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#fd6300;
font-size:0.85em;
}

.consommation #lien2c { /*Page consommation, [les alcools]*/
top:380px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#fd6300;
font-size:0.85em;
}


.consommation #lien3 { /*Page consommation, [la carte]*/
top:413px;
left:20px;
width:145px;
background-image:url(imge_site/menu_conso/kub_75.jpg);
}


.consommation #lien3EN { /*Page consommation, [la carte]*/
top:413px;
left:20px;
width:129px;
background-image:url(imge_site/menu_conso/kub_75.jpg);
}

.consommation #lien4 { /*Page consommation, [l'accès]*/
top:516.5px;
left:20px;
width:138px;
background-image:url(imge_site/menu_conso/arret_75.jpg);
}

.consommation #lien4EN { /*Page consommation, [l'accès]*/
top:516.5px;
left:20px;
width:133px;
background-image:url(imge_site/menu_conso/arret_75.jpg);
}




.consommation #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
position:absolute;
z-index:1000;
}

.consommation .title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.consommation #h3 { /*Page consommation [Bieres pressions...tires]*/
position:relative;
top:132px;
right:60px;
text-align:right;
color:#333333;
font-size:2em;
text-align:center;
}

.consommation #h4 { /*[Découvrez une selection de bieres bouteilles....]*/
position:relative;
text-align:right;
top:135px;
right:60px;
color:#666666;
font-size:0.85em;
text-align:center;
}


.consommation .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}

.consommation #p0a { /*les bieres, [25cl]*/
position:absolute;
left:538px;
top:202px;
text-align:left;
color:#333333;
font-style:italic;
font-weight:bold;
}

.consommation #p0b { /*les bieres, [50cl]*/
position:absolute;
left:665px;
top:202px;
text-align:left;
color:#333333;
font-style:italic;
font-weight:bold;
}

.consommation #p1a { /*les bieres, texte en bleu*/
position:absolute;
left:50px;
top:232px;
text-align:left;
color:#577E8A;
}

.consommation #p2a { /*les bieres, texte en gris*/
position:absolute;
left:50px;
top:257px;
text-align:left;
color:#666666;
}

.consommation #p1b { /*les prix,colonne 25cl, texte en bleu */
position:absolute;
left:538px;
top:232px;
text-align:left;
color:#577E8A;
}

.consommation #p2b { /*les prix,colonne 25cl, texte en gris clair*/
position:absolute;
left:538px;
top:257px;
text-align:left;
color:#666666;
}

.consommation #p1c { /*les prix,colonne 50cl, texte en bleu*/
position:absolute;
left:665px;
top:232px;
text-align:left;
color:#577E8A;
}

.consommation #p2c { /*les prix,colonne 50cl, texte en gris clair*/
position:absolute;
left:665px;
top:257px;
text-align:left;
color:#666666;
}


.consommation #img { /*image biere au tonneau*/
position:absolute;
height:281px;
width:210px;
top:20px;
right:15px;
background-image:url(imge_site/page_consommation_bieres/biere_metz_281.jpg);
}





















/*PAGE VINS*/

body.vins { /*appel de la variante "vins" dans la grande class body*/
background-image:url(imge_site/menu_conso/fond_jaune.jpg); /*img fond bleu de 1px par 1px*/
}

.vins .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_conso/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.vins .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_conso/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.vins .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_conso/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.vins .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_conso/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.vins #conteneur {
background-image:url(imge_site/menu_conso/fond_jaune.jpg);
background-repeat:repeat;
}

.vins #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}




.vins #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.vins .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_conso/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#fd6300;
display:table;
}


.vins:hover .lien{
border:none;
} 
.vins .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}



.vins #lien1 { /*Page vins, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
}

.vins #lien1EN { /*Page vins, [le timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.vins #link2 { /*Page vins, [les consommations]*/
top:168.5px;
left:20px;
width:150px;
background-image:url(imge_site/menu_conso/biere_2000.jpg);
background-position:top;
background-repeat:no-repeat;
color:#fd6300;
text-align:right;
}

.vins #lien2a { /*Page vins, [les bieres]*/
top:350px;
right:80px;
text-align:right;
height:0em;
color:#fd6300;
background-image:none;
font-size:0.85em;
}



.vins #lien2b { /*Page vins, [les vins]*/
top:365px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#333333;
font-size:0.85em;
}

.vins #lien2c { /*Page vins, [les alcools]*/
top:380px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#fd6300;
font-size:0.85em;
}


.vins #lien3 { /*Page vins, [la carte]*/
top:413px;
left:20px;
width:144px;
background-image:url(imge_site/menu_conso/kub_75.jpg);
}


.vins #lien3EN { /*Page vins, [la carte]*/
top:413px;
left:20px;
width:129px;
background-image:url(imge_site/menu_conso/kub_75.jpg);
}

.vins #lien4 { /*Page vins, [l'accès]*/
top:516.5px;
left:20px;
width:137px;
background-image:url(imge_site/menu_conso/arret_75.jpg);
}

.vins #lien4EN { /*Page vins, [l'accès]*/
top:516.5px;
left:20px;
width:133px;
background-image:url(imge_site/menu_conso/arret_75.jpg);
}




.vins #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
position:absolute;
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
z-index:1000;
}

.vins .title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.vins #h3 { /*Page vins [un echantillon de vins]*/
top:132px;
right:330px;
text-align:right;
color:#333333;
font-size:2em;
}

.vins .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}

.vins #p { /*sous titre, [bourgogne]*/
position:absolute;
left:50px;
top:190px;
text-align:left;
color:#333333;
font-style:italic;
font-weight:bold;
}


.vins #p1a { /*contenu des vins,texte gris-bleu*/
position:absolute;
left:65px;
top:210px;
text-align:left;
color:#577E8A;
}

.vins #p2a { /*contenu des vins,texte gris clair*/
position:absolute;
left:65px;
top:235px;
text-align:left;
color:#666666;
}

.vins #p1b { /*les prix des vins, texte gris-bleu */
position:absolute;
left:648px;
top:210px;
text-align:left;
color:#577E8A;
}

.vins #p2b { /*les prix des vins, texte en gris clair*/
position:absolute;
left:648px;
top:235px;
text-align:left;
color:#666666;
}

.vins #img { /*image mr chapeau et vin*/
position:absolute;
height:280px;
width:282px;
top:10px;
right:40px;
background-image:url(imge_site/pages_vins/vin_postillon280.jpg);
}













/*PAGE ALCOOLS*/

body.alcools { /*appel de la variante "alcools" dans la grande class body*/
background-image:url(imge_site/menu_conso/fond_jaune.jpg); /*img fond bleu de 1px par 1px*/
}

.alcools .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_conso/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.alcools .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_conso/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.alcools .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_conso/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.alcools .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_conso/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.alcools #conteneur {
background-image:url(imge_site/menu_conso/fond_jaune.jpg);
background-repeat:repeat;
}

.alcools #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}




.alcools #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.alcools .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_conso/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#fd6300;
display:table;
}


.alcools:hover .lien{
border:none;
} 


.alcools .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}

.alcools #lien1 { /*Page alcools, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
}

.alcools #lien1EN { /*Page alcools, [le timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.alcools #link2 { /*Page alcools, [les consommations]*/
top:168.5px;
left:20px;
width:150px;
background-image:url(imge_site/menu_conso/biere_2000.jpg);
background-position: top;
background-repeat:no-repeat;
color:#fd6300;
text-align:center;
}

.alcools #lien2a { /*Page alcools, [les bieres]*/
top:350px;
right:80px;
text-align:right;
height:0em;
color:#fd6300;
background-image:none;
font-size:0.85em;
}



.alcools #lien2b { /*Page alcools, [les vins]*/
top:365px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#fd6300;
font-size:0.85em;
}

.alcools #lien2c { /*Page alcools, [les alcools]*/
top:380px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#333333;
font-size:0.85em;
}


.alcools #lien3 { /*Page alcools, [la carte]*/
top:413px;
left:20px;
width:144px;
background-image:url(imge_site/menu_conso/kub_75.jpg);
}


.alcools #lien3EN { /*Page alcools, [la carte]*/
top:413px;
left:20px;
width:129px;
background-image:url(imge_site/menu_conso/kub_75.jpg);
}

.alcools #lien4 { /*Page alcools, [l'accès]*/
top:516.5px;
left:20px;
width:137px;
background-image:url(imge_site/menu_conso/arret_75.jpg);
}

.alcools #lien4EN { /*Page alcools, [l'accès]*/
top:516.5px;
left:20px;
width:133px;
background-image:url(imge_site/menu_conso/arret_75.jpg);
}




.alcools #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
position:absolute;
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
z-index:1000;
}

.alcools .title { /*mise en page des titres, typo bubble sharp*/
position:relative;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.alcools #h3 { /*Page alcools [un echantillon d'alccols]*/
top:30px;
text-align:center;
color:#333333;
font-size:2em;
}

.alcools .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}

.alcools #p { /*sous titre*/
position:absolute;
left:50px;
top:105px;
text-align:left;
color:#333333;
font-style:italic;
font-weight:bold;
}

.alcools #p1a { /*contenu des alcools,texte gris clair*/
position:absolute;
left:65px;
top:125px;
text-align:left;
color:#666666;
}

.alcools #p2a { /*contenu des alcools,texte bleu*/
position:absolute;
left:65px;
top:150px;
text-align:left;
color:#577E8A;
}

.alcools #p1b { /*les prix des alcools, texte gris clair */
position:absolute;
left:648px;
top:125px;
text-align:left;
color:#666666;
}

.alcools #p2b { /*les prix des alcools, texte en bleu*/
position:absolute;
left:648px;
top:150px;
text-align:left;
color:#577E8A;
}

.alcools #img { /*image horloges*/
position:absolute;
height:254px;
width:223px;
bottom:20px;
right:150px;
background-image:url(imge_site/pages_alcools/camec.jpg);
}







/*PAGE "LA CARTE:MENU TIMBRE" et PAGE "NOEL"*/

body.menutimbre { /*appel de la variante "menutimbre" dans la grande class body*/
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg); /*img fond bleu de 1px par 1px*/
}

.menutimbre .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.menutimbre .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.menutimbre .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.menutimbre .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.menutimbre #conteneur {
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg);
background-repeat:repeat;
}

.menutimbre #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}




.menutimbre #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.menutimbre .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_carte/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#a2a0f2;
display:table;
}

.menutimbre:hover .lien{
border:none;
} 


.menutimbre .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}

.menutimbre #lien1 { /*Page menutimbre, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
}

.menutimbre #lien1EN { /*Page menutimbre, [le timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.menutimbre #lien2 { /*Page menutimbre, [les consommations]*/
top:165px;
left:20px;
width:215px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.menutimbre #lien2EN { /*Page menutimbre, [les consommations]*/
top:165px;
left:20px;
width:174px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.menutimbre #link3 { /*Page menutimbre, [la carte]*/
top:265px;
left:20px;
width:150px;
text-align:right;
background-position:top;
background-repeat:no-repeat;
background-image:url(imge_site/menu_carte/kub_1500.jpg);
color:#a2a0f2;
text-align:right;
}

.menutimbre #lien3a { /*Page menutimbre, [Menu Timbre]*/
top:445px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#bb0818;
font-size:0.85em;
}

.menutimbre #lien3b { /*Page menutimbre, [Menu Poste]*/
top:460px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.menutimbre #lien3c { /*Page menutimbre, [les salades]*/
top:475px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}


.menutimbre #lien3d { /*Page menutimbre, [les entrees]*/
top:490px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.menutimbre #lien3e { /*Page menutimbre, [les viandes et poissons]*/
top:505px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}


.menutimbre #lien4 { /*Page menutimbre, [l'accès]*/
top:551px;
left:20px;
width:137px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}


.menutimbre #lien4EN { /*Page menutimbre, [l'accès]*/
top:551px;
left:20px;
width:133px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}




.menutimbre #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
position:absolute;
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
z-index:1000;
}

.menutimbre .title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.menutimbre #h3 { /*Page menutimbre [Menu Timbre]*/
top:200px;
right:84.5px;
text-align:right;
color:#bb0818;
font-size:2em;
}

.menutimbre #h4 { /*[19€ le midi...]*/
position:absolute;
right:84.5px;
top:240px;
text-align:right;
color:#666666;
}

.menutimbre #h5 { /*[19€ le midi...]*/
position:absolute;
right:84.5px;
top:265px;
text-align:right;
color:#666666;
}

.menutimbre #h6 {/*21€ texte barré*/
position:absolute;
right:188px;
top:265px;
text-align:right;
color:#666666;
}




.menutimbre .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}



.menutimbre #p1 { /*sous titre entree*/
position:absolute;
left:50px;
top:5px;
text-align:left;
color:#bb0818;
font-weight:bold;
font-style:italic;
font-size:1em;
}
.menutimbre #p1a { /*entree texte marron*/
position:absolute;
left:65px;
top:25px;
text-align:left;
color:#4b1807;
}
.menutimbre #p1b { /*entree texte gris clair*/
position:absolute;
left:65px;
top:50px;
text-align:left;
color:#666666;
}





.menutimbre #p2 { /*sous titre plats*/
position:absolute;
left:50px;
top:256px;
text-align:left;
color:#bb0818;
font-weight:bold;
font-style:italic;
}
.menutimbre #p2a { /*plats texte marron*/
position:absolute;
left:65px;
top:275px;
text-align:left;
color:#4b1807;
}
.menutimbre #p2b { /*plats texte gris clair*/
position:absolute;
left:65px;
top:300px;
text-align:left;
color:#666666;
}




.menutimbre #p3 { /*sous titre desserts*/
position:absolute;
left:50px;
top:553px;
text-align:left;
color:#bb0818;
font-weight:bold;
font-style:italic;
}
.menutimbre #p3a { /*desserts texte marron*/
position:absolute;
left:65px;
top:572px;
text-align:left;
color:#4b1807;
}
.menutimbre #p3b { /*desserts texte gris clair*/
position:absolute;
left:65px;
top:595px;
text-align:left;
color:#666666;
}


.menutimbre #img { /*image femme moutarde*/
position:absolute;
height:300px;
width:232px;
top:310px;
right:55px;
background-image:url(imge_site/page_carte_menutimbre/femme_moutarde.jpg);
}


















/*PAGE:MENU POSTE*/

body.menuposte { /*appel de la variante "menuposte" dans la grande class body*/
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg); /*img fond bleu de 1px par 1px*/
}

.menuposte .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.menuposte .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.menuposte .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.menuposte .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.menuposte #conteneur {
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg);
background-repeat:repeat;
}

.menuposte #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}




.menuposte #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.menuposte .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_carte/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#a2a0f2;
display:table;
}


.menuposte:hover .lien{
border:none;
} 


.menuposte .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}

.menuposte #lien1 { /*Page menuposte, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
}

.menuposte #lien1EN { /*Page menuposte, [le timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.menuposte #lien2 { /*Page menuposte, [les consommations]*/
top:165px;
left:20px;
width:215px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.menuposte #lien2EN { /*Page menuposte, [les consommations]*/
top:165px;
left:20px;
width:174px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.menuposte #link3 { /*Page menuposte, [la carte]*/
top:265px;
left:20px;
width:150px;
text-align:right;
background-position:top;
background-repeat:no-repeat;
background-image:url(imge_site/menu_carte/kub_1500.jpg);
color:#a2a0f2;
text-align:right;
}

.menuposte #lien3a { /*Page menuposte, [Menu Timbre]*/
top:445px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.menuposte #lien3b { /*Page menuposte, [Menu Poste]*/
top:460px;
right:80px;
text-align:right;
height:0em;
color:#bb0818;
background-image:none;
font-size:0.85em;
}

.menuposte #lien3c { /*Page menuposte, [les salades]*/
top:475px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}


.menuposte #lien3d { /*Page menuposte, [les entrees]*/
top:490px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.menuposte #lien3e { /*Page menuposte, [les viandes et poissons]*/
top:505px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}



.menuposte #lien4 { /*Page menuposte, [l'accès]*/
top:551px;
left:20px;
width:137px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}

.menuposte #lien4EN { /*Page menuposte, [l'accès]*/
top:551px;
left:20px;
width:133px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}




.menuposte #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
position:absolute;
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
z-index:1000;
}

.menuposte .title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
font-weight:normal;
letter-spacing:normal;
}





.menuposte #h3 { /*Page menuposte [Menu Poste]*/
top:200px;
right:84.5px;
text-align:right;
color:#bb0818;
font-size:2em;
}

.menuposte #h4 { /*[28€ le midi...]*/
position:absolute;
right:84.5px;
top:240px;
text-align:right;
color:#666666;
}

.menuposte #h5 { /*[28€ le midi...]*/
position:absolute;
right:84.5px;
top:265px;
text-align:right;
color:#666666;
}

.menuposte .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}

.menuposte #p1 { /*sous titre entree*/
position:absolute;
left:50px;
top:7px;
text-align:left;
color:#bb0818;
font-weight:bold;
font-style:italic;
font-size:1em;
}
.menuposte #p1a { /*entree texte marron*/
position:absolute;
left:65px;
top:30px;
text-align:left;
color:#4b1807;
}
.menuposte #p1b { /*entree texte gris clair*/
position:absolute;
left:65px;
top:55px;
text-align:left;
color:#666666;
}





.menuposte #p2 { /*sous titre plats*/
position:absolute;
left:50px;
top:198px;
text-align:left;
color:#bb0818;
font-weight:bold;
font-style:italic;
}
.menuposte #p2a { /*plats texte marron*/
position:absolute;
left:65px;
top:220px;
text-align:left;
color:#4b1807;
}
.menuposte #p2b { /*plats texte gris clair*/
position:absolute;
left:65px;
top:245px;
text-align:left;
color:#666666;
}




.menuposte #p3 { /*sous titre desserts*/
position:absolute;
left:50px;
top:457px;
text-align:left;
color:#bb0818;
font-weight:bold;
font-style:italic;
}
.menuposte #p3a { /*desserts texte marron*/
position:absolute;
left:65px;
top:480px;
text-align:left;
color:#4b1807;
}
.menuposte #p3b { /*desserts texte gris clair*/
position:absolute;
left:65px;
top:505px;
text-align:left;
color:#666666;
}




.menuposte #img { /*image chocolat*/
position:absolute;
height:150px;
width:331px;
top:330px;
right:30px;
background-image:url(imge_site/page_menuposte/chocolat.jpg);
}























/*PAGE SALADE*/

body.salades { /*appel de la variante "salades" dans la grande class body*/
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg); /*img fond bleu de 1px par 1px*/
}

.salades .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.salades .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.salades .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.salades .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.salades #conteneur {
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg);
background-repeat:repeat;
}

.salades #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}




.salades #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.salades .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_carte/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#a2a0f2;
display:table;
}

.salades .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}

.salades:hover .lien{
border:none;
} 



.salades #lien1 { /*Page salades, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
}

.salades #lien1EN { /*Page salades, [le timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.salades #lien2 { /*Page salades, [les consommations]*/
top:165px;
left:20px;
width:215px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.salades #lien2EN { /*Page salades, [les consommations]*/
top:165px;
left:20px;
width:174px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.salades #link3 { /*Page salades, [la carte]*/
top:265px;
left:20px;
width:150px;
text-align:right;
background-position:top;
background-repeat:no-repeat;
background-image:url(imge_site/menu_carte/kub_1500.jpg);
color:#a2a0f2;
text-align:right;
}

.salades #lien3a { /*Page salades, [Menu Timbre]*/
top:445px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.salades #lien3b { /*Page salades, [Menu Poste]*/
top:460px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.salades #lien3c { /*Page salades, [les salades]*/
top:475px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#bb0818;
font-size:0.85em;
}


.salades #lien3d { /*Page salades, [les entrees]*/
top:490px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.salades #lien3e { /*Page salades, [les viandes et poissons]*/
top:505px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}


.salades #lien4 { /*Page salades, [l'accès]*/
top:551px;
left:20px;
width:137px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}


.salades #lien4EN { /*Page salades, [l'accès]*/
top:551px;
left:20px;
width:133px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}




.salades #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
position:absolute;
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
z-index:1000;
}

.salades .title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.salades #h3 { /*Page salades [Les Salades]*/
top:0px;
right:265px;
text-align:right;
color:#bb0818;
font-size:2em;
}


.salades .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:left;
left:50px;
}



.salades .parasalade { /*mise en page des descriptions de chaque salades*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:left;
font-size:0.8em;
left:65px;
color:#666666;
}

.salades #p0 { /*MIDI*/
top:38px;
left:660px;
color:#bb0818;
font-style:italic;
font-weight:bold;

}.salades #p0a { /*SOIR*/
top:38px;
color:#bb0818;
left:720px;
font-style:italic;
font-weight:bold;
}


.salades #p1a { /*salade campagne */
top:58px;
color:#666666;
}
.salades #ps1 { /*salade campagne */
top:73px;
}
.salades #p1b { /*prixsalade  campagne*/
left:655px;
top:58px;
color:#666666;
}


.salades #p2a { /*salade crottins*/
top:90px;
color:#4b1807;
}
.salades #ps2 { /*salade crottins*/
top:105px;
color:#4b1807;
}
.salades #p2b { /*prix salade crottins*/
left:655px;
top:90px;
color:#4b1807;
}
.salades #p2c { /*prix salade crottins soir*/
left:715px;
top:90px;
color:#4b1807;
width:50px;
}


.salades #p3a { /*salade crabe*/
top:122px;
color:#666666;
}
.salades #ps3 { /*salade crabe*/
top:137px;
}
.salades #p3b { /*prix salade crabe*/
left:655px;
top:122px;
color:#666666;
}


.salades #p4a { /*salade gesiers lardons*/
top:154px;
color:#4b1807;
}
.salades #ps4 { /*salade gesiers lardons*/
top:169px;
color:#4b1807;
}
.salades #p4b { /*prix salade lardons*/
left:655px;
top:154px;
color:#4b1807;
}



.salades #p5a { /*salade lardons*/
top:186px;
color:#666666;
}
.salades #ps5 { /*salade lardons*/
top:201px;

}
.salades #p5b { /*prix salade lardons*/
left:655px;
top:186px;
color:#666666;
}
.salades #p5c { /*prix salade lardons soir*/
left:715px;
top:186px;
color:#666666;
width:50px;
}


.salades #p6a { /*salade landaise*/
top:218px;
color:#4b1807;
}
.salades #ps6 { /*salade landaise*/
top:233px;
color:#4b1807;
}
.salades #p6b { /*prix salade landaise*/
left:655px;
top:218px;
color:#4b1807;
}


.salades #p7a { /*salade alaska*/
top:250px;
color:#666666;
}
.salades #ps7 { /*salade alaska*/
top:265px;
}
.salades #p7b { /*prix salade alaska*/
left:655px;
top:250px;
color:#666666;
}


.salades #p8a { /*salade perigourdine*/
top:282px;
color:#4b1807;
}
.salades #ps8 { /*salade perigourdine*/
top:297px;
color:#4b1807;
}
.salades #p8b { /*prix salade perigourdine*/
left:655px;
top:282px;
color:#4b1807;
}



.salades #p9a { /*salade timbreposte*/
top:314px;
color:#666666;
}
.salades #ps9 { /*salade timbreposte*/
top:329px;
color:#666666;
}
.salades #p9b { /*prix salade timbreposte*/
left:655px;
top:314px;
color:#666666;
}

.salades #p9c { /*prix salade barré*/
left:600px;
top:314px;
color:#666666;
}
.salades #p9d { /*prix salade  timbreposte soir*/
left:715px;
top:314px;
color:#666666;
width:50px;
}
.salades #p9e { /*prix salade timbreposte  soir barré*/
left:770px;
top:314px;
color:#666666;
width:50px;
}



.salades #p10a { /*salade pyrenees*/
top:346px;
color:#4b1807;
}
.salades #ps10 { /*salade pyrenees*/
top:361px;
color:#4b1807;
}
.salades #p10b { /*prix salade pyrenees*/
left:655px;
top:346px;
color:#4b1807;
}


.salades #p11a { /*salade normande*/
top:378px;
color:#666666;
}
.salades #ps11 { /*salade normande*/
top:393px;
}
.salades #p11b { /*prix salade normande*/
left:655px;
top:378px;
color:#666666;
}


.salades #p12a { /*salade biarrote*/
top:410px;
color:#4b1807;
}
.salades #ps12 { /*salade biarrote*/
top:425px;
color:#4b1807;
}
.salades #p12b { /*prix salade biarrote*/
left:655px;
top:410px;
color:#4b1807;
}


.salades #p13a { /*salade Ginder*/
top:442px;
color:#666666;
}
.salades #ps13 { /*salade Ginder*/
top:457px;
}
.salades #p13b { /*prix salade Ginder*/
left:655px;
top:442px;
color:#666666;
}


.salades #p14a { /*salade crabe*/
top:474px;
color:#4b1807;
}
.salades #ps14 { /*salade crabe*/
top:489px;
color:#4b1807;
}
.salades #p14b { /*prix salade crabe*/
left:655px;
top:474px;
color:#4b1807;
}
.salades #p14c { /*prix salade crabe soir*/
left:715px;
top:474px;
color:#4b1807;
width:50px;
}



.salades #p15a { /*salade vegetarienne*/
top:506px;
color:#666666;
}
.salades #ps15 { /*salade vegetarienne*/
top:521px;
}
.salades #p15b { /*prix salade vegetarienne*/
left:655px;
top:506px;
color:#666666;
}


.salades #p16a { /*salade pastorale*/
top:538px;
color:#4b1807;
}
.salades #ps16 { /*salade pastorale*/
top:553px;
color:#4b1807;
}
.salades #p16b { /*prix salade pastorale*/
left:655px;
top:538px;
color:#4b1807;
}


.salades #p17a { /*salade bresilienne*/
top:570px;
color:#666666;
}
.salades #ps17 { /*salade bresilienne*/
top:585px;
}
.salades #p17b { /*prix salade bresilienne*/
left:655px;
top:570px;
color:#666666;
}


.salades #p18a { /*salade 3fromages*/
top:602px;
color:#4b1807;
}
.salades #ps18 { /*salade 3fromages*/
top:617px;
color:#4b1807;
}
.salades #p18b { /*prix salade 3fromages*/
left:655px;
top:602px;
color:#4b1807;
}


.salades #p19a { /*salade meli-melo*/
top:634px;
color:#666666;
}
.salades #ps19 { /*salade meli-melo*/
top:649px;
}
.salades #p19b { /*prix salade meli-melo*/
left:655px;
top:634px;
color:#666666;
}



.salades #p20a { /*salade montagnarde*/
top:666px;
color:#4b1807;
}
.salades #ps20 { /*salade montagnarde*/
top:681px;
color:#4b1807;
}
.salades #p20b { /*prix salade montagnarde*/
left:655px;
top:666px;
color:#4b1807;
}
.salades #p20c { /*prix salade montagnarde soir*/
left:715px;
top:666px;
color:#4b1807;
width:50px;
}

.salades #p21 { /*prix salade montagnarde*/
left:655px;
top:686px;
color:#bb0818;
}

.salades #img { /*image chocolat*/
position:absolute;
height:300px;
width:236px;
top:-20px;
right:95px;
background-image:url(imge_site/pages_salades/diaphane_300.jpg);
}






















/*PAGE A LA CARTE-ENTREE*/

body.entree { /*appel de la variante "entree" dans la grande class body*/
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg); /*img fond bleu de 1px par 1px*/
}

.entree .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.entree .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.entree .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.entree .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.entree #conteneur {
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg);
background-repeat:repeat;
}

.entree #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}




.entree #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.entree .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_carte/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#a2a0f2;
display:table;
}

.entree .link { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}



.entree:hover .lien{
border:none;
} 



.entree #lien1 { /*Page entree, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
}


.entree #lien1EN { /*Page entree, [le timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.entree #lien2 { /*Page entree, [les consommations]*/
top:165px;
left:20px;
width:215px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.entree #lien2EN { /*Page entree, [les consommations]*/
top:165px;
left:20px;
width:174px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.entree #link3 { /*Page entree, [la carte]*/
top:265px;
left:20px;
width:150px;
text-align:right;
background-position:top;
background-repeat:no-repeat;
background-image:url(imge_site/menu_carte/kub_1500.jpg);
color:#a2a0f2;
text-align:right;
}

.entree #lien3a { /*Page entree, [Menu Timbre]*/
top:445px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.entree #lien3b { /*Page entree, [Menu Poste]*/
top:460px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.entree #lien3c { /*Page entree, [les salades]*/
top:475px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}


.entree #lien3d { /*Page entree, [entree]*/
top:490px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#bb0818;
font-size:0.85em;
}

.entree #lien3e { /*Page entree, [les viandes et poissons]*/
top:505px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}



.entree #lien4 { /*Page entree, [l'accès]*/
top:551px;
left:20px;
width:137px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}

.entree #lien4EN { /*Page entree, [l'accès]*/
top:551px;
left:20px;
width:133px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}




.entree #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
position:absolute;
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
z-index:1000;
}

.entree .title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.entree #h3 { /*Page entree [Les Salades]*/
top:0px;
right:265px;
text-align:right;
color:#bb0818;
font-size:2em;
}


.entree .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}

.entree #p5a { /*sous titre [Les entrees]*/
position:absolute;
left:50px;
top:95px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;
}

.entree #p1a { /*les entrées,texte en gris clair */
position:absolute;
left:65px;
top:118px;
text-align:left;
color:#666666;
}

.entree #p2a { /*les entrees,texte en marron*/
position:absolute;
left:65px;
top:142px;
text-align:left;
color:#4b1807;
}

.entree #p4a { /*les omelettes,texte en marron*/
position:absolute;
left:65px;
top:500px;
text-align:left;
color:#4b1807;
}


.entree #p3a { /*les omelettes,texte en gris clair */
position:absolute;
left:65px;
top:458px;
text-align:left;
color:#666666;
}




.entree #p6a { /*sous titre [Les omelettes]*/
position:absolute;
left:50px;
top:435px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;
}

.entree #p7a { /*MIDI*/
position:absolute;
left:655px;
top:435px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;
}

.entree #p8a { /*SOIR*/
position:absolute;
left:715px;
top:435px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;
}



.entree #p1b { /*prix en clair gris */
position:absolute;
left:655px;
top:118px;
text-align:left;
color:#666666;
}

.entree #p2b { /*prix en marron*/
position:absolute;
left:655px;
top:142px;
text-align:left;
color:#4b1807;
}

.entree #p3b { /*,prix en gris clair */
position:absolute;
left:655px;
top:458px;
text-align:left;
color:#666666;
}

.entree #p3c { /*,prix en barré midi*/
position:absolute;
left:600px;
top:458px;
text-align:left;
color:#666666;
}

.entree #p4b { /*prix en marron*/
position:absolute;
left:655px;
top:500px;
text-align:left;
color:#4b1807;
}

.entree #p3d { /*,prix en  gris clair soir*/
position:absolute;
left:715px;
top:458px;
text-align:left;
color:#666666;
width:50px;
}

.entree #p3f { /*,prix en barré soir */
position:absolute;
left:770px;
top:458px;
text-align:left;
color:#666666;
width:50px;

}

.entree #p4e { /*prix en marron soir*/
position:absolute;
left:715px;
top:500px;
text-align:left;
color:#4b1807;
width:50px;

}

.entree .paraomelette { /*mise en page des descriptions de chaque omelettes*/
position:absolute;
display:block;
font-family:Verdena, "DejaVu Serif", Norasi, serif;
text-align:left;
font-size:0.9em;
left:80px;
color:#666666;

}

.entree #ps { /*omelette du sud ouest*/
top:475px;
}

.entree #ps1 { /*omelette du sud ouest*/
top:515px;
color:#4b1807;
}

.entree #ps2 { /*omelette du sud ouest*/
top:555px;
}

.entree #ps3 { /*omelette du mixte*/
top:595px;
color:#4b1807;
}

.entree #ps4 { /*omelette du boletus*/
top:635px;
}

.entree #img { /*image chocolat*/
position:absolute;
height:320px;
width:289px;
top:10px;
right:100px;
background-image:url(imge_site/page_entree/limonade1.jpg);
}



















/*PAGE VIANDES*/

body.viandes { /*appel de la variante "viandes" dans la grande class body*/
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg); /*img fond blanc cassé de 1px par 1px*/
}

.viandes .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.viandes .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/menu_carte/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.viandes .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.viandes .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/menu_carte/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}





.viandes #conteneur {
background-image:url(imge_site/menu_carte/fond_blanccasse.jpg);
background-repeat:repeat;
}

.viandes #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}




.viandes #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.viandes .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/menu_carte/vachequirit_75.jpg); /*appel image pr lien [timbre poste]*/
background-repeat:no-repeat;
height:77px;
color:#a2a0f2;
display:table;
}

.viandes .link { /*class qui paramettre la grande icone menu*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}



.viandes:hover .lien{
border:none;
} 



.viandes #lien1 { /*[le timbre poste]*/
top:65px;
left:20px;
width:195px;
}

.viandes #lien1EN { /*[le timbre poste]*/
top:65px;
left:20px;
width:203px;
}

.viandes #lien2 { /*[les consommations]*/
top:165px;
left:20px;
width:215px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.viandes #lien2EN { /*[les consommations]*/
top:165px;
left:20px;
width:174px;
background-image:url(imge_site/menu_carte/biere_75.jpg);
}

.viandes #link3 { /*[la carte]*/
top:265px;
left:20px;
width:150px;
text-align:right;
background-position:top;
background-repeat:no-repeat;
background-image:url(imge_site/menu_carte/kub_1500.jpg);
color:#a2a0f2;
text-align:right;
}

.viandes #lien3a { /*[Menu Timbre]*/
top:445px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.viandes #lien3b { /*[Menu Poste]*/
top:460px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.viandes #lien3c { /*[les salades]*/
top:475px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}


.viandes #lien3d { /*[entree]*/
top:490px;
right:80px;
text-align:right;
height:0em;
background-image:none;
font-size:0.85em;
}

.viandes #lien3e { /*[les viandes et poissons]*/
top:505px;
right:80px;
text-align:right;
height:0em;
background-image:none;
color:#bb0818;
font-size:0.85em;
}


.viandes #lien4 { /*Page entree, [l'accès]*/
top:551px;
left:20px;
width:137px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}

.viandes #lien4EN { /*Page entree, [l'accès]*/
top:551px;
left:20px;
width:133px;
background-image:url(imge_site/menu_carte/arret_75.jpg);
}




.viandes #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
position:absolute;
width:740px;
height:716px;
top:0px;
left:250px;
display: block;
z-index:1000;
}

.viandes .title { /*mise en page des titres, typo bubble sharp*/
position:absolute;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.viandes #h3 { /*Page Viandes [Les Viandes et poissons]*/
top:0px;
right:265px;
text-align:right;
color:#bb0818;
font-size:2em;
}


.viandes .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:right;
}


.viandes #p1 { /*sous titre [Les viandes]*/
position:absolute;
left:50px;
top:72px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;
font-size:1em;
}
.viandes #p1a { /*les viandes texte en marron */
position:absolute;
left:65px;
top:90px;
text-align:left;
color:#4b1807;
}
.viandes #p1b { /*les viandes texte en gris*/
position:absolute;
left:65px;
top:113px;
text-align:left;
color:#666666;
}
.viandes #p1c { /*les viandes, prix en marron */
position:absolute;
left:620px;
top:90px;
text-align:left;
color:#4b1807;
}
.viandes #p1d { /*les viandes, prix en gris */
position:absolute;
left:620px;
top:113px;
text-align:left;
color:#666666;
}

.viandes #p1e { /*MIDI */
position:absolute;
left:625px;
top:72px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;}

.viandes #p1f { /*SOIR */
position:absolute;
left:690px;
top:72px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;}

.viandes #p1g { /*les viandes, prix en gris */
position:absolute;
left:690px;
top:113px;
text-align:left;
color:#666666;
}

.viandes #p1h { /*les viandes, prix en marron */
position:absolute;
left:690px;
top:90px;
text-align:left;
color:#4b1807;
}


.viandes #p2 { /*sous titre [Les confis]*/
position:absolute;
left:50px;
top:373px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;
}
.viandes #p2a { /*les confis texte en marron */
position:absolute;
left:65px;
top:390px;
text-align:left;
color:#4b1807;
}
.viandes #p2b { /*les confis texte en gris*/
position:absolute;
left:65px;
top:413px;
text-align:left;
color:#666666;
}
.viandes #p2c { /*les confits, prix en marron */
position:absolute;
left:620px;
top:390px;
text-align:left;
color:#4b1807;
}
.viandes #p2d { /*les confits, prix en gris */
position:absolute;
left:620px;
top:413px;
text-align:left;
color:#666666;
}





.viandes #p3 { /*sous titre [Les Poissons]*/
position:absolute;
left:50px;
top:530px;
text-align:left;
color:#bb0818;
font-style:italic;
font-weight:bold;
}
.viandes #p3a { /*les poissons texte en gris */
position:absolute;
left:65px;
top:548px;
text-align:left;
color:#666666;
}
.viandes #p3b { /*les poissons texte en marron */
position:absolute;
left:65px;
top:571px;
text-align:left;
color:#421a23;
}
.viandes #p3c { /*les poissons, prix en gris */
position:absolute;
left:620px;
top:548px;
text-align:left;
color:#666666;
}
.viandes #p3d { /*les poissons, prix en marron */
position:absolute;
left:620px;
top:571px;
text-align:left;
color:#421a23;
}

.viandes #p3e { /*les poissons, prix barré */
position:absolute;
left:565px;
top:548px;
text-align:left;
color:#939478;
}


.viandes #img { /*image chocolat*/
position:absolute;
height:300px;
width:198px;
top:180px;
right:140px;
background-image:url(imge_site/page_viandes/malt.jpg);
}














/*PAGE ACCES*/


body.acces { /*appel de la variante "acces" dans la grande class body*/
background-image:url(imge_site/page_acces/fond_vert.jpg); /*img fond bleu de 1px par 1px*/
}

.acces .headerleft { /*marge supérieur qui borde le conteneur*/
position:absolute;
top:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/page_acces/tl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.acces .headerright { /*marge inférieur qui borde le conteneur*/
position:absolute;
top:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; /*hauteur en px car ne doit pas se répetter sur les y*/
background-image:url(imge_site/page_acces/tr.jpg);
background-repeat:no-repeat;
background-position:right;
}

.acces .downleft { /*marge gauche qui borde le conteneur*/
position:absolute;
bottom:0px;
left:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/page_acces/dl.jpg);
background-repeat:no-repeat;
background-position:left;
}

.acces .downright { /*marge droite qui borde le conteneur*/
position:absolute;
bottom:0px;
right:0px;
width:65px; /*largeur en em, car doit se répéter sur les x*/
height:39px; 
background-image:url(imge_site/page_acces/dr.jpg);
background-repeat:no-repeat;
background-position:right;
}


.acces #conteneur {
background-image:url(imge_site/page_acces/fond_vert.jpg);
}

.acces #contenu { /*2nd conteneur transpt,contient ts les éléments du site, m sans les larges rouges,+petit ke conteneur*/
background-image:none;
}

.acces #liens { /* L'id "liens" est 1mini conteneur qui contient les liens du site*/
width:250px;
height:716px;
top:0px;
left:0px;
display: block;
position:absolute;
z-index:1000;
}

.acces .lien { /*class qui paramettre les liens des pages*/
position:absolute;
text-align:right;
background-image:url(imge_site/page_acces/biere_75.jpg); /*appel image pr lien [consommatons]*/
background-repeat:no-repeat;
height:77px;
color:#0e0c44;
display:table;
}

.acces .link { /*class qui paramettre la grande icone menu*/
position:absolute;
text-align:right;
background-repeat:no-repeat;
height:170px;
display:table;
}


.acces:hover .lien{
border:none;
} 


.acces #lien1 { /*Page acces, [le timbre poste]*/
top:65px;
left:20px;
width:195px;
background-image:url(imge_site/page_acces/vachequirit_75.jpg);
}

.acces #lien1EN { /*Page acces, [le timbre poste]*/
top:65px;
left:20px;
width:203px;
background-image:url(imge_site/page_acces/vachequirit_75.jpg);
}

.acces #lien2 { /*Page acces, [les consommations]*/
top:165px;
left:20px;
width:215px;
}

.acces #lien2EN { /*Page acces, [les consommations]*/
top:165px;
left:20px;
width:174px;
}

.acces #lien3 { /*Page acces, [la carte]*/
top:265px;
left:20px;
width:144px;
background-image:url(imge_site/page_acces/kub_75.jpg);
}

.acces #lien3EN { /*Page acces, [la carte]*/
top:265px;
left:20px;
width:129px;
background-image:url(imge_site/page_acces/kub_75.jpg);
}

.acces #link4 { /*Page acces, [l'accès]*/
top:365px;
left:20px;
color:#333333;
text-align:right;
width:150px;
background-image:url(imge_site/page_acces/arret_1500.jpg);
text-align:right;
}

.acces #lien5 { /*plan google map*/
left:20px;
top:500px;
background-image:none;
width:auto;
height:auto;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
font-weight:bold;
color:#555555;
}




.acces #pages { /* L'id "pages" est 1mini conteneur qui contient les éléments de la page du site, gche du menu*/
width:740px;
height:716px;
top:0px;
right:0px;
display: block;
position:absolute;
z-index:1000;
}

.acces .title { /*mise en page des titres, typo bubble sharp*/
position:relative;
display:block;
font-weight:normal;
letter-spacing:normal;
}

.acces #h3 { 
top:30px;
left:0px;
text-align:center;
color:#777777;
font-size:2em;
}

.acces .paragraphe { /*mise en page des paragraphes*/
position:absolute;
display:block;
font-family:Verdana, "DejaVu Serif", Norasi, serif;
text-align:left;
color:#713413;
}

.acces #p1 { /*[AU timbre Poste]*/
left:20px;
top:532px;
text-align:left;
font-weight:bold;
}

.acces #p2 { /*adresse*/
left:20px;
top:527px;
text-align:left;
}

.acces #p3 { /*acces metro*/
left:65px;
top:657px;
}


.acces #p4 { /*acces tram*/
left:65px;
top:617px;
}


.acces #imgplan { /*plan*/
position:absolute;
top:80px;
left:20px;
width:700px;
height:400px;
background-image:url(imge_site/page_acces/plan.jpg);
}

.acces #imgmetro { /*icone metro*/
position:absolute;
top:650px;
left:20px;
width:30px;
height:30px;
background-image:url(imge_site/page_acces/metro.jpg);
}

.acces #imgtram { /*icone tram*/
position:absolute;
top:610px;
left:20px;
width:30px;
height:30px;
background-image:url(imge_site/page_acces/tram.jpg);
}