body {height: 100%; margin: 0; padding: 0; background: #1a181c; line-height: 1.5em;}

#tete, #chemin, #corps, #pied { clear: both; }
#site {margin:0pt auto; width: 1000px; }

/* 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 {}
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#bandeau {height: 104px; }
#bandeau h1 { margin: 0;  }
#logo {float: left; width: 400px; background: #1a181c;}


/*
 * Partie principale (contenu)
*/

#corps { clear: both; background: repeat-y left top; overflow:hidden; }

/* Version 2 colonnes */
#contenu {float: left; width: 800px;}
#coldroite {float: left;   width: 200px;}
#contenu #preview { float: right;   width: 700px; padding: 30px 30px 30px 70px; text-align: left;  }
#contenu h1 { margin-top: 0; }

/*
 * Bas de page
*/
#pied { text-align: center; margin-top: 15px; padding: 1em; font-size: 90%;  border-top: 1px solid #f2bf1c; }
#pied p { margin: 0; }
#pied a {  }



/* instant gans */

.element { width: 100%; text-align: left; margin: 0 30px 15px 0;}
div.visuel {float: left; width: 155px; margin: 0 15px 15px 0;}
div.chapo {float: left;  width: 370px;}

.element h3 {color: #FFF; clear: none; font-size: 1.5em;}