@font-face {	font-family: "Harmond-ExtraBoldExpanded";
 							src:  url(../font/Harmond-ExtraBoldExpanded.otf);
}
@font-face {	font-family: "OmegaSansRegular";
 							src:  url(../font/OmegaSansRegular.ttf);
}
@font-face {	font-family: "New-Mexika";
 							src:  url(../font/newmexika.ttf);
}
body{	margin: 0;
			overflow-x: hidden;
			background-color:#FEFEFE;	
}
#mouse-cursor{	position: absolute;
								width: 80px;
								height: 80px;
								background: rgba(0, 0, 0, 0.03);
								text-align: center;
								backdrop-filter: blur(7px);
								border-radius: 999px;
								pointer-events: none;
								z-index: 20000;
								transition: top 0.025s ease, left 0.025s ease, transform 0.25s ease;
}
.cursor-hover:hover{ 	z-index: 300;
											backdrop-filter: blur(10px);
}
.img_vector{ 	padding-top: 35%;
							padding-left: 35%;
							transform: rotate(45deg);
}
nav{ 	background-color: transparent;
			z-index: 15000;
			width: 100%;
			position: fixed;
}
.nav_fixe{	width: 60px;
						position: fixed;
						height: 100%;
						border-right: solid  1.8px #F1F1F1;
						background-color:#FEFEFE;
						z-index: 16000;
}
.logo{ padding: 20px;}
.text90{  margin-top:400px;
					font-size: 1.2em;
          -webkit-transform: rotate(-90deg); 
          -moz-transform: rotate(-90deg); 
          -o-transform: rotate(-90deg); 
          -ms-transform: rotate(-90deg); 
          transform: rotate(-90deg);
}
.position_imgtourne{ 	margin-right: 8px;
											padding-top: 3px;
}
#imgtourne{ width: 18px;
            height: 18px;
            display: flex;
            border-radius: 100px;
            -webkit-animation:spin 30s linear infinite;
            -moz-animation:spin 30s linear infinite;
            animation:spin 10s linear infinite;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); 
						transform:rotate(360deg); 
					}
				}

.p_folio1{ font-size: 1rem;}
.lien_mob_projet{ padding: 10px 0px 0px 0px;
									color: #333333;
									font-size: 1rem;									
}
.lien_mob_propos{ font-size: 1rem;
									color: #333333;
									padding: 10px 0px 0px 20px;
}
.semi{ padding: 0px 0px 0px 22px;}
.img-icones_social{ width: 20px;
										min-width: 18px;
										padding-top: 22px;
                    list-style-type: none;
                    text-decoration: none;
}
.img-icones_thread{ width: 20px;
										min-width: 18px;
										padding: 22px 0px 20px 0px;
                    list-style-type: none;
                    text-decoration: none;
}
.home_section_one{ height: 10vh;}
#header{ 	width: 100%;
					height: auto;
					padding: 80px 0px 0px 0px;	
					border-bottom: solid 1px #F1F1F1;	
}
.home_apropos{  padding-top: 60px;
								height: 40vh;
								padding-left: 100px;
}
.home_section_four{ height: 100vh;}

.content_footer{	height: 8vh;
									width: 100%;
									display: flex;
									border-top: solid 1.2px #F1F1F1;
}
.home_section_seven{  height: auto;
											padding: 60px 0px 160px 0px;	
}
.home_section_last{ height: auto;
										width: 100%;
										padding: 0px 0px 160px 0px;	
}
.more_cases{ 	padding: 0px 0px 80px 100px;	
							height: auto;								
}
.home_qlql{ display: flex;
						width: 100%; 
						border-bottom: solid 1px #F1F1F1;	
						border-top: solid 1px #F1F1F1;
}
.list_blocabout{ 	font-size: 0.9rem;
									height: auto;
		            	color: #7F7F7F; 
		            	padding: 0px 0px 30px 0px;	 
}
.list_blocabouthome{  font-size: 0.9rem;
											height: auto;
					            color: #7F7F7F;  
					            padding: 0px 170px 60px 0px;	
}
.content_one_qlql{ width: 50%;}
.content_two_qlql{ 	width: 46.2%; 
										padding-top: 12px;
}
.bloc_head{ display: flex;
						width: 98%;
}
.text-b1{	width: 100%;
					height: 360px;		 	
}
.c-cta{ display: flex;}
.title_p_home{	width: 100%;
								padding: 110px 0px 20px 0px;
								height: auto;
}
.title_all_case{	width: 100%;
									padding: 70px 0px 20px 0px;
									height: auto;
}
.first_title_home{ 	font-size: 5.5em; 
										white-space: nowrap;
										text-transform: uppercase;
}
.infini-rtl{	color: #7F7F7F;    
							font-size: 5.5em; 
							letter-spacing: -8px;   
							overflow: hidden;   
							padding: 20px;  
							font-family: 'Be Vietnam Pro', sans-serif;               
}
.infini-rtl > :first-child{	display: inline-block;               
						  							padding-right: 2em;  
						  							display: flex;                           
														white-space: nowrap;                  
														animation: defilement-rtl 500s infinite linear;
}
@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      
  }
  100% {
    transform: translate3d(-100%,0,0);  
  }
}
.bg_text_home{ 	color: #333333;
								font-family: "New-Mexika";
								margin-right: 8%;
								font-weight: 800;
								letter-spacing: -10px;
}
.content_prez_bloc{ width: 97%;
										height: auto;
										display: flex;
										padding-right: 15%;
										margin-bottom: 24px;
										padding-left: 40px; 
}
.list_bloc{ font-size: 0.9em;
            color: #7F7F7F; 
            padding: 0px 60px 2px 0px;
}
.cta_plus{ 	text-align: right;
						color:#7F7F7F ;
						padding-top: 10px;
}
.cta_ligne{ width: auto;
						padding-bottom: 17px;
						border-bottom: solid 1px #7F7F7F;
}
.cta_ligne:hover{ width: auto;
									padding-bottom: 17px;
									border-bottom: solid 1px #D8D8D8;
}
.cta_lignebot{ 	width: auto;
								padding-bottom: 8px;
								border-bottom: solid 1px #7F7F7F;
}
.cta_lignebot:hover{ 	width: auto;
											padding-bottom: 8px;
											border-bottom: solid 1px #D8D8D8;
}
.icone_download{  width: 18px;
									height: 20px;
									margin-right :16px;
}
.progress-button_prez{  position: relative;
                        display: inline-block;
                        text-align: center;
                        padding-top: 9px;
                        width: 100%;
                        padding: 0px 40px 0px 40px;
                        min-width: 300px;
                        margin-top: 0px;
                        white-space: nowrap; 
}
.progress-button_prez button{ display: block;
                              width: auto;
                              padding: 10px 24px 8px 24px;
                              border: 1px solid #7F7F7F;
                              border-radius: 40px;
                              background: transparent;
                              font-family: 'Be Vietnam Pro', sans-serif;
                              text-transform: uppercase;
                              font-size:0.9rem;
															color: #7F7F7F;
                              white-space: nowrap; 
                              letter-spacing: 0px;
                              -webkit-tap-highlight-color: transparent;
                              -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
                             	transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
}
.progress-button_prez button:hover{  background-color:#333333;
                                     color: #fff;
}
.progress-button_prez button:focus{ outline: none;}
.progress-button_prez svg{  position: absolute;
                            top: 0;
                            left: 50%;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                            pointer-events: none;
}
.progress-button_prez svg path{ opacity: 0;
                                fill: none;
}
.section_full_img{ 	width: 100%;
										height: auto; 
}
.titreb{ 	padding-bottom: 16px; 
					font-size: 0.9rem;
					white-space: nowrap;
					text-transform: uppercase;
          color: #7F7F7F;
          font-weight: 500;
}
.list_top_about{ 	font-size:  0.9em;
			            color: #7F7F7F; 
			            padding: 0px 20px 24px 0px;
			            line-height: 140%;
}
.list_bot_about{ 	font-size:  0.9em;
			            color: #7F7F7F; 
			            line-height: 140%;
			            padding: 0px 0px 60px 0px;
}
.section_about_home{	padding: 0;
											margin: 0;
											list-style: none;
											-ms-box-orient: horizontal;
											display: -webkit-box;
											display: -moz-box;
											display: -ms-flexbox;
											display: -moz-flex;
											display: -webkit-flex;
											display: flex;
}
.txtabout{ -webkit-flex-wrap: wrap;
  					flex-wrap: wrap;
}  
.col_one_free{	padding: 5px;
								width: 38%;
								height: auto;
}
.col_two_prez{	padding: 5px;
								width: 61%;
								height: auto;
}
.section_slider{ 	margin-left: 60px; 
									width: 100%;
									height: 90vh;
									padding-top: 40px;									
}
.slider_all{ 	width: 100%; 
							background-color:#090909;
							height: auto;
							padding-bottom: 20px;
							display: block;						
}
.infos-slider{  width: 90%; 
								display: flex;
								padding-left: 55px;
								font-size: 1em;
								padding-top: 2rem;
}
.txx_case{  width: 100%; 
						color: #fff;
		    		text-transform: uppercase;
		    		height: 40px;
}
.arrow_case2{ color: white;}
.slider-container{	width: 100%;
										margin-left: 55px;
}
.slider{	position: relative;
					width: 100%;
					height: 450px;
					padding-bottom: 20px;
					overflow: hidden;
					cursor: grab;
}
.slider-inner{	position: absolute;
								top: 2%;
								left: 0px;
								padding-right: 160px;
								width: 315%;
								height: 100%;
								display: grid;
								pointer-events: none;
}
.slide{ padding-right: 16px;}
.big_framesupport{  width: 100%;
										height: auto;
										background-image: url(../images/caseone/backg.png);
										background-repeat: no-repeat;
										background-color: #090909;
										padding-bottom: 60px;									
}
.big_twoopo{ 	padding-right: 25%;
							padding-left: 25%;
							padding-bottom: 100px;
							padding-top: 100px;
}
.big_twosup{ 	padding-right: 20%;
							padding-left: 30%;
							padding-bottom: 60px;
							padding-top: 100px;
}
.big_framemeiter{ width: 100%;
									height: auto;
									background-image: url(../images/casethree/backg.png);
									background-repeat: no-repeat;
									background-color: #090909;
									margin-bottom: 60px;									
}
.big_frameopo{ 	width: 100%;
								height: auto;
								background-image: url(../images/casefour/backk.png);
								background-repeat: no-repeat;
								background-color: #090909;
								margin-bottom: 60px;
								margin-right: 20px;									
}
.w-o{ width: 98%; 
			margin-top: 0px;
			cursor: pointer;
			margin-bottom: 0px;
}
.o-container{	margin-right:5px;	
							padding-left:1.5rem;
							height: auto;
							padding-top:1rem;
}
.grid{ display: flex; }
.column1{	width: 14%;
					color: #7F7F7F;
					text-transform: uppercase;
					min-width: 60px;
					font-size:0.9rem;
					padding: 20px 20px;
}
.column2{	width: 24.5%;
					min-width: 60px;
					padding: 20px 20px;
					color: #7F7F7F;
}
.column3{	width: 40%;
					min-width: 60px;
					padding: 20px 20px;
					color: #7F7F7F;
}
.column4{	width: 20%;
					min-width: 60px;
					padding: 20px 20px;
					text-align: right;
					padding-right: 9px;
					text-transform: uppercase;
}
.o-layout_item{	display:inline-block;
								font-size:1rem;
								padding-left:0;
								vertical-align:top;
								width:100%;
}
.p_list{	color: #7F7F7F;}
.all_case_img{  padding: 20px 80px 0px 50px; 
								min-width: 370px;
}
.img_heig{ border-radius: 1%;}
.flex-container{	width: auto;
							  	padding: 0;
							  	margin: 0;
							  	list-style: none;
							  	-ms-box-orient: horizontal;
							  	display: -webkit-box;
							  	display: -moz-box;
							  	display: -ms-flexbox;
							  	display: -moz-flex;
							  	display: -webkit-flex;
				  				display: flex;
}
.wrap{	-webkit-flex-wrap: wrap;
  			flex-wrap: wrap;
}   
.flex-item{	margin: 7px;}
.content_card{ display: block;}
.info_card{ display: flex;}
.more_info_card{ display: block;}
.left_card_info{  width: 50%;
									white-space: nowrap;
									font-size: 13px;
		              color: #7F7F7F;
		              padding-top: 12px;
}
.right_card_info{ width: 50%; 
									float: right;
									font-size: 13px;
		              color: #7F7F7F;
		              padding-top: 12px;
									text-align: right;
}
.footer_3{ 	width: 100%; 
						height: auto;
						margin-right: 0px;
						display: flex;
}
.b1_footer{ width:68% ;
						padding-left: 60px;
}
.b2_footer{	width: 63%;}
.text_b1{ padding: 20px 0px 0px 40px;
					font-size:  0.9em;}
.text_b4{ padding: 20px 0px 0px 16px;}
.b4_footer{	width: auto;
						display: flex;
						margin-right: 40px;
						text-align: right;
						font-size:  0.9em;
}
.header_case2{ 	width: 100%;
								height: 60vh;
								border-bottom: solid 1px #F1F1F1;											
}
.o-container3{	margin-left:0px;
								display: flex;
}
.o-containermeiter{	margin-left:0px;
										display: flex;
										padding-bottom: 0px;
}
.c-cta{ display: flex;}
.image_header_case1{ 	width: 68%;
											display: flex;
											overflow: hidden;
											min-width: 350px;
											margin-left: 100px;
											margin-top: 80px;
											padding-right: 50px;
}
.froont2{	background-image: url(../images/caseone/s.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.froont3{	background-image: url(../images/caseone/u.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.froont4{	background-image: url(../images/caseone/p.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.froont5{	background-image: url(../images/caseone/pp.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.froont6{	background-image: url(../images/caseone/o.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.froont7{	background-image: url(../images/caseone/r.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.froont8{	background-image: url(../images/caseone/t.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.image_header_casefour{ 	width: 68%;
											display: flex;
											overflow: hidden;
											min-width: 350px;
											margin-left: 100px;
											margin-top: 40px;
											padding-right: 50px;
}
.opoo{	background-image: url(../images/casefour/opohovone.png);
				background-repeat: no-repeat;
				transform: rotate(-5deg);
				width:280px;
				opacity: 0.95;
				height:350px;
}
.opop{	background-image: url(../images/casefour/opohovtwo.png);
				background-repeat: no-repeat;
				transform: rotate(-5deg);
				width:280px;
				opacity: 0.95;
				height:350px;
}
.opopo{	background-image: url(../images/casefour/opohovthree.png);
				background-repeat: no-repeat;
				transform: rotate(-5deg);
				width:280px;
				opacity: 0.95;
				height:350px;
}
.middle2{	transition: .1s ease;
		  		opacity: 0;
		  		position: absolute;
		  		font-size: 12px;
					color: #7F7F7F;
					transform: translate(16%, -80%);
		  		-ms-transform: translate(16%, -80%);
}
.middle3{	transition: .1s ease;
		  		opacity: 0;
		  		position: absolute;
		  		font-size: 12px;
					color: #7F7F7F;
					 transform: translate(30%, -80%);
		  		-ms-transform: translate(16%, -41%);
}
.hovvr2:hover .backk2{	opacity: 0.3;
  											z-index: 800;
}
.hovvr2:hover .middle2{	opacity: 1;
						  					z-index: 800;
}
.hovvr2:hover .middle3{	opacity: 1;
						  					z-index: 800;
}
.backk2{	opacity: 1;
					color: #333333;
					width: 100%;
					color: #7F7F7F;
					transition: .1s ease;
					backface-visibility: hidden;
}
.hovvr2:hover .middle5{	opacity: 1;
						  					z-index: 800;
}
.hovvr2:hover .middle4{	opacity: 1;
						  					z-index: 800;
}
.section_support{ padding: 60px 0px 60px 0px;
									width: 100%;
									height: 35vh;
									border-bottom: solid 1px #F1F1F1;						
}
.container_sec_one{ padding-left: 60px; 
										height: auto;
}
.flex-container_txt{	padding: 0;
											margin: 0;
											list-style: none;
											-ms-box-orient: horizontal;
											display: -webkit-box;
											display: -moz-box;
											display: -ms-flexbox;
											display: -moz-flex;
											display: -webkit-flex;
											display: flex;
}
.wrap_support{ 	-webkit-flex-wrap: wrap;
								flex-wrap: wrap;
}  
.flex-text_one{	padding: 0px 5px 5px 50px;
								width: 20%;
								height: auto;
}
.flex-text_two{	padding: 0px;
								width: 20.5%;
								height: auto;
}
.flex-text_three{	padding: 0px;
									width: 50%;
									height: auto;
}
.content_prez_blocsup{	padding-bottom: 60px;}
.content_prez_bloc2{ 	padding-bottom: 60px;}
.content_prez_bloc3{ 	padding: 0px 60px 0px 0px;}
.list_bloc2{ 	font-size:  0.9em;
		          color: #7F7F7F;  
		          height: auto;
		          line-height: 170%;
		          padding: 0px 0px 8px 0px;
}
.list_blocsup{ 	font-size: 0.9em;
            		color: #7F7F7F; 
}
.titresu{ padding-bottom: 10px; 
					font-size: 13px;
					white-space: nowrap;
					text-transform: uppercase;
          color: #333333;
}
.section_case_one{  width: 99%;
										height: 70vh;
										padding: 60px 0px 0px 60px;
}
.section_case_four{ width: 99%;
										height: auto;
										background-color: #090909;;	
										padding: 60px 0px 60px 60px;
}
.section_case_back{ width: 99%;
										height: auto;
										padding-top: 60px; 
}
.section_case_backcol{ 	width: 99%;
												height: auto;
												padding-top: 60px; 
}
.big_section_opo{ width: 100%;
									height: auto;
									background-color: #000;
									margin-bottom: 60px;
									margin-right: 20px;									
}
.section_case-container{	padding: 0;
													margin: 0;
													list-style: none;
													-ms-box-orient: horizontal;
													display: -webkit-box;
													display: -moz-box;
													display: -ms-flexbox;
													display: -moz-flex;
													display: -webkit-flex;
													display: flex;
}
.imgcase{ -webkit-flex-wrap: wrap;
					flex-wrap: wrap;
}  
.flex-imgg{	padding: 5px 0px 5px 5px;
						width: 45%;
						height: auto;
						margin-left: 50px;
}
.flex-img{	padding: 5px 0px 5px 5px;
						width: 45%;
						height: auto;
						margin-left: 50px;
}
.flex-img_two{	padding: 5px 0px 5px 5px;
								width: 45%;
								height: auto;
								margin-left: 50px;
}
.image_header3{ width: 58%;
								display: flex;
								overflow: hidden;
								min-width: 350px;
								margin-left: 90px;
								padding: 100px 50px 0px 0px;
}
.image_headerkultur{  width: 69%;
											display: flex;
											min-width: 350px;
											overflow: hidden;
											margin-left: 90px;
											padding: 60px 50px 0px 0px;
}
.case3{ padding: 0px 0px 0px 15px;} 
.titre_case_head2{	padding-top: 100px;
										color: #fff;
										font-size: 6em;
										padding-left: 2%;
}
.meither1{	background-image: url(../images/casethree/m.png);
						background-repeat: no-repeat;
						transform: rotate(-7deg);
						width:280px;
						opacity: 0.95;
						height:350px;
}
.meither2{	background-image: url(../images/casethree/e.png);
						background-repeat: no-repeat;
						transform: rotate(-5deg);
						width:280px;
						opacity: 0.95;
						height:350px;
}
.meither3{	background-image: url(../images/casethree/i.png);
						background-repeat: no-repeat;
						transform: rotate(-5deg);
						width:280px;
						opacity: 0.95;
						height:350px;
}
.meither4{	background-image: url(../images/casethree/t.png);
						background-repeat: no-repeat;
						transform: rotate(-5deg);
						width:280px;
						opacity: 0.95;
						height:350px;
}
.meither5{	background-image: url(../images/casethree/h.png);
						background-repeat: no-repeat;
						transform: rotate(-5deg);
						width:280px;
						opacity: 0.95;
						height:350px;
}
.meither6{	background-image: url(../images/casethree/i.png);
						background-repeat: no-repeat;
						transform: rotate(-5deg);
						width:280px;
						opacity: 0.95;
						height:350px;
}
.meither7{	background-image: url(../images/casethree/r.png);
						background-repeat: no-repeat;
						transform: rotate(-5deg);
						width:280px;
						opacity: 0.95;
						height:350px;
}
.sliderr{	position: relative;
					width: 150%;
					height: 450px;
					padding-bottom: 20px;
					overflow: hidden;
					cursor: grab;
}					
.slider_all2{ width: 100%; 
							height: auto;
							margin-bottom: 20px;
							display: block;
							margin-top: 1rem;
							background-color: #FBFBFB;			
}
.txx_case2{ width: 100%; 
			 			color: #333333;
		     		text-transform: uppercase;
		     		height: 40px;
}
.kultur1{	background-image: url(../images/casetwo/k1.png);
					background-repeat: no-repeat;
					transform: rotate(-7deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.kultur3{	background-image: url(../images/casetwo/ku.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.kultur4{	background-image: url(../images/casetwo/kl.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.kultur5{	background-image: url(../images/casetwo/kt.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.kultur6{	background-image: url(../images/casetwo/kuu.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.kultur7{	background-image: url(../images/casetwo/kr.png);
					background-repeat: no-repeat;
					transform: rotate(-5deg);
					width:280px;
					opacity: 0.95;
					height:350px;
}
.section_full_case{ width: 100%;
										height: 100vh;
										margin-bottom: 60px;
										padding-left: 60px;
}
.custom_section{  background-color: #FBFBFB; 
									padding: 60px 0px;									
}
.big_framekultur2{  width: 100%;
										height: auto;
										background-image: url(../images/casetwo/backgtwo.png);
										background-repeat: no-repeat;
										margin-bottom: 110px;
										padding-top: 80px;
}
.big_twokult{ padding-right: 10%;
							padding-left: 15%;
							padding-bottom: 100px;							
}
.section_listing_infos{ width: 100%;
						 						height: 10vh;
						 						display: flex;
											 	padding-left: 60px;
											 	border-bottom: solid 1px #F1F1F1;												
}
.section_ovtitle_infos{ width: 100%;
						 						height: 9vh;
						 						display: flex;
											 	padding-left: 60px;
											 	border-bottom: solid 1px #F1F1F1;													
}
.section_listing_infos2{  width: 100%;
						 							height: auto;
						 							padding-left: 60px;
}
.listing_encre{ display: flex; 
								width: 100%;
								padding-left: 40px;					 						
}
.txt_abouthome{ padding-left: 40px; 
								padding-top: 20px;
								padding-bottom: 20px;
								font-size:0.9rem;
								color: #7F7F7F;
						   	text-transform: uppercase;			
}
.txt_allc{  padding: 24px 0px 20px 0px;
						font-size:0.9rem;
						color: #7F7F7F;
						text-transform: uppercase;			
}
.txt_about{ padding:22px 0px 20px 0px;
						white-space: nowrap; 
						font-size:0.9rem;
						color: #7F7F7F;
				   	text-transform: uppercase;			
}
.icone_download{ 	width: 18px;
									height: 20px ;
									margin-right :16px;
}
.img_icone_download{ 	width: 30px;
											height: auto; 
											padding-top: 8px;
}
.button_download{ position: relative;
                  display: inline-block;
                  text-align: right;
                  padding-top: 9px;
                  width: auto;
                  padding-right: 55px;
                  min-width: 100px;
                  margin-top: 0px;
                  white-space: nowrap; 
}
.a_ancre{	margin-right: 40px;
					width: auto;
}
.a_ancre:hover{ border-bottom: solid 1px #333333;}
.number_a_ancre{ 	color: #D8D8D8; 
									font-size: 0.9rem;
}
.btn_ic{ 	background-color: transparent; 
 					border: 1px solid transparent;
}
.txt_about_hello{ padding: 20px 0px 20px 40px;
									font-size:0.8em; 
									color: #7F7F7F;
									text-transform: uppercase;			
}
.home_about{  padding-top: 60px;
							height: auto;
							padding-left: 100px;
}
.section_download{ 	width: 100%;
						 				height: 20vh;
						 				padding: 12px 0px 0px 60px;
										border-top: solid 1px #F1F1F1;
}
.dbbl{	display: flex;
				width: 90%;
				margin-right: 40px;
}
.dbbl_ling{	height: auto;
						display: flex;
						padding-left: 40px;
						width: 97%;
}
.section_listing_infos-num{ width: 99%;
								 						height: 40vh;
								 						padding-left: 60px;
}
.info_date{ height: 10%;
						font-size:  0.9em;
						color: #2E2E2E; 				
}
.text_dates{ 	text-align: end; 
							display: block;
							width: 50%;
							height: auto;
}
.info_lieu{ height: 100%;
						font-size: 0.9em;
						color: #7F7F7F; 
						white-space: nowrap; 
}
.text_prez_agence{ 	font-size:  0.9em;
										color: #7F7F7F; 
										line-height: 140%;
										width: 100%;
										height: auto;
}
.info_lieu_all{ height: 100%;
								font-size:1rem;
								color: #7F7F7F; 
								white-space: nowrap; 
}
.u-label_two{	padding: 16px 20px 0px 50px;}
.u-label_all{	padding: 0px 20px 0px 0px;}
.o-layout_item2{	display:inline-block;
									font-size:1rem;
									padding-left:0;
									vertical-align:top;
									width:80%
}
.o-layout_item4{	display:inline-block;
									font-size:1rem;
									padding-left:0;
									vertical-align:top;
									width:80%
}
.o-layout_item3{	display:inline-block;
									font-size:1rem;
									padding: 40px 0px 0px 0px;
									margin-top: 20px;
									vertical-align:top;
									width:100%
}
.cta_decouvir{  color: #333333;
								font-size: 1rem;
}
.cta_decouvir:hover{ 	color: #7F7F7F;
											font-size: 1rem;
}
.dbbl_num{	height: auto;
						display: flex;
						padding-left: 40px;
						width: 97%;
}
.c-cta_line{	margin:0;
							transform:scaleX(0);
							transition:transform .6s 
							cubic-bezier(.215,.61,.355,1)
}
.c-cta_line.-margin{ 	margin-bottom:30px;
					 						color: #F1F1F1;
}
.c-cta_line.is-inview{	transform:scaleX(1)}
.c-cta_line2{	margin-left:40%;
							transform:scaleX(0);
							transition:transform .6s 
							cubic-bezier(.215,.61,.355,1)
}
.c-cta_line2.-margin{	margin-bottom:30px;
											color: #F1F1F1;
}
.c-cta_line2.is-inview{ transform:scaleX(1)}
.content_ling { width: 100%;}
.txt_num{ display: flex; 
					width: 100%;		
}
.txt_ling{ 	display: flex; 
						width: 100%;		
}
.text_align_start{ width: 50%;}
.text_align_end{ 	padding-left: 2px;
									width: 48%;
									text-align: right;  
}
.text_align_num{ 	width: 47%;
									display: flex;
}
.text_align_pillule{ 	padding-left: 2px;
											width: 53%;  
											text-align: right;
											float: right;
											justify-content: right;
											align-content: right;
}
.contenair_pilule{ 	display: block;
										color: #7F7F7F;
}
.contenair_pilule1{ 	display: flex;
											color: #7F7F7F;
											padding-right: 2px;
											justify-content: right;
											align-content: right;
}
.contenair_pilule2{ display: flex;
										color: #7F7F7F;
										padding-top: 8px;
										padding-right: 0px;
										justify-content: right;
										align-content: right;
}
.bloc_p_1{ display: flex;}
.bloc_p_2{ display: flex;}
.bloc_p_3{ display: flex;}
.bloc_p_4{	display: flex;}
.pilule1{ width: auto;
					text-transform: uppercase;
					height:auto;
					margin-right: 10px;
					font-size: 0.7em;
					padding: 12px 16px 12px 16px;
					text-align: center;
					white-space: nowrap;
					border: 1px solid #7F7F7F;
					border-radius: 3rem;
}	
.pilule2{ width: auto;
					text-transform: uppercase;
					height:auto;
					font-size: 0.7em;
					padding: 12px 16px 12px 16px;
					text-align: center;
					white-space: nowrap;
					border: 1px solid #7F7F7F;
					border-radius: 3rem;
}
.pilule{ 	width: auto;
					height:auto;
					text-transform: uppercase;
					white-space: nowrap;
					font-size: 0.7em;
					margin-right: 10px;
					padding: 12px 16px 12px 16px;
					text-align: center;
					border: 1px solid #7F7F7F;
					border-radius: 3rem;
}
.projet_prez_case{ display: flex;}
.c-cta_content_textall{ height: auto;
												width: 100%;
												padding-right: 60px;
}
.title_case_name{ width: 50%;
									white-space: nowrap;
}
.name_case{ width: 100%;
						color: #7F7F7F;
						float: right;
						text-align: right;
						white-space: nowrap;
						padding-bottom: 24px; 
}
.columnprojet{	width: 40.5%;
								min-width: 60px;
								padding: 20px 20px;
								font-size:40px;
								font-weight: bold;
								white-space: nowrap;
								text-transform: uppercase;
}
.column2projet{	width: 25%;
								min-width: 60px;
								padding: 40px 20px 40px 20px;
								font-size: 1em;
								color: #7F7F7F;
}
.columnsoon{	width: 40%;
							min-width: 60px;
							padding: 40px 34px;
							color: #7F7F7F;
							text-align: right;
							float: right;					
}
.section_all_soon{  width: 100%;
										height: 70vh; 
}
.allcase_section_real{	border-bottom: solid 1px #F1F1F1;	
												border-top: solid 1px #F1F1F1;
												width: 100%;
												padding-left: 50px;
												height: 10vh;
}
.allcase_section_title{	width: 100%;
												padding-left: 50px;
												height: 20vh;
}
.h_title{ font-size: 2rem; 
					padding-right: 49%;
					padding-top: 14px;
}
.home_section_real{	width: 100%;
										padding-left: 50px;
										height: 10vh;
}
.txt_allcase{ width: 100%; 
							color: #7F7F7F;
							padding: 0px 0px 0px 60px;
						  font-size: 0.9rem;
						  text-transform: uppercase;
}
.h_allcase{ width: 100%; 
						color: #7F7F7F;
						padding: 0px 0px 0px 50px;
}
.section_help_you{ 	width: 100%;
										height: auto;
										padding-left: 60px; 
}
.content_titre_blc{ display: block;
										width: 100%;
										padding-left: 40px;
										height: auto; 
}
.title_tete{ 	display: block;
							width: 100%;
							height: auto;
							padding-bottom: 0px;
}
.first_title{ width: 100%; 
							padding-right: 40%;
							padding-top: 80px;
							padding-bottom: 80px;
}
.p_first_title{ font-size: 3rem; 
								line-height: 120%;
								letter-spacing: -2px;
}
.tp_blcnul{ width: 5%; 
						padding-left: 10px;
						white-space: nowrap;
}
.tp_blc1{ width: 41.8%; 
					padding-left: 47px;
					white-space: nowrap;
}
.tp_blc{ 	width: 46.8%; 
					padding-left: 12px;
					white-space: nowrap;
}
.content_infos_overtitle{ width: 100%;
													display: flex; 
													padding-bottom: 12px;
													height: auto;
													border-bottom: solid 1px #F1F1F1;
}
.cont_t_one{ 	width: 80%; 
							height: 5vh;
							display: flex;
}
.cont_t_two{	width: 18.5%;
							height: 5vh; 
							white-space: nowrap;
							padding-top: 8px;
							text-align: right;
							padding-right: 40px;
}
.services_comp{ padding: 0px 0px 80px 85px;
								height: auto;								
}
.services_card_listing{ width: 100%;
												height: 100%;											
}
.services_c-info_listing{ display: block; 
													padding: 20px 20px 20px 0px;
}
.titre_two{ font-size: 0.9rem;
						color: #333333;
}
.paragraphe_card{ font-size: 0.8rem;
									color: #7F7F7F;
									padding: 12px 22px 20px 0px;
}
.card-container{	width: auto;
							  	padding: 0;
							  	margin: 0;
							  	list-style: none;
							  	-ms-box-orient: horizontal;
							  	display: -webkit-box;
							  	display: -moz-box;
							  	display: -ms-flexbox;
							  	display: -moz-flex;
							  	display: -webkit-flex;
				  				display: flex;
}
.card_blc{	-webkit-flex-wrap: wrap;
  					flex-wrap: wrap;
}  
.flex-card{	margin-right: 16px;
						margin-top: 40px;
						width: 31.5%;
						height: auto;
						min-width: 250px;
}
.cont_card{ display: block;
						padding: 0px 20px 0px 20px;
}
.style_num_overtitle{ font-size: 0.8rem;
											color: #333333; 
											font-weight: 800;
											width: 90%;
											padding-bottom: 20px;
											border-bottom: solid 1px #F1F1F1;
}
.double_img_about{ 	display: flex; 
										height: auto;
										width: 100%;
										padding-bottom: 60px;
}
.aboutone{ padding-right: 14px;}
.t_about_title{ font-size: 2.5rem; 
								line-height: 120%;
								letter-spacing: -2px;
								color: #7F7F7F; 
}
.header_home{	background-color: rgba(250, 250, 250, 0.1);
							backdrop-filter: blur(8px);
							position: fixed;
							width: 100%;
							padding-left: 60px;
							z-index: 3;
}
.header_home ul{	margin: 0;
								  padding: 0;
								  list-style: none;
								  overflow: hidden;
								  background-color: #fff;
}
.header_home li a{	display: block;
									  padding: 0px 0px;
									  text-decoration: none;
}
.header_home .logo_anim{	display: flex;
												  width: 40%;
												  float: left;
												  font-size: 1rem;
												  padding: 20px 20px 10px 30px;
												  text-decoration: none;
}
.lien_desk_projet{ visibility: hidden;}
.lien_desk_propos{ visibility: hidden;}
.header_home{ border-bottom: solid 1.2px #F1F1F1;
							background-color: rgba(250, 250, 250, 0.1);
							backdrop-filter: blur(8px);	 
}
.header_home .menu_fixed{	padding: 10px 20px 10px 0px;
													display: flex;
  												float: left;
  												font-size: 2em;
  												text-decoration: none;
}
.header_home .menu_navigation{	clear: both;
															  padding: 0px 0px 0px 30px;
															  display: flex;
															  margin-right: 20px;
															  background-color: transparent; 
															  transition: max-height .2s ease-out;
}
.header_home .menu-icon_nav{	cursor: pointer;
														  display: inline-block;
														  float: right;
														  padding: 28px 0px 28px 20px;
														  position: relative;
														  margin-right: 30px;
														  user-select: none;
}
.header_home .menu-icon_nav .navicon{	background: #333;
																			display: block;
																			height: 3px;
																			position: relative;
																			transition: background .2s ease-out;
																			width: 34px;
}
.header_home .menu-icon_nav .navicon:before,
.header_home .menu-icon_nav .navicon:after{	background: #333;
																						content: '';
																						display: block;
																						height: 100%;
																						position: absolute;
																						border-radius: 3px;
																						transition: all .2s ease-out;
																						width: 100%;
}
.header_home .menu-icon_nav .navicon:before{	top: 8px;}
.header_home .menu-icon_nav .navicon:after{	top: -8px;}
.header_home .menu-bouton{	display: none;}
.header_home .menu-bouton:checked ~ .menu_navigation {	max-height: 240px;}
.header_home .menu-bouton:checked ~ .menu-icon_nav .navicon {	background: transparent;}
.header_home .menu-bouton:checked ~ .menu-icon_nav .navicon:before {	transform: rotate(-45deg);}
.header_home .menu-bouton:checked ~ .menu-icon_nav .navicon:after {	transform: rotate(45deg);}
.header_home .menu-bouton:checked ~ .menu-icon_nav:not(.steps) .navicon:before,
.header_home .menu-bouton:checked ~ .menu-icon_nav:not(.steps) .navicon:after {	top: 0;}

@media (min-width:1000px) {
  .header_home li {	float: left;
  }
  .header_home li a { padding: 0px 10px 0px 10px;
  }
  .header_home .menu_navigation {	clear: none;	
															    float: right;
															    max-height: none;
  }
  .header_home .menu-icon_nav {	display: none;
  }
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {

    .header_home .safari {	background-color: rgba(250, 250, 250, 0.8);
    }
    .header_home .menu_navigation { background-color: rgba(250, 250, 250, 0.9); }
  }
  	#mouse-cursor {	 background: rgba(0, 0, 0, 0.03);
	}
}