/**********************************************************************************************************/
/***** 1000px *********************************************************************************************/
/**********************************************************************************************************/
@media screen and (max-width:1350px){
	.site-main {margin-top:-150px;}
}

@media screen and (max-width:1140px){
	.site-main {margin-top:0px;}
	.page-banner {height:350px;}
}

@media screen and (max-width:1075px){
	.site-header{z-index:10;}
	.menu-toggle{display:inline-block; position: absolute; background-color:#0a3c56; bottom: 0px; right: 15px;}
	.menu-toggle .fa{color:#fff;}
	.menu-toggle.active{background-color:#25a4e3; color:#fff;}
	.menu-toggle.active .fa{color:#fff;}
	.site-header ul.primary-menu{top:129px; padding-right:0px; border-top:1px solid #d5e3e8; nz-index:10;}
	.site-header ul.primary-menu ul{border-top:none;}
	.site-header ul.primary-menu li a{padding: 15px 12px;}
	ul.primary-menu > li.menu-item-has-children > a:after {top: 16px;}
	ul.primary-menu li ul{background-color:#54c2f9;}
	.site-header ul.primary-menu ul li a{color:#0a3c56;font-weight:bold;}
	.site-header ul.primary-menu > li.active a{color:#0a3c56;}
	.site-header ul.primary-menu ul li a:hover{background-color:#25a4e3;color:#fff;}
	.site-header ul.primary-menu ul li.current-menu-item a{background-color:#25a4e3}
	.site-header ul.primary-menu > li > a:hover{background-color:#25a4e3;color:#fff;}
	.site-header ul.primary-menu li.support {width:auto; position:static;}
	.site-header ul.primary-menu li.support a{width:100%;background-position: 10px center;height:79px;}
	.site-header ul.primary-menu li.hidden{display:block;}
	.site-header .sub-nav.nav-header li{display:none;}
	.site-header ul.sub-nav{padding-top:0px;position:absolute;top:82px;right:100px;}
	.site-header .logo img{width:134px;}
	.site-header .sub-nav.nav-header .lang-item{display:block;}
	.site-header .sub-nav.nav-header .lang-item a{font-size:17px; padding:8px 8px; color:#25a4e3; font-weight:bold; border:1px solid #25a4e3;}
	.site-header .sub-nav.nav-header .lang-item a:hover{color:#0a3c56;border-color:#0a3c56;}
	ul.primary-menu li.sqdi a:before{right: 60px;}
}

@media screen and (max-width:1065px){
	.block-slider .content{position:relative;z-index:2;padding:10px 20px 30px 20px;}
	.block-slider .content:before{
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		display: block;
		opacity: 0.7;
		background:#0a3c56;
		z-index: -1;
	}
}


@media screen and (max-width:1050px){
	.block-temoignage .block-1-3{width:50%; margin:0px -10% 0px 0%;}
	.block-temoignage .block-2-3{padding:30px 3% 50px 12%; width:60%;}
	.block-temoignage .block-2-3 .inner{padding:60px 25px 25px 47px;}
	.block-temoignage .block-2-3 .inner:before {width:90px;height:90px;}
	.block-temoignage .block-2-3 .inner:after {width:40px;height:40px;}
}


@media screen and (max-width:1000px){
	.iconComment .block-1-3{width:44%; margin:0px 3% 50px 3%;}
	.block-accepte{background-image:none;padding:0px 0px 15px 0px;}
	.block-accepte .content {position: relative; z-index: 1; padding: 60px 40px 60px 40px;}
	.block-accepte img.hidden{display:block;}
}


/**********************************************************************************************************/
/***** 900px **********************************************************************************************/
/**********************************************************************************************************/
@media screen and (max-width:950px){
	.list-equipe{margin-left:-31px; margin-right:-30px;}
	.list-equipe .article {width:50%;margin-right:0%;margin-bottom:0px}
	.sticky p{display:block;padding-bottom:10px;}
	.sticky p, .sticky a{margin:0px 0px;}
	.block-duo .list {padding: 70px 75px;}
	.block-promote .wrapper .right{width:400px;}
	.block-promote .wrapper .left{padding-top:0; padding-bottom:0;}
}

@media screen and (max-width:940px){
	.block-slider .hidden{display:block;}
	.block-slider{background:transparent; padding:0px 0px 0px 0px;}
	.block-slider .wrapper{padding:0px 0px 0px 0px;}
	.block-slider .content {padding: 10px 20px 30px 20px; max-width:100%;}
	.block-slider .content:before{opacity:1;}
	.block-slider h2{font-size:50px;}
	.block-slider p{font-size: 20px;}
	.post.article .title a {padding: 30px 10px 20px 10px; margin:-22px 1px 0px 1px;}
	.post.article .title a:before {left:12px;}
}

@media screen and (max-width:900px){
	.footer-top .wrapper{display: flex;flex-wrap: wrap;}
	.footer-top .wrapper .block-1-4{width: 50%; padding: 10px 20px;align-items: stretch;}
	.footer-top .wrapper .block-1-4.mid1{border-right:none;}
	.block-sqdi .inner{padding: 0px 0px;}
}


/**********************************************************************************************************/
/***** 800px **********************************************************************************************/
/**********************************************************************************************************/
@media screen and (max-width:875px){
	.block-accepte .info .block-1-2.block-left{padding-right:0px;}
	.block-accepte .info .block-1-2{width:100%; float:none;}
	.block-accepte .info .block-1-2.block-right{padding-left:0px;}
	.block-accepte .ou{position:static; display:block; text-align:center; width:auto; height:auto; padding:30px 0px;}
}




@media screen and (max-width:870px){
	.block-temoignage .block-1-3{width:85%; margin: 0px auto -40px auto !important;display:block !important;}
	.block-temoignage .block-2-3{padding:60px 5% 50px 5%; width:100%;display:block !important;}
	.block-temoignage .block-2-3 .inner{padding:60px 25px 25px 47px;}
	.block-temoignage .block-2-3 .inner:before {width:90px;height:90px;}
	.block-temoignage .block-2-3 .inner:after {width:40px;height:40px;}
	.block-temoignage .slider-home-pagination {right:0%;left:0%;}
}


@media screen and (max-width:860px){
	.header-top ul.sub-nav li.hidden{display:none;}
	.site-header ul.primary-menu li.hidden{display:block;}
}

@media screen and (max-width:850px){
	.site-content{padding:30px 0px 30px 0px;position:relative;}
	.single .site-content{padding:30px 0px 0px 0px;}
	.site-main .addtoany_share_save_container, .site-main .addtoany_shortcode{right:200px;top:-42px;position:static;padding-bottom:10px;}
	.page-banner{height:200px;}
	.content-area{min-height:100px}
	.block-ressources .content .block-1-2-b {width:100%;}
	.block-ressources .back {top: 0px; bottom: 0px; width:100%; height:50%;}
	.block-ressources h2{padding-top: 0px;}
	.block-ressources .back1 {left: 0px; top: 0px; bottom:initial;}
	.block-ressources .back2 {right: 0px;top:initial; bottom: 0px;}
	.single .content-area h1{font-size: 30px;}
	.single .site-main .addtoany_share_save_container{right:15px;top:30px; position:absolute; padding-bottom: 0px;}
	.single .site-main .addtoany_share_save_container .addtoany_list{float: right;padding:9px 15px;background-color: #fff;}
	.single .site-content .single-back {margin-top:25px;padding-top:20px;}
	.category .site-content .article .content h3{min-height:15px;}
	.category .site-content .article{margin: 0% 6% 30px 0%; width:47%;}
	.category .site-content .article.block-1-3:nth-child(3n-2) {margin-left:0%;}
	.category .site-content .article.block-1-3:nth-child(2n) {margin-right:0px;}
	.site-main .addtoany_share_save_container, .site-main .addtoany_shortcode {left:0px; right:initial;}
	.site-main .addtoany_share_save_container .addtoany_list, .site-main .addtoany_shortcode .addtoany_list {float: left;}
	.block-boite{background-image:none !important; padding:0px 0px 0px 0px;}
	.block-boite .hidden{display: block; position: static; width: 100%;}
	.block-boite .wrapper{margin:0px; padding:0px;}
	.block-boite .content {
		max-width:100%; 
		width:100%;
		padding:30px 20px 30px 20px;
		margin-left:0px;    
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.block-boite .content:after{right:0px; bottom:0px;opacity:1;}
	.block-accepte .wrapper{margin:0px; padding:0px;}
	.block-accepte{margin:0px; padding:0px; border-bottom: 10px solid #f8f9fb;}
	.block-accepte .content{padding: 60px 20px 60px 20px;}
	.block-duo .list:before {left: 120px; top: 00px; right: 120px; bottom: 00px; width: auto; height: 1px;}
	.block-duo .back{background-position:center center; position:absolute; left:0px; right:0px; width:100%; height:50%;}
	.block-duo .back1 {background-image:url(/wp-content/themes/ATYPIC/public/img/Duo1.jpg); top:0px; bottom:initial; background-position:top center;}
	.block-duo .back2 {background-image: url(/wp-content/themes/ATYPIC/public/img/Duo2.jpg); bottom:0px; top:initial;}
	.custom-content .block-left.content .inner{width:100%;max-width:100%;}
	.custom-content .block-left.pic {max-height:none;}
	.custom-content .block-left.pic img{width:100%;}


	.footer-bottom .inner{text-align:center;}
	.logo-nactr.block-right{width:100%;float:none;text-align:center; clear:left;padding-top:20px;}
	.footer-bottom .footer-claim, .footer-bottom .footer-nav{width:100%;float:none;text-align:center; clear:left;}
	.footer-bottom .sub-nav li a{border-left:none;}
.block-boite .content{padding:60px 20px 0 20px!important;}
.block-boite img.deco{display:none!important;}
body .block-boite .form{padding-right:0;}

}




@media screen and (max-width:825px){
	.trouver-boite #wpsl-search-wrap .wpsl-input {width: 100%; margin-bottom:0px;}
	.trouver-boite #wpsl-search-wrap label {padding-top:0px;}
	.trouver-boite #wpsl-search-btn{margin-top: 31px;}
	.trouver-boite .wpsl-input label{display:block;}
	.trouver-boite .wpsl-input p{display:block;}
	.trouver-boite #wpsl-search-wrap .wpsl-input input{width:100%;}
	.block-promote .wrapper .right{width:300px;}

}

@media screen and (max-width:800px){
	.trouver-boite #wpsl-gmap{height:300px !important; width:100%; float:right;margin-bottom:15px;}
	.trouver-boite #wpsl-result-list{width:100%; margin-right:0%; float:left;}
	.banner-footer .ban1 .block-1-3.mid a.custom-cta.grey{display:inline-block;}
	.banner-footer .ban1 .block-1-3.mid p.custom-cta.grey{display:none;}
	.footer-top .block-1-4.last p.info.web{display:none;}
	.footer-top .block-1-4.last p.info.mob{display:inline-block;}
}

@media screen and (max-width:800px){
	.block-new {padding:60px 00px;}
	.block-new .article {width:100%; margin: 0% 0% 35px 0%;}
	.block-new .article .content h3, .block-new .article .content p {min-height:10px;}
	.post.article .title a{min-height:10px;}
}

/**********************************************************************************************************/
/***** 700px **********************************************************************************************/
/**********************************************************************************************************/
@media only screen and (max-width: 768px){
	.block-accepte .content .su-column {margin:0px 0px 0px 0px !important; padding-left:110px;}
	.block-accepte .content .su-column ul{margin:0px 0px -4px 0px;}
	.block-accepte .content .su-column p{margin:0px 0px -4px 0px;}
	.page-accepte .su-row{margin:0px 0px 0px 0px !important;}
	.page-accepte .su-row h2{margin:30px 0px 10px 0px;}
}


/**********************************************************************************************************/
/***** 600px **********************************************************************************************/
/**********************************************************************************************************/
@media screen and (max-width:675px){
	.iconComment .block-1-3 {width:96%; margin: 0px 2% 50px 2%;}
	.block-home-banner .block-2-3{width:100%;}
	.block-home-banner .block-1-3{width:100%; margin: 30px 0% 0px 0%;}
	.block-duo .back {position:static; height:200px;}
	.block-duo .wrapper{padding:0px 0px; margin:0px 0px;}
	.block-duo .list {padding:0px 0px;}
	.block-duo .block-left, .block-duo .block-right{padding:40px 30px 20px 30px;}
	.block-duo:before{display:none;}
	.block-duo .list:before {left:30px; background:#ddd; right:30px;}
	.custom-content.list .block-1-2.pic {width:auto; margin-left:-15px;margin-right:-15px;}
	.trouver-boite #wpsl-wrap #wpsl-result-list li{padding-left:15px;}
	.trouver-boite.site-content{padding-bottom:0px;margin-bottom:0px;}

	.block-promote .wrapper{display:flex; flex-direction: column-reverse;}
.block-promote .wrapper .left{padding:60px 0 0 0;}
.block-promote .wrapper .right{min-height: initial; width: 100%;}
.block-promote .wrapper .right{height:300px;}
}




@media screen and (max-width:650px){
	.block-temoignage .block-1-3 {width:100%; margin:0px auto -10px auto !important;}
	.block-temoignage .block-2-3 {padding:30px 5% 50px 5%; border-radius:0px;}
	.block-temoignage .slider iframe {border:none;}
	.page-accepte .info .block-1-2 p {font-size: 17px;}

}

@media screen and (max-width:600px){
	.footer-top .wrapper{display: table;width:100%;}
	.footer-top .wrapper .block-1-4{width:100%; padding:17px 00px 10px 00px; height:auto; border-right:none; float:none; border-bottom:1px solid #626264;}
	.footer-top .wrapper .block-1-4.last{display:table-header-group;border-bottom:1px solid #626264;}
	.footer-top .wrapper .block-1-4.first{border-top:1px solid #626264;margin-top:17px;}
	.footer-top .wrapper .block-1-4.mid2{border-bottom:none;}
	.content-area{margin:0px 0px 00px 0px;}

}


/**********************************************************************************************************/
/***** 500px **********************************************************************************************/
/**********************************************************************************************************/
@media screen and (max-width:575px){
	.block-boite img.deco{width:90px; position:absolute; right:-5px; bottom:-10px;}
	.block-boite .block-2-3{width: 100%;}
	.block-boite .block-2-3 .info{padding-top:15px;padding-right:110px;} 
}

@media screen and (max-width:550px){
	.site-content .custom-cta.half{width:100%;margin-right:0%;}
	.single .site-content .thumb .date {position:static; border-radius: 0px 0px 0px 0px;  margin-top: -6px;  padding: 10px 15px;}
	.single .site-content .thumb .date.noThumb {display:block; margin-top:0px;}
	.single .site-content .thumb {position:relative; margin-bottom:0px;}
	.single .site-main .addtoany_share_save_container {position:static; border:1px solid #ddd;padding:10px 10px;margin-bottom: 35px;}
	.single .site-main .addtoany_share_save_container .addtoany_list {float:none; padding:0px; background-color:transparent;}
	.single-association .site-main .addtoany_share_save_container {border:none; padding:0px 0px;}
	.single-evenement .site-main .site-content p.place{border:1px solid #ddd;padding:10px 15px;margin:0px;border-bottom:none;}
	.single-tribe_events.single .site-main .addtoany_share_save_container {border:none; padding: 10px 20px; margin-bottom:0px; text-align:right;}
	a.custom-cta.arrow{text-align:left;display:inline-block;}
	.block-accepte .accepte.mob{margin-top:40px;}
	.block-accepte .refuse.mob{margin-top:20px;}
	.block-accepte .accepte.web, .block-accepte .refuse.web{display: none;}
	.block-accepte .accepte.mob, .block-accepte .refuse.mob{display:block;position:relative;padding-left:65px;padding-top:0px;}
	.block-accepte .mob:after{
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		display: block;
		width:45px;
		background-repeat: no-repeat;
		height: 50px;
		background-size: 100% auto;
	}
	.block-accepte .accepte.mob:after{background-image: url(/wp-content/themes/ATYPIC/public/img/accepte.png);}
	.block-accepte .refuse.mob:after{background-image: url(/wp-content/themes/ATYPIC/public/img/refuse.png);}
	.site-header a.green2{display:inline-block;}


}

@media screen and (max-width:520px){
	.site-header{padding-top:45px;}
	.site-header div.sub-nav a.green2{position:absolute;left:10px;right:10px;top:-35px;margin:0px;}
}

@media screen and (max-width:500px){
	.error404 .content-area input[type="text"], .search .content-area input[type="text"]{width:100%;}
	.content-area form.searchform {display:block;}
	.site-content a.custom-cta.auto{display:block;margin:10px 0px 0px 0px;}
	.category .site-content .article{margin: 0% 0% 30px 0%; width:100%;}
	.category .site-content .article .content p {min-height:10px;}
	.block-sqdi .block-left, .block-sqdi .block-right {float:none;width:100%;}
	.block-sqdi .block-left{text-align:center;padding-bottom:30px;}
	.block-sqdi img {margin-right:0px;}
}


/**********************************************************************************************************/
/***** 400px **********************************************************************************************/
/**********************************************************************************************************/
@media screen and (max-width:475px){
	.page-accepte .red h2:after, .page-accepte .green h2:after{width: 50px; background-size: 100% auto; height: 50px; background-repeat: no-repeat;}
	.page-accepte .red h2, .page-accepte .green h2{padding: 5px 0px 15px 65px; margin: 30px 0px 20px 0px;border-bottom: 1px solid #ddd;}
	.page-accepte .red h2{}
	.page-accepte .green h2{}
}


@media screen and (max-width:450px){
	.trouver-boite #wpsl-stores li p:first-child {
		width:100%;

	}

	.trouver-boite #wpsl-stores li .wpsl-direction-wrap {
		max-width:100%;
		text-align:left;
		position:static;
		margin-top:10px;

	}
	.trouver-boite #wpsl-stores li .wpsl-direction-wrap .wpsl-store-location p+p{color:red;}
}

@media screen and (max-width:425px){
	.custom-content .block-left.content{padding:30px 0px 0px 0px;}
	.custom-content .block-left.content h2{padding-left:0px; padding-right:0px;}
}


@media screen and (max-width:425px){
	.site-header ul.sub-nav {top:23px; right:15px;}
	.menu-toggle{padding: 9px 24px 7px 23px;}
}

@media screen and (max-width:400px){
	.header-top .logo a img{width:125px;}
	.site-main .addtoany_share_save_container, .site-main .addtoany_shortcode {right:initial; left:15px; top: -42px;}
	.page-banner{height:100px;}
	.content-area h1{font-size:35px;}
	h2{font-size: 22px;}
	h3{font-size:18px;}
	p, li, ol {font-size: 15px;}
	.page-accepte .info .block-1-2 p {font-size: 15px;}
	.block-slider .custom-cta.auto {display:block;margin-right:0px;}
	.content-area .su-spoiler-style-fancy > .su-spoiler-title, .content-area .su-spoiler > .su-spoiler-title {font-size: 15px;}
}


/**********************************************************************************************************/
/***** 300px **********************************************************************************************/
/**********************************************************************************************************/
@media screen and (max-width:315px){
body{/*border:10px solid red;*/}
}

@media screen and (min-width:1076px){
	.site-header ul.primary-menu{display:block !important;}
}