p, img, a, h1{margin: 0;}
img{border: 0;display: block;}
.bloc{display: block;}
.flotte{float: left;}
body {
	background: #F1D388 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #757575;
}
a:link {text-decoration: none;	color: #812700;}
a:hover {text-decoration: none;	color: #f1d388;}
a:visited{text-decoration: none;	color: #f1d388;}
a:link.refuges {text-decoration: none;	color: #F1D388;font-weight:bold;}
a:hover.refuges {text-decoration: none;	color: #812700;font-weight:bold;}
a:visited.refuges {text-decoration: none;	color: #812700;font-weight:bold;}
a:hover#refuges {text-decoration: none;	color: #812700;font-weight:bold;}
a:visited#refuges{text-decoration: none; color: #812700;;font-weight:bold;}

a:link.info {text-decoration: none;	color: #E09F45;font-weight:bold;}
a:hover.info {text-decoration: none;	color: #812700;font-weight:bold;}
a:visited.info {text-decoration: none;	color: #812700;font-weight:bold;}

a:link.mail {text-decoration: none;	color: #812700;font-weight:bold;}
a:hover.mail {text-decoration: none;	color: #e09f45;font-weight:bold;}
a:visited.mail {text-decoration: none;	color: #e09f45;font-weight:bold;}

a:link.credit {text-decoration: none;	color: #757575;}
a:hover.credit {text-decoration: none;	color: #812700;}
a:visited.credit {text-decoration: none;	color: #757575;}
.centre{text-align: center;}
.centrer{margin-left: auto; margin-right: auto;}
.gras{font-weight: bold;}
.gros{font-size: 1.7em;font-family : arial;}
.ecart{padding:   8px 0;}
.bord{border: 1px solid black;}
.bord_gauche{border-left: 1px solid #812700; height: 950px;}
.bord_gauche_1{border-left: 1px solid #812700; height: 50%;}
.blanc{clear: both;}
.gauche{text-align: left;}
.logo{width: 180px;background-color: #ffffff;text-align: center;}
a.conseils{color: #812700;}
.italic{font-style:italic;}
#global{width: 970px;margin:0 auto ;padding: 0;}
#entete{width: 970px;background:#E09F45 url(../images/entet.jpg) no-repeat 0px 6px;}
/*  -----menu gauche vertical ------------------------- */
#menu {width: 220px;height: 250px;float:left;background-color:#E09F45;color: #F1D388;font-size:1.1em;}
#menu_infos {width: 200px;height: 250px;float:left;background-color:#E09F45;color: #F1D388;font-size:1.1em;padding-left: 25px;}
#menu a {text-decoration: none;	color: #812700;;font-weight:bold;}
#menu a:hover{color: #fff;font-weight:bold;}
#menu li {margin: 5px;padding: 5px 0;text-transform: lowercase;}
ul{padding-top: 20px;text-decoration: none;list-style-type:none;}
#menus{padding-top: 30px;text-decoration: none;list-style-type:none;}
/* -------------------------banniere -----------------------------*/
#banniere{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/img042.jpg) no-repeat left top ;float: left;}
#banniere_esca{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_esca.jpg) no-repeat left top ;float: left;}
#banniere_alpi{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_alpi.jpg) no-repeat left top ;float: left;}
#banniere_rando{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_rando.jpg) no-repeat left top ;float: left;}
#banniere_vtt{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_vtt.jpg) no-repeat left top ;float: left;}
#banniere_eau{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_eau.jpg) no-repeat left top ;float: left;}
#banniere_ski{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_ski.jpg) no-repeat left top ;float: left;}
#banniere_glace{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_glace.jpg) no-repeat left top ;float: left;}
#banniere_raq{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_raq.jpg) no-repeat left top ;float: left;}
#banniere_fond{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_fond.jpg) no-repeat left top ;float: left;}
#banniere_refuges{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_refuges.jpg) no-repeat left top ;float: left;}
#banniere_animations{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_animations.jpg) no-repeat left top ;float: left;}
#banniere_evenements{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_evenements.jpg) no-repeat left top ;float: left;}
#banniere_informations{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_informations.jpg) no-repeat left top ;float: left;}
#banniere_hebergement{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_hebergement.jpg) no-repeat left top ;float: left;}
#banniere_credits{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_credits.jpg) no-repeat left top ;float: left;}
#banniere_mentions{width: 750px;height:250px; background-color:#E09F45 ;background: url(../images/entete_mentions.jpg) no-repeat left top ;float: left;}
/* ---------  menu horizontal  --------*/
#menu_h{width: 970px;background-color:#E09F45;float:left;text-align: left;}
#menu_h li {float: left;padding-top: 10px;padding-left:10px;}
#menu_h a {display: inline;text-decoration: none;text-transform: uppercase;font-size: 115%; word-spacing: -0.1em;color: #FFFFFF;}
#menu_h ul {margin: 0 0 0 10px;padding: 0;list-style: none;line-height: normal;vertical-align: middle;height: 37px;}
#menu_h a:link{color : white;}
#menu_h a:active{color: white;}
#menu_h a:visited{color: white;}
#menu_h a:hover{color : #812700;}


/* ----------------------   textes de la page ------------*/
.page{width: 968px;height: auto;min-height: 1040px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.page1{padding-top: 25px; width: 968px;min-height: 2090px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.page_refuges{padding-top: 25px; width: 968px;min-height: 2200px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.page_animations{padding-top: 25px; width: 968px;min-height: 3500px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#E09F45;}
.page_infos{padding-top: 25px; width: 968px;min-height: 1850px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.page_escalade{padding-top: 25px; width: 968px;min-height:1340px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#E09F45;}
.page_eau{padding-top: 25px; width: 968px;min-height:1400px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#e09f45;}
.page_vtt{padding-top: 25px; width: 968px;min-height:1610px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#e09f45;}
.page_alpi{padding-top: 25px; width: 968px;min-height: 3050px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.page_hebergement{padding-top: 15px; width: 968px;min-height:640px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#E09F45;}
.page_hebergement_2{width: 968px;min-height:3600px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#E09F45;}
.page_rando{padding-top: 25px; width: 968px;min-height: 2350px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.page_glace{padding-top: 25px; width: 968px;min-height: 1450px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.page_fond{padding-top: 25px; width: 968px;min-height:1200px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#e09f45;}
.page_ski{padding-top: 25px; width: 968px;min-height:1960px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#ffffff;}
.page_raquettes{padding-top: 35px; width: 968px;min-height:970px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#e09f45;}
.page_credits{width: 968px;height: auto;min-height: 1000px;border-left: 1px solid #E09F45;border-right: 1px solid #E09F45;background:#fff;}
.souligne{text-decoration:underline; }
.taille{font-size: 0.65em;}

#gauche {width: 180px;height: 400px;float:left;background:#fff;padding: 40px 10px 15px 10px;}
#droite {width: 718px;height: 600px;float:right;vertical-align: top;margin-top: 20px;padding-top: 20px;padding-left: 15px;padding-right: 15px;padding-bottom: 15px;background:#fff;}
#footer {width:968px;height: 20px;background: #FFFFFF url(../images/img0511.jpg) repeat-x top left;border: 1px solid #E09F45;border-top: none;text-align: center;font-size: 0.85em;padding-top: 3px;}


h1, h2 {color: #812700;letter-spacing: 5px;font-weight: bold;line-height: 1.7em;}
h3 { color : #812700;letter-spacing: 0.25em; text-decoration: underline;font-size: 1.35em;line-height: 1.9em; }
h4{color: #812700; font-size: 1.2em;margin: 0 0 5px 0;line-height:1.2em;}
h5{font-size: 1.2em;margin: 0.2em 0.5em ;}
h6{font-size: 1em;font-weight: bold;margin: 0;color: #812700;}
dt{font-weight: bold; text-decoration:underline;font-size: 0.85em;}
dd{margin-left: 2px;font-size: 0.96em;}
hr{color: #812700;margin: 15px 0; height: 0.01em;}
#bienvenue{color: #812700; font-size:0.9em;font-weight: bold;}
#img1{margin-bottom: 30px;}
.img2{float:right;padding: 20px 0px 30px 20px;}
.img3{float:left;padding: 10px 5px 0 0;}
.img4{margin-top : 30px;margin-left: 45px;}
.img5{float:right;padding: 20px 0px 10px 20px;}
.img6{float: right;}
.img7{float:right;padding: 41px 20px 20px 20px;}
.img_eau{margin-top: 90px;}
.img_vtt{float: right;padding: 7px 2px 3px 1px;}
.carte_vtt {font-size: 1.25em; letter-spacing: 0.3em; margin-bottom: 1em;display: block;}
 .title {margin: 0 ;padding: 10px 20px 0px 10px;}
 #second{ width: 55%;}
.ouvert{color: #812700;}
.fond_rouge{background :#E09F45;color: #000;}
li a:link#ouvert{color: #812700;}
.colonne{float: left;width: 33%;padding: 0 ;height: auto;}
.colonne_1{background: #f1d388;}
.colonne_2{float: left;width: 63%;padding: 0 ;height: auto;margin: 0 5px 0 25px}
.colonne_vtt{float: right;width: 64%;padding: 0 ;height: auto;margin: 0 5px 0 20px}
.colonne_3{float: left;width: 31%;padding: 0 ;height: auto;margin: 0  10px; }
.colonne_video{float: left; width: 250px; vertical-align: middle;margin-top: 50px;}
.page_video{margin-left: 390px; width: 370px;}
.refuge{margin:15px 0px;padding: 10px; min-height:530px;}
.refuge_refuges{margin:15px 0px;padding: 10px; min-height:530px;}
.hebergement{margin:15px 0px;padding: 10px 0; min-height:200px;}
.refuge_alpi{margin:15px 10px;padding: 10px;min-height:130px;}
.padd{padding : 0 5px;}
a:link.gris, a:visited.gris, a:active.gris{color: #333333;}
a:hover.gris{color: #812700;}
.justifier{text-align: justify;}
.ecart{margin-left: 20px;}
.report{padding-left: 40px}
.couleur{background: #E09F45; color: #333333;}
.rouge{color: #812700;}
.produits {color : #ffffff;font-size: 1.3em;}
.bord_produits{border: 2px solid #F1D388;margin-top: 10px;}

.jaune{color: #f1d388;}
.noir{color: #000;}
td.bord_anim{border-bottom: 1px solid #F1D388;padding-top: 5px;}
.infos{background:#E09F45; color: #222;}
.titre_infos{margin-left: auto; margin-right: auto;letter-spacing:0.7em;background: #812700; color: #f1d388; width: 70%;height: 20px; font-size: 1.27em; font-weight: bold;text-align: center;line-height: 1.3em;}
.titre_heberge{margin-left: auto; margin-right: auto;letter-spacing:0.1em;background: #812700; color: #f1d388; width: 95%;height: 20px; font-size: 1.3em; font-weight: bold;text-align: center;line-height: 1.35em;}
.situation{margin-left: auto; margin-right: auto;}
.marge_haut{margin-top:20px;}
.marge_col{margin-top: 10px;}
.marge{margin-bottom: 10px;}
.trait{border-top: 1px solid #812700;min-width:150px;margin-top: 15px;padding-top: 10px;}
.trait_1{border-bottom: 1px solid #f1d388;margin-bottom: 5px;padding-bottom: 3px;}
.trait_2{border-bottom: 1px solid #812700;text-align: center;margin-top: 10px;font-size: 1.15em; letter-spacing: 0.5em;width: 250px;}
.trait_3{border-bottom: 1px solid #812700;border-top: 1px solid #812700;;text-align: center;margin-top: 10px;font-size: 1.15em; letter-spacing: 0.5em;width: 250px;}
.titre_car{margin-left: -40px;padding-top: 10px;}
.titre_liste{margin: 0;padding:0;color: #E09F45;font-size: 1.12em;list-style-position:outside;}
.texte_refuges{color: #333333;text-align:justify;display: block;font-size: 0.98em;}
#espace {height: 35px;}
.renseignements{margin-top: 25px;color: #812700;font-size:0.93em;width: 90%;padding-left: 5px;height: auto}
.presentation_alpinisme{background-color: #812700;margin-top: 30px;color:#fff;padding: 0 5px;}
table.rens, td.rens,th.rens{border: 1px solid #812700; background: #f1d388;}
table.comm, td.comm{border: 1px solid #812700;color: #000;text-align: left;padding-left: 5px;}
td.commune{background: #f1d388; color: #812700;font-weight: bold;}
caption{background: #f1d388; color: #812700;font-weight: bold;margin-top: 30px;border: 1px solid #812700;border-collapse: collapse;}
th.comm{ background: #812700;color : #fff;text-align: center;border: 1px solid white;}
.affichage{display: block;width: 80px;height:auto;float: left;}
.animation{border: 0; background: #e09f45;width: 100%;}
.bord_bas{color: #812700;margin: 2px 0 7px 0;}
.taille{font-size:0.85em;}
.taille_plus{font-size: 1.33em;color: #812700;font-weight:bolder;}
.verda{font-family: verdana;}
.hauteur{min-height: 1600px;}
ul.heberge{margin: -20px 0 0 45px;list-style-type: none;list-style-position: inside;}
li.centrale{margin: 0;}
.renvoi {display: none;}
.legende{border: 1px solid black;
         color : #000;
         font-size: 0.8em;
         width: 95%;
         padding: 5px;
         margin-left: auto;
         margin-right: auto;
         }
.fleche{width: 968px;background-color:#E09F45;}
.fleche_g{margin-left:20px;margin-right: auto;float: left;vertical-align: top;}
.fleche_d{margin-right: 20px; margin-left: auto;}
.italique{font-style:italic;}
.fond_valgo{margin-top: -20px; list-style-position: inside;margin-left: -30px;margin-bottom: 5px;}
.cherche{font-variant:small-caps;margin: 0 25px;;}
a:link.cherche, a:visited.cherche, a:active.cherche{color: #812700;text-decoration: none;}
a:hover.cherche{color: #fff;text-decoration: none;}

/* --------------   propriétés Csss pour les pages du ski de randonnée ---------*/

.titre_ski{font-size: 1.1em; color: #812700; font-family : arial;}
.texte_ski{font-size: 0.95em; color: #666666;padding-left: 15px;display: block;}
.comment_ski{font-size: 0.88em; font-family: geneva, sans-serif; color: #4d4d4d;display: block;width: 88%;}
.largeur_texte_ski{width: 270px;}
.largeur_texte_grave_ski{width: 250px;}
.largeur_texte{width: 260px;text-align:justify;}
.gauche_1 {padding-left: 20px;}
.marge_1{margin-left: 20px;}





/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;

	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}