@import url(menu.css);
@import url(form.css);
@import url(validate.css);
@import url(player.css);

*{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none; 
}

body{ 
	background:#000 url(../img/bg.jpg) center 0;
	font:14px Arial, Helvetica, sans-serif;
	color:#767676;
	text-align:center;
}

p{ padding:0 0 0.5em 0; line-height:1.5em; }

ul, ul li{ list-style-type:none; }

a{
	text-decoration:none;
	outline:none;
	color:#767676;
}

a:hover{ color:#000; }

img {border: 0;}
.clear {clear: both;}
.hide{ display:none; }

img.aligncentre{ margin: 7px 0 15px 0; }
img.aligngauche{ float: left; margin: 0px 10px 5px 0; }
img.aligndroite{ float: right; margin: 0px 0px 5px 10px; }

/* COULEURS */
.orange{ color:#ff4927; }
.grey{ color:#3e3d40; }
.vert{ color:#009900; }
.bleu{ color:#267DFF; }
.rouge{ color:#FF262C; }
.marron{ color:#945400; }


#wrapper-top{
	width:100%;
	height:465px;
	background:url(../img/wrapper-top.jpg) no-repeat center 0;
	text-align:left;
}

#top{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:465px;	
	background:url(../img/top.jpg) no-repeat center 0;
}

#top #logo{
	position:absolute;
	top:50px;
	left:43px;
	display:block;
	width:180px;	
	height:133px;
	text-indent:-5000px;
}

#top h1, #top p{
	font-size:1.5em;
	color:#ff5f46;
	text-transform:uppercase;
	position:absolute;
	right:0;
	top:30px;
	width:250px;
	text-indent:-5000px;	
	border:0;
	margin:0;
}

#top .imgLeft, #top .imgRight{
	position:absolute;
	bottom:40px;
	left:0;
}

#top .imgRight{ left:268px; }

#container{
	margin:0 auto;
	width:940px;
	padding:40px 30px 0 30px;
	background:#fff url(../img/container.jpg) repeat-x 0 0;
	text-align:left;
}

#footer{
	margin:0 auto 0 auto;
	width:940px;
	background:#000 url(../img/footer.jpg) repeat-x 0 0;
	border-bottom:1px solid #a83620;
	padding:75px 30px 0 30px;
	text-align:left;
}

#footer ul{ width:235px; float:left; text-align:center; margin:0 40px; }
#footer ul li{ padding:5px 0; }
#footer ul li.title{ font-size:1.5em; color:#fff; border-bottom:1px solid #767676; padding-bottom:15px; margin-bottom:15px; }

#footer a{ color:#767676; }
#footer a:hover{ color:#fff; }

#footer p{ 
	text-transform:uppercase; 
	font-size:0.85em; 
	margin:20px 0 10px 0; 
	background:url(../img/abf.jpg) no-repeat right 0;
	line-height:26px;
}

p.copy{
	width:1000px;	
	margin:0 auto;
	text-align:left;
	font-size:0.8em;
}

/* ===== ACCUEIL ===== */
.accueil h2{
	font-size:2.8em;
	font-weight:normal;
	border:0;
}

.accueil #container a{
	display:block;
	font-size:1.5em;
	font-weight:normal;
	margin:20px 0 0 0;
	width:970px;
	height:57px;
	padding:7px 0 0 0;
	background:url(../img/link-accueil.jpg) no-repeat right 0;
}

.accueil #wrapper-top{
	height:648px;
	background:url(../img/wrapper-player.jpg) no-repeat center 0;
}

.accueil #top{
	width:1088px;
	background:url(../img/player.jpg) no-repeat center 0;
	height:648px;
}

h1{
	font-weight:normal;
	font-size:2.7em;
	border-bottom:1px solid #767676;
	margin:0 0 20px 0;
}

h2{
	font-weight:normal;
	font-size:1.5em;
	border-bottom:1px solid #767676;
	margin:0 0 20px 0;
}

h3{
	font-weight:normal;
	font-size:1.2em;
	margin:20px 0 0 0;
}

/* ===== AMENAGEMENT ===== */

.colgauche{
	width:585px;
	float:left;
}
.coldroite{
	width:315px;
	float:left;
	margin-left:40px;
	text-align:justify;
}

.diapo{ position:relative; width:585px; overflow:hidden; margin-bottom:35px; }
.diapo div{
	position:absolute;
	top:0;
	left:0;
	width:585px;
	height:319px;
	background:url(../img/cache.png) no-repeat 0 0;
}

.img{ width:1170px; }
.img li{ display:block; float:left; }
.img li img{ display:block; }

.nav li{ 
	display:block; 
	float:left;
	background:#474747;
	height:64px;
	line-height:64px;
	text-align:center;
	color:#fff;
	font-size:1.5em;
	text-transform:uppercase;
}

.nav li a{ 
	display:block;
	width:81px;
	height:64px;
	background:url(../img/nav.jpg) no-repeat 0 0;
}

.nav li a:hover{ background-position:0 -64px; }
.nav li a.next{ background-position:-81px 0; }
.nav li a.next:hover{ background-position:-81px -64px; }

/* ===== CONSEILLER ===== */
.conseiller #container{ text-align:justify; }
.conseiller img.aligndroite{ margin-left:40px; }

/* ===== CONTACT ===== */
.formulaire{
	float:left;
	width:585px;
}

.coordonnee{
	float:left;
	width:315px;
	margin-left:40px;
}

.coordonnee h1{ font-size:1.8em; padding:7px 0; }