body{
	background-color: #2D291E;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 14px;
}
a{ color: #315996;}
.right{ float: right; }
.left{ float: left; }
.center{ text-align:center;}
#site{
	background: #2D291E url('images/bg-body-ete.gif') repeat-x top center;
}


#bg-top{

}

#header{
	background: url('images/bg-top-intersport-ete.gif') no-repeat scroll top left;
	width: 960px;
	height: 73px;
	color: #fff;
	position : relative;
}
#header a{ text-decoration: none; }
#header img{
	margin-top: 7px;
}
#header h1,#header h2{
	position: absolute;
	left: 370px;
	color: #fff;
}
#header h1{
	top: 10px;
	font-size: 1.1em;
}
#header h1 a{
	color: #fff;
}
#header h2{
	top: 35px;
	font-size: 0.9em;
}
#header ul{
	width: 260px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#header ul li{
	float: right;
}
#lang-en,#lang-fr{
	padding: 0 20px;
	line-height: 20px;
	font-size: 0.9em;
}
#lang-en a,#lang-fr a{color: #333;}
#lang-en{ background: url('images/gb.gif') no-repeat left center; }
#lang-fr{ background: url('images/fr.gif') no-repeat left center; }
/******************************************************************************/
#menu-principal{
	margin-bottom: 7px;
	margin-top: 7px;
	background: url('images/bg-top-intersport-ete.gif') no-repeat scroll bottom left;
	height: 25px;
	padding: 5px 0;
}
#menu-principal ul li{
	float: left;
	line-height: 25px;
}
#menu-principal ul li a{
	display: block;
	padding: 0 10px;
	line-height: 25px;
	border-right: 1px solid #fff;
	color: #57595c;
	font-weight: bold;
	text-decoration:none;
}
#menu-principal ul li a:hover{ color:#000; }
#menu-principal ul li a.activ{ color: #de0949; }
#menu-secondaire{
	margin-bottom: 7px;
}
#menu-secondaire li{
	padding-right: 20px;
	float: left;
	line-height: 25px;
}
#menu-secondaire a{ color: #fff; text-decoration: none;}
#menu-secondaire a span{ text-decoration: underline;}

/******************************************************************************/
#contenu {
	background: url('images/bg-page-content.gif') repeat-y scroll top left;
	padding-bottom: 20px;
	position: relative;
}
#contenu-principal{
	width:590px;
	margin-top: 10px;
}


/******************************************************************************/
/* les  style du texte editable par l'utilisateur */
#contenu-principal p, #contenu-principal ul li{
	line-height: 1.2em;
	margin: 0.9em 0;
}
#contenu-principal ul li{
	list-style-type: disc;
	margin-left: 20px;
}
#contenu-principal h2, #contenu-principal h3, #contenu-principal h4{
	color: #315996;
	font-weight:normal;
	margin: 10px 0 5px 0;
}
#contenu-principal h2{ font-size: 1.7em;}
#contenu-principal h3{ font-size: 1.4em;}
#contenu-principal h4{ font-size: 1.2em;}
#contenu-principal hr{
	clear : both;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	visibility: hidden;
}
/******************************************************************************/
#side-bar{
	width: 340px;
	margin-right:0px;
	z-index:1;
}
#side-bar h3{
	background: #84b01f url('images/fleche-sidebox-ete.gif') no-repeat 4px 2px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	padding-left: 30px;@
}
#side-bar .open h3{
	background: #f7f7f7 url('images/fleche-sidebox-ete.gif') no-repeat 4px -32px;
	color: #4c4c4c;
}
.side-box{
	background-color: #f7f7f7;
	margin-bottom: 10px;
}
.side-box-content{
	padding: 0 10px 10px;
	color: #4c4c4c;
}
.side-box-content h4 a{ color: #4c4c4c; text-decoration: none;}
.side-box .legende{
	clear: both;
	font-size: 0.8em;
	color: #898989;
}
.side-box .legende a{
	color: #898989;
	text-decoration:none;
}

/************************************/
.satisfaction{
	background: #ebe8e8 url('images/bg-safisfaction.gif') no-repeat scroll top left;
	padding : 10px;
}
.satisfaction h4, .satisfaction .satisfait{
	float: left;
	height: 50px;
}
.satisfaction h4{
	font-size: 2em;
	color:#fff;
/*	margin: 10px 35px 0 0px;*/
	margin: 10px 35px 0 20px;
}
.satisfaction .satisfait{
	width: 130px;
	color: #de0949;
	font-weight: bold;
	line-height: 1.2em;
}
/************************************/
#meteo h4{ font-weight: normal; margin: 8px 0 2px 0; font-size: 1.1em;}
#meteo ul li{ font-size: 0.9em;}
#meteo .side-box-content{ padding-left: 20px;}
#meteo .legende{ padding-top: 20px;}
#meteo .bloc_meteo_pistes ul{
	background: url('images/bg-ouverture-piste.gif') no-repeat scroll top left;
	width: 172px;
	height: 29px;
}
#meteo .bloc_meteo_pistes ul li{
	float: left;
	line-height: 29px;
	width:43px;
	text-align:center;
	color: #fff;
	font-size: 1.5em;
}
/******************************************************************************/
.side-box-news-item{
	margin: 5px 0;
	padding-bottom : 5px;
	border-bottom : 1px solid #e7e7e7;
}
/******************************************************************************/
#bloc-accueil-ete{
	background: url('images/bg-accueil-ete.jpg') no-repeat scroll top left;
	width: 590px;
	height: 237px;
	color:#fff;
}

#bloc-accueil-ete h3{
	color: #fff;
	padding: 15px 10px;
	margin: 0;
	font-size: 1.5em;
}
#bloc-accueil-ete ul{
	margin: 0;
	padding: 7px 0 0 30px;
}
#bloc-accueil-ete ul li{
	list-style-type: none;
	color: #fff;
	font-size: 1.2em;
	padding: 0;
	margin: 15px;
}
/******************************************************************************/
.ete-right-vtt{
	background: url('images/autopromo-vtt.jpg') no-repeat scroll top left;
	width: 340px;
	height: 199px;
	margin-bottom:10px;
}
#fr-ete-right-vtt{ background-position: top left; }
#uk-ete-right-vtt{ background-position: bottom left; }
.ete-right-vtt h2{
	text-indent : -4000px;
}
.ete-right-vtt-tarif{
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	height:22px;
	left:8px;
	position:absolute;
	text-align:center;
	top:134px;
}
.ete-right-vtt-tarif a{
	text-decoration: none;
	color: #fff;
}
/******************************************************************************/
#bloc-location-accueil{
	background: url('images/bg-bloc-location.jpg') no-repeat scroll top left;
	width: 590px;
	height: 344px;
}
#bloc-location-accueil-moteur{
	padding: 23px 248px 0 23px; /* 13 + 10 */
}
.bloc-location{
	color: #4c4c4c;
}
#bloc-location-accueil .bloc-location h3, #side-box-resa h3{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
}
#side-box-resa h3{
	padding-bottom: 0;
}
#bloc-location-accueil .bloc-location h4, #side-box-resa h4{
	font-weight: normal;
	padding-bottom: 5px;
	margin: 0;
}
.bloc-location input{
	border : 0px;
	background-color: #fff;
	height: 16px;
	padding: 4px 0;
	margin-left: 3px;
}
.bloc-location .bloc-cadre-input{
	border: 1px solid #5f7ead;
	background: #fff;
	margin: 3px 0;
}
.bloc-location .input-date{
	line-height: 16px;
	width: 150px;
	position:relative;
}
.bloc-location .input-date input{
	background: #fff url('images/calendar.png') no-repeat scroll 128px 4px;
	width: 145px
}
#bloc-location-accueil .bloc-location .bloc-cadre-input p, #side-box-resa .bloc-cadre-input p{
	height:21px;
	line-height:21px;
	margin:0;
	padding:0 5px;
	overflow:hidden;
}
.degrad{
	position: relative;
	z-index:1;
	background: url('images/bg-degrad.gif') repeat-x left bottom;
	padding: 7px 5px;
	margin: 6px 0;
}
#mag_selector{
	position: absolute;
	margin-bottom: -81px;
	left: 5px !important;
	left: 0;
	width: 307px;
	background-color: #DDDDDD;
	z-index: 10;
	border-right: 1px solid #5f7ead;
	border-left: 1px solid #5f7ead;
	border-bottom: 1px solid #5f7ead;
}
#mag_selector ul li{
	list-style-type: none;
	margin:	5px;
	padding: 2px 5px;
}
#mag_selector ul li.activ{
	background-color: #7D96BD;
	color: #fff;
}

#ui-datepicker-div { font-size:0.9em; z-index: 10;}
/******************************************************************************/
.popup_list_magasin{
	border-bottom: 1px solid #DDDDDD;
}
.popup_list_magasin-last{
	border-bottom: none;
}
.popup_list_magasin-last, .popup_list_magasin{
	padding: 5px 0;
}
a.btn-go, .ui-widget-content a.btn-go{
	display: block;
	background: url('images/btn-go.gif') no-repeat top right;
	height: 29px;
	text-decoration:none;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}
a.btn-go-mid{ width: 210px; }
a.btn-go span, .ui-widget-content a.btn-go span{
	display: block;
	background: url('images/btn-go.gif') no-repeat bottom left;
	color: #fff;
	height: 29px;
	line-height: 29px;
	text-align:center;
}
a.btn-go-mid span{ width: 210px;}

.ui-dialog-content{
	font-size:;
}
/******************************************************************************/
.autopromo{
	height: 96px;
	margin-top: 20px;
}
#autopromo-fr li{
	background: url('images/autopromo-fr.gif') no-repeat scroll top left;
}
#autopromo-en li{
	background: url('images/autopromo-en.gif') no-repeat scroll top left;
}

#contenu-principal .autopromo li{
	width: 192px;
	list-style-type: none;
	text-indent: -9999px;
	display: block;
	height: 96px;
	margin:0;
	float: left;
	margin-right: 7px;
}
#contenu-principal .autopromo li.promo-2{ background-position: 0 -96px;}
#contenu-principal .autopromo li.promo-3{ background-position: 0 -192px;	margin-right: 0}

/******************************************************************************/
.bloc-magasin{
	margin: 5px 0;
}
.bloc-magasin-photo{
	float: left;
	background-color: #F8F9FA;
	border: 1px solid #E7E7E7;
	padding: 4px;
	margin-right: 10px;
}
#contenu-principal .bloc-magasin-photo p{ margin: 0; text-align:center;}
#contenu-principal .bloc-magasin-photo p a{ color: #898989; text-decoration: none;}
#contenu-principal .bloc-magasin-content p{ margin:0.4em 0; }

/******************************************************************************/
.marque{
	float: left;
	border: 1px solid #EBECEE;
	margin: 5px;
	padding: 10px;
}
/******************************************************************************/
#contenu-principal .form-error{
	background-color: #E60000;
	color: #fff;
	margin: 10px 0 10px 0;
	padding:5px;
}
#contenu-principal .form-contact{
	border: 1px solid #D3D7DB;
	margin: 10px 0 10px 0;
	padding:5px;
}
#contenu-principal .form-contact-field{
	border-left: 3px solid #315996;
}
#contenu-principal .form-contact-field p{
	font-weight: bold;
	color: #315996;
	margin: 0;
	padding: 0 5px 7px 5px;
}
#contenu-principal .form-contact-input{
	margin:0 5px 10px 5px;
}
#contenu-principal .form-contact-input input{
	border: 1px solid #CCCCCC;
	padding:4px 3px;
	width:98%;
}
#contenu-principal .form-contact-input textarea{
	border: 1px solid #CCCCCC;
	height:4em;
	padding:4px 3px;
	margin:0;
	width:98%;
}
/******************************************************************************/

#bottom{ 
	color:#fff;
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 10px 0;
}
#bottom ul li{
	margin: 3px 0;
}
#bottom a{color:#fff; text-decoration:none;}
#bottom h4{
	font-size: 1.3em;
}
#bottom a.picto-facebook, #bottom a.picto-twitter, #bottom a.picto-rss{
	display : block;
	padding-left: 20px;
	line-height: 20px;
}
#bottom a.picto-facebook{ background: url('images/facebook.png') no-repeat left center; }
#bottom a.picto-twitter{ background: url('images/twitter.png') no-repeat left center; }
#bottom a.picto-rss{ background: url('images/rss.png') no-repeat left center; }