/* TEMPLATE SITE AGENCE MERIBEL NEIGES Accueil **********************************/

html {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #fff;
	background-image:url(images/bandeau_haut.gif);
	background-repeat:repeat-x;
	background-position:left top;

}

h1 { margin:0px; padding:0px; display:none;}

h2  {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	margin:0px 0px 0px -10px;
	padding-bottom:1px;
	padding-left:35px;
	line-height:20px;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;


}

h3 {
	font-size: 120%;
	color: #FFFFFF;
	font-style: normal;
	margin:1px 0px 0px 10px;
	font-weight:300;

}

h4 {
	font-size: 110%;
	color: #003bac;
	font-weight: bold;
	padding:10px 0px 10px 0px;
	margin:0px;


}

img { border:none; }



#site_haut {
	position: relative;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height:542px;
	z-index: 1000;
}

#site_bas {
	position: relative;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1000px;
	z-index: 1000;
}



/* position des div bandeau du haut *********************************************************************************/


#bandeau {
	position: relative;
	float:left;
	margin: 0px;
	width: 1000px;
}

#accueil {
	position: relative;
	float:left;
	margin: 0px;
	width:54px;
	height:18px;
	background-image:url(../images/bu_accueil.gif);
}


#accueil-en {
	position: relative;
	float:left;
	margin: 0px;
	width:54px;
	height:18px;
	background-image:url(../images/bu_accueil-en.gif);
}


#accueil-ru {
	position: relative;
	float:left;
	margin: 0px 0px 8px 0px;
}


#accueil-es {
	position: relative;
	float:left;
	margin: 0px 0px 8px 0px;
}


.aligne_droite {
	position: relative;
	float:right;
	margin-left:5px;
}

#bu_ete {
	position: relative;
	float:right;
	margin-left:5px;
	width:70px;
	height:19px;
	background-image:url(images/bu_ete.gif);
}

#bu_ete-en {
	position: relative;
	float:right;
	margin-left:5px;
	width:70px;
	height:19px;
	background-image:url(images/bu_ete-en.gif);
}

#bu_ete-ru {
	position: relative;
	float:right;
	margin-left:5px;
	width:70px;
	height:19px;
	background-image:url(images/bu_ete-ru.gif);
}

#bu_ete-es {
	position: relative;
	float:right;
	margin-left:5px;
	width:70px;
	height:19px;
	background-image:url(images/bu_ete-es.gif);
}

#bu_hiver  {
	position: relative;
	float:right;
	margin-left:5px;
	width:75px;
	height:19px;
	background-image:url(images/bu_hiver.gif);
}

#bu_hiver-en  {
	position: relative;
	float:right;
	margin-left:5px;
	width:75px;
	height:19px;
	background-image:url(images/bu_hiver-en.gif);
}

#bu_hiver-ru  {
	position: relative;
	float:right;
	margin-left:5px;
	width:75px;
	height:19px;
	background-image:url(images/bu_hiver-ru.gif);
}

#bu_hiver-es  {
	position: relative;
	float:right;
	margin-left:5px;
	width:75px;
	height:19px;
	background-image:url(images/bu_hiver-es.gif);
}

#bu_ete:hover, #bu_ete.on {
	height:25px;
	background-image:url(images/bu_ete_on.gif);
}

#bu_ete-en:hover, #bu_ete-en.on {
	height:25px;
	background-image:url(images/bu_ete-en_on.gif);
}

#bu_ete-ru:hover, #bu_ete-ru.on {
	height:25px;
	background-image:url(images/bu_ete-ru_on.gif);
}

#bu_ete-es:hover, #bu_ete-es.on {
	height:25px;
	background-image:url(images/bu_ete-es_on.gif);
}


#bu_hiver:hover, #bu_hiver.on {
	height:25px;
	background-image:url(images/bu_hiver_on.gif);
}

#bu_hiver-en:hover, #bu_hiver-en.on {
	height:25px;
	background-image:url(images/bu_hiver-en_on.gif);
}


#bu_hiver-ru:hover, #bu_hiver-ru.on {
	height:25px;
	background-image:url(images/bu_hiver-ru_on.gif);
}


#bu_hiver-es:hover, #bu_hiver-es.on {
	height:25px;
	background-image:url(images/bu_hiver-es_on.gif);
}


#accroche {
	position: relative;
	float:left;
	margin:5px 0px 0px 0px;
	left: 300px;
}

#adresse {
	background-image:url(templates/ja_purity/images/rect-gris.png);
	font-size: 90%;
	position: relative;
	float:right;
	width:370px;
	text-align:right;
	margin-top:20px;
}

#image {
	position: absolute;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height:440px;
	z-index: 0;
	left:0px;
	overflow: visible;
}

#fr a {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_fr.gif);
    border: 0;
}

#fr_on {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_fr_on.gif);
    border: 0;
}

#fr a:hover {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_fr_on1.gif);
    border: 0;
}


#eng a  {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_eng.gif);
    border: 0;
}

#eng_on {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_eng_on.gif);
    border: 0;
}

#eng a:hover {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_eng_on1.gif);
    border: 0;
}

#pyc a {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_pyc.gif);
    border: 0;
}

#pyc_on {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_pyc_on.gif);
    border: 0;
}

#pyc a:hover {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_pyc_on1.gif);
    border: 0;
}

#esp a {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_esp.gif);
    border: 0;
}

#esp_on {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_esp_on.gif);
    border: 0;
}

#esp a:hover {
	float:right;
	margin-left:5px;
	width: 35px;
    height: 18px;
    background: url(images/bu_esp_on1.gif);
    border: 0;
}



/* MENU PRINCIPAL *********************************************************************************/

#menu {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 262px;
	height: 562px;
	z-index: 10000000;
	overflow: visible;
}

.fond_gris {
	background-color:#5C5A5A;

}

#fond_menu {
	float:left;
	background-color:#ffffff;
	width: 262px;
	margin-top:5px;
}

#fond_menu ul li {
	background-image:none;
	color:#000000;
/* 	font-size:110%; */
	font-weight:bold;
	height:22px;
	list-style-type:none;
	padding-left:0;
	text-decoration:none;
	text-transform:uppercase;
}

#menu ul { padding:10px 0px; margin: 0px; list-style-type: none; line-height:20px;  }

.menu_principal {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

a.menu_principal:link, a.menu_principal:visited, a.menu_principal:hover {
	text-decoration:none;
}

h2:link, h2:visited, h2:hover {
	text-decoration:none;
}

.bleu:hover { background-image:url(images/fond_bleu.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.caramel:hover { background-image:url(images/fond_caramel.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.gris:hover { background-image:url(images/fond_gris.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.rouge:hover { background-image:url(images/fond_rouge.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.magenta:hover { background-image:url(images/fond_magenta.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.vert:hover { background-image:url(images/fond_vert.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.orange:hover { background-image:url(images/fond_orange.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.violet:hover { background-image:url(images/fond_violet.gif); background-position:bottom 0px; background-repeat:no-repeat; }
.jaune:hover { background-image:url(images/fond_jaune.gif); background-position:bottom 0px; background-repeat:no-repeat; }


.menu_blanc {
	font-size: 80%;
	color: #ffffff;
	margin:0px 0px 0px 30px;
	text-transform: uppercase;
}

a.menu_blanc:link, a.menu_blanc:visited, a.menu_blanc:hover {
	text-decoration:none;
}

#reserver img {
	margin-left:20px;
}



/* Mouvement Reserver votre séjour *********************************************************************************/

#reserver {
	float: left;
	background-color: #000000;
	width: 262px;
	height: 20px;
	margin:0px;
	padding-top: 5px;
	overflow: visible;

}

.reserver_sejour {
	width: 262px;
	z-index: 10000000;
	overflow: visible;
	display:block;
	z-index:10000000000000;
}

dl.reserver_sejour
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display:block;
}

dl.reserver_sejour dd
{
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	width:262px;
	display:block;
}

dl.reserver_sejour dd ul table
{
	margin-left: 28px;
	margin-left: 0 !important;
	margin-top: -25px;
	margin-top: -10px !important;
	padding: 0px;
}

dl.reserver_sejour
{
	fl/oat: left;
	width: 261px;
	cursor: pointer;
	display:block;
	position:absolute;
	left:0;
	top:390px;
	top:370px !important;

}

dl.reserver_sejour dd ul
{
	width: 140px;
	height:80px;
	margin: 0px auto;
	padding-top:-30px;
	list-style-type: none;
}

.txt_table {
	font-size: 70%;
	color: #ffffff;
	padding-left:5px;
	text-transform: uppercase;
}

body.fs2 {
font-size:11px;
}

td, div {
font-size:100%;
}


#recherche_arkiane select {
/* 	width:150px; */
}

.form {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	width:100%;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	background-color: #7C6E66;
	border:none;
	margin:0px;
	padding:1px 5px 0 0;
	text-indent:4px;
}

#offres {
	float: left;
	width: 262px;
	height: 20px;
	margin:81px 0px 0px 0px;

}

*+html #offres, * html #offres {
/* 	margin-top:78px; */
}

/* position du contenu *********************************************************************************/


#contenu {
	position: absolute;
	left: 300px;
	top: 130px;
	width: 700px;
	height: 425px;
	background-color:#313131;
	background-image:url(images/fond_scroll.gif);
	background-position:right;
	background-repeat:repeat-y;
	z-index: 10000000;
}

#sous_menu {
	float:left;
	width: 700px;
	height: 50px;
	margin:-10px 0px 0px 20px;
	padding:0px;
}

.txt_sous_menu {
	font-size: 110%;
	color: #FFFFFF;
	text-decoration:none;
}

#sous_menu ul { margin:0px; padding: 0; list-style-type: none; text-align: center;  }
#sous_menu li { display: block; float:left; padding:30px 10px 0px 10px; margin:0px 0px 0px 10px; height:20px; }

.sous_menu_bleu:hover { background-color:#003BAC; }
.sous_menu_caramel:hover { background-color:#BD741B; }

.sous_menu_bleu_on { background-color:#003BAC; }
.sous_menu_caramel_on { background-color:#BD741B; }

#content_txt {
	float:left;
	width: 570px;
	height: 315px;
	margin:30px 20px 0px 40px;
	padding:30px 20px 10px 40px;
	background-image:url(images/fond_content.gif);
	background-repeat:no-repeat;
}

#content {
	float:left;
	width: 600px;
	height: 315px;
	margin:30px 20px 0px 40px;
	padding:5px;
	overflow:auto;
}



.txt_blanc {
	font-size: 100%;
	color: #FFFFFF;
}

.titre_blanc {
	font-size: 160%;
	color: #FFFFFF;
	font-weight:bold;
}




/* SCROLLBAR contenu *********************************************************************************/


#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 570px;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}






/* position des div bandeau du bas *********************************************************************************/


#pictos {
	position: relative;
	float:left;
	width:355px;
	text-align:right;
	margin:0px 15px 0px -10px;
	background-color:#FFFFFF;
}

.bu_bas {
	position: relative;
	float: left;
	height: 25px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom:0px;
	padding-left: 15px;
	padding-right: 30px;
	padding-top: 8px;
	padding-bottom:0px;
	background-image: url(images/fond_bu_bas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-left: 1px solid #9e3e40;
}

.bu_bas_droite {
	position: relative;
	float: left;
	height: 25px;
	margin-left: 5px;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 8px;
	background-image: url(images/fond_bu_bas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-left: 1px solid #9e3e40;
}
.bu_bas_droite span {
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
	padding-bottom:0;
	padding-left:0;
	padding-right:10px;
	position:relative;
	top:10px;
}

/* .bu_bas_droite { display:none } */



.txt_bu {
	font-size: 10.5px;
	color: #5B5959;
	font-weight: bold;
	text-transform: uppercase;
}

a.txt_bu:link, a.txt_bu:visited {
	text-decoration:none;
}

a.txt_bu:hover {
	color:#000000;
}

.encarts {
	font-size: 90%;
	line-height:12px;
	color:#000000;
	position: relative;
	float: left;
	width: 1000px;
	margin-top: 0px;
	margin-left:-10px;
}

.lien_encarts {
	color: #000000;
}


a.lien_encarts:hover, a.lien_encarts.active {
	color:#003BAC;
}

.encarts td { padding: 0px 20px 10px 30px; }

#menu_bas {
	position: relative;
	float: left;
	color:#9e3e40;
	text-align:center;
	width: 1000px;
	margin-top: 30px;
	margin-left:0px;

}

.menu_bas {
	font-size: 75%;
	color: #000000;
	margin:0px 0px 0px 0px;
	text-transform: uppercase;
}

a.menu_bas:link, a.menu_bas:visited, a.menu_bas:hover {
	text-decoration:none;
}

a.menu_bas:hover, a.menu_bas.active {
	color: #5C5A5A;
}


#pied {
	position: relative;
	float: left;
	text-align:center;
	vertical-align:middle;
	width: 100%;
	margin-top: 30px;
	margin-left:0px;
	background-image:url(images/fond_pied.gif);
	background-repeat:repeat-x;

}

#container-pied {
	position: relative;
	width: 1000px;
	text-align:center;
	margin: 0px auto;

}

.logo_pied {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	text-align:center;

}

.txt_pied {
	position: relative;
	float: left;
	margin-right:30px;
	margin-left:15px;
	margin-top:20px;

}

.im_pied {
	position: relative;
	float: right;


}
.txt_copyrights {
	position: relative;
	float: right;
	margin-right:0px;
	margin-top:20px;
	width:300px;

}

.copyrights {
	font-size: 70%;
	color: #000000;
	margin:0px 0px 0px 0px;
}

a.copyrights:link, a.copyrights:visited, a.copyrights:hover {
	text-decoration:none;
}




/* position des div Reservation en ligne *********************************************************************************/


#reservation {
	float:left;
	width: 570px;
	height: 210px;
	margin:0px 0px 0px 0px;
	background-image:url(images/fond_form_reserver.gif);
	background-repeat:no-repeat;
	overflow:auto;
}

#titre_reservation {
	float:left;
	width: 170px;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	margin:0px 0px 0px 30px;
	padding:5px 0px 0px 0px;
	border: 1px solid #BD741B;
	background-color:#313131;
}

#reservation table {
	float:left;
	width: 540px;
	margin:10px 0px 0px 30px;
	color:#000000;
}

#champs {
	float:left;
	width: 200px;
	margin:10px 0px 0px 30px;
	color:#CCCCCC;
}

#reservation table td { padding:2px 2px 2px 5px; }

.resultat {
	float:left;
	width: 540px;
	height:130px;
	margin:0px 0px 20px 30px;
	border-top: 1px solid #BD741B;
	color:#FFFFFF;
}

.titre_resultat {
	float:left;
	width: 540px;
	height:20px;
	margin:10px 0px 10px 30px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
}

.resultat img {
	float:left;
	margin:5px 20px 0px 0px;
}

.references {
	float:right;
	width: 350px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:right;
	color:#FFFFFF;
}

.plus_infos {
	color:#BD741B;
	font-style:italic;
	font-weight:bold;
}

.vignette {
	float:left;
	width: 151px;
	margin:0px 20px 0px 0px;
}

.prix {
	float:left;
	width: 145px;
	height:15px;
	padding:2px 2px 2px 5px;
	margin:0px 0px 0px 0px;
	background-color:#666666;
	font-weight:bold;
	font-size: 90%;
}

.div_noir {
	float:left;
	height:18px;
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px 0px;
	background-color:#000000;
	font-weight:bold;
}

.bu_reserver {
	float:right;
	width:100px;
	height:18px;
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px 0px;
	background-color:#000000;
	text-align:center;
}



/* PAGE PRODUIT *********************************************************************************/



#site_produit {
	position: relative;
	vertical-align: middle;
	margin: 20px auto;
	padding: 0px;
	width: 1000px;
	height:693px;
	overflow:hidden;
}

#image_produit {
	float:left;
	width:560px;
	margin: 0px 0px 0xp 0px;
	padding: 0px 0px 0xp 0px;
}


#image_produit_img {
	float: left;
	width: 550px;
	height: 550px;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 25px 0px;

}

#image_produit_img img{
	margin:auto auto;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	background-color: #CCCCCC;
}

#txt_produit {
	float:left;
	width:440px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/fond_txt_produit.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

#navigation_produit {
	float:left;
	width:440px;
	margin: 0px;
	padding:0px;
	text-align:right;
	color:#FFFFFF;

}

.bu_navigation_produit {
	float:right;
	width:100px;
	margin: 0px 0px 0px 5px;
	padding:5px;
	background-color:#CCCCCC;
	text-align:center;
	color:#666666;
	font-weight:bold;
	font-size:90%;
}

#bandeau_prix {
	float:left;
	width:440px;
	height:40px;
	margin: 20px 0px 20px 0px;
	padding:0px;
	text-align:left;
	color:#FFFFFF;
	background-color:#2F2F2F;

}

.prix_produit {
	float:left;
	width:120px;
	height:20px;
	margin: 5px 30px 0px 30px;
	padding:0px;
	text-align:left;


}

#bandeau_prix img {
	float:left;
	margin: 2px 30px 2px 0px;
	text-align:left;

}

#ajouter {
	float:left;
	margin: 10px 0px 2px 30px;
	text-align:left;
	color:#FF9900;

}

#txt_ficheproduit {
	float:left;
	width:400px;
	height:380px;
	margin: 0px;
	padding:10px 5px 10px 30px;
	text-align:left;
	overflow:auto;
	color:#2F2F2F;

}

.titre_produit {
	font-size: 130%;
	color: #FF9900;
	font-weight: bold;
	text-transform: uppercase;
}


.sous_titre_produit {
	font-size: 110%;
	font-weight: bold;
	color:#000000;
}

#num_image_produit_gauche { float:left; height:20px; margin: 0px 0px 0xp 0px; padding: 0px 0px 0xp 0px; }
#num_image_produit_droite { float:right; height:20px; margin: 0px 0px 0xp 0px; padding: 0px 0px 0xp 0px; }
#num_image_produit { float:left; width:560px; margin: 0px 0px 0xp 0px; padding: 0px 0px 0xp 0px; text-align:center; }

#menu_produit {
	float:left;
	width:400px;
	padding: 0px;
	margin:50px 5px 10px 30px;
	text-align:left;
	color:#2F2F2F;
	font-size:95%;

}

.txt_menu_produit {
	color:#FF9900;
	text-transform:uppercase;
	margin:0px 15px 0px 15px;
	text-decoration:none;

}

#sous_menu_produit {
	float:left;
	width:400px;
	padding: 0px;
	margin:5px 0px 10px 30px;
	text-align:left;
	color:#CCCCCC;
	font-size:90%;

}

.txt_sous_menu_produit {
	color:#CCCCCC;
	margin:0px 20px 0px 0px;
	text-decoration:none;

}

#bu_noir_droite {
	float:right;
	width:120px;
	padding: 5px;
	margin:20px 0px 0px 0px;
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;
	font-size:110%;
	font-weight:bold;

}

#bu_noir_gauche {
	float:left;
	width:100px;
	padding: 5px;
	margin:20px 0px 0px 0px;
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;

}