body div.wrapper{width:100%!important; text-align:center;}
header.header_principal{width:990px; margin:0 auto;}
#content,#main_index{background:none!important; margin:63px 0 0 0; width:100%!important;}
#content{line-height: 0;}
.container{position:relative;z-index:2!important;}
.main{width: 100%!important; padding:25px 0 0 0!important;line-height: normal;}
.panel{position:relative; width:100%; max-width:1000px; margin:0 auto 0 auto;}
.separator{width:79px; height:1px; background:#FFFFFF; text-align:center; margin:40px auto 55px auto;}
.separator.w80{width:80px; margin:40px auto 55px auto; background:#FFFFFF;}
.separator.w40{width:40px; margin:20px auto 40px auto; background:#2f2f2f;}
.separator.w50{width:50px; margin:20px auto 40px auto; background:#FFFFFF;}
.separator.w30{width:30px; margin:20px auto 40px auto; background:#FFFFFF;}
.btn_abo{min-width:210px!important; color:white; padding:15px 55px!important; font-size:14px!important; font-family: "Ubuntu"!important;}
.btn_abo.color_pink{background:#cc276d;}

.panel h3.multiline{clear:both;float:left;width:100%;color:#FFFFFF;}
.panel h3.multiline .subtitle{margin-bottom:5px;font-size:14px;font-family: "Ubuntu"; font-weight:400;}
.panel h3.multiline .title{font-size:36px;font-family: 'Merriweather', Arial, Helvetica, Verdana;font-weight: bold;}

ul.col-3{clear:both;float:left;width:100%;}
ul.col-3 li{float:left;width:33.3333333%;}
ul.col-3 li .icon{clear:both;float:left;width:100%;margin-bottom:10px;text-align: center;}
ul.col-3 li .icon img{max-width:100%;}
ul.col-3 li .title{clear:both;float:left;width:100%;text-align: center;color:#77BB56;font-size:24px;font-family: "Ubuntu";font-weight: bold;}
ul.col-3 li .description{clear:both;float:left;width:100%;margin-top:15px;padding:0 10% 0 10%;text-align: center;font-size:14px;font-family: 'Merriweather', Arial, Helvetica, Verdana;line-height:20px;box-sizing:border-box;}

ul.col-5 {clear:both;float:left;width:100%;}
ul.col-5 li{float:left;width:23%;margin:0 1% 0 1%;}
ul.col-5 li .icon{clear:both;float:left;width:100%;margin-bottom:10px;text-align: left;}
ul.col-5 li .icon img{width:100%; transition: all 0.5s ease 0s;}
ul.col-5 li .icon img:hover{transform: scale(1.1);}
ul.col-5 li .title{clear:both;float:left;width:100%;text-align: left;font-size:24px;font-family: "Ubuntu";font-weight: bold;line-height:30px;}
ul.col-5 li .title:hover{color:#CC2165;}

li.mobile_only,.mobile_only{display:none!important;}
.desktop_only{display:block!important;}
li.desktop_only{display:inline-block!important;}

/**** EFFET CARRES QUI TOURNENT ***/
.square-container{position:absolute; top:0; z-index:1; width:100%; height:100%; overflow:hidden;}
.ie9 .square-container{display: none;}
.square-container .square:nth-child(1){left:-45%; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.square-container .square:nth-child(2){left:-35%; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.square-container .square:nth-child(3){left:-40%; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.square-container .square:nth-child(4){right:-35%; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.square-container .square:nth-child(5){right:-45%; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.time30{-webkit-animation-duration:30s; animation-duration:30s; -webkit-animation-fill-mode: both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear;}
.time35{-webkit-animation-duration:35s; animation-duration:35s; -webkit-animation-fill-mode: both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear;}
.time40{-webkit-animation-duration:40s; animation-duration:40s; -webkit-animation-fill-mode: both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear;}
.time45{-webkit-animation-duration:45s; animation-duration:45s; -webkit-animation-fill-mode: both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear;}
.time50{-webkit-animation-duration:50s; animation-duration:50s; -webkit-animation-fill-mode: both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear;}
.rot1 {-webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:rot1; animation-name:rot1;}
@-webkit-keyframes rot1 {
    0% {-webkit-transform:translate(0, 0) rotate(0deg);}
    50% {-webkit-transform:translate(30%, -10%) rotate(180deg);}
    100% {-webkit-transform:translate(0, 0) rotate(360deg);}
}
@keyframes rot1 {
    0% {transform:translate(0, 0) rotate(0deg);}
    50% {transform:translate(30%, -10%) rotate(180deg);}
    100% {transform:translate(0, 0) rotate(360deg);}
}

.rot2 {-webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:rot2; animation-name:rot2;}
@-webkit-keyframes rot2 {
    0% {-webkit-transform:translate(0, 0) rotate(0deg);}
    50% {-webkit-transform:translate(-30%, 10%) rotate(-180deg);}
    100% {-webkit-transform:translate(0, 0) rotate(-360deg);}
}
@keyframes rot2 {
    0% {transform:translate(0, 0) rotate(0deg);}
    50% {transform:translate(-30%, 10%) rotate(-180deg);}
    100% {transform:translate(0, 0) rotate(-360deg);}
}

.pourquoi .panel{z-index:2;}


/**** HEADER ****/
nav#nav_principal{background: rgba(26, 102, 173, 1)!important;}
nav#nav_principal ul.ulfirstnav li.navfirst > a{opacity: 1!important;}
.account_header ul#account_header_bottom.header_log li a{opacity: 1!important;}
#social_media img{opacity: 1!important;}
.intro_header{position:relative; float:left;width:100%; text-align:center; font-family: 'Merriweather', Arial, Helvetica, Verdana!important; font-weight:700; padding:0 0 100px 0;}
.intro_header h1{color:#ffe900; font-size:36px; margin-bottom:20px;}
.intro_header p{color:#ffffff; font-size:23px; font-weight:400;}

.video-overlay{position: fixed;top:0;left:0;min-width:100%;min-height:100%;max-width:100%;max-height:100%;width:auto;height:auto;z-index:1;background:url('../images/abonnements/trame-overlay-video.png') repeat;}
#abonnement-background-video{position: fixed;top:0;left:0;min-width:100%;min-height:100%;max-width:100%;max-height:100%;width:auto;height:auto;object-fit: cover;z-index:0;}

/**** BLOC OFFERS ****/
.offers{clear:both;float:left; position:relative; width:100%; background:white;}
.offers .panel{margin:55px auto 0 auto;}
.offers .panel .content_promo{float:left; position:relative; width:92%; padding:0 4%; text-align:center; font-family: "Ubuntu"; font-weight:bold;}
.offers .panel .content_promo h2{color:#2f2f2f; font-size:50px; text-align:left;}
.offers .panel .content_promo .baseline_big{font-size:42px; color:#3474b3; padding:25px 0 45px 0; font-weight:bold; text-align:left;}
.offers .panel .content_promo .baseline_big sup{font-size:22px!important; vertical-align:top!important;}
.offers .panel .content_promo .text_explain{float:left; width:50%; padding:0 4% 0 0; font-size:18px; font-family:Arial; line-height: 28px; margin-bottom:45px; text-align:left;}
.offers .panel .content_promo .text_explain.visuel{padding:5px 0 0 10%;}
.offers .panel .content_promo a.lien_promo{float:left; width:100%; text-align:center; margin:17px 0 0 0; color:#1a5997; font-family: 'Merriweather', Arial, Helvetica, Verdana; text-decoration:underline; font-size:14px;}
.offers .panel .content_promo .title_other_promo{position:relative; width:145px; margin:70px auto 0 auto; line-height:34px; font-family: 'Merriweather', Arial, Helvetica, Verdana!important; font-weight:700; font-size:36px; color:#2f2f2f; background:white; z-index:2;}
.offers .panel .content_promo .title_other_promo span{font-size:14px; font-family: "Ubuntu"; text-transform:uppercase; font-weight: 400;}
.offers .panel .content_promo .other_promo{position:absolute; width:48%; border:2px solid black; height:90px; z-index:1; left:26%; bottom:-4px;}

/**** BLOC SMALL OFFERS ****/
.small_offers{clear:both;float:left; width:100%; position:relative; z-index:3;}
.small_offers .bloc_left{float:left; width:50%; background:#682b5d; position:absolute; height:100%; left:0;text-align: right;}
.small_offers .bloc_right{float:left; width:50%; background:#2b3b68; position:absolute; height:100%; right:0;text-align: left;}
.small_offers .square-container .square{position:absolute; width:60%; height:120%; background:rgba(255, 255, 255, .2);}
.small_offers .panel{z-index:2;}
.small_offers .content{display: inline-block; width:42%;padding:45px 0 80px 0;vertical-align: top;}
.small_offers .content.left{margin-right:4%;}
.small_offers .content.right{margin-left:4%;}
.small_offers .content h3{font-size:36px;color:#FFFFFF;font-family: "Ubuntu"; font-weight:bold;}
.small_offers .content .left{float:left;width:50%;text-align: left; position:relative;}
.small_offers .content.right .left{margin-top:17px;}
.small_offers .content .left img{max-width:100%;}
.small_offers .content .left .img_magazine_big{position: absolute; left: 73px; bottom: 26px; width: 140px;}
.small_offers .content .right{float:right;width:46%;min-height:220px;margin-left:4%;text-align: left;}
.small_offers .content.right .right{width:40%; margin-left:10%;}
.small_offers .content .right .baseline_small{font-size:20px;color:#FFFFFF;font-family: "Ubuntu"; font-weight:bold;}
.small_offers .content .right .baseline_small sup{vertical-align: super!important;font-size:12px!important;}
.small_offers .content .right .separator{margin:18px 0  15px 0;}
.small_offers .content .right .description{text-align:left;font-size:14px;color:#FFFFFF;font-family: 'Merriweather', Arial, Helvetica, Verdana;line-height: 21px;}
.small_offers .content .button-container{clear:both;float:left;width:100%;margin-top:40px;}
.small_offers .content .button-container .color_transparent{border:1px solid #FFFFFF;cursor: pointer;}

/**** FRISE ****/
.frise{clear:both;float:left; position:relative;height:400px;width:100%;overflow:hidden;line-height: 0}
.frise .frise-img{width:3842px;height:400px;background:url('../images/abonnements/crea-frise.jpg') repeat-x;}

/**** POURQUOI S'ABONNER ****/
.pourquoi{clear:both;float:left; position:relative; width:100%;background: #FFFFFF;padding:45px 0 80px 0;}
.pourquoi .panel h3{color:#2F2F2F;}
.pourquoi .square-container .square{position:absolute; width:60%; height:120%; background:rgba(119, 187, 86, .2);}
.pourquoi .color_transparent{margin-top:55px;background:#77BB56;color:#FFFFFF;cursor: pointer;}

/**** INREES TV ****/
.inreestv{clear:both;float:left; position:relative; width:100%;background: #273E67;padding:45px 0 80px 0;}
.inreestv .separator{background: #FFFFFF;}
.inreestv .panel h3{color:#FFFFFF;}
.inreestv .col-5 .title{color:#2381CB;}
.inreestv .color_transparent{margin-top:55px;border: 1px solid #FFFFFF;cursor: pointer;}

/**** INEXPLORE ****/
.inexplore{clear:both;float:left; position:relative; width:100%;background: #FFFFFF;padding:45px 0 80px 0;}
.inexplore .separator{background: #2F2F2F;}
.inexplore .panel h3{color:#2F2F2F;}
.inexplore .col-5 .title{color:#2381CB;}
.inexplore .col-5 .infos,.inexplore .col-5 .infos .disponibilite,.inexplore .col-5 .infos .date-info{clear:both;float:left;width:100%;text-align: left;font-size:12px;}
.inexplore .col-5 .infos{margin-top:10px;border-bottom:1px solid #d5d5d5;}
.inexplore .col-5 .infos .disponibilite{margin-bottom:5px;color:#A9A9A9;font-family: "Ubuntu";}
.inexplore .col-5 .infos .date-info{padding-bottom:10px;color:#2F2F2F;font-family: 'Merriweather', Arial, Helvetica, Verdana;}
.inexplore .col-5 .title{margin-top:11px;}
.inexplore .color_transparent{margin-top:55px;border: 1px solid #2F2F2F;color:#2F2F2F;cursor: pointer;}
.inexplore .color_transparent.btn_middle:hover{color:#5d5d5d!important}

/**** OUVREZ VOTRE ESPRIT ****/
.ouvrez{clear:both;float:left; position:relative; width:100%;background:url('../images/abonnements/bg-ouvrez.jpg') no-repeat;background-size:cover;padding:45px 0 80px 0;}
.ouvrez .separator{background: #FFFFFF;}
.ouvrez .panel h3{color:#FFFFFF;}
.ouvrez .col-3 .title{color:#FFFFFF;}
.ouvrez .col-3 .description{color:#FFFFFF;}
.ouvrez .color_transparent{margin-top:55px;border:1px solid #FFFFFF;cursor: pointer;}


/**** FOOTER ****/
footer{position: relative;}

/******** MOBILE *********************/

@media screen and (max-width: 990px) {
	.mobile_only{display:block!important;}
	li.mobile_only{display:list-item!important}
	li.desktop_only,.desktop_only{display:none!important;}

	body{background-image:none!important; overflow-x:hidden;}

	header.header_principal{position:fixed; z-index:50; height:auto!important; margin:0!important; width:100%;}

	#hidden_nav{display:none!important;}

	#logoinrees{position:relative; z-index:5; display:block; float:left; width:100%; text-align:center; padding:0!important; height:auto!important; background:#1A66AD;}
	#logoinrees h2{display:inline-block;}
	#logoinrees h2 a{display:inline-block;}
	#logoinrees h2 a img{height:40px; padding:10px 5px 5px 5px;}

	#mobile_menu_btn{position:absolute; z-index:5; right:0; top:50%; width:45px; padding:0 10px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); cursor:pointer;}
	#mobile_menu_btn span{float:left; display:block; width:100%; height:4px; margin:2px 0; background:white;}
	
	header.header_principal .menu{position:fixed; width:40%; min-width:250px; height:100%; padding:45px 0 0 0; box-sizing:border-box; background:#1A66AD; z-index:1; top:0; right:0; overflow:auto; transform:translate(100%, 0); -webkit-transform:translate(100%, 0); -ms-transform:translate(100%, 0); transition:.6s all ease-in-out; -webkit-transition:.6s all ease-in-out;}
	header.header_principal .menu.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);}
	header.header_principal .menu #social_media{float:left; width:100%; margin:0; padding:15px 0 0 0; background:#3789D7;}
	header.header_principal .menu #social_media ul{}
	header.header_principal .menu #social_media ul li{}
	header.header_principal .menu .account_header{float:left; width:100%; margin:0; padding:5px 0 0 0; height:auto; background:#3789D7;}
	header.header_principal .menu .account_header #account_header_bottom{float:left; width:100%; margin:0;}
	header.header_principal .menu .account_header #account_header_bottom .u_panier{float:left; padding:0; width:100%; text-align: left;}
	header.header_principal .menu .account_header #account_header_bottom > li a.btn_panier .titre_panier{margin: 0 0 0 43px;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account{width:100%; padding-left:0!important; text-align: center; height:30px;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount{padding:0 0 0 2%;text-align:left!important;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu{width: 100%; left:0;}
	header.header_principal .menu .account_header #account_header_bottom li.u_account a.btn_acount .dropdown-menu li a{width: 100%;}
	header.header_principal .menu .account_header #account_header_bottom .sep_icon{display:none;}
	header.header_principal .menu .account_header #account_header_bottom .connect{float:left; width:100%; margin:0; text-align:center; box-sizing:border-box; padding:5px;}
	header.header_principal .menu .account_header #account_header_bottom .connect a{display:inline-block; float:none; background:#1277D7; padding:10px 10px 10px 35px; margin:5px; width:auto;}
	header.header_principal .menu .account_header #account_header_bottom .connect a:before{left:10px;}
	header.header_principal .menu .clear{display:none;}
	header.header_principal .menu #nav_principal{float:left; width:100%;}
	header.header_principal .menu #nav_principal .nav_principal_container{float:left; width:100%;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav{float:left; width:100%;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li{float:left; width:100%; border-bottom:1px solid #3789D7;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li.acceuil{display:none;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a{border:none; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li a:hover{border:none;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES{position:relative!important; float:left!important; width:100%!important; left:0!important; top:0!important; right:auto!important; border-top:1px solid #3789D7; text-align:center;background:none!important; min-height:55px;height:auto!important;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data{margin:0; padding:10px; width:100%; text-align:left; line-height:55px;height:55px;background:#1277d7;}
	header.header_principal .menu #nav_principal .nav_principal_container .ulfirstnav li .search_content li #search_INREES .search_data_submit{display:inline-block; background:#1277D7; padding:10px 20px; margin:10px; border:none;}
	ul#nav_thematique{position: static!important;width:100%!important;margin-top:-15px!important}
	.show_hide_thema.hover_nav,.show_hide_thema:hover{background:rgba(26, 102, 173, 1)!important}

	nav#nav_principal ul.ulfirstnav li.secondfirst a::before{font-family: icomoon; content: "\e807"; font-size: 19px; vertical-align: bottom; line-height: 35px;}
	nav#nav_principal ul.ulfirstnav li.navfirst:last-child a::before{display:none;}
	nav#nav_principal ul.ulfirstnav li.thematique.navfirst a .theme_arrow_container{display: inline-block;position: relative;}
	nav#nav_principal ul.ulfirstnav li.thematique.navfirst a img{position: absolute;right:-30px;top:15px;}
	nav#nav_principal ul.ulfirstnav li.thematique.navfirst a.hover_nav img{transform: rotate(90deg) ;-webkit-transform: rotate(-180deg) ;-moz-transform: rotate(-180deg) ;-o-transform: rotate(-180deg) ;-ms-transform: rotate(-180deg) ;}
	
	.container .wrapper #content .main .intro_header{background-image:url('../images/abonnements/back.jpg');background-size:cover;}
	
	ul#account_header_bottom li.u_panier a.btn_panier:before,ul#account_header_bottom li.u_account a.btn_acount:before{left:10px!important}
	ul#account_header_bottom li.u_account{padding-left:0!important;position:relative!important;}
	ul#account_header_bottom > li{margin:0!important;}
	ul#account_header_bottom li.u_account a.btn_acount{margin-left:0!important;margin-right:0!important;}
	ul#account_header_bottom > li a.btn_acount .accountname{padding-left:30px!important;}
	ul#account_header_bottom li.u_account a.btn_acount:after{right:10px!important}
	.open > .dropdown-menu{display:inline-block!important;float:none!important;position: relative!important;left:0px!important;top:0!important;max-width: 270px!important;min-width: 0!important;}
	.dropdown-menu li a{width:100%!important;}
	
	#mobile_layer{position:fixed; opacity:0; visibility:hidden; height:100%; width:100%; z-index:-1; background:rgba(0, 0, 0, .4); transition:.6s all ease-in-out; -webkit-transition:.6s all ease-in-out;}
	#mobile_layer.opened{opacity:1; visibility:visible;}

	footer[role="contentinfo"]{float:left; width:100%;}
	footer[role="contentinfo"] .second_footer{float:left; width:100%; height:auto;}
	footer[role="contentinfo"] .second_footer ul{float:left; width:100%;}
	footer[role="contentinfo"] .second_footer ul li{float:left; width:100%; margin:0; height:auto;}
	footer[role="contentinfo"] .second_footer ul li.sep{display:none;}
	footer[role="contentinfo"] .second_footer ul li a{float:left; width:100%; }
	footer[role="contentinfo"] .second_footer ul li .img{display:none;}
	footer[role="contentinfo"] .second_footer ul li .text{float:left; width:100%; margin:0; height:auto; text-align:center; padding:10px; box-sizing:border-box; border-bottom:1px solid #3789D7; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
	footer[role="contentinfo"] .second_footer ul li .text h6{display:inline-block; background:#1277D7; padding:10px 15px;}
	footer[role="contentinfo"] .second_footer ul li .text p{display:inline-block; width:100%;}
	footer[role="contentinfo"] .second_footer ul li .text form{display:inline-block; width:100%;}
	footer[role="contentinfo"] .second_footer ul li .text form .input_newsletter{display:inline-block; width:100%; text-align:center;}
	footer[role="contentinfo"] .second_footer ul li .text form .input_newsletter input{display:inline-block; float:none;}
	footer[role="contentinfo"] .footer_botom{float:left; width:100%;}
	footer[role="contentinfo"] .footer_botom .container_footer{float:left; width:100%; padding:0; margin:0;}
	footer[role="contentinfo"] .footer_botom .container_footer .logo_footer{float:left; width:100%; text-align:center; height:auto; padding:30px 0 15px 0;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer{float:left; width:100%; margin:0; height:auto;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer ul{float:left; width:90%; margin:0 5%; padding:10px 0; height:auto; border:none; border-bottom:1px solid #cecece; text-align:center;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer ul li{display:inline-block; margin:0; padding:0 10px; line-height:30px; vertical-align:middle;}
	footer[role="contentinfo"] .footer_botom .container_footer .listlink_footer ul li a{margin:0;}
	footer[role="contentinfo"] .footer_botom .container_footer div .copyright{display:block; float:left; width:80%; margin:30px 10% 0 10%;}
	footer[role="contentinfo"] .footer_botom .container_footer div .pied_page{display:block; float:left; width:80%; margin:15px 10% 30px;}

	#content{margin:0!important;}
	.square-container{display: none;}
		
	/**** HEADER ****/
	.intro_header{padding:45px 5% 80px 5%;box-sizing: border-box;}
	
	/**** BOUTONS ****/
	.small_offers .content .button-container .color_transparent,.pourquoi .color_transparent,.inreestv .color_transparent,.inexplore .color_transparent,.ouvrez .color_transparent{margin-top:0;}
	
	/**** H3 ****/
	.panel h3.multiline .title{padding:0 5% 0 5%;box-sizing: border-box;}
	
	/**** GRILLES (x3 et x5) ****/
	ul.col-3 li,ul.col-5 li{clear:both;float:left;width:100%;text-align:center;margin:0;margin-bottom:50px;}
	ul.col-5 li{padding:0 5% 0 5%;box-sizing: border-box;}
	ul.col-5 li .title{text-align: center;padding:0 5% 0 5%;box-sizing: border-box;}
	ul.col-5 li .icon{text-align: center}
	ul.col-5 li .icon img{max-width: 100%;width:auto;}
	.inexplore .col-5 .infos{display:inline-block;float:none;width:80%;text-align: center}
	.inexplore .col-5 .infos .disponibilite{clear:both;float:left;width:100%;text-align: center}
	.inexplore .col-5 .infos .date-info{clear:both;float:left;width:100%;text-align: center}
	
	/**** BLOC OFFERS ****/
	.offers .panel .content_promo{clear:both;float:left;width:100%;text-align: center;}
	.offers .panel .content_promo h2{text-align: center;}
	.offers .panel .content_promo .baseline_big{margin-top:35px;margin-bottom:50px;padding:0;font-size:30px;text-align: center;}
	.offers .panel .content_promo .text_explain{clear:both;float:left;width:100%;text-align: center;}
	.offers .panel .content_promo .text_explain.visuel{clear:both;float:left;width:100%;padding:0;text-align: center;}
	.offers .panel .content_promo .text_explain.visuel img{max-width:100%;}
	
	/**** BLOC SMALL OFFERS ****/
	.small_offers .bloc_left,.small_offers .bloc_right{display:none}
	.small_offers .content{clear:both;float:left;width:100%;}
	.small_offers .content.left{background:#682b5d;margin:0;}
	.small_offers .content.right{background:#2b3b68;margin:0;}
	.small_offers .content .left,.small_offers .content .right,.small_offers .content .right .description{clear:both;float:left;width:100%;text-align: center;margin:0;min-height:0;}
	.small_offers .content.right .right{width:100%; margin-left:0;}
	.small_offers .content .left .img_magazine_big{left:48%;}
	.small_offers .content .right .description{padding:0 5% 0 5%;box-sizing: border-box;}
	.small_offers .content .right .separator{margin-left:auto;margin-right:auto;}
	
	/**** FRISE ****/
	.frise .frise-img{
		-webkit-animation:defilement 40s infinite normal linear
		-moz-animation:defilement 40s infinite normal linear;
		-o-animation:defilement 40s infinite normal linear;
		animation:defilement 40s infinite normal linear;
	}
	@keyframes defilement {
		0% {transform:translate(0, 0);}
		50% {transform:translate(-1921px, 0);}
		100% {transform:translate(0, 0);}
	}
	@-webkit-keyframes defilement {
		0% {-webkit-transform:translate(0, 0);}
		50% {-webkit-transform:translate(-1921px, 0);}
		100% {-webkit-transform:translate(0, 0);}
	}
	
	/**** OUVREZ VOTRE ESPRIT ****/
	.ouvrez{background-position: top center;}	
	
	
	/*** POPIN ***/
	.modal{position: absolute!important;top:0!important;}
	.modal_defaut.popin{width:100%!important;margin:0!important;}
	p[class="m-b10"]{display: block!important;clear:both!important;float:left!important;width:100%!important;text-align: center!important}
	.modal_defaut .modal_content .modal_container form{display: block!important;clear:both!important;float:left!important;width:100%!important;margin:0!important;padding:0 5% 0 5%!important;background:#FFFFFF;}
	.defaut .i-f .m_input{width:100%!important;clear:both!important;float:left!important;margin-bottom:10px;}
	.modal_defaut.popin .modal_content .defaut .i-f label{display: inline!important;float:left!important;width:75%!important;margin:0!important;}
	.modal_defaut .modal_content .modal_container .defaut .i-f .m_input input[type="text"], .modal_defaut .modal_content .modal_container .defaut .i-f .m_input input[type="password"],.modal_defaut .modal_content .modal_container .defaut .i-f input[type="text"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="password"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="date"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="tel"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="select"], .modal_defaut .modal_content .modal_container .defaut .i-f input[type="email"], .modal_defaut .modal_content .modal_container .defaut .i-f textarea{width:100%!important;}

	.modal .modal-dialog.popinfullabo{width:100%; margin:0; display:block;}
	.modal .modal-dialog.popinfullabo .step1{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_header{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container{float:left; width:100%; background:white; padding:25px; margin:0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left{float:left; width:100%; text-align:center;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .pays{margin:0 0 25px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .numero{margin:0 0 25px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .frequence{margin:0 0 25px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .fs23{float:left; width:100%; text-align:center;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .custom-dropdown{margin:0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l.pays .fs23{margin:0 0 15px 0;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .radio{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .radio .form_radio_abo{float:none; display:inline-block;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_left .float-l .form_radio_abo{float:none; display:inline-block;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right .float-l{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right .float-l .img_modal_abo.txt-center{float:left; width:100%;}
	.modal .modal-dialog.popinfullabo .step1 .modal_content .modal_container form .modal_abo_right .float-l .text_modal_abo{float:left; width:100%; text-align:center;}

}

@media screen and (max-width: 450px) {
	.small_offers .content .left .img_magazine_big{left:40%;}
}