body {
 font: 11px verdana, sans-serif;
  top:0px;
  /* Pensez à utiliser une collection de polices (2), par ex: */
  background-position:top center;;
  text-align: center;
  color:#212121;
  top:0px;
}
#conteneur {
margin-top:0px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  background:url('./image/conteneur.png') no-repeat #fff;
border:0px solid #000;
position:relative;
}
#tete {
top:0px;
width:100%;
height:85px;
background:url('./image/header.png') no-repeat;
background-color:#fff;
color:#fff;
/* À adapter pour la police choisie. (3) */ 
}
#connect {
	padding-top:5px;
	right:0px;
	width:190px;
	height:80px;
	font-size:14px;
	text-align:center;
	position:absolute;
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;

}
#connectmob {
display:none;
}

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

/* Elements de premier niveau
--------------------------------------*/
#menu
{
position:relative;
height:21px;
}
#menuDeroulant
{
	width: 100%;
	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-color: #0e6a9f;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #0e6a9f; }
#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:100%;
margin-top:10px;
border:0px solid #f6f6f6;

color:#222;
}
.print {
display:none;
height:20px;
}
#corp .news {
background:#f5f5f5;
text-align:left;
padding:20px;
margin-top:10px;
margin:auto;
color:#172a5f;
width:90%;
font: 11px verdana, sans-serif;
}
#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%;

}
h5 { 
padding:2px;
text-align:center;
  font-size: 12px;
  color:#172a5f;
font-weight:700;
  width:90%;

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

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

#titreinfobox {
width:100%;
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;
}
#tri input[type="text"] {
width:50px;
}
   #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;
}

@media screen and (max-width: 600px) {
body {
font-size:1em;
}
#menuDeroulant {
position:relative;
margin-bottom:10px;
}
#corp {
margin-top:30px;
}

#corp input,#corp input[type=submit]{
    text-align:center;
    width: 100%; 
font-size:1.1em;
height:1.8em;
  }
#corp select {
	border:1px solid #666;
	width:100%;
	height:1.8em;
	font-size:1.1em;
	padding-right:00px;
	margin-top:0px;
	color:#222;
	margin:0;
	size:1;
}
#corp .news {
width:90%;
font-size:1.5em;
}
#connect {
display:none;
}
#connectmob {
	padding-top:5px;
	width:100%;
	height:80px;
	font-size:14px;
	text-align:center;
	position:relative;
color:#fff;
display: inline;
}


#connectmob input {
	border:1px solid #666;
	width:90%;
	height:2.1em;
	font-size:2em;
	padding-left:5px;
	padding-right:5px;
	margin-top:5px;
	color:#444;
	margin:0;
	text-align:center;
	background:#fff;
}
#connectmob input[type=submit] {
width:100%;
height:2em;
font-weight:bold;
color:#333;
}
#connectmob input[type=submit]:hover{
	background:#ecf9ff;

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

}
#menuDeroulant li {
width:100%;
}
}