/*****************************************/
/*SITE ESF Courchevel 1550 §  
/*****************************************/
/* couleurs utilisees
gris		color:#a6a9ac;	
rouge   	color:#e2001a;
rouge fonce	color:#be0418;
*/

/*****************************************/
/*          LAYOUT                    */
/*****************************************/

#containerborder
{
	position:relative;
	width:1100px;
	margin:0 auto;
	background:#a6a9ac;
}
#contact
{
	position:absolute;
	top:120px;
	left:-30px;
	z-index:2;
}
#outils
{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
#logofacebook
{
	position:absolute;
	left:10px;
	bottom:0px;
	z-index:9;
}
#clubdespartenaires
{
	position:absolute;
	left:110px;
	bottom:22px;
	z-index:9;
}

#outils li a
{
	color:white !important;
	margin-left:1px;
	padding:2px 10px 0 10px;
	height:17px;
	text-decoration:none;
	background:black;
}
#outils li.langue a
{
	background:#be0418;
}
#outils li.langue a:hover
{
	background:#e2001a;
}
#outils li a span
{
	display:block;
	padding-left:8px;
	background:url(../img/puce-blanche.gif) no-repeat;
	background-position:0 5px;
}
#outils li a:hover
{
	background:#be0418;
	color:white;
}
#outils li a.current
{
	color:#be0418;
	background:none;
}
#outils li a.current span
{
	background:none;
}
#logo
{
	position:absolute;
	z-index:2;
	top:20px;
	left:40px;
}

/*****************************************/
/*          navigation 1                    */
/*****************************************/
#nav1
{
	position:absolute;
	top:106px;
	left:200px;
	z-index:2;
	width:900px;
}	

#nav1 ul
{
	float:right;
	-moz-box-shadow: -5px 5px 5px #333;
	-webkit-box-shadow: -5px 5px 5px #333;
	box-shadow: -5px 5px 5px #333;
}
#nav1 li a
{
	background:white;
	color:black !important;
	font-family: 'HelveticaNeue67MdCn',arial,sans-serif;
	font-size:15px;
	height:20px;
	padding:7px 10px 0 10px;
	text-decoration:none;
}
#nav1 li a.current,#nav1 li a.current:hover
{
	color:white !important;
	background:#be0418;
	cursor:text;
}
#nav1 li a:hover
{
	background:#e2001a;
	color:white;
}

/*****************************************/
/*          navigation 2                    */
/*****************************************/
#nav2
{
	position:absolute;
	margin-left:20px;
}

#nav2 li a
{
	background:black;
	color:white  !important;
	margin-bottom:1px;
	width:180px;
	text-decoration:none;
}
#nav2 li a span
{
	display:block;
	padding:3px 5px;
}
#nav2 li a:hover
{
	color:black !important;
	background:white;
}
#nav2 li.current a,#nav2 li.current a:hover
{
	cursor:text;
	color:black !important;
	background:white;
}

/*****************************************/
/*          contenu                    */
/*****************************************/

#lecontenu
{
	margin-left:200px;
	width:900px;
	background:white;
}
.contenu
{
	padding:10px;
}
.contenu UL
{
	margin:1em 0;
}

.contenu LI
{
	list-style-type:none;
	padding-left:10px;
	background:url(../img/puceblanche.png) no-repeat top left;
	background-position:0 0.4em;
}


.contenu FORM LI
{
	background:none;
}


.contenu h3
{
	padding:0.3em 0;
}
#titrepage
{
	position:absolute;
	margin-top:-20px;
	height:20px;
	width:400px;
	background:#be0418;
}
#titrepage h1
{
	float:left;
	margin:0;
	padding:0 10px;
	font-size:30px;
	height:40px;
	font-family: 'HelveticaNeue77BoldCondensed', arial,sans-serif;

}
#lechemin
{
	padding-top:20px;
	padding-left:10px;
}
#textehome
{
}
#textehomecontent
{
}
#letexte
{
	float:left;
	width:560px;
	/*margin-top:20px;*/
}
#letexte UL
{
	margin:1em 2em;
	padding:0;
}
#letexte LI
{
	margin:0;
	padding:0;
	padding-left:10px;
	list-style-type:none;
}

#photosfd
{
	float:left;
	margin-left:40px;
	width:300px;
}
#photos
{
}
/*****************************************/
/*          tarifs                    */
/*****************************************/
table.t1
{
	border:1px solid #a6a9ac;	
	border-collapse:collapse;
	width:100%;
}
.t1 th,.t1 td
{
	font-weight:normal;
	padding:2px;
	font-size:13px;
	background:white;
	color:black;
	border:1px solid #a6a9ac;	
}
.t1 th
{
	text-align:center;
}


.t1 th h2,.t1 th h3,.t1 th h4
{
	margin:0;
}


.t1 td.prix
{
	text-align:right;
}
.t1 td.panier
{
	text-align:center;
}
/*****************************************/
/*          blocs de mise en avant                    */
/*****************************************/
#lesmav
{
	float:right;
	padding-top:40px;
	padding-bottom:20px;
}
.mav
{
	float:left;
	margin-top:0;
	margin-left:10px;
	width:260px;
	height:210px;
}
.titremav
{
	position:absolute;
	margin-top:-20px;
	height:40px;
	z-index:9;
}
.titremavcontent
{
	background:#be0418;
	color:white;
	width:210px;
	height:20px;
}
.titremav h2,.titremav h3,.titremav p
{
	margin:0;
	padding:3px 10px;
	font-size:13px;
	text-transform:uppercase;
}

.mavcontent
{
	padding:0 10px;
	height:80px;
	height:110px;
	overflow:hidden;
	background:black;
	color:white;
	/*font-family:arial,sans-serif !important;*/

}
.mavcontent p
{

	font-size:12px;
	margin:0.3em 0;
	padding:0;
}
.mavcontent b,.mavcontent strong
{
	font-weight:normal;
	font-family: 'HelveticaNeue77BoldCondensed';
}

.mavimage
{
	height:130px;
	overflow:hidden;
}
.mav a
{
	display:block;
	font-family: 'HelveticaNeue67MdCn',arial,sans-serif;

	background:url(../img/puce-blanche.gif) no-repeat;
	background-position:0 0.4em;
	padding-left:8px;
	margin-top:5px;
}
.mav a:hover
{

}
/*****************************************/
/*          pied de page                    */
/*****************************************/
#fondfooter
{
	width:1080px;
	margin:20px auto;
}
#pagefooter
{
		font-size:12px;
		color:#a6a9ac;	
}
#pagefooter a
{
	color:#a6a9ac !important;	
}
#legal
{
	float:left;
	width:50%;
	padding:5px 0;
}

#baseline
{

}
#creditslogos
{
	float:right;
	width:50%;

}
#creditslogos ul
{
	float:right;
}
#creditslogos li a
{
	padding:5px 0 0 10px;
	float:right;
}

#cartedusite
{
}

#cartedusite LI
{
	list-style-type:none;
	line-height:1.2em;
	background:none;
	
}
#cartedusite LI A
{
	color:white;
	text-decoration:none;
	text-transform:uppercase;
}
#cartedusite LI A H1
{
	font-size:1.5em;
	padding-left:10px;
}
.sitemap0
{
	margin:1em 0;
}
.blocmap
{
	float:left;
	margin:10px 10px;
	width:46%;
	border:1px solid #600;
}
#Lepanier
{
	position:absolute;
	z-index:9;
	left:0px;
	bottom:187px;
	width : 300px;
	height:90px;
}