/* couleurs 
rouge : #cf3339 - rgba : 207 51 57
bleu clair : #10a7d4 - rgba : 16 167 212 
noir foncé : #2d2a26 - rgba : 45 42 38
gris foncé : #968b83 - rgba : 150 139 131
gris moyen : #cac4be - rgba : 202 196 190
gris clair : #f4efe8 - rgba : 244 239 232
orange : #e42a12 - rgba : 228 42 18
205 29 47
*/
@font-face {
    font-family: 'Berthold Akzidenz-Grotesk';
    src: url('/font/AkzidenzGroteskBE-BoldCn.eot');
    src: url('/font/AkzidenzGroteskBE-BoldCn.eot?#iefix') format('embedded-opentype'),
        url('/font/AkzidenzGroteskBE-BoldCn.woff2') format('woff2'),
        url('/font/AkzidenzGroteskBE-BoldCn.woff') format('woff'),
        url('/font/AkzidenzGroteskBE-BoldCn.svg#AkzidenzGroteskBE-BoldCn') format('svg');
    font-style: normal;
}
html {
margin:50px 0 0 0;
padding:0;
font-size:100%;
}
body {
margin:0;
padding:0;
font-size:0.9em;
font-family: Arial;
color:#2d2a26;
}

#noel {

position:absolute;
top:0;
z-index:100000;
width:100%;
height:auto;
background-color:#cf3339;
text-align:center;
}
#noel a {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
display:block;

color:#ffffff;
font-size:2.2em;
line-height:1.4em;
padding:6px 50px;
font-weight:400;
}
#noel a:hover {
color:#cf3339;
background-color:#f4efe8;
}
#noel a .ok {
margin: 3px;
color: #f4efe8;
padding: 3px 10px;
width: 38px;
border: 0px dashed #2d2a26;
border-radius: 18px;
background: #968b83;
height: 36px;
}
#noel a:hover .ok {
	background-color:#cf3339;
}

h1 {
font-size:2.4em;
line-height:1.8em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif!important;
font-weight:300;
color:#cf3339!important;
margin:0px;
text-transform:uppercase;
}
h2{
font-size:2em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:300;
margin:10px 0;
}
h2{
font-size:1.6em;
line-height:1.2em;
font-weight:300;
margin:10px 0;
}

h3 {
font-size:1.8em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:300;
margin:10px 0;
padding: 0;

}
div.covid b {
font-size:1.2em;
font-weight:100;	
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
}
div.covid {
font-size:1.1em;
line-height:1.2em;
font-weight:300;
margin:10px 0;
display:block;
/*border : 2px solid red;*/
padding:5px;
}
h4 {
color:#2d2a26;
font-size:1.5em;
line-height:2em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:100;
}
h5 {
margin:0;
padding:0;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
}
hr {
color:#ffffff;
display:block;
height:26px;
border:0;
background-image: url('/img/motif-ligne.png');
background-position: center bottom;
background-repeat: no-repeat;
clear:both;
width:50%;
}
p {
font-size:1em;
line-height:20px;
margin:10px 0 0 0;
}
a:hover {
text-decoration:none;
}
.less {
font-size:0.9em;
line-height:1.1em;
}
p.description {
font-size:1em;
line-height:20px;
margin:10px 0 10px 0;
}
p.gras{
font-size:1.5em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
color:#968b83;
line-height:30px;
font-weight:400;
margin:0px 0 0 0;
}
p.closed {
height:100px;
overflow:hidden;
}
p.opened {
height:100%;
}
div.closed {
height:250px;
overflow:hidden;
}
p.opened {
height:100%;
}
i { font-style:normal;}
a { color:#cf3339;text-decoration:none; }
a:hover { color:#cac4be;text-decoration:none; }
.text-center { text-align:center;}
/* bandeau / config / LANGUE / recherche / social */ 

#bandeau {
height:110px;	
position:relative;	
margin:20px 0 0 0;
width:100%;
background:#ffffff;
}
#vallee {
position:absolute;
left:0;
top:0;
height:110px;	
width:74%;
text-align:center;
}
#vallee img {
clear:both;
float:none;
width:110px;
height:70px;
}
#vallee a {
color:#2d2a26;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size: 1.4em;
line-height:1.6em;
margin-left:20px;
}
#vallee a.selected2 {
color:#cf3339;
font-size: 1.6em;
}
#vallee a:hover {
color:#cf3339;
}
#config { 
position:absolute;
right:0;
top:0;
height:110px;
width:25.5%;
}
#config #langue.closed {
height:29px;
overflow:hidden;
}

#config ul {
position:absolute;
list-style:none;
background: transparent;
top:3px;
right:10px;
margin:0;
padding:0;
display:block;
z-index:1060;
background-image: url('/img/fleche-bas.png');
background-position: 0% 6px;
background-repeat: no-repeat;
background-size: 16px 16px;
}
#config ul li a{
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
text-align:left;
font-size:1.2em;
line-height:1.5em;
color:#ffffff;
width:80px;
display:block;
text-indent:5px;
}
.drapeau {
margin:8px 1px 3px 0;
width:20px;
height:12px;
overflow:hidden;
padding:0px;
float:right;
clear:both;
background: transparent url("/img/icon/icon_pays.png") no-repeat scroll 0px 0px;
}
.fr {
background-position: 0px -474px;
}
.en {
background-position: 0px -518px;
}
.it {
background-position: 0px -738px;
}
.de {
background-position: 0px -34px;
}
.es {
background-position: 0px -364px;
}
.ru {
background-position: 0px -1112px;
}
.zh {
background-position: 0px -1332px;
}
.jp {
background-position: 0px -1355px;
}
#config ul li a img{
float:right;
margin:8px 3px 8px 0;
clear:right;
display:none;
}
#config ul li a:hover{
cursor:pointer;
}

#config #langue li {
background:#2d2a26;	
}
#config #langue.opened {
height:204px;
overflow:hidden;
background-color:#262222;
background-image: url('/img/fleche-haut.png');
background-position: 0% 6px;
background-repeat: no-repeat;
background-size: 16px 16px;
}
#config ul li a:hover{
color:#000000;
background:#968b83;
}
#social {

}
#social a.social, a.social {
margin:0px 2% 0px 0;
line-height:34px;
height:34px;
display:block;
padding-left:34px;
background:rgba(244,239,232,1) url("https://www.chamonix.com/img/icon/icon-social.png") no-repeat scroll 0px 0px;
color:white;
text-decoration:none;
float:left;
border-radius:17px;
}
#social a:hover.social {
    -webkit-animation: social 0.5s forwards ease-out; 
    animation: social 0.5s forwards ease-out;
}
#social a.instagram,#footer ul li.social a.instagram {
background-position:0px 0px;
}
#social a.facebook,#footer ul li.social a.facebook, #facebook a.facebook {
background-position:0px -36px;
}
#social a.youtube,#footer ul li.social a.youtube {
background-position:0px -72px;
}
#social a.twitter,#footer ul li.social a.twitter , #twitter a.twitter {
background-position:0px -108px;
}
#social a.google,#footer ul li.social a.google {
background-position:0px -144px;
}
#social a.linkedin,#footer ul li.social a.linkedin {
background-position:0px -180px;
}
#social a.ios,#footer ul li.social a.ios {
background-position:0px -180px;
}
#social a.android,#footer ul li.social a.android {
background-position:0px -216px;
}
@-webkit-keyframes social {
    0% {border-radius:18px}
    100% {border-radius:0px}
}
@keyframes social {
    0% {border-radius:18px}
    100% {border-radius:0px}
} 
/* recherche */


.conteneurrecherche input[type=text] {
    color: #f4efe8;
    height: 50px;
    line-height: 20px;
    width: 75%;
    font-size: 20px;
    background: url(/img/input-loupe-blanche.png) no-repeat 20px 14px #2d2a26;
    background-size: 23px 23px;
    text-indent: 30px;
    border-radius: 100px;
    border: 1px solid;
    padding: 0 20px;
    background-clip: padding-box;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
}
.h-flex>* {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
input.recherchemotcle {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

#recherche {
position: absolute;	
top: 50px;
z-index:1050;
margin:0px auto;
width:100%;
}
#recherche input[type=text] {
margin:2px;
color:#f4efe8;
padding: 3px 8px 2px 36px;
width:75%;
font-size:1.2em;
border:0px dashed #968b83;
background:url('/img/input-loupe-blanche.png') 8px no-repeat #968b83;
border-radius: 18px;
height: 36px;
}
#recherche input[type=submit] {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
margin: 3px;
color: #f4efe8;
padding: 3px 10px;
width: 38px;
font-size: 1.4em;
border: 0px dashed #2d2a26;
border-radius: 18px;
background: #968b83;
height: 36px;
}
#recherche form {
margin:0;
padding:0;	
}
#recherche input.submitmoteur[type=submit] {
width:90%;
margin:0px;
color:#ffffff;
border-radius: 0px;
background:transparent;	
padding:0;
border:0px dashed #968b83;
}
#recherche input.submitmoteur[type=submit]:hover {
background:#cac4be;	
}
#recherche input[type=submit]:hover {
color:#2d2a26;
background:#ffffff;
}
#recherche #resultatajax {
height:auto;
width:100%;
background:#968b83;
position:absolute;
z-index:20000;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:100;
font-size:1.2em;
line-height:1.8em;
padding:0px;
color:#f4efe8;
text-indent:10px;
border-radius:5px;
margin:5px 0 0 0;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#recherche #resultatajax .titre a {
font-family: Arial;
width:100%;
color:#ffffff;
font-size:0.8em;
font-weight:100;
line-height:1.6em;
border-top:1px solid #333333;
display:block;
padding:3px;
}
#closemoteur {
margin:2px 2px 0 0;
width:28px;
height:28px;
border-radius:14px;
color:#ffffff;
display:block;
text-align:center;
float:right;
background-color:#2d2a26;
background-image: url('/img/fleche-croix-blanc.png') !important;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size:12px 12px;
}
#closemoteur:hover {
cursor:pointer;
}
#recherche #resultatajax .titre a:hover {
color:#cf3339;
background:#cac4be;
}
/* top */
#top { 
    width: 25%;
    background-color: #ffffff;
    height: auto;
    margin: 0px 0 0 0;
    position: absolute;
    right: 10px;
}
#top.floatable {
	margin: 0 0 0 0;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 1050;
	box-shadow:1px 1px 0px #f4efe8;
	-webkit-animation: topfixed 0.8s forwards ease-out; 
    animation: topfixed 0.8s forwards ease-out;
	display:block;
	text-align:center;
	right:inherit;
}
@-webkit-keyframes topfixed {
    0% {position: fixed;top: -100px;z-index: 1050; }
    100% {position: fixed;top: 0px;z-index: 1050;}
}
@keyframes topfixed {
    0% {position: fixed;top: -100px;z-index: 1050; }
    100% {position: fixed;top: 0px;z-index: 1050;}
} 
#top.floatable #sousmenu4 {
	display:none;
}
#top.floatable #sousmenu4 {
	display:none!important;
}
#top.floatable #sousmenu5 {
	display:none;
}
#top.floatable #sousmenu5 {
	display:none!important;
}
/* menu */
#menu { 
	position:relative;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	height: auto;
overflow: hidden;
z-index: 1000;
background-color:#f4efe8;
}

#menu .topmenu {
display:none;	
float:left;
margin:23px 0;
background-image: url('/img/icon-menu-fonce.png');
background-position: 50% 50%;
background-size: 38px 38px;
background-repeat: no-repeat;
background-color:#ffffff;
width:36px;
height:44px;
}
#menu .topmenu:hover {
cursor:pointer;
}
.floatable #menu {
width: 1024px;
padding: 0 0 0 60px;
background-color:#ffffff;
}
.floatable #menu .topmenu {
display:none;
}
#menu a.logo {
float:left;
margin:3px 0;
width:36px;
height:42px;
display:none;
}
#menu a.logo img {
display:none;
}
#menu a.logo.floatable img {
width:112px;
height:44px;
display:block;
}
#menu a.logo.floatable {
display:block;
width:120px;
background-image: none;
background-position: 50% 50%;
background-size: 18px 18px;
background-repeat: no-repeat;
background-color:transparent;
}
.floatable #menu h2.menutitre a{
width:20%;
line-height:50px;
height:50px;
background: none;
text-indent: 0px;
color: #2d2a26;
}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu h2.menutitre {
margin: 0px;	
}
#menu h2.menutitre a{
width:100%;/* */
float:left;
font-weight:100;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:0.85em;
line-height:30px;
color:#ffffff;
border:0px solid;
height:30px;
padding: 0px 0px;
margin: 0px;
background: rgba(45,42,38,1) url('/img/fleche-droite.png') 5px no-repeat;
background-size: auto;
text-indent: 23px;
background-size: 15px 15px;
/*text-transform:uppercase;*/
}
#menu h2.menutitre a:hover {
color:#cf3339!important;
background: rgba(244,239,232,1) url('/img/fleche-droite.png') 5px no-repeat;
background-size: 15px 15px;
}

#menu h2.menutitre a:hover{
color:#2d2a26;
}
#menu h2.menutitre.ui-accordion-header-active a {
color:#cf3339!important;
background: rgba(244,239,232,1) url('/img/fleche-bas.png') 5px no-repeat;
background-size: 15px 15px;
}
.floatable #menu h2.menutitre.ui-accordion-header-active a {
color:#cf3339!important;
background: none;
}
.ui-widget.ui-datepicker .ui-datepicker-title {
    /*max-width: 70px!important;*/
}

#menu #logo {
float:left;
}
#menu #defaultmenu .logo {
background: url('/img/motif-top.png') no-repeat center center;
background-size: 50% ;
margin:10px 0 0 20px;
height:60px;
width:135px;
}
#menu #defaultmenu .logo.floatable {
background: url('/img/logo-menu.png') no-repeat center center;
background-size: 100% ;
margin:10px 0 0 20px;
height:60px;
width:135px;
}
#menu li.sousmenu a {
font-size:0.9em;
color:#2d2a26;
background:#f4efe8;
float:left;
margin:0;
padding:0 10px;
line-height: 20px;
height: 20px;
display:block;
clear:both;
width:100%;
}
#menu li.sousmenu a span {
font-size:0.9em;
font-family: Arial;
overflow-x:hidden;
color:#968b83;
}
#menu li.sousmenu a:hover {
color:#cf3339;
background:#ffffff;
}
#menu #menutitre2 a, #menu #menutitre3 a, #menu #menutitre4 a {
margin: 6px 0 0 0;
}
.floatable #menu #menutitre2 a,.floatable #menu #menutitre3 a,.floatable #menu #menutitre4 a {
margin: 0px 0 0 0;
}
#menu .resatel {
float:right;
font-size:0.75em;
margin:-28px 10px 0 0;
}
#recherche h2 {

margin-right:5px;
}
#recherche .resatel {
display:block;
margin: -10px 0 0 0;
}
.floatable #menu .resatel {
display:none;
}
.floatable #menu #menutitre5  {
display:none;	
}	
#sousmenu1 {
background:#f4efe8;
margin-left: auto;
margin-right: auto;
padding:10px 0 0 60px;
z-index:3000;
display:none;

}
#sousmenu2 {
background:#f4efe8;
margin-left: auto;
margin-right: auto;
padding:10px 0 0 60px;
z-index:3000;
display:none;
}
#sousmenu3 {
background:#f4efe8;
margin-left: auto;
margin-right: auto;
padding:10px 0 0 60px;
z-index:3000;
display:none;
}
#sousmenu4 {
background:#f4efe8;
margin-left: auto;
margin-right: auto;
padding:10px 0 0 60px;
z-index:3050;
}
#sousmenu5 {
background:#f4efe8;
margin-left: auto;
margin-right: auto;
padding:10px 0 0 60px;
z-index:3050;
}

#sousmenu ul{
padding:0;
margin:0;
}
#sousmenu a {
color:#000000;
}
#sousmenu a:hover {
color:#ffffff;
}





#offre1 {
margin:2% 1% 1% 1%;
background-image: url("https://www.chamonix.com/img/pub/GarantiAnnulation.jpg");
}
#offre2 {
margin:2% 1% 1% 1%;
background-image: url("https://www.chamonix.com/img/pub/Forfaits.jpg");
}
#offre3 {
margin:2% 1% 1% 1%;
background-image: url("https://www.chamonix.com/img/pub/GarantiAnnulation.jpg");
}
#offre4 {
margin:2% 1% 1% 1%;
background-image: url("https://www.chamonix.com/img/pub/hotel-jusqua-j-1.jpg");	
}
#offre5 {
margin:2% 1% 1% 1%;
background-image: url("https://www.chamonix.com/img/pub/offre-1.jpg");
}
#offre6 {
margin:2% 1% 1% 1%;
background-image: url("https://www.chamonix.com/img/pub/Forfaits.jpg");
}
#offre8 {
margin:2% 1% 1% 1%;
background-image: url("https://www.chamonix.com/img/pub/offre-5.jpg");
}
.conteneuroffre {
position:relative;	
max-width:450px;
width:47%;
height:250px;
float:left;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size:cover;
}
a .redoffre {
display:block;	
position:absolute;
bottom:5px;
left:5px;
height:auto;
padding:10px;
background-color:#cf3339;
color:#ffffff;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
clear:both;
}
a:hover .redoffre {
background-color:#2E2A2A;	
	-webkit-animation: redoffre 0.5s forwards ease-out; 
    animation: redoffre 0.5s forwards ease-out;
}
@-webkit-keyframes redoffre {
    0% {margin:0 0 0 0px; }
    100% {margin:0 0 0 15px;}
}
@keyframes redoffre {
    0% {margin:0 0 0 0px; }
    100% {margin:0 0 0 15px;}
} 
.titreoffre {
display:block;	
font-size:1.4em;
line-height:1.2em;
font-weight:100;
}
.voiroffre {
display:block;
font-size:1.2em;
padding:0 18px 0 0;	
float:right;
background: url('/img/fleche-droite.png');
background-position: 100% 60%;
background-repeat: no-repeat;
background-size: 20px 20px;
}





/*RESA WIDGET */
#resaslider .none {
height:0px;
overflow:hidden;
}
#resaslider {
top: 238px;	
width:25%;
position:absolute;
right:0px;
overflow:hidden;
margin:0px 10px 0 0px;
z-index:499;
padding:0px;
background-color: rgb(244, 239, 232);
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
/*height: 100%;*/
/*border-radius:0px 20px 0 20px;*/
/*background-color:rgba(202,196,190,1);*/
}
body #widget-panier {
width:44px !important;
}
#BlocWidget {
/*background-color:rgba(244,239,232,1)!important;
min-height: 180px!important;*/
}

#BlocWidget {
    background: rgba(244,239,232,1);
    margin-bottom: 0;
    min-height: 200px;
    width: 100%;
    position: inherit;
}


#BlocWidget span.titreCombine {
    color: #2d2a26!important;
}	

#BlocWidget span.titreCombine {
    display: none;
}	
.OsWrapSelect {
height:36px!important;
line-height:36px!important;	
/*border: 0px solid #C3C3C3 !important;*/

box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset !important;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
color:#2d2a26!important;
}
.GroupeCorps input  {
height:36px!important;
line-height:36px!important;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
color:#2d2a26!important;
border: solid 1px #ddd!important;
}
select#SelectMoteurExt {
/*border:0!important;*/
color:#2d2a26!important;
}
* .std input[type="text"] {
	border: solid 1px #ddd!important;
}
.GroupeCorps select#SelectMoteurExt  {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) inset !important;
height:36px!important;
line-height:36px!important;	
font-size:1.8em!important;	
border:0 !important;

-webkit-appearance:none !important;
-moz-appearance:none !important;
appearance:none !important;
box-shadow:none !important;
border:none !important;
outline:0 !important;
}
.OsFiltreCritBloc {
width:49%!important;
float:left!important;
}
.OsDateDebut {
margin:0 0 0 0;
} 
.OsDateFin {
margin:0 0 0 2%;
} 	
.std.chamonix-v2 .OsFiltreInputDate.OsFiltreCombo, .std.chamonix-v2 .OsFiltreInputDateDepart.OsFiltreCombo {
font-size:1.4em!important;	
width:100%!important;
}
.OsRecherchePartenaire .WidgetCombineContent .OsWrapSelect select, .OsRecherchePartenaire .WidgetCombineContent .PanneauAge select {
font-size: 1.8em !important;
line-height:36px!important;
height:36px!important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsWrapSelect, body .WidgetCombine.Interieur .OsWrapSelect {
height: 36px !important;
line-height: 36px !important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCombo {
    height: 36px !important;
    line-height: 36px !important;
}
* .std .OsWrapSelect, .ADOC .WidgetDirect .GiftFormContainer .inputField textarea, .ADOC .WidgetDirect .GiftFormContainer .inputField input, .OsJbCl_ClientInscrit input, .OsJbCl_ClientNonInscrit input {
    min-height: 36px !important;
}
#menu .std.chamonix-v2 a.OsFiltreBtnRecherche, .std.chamonix-v2 a.OsFiltreBtnRecherche:link {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size: 1.4em!important;
font-weight: 100!important;	
float: none!important;
width:auto!important;
height:auto!important;
margin:0 25%!important;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
background-image:none!important;
color:#ffffff!important;
text-indent: 0!important;

}
#menu .std.chamonix-v2 a.OsFiltreBtnRecherche:hover {
color:#cf3339!important;
background:#ffffff;
}
.WidgetCombine.Interieur a.OsFiltreBtnRecherche {
    padding: 2px 0 !important;
}	
a.resablocreserver .titreresa {
width: 100%;
font-weight: 100;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size: 1.6em;
line-height: 30px;
color: #cf3339;
border: 0px solid;

height: 30px;
display:block;
padding: 0px 0px;
background: rgba(244,239,232,1) url('/img/fleche-bas.png') 5px no-repeat;
background-size: auto;
text-indent: 25px;
background-size: 15px 15px;
}
.resablocactivites {
background: rgba(45,42,38,1)
}
.resatelbottom {
display:none;	
}
.resateltitre {
color: #2d2a26;
display: block;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size: 1.4em;
margin-bottom: 0;
margin-top: 0;
padding: 5px 10px 2px;
text-decoration: none;
text-transform: none;
}
.centraletel{
margin:0 0 0 10px;
color: #968b83;
}
.resablocgaranties {
display:none;
}
.resateltop {
display:none;	
}

.resablocoffres {
display:none;
}

.floatable .resablocactivites a.resaboutique, .floatable .resabloccmb a.resacmb, .floatable .resablocactivites a.resaactivitesforfaits, .floatable .resabloccmb a.resanavettes, .floatable .resablocactivites a.resaactivitesforfaits { 
display:none;
}
.floatable #sousmenu1, .floatable #sousmenu2, .floatable #sousmenu3 {
display:none!important;
}	
a.resanavettes { display:none;}
.resablocactivites a.resaboutique, .resabloccmb a.resacmb { 
width: 49%;
font-weight: 100;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size: 1.3em;
line-height: 1.5em;
color: #ffffff;
border: 0px solid;
display:block;
padding: 0px 0px;
margin: 5px 1% 0px 0px;
text-shadow: 2px 1px 1px #2d2a26; 
background: rgba(150,139,131,1) url('/img/fleche-droite.png') 5px 5px no-repeat;
background-size: auto;
text-indent: 20px;
background-size: 15px 15px;
float:left;
}
.resablocactivites a:hover.resaboutique, .resabloccmb a:hover.resacmb,.resablocactivites a:hover.resaactivitesforfaits, .resabloccmb a:hover.resanavettes, .resablocactivites a:hover.resaactivitesforfaits { 
background: rgba(255,255,255,1);
color:#cf3339;
text-shadow: 0px 0px 0px #2d2a26; 
}
.resablocactivites a.resaactivitesforfaits, .resabloccmb a.resanavettes, .resablocactivites a.resaactivitesforfaits {
width: 49%;
font-weight: 100;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size: 1.3em;
line-height: 1.5em;
color: #ffffff;
border: 0px solid;
display:block;
padding: 0px 0px;
text-shadow: 2px 1px 1px #2d2a26; 
margin: 5px 0 0px 1%;
background: rgba(150,139,131,1) url('/img/fleche-droite.png') 5px 5px no-repeat;
background-size: auto;
text-indent: 20px;
background-size: 15px 15px;
float:left;
}

.resaforfaits {
display:none;
}


/* lateral live */

#laterallive {
position:fixed;
top:50px;
left:0px;
width:44px;
height:2000px;
background-color:rgba(150,139,131,1);
z-index:3000;
}
#laterallive #test{
width:180px;
}
#laterallive #test .lateral180 {
width:180px;
}
#laterallive #test .lateral60 {
width:44px;
}
#laterallive a#plus.block { 
display:block;
}
#laterallive a#moins.block { 
display:block;
}
#laterallive a#plus.none { 
display:none;
}
#laterallive a#moins.none { 
display:none;
}
.none {
height:0px;
}
#laterallive a.menu {
margin:0;
line-height:40px;
height:40px;
display:block;
padding-left:44px;
overflow-x:hidden;
background:rgba(150,139,131,1) url("https://www.chamonix.com/img/icon/icon-sidebar-44.png") no-repeat scroll 0px 0px;
color:white;
text-decoration:none;
text-indent:10px;
}

#laterallive a#moins {
background-image: url('/img/icon-moins.png');
margin:0;
line-height:36px;
height:36px;
padding-left:44px;
overflow-x:hidden;
background-color:rgba(45,42,38,1);
background-position:left;
background-repeat: no-repeat;
background-size:36px 36px;
color:white;
text-decoration:none;
}
#laterallive a#moins:hover {
cursor:pointer;
}
#laterallive a#plus:hover {
cursor:pointer;
}
#laterallive a#plus {
background-image: url('/img/icon-plus.png');
display:none;
margin:0;
line-height:36px;
height:36px;
padding-left:44px;
overflow-x:hidden;
background-color:rgba(45,42,38,1);
background-position:left;
background-repeat: no-repeat;
background-size:36px 36px;
color:white;
text-decoration:none;
}
#laterallive a#moins.menu {
background-image: url('/img/icon-moins.png');
}
#laterallive a#live.menu {
background-image: url('/img/icon-menu.png');
display:none;
}
#laterallive a#meteo.menu {
background-position:0px 0px;
}
#laterallive a#webcam.menu {
background-position:0px -48px;
}
#laterallive a#remontees.menu {
background-position:0px -96px;
overflow-y:hidden;
}
#laterallive a#info.menu {
background-position:0px -670px;
overflow-y:hidden;
}
#laterallive a#visite.menu {
background-position:0px -144px;
overflow-y:hidden;
}
#laterallive a#plan.menu {
background-position:0px -192px;
overflow-y:hidden;
}
#laterallive a#neige.menu {
background-position:0px -240px;
overflow-y:hidden;
}
#laterallive a#hebergement.menu {
background-position:0px -288px;
}
#laterallive a#restaurant.menu {
background-position:0px -334px;
}
#laterallive a#evenement.menu {
background-position:0px -382px;
}
#laterallive a#route.menu {
background-position:0px -430px;
overflow-y:hidden;
}
#laterallive a#loupe.menu, .loupe {
background-position:0px -478px;
overflow-y:hidden;
}

#laterallive a#attention.menu {
background-position:0px -526px;
background-color:rgba(208,44,57,1);
overflow-y:hidden;
}
#laterallive a#panier.menu {
background-position:0px -574px;
background-color:rgba(208,44,57,1);
overflow-y:hidden;
position:relative;
}
#laterallive a#rando.menu {
background-position:0px -716px;
overflow-y:hidden;
}
#laterallive a#vtt.menu {
background-position:0px -844px;
overflow-y:hidden;
}
#laterallive a#taxi.menu {
background-position:0px -760px;
overflow-y:hidden;
}
#laterallive a#bus.menu {
background-position:0px -804px;
overflow-y:hidden;
}
#laterallive a#share.menu {
background-image: url('/img/icon-menu-share.png');
overflow-y:hidden;
}
#laterallive a#virtuel.menu {
background-image: url('/img/icon-calendrier-chamonix.png');
overflow-y:hidden;
}
#laterallive a:hover.menu {
-webkit-animation: menulive 0.5s forwards ease-out; 
animation: menulive 0.5s forwards ease-out;
}
@-webkit-keyframes menulive {
0% {width:180px;margin-left:0px;letter-spacing:15px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;text-shadow: 0 0 10px white;background-color:#332520;}
100% {width:235px;margin-left:0px;letter-spacing:1px;border-top-right-radius: 1px;border-bottom-right-radius: 1px;text-shadow: 0 0 0 white;background-color:#766a63;}
}
@keyframes menulive {
0% {width:180px;margin-left:0px;letter-spacing:15px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;text-shadow: 0 0 10px white;background-color:#332520;}
100% {width:235px;margin-left:0px;letter-spacing:1px;border-top-right-radius: 1px;border-bottom-right-radius: 1px;text-shadow: 0 0 0 white;background-color:#766a63;}
} 
/* slider */
#slider {
position:relative;
margin:0px 20px 20px 60px;

}
#slider .slogan {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:1.8em;
line-height:1.5em;
font-weight:300;
margin:10px 0px 0 0;
padding: 0 0 20px 0;
text-transform:uppercase;
text-shadow: 2px 2px 3px rgba(0,0,0,1);
border-bottom:0px solid;
display:block;
background-image: url('/img/motif-ligne.png');
background-position: center bottom;
background-repeat: no-repeat;

}
#slider a .slogan {
color:#ffffff;
}
#slider a:hover .slogan {
color:#000000;
text-shadow: 0 0 0px rgba(0,0,0,0);
}
#slider a .sliderapartir {
color:#ffffff;
margin:0 0 0 5px;
}
#slider a:hover .sliderapartir {
color:#ffffff;
}
#slider a .sliderprix {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
line-height:1.1em;
font-size:2.5em;
font-weight:300;
color:#d02c39;
text-shadow: 2px 1 3px rgba(0,0,0,1);
}
#slider a:hover .sliderprix {
color:#ffffff;
text-shadow: 0 0 3px rgba(0,0,0,.8);
}
#slider .flex-caption a.scrollbas {
display:none;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:0.9em;
line-height:1.4em;
font-weight:300;
margin:18% 0 0 0;
/*width:400px;*/
text-shadow:0px 0px 0px #ffffff;
border:0px solid #ffffff;
/*display:block;*/
text-align:center;
text-shadow: 0 0 5px rgba(0,0,0,.8);
background-image: url('/img/fleche-bas.png');
background-position: 50% 100%;
background-repeat: no-repeat;
padding:20px 0px;
text-transform:uppercase;
color:#ffffff;
}

.blanc {
font-weight:300;
color:#ffffff;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
text-shadow: 2px 2px 3px rgba(0,0,0,1);
}
.blanc a {
color:#ffffff;
font-size:1.4em;
}
.noir {
color:#ffffff;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
}
#slider .flex-caption a:hover {
color:#cac4be;
}
#slider .flex-caption {
width:100%;	
padding: 0;
margin: 0 auto;
position: absolute;
top: 33%;
background: rgba(46,42,42,0);
text-align:center;
text-shadow: 2 2px 2 rgba(0,0,0,1);
font-size: 1.4em;
line-height: 1.8em;
/*opacity:0.1;*/
}
#slider .flex-caption svg {
opacity:0.75;
width:50%;
}
@-webkit-keyframes svgopacity {
    0% { opacity:0.9;}
    100% {opacity:0.1;}
}
@keyframes svgopacity {
    0% { opacity:0.9;}
    100% {opacity:0.1;}
}	
#slider .flex-caption svg:hover {
    -webkit-animation: svgopacity 0.5s forwards ease-out; 
    animation: svgopacity 0.5s forwards ease-out;
}	





.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none;
}
#top-slider .flex-direction-nav li .flex-next {
    background-position: -58px -5px;
    right: 50px;
}
#top-slider .flex-direction-nav li .flex-prev {
    background-position: -5px -5px;
    left: 60px;
}
#top-slider .flex-direction-nav li a {
    width: 40px;
    height: 40px;
    margin: 0% 0 0 0;
    display: block;
    background: url(../img/bg_direction_nav.png) 0% 0% no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -999em;
    border-radius: 20px;
    z-index: 100;
    opacity: .5;
    filter: alpha(opacity=50);
	font-size: 0.1em;
}

#top-slider {
width:73.5%;
min-height: 275px;
}

#fiche-slider.flexslider {
background: #f4efe8;
padding-bottom: 0%;
margin-bottom:20px;
width:100%;
height:auto; 
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#fiche-slider.flexslider ul {
background: #f4efe8;
}
#fiche-slider.flexslider .slides img {display: inline;height:450px;width:auto;max-width:687px;}
#fiche-slider.flexslider .slides > li {position: relative;height:450px;text-align: center;}
#fiche-slider .flex-direction-nav { height: 0;display:none; }
#fiche-slider .flex-direction-nav li a {width: 40px; height: 40px; margin: 3px 0 0; display: block; background: url(../img/bg_direction_nav-2.png) no-repeat; position: absolute; top: 40%; cursor: pointer; text-indent: -999em;border-radius:20px;}
#fiche-slider .flex-direction-nav li .next {background-position: -52px 0; right: 10px;}
#fiche-slider .flex-direction-nav li .prev {left: 10px;}
#fiche-slider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
#fiche-slider .flex-control-nav {width: 100%; text-align: center;height:auto;padding:0px;}
#fiche-slider .flex-control-nav li {margin: 0px 0 5px 5px; display: inline-block; zoom: 1; *display: inline;}
#fiche-slider .flex-control-nav li:first-child {margin: 0;}
#fiche-slider .flex-control-nav li a {width: 15px; height: 15px; border-radius: 7px;display: block; background: #000000; cursor: pointer; text-indent: -999em;}
#fiche-slider .flex-control-nav li a:hover {background: #c7c2bc;}
#fiche-slider .flex-control-nav li a.active {background: #c7c2bc; cursor: default;}
#fiche-evenement-slider.flexslider {padding-bottom: 0%;margin:20px 20px 50px 0;width:450px;height:450px;float:left; background-color:#f3f3f1;}
#fiche-evenement-slider.flexslider .slides img {display: block;max-width:450px;max-height:450px;}
#fiche-evenement-slider.flexslider ul li img {width:auto;}
#fiche-evenement-slider .flex-direction-nav li a {width: 40px; height: 40px; margin: 3px 0 0; display: block; background: url(../img/bg_direction_nav-2.png) 0% 0% no-repeat; position: absolute; top: 40%; cursor: pointer; text-indent: -999em;border-radius:20px;}
#fiche-evenement-slider .flex-direction-nav li a.flex-next {background-position: -58px -5px; right: 10px;content:'';}
#fiche-evenement-slider .flex-direction-nav li .prev {left: 10px;}
#fiche-evenement-slider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
#fiche-slider .flex-control-nav,#fiche-evenement-slider .flex-control-nav,#rando-slider .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
#fiche-slider .flex-control-nav li,#fiche-evenement-slider .flex-control-nav li,#rando-slider .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  display: inline;
}
#fiche-slider .flex-control-paging li a ,#fiche-evenement-slider .flex-control-paging li a,#rando-slider .flex-control-paging li a{
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#fiche-slider .flex-control-paging li a:hover,#fiche-evenement-slider .flex-control-paging li a:hover,#rando-slider .flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
#fiche-slider .flex-control-paging li a.flex-active,#fiche-evenement-slider .flex-control-paging li a.flex-active,#rando-slider .flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
#fiche-slider .flex-control-thumbs,#fiche-evenement-slider .flex-control-thumbs,#rando-slider .flex-control-thumbs  {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
  height:auto;
}
#rando-slider .flex-control-thumbs li  {
  width: 10%;
  float: left;
  margin: 0 1px 3px 0;
  height:auto;
}
#rando-slider .flex-control-thumbs img {
  width: 80px;
  height: 55px;
  display: block;
  opacity: .8;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  } 
#fiche-slider .flex-control-thumbs li {
  width: 7%;
  float: left;
  margin: 0 1px 3px 0;
  height:auto;
}
#fiche-slider .flex-control-thumbs img {
  width: 50px;
  height: 38px;
  display: block;
  opacity: .8;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  }
  #fiche-evenement-slider .flex-control-thumbs img {
  width: 30px;
  height: 38px;
  display: block;
  opacity: .8;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#rando-slider .flex-control-nav {width: 100%; text-align: center;height:auto;padding:0px;}
#rando-slider .flex-control-nav li {margin: 0px 0 5px 5px; display: inline-block; zoom: 1; *display: inline;}
#rando-slider .flex-control-nav li:first-child {margin: 0;}
#rando-slider .flex-control-nav li a {width: 15px; height: 15px; border-radius: 7px;display: block; background: #000000; cursor: pointer; text-indent: -999em;}
#rando-slider .flex-control-nav li a:hover {background: #cac4be;}
#rando-slider .flex-control-nav li a.active {background: #cac4be; cursor: default;}
#fichedroite a.sitrareserve  {
font-size:1.3em;
display:block;
    font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:100;
color:#ffffff;
background:#cf3339;
padding:10px;
cursor:pointer;
margin:0 0 0px 0;
clear:both;
}

#fichedroite .sitraadresse, #ficherando .sitraadresse {

    background: #cac4be;
    padding: 5px;
    margin: 0px 0 20px 0;
    clear: both;
    height: auto;
    overflow: auto;

}  

#fichedroite .titre {
    font-size: 1.4em;
    display: block;
    font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 100;
}

.gauche25 {
float:left;	
width:25%;
}
.droite75 {
float:right;	
width:75%;	
}
.gauche75 {
float:left;	
width:75%;
}
.droite25 {
float:right;	
width:25%;	
}
#module_bus {
    width: 100%;
    overflow: auto;
    height: auto;
	background-color: #f4efe8;
	box-shadow: 0px 5px 5px 0px rgba(45, 42, 38, 0.4);
}
.ligne .titrebas {
    font-size: 2em;
    font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 300;
    margin: 0px 0;
    padding: 0;
}
.videocontainer {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.videocontainer iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
#lienvisite {
    position: relative;
}
#listevisite {
width:100%;
float:left;
background:rgba(244,239,232,1);
}
#listevisite h2{
padding:0;
margin:0;	
font-size:1.5em;
text-indent:15px;
}
#listevisite .details {
display:block;
text-indent:15px;
}	
#listevisite a.details, #lienvisite a.details{
display:block;
text-indent:25px;
font-weight:bold;
margin:5px 0;
float: left;
background: url('/img/fleche-droite.png') 10px no-repeat;
background-size: 15px 15px;
clear:both;
}
#listevisite a.details, #lienvisite a.details {
    display: block;
    text-indent: 25px;
    font-weight: bold;
    margin: 5px 0;
    float: left;
    background: url('/img/fleche-droite.png') 10px no-repeat;
        background-size: auto;
    background-size: 15px 15px;
    clear: both;
}
.videosuivante {
color:#ffffff;
font-size:0.9em;
float:right;	
background: #2d2a26; 
margin: 10px;
}
.visitesuivante {
color:#ffffff;
font-size:0.9em;
float:right;	
background: #2d2a26; 
margin: 0 0 0 10px;
}
.titresuivant {
display: block;
float:left;
padding:3px;
}
.boutonsuivant {
display: block;
background: #d02c39 url('/img/fleche-droite.png') no-repeat center center;
z-index: 100;
width: 36px;
height: 44px;
text-align: center;
color: white;
float: right;
}
#liees {
    position: relative;
    width: 100%;
    background: #f4efe8;
    margin: 20px 0 10px 0;
    overflow: hidden;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#liees h3 {
    font-size: 1.6em;
    line-height: 2em;
    font-weight: 100;
    margin: 0;
    color: #2f2a26;
    text-indent: 20px;
}

#liees a {

    display: block;
    margin: 5px 0px 10px 20px;
    color: #2d2a26;
    text-align: center;
    float: left;
    width: 125px;
    height: 195px;

}
#liees .detail {
    font-size: 1.2em;
    line-height: 2em;
    font-weight: 100;
    margin: 0;
    color: #2c2a26;
    text-align: left;

}
#liees img {
    width: 118px;
    height: 118px;
    border-radius: 59px;
    border: 0px solid #cac4be;
}
#liees h5 {
    margin: 5px 0 0 0;
    font-size: 0.8em;
    line-height: 1.2em;
    font-weight: 100;
    color: #2d2a26;
    font-family: Arial;
}
img.star {
margin:-5px 0 0 3px;
width:20px;
height:20px;
}
img.starliste {
    margin: -5px 0 0 1px;
    width: 14px;
    height: 14px;
}
#liste .selection ul li .listedroite a.acces, #fichedroite .contact a.acces, #ficherando a.acces {
    background: url('/img/icon-contact-acces.png') left top no-repeat;
    background-size: auto;
    background-size: 18px;
    display: block;
    height: auto;
}
#liste .selection ul li .listedroite .contact a, #fichedroite .contact a, #ficherando .contact a {
    color: #000000;
    font-size: 0.8em;
    line-height: 18px;
    height: 18px;
    text-indent: 22px;
    margin: 10px 0;
    display: block;
}
#liste .selection ul li .listedroite a.mail, #fichedroite a.mail, #ficherando a.mail {
    background: url('/img/icon-contact-mail.png') left no-repeat;
        background-size: auto;
    background-size: contain;
    display: block;
}
#liste .selection ul li .listedroite a.fax, #fichedroite a.fax {
    background: url('/img/icon-contact-fax.png') left no-repeat;
        background-size: auto;
    background-size: contain;
    display: block;
}
#liste .selection ul li .listedroite .contact a, #fichedroite .contact a, #ficherando .contact a {
    color: #000000;
    font-size: 0.8em;
    line-height: 18px;
    height: 18px;
    text-indent: 22px;
    margin: 10px 0;
    display: block;
}
#liste .selection ul li .listedroite a.facebook, #fichedroite a.facebook, #ficherando a.facebook {
    background: url('/img/icon-contact-facebook.png') left no-repeat;
        background-size: auto;
    background-size: contain;
    display: block;
}
#liste .selection ul li .listedroite a.instagram, #fichedroite a.instagram, #ficherando a.instagram {
background:url('/img/icon-contact-instagram.png') left no-repeat;
background-size:contain;
display:block;
}
#liste .selection ul li .listedroite a.twitter, #fichedroite a.twitter, #ficherando a.twitter {
background:url('/img/icon-contact-twitter.png') left no-repeat;
background-size:contain;
display:block;
}
#liste .selection ul li .listedroite .contact a, #fichedroite .contact a, #ficherando .contact a {

    color: #000000;
    font-size: 0.8em;
    line-height: 18px;
    height: 18px;
    text-indent: 22px;
    margin: 10px 0;

}  
#randoliees {
position:relative;
height:auto;
overflow:auto;
}
#randoliees a{
display:block;
margin:5px 0px 10px 0px;
color:#2d2a26;
text-align:center;
float:left;
width:125px;
height:195px;
text-indent:0;
}
#randoliees h3{
font-size:1.6em;
line-height:2em;
font-weight:100;
margin:0;
color:#ffffff;
}
#randoliees .detail{
font-size:1em;
line-height:2em;
font-weight:100;
margin:0;
color:#2d2a26;
text-align:left;

}
#randoliees h5{
margin:5px 0 0 0;
font-size:0.8em;
line-height:1.2em;
font-weight:100;
color:#2d2a26;
font-family: Arial;
}
#randoliees img{
width:100px;
height:100px;
border-radius:50px;
border: 2px solid #cccccc;
}
 .listedownload a .downloadpdf, .package a .downloadpdf {
    position: relative;
    height: 55px;
    width: 230px;
    float: right;
    margin: 0 0px 20px 0px;
    overflow: hidden;
    display: block;
    color: #2d2a26;
	background: #f4efe8;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}


#infospeciale  {
position:relative;
height:300px;
width:300px;
float:left;
margin:0 0 20px 20px;
padding:0 0 0 20px;
display:block;
background:rgba(244,239,232,1);

font-size:1em;
color:#2d2a26;
font-weight:300;
text-align:left;
}

#bloc-slider .captions {
position: relative;
bottom:0;
height:52px;
width:100%;
margin:-7px 0 0 0;
padding:0 5px;
background-color:rgba(244,239,232,1);
}
#bloc-slider .captions.promo {
background-color:rgba(207,51,57,1)!important;	
}	
#bloc-slider a .captions.promo h2.titre {
background-image: url('/img/icon/icon-offre-speciale.png');
color:#ffffff;
}
#bloc-slider .captions:hover, #bloc-slider li:hover {
background-color:rgba(255,255,255,1);	
}
#bloc-slider a .captions h2.titre {
background-image: url('/img/icon/icon-calendrier-noir.png');
background-position: 0% 0%;
background-repeat: no-repeat;
background-size:32px 32px;
color:#000000;
padding:0 0 0 40px;
    margin: 0;
    z-index: 29;
    height: 30px;
    width: 100%;
    font-size: 1.6em;
    line-height: 1.6em;
}

#bloc-slider a .soustitrebas {
color:#000000;
line-height:1.2em;
margin:0 5px 0 0;
display:block;
}
#bloc-slider.flexslider {margin: 0px 0px 20px 20px; padding:0; width:620px; float:left;box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);}
#bloc-slider.flexslider .slides > li  {margin:0;}
#bloc-slider .flex-direction-nav { height: 0;display:block;margin:0px 0 0 0; }
#bloc-slider .flex-direction-nav li a {width: 30px; height: 30px; margin:0; display: block;
background: url(../img/bg_direction_nav.png) 0% 0% no-repeat;
position: absolute; top: 50%; cursor: pointer; text-indent: -999em;border-radius:15px;z-index:100;opacity: .3; filter:alpha(opacity=30);font-size:0.1em;}
#bloc-slider .flex-direction-nav li a:hover {opacity: 0.8; filter:alpha(opacity=80);}
#bloc-slider .flex-direction-nav li .flex-next {background-position: -63px -10px; right: 20px;margin:-25px 0 0 0;}
#bloc-slider .flex-direction-nav li .flex-prev {background-position: -10px -10px;left: 20px;margin:-25px 0 0 0;}
#bloc-slider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
#bloc-slider .flex-control-nav {
display:none;
height:0;
position:relative;
top:-20px;
}
.page .infopromo {
position:relative;
width:100%;
height:230px;
float:right;
background:rgba(208,44,57,1);
background-image: url('/img/icon-euro.png');
background-position: right top;
background-repeat: no-repeat;
margin:0px 0 20px 20px;
padding:0 10px;
overflow:hidden;
clear:right;
}
.infopromo .titrebas {
    font-size: 2em;
    font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 300;
    margin: 5px 0;
    padding: 0;
	color:#ffffff;
}
#info-slider.flexslider, #infopromo-slider.flexslider {margin: 0; padding-bottom: 0%;}
#info-slider .flex-control-nav li a.flex-active, #infopromo-slider .flex-control-nav li a.flex-active {background: #ffffff; cursor: default;}
#infopromo-slider.flexslider .slides > li  {position: relative;height:150px;font-size:0.95em;line-height:1.2em;}
#infopromo-slider.flexslider {
  margin: 0 0 0px 0px;
  background: transparent;
} 

#info-slider.flexslider .slides > li {position: relative;height:108px;font-size:0.9em;line-height:1.2em;background:#cac4be;}
#info-slider.flexslider .slides > li a, #infopromo-slider.flexslider .slides > li a  {color:#000000;}
#info-slider.flexslider .slides > li a .download, #infopromo-slider.flexslider .slides > li a .download  {
text-align:center;
background-color:#2d2a26;
line-height:30px;
display:block;
width:30px;
height:30px;
/*margin:5px 0 0px 93px;*/
margin:5px auto 0px auto;
border-radius:15px;
background-image: url('/img/icon-download.png');
background-position: 50% 50%;
background-size: 20px 20px;
background-repeat: no-repeat;
}
#info-slider.flexslider .slides > li a:hover .download, #infopromo-slider.flexslider .slides > li a:hover .download {
background-color:#968b83;
}
#info-slider .flex-control-nav, #infopromo-slider .flex-control-nav {width: 100%; text-align: center;height:20px;padding:5px;margin:0px 0;}
#info-slider .flex-direction-nav, #infopromo-slider .flex-direction-nav { height: 0;display:none; }
#info-slider .flex-direction-nav li a, #infopromo-slider .flex-direction-nav li a {width: 40px; height: 40px; margin: 3px 0 0; display: block; background: url(../img/bg_direction_nav-2.png) no-repeat; position: absolute; top: 40%; cursor: pointer; text-indent: -999em;border-radius:20px;}
#info-slider .flex-direction-nav li .next, #infopromo-slider .flex-direction-nav li .next {background-position: -52px 0; right: 10px;}
#info-slider .flex-direction-nav li .prev, #infopromo-slider .flex-direction-nav li .prev {left: 10px;}
#info-slider .flex-direction-nav li .disabled, #infopromo-slider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
#info-slider .flex-control-nav {
    width: auto;
    text-align: center;
	background-color:#cac4be;
	}
#speciale-slider.flexslider .slides > li {position: relative;height:175px;font-size:0.9em;color:#000000;font-family: Arial;}

#speciale-slider.flexslider .slides > li a {color:#000000;}
#speciale-slider.flexslider .slides > li a .plus {
text-align:center;
background-color:#2d2a26;
color:#ffffff;
font-weight:300;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
text-transform:uppercase;
font-size:1.4em;
line-height:24px;
display:block;
width:24px;
height:24px;
margin:10px auto 0px auto;
border-radius:12px;
}
#speciale-slider.flexslider .slides > li a:hover .plus {
background-color:#ffffff;
color:#2d2a26;
}

#infospeciale #speciale-slider.flexslider { background: transparent;}
#speciale-slider .flex-direction-nav { height: 0;display:none; }
#speciale-slider .flex-direction-nav li a {width: 40px; height: 40px; margin: 3px 0 0; display: block; background: url(../img/bg_direction_nav-2.png) no-repeat; position: absolute; top: 40%; cursor: pointer; text-indent: -999em;border-radius:20px;}
#speciale-slider .flex-direction-nav li .next {background-position: -52px 0; right: 10px;}
#speciale-slider .flex-direction-nav li .prev {left: 10px;}
#speciale-slider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
#promo-slider.flexslider {margin: 0; padding-bottom: 0%; width:300px;float:left;}
#promo-slider.flexslider .slides img {display: block;width:100%;height:145px;}
#promo-slider.flexslider .slides > li {position: relative;height:145px;}
#promo-slider .flex-control-nav { margin:3px 0px;}
#promo-slider .flex-direction-nav { display:none; }
.flex-control-nav li a:hover {
    background: #ffffff;
}
.flex-control-nav li a {
    width: 13px;
    height: 13px;
    border-radius: 6px;
    display: block;
    background: #000000;
    cursor: pointer;
    text-indent: -999em;
}
.fondrouge a {
    color: #cf3339!important;
    font-weight: bold;
}
/* ====================================================================================================================
 * FONT-FACE
 * ==================================================================================================================== */
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 0px 0px;
  background: #fff;
  border: 0px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
  content: '';
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '';
}
#top-slider .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -25px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
#fiche-evenement-slider .flex-control-thumbs li {
  width: 8%;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* titre nav */
#titre { 
margin:10px 0;
width:100%;
background:#f4efe8;
height:auto;
overflow:hidden;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#titre a.bas { 
display: block;
position: absolute;
margin: -66px 0px 0px;
background: url('/img/fleche-bas-blanc.png') no-repeat center center;
z-index: 100;
width: 50px;
left: 37.4%;
height: 46px;
text-align: center;
color: white;
}
#titre a.bas:hover { 
background:#cf3339 url('/img/fleche-bas-blanc.png') no-repeat center center;
}
#titre .h {
margin:0px auto;
width:1024px;
padding:0 0 0 40px;
display:block;
}
#titre h1 {


}

.nav { 
float:left;
}
.tabs .nav { 
float:none;
}

.nav.nav-tabs {
float:none;
display:none;	
}
.nav ul{
list-style:none;
margin:0;
padding:0;
}
.nav ul li {
padding:0 20px 0 0;
list-style:none;
float:left;
font-size:0.8em;
line-height:2.2em;
color:#2d2a26;
text-indent:20px;
background: url('/img/fleche-droite.png') left no-repeat;
background-size: 15px 15px;
}
.nav ul li a {
color:#2d2a26;
}

.nav ul li a:hover {
color:#cf3339;
}



/* page */
.page {
margin: 20px auto 0px auto;
width:1024px;
padding:0 2px 0 40px;
border:0px solid #dddddd;
background:#ffffff fixed;
overflow:hidden;
}
.page h3 {
color: #968b83;
}
.page a h3 {
color: #cf3339;
}
.bloc{
clear:both;
position:relative;
height:auto;
/*overflow:hidden;*/
margin:0 0 0 -20px;
}
.bloc h3{
text-indent:25px;
}
/*.bloc a .rect,.bloc .rect{
position:relative;
height:250px;
width:660px;
float:left;
margin:0 0 20px 20px;
overflow:hidden;
display:block;
color:#ffffff;
}*/
.bloc h2.titrehaut {
position:relative;
margin:0;
padding:5px 10px;
z-index:29;
width:100%;
background-color:rgba(45,42,38,1);
font-size:1.6em;
line-height:1.4em;
}
.bloc .rect p, .bloc .carre p {
color:#2d2a26;
}
.bloc .rect p, .bloc .carre p.gras  {
color:#968b83;
}

.bloc a:hover .image img {
opacity:0.4;
filter:alpha(opacity=40);
}
.bloc a .carre, .bloc a .rect {
position:relative;
height:300px;
width:300px;
float:left;
margin:0 0 20px 20px;
display:block;
color:#2d2a26;
background-color:#f4efe8;
box-shadow:0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
.visiteliste .bloc a .carre {
position:relative;
height:315px;
width:300px;
}
/* cas special agenda */
.bloc a#guide .carre {
height:280px;
}
.bloc #guide .carre img{
   height: 180px;
}
/**/
.bloc a .carre:hover {
color:#cf3339;	
background-color:#ffffff;
}
.bloc .carre img, .bloc .rect img {
height:200px;
width:300px;
}
.bloc .slide img {
height:235px;
width:620px;
}
.bloc a .carre #date, .bloc a .rect #date {
position:absolute;
z-index:501;
top:0px;
width:280px;
padding:3px 10px;
font-size:1em;
height:20px;
color:#000000;
}
.bloc a h2.titrebas,.listedownload a h2.titrebas  {
margin:0;
padding: 0 0px 0 10px;
z-index:29;
height:38px;
width:100%;
font-size:1.5em;
line-height:1.5em;
}
.bloc a .rect h2.titrebas  {
height:30px;
}
.bloc a h2.titrebascentrale {
position:relative;
top:5px;
left:15px;
margin:0;
padding:0px 10px;
z-index:0;
width:100%;
font-size:1.8em;
height:auto;
font-weight:100;
color:#000000;
}
.fondrouge a {
color:#cf3333!important;
font-weight:bold;	
}
.bloc a p.chapocentrale {
position:relative;
width:60%;
float:right;
top:20px;
font-family:Arial;
font-size:0.8em;
line-height:1.4em;
color:#000000;
font-weight:100;
}
.bloc a:hover p.chapocentrale {
color:#968b83;
}
.bloc a h2.titrecentrale {
position:relative;
top:10px;
left:180px;
width:240px;
margin:0;
padding:0px 10px;
z-index:0;
font-size:1.8em;
height:auto;
font-weight:100;
color:#000000;
}
.bloc a p.soustitrecentrale {
position:relative;
top:20px;
left:180px;
width:240px;
padding:0px 10px;
font-size:0.9em;
line-height:1.4em;
color:#000000;
font-weight:100;
}
.bloc a ul.centrale {
position:relative;
width:23%;
float:right;
top:-20px;
padding:20px 10px 20px 20px;
font-family: Arial;
font-size:0.9em;
line-height:1.5em;
color:#000000;
font-weight:100;
background:#10a7d4;
list-style:none;
height:182px;
}
.bloc a ul.centrale li .gros {
color:#ffffff;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:1.2em;
}
.bloc p.bascentrale {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
position:absolute;
width:50%;
right:0px;
height:80px;
bottom:0px;
margin:0 6px 0 0;
font-size:1.4em;
line-height:1.6em;
color:#ffffff;
float:right;
text-align:right;

/*background-color:rgba(208,44,57,1);*/
}
.bloc p.bascentrale .mail {
display:block;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:0.8em;
line-height:1.2em;
color:#000000;
}



.bloc a .rect,.bloc .rect{
position:relative;
height:300px;
width:620px;
float:left;
margin:0 0 20px 20px;
overflow:hidden;
display:block;
color:#000000;
}
.bloc .promos{
position:relative;
height:300px;
width:300px;
float:left;
margin:0 0 20px 20px;
overflow:hidden;
display:block;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}

.bloc h2.titrehaut {
position:relative;
top:0;
left:0;
margin:0;
padding:5px 10px;
z-index:29;
width:100%;
background-color:rgba(244,239,232,1);
font-size:1.6em;
line-height:1.4em;

}

/* modif carre - rect */
.bloc  a.offretous {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:1.1em;
font-weight:100;
float:right;
padding:0px 20px 0 0;
background-image: url('/img/fleche-droite.png');
background-position: 100% 50%;
background-size: 20px 20px;
background-repeat: no-repeat;
color:#d02c39;
margin:0px 0 0 0;
clear:both;
}
.bloc  a:hover.offretous {
color:#766D62;
}
.bloc .promos a.vignette {
margin:15px 0 10px 10px;
float:left;
width:96%;
color:#000000;
}
.bloc .promos a:hover.vignette {
background:#f3f3f1;
}
.bloc .promos a.vignette img {
float:left;
height:75px;
width:115px;
margin:0 10px 0 0;
}
#SejoursAccueil .item .photoprincipale {
    width: 30%!important;
}
#SejoursAccueil .item .blocentete {
    width: 70%!important;
}
.bloc .promos a.vignette .offretitre {
display:block;
line-height:1.2em;
}
.bloc .promos a.vignette .offrelieu {
display:block;
font-size:0.9em;
color:#968b83;
margin:0 0 20px 0;
}
.bloc .promos a.vignette .offreprix {
float:right;
font-size:0.6em;
display:block;
line-height:1.2em;
margin:3px 10px 0px 10px;
max-height: 10px;
}
.bloc .promos a.vignette .offreprix b {
display:block;
font-size:1.8em;
line-height:1.3em;
color:#ffffff;
float:right;
padding:3px 8px 3px 8px;
background-color:rgba(207,51,57,1);
border-radius:8px;
margin:-35px 10px 0 0;
}


.bloc a .download {
    position: relative;
    height: 200px;
    width: 230px;
    float: left;
    margin: 0 0px 20px 20px;
    overflow: hidden;
    display: block;
    color: #ffffff;
	background:#f4efe8;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
.listedownload a .download {
    position: relative;
    height: 200px;
    width: 230px;
    float: left;
    margin: 0 0px 20px 0px;
    overflow: hidden;
    display: block;
    color: #ffffff;
	background:#f4efe8;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
.listedownload h3 {
	color:#cf3333;
}
.bloc a .download .chapo,.listedownload a .download .chapo {
margin:5px 10px 0 10px;
width:95%;
font-size:0.9em;
line-height:1.1em;
height:70px;
color:#000000;
background: url('/img/fleche-bas.png') bottom no-repeat;
}

.bloc a .download h2.titrebas,.listedownload a .download h2.titrebas ,.package a .download h2.titrebas{
color:#2d2a26;
font-size:1.4em;
line-height:1.1em;
height:40px;
}
.bloc a h2.titrebas.hover,.listedownload a  h2.titrebas.hover, .package a  h2.titrebas.hover {
height:160px;
}
.bloc a .chapo.hover,.listedownload a .chapo.hover,.package a .chapo.hover {
visibility:visible;
top:120px;
background: none;
width:95%;
}
#listerando.bloc a .chapo {
height:80px!important;
}

#listerando.bloc a .carre{
 height: 330px!important;
}
.bloc a .chapo,.package a .chapo {
/*position:absolute;
z-index:29;
top:0px;*/
margin:5px 10px 0 10px;
width:95%;
font-size:0.9em;
line-height:1.1em;
height:60px;
color:#000000;
background: url('/img/fleche-bas.png') bottom no-repeat;
}

.bloc a .chapo.hover .infospeciale {
display:block;
padding:5px 10px 5px 40px;
background-image: url('/img/icon-attention.png');
background-position:left;
background-repeat:no-repeat;
background-color:rgba(205,29,47,0.6);
background-size:35px 35px;
margin:10px 0 0 0;
height:auto;
overflow:hidden;
}
.bloc a:hover .chapo.hover .infospeciale {
background-image: url('/img/icon-attention.png');
background-position:left;
background-repeat:no-repeat;
background-color:rgba(0,0,0,0.8);
}
.bloc a .chapo.hover .infospeciale .plus {
text-align:center;
background-color:#ffffff;
color:#2d2a26;
font-weight:300;
font-family: 'Open Sans', sans-serif;
font-size:1.4em;
line-height:20px;
display:block;
width:20px;
height:20px;
margin:10px 0 0 0px;
border-radius:10px;
float:right;
}
.bloc a p.date{
position:absolute;
z-index:30;
bottom:0;
right:0;
margin:0 0 0 0;
width:150px;
font-size: 0.8em;
line-height:2em;
border-left:0px;
text-align:center;
}
.bloc a p.saison,.listedownload a p.saison,.package a p.saison {
position:absolute;
z-index:30;
top:285px;
right:5px;
margin:0;
font-size: 0.8em;
line-height:1.1em;
border-left:0px;
text-align:center;
color:#968b83;
}

#fichedroite .listedownload a p.saison {
	top:75px;
	color:#2d2a26;
}


.bloc a h2.titrebasvisite,.bloc a h2.titrebasrando {
    margin: 0;
    padding: 0 0px 0 10px;
    z-index: 29;
    height: 50px;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.2em;
}
.bloc a p.saisonvisite {
position:absolute;
z-index:30;
top:75px;
right:5px;
margin:0;
font-size: 0.8em;
line-height:1.1em;
border-left:0px;
text-align:center;
color:#968b83;
}
.bloc a p.rando {
position:absolute;
z-index:30;
top:290px;
right:5px;
margin:0;
font-size: 0.8em;
line-height:1.1em;
border-left:0px;
text-align:center;
color:#968b83;
}
.bloc a .carre  p.rando {
width:100%;
}
.bloc a .carre  p.saison{
/*width:80px;*/
}
.bloc a .rect  p.saison{
/*width:120px;*/
}
.bloc .icon span { 
width:35px;
height:35px;
background-size:100%;
float:right;
margin:0px;
}

.bloc a  p.rando .icon span {
margin:3px 2px;	
}
.bloc .icon span.hiver { 
background-position:0px -355px;
}
.bloc .icon span.ete { 
background-position:0px -390px;
}
.bloc .icon span.remontee { 
background-position:0px -710px;
}
.bloc .icon span.buvette { 
background-position:0px -745px;
}
.bloc .icon span.lac { 
background-position:0px -780px;
}
.bloc .icon span.refuge { 
background-position:0px -815px;
}
.bloc .icon span.panorama { 
background-position:0px -850px;
}
.bloc .icon span.cascade { 
background-position:0px -885px;
}
.bloc .icon span.glacier { 
background-position:0px -920px;
}
.bloc .icon span.reserve { 
background-position:0px -955px;
}
.bloc .icon span.patrimoine { 
background-position:0px -990px;
}
.bloc .icon span.animaux { 
background-position:0px -1025px;
}
.bloc .icon span.randofacile { 
background: url('../img/icon/icon-carto-rando-vert.png')!important;
background-size: 100% !important;
}
.bloc .icon span.randomoyen { 
background: url('../img/icon/icon-carto-rando-orange.png')!important;
background-size: 100% !important;
}
.bloc .icon span.randodifficile { 
background: url('../img/icon/icon-carto-rando-rouge.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttfacile { 
background: url('../img/icon/icon-carto-vtt-vert.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttmoyen { 
background: url('../img/icon/icon-carto-vtt-bleu.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttdifficile { 
background: url('../img/icon/icon-carto-vtt-rouge.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vtttresdifficile { 
background: url('../img/icon/icon-carto-vtt-noir.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttmoyen { 
background: url('../img/icon/icon-carto-vtt-bleu.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttaefacile { 
background: url('../img/icon/icon-carto-vttae-vert.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttaemoyen { 
background: url('../img/icon/icon-carto-vttae-bleu.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttaedifficile { 
background: url('../img/icon/icon-carto-vttae-rouge.png')!important;
background-size: 100% !important;
}
.bloc .icon span.vttaetresdifficile { 
background: url('../img/icon/icon-carto-vttae-noir.png')!important;
background-size: 100% !important;
}
.bloc a .rect p.saison img{
width:30px;
height:30px;
margin:0 5px;
}
.bloc a .carre p.saison img{
width:25px;
height:25px;
margin:5px;
}
.bloc a .saisontexte{
display:block;
background:none;
clear:both;
line-height:1em;
}
.bloc a .randotexte{
display:block;
background:none;
float:left;
margin:5px;
}
.bloc a .image {
/*position:absolute;
z-index:27;
top:0px;*/
width:100%;
height:200px;
display:block;
}
.bloc a .rect .image {
height:230px;
}
#blocneige {
float:left;
margin:0 0 20px 20px;
display:block;
width:300px;
height:280px;
background-color:rgba(45,42,38,1);
background-image: url('/img/illustration-aiguille-du-midi.png');
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 100% auto;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
/*border-radius:0 20px 0 20px;*/
}
/* ete rhodo */
/* automne feuille */
#pubmeteo3, #pubmeteo2, #pubmeteo1 {
    width: 100%;
    text-align: center;
}
.webcamneige {
width:340px;
float:left;
margin:auto;
margin:0px 0px 20px 0;
}
.webcamneige .webcamot {
margin:0 0 20px 0;	
}
.ouvert {
margin:2px 2px 0 0;
width:18px;
height:18px;
border-radius:9px;
display:block;
text-align:center;
float:right;
background-color:#799c4b;
}
.ferme {
margin:2px 2px 0 0;
width:18px;
height:18px;
border-radius:9px;
display:block;
text-align:center;
float:right;
background-color:#cd1d2f;
}
.special {
margin:2px 2px 0 0;
width:18px;
height:18px;
border-radius:9px;
display:block;
text-align:center;
float:right;
background-color:#cc9900;
}
#blocneige.detail {
background-image: none;	
background-color:#f4efe8;
width:640px;
padding:15px 5px;
margin:0;
height:auto;
}
#blocneige.detail h2 {
margin:0 0 5px 0;
font-size:1.8em;
text-transform:none;
float:none;
clear:both;
}
#blocneige.detail a.bulneige {
height:110px;
padding:5px 10px;
margin:0 0 10px 0px;
width: 180px;
float:left;

}
#blocneige.detail a.bulneige.fond {
color:#ffffff;
background-image: url("/img/icon/icon-details-blanc.png");
background-position: 97% 97%;
background-repeat: no-repeat;	
background-size:22px 22px;
background-color:#2d2a26;	
}
#blocneige.detail a:hover.bulneige.fond {
background-image: url("/img/icon/icon-details.png");		
background-color:#ffffff;
color:#000000;
}
#blocneige.detail a.bulneige.ski {
color:#000000;
background-image: url("/img/icon/icon-details.png");
background-position: 97% 97%;
background-repeat: no-repeat;	
background-size:22px 22px;
background-color:#cac4be;	
}
#blocneige.detail a:hover.bulneige.ski {
background-image: url("/img/icon/icon-details.png");	
background-color:#ffffff;
color:#000000;
}
#blocneige.detail a.bulneige p span, #blocneige.detail a.bulneige p{
font-size:18px;	
}
#blocneige.detail a.bulneige p{
margin:15px 0 0 0;	
}
#blocneige.detail a.ava {
background-image: url("/img/icon/icon-details.png");
background-position: 97% 97%;
background-repeat: no-repeat;	
background-color:#ffffff;
background-size:22px 22px;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
text-align:left;
height:230px;
float:right;
margin:0px 0 10px 0px;
padding:5px 0px 0 10px;
width:195px;
overflow:hidden;

font-weight:300;
color:#000000;
}
#blocneige.detail a:hover.ava {
background-image: url("/img/icon/icon-details-blanc.png");
background-color:#2d2a26;
color:#ffffff;
}
#blocneige.detail a.ava img{
margin:5px 0 5px 30px;
}
#blocneige.detail a.bulmet {
float:right;
overflow:auto;
padding:5px 5px 5px 10px;
margin:0px 0px 10px 10px;
height:230px;
width: 235px;
background-image: url("/img/icon/icon-details-blanc.png");
background-position: 97% 97%;
background-repeat: no-repeat;	
background-size:22px 22px;
background-color:#10a7d4;
color:#ffffff;
display:block;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:300;
}
#blocneige.detail a.bulmet span{
display:block;	
}
#blocneige.detail a:hover.bulmet {
background-image: url("/img/icon/icon-details.png");	
background-color:#ffffff;
color:#000000;
}
#blocneige.detail .met {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
text-align:center;
height:105px;	
float:left;
margin:10px 10px 10px 0px;
padding:5px 5px 0 5px;
width:100px;
overflow:hidden;
background:#ffffff;
color:#000000;
font-weight:300;
}
#blocneige.detail .met img {
width:75px;
}
#blocneige.detail .ava span,#blocneige.detail .met span {
float:none;
display:block;
}
.titrelive {
display:block;
font-size:1.6em;
line-height:1.6em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:100;
color:#ffffff;
margin:5px 10px 5px 10px;
/*border-bottom:1px solid #999999;*/
font-weight:300;
}
a.bulneige {
display:block;
color:#ffffff;
margin:0px 0% 10px 3%;
padding:0px 5px;
height:50px;
text-transform:uppercase;
font-size:1.1em;
width:45%;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:100;
overflow:hidden;
float:left;
}
a.bulneige p{
line-height:10px;

}
a.bulneige span span{
font-weight:300;
}
a:hover.bulneige {
background-color:#10a7d4;
}
a.fond {
background-color:rgba(45,42,38,1);
background-image: url("/img/icon/icon-bulletin-neige.png");
background-position: 101% -34px;
background-repeat: no-repeat;	
background-size: 38px auto;
/*display:none;*/
}
a.ski {
background-color:rgba(45,42,38,1);
background-image: url("/img/icon/icon-bulletin-neige.png");
background-position: 104% 14px;
background-repeat: no-repeat;	
background-size: 38px auto;	
/*display:none;*/
}
a.neige {
display:block;
background-color:#10a7d4;	
background-image: url("/img/icon/icon-bulletin-neige.png");
background-position: 95% 0px;
background-repeat: no-repeat;
background-size: 50px auto;
color:#ffffff;
margin:0px auto 10px auto;
padding:5px 10px;
height:50px;
text-transform:uppercase;
font-size:1.1em;
width:94%;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:300;
text-align:center;
overflow:hidden;
}
a.neige p{
width:auto;	
display:initial;
float: left;	
}	
a.speciallive {
display:block;
background-image: url("/img/icon-attention.png");
background-position: left center;
background-repeat: no-repeat;
background-size: 35px 35px;
background-color:rgba(205,29,47,1);
/*-color:rgba(46,42,42,0.8);	*/
color:#ffffff;
margin:5px auto 15px auto;
padding:5px 10px 5px 40px;
height:60px;
font-size:0.9em;
line-height:1.2em;
width:94%;
text-align:left;
overflow:hidden;
max-width:500px;
}
a:hover.speciallive {
background-color:rgba(45,42,38,1);		
}
#blocneige.detail a.speciallive {
width:48%;
float:left;
margin-right:5px;	
}
.carrelive {
margin:0 4px 10px 8px;	
width:62px;
line-height:44px;
height:62px;
display:block;
padding:0px;
overflow:hidden;
background:rgba(150,139,131,1) url("https://www.chamonix.com/img/icon/icon-sidebar-44.png") no-repeat scroll 0px 0px;
float:left;
}


a .txtneige {
position:relative;
top:40px;
display:block;
width:100%;
color:#ffffff;
margin:0px auto 0px auto;
text-align:center;
font-size:0.8em;
line-height: 2em;
background:rgba(150,139,131,1);
}	
a:hover.carrelive, a:hover .txtneige, a:hover.neige {
background-color:rgba(45,42,38,1);		
}
.iconmeteo {
background-position:10px -1px;
}
.iconwebcam {
background-position:10px -48px;
}
.iconremontees{
background-position:10px -96px;	
}
.iconroute {
background-position:10px -433px;	
}
#centrale {
position:relative;
font-family: "Open Sans Condensed",sans-serif;
text-align: center;
font-size: 1.2em;
line-height: 1.2em;
z-index:50;
margin:3px 0 0 600px;
float:left;
}
.bloc a .carre.centrale {
background-color:#f4efe8;
background-image: url('/img/standard-centrale.png');
background-position: 0% 50px;
background-repeat: no-repeat;
}
.bloc a .carre.centrale:hover {
    background-color: #ffffff;
}	
.bloc a .rect.centrale {
background-color:#ffffff;
background-image: url('/img/standard-centrale-rect.png');
background-position: 0% 6px;
background-repeat: no-repeat;
}

.centraletxt {
float:left;
color:#ffffff;
margin:0px 5px 0 0px;
}
.centraletel {
padding:0 0 0 20px;
float:left;
background:url('/img/icon-contact-tel.png') left no-repeat;
background-size: 18px 18px;
font-weight:300;
display:block;
}
/* fin bloc */
#pub300x250.webcams {
margin:20px 0 0 0;
}
.presentation {
    float: left;
    width: 70%;
    min-width: 300px;
    max-width: 700px;
}
.imagegauche {
    float: left;
    padding: 0 15px 0 0;
}
.imagedroite {
    float: right;
    padding: 0 0 0 15px;
}
.page .info {
    position: relative;
    width: 230px;
    height: 180px;
    float: right;
    background: rgba(199,194,188,1);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
    background-image: url('/img/icon-ampoule.png');
    background-position: right top;
    background-repeat: no-repeat;
    margin: 0px 0 20px 20px;
    padding: 0 10px;
    overflow: hidden;
    clear: right;
}
.page #fichedroite .info {
    position: relative;
    width: 100%;
}	
#liste .selection ul li span.bonplan{
color:#ffffff;
background:#cf3339;
font-size:0.9em;
line-height:1.8em;
font-weight:700;
float:right;
display:block;
padding:0px 5px;
border-radius:0px;
margin: 15px 15px 0 0;
}
.bonplan a {
color:#ffffff;	
}
#liste .selection ul li span.boutoncovid{
color:#ffffff;
background:#339933;
font-size:0.9em;
line-height:1.8em;
font-weight:700;
float:right;
display:block;
padding:0px 5px;
border-radius:0px;
margin: 15px 15px 0 0;
}
.boutoncovid a {
color:#ffffff;	
}
#liste .selection ul li span.complet{
color:#ffffff;
background:#ff0000;
font-size:0.9em;
line-height:1.8em;
font-weight:700;
float:right;
display:block;
padding:0px 5px;
border-radius:0px;
margin: 15px 15px 0 0;
}
.complet a {
color:#ffffff;	
}
#liste .selection ul li span.presquecomplet{
color:#ffffff;
background:#ff6600;
font-size:0.9em;
line-height:1.8em;
font-weight:700;
float:right;
display:block;
padding:0px 5px;
border-radius:0px;
margin: 15px 15px 0 0;
}
.presquecomplet a {
color:#ffffff;	
}
.info .titrebas {
    font-size: 2em;
    font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 300;
    margin: 5px 0;
    padding: 0;
}
/* liste apidae*/
#liste {
    clear: both;
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 0;
}
.vid-selection-container {
   /* width: 100%;*/
	width: 23.5%;
    margin: 20px 0 10px 0;
    float: right;
}
#fichedroite .vid-selection-container {
	width: 100%;
}

.neigecontainer { width:100%; height:auto;overflow:auto;margin-bottom:10px;}
.neigecontainer iframe { width:100%!important;height:4700px; }

#vid_selection_frame {
    width: 100%;
    height: 125px;
}
.vid-selection-container iframe {
    float: right;
    clear: both;
}
#liste.video {
	clear:none;
}
#listevideo {
width:62%;
float:left;
background:rgba(245,243,241,1);
margin:0 20px 0 0;
}
#listevideo iframe {
	
}
.videotexte {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    padding: 3px 5px;
    display: block;
    background: #f4efe8;
    color: #2d2a26;
    clear: both;
}
.videobloc {
display:block;	
clear:both;
margin:10px 0;
overflow:auto;
}
.videovignette {
position:relative;	
width:100px;
height:70px;
margin:0 10px 0 20px;
float:left;	
}
.videovignette img {
margin:0 0 0 0px;	
width:100px;
height:70px;
}
.videoduree{
display:block;
position:absolute;
bottom:0px;
right:0px;
background-color:rgba(0,0,0,0.8);
color:#ffffff;
}
.videovignettedate {
display:block;
font-size:0.9em;
font-weight:normal;
color:#000000;	
margin:5px 0 0 0;
}
.videotitrevignette {
font-weight:bold;
display:block;
font-size:0.9em;
line-height:1em;
margin:5px 0 0 0;
}
.videovignettetexte {
font-weight:normal;
color:#766D62;	
font-size:0.9em;
}
#liste #selection.videoliste {
	float:right;
	width:100%;
	clear:none!important;
}
#liste #multiselection {
    float: left;
    width: 75%;
    margin: 0 0 20px 0;
}
#liste .ui-icon.selectionhaut {
    background-image: url('/img/fleche-haut-marron.png') !important;
    background-repeat: no-repeat;
    width: 35px;
    height: 45px;
    margin: 10px;
    float: right;
}
#liste h2.titreselection, h2.titrewebcam {
    font-size: 1.8em;
    line-height: 2em;
    text-indent: 20px;
    font-weight: 100;
    margin: 20px 0 0px 0;
    color: #cf3339;
}
#liste h2.titreselection a::before,#liste h2.titrerando a::before,#liste h2.titreselection a::after,#liste h2.titrerando a::after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0);
}
#liste h2.titreselection:hover,#liste h2.titrerando:hover {
cursor:pointer;background-color:rgba(255,255,255,1);
}
#liste h2.titreselection.nopointer:hover,#liste h2.titrerando.nopointer:hover {
cursor:auto;
}

#liste .ui-icon.selectionbas {
    background-image: url('/img/fleche-bas.png') !important;
    background-repeat: no-repeat;
    width: 35px;
    height: 45px;
    margin: 10px;
    float: right;
}
#liste .titreselection, .titrewebcam {
    position: relative;
    width: 100%;
    height: 50px;
    float: left;
    background: #f4efe8;
    margin: 0px 0 20px 0;
    clear: left;
    overflow: hidden;
	
}
#liste .filtreselection, #liste .filtreevenement {
	font-size: 1.2em;
    background: #f4efe8;
    width: 100%;
    margin: 0px 0 20px 0;
    padding: 0px 0 10px 0;
    float: left;
}
#liste .filtreselection select, #liste .filtreevenement select {
    margin: 5px 0 5px 10px;
    color: #ffffff;
    background: #2d2a26;
    border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
    font-weight: 300;
    border-radius: 4px;
    padding: 3px;
    width: 155px;
    float: left;
}
#liste .filtreselection input[type="text"] {
    margin: 5px 5px 5px 10px;
    width: 180px;
    float: right;
    border: 0px solid #2d2a26;
    padding: 1px 8px 1px 32px;
    color: #ffffff;
    background: url('/img/icone-loupe-input.png') left no-repeat #2d2a26;
    border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 300;
    border-radius: 4px;
}
#liste .selection ul li img.liste {
    float: left;
    margin: 0 2% 0 0;
    width: 38%;
    height: 190px;
}
#liste .selection ul li .listedroite a.web, #fichedroite a.web, #ficherando a.web {
    background: url('/img/icon-contact-web.png') left no-repeat;
        background-size: auto;
    background-size: contain;
    display: block;
}
#liste .selection ul li .listedroite .contact a, #fichedroite .contact a, #ficherando .contact a {
    color: #000000;
    font-size: 0.8em;
    line-height: 18px;
    height: 18px;
    text-indent: 22px;
    margin: 10px 0;
    display: block;
}
#liste .selection ul li .listedroite a.tel, #fichedroite a.tel, #ficherando a.tel {
    background: url('/img/icon-contact-tel.png') left no-repeat;
        background-size: auto;
    background-size: contain;
    display: block;
}
#liste .selection ul li .listedroite .contact a, #fichedroite .contact a, #ficherando .contact a {
    color: #000000;
    font-size: 0.8em;
    line-height: 18px;
    height: 18px;
    text-indent: 22px;
    margin: 10px 0;
}
#liste .selection ul li .titre {
    float: left;
    margin: 10px 0 5px 0;
	overflow: hidden;
max-width: 60%;
}
#liste .selection ul li .titre h3 {
    font-weight: 100;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0px 0 5px 0;
    min-width: 200px;
	overflow: hidden;
max-width: 100%;
height: 28px;
}
#liste .selection ul li .titre .lieu {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
    color: #968b83;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 100;
    margin: 0px 0 5px 0;
    clear: left;
}
#liste .selection ul li .listegauche {
    float: left;
    width: 59%;
    margin: 0 1% 0 0;
    height: 50px;
}
#liste .selection ul li .description {
    clear: right;
    font-size: 0.9em;
	line-height:1.2em;
    margin: 0px 0 0px 0px;
    display: block;
    color: #000000;
}
#liste .selection ul li a.resa {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
    color: #ffffff;
    background: #968b83;
    font-size: 1.3em;
    line-height: 1.8em;
    font-weight: 100;
    float: right;
    display: block;
    padding: 0px 10px;
    border-radius: 0px;
margin:10px 100px 0px 0px;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}

#liste .selection ul li a.complet {
    color: #ffffff;
    background: #cf3339;
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 100;
    float: right;
    display: block;
    padding: 0px 10px;
    border-radius: 0px;
margin:10px 100px 0px 0px;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#liste .selection ul li a.presquecomplet {
    color: #ffffff;
    background: #ff6600;
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight: 100;
    float: right;
    display: block;
    padding: 0px 10px;
    border-radius: 0px;
margin:10px 100px 0px 0px;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}

#liste .selection ul li a:hover.resa {
    color: #ffffff;
    background: #cf3339;
}
#liste .selection ul li .listedroite {
    float: left;
    width: 30%;
}
/* fin liste */
/* rando */
#randoselection input[type=text]{
margin:15px 5px 5px 10px;
width:220px;
float:right;
border: 0px solid #2d2a26;
padding: 3px 8px 3px 32px;
color: #ffffff;
background:url('/img/icone-loupe-input.png') left no-repeat #2d2a26;
border: 0px solid #cac4be;

font-weight:300;
border-radius:4px;
}
p.grasrando{
	
font-size:1.5em;
/*font-family: 'Open Sans Condensed', sans-serif;*/
color:#968b83;
line-height:26px;
font-weight:400;
margin:10px 0 10px 0;
}
#visite_player.normal { position:relative;width:100%;height:420px;}		
#visite_player.full { position:absolute;top:0px; left:0px;width:1800px;height:100%;z-index:10000;}
#visite_playerrando.normal { position:absolute;width:100%;height:420px;}
.presentation.rando {
float:left;
width:100%;
min-width:300px;
max-width:100%;
}
#liste #randoselection {
float:left;
margin: 0 0 20px 0;
}
#ficherando {
float:left;
width:100%;
margin:0 0 20px 0;
}
#ficherando .sitraadresse {
background:#f4efe8;
padding:5px;
margin: 0px 0 20px 0;
clear:both;
height:auto;
overflow:auto;
}
#liste .titrerando  {
position:relative;
height:50px;
float:left;
background:#f4efe8;
margin:0px 0 20px 0;
clear:left;
overflow:hidden;
}
#liste .fondrando {
	background:#f4efe8;
	overflow:auto;
	height:50px;
}
#liste h2.titrerando {
font-size:1.8em;
line-height:2em;
text-indent:20px;
font-weight:100;
margin:0px 0 0px 0;
color:#000000;
height:50px;
}
.resumerando{
float:left;	
font-size:1.2em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
color:#766D62;
line-height:26px;
font-weight:400;
margin:10px 15px 10px 0;
width:300px;
background-color:#f4efe8;
border: 2px solid rgba(0,0,0,0.2);
background-clip: border-box;
border-radius: 5px;
padding:10px;
}
.resumecontact{
float:left;	
font-size:1.2em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
color:#766D62;
line-height:26px;
font-weight:400;
margin:10px 15px 10px 0;
width:300px;
background-color:#f4efe8;
border: 2px solid rgba(0,0,0,0.2);
background-clip: border-box;
border-radius: 5px;
padding:10px;
clear:both;
}
.resumecontact h3{
color:#d02c39;	
}
#randoselection select{
margin: 15px 10px 6px 15px;
color: #ffffff;
background:#2d2a26;
border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
font-weight:300;
border-radius:4px;
padding:3px;
width:155px;
float:left;
}
#liste .filtreselection .filtreckeckbox {
background:#2d2a26;
/*width:350px;*/
border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
font-weight:300;
color:white;
padding: 2px 4px 2px 4px;
margin:5px 0 5px 10px;
border-radius:4px;
float:left;
}
#validrecherche .filtreckeckbox {
background:#968b83;
border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
font-weight:100;
color:white;
padding: 5px 10px 5px 10px;
margin:5px 0 5px 10px;
border-radius:20px;
float:right;
font-size:1.3em;
}
#liste label {
	font-weight:normal;
}
#liste .filtreselection .filtrerando {
background:#2d2a26;
width:23.4%;
border: 0px solid #cac4be;
font-weight:normal;
color:white;
padding: 4px 4px 4px 4px;
margin:8px 0 8px 10px;
border-radius:4px;
float:left;
font-size:1em;
}

#liste .filtreselection .filtrerando2 {
background:#2d2a26;
width:11.7%;
border: 0px solid #cac4be;
font-weight:normal;
color:white;
padding: 4px 4px 4px 4px;
margin:8px 0 8px 10px;
border-radius:4px;
float:left;
font-size:1em;
}
.filtrereset {
background:#cc6666;
width:11.7%;
border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
font-weight:300;
color:#2d2a26;
padding: 2px 4px 2px 4px;
margin:8px 0 8px 10px;
border-radius:4px;
float:left;
font-size:1.1em;
}
.filtrereset:hover {
background:#2d2a26;	
color:#ffffff;
cursor:pointer;
}
.filtrevalid {
background:#66cc66;
width:11.7%;
border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
font-weight:300;
color:#ffffff;
padding: 2px 4px 2px 4px;
margin:8px 0 8px 10px;
border-radius:4px;
float:left;
font-size:1.1em;
}
.filtrevalid:hover {
background:#2d2a26;	
color:#000000;
cursor:pointer;
}
.reset {
font-family: Arial;
float:right;
text-align:center;
background:#2d2a26;
color:#ffffff;
line-height:20px;
height:20px;
width:20px;
border-radius:10px;	
font-size:0.75em;
}
.reset:hover {
background:#ffffff;	
color:#2d2a26;
cursor: pointer;
}
.leaflet-container a:hover {
    color: #000000;
}

.leaflet-popup-content img {
max-width:215px;	
}
.small {
font-size:0.8em;	
font-weight:normal;
}
.randovert {
color:#009641;	
}
.randobleu {
color:#2f6dec;	
}
.randoorange {
color:#f39200;	
}
.randorouge {
color:#e30613;	
}
.randonoir {
color:#999999;	
}
#carto { position:relative;z-index:0;}
#colors {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    width: 150px;
    padding:5px;
}

nav.rando {
width:100%;	
background:rgba(244,239,232,1);
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
height:auto;
overflow:auto;
background-clip: border-box;
border-radius: 5px;
background-clip: padding-box;

}
nav.rando.floatable {
	position: fixed;
	max-width:1000px;
	top: 50px;
	z-index: 1051;
	/*box-shadow:1px 1px 0px #f4efe8;*/
	-webkit-animation: randofixed 0.8s forwards ease-out; 
    animation: randofixed 0.8s forwards ease-out;
}
	
@-webkit-keyframes randofixed {
    0% {position: fixed;top: -100px;z-index: 1051; }
    100% {position: fixed;top:50px;z-index: 1051;}
}
@keyframes randofixed {
    0% {position: fixed;top: -100px;z-index: 1051; }
    100% {position: fixed;top: 50px;z-index: 1051;}
} 
nav .floatable a.navcarte {

}
nav a.navcarte3 {
width:33.32%;	
float:left;
font-size:1.2em;
line-height: 36px;
height: 36px;
text-indent: 40px;
display:block;
background: #fff;
color:#2d2a26;
}
nav a.navcarte4 {
width:24.99%;	
float:left;
font-size:1.2em;
line-height: 36px;
height: 36px;
text-indent: 40px;
display:block;
background: #fff;
color:#2d2a26;
}
nav a.navcarte4:hover,nav a.navcarte3:hover {
color:#cac4be;
}
h2.navcarte {	
font-size:1.4em;
line-height: 40px;
height: 40px;
text-indent: 45px;
display:block;
background: #fff;
color:#2d2a26;
clear:both;
margin:5px 0;
}	
nav .navcarte.carte, .navcarte.carte {
background: url('../img/icon/icon-carto-carte.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
nav .navcarte.media, .navcarte.media {
background: url('../img/icon/icon-carto-media.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
nav .navcarte.vr360, .navcarte.vr360 {
background: url('../img/icon/icon-carto-360.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
nav .navcarte.infos, .navcarte.infos {
background: url('../img/icon/icon-carto-infos.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
nav .navcarte.filtre, .navcarte.filtre {
background: url('../img/icon/icon-carto-filtre.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
margin-right: 10px;
background: #fff;
background-clip: border-box;
border-radius: 5px;
padding: 0 5px;
}
.legend.opened {
width: auto;
height:auto;	
}
.legend.closed {
width: auto;	
height:auto;
}
.legend a{
	display:block;
    color: #000000;
    line-height: 30px;
    height: 30px;
    text-indent: 32px;
    margin: 1px 0;

}	
.legend span {
	display:block;
    color: #000000;
    line-height: 30px;
    height: 30px;
    text-indent: 32px;
    margin: 1px 0;

}

#rando-slider {
padding:15px;	
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
background: #fff;
background-clip: border-box;
border-radius: 5px;
}

#rando360 {
padding:15px;	
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
background: #fff;
background-clip: border-box;
border-radius: 5px;
}
#randodesc {
padding:15px;	
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
background: #fff;
background-clip: border-box;
border-radius: 5px;
height:auto;
overflow:auto;
}
#randodesc h3{
font-size:1.6em;	
}
#randodesc .resumerando a.gpx{
	display:block;
    color: #000000;
    line-height: 40px;
    height: 40px;
    text-indent: 45px;
    margin: 1px 15px 1px 0;
}
#randodesc .resumecontact a.tel,#randodesc .resumecontact a.mail,#randodesc .resumecontact a.web,#randodesc .resumecontact a.facebook{
	display:block;
    color: #000000;
    line-height: 20px;
    height: 20px;
    text-indent: 25px;
    margin: 5px 15px 1px 0;
}	
#randodesc span {
	display:block;
    color: #000000;
    line-height: 40px;
    height: 40px;
    text-indent: 45px;
    margin: 1px 15px 1px 0;
	
}
#randodesc .info {
	float:left;
	border-radius:5px;
}
/*.legend span {
	display:block;
    color: #000000;
    line-height: 40px;
    height: 40px;
    text-indent: 45px;
    margin: 1px 15px 1px 0;
	
}*/

	
.legend span.randofacile, #randodesc span.randofacile {
background: url('../img/icon/icon-carto-rando-vert.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
	color:#009641;
}
.legend span.randomoyen, #randodesc span.randomoyen {
background: url('../img/icon/icon-carto-rando-orange.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}

.legend span.randodifficile, #randodesc span.randodifficile {
background: url('../img/icon/icon-carto-rando-rouge.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}

.legend span.vttfacile, #randodesc span.vttfacile {
background: url('../img/icon/icon-carto-vtt-vert.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
	color:#009641;
}
.legend span.vttmoyen, #randodesc span.vttmoyen {
background: url('../img/icon/icon-carto-vtt-bleu.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.vttdifficile, #randodesc span.vttdifficile {
background: url('../img/icon/icon-carto-vtt-rouge.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.vtttresdifficile, #randodesc span.vtttresdifficile {
background: url('../img/icon/icon-carto-vtt-noir.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.dureeJournaliere, #randodesc span.dureeJournaliere {
background: url('../img/icon/icon-carto-duree.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.distance, #randodesc span.distance {
background: url('../img/icon/icon-carto-distance.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.altitudeDepart, #randodesc span.altitudeDepart {
background: url('../img/icon/icon-carto-altitude.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.altitudeMaximum, #randodesc span.altitudeMaximum {
background: url('../img/icon/icon-carto-altitude.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.denivellationPositive, #randodesc span.denivellationPositive {
background: url('../img/icon/icon-carto-denivellationPositive.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.denivellationNegative, #randodesc span.denivellationNegative {
background: url('../img/icon/icon-carto-denivellationNegative.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.tracelie, #randodesc span.tracelie {
background: url('../img/icon/icon-carto-tracelie.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend a.gpx, #randodesc span.gpx, #randodesc a.gpx{
background: url('../img/icon/icon-gpx.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.glacier, #randodesc span.glacier {
background: url('../img/icon/icon-carto-glacier.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.lac, #randodesc span.lac {
background: url('../img/icon/icon-carto-lac.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.cascade, #randodesc span.cascade {
background: url('../img/icon/icon-carto-cascade.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.buvette, #randodesc span.buvette {
background: url('../img/icon/icon-carto-buvette.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.patrimoine, #randodesc span.patrimoine {
background: url('../img/icon/icon-carto-patrimoine.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.animaux, #randodesc span.animaux {
background: url('../img/icon/icon-carto-chien-interdit.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.refuge, #randodesc span.refuge {
background: url('../img/icon/icon-carto-refuge.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.reserve, #randodesc span.reserve {
background: url('../img/icon/icon-carto-reserve.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.reserveinterdiction, #randodesc span.reserveinterdiction {
background: url('../img/icon/icon-carto-interdiction-reserve.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
.legend span.remontee,  #randodesc span.remontee {
background: url('../img/icon/icon-carto-remontee.png') left no-repeat;
	background-size: auto auto;
	background-size: contain;
}
#liste .selection {
position:relative;
width:100%;
height:auto;
float:left;
margin:0px;
overflow:visible;
}
#liste .selectionrando {
position:relative;
width:100%;
height:auto;
float:left;
margin:0px;
overflow:visible;
}
#liste .selection ul,#liste .selectionrando ul{
margin: 3px;
padding:0px;
list-style:none;
}
#liste .selection ul li{
margin:0px 0 20px 0;
background:#f4efe8;
overflow:auto;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#liste .selection ul li:hover{
background:#ffffff;	
}

#liste .selectionrando ul li{
margin:0px 1% 20px 0;
background:#f4efe8;
overflow:auto;
float:left;
width:49%;
min-height:20%;
}	
/* fin rando */
.conteneurplanski, .conteneurplanexcursion {
    display: block;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#planski {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    position: relative;
    background-image: url("https://www.chamonix.com/img/Plan_Hiver_Vallee_website.jpg");
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1000px;
    height: 600px;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#planexcursion {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;	
    position: relative;
    background-image: url("https://www.chamonix.com/img/Plan_ETE_Vallee_excursion.jpg");
   /* background-image: url("https://www.chamonix.com/img/Plan_Hiver_Vallee_website.jpg");*/
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1000px;
    height: 600px;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
.planmarron {

    background-color: rgba(45,42,38,0.95);

}
.planrond {

    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(45,42,38,0.95) url("https://www.chamonix.com/img/icon/icon-skieur.png") no-repeat scroll 0px 0px;
        background-color: rgba(45, 42, 38, 0.95);
        background-position-x: 0px;
        background-position-y: 0px;
    background-position: center 109%;
    display: flex;
    line-height: 0.95em;

}
.planlegendetitre {
margin:5px 0 0 0;	
}
.planfond {

    padding: 3px 10px 3px 25px;
    border-radius: 5px;
    background: rgba(150,139,131,0.95) url("https://www.chamonix.com/img/icon/icon-skieur.png") no-repeat scroll 0px 0px;
        background-color: rgba(118, 109, 98, 0.95);
        background-position-x: 0px;
        background-position-y: 0px;
    background-position: left center;
    display: flex;
    line-height: 1.2em;

}
#planaig {
position:absolute;
top:8%;
left:78%;	
z-index:2;
}
#plantmb {
position:absolute;
top:58%;
left:75%;	
z-index:2;
}
#planmon {
position:absolute;
top:31%;
left:50%;	
z-index:2;
}
#planbre {
position:absolute;
top:41%;
left:2%;	
z-index:2;
}
#planfle{
position:absolute;
top:18%;
left:7%;	
z-index:2;
}
#planhou{
position:absolute;
top:78%;
left:70%;	
z-index:2;
}
#planpra{
position:absolute;
top:80%;
left:68%;	
z-index:2;
}
#planbel{
position:absolute;
top:63%;
left:59%;	
z-index:2;
}
#plangrd{
position:absolute;
top:16%;
left:45%;	
z-index:2;
}
#planblm{
position:absolute;
top:2%;
left:29%;	
z-index:2;
}
#plansav{
position:absolute;
top:55%;
left:27%;	
z-index:2;
}
#planpla{
position:absolute;
top:49%;
left:40%;	
z-index:2;
}
#planbos{
position:absolute;
top:55%;
left:48%;	
z-index:2;
}
#plantou{
position:absolute;
top:78%;
left:48%;	
z-index:2;
}
#plancho{
position:absolute;
top:31%;
left:37%;	
z-index:2;
}
#planpoya{
position:absolute;
top:14%;
left:11%;	
z-index:2;
}
#planvor{
position:absolute;
top:24%;
left:35%;	
z-index:2;
}
#planval{
position:absolute;
top:10%;
left:7%;	
z-index:2;
}
#planargentiere{
position:absolute;
top:37%;
left:34%;	
z-index:2;
}
#planchx{
position:absolute;
top:61%;
left:30%;	
z-index:2;
}
#planhouches{
position:absolute;
top:82%;
left:40%;	
z-index:2;
}
#planservoz{
position:absolute;
top:95%;
left:10%;	
z-index:2;
}
#planlegende {
    position: absolute;
    top: 23%;
    left: 83%;
    z-index: 2;
    padding: 2px;
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #000000;
    border-radius: 5px;
    text-align: center;
}
.excurond {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: rgba(150,139,131,0.95) url("https://www.chamonix.com/img/icon/icon-excursion.png") no-repeat scroll 0px 0px;
        background-position-x: 0px;
        background-position-y: 0px;
    background-position: center 107%;
    display: flex;
    line-height: 0.95em;
    font-weight: 100;
}
.excurond:hover {
background: rgba(150,139,131,0.95) url("https://www.chamonix.com/img/icon/icon-excursion.png") no-repeat scroll 0px 0px;
        background-position-x: 0px;
        background-position-y: 0px;
    background-position: center 107%;
}
.planrond:hover,.planfond:hover,.planbleu:hover {
background-color:rgba(208,44,57,1);
color:#ffffff;
}
.planrouge,.planrouge2,.planrougefond {
background-color:rgba(208,44,57,1);	
}
.planmarron {
background-color:rgba(45,42,38,0.95);	
}
.plangris {
background-color:rgba(150,139,131,0.95);	
}
.planvert {
background-color:rgba(69,152,69,1)!important;	
}
.planlegendetitre {

    margin: 5px 0 0 0;

}
.villetxt {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    font-size: 1.4em;
    color: #cf3339;
    text-shadow: 2px 2px 3px #ffffff;
}
a.btnliste {
    display: block;
    background: rgba(45,42,38,0.9);
    color: #ffffff;
    font-size: 1.1em;
    line-height: 1.7em;
    margin: 1px 0;
}
a:hover.btnliste, a:hover.btnlistefond {
    background: rgba(244,239,232,0.9);
    color: #cf3339;
}
a.btnlistefond {
    display: block;
    background: rgba(150,139,131,0.9);
    color: #ffffff;
    font-size: 1.1em;
    line-height: 1.7em;
    margin: 1px 0;
}
.villelegendetxt {
    display: block;
    text-align: left;
    margin: auto;
    font-size: 1.1em;
    color: #cf3339;

    text-shadow: 2px 2px 3px #ffffff;
    text-indent: 15px;
    background: url('/img/fleche-droite.png') left no-repeat;
        background-size: auto;
    background-size: 15px 15px;
}
a.skitxt {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    font-size: 1.1em;
    color: #ffffff;
}
/* webcam */
.cartowebcam {
    width: 75%;
    float: right;
    margin: -20px 0 0 0;
}
.cartowebcam #liste #multiselection {
    width: 100%;
}	
h2.webcamgroupe {
width:100%;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:2em;
clear:left;
}
.webcam {
font-size:1.2em;
text-indent:0;
text-align:center;
}
.webcammoyeng {
width:32%;
float:left;
margin:auto;
margin:20px 10px 20px 0;
}
.webcammoyeng video {
width:100%;
height:240px;
}
.webcammoyenm {
width:33.3%;
float:left;
margin:auto;
padding:20px 5px 20px 5px;
}
.webcammoyend {
width:33.3%;
float:left;
margin:auto;
padding:20px 0px 20px 10px;
}
.webcamcmb {
width:33.3%;
float:left;
padding:20px 10px 20px 0;
}
.webcamot {
width:100%;
margin: 20px 0px 0px 0;
}
ul.btnwebcam {
width:100%;	
background-color:#f4efe8;
list-style:none;	
margin:0;
padding:0;
overflow:auto;

}
li.btnwebcam a {
background-color:#cac4be;
margin:10px 0 10px 10px;
padding:5px 10px;
float:left;
width:130px;
height:60px;
color:#000000;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-size:1.3em;
line-height:1.3em;
font-weight:300;
}
li.btnwebcam a:hover {
background-color:#ffffff;
color:#000000;
}


.cartowebcam {
width:75%;float:right;margin:-20px 0 0 0;
}
.btnwebcam.float {
width:23%;float:left;
}
ul.btnwebcam.float li.btnwebcam a {
width:90%;
}

.panocam {
width: 100%; height: 380px; border: none;	
}
/* carto */
.my_osm_widget_map { 
width: 100%;
/*height: 400px;*/
margin: 20px 0 20px 0;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
background-clip: padding-box;
background: #fff;
background-clip: border-box;
border-radius: 5px;
}
.my_osm_widget_map.liste {
height: 300px;
/*clear:both;*/
}	
.my_osm_widget_map.switched {
height:78px;	
}	
.my_osm_widget_map.switch{
height:400px;	
}
#module_bus .my_osm_widget_map {
    margin: 0px auto 0px auto;
    border: 0;
    border-radius: 0;
}
#my_osm_widget_map_x {
    width: 65%;
    float: right;
    height: 670px;
}
#module_bus {
    width: 100%;
    overflow: auto;
    height: auto;
}
.carto #selectioncarto {
    width: 100%;
    float: right;
    background: #f4efe8;
    margin: 0 0 2px 0;
}
#cartomenu {
    width: 35%;
    text-align: center;
    margin: 0 auto;
    background: #968b83;
    height: auto;
    overflow: auto;
    float: left;
}
#cartomenu a.menu {
margin:5px 2px 5px 1px;
width:24px;
height:24px;
line-height:24px;
float:left;
overflow:hidden;
color:white;
text-decoration:none;
background:rgba(255,255,255,1);
border:1px solid #766D62;
border-radius:4px;
}
#cartomenu a.menu.trail {
margin:1px 5px 0px 5px;
width:28px;
height:28px;
line-height:28px;
border-radius:4px;
background-size: 28px 28px!important;
}
#cartomenu label.menu {
margin:5px 2px 5px 1px;
width:30px;
height:48px;
line-height:24px;
float:left;
overflow:hidden;
color:white;
text-decoration:none;
background:rgba(255,255,255,1);
border:1px solid #766D62;
border-radius:4px;
}
.carto label {
    font-weight: normal;
    font-size: 1em;
    line-height: 1.45em;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    width: 90%;

}
#cartomenu label input {
margin:32px 0 0 0;	
}	
#cartomenu label.lignes {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-lignes.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.pdf {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-pdf.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.aide {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-aide.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.arret {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-32.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.administratif {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-43.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.culture {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-26.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.nature {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-23.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.remontee {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-20.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.sport {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-29.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.magasin {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-29.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.toilette {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-44.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.parking {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-38.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.train {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-35.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.tourisme {
background:#cac4be url("https://www.chamonix.com/img/icon/icon-poi-41.png") no-repeat;
background-size:28px 28px;
}
#cartomenu label.loupe {
background:url("https://www.chamonix.com/img/icon/icon-loupe.png") no-repeat;
background-size:28px 28px;
}
#cartomenu a#reset.menu {
background:#cac4be url("https://www.chamonix.com/img/fleche-croix-blanc.png") no-repeat center center;
background-size:18px 18px;
float:right;
padding:3px;
margin:8px;
}
#cartomenu a#aide.menu {
background:url("https://www.chamonix.com/img/icon/icon-aide.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#lignes.menu, #poiselection .lignes {
background:url("https://www.chamonix.com/img/icon/icon-poi-lignes.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#pdf.menu, #poiselection .pdf {
background:url("https://www.chamonix.com/img/icon/icon-pdf.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#aide.menu, #poiselection .aide {
background:url("https://www.chamonix.com/img/icon/icon-aide.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#arret.menu, #poiselection .arret, .arret {
background:url("https://www.chamonix.com/img/icon/icon-poi-32.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#administratif.menu, #poiselection .administratif {
background:url("https://www.chamonix.com/img/icon/icon-poi-43.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#culture.menu, #poiselection .culture {
background:url("https://www.chamonix.com/img/icon/icon-poi-26.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#nature.menu, #poiselection .nature {
background:url("https://www.chamonix.com/img/icon/icon-poi-23.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#remontee.menu, #poiselection .remontee {
background:url("https://www.chamonix.com/img/icon/icon-poi-20.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#sport.menu, #poiselection .sport {
background:url("https://www.chamonix.com/img/icon/icon-poi-29.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#magasin.menu, #poiselection .magasin {
background:url("https://www.chamonix.com/img/icon/icon-poi-29.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#toilette.menu, #poiselection .toilette {
background:url("https://www.chamonix.com/img/icon/icon-poi-44.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#parking.menu, #poiselection .parking {
background:url("https://www.chamonix.com/img/icon/icon-poi-38.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#train.menu, #poiselection .train {
background:url("https://www.chamonix.com/img/icon/icon-poi-35.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#tourisme.menu, #poiselection .tourisme {
background:url("https://www.chamonix.com/img/icon/icon-poi-41.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#loupe.menu, #poiselection .loupe {
background:url("https://www.chamonix.com/img/icon/icon-loupe.png") no-repeat;
background-size:24px 24px;
}
#menucarto a#reset.menu {
background:#cac4be url("https://www.chamonix.com/img/fleche-croix-blanc.png") no-repeat center center;
background-size:18px 18px;
}
.bus_select_titre {
    font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: 100;
    margin: 2px 10px 0px 10px;
}
.carto #module_bus #motclepoi {
    margin: 2px 0 2px 0;
    width: auto;
    border: 0px solid #2d2a26;
    padding: 2px 0px 2px 35px;
    color: #ffffff;
    background: url('/img/icone-loupe-input.png') left no-repeat #2d2a26;
    border: 0px solid #cac4be;
    font-weight: 800;
    border-radius: 4px;
}
.carto #module_bus input[type="text"] {
    margin: 2px 0 2px 0;
    width: 90%;
    border: 0px solid #2d2a26;
    padding: 2px 0px 2px 10%;
    color: #ffffff;
    background: url('/img/icone-loupe-input.png') left no-repeat #2d2a26;
    border: 0px solid #cac4be;
    font-weight: 800;
    border-radius: 4px;
}
#poiselection {
    width: 35%;
}
#poiselection a {
    line-height: 2.4em;
    margin: 5px;
    font-size: 1.1em;
}
#menucarto a#pdf.menu, #poiselection .pdf {
    background: url("https://www.chamonix.com/img/icon/icon-pdf.png") no-repeat;
        background-size: auto;
    background-size: 24px 24px;
}

#poiselection .icone {
    margin: 3px 0px 3px 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    float: left;
    overflow: hidden;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.fondbus {
    background: #f4efe8;
    float: none;
    width: 100%;
    margin: 0 auto;
    margin: 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 115px;
    overflow-y: scroll;
}
.carto .poiliste {
    display: block;
    clear: both;
}
.carto input[name="POI"] {
    margin: 5px 3px;
    float: left;
}
a.bouton, a.boutonfleche {
color: #ffffff;
padding: 3px 5px 3px 20px;
border-radius: 6px;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
background: rgba(207,51,57,1) url('/img/fleche-droite.png') 5px no-repeat;
background-size: auto;
text-indent: 25px;
background-size: 15px 15px;
}
a:hover.bouton, a:hover.boutonfleche {
    background-color: #cac4be;
    color: #2d2a26;	
}

/*a.boutonfleche {
color: #2d2a26;
padding: 3px 5px 3px 20px;
border-radius: 6px;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
background: rgba(244,239,232,1) url('/img/fleche-droite.png') 5px no-repeat;
background-size: auto;
text-indent: 25px;
background-size: 15px 15px;
}
a:hover.boutonfleche {
    background-color: #cf3339;
    color: #ffffff;	
}*/
#conteneurfiltrebus .titreselection, #selectioncarto .titreselection {
position:relative;
width:100%;
height:30px;
/*float:left;*/
background:#44bdce;
clear:left;
overflow:hidden;
}
#fichedroite {
    float: right;
    width: 28%;
    margin: 0px 0px 20px 2%;
}
#fichegauche {
    float: left;
    width: 70%;
    margin: 0 0 20px 0;
}
#fichecalendrier {
float:left;
width:70%;
margin:0 0 20px 0;
}
#fichegauche .ligne, #fichecalendrier .ligne {
    padding: 10px;
    height: auto;
    overflow: auto;
    clear: both;
    width: 100%;
    background: #f4efe8;
    color: #968b83;
    margin: 0 0 2px 0;
    font-size: 0.9em;
}
#fichegauche .decalage, #fichecalendrier .decalage {
    color: #000000;
    float: right;
    display: block;
    width: 500px;
    font-size: 0.9em;
}
#fichegauche .decalageprestation, #fichecalendrier .decalageprestation {
    color: #000000;
    float: right;
    display: block;
    width: 500px;
    font-size: 0.9em;
    max-height: 100px;
}
#fichegauche ul.sitraprestation, #fichecalendrier ul.sitraprestation {
    padding-left: 0px;
}
#fichegauche ul.sitraprestation li, #fichecalendrier ul.sitraprestation li {
    float: left;
    width: 240px;
    margin-left: 0px;
}
#liste h2.titreselection a, #liste h2.titrerando a {
color:#2d2a26;
}
#conteneurfiltrebus h2.titreselection, #selectioncarto h2.titreselection {
font-size:1.4em;
text-indent:8px;
font-weight:100;
/*margin:10px auto 0px auto;*/
margin:10px 0 0px 0;
color:#ffffff;
}
.filtrecarto {
    background: #968b83;
    height: auto;
    overflow: auto;
    float: left;
}
.my_osm_widget_map.route {
margin: 0px auto 20px auto;	
width:450px;	
height: 420px;
}	
.animated-icon{
  width: 40px;
  height: 40px;
  background-color: rgba(255,0,0,0.5);
  border-radius: 50%;
  box-shadow: 0px 0px 4px red;
  transition: all 1s;
}
.hiddenicon { display:none!important;}
.reduire {text-align:center;}
.reduire:hover { cursor:pointer;}	
.switch .reduire {
background:url('/img/fleche-haut.png') no-repeat center top; 
padding:16px 0px 2px 0px;	
}
.switched .reduire {
background:url('/img/fleche-bas.png') no-repeat center bottom; 
padding:2px 0px 16px 0px;	
}
/* routes */
#listeroute {
    width: 500px;
    float: left;
}
.separation {
    border-bottom: solid 1px #799c4b;
    margin: 10px 0;
    display: block;
    float: none;
    clear: both;
}
.iconroute {
    background-position: 10px -433px;
}
.vert {
    color: #799c4b;
    font-size: 1.3em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 300;
}
.orange {
    color: #c90;
    font-size: 1.3em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 300;
}
.gris {
    color: #968b83;
    font-size: 1.3em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 300;
}
.rouge {
	color: #cf3339;
font-size:1.3em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:300; 
}
.bleue { 
color: #3333ff; 
font-size:1.3em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
font-weight:300; 
}
table#tunneltarifs {
    width: 100%;
}
table {
    border-collapse: collapse;
}
thead {
    background-color: #968b83;
    color: #ffffff;
    padding: 6px;
}
th {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    padding: 3px;
}
td {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    padding: 3px;
}

/* DEB CMB */
#forfaits td {
border-width: 0px;
border-style: solid;
border-color: #cccccc;
padding: 0px;
}
a.menuremontees {
    display: block;
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0 5px 0 0;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    font-size: 1.3em;
    line-height: 2em;
    font-weight: 100;
    color: #ffffff;
    text-indent: 25px;
    background: #968b83 url('/img/fleche-droite.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-position: 2% 50%;
    background-size: 15px 15px;
}
a.menuremontees:hover, a.menudomaines:hover, a.menuremontees.selected:hover {
color: #cf3339;
background: #f4efe8 url('/img/fleche-droite.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: 2% 50%;
    background-size: 15px 15px;		
}
a.menudomaines {
    display: block;
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0 20px 0 0;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    font-size: 1.3em;
    line-height: 2em;
    font-weight: 100;
    color: #ffffff;
    text-indent: 25px;
    background: #cf3339 url('/img/fleche-droite.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-position: 2% 50%;
    background-size: 15px 15px;
}
a.menuremontees.selected {
    color: #ffffff;
    background: #2d2a26 url('/img/fleche-droite.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-position: 3% 50%;
    background-size: 15px 15px;
}
.presentationcmb {
    float: left;
    width: 100%;
    height: auto;
	background:#f4efe8;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
.plan {
    margin: 15px 0 0 0;
    width: 100%;
}
.descriptiondetaille.closed {
    height: 230px;
	padding: 15px 10px;
    overflow: hidden;
}
.descriptiondetaille.opened {
    height: auto;
	padding: 15px 10px;	
}
#fichegauche p.gras, #fichecalendrier p.gras {
    padding: 15px 10px;
}
table caption i,table caption em, #HIVER h4,#ETE h4{
font-size:1.8em;
line-height:2em;
display:block;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
font-weight:300;
font-style:normal;
color:#ffffff;
width:100%;
float:left;
background:#44bdce;
margin:0px 0 20px 0;
clear:left;
}
#myTab {
display:none;	
}
.btn {
border:1px solid;
border-radius:4px; 
}
.btn:hover {
background:#c7c2bc;
}

/* nouveaux forfaits */
.col-md {
    width: 100%;
	clear:both;
}
.col-md-6 {
width: 16.6%;
font-size: 1.2em;
color: #777777;
padding: 20px;
margin: 0px;
float:left;
}
.col-md-6 a.download{
text-align:center;
background-color:#2d2a26;
color:#ffffff;
font-weight:800;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
text-transform:uppercase;
font-size:1em;
line-height:20px;
display:block;
width:20px;
height:20px;
float:right;
border-radius:10px;
content:"+";
}
.col-md-6 a.download:after{
	content:"+";
}	
.forfaitlien  {
font-size: 0.75em;
display:block;
clear:both;	
}

.col-md-3 {
    width: 5%;
}
.col-md-9 {
    width: 95%;
}
#plans .col-md-3 {
    width: 25%;
}
#plans .col-md-9 {
    width: 75%;
}

.panel-pricing .panel-body {
 font-size: 1.6em;
background-color: #f0f0f0;
color: #777777;
padding: 20px;
margin: 0px;
}
.panel-pricing .panel-heading {
    padding: 20px 0px;
	margin: 0 0px 0 -20px;
}
.panel-pricing {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.wrme * {
    white-space: normal;
}


div.tab-content { display:block!important;}

.menudomaines {
    display: block;
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0 20px 0 0;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    font-size: 1.2em;
    line-height: 2em;
    color: #ffffff;
    text-indent: 25px;
    background: #cf3339 url('/img/fleche-droite.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-position: 2% 50%;
    background-size: 15px 15px;
}
/* FIN CMB */
.OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc {
    width: 50%!important;
	max-width: 100%!important;
}
.MODE_AUTO_PETIT.OsProduit.api.OPBI .ListeBillet .BlocDescriptionDetail .Billet .BlocProduit .Intitule {
    width: 100% !important;
}
.MODE_AUTO_PETIT.OsProduit.api.OPBI .ListeBillet .BlocDescriptionDetail .Billet .Tarifs {
    position: inherit !important;
}
#bloclistefond {
    width: 23%;
    float: right;
    clear: right;
	margin:0 0 20px 0;
}
.colonne1 {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    padding: 5px 0px;
    font-size: 1.6em;
    width: 100%;
    float: left;
    clear: left;
    color: #ffffff;
    background: #2d2a26;
    text-indent: 10px;
}
.colonne2 {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    padding: 1px 5px;
    font-size: 1.4em;
    width: 100%;
    float: left;
    clear: left;
    background: #cac4be;
}
.colonne3 {
    padding: 1px 5px;
    width: 100%;
    float: left;
    clear: left;
    background: #f4efe8;
    border-top: 1px solid #cac4be;
}
#fichedroite .listedownload {
    margin: 0 0 0px 0px;
	width:auto;
}

#fichedroite span.complet {
    color: #ffffff;
    background: #cf3339;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 100;
    float: right;
    display: block;
    padding: 10px 10px;
    border-radius: 0px;
	width:100%;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}


.listedownload .bloc {
margin: 0 0 0px 5px;	
}
.listedownload {
    position: relative;
    height: auto;
	float:right;
    margin: 0 0 0px 0px;
    clear: right;
	width:24%;
}
 .listedownload a .download h2.titrebas {
    color: #2d2a26;
    font-size: 1.4em;
    line-height: 1.1em;
    height: 40px;
}
.agrandir.switch, .agrandir2.switch {
    background: url('/img/fleche-bas.png') no-repeat center bottom, url('/img/motif-ligne.png') no-repeat center top;
    padding: 25px 0px 20px 0px;
}
.agrandir, .agrandir2 {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 100;
    margin: 0 auto 0 auto;
    width: 30%;
    text-shadow: 0px 0px 0px #ffffff;
    border: 0px solid #ffffff;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.agrandir.switched,.agrandir2.switched {
background:url('/img/fleche-haut.png') no-repeat center top, 
url('/img/motif-ligne.png') no-repeat center bottom; 
padding:20px 0px 25px 0px; 
}
.agrandir:hover,.agrandir2:hover {
cursor:pointer;
color:#cf3339;
}
/* agenda */ 

#liste #evenementdate {
    position: relative;
    width: 32%;
    margin-top: 0 !important;
    float: right;
    margin: 20px 2px 20px 15px;
    background-color: rgba(255,255,255,1);
    overflow: hidden;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#liste h2.titrejour {
    margin: 0 0 10px 0;
    padding: 0 0px 0 10px;
    z-index: 501;
    width: 100%;
    background-color: rgba(46,42,42,1);
    font-size: 1.6em;
    line-height: 2em;
    color: #ffffff;
}
#liste h2.titrejour:hover {
background-color: rgba(244,239,232,1);	
color:#cf3339;
}	
#liste .listedate {
    margin-top: -10px;
    width: 100%;
}
#liste .lieudate {
    display: block;
    font-size: 1.4em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    padding: 5px 0 5px 5px;
    color: #ffffff;
    border-top: 1px solid #968b83;
    background: #968b83;
}	
#liste a.titredate {
    display: block;
    font-size: 1em;
    border-top: 1px solid #968b83;
    padding: 3px 0 5px 3px;
    color: #000000;
}
#liste a.titredate:hover {
color:#cf3339;
background:#f4efe8;
}
#liste #evenementselection {
    float: left;
    width: 66%;
}
#liste .filtreevenement input.motcleevenement {
    margin: 5px 10px 5px 10px;
    width: 170px;
    float: right;
    padding: 3px 8px 3px 32px;
    color: #ffffff;
    background: url('/img/icone-loupe-input.png') left no-repeat #2d2a26;
    border: 0px solid #c7c2bc;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif; 
    font-weight: 800;
    border-radius: 4px;
}
#liste .filtreevenement .input-daterange, #liste .filtreselection .input-daterange {
    margin: 0 5px 0 10px;
    float: right;
}

#liste .filtreevenement .input-daterange input, #liste .filtreselection .input-daterange input {

    margin: 5px 5px 5px 0px;
    width: 84px;
    padding: 3px 8px 3px 8px;
    color: #ffffff;
    background: #2d2a26;
    border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 100;
    border-radius: 4px;

}
#liste .filtreevenement .input-daterange input, #liste .filtreselection .input-daterange input {
    margin: 5px 5px 5px 0px;
    width: 84px;
    padding: 3px 8px 3px 8px;
    color: #ffffff;
    background: #2d2a26;
    border: 0px solid #cac4be;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 100;
    border-radius: 4px;
}
#liste .selection ul li img.listeevenement {
    float: left;
    margin: 0 20px 0 0;
    width: 170px;
    height: 210px;
}

#liste .selection ul li .listegaucheevenement {
    float: left;
    width: 450px;
    margin: 0 0px 0 0;
    height: 100px;
}
#liste .selection ul li a h3 {
    font-weight: 100;
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 10px 0 5px 0;
    min-width: 200px;
}
#liste .selection ul li .date {
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    color: #968b83;
    font-size: 1.3em;
    line-height: 1.1em;
    font-weight: 100;
    margin: 0 0 10px 0;
    clear: left;
}
#liste .selection ul li .description {
    clear: right;
    font-size: 0.8em;
    margin: 10px 0 10px 0px;
    display: block;
    color: #000000;
}
#liste .selection ul li .listedroite {
    float: left;
    width: 130px;
}
#liste .selection ul li .categorie {
    color: #2d2a26;
    font-size: 1em;
    line-height: 1em;
    font-weight: 100;
    clear: left;
}
#liste .selection ul li .lieu {
    color: #2d2a26;
    font-size: 1em;
    line-height: 1em;
    font-weight: 100;
    clear: left;
}
#liste .selection ul li.licalendrier {
    background: #f4efe8;
}
#liste .selection ul li.licalendrier:hover {
background:#cac4be;	
}
#liste .selection ul li.licalendrier:hover h3 {
color:#000000;
}
#liste .selection ul li {
    margin: 0px 0 20px 0;
    background: #f3f3f1;
    overflow: auto;
}
#liste .selection ul li img.listecalendrier {
    float: left;
    margin: 0 20px 0 0;
    width: 170px;
    height: 210px;
}
#liste .selection ul li .listecalendrier {
    float: left;
    width: 420px;
    margin: 0 0px 0 0;
    height: 100px;
}
a img {
    border: 0;
}
#liste .selection ul li .listecalendrier {
    float: left;
    width: 420px;
    margin: 0 0px 0 0;
}
.agenda .ui-datepicker{margin-top:-30px;}
.ui-datepicker{width:180px;font-size:14px;font-family: 'Open Sans Condensed', sans-serif;font-weight:300;font-style:normal;text-transform:uppercase;line-height:16px;color:#ffffff;word-spacing:0.2em;background:#2d2a26;}
.ui-datepicker .ui-datepicker-title{font-weight:normal;font-size:1em;font-family: 'Open Sans Condensed', sans-serif;font-weight:300;line-height:19px;}
.ui-datepicker .ui-datepicker-calendar th a,.ui-datepicker .ui-datepicker-calendar td a,.ui-datepicker .ui-datepicker-calendar th span,.ui-datepicker .ui-datepicker-calendar td span{text-align:center;font-size:1.2em;}
.ui-datepicker .ui-datepicker-calendar th{color:#c7c2bc;font-weight:300;padding:5px 0;cursor:default;}
.ui-datepicker .ui-datepicker-calendar td{line-height:1em;padding:1px 0;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{border:none;top:0;left:0;right:auto;cursor:pointer;}.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{background:#2d2a26;width:15px;height:17px;font-size:1.6em;}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-next,.ui-datepicker .ui-datepicker-next.ui-datepicker-next{left:auto;right:0;}.ui-datepicker .ui-datepicker-prev.ui-datepicker-next .ui-icon,.ui-datepicker .ui-datepicker-next.ui-datepicker-next .ui-icon{background-position:100% 0;}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,.ui-datepicker .ui-datepicker-next.ui-state-disabled{background:none;}
/*.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}*/
.ui-widget-overlay{background:#aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:0.3;}
.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:0.3;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.ui-datepicker{width:12em;padding:.2em .2em 0;display:none;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-prev-hover{left:1px;}
.ui-datepicker .ui-datepicker-next-hover{right:1px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width:100%;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;font-family: 'Open Sans Condensed', sans-serif;}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;background:#2d2a26;}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;color:#c7c2bc}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}
.ui-datepicker.ui-datepicker-multi{width:auto;}
.ui-datepicker-multi .ui-datepicker-group{float:left;}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0em;}
.ui-datepicker-rtl{direction:rtl;}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right;}
.ui-datepicker-rtl .ui-datepicker-group{float:right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px;}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}
.ui-datepicker-cover{position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:180px;height:200px;}
.ui-datepicker{ z-index: 600 !important;}
/* fin agenda */

#contact li {
    width: 600px;
    margin: 10px 0;
    clear: both;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 300;
}
#groupe li {
    width: 650px;
    margin: 10px 0;
    clear: both;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 300;
}
#contact input.submit,#groupe input.submit, #validrecherche input.submit {
    width: 20%;
    margin: 10px 30% 0 30%;
    text-align: center;
    background: rgba(207,51,57,1);
    border: 0;
    font-size: 1.4em;
    line-height: 1.4em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
    font-weight: 400;
    border-radius: 4px;
    color: #ffffff;
	box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#contact input.submit:hover, #validrecherche input.submit:hover {
	 background: rgba(255,255,255,1);
	color:#cf3339;
}
#contact li input[type="text"] {
    width: 450px;
    float: right;
    font-weight: 300;
}
#groupe li input[type="text"] {
    width: 320px;
    float: right;
    font-weight: 300;
}
#contact li textarea, #groupe li textarea {
    width: 100%;
    height: 200px;
    font-weight: 300;
}
a.print {
    display: block;
    clear: both;
    float: right;
    background-image: url("/img/icon/icon-print-blanc.png");
    background-position: 92% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-color: #2d2a26;
    padding: 10px;
    width: 120px;
    color: #ffffff;
}
#suggestion, #gout {
    position: relative;
    width: 100%;
    background: #f4efe8;
    margin: 20px 0 20px 0;
    overflow: auto;
}
#suggestion h3, #gout h3 {
    font-size: 2em;
    line-height: 2em;
    font-weight: 100;
    margin: 0;
    color: #2d2a26;
    text-indent: 20px;
}
#suggestion a, #gout span {
    display: block;
    margin: 15px;
    color: #cf3339;
    text-align: center;
    float: left;
}
#suggestion img {
    width: 210px;
    height: 158px;
}
#suggestion h5, #gout h5 {
    font-size: 1.2em;
    line-height: 2em;
    font-weight: 100;
    margin: 0;
    color: #cf3339;
}
#instafeed {
margin:0px 0 20px 0;
width:100%;
height:auto;
overflow:auto;
clear:both;
float:none;
background:#10a7d4;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#instafeed h2{
font-size:2em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
color:#ffffff;
line-height:30px;
font-weight:100;
margin:10px 0 10px 0;
text-indent:20px;
}
#instafeed img{
height:150px;width:150px;
border-radius:0px;
margin:20px 15px 20px 30px;
float:left;
}
#instafeed .likes{
display:block;
height:36px; width:36px;
border-radius:18px;
background-color:#cf3339;
float:left;
line-height:36px;
text-align:center;
margin-left:-171px;
margin-top:0px;
font-size:0.8em;
color:white;
}
#instafeed2, #instafeed3 {
margin:0px 0 20px 0;
width:100%;
height:265px;
overflow:hidden;
clear:both;
float:none;
background:#f4efe8;
background-image: url('/img/icon-share.png');
background-position: 98% 10px;
background-size: 32px 32px;
background-repeat: no-repeat;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#liste #instafeed2, #fichedroite #instafeed2{
width:230px;
float:right;
clear:right;
height:auto;
max-height:1400px;
overflow-y:hidden;
}
#fichegauche #instafeed2, #fichecalendrier #instafeed2 {
margin:20px 0 20px 0;
}


/* deb presse */
.presse {
	margin-left:-22px;
}
.presse .rect p, .presse .carre p {
color:#2d2a26;
}
.presse .rect p, .presse .carre p.gras  {
color:#766D62;
}
/*
.presse a .rect .image img {
height:250px;
width:660px;
}*/
.presse a:hover .image img {
opacity:0.4;
filter:alpha(opacity=40);
}
.presse a .download {
position:relative;
height:250px;
width:320px;
float:left;
margin:0 0 20px 20px;
display:block;
color:#2d2a26;
background-color:#f4efe8;
}
.presse a .download {
height:420px;
width:300px;
/*border-radius:0 20px 0 20px;*/
box-shadow:0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
.presse.groupe a .chapo {
    background: none;
}
.presse.groupe a .download {
    height: 350px;
}	
.presse.groupe a:hover .chapo {
background: none;
}
.presse .download img {
height:230px;
width:280px;
/*border-radius:0 20px 0 20px;*/
margin:10px;
}
.presse.groupe .download img {
height:auto;
width:auto;
max-width:94%;
max-height:45%;
/*border-radius:0 20px 0 20px;*/
margin:10px;
}
.presse.groupe a h2.titrebas {
font-size:1.4em;
}
.presse a .download #date {
position:absolute;
z-index:501;
top:0px;
width:300px;
padding:3px 10px;
font-size:1em;
height:20px;
color:#000000;
}
.presse a h2.titrebas {
margin:0;
padding:0 10px;
z-index:29;
height:35px;
width:100%;
font-size:1.6em;
line-height:1.5em;
}
.presse a .chapo {
margin: 5px 10px 0 10px;
width: 95%;
font-size: 0.9em;
line-height: 1.1em;
height: 140px;
color: #000000;
background: url('/img/fleche-droite.png') 50% 70% no-repeat;
}
.presse a:hover .chapo {
color: #968b83;
background: url('/img/fleche-droite.png') 50% 70% no-repeat;
}

/* fin presse */



#instafeed2.bord {
border: 6px solid #f4efe8;
background-color: #FFF;
}

#instafeed2 a.titre, #instafeed3 a.titre, #instafeed2 .titre, #instafeed3 .titre {
display:block;
font-size: 2em;
font-family: 'Berthold Akzidenz-Grotesk',sans-serif;
font-weight: 300;
color: #2d2a26;
margin:0px 0 0 20px;
padding:10px 0 0 0;
width:100%;
}
#instafeed2 a:hover.titre, #instafeed3 a:hover.titre{
color: #ffffff;
}
#instafeed2 .slogan{
display:block;
font-size: 0.9em;
line-height: 1.6em;
font-weight: 300;
color: #fff;
margin:0 0 0 20px;
}
#instafeed2 a  {
width:170px;
margin:10px 10px 10px 10px;
float:left;
display:block;
}
#fichegauche #instafeed2 a.titre,#fichecalendrier #instafeed2 a.titre  {
width:100%;
}
#fichegauche #instafeed2 {
margin:20px 0 20px 0;
height:410px;
}
#fichegauche #instafeed2 a {
width:150px;
}
#fichegauche #instafeed2 .jaime {
	margin-top:-160px;
}
#fichegauche #instafeed2 .user, #instafeed3 .user {
	font-size:0.8em;
}
#liste #instafeed2 a, #fichedroite #instafeed2 a {
/*width:200px;*/
}
#instafeed2 img.insta,#instafeed3 img.insta  {
width:100%;
height:auto;
}
#instafeed2 .jaime{
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
display:block;
height:24px;
width:54px;
background:rgba(255,255,255,0.6);
float:left;
line-height:24px;
text-align:center;
margin-left:0px;
margin-top:-170px;
font-size:1.2em;
color:#cf3339;
position:relative;
z-index:2;
}
#liste #instafeed2 .jaime, #fichedroite #instafeed2 .jaime {
margin-top:-100%;
}
#instafeed2 .user, #instafeed3 .user {
margin:-20px 0px 0px 0px;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
display:block;
float:right;
text-align:center;
font-size:1em;
font-weight:300;
color:#ffffff;
text-shadow: 1px 2px 2px #000;
background:rgba(0,0,0,0.15);
width:100%;
position:relative;
z-index:2;
}
#liste #instafeed2 .user, #fichedroite #instafeed2 .user  {
margin:-20px 0px 0px 0px;
}
#instagramgauche #instafeed2, #instagramdroite #instafeed3{
background:#f4efe8;
height:360px;
}
#instagramgauche #instafeed2 .titre, #instagramdroite #instafeed3 .titre {
font-size:1.4em;
margin:0 0 0 5px;
}
#instagramgauche #instafeed2 a, #instagramdroite #instafeed3 a   {
width:112px;
margin:10px 5px 15px 5px;
float:left;
display:block;
}

#filbas { 
width:100%;
background:#cac4be;
height:auto;
overflow:hidden;
}
#filbas .h {
margin:0px auto;
padding:0 0 0 60px;
max-width:1024px;
min-width:1024px;
display:block;
}
/* bas de page bottom */
#bottom {
width:100%;
min-height:340px;
height:auto;
background: #f4efe8;
font-size:0.8em;
overflow:hidden;
}
#footer {
margin:0px auto;
padding:0 0 0 60px;
max-width:1024px;
min-width:1024px;
display:block;
clear:both;
}
#footer ul {
list-style:none;
float:left;
padding-left:0px;
}
#footer ul.percent20 {
width:20%;
}
#footer ul.percent40 {
width:40%;
}
#footer ul li{
float:left;
clear:both;
font-size:1em;
line-height:1.8em;
color:#000000;
}
#footer ul li a{
color:#000000;
}
#footer ul li a:hover{
color:#ffffff;
}
#footer ul li.icon, #footer ul li.social {
clear:none;
}
#footer ul li.titre{
font-size:2em;
line-height:2.5em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:300;
color:#968b83;
margin:0px;
border-bottom:0px solid #333333;
clear:both;
display:block;
width:100%;
text-align:left;
}
#footer ul li.titre a {
color:#968b83;
}
#footer ul li.titre a:hover {
color:#000000;
}
#footer ul li.partenaire img{
width:55px;
margin:0px 20px 20px 0;
}
.icon a, .icon span {
    margin: 0px 10px 10px 0;
    width: 75px;
    height: 75px;
    display: block;
    background: url("https://www.chamonix.com/img/icon/icon-partenaires.png") no-repeat scroll 0px 0px;
        background-position-x: 0px;
        background-position-y: 0px;
    float: left;
}
#footer ul li.icon a.bmw { 
background-position:0px 0px;
}
#footer ul li.icon a.eider { 
background-position:0px -75px;
}
#footer ul li.icon a.cmb { 
background-position:0px -150px;
}
#footer ul li.icon a.bota { 
background-position:0px -225px;
}
#footer ul li.icon a.alpina { 
background-position:0px -1375px;
}
#footer ul li.icon a.dynastar { 
background-position:0px -1445px;
}
.icon a.famille { 
background-position:0px -450px;
}
.icon a.aventurier { 
background-position:0px -525px;
}
.icon a.curieux { 
background-position:0px -600px;
}
.icon a.detente { 
background-position:0px -675px;
}
.icon a.profil { 
font-family: 'Open Sans', sans-serif;
font-size:0.8em;
font-weight:300;
text-transform:uppercase;
margin:0 40px 0 0;
text-align:center;
}
.icon a.nf { 
background-position:0px -300px;
}
.icon a.familleplus { 
width:60px;
height:60px;
background-size:100%;
background-position:0px -300px;
margin:-60px 40px 5px 0;
float:right;
}

#feder .icon a.familleplus { 
width:80px;
height:80px;
background-size:100%;
background-position:0px -400px;
margin:8px 10px 5px 0;
float:left;
}

#footer ul li.social a { 
margin:0px 18px 2px 0;
width:36px;
height:36px;
border-radius:18px;
display:block; 
background:rgba(244,239,232,1) url("https://www.chamonix.com/img/icon/icon-social.png") no-repeat scroll 0px 0px;
float:left;
}
#footer ul li.social a:hover { 
-webkit-animation: social 0.5s forwards ease-out; 
animation: social 0.5s forwards ease-out;
}
#footer ul li.appli a img{ 
margin:20px 25px 10px 0;
}
#mentions {
width:100%;
background:#ffffff;
height:auto;
overflow:hidden;
padding:0 0 40px 0;
}
#mentions .h {
margin:0px auto;
padding:0 0 0 60px;
max-width:1024px;
min-width:1024px;
display:block;
font-size:0.6em;
}
#mentions .titre {
font-size:1.8em;
line-height:2em;
font-family: 'Berthold Akzidenz-Grotesk', sans-serif;
font-weight:300;
color:#000000;
margin:0px;
border-bottom:0px solid #333333;
display:block;
clear:both;
}
a.qt {
    float: left;
    width: 75px;
    display: block;
    margin: 5px 15px 0 0;
}
a.qt img {
    width: 100%;
}
#feder {
font-size:1.6em;	
}
#feder img {
    float: left;
    margin: 0 15px 0 0px;
}
#feder span {

    margin: 5px 0;
    padding: 5px 0;
    display: block;

}
.fond {
height:195px;
background:url('/img/capture-appli-2015.jpg') no-repeat 50% 100%;
}
/* deb responsive 1500px (a cause changement AR... */
@media screen and (max-width: 1500px) {

.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsWrapSelect, body .WidgetCombine.Interieur .OsWrapSelect {
    height: 28px !important;
    line-height: 28px !important;

}
.GroupeCorps select#SelectMoteurExt {
    height: 28px !important;
    line-height: 28px !important;
    font-size: 1.6em !important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCombo {
    height: 28px !important;
    line-height: 28px !important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCombo {
font-size: 18px !important;
}
* .std .OsWrapSelect, .ADOC .WidgetDirect .GiftFormContainer .inputField textarea, .ADOC .WidgetDirect .GiftFormContainer .inputField input, .OsJbCl_ClientInscrit input, .OsJbCl_ClientNonInscrit input {
    min-height: 28px !important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCritere_nbpers .OsFiltreCritere_nbenf {
    width: 100% !important;
    margin-top: 0px !important;
}
body .OsRecherchePartenaire.Custom a.OsFiltreBtnRecherche, body .OsRecherchePartenaire.Custom a.OsFiltreBtnRecherche:link {
line-height: 30px !important;
}
}
/* fin responsive 1500px */	
/* deb responsive 1400px */
@media screen and (max-width: 1400px) {
#resaslider {
box-shadow: 0px -5px 5px 0px rgba(45, 42, 38, 0.4);	
}	
}
/* fin responsive 1400px */	
/* deb responsive 1200px */
@media screen and (max-width: 1200px) {
#social {
margin: 0 0 0 -15px;
}
#slider {
    margin: 0px 20px 20px 56px;
}

#recherche {
margin:0;
}	
#social a.social, a.social {
    margin: 0px 1.5% 0px 0;
}

.resablocactivites a.resaboutique, .resabloccmb a.resacmb { 
font-size: 1.2em;
color: #ffffff;
text-shadow: 2px 1px 1px #2d2a26; 
height: 25px;
padding: 0px 0px;
margin: 5px 1% 0px 0px;
text-indent: 10px;
background-image: none;
}

.resablocactivites a.resaactivitesforfaits, .resabloccmb a.resanavettes, .resablocactivites a.resaactivitesforfaits {
font-size: 1.2em;
color: #ffffff;
text-shadow: 2px 1px 1px #2d2a26; 
height: 25px;
padding: 0px 0px;
margin: 5px 0 0px 1%;
text-indent: 10px;
background-image: none;
}
#menu .resatel {
    float: left;
    font-size: 0.75em;
    margin: -8px 10px 0 23px;
}
#widget-recherche-partenaire .Groupe.TypeGM .GroupeCorps, #widget-recherche-partenaire .Groupe.TypeGM .GroupeEntete, #widget-recherche-partenaire .Groupe.TypeLiens {
    padding: 0px 0 0 !important;
}
}
/* fin responsive 1200px */
/* deb responsive 1024px */
@media screen and (max-width: 1024px) {
#vallee {
font-size: 0.9em;
}	
#config ul li a {
    font-size: 1.1em;
    line-height:1.6em;
	text-indent: 3px;
	width: 78px;
}
#top-slider {
min-height: 250px;
}
#social a.instagram, #footer ul li.social a.instagram {
    background-position: -3px -2px;
}	
#social a.facebook, #footer ul li.social a.facebook, #facebook a.facebook {
    background-position: -4px -38px;
}	
#social a.twitter, #footer ul li.social a.twitter, #twitter a.twitter {
    background-position: -2px -110px;
}
#social a.youtube, #footer ul li.social a.youtube {
    background-position: -2px -75px;
}
#social a.linkedin, #footer ul li.social a.linkedin {
    background-position: -2px -182px;
}	
#social a.social, a.social {
    line-height: 30px;
    height: 30px;
    padding-left: 30px;
    border-radius: 15px;
}	
#slider {
    margin: 0px 20px 20px 52px;
}	
	
#BlocWidget {
    min-height: 150px !important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsWrapSelect, body .WidgetCombine.Interieur .OsWrapSelect {
	    height: 28px !important;
    line-height: 28px !important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCombo {
	    height: 28px !important;
    line-height: 28px !important;	
	font-size:16px !important; 
}
* .std .OsWrapSelect {
	min-height: 28px !important;
}
body .OsRecherchePartenaire.Custom a.OsFiltreBtnRecherche, body .OsRecherchePartenaire.Custom a.OsFiltreBtnRecherche:link {
font-size: 18px !important;
line-height: 30px !important;
}
.GroupeCorps select#SelectMoteurExt {
    height: 28px !important;
    line-height: 28px !important;
    font-size: 1.6em !important;
}
.OsWrapSelect {
    height: 28px !important;
    line-height: 28px !important;
}
.GroupeCorps input {
    height: 28px !important;
    line-height: 28px !important;
}	
.OsRecherchePartenaire .WidgetCombineContent .OsWrapSelect select, .OsRecherchePartenaire .WidgetCombineContent .PanneauAge select {
    font-size: 1.5em !important;
    line-height: 28px !important;
    height: 28px !important;
}
#menu .std.chamonix-v2 .OsFiltreInputDate.OsFiltreCombo, .std.chamonix-v2 .OsFiltreInputDateDepart.OsFiltreCombo {
    font-size: 1.3em !important;
}
#menu .std.chamonix-v2 a.OsFiltreBtnRecherche, .std.chamonix-v2 a.OsFiltreBtnRecherche:link {
font-size:1.1em!important;	
}
#menu {
	font-size:0.9em;
}

h1 {
    font-size: 2em;
    line-height: 1.8em;
}
.page {
    width: 100%;
    padding: 0 0 0 60px;
}
#titre .h {

    width: 1024px;
    padding: 0 0 0 60px;
}

}
/* fin responsive 1024px */
@media screen and (max-width: 1023px) {
#LigneMoteurExt {
    width: 100%;
    padding: 0 0 0px 0 !important;
}
}
/* tablettes - small pc */




/* deb responsive 1020px */
@media screen and (max-width: 1020px) {
.floatable #menu {
    width: 100%;
    padding: 0 0 0 60px;
    background-color: #ffffff;
}	
#menu a.logo.floatable {
    width: 19%;
}	
.bloc a .carre, .bloc a .rect {
height:280px;
width:31%;
float:left;
margin:0 0 20px 1%;
}
.bloc a .carre:hover {
color:#cf3339;	
background-color:#ffffff;
}
.bloc .carre img, .bloc .rect img {
height:180px;
width:100%;
}
#blocneige {
float:left;
margin:0 0 20px 1%;
display:block;
width:31%;
height:280px;
background-size:cover;
}	
.bloc a h2.titrebas {
    font-size: 1.4em;
}
.carrelive {
    margin: 0 4px 10px 8px;
    width: 58px;
}
.bloc a p.saison, .bloc a p.rando, .listedownload a p.saison, .package a p.saison {

    top: 290px;
}
#bloc-slider.flexslider {
margin: 0px 0px 20px 1%;
padding: 0;
width: 63%;
float:left;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
.bloc .slide img {
height:280px;
width:100%;
}
#filbas .h {
    margin: 0px auto;
    padding: 0 0 0 60px;
    max-width: 100%;
    min-width: 100%;
    display: block;
}
#footer {
    margin: 0px auto;
    padding: 0 0 0 60px;
    max-width: 100%;
    min-width: 100%;
}	
#mentions .h {
    margin: 0px auto;
    padding: 0 0 0 60px;
    max-width: 95%;
    min-width: 95%;
    display: block;
    font-size: 0.6em;
}
}
/* fin responsive 1020px */
/* deb responsive 960px */
@media screen and (max-width: 960px) {
#config {
width: 28%;
}	
#menu .resatel {

    font-size: 0.70em;

}
#bloc-slider.flexslider {
margin: 0px 0px 20px 5%;
padding: 0;
width: 85%;
float:left;
box-shadow: 0px 0px 5px 0px rgba(45, 42, 38, 0.4);
}
#fichedroite {
width:28%;	
margin: 0px 1% 20px 1%;
}
#fichegauche {
width:70%;	
}
#fichegauche .decalage, #fichecalendrier .decalage {
    width: 80%;
}
.bloc a .carre, .bloc a .rect {
height:280px;
width:40%;
float:left;
margin:0 0 20px 5%;
}
.bloc a .image {
    height: 180px;
}
#blocneige {
float:left;
margin:0 0 20px 5%;
display:block;
width:40%;
height:280px;
background-size:cover;
}
}	
/* fin responsive 960px */
/* deb responsive 920px */
@media screen and (max-width: 920px) {

#fiche-slider.flexslider .slides > li {position: relative;height:400px;}
#fiche-slider.flexslider .slides img {display: block;/*width:750px;*/height:400px;}
#slider {
    margin: 0px 20px 40px 52px;
}	
#top-slider {
min-height: 200px;
}
#top-slider .flex-control-nav {
    bottom: -35px;
}
#titre a.bas {
    margin: -86px 0px 0px;
}
#menu h2.menutitre a {
    font-size: 0.8em;
    line-height: 24px;
    height: 24px;
    background: rgba(45,42,38,1) url('/img/fleche-droite.png') 5px no-repeat;
    background-size: auto;
    text-indent: 22px;
    background-size: 15px 15px;
}
#menu li.sousmenu a {
    font-size: 0.85em;
}	




.GroupeCorps select#SelectMoteurExt {
    height: 32px !important;
    line-height: 32px !important;
    font-size: 1.3em !important;
}
.OsRecherchePartenaire .WidgetCombineContent .OsWrapSelect select, .OsRecherchePartenaire .WidgetCombineContent .PanneauAge select {
    font-size: 1.3em !important;
    line-height: 32px !important;
    height: 32px !important;
}
#menu .std.chamonix-v2 .OsFiltreInputDate.OsFiltreCombo, .std.chamonix-v2 .OsFiltreInputDateDepart.OsFiltreCombo {
    font-size: 1.1em !important;
}


.resablocactivites a.resaactivitesforfaits, .resabloccmb a.resanavettes, .resablocactivites a.resaactivitesforfaits {
    font-size: 1.15em;
    color: #ffffff;
    text-shadow: 2px 1px 1px #2d2a26;
    height: 25px;
    padding: 0px 0px;
    margin: 4px 0 0px 1%;
    text-indent: 5px;
}

.resablocactivites a.resaboutique, .resabloccmb a.resacmb,.resablocactivites a.resaactivitesforfaits, .resabloccmb a.resanavettes, .resablocactivites a.resaactivitesforfaits {
    margin: 4px 1% 0px 0px;
}

.bloc .slide img {
    height: 250px;
    width: 100%;
}
#footer ul li.titre {
    font-size: 1.6em;
    line-height: 2em;
}	
#footer ul li {
    font-size: 0.95em;
    line-height: 1.6em;
}

}
/* fin responsive 920px */

/* deb responsive 850px */
@media screen and (max-width: 850px) {
#config {
width: 32%;		
}	
#menu .resatel {
    font-size: 0.65em;
}
#widget-recherche-partenaire {
    margin: 0 auto !important;
    width: 100% !important;
}
}
/* fin responsive 850px */
/* deb responsive 840px */
@media screen and (max-width: 840px) {
#vallee a {
 margin-left: 10px;
}
#config {
width: 35.5%;		
}	
#social {
   margin: -15px 0 0 0px;
   width: 55%;
}
#social a.social, a.social {
    margin: 0px 5% 1.5% 0;
}
#recherche input[type="text"] {
    margin: 2px;
    color: #f4efe8;
    padding: 2px 8px 2px 30px;
    width: 75%;
    font-size: 1.1em;
    border: 0px dashed #968b83;
    background: url('/img/input-loupe-blanche.png') 4px no-repeat #968b83;
    border-radius: 15px;
    height: 30px;
}
#recherche input[type="submit"] {
    padding: 0px 5px;
    width: 28px;
    font-size: 1.4em;
	height:30px;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCritBloc.OsFiltreCritere_date {
    flex: 1 1 98%;
}	
body .OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCritereContenu {
    padding-bottom: 0px !important;
    width: 100%;
}
#widget-recherche-partenaire .Groupe.TypeGM .GroupeCorps, #widget-recherche-partenaire .Groupe.TypeGM .GroupeEntete, #widget-recherche-partenaire .Groupe.TypeLiens {
    padding: 0px 0 0 !important;
}	
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreFiltre {
    margin-top: 5px;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCritBloc.OsFiltreCritere_date {
    padding-bottom: 0px !important;
}

.OsFiltreBlocNbPers {
    margin-top: 0px;
}
body .OsRecherchePartenaire.Custom a.OsFiltreBtnRecherche, body .OsRecherchePartenaire.Custom a.OsFiltreBtnRecherche:link {
    font-size: 16px !important;
    line-height: 24px !important;
}
.WidgetCombine.Interieur .OsFiltreBoutonRecherche {
    margin: 0px auto 0;
}
#fichedroite {
width:34%;	
margin: 0px 1% 20px 1%;
}
#fichegauche {
width:64%;	
}
#fichegauche .decalage, #fichecalendrier .decalage {
    width: 80%;
}


#fiche-slider.flexslider .slides > li {position: relative;height:320px;}
#fiche-slider.flexslider .slides img {display: block;/*width:750px;*/height:320px;}
.conteneurrecherche input[type="text"] {
    width: 80%;
	margin: 10px 10% 0 10%;
}	
#validrecherche .filtreckeckbox {
    width: 80%;
	margin: 10px 10% 0 10%;	
}
#validrecherche input.submit {
    width: 80%;
    margin: 10px 10% 0 10%;
    font-size: 1.4em;
    line-height: 1.4em;
}	
	
#bloc-slider.flexslider {
    margin: 0px 0px 20px 2.5%;
    width: 87.5%;
}	
.bloc .slide img {
    height: 220px;
    width: 100%;
}
#bloc-slider .captions {
    height: 60px;
}	
#bloc-slider a .captions h2.titre {
    padding: 0 0 0 40px;
    font-size: 1.4em;
    line-height: 1.4em;
}
#bloc-slider a .soustitrebas {
	 font-size: 0.9em;
    line-height: 1em;
    margin: 0 10px;
}	
#blocneige, .bloc a .carre, .bloc a .rect {
    height: 280px;
    width: 42.5%;
    float: left;
    margin: 0 0 20px 2.5%;
}
.btnwebcam.float {
    width: 94%;
    margin: 0 3%;
    float: none;
}
li.btnwebcam a {
    padding: 5px 10px;
    height: 36px;
}
.cartowebcam {
    width: 100%;
    float: none;
    margin: -20px 0 0 0;
}

#cartomenu {
width:100%;	
}	
#my_osm_widget_map_x {
width:100%;
height: 280px;
}
#poiselection {

    width: 100%;

}

#googleMap.visite {
float:none;
width: 92%;
height: 200px;
margin:15px auto;
clear:both;
top:0px;
}
#listevisite {
width:92%;
float:none;
background:rgba(245,243,241,1);
margin:auto;
clear:both;
overflow:auto;
}
#visite_player.normal { position:relative;width:100%;height:210px!important;max-height:210px;}	
#visite_player.full { 
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: auto;
    height: auto;
	width:100%;
	height:100%;
    z-index:100000;}
#visite_playerrando.normal { position:absolute;width:100%;height:210px;}		
#visite_playerrando.full { 
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: auto;
    height: auto;
	width:100%;
	height:100%;
    z-index:100000;
	}
#fullios.normal { position: relative;bottom: 0px;height: 60px;width:20%;left: 80%;display:block;}
#fullios.full { position: fixed!important;bottom: 50px;height: 100px;  width:15%;  right: 0px;}
#fullios2.normal { position: relative;top: 0px;height: 48px;width:48px;left: 86%; background: #ffffff url(../img/icon/fullscreen360.png) center;display:block;}
#fullios2.full { position: fixed!important;bottom: 50px;height: 100px;  width:15%;  right: 0px;}




}
/* fin responsive 840px */
/* deb responsive 800px */
/*@media screen and (max-width: 640px) {*/
@media screen and (max-width: 800px) {	
#vallee a {
    margin-left: 8px;
    font-size: 1.3em;
    line-height: 1.5em;
}

#fichedroite {
    float: none;
    width: 90%;
    margin: 0px auto;
}
#fichegauche {
    float: right;
    width: 100%;
    margin: 0 0px 20px 10px;
    overflow-x: scroll;
    height: auto;
}
	
.bloc .slide img {
    height: 180px;
    width: 100%;
}
#footer ul.percent20 {
    width: 33%;
}

}	
/* fin responsive 800px */
/* smartphone */
/* deb responsive 768px */
@media screen and (max-width: 768px) {
html {
margin:0px 0 0 0;
}
#noel {
position:fixed;
top:auto;
bottom:0;
}
#noel a {
font-size:1.1em;
}
#laterallive {
top:0;
}
h1 {
margin: 0px 10px 0 30px;
}
	
#bandeau {
    position: relative;
}
#bandeau.sejour {
margin:440px 0 0 0;
}
#bandeau.sanspanier {
margin:-160px 0 0 0;
}
#vallee {
    position: relative;
    height: 110px;
    width: 100%;
	margin: 275px 0 0 0;	
}	
#vallee img {
    clear: both;
    float: none;
    width: 80px;
    height: 51px;
    margin: 5px 0 0 0;
}
#vallee a {

    font-size: 1.4em;
    line-height: 1.6em;
    margin-left: 5px;
}

#config {

    position: relative;
    height: 110px;
    width: 90%;
    clear: both;
    margin: -200px auto 0 auto;

}
#config #langue {
    height: 29px;
    overflow: hidden;
}
#bandeau.sejour #config #langue {
	top: 85px;
}
#config ul {
	
margin:0 0 0 10px;
background-position: 40px 8px;
    background-image: url('/img/fleche-bas.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
  width:60px; 
  padding:0;
}
#config ul li a img{
margin:6px 3px 3px 0;
}
#config #langue li {
    background: transparent;
}
#config #langue.opened {

   background-position: 40px 8px;
}
.drapeau {
/*margin: 5px 0px 4px 0;
width: 40px;
height: 22px;	
background-size:28px 2712px;*/

margin: 5px 0px 4px 0;
width: 30px;
height: 22px;	
background-size:26px 2800px;

}	
.fr {
background-position: 0px -948px;
}
.en {
background-position: 0px -1036px;
}
.it {
background-position: 0px -1476px;
}
.de {
background-position: 0px -68px;
}
.es {
background-position: 0px -728px;
}
.ru {
background-position: 0px -2224px;
}
.zh {
background-position: 0px -2666px;
}
.jp {
background-position: 0px -2712px;
}
#config #langue.opened {
height:218px;
}
#config #langue.closed {
    height: 30px;
}
#config ul {
    top: -5px;
	right:0px;
}
#config ul li a {
 line-height: 1.8em;
 text-indent:-120px;
 width:40px;
}
#config #social {
    margin-top: -100px;
	 width: 75%;
}

#recherche {
    z-index: 50;
}	
#config ul {
    z-index: 60;
}	

#menu .resatel {
display:none;
}

#top {
    top: 96px;
    height: 56px;
    width: 100%;
    z-index: 100;
	right: inherit;
}
#top.floatable {
display:none;
}
#top-slider {
    width: 90%;
	margin: 0px 5%;
}
#slider .flex-caption svg {
display:none;
}
#titre a.bas {
    display: none;
}	
#top-slider .flex-control-nav {
display:none;
}	
#titre .nav {
    display: none;
}
#titre .h {
	width:100%;
    padding: 0 0 0 10px;
}
h1 {
    font-size: 1.8em;
}	
#menu h2.menutitre {
margin: 0.25% 0.25%;
width: 49.5%;
    float: left;
}

#menu h2.menutitre a {
	background: rgb(45, 42, 38) url('/img/fleche-droite.png') 3px no-repeat;
    background-size: auto;
background-size: 15px 15px;
font-size: 20px;
line-height: 40px;
height: 40px;	
text-indent: 18px;
}
#menu h2.menutitre.ui-accordion-header-active a {
color:#ffffff!important;
background: rgba(45,42,38,1) url('/img/fleche-droite.png') 3px no-repeat;
background-size: 15px 15px;
font-size: 0.9em;
line-height: 40px;
height: 40px;
text-indent: 18px;
}
#LigneMoteurExt {
    padding: 0 0 10px 0 !important;
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCritere_nbpers .OsFiltreCritere_nbadulte {
    padding-bottom: 0px !important;	
}
.OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCritBloc.OsFiltreCritere_date {
    padding-bottom: 0px !important;
}
body .OsRecherchePartenaire.Custom .WidgetCombine.Interieur .OsFiltreCritereContenu {
    padding-bottom: 10px !important;
    width: 97%;
}
#menu h2.menutitre.ui-accordion-header-active a:hover {
color: #cf3339 !important;
background: rgba(244,239,232,1) url('/img/fleche-bas.png') 5px no-repeat;
    background-size: auto;
background-size: 15px 15px;	
}	
#menu #menutitre2 a, #menu #menutitre3 a, #menu #menutitre4 a, #menu #menutitre5 a {

    margin: 0px 0 0 0;

}

#sousmenu4 {
display:none;
}
.GroupeCorps select#SelectMoteurExt {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 1.5em !important;
}
.OsRecherchePartenaire .WidgetCombineContent .OsWrapSelect select, .OsRecherchePartenaire .WidgetCombineContent .PanneauAge select {
    font-size: 1.5em !important;
    line-height: 40px !important;
    height: 40px !important;
}
#menu .std.chamonix-v2 .OsFiltreInputDate.OsFiltreCombo, .std.chamonix-v2 .OsFiltreInputDateDepart.OsFiltreCombo {
    font-size: 1.3em !important;
}
.resablocactivites a.resaboutique, .resabloccmb a.resacmb,.resablocactivites a.resaactivitesforfaits, .resabloccmb a.resanavettes, .resablocactivites a.resaactivitesforfaits {
    height: 24px;
    margin: 0px 1% 5px 0px;
}
.resablocactivites a.resaboutique, .resabloccmb a.resacmb {
    font-size: 1.4em;
	display:none;
}
.resablocactivites a.resaactivitesforfaits, .resabloccmb a.resanavettes, .resablocactivites a.resaactivitesforfaits {
    font-size: 1.4em;	

display:none;
}

.OsWrapSelect select, .PanneauAge select {

    font-size: 1.4em !important;
}

body #widget-panier {
    margin: -3px 1px 2px 1px;
height: 44px!important;
width: 13.2%!important;
position: absolute;
top: 0;
}	
body .OsPanier.api .ospanier.minitoggle .entete {
    background-color: #cd1d2f;
    background-image: url("https://gadget.open-system.fr/widgets/themes/std/chamonix-v2/ospanier/images/icon-panier-chamonix.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float: none !important;
    height: 44px!important;
	border-radius:2px;
}	
body .OsPanier.api .ospanier.minitoggle .entete {
    width: 100% !important;
	border-radius:2px;
}	
#laterallive {
width:100%;
height:44px;
background: transparent;
}
#laterallive a.menu {
overflow-x:hidden;
background:rgba(118,109,98,1) url("https://www.chamonix.com/img/icon/icon-sidebar-44.png") no-repeat scroll 0px 0px;
background-size: 44px 898px;
text-indent: 50px;
}
#laterallive #test{
width:100%;
overflow:hidden;
background-color: #c7c2bc;
}
#laterallive #test {
overflow: hidden !important;
width: 100% !important;
max-height:100px;
}

#laterallive #test .lateral180 {
width:100%;
}
#laterallive #test .lateral60 {
width:100%;
}
#laterallive a#moins {
display:none;
background-color: transparent;
height:0;
}
#laterallive a#plus {
display:none;
}
#laterallive a#plus.block {
    display: none;
}

#laterallive a.menu {
padding-left:32px;
width:13.2%;
height:44px;
line-height:44px;
float:left;
overflow:hidden;
margin:2px 1px;
border-radius:2px;
}
#laterallive a:hover.menu {
    -webkit-animation: none;
    animation: none;
}
#laterallive a#meteo.menu {
margin:2px 1px 2px 13.6%;
}
#laterallive a#info.menu {
overflow-y:hidden;
display:block;
}
#laterallive a#visite.menu {
display:block;
overflow-y:hidden;
}
#laterallive a#hebergement.menu {
display:block;
}
#laterallive a#restaurant.menu {
display:block;
}
#laterallive a#loupe.menu {
overflow-y:hidden;
display:none;
}
#laterallive a#attention.menu {
display:block;
}

#laterallive a#meteo.menu {
background-position:50% 0px;
}
#laterallive a#webcam.menu {
background-position:50% -48px;
}
#laterallive a#remontees.menu {
background-position:50% -96px;
overflow-y:hidden;
}
#laterallive a#info.menu {
background-position:50% -670px;
overflow-y:hidden;
}
#laterallive a#visite.menu {
background-position:50% -144px;
overflow-y:hidden;
}
#laterallive a#rando.menu {
background-position:50% -716px;
overflow-y:hidden;
}
#laterallive a#bus.menu {
background-position:50% -804px;
overflow-y:hidden;
}
#laterallive a#plan.menu {
background-position:50% -192px;
overflow-y:hidden;
}
#laterallive a#neige.menu {
background-position:50% -240px;
overflow-y:hidden;
}
#laterallive a#hebergement.menu {
background-position:50% -288px;
}
#laterallive a#restaurant.menu {
background-position:50% -334px;
}
#laterallive a#evenement.menu {
background-position:50% -382px;
}
#laterallive a#route.menu {
background-position:50% -430px;
overflow-y:hidden;
}
#laterallive a#loupe.menu, .loupe {
background-position:50% -478px;
overflow-y:hidden;
}
#laterallive a#attention.menu {
background-position:50% -526px;
overflow-y:hidden;
}
#laterallive a#panier.menu {
background-position:50% -574px;
background-color:#d02c39;
overflow-y:hidden;
position:relative;
}
#laterallive a#share.menu {
background-image: url('/img/icon-menu-share.png');
overflow-y:hidden;
}
#laterallive a#virtuel.menu {
background-image: url('/img/icon-calendrier-chamonix.png');
overflow-y:hidden;
}
.page {
    width: 100%;
    padding: 0 40px 0 40px;
}
.bloc .slide img {
    height: auto;
}	
.bloc a .carre, .bloc a .rect {
height:280px;
width:90%;
float:left;
margin:0 0 20px 3%;
}
#liste .selection ul li span.bonplan{
float:left;	
font-size:0.8em;
line-height:1.4em;
font-weight:400;
padding:0px 10px;
border-radius:0px;
margin: 5px 5px 0 0;
}
#infopromo-slider.flexslider .slides > li {
    height: auto;
}
.conteneurplanski,.conteneurplanexcursion {
overflow-x:scroll;	
}


.vid-selection-container {
width:100%;
margin:20px 0 10px 0px;
float:right;
}
#vid_selection_frame {
width:100%;
height:150px;
}
#fichedroite .listedownload {
    margin: 0 0 0px 0px;
    width: 100%;
}
.listedownload a .download {
    height: 50px;
    width: 100%;
}
#fichedroite .listedownload a p.saison {
    top: 35px;
}	
#fichegauche .decalageprestation, #fichecalendrier .decalageprestation {
    width: 90%;
}
#visite_conteneur { position:relative;height:210px!important;max-height:210px!important;}	
#visite_player.normal { position:relative;width:100%;height:210px!important;max-height:210px;}	
#visite_player.full { 
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: auto;
    height: auto;
	width:100%;
	height:100%;
    z-index:100000;}	
nav.rando {	
margin: 0px auto 10px auto;	
width:90%;	
}
nav.rando.iphonefix.floatable {
position: fixed;
top:0px!important;
margin:0!important;
-webkit-animation: randoiphonefix 0.8s forwards ease-out; 
   animation: randoiphonefix 0.8s forwards ease-out;
}
nav.rando.floatable {
	position: fixed;
	z-index: 1051;
	width:100%;
	max-width:100%;
	-webkit-animation: randofixed 0.8s forwards ease-out; 
    animation: randofixed 0.8s forwards ease-out;
}	
nav a.navcarte3,nav a.navcarte4  {
line-height: 32px;
height: 32px;
text-indent: 34px;
}

#randoselection .bloc a .chapo {

    margin: 2px 10px 15px 10px;
    width: 95%;
    font-size: 1.1em;
    line-height: 1.1em;
    height: 100px;
}
#listerando.bloc a .chapo {
    height: 84px !important;
}
.bloc a .chapo, .package a .chapo {
background:none;

}
#randoselection .bloc a .carre {
    height: 300px;
}
#randoselection .bloc a h2.titrebas {
height:auto;
padding: 2px 0px 10px 10px;	
}
@-webkit-keyframes randofixed {
    0% {position: fixed;top: -100px;left:0;z-index: 1051; }
    100% {position: fixed;top:96px;left:0;z-index: 1051;}
}
@keyframes randofixed {
    0% {position: fixed;top: -100px;left:0;z-index: 1051; }
    100% {position: fixed;top: 96px;left:0;z-index: 1051;}
} 
@-webkit-keyframes randoiphonefix {
    0% {position: fixed;top: -100px;z-index: 1051; }
    100% {position: fixed;top:90px;z-index: 1051;}
}
@keyframes randoiphonefix {
    0% {position: fixed;top: -100px;z-index: 1051; }
    100% {position: fixed;top: 90px;z-index: 1051;}
} 
.my_osm_widget_map {
	margin: 0px auto 20px auto;
    width: 90%;
    height: 280px;
}
.my_osm_widget_map.liste {
    width: 90%;	
    height: 210px;
}
.my_osm_widget_map.switched {
height:78px;	
}	
.my_osm_widget_map.switch{
height:280px;	
}
.my_osm_widget_map.route {
 width: 90%;		
height: 280px;
}	
.legend {

overflow-x: hidden;
margin-right: 5px!important;
margin-top: 5px!important;
}

.legend.opened {
width: auto;	
height:auto;	
}
.legend.closed {
width: 48px;
height:auto;	
}
.legend.opened span, .legend.opened a {
text-indent:32px;	
}
.legend.closed span, .legend.closed a{
text-indent:-1000px;	
}
#randodesc {
padding-bottom: 0%;
margin: 0px auto 20px auto;
width: 90%;
}

#randodesc {
font-size:1.2em;
}
#liste h2.titrerando { width : 100%;clear:both;}
#liste .fondrando { height:85px;overflow:visible;}
#randoselection select { float:left; width:46%; padding:2px 0; margin:5px 0 5px 10px;}
#randoselection input[type="text"] {width:46%; padding:2px 0 2px 30px; margin:5px 5px 5px 0px;font-size:1.2em;}
#liste .filtreselection .filtrerando { width:46%;height:60px;overflow-y:scroll;text-align:left;margin: 3px 0px 3px 10px;}
#liste .filtreselection .filtrerando2 { width:46%;height:60px;overflow-y:scroll;text-align:left;margin: 3px 0px 3px 10px;}
#liste .filtreselection .filtrereset { width:21%;height:60px;overflow-y:scroll;text-align:left;margin: 3px 0px 3px 10px;}
#liste .filtreselection .filtrevalid { width:21%;height:60px;overflow-y:scroll;text-align:left;margin: 3px 0px 3px 10px;}
#randoliees {
overflow:visible;
}
#randoliees a{
width:49.5%;
}
.page .info, .page .infopromo {

    position: relative;
    width: 100%;
    height: 180px;
    float: none;
    margin: 20px auto 0px auto;
    padding: 0 10px;
    overflow: hidden;

}
#cartomenu {

    width: 100%;

}
#pub234x60 {
display:block;	
width:100%;
margin:0;
text-align:center;
}
#pubmeteo3, #pubmeteo2{
width:100%;
}
#pubmeteo3 a,#pubmeteo2 a{
margin: 0px 5% 15px 5%;
}
#pubmeteo3 a img,#pubmeteo2 a img{
width:90%;
}
#pub234x60 img{
width:240px;
height:60px;
margin:0 auto;
}	
#pub468x60 {
display:none;
}

.gauche25 {
float:left;	
width:100%;
}
.droite75 {
float:right;	
width:100%;	
}
.gauche75 {
float:left;	
width:100%;
}
.droite25 {
float:right;	
width:100%;	
}

h2.titrewebcam {
    font-size: 1.8em;
    line-height: 1.4em;
    padding:2px 2px;
    margin: 20px 0 0px 0;
	height:auto;
	text-indent:0;
}
.webcammoyeng {
    text-align: center;
    padding: 10px 10px 20px 10px;
    margin: 0 auto;
    width: 100%;
}
.webcammoyenm {
    margin: 0 auto;
    width: 100%;
    float: left;
    padding: 10px 10px 20px 10px;
}
.webcammoyend {
    margin: 0 auto;
    width: 100%;
    float: left;
    margin: auto;
    padding: 10px 10px 20px 10px;
}
.webcamot {
    width: 100%;
    margin: 20px auto;
}
#groupe ul, #contact ul {
padding:0 0 0 10px;	
}	
#groupe li ,#contact li{
width:100%;	
}
#groupe li input[type="text"], #contact li input[type="text"] {
width:200px;
clear:both;
float:none!important;
}	
/* non optimise : */


#slider {
/*position:relative;*/
margin:0px;
}
#slider .flex-caption {
height:100px;
}
#slider .flex-caption.booking {
display:block;
position:relative;
top: 0;
left:0;
background: rgba(46,42,42,0);
width:100%;
transform: rotate(0deg);

}
/*#slider .flex-caption.booking .slogan {
    font-size: 1.3em;
    line-height: 1em;
	color: #000000;
	text-shadow: 0 0 0 #000;
background-image: none;
padding:0px 0 3px 0;
}
#slider .flex-caption.booking  a .sliderapartir {
    color: #000000;
    margin: 0px 0px 0px 2px;
	font-size: 0.9em;
}
#slider .flex-caption.booking a .sliderprix {
    font-size: 1.3em;
    line-height: 1em;
}*/
#top-slider .flex-direction-nav {
display:none;
}
#promo-slider .flex-direction-nav {
display:none;
}
.vid-container {
width:100%;
margin:0px;
text-align:center;
}
#vid_frame {
width:90%;
height:150px;
margin:20px auto 0px auto;
}
#liste #evenementdate {
    width: 94%!important;
    float: none;
    margin: 20px auto;
}
#liste #evenementdate h2 {
font-size:1.8em;
line-height:2em;
}
#liste .selection ul li .listecalendrier {
    width: 90%;
    height: 120px;

}
#liste .selection ul li .date {
    font-size: 1.2em;
}
#liste .selection ul li img.listecalendrier {
display:none;
}
#liste .selection ul li .description {
display:none;
}
#liste .lieudate {
font-size:1.6em;
}
#liste a.titredate {
font-size:1.6em;
line-height:1.8em;
}
#liste #evenementselection {
    float: none;
    width: 94%;
	margin: 20px auto;
}

.bloc {
clear:both;
position:relative;
height:auto;
margin:0px 10px 0 10px;
}

#bloc-slider a .captions h2.titre {
font-size:1.6em;
line-height:1em;
font-weight:100;
text-shadow:none;
height:auto;
background-image: url('/img/icon/icon-calendrier-noir.png');
background-position: 1% 40%;
background-repeat: no-repeat;
background-size: 32px 32px;
}
#bloc-slider a .soustitrebas {
font-size:1.1em;
line-height:1.3em;
margin:5px 10px;
text-shadow:none;
color:#000000;
}
#bloc-slider .captions {
position: relative;
height:120px;
width:100%;
margin:0px;
padding:5px;
background-color:rgba(46,42,42,0.4);
}
#bloc-slider .flex-direction-nav { height: 0;display:none;}
#infospeciale  {
height:240px;
width:100%;
margin:10px 0;
}
.bloc a .chapo.hover .infospeciale {
margin:70px 0 0 0;
   height: 50px;
}
.bloc a .chapo.hover {

}
.bloc a .rect h2.titrebas {
    height: 40px;
}
.bloc .promos a.vignette {
margin:10px 0 10px 5px;
float:left;
width:100%;
height:60px;
}
.bloc .promos a.vignette img {
height:60px;
width:80px;
}
.bloc a .rect {
height:290px;
width:100%;
float:left;
overflow:hidden;
margin:10px 0;
}
.bloc .promos {
height:230px;
width:100%;
float:left;
overflow:hidden;
margin:10px 0;
}
.bloc .promos a.vignette .offreprix b {
font-size:2em;
padding:3px 8px 3px 8px;
margin:-35px 10px 0 0;
}
.bloc  a.offretous {
font-size:1.1em;
padding:0px 20px 0 0;
margin:0px 0 0 0;
}
.bloc a .carre .image img {
width:100%;
}

.bloc a .carre{
height:265px;
width:100%;
float:left;
overflow:hidden;
margin:10px 0;
}
.bloc a  .image {
height: 200px;
width:100%;
}

.bloc a .rect .image img {
width:100%;
}
.bloc a .chapo, .package a .chapo {
    margin: -10px 10px 0 10px;
}
.bloc a  h2.titrebas {
font-size:1.4em;
line-height:1.4em;
font-weight:100;
}
.bloc a .rect  p.saison{
width:160px;
font-size:1em;
}
.bloc a .carre  p.saison{
width:160px;
font-size:1em;
}
.bloc a  p.saison{
position:absolute;
z-index:502;
bottom:0;
right:0;
margin:0;
font-size: 0.8em;
line-height:1.8em;
border-left:0px;
text-align:center;
color:#ffffff;
}
.bloc a  .saisontexte{
/*display:inline;*/
float:right;
}
.bloc a .evenement {
position: relative;
height: 180px;
width: 100%;
margin: 20px 0px 0px 20px;
}
.bloc a .evenement img {
width: 100%;
}
.bloc a .carre.centrale {	
background-image: url('/img/standard-centrale.png');
background-position: 0% 6px;
background-repeat: no-repeat;
background-size:cover;
}
.bloc a h2.titrebascentrale {
font-size:2em;
}
.bloc a p.chapocentrale {
width:58%;
top:25px;
font-size:1em;
line-height:1.2em;
padding:0;
}
.bloc p.bascentrale {
width:48%;
right:0px;
height:50px;
margin:0 6px 0 0;
font-size:1.5em;
line-height:1.2em;
background:transparent;
}
#blocfond, #blocvideo {
margin:20px auto 20px auto;
width:90%;
float:none;
font-size:1.2em;
}
#bloclistefond {
margin:20px auto 20px auto;
width:90%;
float:none;
clear:right;
font-size:1.2em;
overflow:auto;
}
#blocvideo iframe {
width:100%;
height:auto;
}
#blocvideo .txtsnow{
width:100%;
float:none;
}
.colonne {
float:left;
width:100%;

}


#blocneige {
position: relative;
width: 100%;
height: 240px;
margin:0px auto 0 auto;
}
a.bulneige {
/*background-position: 100% 0px;*/
background-size: 36px auto;
padding:5px 0px;
height:50px;
font-size:1.1em;
}
a.bulneige p{

margin:5px 0 10px 5px
}
.carrelive {
margin:0 1.5% 10px 10px;	
width:65px;
line-height:44px;
height:60px;
}
a .txtneige {
top:40px;
font-size:0.9em;
}
a.speciallive {
height:58px;
}
a.speciallive {
font-size:1.1em;
line-height:1.1em;
}
a.menuremontees {
    font-size: 1.4em;
    line-height: 2.4em;
}
#liste .selection ul li .titre h3 {
margin: 0px 0 0px 0;
height: auto;
}
#liste .selection ul li .titre h3 a {
	font-size:0.8em;
	line-height: 1em;
	display: block;
}
#carte {
width: 100%; 
position:relative;
float:right;
height:180px;
margin:0px auto 20px auto;
overflow:hidden;
}
#carte #map-canvas { 
float:none;
width: 90%; 
height: 180px;
margin:10px 0 0px 0;
margin-left: auto;
margin-right: auto;
}

#fichedroite #carte #map-canvas {
width: 100%; 
}

#carte #video {
float:none;
clear:both;
margin:20px 0 20px 0;
width: 300px; 
height: 160px; 
}
.presentation {
float:none;
    width: 90%;
	margin:0 auto;
    min-width: 300px;
    max-width: 700px;
font-size: 1.1em;
}
#info-slider.flexslider .slides > li {
font-size: 1.1em;
line-height: 1.2em;
}
#liste .jour {
display:none;
}
#liste #multiselection {
float:left;
width:100%;
}
#liste h2.titreselection {
width:100%;
text-align:center;
font-size:1.6em;
line-height:1.6em;
font-weight:100;
height: 40px;
text-indent:0px;
}

#liste .filtreselection,#liste .filtreevenement {
text-align:center;
}
#liste .filtreselection select, #liste .filtreevenement select{
margin:5px auto 5px auto;
padding:5px;
width:80%;
float:none;
font-size:1.2em;
}
#liste .filtreselection input[type=text]{
margin:10px auto 5px auto;
width:75%;
float:none;
padding: 0px 8px 0px 32px;
font-size:1.1em;
}
#liste .selection ul li.licalendrier {
padding: 0 0 10px 20px;
font-size: 0.9em;

}
#liste .filtreevenement input.motcleevenement {
margin:5px auto 5px auto;
padding:5px;
float:none;
width:80%;
}
#liste .filtreevenement .input-daterange {
margin:5px auto 5px auto;
float:none;
width:85%;
}
#liste .filtreselection select {
display:block;
}	
#liste .filtreevenement input#startDate[type=text],#liste .filtreevenement input#endDate[type=text],#liste .filtreselection input#startDate1[type=text],#liste .filtreselection input#endDate1[type=text],#liste .filtreselection input#startDate2[type=text],#liste .filtreselection input#endDate2[type=text]{
width:40%;
float:none;
padding: 3px 5px 3px 5px;
font-size:1.3em;
}
.ui-datepicker{width:240px;font-size:1.6em;font-family: 'Open Sans Condensed', sans-serif;font-weight:800;font-style:normal;text-transform:uppercase;line-height:16px;color:#ffffff;word-spacing:0.2em;background:#2d2a26;
}
#liste .selection ul li img.listeevenement {
display:none;
}
#liste .selection ul li .listegaucheevenement {
width:100%;
float:none;
clear:both;
height: auto;
}
#liste #selection ul li .listedroite {
width:100%;
float:none;
margin: 0px 0px 0px 0px;
}

#liste .selection ul li .titre .lieu .numero{
font-size:0.8em;
}
#liste .selection ul li .titre .lieu{
font-size:0.9em;
}
#liste #filtre {
width:100%;
height:auto;
}
#liste #filtre select{
clear:both;
float:none;
display:block;
margin:10px 20px;
}
#liste .selection {
font-size:1.4em;
width:100%;
}
#liste .selection ul li{
/*padding:0 0 10px 20px;*/
}

#liste .selection ul li img.liste {

    float: left;
    margin: 0 2% 0 0;
    width: 38%;
    height: 130px;
}
/*#liste .selection ul li .listegauche {
float:left;
width:100%;
margin:0 20px 0 0;
height:auto;
}*/
#liste .selection ul li .listegauche {
float:none;
width:100%;
margin:0 20px 0 0;
height:auto;
}
#liste .selection ul li .listedroite {
width:60%;
height:auto;
overflow:auto;
float:none;
}
#liste .selection ul li .titre {
	width:100%;
    float: none;
    margin: 5px 0px 0px;
}
#liste .selection ul li .listedroite .contact a, #fichedroite .contact a, #ficherando .contact a {
    line-height: 16px;
    height: 16px;
}
/*#liste .selection ul li .listedroite .contact {
margin:10px 0 10px 0;
display:block;
font-size:1.2em;
}*/
#liste .selection ul li .listedroite .contact {
margin:10px 0 10px 0;
width:100%;
display:block;
font-size:1.2em;
float:none;
}
#liste #info {
width:100%;
font-size:1.1em;
}

#fichegauche {
float:right;
width:100%;
margin:0 0px 20px 10px;
overflow-x:scroll;
height:auto;
}
#fichecalendrier {
float:none;
width:90%;
margin:0 auto 20px auto;
overflow-x:scroll;
height:auto;
}
#fichegauche .ligne, #fichecalendrier .ligne{
padding:3%;
height:auto;
overflow:auto;
clear:both;
width:100%;
margin:0 auto 2px auto;
font-size:1.3em;
}
#fichegauche .decalage, #fichecalendrier .decalage{
color:#000000;
float:right;
display:block;
width:95%;
font-size:0.9em;
}
#fichegauche table.table, #fichecalendrier table.table  {
width:600px;
}
#fichedroite {
float:none;
width:90%;
margin:0px auto;
}
#fichedroite .sitraadresse{
padding:5px;
margin: 0 0 20px 0;
clear:both;
font-size:1.4em;
}
#fichedroite .titre {
display:none;
}
#fichedroite .contact a {
font-size:0.8em;
line-height:1.4em;
text-indent:35px;
}
#fichedroite a.sitrareserve {
font-size:1.6em;
text-align:center;
}
#fiche-slider.flexslider,#rando-slider.flexslider {padding-bottom: 0%;margin:0px auto 20px auto;width:90%;height:auto; }
#fiche-slider.flexslider .slides img,#rando-slider.flexslider .slides img {display: block;width:100%;height:220px;}
#fiche-slider.flexslider .flex-viewport {
    max-height: 260px!important;
}
#fiche-slider .flex-control-thumbs li {
  width: 15%;
  margin: 0 1px 3px 0;
}
#fiche-slider .flex-control-thumbs img {
  width: 48px;
  height: 38px;
}
#fiche-slider.flexslider .slides > li { height:250px;}
#speciale-slider.flexslider .slides > li {position: relative;height:220px;font-size:1.3em;}
#bloc-slider.flexslider {margin:0px auto 20px auto; padding:0; width:100%; float:left;height:auto;}
#saison {
height:220px;
width:100%;
float:left;
overflow:hidden;
margin:10px 0;
font-size: 1.8em;
}

#saison .choixmois {
display:block;
float:none;
clear:both;
}
#saison select {
background: transparent;
font-family: 'Open Sans Condensed', sans-serif;
width:200px;
text-indent:5px;
}


.webcamneige {
width:100%;
float:left;
margin:0px auto;
}
#blocneige.detail {
width:100%;	
height:auto;
}
#blocneige.detail a.bulneige {
width:48%;	
}
#blocneige.detail a.ava {
width:48%;
float:left;
}
#blocneige.detail a.bulmet {
width:49%;
height:auto;
}	
#blocneige.detail .met {
width:44%;	
height:95px;	
margin: 10px 5px 10px 0px;
}
#blocneige.detail .met img {
width:85%;
}
#blocneige.detail a.bulneige.fond {
	float:right;
	width:49%;
}	

#blocneige.detail a.bulneige p span, #blocneige.detail a.bulneige p {
    font-size: 16px;
}
.neigecontainer iframe {
    width: 100% !important;
    height: 6200px;
}
li.btnwebcam a {
    padding: 5px 10px;
    height: auto;
}


#liste #instafeed {
width:100%;
height:180px;
overflow:hidden;
text-align:center;
}
#instafeed {
width:100%;
height:180px;
overflow:hidden;
text-align:center;
}
#fichecalendrier #instafeed2 {
width:90%;
clear:right;
height:auto;
overflow:hidden;
}
#instafeed2,#liste #instafeed2, #fichedroite #instafeed2 {
width:90%;
float:right;
clear:right;
height:auto;
overflow:hidden;
margin:0 5%;
}
#instafeed2 a.titre, #instafeed3 a.titre, #instafeed2 .titre, #instafeed3 .titre {
font-size: 2em;
}
#instafeed2 .slogan{
font-size: 1.3em;
}
#instafeed2 a {
margin: 10px 15%;
width:70%;
}
#instafeed2 img.insta,#instafeed3 img.insta  {
width:100%;
height:auto;
}
#instafeed2 .jaime{
margin-top:-100%;
height:50px;
width:50px;
line-height:50px;
border-radius:25px;
font-size:1em;
}

#instafeed img{
width:120px;
height:120px;
border-radius:0px;
margin:10px 0.5em 20px 0.5em;
float:left;
}

#instafeed .likes{
font-size:1.2em;
height:50px;
width:50px;
border-radius:25px;
line-height:50px;
text-align:center;
margin-left:-100px;
}
#filbas { 
width:100%;
background:#2d2a26;
overflow:hidden;
}
#filbas .h {
margin:0px auto;
padding:0 0 0 0px;
display:block;
min-width:100%;
max-width:100%;
}
.nav {
clear:both;
width:100%;
}
.nav ul{
margin:0 0 0 10px;
}
.nav ul li a{
padding:0px 10px 0px 0;
color:#ffffff;
font-size:1.1em;
line-height:3em;
}
.nav ul li {
float:none;
font-size:1.1em;
line-height:3em;
}
#facebook {
display:none;
}
#partage {
background:#766D62;
float:none;
padding:10px 0;
width:100%;
height:auto;
overflow:auto; 
text-align:center;
}
#partage .partagetexte {
display:block;
width:100%;
clear:left;
float:left;
font-size:1.2em;
}
#partage a img{ 
margin:10px 15px 10px 25px;
width:36px;
height:36px;
border-radius:18px;
float:left;
}
#suggestion a{
display:block;
margin:10px;
width:40%;
}
#suggestion a img{
width:100%;
display:block;
height:100px;
margin:10px;
}
#suggestion h5 {
    font-size: 1.4em;
	line-height:1.2em;
    margin: 0px;
    color: #2d2a26;
}
#liees {
overflow:auto;
height:auto;	
}
#liees a{
display:block;
margin:10px;
width:40%;
}
#liees a img{
width:110px;
display:block;
height:110px;
margin:10px;
}
#liees h5 {
    font-size: 1.2em;
	line-height:1.2em;
    margin: 0px;
    color: #2d2a26;
}
#jourresa #minicarte {
margin:0 70px;
}
#footer {
padding:0px;
max-width:100%;
min-width:100%;
text-align:center;
}
#footer ul {
list-style:none;
float:none;
padding-left:0px;
margin:0 auto;
}
#footer ul.percent20 {
width:90%;
}
#footer ul.percent40 {
width:90%;
}
#footer ul li.titre{
font-size:2.2em;
font-weight:300;
}
#footer ul li{
font-size:1.6em;
line-height:2.2em;
}
/*#footer ul li.partenaire img{
width:50px;
margin:0px 20px 20px 0;
}*/
/*.icon a { 
margin:0px 10px 10px 0;
width:50px;
height:50px;
background: url("https://www.chamonix.com/img/icon/icon-partenaires.png") no-repeat scroll 0px 0px;
float:left;
}*/
.icon a.profil { 
margin:0 40px 0 20px;
}
.icon a.pluie  {
width:100px;
height:50px;
background-position:20px -725px;
background-size:60%;
padding:50px 0 0 0;
}
.icon a.soleil  {
width:100px;
height:50px;
background-position:20px -665px;
background-size:60%;
padding:50px 0 0 0;
}
#mentions .h {
margin:0px auto;
padding:0 0 0 15px;
max-width:100%;
min-width:100%;
display:block;
font-size:0.8em;
}
#mentions .titre {
font-size:1.6em;
line-height:1.6em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:300;
color:#000000;
margin:10px 0px;
border-bottom:0px solid #333333;
display:block;
clear:both;
}
#feder span{
display:block;	
clear:both;	
}


}	
/* fin responsive 768px */
@media screen and (max-width: 640px) {
#laterallive a#meteo.menu {
margin:2px 1px 2px 13.8%;
}
.listedownload {

	width:100%;
}
}

/* deb responsive 480px */
@media screen and (max-width: 480px) {
h1 {
margin: 0px 10px 0 10px;
}	
#laterallive a.menu {
    padding-left: 32px;
}
#laterallive a#meteo.menu {
margin: 2px 1px 2px 14%;
}
.page {
    width: 100%;
    padding: 0 10px 0 10px;
}
}
/* fin responsive 480px */
/* deb responsive 380px */
@media screen and (max-width: 380px) {
	
#bandeau {
    height: 90px!important;
	padding: 0px 0 0!important;
}
}	
/* fin responsive 380px */
/* cas speciaux iphone 5 / SE */
@media screen and (max-width: 360px) {
.carrelive {
    margin: 0 0.5% 10px 10px;
    width: 65px;
    line-height: 44px;
    height: 60px;
}
}