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

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

}
a:hover, a:active, a:focus {
  color:#333333;
  text-decoration:underline;
}

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: #4f3412;
	font-weight: bold;
	padding:10px 0px 10px 0px;
	margin:0px;


}

img { border:none; }

button {cursor:pointer;}


.button_search{
    color:#eeeeee;
    background-color:#000;
    border:none;
    cursor:pointer;
}
.button_search:hover{
    background-color:#eeeeee;
    color:#000;
}

#btnBackSearch{
    color:#fff;
    background:none;
    border:none;
    font-weight: bold;
}



#site_haut {
	position: relative;
	vertical-align: middle;
	margin: 0px auto;
	padding:0px;
	width: 1000px;
	height:542px;
	overflow:hidden;
	z-index: 1000;
}
#site_bas {
	position: relative;
	vertical-align: middle;
	margin: 0px auto;
	padding: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;
}

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

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

#adresse {
	position: relative;
	float:right;
	width:320px;
	text-align:right;
	margin-top:30px;
}

#image {
	position: absolute;
	margin: 0px auto;
	width: 100%;
	height:440px;
	margin-top:102px;
	z-index: 1;
	background-image:url(../images/image_location.jpg);
}


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

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

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

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

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

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

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

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



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

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

.fond_gris {
	background-color:#5C5A5A;

}

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

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

.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 -40px; background-repeat:no-repeat; }
.caramel:hover { background-image:url(../images/fond_caramel.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.gris:hover { background-image:url(../images/fond_gris.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.rouge:hover { background-image:url(../images/fond_rouge.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.magenta:hover { background-image:url(../images/fond_magenta.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.vert:hover { background-image:url(../images/fond_vert.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.orange:hover { background-image:url(../images/fond_orange.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.violet:hover { background-image:url(../images/fond_violet.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.jaune:hover { background-image:url(../images/fond_jaune.gif); background-position:bottom -40px; background-repeat:no-repeat; }

.bleu_on { background-image:url(../images/fond_bleu.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.caramel_on { background-image:url(../images/fond_caramel.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.gris_on { background-image:url(../images/fond_gris.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.rouge_on { background-image:url(../images/fond_rouge.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.magenta_on { background-image:url(../images/fond_magenta.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.vert_on { background-image:url(../images/fond_vert.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.orange_on { background-image:url(../images/fond_orange.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.violet_on { background-image:url(../images/fond_violet.gif); background-position:bottom -40px; background-repeat:no-repeat; }
.jaune_on { background-image:url(../images/fond_jaune.gif); background-position:bottom -40px; background-repeat:no-repeat; }

.menu_blanc {
	font-size: 100%;
	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;
	padding-top: 5px;
    overflow:visible;
    padding-top:5px;
/*     width:262px; */
}

.reserver_sejour {
	width: 262px;
	z-index: 10000000;
}

dl.reserver_sejour
{
	margin: 0px;
	padding: 0px;
}

dl.reserver_sejour dd
{
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}

dl.reserver_sejour dd ul table
{
	margin-left: -5px;
	margin-top: -10px;
	padding: 0px;
}

dl.reserver_sejour
{
	float: left;
	width: 261px;
	cursor: pointer;
}

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

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

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


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


#contenu {
	position: absolute;
	left: 300px;
	top: 130px;
	width: 700px;
	height: 405px;
	background-color:#313131;
	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 li a {
  color:#FFFFFF;
  font-size:110%;
  text-decoration:none;
}

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

.sous_menu_magenta_on { background-color:#FF2598; }
.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;
	backg/round-image:url(../images/fond_content.gif);
	backgr/ound-repeat:no-repeat;
	overflow:auto;
}

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



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

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



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

#arkiane_error{
  margin:50px 0px 0px 0px;
}

#arkiane_standing_loading{
  float:left;
  text-align:center;
  width:540px;
  margin-top:0px;
}
#arkiane_ref{
  float: left;
  font-size: 11px;
  width:100px;
  margin-right: 0px;
}
#reservation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	height: 190px;
	margin:5px 0;
/* 	background-image:url(../images/fond_form_reserver.gif); */
	background-repeat:no-repeat;
	overflow:hidden;
	width:560px;
}

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

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

#titre_reservation_catalogue{
  border: 1px solid #FF2598;
  width: 250px;
}

#reservation table {
	float:left;
	width: 530px;
	margin:10px 0px 0px 10px;
	color:#000000;
  font-size:100%;
}

.form-text {
  background-color:#c3b195;
  color:#000000;
}

.form-input{
  background-color:#c3b195;
}

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

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

.resultat, .resultat_catalogue {
    clear:both;
	width: 560px;
	height:100px;
	margin:0px 0px 0px 0px;
	border-top: 1px solid #BD741B;
	color:#FFFFFF;
}
.resultat_catalogue {
  	border-top: 1px solid #FF2598;

}
.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;
}



.titre	{float:left;width:260px;height:70px;background:green;margin-top:10px;}

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

.plus_infos {
  background:none;
  border:none;
  color:#BD741B;
  font-style:italic;
  font-weight:bold;
  cursor:pointer;
}
.plus_infos:hover{
  color:#edb26a;
}


.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 , .bu_reserver_produit, .bu_reserver_resa{
  background-color:#000000;
  border:medium none;
  color:#EEEEEE;
  float:right;
  height:18px;
  margin:0;
  text-align:center;
  width:100px;
  cursor:pointer;
}
.bu_reserver:hover, .bu_reserver_produit:hover, .bu_reserver_resa:hover{
  color:#000;
  background-color:#EEEEEE;
}
.bu_reserver_produit{
  width:156px;
}
.bu_reserver_resa{
  width:160px;
  height:25px;
}

/* SCROLLBAR *********************************************************************************/



#mycustomscroll {
width: 400px;
height: 350px;
overflow: auto;
position: relative;
}

#mycustomscroll_loc {
width: 600px;
height: 350px;
overflow: auto;
position: relative;
}


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

#site_produit {
	position: relative;
	vertical-align: middle;
	margin: 15px auto;
	padding:0px;
	width: 1000px;
	hei/ght:595px;
	overflow:hidden;

}

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

#image_produit img{
	float:left;
	margin: 0px 0px 20px 0px;
	padding:8px;
	background-color:#CCCCCC;
}

#main_image img{
	padding:8px;
	background-color:#CCCCCC;
}


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

#navigation_produit {
	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:right;
	width:440px;
	height:40px;
	margin: 0px 0px 0px 0px;
	left:540px;
	text-align:left;
	color:#FFFFFF;
	background-color:#2F2F2F;

}

.prix_produit {
	float:left;
	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:400px;
	height:356px;
	margin: 0px;
	margin-bottom:44px;
	padding:10px 5px 15px 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:33px 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;

}

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

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

}
#sous_menu_produit a:hover, #sous_menu_produit a:active, #sous_menu_produit a:focus {
  color:#eeeeee;
}

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

}

#validation_produit{
  clear:both;
}

#bg_produit{
  backgr/ound-image:url(../images/fond_produit.gif);
	back/ground-repeat:repeat-x;
	float:left;
  height:90px;
  marg/in-top:45px;
}

#bg_right_produit{
	width:1px;
	height:382px;
	position:absolute;
	margin-left:428px;
	border-right:1px solid #DFBF94;
}

#bu_noir_droite {
	float:right;
}

#bu_noir_gauche {
  background-color:#000000;
  color:#FFFFFF;
  float:left;
  text-align:center;

}


#presta_apres{
  clear:both;
  background-color:#fff;

}
.presta_info {
  display:none;
}

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


#pictos {
	position: relative;
	float:left;
	margin-left:250px;
	margin-top:0px;
	margin-right:30px;
}

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

.txt_bu {
	font-size: 90%;
	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:0px;
}

.table_encarts { padding: 0px 20px 10px 30px; }

.encarts h4 {
  color:#003BAC;
  text-transform:uppercase;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}
.encarts span {
  color:#000000;
  font-size:100%;
}

#menu_bas {
	position: relative;
	float: left;
	color:#9e3e40;
	width: 1000px;
	margin-top: 0px;
	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;
}


#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:left;
	margin: 0px auto;

}

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

}

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

}

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

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

div#liens_bottom	{
}

div#liens_bottom div{
	position:relative;
	top:-104px;
}


