body
{
	margin: 10px 0px;
	padding: 0;
	text-align: center;
	font: 0.8em Arial, Helvetica, helvetica, sans-serif;
	background-color:#176488;
	height:100%;
}	
div#conteneur
{
	height:100%;
	width: 790px; /*765*/
	margin: 0 auto;
	text-align: left;
	border: 0px solid #666699;
	background:#04354c; 
}
div#contenu
{
	margin:0px;
	margin-top:0px;
	margin-left:0%;
	margin-right:0%;
	padding: 5px 20px 10px 25px ;
	background-color:#ffffff	;
	background-attachment:scrolled;
}

h2
{
padding: 10px 5px 40px 20px ;
margin-left:0;
margin-top:-20px;
font-size: 1.5em;
padding-bottom:12px;
background:  url(images/h2.gif) no-repeat 0px 0px;
color:#c10000;
}
div#contenu h4  
{
	width:60%;
	height:23px;
	margin-left: 25px ;
	margin-bottom:3px;
	padding-top:0px;
	padding-left: 50px ;
	background:  url(images/h4.gif) no-repeat 0px 0px;
	color: #294320;
	}
	div#contenu h3  
{
	width:60%;
	height:30px;
	margin-left: 25px ;
	margin-bottom:5px;
	padding-top:10px;
	padding-left: 50px ;
	background:  url(images/h3.gif) no-repeat 0px 0px;
	color: #04354c;
	}

div#contenu p
{

	text-align: left ;
	text-indent: 1em ;
	line-height: 1.2em ;
}

div#contenu a
{
	color: #004c4a;
	display:inline;
}

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

h1#header a  
{
	width: 789px ;
	height:128px;
	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;
}
table 
 {
 	font-size:1em;
	border: none;
	margin: 10px;
 }
* html pre
{
	width: 636px ;
}
	
pre span
{
	color: #560 ;
}
pre span.comment
{
	color: #b30000 ;
}
h1#header
{
	height: 128px ;
}


div#footer
{
	padding-top:7px;
	text-align:center ;
	width: 791px;
	height:80px;
	margin: 0 auto;
	line-height: 1em ;
	font-size: 0.9em ;
	color: black;
	background:  url(images/bas.jpg) no-repeat ; 

}
div#footer a
{
display:inline;
color:black;
weight:bold;
}
div#footer a:hover
{

color:#b10f02;
weight:bold;
}
ul#menu  
{

	height: 80px;
	margin: 0px;
	margin-top:0px;
	padding-left:40px ;
	list-style-type: none ;
	background-color:white;
}
ul#menu li
{
	margin-left:0px;
	
	float: left ;
	text-align: center ;
}
ul#menu li a
{
	width:116px ; 
	line-height:80px;
	font-size: 1em ; 
	font-weight: bold ;
	letter-spacing: 0px ;
	color: white;
	display: block ;
	text-decoration:none;
	margin: 0px ;
	padding: 0px ;
	margin:0px;
}
ul#menu li a:hover
{

color:white;
font-size: 0.8em ; 

}

ul#images li
{

}

ul#navigation 
{
	height: 20px ;
	margin:0px;
	margin-top:5px;
	margin-bottom:10px;
	list-style-type: none ;
	background-color:#ffffff;
}
ul#navigation li
{
	float: left ;
	text-align: center ;
	padding-left:10px;
}
ul#navigation li a:hover
{
	color:#734d38;
}
ul#navigation li a
{
	width: 113px ;  /*115px*/
	line-height: 20px;	
	font-size: 0.90em ; /* 0.98 */
	font-weight: bold ;
	letter-spacing: 0px ;
	color: #303521 ;
	display: block ;
	text-decoration:none;
	background-color:#ffffff;
	margin: 0px ;
	padding: 0px ;
}

						li#email a
						{	
							font-size: 0.90em ; /* 0.98 */
							font-weight: bold ;
							letter-spacing: 0px ;
							display: block ;
							text-decoration:none;
							margin: 0px ;
							padding: 0px ;
							background:  url('images/mail.gif') no-repeat ; 
						
						}
						li#email a:hover
						{
							background-color:none;
							color:black;
						}
						
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;
}

/* IMAGES MENU */
li#rose a
{
background:  url('images/rose2.jpg') no-repeat ; 
color:white;
}

li#rose a:hover
{
background:  url('images/rose.jpg') no-repeat ; 
color:black;

}
li#obligations a
{
background:  url('images/obligations2.jpg') no-repeat ; 
width:150px;
}
li#obligations a:hover
{
width:150px;background:  url('images/obligations.jpg') no-repeat ; 
}
li#ptz a:hover
{
width:150px;background:  url('images/ptz.jpg') no-repeat ; 
}
li#ptz a
{
background:  url('images/ptz2.jpg') no-repeat ; 
width:150px;
}
li#orange a
{
background:  url('images/orange2.jpg') no-repeat ; 
}
li#orange a:hover
{
background:  url('images/orange.jpg') no-repeat ; 
}

li#vert a
{
background:  url('images/vert2.jpg') no-repeat ; 

}
li#vert a:hover
{
background:  url('images/vert.jpg') no-repeat ; 
}

li#bleu a
{
background:  url('images/bleu2.jpg') no-repeat ; 
}
li#bleu a:hover
{
background:  url('images/bleu.jpg') no-repeat ; 
}
span.email
{
line-height:9px;
font-size:1em;
color:red;

}