html,body{
background-color:#e7ecef;
background-image:url("images/fond-site.png");
background-repeat:repeat-x;
text-align:center;
font-family:Verdana;
font-size:11px;
display:block;
margin-bottom:0px;
margin-top:0px;
margin:0;
padding:0;
}

img{
border:0px;
}

#site{
text-align:left;
width:837px;
display:block;
margin-left:auto;
margin-right:auto;
border:1px solid #576d6f;
padding-left:24px;
padding-right:24px;
background-color:#FFF;
position: relative;
margin:0 auto;
margin-top:20px;
margin-bottom:10px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
-khtml-border-radius: 15px; 
border-radius:15px;
box-shadow: 1px 1px 30px #C9C7C7;
}

#header{
width:100%;
height:95px;
display:block;
}

#logo{
display:inline;
float:left;
margin-top:26px;
margin-left:2px;
}

#menu{
height:23px;
width:836px;
background-image:url("images/footer.gif");
background-repeat: no-repeat;
margin-bottom:24px;
}

#menu ul
{

display:inline;
list-style-type:none;
}

#menu li 
{
display:inline;
}

#menu li.normal a
{
display:block;
float:left;
height:23px;
width:95px;
background-image:url("images/bouton.gif");
color:#000;
text-shadow: 1px 1px 1px #FFF;
font-size:10px;
line-height:22px;
text-decoration:none;
text-align:center;
border-left:1px solid #fabb6f;
}

#menu  li.normal a:link, #menu li.normal a:visited 
{
display:block;
float:left;
height:23px;
width:95px;
background-image:url("images/bouton.gif");
color:#000;
text-shadow: 1px 1px 1px #FFF;
font-size:10px;
line-height:22px;
text-decoration:none;
text-align:center;
}

#menu  li.normal a:hover, #menu li.normal a:active
{
background-image:url("images/bouton_hover.gif");
color : #000;
font-size : 10px;
}

#menu  li.arrondi a
{
display:block;
float:left;
height:23px;
width:96px;
background-image:url("images/boutonarrondi.gif");
color:#000;
text-shadow: 1px 1px 1px #FFE8C9;
font-size:10px;
line-height:22px;
text-decoration:none;
text-align:center;
}

#menu  li.arrondi a:link, #menu  li.arrondi a:visited 
{
display:block;
float:left;
height:23px;
width:96px;
background-image:url("images/boutonarrondi.gif");
color:#000;
text-shadow: 1px 1px 1px #FFE8C9;
font-size:10px;
line-height:22px;
text-decoration:none;
text-align:center;
}

#menu  li.arrondi a:hover, #menu  li.arrondi a:active
{
background-image:url("images/boutonarrondi_hover.gif");
color : #000;
font-size : 10px;
}

#contenu{
width:826px;
padding-bottom:60px;
overflow:auto;
padding-left:5px;
padding-right:5px;
}

#contenu .titre{
font-size:18px;
font-family:Arial;
color:#5284a3;
margin-bottom:11px;
text-transform:uppercase;
text-shadow: 1px 1px 4px #c6c9cb;
}

#contenu p{
margin:0px;
padding:5px;
padding-left:0px;
text-align:justify;
}

#contenu table{
margin:0px;
padding:5px;
padding-left:0px;
}

#contenu a{
color:#194558;
text-decoration:none;
}

#contenu a:hover{
color:#000;
text-decoration:underline;
}

textarea, input{
font-size:11px;
font-family:Verdana;
border:1px solid #184471;
padding:2px;
}

.test{
display:none;
}

#footer{
width:95%;
height:40px;
font-size:9px;
background-image:url("images/footer.gif");
background-repeat: no-repeat;
text-align:center;
padding-top:5px;
position:absolute;
bottom:0px;
margin-bottom:4px;
}

#footer a{
color:#111240;
text-decoration:none;
}

#footer a:hover{
color:#010230;
text-decoration:none;
}

#footer-link{
margin-top:10px;
text-align:center;
color:#9e978c;
}

#footer-link a{
color:#a0a0a0;
text-decoration:none;
}

#footer-link a:hover{
color:#8b8b8a;
text-decoration:none;
}

#dark{
	background-color:#333;
	border:1px solid #000;
	padding:10px;
	margin-top:20px;}
	
#light{
	background-color:#FFF;
	border:1px solid #dedede;
	padding:10px;
	margin-top:20px;}	
	
li{ 
list-style:none;
	padding-top:10px;
	padding-bottom:10px;}	

.button, .button:visited {
	background: #222 url(overlay.png) repeat-x; 
	display: inline-block; 
	padding: 4px 9px 5px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
.button:hover{ background-color: #f8f8f8; }
.button:active{ top: 1px; }
.button, .button:visited,.medium.button, .medium.button:visited
{
	font-size: 11px; 
	line-height: 1; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}									  
.blue.button, .blue.button:visited{ background-color: #5284A3; }
.blue.button:hover{ background-color: #36637f; }