@charset "utf-8";
/* CSS Document */
/* Reset */
* {
  box-sizing:border-box; 
  outline:none;
  margin:0px;
  padding:0px;
	
}

ul {
  list-style:none;
}

/* Mise en forme du fond */
body{
    width:100%;
	height: 100%;
	margin:0px;
	padding:0px;
    font-family: "GillSans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial","Open Sans", "sans-serif";
	z-index: 500;
} 
.main{
	max-width: 100%;	
	margin: 0 auto;
	position: absolute;
	top:0px;
	
}

.div1-fond-page {	
		position: absolute;
		top: 12vw;
		/**top:155px;**/
		margin: 0px auto;
		z-index: 100;
		height: calc(100% - 12vw);		
		width: 100%;
		/*background-color:red;	*/
		background: linear-gradient(0deg,rgba(43,36,96,1.0) 0.5%,rgba(72,172,142,.75) 1%,rgba(72,172,142,.5) 50%,rgba(72,172,142,0.25) 75%);		
	}
.img-filligramme-gm{
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 50%;
	opacity: .15 ;
}
.img-filligramme-pm{
	position: absolute;
	bottom: 15%;
	right: 5%;
	width: 20%;
	opacity: .15 ;
}
.img-filligramme-mm{
	position: absolute;
	bottom: 10%;
	right: 5%;
	width: 37%;
	opacity: .15 ;
}
.div2-fond-page{
	position: absolute;
	top:12vw;
	margin: 0px auto;
	z-index: 100;
	height: calc(100% - 12vw);
	
	width: 100%;
	/*background: rgba(72,172,142,0.25);*/	
	background: linear-gradient(0deg,rgba(43,36,96,1.0) 0.5%,rgba(158,79,28,.75) 1%,rgba(158,79,28,.5) 50%,rgba(158,79,28,0.25) 75%);		
}




/* Mise en forme de l'entête */
.div_entete{
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	z-index: 1000;
    width: 100%;
    padding:5px; 
    margin:0px; 
	height: 8vw;	   
}
.entete_img{
	position: relative;
	top:0%;
	left: 5%;
	width: 30%;
}
.entete_h1{
	padding: 0% 5%;
	color:rgba(43,36,96,1.00);
        /*font-size: 32px; */
	font-size: calc(20px + 1vw); 
    font-style: normal;
    font-weight:normal;
    text-align: center;
	}

.entete_h2{
	padding: 0% 5%;
	color:rgba(43,36,96,1.00);
    opacity:1;
    /*font-size: 22px; */
	font-size: calc(8px + 1vw);
    font-style: normal;
    font-weight:normal;
    text-align: right;
	width: 40%;
	
}
.cl_img{
	position: absolute; 
	top : 0px;
	left: 4%;
	width :87px;
}
.cl_img-0g-00{
	position: absolute; 
	top : 00%;
	left: 10%;
	width: 11%;	
}

.cl_img-0g-10{
	position: absolute; 
	top : 15%;
	left: 10%;
	width: 11%;	
}
.cl_img-0g-25{
	position: absolute; 
	top : 25%;
	left: 10%;
	width: 11%;	
}
.cl_img-1g{
	position: absolute; 
	top : -12%;
	left: 9%;
	width: 13%;	
}
.cl_img-2g{
	position: absolute; 
	top : 0%;
	left: 13%;
	width: 11%;	
}
.cl_img-3g{
	position: absolute; 
	top : 15%;
	left: 7%;
	width: 17%;	
}
.cl_img-3bg{
	position: absolute; 
	top :27%;
	left: 10.85%;
	width: 14.5%;	
}
.cl_img-4g{
	position: absolute; 
	top : 27%;
	left: 13%;
	width: 11%;
	
}
.cl_img-5g{
	position: absolute; 
	top :5%;
	left: 11.5%;
	width: 11%;	
}
.cl_img-6g{
	position: absolute; 
	top :16%;
	left: 14%;
	width: 10%;	
}
.cl_img-7g{
	position: absolute; 
	top :4%;
	left: 11%;
	width: 11%;	
}
.cl_img-8g{
	position: absolute; 
	top :17%;
	left: 11.5%;
	width: 11%;	
}
.cl_img-9g{
	position: absolute; 
	top :26.25%;
	left: 11.25%;
	width: 8.5%;	
}
.cl_photo_cp{
	position: absolute; 
	top :15%;
	left: 3%;
	width: 30%;	
}
.cl_img-10g{
	position: absolute; 
	top :32%;
	left: 11.75%;
	width: 8%;	
}
.marionnette{
	position: absolute; 
	top :50%;
	left: 1%;
	width: 20%;	
}
.cl_img-For-1g{
	width: 100%;	
}
.cl_img-For-1g_a{
	position: relative;
	top: 50%;
	left:15%;
	width: 80%;	
}
.cl_img-For-1g_b{
	position: absolute;
	top:-52%;
	left:29%;
	width: 48%;	
	animation-name: monhochement;	
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 10;
	animation-direction: alternate-reverse;
}
	@keyframes monhochement {
		0%{
			transform: rotate(-5deg);
			transform-origin:bottom center;	
			}
		100%{
			transform: rotate(5deg);
			transform-origin:bottom center;			
		}
	}

.cl_img-For-1g_c{
	position: absolute;
	top:-22%;
	left:85%;
	width: 26%;	
	animation-name: monsalut;	
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 25;
	animation-direction: alternate-reverse;
}



@keyframes monsalut {
	0%{
		transform: rotate(-20deg);
		transform-origin:bottom center;	
		}
	100%{
		transform: rotate(0deg);
		transform-origin:bottom center;			
	}
}
.masgn{
	position:absolute;
	top:45%;
	left: -5vw;
 	margin: 0%;
 	width: 25%;
}
#masignature{
	transform: scale(calc(.20));

}
#el-1 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1.5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
#el-2 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
#el-3 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1.5s;
	animation-delay: 1.5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
#el-4 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1.5s;
	animation-delay: 2.5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
#el-5 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 2s;
	animation-delay: 3s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
#el-6 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1.5s;
	animation-delay: 3.5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

#el-8 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 3.5s;
	animation-delay: 3.8s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
#el-7 {
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 5.5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

#cadre-l1{
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 14s;
	animation-timing-function:ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-l2{
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 14.3s;
	animation-timing-function:ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-l3{
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 14.6s;
	animation-timing-function:ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-l6{
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 20s;
	animation-timing-function:ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-l4{
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 20.5s;
	animation-timing-function:ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-l5{
	stroke-dasharray: 200%;
	stroke-dashoffset: 200%;
	animation-name: sgn_cp;
	animation-duration: 1s;
	animation-delay: 21s;
	animation-timing-function:ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes sgn_cp {
	to {
		stroke-dashoffset: 0%;
	}
}
#cadre-f1{
	opacity: 0; 	
	animation-name:anim_feuille ;
	animation-duration: 3s;
	animation-delay: 14s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-f2{
	opacity: 0; 	
	animation-name:anim_feuille ;
	animation-duration: 3.5s;
	animation-delay: 14.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-f3{
	opacity: 0; 	
	animation-name:anim_feuille ;
	animation-duration: 3.5s;
	animation-delay: 15s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-f4{
	opacity: 0; 	
	animation-name:anim_feuille ;
	animation-duration: 3.5s;
	animation-delay: 15.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-f5{
	opacity: 0.01; 	
	animation-name:anim_feuille ;
	animation-duration: 3.5s;
	animation-delay: 20s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-f6{
	opacity: 0.01; 	
	animation-name:anim_feuille ;
	animation-duration: 3.5s;
	animation-delay: 20.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
#cadre-f7{
	opacity: 0.01; 	
	animation-name:anim_feuille ;
	animation-duration:3.5s;
	animation-delay: 21s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes 	anim_feuille {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}


#lgn1 path {opacity:0;animation:anim_txt 3s 18s linear forwards;}
#lgn2 path {opacity:0;animation:anim_txt 3s 18.3s linear forwards;}
#lgn3 path {opacity:0;animation:anim_txt 3s 18.6s linear forwards;}
#lgn4 path {opacity:0;animation:anim_txt 3s 18.9s linear forwards;}

@keyframes anim_txt {
	from {

		opacity:0;
	}
	to {
	  opacity:1;
	  fill:#29295f;
	}
  }

.cl_img-For-2g{
	position: absolute; 
	top :1%;
	left: 10%;
	width: 11%;	
}
.cl_for-0g-5{
	position: absolute; 
	top : 5%;
	left: 10%;
	width: 11%;	
}
.cl_img-For-3g{
	position: absolute; 
	top :26.5%;
	left: 10%;
	width: 11%;	
}
.cl_for-0g-25{
	position: absolute; 
	top : 30%;
	left: 10%;
	width: 11%;	
}
.cl_img-For-4g{
	position: absolute; 
	top :52%;
	left: 10%;
	width: 11%;	
}
.cl_for-0g-50{
	position: absolute; 
	top : 54.25%;
	left: 10%;
	width: 11%;	
}
.cl_img-For-5g{
	position: absolute; 
	top :75%;
	left: 10%;
	width: 12.75%;	
}
.cl_for-0g-75{
	position: absolute; 
	top : 76.5%;
	left: 10%;
	width: 11%;	
}

.cl_img-Cons-1g{
	position: absolute; 
	top :9%;
	left: 10.5%;
	width: 11%;	
}
.cl_cons-0g-15{
	position: absolute; 
	top : 15.5%;
	left: 10%;
	width: 11%;	
}
.cl_img-Cons-2g{
	position: absolute; 
	top :27.5%;
	left: 11%;
	width: 9%;	
}
.cl_cons-0g-25{
	position: absolute; 
	top : 25%;
	left: 10%;
	width: 11%;	
}
.cl_img-Cons-3g{
	position: absolute; 
	top :15%;
	left: 12.5%;
	width: 11%;	
}
.cl_cons-0g-20{
	position: absolute; 
	top : 26%;
	left: 10%;
	width: 11%;	
}

.cl_img-Sol-1g{
	position: absolute; 
	top :9%;
	left: 10.5%;
	width: 11%;	
}
.cl_Sol-0g{
	position: absolute; 
	top : 15.5%;
	left: 10%;
	width: 11%;	
}

.cl_img-Au-1g{
	position: absolute; 
	top :14.5%;
	left: 10.5%;
	width: 11%;		
}
.cl_Au-0g{
	position: absolute; 
	top : 25%;
	left: 10%;
	width: 11%;	
}

.cl_img-Veil-1g{
	position: absolute; 
	top :9%;
	left: 10.5%;
	width: 11%;	
}
.cl_Veil-0g{
	position: absolute; 
	top : 15.5%;
	left: 10%;
	width: 11%;	
}
.plan{
	position: absolute; 
	top :30%;
	left: 1%;
	width: 30%;	
}	
.cl_img-Cont{
	position: absolute;
	top: 0%;
	left:0%;
	width: 115%;	
}

.cl_img-100{
	position: relative; 	
	width: 40%;	
	padding: 1% 0% 1% 0%;
}
.cl_img-101{
	position: relative; 	
	width: 65%;	
	
}


.cl_img-102{
	position: relative; 	
	width: 25%;	
	padding: 1%;
}
.cl_img-103{
	position: relative; 	
	width: 95%;	
}
.cl_img-104{
	position: relative; 	
	width: 45%;	
	transform: rotate(90deg);
	transform-origin:center;
}

.img-mamain{
	position: absolute;
	top:0%;
	left:50%;
	width: 20%;	
	transform: translate(-222%,128%);	
	transform-origin: 50% 50%;	
}
.img-mamain-p{
	position: absolute;
	bottom:6vw;
	left:50%;
	width: 20%;	
	text-align: center;
	font-size: calc(10px + .5vw);
	font-weight:normal;
	color:rgba(43,36,96,1.00);
	transform: translate(-222%,128%);	
	transform-origin: 50% 50%;	
}
.img-mamain-p2{
	position: absolute;
	bottom:6vw;
	left:40.5%;
	width: 25%;	
	text-align: center;
	font-size: calc(10px + .5vw);
	font-weight:normal;
	color:rgba(43,36,96,1.00);
	transform: translate(15%,128%);	
	transform-origin: 50% 50%;	
}

.img-pouce{
	display: block;
	position: absolute;
	top:0%;
	left:50%;
	width: 8.5%;
	transform: translate(-388%,148%);
	transform-origin: 50% 50%;
	z-index: 700;
}

.img_T_21{
	position: absolute;
	top:0%;
	left:50%;
	width: 13%;
	transform:  rotate(-75deg) translate(-148%,-150%);	
	transform-origin: 50% 50%;	
	cursor:pointer;
	z-index:401 ;
}
.img_T_21.Bouger{
	animation: Move_Carte .5s forwards ease-in-out;
}

.img_T_20{
	position: absolute;
	top:0%;
	left:50%;
	width: 13%;
	transform:  rotate(-45deg) translate(-230%,-96%);	
	transform-origin: 50% 50%;	
	cursor:pointer;
	z-index:402 ;
}
.img_T_20.Bouger{
	animation: Move_Carte .5s forwards ease-in-out;
}

.img_T_19{
	position: absolute;
	top:0%;
	left:50%;
	width: 13%;
	transform:  rotate(-15deg) translate(-250%,-29%);	
	transform-origin: 50% 50%;	
	cursor:pointer;
	z-index:403 ;
}
.img_T_19.Bouger{
	animation: Move_Carte .5s forwards ease-in-out;
}

.img_T_18{
	position: absolute;
	top:0%;
	left:50%;
	width: 13%;
	transform:  rotate(15deg) translate(-200%,40%);	
	transform-origin: 50% 50%;	
	cursor:pointer;
	z-index:404 ;
}
.img_T_18.Bouger{
	animation: Move_Carte .5s forwards ease-in-out;
}

.img_T_17{
	position: absolute;
	top:0%;
	left:50%;
	width: 13%;
	transform:  rotate(45deg) translate(-80%,92%);	
	transform-origin: 50% 50%;	
	cursor:pointer;
	z-index:405 ;
}
.img_T_17.Bouger{
	animation: Move_Carte .5s forwards ease-in-out;
}

.img_T_1{
	position: absolute;
	top:0%;
	left:50%;
	width: 13%;
	transform:  rotate(75deg) translate(+65%,98%);	
	transform-origin: 50% 50%;	
	cursor:pointer;
	z-index:406 ;
}
.img_T_1.Bouger{
	animation: Move_Carte .5s forwards ease-in-out;
}

@keyframes Move_Carte {
	100% {	
	  width: 22.5%;	
	  transform: rotate(0deg) translate(75%,+1%) ;	  
	  transform-origin: 50% 50%;	  
	}
  }




.div-img{
	position: relative; 
	margin: 5px 0px 5px 0 px;
	padding: 0px;
	width: 100%;
	/**background-color: red;**/
	
	}

.cl_h1{
    position: absolute; 
		top : 50px;
		left: 10%;
	color:rgba(43,36,96,1.00);
    opacity:1;
        /*font-size: 32px; */
	font-size: calc(20px + 1vw); 
    font-style: normal;
    font-weight:normal;
    text-align: center;
	
}
.cl_h11{
    /*font-size: 22px; */
	font-size: calc(10px + 1vw);
}
.cl_h2{
    position: relative; 
	left: 50%;
	top: 16%;	
	color:rgba(43,36,96,1.00);
    opacity:1;
    /*font-size: 22px; */
	font-size: calc(10px + 1vw);
    font-style: normal;
    font-weight:normal;
    text-align: left;
	width: 40%;
	
}
.span_h2{
	position: relative; 
	top : 90px;		
}


/* Navbar */
.navbar__logo{
	color: transparent;
	width:0px;
}
.navbar {  
	display:flex;
	align-items:center; 
	justify-content:space-between; 	
	width: 100%;
	position: sticky;
	top:0px; 
	height: 4vw;
	 /*font-size: 22px; */
	font-size: calc(10px + 1vw);
	background:rgba(43,36,96,1.00);
	color:rgba(255,255,255,1.0);
	z-index: 1000;
}
.navbar__links { 
  display:flex;   
}
.navbar__link { 
  padding:10px 5px 10px 5px;
}

.burger {
  	display:block;
	padding:0;
    width:0px;
    height:0px;
    border:none;	
}



/*  Medium device - Bonus */



.div-anim-presentation{
	/* display : grid; */
	width: 100%;
	
	/* grid-template-rows: auto;
	grid-template-columns: 50vw 50vw; */
	z-index: 99;
}

.div-gif{
	/* display: table; */
	z-index: 99;
	align-items: center;	
	height:  auto;
		
}
.cl-gif{
	/* display: table-cell; */
	vertical-align: middle;		
	
	width: 75%;	
}
.div-gif2{
	z-index: 99;	
		
}
.cl-gif2{
	position: relative;
	top:0%;
	left:4%;
	width: 100%;	
}



.cl-logo{	
	display:none;
	position: absolute;	
	top: 2.9%;
	left:23.3%;
	width:25.75%
}
.div-cont-message{
	z-index: 102;
	align-self: center;
	height: auto;
	/*font-size: 22px; */
	font-size: calc(10px + 1vw);
	color:rgba(43,36,96,1.00);	
}
.div_message{
	display: table;	
	z-index: 103;
	padding: 0% 5% 0% 0%;	
}
.cl-txt-titre{
	display: table-cell;
	position: absolute;	
	top: -150px;
	width: 90%;	
}	
.cadre-titre{
	display: table-cell;
	position: absolute;	
	top: -150px;
	width: 90%;	
}



.list-activites{
	position: relative;
	left:10%;
}
.list-activites ul{
	position: relative;
	left:15%;
}


.div-corps-page{
	display: block;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
	top : 0px;
	width: 100%;
	z-index: 150;
}

.h1-titre{
    width: 100%;
	padding:5px; 
    border:thin ; 
    margin:0px auto; 
	text-align: center;
	background-color: rgba(72,172,142,1.00);
	 /*font-size: 22px; */
	font-size: calc(10px + 1vw);
	font-weight: normal;
	color: rgba(255,255,255,1.00);
	z-index: 203;	
}
.h2-titre{
    border:thin ;
	text-align: center;		
	font-size: calc(10px + 1vw);
	font-weight:normal;
	color: rgba(255,255,255,1.00);
	z-index: 250;	
}
.div-h2-titre{
	margin:0px 15%;
	background-color: rgba(72,172,142,0.5);
	z-index: 249;
}
.h2-titre-ml{
    border:thin ;
	text-align: left;		
	font-size: calc(10px + 1vw);
	font-weight:bold;
	color: rgba(255,255,255,1.00);
	z-index: 250;	
}
.h2-titre-cont{
    border:thin ;
	text-align: center;		
	font-size: calc(10px + 1vw);
	font-weight:bold;
	color: rgba(255,255,255,1.00);
	z-index: 250;	
}
.div-h2-titre-ml{
	margin:0px 5%;
	background-color: rgba(72,172,142,0.5);
	z-index: 249;
}
.div-h2-titre-cont{
	margin:0px 5%;
	background-color: rgba(72,172,142,0.5);
	z-index: 249;
}
.div-partenaire{
	position: relative;
	margin:0px 5%;	
	z-index: 249;
	background-color: yellow;
}
.img-partenaire{
	position: absolute; 
	top :78%;
	left: 5%;
	width: 90%;	
}	
.cl_img-partenaire{
	position: absolute;
	top: 5%;
	left: 5%;
	width: 15%;
}
.cl-cont-logo{
	filter: grayscale(0) blur(0px);	
	transition: all 0.5s ease;	
}
.cl-cont-logo:hover{
	border-radius: 50%;  /* on arrondit l'image */
	transform: rotate(360deg); /* rotation de l'image */
	
}


.cl-cont-logo-1{
	position: relative;
	width: 5%;
	filter: grayscale(0) blur(0px);	
	transition: all 0.5s ease;	
}
.cl-cont-logo-1:hover{
	border-radius: 50%;  /* on arrondit l'image */
	transform: rotate(360deg); /* rotation de l'image */
	
}





.div-logo{
	position: relative;	
	margin: 0%;
	padding: 0%;	
	width: 25%;
	left:0%;
	top:0px;
}
.div-txt{
	position: relative;	
	margin: 0%;
	padding: 0%;
	z-index: 215;	
	width: 75%;
	left:25%;
	top:0px;
	font-size: calc(10px + 1vw);
	color:rgba(43,36,96,1.00);
}
.div-txt-50G{
	display: block;
	position: relative;
	top: 0px;
	z-index: 216;	
	width: 50%;	
	text-align: center;
	padding: 5px;
	margin: 0px;	
}

.div-txt-50D{
	position:relative;	
	top: 0px;
	z-index: 216;	
	width: 100%;	
	height: 44vw;
	left:0%;

	padding: 5px;
	margin: 0px;
	background-color:transparent;
}

.div-txt-100{
	display: block;
	position: relative;
	top: 0px;
	z-index: 216;	
	width: 100%;	
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.div-txt-101{
	position: relative;
	z-index: 217;	
	width: 100%;
	left:0;
	text-align: center;
	padding: 10px;
	transition: .3s ease-in-out;
}
.div-txt-101:hover{
	transform: scale(1.25);
}

.div-txt-ml{
	position: relative;
	z-index: 218;	
	width: 100%;	
	text-align: center;
	margin:0% 0% 0% 0%;
	padding: 00px;
}
.p-corps-ml{
	margin: 5px 0px 5px 0px;
	padding:5px 5%;
	text-align: left;
	font-size: calc(10px + 1vw);
	color:rgba(43,36,96,1.00);
	
}
.p-corps-cont1{
	margin: 5px 0px 5px 0px;
	padding:5px 5%;
	text-align: center;
	font-size: calc(10px + 1vw);
	font-weight: bold;
	color:rgba(43,36,96,1.00);
}
.p-corps-cont2{
	margin: 5px 0px 5px 0px;
	padding:5px 5%;
	text-align: center;
	font-size: calc(10px + 1vw);
	font-weight: bold;
	color:rgba(43,36,96,1.00);
}

.p-corps{
	padding:0% 15%;
	 /*font-size: 22px; */
	font-size: calc(10px + 1vw);
	color:rgba(43,36,96,1.00);
	/*background-color: aqua;*/
	font-size: calc(10px + 1vw);
}
.ul-corps{
	padding:0px 15% 0px 20%;
	list-style:disc;
	text-align: left;
	font-size: calc(10px + 1vw);
	color:rgba(43,36,96,1.00);
	
}
.ol-corps{
	padding:0px 15% 0px 20%;
	list-style:decimal;
	/*font-size: 22px; */
	font-size: calc(10px + 1vw);
	color:rgba(43,36,96,1.00);
}

.cl_img_titre{
	position: absolute; 
	top : 0px;
	left: 0%;	
	width :40%;
	opacity: .25;
	
}
.div_titre-page-1 { 
	position: absolute;
	top:0%;
	left : 0%;
	width: 30%;
	font-size: calc(10px + 1.5vw);
	font-weight: normal;
	text-align: right;
	color:rgba(43,36,96,1.00);	
		
}
.div_titre-page-2 { 
	position: absolute;
	top: 9%;
	left : 0%;
	width: 30%;
	font-size: calc(10px + 1.5vw);
	font-weight: normal;
	text-align: right;
	color:rgba(43,36,96,1.00);		
}
.div_titre-page-2b { 
	position: absolute;
	top: 5%;
	left : 0%;
	width: 30%;
	font-size: calc(10px + 1.5vw);
	font-weight: normal;
	text-align: right;
	color:rgba(43,36,96,1.00);		
}
.div_titre-page-3 { 
	position: absolute;
	top:10%;
	left : 0%;
	width: 30%;
	font-size: calc(10px + 1.5vw);
	font-weight: normal;
	text-align: right;
	color:rgba(43,36,96,1.00);		
}
	.h1_titre-p{
		position: relative;
		width: 100%;
		font-size: calc(10px + 3.5vw);
		font-weight: normal;	
		animation-name:mon_anim ;
		animation-direction: reverse;
		animation-duration: 5s;
		animation-delay: 0ms;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}	
	.h1_titre-page{
		position: absolute;
		top:0%;
		width: 100%;
		font-size: calc(10px + 3.5vw);
		font-weight: normal;
		color:rgba(43,36,96,1.00);
		animation-name:mon_anim ;
		animation-duration: 5s;
		animation-delay: 0ms;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}


	.h2_titre-page{
		position: absolute;	
		top:35%;
		width: 100%;
		font-size: calc(6px + 1.8vw);
		color:rgba(72,172,142,1.00);	
	}
	.div_titre-page-simple { 
		position: absolute;
		top:1%;
		left : 0%;
		width: 30%;
		text-align: right;
	}
	@keyframes mon_anim {
		0%{
			transform: width(0%);
			opacity: 0;
		}	
		100%{
			transform: width(100%);
			opacity: 1;
		}	
	}
.animated-text span:not(.fade) {
  opacity:0;
  transform: translateY(50%) rotate(45deg);
}

.animated-text span {
  transition:all .4s;
  display:inline-block;
}

.animated-text--typing span.fade + span:not(.fade) {
  transition: none;
  background:black;
  opacity:1;
  transform: none;
  color:transparent;
}

.reveal [class*="reveal-"] {
    opacity: 0!important;
    transform: translateY(30px)!important;
}

.reveal-visible [class*="reveal-"]{
    opacity: 1!important;
    transform: translateY(0px)!important;	
    transition: 1s cubic-bezier(.5, 0, 0, 1);
}

/* On ajoute du délai */
.reveal-visible .reveal-2 {
    transition-delay: .1s;
}

.reveal-visible .reveal-3 {
    transition-delay: .2s;
}

.reveal-visible .reveal-4 {
    transition-delay: .3s;
}
.reveal-visible .reveal-5 {
    transition-delay: .4s;
	
}.reveal-visible .reveal-6 {
    transition-delay: .5s;
}

.reveal-visible .reveal-7 {
    transition-delay: .6s;
}

.reveal-visible .reveal-8 {
    transition-delay: .7s;
}
.reveal-visible .reveal-9 {
    transition-delay: .8s;
	
}.reveal-visible .reveal-10 {
    transition-delay: .9s;
}

footer{
	position: relative;
	
	width: 100%;
	height: 100px;
	border-top: 2px solid rgba(43,36,96,1.00);
	background-color: rgba(43,36,96,1.00);
	z-index: 900;
}
.div_Footer{

    width: 100%;
	height: 100px;
    padding:5px; 
    border:thin ; 
    margin:0px auto; 
	text-align: center;	
	background-color: trans;		
	color: rgba(255,255,255,1.00);

}
.div_Footer a{
	text-decoration:none;
	color: rgba(255,255,255,1.00);
}

@media screen and (min-width:768px) {
	
	
	.navbar__link > a::after {
	  display:block;
	  content:"";
	  width:0%;
	  height:1px;
	  background:rgba(255,255,255,1.0);
	  transition:width .4s;
	}
	.navbar__link:hover > a::after {
	  width:100%;
	}
  
	  nav > ul > li{	
		  position: relative	
  
	  }
	  nav > ul::after{
		  content: "";
		  clear:both;
	  }
  
  
	  .navbar__link > a {
		  display:block;	
		  /*font-size: 20px; */
		  font-size: calc(7px + 1vw);      
		  transition: all .4s ease-in-out;
		  color:rgba(255,255,255,1.0);
		  text-decoration:none;
		  padding: 10px 5px 10px 5px;	
		}
	  .navbar__link:hover .submenu{
		  display:block;
		  position: absolute;
		  top: 100%;
		  padding: 0px;
		  
	  }
	  .submenu{
		  display: none;
	  }
	  
  }	
	  
	  
	  
	  .navbar__link ul{	
		  text-align: center;
	  }
	  .navbar__link ul li {	
		  padding: 10px 5px;
	  }
  
	  .submenu li a{
		  text-decoration:none;
		  /*font-size: 22px; */
		  font-size: calc(5px + 1vw);
		  color:  rgba(43,36,96,1.00);/* couleur bleu */
		  /*width: 150px;*/
		  padding: 15px 10px;
  
	  }
	  .submenu li:hover a{
		  color:  rgba(255,255,255,1.00);/* couleur blanc */
		  font-weight: bold
	  }	
	  .submenu li{
		  border-bottom: 1px solid  rgba(43,36,96,0.5);/* couleur bleu */
	  }
	  .acc:hover{
		  border-top:5px solid rgba(72,172,142,1.00); /* couleur verte */ 
		  background-color: rgba(72,172,142,0.30);
	  }
	  .acc .submenu{	
		  background-color: rgba(72,172,142,1.00); /* couleur verte */ 
		  width:300px;
		  left:-100px;
	  }
	  .acc .submenu li:hover{	
		  background-color: rgba(45,108,89,1.00); /* couleur verte foncé */ 
	  }
	  .form:hover{
		  border-top:5px solid rgba(72,172,142,1.00); /* couleur verte */ 
		  background-color: rgba(72,172,142,0.30);
	  }
	  .form .submenu{	
		  background-color: rgba(72,172,142,1.00); /* couleur verte */ 
		  width:250px;
		  left:-75px;
	  }
	  .form .submenu li:hover{	
		  background-color: rgba(45,108,89,1.00); /* couleur verte foncé */ 
  
	  }
	  .cons:hover{
		  border-top:5px solid rgba(72,172,142,1.00); /* couleur verte */ 
		  background-color: rgba(72,172,142,0.30);
	  }
	  .cons .submenu{	
		  background-color: rgba(72,172,142,1.00); /* couleur verte */ 
		  width:250px;
		  left: 0px;
	  }
	  .cons .submenu li:hover{	
		  background-color: rgba(45,108,89,1.00); /* couleur verte foncé */ 
  
	  }
	  .sol:hover{
		  border-top:5px solid rgba(72,172,142,1.00); /* couleur verte */ 
		  background-color: rgba(72,172,142,0.30);
	  }
	  .sol .submenu{	
		  background-color: rgba(72,172,142,1.00); /* couleur verte */ 
		  width:235px;
		  left:0px;
	  }
	  .sol .submenu li:hover{	
		  background-color: rgba(45,108,89,1.00); /* couleur verte foncé */ 
	  }
	  .aud:hover{
		  border-top:5px solid rgba(72,172,142,1.00); /* couleur verte */ 
		  background-color: rgba(72,172,142,0.30);
	  }
	  .aud .submenu{	
		  background-color: rgba(72,172,142,1.00); /* couleur verte */ 
		  width:250px;
		  left:-75px;
	  }
	  .aud .submenu li:hover{	
		  background-color: rgba(45,108,89,1.00); /* couleur verte foncé */ 
	  }
	  .vei:hover{
		  border-top:5px solid rgba(72,172,142,1.00); /* couleur verte */ 
		  background-color: rgba(72,172,142,0.30);
	  }
	  .vei .submenu{	
		  background-color: rgba(72,172,142,1.00); /* couleur verte */ 
		  width:250px;
		  left:-40px;
	  }
	  .vei .submenu li:hover{	
		  background-color: rgba(45,108,89,1.00); /* couleur verte foncé */ 
	  }
	  .cont:hover{
		  border-top:5px solid rgba(158,79,28,1.00); /* couleur marron */ 
		  background-color: rgba(158,79,28,0.30);
	  }
	  .cont .submenu{	
		  background-color: rgba(158,79,28,1.00); /* couleur marron */ 
		  width:250px;
		  left:-75px; 
	  }
	  .cont .submenu li:hover{	
		  background-color: rgba(94,47,16,1.00); /* couleur marron foncé */ 
	  }
	  .qsn:hover{
		  border-top:5px solid rgba(158,79,28,1.00); /* couleur marron */
		  background-color: rgba(158,79,28,0.30);
	  }
	  .qsn .submenu{	
		  background-color: rgba(158,79,28,1.00); /* couleur marron */
		  width:180px;
		  left:0px; 
	  }
	  .qsn .submenu li:hover{	
		  background-color: rgba(94,47,16,1.00); /* couleur marron foncé */ 
	  }
  
	  .navbar__link:hover {
		  padding: 5px 5px 10px 5px;
	  }
  
	  .span_SH{
		  text-decoration:overline;
	  }
	  .span_SB{
		  text-decoration:underline;
	  }
  
  /*  Small device */
  @media screen 
	  and (min-width:350px) 
	  and (max-width:767.98px) {
	  .div_entete{
		  display:flex;
		  align-items:center; 
		  justify-content:space-between; 
		  z-index: 1000;
		  width: 100%;
		  padding:5px; 
		  margin:0px; 
	  }
	  .entete_h2{
		  font-size: calc(10px);		
	  }
	  .entete_img{
		  width: 40%;
	  }
	  .div-txt{
		  width: 80%;
		  left:20%;
		  top:0px;
		  font-size: 10px;
		  /*background-color: red;*/
	  }
	  .p-corps{
		  padding:0% 5%;	
		  font-size: 14px;
		  color:rgba(43,36,96,1.00);
		  /*background-color: aqua;*/
	  }
	  .cl_img-0g-00{
		  top : 00%;
		  left: 5%;
		  width: 11%;	
	  }
	  .cl_img-0g-10{ 
		  top : 15%;
		  left: 5%;
		  width: 11%;	
	  }
	  .cl_img-0g-25{ 
		  top : 25%;
		  left: 5%;
		  width: 11%;	
	  }
	  .cl_img-1g{
		  top : -7%;
		  left: 4%;
		  width: 13%;	
	  }
	  .cl_img-2g{ 
		  top : 5%;
		  left: 8%;
		  width: 11%;	
	  }
	  .cl_img-3g{ 
		  top : 22%;
		  left: 3%;
		  width: 15%;	
	  }
	  .cl_img-3bg{ 
		  top :25.5%;
		  left: 6.10%;
		  width: 14.5%;	
	  }
	  .cl_img-4g{ 
		  top : 26%;
		  left: 9%;
		  width: 11%;
		  
	  }
	  .cl_img-5g{ 
		  top :10%;
		  left: 6.5%;
		  width: 11%;	
	  }
	  .cl_img-6g{		   
		  top :21%;
		  left: 9%;
		  width: 10%;	
	  }
	  .cl_img-7g{
		  top :9%;
		  left: 6%;
		  width: 11%;	
	  }
	  .cl_img-8g{		   
		  top :22%;
		  left: 6.5%;
		  width: 11%;	
	  }
	  .cl_img-9g{	  
		  top :26%;
		  left: 6.25%;
		  width: 8.5%;	
	  }
	  .cl_photo_cp{		  
		  top :15%;
		  left: 1%;
		  width: 25%;	
	  }
	  .cl_img-10g{
		  top :27%;
		  left: 6.75%;
		  width: 8%;	
	  }
	  .cl_img-100{
		position: relative; 	
		width: 75%;	
		padding: 1% 0% 1% 0%;
	}
	.cl_img-101{
		width: 85%;			
	}
	.div_titre-page-1 { 
		width: 20%;		
	}
	.div_titre-page-2 { 
		top: 15%;
		left : 0%;
		width: 20%;
		font-size: calc(10px + 1.5vw);
		font-weight: normal;
		text-align: right;
		color:rgba(43,36,96,1.00);		
	}
	.cl-gif2{
		left:-40%;
		width: 150%;	
	}
	.h2_titre-page{
		top:35%;
		width: 100%;
		font-size: calc(6px + 0.8vw);
	}
	.marionnette{ 
		top :45%;
		left: 0%;
		width: 25%;	
	}
	.div-txt-50D{	
		height: 97vw;		
	}
	.img_T_21.Bouger{
		animation: Move_Carte2 .5s forwards ease-in-out;
	}
	.img_T_20.Bouger{
		animation: Move_Carte2 .5s forwards ease-in-out;
	}
	.img_T_19.Bouger{
		animation: Move_Carte2 .5s forwards ease-in-out;
	}
	.img_T_18.Bouger{
		animation: Move_Carte2 .5s forwards ease-in-out;
	}
	.img_T_17.Bouger{
		animation: Move_Carte2 .5s forwards ease-in-out;
	}
	.img_T_1.Bouger{
		animation: Move_Carte2 .5s forwards ease-in-out;
	}
	@keyframes Move_Carte2{
		100% {	
		  width: 49%;	
		  transform: rotate(0deg) translate(0%,+1%) ;	  
		  transform-origin: 50% 50%;	  
		}
	  }
	  .img-mamain-p{
		bottom:55vw;
		left:85%;
		width: 35%;	
		font-size: calc(14px);		
		transform: translate(-222%,128%);	
		transform-origin: 50% 50%;	
	}
	.img-mamain-p2{
		bottom:10vw;
		left:7%;
		width: 35%;	
		font-size: calc(14px);
		transform: translate(15%,128%);	
		transform-origin: 50% 50%;	
	}
	.cl_img-For-2g{
		top :4.25%;
	}
	.cl_for-0g-5{ 
		top : 6%;
	}
	.cl_img-For-3g{
		top :28.5%;
	}
	.cl_for-0g-25{
		top : 30%;
	}
	.cl_img-For-4g{
		top :57.25%;
	}
	.cl_for-0g-50{ 
		top : 58.25%;
	}
	.cl_img-For-5g{
		top :80%;	
	}
	.cl_for-0g-75{
		top : 80.5%;
		left: 10%;
	}
	.div_titre-page-2b { 
		top: 7%;
		width: 20%;		
	}

	.cl_img-Cons-1g{
		top :21%;
		left: 10.5%;
		width: 11%;	
	}
	.cl_cons-0g-15{ 
		top : 25%;
	}
	.cl_img-Cons-2g{
		top :36.5%;
	}
	.cl_cons-0g-25{
		top : 35%;
	}
	.cl_img-Cons-3g{ 
		top :28%;
	}
	.cl_cons-0g-20{ 
		top : 35%;
	}
	.cl_img-Sol-1g{
		top :31%;
	}
	.cl_Sol-0g{ 
		top : 35.5%;
	}
	.div_titre-page-3 { 
		top: 15%;
		width: 20%;		
	}
	.cl_img-Au-1g{
		top :33%;
	}
	.cl_Au-0g{
		top : 35.5%;
	}
	
	.cl_img-Veil-1g{
		top :20%;
	}
	.cl_Veil-0g{ 
		top : 25%;		
	}
	.plan{
		top :40%;
		left: 1%;
		width: 40%;	
	}	

	.img-partenaire{		
		top :85%;		
	}






















  
	  .cl_img{
		  left: 2%;
		  width :50px;
	  }
	  .cl_h1{ 
		  top : 25px;
		  left: 10%;
		  color:rgba(43,36,96,1.00);		    
		  font-size: 20px;
	  }
	  .cl_h11{
		  font-size: 14pt;
	  }
	  .cl_h2{
		  position: relative; 
		  left: 65%;
		  top: 14%;	
		  color:rgba(43,36,96,1.00);
		  opacity:1;
		  font-size: 14pt; 
		  font-style: normal;
		  font-weight:normal;
		  text-align: left;
	  }
	  .span_h2{
		  position: relative; 
		  top : 90px;		
	  }	
	  .navbar{		
		  position: sticky;
		  top:0px;
		  width: 100%;
		  height: 45px;
		  z-index: 2000;
	  }
	  .navbar__link {
		  padding: 10px 5px 5px 10px;		
	  }
	  .navbar__links { 
		   overflow:hidden;
		  display:block;
		  flex-direction:column; 
		  position:absolute;
		  top:100%;
		  background:rgba(43,36,96,1.00);     
		  transform: translateX(110%);
		  transition: all .5s ease-in-out;		
		  width: 100%;
		  font-size: 10px;
		  text-align: center;		  
		}	
		  .navbar__link > a {
		  display:block;	
		  font-size:18px;      
		  transition: all .4s ease-in-out;
		  color:rgba(255,255,255,1.0);
		  text-decoration:none;		
		}
	  
   .show-nav .navbar__links {     
	  width:100%;    
	  transform: translateX(0);
	} 
	.navbar__link {    
	  transform: translateX(101%);
	  transition: all .5s ease-in-out;
	}  
	.show-nav .navbar__link  {        
	  transform: translateX(0);    
	} 
	.navbar__link > a:hover {
	  letter-spacing:5px;
	}
	  
  
	/* Toggle menu */
	.burger {
	  display:block;
	  position:relative;
	  top:0px;
	  padding:0;
	  width:45px;
	  height:45px;
	  border:none;
	  background:transparent;
	  cursor:pointer;
	}
	.bar {
	  display:block;    
	  width:45px;
	  height:4px;  
	  border-radius:3px;
	  background:rgba(255,255,255,1.0); 
	  transition: all .5s ease-in-out;   
	}
	.bar::before, .bar::after {
	  content:"";
	  width:45px;
	  height:4px;
	  position:absolute; 
	  left:0;  
	  background:rgba(255,255,255,1.0); 
	  border-radius:3px;    
	  transition: all .5s ease-in-out;
	}
	.bar::before {
	  transform:translateY(-12px)
	}
	.bar::after {
	  transform:translateY(12px)
	}
	.show-nav .bar {
	  width:0;
	  background:transparent;    
	}
	.show-nav .bar::before {
	  transform:rotate(45deg);
	}
	.show-nav .bar::after {
	  transform:rotate(-45deg);
	}
	
	/* Bonus - Animations */
	.show-nav .acc {      
	  transition: all 1s ease-out;
	} 
	.show-nav .form {      
	  transition: all 1.1s ease-out;
	} 
	.show-nav .cons {      
	  transition: all 1.2s ease-out;
	} 
	.show-nav .sol {      
	  transition: all 1.3s ease-out;
	} 
	.show-nav .aud {      
	  transition: all 1.4s ease-out;
	}
	.show-nav .vei {      
	  transition: all 1.5s ease-out;
	}	
	.show-nav .cont {      
	  transition: all 1.6s ease-out;
	}	
	.show-nav .qsn {      
	  transition: all 1.7s ease-out;
	}	
	  nav ul{
		  display: none;
	  }
	  nav ul li, nav ul li a{
		  width: 100%;
		  font-size: 18px;
		  text-align: center;
		  padding: 0px 0px;
		  
		  
	  }
	  nav ul li, nav ul li:hover a{
		  padding: 0px 0px;
	  }
	  
		  nav li:hover .submenu{
		  display: block;
		  position:static;
	  }
  
	  .submenu li a{
		  font-size: 18px;		
		  padding: 0px;
	  }
	  .acc .submenu{	
		  width:100%;	
	  }
	  .form .submenu{	
		  width:100%;	
	  }
	  .cons .submenu{	
		  width:100%;	
	  }
	  .sol .submenu{	
		  width:100%;	
	  }
	  .aud .submenu{	
		  width:100%;	
	  }
	  .vei .submenu{	
		  width:100%;	
	  }
	  .cont .submenu{	
		  width:100%;	
	  }
	  .navbar__link:hover {
		  padding: 5px 5px 5px 10px;
	  }
  
	  .masgn{
		  top:55%;
		  left: -40%;
		  width: 20%;
	  }
	  #masignature{		
		  transform: scale(.15);	
	  }
	}  
	  @media screen and (max-width: 349.98px){
		.div_entete{
		  display:flex;
		  align-items:center; 
		  justify-content:space-between; 
		  z-index: 1000;
		  width: 100%;
		  padding:5px; 
		  margin:0px; 
	  	}
		  .entete_h2{
			font-size: calc(10px);
		}
		.entete_img{
			width: 50%;
		}
		.div-txt{
			width: 80%;
			left:20%;
			top:0px;
			font-size: 10px;
			/*background-color: red;*/
		}
		.p-corps{
			padding:0% 5%;	
			font-size: 14px;
			color:rgba(43,36,96,1.00);
			/*background-color: aqua;*/
		}
		.cl_img-0g-00{
			top : 00%;
			left: 5%;
			width: 11%;	
		}
		.cl_img-0g-10{ 
			top : 15%;
			left: 5%;
			width: 11%;	
		}
		.cl_img-0g-25{ 
			top : 25%;
			left: 5%;
			width: 11%;	
		}
		.cl_img-1g{
			top : -3%;
			left: 4%;
			width: 13%;	
		}
		.cl_img-2g{ 
			top : 8%;
			left: 8%;
			width: 11%;	
		}
		.cl_img-3g{ 
			top : 23.5%;
			left: 3%;
			width: 15%;	
		}
		.cl_img-3bg{ 
			top :25.5%;
			left: 6.10%;
			width: 14.5%;	
		}
		.cl_img-4g{ 
			top : 25.5%;
			left: 9%;
			width: 11%;
			
		}
		.cl_img-5g{ 
			top :12%;
			left: 6.5%;
			width: 11%;	
		}
		.cl_img-6g{		   
			top :23%;
			left: 9%;
			width: 10%;	
		}
		.cl_img-7g{
			top :11%;
			left: 6%;
			width: 11%;	
		}
		.cl_img-8g{		   
			top :23%;
			left: 6.5%;
			width: 11%;	
		}
		.cl_img-9g{	  
			top :25.5%;
			left: 6.25%;
			width: 8.5%;	
		}
		.cl_photo_cp{		  
			top :15%;
			left: 1%;
			width: 25%;	
		}
		.cl_img-10g{
			top :26%;
			left: 6.75%;
			width: 8%;	
		}
		.cl_img-100{
		  position: relative; 	
		  width: 95%;	
		  padding: 1% 0% 1% 0%;
	  }
	  .cl_img-101{
		  width: 85%;			
	  }
	  .div_titre-page-1 { 
		  width: 20%;		
	  }
	  .div_titre-page-2 { 
		  top: 15%;
		  left : 0%;
		  width: 20%;
		  font-size: calc(10px + 1.5vw);
		  font-weight: normal;
		  text-align: right;
		  color:rgba(43,36,96,1.00);		
	  }
	  .cl-gif2{
		  left:-40%;
		  width: 150%;	
	  }
	  .h2_titre-page{
		  top:35%;
		  width: 100%;
		  font-size: calc(6px + 0.8vw);		
	  }
	  .marionnette{ 
		  top :25%;
		  left: 0%;
		  width: 30%;	
	  }
	  .div-txt-50D{	
		  height: 97vw;		
	  }
	  .img_T_21.Bouger{
		  animation: Move_Carte3 .5s forwards ease-in-out;
	  }
	  .img_T_20.Bouger{
		  animation: Move_Carte3 .5s forwards ease-in-out;
	  }
	  .img_T_19.Bouger{
		  animation: Move_Carte3 .5s forwards ease-in-out;
	  }
	  .img_T_18.Bouger{
		  animation: Move_Carte3 .5s forwards ease-in-out;
	  }
	  .img_T_17.Bouger{
		  animation: Move_Carte3 .5s forwards ease-in-out;
	  }
	  .img_T_1.Bouger{
		  animation: Move_Carte3 .5s forwards ease-in-out;
	  }
	  @keyframes Move_Carte3{
		  100% {	
			width: 49%;	
			transform: rotate(0deg) translate(0%,+1%) ;	  
			transform-origin: 50% 50%;	  
		  }
		}
		.img-mamain-p{
		  bottom:55vw;
		  left:85%;
		  width: 35%;	
		  font-size: calc(14px);		
		  transform: translate(-222%,128%);	
		  transform-origin: 50% 50%;	
	  }
	  .img-mamain-p2{
		  bottom:10vw;
		  left:7%;
		  width: 35%;	
		  font-size: calc(14px);
		  transform: translate(15%,128%);	
		  transform-origin: 50% 50%;	
	  }
	  .cl_img-For-2g{
		  top :4.25%;
	  }
	  .cl_for-0g-5{ 
		  top : 6%;
	  }
	  .cl_img-For-3g{
		  top :28.5%;
	  }
	  .cl_for-0g-25{
		  top : 30%;
	  }
	  .cl_img-For-4g{
		  top :57.25%;
	  }
	  .cl_for-0g-50{ 
		  top : 58.25%;
	  }
	  .cl_img-For-5g{
		  top :80%;	
	  }
	  .cl_for-0g-75{
		  top : 80.5%;
		  left: 10%;
	  }
	  .div_titre-page-2b { 
		  top: 7%;
		  width: 20%;		
	  }
  
	  .cl_img-Cons-1g{
		  top :23%;
		  left: 10.5%;
		  width: 11%;	
	  }
	  .cl_cons-0g-15{ 
		  top : 25%;
	  }
	  .cl_img-Cons-2g{
		  top :35.75%;
	  }
	  .cl_cons-0g-25{
		  top : 35%;
	  }
	  .cl_img-Cons-3g{ 
		  top :30%;
	  }
	  .cl_cons-0g-20{ 
		  top : 35%;
	  }
	  .cl_img-Sol-1g{
		  top :34%;
	  }
	  .cl_Sol-0g{ 
		  top : 35.5%;
	  }
	  .div_titre-page-3 { 
		  top: 15%;
		  width: 20%;		
	  }
	  .cl_img-Au-1g{
		  top :33%;
	  }
	  .cl_Au-0g{
		  top : 35.5%;
	  }
	  
	  .cl_img-Veil-1g{
		  top :20%;
	  }
	  .cl_Veil-0g{ 
		  top : 25%;		
	  }
	  .plan{
		  top :64%;
		  left: 1%;
		  width: 40%;	
	  }	
  
	  .img-partenaire{		
		  top :85%;		
	  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
	
		.cl_img{
			left: 2%;
			width :50px;
		}
		.cl_h1{ 
			top : 25px;
			left: 10%;
			color:rgba(43,36,96,1.00);		    
			font-size: 20px;
		}
		.cl_h11{
			font-size: 14pt;
		}
		.cl_h2{
			position: relative; 
			left: 65%;
			top: 14%;	
			color:rgba(43,36,96,1.00);
			opacity:1;
			font-size: 14pt; 
			font-style: normal;
			font-weight:normal;
			text-align: left;
		}
		.span_h2{
			position: relative; 
			top : 90px;		
		}	
		.navbar{		
			position: sticky;
			top:0px;
			width: 100%;
			height: 45px;
			z-index: 2000;
		}
		.navbar__link {
			padding: 10px 5px 5px 10px;		
		}
		.navbar__links { 
			 overflow:hidden;
			display:block;
			flex-direction:column; 
			position:absolute;
			top:100%;
			background:rgba(43,36,96,1.00);     
			transform: translateX(110%);
			transition: all .5s ease-in-out;		
			width: 100%;
			font-size: 10px;
			text-align: center;		  
		  }	
			.navbar__link > a {
			display:block;	
			font-size:18px;      
			transition: all .4s ease-in-out;
			color:rgba(255,255,255,1.0);
			text-decoration:none;		
		  }
		
	 .show-nav .navbar__links {     
		width:100%;    
		transform: translateX(0);
	  } 
	  .navbar__link {    
		transform: translateX(101%);
		transition: all .5s ease-in-out;
	  }  
	  .show-nav .navbar__link  {        
		transform: translateX(0);    
	  } 
	  .navbar__link > a:hover {
		letter-spacing:5px;
	  }
		
	
	  /* Toggle menu */
	  .burger {
		display:block;
		position:relative;
		top:0px;
		padding:0;
		width:45px;
		height:45px;
		border:none;
		background:transparent;
		cursor:pointer;
	  }
	  .bar {
		display:block;    
		width:45px;
		height:4px;  
		border-radius:3px;
		background:rgba(255,255,255,1.0); 
		transition: all .5s ease-in-out;   
	  }
	  .bar::before, .bar::after {
		content:"";
		width:45px;
		height:4px;
		position:absolute; 
		left:0;  
		background:rgba(255,255,255,1.0); 
		border-radius:3px;    
		transition: all .5s ease-in-out;
	  }
	  .bar::before {
		transform:translateY(-12px)
	  }
	  .bar::after {
		transform:translateY(12px)
	  }
	  .show-nav .bar {
		width:0;
		background:transparent;    
	  }
	  .show-nav .bar::before {
		transform:rotate(45deg);
	  }
	  .show-nav .bar::after {
		transform:rotate(-45deg);
	  }
	  
	  /* Bonus - Animations */
	  .show-nav .acc {      
		transition: all 1s ease-out;
	  } 
	  .show-nav .form {      
		transition: all 1.1s ease-out;
	  } 
	  .show-nav .cons {      
		transition: all 1.2s ease-out;
	  } 
	  .show-nav .sol {      
		transition: all 1.3s ease-out;
	  } 
	  .show-nav .aud {      
		transition: all 1.4s ease-out;
	  }
	  .show-nav .vei {      
		transition: all 1.5s ease-out;
	  }	
	  .show-nav .cont {      
		transition: all 1.6s ease-out;
	  }	
	  .show-nav .qsn {      
		transition: all 1.7s ease-out;
	  }	
		nav ul{
			display: none;
		}
		nav ul li, nav ul li a{
			width: 100%;
			font-size: 18px;
			text-align: center;
			padding: 0px 0px;
			
			
		}
		nav ul li, nav ul li:hover a{
			padding: 0px 0px;
		}
		
			nav li:hover .submenu{
			display: block;
			position:static;
		}
	
		.submenu li a{
			font-size: 18px;		
			padding: 0px;
		}
		.acc .submenu{	
			width:100%;	
		}
		.form .submenu{	
			width:100%;	
		}
		.cons .submenu{	
			width:100%;	
		}
		.sol .submenu{	
			width:100%;	
		}
		.aud .submenu{	
			width:100%;	
		}
		.vei .submenu{	
			width:100%;	
		}
		.cont .submenu{	
			width:100%;	
		}
		.navbar__link:hover {
			padding: 5px 5px 5px 10px;
		}
	
		.masgn{
			top:20%;
			left: -105%;
			width: 25%;
		}
		#masignature{		
			transform: scale(.13);	
		}
	  }