/*----------------------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 {
	background: #000    0 0 repeat-x;
	text-align: center;
	font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 100%;
	color:white;
	position: relative;
	background:url(fond_site.jpg) repeat-x top;}
	#conteneur {
		position: relative;
		width:954px;
		margin: 0 auto;
		text-align:left;
		background:url(fond.gif) right repeat-y;
	}

/*---- Bandeau -------*/
#header {
	height: 360px;
	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: 115px;
	width:526px;
	position:absolute;
	cursor:pointer;
	left: 12px;
	top: 7px;
	z-index:5;
	}

/*---- Menu -------*/
#nav{
	position:relative;
	padding-top:20px;
	width: 244px;
	float:left;
	z-index:20;
	text-transform:uppercase;
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
}
	#nav ul {
		list-style-type: none;
	}
		#nav li {
			float:left;
			clear:left;
			margin:0px;
			margin-bottom:5px;
		}
		#nav li.lien_actif {
				
		}
		#nav li.lien_actif a {
			color:#FC0;
			background:url(bt_on.gif) top left no-repeat;			
			padding-left:40px;
			width:204px;
		}
			#nav li a {
			color:#fff;
		 	text-decoration: none;
			padding-top:10px;
			padding-left:20px;
			padding-bottom:0px;
			width:224px;
			height:21px;
			display:block;
			background:url(bt_off.gif) top left no-repeat;
			cursor:pointer;
			}
				#nav li a:hover {
					text-decoration: none;
					background:url(bt_hover.gif) top left no-repeat;
					padding-left:40px;
					width:204px;
				}

/*---- Texte -------*/
#section {
	position: relative;
	background:#FFF;
	float:right;
	width: 675px;
	margin: 0px;
	color: black;
}
.contenu{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	position:relative;
	float:left;
	width:600px;
	margin-left:30px;
	
	}
	#section h1 {
		color:#CC0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:bold;
		margin-left:0px;
		padding-top: 25px;
		padding-bottom: 15px;
		padding-right: 30px;
	}
	#section h2 {
		margin-right: 30px;
		margin-bottom: .2em;
		padding-right: .2em;
		font-size: .9em;
		color:#365CA4;
	}
	#section h3 {
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:bold;
		padding-top: 5px;
		padding-bottom: 10px;
		padding-right: 30px;
	}
	#section p {
		padding: 10px 5px 10px 0px;
		line-height:18px;
	}
	#section a, #section strong, #section b {
		color:#C00;
	}
		#section a{
			color: #000;
			text-decoration: underline;
			font-weight:bold;
		}
		#section a:hover {
			text-decoration: none;
			color:#900;
		}
		
	#section ul {
		margin: 5px 15px 15px 45px;
		font-size:12px;
		line-height:18px;
	}
	#section ol {
		margin: 5px 15px 15px 35px;
	}
	
	#section li {
			color:#000;
		
	}
	


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

/*---- Pied de page -------*/
#footer {
	clear: both;
	color:#379be7;
	height:54px;
	text-align: right;
	position:relative;
	font-size:11px;
}
#footer p{
	position:relative;
	padding-top:22px;
	width:455px;
	float:right;
	margin-right:15px;
	
	}
	#footer p img {
		vertical-align:middle;
	}
	#footer a{
		color: #379be7;
		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 -------*/