<!--	
body {
	font-family:  Arial, Helvetica, sans-serif;
	margin: 0;
	background-color: #202020;
	font-size: 12px;
	color: #303030;
	scrollbar-face-color:#336387;
	scrollbar-base-color: #CAE7FF;
    scrollbar-shadow-color: #CAE7FF;
    scrollbar-highlight-color: #CAE7FF;
    scrollbar-3dlight-color: #CAE7FF;
    scrollbar-darkshadow-color: #CAE7FF;
    scrollbar-track-color: #CAE7FF;
    scrollbar-arrow-color: #FFFFFF}
	

/* ///////////////////////////////////// */
/* BLOCS */ 
/* ///////////////////////////////////// */


#contenu{
	padding:1px;
	margin:10px;
	}
	
	
.stat {	display:none}
.cache { display:none}

#global_intro {
	background-color: #8ACBFF;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 920px;
	height:  525px;
	margin-top: -260px;
	margin-left: -460px;
	border: 2px solid #fff;
	text-align: left;
	padding:0px;}
	
#global {
	background-color: #8ACBFF;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 920px;
	height:  525px;
	margin-top: -260px;
	margin-left: -460px;
	border: 2px solid #fff;
	padding:0px;
	background: url(../img/illustrations/page_global.jpg) no-repeat bottom;
	}
	
#header {
	height: 90px}

#header, #diaporama {
	margin:0;
	padding:0}

#left {
	position: absolute;
	left:0px;
	top:100px;
	margin:0;
	padding:0;
	width:190px;
	height:400px;
	font-size: 11px}

#left p{
margin: 20px;
padding: 5px;
color:#003F7D;
text-align : justify;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-size:0,9em;
}

#center {
	position: absolute;
	text-align: justify;
	background-color:A8D8FF;
	width:530px;
	height:393px;
	left: 190px;
	top:90px;
	margin: 0;
	padding: 10px 5px;
	overflow: auto;
	overflow-x:hidden}


#right {
	position: absolute;
	right:0;
	top:100px;
	color:#003F7D;
	margin:0px;
	padding:0px;
	width: 190px;
	height:420px;
	font-size:0.9em}


#mentions {
	position:absolute;
	text-align:center; 
	left:0;
	top:500px;
	width: 920px;
	height: 25px;
	color:#fff;
	margin: 0;
	padding:0}


	
#left a, #right a{
	color:#003F7D}
#mentions a {color:#ffffff}	
		
#mentions a:hover {
	text-decoration:none}	

#mentions p{
	padding:5px;
	margin:0}








/* ///////////////////////////////////// */
/* TABLEAUX */ 
/* ///////////////////////////////////// */

#table_product {
border: medium solid #BBDFFF;
padding: 10px;
border-collapse: collapse}

#table_product td,#table_product  th {
border: thin solid #BBDFFF;
font-size:0.8em;
padding: 2px;
text-align: center }




/* ///////////////////////////////////// */
/* MENUS */ 
/* ///////////////////////////////////// */

li {
	list-style:square;
	margin:3px;
	padding:0;
	line-height:1.2em}


#left ul, #right ul {
	margin: 0;
	padding: 0;
	list-style: none}

#left  li, #right li {	
	margin: 0;
	text-transform:uppercase;
	display: block}
	
hr{
	border: none;

}

#center hr{
border-top: 1px solid #ccc;
	margin: 20px 10px 10px 10px;		
}

#left hr{
	margin: 5px 20px;
	border-top: 1px solid #fff;}
		
#left  ul a, .lien ul a {
	display: block;
	padding: 0px;
	text-decoration: none;
	margin: 0px}
	
.menu li{
padding:3px 0 1px 25px;
line-height:11px;
font-size:0.9em;}
	

.menu_actif li{
background-image:url(../img/illustrations/point_mini.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#fff;
color: #003F7D;
margin:0;
padding:3px 0 1px 25px;
font-size:0.9em;
}

.lien li{
	background-image:url(../img/illustrations/coche_menu.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:1px 0 1px 25px;
	font-size:0.9em;}

.lien li:hover{
background-color:#fff;
}


.menu li:hover{
background-color:#fff;
background-image:url(../img/illustrations/point_mini.gif);
background-position:left;
background-repeat:no-repeat;
}

.lien  a:hover, .menu  a:hover{
}


/* ///////////////////////////////////// */
/* PAGE DOWNLOAD */ 
/* ///////////////////////////////////// */

#doc_encours{
background-color:#7E9841;
border : 1px solid #666;
margin:10px;
text-align:left;
color: #FFFFFF}

#doc_encours:hover{
background-color:#A0C645;
border : 1px solid #000;
color: #000000}

#doc_encours:hover a{
color: #000000}


#doc_encours img{
margin:0 0px 0 0;}

#doc_encours a{
color: #FFFFFF}

#doc_titre{
border-bottom: 1px solid #ddd;
height: 30px;
margin:10px 0;}

#doc_autres{
margin:10px;}


#doc_autres a{
color: #7E9841}

/* ///////////////////////////////////// */
/* FORMS */ 
/* ///////////////////////////////////// */

input, textarea {
background-color:#FFFFFF;
color:#333333;
border: 1px solid #cccccc
}

input:focus, textarea:focus {
background-color:#B9E0FF;
color:#000;
}


/* ///////////////////////////////////// */
/* PARAGRAPHES */ 
/* ///////////////////////////////////// */


h1 {
	font-size: 1.1em;
	padding: 0px 10px;
	font-weight:bold;
	text-align:justify;
	margin: 20px 10px 10px 10px;
	color:#055C95;
	background: url(../img/illustrations/puce_h1.jpg) repeat-y left;
	}
	
h2 {
	font-size: 1em;
	font-style: normal;
	padding: 0px;
	margin: 20px 10px 0px 8px;
	color:#055C95;}
	
p {margin: 8px}

a img {border:none}

#center a{
	color: #055C95;
	font-weight:bold;

}


#center a:hover{
	text-decoration:none;
	color: #000;}

.normal {font-size: 1em}
.mini {font-size: 0.8em}
.errorData {font-size: 0.8em; color:#CC0000; text-align: left}

.maxi {
	font-size: 1em;
	font-weight:bold;
	color: #0366A7}


.encadre{text-align : center}
.encadre img{border: 2px solid #FFFFFF}

#center_news {
	position: absolute;
	width:530px;
	height:358px;
	left: 190px;
	top:90px;
	margin: 0;
	padding: 10px 5px;
	overflow: auto;
	overflow-x:hidden ;
	background: url(../img/photos/news_events.jpg)}


#flashcontent{
text-align:center;
padding:0;
margin:0}



/* ///////////////////////////////////// */
/* LIGHT BOX */ 
/* ///////////////////////////////////// */

	#gallery {
	width: 100%;
	}
	
	#gallery ul { list-style: none;
	padding: 0px; }
	#gallery ul li { display: inline; padding:0 1px}
	#gallery ul img {
		border: 5px solid #fff;
		border-width: 5px;
		
	}
	#gallery ul a:hover img {
		border: 5px solid #EDAB21;
		border-width: 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #0A6CAC; }
	

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 600px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 10px;
	height: 10px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 50%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}