/* CSS Document */


h1{margin-top:20px;background-image:url(../images/ligne-h1.png); background-repeat:no-repeat; background-position:160px 22px;}

#notre-equipe{float:left; width:100%; height:auto; margin-bottom:50px}
#notre-equipe p{float:left; width:615px; font-size:16px}
#notre-equipe div{float:right; max-width:271px;}

#nos-marques-partenaires{float:left; width:100%}
#nos-marques-partenaires h1{background-position:295px 22px; margin-bottom:20px}
#nos-marques-partenaires p:nth-child(2){margin-bottom:20px;}
#nos-marques-partenaires p{font-size:16px}
	#akkugreen{float:left; margin-bottom:20px; width:100%; height:auto;}
	#akkugreen div:first-child img{float:left;}
	#akkugreen p{float:left;width:420px;background:url(../images/ligne-degrade-verticale.png) no-repeat left center; padding-left:15px; margin-left:50px;}
	#akkugreen div:last-child{float:right; width:460px; margin-top:25px;}
	
	#twinecker{float:left; margin-bottom:20px; width:930px; height:auto;}
	#twinecker div:last-child{width:auto; height:auto}
	#twinecker div:first-child{float:left; width:470px; margin-top:60px;}
	#twinecker div:first-child img{float:right;}
	#twinecker p{float:left;width:410px;background:url(../images/ligne-degrade-verticale.png) no-repeat right center; padding-right:15px; margin-right:50px; margin-top:5px;margin-bottom:20px;}
	
#nos-partenaires-web{float:left; width:100%}
#nos-partenaires-web h1{background-position: 690px 22px;}
	#pobix{}
	#pobix img{margin:0 20px 0 20px;}
	#pobix div{float:left; max-width:450px;}
		#pobix div p{float:left;width:450px;background:url(../images/ligne-degrade-verticale.png) no-repeat left center; padding-left:15px; margin-left:50px; margin-top:25px;}
		#pobix div a{float:left; color:#0e59a9; font-weight:bold; text-decoration:none; font-size:22px; height:22px; line-height:22px; margin-left:170px; margin-top:20px;}
		#pobix div a img{margin:0; padding:0}

#sous-menu{width:540px;}
#sous-menu ul{width:540px;}
	#sous-menu ul li:first-child img{max-height:30px; margin:5px 0 5px 0}
	
	
@media screen and (max-width:1150px){
	h1{margin-top:16px; background-position:127.5px 17.5px}
	
	#sous-menu{width:430.4px;}
	#sous-menu ul{width:430.4px;}
		#sous-menu ul li:first-child img{max-height:23.9px; margin:3px 0 2px 0}
		
	#notre-equipe{margin-bottom:39.8px}
	#notre-equipe p{width:490.2px; font-size:12.7px;}
	#notre-equipe div{max-width:216px;}
	#notre-equipe img{max-width:216px;}
	
	#nos-marques-partenaires{}
	#nos-marques-partenaires p:nth-child(2){margin-bottom:16px;}
	#nos-marques-partenaires p{font-size:12.7px;}
	#nos-marques-partenaires h1{background-position:235.14px 17.53px; margin-bottom:16px}
		#akkugreen{margin-bottom:16px; width:100%;}
		#akkugreen p{width:auto; padding-left:12px; margin-left:39.8px; font-size:12.7px}
		#akkugreen div:first-child img{max-width:100%}
		#akkugreen div{max-width:50%;}
		#akkugreen div:nth-child(2){float:right;}
		#akkugreen div:last-child img:nth-child(1){max-width:241.5px;}
		
		#twinecker{margin-bottom:16px; width:741.3px;}
		#twinecker div:last-child{float:right; margin:0; padding:0; width:auto; height:auto;}
		#twinecker div:last-child img{max-width:355.5px; margin:20px 0 0 0;}
		#twinecker div:first-child{float:left; max-width:374.6px; height:auto; margin-top:47.8px;}
		#twinecker div:first-child img{max-width:231.15px}
		#twinecker p{width:326.8px;padding-right:12px; margin-right:39.8px; margin-top:4px;margin-bottom:16px;}
		
	#nos-partenaires-web{margin-bottom:20px}
	#nos-partenaires-web p{font-size:12.7px}
	#nos-partenaires-web h1{background-position:555.2px 17.5px}
		#pobix img{max-width:270.21px; margin:0 16px 0 16px;}
		#pobix div{max-width:358.7px;}
			#pobix div p{width:358.6px;padding-left:12px; margin-left:39.8px; margin-top:20px;}
				#pobix div p{width:358.6px; padding-left:12px; margin-left:39.85px; margin-top:20px;}
				#pobix div a{font-size:17.5px; height:17.5px; line-height:17.5px; margin-left:135.5px; margin-top:16px;}
				#pobix div a img{max-width:11px;}

}

@media screen and (max-width:895px){
	#conteneur{margin-top:-15px; padding:30px 0 0 0;}
	
	h1{margin-top:16px; background-position:127.5px 17.5px}
	
	#sous-menu{width:475px; height:45px}
	#sous-menu ul{width:475px;}
		#sous-menu ul li:first-child img{max-height:19.35px; margin:2px 0 1px 0}
		#sous-menu li:last-child a.active img{margin-left:2px;}
		a.active{height:45px !important}
		
	#notre-equipe{margin-bottom:39.8px}
	#notre-equipe p{width:350px; font-size:12.7px;}
	#notre-equipe div{max-width:246px; margin-top:23px}
	#notre-equipe img{max-width:246px;}
	
	#nos-marques-partenaires p:nth-child(2){margin-bottom:16px;}
	#nos-marques-partenaires p{font-size:12.7px;}
	#nos-marques-partenaires h1{background-position:235.14px 17.53px; margin-bottom:16px}
		#akkugreen{margin-bottom:16px; width:640px;}
		#akkugreen p{width:334.7px; padding-left:12px; margin-left:39.8px; font-size:12.7px}
		#akkugreen div:first-child img{max-width:250px; margin-top: 50px}
		#akkugreen div:nth-child(2) img{max-width:230px}
		#akkugreen div{max-width:366.7px;}
		/*#akkugreen div img:nth-child(1){max-width:241.5px;}*/
		
		#twinecker{margin-bottom:16px; width:640px;}
		#twinecker div:last-child{float:right; margin:0; padding:0; width:auto; height:auto;}
		#twinecker div:last-child img{max-width:255.5px; margin:60px 0 0 0;}
		#twinecker div:first-child{width:374.6px; margin-top:47.8px;}
		#twinecker div:first-child img{max-width:231.15px}
		#twinecker p{width:326.8px;padding-right:12px; margin-right:39.8px; margin-top:4px;margin-bottom:16px;}
		
	#nos-partenaires-web{margin-bottom:10px}
	#nos-partenaires-web p{font-size:12.7px}
	#nos-partenaires-web h1{background-position:520.2px 17.5px}
		#pobix{height:auto; width:auto;}
		#pobix img{max-width:250px; margin:20px 16px 0 25px;}
		#pobix div{max-width:358.7px;}
			#pobix div p{width:250px;padding-left:12px; margin-left:39.8px; margin-top:20px;}
				#pobix div p{width:320px; padding-left:12px; margin-left:39.85px; margin-top:20px;}
				#pobix div a{font-size:17.5px; height:17.5px; line-height:17.5px; margin-left:100px; margin-top:16px;}
				#pobix div a img{max-width:11px; vertical-align: -2px;}

}

@media screen and (max-width:650px){
	body{background-color:white !important; background-image:none;}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	h1{margin-top:2% !important; width:100% !important; background-position: auto center !important; background-size: contain}
	
	#notre-equipe{margin-bottom:0; border-bottom:1px solid #CCC}
	#notre-equipe div{width:100%; text-align: center;}
	#notre-equipe div img{max-width:40%; margin:0 auto 5% auto}
	#notre-equipe p{width:100%; font-size:.8em;}
	#notre-equipe div{max-width:100%;}
	#notre-equipe div:last-child img{display: none;}
	
	#nos-marques-partenaires{margin:10% 0 0 0;}
	#nos-marques-partenaires p:nth-child(2){margin:0 0 0 2% !important;}
	#nos-marques-partenaires p{font-size:0.8em; margin-left:2%; width:98%}
	#nos-marques-partenaires h1{width: 100%}
		#akkugreen{margin:5% 0 0 0; width:100%; text-align: center;}
		#akkugreen p{width:98%; padding-left:0; margin-left:2% !important; background:none; text-align: left;}
		#akkugreen div:first-child{display:none;}
		#akkugreen div:nth-child(2) img{max-width:75%}
		#akkugreen div:last-child img{max-width:50% !important; margin:0 auto 0 25%}
		#akkugreen div{max-width:100%;}
		#akkugreen div.css-mobile{float:left;}
		
		#twinecker{margin-bottom:0; width:100%; text-align: center; border-bottom:1px solid #CCC}
		#twinecker div{min-width:100% !important}
		#twinecker div:last-child{float:right; margin:0; padding:0; width:100%; height:auto;}
		#twinecker div:last-child img{max-width:50%; margin:0 auto 0 auto;}
		#twinecker div:first-child{width:100%; margin:10% 0; padding:0; text-align: center;}
		#twinecker div:first-child img{float:none; max-width:100%}
		#twinecker p{width:98% !important;padding:0; margin:0 0 0 2% !important; background:none; text-align: left;}
		
	#nos-partenaires-web{margin-bottom:0 !important; }
	#nos-partenaires-web p{font-size:0.8em; width:98%; margin-left:2%; text-align: left;}
	#nos-partenaires-web h1{background-position:auto center; text-align: left;}
		#pobix{height:auto; width:auto; text-align: center;}
		#pobix img{max-width:50%; margin:0 auto 0 24%;}
		#pobix div{max-width:100%; }
			#pobix div p{width:98%;padding-left:0; margin-left:2%; margin-top:0;}
				#pobix div p{width:98%; padding-left:0; margin-left:2%; margin-top:0; background:none;}
				#pobix div a{font-size:17.5px; height:auto; line-height: normal; margin:3% auto 0 32%;}
				#pobix div a img{max-width:11px; vertical-align: -2px;}
	
	#sous-menu{width:100%; height:45px}
	#sous-menu ul{width:95% !important; margin-left:2.5%}
		#sous-menu li:first-child a{min-width:0  !important; width:auto !important; margin: 0 !important}
		#sous-menu li:first-child a span span:first-child{display: none;}
		#sous-menu li:last-child a.active img{margin-left:auto !important;}
		#sous-menu ul li:first-child img{max-height:19.35px; margin:2px 0 1px 0}
		#sous-menu li:nth-child(2) a{ margin:0 !important}
		a.active{height:45px !important}
}

@media screen and (max-width:540px){
	body{background-color:white !important; background-image:none;}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	h1{margin-top:2% !important; width:100% !important; background-position: auto center !important; background-size: contain}
	
	#notre-equipe{margin-bottom:0; border-bottom:1px solid #CCC}
	#notre-equipe div{width:100%; text-align: center;}
	#notre-equipe div img{max-width:40%; margin:0 auto 0 auto}
	#notre-equipe p{width:100%; font-size:12.7px;}
	#notre-equipe div{max-width:100%;}
	#notre-equipe div:last-child img{display: none;}
	
	#nos-marques-partenaires{margin:10% 0 0 0;}
	#nos-marques-partenaires p:nth-child(2){margin:0 0 0 2% !important;}
	#nos-marques-partenaires p{font-size:0.5em; margin-left:2%; width:98%}
	#nos-marques-partenaires h1{width: 100%}
		#akkugreen{margin:5% 0 0 0; width:100%; text-align: center;}
		#akkugreen p{width:98%; padding-left:0; margin-left:2% !important; background:none; text-align: left;}
		#akkugreen div:first-child{display:none;}
		#akkugreen div:last-child img{max-width:50% !important; margin:0;}
		#akkugreen div{max-width:100%;}
		
		#twinecker{margin-bottom:0; width:100%; text-align: center; border-bottom:1px solid #CCC}
		#twinecker div{min-width:100% !important}
		#twinecker div:last-child{float:right; margin:0; padding:0; width:100%; height:auto;}
		#twinecker div:last-child img{max-width:50%; margin:0 auto 0 auto;}
		#twinecker div:first-child{width:100%; margin:10% 0; padding:0; text-align: center;}
		#twinecker div:first-child img{float:none; max-width:100%}
		#twinecker p{width:98% !important;padding:0; margin:0 0 0 2% !important; background:none; text-align: left;}
		
	#nos-partenaires-web{margin-bottom:0 !important; }
	#nos-partenaires-web p{font-size:0.5em; width:98%; margin-left:2%; text-align: left;}
	#nos-partenaires-web h1{background-position:auto center; text-align: left;}
		#pobix{height:auto; width:auto; text-align: center;}
		#pobix img{max-width:50%; margin:0 auto 0 24%;}
		#pobix div{max-width:100%; }
			#pobix div p{width:98%;padding-left:0; margin-left:2%; margin-top:0;}
				#pobix div p{width:98%; padding-left:0; margin-left:2%; margin-top:0; background:none;}
				#pobix div a{font-size:17.5px; height:auto; line-height: normal; margin:3% auto 0 28% !important;}
				#pobix div a img{max-width:11px; vertical-align: -2px;}
	
	#sous-menu{width:100%; height:45px}
	#sous-menu ul{width:95% !important; margin-left:2.5%}
		#sous-menu li:first-child a{min-width:0  !important; width:auto !important; margin: 0 !important}
		#sous-menu li:first-child a span:first-child{float:left;width:auto !important; text-wrap: suppress}
		#sous-menu li:first-child a span span:first-child{display: none;}
		#sous-menu ul li:first-child img{max-height:19.35px; margin:2px 0 1px 0}
		#sous-menu li:nth-child(2) a{ margin:0 !important}
		a.active{height:45px !important}
}

@media screen and (max-width:380px){
	#akkugreen div:last-child{margin-top:0;}
	#akkugreen div:last-child img{max-width:none !important; margin: 0; width:75% !important}
	#twinecker div:last-child{margin-top:0 !important;}
	#twinecker div:last-child img{max-width:none; margin:-20px auto 0 auto !important; width:75%}
	
	#nos-marques-partenaires p{font-size:0.75em; }
	#nos-partenaires-web p{font-size:0.75em; }
	#pobix div a{margin:3% auto 0 17% !important;}
}