@charset "UTF-8";

/* --------------------------------------------------------
    Créé par: Matthieu Tandonnet
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * {
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	}

    body {
	background-color: #EEF3CD; 
	font: 13px Georgia, Times New Roman, serif;
	color: #363636;
	margin: 0;
	padding: 0;
	text-align: center;
	}

    hr, .hide { display: none; }
    div.clearer { clear: both; height: 0px; overflow: hidden; }
    div.container_clearer { width: 100%; overflow: hidden; }

    a { color: #3868b6; }
    a:hover { color: #060606; }

    input, select, textarea { font: 13px Georgia, Times New Roman, serif; padding: 2px; }
    select { padding: 1px; }

    ul { list-style: none; }
    
    img {
	border: 0px;
}


/* --------------------------------------------------------
    Haut animation
   -------------------------------------------------------- */
   
    div#haut_anim { width: 100%; overflow: hidden; height: 240px; }
    div#haut_anim_placement { width: 950px; margin: 0 auto; text-align: center; background: url("../images/bg_corps.jpg") repeat-y top left; }
	div#haut_anim_placement_top { background: url("../images/corps_top.jpg") no-repeat top left; padding-top:4px; }
    div#haut_anim_placement_bottom { background: url("../images/corps_bottom.jpg") no-repeat bottom left; height: 236px; }
    
/* --------------------------------------------------------
    Menu
   -------------------------------------------------------- */
    div#menu { width: 100%; overflow: hidden; height: 57px; }
    div#menu_placement { width: 950px; margin: 0 auto; text-align: center; background: url("../images/bg_corps.jpg") repeat-y top left; }
	div#menu_placement_top { background: url("../images/corps_top.jpg") no-repeat top left; padding-top:4px; }
    div#menu_placement_bottom { background: url("../images/corps_bottom.jpg") no-repeat bottom left; height: 50px; }

    /* Set nav style */
    #nav, #nav ul { padding: 0; margin: 0; list-style: none; text-align: left; padding-left:4px;}
    #nav a { display: block; }
    #nav li { float: left; }
    #nav li ul { position: absolute; width: 190px; left: -999em;  }
    #nav li:hover ul, #nav li.sfhover ul { left: auto; }
    
    /* Onglets du menu */

    #nav_01, #nav_02, #nav_03, #nav_04, #nav_05, #nav_06, #nav_07, #nav_08 { height: 47px; }
    div#menu #nav_01 { width: 192px; background: url("../images/menu.png") no-repeat 0 0; }
    div#menu #nav_02 { width: 199px; background: url("../images/menu.png") no-repeat -192px 0; }
    div#menu #nav_03 { width: 210px;  background: url("../images/menu.png") no-repeat -391px 0;; }
    div#menu #nav_04 { width: 168px; background: url("../images/menu.png") no-repeat -601px 0; }
    div#menu #nav_05 { width: 173px; background: url("../images/menu.png") no-repeat -769px 0; }

    div#menu .nav_01_active #nav_01, div#menu #nav_01:hover { background-position: 0 -47px; }
    div#menu .nav_02_active #nav_02, div#menu #nav_02:hover { background-position: -192px -47px; }
    div#menu .nav_03_active #nav_03, div#menu #nav_03:hover { background-position: -391px -47px; }
    div#menu .nav_04_active #nav_04, div#menu #nav_04:hover { background-position: -601px -47px; }
    div#menu .nav_05_active #nav_05, div#menu #nav_05:hover { background-position: -769px -47px; }
    
    /* Sous menu */
    #nav ul.nav_sub { text-align: center; padding-top:1px; }
    #nav ul.nav_sub li {
	width: 185px;
	background: transparent url("../images/fondTR.png") repeat;
	border:0px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	color:#333333;
	}
   
    #nav ul.nav_sub li a {
	display: block;
	font-size: 13px;
	width: 170px;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	border-bottom: 1px solid #e5e8e9;
	color:#333333;
	}
   
    #nav ul.nav_sub li a:hover {
	background-image: none;
	background-color: #796759;
	color:#FFffff;
	}
    
    
/* --------------------------------------------------------
    Contenu
   -------------------------------------------------------- */
   
/*  Contenu général
   -------------------------------------------------------- */
    
    div#contenu { width: 100%; min-height: 580px; }
    div#contenu_placement { width: 950px; margin: 0 auto; text-align: left; background: url("../images/bg_corps.jpg") repeat-y top left; }
    div#contenu_placement_top { background: url("../images/corps_top.jpg") no-repeat top left; }
    div#contenu_placement_bottom { background: url("../images/corps_bottom.jpg") no-repeat bottom left; min-height: 580px; }

    
/*  Contenu sur le côté
   -------------------------------------------------------- */
   
    div#contenu_cote { float: left; width: 255px; padding: 40px 0 100px 15px; }
    
    div#contenu_cote .left_padding { margin-left: 13px; }
    div#contenu_cote h2 { background: url("../images/content_left_title_bg.gif") no-repeat center left; padding-left: 23px; color: #5e6d70; font-weight: normal; font-size: 20px; margin-bottom: 5px; }

    div#contenu_cote img { margin-bottom: 25px; }
    div#contenu_cote_icone img {
	margin-bottom: 10px;
	vertical-align:middle;
	}
	
    div#contenu_cote ul.contenu_cote_menu { padding-bottom: 20px; width:225px; }
    div#contenu_cote ul.contenu_cote_menu li { border-bottom: 1px solid #e9e5da;width:225px; }
    div#contenu_cote ul.contenu_cote_menu li a { display: block; padding: 6px; font-size: 14px; color: #9b9b9b; text-decoration: none; width:225px;}
    div#contenu_cote ul.contenu_cote_menu li a:hover, div#contenu_cote ul.contenu_cote_menu li a.contenu_cote_menu_on {
	background: url("../images/content_left_menu_on.gif") repeat-y;
	color: #333333; width:225px;
	}
    div#contenu_cote ul.contenu_cote_menu li a.contenu_cote_menu_on { font-weight: bold; }
    
    div#contenu_cote div.contact{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e9e5da; }
    div#contenu_cote div.contact p { color: #9b9b9b; padding: 5px 0; }
    div#contenu_cote div.contact input#email-input { width: 142px; height: 21px; background: url("../images/newsletter_email_bg.gif") no-repeat; padding: 6px 7px 0 7px; margin: 0px; border: 0px; }
    
    div.contenu_cote_reduction { padding-bottom: 15px; }
    
/*  Contenu principal
   -------------------------------------------------------- */
   
    div#contentu_principal { float: right; width: 665px; padding: 30px 15px 40px 0; }
    
    div#contentu_principal h2 { font-size: 28px; color: #5e6d70; font-weight: normal; background: url("../images/content_main_title_bg.gif") no-repeat center right; margin-bottom: 15px; }
    div#contentu_principal h2 span { padding-left: 10px; }
    div#contentu_principal h3 { font-size: 24px; color: #5e6d70; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; }
    div#contentu_principal h4 { font-size: 18px; color: #5e6d70; font-weight: normal; padding-bottom: 15px; } 
    div#contentu_principal p.text_block { line-height: 1.5em; padding-bottom: 15px; }
    div#contentu_principal p.more_padding { padding-bottom: 25px; }

    div#contentu_principal ul.bullet_list { padding: 0 12px 6px 12px; }
    div#contentu_principal ul.bullet_list li { padding: 0 0 10px 20px; background: url("../images/icon_bullet.gif") no-repeat 0 3px; }
    
    div#contentu_principal p.breadcrumb { padding-top: 10px; text-align: right; }
    div#contentu_principal p.breadcrumb a { padding: 0 4px; }
    div#contentu_principal p.breadcrumb a.breadcrumb_on { text-decoration: none; font-weight: bold; color: #000; }


/*  Contenu principal général - Table Styles
   ---------------------------------------------------------*/

	div#contentu_principal table {
	border-collapse: collapse;
	width:100%;
	border-color: E2E6C2;
	border: 2;
	}
	
	div#contentu_principal tr, div#contentu_principal td, div#contentu_principal th {
	padding: 8px;
	border: 2px solid #E2E6C2;
	}
	div#icone table, div#icone tr, div#icone td {
	border: 0;
	padding: 8px;
	color: #828282;
	font-weight: bold;
	vertical-align:middle;
	}
	div#contentu_principal tfoot {background: #fcfcfc;}
	div#contentu_principal th {
	font-weight: bold;
	color: #828282;
	background: url(/images/tables_bg_thead.gif) repeat-x top;
	background-color: #EEF3CD;
	}
	
	div#tableauinfo table {
	border-collapse: collapse;
	width:100%;
	border-color: #847d71;
	border: 2;
	vertical-align:text-bottom;
	}
	
	div#tableauinfo tr, div#tableauinfo td, div#tableauinfo th {
	padding: 8px;
	border: 2px solid #847d71;
	}
	div#icone table, div#icone tr, div#icone td {
	border: 0;
	padding: 8px;
	color: #999999;
	font-weight: bold;
	vertical-align:middle;
	}
	div#tableauinfo tfoot {background: #fcfcfc;}
	div#tableauinfo th {
	font-weight: bold;
	color: #ffffff;
	background: url(/images/tables_bg_thead.gif) repeat-x top;
	background-color: #968976;
	}

	.price {font-size: medium; font-weight: bold ;}
	
/*  Content Accomodations
   -------------------------------------------------------- */

    div#contentu_principal p.data_sort { width: 100%; overflow: hidden; height: 33px; background: url("../images/data_sort_bg.gif") repeat-x; }
    div#contentu_principal p.data_sort a { display: block; float: left; width: 126px; height: 23px; text-align: center; padding-top: 10px; margin-right: 3px; }
    div#contentu_principal p.data_sort a:hover, div#content_main p.data_sort a.data_sort_on { background: url("../images/data_sort_on.gif") no-repeat; color: #060606; text-decoration: none; }
    div#contentu_principal p.data_sort a.data_sort_on  { font-weight: bold; }
   
    div#contentu_principal p.data_show { padding: 8px 15px; border-bottom: 1px solid #f3f3f3; margin-bottom: 18px; }
    div#contentu_principal p.data_show span { font-weight: bold; padding-right: 5px; }
    div#contentu_principal p.data_show a, div#content_main p.data_show strong { padding: 0 5px; }
    
    div#contentu_principal div.content_main_box { background: url("../images/content_main_box_top.gif") no-repeat top left; }
    
    div#contentu_principal div.data_top_item {
	padding-left: 15px;
	border-bottom: 1px solid #f3f3f3;
	margin-left: 15px;
	margin-top: 20px;
	padding-bottom: 15px;
	}
	div#contentu_principal div.data_top_item2 {
	padding-left: 15px;
	border-bottom: 1px solid #f3f3f3;
	margin-top: 20px;
	padding-bottom: 15px;
	}
	div#contentu_principal div.data_top_dernier_item {
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 25px;
	}
	div#contentu_principal div.data_top_item2 div.data_top_photo {
	float: left;
	width: 160px;
	padding: 0px;
	}
    div#contentu_principal div.data_top_item2 div.data_top_photo img {
	border: 1px solid #e0e0e0;
	background: #fff;
	padding:1px;
	margin-right: 10px;
	margin-bottom: 0px;
	}    
    div#contentu_principal div.data_top_item2 div.data_top_infos {
	margin-left: 165px;
	width: 453px;
	vertical-align: top;
	padding-bottom:10px;
	} 
    div#contentu_principal div.data_top_item2 div.data_top_infos h3 { font-size: 15px; padding-bottom: 10px; font-weight:bold; margin-bottom:0px; border-bottom:none;}

	div#contentu_principal div.data_top_dernier_item div.data_top_photo {
	float: left;
	width: 160px;
	padding: 0px;
	}
    div#contentu_principal div.data_top_dernier_item div.data_top_photo img {
	border: 1px solid #e0e0e0;
	background: #fff;
	padding:1px;
	margin-right: 10px;
	margin-bottom: 0px;
	}    
    div#contentu_principal div.data_top_dernier_item div.data_top_infos {
	margin-left: 165px;
	width: 453px;
	vertical-align: top;
	padding-bottom:10px;
	} 
    div#contentu_principal div.data_top_dernier_item div.data_top_infos h3 { font-size: 15px; padding-bottom: 10px; font-weight:bold; margin-bottom:0px; border-bottom:none;}

    div#contentu_principal div.data_top_item div.data_top_infos p { padding-bottom: 7px; line-height: 16px; }
    div#contentu_principal div.data_top_item div.data_top_infos p strong.left_space { padding-left: 6px; }
    div#contentu_principal div.data_top_item div.data_top_infos p img { vertical-align: middle; }
    
    div#contentu_principal div.data_item { padding: 10px 15px 15px 15px; border-bottom: 1px solid #f3f3f3; margin-bottom: 5px; }
    div#contentu_principal div.data_item h4 {  font-size: 15px; padding-bottom: 5px; }
    div#contentu_principal div.data_item h4 a { color: #5e6d70; text-decoration: none; }
    div#contentu_principal div.data_item h4 img { padding: 4px 0 0 10px; }
    div#contentu_principal div.data_item p { padding-bottom: 3px; line-height: 16px; }
    div#contentu_principal div.data_item p .left_space { padding-left: 6px; }
    
    div#contentu_principal div.data_pagination { margin: 10px 0 15px 0; background-color: #f3f3f3; padding: 5px 15px 7px 15px; }
    div#contentu_principal div.data_pagination p.data_result { float: left; }
    div#contentu_principal div.data_pagination p.data_pages { float: right; font-size: 11px; }
    div#contentu_principal div.data_pagination p.data_pages a { text-decoration: none; padding: 0 2px; font-size: 13px; }
    div#contentu_principal div.data_pagination p.data_pages a.data_pages_on { font-weight: bold; color: #000; }
    div#contentu_principal div.data_pagination p.data_pages img { vertical-align: middle; }
	

/*  Page index, présentation chalets
   -------------------------------------------------------- */

	.apercuchalet{ margin:14px 0 10px 15px !important; margin:14px 0 10px 10px; width:195px; float:left; }

	.antiFloat{ height:1px; background-color:#FFF; clear:both; line-height:0px; visibility:hidden; font-size:1px; line-height:0px; margin-bottom:-1px; margin-top:10px; }

	div#caracteristique { margin-left:50px; vertical-align: text-bottom; }
	div#caracteristique img{ margin-bottom:3px; }
	div#caracteristique2 {margin-left:70px;}
	
/*  Photos activités sur place
   -------------------------------------------------------- */
 
    div#photoactiviteplace img {margin-left:30px; border: 1px solid #e0e0e0; background: #fff; padding:1px;}
	
/*  Page évenements
   -------------------------------------------------------- */
    
	div#lienevenement {width:580px;}
	
/*  Page admin
   -------------------------------------------------------- */
   
   	div#contentu_principal_admin {
	width: 865px;
	padding: 30px 15px 40px 50px;
	}
	
	.englobeimage{width:875px;}
	.apercureduction{
	margin:20px 0px 30px 31px !important;
	margin:20px 0px 30px 31px;
	width:250px;
	float:none;
}
	.apercureduction2{ margin:40px 325px 0px 300px !important; margin:40px 325px 0px 300px; width:250px; float:left; }
	
	div#textereduction{text-align:center; font-size:16px; margin:30px 0 0 0; width:875px; }
	div#boutonvalider{
	text-align:center;
	font-size:16px;
	margin:30px 0 0 0;
	width:875px;
	position: absolute;
}

/* --------------------------------------------------------
	Bas de page - lien vers mon site
   -------------------------------------------------------- */

	div#basdepage { margin-top: 15px; margin-bottom: 20px; color: #333333; }
	div#basdepage a:link { color: #333333; text-decoration: none; } 
	div#basdepage a:visited { text-decoration: none; color: #333333; }
	div#basdepage a:hover {	text-decoration: none; color: #FF3300; }