body
{
	margin: 10px 0px;
	padding: 0;
	text-align: center;
	font: 0.8em Arial, Helvetica, helvetica, sans-serif;
	background-color:#4d5c84;
	height:100%;
}	
div#conteneur
{
	height:100%;
	width: 765px; /*765*/
	margin: 0 auto;
	text-align: left;
	border: 0px solid #666699;
	background: White; 
}
div#contenu
{
	margin:0px;
	margin-top:0px;
	margin-left:2%;
	margin-right:2%;
	padding: 0 20px 0 0px ;
	background: url("") no-repeat 0px 15px ;
	background-attachment:scrolled;
}

div#contenu h2
{
	
	margin-left:0.5%;
	margin-top:15px;
	padding-top:2%;
	padding-left: 6%;
	line-height: 25px;
	font-size: 1.3em;
	padding-bottom:12px;
	background:  url(images/h2.gif) no-repeat 0px 0px;
	color: #4d5c84;
}
div#contenu h3  
{
	width:65%;
	margin-left: 25px ;
	margin-bottom:0px;
	padding-top:26px;
	padding-left: 50px ;
	padding-bottom:4px;
	background:  url(images/h3.gif) no-repeat 0px 15px;
	color: #47537b ;
	}
div#contenu p
{
	text-align: justify ;
	text-indent: 1em ;
	line-height: 1em ;

}
div#contenu a
{
	color: #4c5693;
}

div#contenu a:hover
{
	color: #964034;
}
h1#header
{
	padding-top:0px;
	margin-top:0px;
	margin-bottom: -2.6% ; 
	padding: 0px ;
	font-size: 0.8em ;
	font-weight:bold;
	background:  url(images/header.jpg) no-repeat 50% 55%; 
}

h1#header a  
{
	width: 400px ;
	display: block ;
	position: float;
	color:#6699FF;
	padding-left:200px;
	padding-top:0px;
	text-decoration: none ;    

}
pre
{
	overflow: auto ;
	background: white ; 
	border: none ; 
	padding: 0px 0 0 0px ; 
	font-size: 0.8em ;
	font-weight:bold;
	font-color:blue;
	font : 0.8em Arial, Helvetica, helvetica, sans-serif;
}

* html pre
{
	width: 636px ;
}
	
pre span
{
	color: #560 ;
}
pre span.comment
{
	color: #b30000 ;
}
h1#header
{
	height: 140px ;
}


img#powered {
	margin-top:-10px;
}
div#footer
{
	text-align:center ;
	width: 765px;
	height:90px;
	margin: 0 auto;
	line-height: 1em ;
	font-weight:bold;
	font-size: 0.9em ;
	padding-top:10px;
	color: #003366;
	background-color:none;
	background:  url(images/bas.jpg) no-repeat ; 
}
div#footer a
{
color:black;
weight:bold;
}
div#footer a:hover
{

color:white;
weight:bold;
}
ul#menu  
{
	width:100%;
	height: 15px ;
	margin: 0px ;
	margin-left:5%;
	padding: 0px ;
	list-style-type: none ;
}
ul#menu li
{
	float: left ;
	text-align: center ;
}
ul#menu li a
{
	width: 115px ; 
	line-height: 20px ;
	font-size: 0.98em ;
	font-weight: bold ;
	letter-spacing: 0px ;
	color: #FFFFFF ;
	display: block ;
	text-decoration:none;
	background-color:#008080;
	margin: 0px ;
	padding: 0px ;
}
ul#menu li a:hover
{
background-color:#f56302; /*#404f88*/


}
p#menu 
{
	width: 600px ; 
	font-size: 0.8em ;
	font-weight: bold ;
	margin: 0 auto;
	word-spacing:1px;
	letter-spacing: 1px ;
	color: #6699FF ;
	display:block;
	text-align:center;
	padding: 0 ;
	
}
ul#images li
{
	width: 170px ; 
	line-height: 29px ;
	font-size: 0.98em ;
	font-weight: bold ;
	letter-spacing: 0px ;
	color: #000 ;
	display: block ;
	text-decoration:none;
	margin: 0px ;
	padding-left:55px ;
	list-style-type: none ;

}
div#navigation
{	width:90%;
	height: 15px ;
	margin: 0px ;
	margin-left:5%;
	padding: 0px ;
	list-type:none;
	background:url("") 0 0;
	
}
div#navigation a
{
	list-type:none;
	display:inline;
}
ul#menu-derriere
{
	width:90%;
	height: 12px ;
	margin: 0px ;
	margin-left:7%;
	padding: 0px ;
	padding-left:0%;
	margin-top:1%;
	margin-bottom:3%;
	list-style-type: none ;
	
}
ul#menu-derriere li
{
	float: left ;
	text-align: center ;
}
ul#menu-derriere li a
{
	width: 200px ; 
	line-height: 25px ;
	font-size: 0.83em ;
	font-weight: bold ;
	letter-spacing: 0px ;
	color:black;
	display: block ;
	text-decoration:none;
	background-color:none;
	padding: 0px ;
}
ul#menu-derriere li a:hover
{
	background-color:#4c5b83;
	color:white;
}
menu-derriere a:hover
{
	background: url("") repeat-x 0 0 ; /*???*/
	color: white ;
}

.menu-derriere a  {  
	background: url("") repeat-x 0 0 ; /*???*/
	color: white ;
}

div#submenu 
{
	height: 120px ;
	width:170px;
	margin:10px;
	padding-left:0
	color:#796d6b;
	float:left;
	background: url("") no-repeat 0 0; 
	}
	 ul#submenu li a 
{
	width: 100px ; 
	line-height: 15px;
	font-size: 0.9em ;
	letter-spacing: 1px ;
	color:#796d6b;
	display: block;
	text-decoration: none ;
	list-style-type:none;
	}
 ul#submenu li 
{
	list-style-type:none;
	width: 140px ; 
}
ul#submenu li a:hover
{
	color:black;
}
div#submenu2
{
	height: 93px ;
	width:170px;
	margin: 0px ;
	padding: 15px ;
	padding-left:0px;
	color: #005DB7;
	float:right;
	background: url("") no-repeat ;
	}
	
	ul #services 
	{
		background-color:dark;
		width:100%;
		display:block;
		margin:0px;
	}
ul#services li
{
 width:100px;
 height:20px;	
	padding-left:5%;
	background-color:#CCCCCC;
	float:left;
	text-align:left;
	margin-left:5px;
	list-style-type:none;

}

ul#gallerie
{
	width:100%;
	height: 550px ;
	margin: 0px ;
	margin-left:20px;
	padding: 0px ;
	list-style-type: none ;
}
ul#gallerie li
{
	float: left ;
	text-align: center ;
}
ul#gallerie li a
{
	width: 225px ;
	height:190px; 
	margin-top:1px;
	line-height: 20px ;
	font-size: 0.98em ;
	font-weight: bold ;
	letter-spacing: 0px ;
	color: #FFFFFF ;
	display: block ;
	text-decoration:none;
	background-color:none;
	margin: 0px ;
	padding: 0px ;
}
ul#gallerie li a:hover
{
background-color:#f56302; /*#404f88*/


}
	
	a {
text-decoration: none; 
display:block;
}

a span { 
display: none;
}



span#commander {
width: 90px;
height: 40px;
font: 1.1em "Trebuchet MS", helvetica, sans-serif; 
	color :blue;
}	
a:hover span#info {
display: inline;
position: absolute;
width: 150px;
background: white;
text-align: left;
color:#964034;
text-decoration: none ; 
text-align: left;   
border: 1px solid #964034;
border-left: 6px solid #964034 ;
padding-left: 5px ;
}
span#icone {
	font: 0.9em "Trebuchet MS", helvetica, sans-serif;
	color :blue;	
}
a:hover span#icone {
display: inline;
position: absolute;
width: 50px;
text-decoration: none ; 
border:none;
background:none;  
}
img {
border:none;
}
p#inline a {
display:inline;
margin-left:7%;
padding-left:5%;
}
p#inline a:hover{
display:inline;
border:none;

}

kbd {
padding:0px 2px 0px 2px;
border-width:1px 2px 2px 1px;
border-style:solid;
font-size: 1.2em;
border-color:#edd #baa #baa #eed;
background:#faf6f6;
color: blue;
}
blockquote {
	border-style:solid;
	border-color:#a2b5d1 #eef2f9 #a2b5d1 #eef2f9;
	background:#dae3ee;
	padding-bottom:-15px;
	width:500px;
}



/*
ul#information
{
	 width:702px;
	margin-left:5%;
	padding-left: 0px ;
	list-style-type: none ;
}
ul#information li
{
	float:center;
	text-align: left ;
}
ul#information li a
{
	width: 702px ; 
	line-height: 20px ;
	font-size: 0.88em;
	letter-spacing: 0px ;
	color: black ;
	margin-left:0px;
	padding-left:1.5%;
	display: block ;
	text-decoration:none;
	background: url("images/information-fond.gif") no-repeat 0 0;
	margin: 0px ;
}
ul#information li a:hover
{
	background-color: #beaba4;
	background: url("images/information.gif") no-repeat 0px 2px ;
	color : #1b274e;
	font-size: 0.89em;
	letter-spacing: 1px ;
	margin:0px;
}
*/
ul#liste-solutions
{
width:80%;
margin:0px;
padding-left:5px;

}
ul#liste-solutions li 
{
	list-style-type: none;
}
ul#liste-solutions li a
{
list-style-type: none ;

}
ul#information
{
	display:inline;
	list-style-type: none ;
}
ul#information li
{	
text-align: left ;
padding-left:5%;
list-style-type: none ;
}
ul#information li a
{
	font-size: 0.88em;
	letter-spacing: 0px ;
	color: black ;
	margin-left:0px;
	display: block ;
	text-decoration:none;
	background-color:#c9d0d0;
	margin: 0px ;
}

ul#information li a:hover
{
	background-color: #beaba4;
	background-color:white;
	color : #1b274e;
	font-size: 0.89em;
	letter-spacing: 1px ;
	margin:0px;