* { margin: 0px;          
    padding: 0px;                       
}						

body {
	padding: 10px 0px 10px; 
	background-color: #8A916E;
	color: #F0FFF0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}	

a {
	color: #fff;
	background-color: inherit;
	text-decoration: underline;
}

a:hover {
	color: #FFCC99;
	background-color: inherit;
}

img {
	border: none;
}

.clearthis {
	margin : 0px;      
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}

#container {
	margin: 0px auto;   
	width: 765px;
	background-image: url(../images/background_image.jpg);
	background-repeat: no-repeat;
	text-align: left;   
}

#page_static {
	width: 765px;   
	height: 210px;
	overflow: hidden;
}

.thumbnail {
	padding: 10px 0px;
	text-align: center;
}

/* Page Header */
#page_header {
	padding: 5px 14px 2px;
	z-index: 1;
	position: absolute;
}

#page_header h1 {
	text-align: center;
	margin: 2px 0px;
	font: normal "Times new roman", serif;
 	color: #991111;
	display: none;
}

/* Map w3c */
#nav {
	position: absolute;
	width: 33px;
	z-index: 1;
	margin-top: 242px;
	margin-left: 722px;
}
/* infobulle */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	width: 250px;
	top: 30px; /* on positionne notre infobulle */
	left: 5px;
	color: #333333;
	padding: 2px;
	border: 1px solid #4f4b4e;
	background-color: #B1A7AE;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity:.80; 
}


/* Navigation Menu */
#navmenu {
	margin: 13px 528px 0px 66px;
	padding-bottom: 2px;
	width: 173px;
	clear: both;
	text-align: center;
	z-index: 1;
	position: absolute;
}

#navmenu a {
	text-decoration: none;  
}

#navmenu ul {
	list-style-type: none;
}

#navmenu li {              
	padding: 0px 11px;
	float: left;
	background: url(../images/navmenu_background.gif) repeat-y 50% 0%; 
	line-height: 23px;
	list-style-type: none;
}

#navmenu li#menu_first {
	padding-top: 5px;
	background-image: url(../images/navmenu_background_top.gif);  
	background-repeat: no-repeat;
}

#navmenu li#menu_last {
	padding-bottom: 12px;
	background-image: url(../images/navmenu_background_bot.gif);
	background-repeat: no-repeat;
}

#navmenu li a {
	display: block;  
	background-color: #464A35; 
	color: inherit;
	font-size: 12px;
	cursor: pointer;
}

#navmenu li a.active, #navmenu li a:hover {
	background-color: #8A916E;
	color: #464A35;
}

#navmenu li#menu_first a {
	padding-top: 2px;
	background-image: url(../images/navmenu_background_litop.gif); 
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#navmenu li#menu_last a {
	background-image: url(../images/navmenu_background_libot.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

#navmenu li a b {
	margin: 0px auto;
	padding-bottom: 2px;
	display: block;
	width: 151px;
	border-bottom: #fff 1px solid;   
}


/* Main Content */   
#main_content {
	padding-left: 22px;
	background: url(../images/main_background.gif) repeat-y 22px 0%;
	float: left;
	clear: both;
	text-align: center;
}

#main_content2 {
	width: 440px;
	background: url(../images/main_background_right.gif) no-repeat 100% 0%; 
}

#main_content_header {
	width: 440px;
	height: 40px;
	background: url(../images/main_background_top.gif) no-repeat 50% 0%;
}

#main_content_header h1 {
	padding: 15px 10px 0px;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFFFFF;
}

#main_content_body {
	width: 422px; 
	min-height: 220px;
	background-color: #464A35;
	color: inherit;
	margin: 0px auto;
}

#main_content_body #content_box {
	width: 410px;
	text-align: justify;
	height: 391px;
	margin: 0px auto;
	float: left;
	background-color: #464A35;
}

#content_box p {
	text-align: justify;
	line-height: 15px;
	margin: 10px 0px 0px;
	padding-right: 5px;
	padding-left: 15px;
}

.titre_liste {
	font-weight: bolder;
	margin-top: 10px;
	color: #8A916E;
}
.webformat {
	color: #df6236;
	font-weight: bolder;
}

#content_box h3 {
	text-align: justify;
	margin: 25px 0px 15px;
	padding-right: 5px;
	padding-left: 15px;
	color: #CC3300;
	font-family: "Times new roman", serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	}

#content_box h4 {
	text-align: justify;
	margin: 0px 0px 15px;
	padding-right: 5px;
	padding-left: 15px;
	font: italic 16px "Times new roman", serif;
 	color: #991111;
	}
#content_box dl {
	padding-right: 5px;
	padding-left: 15px;
	line-height: 15px;
	margin-bottom: 25px;
	}

#content_box dl dt {
	font-weight: bolder;
	margin-top: 10px;
	color: #8A916E;
	}
	
#content_box dl dd {
	border: 1px solid #8A916E;
	padding: 5px;
	color: #F0FFF0;
	font-weight: bold;
	}
	
/* for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold { 
	position: relative; 
	overflow: hidden;
	width: 408px; 
	height: 391px; 
	z-index: 100; 
	}
div#wn { 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 408px; 
	height: 391px; 
	overflow: hidden;	
	z-index: 1; 
	}
div#lyr1 {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width : 100%;
	}
#scrollbar {
	left: 0px;
	top: 0px;
	width: 12px;
	height: 391px;
	position: relative;
	z-index: 1;
	float: right;
}
#track {
	top: 11px;
	left: -1px;
	width: 11px;
	height: 368px;
	background-color: #464A35;
	position: absolute;
	z-index: 1;
}
#dragBar {
	top: 1px;
	width: 11px;
	height: 120px;
	background-color: #8A916E;
	position: absolute;
	z-index: 1;
	left: 0px;
}
#up {
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 2; 
}
#down {
	left: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 3; 
}

#main_content_footer {
	width: 440px;
	height: 42px;
	background: url(../images/main_background_bot.gif) no-repeat 50% 100%;
	overflow: hidden;
    clear: both;
}


/* News */
#news {
	margin-top: 264px;
	width: 303px;
	background: url(../images/news_background.gif) #98a664 repeat-y 0% 0%;
	color: #141619;
	float: right;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 11px;
	text-align: justify;
}

#news a {
	color: #141619;
	background-color: inherit;
}

#news a:hover {
	color: #606c35;
	background-color: inherit;
}

#news_header {
	background: url(../images/news_background_top.gif) no-repeat 0px 0%;	
	width: 303px;
	height: 40px;
}

#news_prestation_header {
	background: url(../images/news_prestation_background_top.gif) no-repeat 0px 0%;	
	width: 303px;
	height: 40px;
}

#news_contact_header {
	background: url(../images/news_contact_background_top.gif) no-repeat 0px 0%;	
	width: 303px;
	height: 40px;
}

#news_technologies_header {
	background: url(../images/news_technologies_background_top.gif) no-repeat 0px 0%;	
	width: 303px;
	height: 40px;
}

#news_cours_header {
	background: url(../images/news_cours_background_top.gif) no-repeat 0px 0%;	
	width: 303px;
	height: 40px;
}

#news_references_header {
	background: url(../images/news_references_background_top.gif) no-repeat 0px 0%;	
	width: 303px;
	height: 40px;
}

#news h2 {
	color: #2f3c26;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 15px;
	display: none;
}

#news_body {
	height: 163px;
}

#news_body.prestation {
	height: 276px;
}

.thumbnail .photo {
	padding: 0px;
	display: block;
	margin: 0px 55px 0px 55px;
		
}
.thumbnail .photo img{
	border: 1px solid #464a35;
}

#news_body p {
	margin: 2px 20px 5px 20px;
}


	
#news_body ul li {
	list-style-image: url(../images/checklist-bg.gif);
	margin-left: 45px;
	}
	
#news_footer {
	height: 6px;
	width: 303px;
	overflow: hidden;
	background: url(../images/news_background_bot.gif) no-repeat 0% 0%;
}

#news_footer a {
	background-image: url(../images/icon-xhtml.gif);
	background-position: right;
	display: block;
	margin-right: 0px;
}

/* Page Footer */
#footer {
	padding: 10px 11px 0px;
	font-size: 9px;
	text-align: center;
	letter-spacing: 1px;
	position: relative;
}

#footw3c {
	position: absolute;
	text-align: right;
	right: 0px;
	top: 10px;
}