/**
 * @version $Id: template.css 10498 2008-07-04 00:05:36Z ian $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */


* {
	margin:0;
	padding:0;
}

ul li {
	list-style-type: none;
}
a {
	text-decoration: none;
}

body
{
	background: #B7A99C url(../images/bkg-body.jpg) no-repeat top center;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

#tinymce {
	background: #FFF;
}

body.contentpane {

width : auto;
margin : 10px;
line-height : 1.4em;
text-align: left;
}

/* TOC */
table.contenttoc{
	float: right;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/************************************************************/
/*                    contenu principal                     */
/*  .home => page d'accueil                                 */
/*  .interieur => pages intérieures                         */
/************************************************************/
#main-contener {
	width:1030px;
	margin:0 auto;
	position:relative;
}

#article-home {
	position:absolute;
	right:50px;
	top:810px;
	width:200px;
	z-index:150;
	color: #827369;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#article-home h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 18px;
	color: #535353;
	margin: 0 0 10px 0;
}

/***************************/
/*  header  */
/***************************/
#header {
	margin: 0 24px;
}

#header span.logo_haut a {
	background:url(../images/logo-dhm.png) no-repeat;
	width: 300px;
	height: 120px;
	display:block;
}
#header span.logo_haut a span {
	display:none;
}

#header #nav-top {
	float: right;
	width: 275px;
}
#header #nav-top-right {
	float: right;
	width: 142px;
	margin: 16px;
}
#header #nav-top-right li a {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	color: #574C43;
	text-decoration: none;
	display:block;
	padding: 6px 0 0 38px;
}
#header #nav-top-right li a:hover {
	color: #1eb2ad;
}
#header #nav-top-right li.espace-pro a, #header #nav-top-right li.item83 a {
	background: url(../images/bkg-espace-pro.png);
	height: 24px;
	padding-top: 9px;
}
#header #nav-top-right li.suivi-dossier a, #header #nav-top-right li.item84 a  {
	background: url(../images/bkg-suivi-dossier.png);
	height: 24px;
}
#header #nav-top-right li.espace-fidelite a, #header #nav-top-right li.item85 a  {
	background: url(../images/bkg-espace-fidelite.png);
	height: 16px;
}


#header #nav-top-left {
	margin: 18px 0 10px 0;
}
#header #nav-top-left li a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background: url(../images/puce-rond.png) no-repeat 0px 5px;
	padding-left: 10px;
	display:block;
}
#header #nav-top-left li a:hover {
	color: #877b6f;
}
#flag {
	margin-left: 25px;
}
#flag img {
	border:0;
}


/***************************/
/*  menu principal  */
/***************************/
#nav-main {
	background: url(../images/bkg-nav-main.png) no-repeat;
	height: 43px;
	padding:9px 34px;
	position:relative;
	z-index:50;
}
#menu-principal {
	height: 33px;
}
#menu-principal li {
	/*display:inline;*/
	float: left;
	position:relative;
}
#menu-principal li a {
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/bkg-menu-principal.png) no-repeat top center;
	padding: 8px 22px 0;
	display:block;
	height: 25px;
}
#menu-principal li.separ a, #menu-principal li span.separator {
	background: url(../images/bkg-nav-separ.png) no-repeat top right;
	width: 2px;
	display:block;
	padding:8px 0;
	min-height: 33px;
}


#menu-principal li.item1{
background: url(../images/bkg-menu-principal.png) no-repeat 0px 0px;
}
#menu-principal li.item1 a { /* on n'affiche pas le lien HOME  */
	background: url(../images/accueil.gif) no-repeat 7px 0px;
	display:block;
	width:15px;
	height:12px;
	padding: 8px 8px 0;
	margin:6px 0 7px;

}

#menu-principal li.item1 a span{
display:none;

}

#menu-principal li.item1 a:hover{
  background-position:7px -19px;
}



/*#menu-principal li.first a, #menu-principal li.item65 a {
	background-position:top left;
}*/
#menu-principal li.last a, #menu-principal li.item71 a {
	background-position:top right;
}
#menu-principal li a:hover, #menu-principal li.active a:hover {
	background-position:bottom center;
}/*
#menu-principal li.first a:hover, #menu-principal li.item65 a:hover, #menu-principal li.active.item65 a { 
	background-position:bottom left;
}*/
#menu-principal li.last a:hover, #menu-principal li.item71 a:hover, #menu-principal li.active.item71 a  {
	background-position:bottom right;
}

/* sous menu déroulant */
#menu-principal li ul {
	position: absolute;
	z-index: 100;
	display: none;
	width: 160px;
}
#menu-principal li ul li a {
	width: 160px;
	background: #59493f;
	text-transform:none;
	display: block;
	filter : alpha(opacity=90);
  -moz-opacity : 0.9;
  opacity : 0.9;
	font-size:12px;
	padding: 4px 9px 0;
	min-height: 24px;
	height: auto;
	border-bottom: 1px solid #261d15;
}
#menu-principal li ul li a:hover {
	background: #261d15;
}
/***************************/
/*  bandeau du haut  */
/***************************/
.home #bando {
	background: url(../images/bkg-bandeau-top.png) no-repeat;
	width: 968px; /* 1030 */
	height: 383px; /* 397 */
	padding: 7px 31px;
	position: relative;
	z-index:1;
}
.interieur #bando {
	background: url(../images/bkg-bandeau-int.png) no-repeat;
	width: 968px; /* 1030 */
	height: 167px; /* 181 */
	padding: 7px 31px;
	position: relative;
}
/*  chapo affiché dans le bandeau  */
.contentpane_chapo {
	position: absolute;
	top: 25px;
	left:32px;
	margin-left: 20px;
	width: 230px;
	color: #FFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.contentpane_chapo h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform:uppercase;
}

#menu-pastille {
	position: absolute;
	top: 27px;
	left: 10px;
}
#menu-pastille li a {
	text-indent: -5000px;
	display:block; 
	width: 110px;
	height: 110px;
	margin-bottom: 2px;
}
#menu-pastille li.valcenis a, #menu-pastille li.item91 a {
	background:url(../images/pastille-valcenis.png) no-repeat;
}
#menu-pastille li.termignon a, #menu-pastille li.item92 a {
	background:url(../images/pastille-termignon.png) no-repeat;
}
#menu-pastille li.aussois a, #menu-pastille li.item93 a {
	background:url(../images/pastille-aussois.png) no-repeat;
}



#menu-pastille li.item91 a:hover, #menu-pastille li.item92 a:hover, #menu-pastille li.item93 a:hover {
	background-position: 0 0px;
}

.btn_village a, .btn_village a img{
border:none;
}

.btn_village{
margin-left:15px;
}

/*  form RESA  */
#resa {
	position: absolute;
	top: 3px;
	left: 764px;
	width: 218px;
	height: 297px;
	background: url(../images/bkg-resa.png) no-repeat;
	padding-top:50px;
}
#loading {
	background:url(../images/ajax-loader.gif) no-repeat;
	width: 16px;
	height: 16px;
	float: right;
	display: none;
	margin:4px 25px 0 0;
}
	
#resa span {
	color: #59493F;
	font-size:18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 55px 0 0 30px;
}
#resa form {
	margin: 15px 0 0 30px;
}
#resa label {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #6B6963;
}
#resa input, #resa select {
	width:158px;
	background: #FFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #6B6963;
	border: 1px solid #e3e4e9;
	border-top: 1px solid #acadb2;
	margin:3px 0 7px 0;
}
#resa input.button {
	background: #756a5e;
	color:#FFF;
	border: none;
	font-size: 12px;
	padding: 3px 0;
	margin: 7px 0 0 0;
	cursor: pointer;
}



/***************************/
/*  contenu principal  */
/***************************/
#main-top {
	background: url(../images/bkg-main-top.png) no-repeat;
	width: 1030px;
	height: 21px;
}
#main-bottom {
	background: url(../images/bkg-main-bottom.png) no-repeat;
	width: 1030px;
	height: 10px;
	margin: 0 auto 30px;
}
#main-contenu {
	background:url(../images/bkg-main-contenu.png) repeat-y;
	/*position:relative;*/
}
#wrapper1 {
	background:url(../images/bkg-wrapper1.png) no-repeat  24px top;
}
#wrapper2 {
	background:url(../images/bkg-wrapper2.png) no-repeat 450px bottom;
}
.arabesqueLeft {
	position:absolute;
	background: url(../images/arabesque-left.png) no-repeat;
	width: 45px;
	height: 60px;
	left: -20px;
	bottom: 0px;
}
.arabesqueRight {
	position:absolute;
	background: url(../images/arabesque-right.png) no-repeat;
	width: 45px;
	height: 60px;
	right: -21px;
}
.home .arabesqueRight {
	top: 770px;
}
.interieur .arabesqueRight {
	top: 550px;
}

.colPrincipale {
	width:708px;
	float: left;
	margin: 15px 0 0 44px;
	color:#6c5b4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.visu-colG {
	width:224px; /* 254px */
	float: left;
	text-align:center;
	margin-top: 15px;
	padding-left: 30px;
}
.txt-colG {
	width:432px;
	float: left;
}

.colPrincipale h1 {
	color:#535353;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
}
.colPrincipale h1 a, #residence h1 {
	color:#535353;
}
.colPrincipale h1 a span, #residence h1 span  {
	color:#AB976B;
}
.colPrincipale h1, .colPrincipale h1.componentheading {
	color:#453527;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform:uppercase;
	margin-bottom:25px;
	/*font-weight:bold;*/
}
.colPrincipale h2 {
	color:#665342;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform:uppercase;
	background:url(../images/puce-h4.png) no-repeat top left;
	padding: 2px 0 0 20px;
	margin:25px 0 15px 0;
	/*font-weight:bold;*/
}

/*  actu home  */
.colPrincipale .actu {
	background:url(../images/pointilles.png) no-repeat top left;
	padding-top: 15px;
	margin-top: 15px;
	clear: both;
}
.colD .actu {
	padding-bottom: 15px;
	margin:0 0 15px 25px;
	width: 200px;
	border-bottom: 1px dotted #7e746a;
	clear: both;
}


#sliderActus .leading 
{
	position 			:	relative;
	display				:	none;
	max-height			:	130px;
	overflow			:	hidden;
    z-index				:	8;
}
#sliderActus .active 
{
	display				:	block;
	z-index				:	10;
}
#sliderActus .leading.last-active 
{
    display 			:	none;
    z-index				:	9;
}

.multileading {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #E0D9D2;
	font-weight: bold;
	position: absolute;
	right: 5px;
	top: 5px;
}
#actusleft {
	width: 10px;
	height: 10px;
	background:url(../images/fleche-gauche.gif) no-repeat 0px 2px;
	display: block;
	margin-right: 2px;
}
#actusright {
	width: 10px;
	height: 10px;
	background:url(../images/fleche-droite.gif) no-repeat 0px 2px;
	display: block;
	margin-left: 2px;
}
.multileading a, .multileading span{
	float: left;
}
.colPrincipale .titre-actu {
	color:#635348;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin: 0 0 10px 92px;
}
.colD .titre-actu {
	color:#635348;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin: 0 0 10px 87px;
}
.colD .titre-actu a {
	color:#635348;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}
.texte-actu {
	color:#827369;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom:5px;
}
.home .colPrincipale .visuel-actu {
	float:left;
	margin: -22px 15px 10px 0;
}
.interieur .colPrincipale .visuel-actu {
	float:left;
	margin: 0px 15px 10px 0;
}
.colD .visuel-actu {
	float:left;
	margin: 0 10px 0 0;
}
a.lienPlusInfo, a.readon, .txt-colG .actu a.lienPlusInfo  {
	color:#A08C5F;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/puce-plusInfo.png) no-repeat 0 3px;
	padding-left: 10px;
}
a.lienPuce {
	color:#59493f;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/puce-plusInfo.png) no-repeat 0 3px;
	padding-left: 10px;
}
.article_separator, .leading_separator {
	clear: both;
	display: block;
	margin:0 0 15px 0;
	width: 688px;
	border-bottom: 1px dotted #7e746a;
}
.blog {
	margin-bottom: 50px;
}

/*  bloc résidence  */
#residence {
	margin:50px 0 50px -44px;
	position:relative;
	color: #827369;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#residence-top {
	background:url(../images/bkg-residence.png) no-repeat left top;
	width:255px; /* 485px */
	/*height: 178px; /* 198px */
	padding: 20px 115px 3px 115px;
}
#residence-bottom {
	background:url(../images/bkg-residence-bas.png) no-repeat;
	width: 485px;
	height: 12px;
}
#residence p {
	margin-bottom: 5px;
}
#blocPhotoResidence {
	position: absolute;
	left: 376px;
	top: 4px;
}

/*  footer  */
#footer {
	/*margin: 30px 0 10px 0;*/
	position: absolute;
	bottom: 0px;
	width: 688px;
	color: #b7aba2;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom:10px;
}
#menu-footer li {
	display: inline;
	background: url(../images/puce-tiret.png) no-repeat 0 5px;
	padding-left: 10px;
	margin-left: 5px;
}
#menu-footer li a {
	color: #827369;
}
#menu-footer li a:hover {
	color: #b7aba2;
}


/*  pages intérieures  */
#breadcrumb {
	/*width: 712px;*/
	margin: 0 20px 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C1B9B3;
}
#breadcrumb a {
	color: #8D8680;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #C1B9B3;
}
#page {
	/*width: 712px;*/
	margin: 0 20px 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C5B4A;
	min-height:600px;
}

/*  IFRAME AKRIANE  */ 
#encart_arkiane {
	border:medium none;
	min-height:700px;
	width:100%;
	margin: 10px 0;
}

/*  colonne de droite  */
.colD {
	float:left;
	width: 254px;
	color: #827369;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.interieur .colD {
	margin-top: 110px;
}
.blocD {
	background: #655241;
	font-size: 14px;
	text-transform: uppercase;
	color: #AFA194;
	margin:0 0 15px;
	padding:3px 25px;
	min-height: 22px;
	position: relative;
}
.blocD .first {
	font-size:18px;
}
.blocD a {
	color: #AFA194;
	padding-top: 1px;
}
.colD h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 18px;
	color: #535353;
	margin: 0 0 10px 0;
}
.bloc-sejours {
	margin-left: 5px;
}
.txt-colD {
	margin-left: 25px;
	width: 200px;
}
/*  sous navigation colonne de droite  */
#menu-colD {
	margin: 0 0 15px 25px;
	width: 200px;
}
#menu-colD li {
	margin: 0 0 7px 0;
}
#menu-colD li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #756a5e;
	text-transform: uppercase;
	background: url(../images/puce-menuDroite.png) no-repeat 0 3px;
	padding-left: 15px;
}
#menu-colD li.active a, #menu-colD li a:hover {
	font-weight: bold;
	color: #574D43;
}

#menu-colD ul {
	margin: 5px 0 20px 15px;
}
#menu-colD li li {
	margin: 0 0 3px 0;
}
#menu-colD li li a, #menu-colD li.active li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #8F7F6F;
	text-transform: none;
	font-weight: normal;
	background: url(../images/puce-tiret.png) no-repeat 0 5px;
	padding-left: 10px;
}
#menu-colD li li.active a, #menu-colD li li a:hover {
	color: #524940;
	font-weight: bold;
}


/*  bloc sejours tout compris  */
#menu-toutcompris li a {
	text-indent: -5000px;
	width: 232px;
	height: 195px;
	display: block;
	margin-left: 10px;
}
.home .fr #menu-toutcompris li a {
	background: url(../images/bloc-sejours-portail-fr.png) no-repeat;
}
.interieur .fr #menu-toutcompris li a {
	background: url(../images/bloc-sejours-portail-fr-int.png) no-repeat;
}
.home .en #menu-toutcompris li a {
	background: url(../images/bloc-sejours-portail-en.png) no-repeat;
}
.interieur .en #menu-toutcompris li a {
	background: url(../images/bloc-sejours-portail-en-int.png) no-repeat;
}


/***************************/
/*  divers  */
/***************************/
.or {
	color: #AB976B;
}

.left {
	float:left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.AvenirLT {
	font-family: "Avenir LT 55 Roman", "Avenir", Arial, Helvetica, sans-serif;
}
strong, b {
	font-weight: bold;
}
hr {
	border: none 0;
	margin:15px 0;
	border-top: 1px dotted #7e746a;
	height: 1px;
}

/***************************/
/*  Formulaire*/
/***************************/

#ChronoContact_contact {
padding:10px 0;
width:450px;
}
#ChronoContact_contact .cfclear {
height:0;
}
#ChronoContact_contact .cf_label {
color:#756A5E;
font-size:12px;
font-weight:bold;
}
#ChronoContact_contact textarea {
width:197px;
}
#ChronoContact_contact input.cf_inputbox, #ChronoContact_contact textarea.cf_inputbox {
border:1px solid #756A5E;
}

#ChronoContact_contact input.cf_inputbox:focus {
background-color:#efe8e2;
border:1px solid #756a5e;
color:#756a5e;
}

#ChronoContact_contact .cf_button input {
background:transparent url(../images/fond-btn.jpg) repeat-x scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:19px;
margin-left:160px;
text-transform:uppercase;
width:103px;
font-size:10px;
}

#ChronoContact_contact .cf_button input:hover {
background:transparent url(../images/fond-btn_hover.jpg) repeat-x scroll 0 0;
}

#ChronoContact_contact .form_item {
height:auto;
}

.form_element label {
display:block;
float:left;
line-height:22px;
padding:0 10px 0 0;
vertical-align:middle;
}

.form_element {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin-bottom:8px;
margin-left:30px;
margin-top:8px;
width:85%;
}

div.chronoform{
display:none;
}

/*Plan du site*/

ul.level_1{
margin: 10px 0px 10px 20px;
}

ul.level_0 li{
margin : 0px;
padding: 0px;
list-style-type:none;
background:none;
}

ul.level_0 li a {
font-size:1.2em;
font-weight:normal;
text-transform:uppercase;
font-weight:bold;
color:#655241;
}

body ul.level_1 li{
list-style-image:url('../images/puce-menu-sec.gif');
/*list-style-type: disc;*/
}

ul.level_1 li a{
font-size:1.2em;
color : #175460;
font-weight:bold;
text-transform:lowercase;
color: #61718f;
}

ul.level_1 ul.level_2 li a{
text-transform:none;
color: #626262;
font-size:1em;
}

ul.level_2{
margin: 0px 0px 10px 20px;
}

ul.level_3{
margin: 0px 0px 10px 20px;
}

ul.level_1 ul.level_2 li ul.level_3 li a{
font-size:1.8em;
}