/****************************************************
*            Specifique mobile
****************************************************/
@media (max-width: 768px) {
	.container {
		margin: 0px;
		padding: 0px;
	}
	.col-md-3, .col-md-9 {
		padding: 8px;
	}
	/* Pas de chemin de fer, pas de photo principale categorie */
	ol.breadcrumb, div.cadre_img.cadre1, div.col-md-9 > hr:first-of-type {
		display: none;
	}
	/* pas de fleche gauche et droite sur tous les carousels, pas de pagination carousels */
	.arrow_slider {
		display: none !important;
	}
	
	.container-fluid > .navbar-collapse, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container > .navbar-header
	{
		margin-right: 0px;
		margin-left: 0px;
	}
	
	/* drapeau du menu deroulant de selection de langues */
	body > div.navbar > div.container > div#navigation > ul > li.dropdown.dropdownlang {
		padding-left: 8px;
		background-position: left 15px center;
	}

	button.navbar-toggle-primary-color {
		display: none;
	}
	
}
/************************************************
*        Menu gauche, pas de padding
************************************************/
div.col-md-3 > div.navbar-collapse {
	padding: 0px;
}

/************************************************
*			cadre
*************************************************/
/* hack safari ipad */
input, select {
    border-radius: 0;
}
.cadre1
{
	border: 1px solid #e8e8e8;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
}
.cadre_img
{
	position: relative;
}
.cadre_img img
{
	width: 100%;
	height: auto;
}
h2 {
	margin-bottom: 10px;
}
h3 {
	/*font-size: 20px;*/
	margin-bottom: 10px;
}
.cadre_img.cadre_left div > div:last-child > h3 {
    padding: 5px;
    margin: 0px;
}

.cadre_img.cadre_left div > div:last-child {
    padding: 0px;
}

/************************************************
*			fin cadre
*************************************************/
/************************************************
*			bloc
*************************************************/
.bloc1
{
	margin: 0 10px;
}
.bloc1 > div:nth-child(1)
{
	text-align: center;
	padding: 10px;
}
.bloc1 > div:nth-child(1) h3, .bloc1 > div:nth-child(1) h4
{
	margin: 0;
}
.text_bloc
{
	position: absolute;
}
.z-index100
{
	z-index: 100;
}
.text_bloc > div:nth-child(1)
{
	content: " ";
	display: inline;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.text_bloc > div:nth-child(2)
{
	padding: 10px 5px 10px 5px;
	position: relative;
}
.text_bloc_format_center
{
	top: 10%;
	height: 80%;
	width: 80%;
	margin-left: 10%;
}
.text_bloc_format_center_mini
{
	top: 7%;
	height: 86%;
	width: 86%;
	margin-left: 7%;
}
.text_bloc_format_left
{
	top: 10%;
	min-height: 80%;
	min-width: 40%;
	margin-left: 5%;
}
.text_bloc_menu_left {
	margin-right: 5%;
}
.text_bloc_format_left div:nth-child(2)
{
	padding: 10px 70px 10px 30px;
}
.text_bloc_format_long
{
	top: 50%;
	transform: translate(0,-50%);
	width: 90%;
	margin-left: 5%;
}
.text_bloc_format_long > div:nth-child(2)
{
	padding: 10px 10px 10px 10px;
	position: relative;
	text-align:center ;
}
.bloc-redactionnel
{
	padding : 20px ;
}
.cadre_img +.bloc-redactionnel
{
	margin-top : 20px;
}
.overflowh
{
	overflow: hidden;
}
.bloc_titre_mini h3
{
	font-size: 18px;
	font-weight: bold;
}
.bloc_titre_mini h4
{
	font-size: 14px;
}
.vertical-center {
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}
.bloc_titre_mini {
	height: 90px;
}
/************************************************
*			fin bloc
*************************************************/
/************************************************
*			ui-autocomplete
*************************************************/
ul.ui-menu
{
	z-index: 1000;

}
.hr_autocomplete
{
	margin: 0;
}
.autocomplete_highlight
{
	color: #ff8a00;
}
.autocomplete_search_station
{
	border-bottom: 1px solid #e8e8e8;
}
/************************************************
*			fin ui-autocomplete
*************************************************/
/************************************************
*			slider
*************************************************/
.owl-carousel div.item
{
	position: relative
}
img.arrow_slider {
    cursor: pointer;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 200;
}
img.arrow_left {
    left: 0;
    margin-left: -50px;
}
img.arrow_right {
    margin-right: -50px;
    right: 0;
}
img.arrow_slider_no_margin {
    margin: 0px;
}
/************************************************
*			fin slider
*************************************************/
/************************************************
*			class opacity
*************************************************/
.opacity_0
{
	opacity: 0;
	filter: alpha(opacity=0);
}
.opacity_01
{
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.opacity_02
{
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.opacity_03
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.opacity_04
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.opacity_05
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opacity_06
{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.opacity_07
{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.opacity_08
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.opacity_09
{
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.opacity_10
{
	opacity: 1;
	filter: alpha(opacity=100);
}
/************************************************
*			fin class opacity
*************************************************/
/************************************************
*			flipper
*************************************************/
.product {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    position: relative;
}
.product .flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.flip-container,
.front,
.back {
	width: 100%;
	overflow: hidden;
}
.flipper_home .flipper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}
.flipper_home .front,
.flipper_home .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.flipper_home .oneface {
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
}
div.item span.ribbon_promo{
	position: absolute;
	top: 25%;
	left: 2px;
	transform: translate(-50%,-50%);
	color: #fff;
	background-color: #ff8a00;
	font-size: 1.2em;
	padding: 5px;
	z-index: 100;
}
@media (max-width: 768px)
{
	div.item span.ribbon_promo
	{
		position: absolute;
		top: 10px;
		left: 10px;
		transform: initial;
		color: #fff;
		background-color: #ff8a00;
		font-size: 2em;
		padding: 5px;
		z-index: 100;
	}
}

.flipper_home .front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	text-align: center;
}
.flipper_home .back {
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	text-align: center;
}
.product:hover .back {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 2;
}
.product:hover .front {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 1;
}
.flipper_home .front img {
	height: 266px;
}
.product .invisible {
	visibility: hidden;
}
@media (max-width: 768px) {
  .product .invisible img.img-responsive {
    min-width: 100%;
  }
}
.product-slider {
  margin: 0 0px 20px 0px ;
}
.product-slider:before,
.product-slider:after {
  content: " ";
  display: table;
}
.product-slider:after {
  clear: both;
}
.product-slider .item {
  margin: 0 25px;
  visibility: hidden;
}
@media (max-width: 768px)
{
	.product-slider .item {
	  margin: 0 15px;
	}
}
.product-slider .owl-controls {
  position: relative;
}
.product-slider .owl-controls .owl-buttons {
  display: none;
}
.product-slider .owl-controls .owl-page.active span,
.product-slider .owl-controls.clickable .owl-page:hover span,
#slider_reportage .owl-controls.clickable .owl-page.active span,
#slider_reportage .owl-controls.clickable .owl-page:hover span {
  background: #ff8a00;
}
/* OBT : 09/03/2017 : Desactivation de la hauteur, puisque j'ai desactivé le position absolute du .flipper_home .oneface, ligne 349 / 356
*/
.flip-container .flipper
{
	min-height: 266px;
}

.flipper_home div.front img, .flipper_home div.back img {
    display: inline !important;
}
/************************************************
*			fin flipper
*************************************************/
/************************************************
*			titre
*************************************************/
.titre_index
{
	text-align: center;
	margin: 0 0 40px 0;
}
.titre_index_mini_mb
{
	margin-bottom : 20px;
}
.titre_index h1,
.titre_index h2
{
	font-family: "Alfa Slab One";
	text-transform: uppercase;
	margin: 0;
}
.titre_index h1 > small{
	font-family: "Open sans";
	text-transform: none;
	font-weight: normal;
	color: inherit;
}
.titre_index h3
{
	margin: 0;
	margin-bottom: 10px;
	/*font-weight: 600;*/
}
/************************************************
*			fin titre
*************************************************/
/************************************************
*			div_encart
*************************************************/
.div_encart {
	border-width: 10px;
    border-style: solid;
    padding: 8px;
	margin-bottom: 20px;
}
.div_encart > p {
	margin-top: 20px;
}
.div_encart .align-right {
	width: 100%;
	text-align: right;
}
/************************************************
*			fin div_encart
*************************************************/
/************************************************
*			Rubans skis
*************************************************/
.ribbon {
  position: absolute;
  top: 50px;
  padding-left: 51px;
  z-index: 20;
}
.ribbon .ribbon-background {
  position: absolute;
  top: 0;
  right: 0;
}
.ribbon .theribbon {
  position: relative;
  width: 80px;
  padding: 6px 20px 6px 20px;
  margin: 30px 10px 10px -71px;
  color: #fff;
  background-color: #ff8a00;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon .theribbon:before,
.ribbon .theribbon:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}
.ribbon .theribbon:after {
  left: 0px;
  top: 100%;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #C26C1A #C26C1A transparent transparent;
}
.ribbon.sale {
  top: 0;
}
.ribbon.new {
  top: 50px;
}
.ribbon.new .theribbon {
  background-color: #ff8a00;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon.new .theribbon:after {
  border-color: #C26C1A #C26C1A transparent transparent;
}
div.divnoteindex
{
	padding: 3px 7px!important;
	color: white;
	font-size: 1.5em;
	width: 80px!important;
}
div.divnoteindex span:after
{
	content: '/20';
	font-size: 0.7em;
}
.theribbon_home
{
	padding: 0px 0px!important;
	background-color: #ff8a00!important;
}
div.best-ski
{
	position: relative;
	text-align: center;
	min-width: 70px;
}
div.best-ski p
{
    color: #ffffff;
    display: table;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
    padding: 1px 2px;
    position: absolute;
	min-width: 81px;
	text-align: center;
}

/************************************************
*		Fin rubans skis
*************************************************/
/************************************************
*		Footer
*************************************************/
footer > .row {
	margin-right : 0 !important ;
	margin-left : 0 !important ;
}
.footer-container {
	margin-top: 25px;
	padding: 12px;
}
.footer-container > div {
	text-align: center;
}
.footer-container > div + div {
	padding-top: 12px;
}
.footer-container > div > div {
	display: inline;
	margin: 0% 5%;
}
.footer-container .social {
  text-align: left;
}
.footer-container .social a {
  margin: 0 10px 0 0;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  line-height: 26px;
  font-size: 15px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: bottom;
  background-color: #555555;
}
.footer-container .social a i {
  vertical-align: bottom;
  line-height: 30px;
}
.footer-container .social a.facebook:hover {
  background-color: #4460ae;
}
/************************************************
*		Fin Footer
*************************************************/


/************************************************
* Classes de styles récurrents
*************************************************/

	/* sortings pour les datatables */
    .colonne_active,
	table th.sorting_desc, 
	table th.sorting_asc
    {
        color: orange;
    }
	
	.mbt-10
	{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.mt-10
	{
		margin-top: 10px;
	}

    .text-bold
    {
        font-weight: bold;
    }

/************************************************
* Classes de specs
*************************************************/
    /* BLOCS */
    .sh_bloc
    {
        border-color: rgb(232,232,232);
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
        float: left;
        padding: 0;
    }

    .sh_bloc a
    {
        text-decoration: none;
    }

    .sh_bloc a:hover
    {
        color: inherit;
    }

    .sh_bloc #carre_bleu
    {
        background-color: rgba(10,79,117,0.7);
        height: 86%;
        left: 7%;
        position: absolute;
        top: 7%;
        width: 86%;
    }

    .sh_bloc h3
    {
        font-size: 18px;
        font-weight: bold;
    }

    .sh_bloc h4
    {
        font-size: 14px;
    }

    .sh_bloc h3,
    .sh_bloc h4
    {
        margin: 0;
    }

    .sh_bloc header
    {
        display: flex !important;
        flex-direction: column;
        height: 70px;
        justify-content: center;
        padding: 0 5px;
        text-align: center;
    }

    .sh_bloc img
    {
        object-fit: cover;
        width: 100%;
    }

    .sh_bloc main
    {
        align-items: center;
        display: flex;
        height: 80%;
        justify-content: center;
        left: 10%;
        position: absolute;
        top: 10%;
        width: 80%;
    }

    .sh_bloc main *
    {
        color: white;
        font-weight: bold;
    }

    .sh_bloc section
    {
        position: relative;
    }

    .sh_bloc table
    {
        width: 100%;
    }

    .sh_bloc td:nth-child(2)
    {
        text-align: right;
        width: 35%;
    }
    .sh_bloc td
    {
        padding-bottom: 10px;
    }

    .sh_bloc_parent
    {
        padding-bottom: 15px;
    }
	
	main.row > .sh_bloc_parent:last-child
	{
		padding-bottom : 0px ;
	}

    .sh_bloc_parent.image208 img
    {
        height: 208px;
    }

    /* BOUTONS */
	.sh_btn,
	.sh_btn-gras
	{
		border-radius: 5px;
        border-style: solid;
		display: inline-block;
		text-align: center;
		text-decoration: none !important;
	}
	
	.sh_btn:hover,
	.sh_btn-gras:hover
	{
		color: inherit;
	}
	
    .sh_btn
    {
        border-width: 1px;
        font-size: 11px;
        padding: 2px;
    }

    .sh_btn-gras
    {
        border-width: 2px;
        font-weight: bold;
        padding: 5px;
    }
	
	.sh_btn-gras + .sh_btn-gras
	{
		margin-left : 10px ;
	}
	
    /* LIENS */
    .sh_lien
    {
        color: rgb(10,79,117);
        font-weight: bold;
        text-decoration: none;
    }

    .sh_lien:hover
    {
		cursor: pointer;
        text-decoration: underline;
    }

    /* SECTIONS */
    .sh_section_footer
    {
        margin: 30px 0 0 0;
    }

    .sh_section_footer .sh_btn-gras
    {
        margin: 0 5px;
    }

    /* TITRES */
    .sh_titre
    {
        text-align: center;
    }

    .sh_titre_bloc
    {
        margin: 0 0 30px 0;
    }

	.sh_titre-page,
	.sh_titre-section
	{
		font-family: 'Alfa Slab One';
        margin: 0;
		padding: 0 10px;
        text-align : center;
        text-transform: uppercase;
	}
	
    .sh_titre-page
    {
        font-size: 36px;
    }

    .sh_titre-section
    {
        font-size: 30px;
    }

    .sh_sous-titre-section
    {
        font-size: 18px;
        margin: 0;
        text-align : center;
    }
	
	@media (max-width: 768px)
	{
		.sh_sous-titre-section
		{
			padding: 0 10px;
		}
	}
	
	
/************************************************
* Styles utilisés sur tout le site
*************************************************/	
	#partage_facebook
	{
		bottom: 10px;
		position: absolute;
		right: 0;
	}
	
	@media (max-width: 768px) {
	
		#partage_facebook
		{
			width : 90px !important ;
		}
		
	}

	.row
	{
		margin-right : 0 !important ;
		margin-left : 0 !important ;
	}	

	.bloc_info_domaine { flex : 1 }
	.bloc_info_domaine + .bloc_info_domaine {
		border-left : 1px solid #eeeeee ;
	}