/*-----------------------------------------------------------------*/
/* css 2 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 November 27 /
*/

/*--------------------------------*/
/*      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;
}
h2 {
margin: 5px 0;
font-size: 1.35em;
letter-spacing: 1px;
}

/*affichage des liens internes et externes*/
a{ 
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
}
a, a:link{
color: #4d5b29; /* vert  foncé  */ 
}
a.external {	
color: #4d5b29; /* vert  foncé  */ 
font-style: italic; 	
}
a:active, a:focus, a:hover, a.external:hover,  a.external:focus, a.external:active  {
text-decoration: underline; 
color: #667734; /* vert  plus pâle */
} 
 #footer a:visited, #footer a.external:visited {
text-decoration: underline;  
}

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;
}
q { 
font-style: italic;
}
/*pause pour lecteurs vocaux*/
#gdconteneur span, #mainIndex span, #footer span { display:none; }	

.spacer {
clear: both;
visibility: hidden;
height: 1px;
margin: 1px;
padding:0;
}

/*--------------------------------*/
/*Styles spécifiques*/
/*--------------------------------*/

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

#lang img{
float: left;
margin-top: 2px;
padding: 0 3px;
display: inline;
}
#conteneur {
position: absolute;
width: 100%;
/*width: 100%; */ 
margin-top: 5px;
}

/*page index  */
#mainIndex {
margin: 15px 0;
padding: 0;
font-size: 1.1em;
width: 100%; 
/*width: 100%; */
}

#mainIndex h2 a {
margin: 0;
font-size: 1.10em;
text-align: left;
padding-left: 10px;
font-style: italic;
letter-spacing: 1px; 
}
#mainIndex p {
text-align: right;
margin-right: 3em; 
font-size: 1em; 
}
/* centrage de l'image ardoise   */
#centreImg{   
padding-top: 20px;
position: relative;
margin: 0 auto;
width: 780px; /* largeur de l'image  */
height: 565px; /* hauteur de l'image  */
 }
#centreImg p{ 
position: absolute;
padding-top: 3em;
padding-left: 280px;
font-size: 1.3em;
text-align: center;
line-height: 24px;
color: #202418; /*  presque noir */
font-style: italic;
}

/* menu bas de page */
#navIndex {
position: relative;
margin: 0 auto;
width: 780px;
padding-bottom: 1em;
text-align: left;
}
#navIndex p {
text-align: left; 
font-size: 1.35em;
}
#navIndex a {
padding: .1em 1em; 
}
/* --- Pied de page --- */
#footer {
clear:both;
width: 100%;
/*width: 100%;*/
height: 25px;
margin: 10px 0 5px 0;
font-size: 0.9em;
}
#footer  p{
text-align: left;
line-height: 5px;
padding-top: 5px;
padding-left: 10px;
}

/* 
* Pour l'impression des contenus
*/

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

#mainIndex {
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%;
}
}