@charset "utf-8";
/* CSS Document */

/* ------------------------------------- HEADER & FOOTER FIXES ------------------------------------- */
body {
	margin:0;
	padding:184px 0 32px 0;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:184px;
	padding-top:21px;
	background:url(../images/header_bg.jpg) no-repeat fixed;
}
#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:32px;
	background:#000 url(../images/footer.png) no-repeat right;
}
@media screen{
	body>#header {
		position:fixed;
	}
	body>#footer {
		position:fixed;
	}
}
* html body {
	overflow:hidden;
} 
* html #contenu {
	height:100%;
	overflow:auto;
}


/* ---------------------- */
/* --- STYLES DE BASE --- */ 
/* ---------------------- */

/* ------------------------------------- Page ------------------------------------- */ 
* {
	margin:0;
}
/*html, body {
	height:100%;
}*/
html {
	font-size:100%; /* Évite un bug d'IE 6-7. */
} 
body {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:10px;
	color:#CCC;
	background:#000 url(../images/fond1920x1200.jpg) no-repeat fixed;
	min-width:1000px;
}

 
/* ------------------------------------- Titres ------------------------------------- */ 
h1, h2, h3, h4, h5, h6 { 
	font-weight:bold;
	font-style:normal; 
} 
h1 {
	color:#ff9900;
 	font-size:14px;
	background:url(../images/trait_h.png) no-repeat bottom left;
} 
h2 {
	font-size:12px;
	color:#999; 
} 
h3 {
	margin-top:5px;
	font-size:10px;
	color:#ff9900; 
} 
h4 {
	font-size:1em; 
} 
 
/* ------------------------------------- Listes ------------------------------------- */ 
ul, ol {
	margin:.75em 0 .75em 32px; 
	padding:0; 
} 
 
/* ------------------------------------- Paragraphes ------------------------------------- */ 
p {
	margin:.75em 0; /* Marges plus faibles que par défaut. */
	text-indent:20px;
}
 
/* ------------------------------------- Liens ------------------------------------- */ 
a {
	text-decoration:none;
	font-size:10px;
	outline:none; /* Pas de bordure pointillée ou halo lors du clic sur un lien (IE) */
	border:none; /* Pas de bordure pointillée ou halo lors du clic sur un lien (Firefox) */
}
a:link, a:visited {
	color:#CCC;
	outline:none; /* Pas de bordure pointillée ou halo lors du clic sur un lien (IE) */
	border:none; /* Pas de bordure pointillée ou halo lors du clic sur un lien (Firefox) */
}
a:hover, a:focus, a:active {
	color:#f1901c; 
	outline:none; /* Pas de bordure pointillée ou halo lors du clic sur un lien (IE) */
	border:none; /* Pas de bordure pointillée ou halo lors du clic sur un lien (Firefox) */
}
a img {
	border:none; /* Pas de bordure autour des images dans les liens */
}
#content a:link, #content a:visited {
	font-weight:bold;
	text-decoration:underline;
	color: #f1901c;
}
#content a:hover,#content a:focus,#content a:active {
	text-decoration:none;
	color:#F30;
}

/* ------------------------------------- Formulaires ------------------------------------- */ 
form, fieldset {
	margin:0; 
	padding:0; 
	border:none; 
} 
input, button, select {
	vertical-align:middle; /* Solution pb. d'alignement. */ 
}
/* ------------------------------------- Objets Flash ------------------------------------- */ 
object {
	outline:none; /* Pas de bordure pointillée autour de l'objet lors du clic */
}



/* -------------- */
/* --- STYLES --- */
/* -------------- */

/* ------------------------------------- Class ------------------------------------- */ 
.no_puce {
	list-style:none;
}
.align_right {
	text-align:right;
	padding-right:10px;
}
.saut {
	margin-top:20px;
}
.gras {
	font-weight:bold;
}
.orange {
	color:#FF9900;
}
.blanc {
	color:#FFF;
}
.no-retrait {
	text-indent:0;
}
.decal {
	margin:20px 0 0 10%;
}
.repete {
	clear:both;
}
.left1 {
	clear:both;
	float:left;
	margin:10px 0 20px 40px;
}
.left2 {
	float:left;
	margin:10px 0 20px 40px;
	width:70%;
}
.left1 a, .left2 a {
	text-decoration:underline;
}
.left1 a:hover, .left2 a:hover {
	text-decoration:none;
}
.bas {
	padding-bottom:35px;
}
.pages {
	text-align:center;
	text-indent:0;
}
hr {
	color: #333;
}
.section a:link, .section a:visited {
	font-weight:bold;
	text-decoration:underline;
	color: #f1901c;
}
.section a:hover,.section a:focus,.section a:active {
	text-decoration:none;
	color:#F30;
}


/* ------------------------------------- HEADER ------------------------------------- */ 
#logo {
	text-align:right;
	margin-right:58px;
	margin-top:-215px;
}
#bg_deco {
	height:256px;
	margin-top:-162px;
}
#bg {
	height:162px;
	width:100%;
}

/* ------------------------------------- NAVIGATION ------------------------------------- */
#navigation {
	margin-top:-170px;
}

/* ------------------------------------- FOOTER ------------------------------------- */ 
#left_footer {
	height:23px;
	width:500px;
	float:left;
	margin:5px 0 0 20px;
}
#right_footer {
	height:23px;
	width:252px;
	float:right;
	margin:5px 20px 0 0;
}
#left_footer td, #right_footer td {
	font-size:10px;
	text-align:center;
	/*padding-top:3px;*/
}
#footer a, #footer a:hover {
	text-decoration:none;
}
#foot1 {
	background:url(../images/footer_info_l.jpg) no-repeat;
	padding-bottom:2px;
}
#foot1 a {
	color:#000;
}
#foot1 a:hover {
	color:#FFF;
}
#foot2 {
	background:url(../images/footer_info_r.jpg) no-repeat;
	padding-bottom:2px;
}
#foot3 {
	padding-bottom:2px;
}
#foot4 {
	background:url(../images/footer_coord_l.jpg) no-repeat;
	padding-bottom:2px;
}
#foot5 {
	color:#000;
	background:url(../images/footer_coord_r.jpg) no-repeat;
	padding-bottom:2px;
}

/* ------------------------------------- CONTENU ------------------------------------- */
#ssmenu {
	margin:0 0 20px 100px;
}
#contenu {
	clear:both;
}
#side {
	float:left;
	height:410px;
	width:15%;
	padding-top:0;
	padding-left:20px;
	background:url(../images/trait_v.png) no-repeat right;
}
#content {
	width:75%;
	float:left;
	margin:0 4%;
}
#blocA {
	clear:left;
	float:left;
	width:30%;
	margin:58px 0 0 3%;
	padding-bottom:35px;
}
#blocB {
	float:left;
	width:30%;
	margin:58px 3% 0 3%;
	padding-bottom:35px;
}
#blocC {
	float:left;
	width:30%;
	margin-top:58px;
	padding-bottom:35px;
}
#bloc1 {
	clear:left;
	float:left;
	width:40%;
	margin:0 5%;
	padding-bottom:35px;
}
#bloc2 {
	float:left;
	width:40%;
	margin:0 5%;
	padding-bottom:35px;
}
#block2 {
	float:left;
	width:40%;
	margin:100px 4% 0 4%;
	padding-bottom:35px;
}
#bloca {
	clear:left;
	float:left;
	width:29%;
	padding-bottom:35px;
}
#blocb {
	float:left;
	width:29%;
	margin:0 6%;
	padding-bottom:35px;
}
#blocc {
	float:left;
	width:29%;
	padding-bottom:35px;
}
#centre {
	width:450px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:35px;
}
#grd_centre {
	width:80%;
	margin:auto;
	padding-bottom:35px;
}
#milieu {
	width:700px;
	margin:auto;
	padding-bottom:35px;
}
#annee {
	margin:-30px 0 -20px -20px;
}
#tab {
	margin:20px 0;
}
#galerie {
	margin:-70px 0 0 10px;
}