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

/*---- Reset css -------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: 12px;}

html, body {
    height: 100%;
}

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

/*---- Bandeau -------*/
#header {
	height: 150px;
	background:url(bandeau.png) no-repeat top left;
	margin-bottom:0px;
}
	#slogan {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 1.4em;
		color: white;
	}
	#logo a {
	height: 69px;
	width:420px;
	position:absolute;
	cursor:pointer;
	left: 250px;
	top: 12px;
	z-index:5;
	}

/*---- Menu -------*/
#nav{
	position:relative;
	padding-top:20px;
	width: 257px;
	height:506px;
	float:left;
	z-index:20;
	background:url(menu_fond.png) no-repeat top left;
	text-transform:uppercase;
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding-top:60px;	
}
	#nav ul {
		list-style-type: none;
	}
		#nav li {
			float:left;
			clear:left;
			margin:0px;
			margin-bottom:40px;
		}
		#nav li.lien_actif {
				
		}
		#nav li.lien_actif a {
			color:#099e5b;	
		}
			#nav li a {
			color:#0067fd;
		 	text-decoration: none;
			width:130px;
			height:21px;
			margin-left:120px;
			}
				#nav li a:hover {
					text-decoration: none;
					padding-left:20px;
				}

/*---- Texte -------*/
#section {
	position: relative;
	background:url(fond_site.png) left repeat-y;
	float:right;
	width: 769px;
	margin: 0px;
	color: black;
}
#fullcontenu {
	position: relative;
	background:url(fullcontenu.png) left bottom no-repeat;
	float:left;
	width: 769px;
	margin: 0px;
	min-height:570px;
}
.contenu{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	position:relative;
	float:left;
	width:578px;
	margin-left:11px;
	margin-top:-30px;
	
	}
	#section h1 {
		color:#0067fd;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin-left:10px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-right: 30px;
	}
	#section h2 {
		margin-left: 10px;
		font-size:14px;
		color:#003700;
	}
	#section p {
		padding: 10px 5px 10px 0px;
	}
	#section strong, #section b {
		color:#36C;
	}
		#section a{
			color:#06C;
			text-decoration: none;
			font-weight:bold;
		}
		#section a:hover {
			text-decoration: none;
			color:#09C;
		}
		
	#section ul {
		margin: 5px 15px 15px 45px;
		font-size:12px;
	}
	#section ol {
		margin: 5px 15px 15px 35px;
	}
	
	#section li {
			color:#33F;
	}
	


/*---- Formatage -------*/
.center {
	text-align: center;
}
img.bordure {
		border:1px solid #F00;
}
.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:#DEDEBE;
	border:1px solid #a9ae30;
	font-size:11px;
	
}
.flip_container {
				width: 578px;
				height: 351px;
				margin: 0px auto;
			}

/*---- Pied de page -------*/
#footer {
	color:#000;
	position:relative;
	font-size:11px;
	background:url(bas_site.jpg) top right no-repeat;
	width:1026px;
	height:96px;
		margin: 0 auto;
		float:right;
}

#footer p{
	position:relative;
	padding-top:40px;
	width:455px;
	float:right;
	margin-right:55px;
	
	}
	#footer p img {
		vertical-align:middle;
	}
	#footer a{
		color: #000;
		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 -------*/