/*----------------------General------------------------*/
/*-------------------<--  Pixell ---------------------*/
/*------------------- Design and decoupage by rabbit972 ---------------------*/

/*---- Reset css -------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}

/*---- Mise en page -------*/
body {
	background: #eae9d2 url(fond.gif) 0 0 repeat-x;
	text-align: center;
	font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 100%;
	color: black;
	position: relative;
}
	#conteneur {
		position: relative;
		width:852px;
		margin: 0 auto;
		text-align:left;
		background:  left repeat-y;
	}

/*---- Bandeau -------*/
#header {
	height: 257px;
	background:url(bandeau.jpg) no-repeat top left;
	margin-bottom:0px;
}
	#slogan {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 1.4em;
		color: white;
	}
	#logo a {
	height: 41px;
	width:482px;
	position:absolute;
	cursor:pointer;
	left: 11px;
	top: 3px;
	z-index:5;
	}

/*---- Menu -------*/
#nav{
	position:absolute;
	width: 482px;
	left: 222px;
	top: 230px;
	z-index:20;
	text-transform:uppercase;
	height: 36px;
}
	#nav ul {
		list-style-type: none;
	}
		#nav li {
			padding-left: 5px;
			font-size: 14px;
			font-weight:bold;
			float:left;
			margin-right:55px;
			display:block;
		}
		#nav li.lien_actif {
			background:url(bt_on.gif) center no-repeat;
			background-position:15px;
		}
		#nav li.lien_actif a {
			color:#eeecbb;
				background:url(bt_on.gif) center no-repeat;
			background-position: bottom center ;
			height:35px;
			float:left;
		}
			#nav a {
				color:#305285;
				text-decoration: none;
			display:block;
			cursor:pointer;
			}
				#nav a:hover {
					text-decoration: none;
					color:#000;
				}
.nav_01{margin:20px 0 0 100px;}
.nav_02{margin:20px 0 0 100px;}
.nav_03{margin:20px 0 0 100px;}
.nav_04{margin:20px 0 0 100px;}

/*---- Texte -------*/
#section {
	position: relative;
	float:right;
	width: 620px;
	margin: 10px 05px 0px 0px;
	color: black;
}
	#section h1 {
		color:#ac644b;
		background:url(h1.jpg) left no-repeat;
		font-size: 16px;
		margin-left:10px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-right: 30px;
		padding-left: 55px;
	}
	#section h2 {
		margin-right: 30px;
		margin-bottom: .5em;
		padding-right: .2em;
		font-size: .9em;
		color:#1c95ab;
	}
	#section p {
		padding: 10px 5px 10px 0px;
	}
	#section a, #section strong, #section b {
		color: #12bbda;
	}
		#section a:visited {
			color: #c35200;
		}
		#section a:hover {
			text-decoration: none;
		}
	#section ul {
		margin: 5px 15px 15px 45px;
		font-size: .8em;
		list-style-type:  square;
	}
	
	#section li {
			color: #1c95ab;
	}
	
	#section img a{
		border:1px solid #12bbda;
	}


/*---- Formatage -------*/
.center {
	text-align: center;
}
img.bordure {
		border:1px solid #12bbda;
}
.floatleft{
	float: left;
	margin: 5px 10px 3px 20px;
}
.floatright{
	float: right;
	margin: 5px 20px 3px 10px;
}
.clear {
	clear: both;
}
.droite{
	float:right;
}
.gauche{
	float:left;
}
.diapo{
	position:absolute;
	z-index:2;
}
.encart{
	padding:5px;
	background-color:#fff;
	border:1px solid #12bbda;
	
}

/*---- Pied de page -------*/
#footer {
	clear: both;
	color:#FFF;
	background:url(bas_site.jpg) bottom left no-repeat;
	height:90px;
	text-align: right;
	position:relative;
}
#footer p{
	position:relative;
	padding-top:18px;
	width:455px;
	float:right;
	margin-right:100px;
	
	}
	#footer p img {
		vertical-align:middle;
	}
	#footer a{
		color: #FFF;
		text-decoration: none;
	}
		#footer a:hover{
			text-decoration: underline;
		}

/*---- pagination-------*/
.pagination {
	clear: both;
	text-align: center;
	padding-top: 15px;
}
	#section .pagination a, #section .pagination strong{
		border: 1px solid #e1e4ec;
		background: white;
		padding: 1px 4px;
		text-decoration: none;
		color: #d88107;
	}
	#section .pagination a:hover{
		border: 1px solid #e1e4ec;
		background: #f9dcc0;
		color: white;
	}
	.pagination strong{
		background: #e5f1ff ;
	}

/*---- Messages divers -------*/
.attention, .confirmation {
	background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
	padding: 0px 5px 5px 50px;
	margin: 1em 1em;
	border: 1px #ff9100 solid;
}
.confirmation {
	background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
	border: 1px #009F00 solid;
}

/*---- bloc -------*/