/*
	TO ALL
------------------------------------*/
*
{
   	padding:0;
	margin:0;
	border:0;
}
/*
	GENERIC
------------------------------------*/
html{
	min-height: 100%;
	height: auto;		
}
body {
	background:#053f51 url(../images/bg-3.jpg) center top no-repeat; 	
	width:100%;
	margin:0px auto;
	vertical-align:top;
	font-family: 'Arial';
}
.endl{
	clear:left;
	line-height:1px;
	height:1px;
}
/*
	TOP HOLDER	*/
.top-header-holder{
	margin:0px auto;
	width:1000px;
	height:65px;
	/*background:#ff0000;*/
	
}
.top-header-holder .wrapper{
	margin:0 0 0 30px;
}
.top-header-holder h1{
	float:left;
	font-size:18px;
	line-height:35px;
}
.top-header-holder h1 a{
	color:#fff;
	text-decoration:none;
}
.top-header-holder h2{
	margin:7px 0 0 30px;
	float:left;
	font-size:16px;
	width:240px;
	font-style:italic;
	text-align:right;
	font-weight:bold;
	font-family: 'Helvetica';
}
/*
	HEADER HOLDER	*/
.header-holder{	
	margin:0px auto;
	width:1000px;

	height:330px;
	/*background:#e1f4fd;*/
}
/*
	CONTENT HOLDER	*/
.content-holder{
	margin:0px auto;
	width:1000px;
	padding-bottom:20px;

}
.content-holder .wrapper{
	
}
/* ==> MENU */
.content-holder .wrapper .menu{
	margin:10px auto;
	float:left;
	width:255px;
	min-height:300px;
 	height:auto !important;
 	height:300px;	
}
.content-holder .wrapper .menu .wrapper ul{
	background:url(../images/bg-menu.png) center 50px no-repeat;
	height:325px;
	list-style:none;
}
.content-holder .wrapper .menu .wrapper ul li{
	width:255px;
	height:70px;
	text-align:center;
}
.content-holder .wrapper .menu .wrapper ul li a img{
	margin:20px auto;
	
}
.content-holder .wrapper .menu .wrapper ul li a{
	display:block;
	/*background:orange;*/
	height:70px;
}
.content-holder .wrapper .menu .wrapper ul li a:hover{
	background:url(../images/bg-menu-over.png) center  no-repeat;
}

/* ==> CONTENT */
.content-holder .wrapper .content{
	float:left;
	width:488px; 	
}
.content-holder .wrapper .content .wrapper{

}
/* ==> CONTENT ACCUEIL */
.content-holder .wrapper .content .wrapper div.promo{
	margin:20px auto;
	background:url(../images/accueil-finger-eleven-promo.png) center no-repeat;
	width:477px;
	height:306px;	
}
.content-holder .wrapper .content .wrapper div.promo h2{
	float:right;
	margin:15px 10px 0 0;
	color:#053f51;
	font-size:17px;
	line-height:21px;	
	font-weight:bold;
}
.content-holder .wrapper .content .wrapper div.promo small{
	margin:0px 0px 0 25px;
	color:#053f51;
	font-size:12px;
	line-height:14px;	
	display:block;
	font-weight:normal;
	width:180px;
}
.content-holder .wrapper .content .wrapper .mots{
	margin:20px auto;
}
.content-holder .wrapper .content .wrapper .mots .image{
	float:left;
	width:135px;
}
.content-holder .wrapper .content .wrapper .mots .texte{
	float:left;
	width:350px;
}
.content-holder .wrapper .content .wrapper .mots .texte span{
	color:#053f51;
	line-height:14px;
	font-size:12px;
}
/* ==> CONTENT PAGE */
.content-holder .wrapper .content .wrapper .page{
	margin:0 0 0 20px;
	background:url(../images/bg-content-2-cor.png) bottom left no-repeat;
	width:100%;
}
.content-holder .wrapper .content .wrapper .page h1{
	float:left;
	margin: 20px 20px 0 10px;
	display:inline;
	font-size:24px;
	text-transform:uppercase;
	color:#053f51;
}
.content-holder .wrapper .content .wrapper .page img{
	margin:15px 0 0 0px;
}
.content-holder .wrapper .content .wrapper .page .content{
	width:468px;
	overflow:hidden;
}
.content-holder .wrapper .content .wrapper .page .content .texte{	
	margin:10px auto;
	color:#053f51;
}
.content-holder .wrapper .content .wrapper .page .content .texte h2{
	float:left;
	font-size:18px;
	font-weight:bold;	
	line-height:18px;
	width:350px;	
	color:#053f51;	
	text-transform:uppercase;
}
.content-holder .wrapper .content .wrapper .page .content .texte h2 span{
	text-transform:none;
}
.content-holder .wrapper .content .wrapper .page .content .texte .heure{
	
	margin:0px 0 0 40px;
	float:left;
	width:75px;
	height:50px;
	color:#053f51;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}
.content-holder .wrapper .content .wrapper .page .content .texte .description{
	margin:0px 40px 0 40px;
	font-size:12px;
	line-height:14px;
}
/* ==> CONTENT LISTE */
.content-holder .wrapper .content .wrapper .liste h1{
	margin: 20px 20px 0 20px;
}
.content-holder .wrapper .content .wrapper .liste ul{
	list-style:none;
	margin:0 0 0 30px;
	color:#053f51;
}
.content-holder .wrapper .content .wrapper .liste ul li{
	margin:10px 0 10px 0;
	padding:0 0 10px 0;
	clear:left;
	width:400px;
	border-bottom:1px solid #41c6ea;
}
.content-holder .wrapper .content .wrapper .liste ul li .heure{
	float:left;
	width:75px;
	font-size:12px;
	font-weight:bold;
}
.content-holder .wrapper .content .wrapper .liste ul li .texte{
	float:left;
	width:300px;
	font-size:10px;
}
.content-holder .wrapper .content .wrapper .liste ul li .texte a{
	text-decoration:none;
	color:#053f51;
}
.content-holder .wrapper .content .wrapper .liste ul li .texte a:hover{
	text-decoration:underline;
}
.content-holder .wrapper .content .wrapper .liste ul li .texte h2{
	font-size:14px;
}
.content-holder .wrapper .content .wrapper .liste ul li .texte em{
	font-size:10px;
}
/* ==> sous-liste */
.content-holder .wrapper .content .wrapper .liste ul li h3{
	margin:10px 0 0 0px;
	font-size:12px;
	clear:left;
}
.content-holder .wrapper .content .wrapper .liste ul li ul{
	list-style:none;
	margin:0 0 0 5px;
	color:#fff;
}
.content-holder .wrapper .content .wrapper .liste ul li ul li{
	border:none;
	margin:0px 0 0px 0;
	padding:0 0 0px 0;;
}
.content-holder .wrapper .content .wrapper .liste ul li ul li .heure{
	font-size:10px;
	width:80px;
}

/* ==> CONTENT EMPLACEMENT */
.content-holder .wrapper .content .wrapper .emplacement{
	margin:20px 0 20px 20px;
	background:url(../images/bg-emplacement.png) top left no-repeat;
	height:750px;
	width:100%;
}
.content-holder .wrapper .content .wrapper .emplacement h2{
	line-height:25px;
	height:25px;
	
}
.content-holder .wrapper .content .wrapper .emplacement .content{
	padding:462px 0 0 0;
	margin:0 40px 0 40px;
	width:300px;
	font-size:10px;
}
.content-holder .wrapper .content .wrapper .emplacement .content ul{
	margin:5px 0 0 20px;
}
/* ==> PROMO */
.content-holder .wrapper .promo{
	float:left;
	width:255px;
	min-height:300px;
 	height:auto !important;
 	height:300px; 	
}
.content-holder .wrapper .promo .wrapper{
	margin:20px 0 0 0;
	width:255px;
}
.content-holder .wrapper .promo .wrapper ul{
	list-style:none;
	width:255px;
}
.content-holder .wrapper .promo .wrapper ul li{	
	text-align:right;
	width:255px;
	overflow:hidden;
}
/*
	FOOTER-HOLDER	*/
.footer-holder{
	height:65px;
	background:#c6161c;
	margin:0px auto;
	width:1000px;	
}
.footer-holder .wrapper{
	height:50px;
}
.footer-holder .wrapper .logo{
	float:left;
	width:255px;
	text-align:right;
}
.footer-holder .wrapper .logo img{	
	text-align:right;
	margin:0 10px 0px 0;
}
.footer-holder .wrapper .texte{
	float:left;
	width:485px;
	margin:10px auto;
}
.footer-holder .wrapper .texte, .footer-holder .wrapper .texte a{
	color:#fff;
	text-decoration:none;
	font-size:9px;
	line-height:11px;
	
}
.footer-holder .wrapper .texte a:hover{
	text-decoration:underline;
}