
body {	margin: 0; padding: 0; background: #98d5e8 /*url(../images/bg_body.gif) repeat-x left top*/;}

#tete, #chemin, #corps, #pied { clear: both; }
#site {margin:10px auto; width:972px;}

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }
/*
 * Tete
*/
#tete { float:left; width:100%; height:162px; padding:80px 0 0; background:url(../images/bg_bandeau.jpg) no-repeat;}
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#bandeau { }
#bandeau h1 { float:left; clear:both; margin:-10px 0 0 0px; padding-left:60px; display:block; width:231px; height:43px; background:url(../images/bandeau_h1.gif) no-repeat 60px 0; text-indent:-99999px;  }
#logo {float: left; margin:5px 0 0; }
/*
 * Partie principale (contenu)
*/

#chemin { padding:1em 1em 0; font-size: 0.8em; color:#909090; text-align:left; }
#chemin a { color:#909090;}
#chemin a:hover { color: black;}

#corps { clear: both; width: 960px; padding:0 6px; background: #fff; overflow:hidden;}
#contenu { float: right; width: 766px; margin:9px 0 0; background:url(../images/bg_contenu.gif) no-repeat left bottom; }
#contenu #preview { float: left; width: 492px; padding:10px 40px 20px; background:url(../images/filet_colonne.gif) repeat-y; line-height:1.6em; }
#contenu #coldroite { float: right; width: 194px; }
#colgauche { float: left; width: 194px; /*padding-bottom:370px; background:url(../images/bg_colgauche.jpg) no-repeat center bottom;*/ }

#entete { float:left; width: 765px; height:143px; border-bottom:1px solid #b2bcbe; border-left:1px solid #b2bcbe; background:url(../images/bg_entete.jpg) no-repeat;}


/*
 * Bas de page
*/
#pied { text-align: center; padding: 1em; font-size: 0.9em; color:#6d7374; background: #fff url(../images/bg_pied.gif) no-repeat left bottom;  }
#pied p { margin: 5px 0; line-height:1.8em;}
#pied p.navtext { margin: 0; padding:5px 0; border-bottom:1px solid #e4f1f3; }
#pied p.navtext a { margin: 0 4px; }

#pied p.navtext a { color: #6d7374;}
#pied a:hover, #pied p.navtext a:hover { color: #000; }
#copyright { text-align: center; padding: 0 0 1em; font-size:0.85em; color:#51727e; }

#pied-dynamique { padding:10px 0 0; background:none; text-align:center;font-size:0.85em; color:#6d7374;}
#pied-dynamique p { margin:5px 0;}
#pied-dynamique a { color:#555;}
#pied-dynamique a:hover { text-decoration:underline;}
