@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
/*Interprétation HTML5 pour IE8*/
header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog { display: block; }

*      { margin: 0; padding: 0; }
html   { height:100%; width:100%;   }
body   { background-color: #ffffff; font-size: 1em; font-family:'Source Sans Pro', Helvetica, Arial; font-weight:400; color: #333333; height:100%; width:100%; }

.DivSuiteAccueilInside { position:absolute; width:100%; display:block; height:auto!important; bottom:38px; z-index:20;  -moz-box-shadow:  0px 0px 0px #272727; -webkit-box-shadow:  0px 0px 0px #272727; box-shadow:  0px 0px 0px #272727;}
.BlocA { position:relative; width: -moz-calc(16.66666666666667% - 1px); width: -webkit-calc(16.66666666666667% - 1px); width: calc(16.66666666666667% - 1px); display:block; border-right:1px solid #fff; float:left; height:auto!important; overflow:hidden; }
.BlocB { position:relative; width: -moz-calc(16.66666666666667% - 1px); width: -webkit-calc(16.66666666666667% - 1px); width: calc(16.66666666666667% - 1px); display:block; border-right:1px solid #fff; float:left; height:auto!important; overflow:hidden; }
.BlocC { position:relative; width: -moz-calc(16.66666666666667% - 1px); width: -webkit-calc(16.66666666666667% - 1px); width: calc(16.66666666666667% - 1px); display:block; border-right:1px solid #fff; float:left; height:auto!important; overflow:hidden;  }
.BlocD { position:relative; width: -moz-calc(16.66666666666667% - 1px); width: -webkit-calc(16.66666666666667% - 1px); width: calc(16.66666666666667% - 1px); display:block; border-right:1px solid #fff; float:left; height:auto!important; overflow:hidden;  }
.BlocE { position:relative; width: -moz-calc(16.66666666666667% - 1px); width: -webkit-calc(16.66666666666667% - 1px); width: calc(16.66666666666667% - 1px); display:block; border-right:1px solid #fff; float:left; height:auto!important; overflow:hidden;  }
.BlocF { position:relative; width: -moz-calc(16.66666666666667% - 1px); width: -webkit-calc(16.66666666666667% - 1px); width: calc(16.66666666666667% - 1px); display:block; float:left; height:auto!important; overflow:hidden;  }


.BlocA a img, .BlocB a img, .BlocC a img, .BlocD a img, .BlocE a img, .BlocF a img { -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%); width:100%; height:auto!important;  }
.BlocA a:hover img, .BlocB a:hover img, .BlocC a:hover img, .BlocD a:hover img, .BlocE a:hover img, .BlocF a:hover img {   -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);  }

.AccueilGlobal { width:100%; height:100vh; position:relative; display:block; float:left; background:#ffffff url("../upload/tinymce/textes/accueil/background.jpg") no-repeat 0px 0px; background-size:cover; background-attachment:fixed; }
.AccueilGlobalLogo { width:160px; top:50px; left:50%;  margin-left:-80px; height:auto!important; position:absolute; display:block; }
.AccueilGlobalLogo img { width:100%; height:auto!important; }

.AccueilGlobal15min { width:260px; top:50px; right:20%;  height:auto!important; position:absolute; display:block; }
.AccueilGlobal15min img { width:100%; height:auto!important; }


.BlocSki			{ width:13.333333%; height:auto!important; position:absolute; display:block; left:2%; bottom:10%; margin-top:-100px; }
.BlocIf38 			{ width:13.333333%; height:auto!important; position:absolute; display:block; left:18%; bottom:10%; margin-top:-100px; }
.BlocBattlefield 	{ width:13.333333%; height:auto!important; position:absolute; display:block; left:34%; bottom:10%; margin-top:-100px; }
.BlocExplorGame 	{ width:13.333333%; height:auto!important; position:absolute; display:block; left:50%; bottom:10%; margin-top:-100px; }
.BlocEscapeGame 	{ width:13.333333%; height:auto!important; position:absolute; display:block; left:66%; bottom:10%; margin-top:-100px; }
.BlocTrampoline 	{ width:13.333333%; height:auto!important; position:absolute; display:block; left:82%; bottom:10%; margin-top:-100px; }
.BlocSki a img, .BlocBattlefield a img, .BlocIf38 a img, .BlocEscapeGame a img, .BlocTrampoline a img { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px);  border-radius:50%; border: 8px solid rgba(255, 255, 255, .5); }
.BlocExplorGame a img { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); border-radius:0 25% 0 25%; border: 8px solid rgba(255, 255, 255, .5); }

.BlocSki a div, .BlocIf38 a div, .BlocBattlefield a div, .BlocExplorGame a div, .BlocEscapeGame a div, .BlocTrampoline a div	{ width:100%; height:auto!important; position:relative; display:block; float:left; text-align:center; font-weight:bold; font-size:18px; text-align:center; margin-top:15px; }
.BlocSki a div span, .BlocIf38 a div span, .BlocBattlefield a div span, .BlocExplorGame a div span, .BlocEscapeGame a div span, .BlocTrampoline a div span,  			{ width:100%; height:auto!important; position:relative; display:block; float:left; text-align:center; font-weight:normal; font-size:16px; text-align:center; margin-top:10px; }


.BlocSki a img, .BlocBattlefield a img, .BlocIf38 a img, .BlocEscapeGame a img, .BlocTrampoline a img, .BlocExplorGame a img {  transition: transform 1s;  }
.BlocSki a:hover img, .BlocBattlefield a:hover img, .BlocIf38 a:hover img, .BlocEscapeGame a:hover img, .BlocTrampoline a:hover img, .BlocExplorGame a:hover img {   -ms-transform: scale(1.05); -webkit-transform: scale(1.05);  transform: scale(1.05);  }

.BlocNew 	{ width:50px; height:auto!important; position:absolute; display:block; left:50px; top:3px; border-radius:0%; border: 0px solid rgba(255, 255, 255, .5); }
.BlocNew img 	{ width:100%; }

@media only screen and (max-width: 1250px) {
.AccueilGlobal15min { right:10%; }
}

@media only screen and (max-width: 1100px) {
.BlocSki 			{ margin-top:-60px; }
.BlocIf38 			{ margin-top:-60px; }
.BlocBattlefield 	{ margin-top:-60px; }
.BlocExplorGame 	{ margin-top:-60px; }
.BlocEscapeGame 	{ margin-top:-60px; }
.BlocTrampoline 	{ margin-top:-60px; }

}
@media only screen and (max-width: 1000px) {
.AccueilGlobal { height:auto !important; }
.BlocSki 			{ position:relative; display:block; float:left; width:40%; margin-left:5%; margin-right:5%; left:inherit; margin-top:280px; }
.BlocIf38 			{ position:relative; display:block; float:left; width:40%; margin-left:5%; margin-right:5%; left:inherit; margin-top:280px; }
.BlocBattlefield 	{ position:relative; display:block; float:left; width:40%; margin-left:5%; margin-right:5%; left:inherit; margin-top:280px; }
.BlocExplorGame 	{ position:relative; display:block; float:left; width:40%; margin-left:30%; margin-right:30%; left:inherit; margin-top:50px;  }
.BlocEscapeGame 	{ position:relative; display:block; float:left; width:40%; margin-left:5%; margin-right:5%; left:inherit; margin-top:50px; padding-bottom:100px; }
.BlocTrampoline 	{ position:relative; display:block; float:left; width:40%; margin-left:5%; margin-right:5%; left:inherit; margin-top:50px; padding-bottom:100px; }
}

@media only screen and (max-width: 800px) {
.AccueilGlobal15min { right:1%; }
}

@media only screen and (max-width: 800px) {
.AccueilGlobal15min { right:1%; width:200px; margin-left:-80px; height:auto!important; position:absolute; display:block; }
}

@media only screen and (max-width: 600px) {
.AccueilGlobal { height:auto !important; }
.AccueilGlobal15min { width:200px; top:250px; margin-left:-100px; left: 50%; }
.AccueilGlobalLogo { width:160px; top:20px; left:50%;  margin-left:-80px; height:auto!important; position:absolute; display:block; }
.BlocSki 			{ position:relative; display:block; float:left; width:90%; margin-left:5%; margin-right:5%; left:inherit; margin-top:370px; }
.BlocIf38 			{ position:relative; display:block; float:left; width:90%; margin-left:5%; margin-right:5%; left:inherit; margin-top:370px; }
.BlocBattlefield 	{ position:relative; display:block; float:left; width:90%; margin-left:5%; margin-right:5%; left:inherit; margin-top:50px; }
.BlocExplorGame 	{ position:relative; display:block; float:left; width:90%; margin-left:5%; margin-right:5%; left:inherit; margin-top:50px;  }
.BlocEscapeGame 	{ position:relative; display:block; float:left; width:90%; margin-left:5%; margin-right:5%; left:inherit; margin-top:50px; }
.BlocTrampoline 	{ position:relative; display:block; float:left; width:90%; margin-left:5%; margin-right:5%; left:inherit; margin-top:50px; padding-bottom:100px; }
}


#LogoAccueil {  width:100%; height:40%;  z-index:10; display:block; position: absolute; top:0; left:0; }
#LogoAccueil img {  height:60%;  display:block; position: relative; margin:2.5% auto 0 auto; }

p                      { margin:0 0 0 0; text-align:justify; font-size:14px; color:#333333; }

a,a:link               { color: #3f4c43; border-bottom:1px dotted #3f4c43; text-decoration:none; }
a:hover                { color: #333333; border-bottom: none; }
a.fancybox-close,a:link	.fancybox-close	   { border-bottom:none; text-decoration:none; }

ul.Left100  { display:block; float:left; width:100%; font-size:13px; clear:both; margin-bottom:20px; }

li.Left50None { display:none;  float:left; width:49%; margin-left:1%; font-size:13px; margin-bottom:10px; text-align:justify; }
li.Left100  { display:block; float:left; width:100%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; margin-top:15px; }

.Left50:nth-child(odd)  { display:block; float:left; width:49%; margin-right:1%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; }
.Left50:nth-child(even) { display:block; float:left; width:49%; margin-left:1%; font-size:13px; margin-bottom:10px; text-align:justify; }

.Left33  { display:block; float:left; width:32.5%; margin-right:1%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; }
.Left33B  { display:block; float:left; width:32.5%; margin-right:0%; font-size:13px; margin-bottom:10px; text-align:justify; }
.Left34  { display:block; float:left; width:33%; margin-right:1%; font-size:13px; margin-bottom:10px; text-align:justify; }
li.Left50AA  { display:block; float:left; width:49.5%; margin-right:1%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; }
li.Left50BB  { display:block; float:left; width:49.5%; margin-right:0%; font-size:13px; margin-bottom:10px; text-align:justify; }

/*****IMAGE BACKGROUND SITE******/
.BackgroundSite { width:100%; margin:0; display:block; float:left; height:100%; background-color: transparent; position:absolute; top:0;  left:0; overflow:hidden; }

/***************************/
/*   GoogleMAP             */
/***************************/
#map { height: 500px; width: 100%; display:block; position:relative; float:left; margin: 0; border-radius: 0px; border: 0px solid #3c546b; z-index:1; }

/******************************/
/* PAGES TEXTES 			  */
/******************************/
.ContentGlobal { position:relative; display:block; width:100%; max-width: 1280px; margin:0 auto 0 auto; background-color:transparent; }
.ContentInside { position:relative; display:block; width:100%; max-width:650px; margin-top:15%; float:left; margin-bottom:40px; background-color: rgba(255, 255, 255, 0.90); }
.ContentTexte  { position:relative; display:block; width:92%; margin:2%; border:1px dotted #afaba8; padding:2%;  float: left; min-height:700px; }

/******************************/
/* ACCORDION RESERVATION	  */
/******************************/
/* Style the buttons that are used to open and close the accordion panel */
a.accordion {
    background-color: #333333;
    color: #fff;
    cursor: pointer;
    padding: 2%;
    width: 96%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	clear:both;
	display:block;
	float:left;
	position:relative;
	border-bottom: none;
}

a.accordion:after {
    content: '+'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #fff;
    float: right;
    margin-left: 5px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
a.accordion.active, a.accordion:hover {
    background-color: #554a4a;
	color:#fff;
}


a.accordion.active:after {
    content: "-"; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding:0;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	display:block;
	float:left;
	position:relative;
	margin-bottom:20px;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    opacity: 1;
    max-height: 12000px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}










div.accordionTop {
	background-color:#3f4c43;
	display:block;
	float:left;
	position:relative;
	cursor:pointer;
    padding: 0%;
	height:57px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	clear:both;
	display:block;
	float:left;
	position:relative;
	border-bottom: none;
	margin-bottom:15px;
}

div.accordionTop:after {
    content: '+'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #fff;
    float: right;
    margin-right: 15px;
    margin-top: -26px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
div.accordionTop.active, div.accordionTop:hover {
    background-color: #333333;
}


div.accordionTop.active:after {
    content: "-"; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */
div.panelTop {
    padding:0;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	display:block;
	float:left;
	position:relative;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panelTop.show {
    opacity: 1;
    max-height: 12000px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}





h2.coordonnees {background:#3f4c43 url("../upload/tinymce/image/formulaire/coordonnees.png") no-repeat 10px 15px; padding-left:70px; padding-top:15px; font-size:20px; color:#ffffff; height:40px;margin-top:30px; }
h2.ski {background:transparent url("../upload/tinymce/image/formulaire/ski.png") no-repeat 10px 13px; padding-left:70px; padding-top:15px; padding-bottom:5px; font-size:20px; color:#ffffff; }
h2.skidefond {background:transparent url("../upload/tinymce/image/formulaire/ski-de-fond.png") no-repeat 10px 10px; padding-left:70px; padding-top:15px; padding-bottom:2px; font-size:20px; color:#ffffff; }
h2.snowboard {background:transparent url("../upload/tinymce/image/formulaire/snowboard.png") no-repeat 10px 7px; padding-left:70px; padding-top:15px; padding-bottom:11px; font-size:20px; color:#ffffff; }
h2.raquettes {background:transparent url("../upload/tinymce/image/formulaire/raquettes.png")  no-repeat 10px 4px; padding-left:70px; padding-top:15px; padding-bottom:11px; font-size:20px; color:#ffffff; }
h2.luge {background:transparent url("../upload/tinymce/image/formulaire/luge.png") no-repeat 10px 11px; padding-left:70px; padding-top:15px; padding-bottom:5px; font-size:20px; color:#ffffff; }
h2.lieu {background:#3f4c43 url("../upload/tinymce/image/formulaire/lieu.png") no-repeat 10px 10px; padding-left:70px; padding-top:15px; font-size:20px; color:#ffffff; height:40px; margin-top:30px; }
h2.devis {background:#3f4c43 url("../upload/tinymce/image/formulaire/devis.png") no-repeat 10px 10px; padding-left:70px; padding-top:15px; font-size:20px; color:#ffffff; height:40px; margin-top:30px; }













.container { height: 100%; width:100%; }















/***************************/
/*TARIFS                   */
/***************************/
.Left50B { display:block; width:62%; float:left; clear:both; margin-bottom:0px; padding:1%; }
.Right50B { display:block; width:34%; float:right; margin-bottom:0px; padding:1%; text-align:right; }
.Right25B { display:block; width:16%; float:right; margin-bottom:0px; padding:1%; text-align:right; }
li.Color { background-color:#3f4c43; color:#ffffff; }
li.ColorB { background-color:#65796b; color:#ffffff; }
span.Titre               { padding:25px 0 2px 0px; color: #3f4c43; height:20px; clear:both; list-style-type:none; font-weight:bold; }


a,a:link               { color: #3f4c43; border-bottom:1px dotted #3f4c43; text-decoration:none; }
a:hover                { color: #333333; border-bottom: none; }

/***************************/
/*GENERAL         */
/***************************/
ul, ol                 	{ list-style-position: inside; margin:0 0 1em 0; }

p                      	{ margin:0 0 1em 0; text-align:justify; font-size:15px; line-height:20px; color:#222222; }
p.center               	{ margin:0 0 1em 0; text-align:center;  font-size:15px; line-height:20px; color:#222222; }
p.ok                   	{ margin:0 0 1em 0; text-align:center; font-size:15px; line-height:20px; color:#3f4c43; }
p.attention            	{ margin:0 0 1em 0; text-align:center; font-size:15px; line-height:20px; color:#d62525; }


a.footer,a:link.footer	{ color: #FFF; text-decoration: underline; }
a:hover.footer		   	{ color: #FFF; text-decoration: none; }

a img                  	{ border:none; }

img.border	   			{ border: 1px solid #3f4c43; display:block; }
img.Right				{ border: 0px solid #3f4c43; display:block; margin-left:10px;  float:right;}
img.Left				{ border: 0px solid #3f4c43; display:block; margin-right:10px; float:left; }
img.RightBorder			{ display:block; margin-left:10px;  float:right; border:1px solid #358b51; }
img.LeftBorder			{ display:block; margin-right:10px; float:left; border:1px solid #358b51; }
img.marginrightnoborder { display:block; margin-right:10px; }
span.borderright		{ border: 1px solid #3f4c43; display:block; margin-right:10px; width:175px; height:90px; overflow:hidden; float:left; }

h1, h2, h3, h4, h5, h6 	{ font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:normal; color:#3f4c43; letter-spacing:1px; clear:both;  }
h1                    	{ font-size:30px; margin-bottom:10px; }
h2                    	{ font-size:25px; margin-bottom:5px; }
h3                     	{ font-size:20px; margin-bottom:5px;}
h4                    	{ font-size:16px; margin-bottom:5px; }
h5                     	{ font-size:15px; margin-bottom:5px; }

hr                      { border:none; border-top:1px solid #3f4c43; color:#3f4c43; height: 1px; width:100%; position:relative; float:left;  }
 
span.petit 				{ font-size:11px; color:#3f4c43; }

.couleurA				{ color:#3f4c43; }

ul.Left100  { display:block; float:left; width:100%; font-size:13px; clear:both; margin-bottom:20px; }

li.Left50:nth-child(odd)  { display:block; float:left; width:49%; margin-right:1%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; }
li.Left50:nth-child(even) { display:block; float:left; width:49%; margin-left:1%; font-size:13px; margin-bottom:10px; text-align:justify; }
.Height315 { display:block; height:315px; background-color:#3f4c43; }
.Height315 h2 a,
.Height315 p { display:block; width:95%; margin:0 auto; color:#fff; }
.Height315 h2 a { font-size:18px; }

li.temoignage 			  { list-style-type:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #3f4c43; }

/***************************/
/*  HEADER + NAV           */
/***************************/
header							{ position:absolute; display:block; float:left; width:100%;  height:140px; top:0; left:0; z-index:100; background-color: rgba(255, 255, 255, 0.7);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
header:hover					{ background-color: rgba(255, 255, 255, 1); }
header .HeaderTop 				{ position:relative; display:block; width:100%; max-width:1280px; height:100%; margin:0 auto; }

/********HEADER TOP**********/
header .HeaderTopA 				{ position:relative; display:block; float:left; width:100%; height:33%; border-bottom:1px solid #dbdcda; }

/******PHRASE ACCROCHE*******/
.HeaderTopALeft 				{ position:relative; display:block; float:left; width:60%; height:100%;}
.HeaderTopALeft h1 				{ font-family:'Source Sans Pro', Helvetica, Arial; font-size:14px; color:#358b51; padding-top:15px; }
.HeaderTopALeft h1 span 		{ color:#3f4c43; }

/*****RESEAUX SOCIAUX*******/
.HeaderTopARight 				{ position:relative; display:block; float:left; width:40%; height:100%;}
.HeaderTopARightReseauxSociaux 	{ position:relative; display:block; float:left; width:67%; height:100%; margin-right:3%; }
.TwitterTop						{ position:relative; display:block; float:right; width:20px; height:26px; margin-top:15px;  margin-left:15px;}
.GooglePlusTop 					{ position:relative; display:block; float:right; width:24px; height:26px; margin-top:15px; margin-left:15px; }
.YoutubeTop						{ position:relative; display:block; float:right; width:21px; height:26px; margin-top:15px; margin-left:15px; }
.LinkedinTop 					{ position:relative; display:block; float:right; width:15px; height:26px; margin-top:15px; margin-left:15px; }
.FacebookTop 					{ position:relative; display:block; float:right; width:8px; height:26px; margin-top:15px; margin-left:15px; }
.FacebookTop a 					{ border-bottom:none; position:relative; display:block; float:right; width:8px; height:26px; background:transparent url('./../upload/tinymce/image/icon-facebook.png') no-repeat 50% 0px; }
.FacebookTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-facebook.png') no-repeat 50% -34px;  }
.TwitterTop a 					{ border-bottom:none; position:relative; display:block; float:right; width:20px; height:26px; background:transparent url('./../upload/tinymce/image/icon-twitter.png') no-repeat 50% 0px; }
.TwitterTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-twitter.png') no-repeat 50% -30px; }
.GooglePlusTop a 				{ border-bottom:none; position:relative; display:block; float:right; width:24px; height:26px; background:transparent url('./../upload/tinymce/image/icon-google-plus.png') no-repeat 50% 0px; }
.GooglePlusTop a:hover  		{ background:transparent url('./../upload/tinymce/image/icon-google-plus.png') no-repeat 50% -30px; }
.YoutubeTop a 					{ border-bottom:none; position:relative; display:block; float:right; width:21px; height:26px; background:transparent url('./../upload/tinymce/image/icon-youtube.png') no-repeat 50% 0px; }
.YoutubeTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-youtube.png') no-repeat 50% -30px; }
.LinkedinTop a 					{ border-bottom:none; position:relative; display:block; float:right; width:15px; height:26px; background:transparent url('./../upload/tinymce/image/icon-linkedin.png') no-repeat 50% 0px; }
.LinkedinTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-linkedin.png') no-repeat 50% -30px; }


.AccueilReseauxSociaux 				{ display:block; width:215px; position:absolute; bottom:10px; right:10px; padding:5px 5px 0 5px;  background-color: rgba(255, 255, 255, 0.80);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.AccueilReseauxSociaux:hover 		{ background-color: rgba(255, 255, 255, 1); }
.AccueilReseauxSociaux span 		{ display:block; width:65px; float:right; padding-right:10px; font-weight:bold; color:#3f4c43; font-size:14px;   }
.AccueilReseauxSociaux a 			{ border-bottom:none; float:right; margin-right:10px; }
.AccueilReseauxSociaux a.last 		{ border-bottom:none;  float:right; margin-right:0px; }
.AccueilReseauxSociaux a img  		{ border-bottom:none; filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.AccueilReseauxSociaux a:hover img  { filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

/*****BOUTON CONTACT********/
.HeaderTopARightBoutonContact			{ border-bottom:none;  position:relative; display:block; float:left; width:30%; height:100%; background-color:#3f4c43; }
.HeaderTopARightBoutonContact:hover		{ background-color:#358b51;  }
.HeaderTopARightBoutonContact a 		{ border-bottom:none;  position:relative; display:block; float:left; width:100%; height:100%; color:#fff; font-size:17px; margin:12px 0 0 0; text-align:center; }
.HeaderTopARightBoutonContact:hover a	{ color:#ffffff; }

/******HEADER BOTTOM********/
header .HeaderTopB 				{ position:relative; display:block; float:left; width:100%; height:67%; }

/***********LOGO************/
header #Logo 					{ display:block; position: relative; float:left; width:79px; height:85px; padding-right:17px; padding-top:5px; }
header #Logo a 					{ border-bottom:none;  display:block; position: relative; float:left; width:100%; height:100%; background:transparent url("../upload/tinymce/image/location-ski-chartreuse.png") no-repeat 0 0; filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
header #Logo a:hover 			{ filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }

header #LogoB 					{ display:none; position: relative; float:left; width:42px; height:45px; padding-right:17px; }
header #LogoB a 				{ border-bottom:none;  display:block; position: relative; float:left; width:100%; height:100%; background:transparent url("../upload/tinymce/image/chartreuse-location-ski.png") no-repeat 0 0; filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
header #LogoB a:hover 			{ filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }

/***********MENU************/
nav 							{ border-left: 1px solid #dbdcda; display:block; float:left; margin-top: 29px; padding-left: 17px; position: relative; }

#TelMenu						{ position:absolute; display:block; right:0; top:35px; width:125px; height:45px; color:#3f4c43; background:transparent url("../upload/tinymce/image/icon-tel.png") no-repeat 0 0; padding-left:30px;  }
#TelMenu span					{ font-size:12px; font-weight:normal; color:#3f4c43; }
#TelMenu p						{ font-size:19px; font-weight:bold; color:#3f4c43; margin:-8px 0 0 0; }

/*****IMAGE BACKGROUND SITE******/
.BackgroundSite { width:100%; margin:0; display:block; float:left; height:100%; background-color: transparent; position:absolute; top:0;  left:0; overflow:hidden; }


/***************************/
/*   ANIMATION ACCUEIL     */
/***************************/
.AnimationAccueil 	{ position:relative; display:block; float:left; width:100%;  /*height:auto!important;*/ height:100%; margin:0; padding:0; overflow:hidden; }
#NewsPlus 			{ cursor:pointer;  position:absolute; z-index:99; margin-left:-22px; left:50%;  display:block; bottom:10px; width:45px; height:45px; text-align:center; background:transparent url(../upload/tinymce/image/more.png) 0px 0px no-repeat; -webkit-animation-duration: 3s; -webkit-animation-delay: 6s; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 3s; -moz-animation-delay: 6s;  -moz-animation-iteration-count: infinite;  -o-animation-duration: 3s; -o-animation-delay: 6s; -o-animation-iteration-count: infinite; }
#NewsPlus:hover 	{ background:transparent url(../upload/tinymce/image/more.png) 0px -45px no-repeat; -webkit-animation-duration: 0s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 0s; -moz-animation-delay: 0s;  -moz-animation-iteration-count: infinite;  -o-animation-duration: 0s; -o-animation-delay: 0s; -o-animation-iteration-count: infinite; }


/******************************/
/*   COORDONNEES ACCUEIL      */
/******************************/
.CoordonneesAccueil 	{ margin: 0 auto; position: relative; width:100%;  z-index: 99; height:auto !important; display:block; clear:both; float:left; }
.CoordonneesAccueil h2 	{ text-align:center; margin-bottom:5px; margin-top:20px; padding-top:45px; font-size:30px; background:transparent url(../upload/tinymce/image/icon-place.png) 50% 0px no-repeat; }

.CoordonneesAccueilLeft 	{ display:block; width: -moz-calc(48% - 1px); width: -webkit-calc(48% - 1px); width: calc(48% - 1px); position:relative; float:left; text-align:right; border-right:1px solid #dbdcda; font-size:15px; padding:1%; margin:1% 0; }
.CoordonneesAccueilLeft img {  border-right:3px solid #dbdcda; display:block; margin-left:10px; margin-top:5px;  float:right; }
.CoordonneesAccueilLeft p 	{  text-align:right; }

.CoordonneesAccueilRight 		{ display:block; width:48%; position:relative; float:left; text-align:left; font-size:15px; padding:1%; margin:1% 0; }
.CoordonneesAccueilRight img 	{  border-left:3px solid #dbdcda; display:block; margin-right:10px; margin-top:5px;  float:left; }
.CoordonneesAccueilRight p 		{  text-align:left; }


/******************************/
/*   COMPETENCES ACCUEIL      */
/******************************/
.CompetencesAccueil 				{ margin: 0 auto; position: relative; width:100%;  z-index: 99; height:800px; display:block; clear:both; float:left; background-color:#222222; overflow:hidden; }
.CompetencesAccueilLeft 			{ display:block; width:50%; height:100% !important; position:relative; float:left; text-align:left; overflow:hidden; }
.CompetencesAccueilLeft img 		{ display:block; width:100%; }
.CompetencesAccueilRight			{ display:block; width:46%;  position:relative; float:left; text-align:left; padding:2%;  }
.CompetencesAccueilRight h2 		{ text-align:left; margin-bottom:20px; font-size:40px; color:#ffffff; background:transparent url(../upload/tinymce/image/icon-flag.png) 0px 16px no-repeat; padding-left:35px; }
.CompetencesAccueilRight p 			{ color:#dbdcda; font-size:18px;  line-height:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dbdcda; }
.CompetencesAccueilRight li 		{ color:#dbdcda; font-size:15px; width:48%; padding:1%; margin-bottom:1%; float:left; list-style-type:none; }
.CompetencesAccueilRight li span 	{ color:#ffffff; font-size:18px; width:100%; float:left; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 	{ border-bottom:none; color:#ffffff; font-size:15px; line-height:39px;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.CompetencesAccueilRight a:hover 	{ color:#ffffff;  border-bottom: 1px dotted #ffffff; }



/******************************/
/*   ACTUALITES ACCUEIL      */
/******************************/
.ActusAccueil 					{ margin: 0 auto; position: relative; width:100%;  display:block; clear:both; float:left;  background:#fff url(../upload/tinymce/image/white-background.jpg);  background-size: cover; background-repeat: no-repeat; background-position: top center; }
.ActusAccueilInside 			{ margin: 30px auto; position: relative; width:100%; max-width:1160px; display:block; }
.ActusAccueilInside h2 			{ text-align:center; color:#3f4c43; margin-bottom:20px; margin-top:20px; padding-top:50px; font-size:40px; background:transparent url(../upload/tinymce/image/icon-news.png) 50% 0px no-repeat; }
.ActusAccueilFirst,
.ActusAccueilSecond 			{ margin:0 20px 50px 0; position: relative; width:360px; height:510px; display:block; float:left; }
.ActusAccueilThird 				{ margin:0 0 50px 0; position: relative; width:360px; height:510px; display:block; float:left; }
.ActusAccueilImage 				{ position: relative; width:100%; height:220px; display:block; float:left; overflow:hidden; }
.ActusAccueilImage  img			{ position: relative; width:100%; display:block; float:left; }
.ActusAccueilTitre	h2			{  width:100%; height:55px; display:block; float:left; padding-bottom:0px; padding-top:10px; margin-bottom:0px; margin-top:0px; overflow:hidden; background:none; background-color:#222222; }
.ActusAccueilTitre	h2 a,
.ActusAccueilTitre	h2 a:link	{ border-bottom:none;  position: relative; width:100%; height:55px; display:block; float:left; background:none; font-size:20px; color:#ffffff; }
.ActusAccueilTitre	h2 a:hover	{ color:#3f4c43; }
.ActusAccueilSeparateur 		{ position: relative; width:100%; height:11px; display:block; margin:0 auto; padding-bottom:10px; padding-top:10px;  overflow:hidden; background:#222222 url(../upload/tinymce/image/separateur.png) 50% 10px no-repeat; }
.ActusAccueilTexte	p			{ position: relative; width:94%; height:135px; display:block; float:left; padding:10px 3%; margin:0; overflow:hidden; color:#ffffff; background-color:#222222; }
.ActusAccueilBouton				{ position: relative; width:100%; height:40px; margin:0; float:left; display:block; }
.ActusAccueilBouton	a,
.ActusAccueilBouton	a:link		{ border-bottom:none;  position: relative; width:100px; height:30px; padding-top:8px; margin:0 auto; display:block; background-color:#3f4c43; color:#ffffff; text-align:center; -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.ActusAccueilBouton	a:hover		{ background-color:#358b51; color:#3f4c43; text-align:center; -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }


/***************************/
/*   GoogleMAP             */
/***************************/
#map { height: 500px; width: 100%; display:block; position:relative; float:left; }


/******************************/
/*  TXT PRESENTATION ACCUEIL  */
/******************************/
.slide 				{ position: relative; float:left; height: 50%; width: 100%; transform-style: inherit; overflow:hidden; background-attachment:scroll; display:block; }
.slide:before 		{ content: ""; position: absolute; top: 0; bottom: 0; left:0; right:0; }
.slide, 
.slide:before		{ background: 50% 50% / cover;  }
#slide1:before 		{ background-image: url("../upload/tinymce/image/background-accueil.jpg"); z-index:-1; opacity:1;-webkit-transition: all 1s linear;  -moz-transition: all 1s linear;  -o-transition: all 1s linear;  transition: all 1s linear; }
#slide1:hover:before 		{  opacity:0.4; }
.slide h2 			{ margin-top: 15vh; /* poussé de la moitié de hauteur de viewport */ transform: translateY(-15%); /* tiré de la moitié de sa propre hauteur */ font-size:80px; letter-spacing:5px; text-align:center; color:#3f4c43; text-shadow: 2px 2px 2px black; }
.slide p 			{ font-size:40px; text-align:center; color:#3f4c43; line-height:55px; text-shadow: 2px 2px 2px black; }
.slide p a, 
.slide p a:link 	{ border-bottom:none;  color:#3f4c43; font-size:60px;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.slide:hover  p a,
.slide:hover h2 	{ border-bottom:none;  color:#358b51; }


/******************************/
/* PAGES TEXTES 			  */
/******************************/
.ContentGlobal { position:relative; display:block; width:100%; max-width: 1280px; margin:0 auto 0 auto; background-color:transparent; }
.ContentInside { position:relative; display:block; width:100%; max-width:650px; margin-top:15%; float:left; margin-bottom:40px; background-color: rgba(255, 255, 255, 0.90); }
.ContentTexte  { position:relative; display:block; width:92%; margin:2%; border:1px dotted #3f4c43; padding:2%;  float: left; min-height:700px; }


/******************************/
/*  CONTACTEZ-NOUS            */
/******************************/
.CoordonneesContact 		{ display:block; width:100%; margin:20px auto 0px auto; font-size:13px; line-height:20px; }
.CoordonneesContactLeft 	{ display:block; float:left; position:relative; width:47%; line-height:20px; text-align:right; font-size:12px; border-right:0px solid #000;  margin-bottom: 40px; margin-right:2.5%; padding-right:2.5%; }
.CoordonneesContactRight 	{ display:block; float:left; position:relative; width:47%; line-height:20px; text-align:left; font-size:12px; }


/******************************/
/*  ACTUALITES                */
/******************************/
.ActualitesBloc { display:block; float:left; width:100%; height:70px; overflow:hidden; padding:10px 0;  }
.ActualitesBlocInside { display:block; float:left; width:130px; height:70px; overflow:hidden;  }
.ActualitesBlocInside a,
.ActualitesBlocInside a:link { border-bottom:none;  clear:both; padding-top:15px; color:#3f4c43; }
.ActualitesBlocInside a:hover { color:#358b51; }


/***************************/
/*  PARTENAIRES            */  
/***************************/
a img.ImageNoir { border-bottom:none;  margin-bottom:2%; margin-right:2%; border:1px solid #222; width: -moz-calc(32% - 2px); width: -webkit-calc(32% - 2px); width: calc(32% - 2px); filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
a:hover img.ImageNoir { filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

a img.ImageNoirLast { border-bottom:none;  margin-bottom:2%; border:1px solid #222; width: -moz-calc(32% - 2px); width: -webkit-calc(32% - 2px); width: calc(32% - 2px); filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear;  }
a:hover img.ImageNoirLast {filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  }



/******************************/
/*  FOOTER                    */
/******************************/

footer.accueil { display:block; width:100%; height:38px; position:absolute; left:0; bottom:0; background-color:transparent; }
footer.accueil a { color:#6b6b6b; text-decoration:none; border-bottom:1px dotted #6b6b6b; }
footer.accueil a:hover { color:#6b6b6b; text-decoration:none; border-bottom:0px dotted #6b6b6b; }
footer.accueil p { color:#6b6b6b; }
footer.pasaccueil { display:block; width:100%; height:38px; clear:both; position:relative; background-color:#fff; }
footer .Left { display:block; float:left; width:50%; }
footer .Left p { font-size:12px; margin:0 0 0 5px;  line-height:3; }
.VFD { position:absolute; right:5px; width:100px; display:block; height:28px; bottom:5px; z-index:11; }




footer											{ clear:both; width:100%; background:#222222; padding:0;  position:relative; bottom:0; height:auto; float:left; display:block; }
footer #footerinside 							{ display:block; position:relative; width: 100%; max-width: 1280px;  margin:30px auto; height:165px; }
footer #footerinside ul 						{ display:block; float:left; position:relative; width:23.5%; list-style-type:none; margin-right:2%; }
footer #footerinside ul.first, ul.first,
footer #footerinside ul.second, ul.second,
footer #footerinside ul.third, ul.third			{ background:#222222; color: #ffffff; display:block; float:left; position:relative; width: -moz-calc(22.5% - 1px); width: -webkit-calc(22.5% - 1px); width: calc(22.5% - 1px); list-style-type:none; margin-right:2%; padding-right:1%; border-right:1px solid #dbdcda }
footer #footerinside ul.last, ul.last 			{ background:#222222; color: #ffffff; display:block; float:left; position:relative; width:23.5%; list-style-type:none; margin-right:0%; }
footer #footerinside ul.navigation li 			{ color: #dbdcda; text-decoration: none; line-height:20px; font-size:13px; width:50%; float:left; }
footer #footerinside ul li.first 				{ color: #ffffff; text-decoration: none; line-height:20px;   font-size:15px; font-weight:bold; width:100%; }
footer #footerinside ul li 						{ color: #dbdcda; text-decoration: none; line-height:20px; font-size:13px; }
footer #footerinside ul li a, 
footer #footerinside ul li a:link 				{ border-bottom:none; color: #dbdcda; text-decoration: none; font-size:12px; }
footer #footerinside ul li a:hover 				{ color: #ffffff; border-bottom:1px dotted #fff }
footer #footerinside ul li.FooterReseauxSociaux { position:relative; display:block; float:left; width:100%; height:100%; margin-left:-17px;}

.FacebookBottom, .TwitterBottom, 
.GooglePlusBottom, .YoutubeBottom, .LinkedinBottom							{ border-bottom:none; position:relative; display:block; float:left; width:46px; height:26px; margin-top:15px; }
.FacebookBottom a 															{ position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-facebook-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .FacebookBottom a:hover 	{ background:transparent url('./../upload/tinymce/image/icon-facebook-blanc.png') no-repeat 50% -34px; border-bottom:none;  }
.TwitterBottom a 															{ border-bottom:none; position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-twitter-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .TwitterBottom a:hover 		{ background:transparent url('./../upload/tinymce/image/icon-twitter-blanc.png') no-repeat 50% -30px; border-bottom:none; }
.GooglePlusBottom a 														{ border-bottom:none; position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-google-plus-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .GooglePlusBottom a:hover  	{ background:transparent url('./../upload/tinymce/image/icon-google-plus-blanc.png') no-repeat 50% -30px; border-bottom:none; }
.YoutubeBottom a 															{ border-bottom:none; position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-youtube-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .YoutubeBottom a:hover 		{ background:transparent url('./../upload/tinymce/image/icon-youtube-blanc.png') no-repeat 50% -30px; border-bottom:none; }
.LinkedinBottom a 															{ border-bottom:none; position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-linkedin-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .LinkedinBottom a:hover 	{ background:transparent url('./../upload/tinymce/image/icon-linkedin-blanc.png') no-repeat 50% -30px; border-bottom:none; }

footer ul.right 			{ clear:both; display:block; position:absolute; width:99%; list-style-type:none; margin-right:1%; right:0; bottom:0; margin-bottom:10px; margin-top:20px; float:left; text-align:right; }
footer ul.right li 			{ text-align:right; color:#FFF; font-size:12px; float:right; }
footer ul.right li a, 
footer ul.right li a:link 	{ border-bottom:none; color: #ffffff; text-decoration: none;  font-size:12px; text-align:right; }
footer ul.right li a:hover 	{ color: #ffffff; border-bottom:1px dotted #fff }






/* ----------------------------------------------------------------- */ 
/* AUTOMATIQUE PHOTOS EN BAS DES NEWS                                */
/* ----------------------------------------------------------------- */ 
.am-wrapper		 	{ float:left; position:relative; overflow:hidden; }
.am-wrapper img 	{ position:absolute; outline:none; }


/***************************/
/*   LIENS ACTUALITES      */
/***************************/
.urlActualites { display:block; float:left; margin-right:25px; position:relative; clear:both; }
.urlActualites a.gallerie {border-bottom:none;  margin-top:10px; padding:2px 0 0 25px; font-size:0.8em; font-weight:normal; position:relative; color:#3f4c43; float:left; display:block; height:18px; background: url("../upload/tinymce/image/icon_picture.png") no-repeat 0px 0px; text-decoration:none; border-bottom:none; }
.urlActualites a:hover.gallerie { background: url("../upload/tinymce/image/icon_picture.png") no-repeat 0px -33px; color:#358b51; }
.urlActualites a.movie { border-bottom:none; margin-top:10px; padding:2px 0 0 25px; font-size:0.8em; font-weight:normal; position:relative; color:#3f4c43; float:left; display:block; height:18px; background: url("../upload/tinymce/image/icon_movie.png") no-repeat 0px 0px;  text-decoration:none; border-bottom:none; }
.urlActualites a:hover.movie { background: url("../upload/tinymce/image/icon_movie.png") no-repeat 0px -33px; color:#358b51; }
.urlActualites a.link { border-bottom:none; margin-top:10px; padding:2px 0 0 25px; font-size:0.8em; font-weight:normal; position:relative; color:#3f4c43; float:left; display:block; height:18px; background: url("../upload/tinymce/image/icon_link.png") no-repeat 0px 0px; text-decoration:none; border-bottom:none; }
.urlActualites a:hover.link { background: url("../upload/tinymce/image/icon_link.png") no-repeat 0px -33px; color:#358b51; }



/***************************/
/*MULTIPAGE                */
/***************************/
a.hrefmultipage, a.hrefmultipage:visited   { border-bottom:none; text-decoration: none; color: #358b51;  border:1px solid #358b51; padding:3px; cursor:pointer; }
a.hrefmultipage:hover        { text-decoration: none; color: #ffffff; border:1px solid #3f4c43; padding:3px; background-color:#3f4c43; cursor:pointer; }
.divmultipage b u { text-decoration: none; color: #ffffff; border:1px solid #358b51; padding:3px; background-color:#358b51; cursor:pointer;}
.divmultipage {   margin-top:10px; margin-bottom:25px; display:block; }


/***************************/
/*ARTICLE SUIV/PREC        */
/***************************/
.ArticlePrecedent   	{ border-bottom:none;  position:relative; float:left; width:50%;  margin:20px 0 20px 0; clear:both; }
.ArticleSuivant 		{ border-bottom:none; position:relative; float: right; width:50%; margin:20px 0 20px 0; text-align:right; }
a.barrelink 			{ border-bottom:none; border-bottom:none; display:block; height:48px; padding-right:35px; padding-left:15px; padding-top:0px; background:transparent url(../upload/tinymce/image/background-link-right.png) right 0 no-repeat; color:#3f4c43; }
a.barrelink:hover 		{ border-bottom:none; background:transparent url(../upload/tinymce/image/background-link-right.png) right -48px no-repeat; color:#358b51; }
a.barrelinkleft 		{ border-bottom:none; display:block; height:48px; padding-left:35px; padding-right:15px; padding-top:0px; background:transparent url(../upload/tinymce/image/background-link-left.png) left 0 no-repeat; color:#3f4c43; }
a.barrelinkleft:hover 	{ border-bottom:none; background:transparent url(../upload/tinymce/image/background-link-left.png) left -48px no-repeat; color:#358b51; }





/***************************/
/*FORMULAIRES              */
/***************************/
/**** advanced input styling ****/
/* placeholder */
#ccab, .ccab 						{ visibility: hidden; display:  none;}

#form 								{ display:block; float:left; position:relative; width:100%;}
#form ul li							{ list-style-type:none;  }
#form ::-webkit-input-placeholder 	{ font-style: italic; }
#form input:-moz-placeholder,
#form textarea:-moz-placeholder 	{ color: rgb(190, 188, 188); font-style: italic; } 
#form input, select 				{ outline: none; }

.formulaire { float:left; display:block; position:relative; width:100%; }

.form li 			{ width:49%; float:left; display:block; margin-right:2%; margin-bottom:1%; }
.form li.last 		{ width:49%; float:left; display:block; margin-right:0%; margin-bottom:1%; }
.form li.titre 		{ width:100%; float:left; display:block; margin-right:0%; margin-bottom:1%; font-size:15px; color:#333333; }
.form li.untiers 	{ width:33.3%; float:left; display:block; margin-right:0%; margin-bottom:1%; font-size:14px; color:#333333; }
.form li.sixieme 	{ width: calc(30% - 5px); float:left; display:block; margin-right:1%; margin-top:11px; margin-bottom:15px; padding-left:5px; color:#333333; }
.form li.sixiemea 	{ width:69%; float:left; display:block; margin-right:0%; font-size:12px; margin-top:11px; margin-bottom:15px; color:#333333; }
.form li.note 		{ border: 1px solid #afaba8; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  width: calc(49% - 2px); margin-top:4px; background-color:#fff; height:37px; }

/* all the input except submit and checkbox */
#form input:not([type="checkbox"]) 		 { color:#757575; width: 96%; margin-top: 4px; padding: 10px 2% 10px 2%; border: 1px solid #afaba8; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form input:not([type="checkbox"]):active,
#form input:not([type="checkbox"]):focus { border: 1px solid #3f4c43; background-color:transparent;  } 

/* all the textarea */
#form textarea 		 { color:#757575; width: 96%; height:155px; margin-top: 4px; padding: 10px 2% 10px 2%; border: 1px solid #afaba8; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form textarea:active,
#form textarea:focus { border: 1px solid #3f4c43; background-color:transparent;  } 

/* all the select */
#form select 		{ color:#757575; width: 96%; margin-top: 4px; padding: 10px 2% 8px 2%; color:#757575; border: 1px solid #afaba8; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form select:active,
#form select:focus  { border: 1px solid #3f4c43; background-color:transparent; color:#3f4c43;  } 


/*styling both submit buttons */
#form li.button input 		{ width: 120px; height:26px; cursor: pointer; background-color:#3f4c43; padding: 8px 5px; color: #fff; font-size: 1.2em; letter-spacing:1px; border: 1px #afaba8 solid; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form li.button input:hover { background-color:#afaba8; border: 1px solid #3f4c43; }
#form li.button input:active,
#form li.button input:focus { background-color:#3f4c43; border: 1px solid #afaba8; }

.SelectURL { border-radius: 2px 2px 2px 2px; margin-bottom: 0; position: relative; vertical-align: top;font-size: 14px; background-color: #afaba8; border: 1px solid #1e475e;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;color: #000000;  display: inline-block;  height: 30px; line-height: 20px; padding: 4px 6px; margin-left: 0; width:175px; cursor: text; }

.SelectURLB { border-radius: 2px 2px 2px 2px; margin-bottom: 0; position: absolute; top:20px; right:15px; vertical-align: top;font-size: 14px; background-color: #3f4c43; border: 1px solid #1e475e;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;color: #ffffff;  display: inline-block;  height: 30px; line-height: 20px; padding: 4px 6px; margin-left: 0; cursor: text; }

/* tarifs & dispo
----------------------------------------------------------------------------------------------------*/
.t-dp0 { background-color: none; font-size: 13px; font-weight: bold; color:#00192d; padding:3px 0 3px 5px; font-family:helvetica; }
.t-dp1 {  background-color: none; font-size: 13px; font-weight: bold; color:#00192d; padding:3px 0 3px 5px; font-family:helvetica; }
.t-dp2 { background-color: #00192d; font-size: 13px; font-weight: bold; color:#ffffff; padding:3px 0 3px 5px; font-family:helvetica; }



/***************************/
/*MOBILES	               */
/***************************/
@media screen and (max-width: 1200px){
#TelMenu { display:none; }
}


@media screen and (max-width: 990px){
body {-webkit-text-size-adjust: none;}
}


/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
.HeaderTopALeft h1 						{ padding-top:10px; padding-left:10px; font-size:10px; }
.HeaderTopARightReseauxSociaux 			{ width:97%; }
.HeaderTopARightBoutonContact			{ display:none; }

.AccueilReseauxSociaux					{ display:none; }

.ContentInside { margin-top:25%; }

.CoordonneesAccueilLeft 	{ width: 98%; border-right:0px solid #dbdcda; font-size:12px; }
.CoordonneesAccueilLeft img {  border-right:0px solid #dbdcda; margin:0 auto; text-align:center; float:none; }
.CoordonneesAccueilLeft p 	{  text-align:center; }
.CoordonneesAccueilRight 		{ width: 98%; }
.CoordonneesAccueilRight img 	{  border-left:0px solid #dbdcda; margin:0 auto; text-align:center;float:none; }
.CoordonneesAccueilRight p 		{  text-align:center; }
.CoordonneesAccueilRight p span {  clear:both; }

.CompetencesAccueil 					{ height:auto; }
.CoordonneesAccueil h2 					{ font-size:15px; }
.CompetencesAccueilLeft					{ width:100%; }
.CompetencesAccueilRight				{ width:96%; }
.CompetencesAccueilRight h2 			{ margin-bottom:10px; font-size:15px; padding-top:15px; padding-bottom:5px; }
.CompetencesAccueilRight p 				{ font-size:14px;  line-height:20px; padding-bottom:10px; margin-bottom:10px; }
.CompetencesAccueilRight li 			{ font-size:13px; width:98%; padding:1%; margin-bottom:1%; }
.CompetencesAccueilRight li span 		{ font-size:15px; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 		{ font-size:13px; line-height:30px; }

}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px){
.HeaderTopALeft h1 						{ padding-top:10px; padding-left:10px; font-size:10px; }
.HeaderTopARightReseauxSociaux 			{ width:97%; }
.HeaderTopARightBoutonContact			{ display:none; }

.AccueilReseauxSociaux					{ display:none; }

.ContentInside { margin-top:25%; }

.CompetencesAccueil 					{ height:auto; }
.CoordonneesAccueil h2 					{ font-size:15px; }
.CompetencesAccueilLeft					{ width:100%; }
.CompetencesAccueilRight				{ width:96%; }
.CompetencesAccueilRight h2 			{ margin-bottom:10px; font-size:15px; padding-top:15px; padding-bottom:5px; }
.CompetencesAccueilRight p 				{ font-size:14px;  line-height:20px; padding-bottom:10px; margin-bottom:10px; }
.CompetencesAccueilRight li 			{ font-size:13px; width:98%; padding:1%; margin-bottom:1%; }
.CompetencesAccueilRight li span 		{ font-size:15px; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 		{ font-size:13px; line-height:30px; }

footer.accueil { display:block; width:100%; height:38px; position:relative; float:left; left:inherit; bottom:inherit; }
}


/* Phone Landscape (480px) */
/*@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) { */
@media only screen and (min-width: 321px) and (max-width: 480px) {
p                      	{ font-size:12px; line-height:15px; }
p.center               	{ font-size:12px; line-height:15px; }
p.ok                   	{ font-size:12px; line-height:15px; }
p.attention            	{ font-size:12px; line-height:15px; }

h1                    	{ font-size:20px; }
h2                    	{ font-size:15px; }
h3                     	{ font-size:14px; }
h4                    	{ font-size:13px; }
h5                     	{ font-size:12px; }

header		 							{ height:90px; box-shadow: 1px 1px 2px #272727; }
.HeaderTopALeft h1 						{ padding-top:10px; padding-left:10px; font-size:10px; }
.HeaderTopARightReseauxSociaux 			{ width:97%; }
.HeaderTopARightBoutonContact			{ display:none; }
header #Logo 							{ display:none; }
header #LogoB 							{ display:block; margin-top:7px; }
.AccueilReseauxSociaux					{ display:none; }
#TelMenu								{ display:none; }

.CoordonneesAccueilLeft 	{ width: 98%; border-right:0px solid #dbdcda; font-size:12px; }
.CoordonneesAccueilLeft img {  border-right:0px solid #dbdcda; margin:0 auto; text-align:center; float:none; }
.CoordonneesAccueilLeft p 	{  text-align:center; }
.CoordonneesAccueilRight 		{ width: 98%; }
.CoordonneesAccueilRight img 	{  border-left:0px solid #dbdcda; margin:0 auto; text-align:center;float:none; }
.CoordonneesAccueilRight p 		{  text-align:center; }
.CoordonneesAccueilRight p span {  clear:both; }

.CompetencesAccueil 					{ height:auto; }
.CoordonneesAccueil h2 					{ font-size:15px; }
.CompetencesAccueilLeft					{ width:100%; }
.CompetencesAccueilRight				{ width:96%; }
.CompetencesAccueilRight h2 			{ margin-bottom:10px; font-size:15px; padding-top:15px; padding-bottom:5px; }
.CompetencesAccueilRight p 				{ font-size:14px;  line-height:20px; padding-bottom:10px; margin-bottom:10px; }
.CompetencesAccueilRight li 			{ font-size:13px; width:98%; padding:1%; margin-bottom:1%; }
.CompetencesAccueilRight li span 		{ font-size:15px; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 		{ font-size:13px; line-height:30px; }

.ActusAccueilInside 			{ margin: 20px auto; }
.ActusAccueilInside h2 			{ padding-top:55px; font-size:20px; padding-bottom:15px;  }
.ActusAccueilFirst,
.ActusAccueilSecond 			{ margin:0 0px 10px 0; width:100%; height:450px; }
.ActusAccueilThird 				{ margin:0 0 10px 0; width:100%; height:450px; }
.ActusAccueilImage 				{ width:100%; height:120px; }
.ActusAccueilTitre	h2			{height:35px;}
.ActusAccueilTitre	h2 a,
.ActusAccueilTitre	h2 a:link	{ height:35px; font-size:16px; }

#map					{ display:none; }

.slide h2 			{ font-size:45px; letter-spacing:2px; }
.slide p 			{ font-size:17px; line-height:18px; text-shadow: 0px 1px 1px black; }
.slide p a, 
.slide p a:link 	{ font-size:17px;}

.BackgroundSite img { display:none; }
.ContentInside { margin-top:25%; }
.ContentTexte  { border:0px dotted #3f4c43; min-height:300px; }

li.Left50:nth-child(odd)  { width:100%; font-size:12px; }
li.Left50:nth-child(even) { width:100%; font-size:12px; margin-left:0; }

li.Left100 img  { display:block; float:left; width:100%; }

.form li 			{ width:100%; margin-right:0%; }
.form li.last 		{ width:100%; margin-right:0%; }

.ActualitesBlocInside a,
.ActualitesBlocInside a:link { font-size:13px; }
.ActualitesBloc p { display:none; }

.CoordonneesContactLeft 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; border-right:0px solid #000; border-bottom:1px solid #000; margin-right:0%; padding-right:0%; margin-bottom:15px; padding-bottom:15px; }
.CoordonneesContactRight 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; margin-bottom:30px; }

h2.coordonnees { font-size:15px; margin-top:0px; padding-bottom:10px; }
h2.ski { font-size:15px; margin-top:0px; padding-bottom:10px; }
h2.skidefond { font-size:15px; margin-top:0px; padding-bottom:10px; }
h2.snowboard { font-size:15px; margin-top:0px; padding-bottom:10px; }
h2.raquettes { font-size:15px; margin-top:0px; padding-bottom:10px; }
h2.luge { font-size:15px; margin-top:0px; padding-bottom:10px; }
h2.lieu { font-size:15px; }
h2.devis { font-size:15px; margin-top:0px;  }

footer #footerinside ul 						{ width:100%;  margin-right:0%; }
footer #footerinside ul.first,
footer #footerinside ul.second,
footer #footerinside ul.third 					{ width:98%; margin-right:0%; padding:1%; border-right:0px solid #dbdcda;  border-top:1px solid #dbdcda; }
footer #footerinside ul.last 					{ width:98%; padding:1%;  border-top:1px solid #dbdcda; margin-bottom:30px; }
footer #footerinside ul.navigation li 			{ line-height:20px; font-size:13px; width:48%; float:left; padding:1%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
p                      	{ font-size:12px; line-height:15px; }
p.center               	{ font-size:12px; line-height:15px; }
p.ok                   	{ font-size:12px; line-height:15px; }
p.attention            	{ font-size:12px; line-height:15px; }

h1                    	{ font-size:20px; }
h2                    	{ font-size:15px; }
h3                     	{ font-size:14px; }
h4                    	{ font-size:13px; }
h5                     	{ font-size:12px; }


header		 							{ height:60px; box-shadow: 1px 1px 2px #272727; position:fixed; top:0; left:0; }
header .HeaderTopA 						{ display:none; }
.HeaderTopALeft h1 						{ display:none; }
.HeaderTopARight 						{ display:none; }
.HeaderTopARightBoutonContact			{ display:none; }
header #Logo 							{ display:none; }
header #LogoB 							{ display:block; margin-top:7px; }
.AccueilReseauxSociaux					{ display:none; }
#TelMenu								{ display:none; }

#NewsPlus 								{ display:none; }

.CoordonneesAccueilLeft 	{ width: 98%; border-right:0px solid #dbdcda; font-size:12px; }
.CoordonneesAccueilLeft img {  border-right:0px solid #dbdcda; margin:0 auto; text-align:center; float:none; }
.CoordonneesAccueilLeft p 	{  text-align:center; }
.CoordonneesAccueilRight 		{ width: 98%; }
.CoordonneesAccueilRight img 	{  border-left:0px solid #dbdcda; margin:0 auto; text-align:center;float:none; }
.CoordonneesAccueilRight p 		{  text-align:center; }
.CoordonneesAccueilRight p span {  clear:both; }

.CompetencesAccueil 					{ height:auto; }
.CoordonneesAccueil h2 					{ font-size:15px; }
.CompetencesAccueilLeft					{ width:100%; }
.CompetencesAccueilRight				{ width:96%; }
.CompetencesAccueilRight h2 			{ margin-bottom:10px; font-size:15px; padding-top:15px; padding-bottom:5px; }
.CompetencesAccueilRight p 				{ font-size:14px;  line-height:20px; padding-bottom:10px; margin-bottom:10px; }
.CompetencesAccueilRight li 			{ font-size:13px; width:98%; padding:1%; margin-bottom:1%; }
.CompetencesAccueilRight li span 		{ font-size:15px; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 		{ font-size:13px; line-height:30px; }

.ActusAccueilInside 			{ margin: 20px auto; }
.ActusAccueilInside h2 			{ padding-top:55px; font-size:20px; padding-bottom:15px;  }
.ActusAccueilFirst,
.ActusAccueilSecond 			{ margin:0 0px 10px 0; width:100%; height:450px; }
.ActusAccueilThird 				{ margin:0 0 10px 0; width:100%; height:450px; }
.ActusAccueilImage 				{ width:100%; height:120px; }
.ActusAccueilTitre	h2			{height:35px;}
.ActusAccueilTitre	h2 a,
.ActusAccueilTitre	h2 a:link	{ height:35px; font-size:16px; }

#map					{ display:none; }

.slide h2 			{ font-size:40px; letter-spacing:2px; }
.slide p 			{ font-size:16px; line-height:18px; text-shadow: 0px 1px 1px black; }
.slide p a, 
.slide p a:link 	{ font-size:16px;}

.BackgroundSite img { display:none; }
.ContentInside { margin-top:25%; }
.ContentTexte  { border:0px dotted #3f4c43; min-height:300px; }

li.Left50:nth-child(odd)  { width:100%; font-size:12px; }
li.Left50:nth-child(even) { width:100%; font-size:12px; margin-left:0; }

li.Left100 img  { display:block; float:left; width:100%; }

.form li 			{ width:100%; margin-right:0%; }
.form li.last 		{ width:100%; margin-right:0%; }

.ActualitesBlocInside a,
.ActualitesBlocInside a:link { font-size:13px; }
.ActualitesBloc p { display:none; }

.CoordonneesContactLeft 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; border-right:0px solid #000; border-bottom:1px solid #000; margin-right:0%; padding-right:0%; margin-bottom:15px; padding-bottom:15px; }
.CoordonneesContactRight 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; margin-bottom:30px; }

h2.coordonnees { font-size:12px; margin-top:0px; padding-top:20px; }
h2.ski { font-size:12px; margin-top:0px; padding-top:20px; }
h2.skidefond { font-size:12px; margin-top:0px; padding-top:20px; }
h2.snowboard { font-size:12px; margin-top:0px; padding-top:20px; }
h2.raquettes { font-size:12px; margin-top:0px; padding-top:20px; }
h2.luge { font-size:12px; margin-top:0px; padding-top:20px; }
h2.lieu { font-size:12px; padding-top:20px; }
h2.devis { font-size:12px; margin-top:0px; }


footer #footerinside ul 						{ width:100%;  margin-right:0%; }
footer #footerinside ul.first,
footer #footerinside ul.second,
footer #footerinside ul.third 					{ width:98%; margin-right:0%; padding:1%; border-right:0px solid #dbdcda;  border-top:1px solid #dbdcda; }
footer #footerinside ul.last 					{ width:98%; padding:1%;  border-top:1px solid #dbdcda; margin-bottom:30px; }
footer #footerinside ul.navigation li 			{ line-height:20px; font-size:13px; width:48%; float:left; padding:1%; }
}






















@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) { 
#Logo img {  height:60%;  display:block; position: relative; margin:1% auto 0 auto; }
.DivSuiteAccueilInside { top:30%; }
.BlocA { width: 100%; border-right:0px solid #fff; float:left; }
.BlocB { width: 100%; border-right:0px solid #fff; float:left;; }
.BlocC { width: 100%; border-right:0px solid #fff; float:left; }
.BlocD { width: 100%; border-right:0px solid #fff; float:left; }
.BlocE { width: 100%; border-right:0px solid #fff; float:left; }
}

@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
.DivSuiteAccueilInside { top:30%; }
.BlocA { width: 100%; border-right:0px solid #fff; float:left; }
.BlocB { width: 100%; border-right:0px solid #fff; float:left;; }
.BlocC { width: 100%; border-right:0px solid #fff; float:left; }
.BlocD { width: 100%; border-right:0px solid #fff; float:left; }
.BlocE { width: 100%; border-right:0px solid #fff; float:left; }
}

@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
#Logo img {  height:40%;  display:block; position: relative; margin:1% auto 0 auto; }
}

@media only screen and (max-width: 320px) and (orientation: portrait) {
.DivSuiteAccueilInside { top:30%; }
.BlocA { width: 100%; border-right:0px solid #fff; float:left; }
.BlocB { width: 100%; border-right:0px solid #fff; float:left;; }
.BlocC { width: 100%; border-right:0px solid #fff; float:left; }
.BlocD { width: 100%; border-right:0px solid #fff; float:left; }
.BlocE { width: 100%; border-right:0px solid #fff; float:left; }
}