@charset "utf-8";
/* CSS Document */

html{font-size:100%}html,body{width:100%;height:100%;}body{margin:0;padding:0;line-height:normal;font-family: 'Open Sans', Arial, Helvetica, sans-serif;color:#084066; background:#FFF; font-weight: 300;}h1,h2,h3,h4,h5,h6{margin:1.25em 0 .5em 0;line-height:1.2;font-weight:300;font-style:normal;}h1{font-size:2.5em;color:#009cdc;margin-top:20px;}h2{font-size:1.75em; color: #212121;}h3{font-size:1.375em}h4{font-size:1em}ol,ul{margin:.75em 0 .75em 32px;padding:0}p{margin:1.375em 0}address{margin:.75em 0;font-style:normal}a{text-decoration:none;color:#000;cursor:pointer;transition:all .2s;font-weight: 300;}a:hover{color: #1A171B;}a img{border:none}em{font-style:italic} fieldset,form{margin:0;padding:0;border:none}button,input,select{vertical-align:middle}.clear{clear:both}.clearfix::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}


img{
	max-width: 100%;
}

p, ul, ol{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #666;
	line-height: 1.5em;
}

strong{
}

input, textarea, select, button{
    font-family: Arial, Helvetica, sans-serif;
}

input[type="submit"], button{
	cursor: pointer;
}


.overall{
    max-width: 1280px;
	margin: auto;
}
.overall_pad{
    max-width: 1280px;
	padding: 0 16px;
	margin: auto;
}

.clear_left{
	clear: left;
}


/* HEADER */

header#haut{
	display: block;
	padding: 0 10px;
	margin: auto;
	max-width: 1280px;
}

#logo{
	/*background: url(../images/logo__old.png) no-repeat center left #FFF;*/
	width: 240px;
	height: 140px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: auto;
	overflow: hidden;
	text-indent: -500px;
	font-size: 0.5em;
	color: #FFF;
	float: left;
	border-right: 1px solid #DDD;
}

#logo img {
	height: fit-content;
}

.flex{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}


/* MENU */

#picto_menu::before{
	content: "";
    max-width: 35px;
    height: 4px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #FF5A31;
	transition: all .2s;
}
#picto_menu::after{
	content: "";
    max-width: 35px;
    height: 4px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #FF5A31;
	transition: all .2s;
}
#picto_menu span{
    width: 30px;
    height: 4px;
    display: block;
    margin-bottom: 4px;
    border-radius: 1px;
    background: #FF5A31;
	transition: all .2s;
}
#picto_menu {
	position: absolute;
	top: 50%;
	left: 15px;
	margin: -10px 0 0 0;
}
#btn_menu{
	display: none;
}
header#haut{
	position: relative;
}
header#haut nav{
	float: left;
	width: calc(100% - 254px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#btn_espace_enseignant{
	position: absolute;
	right: 0;
	display: block;
	float: right;
	color: #FF5A31;
	text-transform: uppercase;
	font-family: "montserratbold",Arial,Helvetica,sans-serif;
    font-size: 0.75em;
	line-height: 1.5em;
	padding: 12px;
	margin: 16px 0 0 0;
}
#btn_espace_enseignant::before{
	content: "";
	background: url(../images/sprite.png) no-repeat -33px 0;
	width: 34px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 12px 0 0;
}

#deroulant{
	border-top: 1px solid #DDD;
	display: block;
	list-style: none;
	padding: 0 0 0 16px;
	margin: 0;
	font-size: 0.875em;
	color: #FFF;
	z-index: 1;
	text-transform: uppercase;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}
#deroulant>li{
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
#deroulant>li>a{
	position: relative;
	color: #1388A3;
	display: block;
	padding: 28px 16px 20px 16px;
	line-height: 1.125em;
	position: relative;
	transition: all .2s;
}
#deroulant>li:hover>a, #deroulant>li.active>a{
	color: #151D31;
}

#deroulant>li>a::before{
	bottom: 16px;
	position: absolute;
	border-bottom: 2px solid #FF5A31;
	width: 0;
	height: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	content: "";
}
#deroulant>li:hover>a::before{
	width: calc(100% - 32px);
}
#deroulant>li>ul{
	display: none;
	position: absolute;
	padding: 10px;
	margin: 0;
	list-style: none;
	background: #FFF;
	z-index: 1000;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}
#deroulant>li>ul>li{
	display: block;
	border-bottom: 1px solid #EAEAEA;
}
#deroulant>li>ul>li a{
	display: block;
	padding: 10px;
	min-width: 100px;
}
#deroulant>li:hover>ul{
	display: block !important;
	
}


#zone_recherche{
	float: left;
	margin: 16px 20px;
	position: relative;
}
#zone_recherche input[type="text"]{
	border: 1px solid #DADADA;
	background: #F4F4F4;
	padding: 10px 16px;
	color: #666;
	border-radius: 20px;
	height: 40px;
	width: 320px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zone_recherche button{
	border: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	position: absolute;
	background: #FF5A31;
	right: 5px;
	top: 4px;
}
#zone_recherche button::before{
	content: "";
	position: absolute;
	top: 6px;
	left: 7px;
	background: url(../images/sprite.png) no-repeat 0 0;
	width: 18px;
	height: 19px;
}




#zone_slide{
	position: relative;
}
#zone_slide .owl-controls {
	position: absolute;
	top: 50%;
	margin: -30px 0 0 0;
	z-index: 10;
	width: 100%;
}
#zone_slide .owl-nav .owl-prev{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid #FFF;
}
#zone_slide .owl-nav .owl-prev span{
	width: 44px;
	height: 44px;
	margin: 8px auto auto auto;
	display: block;
	border-radius: 50%;
	background: #1CB6BA;
	position: relative;
	transition: all .3s;
}
#zone_slide .owl-nav .owl-prev:hover span{
	background: #ff5a31;
}
#zone_slide .owl-nav .owl-prev span::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat 0 -29px;
	width: 18px;
	height: 15px;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -9px;
}

#zone_slide .owl-nav .owl-next{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid #FFF;
}
#zone_slide .owl-nav .owl-next span{
	width: 44px;
	height: 44px;
	margin: 8px auto auto auto;
	display: block;
	border-radius: 50%;
	background: #1CB6BA;
	position: relative;
	transition: all .3s;
}
#zone_slide .owl-nav .owl-next:hover span{
	background: #ff5a31;
}
#zone_slide .owl-nav .owl-next span::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -33px -29px;
	width: 18px;
	height: 15px;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -9px;
}

#slider, .slider{
	position: relative;
}

#zone_slide .owl-nav .owl-prev{
	position: absolute;
	margin: 0 0 0 -730px;
	left: 50%;
}
#zone_slide .owl-nav .owl-next{
	position: absolute;
	margin: 0 -730px 0 0;
	right: 50%;
}

.intro{
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -640px;
	max-width:760px;
}
.intro h1{
	display: inline-block;
	margin: 0;
	font-size: 3em;
	color: #1CB6BA;
	text-transform: uppercase;
	font-family: "montserratextra_bold", Arial, Helvetica, sans-serif;
}
.intro h1 span{
	background: #FFF;
	padding: 8px 20px;
	display: inline-block;
	margin: -8px 0 0 0;
}
.intro h2{
	margin: 0;
	padding: 12px 20px;
	color: #FFF;
	font-size: 1.125em;
	background: #FF5A31;
	text-transform: uppercase;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}


#categories_home{
	max-width: 1280px;
	margin: auto;
	padding: 32px 20px;
}
#categories_home > ul{
	padding: 0;
	margin: 0 -14px;
	list-style: none;
}
#categories_home > ul > li{
	float: left;
	width: 33.3333%;
}
#categories_home > ul > li div.item_home{
	margin: 14px;
	border-radius: 0 0 60px 0;
	min-height: 360px;
	padding-bottom: 20px;
	box-shadow: 1px 6px 12px rgba(0,0,0,0.15);
}
#categories_home > ul > li div.item_home h3{
	position: relative;
	margin: 0;
	padding: 0 12px 0 42px;
	color: #FFF;
	font-size: 1.375em;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#categories_home > ul > li div.item_home h3::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -82px 0;
	width: 25px;
	height: 50px;
	top: 50%;
	left: 0;
	margin: -25px 0 0 0;
	z-index: 2;
}
#categories_home > ul > li div.item_home > div{
	overflow: hidden;
	position: relative;
}
#categories_home > ul > li div.item_home > div img{
	display: block;
	width: 100%;
	margin-bottom: -40px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	position: relative;
	z-index: 0;
}
#categories_home > ul > li div.item_home:hover > div img{
	transform: scale(1.04);
}
#categories_home > ul > li div.item_home > div::before{
	content: "";
	width: 120%;
	height: 60px;
	bottom: -32px;
	left: -10%;
	position: absolute;
	background: #1CB6BA;
	transform: rotate(3deg);
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	z-index: 1;
}
#categories_home > ul > li div.item_home:hover > div::before{
	bottom: -20px;
}

.item_home ul{
	list-style: none;
	margin: 20px 0 0 44px;
	font-family: "montserratlight", Arial, Helvetica, sans-serif;
}
.item_home ul li{
	position: relative;
	padding: 0 10px 0 20px;
}
.item_home ul li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -5px 0 0 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1388A3;
}
.item_home ul li a{
	display: block;
	color: #FFF;
	padding: 3px 0;
	line-height: 1.25em;
}
.item_home{
	background: #1CB6BA;
}
.item_home ul li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -5px 0 0 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1388A3;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#categories_home > ul > li.classes_decouvertes div.item_home > div::before, .classes_decouvertes .item_home{
	background: #1CB6BA;
}
#categories_home > ul > li.colonies_vacances div.item_home > div::before, .colonies_vacances .item_home{
	background: #FF5A31;
}
#categories_home > ul > li.periscolaire div.item_home > div::before, .periscolaire .item_home{
	background: #FFCC4D;
}

.classes_decouvertes .item_home ul li::before{
	background: #1388A3;
}
.colonies_vacances .item_home ul li::before{
	background: #D32705;
}
.periscolaire .item_home ul li::before{
	background: #E29627;
}
.item_home ul li:hover::before{
	background: #FFF !important;
}
.item_home ul li:hover a{
	padding-left: 6px;
}

#ntsl{
	float: left;
	width: 62%;
	padding-bottom: 60px;
}
#ntsl h2{
	color: #1388A3;
	font-size: 3em;
	margin: .5em 0 .75em 0;
	font-family: "montserratextra_bold", Arial, Helvetica, sans-serif;
}
#ntsl h2::after{
	content: "";
	display: block;
	height: 4px;
	width: 50px;
	background: #FF5A31;
}
#ntsl img{
	float: left;
	max-width: 30%;
	margin: 0 5% 24px 0;
	box-shadow: 1px 6px 12px rgba(0,0,0,0.15);
}
#ntsl p{
	font-size: 0.875em;
	line-height: 1.675em;
	color: #888;
	text-align: justify;
}
a.btn{
	position: relative;
	display: inline-block;
	color: #1388A3;
	font-size: 0.875em;
	padding: 18px 36px;
	margin: 12px 0;
	border-radius: 30px;
	text-transform: uppercase;
	border: 1px solid #1CB6BA;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
	overflow: hidden;
	transition: all .8s;
	z-index: 2;
}
a.btn::before{
	content: "";
	position: absolute;
	z-index: -1;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	background: #1CB6BA;
	opacity: 0;
	transition: all .4s;
}
a.btn:hover{
	color: #FFF;
	background: #1CB6BA;
	box-shadow: 1px 6px 12px rgba(28, 182, 186, 0.3);
}
a.btn:hover::before{
	opacity: 1;
	transform: scale(30);
}

#actu_home{
	float: right;
	width: 32%;
	padding-bottom: 60px;
}
#actu_home h2{
	text-transform: uppercase;
	color: #1388A3;
	font-size: 3em;
	margin: .5em 0 .75em 0;
	font-family: "montserratextra_bold", Arial, Helvetica, sans-serif;
}
#actu_home h2::after{
	content: "";
	display: block;
	height: 4px;
	width: 50px;
	background: #FF5A31;
}

#actu_home div{
	position: relative;
}
#actu_home div img{
	display: block;
	width: 100%;
	margin-bottom: 24px;
	transition: all .3s;
}
#actu_home div:hover img{
	transform: scale(1.05);
	box-shadow: 1px 6px 12px rgba(0,0,0,0.15);
}
#actu_home div a{
	color: #1388A3;
	font-size: 1.125em;
	line-height: 1.5em;
	display: block;
	font-family: "montserratregular", Arial, Helvetica, sans-serif;
}
#actu_home div a:hover{
	color: #FF5A31;
}
#actu_home div a::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#actu_home .btn{
	margin-top: 32px;
}


/* ZONE BAS */

#zone_bas{
	padding: 80px 0 66px 0;
	background: url(../images/bg_bas.jpg) repeat-y center top;
}

#voyage_populaire{
	padding: 30px;
	background: #1CB6BA;
	position: relative;
	box-shadow: 1px 6px 12px rgba(0,0,0,0.15);
}
#voyage_populaire a{
	color: #335485;
}
#voyage_populaire a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}
#voyage_populaire img{
	float: left;
	position: relative;
	z-index: 2;
	max-width: 50%;
	max-width: calc(50% + 60px);
	margin: -30px 30px -30px -30px;
}
#voyage_populaire h2{
	display: block;
	position: relative;
	color: #FFF;
	font-size: 2.25em;
	text-transform: uppercase;
	margin: 0 0 50px 0;
	font-family: "montserratextra_bold", Arial, Helvetica, sans-serif;
}
#voyage_populaire h2::after{
	content: "";
	display: block;
	height: 4px;
	width: 80px;
	float: left;
	background: #FFF;
	margin: 6px 0;
}

#voyage_populaire h3{
	color: #335485;
	font-size: 1.75em;
	text-transform: uppercase;
	margin: 0;
	font-family: "montserratextra_bold", Arial, Helvetica, sans-serif;
}
#type_sejour_populaire{
	color: #1388A3;
	font-size: 1.375em;
	text-transform: uppercase;
	margin: 0;
	font-family: "montserratextra_bold", Arial, Helvetica, sans-serif;
}

#tranches{
	font-size: 1.125em;
	color: #FFCC4D;
	text-transform: uppercase;
}
#tranches span{
	display: block;
	font-size: 1.125em;
	color: #FFF;	
}

.plus{
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 100px;
	border-radius: 100% 0 0 0;
	background: #335485;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.plus::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -122px 0;
	width: 33px;
	height: 33px;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
}
#voyage_populaire:hover .plus{
	width: 120px;
	height: 120px;
	background: #FF5A31;
}

#contact_bas{
	margin: 0 -14px;
	list-style: none;
	padding: 14px 0 0 0;
}
#contact_bas li{
	float: left;
	width: 50%;
}
#contact_bas li a{
	position: relative;
	display: block;
	margin: 14px;
	padding: 60px 40px 60px 230px;
	font-size: 2.5em;
	line-height: 1.25em;
	text-transform: uppercase;
	font-family: 'montserratlight', Arial, Helvetica, sans-serif;
	box-shadow: 1px 6px 12px rgba(0,0,0,0.15);
}
#nous_contacter{
	color: #1CB6BA;
	background: #335485;
}
#nous_contacter::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -60px 0 0 50px;
	background: url(../images/sprite.png) no-repeat 0 -65px;
	width: 120px;
	height: 120px;
}
#infos_pratiques{
	color: #FFCC4D;
	background: #FF5A31;
}
#infos_pratiques::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -60px 0 0 50px;
	background: url(../images/sprite.png) no-repeat -140px -65px;
	width: 120px;
	height: 120px;
}
#demande_devis{
	color: #FFCC4D;
	background: #FF5A31;
}
#demande_devis::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -60px 0 0 54px;
	background: url(../images/sprite.png)  no-repeat 0 -313px;
	width: 117px;
	height: 120px;
}
#contact_bas li a:hover::before{
	-webkit-animation: animpicto .4s;
	-o-animation: animpicto .4s;
	animation: animpicto .4s;
}

@keyframes animpicto {
	0	 {transform: rotate(0)}
    25%   {transform: rotate(15deg)}
    50%  {transform: rotate(-15deg)}
	75%  {transform: rotate(15deg)}
    100% {transform: rotate(0)}
}






/* ARIANE */

#breadcrumb{
	background: #151D31;
	color: #1388A3;
	margin: auto;
	display: block;
}
#breadcrumb ul{
	max-width: 1300px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 0.75em;
}
#breadcrumb ul li{
	display: inline-block;
}
#breadcrumb ul li a{
	display: block;
	color: #1388A3;
	padding: 8px 10px 8px 18px;
	background: url(../images/puce_li.png) no-repeat center left;
}
#breadcrumb ul li:hover a{
	color: #FFF;
}
#breadcrumb ul li:first-child a{
	background: none;
}
#breadcrumb ul li:last-child a{
	color: #FFF;
}



/* FOOTER */
footer#bas{
	padding: 40px 0;
	background: #151D31;
	text-align: center;
	font-family: 'montserratlight', Arial, Helvetica, sans-serif;
}
footer#bas ul{
	margin: 0;
	list-style: none;
	text-align: center;
}
footer#bas ul li{
	display: inline-block;
	vertical-align: middle;
}
footer#bas ul li a{
	display: block;
	width: 35px;
	height: 34px;
	margin: 2px;
}
footer#bas ul li a.picto_f{
	background: url(../images/sprite.png) -170px 0;
}
footer#bas ul li a.picto_t{
	background: url(../images/sprite.png) -213px 0;
}
footer#bas ul li a.picto_i{
	background: url(../images/sprite.png) -256px 0;
}
footer#bas ul li a.picto_y{
	background: url(../images/sprite.png) -299px 0;
}
footer#bas p{
	margin: 0;
	padding:20px 20px 0 20px;
	font-size: 0.875em;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
}
footer#bas p a{
	color: #FFF;
}



/* PAGES INTERNES */

#pages_internes{
	background: #335485;
	padding: 20px 0 60px 0;
}

/* LISTING */

.bloc_col{
	padding: 0 0 0 328px;
}
.bloc_col_gauche{
	float: left;
	width: 300px;
	margin: 0 0 0 -328px;
}
.bloc_col_droite{
	width: 100%;
	float: right;
}

.titre{
	position: relative;
	padding: 20px 0 20px 80px;
	margin-bottom: 20px;
}
.titre .puce_titre{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -30px 0 0 0;
}
.titre .puce_titre span{
	width: 44px;
	height: 44px;
	margin: 8px auto auto auto;
	display: block;
	border-radius: 50%;
	background: #1CB6BA;
	position: relative;
	transition: all .3s;
}
.titre .puce_titre span::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -33px -29px;
	width: 18px;
	height: 15px;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -9px;
}

.titre h1{
	font-size: 3em;
	line-height: 1.063em;
	color: #FFF;
	margin: 0;
	font-family: "montserratextra_bold", Arial, Helvetica, sans-serif;
}
.titre p{
	color: #1CB6BA;
	margin: 0;
	font-size: 1.5em;
	line-height: 1.063em;
	font-family: "montserratlight", Arial, Helvetica, sans-serif;
}
.titre > span{
	color: #1CB6BA;
}

#btn_affiner_recherche{
	background: #1CB6BA;
	color: #FFF;
	font-size: 1.125em;
	position: relative;
	padding: 20px 12px 20px 56px;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}
#btn_affiner_recherche::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 16px;
	margin: -15px 0 0 0;
	background: url(../images/sprite.png) no-repeat -280px -65px;
	width: 30px;
	height: 30px;
}

#filtre_produits{
	background: #FFF;
	display: block;
	padding: 14px 24px 24px 24px;
}
#filtre_produits p{
	font-size: 1.063em;
	color: #FF5A31;
	margin: 10px 0 6px 0;
	text-transform: uppercase;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}
#filtre_produits ul{
	padding: 0 0 0 6px;
	margin: 0 0 24px 4px;
	list-style: none;
	font-size: 0.875em;
}
#filtre_produits ul li{
	padding: 4px 0;
}
#filtre_produits ul li input[type="checkbox"]{
	display: none;
}
#filtre_produits ul li label{
	display: block;
	padding: 0 0 0 26px;
	position: relative;
	cursor: pointer;
	color: #666;
}
#filtre_produits ul li label::before{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	margin-top: 1px;
	width: 14px;
	height: 14px;
	border: 1px solid #CCC;
	background: #FFF;
	transition: all .2s;
}
#filtre_produits ul li label:hover::before{
	border: 1px solid #335485;
}
#filtre_produits ul li label.actif::before{
	background: #FFF;
}
#filtre_produits ul li label.actif::after{
	content: "";
	position: absolute;
	left: 3px;
	top: 5px;
	margin-top: 1px;
	width: 10px;
	height: 10px;
	background: #335485;
	transition: all .2s;
}
#filtre_produits ul li label.actif{
	color: #335485;
}
#filtre_produits hr{
	border: none;
	border-bottom: 1px solid #CCC;
	margin: 0 -24px 20px -24px;
}
#filtre_produits select{
	margin-bottom: 24px;
	color: #666;
}

#titre_liens_utiles{
	background: #FF5A31;
	color: #FFF;
	font-size: 1.125em;
	position: relative;
	padding: 20px 12px 20px 58px;
	margin: 24px 0 0 0;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}
#titre_liens_utiles::before{
	background: url(../images/sprite.png) no-repeat -280px -110px;
	width: 24px;
	height: 26px;
	position: absolute;
	content: "";
	top: 50%;
	left: 18px;
	margin: -14px 0 0 0;
}

#liens_utiles_gauche{
	margin: 0;
	background: #FFF;
	padding: 20px;
	font-size: 0.813em;
	list-style: none;
}
#liens_utiles_gauche li{
	position: relative;
	padding: 4px;
}
#liens_utiles_gauche li a{
	color: #888;
	display: block;
	padding: 2px 2px 2px 24px;
	position: relative;
}
#liens_utiles_gauche li a:hover{
	color: #151D31;
}
#liens_utiles_gauche li a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/sprite.png) no-repeat -280px -151px;
	width: 14px;
	height: 14px;
}

.bloc_col_droite .item{
	background: #FFF;
	margin-bottom: 24px;
	transition: all .2s;
	position: relative;
}
.bloc_col_droite .item:hover{
	box-shadow: 1px 12px 24px rgba(0,0,0,0.2);
}
.bloc_col_droite .item .padding{
	padding: 20px;
	position: relative;
}
.bloc_col_droite .item .item_photo{
	float: left;
	width: 36.2%;
	position: relative;
}
.bloc_col_droite .item .item_photo span{
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 20px;
	font-family: 'montserratextra_bold';
	text-transform: uppercase;
	color: #FFF;
	font-size: 1em;
}
.dernieres_places{
	background: #1CB6BA;
}
.complet{
	background: #FF5A31;
}
.bloc_col_droite .item .item_photo img{
	display: block;
	width: 100%;
}
.bloc_col_droite .item .item_desc{
	float: right;
	width: 61.4%;
}
.bloc_col_droite .item .item_desc h2 a{
	color: #FF5A31;
}
.bloc_col_droite .item .item_desc h2 a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.bloc_col_droite .item .item_desc ul{
	display: inline-block;
	margin: 0;
	padding: 12px 0;
	list-style: none;
	font-family: 'montserratbold';
	text-transform: uppercase;
	font-size: 0.875em;
	line-height: 1.063em;
}
.bloc_col_droite .item .item_desc ul li{
	display: inline-block;
	padding: 8px 12px 6px 12px;
	background: #1CB6BA;
	color: #FFF;
	border-radius: 4px;
	margin: 0 0 4px 0;
}
.bloc_col_droite .item h2{
	color: #FF5A31;
	font-size: 2em;
	line-height: 1.125em;
	margin: 0;
	font-family: 'montserratextra_bold';
}
.bloc_col_droite .item h3{
	color: #335485;
	font-size: 1.125em;
	line-height: 1.125em;
	margin: 0;
	font-family: 'montserratregular';
}
.bloc_col_droite .item .item_desc p{
	margin: 0;
	font-size: 0.75em;
}
.bloc_col_droite .item .item_desc p.accroche_item{
	font-size: 1em;
	color: #1CB6BA;
	margin: 12px 0;
	font-family: 'montserratregular';
}

.duree{
	float: right;
	width: 120px;
	margin: 0 0 0 12px;
}
.item_desc .duree{
	font-size: 1em !important;
}
.duree strong{
	display: block;
	padding: 16px 12px 12px 12px;
	background: #1CB6BA;
	color: #FFF;
	font-size: 1.125em;
	line-height: 1.125em;
	text-align: center;
	text-transform: uppercase;
	font-family: 'montserratextra_bold';
}
.duree span{
	display: block;
	padding: 16px 12px 12px 12px;
	background: #EAEAEA;
	color: #000;
	font-size: 0.875em;
	line-height: 1.125em;
	text-align: center;
	font-family: 'montserratbold';
	border-bottom: 1px solid #FFF;
}
.duree span em{
	display: block;
	color: #FF5A31;
	margin-top: 4px;
	font-size: 1.75em;
	line-height: 1.125em;
	font-style: normal;
	font-family: 'montserratextra_bold';
}

.bas_item {
	background: #151D31;
}
.bas_item p {
	margin: 0;
	background: #1CB6BA;
	color: #FFF;
	float: left;
	position: relative;
	text-transform: uppercase;
	font-family: 'montserratextra_bold';
	padding: 24px 24px 24px 24px;
	height: 62px;
	font-size: 1.125em;
	line-height: 1.125em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bas_item p::after {
	display: block;
	content: "";
	background: url(../images/sprite.png) no-repeat 0 -220px;
	width: 10px;
	height: 62px;
	position: absolute;
	right: -10px;
	top: 0;
}
.bas_item ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.bas_item ul li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	height: 62px;
	padding: 16px 12px 24px 26px;
	max-width: 128px;
	font-size: 0.783rem;
	line-height: 1.163em;
	letter-spacing: 1px;
	color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bas_item ul li::after{
	display: block;
	content: "";
	background: url(../images/sprite.png) no-repeat -30px -220px;
	width: 12px;
	height: 62px;
	position: absolute;
	right: -6px;
	top: 0;
}
.bas_item ul li span{
	color: #1CB6BA;
	font-family: 'montserratbold';
}
.btn_details {
	background: #FF5A31;
	color: #FFF;
	float: left;
	position: relative;
	text-transform: uppercase;
	font-family: 'montserratextra_bold';
	padding: 24px 32px 24px 68px;
	height: 62px;
	font-size: 1.125em;
	line-height: 1.125em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_details:hover {
	color: #FFF;
}
.btn_details:hover::before {
	left: 22px;
}
.btn_details::before {
	display: block;
	content: "";
	background: url(../images/sprite.png) no-repeat -280px -180px;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 16px;
	top: 50%;
	margin: -16px 0 0 0;
	transition: all .2s;
}


.btn_gen{
	position: relative;
	display: block;
	color: #666;
	background: #DADADA;
	font-size: 0.875em;
	padding: 12px 24px;
	margin: 12px 0 0 0;
	text-transform: uppercase;
	border: none;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
	overflow: hidden;
	transition: all .3s;
	z-index: 2;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_gen:hover{
	color: #FFF;
	background: #ff5a31;
}



/* PAGE DETAIL SEJOUR */

#detail_sejour{
	background: #FFF;
	display: block;
	padding: 20px;
	position: relative;
}
#descriptif_detail{
	float: right;
	width: 48.85%;
	position: relative;
	padding-right: 180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#descriptif_detail ul.ages{
	display: inline-block;
	margin: 0;
	padding: 16px 0 12px 0;
	list-style: none;
	font-family: 'montserratbold';
	text-transform: uppercase;
	font-size: 0.875em;
	line-height: 1.063em;
}
#descriptif_detail ul.ages li{
	display: inline-block;
	padding: 8px 12px 6px 12px;
	background: #1CB6BA;
	color: #FFF;
	border-radius: 4px;
}
#descriptif_detail h1{
	color: #FF5A31;
	font-size: 2.625em;
	line-height: 1.125em;
	margin: 0;
	font-family: 'montserratextra_bold';
}
#descriptif_detail h2{
	color: #335485;
	font-size: 1.125em;
	line-height: 1.125em;
	margin: 0;
	font-family: 'montserratregular';
}
#descriptif_detail h3{
	font-family: 'montserratregular';
	color: #151D31;
	font-size: 1.063em;
}
#descriptif_detail p{
	margin: 0;
	font-size: 0.813em;
}
#descriptif_detail p.accroche_item{
	font-size: 1em;
	color: #1CB6BA;
	margin: 12px 0;
	font-family: 'montserratregular';
}
#descriptif_detail .duree{
	width: 160px;
	position: absolute;
	top: 0;
	right: 0;
}
#descriptif_detail .duree span{
	padding: 20px 12px 16px 12px;
}
#descriptif_detail .duree span.saisons em{
	font-size: 1.125rem;
}
#descriptif_detail .duree span.effectif i{
	font-size: 1.125rem;
	line-height: 1.125em;
	display: block;
	font-style: normal;
	padding: 6px 0;
}
#descriptif_detail ul.ul_default{
	font-size: 0.813em;
	color: #666;
	list-style-image: url(../images/puce_li_default.png);
}

#slider_detail{
	float: left;
	width: 48.85%;
	overflow: hidden;
	position: relative;
	max-height: 410px;
}
#slider_detail img{
	display: block;
	width: 100%;
}
#slider_detail .num_slide{
	background: #FF5A31;
	color: #FFF;
	position: absolute;
	padding: 10px 16px;
	bottom: 0;
	left: 0;
	z-index: 10;
	font-size: 1.125em;
	line-height: 1.125em;
	font-family: 'montserratextra_bold';
}
#slider_detail .owl-controls .owl-prev, #slider_detail .owl-controls .owl-next{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #FF5A31;
	margin: 2px;
	transition: all .2s;
}
#slider_detail .owl-controls .owl-prev:hover, #slider_detail .owl-controls .owl-next:hover{
	background: #1CB6BA;
	box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
#slider_detail .owl-controls .owl-prev span{
	display: block;
	content: "";
	background: url(../images/sprite.png) no-repeat -62px -220px;
	width: 6px;
	height: 12px;
	margin: 9px auto auto 10px;
}
#slider_detail .owl-controls .owl-next span{
	display: block;
	content: "";
	background: url(../images/sprite.png) no-repeat -88px -220px;
	width: 6px;
	height: 12px;
	margin: 9px auto auto 13px;
}
.owl-controls{
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 10;
}

#zone_form{
	background: #151D31;
}
#btn_form_contact{
	display: inline-block;
	padding: 16px 68px 16px 64px;
	color: #FFF;
	font-size: 1.125em;
	line-height: 1.5em;
	background: #FF5A31;
	text-transform: uppercase;
	font-family: 'montserratextra_bold';
	position: relative;
}
#btn_form_contact:hover{
	background: #1CB6BA;
}
#btn_form_contact::before{
	background: url(../images/sprite.png) no-repeat -114px -220px;
	width: 28px;
	height: 28px;
	content: "";
	position: absolute;
	left: 18px;
	top: 50%;
	margin: -14px 0 0 0;
}
#btn_form_contact::after{
	background: url(../images/sprite.png) no-repeat -162px -220px;
	width: 29px;
	height: 29px;
	content: "";
	position: absolute;
	right: 18px;
	top: 50%;
	margin: -14px 0 0 0;
}

#infos_comp{
	background: #FFF;
	margin-top: 24px;
}
#infos_comp .col_infos{
	width: 68.125%;
	float: left;
}
#infos_comp .col_infos h2{
	display: block;
	margin: 0;
	font-size: 1.5em;
	line-height: 1.25em;
	color: #151D31;
	background: #E1EAEA;
	position: relative;
	text-transform: uppercase;
	font-family: 'montserratextra_bold';
	padding: 22px 20px 20px 72px;
}
#infos_comp .col_infos h2::before{
	content: "";
	position: absolute;
	left: 18px;
	top: 50%;
	margin: -20px 0 0 0;
	background: url(../images/sprite.png) no-repeat -209px -220px;
	width: 38px;
	height: 38px;
}
#infos_comp .col_donnees{
	width: 31.875%;
	float: right;
	background: #151D31;
}
#infos_comp .col_donnees img{
	display: block;
	width: 100%;
}
#photo_centre{
	display: block;
}
#infos_comp .padding{
	padding: 20px 26px;
}
#infos_comp .col_infos p{
	font-size: 0.813em;
	color: #666;
}
#infos_comp .col_infos ul{
	font-size: 0.813em;
	margin-left: 24px;
	color: #666;
	list-style-image: url(../images/puce_li_default.png);
}
#infos_comp .col_infos ul li{
	margin-bottom: 24px;
}
#infos_comp .col_infos ul li strong{
	display: block;
	color: #335485;
	font-size: 1.154em;
	font-weight: 700;
}

#prochaines_dates{
	background: #1CB6BA;
	position: relative;
	padding: 28px 20px 28px 120px;
}
#prochaines_dates::before{
	content: "";
	position: absolute;
	top: 28px;
	left: 24px;
	background: url(../images/sprite.png) no-repeat -266px -227px;
	width: 68px;
	height: 70px;
}
#prochaines_dates h3{
	margin: 0;
	font-size: 1.25em;
	color: #FFF;
	font-family: 'montserratregular';
}
#prochaines_dates ul{
	margin: 6px 0 6px 12px;
	list-style: none;
	padding: 0;
}
#prochaines_dates p,#prochaines_dates li{
	margin: 0;
	font-size: 0.875em;
	color: #335485;
	font-family: 'montserratregular';
}

#map{
	display: block;
	width: 100%;
}

#infos_supp{
	padding: 16px 26px 26px 26px;
}
#infos_supp h3{
	color: #1CB6BA;
	font-size: 1.125em;
	font-weight: 700;
	padding: 0 0 0 28px;
	margin: 32px 0 12px 0;
	position: relative;
}
#infos_supp h3::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -9px 0 0 0;
	background: url(../images/sprite.png) no-repeat -314px -151px;
	width: 18px;
	height: 18px;
}
#infos_supp p{
	font-size: 0.813em;
	color: #91B2BC;
}



/* PAGINATION */

.pagination{
	text-align: center !important;
	padding: 20px 0 0 0;
	clear: both;
}
.pagination a{
	display: inline-block;
	background: #253A66;
	width: 40px;
	height: 40px;
	position: relative;
	line-height: 40px;
	font-weight: bold;
	margin: 3px;
	color: #FFF;
	border-radius: 50%;
}
.pagination a:hover, .pagination a.disabled{
	background-color: #FFF;
	color: #212121;
}
.pagination a.current{
	background: #0fa7b7;
}
.pagination a.current:hover{
	color: #FFF;
	background: #0fa7b7;
}
.pagination a span{
	display: none;
}


/* LISTING CLASSES */

#h_themes{
	display: inline-block;
	background: #1CB6BA;
	color: #FFF;
	font-size: 2.25em;
	margin: 12px 0;
	padding: 20px 40px 20px 32px;
	border-radius: 0 0 48px 0;
	font-family: 'montserratextra_bold';
}
#h_centres{
	display: inline-block;
	background: #FF5A31;
	color: #FFF;
	font-size: 2.25em;
	margin: 36px 0 12px 0;
	padding: 20px 40px 20px 32px;
	border-radius: 0 0 48px 0;
	font-family: 'montserratextra_bold';
}

.listing_classes ul{
	padding: 0 0 24px 0;
	margin: 12px -14px 0 -14px;
	list-style: none;
	font-size: 0;
}
.listing_classes ul li{
	font-size: 1.125rem;
	line-height: 1.375em;
	display: inline-block;
	vertical-align: top;
	width: 25%;
}
.listing_classes ul li img{
	display: block;
	width: 100%;
	position: relative;
	transition: all .6s;
}
.listing_classes ul li div:hover img{
	transform: scale(1.1);
}
.listing_classes ul li span{
	display: block;
	overflow: hidden;
}
.listing_classes ul li a{
	display: block;
	text-align: center;
	color: #FFF;
	min-height: 90px;
	border-radius: 0 0 40px 0;
	font-family: 'montserratregular';
}
.listing_classes ul li a::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.listing_classes ul li a strong{
	text-align: center;
	padding: 20px;
	display: block;
}
.listing_classes ul li div{
	margin: 14px;
	position: relative;
	overflow: hidden;
	transition: all .3s;
	border-radius: 0 0 40px 0;
}
.listing_classes ul li div:hover{
	box-shadow: 1px 12px 16px rgba(0,0,0,0.3);
}
.listing_classes ul li div a::before{
	content: "";
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	background: #212121;
	position: absolute;
	left: -15px;
	margin: -15px 0 0 0;
	transition: all .3s;
}
.listing_classes ul li div:hover a::before{
	left: 50%;
	margin: -15px 0 0 -15px;
}

div.langues a, .listing_classes ul li div.langues a::before{
	background: #910961;
}
div.arts a, .listing_classes ul li div.arts a::before{
	background: #FF5A31;
}
div.nature a, .listing_classes ul li div.nature a::before{
	background: #8DBC3B;
}
div.sciences a, .listing_classes ul li div.sciences a::before{
	background: #ED1E79;
}
div.sport a, .listing_classes ul li div.sport a::before{
	background: #EA2F46;
}
div.histoire a, .listing_classes ul li div.histoire a::before{
	background: #25325C;
}
div.patrimoine a, .listing_classes ul li div.patrimoine a::before{
	background: #966052;
}
div.thematiques a, .listing_classes ul li div.thematiques a::before{
	background: #1CB6BA;
}

div.etranger a, .listing_classes ul li div.etranger a::before{
	background: #FF5A31;
}
div.campagne a, .listing_classes ul li div.campagne a::before{
	background: #F4BD45;
}
div.mer a, .listing_classes ul li div.mer a::before{
	background: #0996B7;
}
div.montagne a, .listing_classes ul li div.montagne a::before{
	background: #966052;
}

#h_liens{
	color: #FFF;
	font-size: 1.25em;
	font-family: 'montserratextra_bold';
	display: inline-block;
	position: relative;
	padding: 0 0 0 38px;
}
#h_liens::before{
	content: "";
	position: absolute;
	left: 0;
	background: url(../images/sprite.png) no-repeat -319px -110px;
	width: 24px;
	height: 26px;
	top: -4px;
}
#h_liens::after{
	content: "";
	display: block;
	height: 1px;
	width: calc(100% + 38px);
	margin: 12px 0 24px -38px;
	background: #1CB6BA;
}

#liens_utiles{
	font-size: 0;
	margin: 0;
}
#liens_utiles li{
	display: inline-block;
	width: 33.3333%;
	vertical-align: top;
}
#liens_utiles li a{
	font-size: 0.875rem;
	line-height: 1.375em;
	color: #8FC9C9;
	display: block;
	padding: 3px 3px 3px 22px;
	position: relative;
}
#liens_utiles li a::before{
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/puce_li_bleue.png) no-repeat center;
}
#liens_utiles li a:hover{
	color: #FFF;
}


/* PAGE DE CONTENU */

#page{
	background: #FFF;
	padding: 30px 0;
	margin-bottom: -60px;
	min-height: 400px;
}
#page strong{
	font-weight: bold !important;
}
#page p, #page ul, #page ol{
	font-size: 0.913em;
	color: #666;
}
#page h2{
	color: #1388A3;
	font-size: 2.375em;
	margin: .5em 0 .75em 0;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}
#page h2::after{
	content: "";
	display: block;
	height: 4px;
	width: 50px;
	background: #FF5A31;
}
#page h3{
	color: #FF5A31;
	font-size: 2.375em;
	margin: .5em 0 .75em 0;
	font-family: "montserratbold", Arial, Helvetica, sans-serif;
}
#page h3::after{
	content: "";
	display: block;
	height: 2px;
	width: 30px;
	background: #335485;
}

.coup_de_coeur{
	position: absolute;
	background: url(../images/sprite.png) no-repeat -62px -252px;
	width: 41px;
	height: 41px;
	z-index: 10;
	top: 10px;
	left: 10px;
}
.coup_de_coeur:hover::before{
	width: 100px;
	opacity: 1;
}
.coup_de_coeur::before{
	text-align: center;
	position: absolute;
	content: "Coup de coeur";
	background: #151d31;
	color: #FFF;
	padding: 6px;
	left: 48px;
	top: 7px;
	font-size: 0.688em;
	border-radius: 6px;
	opacity: 0;
	width: 0;
	height: 28px;
	overflow: hidden;
	transition: all .2s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.taux_encadrement{
	color: #d82a07;
	font-size: 0.913em !important;
	line-height: 1.25em;
	font-weight: bold;
	margin-bottom: 6px !important;
}

.centre_li{
	list-style: none;
	width: 49.5%;
	padding: 10px;
	font-size: 1.125em !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
}
.centre_li img{
	display: block;
	width: 100%;
}
.centre_li a{
	display: block;
	padding: 16px;
	color: #FFF !important;
	background: #1cb6ba;
}
.centre_li a::before{
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
}
.centre_li a strong{
	color: #FFF !important;
}
.centres_ul{
	margin-left: 0 !important;
}

.programme_type h3{
	font-size: 1.125em;
	display: inline-block;
	padding: 12px 16px;
	margin: 12px 12px 12px 0;
	border-radius: 6px;
	background: #151d31;
	color: #1cb6ba;
}
.programme_type h3 span{
	color: #ff5a31;
	font-weight: bold;
	font-size: 1.375em;
}
.programme_type h3 a{
	color: #FFF !important;
}

.infos_classes ul li:not(.centre_li){
	padding-bottom: 16px;
	border-bottom: 1px dotted rgba(125,125,125,0.4);
}

#infos_comp.infos_classes .col_infos{
	width: 100%;
}

#page #contact_bas{
	font-size: 0.613em;
}
#page #contact_bas li a{
	min-height: 92px;
}

.form hr{
	margin: 40px 0;
	border: 0;
	border-bottom: 1px solid #DADADA;
}
.form label{
	display: inline-block;
	vertical-align: middle;
	padding: 4px 0;
}
.form .td_gauche label{
	display: inline-block;
	vertical-align: middle;
	padding: 12px 0 4px 0;
	margin: 0 20px 0 0;
}
.form .td_droite{
	padding-bottom: 16px;
}
.form .td_droite label{
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="number"], .form input[type="password"], .form select, #filtre_produits select{
	font-size: 0.875rem;
	border: 1px solid #DADADA;
	background: #F0F0F0;
	border-radius: 6px;
	padding: 10px 16px;
	height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-top: 6px;
}
.form textarea{
	font-size: 0.875rem;
	border: 1px solid #DADADA;
	background: #F0F0F0;
	border-radius: 6px;
	padding: 10px 16px;
	min-height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-top: 6px;
}
.form input[type="submit"], .form button#send{
	border: none;
	background: #ff5a31;
	color: #FFF;
	padding: 14px 28px;
	text-transform: uppercase;
	font-size: 1.125em;
	font-family: "montserratbold",Arial,Helvetica,sans-serif;
	border-radius: 6px;
	margin-top: 32px;
	margin-bottom: 12px;
}
.form select, #filtre_produits select{
	-webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
    appearance: none;
	background-image: url(../images/puce_select.png) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
}

.td_gauche{
	/* display: inline-block;
	width: 35%;
	vertical-align: top; */
}
.td_gauche label{
	color: #335485;
	font-size: 1.125rem;
}
.td_droite{
	/* display: inline-block;
	width: 64%;
	vertical-align: top; */
}
.td_droite label{
	color: #666 !important;
	font-size: 0.875em;
}

.center{
	display: block;
	margin: auto;
	text-align: center;
}


.col_gauche{
	float: left;
	width: 48%;
}
.col_droite{
	float: right;
	width: 48%;
}

#page_recherche ul{
	font-size: 0;
	padding: 0 0 32px 0;
	margin: 0;
	list-style: none;
}
#page_recherche ul li{
	font-size: 1rem;
	line-height: 1.5em;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	
}
#page_recherche ul li a{
	display: block;
	color: #666;
	padding: 8px 0 8px 24px;
	margin: 0 0 0 20px;
	background: url(../images/puce_li_bleue.png) no-repeat center left;
	border-bottom: 1px dotted #EAEAEA;
}
#page_recherche ul li a:hover{
	color: #ff5a31;
	padding-left: 30px;
}


#listing_actualites ul{
	padding: 0;
	margin: 0 -12px;
	list-style: none;
	font-size: 0;
}
#listing_actualites ul li{
	display: inline-block;
	vertical-align: top;
	font-size: 0.875rem;
	line-height: 1.5rem;
	width: 50%;
	padding-bottom: 36px;
}
#listing_actualites ul li div{
	margin: 12px;
	position: relative;
}
#listing_actualites ul li div img{
	display: block;
	width: 100%;
	margin: auto;
}
#listing_actualites ul li div a{
	color: #1388a3;
}
#listing_actualites ul li div a:hover{
	color: #335485;
}
#listing_actualites ul li div a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#img_detail_actu{
	float: left;
	margin: 0 24px 12px 0;
	max-width: 44%;
}



/* ESPACE COMPTE */

#menu_gauche {
	width: 20%;
	float: left;
	margin-bottom: 30px;
}
#menu_compte_client {
	padding: 0;
	margin: 0;
	width: 100%;
}
#menu_compte_client>li {
	list-style: none;
	background: #FFFFFF;
	border-bottom: 1px solid #DADADA;
}
#menu_compte_client>li>a.active {
	background:#ff5a31;
	color: #ffffff;
}
#menu_compte_client>li>a {
	color: #383838;
	display: block;
	font-size: 0.875em;
	padding: 12px 10px;
	background: #F0F0F0;
}
#menu_compte_client>li>a:before {
	content: '►';
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	font-size: 0.688em;
}
#menu_compte_client>li>a:hover {
	background: #151d31;
	color: #fff;
}
#espace_droite {
	float: right;
	width: 78%;
	margin-bottom: 30px;
}
#espace_droite h2 {
	margin-top: 0;
}
#recap_commande{
	width: 100%;
}

#liste_messages .message{
	float: left;
	width: 70%;
	background: #1388a3;
	padding: 12px 18px;
	margin: 8px 0px;
	color: #FFF;
	border-radius: 16px 16px 16px 0px;
}
#liste_messages .message.admin{
	border-radius: 16px 16px 0px 16px;
}
#liste_messages .message span{
	font-size: 0.875em;
	font-weight: 600;
	display: block;
	padding: 4px 0 10px 0;
	margin: 0 0 12px 0;
	color: rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
#liste_messages .message p{
	font-size: 0.813em;
	margin: 0.750em 0;
	color: #FFF;
}
#liste_messages .message.admin p, #liste_messages .message.admin span{
	color:#666666;
}
#liste_messages .message.admin span{
	color: #1388a3;
}
#liste_messages .message.admin{
	float: right;
	background: #F1F1F1;
}
#liste_messages hr{
	display: none;
}

.bloc_bords{
	padding: 30px;
	background: #FFF;
	border: 1px solid #dadada;
	margin-bottom: 12px;
}

#titre_affiner_recherche{
	cursor: pointer;
	color: #FFF;
	padding: 15px 15px 15px 15px;
	position: relative;
	font-size: 0.913em;
	background: #151d31;
	display: none;
}
#titre_affiner_recherche::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: -2px 12px 0 0;
	background: url(../images/sprite.png) no-repeat -280px -65px;
	width: 30px;
	height: 30px;
}

h1.titre{
	padding: 20px 0;
	font-weight: normal;
	font-family: "montserratextra_bold", Arial,Helvetica, sans-serif;
	color: #151d31;
}
h1.titre span{
	color: #151d31;
}
h1.titre::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(../images/sprite.png) no-repeat -280px -180px;
	width: 32px;
	height: 32px;
	margin: -4px 16px 0 0;
}

#espace_droite a.doc{
	display: block;
	padding: 5px 10px;
	border:solid 1px #d3d3d3;
	margin: 0 0 10px 0;
	border-radius: 6px;
	transition: all .3s;
}
#espace_droite a.doc:hover{
	border:solid 1px #CCC;
	background: #F0F0F0;
	box-shadow: 1px 2px 12px rgba(0,0,0,0.15);
}
#espace_droite a.doc span{
	display: inline-block;
	vertical-align: middle;
}
#espace_droite a.doc::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 4px 8px 4px 0;
	background: url(../images/sprite.png) no-repeat -209px -220px;
	width: 38px;
	height: 38px;
}

#btn_deconnexion{
	display: inline-block;
	background: #EAEAEA;
	padding: 6px 12px;
	border-radius: 25px;
	font-size: 0.875em;
	font-weight: bold;
	float: right;
	margin: 20px 220px 0 0;
}
#btn_deconnexion:hover{
	background: #151d31;
	color: #FFF;
}


/* QUESTIONNAIRE */

#questionnaire{
}
#questionnaire p{
	border-top:1px solid #DADADA;
	display: block;
	padding: 24px 20px 24px 20px;
	margin: 0;
}
#questionnaire p:nth-child(odd){

}
#questionnaire span{
	display: block;
	font-size: 1.175em;
	margin-bottom: 12px;
	color: #ff5a31;
	font-weight: bold;
}
#questionnaire span::before{
	background: url(../images/sprite.png) no-repeat -209px -220px;
	width: 38px;
	height: 38px;
	display: inline-block;
	vertical-align: middle;
	content: "";
	margin: -2px 12px 0 -6px;
}
#questionnaire em{
	display: block;
	font-size: 1em;
	font-style: normal;
	margin: 20px 0 6px 0;
	color: #151d31;
	font-weight: bold;
}


#questionnaire label{
	display: inline-block;
	padding: 8px 0 8px 14px;
	font-size: 0.875em;
	color: #888;
	width: 23%;
	margin: 0 0 0 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left:1px dotted #CACACA;
}
#questionnaire label input{
	display: inline-block;
	margin: -2px 6px 0 0;
}
#questionnaire h2{
	font-size: 1.875em;
	padding: 20px 24px;
	margin: 24px 0 0 0;
	color: #FFF;
	background: #151d31;
	font-family: "montserratextra_bold", Arial,Helvetica, sans-serif;
}

#message_questionnaire{
	position: fixed;
	margin: 0 0 0 -270px;
	left: 50%;
	bottom: 40px;
	max-width: 480px;
	width: 100%;
	padding: 30px;
	background: #1cb6ba;
	color: #FFF;
	box-shadow: 0px 3px 0 rgba(0,0,0,0.2), 2px 16px 38px rgba(0,0,0,0.4);
	text-align: center;
	font-size: 1.25em;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.5);
}




/* STYLE CK */
.image_titre img{
	float: left;
	margin: 0 3% 10px 0;
	max-width: 40% !important;
	width: auto !important;
	height: auto !important;
}

.img_txt img, .txt_img img{
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	margin: 0 0 12px 0;
}
.img_txt_100 img{
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	margin: 0 0 20px 0;
}
.img_1_3, .txt_1_3{
	width: 32%;
}
.img_2_3, .txt_2_3{
	width: 64%;
}
.left{
	float: left;
}
.right{
	float: right;
}
.marges_neg_content{
	margin: 0 -12px;
}
.marges_neg_content img{
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	margin: 0 auto 20px auto;
}
.marges_neg_content .col_2_3{
	width: 66.6666%;
	float: left;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.marges_neg_content .col_1_2{
	width: 50%;
	float: left;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.marges_neg_content .col_1_3{
	width: 33.3333%;
	float: left;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.marges_neg_content .col_1_4{
	width: 25%;
	float: left;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width:980px) {
	.marges_neg_content .col_1_4{
		width: 50%;
	}
}
@media screen and (max-width:640px) {
	.marges_neg_content .col_1_3, .img_1_3, .txt_1_3, .img_2_3, .txt_2_3, .col_2_3{
		width: 100% !important;
	}
	.marges_neg_content .col_1_2, .marges_neg_content .col_1_4{
		width: 100%;
	}
}
@media screen and (max-width:480px) {
}
/* STYLE CK */



/* RESPONSIVE */
@media screen and (max-width:1480px) {
	#zone_slide .owl-controls {
		top:auto;
		bottom: 30px;
		margin: 0;
	}
	#zone_slide .owl-nav .owl-prev{
		position: absolute;
		margin: 0;
		left: 20px;
	}
	#zone_slide .owl-nav .owl-next{
		position: absolute;
		margin: 0;
		right: 20px;
	}
}
@media screen and (max-width:1320px) {
	
}
@media screen and (max-width:1280px) {
	.intro{
		top: 50%;
		left: 20px;
		margin: -30px 0 0 0;
		font-size: 0.75em;
	}
	#btn_menu{
		text-transform: uppercase;
		display: block;
		position: relative;
		color: #1388A3;
		font-size: 1.125em !important;
		line-height: 1.125em;
		padding: 20px 18px 20px 60px;
		cursor: pointer;
		margin: 0 0 0 0;
		font-family: "montserratbold",Arial,Helvetica,sans-serif;
	}
	#btn_menu.actif{
		position: fixed;
		right: 70px;
		top: 40px;
		z-index: 10000;
		margin: 0;
		padding: 0;
	}
	#btn_menu.actif #picto_menu{
		height: 20px;
	}
	#btn_menu.actif>span{
		display: none;
	}
	#btn_menu.actif #picto_menu span{
		background: transparent;
	}
	#btn_menu.actif #picto_menu::after{
		transform: rotate(45deg) !important;
		margin-top: -16px;
	}
	#btn_menu.actif #picto_menu::before{
		transform: rotate(-45deg) !important;
		margin-top: 8px;
	}	
	
	ul#deroulant { font-size: 1.25em; position:fixed; z-index:1000; display:block; background:#FFF; width: 100%; height: 100%; overflow: auto; margin: 0; top: 0; bottom: 0; left:-1480px; right: auto; transition: all .3s; padding:40px 30px 20px 30px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	ul#deroulant.actif {
		transition: all .4s;
		left: 0;
		right: 0; 
	}
	ul#deroulant>li a{ background: none !important; border-left: 0 !important; }
    ul#deroulant>li { float:none; width:100%; border: none; border-bottom: 1px solid #DADADA; }
	ul#deroulant>li:first-of-type { border-bottom: 1px solid #DADADA !important; }
    ul#deroulant>li>a { text-align: center; padding: 0; margin: 0;  padding: 16px !important; height: auto !important; color: #011633; }
	ul#deroulant>li>a br { display: none;}
	ul#deroulant>li:first-child a span { text-indent: 0; }
	ul#deroulant>li a::before, ul#deroulant>li a::after { display: none; }
	ul#deroulant>li a:hover{
		color: #000;
	}
	ul#deroulant.actif { display:block; }
	#deroulant>li{
		float: left;
		border-left: 1px solid #b7b7b7;
	}
	ul#deroulant>li>ul{
		position: relative;
		width: 100%;
		max-width: 100%;
		display: block;
		font-size: 0.688em;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: -12px;
	}
	ul#deroulant>li>ul>li{
		border: none !important;
	}
	ul#deroulant>li>ul>li>a{
		color: #999;
	}
	#zone_slide .owl-nav .owl-prev, #zone_slide .owl-nav .owl-next{
		border-color: rgba(255,255,255,0);
	}
	#voyage_populaire h2::after{
		width: 100%;
		float: none;
	}
	#voyage_populaire img{
		margin-bottom: 20px;
	}
}

@media screen and (max-width:1080px){
	#ntsl, #actu_home{
		width: 48%;
	}
	#zone_bas {
		padding: 20px 0 20px 0 !important;
	}
	.bloc_col{
		padding: 0;
	}
	.bloc_col{
		padding: 0;
	}	
	.bloc_col_gauche {
		float: left;
		margin: 0;
		width: 100%;
	}
	.bloc_col_droite{
		margin-top: 24px;
	}
	#filtre_produits{
		display: none;
	}
	#filtre_produits.actif{
		display: block;
	}
	#btn_affiner_recherche{
		cursor: pointer;
	}
	#descriptif_detail, #slider_detail{
		width: 100%;
	}
	#detail_sejour .coup_de_coeur{
		left: auto;
		right: 10px;
		top: -20px;
	}
	#detail_sejour .coup_de_coeur::before{
		right: 48px;
		left: auto;
		top: 7px;
	}
	#slider_detail{
		margin-top: 24px;
		max-height: none;
	}
	#liens_utiles li{
		width: 50%;
	}
	#questionnaire label{
		width: 48%;
		margin: 0 0 0 1%;
	}
}


@media screen and (max-width:1080px) and (min-width:620px) {
	#categories_home > ul > li {
		width: 100%;
	}
	#categories_home > ul > li div.item_home{
		min-height: auto;
		padding-bottom: 0;
	}
	#categories_home > ul > li div.item_home > div {
		float: left;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#categories_home > ul > li div.item_home > div::before{
		display: none;
	}
	#categories_home > ul > li div.item_home section {
		float: left;
		width: 50%;
		padding-top: 40px;
	}
	#contact_bas li{
		width: 100%;
	}
	#page #contact_bas li a{
		min-height: auto;
	}	
}
@media screen and (max-width:820px) and (min-width:620px) {
	#categories_home > ul > li div.item_home > div img{
		margin-bottom: 0;
	}
	#categories_home > ul > li div.item_home section {
		padding-top: 20px;
	}
	.item_home ul{
		margin-top: 10px;
	}
	.intro h1{
		font-size: 2em;
	}	
}
@media screen and (max-width:820px) {
	header#haut{
		padding: 0;
	}
	#logo{
		width: 130px;
		background-position: center;
		background-size: 80% auto;
	}
	header#haut nav{
		 width: calc(100% - 140px);
	}
	#listing_actualites ul li{
		width: 100%;
	}
	#page_recherche ul li{
		width: 100%;
	}
	#ntsl, #actu_home{
		width: 100%;
		padding-bottom: 30px;
	}
	#ntsl h2, #actu_home h2{
		font-size: 2.375em;
	}
	#voyage_populaire img{
		float: none;
		max-width: 200% !important;
		width: calc(100% + 60px);
		margin: -30px -30px 30px -30px;
	}
	#zone_recherche input[type="text"] {
		width: 260px;
	}
	.titre{
		font-size: 0.75em;
	}
	h1.titre{
		font-size: 1.75em;
	}
	#infos_comp .col_infos, #infos_comp .col_donnees{
		width: 100%;
	}
	.listing_classes ul li{
		width: 50%;
	}
	.col_gauche, .col_droite{
		width: 100%;
	}
	#titre_affiner_recherche{
		display: block;
	}
	#menu_compte_client{
		display: none;
	}
	#menu_compte_client.actif{
		display: block;
	}
	#espace_droite, #menu_gauche{
		width: 100%;
	}
	#btn_deconnexion{
		display: none;
	}
}

@media screen and (max-width:620px) {
	#contact_bas li{
		width: 100%;
	}
	#contact_bas li a{
		position: relative;
		overflow: hidden;
		z-index: 1;
		padding: 30px 0 30px 30px;
	}
	#contact_bas li a::before{
		z-index: -1;
		opacity: 0.2;
	}
	.intro h1{
		font-size: 2em;
		background: #1388A3;
		color: #FFF;
		display: block;
		padding: 10px;
	}
	.intro h1 span{
		background: none;
	}
	#categories_home {
		padding: 20px;
	}
	#categories_home > ul > li {
		width: 100%;
	}
	#categories_home > ul > li div.item_home{
		min-height: auto;
		padding-bottom: 30px;
	}
	.td_gauche, .td_droite{
		display: block;
		width: 100%;
	}	
	.intro{
		position: relative;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 0;
		left: 0;
	}
	.intro h1 br{
		display: none;
	}
	.intro h1 span{
		padding: 2px 0;
	}
	#logo{
		width: 80px;
		height: 114px;
		background-size: 48px auto;
		background-position: center;
	}
	#btn_menu{
		margin-top: -18px;
	}	
	#zone_recherche {
		float: left;
		margin: 16px;
		position: relative;
	}
	#ntsl img{
		max-width: 100%;
		width: 100%;
		display: block;
		margin: 0 0 24px 0;
	}
	#voyage_populaire{
		font-size: 0.875em;
	}
	
	.bloc_col_droite .item .item_photo{
		width: 100%;
	}
	
	.bloc_col_droite .item .item_desc{
		width: 100%;
		padding-top: 16px;
	}
	.centre_li{
		width: 100%;
		margin: 0;
	}
	
	.form h2{
		font-size: 1.75em !important;
	}
	#message_questionnaire{
		margin: auto;
		left: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: calc(100% - 36px);
	}
}
@media screen and (max-width:580px) {
	#btn_espace_enseignant{
		display: block;
		position: relative;
		margin: 0;
		right: auto;
		top: auto;
	}
	#liens_utiles li{
		width: 100%;
	}
	
	#img_detail_actu{
		margin: 0 0 16px 0;
		max-width: 100%;
		width: 100%;
	}
	#questionnaire label{
		width: 98%;
		margin: 0 0 0 1%;
	}
	#questionnaire{
		display: block;
		margin: -10px -32px 0 -32px;
	}
	
}
@media screen and (max-width:480px) {
	.img_gauche{
		margin: 12px 0 18px 0;
		max-width: 100%;
		width: 100%;
	}
	#categories_home > ul > li div.item_home > div img{
		margin-bottom: 0;
	}
	#slider{
		display: none;
	}
	#zone_recherche input[type="text"] {
		width: 100%;
		max-width: 240px;
	}
	#contact_bas li a{
		font-size: 1.75em;
		text-align: center;
		padding: 20px;
	}
	#contact_bas li a::before{
		display: block;
		position: relative;
		margin: auto auto 20px auto;
		left: auto;
		top: auto;
		opacity: 1;
	}
	.titre{
		font-size: 0.625em;
		padding: 2px 0 2px 80px
	}
	.duree{
		width: 100%;
		margin: -16px 0 16px 0;
	}
	.btn_details{
		width: 100%;
	}
	.duree span em{
		display: inline-block;
	}
	#descriptif_detail{
		padding: 0;
	}
	#descriptif_detail .duree{
		float: left;
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		margin-top: 24px;
	}
	#descriptif_detail h1{
		font-size: 2em;
	}
	#infos_comp .col_infos h2{
		font-size: 1.25em;
	}
	.listing_classes ul li{
		width: 100%;
	}
	.listing_classes ul li a{
		min-height: 0;
	}
}


@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextra_bold';
    src: url('../fonts/montserrat-extrabold-webfont.eot');
    src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extrabold-webfont.woff') format('woff'),
         url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* REDIM IMAGES HD */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 3/2),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
	#zone_recherche button::before, #zone_slide .owl-nav .owl-prev span::before, #zone_slide .owl-nav .owl-next span::before, #categories_home > ul > li div.item_home h3::before, .plus::before, #nous_contacter::before, #infos_pratiques::before, footer#bas ul li a.picto_f, footer#bas ul li a.picto_t, footer#bas ul li a.picto_i, footer#bas ul li a.picto_y, #btn_espace_enseignant::before, .coup_de_coeur{
		background-image: url(../images/x2/sprite.png);
		background-size: 350px auto;
	}
}


.infobox_centre{
	width: 200px;
	height: 175px;
}
.infobox_centre .nom{
	font-weight: 700;
}
.infobox_centre .details{
	background: #fcb32b;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 4px 18px;
	font-weight: 700;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 2% 0;
	border: none;
	cursor: pointer;
	text-align: center;
	-webkit-appearance: none;
}