@charset "UTF-8";
/* CSS Document */

body {
	background-color: #666;
	margin:0;
}

#conteneur{
	width:960px;
	height:700px;
	margin:0 auto;
	}
	
/*les différents blocs*/	
#header{
	position:absolute;
	width:887px;
	height:66px;
	margin-left:63px;
	margin-top:0px;
	background-color:#222222;}
	
#gauche{
	position:absolute;
	width:63px;
	height:650px;
	background-image:url(img/images/arpl_01.jpg);
	background-repeat:no-repeat}
	
#menubar{
	position:absolute;
	width:821px;
	height:32px;
	margin-left:63px;
	margin-top:66px;
	background-image:url(img/images/lignemenu.jpg);
	background-repeat:repeat-x;
	text-align: left;
	padding-top:11px;
	padding-left:66px;
	word-spacing: 75px;}
	
#divflechegauche{
	position:absolute;
	margin-left:83px;
	margin-top:320px;
	width:24px;
	height:35px;
	z-index:2}
	
a.flechegauche { background-image: url('img/images/flechegauche.png'); display: block; width: 24px; height:35px; background-repeat:no-repeat; }
a.flechegauche:hover { background: url('img/images/flechegauche.png') 0 -40px }
	


#divflechedroite{
	position:absolute;
	margin-left:850px;
	margin-top:320px;
	width:24px;
	height:35px;
	z-index:3}
	
a.flechedroite { background-image: url('img/images/flechegdroite.png'); display: block; width: 24px; height:35px; background-repeat:no-repeat; }
a.flechedroite:hover { background: url('img/images/flechegdroite.png') 0 -40px }


	
	
#contenu{
	position:absolute;
	width:727px;
	height:443px;
	z-index:1;
	margin-left:63px;
	margin-top:98px;
	background-color:#222222;
	padding-top:50px;
	padding-left:60px;
	padding-right:100px;}

	
#footer{
	position:absolute;
	width:887px;
	margin-left:63px;
	margin-top:541px;
	height:109px;
	z-index:4;
	background-image:url(img/images/arpl_05.jpg);
	background-repeat:no-repeat;}
	


/*TEXTES*/
/*menu*/
#menutext {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
ul li a {
 display:inline;
 float:left;   
 width:100px;
 color:#fff;
 font-family: Helvetica, Arial,sans-serif;
 font-size:13px;
 text-decoration:none;
 text-align:center;
 padding:5px;
 padding-top:0px;
 }
 
ul li a:hover {
font-weight:bold;
 } 
 
 
/*mentions légales*/
#mentions {
	color:#999;
	font-family: Helvetica, Arial,sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:right;
	vertical-align:bottom;
	padding:0px;
	text-decoration:none;
}
 
 a {
 color:#999;
 font-family: Helvetica, Arial,sans-serif;
 font-size:11px;
 text-decoration:none;
 text-align:right;
 vertical-align:bottom;
padding:0px;}

/*textecourant*/

.boitetxt{width:350px; position:absolute; margin-left:0px; margin-top:20px; padding-top:0px; padding-left:20px; padding-right:20px; border:1px solid #CCC; z-index:1; background-color:#333;}


.textecrt{
	color:#999;
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:justify;
	text-decoration:none;
	text-indent: 0px;
	line-height:17px;}
	
.texteadroite{
	color:#999;
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:right;
	text-decoration:none;
	text-indent: 0px;
	line-height:0px;
	padding-right:10px;}
	
a.lienscrts{
	color:#666;
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:justify;
	text-indent: 0px;
	line-height:17px;}
	
a:hover.lienscrts{
	color:#CCC;
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:justify;
	text-indent: 0px;
	line-height:17px;}
	
	
	
a.mentions{
	color:#666;
	font-family: Helvetica, Arial,sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:right;
	text-indent: 0px;
}
	
a:hover.mentions{
	color:#666;
	font-family: Helvetica, Arial,sans-serif;
	
	text-align:right;
	text-decoration:none;
	text-indent: 0px;}
	
	
/*titres*/
h1{color:#999;
	font-family: Helvetica, Arial,sans-serif;
	font-size:20px;
	text-decoration:none;
	text-align:left;
	text-indent: 0px;}
h2{color:#CCC;
	font-family: Helvetica, Arial,sans-serif;
	font-size:13px;
	text-decoration:none;
	text-align:left;
	text-indent: 0px;}
	
/*photos*/
.photodr{
	float:right;
	padding-left:25px;
	padding-top:50px;}
	

.photodr2{
	float:right;
	padding-left:25px;
	margin-top:-50px;
	padding-top:0px;
	vertical-align:top;
	}