/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	padding: 0em;
	background-image:url(../img/TEST2.gif);
  	font-family: Verdana,Tahoma, Arial,sans-serif;
}
.accueil{
font:Verdana,Tahoma, Arial,sans-serif; 
text-align:center;
vertical-align:middle;
}

.wrap {
	width: 980px;
	margin: 0em auto;
	background-position:top;
	background:#FFF url(../img/haut_header.gif) no-repeat;
}

.millieu{
	width: 970px;
	margin: 0em auto;
}

/**************/
/*   HEADER   */
/**************/

.header-background {
	width: 100%; 
	height: 100%;
	float: left;
	border: none;
	margin-top: 20px;
}

.header-background-left {
	width: none;
	float: left;
	margin-top: 30px;
	margin-left: 35px;
	margin-bottom: 10px;
	padding: 0em 0em 0em 0em;
	border: none;
}

.header-background-right {
	width: none;
	float: right;
	margin-top: 30px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 0em 0em 0em 0em;
	border: none;
}

.header {
	clear: both;
	height: 31px;
	margin: 0em 0em 3em 0em;
	background-color: rgb(187,211,247);
	background-position:top;
	background-repeat:repeat-x;	
	text-transform: none;
	line-height: 2.0em;
	height: 2.0em;
	color: rgb(50,50,50);
}

.header ul {	
	margin-left: 0px;
	list-style: none;
	font-weight: bold;
	font-size: 1.2em;
}	

.header li {
	float: left;
	white-space: nowrap;
}

.header li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 0.1em #5375A6;	
	text-decoration: none;
	color: #5375A6;
}

/**************/
/* MENU HEADER */
/**************/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 50;
left: 300;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 15em;
margin: 0px;
}
#menu dt {
cursor: pointer;
text-align: center;
background: rgb(187,211,247); 
border-right: solid 0.1em #5375A6;	
}
#menu dd {
border: 0px solid gray;
}
#menu li {
text-align: center;
background: #E2EEFC;
}
#menu li a {
color: #5375A6;
font-family: Verdana,Tahoma, Arial,sans-serif;
text-decoration: none;
font-weight: normal;
display: block;
height: 100%;
width: 10.5em;
border: 0 none;
}
#menu dt a {
color: #5375A6;
font-family: Verdana,Tahoma, Arial,sans-serif;
text-decoration: none;
font-weight: bold;
display: block;
height: 100%;
border: 0 none;
}
#Style1 {
color: #E3A717;
font-weight: bold;
font-size: 1.4em;
}
#Style2 {
color: #270477;
font-weight: bold;
font-size: 1.4em;
}
#Style3 {
color: #BC0E33;
font-weight: bold;
font-size: 1.4em;	
}
#Style4 {
color: #773F08;
font-weight: bold;
font-size: 1.4em;
}
#Style5 {
color: #0B6E1C;
font-weight: bold;
font-size: 1.4em;
}
#menu li a:hover, #menu dt a:hover {
background-image:url(../img/fond_cell_menutop.gif);
}

/***********************/
/***  Colonne gauche   ***/
/***********************/

.left-column {
	margin-left:2px;
	width: 20%;
	float: left;
	vertical-align: top;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.08em;
}

.left-column-box-blue {
	float: left;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(226,238,252);		
	font-size: 1.15em;
	color: #5375A6;
	}
.left-column-box-white {
	float: left;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(254,254,254);		
	color: #FEFEFE;
	}
.left-column-box-title-blue {
	clear: both;
	display: block;
   	margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	font-size: 1.15em;
	color: #5375A6;
}

.left-column-img {
	margin: 0.3em 0.5em 0em 0em;
	border: none;
}

/*************************/
/***   Colonne milieu   ***/
/*************************/

/* Sections */
/************/
.middle-column {
	float: left;
	margin-left:15px;
	width: 70%;
	padding: 0em 0.4em 0em 0.3em;
	background-color: rgb(255,255,255);
	color: #144B9A;
	line-height: 1.7em;
	font-size: 1.08em;
}
#texte-jaune {
	color:#F7C630;
	}
#texte-rose {
	color:#FC7AE5;
	}
.middle-column-left {
	float: left;
	width: 40%;
}

.middle-column-right {
	float: right;
	width: 40%;
}

/* Box titlebars */
/*****************/
.middle-column-box-title-bleu {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	font-size: 1.2em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-image:url(../img/fond_cell_cellbleu.gif);
	background-position:top;
	background-repeat:repeat-x;
	/*height:31px;*/
	font-weight: bold;
	color:#5375A6;
	}
#variante-title-jaune {
	color:#F7C630;
	}
#variante-title-rose {
	color:#FC7AE5;
	}	
.middle-column-box-title-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
}

.middle-column-box-title-yellow {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	font-size: 1.2em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-image:url(../img/fond_cell_celljaune.gif);
	background-position:top;	
	font-weight: bold;
	color: #DA9955
}
.middle-column-box-title-turquoise {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	font-size: 1.2em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-image:url(../img/fond_cell_turquoise.gif);
	background-position:top;	
	font-weight: bold;
	color: #FFFFFE
}
.middle-column-box-title-blanc {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	font-size: 1.2em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-position:top;	
}
.middle-column-box-blue {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(187,211,247);
}

.middle-column-box-yellow {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}


.middle-column-box-left-blue {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(226,238,252);
}

.middle-column-box-left-yellow {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}


.middle-column-box-right-blue {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(226,238,252);
}

.middle-column-box-right-yellow {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}



/* Text headings and paragraphs */
/********************************/

.middle-column-box-blue p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-blue p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.middle-column-box-blue p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}


.middle-column-box-left-blue p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-left-blue p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.middle-column-box-left-blue p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	
}

.middle-column-box-right-blue p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-right-blue p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;	
	font-weight: bold;
}

.middle-column-box-right-blue p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;	
}


/* Images */
/**********/
.middle-column-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: none;
}

/************************/
/***   Colonne droite   ***/
/************************/
.right-column {
	float: right;
	width: 20%;
	margin-right:2px;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.right-column-box-title-blue {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: #5375A6;
}

.right-column-box-blue {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(226,238,252);
	font-size: 1.15em;
	color: #5375A6;			
}	

.right-column-img {
	margin: 0.3em 0.5em 0em 0em;
	border: none;
}


/*******************/
/***   FOOTER    ***/
/*******************/
.footer {
	margin: 1em auto; 
 	padding: 0em;
  	font-family: Verdana,Tahoma, Arial,sans-serif;
	width: 980px;
	clear: both;
	float:none;
	width: 980px;
	height: 2.5em;
	background-color: none;
	text-align: center;
	color: #DA9955;
	font-size: 1.0em;
}

/**************************/
/***   MISCELLANEOUS    ***/
/**************************/
a{
text-decoration:none;
color: #5375A6;
font-weight:bold;
}
a:hover {
text-decoration: none;
color:#DA9955;
background-image:url(../img/fond_cell_menutop.gif);
}
/*
+-----------------------+
|	=> Diaporama		|
+-----------------------+
*/
#diaporama {
	font:bold 10pt/1.2 Verdana,Tahoma, Arial,sans-serif;
	text-align:center;
}
#diaporama a img {
	border:0;
}

/* Image Grand Format */
#grand_format {
	margin:10px;
	padding:15px;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(226,238,252);
}

/* Jauge / Slider */
#slider {
	width:500px;
	margin:10px auto;
}
#slider a,
#slider div {
	float:left;
}
#barre {
	position:relative;
	width:450px;
	height:20px;
	background:url(../img/diapo/barre_fond.gif) 0 0 repeat-x;
}
#barre:hover {
	cursor:w-resize;
}
#curseur {
	position:absolute;
	top:-2px;
	width:23px;
	height:22px;
	padding-top:1px;
	text-align:center;
	color:#FFF;
	font:bold 10pt/1.2 Verdana,Tahoma, Arial,sans-serif;
	background:url(../img/diapo/position.gif) 0 0 no-repeat;
}

/* Images petit format */
#defilement {
	clear:both;
	height:150px;
	margin:50px auto;
	text-align:center;
	/* white-space:nowrap; */
	overflow:hidden;
}
#defilement img {
	width:100px;
	vertical-align:top;
	margin:auto 1px;
}