/* Normalise les marges et le remplissage */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td

{ margin : 0; padding : 0 ;}


/* Normalise les tailles de polices pour les en-têtes */

h1, h3, h4, h5, h6
{ font-size : 100%; }


/* Supprime list-style pour les listes */

ol, ul, dl
{list-style : none;}


/* Normalise les styles et graisses de fontes : font-style et font-weight sont "normal" */

address, caption, cite, code, dfn, em, strong, th, var

{font-style : normal; font-wieight: normal;}


/* Supprime les bordures dans les tableaux */

/*table
{border-collapse : collapse; border-spacing : 0;}*/

/* Supprime les bordures dans les éléments fieldset et img */

fieldset, img
{border : 0;}


/* Aligne le texte à gauche dans caption et th */

caption, th
{text-align : left;}


/* Supprime les apostrophes doubles (guillemets anglais) autour de q */

q:before, q:after
{content:'';}






body {
margin:0;
text-align:center;
background-color:#F5B957; /*#FBAF5D;*/
}


div#contenu  {
position:relative;
width: 790px;
height : 100 %;
top:10px;
margin : 0 auto;
text-align:left;
background-color:#F5B957; 
}


h2{
color:#664430;
font:1.5em Verdana, sans-serif;
text-align:center;
margin-top:0px;
margin-bottom : 10px;
font-weight : bold;
}

h1{
color:#916B00;
font:1.5em Verdana, sans-serif;
text-align:center;
height : 1em;
margin-top:0px;
margin-bottom : 10px;
}

h5{
text-decoration:underlined;
font-family : arial, sans-serif;
font-weight: bold;
font-size : 1.1em;
background-color:#CB9650;
color:#F7E2A9;
width : 150px;
}

h6{
font-family : arial, sans-serif;
font-weight: bold;
font-size : 1.5em;
color:#E6831F;
padding: 1em;
width : 250px;
}


#colonne1 {
position:absolute;
left : 0;
width : 280px;
padding : 1em ;
text-align: justify;
background-color : #FFF799;
}

#colonne2 {
position:absolute;
right:0;
width : 280px;
padding : 1em ;
text-align: justify;
background-color: #FFF799;
}

#menu {
position : fixed;}

#contenu p.fin{
text-align:justify;
font:"Verdana", sans-serif;
margin-left:50px;
margin-top:2px;
padding:0px 30px 0px 245px;
}

#home {
position: absolute;
top : 7 px;
left : -50px;
}

#titre {
position : absolute;
top : 3px;
left : 220px;
width : 360px;
}

#chargement {
position : absolute;
top:10px;
left : 630px;
width : 200 px;
}

#chargement li a{
display : block;
background-color:#CB9650;
color:#F7E2A9;
width: 200px;
text-align : center;
font:1em Verdana, sans-serif;
border: 2px solid #F5B957;
height:22px;
padding-top: 3px;
text-decoration : none;
}

#nvo {position:absolute;
top:65px;
width:280px;
left: 590px;
}
#nvo a{font-family:0.8em Verdana,sans-serif;
color:red;
text-decoration:none;}

#chargement li a:hover{
display : block;
background-color:#916A01;
color:#F7E2A9;
width: 200px;
text-align : center;
font:1em Verdana, sans-serif;
border: 2px solid #F5B957;
height:22px;
padding-top: 3px;
text-decoration : none; 
font-weight: bold;
}

#texte li a{
display : block;
background-color:#CB9650;
color:#F7E2A9;
width: 170px;
text-align : center;
font:1em Verdana, sans-serif;
border: 2px solid #FFF799;
height:22px;
padding-top: 3px;
text-decoration : none;
}

#texte li a:hover{
display : block;
background-color:#916A01;
color:#F7E2A9;
width: 170px;
text-align : center;
font:1em Verdana, sans-serif;
border: 2px solid #FFF799;
height:22px;
padding-top: 3px;
text-decoration : none; 
font-weight: bold;
}




#image {
position : absolute;
top:96px;
left : 210px;
color : #916B00;
font-style : italic;
}

#decouv {
position : relative;
top:0px;
left : 10px;
color : #916B00;
background-image : url(decouverte.jpg);
font-style : italic;
width:607px;
height : 474px;
}


#texte {
position : absolute;
top:110px;
left : 220px;
color : #664430;
background-color : #FFF799;
text-align: center;
width:610px;
}

#grand {
position : relative;
left : -220px;
text-align : center;
}

h3 {
font-family: "Lucida Handwriting", "Comic sans MS", serif;
font-size: 1em;
color : #664430;
font-weight : bold;
text-decoration : underline;
}

#fromage1{
float : left;
font-family: "Lucida Handwriting", "Comic sans MS", serif;
font-size: 1em;
width: 170px;
text-align : left;
color : #664430;
padding-left:60px;
} 

#fromage2{
width: 310px;
font-family: "Lucida Handwriting", "Comic sans MS", serif;
font-size: 1.1em;
text-align : left;
}

.fro {
font-family: "Lucida Handwriting", "Comic sans MS", serif;
font-size: 0.8em;
}

.mot {
color : #AC5700;
font-weight:bold;}

h4 {
text-decoration:underlined;
font-family : arial, sans-serif;
font-weight: bold;
font-size : 1.1em;
}

.droite {
float: right;}

#gite1 {
text-align : left;
Width : 260px;
padding-left:10px;}

#gite2 {
text-align : left;
Width : 250px;
padding-left:20px;}

#gite3 {
text-align : left;
Width : 570px;
padding-left:40px;}



#definition {
text-align : justify;
padding-left: 70px;
padding-right: 70px;
font-size: 1em;
font-family: arial, sans-serif;}

p {
font-family : arial, sans-serif;
text-indent : 0;
padding-left: 30px;}

.justifie {
text-align : justify;}


#leo {
position : relative;
bottom : -80px;
margin-top:15px;
font-style : italic;
padding-bottom: 45px;
font-size: 1em ;
color: #664430;
z-index : 30;
text-align:center;
}

#leo a:visited {
color: #664430;
}

#leo a {
color: #664430;
}


#tableau{
text-align:center;
margin-top: 20px;
padding-bottom : 20px;
padding-top:20px;
}

table{
position : relative;
margin:0 auto;
}

td {
width : 140px;
height : 80px;
}