body {
 font: 11px verdana, sans-serif;
  top:0px;
  /* Pensez à utiliser une collection de polices (2), par ex: */
  background:url('./image/BrushedMetal.jpg') repeat;
  background-position:top center;;
  text-align: center;
  color:#212121;
  top:0px;
}
#conteneur {
margin-top:0px;
  margin-left: auto;
  margin-right: auto;
  width:900px;
  background:url('./image/conteneur.png') no-repeat #fafeff;
border:0px solid #000;
position:relative;
}
#tete {
top:0px;
width:900px;
height:85px;
background:url('./image/header.png') no-repeat;
color:#fff;
/* À adapter pour la police choisie. (3) */ 
}
#connect {
	padding-top:5px;
	margin-left:710px;
	width:190px;
	height:80px;
	font-size:14px;
	text-align:center;
	position:relative;
	background:url(image/bgpied.png) repeat;
}
#connect input {
	border:1px solid #666;
	width:170px;
	height:16px;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	margin-top:5px;
	color:#444;
	margin:0;
	text-align:center;
	background:#fff;
}
#connect input[type=submit] {
width:100px;
height:20px;
font-weight:bold;
color:#333;
}
#connect input[type=submit]:hover{
	background:#ecf9ff;

}
#connect input:hover{
	border:1px solid #000;
	background:#ecf9ff;

}

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menu
{
position:relative;
height:21px;
}
#menuDeroulant
{
	width: 900px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#menuDeroulant li
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: url("./image/bgmenu3.png") repeat;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #b00004; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;

}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: url("./image/bgmenu.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background: url("./image/bgmenu2.png") repeat;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
#corp {

width:880px;
margin-top:0px;
min-height:500px;
border:0px solid #f6f6f6;
background:url(./image/bgcorp.png);
color:#222;
}
#corp .news {
background:#f5f5f5;
text-align:left;
padding:10px;
margin:10px;
color:#172a5f;
width:860px;
font: 11px verdana, sans-serif;
}
.noprint {
height:0px;
display:none;
}
.print {
display:block;
height:20px;
}
#corp input{
	border:1px solid #666;
	width:100px;
	height:16px;
	font-size:10px;
	padding-left:5px
	padding-right:5px;
	text-align:center;
	color:#222;
	margin:0;
}
#corp select {
	border:1px solid #666;
	width:100px;
	height:16px;
	font-size:10px;
	padding-right:00px;
	margin-top:5px;
	color:#222;
	margin:0;
}
#corp input:hover{

}
#corp input[type=submit] {
	font-size:16px;
	border:0;
	width:200px;
	height:32px;
	border:1px solid #666;
	background-color:#edf2ff;
	color:#292929;

}
#corp input.smallsubmit {
	top:0px;
	font-size:14px;
	width:100px;
	height:16px;
	border:1px solid #666;
	background-color:#edf2ff;
	color:#292929;

}
#corp input[type=submit]:hover{
	background-color:#fff;
}
#messform {
color:#ff0000;
width:100%;
text-align:center;
}
img {
border:0px;
}
button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
   border:1px solid black;
 background-color:#fff;
 text-align:center;
 margin:2px;
}
textarea {
   border:1px solid #ed0674;
 background-color:#fff;
color:#888888;

 width:100%;
 	float: right;
}
table { 
  margin: 0; 
  border: none; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 2px; /* Pas de retrait autour du texte = "0". */ 
  border: none; /* Pas de bordure = "none". */ 
  vertical-align: center; /* Valeur par défaut: "middle" */ 
}
h1 { 
padding:2px;
text-align:center;
border:1px solid #bbb;
  font-size: 15px;
  color:#172a5f;
  margin-top:5px;
  margin:auto;
  width:90%;
font-weight:400;
}
h2 { 
padding:2px;
text-align:center;
border:1px solid #bbb;
  font-size: 12px;
  color:#172a5f;
  margin:auto;
margin-top:5px;
font-weight:700;
  width:90%;

}
h3 { 
padding:1px;
text-align:center;
border:1px solid #bbb;
  font-size: 11px;
  color:#172a5f;
  margin:auto;
margin-top:2px;
margin-bottom:2px;
font-weight:700;
  width:90%;

}
h4 { 
padding:2px;
text-align:center;
border:1px solid #bbb;
  font-size: 12px;
  color:#172a5f;
  margin:auto;
margin-top:5px;
font-weight:400;
  width:90%;

}
#ombrebox {
   display: none;
   position: fixed;
   top: 0; left: 0; right: 0; bottom: 0;
   position: fixed;
   z-index: 20;
background:url(image/bg4.png) repeat;
   text-align: center;
   padding-top: 50px;

	}
#infobox {
	/*display: none;*/
	position: relative;
	margin:auto;
	width: 700px;
	border: 1px solid #999;
border-radius: 0px 0px 10px 10px;
background:url(image/bg6.png) repeat;
	z-index:1002;
   }

#titreinfobox {
width:700px;
background:url(image/bg5.png) repeat;
color:#fff;
font-weight:700;

}
#titreinfobox a{
text-decoration:none;
color:#fff;
}
#ctninfobox {
margin-top:15px;
height:400px;
	overflow:auto;
}
   #pied {
margin-top:30px;
padding:10px;
text-align:center;

font-size:10px;
background:url(image/bgpied.png) repeat;
color:#ccc;
}
#pied a {
color:#fff;
color:#ccc;
}