body {	margin: 2em 0 0 0; padding: 0; background: #e3e3e5 repeat-x left top; background-color:#C7D8E9;}

#tete, #chemin, #corps, #pied { clear: both; }
#site {margin:0pt auto; width:589px;  background: #fff; border:solid 5px #fff;}

/* 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 {
	height:140px;
	background-image: url(../images/background_tete.gif);
	background-repeat: repeat-x;
}
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#bandeau { text-align: center; padding: 2em 0 0 0; }
#bandeau h2 { margin: 0; color:#FFFFFF; font-size:3.5em;  }
#bandeau h3 { margin: 0; color:#FFFFFF; font-size:1.5em; border:none; }
#logo {float: left; }
#visuel {
	background-image: url(../images/img_fr.jpg);
	background-repeat: no-repeat;
	text-align:center;
}
img.noauto{ margin-right: 0.6em;}
.txt_rss {
	color:#FF6600
}
/*
 * Partie principale (contenu)
*/

#chemin { padding: 0.4em;font-size: 0.8em; background: #f1f1f1; margin:3px 0;}
#chemin a {}
#chemin a:hover { color: red;}
#recherche {background: #e77f05; padding: 0px;}

#corps { clear: both; background: repeat-y left top; overflow:auto;}
#contenu { }
#coldroite { float: left; width: 20%; }
#coldroite div.bloc { padding: 1em; clear: both; }
#contenu #preview {border: solid 2px #83B7EC; padding:0.7em;}
#contenu #colgauche { float: left; width: 30%;  }
#contenu h1 {
	margin:0;
	background-color:#83B7EC;
	background-image: url(../images/bacground_h1preview.gif);
	background-repeat: repeat-x;
	padding: 0.5em 1em;
	color:#FFFFFF;
	height:0.8em;
}
/*
 * Bas de page
*/
#pied { text-align: center; padding: 1em; font-size: 90%; background: #0389ba; margin-top:0.4em; }
#pied p { margin: 0; }
#pied a { color: #000; }
#copyright { text-align: center; padding: 1em; font-size: 90%; }