/* CSS Document */

/* GABARITS FORMAT */
*
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

body
{
	background-color:#C0C0C0;
}


#page
{
	position:absolute;
	width:950px;
	height:500px;
	left:50%;
	top:20px;
	margin-left:-475px;
	background-color:#1E4B79;
}

html>body #page{
	height:auto;
	min-height:500px;
}

#coordonnees
{
	position:absolute;
	width:950px;
	height:30px;
	left:50%;
	top:550px;
	margin-left:-475px;
	text-align:center;
	color:#1E4B79;
}

#realisation
{
	position:absolute;
	width:950px;
	height:30px;
	left:50%;
	top:570px;
	margin-left:-475px;
	color:#333333;
	font-size:10px;
	text-align:right;
}

#realisation a
{
	color:#333333;
	font-size:10px;
	
}


.hidden{
	display:none;
}
.visible{
	display:block;
}


#page #bandeau
{
	position:absolute;
	width:950px;
	height:130px;
	left:0px;
	top:0px;
	background-color:#15345F;
	z-index:1;
}

#page #fondlogo
{
 	position:absolute;
	width:100%;
 	height:100px;
	top:0px;
	left:0px;
 	background-image:url(../_media/_modeles/fond-logo.png);
 	background-repeat:no-repeat;
	z-index:2;
}

#page #logo
{
 	position:absolute;
	width:245px;
 	height:69px;
	top:25px;
	left:350px;
	z-index:3;
}

#page #soustitre
{
 	position:absolute;
	width:600px;
 	height:13px;
	top:100px;
	left:100px;
	z-index:3;
}
#page #bandeaumenu
{
	position:absolute;
	width:950px;
	height:14px;
	left:0px;
	top:130px;
	background-color:#387FBD;
}

#page #vuemagasin
{
	position:absolute;
	width:321px;
	height:145px;
	left:629px;
	top:3px;
	background-image:url(../_media/_modeles/vuemagasin.png);
	background-repeat:no-repeat;
	z-index:3;
}
#page #menuaccueil
{
	position:absolute;
	width:227px;
	height:356px;
	left:0px;
	top:144px;
	background-image:url(../_media/_modeles/fondmenu.jpg);
	background-repeat:no-repeat;
	z-index:4;
}

#page ul
{
	list-style:none;
	list-style-type:none;
}

#page ul li
{
	position:absolute;
	width:150px;
	height:16px;
	z-index:5;
}

#page ul li a
{
	color:#15345F;
	font-variant:small-caps;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}

#page ul li#index
{
	width:100px;
	height:14px;
	left:10px;
	top:128px;
}
#page ul li#index a
{
	color:#FFFFFF;
	font-size:14px;
}

#page ul li#presentation-magasin
{
	left:6px;
	top:213px;
}

#page ul li#tarifs-materiel-ski-surf
{
	left:6px;
	top:257px;
}

#page ul li#location-materiel-ski-reallon
{
	left:6px;
	width:220px;
	top:304px;
}

#page ul li#station-ski-reallon
{
	left:6px;
	width:190px;
	top:345px;
}

#page ul li#portfolio
{
	left:6px;
	width:120px;
	top:385px;
}

#page ul li#actualites
{
	
	width:100px;
	height:14px;
	left:550px;
	top:128px;
}

#page ul li#contacts
{
	
	width:80px;
	height:14px;
	left:650px;
	top:128px;
}



#page ul li#liens
{
	width:80px;
	height:14px;
	left:740px;
	top:128px;
}

#page ul li#actualites a, #page ul li#contacts a, #page ul li#liens a
{
	color:#990000;
	font-size:14px;
}



#page #contenuaccueil
{
	position:absolute;
	width:723px;
	height:356px;
	left:227px;
	top:144px;
	background-image:url(../_media/_modeles/fondpage.jpg);
	background-repeat:no-repeat;
}


#button-actualites{
	height:33px;
	width:90px;
	text-align:center;
	position:absolute;
	bottom:76px;
	right:82px;	
	background-image:url(../_media/_rubriques/accueil/bg-button-actualites.gif);
	background-position:bottom center;
	background-repeat:no-repeat;

}
#button-actualites a{
	color:#FFFFFF;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:none;
	font-size:11px;
}


/* GABARITS PAGE INTERIEURES */

#page #fondpage
{
	position:relative;
	width:950px;
	height:358px;
	height:100%;
	left:0px;
	top:144px;
	background-color:#1E4B79;
	z-index:1;
}	

html>body #page #fond-page{
	height:auto;
	min-height:358px;
}


#page #menupage
{
	position:absolute;
	width:200px;
	height:356px;
	left:0px;
	top:144px;
	background-image:url(../_media/_modeles/fondmenupage.png);
	background-repeat:no-repeat;
	z-index:2;
}

/* Page d'accueil */

#page #bienvenue
{
	position:absolute;
	width:450px;
	height:100px;
	top : 260px;
	left:230px;
	color:#FFFFFF;
	text-align:center;
	z-index:6;
	line-height:15px;
}

#page #bienvenue .bold
{
	font-weight:bold;
}
#page #bienvenue .red
{
	color:#990000;
	font-weight:bold;
}

#page #promotion
{
	position:absolute;
	width:316px;
	height:127px;
	top : 360px;
	left:230px;
	color:#FFFFFF;
	text-align:center;
	z-index:6;
	background-image:url(../_media/_rubriques/accueil/fond-promo.png);
	background-repeat:no-repeat;
	
}

#page #titrehidden
{
	display:none;
	visibility:hidden;
}

#page #promotion p
{
	font-size:10px;
	margin-top:38px;
	margin-left:40px;
	width:270px;
}

#page #promotion p .red
{
	color:#990000;
	font-weight:bold;
}

#page #titreactualites
{
	position:absolute;
	width:104px;
	height:12px;
	top : 250px;
	left:790px;
	z-index:6;
}

#page #actualites
{
	position:absolute;
	width:160px;
	height:200px;
	top : 270px;
	left:790px;
	z-index:6;
	color:#15345F;
	font-size:12px;
}

#page #actualites hr
{
	border:0px;
	height:3px;
	width:50px;
	margin-left:50px;
	background-color:#8BACC9;
	margin-top:5px;
	margin-bottom:5px;
}


/* PRESENTATION */
#page #accueilpresentation
{
	position:absolute;
	width:700px;
	height:200px;
	top : 150px;
	left:214px;
	z-index:6;
	color:#FFFFFF;
	line-height:16px;
}
#page #accueilpresentation img
{
	margin-top:10px;
}

#page #accueilpresentation .red
{
	color:#990000;
	font-weight:bold;
}

#page #accueilpresentation .bold
{
	font-weight:bold;
}


#page #textpresentation
{
	position:absolute;
	width:320px;
	height:150px;
	top : 400px;
	left:200px;
	z-index:6;
	font-size:12px;
	background-image:url(../_media/_rubriques/presentation/fleche.png);
	background-repeat:no-repeat;
	padding-left:30px;
	color:#FFFFFF;
}

#photopresentation
{
	position:absolute;
	width:430px;
	height:150px;
	top : 400px;
	left:544px;
	z-index:6;
}

#photopresentation img
{
margin-left:5px;
}

#page #menupageint ul li a
{
	font-size:14px;
}


#page #menupageint ul li#presentation-magasin
{
	left:3px;
	top:169px;
}

#page #menupageint ul li#tarifs-materiel-ski-surf
{
	left:3px;
	top:206px;
}

#page #menupageint ul li#location-materiel-ski-reallon
{
	left:3px;
	width:200px;
	top:244px;
}

#page #menupageint ul li#station-ski-reallon
{
	left:3px;
	width:190px;
	top:280px;
}

#page #menupageint ul li#portfolio
{
	left:3px;
	top:316px;
}


/* MATERIELS */

#page #materielfond
{
	position:absolute;
	width:950px;
	height:1600px;
	left:0px;
	top:144px;
	background-color:#1E4B79;
	z-index:1;
}	

#page #materielpromo
{
	position:absolute;
	width:694px;
	height:114px;
	top : 150px;
	left:200px;
	z-index:6;
	background-image:url(../_media/_rubriques/tarifs/fond-promo.png);
	background-repeat:no-repeat;

}

#page #materielpromo p
{
	margin-left : 55px;
	margin-top : 35px;
	color:#FFFFFF;
}

#page #materielpromo p a
{
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
}

#page #pagemateriel
{
	position:absolute;
	width:750px;
	height:400px;
	top : 280px;
	left:200px;
	z-index:6;	
}

#page #pagemateriel .infobulleCategorie{
	display:none;
	border:1px solid #1E4B79;
	background-color:#ffffff;
	width:250px;
	padding:15px;
	position:absolute;
	left:120px;
	z-index:999;
}

#page #pagemateriel .infobulleSousCategorie{
	display:none;
	border:1px solid #1E4B79;
	background-color:#ffffff;
	width:250px;
	padding:15px;
	position:absolute;
	left:120px;
	z-index:999;
}

#page #pagemateriel table{
	border-spacing : 2px;
	border:0px;
	margin-bottom:10px;
}

#page #pagemateriel table th, #page #pagemateriel table td
{
	width:51px;
	background-color:#759DD3;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}


#page #pagemateriel table .tarifrub {
	background-color:#FFFFFF;
	color:#990000;
	font-weight:bold;
	width:130px;
}

#page #pagemateriel table th.tarifrub2,#page #pagemateriel table th.tarifsousrubr{
	background-color:#387FBD;
	color:#1E4B79;
	font-weight:bold;
}
#page #pagemateriel table .tarifsousrubr{
	width:130px;

}
#page #photos-packs-materiel{
	position:absolute;
	z-index:7;
	width:140px;
	height:auto;
	top : 400px;
	left:0px;
	background-image:url(../_media/_rubriques/tarifs/bg-pack.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding:0px 30px;
}
#page #photos-packs-materiel #bg-bas{
	position:absolute;
	width:24px;
	height:48px;
	bottom : 0px;
	right:3px;
	background-image:url(../_media/_rubriques/tarifs/bg-pack.png);
}




/*CONTACTS */
#page #contactsfond
{
	position:absolute;
	width:950px;
	height:380px;
	left:0px;
	top:144px;
	background-color:#1E4B79;
	z-index:1;
}	

#formulaire{
	position:absolute;
	left:300px;
	top:150px;
	width:500px;
/*	height:318px;*/
	height:430px;
	z-index:7;
}

#formulaire form
{
	text-align : left;
}

#formulaire form .clear
{
	clear:both;
}
#formulaire form label
{
	font-size:12px;
	color:#FFFFFF;
	float:left;
	border-bottom:1px dotted #CCCCCC;
}

#formulaire form input
{
	margin-left : 50px;
	float:right;
	font-size:12px;
	background-color:#387FBD;
	border:0px;
	height : 20px;
	width:300px;
	margin-bottom:10px;
	color:#00FFFF;
}

#formulaire form textarea
{
	margin-left : 50px;
	float:right;
	font-size:12px;
	background-color:#387FBD;
	border:0px;
	width:300px;
	margin-bottom:10px;
	color:#00FFFF;
}

#formulaire form #submit
{
	float:right;
	font-size:14px;
	font-weight:bold;
	border:0px;
	width:200px;
	color:#FFFFFF;
	background-color:#1E4B79;
	font-variant:small-caps;
	background-image:url(../_media/_rubriques/contacts/fleches.gif);
	background-position: 30px;
	background-repeat:no-repeat;
	
}

#formulaire p
{
	margin-bottom : 10px;
	font-size:12px;
	color:#0099CC;
	font-weight:bold;
}

#formulaire .result{
	text-align:center;
	color:#FFF;
}

#formulaire .erreurs-contacts{
	text-align:center;
	color:#FFF;
}
#formulaire .requested-fields{
	border:none;
	margin-left:60px;
}



/*STATION */
#page #decouvrestation
{
	position:absolute;
	width:750px;
	height:40px;
	left:200px;
	top:170px;
	z-index:6;
	font-weight:bold;
	color:#FFFFFF;
}

#page #descstation
{
	position:absolute;
	width:400px;
	height:56px;
	left:230px;
	top:190px;
	z-index:6;
	color:#FFFFFF;
}

#page #lienstation
{
	position:absolute;
	width:344px;
	height:30px;
	left:606px;
	top:135px;
	z-index:4;

	background-image:url(../_media/_rubriques/station-ski-reallon/fondlienstation.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:25px;
	color:#387FBD;
}

#page #lienstation	a
{
		color:#FFFFFF;
		font-weight:bold;
}


#page #lienbisstation{
	position:absolute;
	width:344px;
	height:50px;
	left:230px;
	top:244px;
	z-index:5;
	color:#387FBD;
	font-size:12px;
}

#page #lienbisstation  img{
	margin-bottom:10px;
}

#page #lienbisstation  p{
	background-image:url(../_media/_rubriques/station-ski-reallon/fleches.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	height:14px;
	margin:0px 0px 0px 20px;
}
#page #lienbisstation a{
	color:#79B5E9;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#page #detailstation{
	position:absolute;
	width:277px;
	_width:231px;
	height:92px;
	top:200px;
	right:20px;
	z-index:6;
	background-image:url(../_media/_rubriques/station-ski-reallon/top_station.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#2D689F;
	padding-top:13px;
}

#page #detailstation ul{
	background-image:url(../_media/_rubriques/station-ski-reallon/fleches_station.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:70px;
}

#page #detailstation li{
	position:relative;
	padding-left:46px;
	font-size:10px;
	color:#FF0000;
	width:100%;
}


#page #retrouvermagasin{

	position:absolute;
	width:644px;
	height:195px;
	bottom:0px;
	left:200px;
	z-index:7;
}



/** LIENS */
#page #lienscontainer{
	position:absolute;
	width:750px;
	height:356px;
	left:200px;
	top:164px;
	z-index:6;
}
#page #lienscontainer img{
	border:none;
}

#page #lienscontainer a{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	width:100%;
	font-weight:bold;
}

#page #lienscontainer .lien-item{
	width:600px;
	margin-bottom:20px;
	position:relative;
}
#page #lienscontainer .spacer{
	clear:both;
	height:20px;
}

#page #lienscontainer .logo{
	width:100px;
	margin-right:20px;
	text-align:center;
	float:left;
}
#page #lienscontainer .libelle{
	float:left;
	width:480px;
}
#page #lienscontainer .libelle a{

}


/*RESERVATION */
/**
-------------------------------------------------------------------------
			Gabarits principal des pages
-------------------------------------------------------------------------
*/
#page #pagereservation
{
	position:absolute;
	width:750px;
	height:358px;
	left:200px;
	top:144px;
	z-index:6;
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fond-page-skieur.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#page #pagereservationclient{
	position:absolute;
	width:750px;
	height:452px;
	left:200px;
	top:150px;
	z-index:6;
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fond-page-skieur.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#page #pagereservationmateriel{
	width:950px;
	height:530px;
	position:relative;
	top:150px;
	left:0px;
}
html>body #page #pagereservationmateriel{
	height:auto;
	min-height:530px;
}
/**
-----------------------------------------------------------------
		Fonds de page
-----------------------------------------------------------------
*/
#page #reservationfond
{
	position:absolute;
	width:950px;
	height:450px;
	left:0px;
	top:144px;
	background-color:#1E4B79;
	z-index:1;
}	
#page #reservationclientfond
{
	position:absolute;
	width:950px;
	height:458px;
	_height:522px;
	left:0px;
	top:144px;
	background-color:#1E4B79;
	z-index:1;
}	

#page #fond-bas-reservationclient{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fond-page-bas.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	height:8px;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:2;
}

#page #fond-bas-reservation{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fond-page-bas.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	height:8px;
	position:absolute;
	left:0px;
	bottom:-2px;
	z-index:2;
}


/**
--------------------------------------------------------------------
		Accueil location materiel
--------------------------------------------------------------------
*/
#page #pagereservation #selectdate{
	width:650px;
	height:auto;
	padding-left:100px;
	margin-top:40px;
}

#page #pagereservation #selectdate select{
	border:1px solid #fff;
	padding:1px;
	background-color:#387FBD;
	color:#fff;
	margin-left : 5px;
	float:left;
	font-size:12px;
	height : 20px;
	width:auto;
	margin-bottom:10px;
}
#page #pagereservation #selectdate input{
	border:1px solid #fff;
	padding:1px;
	background-color:#387FBD;
	color:#fff;
	margin-left : 5px;
	float:left;
	font-size:12px;
	height : 20px;
	width:auto;
	margin-bottom:10px;
}
#page #pagereservation #selectdate #valid-button{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fleches_bleues.gif);
	background-position:4px 4px;
	background-repeat:no-repeat;
	height:22px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	background-color:#387FBD;
	border:none;
	font-variant:small-caps;
	padding:0px 10px 4px 70px;
	margin-left:5px;
}
#page #pagereservation #selectdate .error{
	padding-top:10px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	clear:both;
}




/**
--------------------------------------------------------------------
		Enregistrement client location materiel
--------------------------------------------------------------------
*/
#page #pagereservationclient #formulaire{
	position:relative;
	left:0px;
	top:0px;
	width:500px;
	height:430px;
	margin : 0px;
	padding:0px;
}

#page #pagereservationclient #formulaire select{
	border:1px solid #fff;
	padding:1px;
	background-color:#387FBD;
	color:#fff;
	margin-left : 50px;
	float:right;
	font-size:12px;
	height : 20px;
	width:300px;
	margin-bottom:10px;
}

#page #pagereservationclient #formulaire form #civilite{
	width:50px;
	
}


#page #pagereservationmateriel b{
	font-weight:bold;
}

#page #pagereservationclient h2, #page #pagereservationmateriel h2, #page #pagereservation h2{
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
	font-size: 15px;
}

#page #pagereservationclient p, #page #pagereservationmateriel p, #page #pagereservation p{
	color:#FFFFFF;
	margin-left : 10px;
}	

#page #pagereservationclient h3, #page #pagereservationmateriel h3, #page #pagereservation h3{
	width:90%;
	background-color:#387FBD;
	color:#FFFFFF;
	font-size:13px;
	padding : 2px;
	margin-left:5%;
	margin-top:10px;
	font-weight:bold;
}

#page #pagereservation h1, #page #pagereservationmateriel h1, #page #pagereservationclient h1{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin:5px;
}

#page #pagereservationmateriel .error{
	text-align:center;
	margin:10px 0px;
	background-color:#387FBD;
	padding:3px;
}
#page #pagereservationmateriel .error *{
	color:#993300;
}

#page #pagereservationmateriel #choix-produits {
	float:left;
	width:500px;
	height:533px;
	background-color:#15345F;
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fond-materiel-bas.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-top:12px;
}
html>body #page #pagereservationmateriel #choix-produits{
	height:auto;
	min-height:533px;
}

#page #pagereservationmateriel #choix-produits #products select{
	border:1px solid #fff;
	padding:1px;
	background-color:#387FBD;
	color:#fff;
	margin-left : 5px;
	float:left;
	font-size:12px;
	height : 20px;
	width:auto;
	margin-bottom:10px;
}


#page #pagereservationmateriel #choix-produits .categorie-box{
	height:auto;
	width:181px;
	position:relative;
	float:left;
	margin:10px 34px;
	_margin:5px 17px;
}

#page #pagereservationmateriel #choix-produits #products .categorie-box  h1{
	font-size:15px;
	_font-size:13px;

	padding:0px;
	margin:0px 0px -2px 0px;
	
}

#page #pagereservationmateriel #choix-produits .categorie-box input{
	width:181px;
	height:79px;
	background:none;
	float:none;
	padding:0px;
	border:0px;
}

#page #pagereservationmateriel #choix-produits #categorieItemID-1{
	z-index:4;
}
#page #pagereservationmateriel #choix-produits #categorieItemID-2{
	z-index:3;
}
#page #pagereservationmateriel #choix-produits #categorieItemID-3{
	z-index:2;
}
#page #pagereservationmateriel #choix-produits #categorieItemID-4{
	z-index:1;
}

#page #pagereservationmateriel #choix-produits #categorieItemID-1 h1{
	color:#E6DFD4;
}
#page #pagereservationmateriel #choix-produits #categorieItemID-2 h1{
	color:#E6DFD4;
}
#page #pagereservationmateriel #choix-produits #categorieItemID-3 h1{
	color:#FFFFFF;
}
#page #pagereservationmateriel #choix-produits #categorieItemID-4 h1{
	color:#FFFFFF;
}


#page #pagereservationmateriel #choix-produits .infobulle{
	display:none;
	position:absolute;
	color:#FFF;
	z-index:999;
	font-weight:normal;
}
#page #pagereservationmateriel #choix-produits .infobulle *{
	font-size:11px;
	color:#fff;
	font-weight:normal;
}
#page #pagereservationmateriel #choix-produits .infobulle strong{
	font-weight:weight;

}

#page #pagereservationmateriel #choix-produits .categorie-box .infobulle{
	width:170px;
	height:40px;
	top:90px;
	left:0px;
	padding:3px 8px 3px 3px;
	background-repeat:no-repeat;
	background-position:165px 90%;
	font-size:11px;

}
html>body #page #pagereservationmateriel #choix-produits .categorie-box .infobulle{
	height:auto;
	min-height:40px;
}
#page #pagereservationmateriel #choix-produits .categorie-box .infobulle p, #page #pagereservationmateriel #choix-produits .categorie-box .infobulle *{

}
#page #pagereservationmateriel #choix-produits .categorie-box .infobulle strong,#page #pagereservationmateriel #choix-produits .categorie-box .infobulle strong *{
	font-weight:bold;	
}







#page #pagereservationmateriel #choix-produits .selected-categorie-box{
	height:auto;
	width:115px;
	position:relative;
	float:left;
}

#page #pagereservationmateriel #choix-produits #products .selected-categorie-box  h1{
	font-size:15px;
	_font-size:13px;
	padding:0px;
	margin:0px 0px -2px 0px;
	
}

#page #pagereservationmateriel #choix-produits .selected-categorie-box .infobulle{
	width:105px;
	height:40px;
	top:62px;
	left:0px;
	padding:3px 8px 3px 3px;
	background-repeat:no-repeat;
	background-position:165px 90%;

}
html>body #page #pagereservationmateriel #choix-produits .selected-categorie-box .infobulle{
	height:auto;
	min-height:40px;
}

#page #pagereservationmateriel #choix-produits .selected-categorie-box .infobulle *{

}




#page #pagereservationmateriel #choix-produits #categorieDescriptionItemID-1{
	background-color:#680101;
	background-image:url(../_media/_modules/mod_location_produit/categories/background-1.gif);
}
#page #pagereservationmateriel #choix-produits #categorieDescriptionItemID-2{
	background-color:#680101;
	background-image:url(../_media/_modules/mod_location_produit/categories/background-2.gif);
}
#page #pagereservationmateriel #choix-produits #categorieDescriptionItemID-3{
	background-color:#193F63;
	background-image:url(../_media/_modules/mod_location_produit/categories/background-3.gif);
}
#page #pagereservationmateriel #choix-produits #categorieDescriptionItemID-4{
	background-color:#193F63;
	background-image:url(../_media/_modules/mod_location_produit/categories/background-4.gif);
}





#page #pagereservationmateriel #choix-produits #sous-categorie-container{
	float:right;
}

#page #pagereservationmateriel #choix-produits .sous-categorie-box{
	position:relative;
	width:128px;
	text-align:center;
	height:50px;
	padding-top:20px;
	float:left;
}
html>body #page #pagereservationmateriel #choix-produits .sous-categorie-box{
	height:auto;
	min-height:50px;
}
#page #pagereservationmateriel #choix-produits .sous-categorie-box:hover{
	background-color:#680101;
	z-index:999;
}
#page #pagereservationmateriel #choix-produits .sous-categorie-box h1,#page #pagereservationmateriel #choix-produits .sous-categorie-box h1 *{
	font-size:9px;
}

#page #pagereservationmateriel #choix-produits .sous-categorie-box .infobulle{
	width:122px;
/*	height:40px;*/
	left:0px;
	top:auto;
	padding:3px;
	background-color:#CFC3B0;
	color:#15345F;
	/*font-weight:normal;*/
	font-size:11px;
	/*text-align:justify;*/
}
html>body #page #pagereservationmateriel #choix-produits .sous-categorie-box .infobulle{
/*	height:auto;
	min-height:40px;*/
}
#page #pagereservationmateriel #choix-produits .sous-categorie-box .infobulle *{
	/*font-weight:normal;*/
	font-size:11px;
	color:#15345F;
}

#page #pagereservationmateriel #choix-produits .selected-sous-categorie-box{
	text-align:center;
	height:62px;
	width:385px;
	float:left;
	background-color:#680101;
}

#page #pagereservationmateriel #choix-produits .selected-sous-categorie-box h1, #page #pagereservationmateriel #choix-produits .selected-sous-categorie-box h1 *{
	height:12px;
	background-color:#15345F;
	font-size:11px;
	color:#E6DFD4;
	padding:0px;
	margin:0px;
	text-align:left;
}
#page #pagereservationmateriel #choix-produits .selected-sous-categorie-box h2, #page #pagereservationmateriel #choix-produits .selected-sous-categorie-box h2 *{
	font-size:9px;
	color:#fff;
}


#page #pagereservationmateriel #choix-produits .selected-sous-categorie-box img{
	margin:6px;
}





#page #pagereservationmateriel #choix-produits #produit-container{
	clear:both;
}

#page #pagereservationmateriel #choix-produits #produit-container p{
	color:#387FBD;
	font-weight:bold;
	font-size:11px;
	margin:10px 20px;
}

#page #pagereservationmateriel #choix-produits #produit-container table{
	width:100%;
	border-collapse:collapse;
	color:#E6DFD4;
}
#page #pagereservationmateriel #choix-produits #produit-container table thead{
/*	border-bottom:1px solid #E6DFD4;*/
}
#page #pagereservationmateriel #choix-produits #produit-container table thead th{
	font-weight:bold;
}
#page #pagereservationmateriel #choix-produits #produit-container table tbody{
}
#page #pagereservationmateriel #choix-produits #produit-container table tbody tr{
	border-spacing:4px;
	height:20px;
	border-bottom:1px solid #E6DFD4;
	cursor:pointer; 
}
#page #pagereservationmateriel #choix-produits #produit-container table tbody tr.pair{
	background-color:#4F79AB;
}
#page #pagereservationmateriel #choix-produits #produit-container table tbody tr.impair{
	background-color:#1E4B79;
}
#page #pagereservationmateriel #choix-produits #produit-container table tbody td.row-produit{
	padding-left:4px;
	font-weight:bold;
}
#page #pagereservationmateriel #choix-produits #produit-container table tbody td.row-tarif{
	text-align:right;
	padding-right:4px;
	width:60px;
}
#page #pagereservationmateriel #choix-produits #produit-container table tbody td.row-form-elt{
	border-left:1px solid #E6DFD4;
	width:50px;
	text-align:center;
}






#page #pagereservationmateriel #choix-produits #products #caracteristique{
	clear:both;
	color:#FFFFFF;
}
#page #pagereservationmateriel #choix-produits #products #caracteristique .caracteristique-item{
	float:left;
	width:160px;
	margin-bottm:4px;
}
#page #pagereservationmateriel #choix-produits #products #caracteristique .caracteristique-item label{
	font-weight:bold;
}
#page #pagereservationmateriel #choix-produits #products #caracteristique #casqueLabelItemID{
	float:left;
}

#page #pagereservationmateriel #choix-produits #products #caracteristique input{
	width:100px;
	border:1px solid #fff;
	padding:1px;
	background-color:#387FBD;
	color:#fff;
	margin-left : 5px;
	float:left;
	font-size:12px;
	height : 20px;
	margin-bottom:10px;
	display:inline;
}
#page #pagereservationmateriel #choix-produits #products #caracteristique #casqueFormItemID{
	width:20px;
	height:20px;
	border:1px solid #fff;
	padding:1px;
	background-color:#387FBD;
	margin-left : 5px;
	float:left;
	margin-bottom:10px;
	display:inline;
}


#page #pagereservationmateriel #choix-produits #products #valid-button{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fleches_marron_2.gif);
	background-position:4px 8px;
	background-repeat:no-repeat;
	height:22px;
	color:#E6DFD4;
	font-weight:bold;
	font-size:13px;
	background-color:#680101;
	border:none;
	font-variant:small-caps;
	padding:0px 10px 4px 60px;
	_padding:0px 10px 4px 30px;
	clear:both;
	float:right;
}

#page #pagereservationmateriel #choix-produits #products #cancel-button{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fleches_bleues.gif);
	background-position:4px 4px;
	background-repeat:no-repeat;
	height:22px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	background-color:#387FBD;
	border:none;
	font-variant:small-caps;
	padding:0px 10px 4px 70px;
	margin-left:5px;
	margin-top:20px;
	clear:both;
}



#page #pagereservationmateriel #basket{
	float:right;
	padding:0px;
	margin:0px;
	width:450px;
	height:530px;
	background-color:#1E4B79;
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fond-haut-panier.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:15px;
}
html>body #page #pagereservationmateriel #basket{
	height :auto;
	min-height:530px;
}




#page #pagereservationmateriel #basket-header{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fond-texte-panier.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:18px;
	width:450px;
	background-color:#4F79AB;
}
#page #pagereservationmateriel #basket-header p{
	height:18px;
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fond-ligne-panier.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}


#page #pagereservationmateriel #basket-container{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fond-panier-gauche.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:102px;
	width:450px;

}
/** Hack IE pour min-height */
html>body #page #pagereservationmateriel #basket-container{
	height: auto;
	min-height: 102px;
}

#page #pagereservationmateriel #basket-products{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fond-panier-centre.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:102px;
	width:450px;
	background-color:#4F79AB;
}
/** Hack IE pour min-height */
html>body #page #pagereservationmateriel #basket-products{
	height: auto;
	min-height: 102px;
}

#page #pagereservationmateriel #basket-products .product{
	clear:both;
	height:30px;
	padding-left:40px;
	width:400px;
	padding-top:2px;
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fond-ligne-panier.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
html>body #page #pagereservationmateriel #basket-products .product{
	height:auto;
	min-height:30px;
}

#page #pagereservationmateriel #basket-products .product a{
	float:right;
	margin-right:20px;
	color:#fff;
}
#page #pagereservationmateriel #basket-products .product p{
	float:left;
	color:#fff;

}
#page #pagereservationmateriel #basket-products p span{
	font-size:11px;
	font-weight:normal;
}
#page #pagereservationmateriel #basket-products p.empty-basket{
	margin-top:8px;
	font-weight:bold;
}



#page #pagereservationmateriel #basket-products .product img{
	border:none;
}
#page #pagereservationmateriel #basket-products #total{
	margin-top:10px;
	font-weight:bold;
	text-align:right;
	height:20px;
	padding-bottom:6px;
	margin-right:20px;
	color:#fff;
}
#page #pagereservationmateriel #basket-footer{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fond-bas-panier.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:8px;
	width:450px;
}

#page #pagereservationmateriel #basket #order-button{
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/reservation_materiel/fleches_marron.gif);
	background-position:4px 4px;
	background-repeat:no-repeat;
	height:22px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	background-color:#680101;
	border:none;
	font-variant:small-caps;
	padding:0px 10px 4px 40px;
	/*margin:10px 0px 0px 300px;*/
	float:right;
	margin-right:10px;
}


#page #pagereservation #back-link{
	width:auto;
	position:relative;
	top:20px;
	left:120px;
	text-decoration:none;
	background-image:url(../_media/_rubriques/location-materiel-ski-reallon/fleches_bleues.gif);
	background-position:4px 4px;
	background-repeat:no-repeat;
	height:22px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	background-color:#387FBD;
	border:none;
	font-variant:small-caps;
	padding:0px 10px 4px 70px;

}




/**
------------------------------------------------------------------------
			PORTFOLIO
------------------------------------------------------------------------
*/
#portfolio-container{
	width:718px;
	height:350px;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#1E4B79;
}

/**
------------------------------------------------------------------------
			IMAGE_PORTFOLIO
------------------------------------------------------------------------
*/
#image_portfolio-container{
	text-align:center;
}

#image_portfolio-container a{
	text-decoration:none;
	border:0px;
}
#image_portfolio-container img{
	border:0px;
}







/**				PAGE ACTUALITES
-------------------------------------------------------------------------
			Gabarits principal des pages
-------------------------------------------------------------------------
*/
#page #pageactualites
{
	position:absolute;
	width:750px;
	height:358px;
	left:200px;
	top:144px;
	z-index:6;
	background-image:url(../_media/_rubriques/actualites/fond-page-skieur.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

/**
-----------------------------------------------------------------
		Fonds de page
-----------------------------------------------------------------
*/
#page #fond-bas-actualites{
	background-image:url(../_media/_rubriques/actualites/fond-page-bas.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	height:8px;
	position:absolute;
	left:0px;
	bottom:-2px;
	z-index:2;
}

/**
-------------------------------------------------------------------
		Contenu
-------------------------------------------------------------------
*/
#page #header-actualites{
	height:74px;
	width:296px;;
	padding-right:454px;
	background-image:url(../_media/_rubriques/actualites/bg-header.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#page #header-actualites h2{
	color:#FFF;
	font-weight:bold;
	padding-top:16px;
}
#page #header-actualites h3{
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
	margin-left:20px;
}

#page #pageactualites .actualite{
	height:80px;
	width:600px;
	margin-bottom:8px;
}
html>body #page #pageactualites .actualite{
	height:auto;
	min-height:80px;
	color:#fff;
}

#page #pageactualites .actualite-top-background-0{
	height:7px;
	width:600px;
	background-image:url(../_media/_rubriques/actualites/bg-top-actualite-0.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#page #pageactualites .actualite-top-background-1{
	height:7px;
	width:600px;
	background-image:url(../_media/_rubriques/actualites/bg-top-actualite-1.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#page #pageactualites #actualiteListItemID-0{
	background-image:url(../_media/_rubriques/actualites/bg-left-actualite.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:40px;
	background-color:#2D689F;
}

#page #pageactualites #actualiteListItemID-1{
	background-image:url(../_media/_rubriques/actualites/bg-actualite-right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:40px;
	background-color:#4F79AB;
}

#page #pageactualites .actualite .date{
	font-weight:bold;
	padding:5px 10px;
}
#page #pageactualites .actualite .complet{
	font-weight:bold;
	padding:5px 10px;

}

#page #pageactualites .nav-box{
	width:560px;
	height:30px;
	position:absolute;
	bottom:10px;
	left:10px;
}
#page #pageactualites .nav-box .previous{
	height:22px;
	width:120px;
	background-color:#4F79AB;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px;
}
#page #pageactualites .nav-box .previous a{
	height:20px;
	color:#fff;
	font-weight:bold;
	padding:0px 4px 10px 60px;
	background-image:url(../_media/_rubriques/actualites/bg-button-previous.gif);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:16px;
	text-decoration:none;

}

#page #pageactualites .nav-box .next{
	height:22px;
	width:120px;
	background-color:#2D689F;
	text-align:center;
	position:absolute;
	bottom:0px;
	right:0px;
}
#page #pageactualites .nav-box .next a{
	height:20px;
	color:#fff;
	font-weight:bold;
	padding:0px 60px 10px 4px;
	background-image:url(../_media/_rubriques/actualites/bg-button-next.gif);
	background-position:top right;
	background-repeat:no-repeat;
	line-height:16px;
	text-decoration:none;
}