body {
	font: 100%/1.4 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background: #FFF url(../images/commun/bg-body.jpg) repeat-x;
	font-size: 9pt; 
	line-height: 11pt;
	margin: 0;
	padding: 0;
	color: #666666;
}

/* -- CSS mini-reset -- */
* {
	margin: 0;
	padding: 0;
}

/* -- Styles standard -- */
h2{
	font-size: 13pt;
}
h3{
	font-family: 'Courier New', Courier, monospace;
	color: #FFF; 
	font-size: 11pt; 
	font-size-adjust: 0.41; 
	padding: 11px 0 0 19px;
}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}
/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
a:link, a:visited {
	color: #42413C;
	text-decoration: none; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
a:hover, a:active, a:focus { /* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */
	text-decoration: none;
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.container {
	width: 984px;
	background: url(../images/commun/test-ctnr.jpg) no-repeat;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

/* ~~ classes flottant/effacement diverses ~~ */
.fltrt {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe peut servir à faire flotter un élément depuis la gauche sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: left;
	/*margin-right: 8px;*/
}
.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre #footer est supprimé ou retiré du #container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}




/* -- Header -- */
.header-full{

}
.logo{
	margin: 2px 0 0 10px; 
	width: 200px; 
	height: 200px; 
	position: absolute; 
	z-index: 100;
}
.ctnr-nav{
	height: 47px;
}
.nav{
	margin-left: 200px;
}
/* -- Voir le fichier menu.css pour la suite des styles du menu -- */
.identite{
	height: 180px;
}
#light-txt{
	width: 185px; 
	padding: 30px 0 0 40px; 
	font-weight: bold; 
	color: #000;
}
.title-light{
	font-size: 1.3em;
}
h1{
	padding: 5px 0 3px 0; 
	font-family: 'Courier New', Courier, monospace; 
	font-weight: bold; 
	font-size: 16pt; 
	font-stretch: ultra-expanded; 
	color: #E18209;
	line-height: 20px;
}
#pastille-ht{
	margin-left: 10px; 
	font-size: 20px; 
	line-height: 20px;
	font-weight: bold; 	
}
#pastille-bas{
	margin-left: 15px; 
	font-size: 28px; 
	letter-spacing: 10px;
	font-weight: bold; 
}
/* -- fin Header -- */




/* -- Navigation bas + Footer -- */
.nav-bas{
	margin: 32px auto 10px; 
	padding-bottom: 30px;
	padding-left: 20px; 
	border-bottom: 3px solid #593A1E; 
	width: 780px; 
	height: 110px;
	overflow: hidden;
}
.bloc-nav{
	margin: 0 8px;
	line-height: 18px;
	float: left; 
}
h4{ 
	margin-bottom: 5px; 
	font-family: 'Courier New', Courier, mono; 
	font-size: 10pt; 
	color: #593A1E;
}
.dots-nav{
	padding-bottom: 7px; 
	background: url(../images/home/dots.gif) repeat-x;  
	height: 1px;
} 
.bateau-nw{
	padding-left: 20px;
}
.bloc-nav > h4 > a, .mentions > a, .copyright > a{
	color: #593A1E;
}

.footer{
	margin-top: 15px;
	background: url(../images/commun/fond-footer.jpg) repeat;
	height: 40px;
	text-transform: uppercase; 
	font-family: 'Courier New', Courier, monospace; 
	font-size: 14pt; 
	color: #593A1E; 	 
}
.ctnr-footer{
	height: 10px; 
	width: 984px;
	margin: 0 auto;
	padding-top: 15px;
}

.mentions, .copyright{ 
	display: inline;
}
.mentions {
	margin: 0 295px 0 97px;
}
/* -- fin Navigation bas + Footer -- */



/* -- Complément -- */
.ctnr-cplmt{
	margin-left: -6px
}
.ht-cplmt{
	background: url(../images/commun/bg-cplmt-contenu.png) no-repeat; 
	height: 30px;

}
.mil-cplmt{
	padding: 20px 10px 0;
	background: url(../images/commun/bg-cplmt-contenu.png) repeat-y;
	overflow: hidden;
 
}
.bas-cplmt{
	background: url(../images/commun/bas-fond-gris.png) no-repeat; 
	height: 38px;

}

/* -- Boutons -- */
.btn-orange{
	margin-top: 8px;
	width: auto;
	height: 30px; 
	font-size: 10pt; 
	font-style: italic; 
	font-weight: bold; 
	color: #FFF; 
	float: right; 
}
.lien-gche{
	height: 30px; 
	width: 45px;
	background: url(../images/commun/lien-gche.png) no-repeat; 
	float: left; 
}
.lien-fond{
	padding-top: 8px;
	height: 30px;
	background: url(../images/commun/lien-fond.gif) repeat-x;
	float: left;
}
.lien-fond > a{
	color:#FFF;
	font-weight: normal;
}
.lien-fond > a:hover{
	color:#663300;
}
.lien-dte{
	width: 23px;
	height: 30px; 
	background: url(../images/commun/lien-dte.png) no-repeat; 
	float: left; 
}
.fleche-gche{
	width: 14px; 
	height: 35px; 
	background: url(../images/commun/debut-fleche.png) no-repeat center;
	float: left;
}
.fleche-mil{
	background: url(../images/commun/fond-fleche.png) repeat-x center; 
	height: 35px;
	float: left; 
}
.fleche-mil > h3{
	padding: 11px 8px 0 6px;
}
.fleche-dte{
	background: url(../images/commun/fin-fleche.png) no-repeat center; 
	float: left; 
	width: 16px; 
	height: 35px;
}
/* -- fin Boutons -- */