/* -------------- Mise à zéro des styles ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline: none;}

.wrapper{
	display:none;
}

body{
	background-color:#fff;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
}

/* ----------container to center the layout-------------- */
#container {
width: 899px;
margin-left: auto;
margin-right: auto;
border:1px solid #4B565C;
}

/* ----------banner for logo-------------- */
#banner {
width:899px;
height:164px;
text-align: center;
background:#e3338b;
}
#banner h1 {
color:#fff;
font-size:60px;
padding-top:12px;
}
#banner img{
   vertical-align: middle;
	margin:0px 50px 0 50px;
}
/*------------ menu horizontal -----*/
#menu-horizontal{
	width:899px;
	height:54px;
	background-image: url(../design/fond-menu.gif);
	background-repeat:no-repeat;
}
#menu-horizontal ul{
	margin-left:251px;
	font-weight:bold;
}
#menu-horizontal ul li{
	float:left;
	padding:2px 10px 6px 10px;
}
#menu-horizontal ul li a{
	color:#fff;
	text-decoration:none;
}
#menu-horizontal ul li a:hover{
	color:#e3338b;
}
.h-actif{
	background-image: url(../design/menu-horizontal-actif.gif);
	background-repeat: no-repeat;
}
/* --------------left navi------------- */
#contenu{
	background-image: url(../design/bulles-fond.jpg);
	background-repeat: repeat-y;
	display:table;
	width:899px;
}
#left {
float: left;
width: 247px;
font-size:14px;
}

#left ul li a {
     width: 207px; 
     height: 26px;
     display: block;
     text-align: left;
	  padding-left:10px;
     text-decoration: none;
     color: #fff;
	  	  padding-top:3px;
	  font-weight: bold;
	 }
	 
#left ul li a:hover{
background-image: url(../design/bouton-survol.gif);
	  color:#fff; 
     }

.repos{
	background-image: url(../design/bouton-repos.gif);
	background-repeat: no-repeat;
}	  
.actif{
	background-image: url(../design/bouton-actif.gif);
	background-repeat: no-repeat;
}

/* -----------------content--------------------- */
#content {
float:left;
width:411px;
text-align:justify;
color:#364349;
}

#content h1 {
font-size:22px;
font-weight: bold;
margin-bottom:10px;
color:#e3338b;}
#content h2 {
font-size:18px;
font-weight: bold;
margin-bottom:10px;
color:#e3338b;}
#content h3 {
font-size:15px;
font-weight: bold;
margin-bottom:10px;
color:#e3338b;}
#content p {
font-weight: normal;
margin-bottom:10px;
}
#content td {
font-weight: normal;
margin-bottom:5px;
}
#content ul{
font-weight: normal;
margin-bottom:10px;
padding-left:30px;
}
#content ul li{
list-style: disc;
padding-left: 25px;
margin-left:10px;
}
#content ol{
margin-bottom:10px;
padding-left:30px;	

}

#content ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
	font-size:13px;
}
#content dt{
   padding-left:5px;
	margin-left:10px;
	font-weight: bold;
	margin-bottom:10px;
}
#content dd{
padding-left:35px;
font-size:13px;
}
#content input{
	margin-bottom:5px;
}
#content select{
	margin-bottom:5px;
}
.search_title{
	margin-top:15px;
}
#content a{
	color:#e3338b;
}
#footer{
	margin-top:50px;
	border-top:5px solid #e3338b;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	color:#bfbfbf;
	text-align:center;
}
/*-------news ---*/
#news{
float:right;
	width:174px;
	border:1px solid #e3e3e3;
	margin-right:48px;
}
#news h1{
	font-size:18px;
	text-align:center;
	color:#fff;
	padding:3px 0;
	background:#4b565c;
	border-bottom:3px solid #e3338b;
	margin-bottom:5px;
}
#news p{
	color:#182429;
	font-size:13px;
	background-image: url(../design/puce-news.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left:20px;
	margin-left:10px;
	padding-right:5px;
	margin-bottom:10px;
}
#news p a{
	color:#e3338b;
}
#news p a:hover{
	text-decoration:none;;
}
/* -----------footer--------------------------- */
#signature{
width: 899px;
margin-left: auto;
margin-right: auto;
text-align: right; 
color: #bfbfbf;
font-size: 10px;
padding-top:20px;
margin-bottom:10px;
}
#signature a{
   color: #bfbfbf;
   text-decoration: none;
}
#signature img{
   vertical-align: middle;
   margin:0 10px;
}