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

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

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



#site_haut {
	position: relative;
	vertical-align: middle;
	margin: 0px auto;
	padding:0px;
	width: 1000px;
	height:562px;
	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:10px;
}

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

#image {
	position: absolute;
	margin: 0px auto;
	width: 100%;
	height:450px;
	margin-top:112px;
	z-index: 1;
}

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

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


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


#contenu {
	position: absolute;
	left: 300px;
	top: 130px;
	width: 700px;
	height: 425px;
	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_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;
	overflow:auto;
}

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



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


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

#reservation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0 0 0 0;
	float:left;
	width: 530px;
	margin:0px 0px 0px 0px;
	backg/round-image:url(../images/fond_form_reserver-02.gif);
	backgr/ound-repeat:no-repeat;
	over/flow:hidden;

}
/*#reservation2 {
	float:left;
	width: 570px;
	height: 400px;
	margin:0px 0px 0px 0px;
	background-image:url(images/fond_form_reserver.gif);
	background-repeat:no-repeat;
}*/
/*///////////////////////////////////////   TITRES  ///////////////////////////////////*/
#titre_contact {
	float:left;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	/*margin:0px 0px 0px 30px;*/
	padding:5px 10px 0px 10px;
	border: 1px solid #e21700;
	background-color:#000;
}

#titre_mandat {
	float:left;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	/*margin:0px 0px 0px 30px;*/
	padding:5px 10px 0px 10px;
	border: 1px solid #C61436;
	background-color:#000;
}

#titre_transaction {
	float:left;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	/*margin:0px 0px 0px 30px;*/
	padding:5px 10px 0px 10px;
	border: 1px solid #A8A8A8;
	background-color:#000;
}

#titre_conciergerie {
	float:left;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	/*margin:0px 0px 0px 30px;*/
	padding:5px 10px 0px 10px;
	border: 1px solid #4EB40A;
	background-color:#000;
}


#titre_newsletter {
	float:left;
	width: 220px;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	/*margin:0px 0px 0px 30px;*/
	padding:5px 0px 0px 0px;
	border: 1px solid #BD741B;
	background-color:#000;
}

#titre_estimation {
	float:left;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	/*margin:0px 0px 0px 30px;*/
	padding:5px 10px 0px 10px;
	border: 1px solid #BD741B;
	background-color:#000;
}

#titre_catalogue {
	float:left;
	height: 20px;
	text-align:center;
	vertical-align:middle;
	/*margin:0px 0px 0px 30px;*/
	padding:5px 10px 0px 10px;
	border: 1px solid #CF1B75;
	background-color:#000;
}


/*///////////////////////////////////////   TITRES  ///////////////////////////////////*/

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

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

#reservation table td { padding:3px 2px 3px 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;
	margin: 0px 0px 20px 0px;
	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;
	
}



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


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

.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 {
	position: relative;
	float: left;
	width: 1000px;
	margin-top: 30px;
	margin-left:0px;
	
}

#menu_bas {
	position: relative;
	float: left;
	color:#9e3e40;
	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;
}


#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;
}
/* position des div bandeau du bas *********************************************************************************/

.message{
/*width:100%*/
width:520px;
height:60px;
padding: 0 0px 0 0;
background-color:#f4ede1;
border:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.date{
width:18px;
background-color:#f4ede1;
border:none;
}
.champs{
width:120px;
}