@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "bnpp-sans-condensed-light";
	src: url('/documents/23909/24905/BNPP+Sans+Cond+Light+v2.ttf'), url('/documents/23909/24905/BNPP+Sans+Cond+Light+v2.otf');
	}


.accede {
	 color:#c91f7b;
	 text-transform:uppercase;
	 /*text-align:center;*/
	 font-weight:bold;
	 }
	.accede img {
	 display:inline-block;
	 vertical-align:middle;
 }

.accim {
	 display:inline-block;
	 vertical-align:middle;
	 padding-top:0.5em;
	 }
	 
.apparait, .apparait2, .appays, .apportr {display:none;}

.arial {font-family: "Arial","sans-serif";}

.bas {padding-top:1em;}
 
 .bienvenue {
	color:#c91f7b;
	text-transform:uppercase;
	 /*text-align:center;*/
	font-weight:bold;
	-webkit-display:flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	align-items:center;
	margin-right:2em;
	 }
	 
  .bienvenue:nth-last-child(-1n+2) {
	  border-left:#F7F7F7 solid 3px;
	  }	
	  
  .bienvenue img {
	 display:inline-block;
	 vertical-align:middle;
 }

.bold {
	font-weight:bold;}
.capsred {
	color:#c91f7b;
	text-transform:uppercase;
	font-weight:bold;
	}
.capvert {
	color:#00965e;
	text-transform:uppercase;
	font-weight:bold;
	}

.caplight2 {
	font-family:"bnpp-sans-condensed-light","sans-serif";
	font-size:2.4em;
	text-transform:uppercase;
    line-height:100%;
	padding:0.5em 0;
	}
.caplight3 {
	font-family:"bnpp-sans-condensed-light","sans-serif";
	font-size:3.4em;
	text-transform:uppercase;
	line-height:100%;
	}
	
.chrono {margin-right:10em;
margin-bottom:1em;}

.connais{
     width:80%;
	 padding-left:0.8em;
     float:left;
}
.contrib {
	 z-index:2;
	 position:relative;
	 right:-4.6em;
	 top:-9em;
	 width:160%;
	 }
.contrib img, .contrib2 img, .contrib3 img, .contrib4 img {
	max-width:100%;
	height:auto;
	position:absolute;
	right:0.60em;
	}
.contrib2 {
	z-index:2;
	position:relative;
    top:-22em;
	left:4.5em;
	}

	.contrib3 {
	 z-index:2;
	 position:relative;
	 right:4.8em;
	 top:-19em;
	 width:120%;
	 }

.contrib4 {
	 z-index:2;
	 position:relative;
	 right:-4.6em;
	 top:-24em;
	 }
	 
.corps1 {color:#c91f7b;
font-family:"bnpp-sans-condensed-light","sans-serif";
font-size:1.8em;
font-weight:bold;
line-height:130%;
max-width:80%;
	}
	
.corps2 {float:left;
         font-family:"bnpp-sans-condensed-light","sans-serif";
	     font-size:2.5em;
		 line-height:40px;}

.diolh {line-height:3em;}

.diopar2 {
	border-right:2px solid #c91f7b;
	}

.diopar {
	color:#c91f7b;
	font-weight:bold;
    padding-left:0.5em;
	}
	
.dioim1 {
	float:left;
	max-width:15%;
	padding:1em 0 0 2em;
	box-sizing:border-box;
	}
.dioim2 {
	float:left;
	max-width:15%;
	box-sizing:border-box;
	}
.dionon {
	float:left;
	max-width:45%;
	padding-top:8%;
	padding-left:2em;
	box-sizing:border-box;}

.diostyle {
	width: 91%; 
	height: 500px; 
	overflow: auto; 
	border:1px solid #777777; 
	margin-left:6em; 
	padding-left:0.8em;
	}
.diotext1 {
	float:left;
	max-width:35%;
	font-size:1.3em;
	padding:1em 0 0 1em;
	}
.diotext2 {
	float:left;
	font-size:1.3em;
	font-weight:bold;
	padding-left:2em;
	max-width:70%;
	box-sizing:border-box;
	}
	
 .doute {
        color:#00965e;
		float:left;
        width:60%;
		margin-top:2em;
	 }	

.emballage{font-family:"bnpp-sans-light";}

.emballage:nth-child(2){margin-bottom:0.8em;}

.encadre {margin:1em;
	border:1px solid #b7b7b7;
	padding:1em;
	}

.etape {
	 display:inline-block;
	 vertical-align:middle;
	 margin-right:1em;
	 }	
.etape2 {
	 display:inline-block;
	 vertical-align:middle;
	 margin-right:1em;
	 padding-top:1.5em;
	 }	
.etape3 {
	 display:inline-block;
	 vertical-align:middle;
	 margin-right:1em;
	 padding-top:1.6em;
	 }	
.flevert {
		width:100%;;
		display:inline-block;
        text-align:center;
	}
	.flevertdr {
		width:70%;;
		display:inline-block;
        text-align:right;
	}
    .flevertga {
		width:75%;
        text-align:left;
	}
 .flotte {
	 float:left;
	 }

 .fondgris {
	 width:80%;
	 background-color:#F7F7F7;
	 margin-left:7em;
	 margin-bottom:0.5em;
	 border-radius:20px;
	 padding-left:1em;
	padding-right:3em;
	 }	

.grandrose {
	color:#c91f7b !important;
	font-size:1.1em;
	font-weight:bold;
	margin-top:2.1em;
	padding-bottom:0.5em;
	}
.grandvert {color:#00965e !important;
font-size:2em;
margin:1em 0;
	}
	
.marge2 {margin-bottom:2em;}
.marge43 {
	margin-left:3.58em;}
.marge51 {margin-left:2.87em;}
.marge58 {margin-bottom:3.2em;}
.marge88 {margin-left:4em;}	
	
.margegen {margin:0.3em 2.2em;
		   font-family:"Arial", "sans-serif";
		   font-size:1.3em;
		   line-height:1.5em;
	}
.margegen a, .margegen a:hover, .margegen a:active {
	 color:#555555; 
	 text-decoration:none;
 }

.padtop6 {
	 max-width:50%;
	 padding-top:6.2em;
	 padding-left:2em;
	 }

.pave {
	color:#555555;
	-webkit-display:flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	justify-content:center;
	/*width:80%;*/
	width:84%;
	margin:4.38em 2em;
	border:2px solid #c91f7b;
	border-radius:20px;
	padding:1.9em;
	z-index:1;
 } 
 .pave a, .pave a:hover, .pave a:active {
	 color:#555555; 
	 text-decoration:none;
 }
 
 .paveblanc {
     float:right;
	 width:30%;
	 background-color:#FFFFFF;
	 padding:1.5em 1em;
	 }
.pavecol {
	color:#555555;
	-webkit-display:flex;
	display:flex;
	-webkit-flex-flow:column wrap;
	flex-flow:column wrap;
	justify-content:center;
	width:70%;
	margin:2em 0;
	border:2px solid #c91f7b;
	border-radius:20px;
	padding:1em 1.9em;
	z-index:1;
 } 
.pavinv {
	color:#555555;
	width:100%;
	-webkit-display:flex;
	display:flex;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	padding:1em 0;
	text-align:center;
 } 	 
 .petitpave {
	background-color:#F7F7F7;	
	margin-top:2.5em;
	padding:1.5em;
	}

.petitpave p{
	line-height:0;
	}
	
 .phonevert {
		color:#00965e;
		font-size:1.2em;
		margin-top:1em;
	}
.policenormale {
	         font-family:"Arial","Sans-Serif";
			 font-size:1.07em;
	}

.prez {
	font-family:"bnpp-sans-light";
	font-size:1.15em;
	}
 .prezflex {
	-webkit-display:flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	justify-content:left;
	margin-top:2em;
	/*width:84%;
      padding:1.9em;*/
}
.prez2 {
	font-family:"bnpp-sans-light";
	padding:0 3.5em;
	}
	
.prez3 {
font-family:"bnpp-sans-light";
font-size:1.15em;
margin-top:3em;
-webkit-display:flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-justify-content:flex-start;
justify-content:flex-start;
-webkit-align-items:flex-start;
align-items:flex-start;
	}
.prez p {
	margin-top:2em;
	}
.prez ul {
	list-style-type:none;
	}
.prez ul li:before {
	content:"\25A0";
	color:#00965e;
	}

.proggen{
	     -webkit-flex:1 0 auto;
	 	 flex:1 0 auto; 
	 }
 .progression {
	 font-size:1.4em;
	 margin-right:2em;
	 display:flex;
	 align-items:center;
	 background-color:#F7F7F7;	
 }
 .progr2 {
	 font-size:1.4em;
	 color:#ffffff;
	 margin-right:2em;
	 display:flex;
	 align-items:center;
	 background-color:#00965e;
	 }
 .progr2 a{
	 color:#ffffff;
	 }
 
.quesfr {
	margin-left:2em;
	border-left:medium solid #00965e;
    padding-left:1em;
	}

.reduc {
	font-size:0.7em;
	}
	
.repondez {
	color:#c91f7b !important;
	font-weight:bold;
	background-color:#F7F7F7;
	padding:1em 2em;
	}
.texvert {color:#00965e;
	}

.texvert1 {color:#00965e;
font-size:1.4em;
	}
.texvert2 {color:#00965e;
font-size:1.1em;
	}

.titrevert {color:#00965e !important;
font-size:3em;
line-height:100%;
margin-bottom:2em;
	}
.tranz {
	font-family:"Arial","Sans-Serif";
	margin:2em 0 0 2em;
	} 
	 
.tranzmerci {
	color:#00965e !important;
    font-size:1.3em;
	}
.tranzpoint{vertical-align:middle;}

.tranztitreroz {
	color:#c91f7b;
	font-size:2.3em;
	font-weight:bold;
	margin-bottom:1em;
	border-left: 0.1em solid #c91f7b;
	padding-left: 0.5em;
	line-height:110%;
	}
 .spacer {
	 clear:both;
	 height:0;
	 }

@media(max-width:1029px) and (min-width:1005px)
 {

.caplight2, .caplight3 {flex-direction:column;}
 
.contrib {top:-7em;}
.contrib2 {top:-24em;}
.contrib img, .contrib2 img,  {
	max-width:60%;}
	
.contrib4 {
	 right:6em;
	 top:-23em;
	 }
.disparim {display:none;}

.flevertdr, .flevertga {display:none;}

.margegen {margin:0.3em 1em;}
.margehaut {margin-top:2em;}	
.pave {
	margin:0 auto;
	flex-flow:row wrap;
	justify-content:space-between;
}
.prez2 {
	padding:1.5em 3.5em 0 3.5em;
	}
.progression img, .progr2 img {max-width:80%;}
.progression, .progr2, .progr3 {
	justify-content:center;
	padding-top:0.2em;}

 }
@media(max-width:1004px) and (min-width:769px)
{

.apparait, .apparait2 {display:none;}
.caplight2, .caplight3 {flex-direction:column;}
.connais  {width:50%;}
.contrib {right:-4.55em;}

.contrib img {
	max-width:60%;
	position:absolute;
	right:1em;
	}
.disparim {display:none;}

.fondgris, .fondgris1 {padding-right:1em;}	

.margegen {margin:0.3em 1em;}

.pave {
	margin:0 auto;
	flex-flow:row wrap;
	justify-content:space-between;
}

.pavecol {width:60%;}

.pavinv {width:60%;}
.petitpave {margin-bottom:2em;}
.prez {font-size:1em;}
.progression img, .progr2 img {max-width:80%;}
.progression, {
	justify-content:center;
		padding:0.6em 1em 0.6em 1em;}
.progr2, .progr3 {
	justify-content:center;}
  .progtab {
	  padding-left:1.3em;}
}

@media(max-width:768px) and (min-width:569px)
{  
     .accim {padding-top:0;} 
	 
   	.apparait {
       display:block;
	   width:100%;
	   text-align:center;
	   }
     .apparait2 {
	   display:block;
	   width:100%;
	   }
	   
	   	
   .caplight2, .caplight3 {
	flex-direction:column;
	}
   .chrono {margin-right:1em;}

   .connais{width:80%;}

   .contrib {width:100%;
	          top:-12em;}
			  			  
   .disparait {display:none;}
    .acacher {display:none;}
	
   .fondgris {
	 width:60%;
	 margin:1em 7em 0.5em 7em;
	 padding:0 3em 1em 1.5em;
	 }	
	 
   .grandvert .apparait {
	   text-align:left;
	   justify-content:left;
	}
	
 .globa {
		margin:0 auto;
		width:70%;
}

   .pave {
		margin:0 auto;
	-webkit-display:flex;
	display:flex;
}
  .pavinv {
	  width:130%;
  		-webkit-flex-direction:row;
		flex-direction:row;}
		
  .pavecol {width:90%;
  	margin:2em auto;
	padding:1em;}
  
  .petitpave {margin-bottom:2em;}
  
  .phonevert {margin-top:2em;}
  .phonevert .flotte:first-child {width:20%;}
  .phonevert .flotte {width:70%;}
  .prez2 {
	font-family:"bnpp-sans-light";
	padding: 1.5em 3.5em 0 1em;
	}
  .prez3 {
margin-top:0;
margin-bottom:2em;
  }
  .progression, .progr2 {
	  align-items:center;
	  margin-right:1em;
	  margin-bottom:0.6em;
	  padding:0.6em 0 0.6em 1em;
	}
		.progr3 {
	 font-size:1.4em;
	 color:#ffffff;
	 margin-right:1em;
	 margin-bottom:0.6em;
	 padding:0.6em 0 0.6em 1em;
	 display:flex;
	 align-items:left;
	 background-color:#00965e;
	}
.progression img, .progr2 img {max-width:60%;}
	
.phonevert .progression {
		margin-right:0;
		padding:0.6em 1em 0.6em 1em;
		}
	 .progtab {padding-left:0.6em;}
	
	.quesfr {
		margin-left:0.1em;
    padding-left:1em;
	}
 }
 
@media(max-width:568px)

{
	
	.acacher {display:none;}
	 .accim {
	 padding-top:0;
	 } 
	.apparait, .apparait2 {
	   width:100%;
       display:flex;
	   padding:0.5em;
	   text-align:center;
	   }
			
	.bienvenue {
		align-items:center;
		padding-left:0.5em;
		padding-right:0.5em;}
	.bienvenue img {
		display:none;}
		
		.caplight2, .caplight3 {
	flex-direction:column;
	}
	.chrono {margin-right:1em;}
	
	.connais{width:90%;}
   
    .contrib {width:16%;}
	
 .dioim3 {margin-left:40%;
 margin-bottom:1em;}		
	
	.dionon {
	float:left;
	max-width:90%;
	padding-top:0;
	padding-left:0.3em;
	box-sizing:border-box;
	}
	
	.diostyle {
	width: 91%; 
	height: 500px; 
	overflow: auto; 
	border:1px solid #777777; 
	margin-left:1em;
	padding-left:0.8em;
	}
	.diotext1 {
	float:left;
	max-width:90%;
	font-size:1.3em;
	padding:1em 0 0 1em;
	}		
	.diotext2 {
	max-width:90%;
	padding-left:2em 1em 1em 1em;
	box-sizing:border-box;
	}
		
	.disparait {display:none;
	}
	.disparim {display:none;}
	.dismob {display:none;
	}
	 .doute {
        color:#00965e;
		float:none;
        width:100%;
		margin:0.5em 0 2em;
	 }	
	 .etape2 {font-size:1.1em; }	
.etape3 {
	 font-size:1.1em;
	 }	
	 
     .fondgris {
	   width:50%;
	   margin:0.5em 8em 1em 5em;
	   padding:0 1em 1em 1.5em;
	  }	
	 
	   .globa {margin:0 auto;
	   width:80%;}
	  
	  .marge43 {margin-left:0;}
	  
	  .marge51 {margin-left:0;}
	   
.pave {margin:0 auto;
	    box-sizing:border-box;
		-webkit-flex-direction:column;
		flex-direction:column;
	    align-items:center;
		border:0 none #FFFFFF;
		padding:0 1.9em;
		}

	 .paveblanc {
     float:none;
	 width:90%;
	 margin:1em 0;
	 }
	 
	 .pavecol {width:90%;
  	margin:2em auto;
	padding:1em;
	}
	
	.pavinv {width:100%;}
	
	.petitpave {
		margin-bottom:2em;}
	
	.phonevert {margin-top:2em;}
  	.phonevert .flotte:first-child {width:20%;}
  	.phonevert .flotte {width:70%;}
	
	.prez2 {
	font-family:"bnpp-sans-light";
	padding:1.5em 1em 0 2.5em;
	}
	.prez3 {
    margin-top:0;
    padding-left:0.2em;}
  
	.progression, .progr2 {
		width:100%;
	align-items:center;
	margin-top:0.6em;
	margin-right:0;
	padding:0.6em 0 0.6em 0.4em;
	}
	.progression img, .progr2 img {
	max-width:60%;}

	.progr3 {
	 width:100%;
	 font-size:1.4em;
	 color:#ffffff;
     margin-right:2em;
	padding:0.6em 0.6em 1em;
	 display:flex;
	 align-items:center;
	 background-color:#00965e;
	}
	
	.phonevert .progression {
		margin-right:0;
		padding:0.6em 1em 0.6em 1em;
		}
		
	.quesfr {
		margin-left:0.1em;
    padding-left:1em;
	}
	 }