/* -------------- 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;}

body {
background-color: #fff;
background-image: url(../design/fond-monnaie-bays.png);
background-repeat: repeat-x;
font-family: Arial, SunSans-Regular, Sans-Serif;
padding:0;
margin:0;
}

/* ---------- container pour centrer le layout-------------- */
#container {
position:relative;
width: 991px;
margin: 0 auto;
}

/* ----------banniere -------------- */
#banner {
position:relative;
background-image: url(../design/photo-monnaie-bays.jpg);
background-repeat: no-repeat;
background-position: top right;
height:298px;
}
#banner h1{
	width:991px;
	color:#a1daf3;
	font-size:18px;
}
#banner h2{
	width:954px;
	padding-left:37px;
	color:#a1daf3;
	font-size:18px;
}
#langue{
	position:relative;
	float:left;
	width:991px;
	height:32px;
}
#langue ul li{
	float:left;
	margin-right:4px;
font-size:13px;
}
#langue ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
		text-align:center;
}
#langue ul li a:hover{
	color:#000;
}
.langue-actif{
	background-image: url(../design/langue-actif.png);
		width:25px;
	height:24px;
	padding-top:8px;
	padding-left:1px;
}
.langue-repos{
	background-image: url(../design/langue-repos.png);
		width:25px;
	height:30px;
	padding-top:2px;
	padding-left:1px;
}
#boutons{
	width:220px;
	height:45px;
	position:absolute;
	top:175px;
	background-image: url(../design/boutons.png);
	background-repeat: no-repeat;
}
#boutons ul li{
	margin-right:7px;
	float: left;
}
#boutons ul li a{
	color:#fff;
	display:block;
	width:73px;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
	height:45px;
	text-align:center;
	font-size:13px;
}
#boutons ul li a:hover{
	color:#000;
}
.premier{
	padding-top:10px;
}
.deuxieme{
	padding-top:20px;
}
#chemin{
	clear:both;
	position:absolute;
	top:220px;
	width:991px;
	height:53px;
	display:table;
}
#chemin p{
	font-size:12px;
	color:#fff;
		height:33px;
	padding-top:20px;
	float:left;
		width:766px;
}
#chemin p a{
color:#4c5057;
	text-decoration:none;

}
#chemin p a:hover{
	text-decoration: underline;
}
#recherche{
	width:210px;
	padding-left:15px;
	height:32px;
	padding-top:20px;
	float:right;
	background-image: url(../design/recherche.png);
	background-repeat: no-repeat;
}
#formtext{
	border:none;
	background: transparent;
	margin-left:9px;
	height:20px;
	width:155px;
	float:left;
	/*color:#565d61;*/
	color:#4c5057;
	font-size:12px;
}
#formbutton{
	border:none;
	background: transparent;
	height:20px;
	float:left;
	font-size:11px;
	width:24px;
	color:#fff;
	cursor: pointer;
	text-align:center;
}
#menu{
	position:absolute;
	top:272px;
	width:991px;
	height:21px;
	padding-top:5px;
}
#menu ul li{
	float:left;
	font-size:12px;
	margin-right:6px;
}
#menu ul li a{
	color:#fff;
	text-decoration:none;
}
#menu ul li a:hover{
	text-decoration:underline;
}
#menu span{
	color:#a1daf3;
	font-size:12px;
	float:left;
	margin-right:6px;
}
/* ----------------- contenu --------------------- */
#contenu{
	padding-top:33px;
	display:table;
	width:991px;
}
/* -------------- navigation gauche ------------- */
#left {
float: left;
width: 240px;
}
#left h1{
	font-size:30px;
	color:#a1daf3;
}
#left ul{
	/*font-size:12px;*/
	font-size:14px;
	width:220px;
}
#left ul li{
	background-image: url(../design/puce.png);
	background-repeat: no-repeat;
	padding-left:15px;
	line-height:20px;
	list-style-position: inside;
}
#left ul li ul li{
	background-image: url(../design/sous-puce.png);
	background-repeat: no-repeat;
	line-height:17px;
	padding-left:15px;
}
#left ul li a{
	color:#44494c;
	text-decoration:none;
}
#left ul li a:hover{
	text-decoration:underline;
}
#left ul li ul li a{
	color:#767b7e;
}
/*------------------ centre ---------------------*/
#content {
float:left;
width:510px;
padding-right:20px;
font-size:13px;
color:#44494c;
}
#content h1{
	color:#a7a8a8;
	font-size:30px;
	margin-bottom:10px;
}
#content h2{
	font-size:25px;
	margin-bottom:10px;
	color:#2886af;
}
#content h3{
	font-size:20px;
	margin-bottom:10px;
		color:#2886af;
}
#content h4{
	font-size:18px;
	margin-bottom:10px;
		color:#2886af;
}
#content h5{
	font-size:16px;
	margin-bottom:10px;
	color:#2886af;
}

#content h6{
	font-size:16px;
	font-variant: small-caps;
	margin-bottom:10px;
	color:#2886af;
}
#content p{
	margin-bottom:10px;
}
#content ul{
	margin-bottom:10px;
}
#content ul li{
	background-image: url(../design/puce.png);
	background-repeat: no-repeat;
	padding-left:15px;
	line-height:20px;
	list-style-position: inside;
}

#content ol{
	margin-bottom:10px;
}
#content ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
}
#content dt{
   padding-left:5px;
	margin-left:10px;
	font-weight: bold;
}

#content dd{
padding-left:35px;
}

/*------------- navigation droite ------------------*/
#right {
float: right;
width: 221px;
}
#newsletter{
	position:relative;
	width:221px;
	height:110px;
	background-image: url(../design/newsletter.png);
	background-repeat: no-repeat;
	padding-left:17px;
}
#newsletter p{
	font-size:21px;
	color:#fff;
	padding-top:10px;
	padding-bottom:12px;
}
#login_login_box{
position:absolute;
top:43px;
left:17px;
	width:180px;
	border:none;
	color:#4c5057;
	height:20px;
	background: transparent;
}
#userPassword{
position:absolute;
top:74px;
left:17px;
	width:157px;
	border:none;
		height:20px;
			background: transparent;
}
#valider{
position:absolute;
background: green;
top:74px;
left:178px;
color:#fff;
	background: transparent;
	border:none;
	cursor: pointer;
}
#news{
	margin-top:10px;
}
#news h1{
	color:#a1daf3;
	font-size:30px;
	margin-bottom:10px;
}
#news p{
	font-size:12px;
	color:#44494c;
	text-align:justify;
	
}
#news span{
	color:#2886af;
	font-weight:bold;
	font-size:12px;
}
#news img{
	width:221px;
	margin:5px 0;
}
#news a{
	color:#2986b1;
}
/* ----------- pied de page --------------------------- */
#pied-de-page{
	background:#a1daf3;
	width:100%;
	display:table;
	margin-top:20px;
}
#footer {
clear: both;
position:relative;
width: 991px;
margin: 0 auto;
padding-top:5px;
}
#adresse{
	width:240px;
	float:left;
}
#adresse h1{
	font-size:17px;
	color:#fff;
	margin-bottom:10px;
}
#adresse h2{
	font-size:20px;
	color:#fff;
	margin-bottom:5px;
}
#adresse p{
	color:#44494c;
	font-size:12px;
	margin-bottom:5px;
}
#adresse p a{
	text-decoration:none;
	color:#44494c;
}
#adresse p a:hover{
	text-decoration:underline;
}
#liens{
	width:510px;
	padding-right:20px;
	float:left;
}
#liens a{
	text-decoration:none;
}
#liens a:hover{
	text-decoration:underline;
}
.niveau1{
	color:#44494c;
	font-size:12px;
}
.niveau1 a{
	color:#44494c;
}
.niveau2{
	color:#767b7e;
	font-size:11px;
	margin-bottom:5px;
}
.niveau2 a{
	color:#767b7e;
}
#signature{
	width:221px;
	float:left;
}
#signature p{
	font-size:10px;
}
#signature p a{
	color:#4c5057;
	text-decoration:none;
}
#signature p a:hover{
	text-decoration:underline;
}
#signature img{
	vertical-align: middle;
}