*{
	margin:0;
	padding:0;
}
html body {
	height: 100%;
	margin:0;
	padding:0;
	background: transparent url("../img/fond_body.png") repeat center top;
	background-attachment: fixed;
	text-align: center;
	font-family: Verdana, Geneva, Tahoma, "Trebuchet MS",sans-serif;
	font-size: 76%;
	color: #333333;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#FF9900;
	text-decoration: none;
}
a img{
	border:none;
}
h1, h2, h3, h4{
	font-weight:normal;
}
h1{
	color: #333333;
	margin:0.3em 0;
	font-size: 160%;
}
h2{
	color:#9d2727;
	color: #333333;
	font-weight: 700;
	padding-top: 0em;
	margin:0.3em 0;
	font-size: 140%;
}
h3{
	color:#333333;
	padding-top:1em;
	margin:0.3em 0;
	font-size: 120%;
	font-weight: bold;
}
h4{
	color:#333333;
	padding-top:0.7em;
	padding-bottom: 0.3em;
	margin:0.5em 0;
	font-size: 110%;
	font-weight: bold;
}
em {
	font-size: 12px;
}
ul{
	list-style-type: square;
	padding-left:2em;
}
ul, li {
	margin: 0 12px;
}

/* Layout */
#container {
	width: 810px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 0;
	position: relative;
	overflow: visible;
}
#container_top {
	width: 810px;
	height: 138px;
	margin:0;
	padding: 0;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	text-align: left;
	background: transparent url("../img/container_top.jpg") no-repeat left top;
}
/* Correctif pour IE <=6 */
#container_left {
	width: 170px;
	height: 250px;
	position: absolute;
	top: 139px;
	margin: 0;
	padding: 0;
	background: transparent url("../img/sous_menu.png") repeat-x left top;
	border: 0;
}
#container_center {
	width: 810px;
	margin:0;
	padding: 0;
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: left;
	background: transparent url("../img/container_center.jpg") repeat-y left top;
	overflow: visible;
}
#container_bottom {
	width: 810px;
	margin:0;
	padding: 0;
	padding-left: 10px;
	padding-right: 1px;
	padding-top: 35px;
	text-align: left;
	background: transparent url("../img/container_bottom.jpg") no-repeat left top;
	border: 0;
	overflow: visible;
}
#header {
	width: 799px;
	height: 113px;
	margin: 0;
	padding: 0;
	background: transparent url("../img/header.png") no-repeat left top;
}
#logo {
	width: 199px;
	height: 99px;
	margin: 0;
	margin-top: 9px;
	margin-left: 16px;
	padding: 0;
}
#bandeau {
	width: 779px;
	height: 25px;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	background: transparent url("../img/onglet_off.png") repeat-x left top;
}

#main_menu{
	padding:0;
	height: 25px;
	border-right: 1px #FFFFFF solid;
}
#main_menu a:hover{
	color: #FFFAFA;
}
.onglet, .onglet_off {
	padding: 0;
	border-left: 1px #FFFFFF solid;
	float: right;
	background-color: transparent;
	width:auto;
}
.onglet {
	height: 21px;
	color: #FFFAFA;
	font-weight: 700;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 4px;
	padding-bottom: 0em;
	text-align: center;
}
.onglet_off {
	height: 25px;
	background: transparent url("../img/onglet_off.png") repeat-x left top;
}

#main_menu a{
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 4px;
	padding-bottom: 0em;
	height:21px;
	white-space: nowrap;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
}
.onglet_off a:hover {
	color: #FFFAFA;
	text-decoration: none;
}

#menu_title {
	height: 40px;
	padding: 0;
	padding-right: 35px;
	padding-top: 5px;
	margin: 0;
	text-align: right;
}
#menu_title h1 {
	color: #dfdfdf;
	color: #dadada;
	font-size: 32px;
	padding: 0;
	margin: 0;
}

#citation {
	
	font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
	color: #999999;
	width:130px;
	margin-top: 4em;
	margin-left: -10px;
	margin-bottom: 2em;
	padding:0.7em;
	font-size: 115%;
	text-align: right;
	border-top: 1px #aaaaaa dotted;
	border-bottom: 1px #aaaaaa dotted;
		
}
#citation .guillemet {
	font-size: 170%;
}


/* L'image de fond du sous-menu est dans container_left (bug IE<=6) */
#sous_menu{
	width: 150px;
	height: 170px;
	position: absolute;
	top: 139px;
	margin: 0;
	padding: 0;
	padding-top: 80px;
	padding-left: 20px;
	text-align : left;
	letter-spacing: -1px;
	border: 0;
}
#sous_menu a{
	color:#666666;
	background-color: transparent;
	display: block;
	text-decoration: none;
}
#sous_menu a:hover{
	color:#FF6600;
	text-decoration:none;
}
#sous_menu ul {
	list-style-type: none;
	margin:0;
	margin-left:10px;
	padding:0;
	width: 141px;
}
#sous_menu li {
	margin: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 10px;
	padding-left: 10px;
}
#sous_menu .actif {
	font-weight: 700;
	color: #333333;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	background-color: #FFFFFF;
}
#content{
	padding-top: 1em;
	padding-left: 25px;
	padding-right: 1em;
	padding-bottom: 1em;
	color: #333333;
	line-height:150%;
	width: 580px;
	margin-top: -20px;
	margin-left: 170px;
	border-left: 1px #999999 solid;
}

#footer{
	margin: 0;
	padding: 0;
	padding-top:10px;
	color: #9999aa;
	font-size: 80%;
	width:50%;
	float:left;
}
#footer a{
	color: #9999aa;
}
#footer a:hover{
	color: #666666;
}
#validators{
	padding-right: 10px;
	text-align:right;
}


/* STYLE 1 */
.style_1 #content {
	border-left: 1px #FFA500 solid;
}
.style_1 #sous_menu .actif {
	color: #FFA500;
	border-top: 1px #FFA500 solid;
	border-bottom: 1px #FFA500 solid;
}
#main_menu .style_1 .onglet_off a:hover, #main_menu .style_1 .onglet {
	background: #ffa603 url("../img/onglet_1.png") repeat-x left top;
}
.style_1 a:hover, .style_1 #sous_menu a:hover {
	color: #FFA500;
}


/* STYLE 2 */
.style_2 #content {
	border-left: 1px #5b9b00 solid;
}
.style_2 #sous_menu .actif {
	color: #5b9b00;
	border-top: 1px #5b9b00 solid;
	border-bottom: 1px #5b9b00 solid;
}
#main_menu .style_2 .onglet_off a:hover, #main_menu .style_2 .onglet {
	background: #5a9900 url("../img/onglet_2.png") repeat-x left top;
}
.style_2 a:hover, .style_2 #sous_menu a:hover {
	color: #5b9b00;
}


/* STYLE 3 */
.style_3 #content {
	border-left: 1px #3a48ff solid;
}
.style_3 #sous_menu .actif {
	color: #3a48ff;
	border-top: 1px #3a48ff solid;
	border-bottom: 1px #3a48ff solid;
}
#main_menu .style_3 .onglet_off a:hover, #main_menu .style_3 .onglet {
	background: #3d4bff url("../img/onglet_3.png") repeat-x left top;
}
.style_3 a:hover, .style_3 #sous_menu a:hover {
	color: #3a48ff;
}


/* STYLE 4 */
.style_4 #content {
	border-left: 1px #9d2727 solid;
}
.style_4 #sous_menu .actif {
	color: #9d2727;
	border-top: 1px #9d2727 solid;
	border-bottom: 1px #9d2727 solid;
}
#main_menu .style_4 .onglet_off a:hover, #main_menu .style_4 .onglet {
	background: #a12828 url("../img/onglet_4.png") repeat-x left top;
}
.style_4 a:hover, .style_4 #sous_menu a:hover {
	color: #9d2727;
}


/* Welcome */
.welcome #content {
	border:0;
	margin-left: 70px;
	width: 650px;
}


/* Sitemap */
.sitemap #content {
	padding-left:3em;
}

.sitemap h2{
	padding:0;
	margin:0;
	margin-top:1em;
	font-size: 100%;
}
.sitemap h3{
	padding:0;
	margin:0;
	margin-left:2em;
	font-size: 100%;
	font-weight: normal;
}



/* Mise en page */
.spacer {
	float: none;
	clear: both;
	border: 0;
	margin: 0;
	width:auto;
}


.textj {
	text-align: justify;
}

.textj p {
	text-indent: 2em;
	padding-bottom: 0.8em;
}

.col_left {
	width:auto;
	float: left;
	margin-right:2em;
}
.petit {
	font-size:80%;
}


table.tb_references  {
	padding:0;
	margin:0;
	border-collapse: collapse;
	width: 100%;
}

.tb_references td {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px #dadada solid;
}
.tb_references td.logo_ref {
	text-align: center;
	padding-right: 15px;
}

.annonce {
	border:1px #dadada solid;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: justify;
}
.annonce p {
	text-indent: 2em;
	padding-bottom: 0.7em;
}
.annonce h3{
	margin:0;
	margin-bottom:1em;
	padding:0;
}
.offre_home {
	text-align: left;
	width: 320px;
	padding:1em;
	border: 2px #999999 dotted;
}