/*-----------------------------------------------------------------*/
/* css 2  style  pour Chefs à l'Ardoise :  http://www..chefs-alardoise.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 2008 December 21 /
*/

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

body, html {
margin: 0;
padding: 0;
}

body { 
text-align: center;
font: 75% Georgia, Times, "Bookman Old Style",  serif; 
color: #202418; /* presque noir */ 
background: #a4bf4b; /* vert body */
}

#gdconteneur {
text-align: left;
width: 780px;
margin: 0 auto;
position: relative;
top: 0;
background: #a4bf4b;
}
p { 
margin-top: 0;
margin-bottom: 10px;	
line-height: 18px;
text-align: justify;
}

p.small {
font-size: 0.9em;
}
p.auteur { 
clear:both; 
text-align: right; 
margin-right: 2em; 
color: #665c2a;  /* doré foncé  */
font-size: 1em;
font-style: italic;
}
h1 {
margin-top: 3px;
font-size: 2em;
text-align: center;
letter-spacing: 1px; 
}
h2 {
margin: 5px 0;
font-size: 1.35em;
text-align: left;
letter-spacing: 1px;  
color: #54651e; /* vert titre  foncé */
}
h3 {
margin: 5px 0;
font-size: 1.20em;
letter-spacing: 1px; 
color: #524c33; /* gris maroon doré */ 
}
h4 {
margin: 5px 0;
font-size: 1.15em;
color: #524c33; /* gris maroon doré */ 
}
h5 {
margin: 4px 0; 
font-size: 1.10em; 
}
em {
color:  #4f6a44; /* gris  vert special em */
font-size: 1em;
font-weight: bold;
}
/* citations*/
blockquote  { 
font-size: 1em;
font-style: italic;
}
q { 
color:  #161b14;  /* gris special q */
font-style: italic; 
font-size: 1.1em;
}

/*affichage des liens internes et externes*/
a{ 
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
}
a, a:link{
color: #7e9c1c; /* vert lien */
}
a.external {	
color:  #7e9c1c; /* vert lien  */
font-style: italic; 	
}

a:active, a:focus, a:hover, a.external:hover,  a.external:focus, a.external:active  {
text-decoration: underline; 
color: #99aa5e; /* vert lien plus pâle */
} 
 
#contenu a:visited, #contenu a.external:visited , #menuList a:visited, #menuList a.external:visited , 
#footer a:visited, #footer a.external:visited, #diapoTitre a:visited, #news a:visited, #datacontainer a:visited {
text-decoration: underline; 
color: #99aa5e; /* vert lien plus pâle */ 
}

span a {
font-weight: bold;
text-decoration: underline;
font-family: georgia; 
}
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: none;
speak:spell-out;
}

/*pause pour lecteurs vocaux*/
#lang span, #nav span, #header span, #navcontainer span,  #droite span, #menuList span,  #contenu span, .blocktext1 span,    
 .retour span, #footer span{ display:none; }	

.spacer {
clear: both;
visibility: hidden;
height: 1px;
margin: 1px;
padding:0;
}
/*Trait de séparation  vert  foncé  */
.space {
clear: both;
margin-bottom: 8px;
height: 1px;   
border-bottom: solid 1px silver;
}
.retour { 
clear:both; 
text-align: right; 
margin-right: 5px; 
font-size: 0.9em;
}

/*--------------------------------*/
/*Styles spécifiques*/
/*--------------------------------*/
 
/*   Header  */ 
/*  liens de navigations  centrés en haut aller au contenu et tabulation directe vers les pages officielles */
#nav {
text-align: right;
width: 100%;
z-index: 10;
position: absolute;
top: 0;
right: 10px;
margin: 0;
font-size: 0.9em;
}

/* header contient le logo le fil d'ariane et le précédent */
#header { 
padding-top: 10px;
margin-bottom: 0px;
height: 190px;
width: 100%;  
 /*width: 100%;*/
background: #000;
}
/*affichage du logo  */
a.image { 
float: left;
clear: left;
margin: 0;
padding: 0;
display:inline;
width: 212px; /* largeur de l'image  */
height: 190px; /* hauteur de l'image  */
background-image: url('img/chefsAlardoise.jpg');
background-repeat: no-repeat;
}
/*liens   du menu principal du top  en images*/
#navcontainer {
float: right;
clear: right;
margin-top: 40px;
margin-right: 0px;
padding: 0;
}
#navcontainer ul{
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
/*width: 100% */
text-align: right;
font-size: 10pt;
}
#navcontainer li { 
display: inline;
}
#navcontainer li a{
text-decoration: none;
padding: .1em 0.5em;
}
#header h1 {
margin-top: 110px;
font-size: 180%;
text-align: center;
letter-spacing: 2px; 
font-weight: bold;
font-family:"Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive;
font-style : italic;
}
/* arborescence du site */ 
#fildariane {
text-align: right;
width: 100%;
z-index: 10;
position: absolute;
top: 170px;
right: 10px;
margin: 0;
font-size: 0.8em;
color: #eee;

}


/*--------------------------------------------------------------------------------------------*/
/*  Les colonnes gauche et droite et le  contenu  texte affichage au centre     */
/*--------------------------------------------------------------------------------------------*/

#conteneur {
position: absolute;
width: 100%;
margin-top: 0;
background: #eee url('img/bg_conteneur.jpg') no-repeat; /* fond gris pâle */
}

#contenu {
margin-top: 10px;
margin-left: 2px;
margin-right: 180px;
margin-bottom: 10px;
padding: 0 5px; 
}
/* menu de vavigation sur contenu */
#navContenu {
Display: inline;
margin: 10px 0 25px 0;
padding: 5px 0; 
font-size: 1em;
text-align: center;
}
/* positionnement des blocs de texte dans contenu */
.bockText1 {
margin: 0 0 5px 0;
padding: 5px 5px 5px 15px;
background:  url('img/bg_blocktext.jpg') top left no-repeat;
border-top: groove 3px silver;
border-right: groove 3px silver;
border-bottom: groove 3px silver;
}
.bockText1 p.first:first-letter {
font-size: 130%;
font-weight: bold;
}

/* les listes */
.contenu ul, .contenu ol {
    margin-left: 30px;
    padding-left: 0;
}
.contenu ul li {
list-style-type: circle; 
list-style-position: outside; 
font-size: 1em;
}
/* liste numérotée */
.contenu ol li { 
list-style-type: decimal; 
list-style-position: inside;
}
/* liste de définition */
.contenu dt { 
padding-top: 1ex; 
font-size: 1.1em; 
}
.contenu  dd { 
list-style-position: outside; 
text-align: justify;
padding-top: 1ex;
font-size: 1em; 
}
#contenu p {
text-indent: 0.5cm;
}
#contenu p.gauche {
text-indent: 0;
}
/* images directes sans paragragraphe laissent le texte défiler à gauche */
#contenu img {
float: left;
margin: 0 1em .5em  0;
display: inline;
border: none;
}
/* images dans un  paragragraphe s'alignent sur une ligne, ne laissent pas de texte défiler  */
#contenu p img {
float: none;
margin: 0 1em .5em  0;
display: inline;
border: none;
}
/* images centrées dans un  paragragraphe s'alignent sur une ligne, ne laissent pas de texte défiler  */
#contenu p.imgCentre{
text-align: center;
margin: 0 auto;
position: relative;
border: none;
}
#contenu p.boutonsPart img{
float: none;
margin: 0;
display: inline;
clear:both;
border: none;
}
#contenu  imput, #contenu textarea {
background: #c3c1bf;  /* gris  blanc*/
}
#contenu fieldset{
padding: 0;
margin: 0.5em 0;
text-align: left;
font-size: 1em;
width: 95%;
border: 1px dotted silver; /* pointillé  silver*/
background-color: #cdd2cc; /* gris vert très clair */
}

/* ---  affichage du formulaire de contact  ---  */
#mail { 
margin-left: 1em;
margin-right: 1em;
margin-bottom: 2em;
padding: 1em;
}
#mail p input,#mail p textarea {
border:2px inset #cdd2cc; /* gris vert très clair */
background: #cdd2cc; /* gris vert très clair */
}

/*
*colonne droite
*/
/*  Menulist  liste des  sous rubriques  de chaque rubriques*/
#droite {
position: absolute;
top: 8px;
right: 3px;
width: 173px;
height: 302px;
padding: 0;
background: #eee url('img/bg_droit.gif') no-repeat;     
}
/* menu  plus long  */
#droite2 {
position: absolute;
top: 8px;
right: 3px;
width: 173px;
height: 341px;
padding: 0;
background: #eee url('img/bg_droit_2.jpg') no-repeat;     
}
/*  Menulist  liste des  sous rubriques  de chaque rubriques*/
#menuList {
float: left;
clear: left;
margin: 85px 0 0 0;
width: 170px;
padding: 0;     
text-align: left;
font-size: 1em;

}
#menuList h2 {
width: 165px;	
margin: 3px;
padding: 1px;
text-align: center;
font-size: 1.15em;
color: #c5c0c0;
}
#menuList h2:first-letter {
font-size: 100%;
}
#menuList h4 {
width: 165px;	
margin: 1px;
padding-left: 12px;
text-align: left;
font-size: 0.9em;
color: #c5c0c0;
}
#menuList div {
float: left;
width: 170px;	
margin: 0;
padding: 0;
}
#menuList div a {
width: 157px;
margin: 2px 0 1px 0;
padding: 1px 0 0 13px;	
font-size: 0.9em;	
display: block;
text-align:left;
color:  #7e9c1c; /* vert lien  */
}
#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;
color: #99aa5e; /* vert lien plus pâle */
}
#menuList div a:visited {
color: #99aa5e; /* vert lien plus pâle */
}


/* --- Pied de page --- */
#footer {
clear:both;
width: 100%;
/*width: 100%;*/
height: 25px;
margin: 5px 0 0 0;
font-size: 0.9em;
background: #dedbdb; /* gris très clair */
}
#footer  p{
text-align: left;
line-height: 5px;
padding-top: 5px;
padding-left: 20px;
}

/* 
* Pour l'impression des contenus
*/

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

#contenu  {
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{
page-break-after: avoid;
}
p {
width: 90%;
}
}