.vert{color:#00AE42; }
.jaune{color:#EEFA00; }
.black{color:black;}
.hidden{display:none;}

body{background-color:white;}
h2{font-family: BreulGroteskA-Black;font-style: normal;font-size: 94px;line-height: 85px;text-transform: uppercase;margin:0;}

.hide{display:none;}

.header .bmenu{
	width:83px; background-color: #00AE42; height: 100%;display: inline-block;
}
.header .bmenu{display: inline-block;padding-top:27px;padding-bottom:28px;text-align: center;}

.header {display: flex;justify-content: center;align-items: flex-start;gap: 60px;align-self: stretch;}
.header .logo{padding-left:20px;margin-top:5px; margin-bottom:5px;}
.header .partenaires{display: flex;justify-content: center;align-items: center;gap: 3%;flex: 1 0 0;align-self: stretch;}
.header .partenaires img{max-height:60px;}	
.header .partenaires .actionaid img {max-width:170px;}
.header .partenaires .at {display:none;}
@media(max-width:1680px){
	.header .partenaires{gap:3%;}
	.header .partenaires img{max-height:45px;}	
	.header .partenaires .actionaid img {max-width:120px;}
}
.header .agir a{text-transform: uppercase;text-decoration: none;background-color: #EEFA00;color:black;display: flex;padding: 39px 40px;align-items: center;gap: 14.542px;align-self: stretch;font-family: BreulGroteskA-Black;height: 100%;padding-top:40px;}

#menu{position:absolute;}
#menu ul{list-style: none;padding:0;margin:0;}
#menu ul a{text-transform: uppercase;font-size:33px;font-family: BreulGroteskA-Black;text-decoration: none;color:white;width:280px;background-color: black;display:block;padding-top: 32px;padding-bottom: 32px;padding-left:20px;border-bottom: 1px solid #333;}
#menu ul a:hover{color:#333333;background-color: #00AE42;}
#menu{display: none;margin-top:126px;}
#menu ul a{font-size:24px;padding-top:21px;padding-bottom:22px;width:210px;padding-left:15px;}

/*fixed nav */
.header {position: fixed;width: 100%;background-color: white;z-index: 999999;}
#menu{position: fixed;margin-top: 98px;z-index: 999999;}

.maincontent{font-family: 'Source Code Pro', monospace;}

.content{margin-left:auto;margin-right:auto;width:720px;}

.section{padding-top:130px;padding-bottom:80px;}

#video{background-color: black;text-align: center;padding-bottom:0}
#video .player{text-align: center;width:720px;display: block;margin-left: auto;margin-right: auto;}
#video h2{color:white;	transform: rotate(-8deg);padding-top:30px; padding-bottom:50px;margin-bottom: 80px;text-align: left;display: inline-block;}
#video .visuel{width:100%;height:584px;background-color:black;margin-top:-50px;background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 30%),url(../images/visuel_fast_fashion.webp); background-size:cover;background-position:center center;}

#agir h2{color:#00AE42;	transform: rotate(-8deg);margin-bottom: 80px;}
#agir .rowed{display: flex;width: 720px;justify-content: center;align-items: flex-start;gap: 40px;}
#agir .quote{font-weight:bold;}
#agir .quote svg{margin-top:24px; width:280px;}
#agir .quote p{margin-top:0}
/*#agir .X{border-radius: 296465.781px;background: var(--black, #0F1419);display: flex;width: 75.895px;height: 75.895px;justify-content: center;align-items: center;}*/
#agir .icons {display: flex;flex-direction: column;justify-content: flex-end;align-items: center;gap: 15.885px;}
#agir .social.instagram{/*display:none;*/}
#agir .icons .social img{width:77px;}
#agir{font-size:29px; line-height: 40px;}
#agir .p_condamine{width:280px;height:280px; background-image: url(../images/pierre-condamine.webp);display:flex;align-items: flex-end;}
#agir .p_condamine .legende{color:white;font-size:16px; line-height:20px;font-weight:normal;display: flex;padding: 15px 20px;justify-content: center;align-items: flex-start;gap: 10px;flex: 1 0 0;background: rgba(51, 51, 51, 0.50);}

#etat-des-lieux{background-color: black;}
#etat-des-lieux h2{color:white;text-align: center;}
#etat-des-lieux .texte{color:white; line-height: 30px; font-size: 19px;margin-top:20px;margin-bottom:33px;}
#etat-des-lieux .texte .gras{font-weight:bold}
#etat-des-lieux .baseline{font-size:29px; line-height: 40px;font-weight:bold;}
#etat-des-lieux .rowed img{	width:350px;height:auto;width:280px;padding:35px;}
#etat-des-lieux .rowed{display: flex;gap:10px;}

#demande{background-color: #00AE42;font-size:19px; line-height: 30px;color:white;}
#demande img{margin-top:30px;}
#demande h2{color:white;text-align: center;}
#demande img{margin-bottom: -170px;}
#demande a{color:white;font-weight:bold;}

#photos{background-color:#CCCCCC; padding-top:150px;}
#photos .photo{display:flex;height: 350px;width:350px;background-color:#333333;align-items: flex-end;}
#photos .rowed{display: flex;gap:10px;flex-wrap:wrap;}
#photos .photo .legende{color:white;display: flex;padding: 20px 30px;justify-content: center;align-items: flex-start;gap: 10px;flex: 1 0 0;background-color:rgba(55, 55, 55,0.65);}
#photos .photo.p1{
	background-image: url(../images/zara_collage_1.webp);
}
#photos .photo.p2{
	background-image: url(../images/collage_2.webp);
}

#plus-loin h2{text-align:center;margin-bottom:40px;}
/*#plus-loin div {display:flex;justify-content:space-evenly;}*/
#plus-loin div {text-align:center;}
#plus-loin img {max-height:72px;}

#faireundon{font-family:BreulGroteskA-Black;background-color: black;color:white;text-align: center;padding:0}	
#faireundon .btdon{margin-top:60px;display: flex;padding: 27.63px 31.993px;justify-content: center;gap: 14.542px;background-color: #EEFA00;color:black;text-decoration: none;text-transform: uppercase;width:300px;font-size:24px;}
#faireundon .CTA{font-size:51px; line-height: 42px;text-transform: uppercase;}
#faireundon .rowed{display: flex; flex-direction: row; 	align-items: flex-start;}
#faireundon .rowed .panel{flex:1; flex-direction: column;display:flex;padding: 60px 0px;}
#faireundon .rowed .panel.bouton{align-items: center;justify-content: center;flex-direction: column;}
#faireundon .rowed .panel.form,#faireundon .rowed .panel.thx{background-color: #EEFA00;font-family: 'Source Code Pro', monospace;display: flex;flex-direction: column;justify-content: center;align-items: center;flex: 1 0 0;align-self: stretch;}
#faireundon .rowed .panel.form form{width:380px; background-color: black;padding:10px;font-size:16px; line-height: 20px;color: white;display: flex;flex-direction: column;align-items: center;gap: 20px;}
#faireundon .rowed .panel.form form .legende,#faireundon .rowed .panel.thx p{background-color: #EEFA00;color:black;font-size:29px;font-weight: bold;line-height: 40px;padding:17px;}
#faireundon .rowed .panel.form form .field{display: flex;align-items: flex-start;gap: 12px;align-self: stretch;}
#faireundon .rowed .panel.form form .field input{display: flex;padding: 10px;align-items: flex-start;gap: 10px;flex: 1 0 0;background-color: #CCCCCC;border:none;}
#faireundon .rowed .panel.form form input[type=submit]{font-family: BreulGroteskA-Black;color:#EEFA00;text-transform: uppercase;--webkit-appearance:none;background-color: black;border:solid 5px #EEFA00;font-size: 25px;line-height: 25px;padding: 15px 31.993px 14px 31.993px;}
#faireundon .rowed .panel.form form #subject{display:none;}
#faireundon .rowed .panel.form form .field label{display: flex;padding: 10px;align-items: flex-start;gap: 10px;}
#faireundon .rowed .panel.form .mention{margin-top:22px;width:380px;color:black; font-size:10px;line-height: 14px;}
#faireundon .rowed .panel.form .mention a{color:black;}
#faireundon .rowed .panel.thx{align-items: center;justify-content: center;flex-direction: column;display:none;}
#faireundon .rowed .panel.thx p{border:black solid 11px;width:300px;}

.footer{background-color: #00AE42;display: flex;padding-bottom: 0px;justify-content: center;align-items: flex-start;align-self: stretch;flex-direction: row;}
.footer .footer-col{display:flex;flex-direction: column;flex:1; text-align: center;font-size:16px; line-height: 18px; max-width:500px}
.footer .footer-col h3{font-size:20px;}
.footer .footer-col h3 a{text-decoration: none; color:black;}
.footer .whorwe{padding-left:20px;padding-right:20px;}
.footer .flinx{display:flex;flex-direction: row; align-items: center; align-self: stretch; justify-content: center;gap:10px;}
.footer .linx a{display: inline-block;background-color: black;color: #CCCCCC;text-transform: uppercase;text-decoration: none;padding: 10px;}

.alertify .ajs-dialog{margin-top:150px !important;}

@media(max-width:950px){
	.header .agir{display: none;}
	.header .partenaires{flex-wrap: wrap;}
	.header .partenaires .at{display:block;}
	.header .partenaires a img{max-width:80px;}
	.header .partenaires .actionaid img {max-width:80px;}
	.header .logo{display:none;}
	.header .logo{margin-left: 0;margin-top:20px;margin-bottom:20px;}
	.header {gap:0;justify-content: flex-start;}
	.header .bmenu{display: inline-block;padding-top:42px;padding-bottom:42px;text-align: center;}
	h2{font-size:42px;line-height: 42.5px; }
	.content{width:auto;padding-left:10px; padding-right:10px;}

	#video{padding:0;padding-top:130px;background-position-x:center;}
	#video h2{margin-bottom:0;padding-left:0;font-size:36px;}
	#video .player{width: 100%;}

	#agir{font-size:21px; line-height:30px;}
	#agir h2{font-size: 70px;/*margin-top: 30px;*/}
	#agir .rowed{width:100%;gap:10px;}
	#agir svg{width:200px;margin-top:0}
	#agir .social.instagram{display:flex;}
	#agir .social img{width:50px;}

	#etat-des-lieux .rowed{flex-direction: column;align-items: center;gap:20px;}

	#demande img{width:100%}

	#photos .rowed{align-items: center;flex-direction: column;}

	#plus-loin div{flex-wrap: wrap; gap:20px;}

	#faireundon .btdon{padding: 27.63px 0.993px;}
	#faireundon .rowed{flex-direction: column;align-items: center;}
	#faireundon .rowed .panel.form form{width:90%}

	.footer{flex-direction: column;align-items: center;}
	.footer .flinx{flex-direction: column;gap:0}
}