/*-----------------------------------------------------------------*/
/* css generale_style pour l'Avant-goût :  http://www.l'avantgout.com/
* By France Lavallé,  http://www.webstands.net/
* Contents under Licence Creative Commons by-nc-sa/
 http://creativecommons.org/licenses/by-nc-sa/2.0/fr/deed.en_GB  Attribution-NonCommercial-ShareAlike 2.0 France 
*  French : sous Licence Creative Commons by-nc-sa :  Paternité -   Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 2.0 France. /  
 http://creativecommons.org/licenses/by-nc-sa/2.0/fr/
* Last mod 2010 January 01 /
*/

/*--------------------------------*/
/*      Style généraux      */ 
/*--------------------------------*/

body, html {
margin: 0;
padding: 0;
}
body{
text-align: center; 
font-size: 62.4%;
background: #830606;  /*  rouge couleur fond du site     */  
color: #412222; /* noir  */ 
font-family: verdana, "Bitstream Vera Sans", sans-serif;    
}
#gdconteneur {
text-align: left;
width: 90%;
min-width: 800px;
max-width: 1200px;
margin: 0 auto;
position: relative;
top: 0;
z-index:10;
}
/* Taille du texte et titres   */
p {
margin-bottom: 5px;
line-height: 18px;
text-align: justify;
font-size: 1.1em; 
}
p.left {
text-align: left;
}
p.small{
margin-bottom: 5px;
line-height: 12px;
font-size: 0.9em;
}
p.ital{
margin-bottom: 10px;
line-height: 15px;
font-style: italic;
font-size: 1em;
}
p.italcentre{
margin-bottom: 1px;
line-height: 10px;
font-style: italic;
font-size: 1em;
text-align: center;
}
/* sur le mail contact, spécial */
p.verystrong {
font-size: 1.2em;
font-weight: bold;
padding: 0.5em;
border-color: red; /* rouge */ 
border-style: double; 
}
p.auteur { 
clear:both; 
text-align: left; 
margin-left: 3em; 
color: #a15922;  /* oranger foncé  */
font-size: 1.2em;
font-style: italic;
}

h1 {
margin-top: 2em;
font-size: 1.60em;
text-align: center;
font-style: italic;
letter-spacing: 1px; 
color: #a50303; /*rouge header */
}
h2 {
margin-top: 0;
padding-bottom: 15px;
font-size: 1.45em;
letter-spacing: 1px;
color: #a50303; /*rouge header */
}
#contenu h2.suite {
margin-top: 10px;
padding-bottom: 15px;
}
h2.centre{
margin-top: 5px;
padding-bottom: 15px;
font-size: 1.45em;
text-align: center;
}

h3 {
margin-top: 10px;
padding-bottom: 1px;
font-size: 1.20em; 
color: #a50303; /*rouge header */
}

h3.centre {
margin-top: 25px;
font-size: 1.20em; 
color: #a50303; /*rouge header */
letter-spacing: 1px;
text-align: center;
}

h4 {
margin-top: 5px;
padding-bottom: 1px;
font-size: 1.10em;
color: #8e5250;  /* gris  rosé*/
}

h4.centre{
margin-top: 5px;
font-size: 1.10em;
color: #70645e;  /* gris */
text-align: center;
}

h5 {
margin-top: 10px;
padding-bottom: 1px;
font-size: 1em; 
color: #70645e;  /* gris */
}

em {
color:#a50303; /*rouge header */
}

strong {
font-size: 0.9em;
}
del{
color: #900d0d; /* rouge  */
font-weight: bold;
}
/*affichage des liens internes et externes*/
a{
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
}
a, a:link{
color: #c65c0d;  /* orangé  moyen  */
}
a.external {	
color: #c65c0d;  /* orangé  moyen  */
font-style: italic; 	
}

a:active, a:focus, a:hover, a.external:hover,  a.external:focus, a.external:active  {
text-decoration: underline;
color: #d27b38;  /* oranger fade   */
} 
  
#contenu a:visited, #contenu a.external:visited , #menuList a:visited, #menuList a.external:visited ,
#footer a:visited, #footer a.external:visited {
color: #d27b38; /* oranger fade  */
}

a img { border: none; }
img { border: none; }

/* sigles, acronymes, abréviations */
/* affiche un point d'interrogation  sera lu en texte normal*/
abbr{
cursor:help;
border-bottom: #990000 1px dotted; 
} 
/* affiche un point d'interrogation  le sigle sera lu en épelant*/
acronym{
cursor:help;
border-bottom: #990000 1px dotted;
speak:spell-out;
}

/* citations*/
blockquote  {
font-style: italic;
font-family: arial;
}
q { 
font-style: italic; 
}
/*pause pour lecteurs vocaux*/
#nav span, #header span, #TopNavigation span, #fildariane span, .retour span, .retour2 span, #gdcontenu span, #conteneurVideo span, #contenu span, #menuList span, .news span, #droite span,  #footer span { display:none; }	

hr{
visibility: hidden;
clear: both;
}
hr.spacer {
clear: both;
visibility: hidden;
height: 1px;
margin: 1px;
padding:0;
}
/*Trait de séparation  coloré  */
.space {
clear: both;
height: 1px;
margin: 1px; 
padding:0;
border-bottom: solid 1px red;
}
.retour { 
clear:both; 
text-align: right; 
margin-right: 235px; 
font-size: 1em;
}
.retour2 { 
clear:both; 
text-align: right; 
margin-right: 235px; 
font-size: 1.2em;
}
/*--------------------------------*/
/*Styles spécifiques*/
/*--------------------------------*/
/*   Header */ 
/*  liens de navigations  centrés en haut aller au contenu et tabulation directe vers les pages officielles */
#nav {
text-align: center;
width: 100%;
/*vidth: 100%;*/
z-index: 10;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
padding-bottom: 0.5em;
font-size: 1.1em;
color:  #c65c0d;  /* orangé  moyen  */ 
}
#nav a {color:   #c65c0d;  /* orangé  moyen  */ }
#nav a:active, #nav a:focus, #nav a:hover  {
text-decoration: underline; 
color:  #e0955c; /* oranger fade  */
}

/* 
*Afichage  du logo , du  menu  et du titre  dans la même div header
*/

#header{
margin: 0;
padding: 0;
width: 100%;
/*vidth: 100%;*/
height: 185px;
background: #fff url('img/header_repeat2.jpg') repeat-x top;  /* fond pour barre horizonale  */
}

/*  liens vers les versions en d'autres langues  */
#lang {
position: absolute;
text-align: right;
width: 10%;
z-index: 10;
top: 5px;
right: 0;
}

#lang img{
float: left;
margin-top: 2px;
padding: 0 3px;
display: inline;
}

/*  moteurs de recherche  */
#recherche {
position: absolute;
top: 50px;
right: 15px;
width: 150px;
display: inline;
}
#recherche form{
margin:0;
padding:0;
}
#recherche p{
width: 150px;
w\idth : 150px;
display: block;			
padding: 0;
margin: 0;
text-align: left;
}
#recherche  input {
border: 1px inset  #a60204; /* rouge tiré du header */
background: #a60204; /* rouge tiré du header */
display: inline;
color: #e89664; /* oranger clair  tiré du header */
}

#header p.fixeDroite img{
position: absolute;
top: 18px;
right: 10px;
width: 11px;
height: 163px;
overflow: hidden;
}

.TopNavigation{
margin-top: 0px;
width:800px; 
background: url('img/logo.gif') no-repeat bottom left;  /* le logo  */ 
}
.TopNavigation img {
padding-left: 310px;
vertical-align: bottom;
}
.TopNavigation ul{
display: block;
margin: 0 0 0 310px;
padding:0;
height: 100px;
list-style: none;
}
.TopNavigation ul li{
display: block;
margin: 60px 0 0 0;
padding: 0;
float: left;
text-transform: uppercase;
border-left: 1px solid #a60204; /*couleur prise dans la barre */ 
border-right: 1px solid #dd6a3d; /*couleur prise dans la barre */
}
.TopNavigation ul li a{
display: block;
color: #ffa800; /* oranger jaune du G du logo */
padding: 0px 15px;
text-decoration: none;
white-space: nowrap;
line-height:40px;
float: left;
}
.TopNavigation ul li a:hover
{
color:  #c65c0d;  /* orangé  moyen  */ 
background-color: #ffa800; /* oranger jaune du G du logo */
}

/* titre à modifier pour chaque site, resto, cellier, breaufront  */ 
h1.title {
margin-top: 1em;
margin-left: 30px;
font-size: 1.80em;
text-align: left;
font-style: italic;
letter-spacing: 1px; 
color: #a50303; /*rouge header */
}
p.title{
font-weight: bold;
color: #a50303; /*rouge header */
Margin-left: 30px;
}

/*--------------------------------------------------------------------------------------------*/
/*  Le colonne gauche et le  contenu  texte affichage à gauche    */ 
/*--------------------------------------------------------------------------------------------*/

#conteneur {
position: absolute;
width: 100%;
/* width: 100% */
margin: 0; 
padding: 0;
background: #fff; 
}

/*Affichage du positionnement de la page consultée et retour précédent*/
#fildariane {
float: right;
clear: right; 
margin: 0.5em 1em 0 0;
display: inline;
font-size: 1em;
}
#fildariane em{
font-size: 1.1em;
font-weight: bold;
}

/*contenu affiché à gauche */
#contenu {
margin: 30px 260px 0 0;
padding: 10px;
font-size: 1.2em;
background: #fff url('img/mainBg.jpg') repeat-x top;
}
/* menu de navigation sur contenu */
#navContenu {
Display: inline;
margin: 10px 0 25px 0;
padding: 5px 0; 
font-size: 1em;
text-align: center;
}
#contenu h2 {
margin-top: 0;
text-align: left;
margin-left: 30px;
margin-bottom: 5px;
font-size: 1.45em;
letter-spacing: 1px;
}
.contenu ul, .contenu ol {
    margin-left: 40px;
    padding-left: 0;
}
.contenu ul li { 
list-style-image: url('img/puce.jpg'); 
list-style-position: outside; 
font-size: 1em;
}

.contenu ol li { 
list-style-type: decimal; 
list-style-position: outside;
font-size: 1em;
}

.contenu dt { 
padding-top: 1ex; 
font-size: 1.1em;
font-weight: bold; }
.contenu  dd { 
list-style-position: outside; 
text-align: justify;
padding-top: 0 1ex 0;
font-size: 1.1em; 
}
dl.adresse{
margin-top: 0;
padding-top: 0;
padding-left: 220px;
text-align: left;
}

/* ---pour le menu carte --- */
#contenu  ul.centre {
text-align: left;
padding-top: 0.5em;
padding-left: 1em;
}
#contenu  ul.centre li{  
list-style-position: inside; 
font-size: 1em;
}


/* Affichage spécifique pour les pages recette  */
#blocIngredients {
display: block;
float:left;  
margin: 0 10px 0 0;
padding:10px;
width: 230px;
height: auto;
border: 1px solid #a50303; /*rouge header */
}
#blocIngredients2 {
display: block;
float:left;  
margin: 0 0 0 10px;
padding:10px;
width: 230px;
height: auto;
border: 1px solid #a50303; /*rouge header */
}
/* Bloc d'affichage des ingrédients pages recettes  gauche*/
#ingredients{ /*le bloc de listes */
display: block;
float:left;
margin: 0 0 0 20px;
padding: 0;
width: auto;
list-style-type: none;
}
#ingredients li { /* tous les items de  la liste */
display: block;
text-align: left;
line-height: 1.25em;
margin-bottom: -1px;
width: auto;
font-style: italic;
list-style-type: none;
color: #c65c0d;  /* orangé  moyen  */
}
/* Bloc d'affichage des ingrédients pages recettes  gauche*/
#ingredients2{ /*le bloc de listes */
display: block;
float:left;
margin: 0 0 0 20px;
padding: 0;
width: auto;
list-style-type: none;
}
#ingredients2 li { /* tous les items de  la liste */
display: block;
text-align: left;
line-height: 1.25em;
margin-bottom: -1px;
width: auto;
font-style: italic;
list-style-type: none;
color: #c65c0d;  /* orangé  moyen  */
}
/* ---plan du restaurant javascript activé--- */
#map{
float: left;
width: 470px;
height: 350px;
margin-top: 0.5em;
margin-right: 1.5em;
}
/* ---plan du restaurant javascript désactivé--- */
#map2{
float: left;
width: 470px;
height: 350px;
margin:0;
}
/* ---plan du parking --- */
#parking{
float: left;
width: 600px;
height: 620px;
margin-top: 1em;
margin-right: 1.5em;
}

/* images directes sans paragragraphe laissent le texte défiler à gauche */
#contenu img {
float: left;
margin: 0.5em 1em 0.5em 0;
display: inline;
border: none;
}
/* pour images   avec plus de margin top */
#contenu p.bas img {
float: left;
margin:  1em 1em 0.5em 0;
display: inline;
border: none;
}
/* pour images   avec moins de margin top */
#contenu p.haut img {
float: left;
margin:  0 1em 0 0;
display: inline;
border: none;
}
/* images dans un  paragragraphe ne laisse pas défiler le texte  */
#contenu p img {
float: none;
margin: 0 1em .5em  0;
display: inline;
border: none;
}

/* pour images   à droite du texte */
#contenu p.droite img{
float: right;
margin:  0 3em 0.5em 0.5em;
display: inline;
border: none;
}
/* positionnement spécifique à la page liens  les boutons flottent en ligne*/
#contenu p.boutonsPart img{
float: none;
margin: 0;
display: inline;
clear:both;
}
/* image  à enlever après les fêtes */
p.voeux {
position:relative; 
width: 265px; 
margin: 1px auto;
padding: 1px;
Text-align: center;
}

#contenu fieldset{
padding: 1em;
margin: 1em 0;
font-size: 1em;
width: 75%;
border: 1px solid silver; 
background-color:  #fff3c1;  /* jaune pale  */
text-align: left;
}
#contenu p code{
text-align: left;
}
/* --- preambule, bloc spécifique avant contenu --- */
#preambule {
margin-left: 1em;
margin-right: 1em; 
}
#preambule p{
font-size: 1em;
}

/*bloc texte  */
.blocsTexte{
margin: 0.5em 0 1em 0;
padding: 0.5em;
width: 95%;
border: double #a50303; /*rouge header */ 
}
/* moteur  nouvelle recherche sur la page de résultats du moteur*/
#recherche2 {
float: left;
clear:left;
margin-left: 1em;
width: 85%;		
}
#recherche2  form{
float: left;
margin:0;
padding-top: 5px;
}
#recherche2  p{	
margin-top: 5px;			
padding: 0;
text-align: left;
}
#recherche2  input {
margin: 0;
padding: 1px;
border:2px inset  #fff3c1;  /* jaune pale  */
background:  #fff3c1;  /* jaune pale  */
display: inline;
}
background: #fff3c1;  /* jaune pale  */


/* ---  affichage du formulaire de contact  ---  */
#mail { 
margin: 0 0 2em 0;
padding: 1em;
}
#form { 
margin: 0 0 1em 8em;
padding: 1em;
}
#form p input, #form p textarea {
border:2px inset silver;
background: #fff3c1;  /* jaune pale  */
}

/* ---  affichage du formulaire de ommande  ---  */
#agapes { 
margin: 2em 0;
padding: 0.5em;
}
#agapes p input, #agapes p textarea {
border:2px inset silver;
background: #fff3c1;  /* jaune pale  */
}

/* ---  affichage du formulaire d'inscription à la newsletter  ---  */
#inscription{ 
margin: 0.5em 0 2em 5em;
padding: 1em;
}
#inscription p input {
border:2px inset silver;
background:  #fff3c1;  /* jaune pale  */
}

/* affichage plus joli */
INPUT[type="radio"], INPUT[type="checkbox"] {
  border: none;	/* <= Opera en a besoin */
}
 
.news { 
clear: both;
margin: 0;
padding: 0.5em;
width: 100%;
/*width: 100% */ /* Pour Opera */
font-size: 1em; 
text-align: left;
}
.news .news_date  { 
float: left;
clear: both; 
width: 7em; 
margin: 0; 
padding: 3px 10px;
text-align: left;
font-size: 1em;
color: #a50303; /*rouge header */
background-color: #f1b881; /* oranger */
}
.news .news_texte { 
float: left;
clear: both; 
padding: .5em;
text-align: justify;
font-size: 1em;
}
p.news_old {
clear: both;
float: right;
margin-top: 0.5em;
margin-right: 3em;
}
.news + *    { clear: both; }
/*-----------------------------------------------------------------*/
/*             Les blocs de colonne droite   */
/*-----------------------------------------------------------------*/

/*
*colonne droite
*/
/*  Menulist  liste des  sous rubriques  de chaque rubriques*/
#droite {
position: absolute;
top: 30px;
right: 10px;
width: 220px;
padding: 0;
background: #fcfcda url('img/bgMenuList.jpg') repeat-x;     
}

/*  Menulist  liste des  sous rubriques  de chaque rubriques*/
#menuList {
float: left;
clear: left;
margin-top: 35px;
width: 220px;
padding: 0;     
text-align: left;
font-size: 1.2em;
}
#menuList h2 {
width: 220px;
margin: 5px 0;
padding-bottom: 3px;
background: #ffa800; /* oranger jaune du G du logo */
text-align: center;
font-size: 1.10em;
color: #a50303; /*rouge header */
}
#menuList div {
float: left;
width: 220px;	
margin-top: 3px;
padding: 0;
}
#menuList div a {
width: 216px;
margin: 0;
padding: 3px 0 4px 4px;	
font-size: 0.9em;	
display: block;
text-align:left;
background: #f4c78e;  /* oranger pale  */
}
#menuList div a:hover, #menuList div a:focus, #menuList div a:active, 
#menuList diva.external:hover, #menuList diva.external:focus, #menuList div a.external:active {
text-decoration: none;
background-color: #c72103; /*rouge pris dans le  TopNavigation */
}
 /* Affichage des boutons publicitaires si on les place ici */
#menuList img {
 float: left;  
 margin: .5em 1em .5em 0.3em;
 padding: 0;
 display: inline; 
}
#menuList div.rss img{
margin:0;
padding: 0 0.5em 0 0;
}

/*bloc défilement images javascript activé  */
#conteneur_defil {
float: left;
clear: left;
padding-top: 20px;
border:0px solid #000;
width:220px; 
margin:0 auto;
overflow:hidden;
line-height:normal;
}
#cadre_defil {
	position:relative; 
	width:220px; 
	height:130px; 
	overflow:hidden;
	background-color: #fcfcda; } /* couleur fond de la colonne droite */
#cadre_defil img{
	vertical-align: middle;
	border:0;
}
#defile { 
	position:absolute;
	width:2120px;
	font-family: Courier New, Courier, monospace;
	font-size:20px;
	color: #a50303; /*rouge header */ 
}
#defile .liens {
	text-decoration:underline;
	color:#c65c0d;  /* orangé  moyen  */
}
/* Affichage de la date et fête du jour */
#fete{
float: left;
clear: left;
width: 220px;	
margin: 0;
padding: 0;
display: block;
font-size: 1.em;
}


/* rebus si colonne droite */
#rebus{
float: left;
clear: left;
margin: 0;
width: 220px; 
}

#rebus p{
font-size: 1.1em;
text-align: left;
}
#rebus img{
float: left;
margin:  1em 0.5em 1em 0;
display: inline;
border: none;
width: 116px;  /* largeur de l'image */
height: 60px; /* hauteur */
 } 
p.imageCochon {
float: left;
margin:  1em 0;
display: inline;
border: none;
}

/*
afffichage  de la page video centrage de l'animation  suivant les pages appelées
*/ 
#conteneurVideo{
margin: 40px 260px 0 0;
padding: 10px;
font-size: 1.2em;
background: #fff url('img/mainBg.jpg') repeat-x top;
}
#conteneurVideo img {
float: left;
margin: 0.5em 1em 0.5em 0;
display: inline;
border: none;
}
#conteneurVideo h2 {
margin-top: 30px;
font-size: 1.60em;
text-align: center;
letter-spacing: 1px;
clear:both;
}

#conteneurVideo h3 {
margin-top: 25px;
font-size: 1.30em; 
color: #a50303; /*rouge header */
letter-spacing: 1px;
text-align: center;
}
#conteneurVideo p.milieu{ 
line-height: 12px;
margin-bottom: 5px;
text-align: center; 
font-size: 1.1em;
}
#conteneurVideo p.milieuSmall{ 
line-height: 10px;
margin-bottom: 5px;
text-align: center; 
font-size: 0.9em;
font-style: italic;
}
/* centrage de la vidéo Flash  sur la page videoHlash */
#centreVideoFlash{   
padding-top: 10px;
position: relative;
margin: 0 auto;
width: 384px; /* largeur de la boite   */
height: 288px; /* hauteur de la boite  */
 }
/* centrage de la vidéo mov et wmv sur la page videoMov */
#centreVideoMov {   
padding-top: 10px;
position: relative;
margin: 0 auto;
width: 384px; /* largeur de la boite   */
height: 305px; /* hauteur de la boite  */
 } 


/* --- Pied de page --- */
#footer {
clear:both;
width: 100%;
/*width: 100%;*/
height: 50px;
margin: 0;
padding: 5px 0 0 0;
font-size: 0.9em;
background:  #830606; /* couleur fond du site     */
}
#footer  p{
text-align: left;
line-height: 8px;
margin-bottom: 5px;
margin-right: 0;
color: #f7e499;
}

/* 
* Pour l'impression des contenus
*/

@media print { /* on n'imprime pas les menus, images etc. */
#nav, .spacer, .space, .retour, #header, #sites, #titre, #entete, #fildariane, #blocGauche, #droite,  #menuList, #conteneurVideo, #footer { display: none;}

#preambule, #contenu, #gdcontenu  {
float: none;
margin: 0;
}
/* pas de fond */
html, body {
color: #000;
background: #fff;
}
a {
color: blue;
}

a:after { 
content: " [" attr(href) "]";
}

h1, h2, h3, h4, h5{
page-break-after: avoid;
}
p {
width: 90%;
}
}