/* Styles */

/* #ffcc33 orange vif */
/* #ffe575 orange pâle */
/* #b61dc3 mauve */
/* #f2fae0 vert pâle */
/* #7cbd02 vert */
/* #2687c8 bleu */

/* PAGE */
/* CONTENU */
/* LISTE */
/* MENU */
/* TABLE */
/* FORMULAIRES */

/* Ne pas oublier de changer les styles dans fck editor */
/* /FCKeditor/editor/css/fck_editorarea.css */

/* ####### PAGE ####### */
* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
body {
	background-color: #ffcc33;
	/*background-image: url(interface/fond_page.gif);*/
	font-size: 0.8em;
	behavior: url(/includes/csshover.htc); /* Pour le menu utilisable par ie */
}
div.centrage {
	margin: 0 35px;
}
div.bordure {
	border: 3px solid #b61dc3;
	background-color: #f2fae0;
	position: relative;
	/*width: 1024px;*/
}
div#logo {
	position: absolute;
	top: 21px;
	left: -14px;
	z-index: 2;
}
div#fil_ariane {
	position: absolute;
	top: 172px;
	left: 30px;
	font-size: 80%;
	z-index: 1;
}
div.bandeau_anime {
	position: absolute;
	top: 0px;
	left: 189px;
	z-index: 1;
}
div#contenu {
	margin: 200px 30px 55px 30px;
	background: url(/interface/fond_contenu.gif) 107px 172px no-repeat;
	
}
div#bas_de_page {
	position: relative;
	padding-left: 200px;
	padding-top: 5px;
	font-size: 0.8em;
}
div#bas_de_page div.image {
	position: absolute;
	top: -45px;
	left: 3px; 
}
div#bas_de_page a {
	color: #000000;
}
#facebook {
	position: absolute;
	top: -28px;
	left: 180px;
}
#tripadvisor {
	position: absolute;
	top: -25px;
	left: 540px;
	font-size: 1em;
}
/* ########## CONTENU ########## */
h1 {
	background: url(/documents/Image/montagne.gif) top left no-repeat;
	padding-top: 42px;
	padding-left: 56px;
	color: #7cbd02;
	font-size: 1.8em;
	font-weight: 700;
	margin: 1em 0px 2em 200px;
}
h2 {
	font-size: 1.3em;
	font-weight: 700;
	color: #2687c8;
	margin: 1em 0px 0.5em 0px;
}
h3 {
	font-size: 1.2em;
	font-weight: 700;
	margin: 1em 0px 0.5em 0px;
}
p {
	margin-bottom: 0.5em;
}
a:link {
	color: #b61dc3;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #05a12f;
	text-decoration: none;
}
a:hover {
	color: #b61dc3;
	text-decoration: none;
}
a.lien_externe {
	background: url(/interface/picto_lien_externe.gif) no-repeat 100% bottom;
	padding: 0 16px 0 0;
}
a.lien_externe span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.telecharger_pdf {
	background: url(/interface/picto_pdf.gif) no-repeat 0px 0px;
	padding: 1px 0 0 18px;
}
hr {
	height:1px;
	color: #b61dc3;
	margin: 1em 0;
}
hr.invisible {
	height:0px;
	border: 0px solid #f2fae0;
	margin: 0;
	padding: 0;
	clear: both;
	visibility: hidden;
}
img {
	border: none;
}
.img_gauche {
	float: left;
	margin: 0px 20px 0px 0px;
}
.img_droite {
	float: right;
	margin: 0px 0px 0px 20px;
}
.texte_gris {
	font-weight: normal;
	color: #999999;
	font-style: italic;
}
.texte_en_valeur {
	font-weight: bold;
	color: #b61dc3;
}
p.message_fort {
	font-weight: bold;
	color: #b61dc3;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 1em;
	border-top: 1px dotted #7cbd02;
	border-bottom: 1px dotted #7cbd02;
}
.puce_alerte {
	margin-top: 1.5em;
	margin-bottom: 1em;
	background: url(/interface/puce_alerte.gif) no-repeat 0px 4px;
	padding-top: 3px;
	padding-left: 19px;
	padding-bottom: 3px;
	background-color: #ffcc33;
}
div.encadre_a_droite {
	float: right;
	text-align: center;
	padding: 0 10px;
}
div.liens_amis {
	margin-top: 50px;
	text-align: center;
	font-size: 0.8em;
	color: #ffffff;
}
div.liens_amis a {
	font-size: 0.8em;
	color: #ffffff;
	text-decoration: none;
}
/* ############## LISTE ############## */
li {
	margin-left: 2em;
	margin-top: 0.3em;
}

/* ########### MENU ########### */

div#menu {
	position: absolute;
	top: 132px;
	left: 232px;
    font-size : 1em;
	border-bottom: 1px solid #2687c8;
	z-index: 2;
}
#menu .contact, #menu .qui, #menu .carte_france {
	position: absolute;
}
#menu .contact {
	top: 3px;
	left: 493px;
}
#menu .qui {
	top: 0px;
	left: 558px;
}
#menu .carte_france {
	top: 0px;
	left: 617px;
}

/* fond blanc pour le menu */
div#menu a {
	color: #2687c8;
}
div#menu ul {
	padding: 0;
	margin:0px;
	background: #ffffff;
    list-style : none;
    line-height : 21px;
}
div#menu ul.niveau1 {
	margin-top: 3px;
}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {
	background: #ffe575; /* orange */
}
/*div#menu li.sousmenu:hover {background: #b61dc3;}*/

/* Rajout d'une petite fleche pour les sous menu */ 
/*div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}*/

div#menu ul li {
	position:relative;
	list-style: none;
	float : left;
	line-height: 1.2em;
    text-align : center;
    font-weight : bold;
	height: 24px;
	margin: 0;
	/*border: 1px solid green;*/
}
div#menu ul ul li {
    width: 120px;
	height: auto;
    text-align: left;
	font-weight: normal;
	/*border: 1px solid red;*/
}
div#menu ul ul {
	position: absolute;
	top: 23px;
	left: 0px;
	display:none;
	border: 1px solid #b61dc3;
}
div#menu li a {
	text-decoration: none;
    padding: 4px 12px;
	display:block;
	/*font-weight: bold;
	border-left: 8px solid #BBB;
	width:84px;*/
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
	display: block;
}

/*div#menu ul.niveau1 li a {
	display: block;
    padding: 3px 12px; */
    /*color : #197dbe;*/
	/*color: #339900;
    text-decoration : none;
	font-weight: bold;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li a {
	color: #336699;
	font-weight: normal;
    width: 96px;
    text-align: left;
}*/

/* la bordure de chaque hauteur a une couleur de survol*/ 
div#menu li a:hover {
	color: #ffffff;/**/
	background-color: #b61dc3;
}
div#menu ul ul li a:hover {
}

/*div#menu ul.niveau1 li a:hover, div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li a:hover {
	border-left-color: red;
	color: #ffffff;
    background-color: #b61dc3;
}*/
/*div#menu ul ul li a:hover {
	border-left-color: #00FF00;
}*/

#menu .contact a, #menu .qui a, #menu .carte_france a {
	padding: 0px;
	width: auto;
}
#menu .contact a:hover, #menu .qui a:hover, #menu .carte_france a:hover {
	background-color: none;
}
/* ############## TABLE ############## */
table {
	border: 1px solid #7cbd02;
	border-collapse: collapse;
}
th, td {
	text-align: center;
	vertical-align: top;
	border: 1px solid #7cbd02;
}
th {
	font-weight: bold;
	background-color: #e1f1bf;
}
/* ############## FORMULAIRES ########### */
div.tete_form {
	font-size: 1.3em;
	font-weight: 700;
	color: #2687c8;
	margin: 1em 0px 0.5em 0px;
}
div.corps_form {
	border: 1px outset #999999;
	padding: 0.8em;
	background-color: #ffffff;
}
div.pied_form {
	padding: 0.2em;
	text-align: center;
}
p.champs_obligatoires {
	font-weight: normal;
	color: #999999;
	font-style: italic;
	text-align: left;
	margin: 1px;
	font-size: 0.85em;
}
.alerte_obligatoire {
	background-color: #ffcc33;
}
form .obligatoire {
	font-weight: bold;
}
fieldset{
	padding: 4px 0px;
	border: none;
	border-bottom: 1px solid #7cbd02;
}
fieldset legend {
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 5px 0;
	padding: 2px 6px;
	background-color: #7cbd02;
	color: #ffffff;
	/*width: 50%;*/
}
form label {
	clear: both;
	margin-top: 0.3em;
	float: left;
	width: 175px;
	text-align: left;
/*	border: 1px solid red;
	position: relative;*/
	display: block;

}
form div.conteneur_inline {
	/*height: 90px;*/
	padding-left: 145px;
}
form label.inline_et_largeur {
	float: left;
	width: 170px;
}
form label.inline {
	/*width: 170px;
	float: left;*/
	display: inline;
	float: none;
	clear: none;
	margin-right: 0.7em;
	white-space: nowrap;
	text-align: left;
}
form li label, form h3 label {
	width: auto;
	float: none;
}
form span.complement_info {
	color: #999999;
	font-style: italic;
}
form select, form textarea, form input {
	font-size: 1em;
	border: 1px inset #999999;
	margin: 2px;
}
form input[type=checkbox] {
	border: none;
}
form input#calendrier, form input#date_arrivee1, form input#date_depart1, form input#date_arrivee2, form input#date_depart2 {
	background: url(/interface/calendrier.gif) center right no-repeat;
}
form select:focus, form textarea:focus, form input:focus {
	background-color:#dddddd;
}
form div.pied_form input, form input.valider {
	background-color:#b61dc3;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	border: none;
	padding: 2px;
	font-size: 1em;
}