@media screen and (max-width:1450px){
	ul.primary-menu > li > a {padding: 15px 10px;}
	ul.primary-menu > li.current-menu-item > a {padding: 15px 10px;}
	.page-banner .perso {right:20px;}
}





@media screen and (max-width:1370px){
	.footer-top .block-left.adresse {margin-left:0px;}
	.footer-top .block-left.logo {padding-right: 30px;}
	.footer-top .block-right.social {width: 305px;}
	.footer-top .block-right.social a{width: 50px;}
	.page-banner .inner {padding: 60px 0px 130px 0px;}
	.page-banner .perso {max-height:350px;}
	#block-hero.header-page{ height: 600px!important;}
}




@media screen and (max-width:1300px){
	body.menuOpen{overflow:hidden;}
	body.menuOpen .header .block-logo{margin-left:35px;    transition: all 0.2s ease-out 0s;}
	.header .menu-toggle{
		display:block;
		background-image: url(../img/hamburger.svg);
		cursor:pointer;
		width:60px;
		height:60px;
		right:15px;
		background-color:transparent;
		top:0px;
		bottom:0px;
		margin:auto;
		margin:0px;
		padding:0px;
		background-size: 100% 100%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		transition: all 0.2s ease-out 0s;
	}
	.header .menu-toggle.active{background-image: url(../img/hamburger-close.svg);}
	ul.primary-menu{
		display:none;
		position:fixed;
		top: 0px;
		bottom: 0px;
		padding: 150px 50px 20px 50px;
		left: 0px;
		right: 0px;
		z-index: 5;
		margin: auto;
		background-image: url(../img/bg-waves-purple.svg);
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	ul.primary-menu > li {width:100%;  padding:0px 0px 0px 0px;}
	ul.primary-menu > li > a{font-size:32px;font-weight:700; padding:10px 0px;}
	ul.primary-menu > li.current-menu-item > a{padding:15px 0px;color:#fe9028;}
	ul.primary-menu > li.current_page_parent > a{color:#fe9028;}
	ul.primary-menu > li > a:hover{color:#fe9028;}
	ul.primary-menu > li > a:after{display:none;}
	ul.primary-menu li:hover ul{display:block;}
	ul.primary-menu li ul {display:block;position: static;padding:0px 0px 20px 0px;background:transparent;width: 100%;}
	ul.primary-menu li ul li a{color:#fff;font-weight:500;padding-left:75px;padding-right:0px; position:relative;}
	ul.primary-menu ul li a:after{opacity:1;right:initial;left:0px;background-image: url(../img/purple-bat.svg);}
	ul.primary-menu ul li a:hover{font-weight:500;color:#fff;}
	ul.primary-menu ul li a:hover:after{opacity: 1;background-image: url(../img/orange-bat.svg);}
	ul.primary-menu ul li.current-menu-item a{font-weight:700;color:#fff;}
	ul.primary-menu ul li.current-menu-item a:after {opacity: 1;background-image: url(../img/orange-bat.svg);}

	.block-home h2{font-size:48px;line-height:1.2em;}
	.block-context.block-context .list {align-items:flex-end;}
	.block-hero .inner {padding: 80px 0px 90px 0px;}
	


}



@media screen and (max-width:1300px){

	#block-hero .img{ width: 75%; right:-20%; margin-top:0;} 
	.header .donateCTA{display:block;}

}



@media screen and (max-width:1150px){
	#block-hero{max-height:750px;}
	#block-hero .wrapper .inner{max-width:500px;}



	.page-banner .inner {padding: 60px 0px 100px 0px; width:45%;}
	.page-banner h1 {margin-top: 30px;}
	.page-banner .perso {width:auto;max-width:45%;}
	.page-banner .wave {bottom:-2px;}
	.block-objectif .pic img{margin-top: 50px;}
	.block-hero{overflow:hidden;padding-bottom:50px;}
	.block-hero .inner {padding:55px 0px 350px 0px;width:600px;max-width:100%; margin:0px auto;text-align: center;}
	.block-hero .moon {bottom: -100px;right: 0%;left: 0%;width:530px;margin: auto;max-width: none;}
	.block-hero .witch {max-width: none;bottom: 0px;		right:0%;		left:0%;		width:300px;	margin:auto;}
	.block-context {padding: 70px 0px 140px 0px;}
	.block-hero .wave {
		position: absolute;
		bottom:10px;
		left: 0px;
		right: 0px;
		width: auto;
		max-width: none;
		height: 130px;
	}
	.block-hero:after {
		background: #0c080d;
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		position: absolute;
		left: 0px;
		bottom: -25px;
	}
}


@media only screen and (max-width: 761px), (max-device-width: 1023px) and (min-device-width: 768px){
	.content-area .gform_wrapper table.gfield_list tr {border:none!important;}
	.content-area .gform_wrapper .gfield_list td.gfield_list_cell input {width:100%;margin-left: 0px;margin-right: 0px;}
	.content-area .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons {
		width:100px!important;
		background-color: #fff;
		line-height: 0em;
		padding:0px!important;
		margin-top:-10px!important;
	}
	.content-area .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons a{
		display:inline-block;
		width:35px;
		background-color: #eee;
		height:35px;text-align: center;
		padding:10px 5px 5px 5px;
		margin-top:-10px;
		border-radius:2px;
	}
	.gform_wrapper table.gfield_list td {margin-left:0px!important; margin-right:0px!important;}
}




@media screen and (max-width:1060px){
	.footer-top .block-right.social {width:100%;text-align:left}
	.block-context{padding: 70px 0px 140px 0px;}
	.block-context .list{flex-direction: column-reverse;}
	.block-context .list .block-left{width:100%;text-align:left;float:none;margin:0px;padding:0px;}
	.block-context .list .block-left.pic{text-align:center;padding-right:0px;padding-top:40px;padding-bottom:10px}
	.block-context .list .block-left.pic img{width:600px;max-width:95%;}
	.block-thermometre .box {padding: 20px 30px;}
	.block-outils .inner.txt {padding: 100px 0px 50px 0px;}
	.block-outils .list .block-left{width:100%;text-align:left;float:none;margin:0px;padding:0px;}
	.block-outils .fiche.fiche2:before {display:none}
	.block-outils .fiches{position:relative;}
	.block-outils .fiches:before {
		background-image: url(../img/illustration-bats.png);
		content: "";
		display: block;
		width: 250px;
		height: 228px;
		position: absolute;
		right:20px;
		top: -130px;
		background-size: 100% auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

}




@media only screen and (max-width:975px){
	.block-objectif{padding:20px 0px 70px 0px;}
	.block-objectif .list{flex-direction: column-reverse;}
	.block-objectif .list .block-left{width:100%;text-align:left;float:none;margin:0px;padding:0px;}
	.block-objectif .list .block-left.pic{text-align:center;padding-right:0px;padding-top:40px;padding-bottom:10px;position:static;}
	.block-objectif .list .block-left.pic img{width:600px;max-width:95%;margin-top:0px;}
	.block-objectif .inner {padding: 50px 0px 0px 0px;}

	.page-banner .inner {padding: 60px 300px 100px 0px;width: 100%;max-width: 100%;}
	.page-banner .perso {max-height: 300px; width:auto;max-width:none;}

	#block-hero{margin-bottom: -200px;}
	#block-hero .wrapper{padding-top:20px;}
	#block-hero{height:auto!important; max-height: initial; flex-direction: column}
	#block-hero .wrapper{flex:1;}
	#block-hero .img{ width:80%; position:relative; padding:60px; margin-left:auto; margin-right:auto; margin-top:-50px; right:initial; }

	#block-hero .img .inner{ padding:60px; }
	#block-hero .wrapper .inner{max-width: 600px; margin-left: auto; margin-right: auto;}
	#block-hero .wrapper .inner img{margin:auto; max-width:350px;}
	#block-hero:before{bottom:200px; width:120%; background-size: 100% auto; left:-10%; background-position: bottom center;}


	#block-hero.header-page{height:auto!important; max-height: initial; flex-direction: column}
	#block-hero.header-page.img{ width: 75%; right:-20%; margin-top:0;} 
	#block-hero.header-page .img {
		width: 80%;
		right: initial;
	}
	#block-hero.header-page .img{margin-bottom:-200px;}
	#block-hero.header-page{margin-bottom:0!important;}
	#block-hero.header-page:before{bottom:-2px;}
	#block-hero.header-page .wrapper .inner h1{margin:0!important; padding:0!important;display:initial;}
	#block-hero.header-page .wrapper .inner{text-align: center;}
	#block-hero.header-page .img{ margin-top:0 0 0 0px!important; }
}





@media only screen and (max-width:1000px){
		.page-cancer .block-right.block-1-3.block-nav {width:33%;}
	.page-cancer .block-2-3 {width:60%;}

	.block-cancer .zone .deco {margin: 80px 0px 80px 0px;}
	.block-cancer .zone .inner1 {position: relative;padding: 110px 0px 0px 00px;}
	.block-cancer  .zone img {position: absolute;left: 0px;top: 0px;margin:auto;width:120px;}

}




@media only screen and (max-width:800px){
	.footer-bottom .block-left{width:100%;float:none;text-align:center;}
	.footer-bottom .block-1-3{width:100%;float:none;text-align:center;}
	.footer-bottom .block-left p{margin-bottom:0px}
}




@media only screen and (max-width:875px){
	.content-area .su-row.fiches {margin:15px 0px 5px 0px;}
	.su-row.fiches .su-column-size-1-2{width:100%;float:none;    margin: 0px 0px 0px 0px!important;}


}




@media only screen and (max-width: 768px){
	.content-area .su-row {margin:30px 0px 30px 0px;}
	.content-area h2 + .su-row{margin-top:-20px;padding-top:0px;}
	.content-area .su-row + h2{margin-top:0px;padding-top:0px;}
	.content-area .su-row + .su-row{margin-top:-20px;padding-top:0px;}
	.content-area .su-row .su-column {margin:20px 0px 20px 0px;}
	#block-hero .img{padding:40px;}
	#block-hero .img .inner{padding:40px;}

}





@media only screen and (max-width:760px){
	.page-cancer .block-2-3 {width:100%;}
	.page-cancer .block-right.block-1-3.block-nav {
		text-align:center;
		width:100%;
		margin: 0px 0% 0px 0%;
		z-index:99;
		padding:15px 15px;position: sticky;
		top:initial;
		bottom:10px;
	}
	.page-cancer .block-nav a span.num {position:static;margin-right:0px;}
	.page-cancer .block-nav a span.txt{display:none;}
	.page-cancer .block-nav h3{display:none;}
	.page-cancer .block-nav li:last-child {margin: 0px 0px 0px 0px;}
	.page-cancer .block-nav li{display:inline-block;margin: 0px 10px;padding:0px;}
	.page-cancer .block-nav a{
		display:block;
		width:40px;
		height:40px;
		overflow:hidden;
		text-align:center;
		padding-left:0px;
		padding-top:12px;
		border-radius:50%;
		background-color:#53358a;
	}
	.page-cancer .block-nav a.active{background-color:#8165b5;}
}




@media screen and (max-width:670px){
	.page-banner .inner {width:100%;padding: 60px 0px 250px 0px;}
	.page-banner .perso {max-width: 100%;right:0px;    width: auto;left:0px;    max-height:250px;margin:auto;}
	.footer-top .block-left.logo {margin-top: -10px;}
	.page-banner h1 {margin-top: 20px;padding-bottom:15px;}
}

@media screen and (max-width:650px){
	body.menuOpen .header .block-logo{margin-left:0px; transition: all 0.2s ease-out 0s;}
	ul.primary-menu{padding:130px 15px 0px 15px;}
	ul.primary-menu > li > a{font-size:25px;font-weight:700; padding:10px 0px;}
	ul.primary-menu li ul {margin-top:0px;}
	.site-content {padding:40px 0px;}
	.site-content h2 {font-size: 35px;line-height: 1.2em;}
	.site-content h3 {font-size: 20px;}
	.content-area ol > li:before {width: 40px;height: 40px;line-height: 40px;}
	.content-area ol > li {margin: 35px 0px 35px 0px;padding-left: 30px;}
	.content-area ol > li ul{ margin: 10px 0px 10px 0px;padding-left:10px;}
	.content-area ul li:before, .content-area ol ul li:before { width: 45px; height: 23px; background-size: 100% auto;    left: -20px;}
	#block-hero.header-page .img{width:70%; margin-top:-80px;}  
	#block-hero.header-page .img{margin-bottom:-150px; bottom:-2px!important;}

}





@media screen and (max-width:600px){
	.content-area ol > li ul{margin: 10px 0px 10px 0px;padding-left:0px;}
	.content-area ol ul li{padding-left:0px;padding-top:30px;}
	.content-area ol ul li:before {left:0px;bottom:initial;top:-3px;}
	.footer-top p, .footer-top a {font-size: 15px;}
	.footer-top .block-right.social a {width: 40px;}
	.footer-bottom .block-left,.footer-bottom .block-right{width:100%;float:none;text-align:center;}
	.footer-top .block-left.adresse {margin-left:0px;margin-right:0px;padding-right:00px;width:100%;    margin-top:5px;}
	.footer-top .block-left.logo {padding-right:00px;width:100%;}
	.footer-top .block-right.social {width: 305px;width:100%;margin-top: 25px;}
	.footer-top {padding: 65px 0px 50px 0px;}
	.block-thermometre .thermometre, .block-thermometre .thermometre .inner {height: 12px;}
	.block-thermometre .thermometre .inner:after {width: 81px; height: 40px; right: -45px; top: -12px; background-size: 100% auto;}
}







@media only screen and (max-width:600px){


	.page-cancer .block-right.block-1-3.block-nav {

		width:100%;
		margin: 0px 0% 0px 0%;
		z-index: 99;
		padding: 10px 10px;
	}


	.page-cancer .block-nav li, .page-cancer .block-nav li:last-child{display:inline-block;margin: 3px 0px;}
	.page-cancer .block-nav a{
		width: 30px;
		height: 30px;
		padding-top: 5px;

	}
	.page-cancer .block-nav a span.num{    font-size: 14px;}
}



@media only screen and (max-width: 641px){
	.content-area .gform_wrapper input[type="text"], .content-area .gform_wrapper input[type="textarea"], .content-area .gform_wrapper select{
		line-height:normal!important;
		min-height:10px!important;
	}
}

@media screen and (max-width:580px){
	.block-outils .fiche img {height: 100px;width: 100px;left: 20px;}
	.block-home h2 {font-size: 40px;line-height: 1.2em;}
	.block-outils .fiche h3 {font-size: 22px;line-height: 1.2em;}
	.block-outils .fiche {padding: 20px 20px 20px 145px;}

	.wrapperSmall .fiches .ficheDescription {
		padding: 55px 20px 35px 20px;
	}


}



@media screen and (max-width:550px){
	.block-thermometre .txt p.block-left{float:none;width:100%;text-align:center;}
	.block-thermometre .txt p.block-right{display:none;}
	.block-thermometre .number p {font-size:28px;}
	.block-thermometre .number{text-align:center;}
	.block-thermometre .number p.block-left{float:none;display:inline-block;position:relative;}
	.block-thermometre .number p.block-right{float:none;display:inline-block;font-size:13px;font-weight:600;}
	.block-thermometre .number p.block-right:before{content: "/";margin:0px 5px 0px 2px;}
	ul.primary-menu {padding: 160px 15px 0px 15px;}
	.block-hero {padding-top: 150px;}

	.header{padding:75px 0px 20px 0px;}
	.header .donateCTA {
		margin-right: 0px;
		position: absolute;
		top: -60px;
		left: 15px;
		right: 15px;
		margin: auto;
		z-index:10;
	}
	.header .donateCTA a{padding: 10px 25px 10px 25px;display:block;margin:0px;}

	#block-hero:before{bottom:150px; width:120%; background-size: 100% auto; left:-10%; background-position: bottom center;}
	#block-hero .wrapper .inner .ctas{flex-direction: column;}
	#block-hero .wrapper{padding-top:60px;}
	#block-hero .wrapper .inner img{max-width: 330px}
	#block-hero .img{width:85%;}
}





@media screen and (max-width:500px){
	.block-outils .fiche img {position:static;margin-bottom:20px;width:auto;}
	.block-outils .fiche {padding: 20px 20px 20px 20px;display:block;text-align:center;width:100%;}
	.block-outils .fiche img +div{text-align:left}
	.block-outils .fiche.fiche1 { margin-right: 0%; margin-top: 20px;}
	.block-outils .fiche.fiche2 {margin-left: 0%;position: relative;}
	.block-outils .fiche.fiche3 {margin-right: 0%; margin-bottom:30px;}
	.block-objectif{padding:70px 0px 70px 0px;}
}





@media screen and (max-width:450px){
	.wrapperSmall .fiches .fiche:after {
		position:absolute;
		height: 90px;
		width: 90px;
		left:0px;
		right:0px;
		top: 20px;
		bottom:initial;
		margin:auto;
	}
	.wrapperSmall .fiches .fiche {padding: 140px 20px 20px 20px;}

	#block-hero .wrapper .inner img{max-width: 280px;}
	#block-hero .img{width:90%;padding:35px}
	#block-hero .img .inner{padding:0px;}
	#block-hero .img{margin-top:-40px;}
	#block-hero{margin-bottom:-120px;}
	#block-hero:before{bottom:120px;}

	#block-hero.header-page .img{margin-bottom:-120px; bottom:-2px!important;}

}



@media screen and (max-width:425px){
	body .header .block-logo img{width: 183px;}
	ul.primary-menu {padding: 150px 15px 0px 15px;height:100%;}
	.header .menu-toggle {width:40px; height:40px; top:7px;}
	ul.primary-menu > li > a {font-size: 22px;font-weight: 700;padding:9px 0px;}
	ul.primary-menu li ul li a{padding: 10px 00px 10px 60px;font-size:15px;}
	ul.primary-menu ul li a:after {width: 45px;height: 20px;background-size: auto 100%;}
	.page-banner .inner {padding-bottom: 250px;}
	.page-banner .perso {max-height: 250px;}
	.block-objectif .inner {padding:30px 0px 0px 0px;}
	.block-objectif {padding: 70px 0px 50px 0px;}
}




@media screen and (max-width:425px){
	.block-hero .inner{padding:50px 0px 380px 0px;}
	.block-hero .moon{bottom:-100px;width: 550px;left: -100px;}
	.block-hero .witch{bottom:0px;width:300px;}
}	



@media screen and (max-width:400px){
	.block-context {padding: 70px 0px 100px 0px;}
	.block-thermometre .box {padding: 15px 15px;}
	.block-thermometre .number p {font-size: 26px;}



}


@media screen and (max-width:360px){
	.content-area ol > li ul{margin: 10px 0px 10px 0px;padding-left:0px;}
	.content-area ol ul li{padding-left:0px;padding-top:30px;}
	.content-area ol ul li:before {left:0px;bottom:initial;top:-3px;}
	.footer-top p, .footer-top a {font-size: 15px;}
	.footer-top .block-right.social a {width: 40px;}
}





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



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