/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}


video:focus { 
outline: none;
}



* { 
font-family: 'Barlow Condensed', sans-serif;
	
	
}

* { 
box-sizing:border-box;


}

a { 
color:#333; 
}


.clr { 
	clear:both; 
}


img, p, h1, h2, h3 { 
	border:none; 
	margin:0; 
	padding:0; 
}

h1, h2, h3 { 
	font-weight:normal; margin:0; padding:0;  
}


a { 
	cursor:pointer;
	
}

.img_liens { 
	opacity:1; 
}

.img_liens:hover { 
	opacity:0.8; 
}

ul, li { 
	list-style:none; list-style-type:none; 
}

html { 
	height:100%; 
}

body {
	margin:0; padding:0; 
	
	background-color:#FFF;
	height:100%;
	position:relative;   
color:#333333;

font-size: 18px; font-weight:300; 
background-color:#FFF; 

}

strong { 
	font-weight:500; 
}


textarea, input {
	font-size:16px;  resize: none;	

}

p, img, ul, li { 
	margin:0; 
	padding:0; 
	border:none; 
}

.no_deco { 
	text-decoration:none; 
	color:rgb(7,90,133);
}

.bodyHome { 
	background-repeat:no-repeat; background-position:bottom left; background-size:cover; position:relative; 
	position:absolute; top:0px; left:0; width:100%; height:85%;; z-index:-1;   
	
}

#header  { 
	height:120px; position:fixed; top:0; left:0; width:100%; z-index:99999;
	/*background-image:url(../images/sousmenu.png); */
	
	background-repeat:repeat-x;   
}


.headeropak { 
	background-image:none!important; background-color:rgba(255,255,255,1)!important; 
}

#header section { 
	width:calc(90%); padding-top:15px; margin-left:auto; margin-right:auto; height:100%;   
}

#logo {
	float:left; 
}


#header section img {
	max-width:200px; 
}

#nav {
    width: calc(100% - 350px);
    float: left;
    padding-top: 20px;
    height: 100%;
	margin-left:50px; 
}

#nav aside {
	display:table; width:100%; 
}


#nav li { 
	 display:table-cell; text-align:center; vertical-align:middle; border-right:solid; border-width:2px; border-color:#009B96; position:relative; overflow:visible;  
}

#nav li a { 
	 font-size:18px; font-weight:700; text-transform:uppercase; color:#333; text-decoration:none;     
}

#nav li a:hover { 
	color:#999;   
}

.navHover{ 
	color:#999!important;   
}



#langs { 
	display:table-cell; padding-left:30px;  
}

#langs article {
	width:100px; height:100%; vertical-align:middle;  background-color:#009B96;text-align:center; padding:10px; color:#FFF!important; 
	float:right;  
}


#langs a  {
	color:#FFF; text-decoration:none;  text-transform:uppercase;
}

.sousNav {
	position:absolute; top:65px; left:calc(50% - 150px); padding:15px; width:300px;   
}
	
.sousNav  article {
	position:relative; width:100%; height:100%; 
}

.sousNav  article::before {
	position:absolute; top:-33px; left:0; right:0; margin-left:auto; margin-right:auto; 
	content:url(../images/sousvert.png); 
	
}


.beforeCoul2::before {
	content:url(../images/sousnav2.png)!important; 
}
.beforeCoul3::before {
	content:url(../images/sousnav3.png)!important; 
}
.beforeCoul4::before {
	content:url(../images/sousnav4.png)!important; 
}




.sousNav  article a  {
	text-decoration:none; display:block; text-align:center; color:#FFF!important; text-transform:none; line-height:30px; margin-bottom:15px; font-weight:200!important;
	position:relative;   
}

.sousNav  article a::before  {
	position:absolute; bottom:-10px; content:' '; border-bottom:solid; border-width:1px; border-color:#FFF; left:35%; width:30%; 
}


.navScroll , .navInt { 
	background-color:rgba(255,255,255,0.9); 
}



#accroche { 
	padding-top:200px; width:calc(90%);  margin-left:auto; margin-right:auto;padding-bottom:180px; position:relative;   
}



#accroche::after {
	position:absolute; left:20%; width:60%; bottom:-0; content:' '; border-bottom:solid; border-width:1px; border-color:#009B96; 
}


#accroche  article{
    width: calc(100% - 350px);
    margin-left: 250px; display:block; height:100%; 
} 

#accroche  article aside {
	width:70%; float:right; border-top:solid; border-top-color:#009B96; border-width:10px; padding:30px; background-color:rgba(255,255,255,0.8);   
}

#accroche  article aside h1 {
	font-weight:600; text-transform:uppercase; margin-bottom:30px; position:relative;   font-size:22px;  
}

#accroche  article aside h1::before {
	position:absolute; left:20%; width:30%; bottom:-15px; content:' '; border-bottom:solid; border-width:1px; border-color:#009B96; 
}


.homeSections { 
	width:calc(60%); margin-left:auto; margin-right:auto; padding-top:30px; margin-bottom:60px; 
}

.homeSections h2 {
	color:#009B96; text-align:center; margin-bottom:20px; font-size:44px; 
}
	 

.homeSections h3 {
	 font-size:22px; font-weight:600; margin-bottom:12px; text-transform:uppercase;   
}

.btnSavoir { 
border-radius: 0px 30px 0px 31px;
-moz-border-radius: 0px 30px 0px 31px;
-webkit-border-radius: 0px 30px 0px 31px;

border: 0px solid #009B96;
display:block; margin-left:auto; margin-right:auto; background-color:#009B96; color:#FFF; text-align:center; line-height:45px; text-decoration:none;
width:200px; text-transform:uppercase;    
}

#videoHome {
	width:100%; height:500px; overflow:hidden;  
}
	
#videoHome video {
	width:100%;
}

.actuItemHome { 
	margin-bottom:40px; border:solid; border-width:1px; border-color:#CCC; border-top-width:10px; border-top-color:#009B96; padding:25px; 
}

.actuItemHome figure {
	margin-bottom:30px; 
	width:80%; margin-left:auto; margin-right:auto; text-align:center; display:block; 
}


.homeContVideo {
	margin-bottom:30px; 
	width:80%; margin-left:auto; margin-right:auto; text-align:center; display:block; 
}

.homeContVideo video {
	max-width:100%; 
}





.actuItemHome figure img  {
	max-width:100%; text-align:center; display:block; margin-left:auto; margin-right:auto;
}


.actuItemHome h4 {
	font-weight:600; text-transform:uppercase; margin-bottom:30px; position:relative; display:inline;     
}

.actuItemHome article  {
	padding-left:100px; padding-right:100px; 
}


.actuItemHome h4::before {
	position:absolute; left:20%; width:30%; bottom:-15px; content:' '; border-bottom:solid; border-width:1px; border-color:#009B96; 
}


#footer { 
	background-image:url(../images/footerFond.png); background-repeat:no-repeat; background-size:calc(100% + 20px) 100%; width:100%; height:390px; background-position:-20px 0; 
}


#footer  section {
	padding-top:200px; width:80%; margin-left:auto; margin-right:auto; 
}

#footer  section li  {
	float:left; width:20%; color:#FFF; font-size:15px;   
}


#footer  section li  a  {
	color:#FFF; text-decoration:none;  
}

#f2 { 
	padding-top:35px; text-align:center;  width:60%!important; text-align:center; 
}

#f3 { 
	padding-top:90px; text-align:center;   width:20%!important;
}


#btnNews {
border-radius: 0px 30px 0px 31px;
-moz-border-radius: 0px 30px 0px 31px;
-webkit-border-radius: 0px 30px 0px 31px;

border: 0px solid #C3004A;
display:block; margin-left:auto; margin-right:auto; background-color:#C3004A; color:#FFF; text-align:center; line-height:45px; text-decoration:none;
width:300px; text-transform:uppercase; font-size:18px;
display:none;      
}

#f3 a  {
	margin-right:25px; 
}

#headerMobile { 
	display:none; 
}

.intContainer { 
	width:60%; margin-left:auto; margin-right:auto; padding-top:170px; margin-bottom:40px; position:relative;    
}


.ariane { 
	font-size:14px; margin-bottom:25px; 
}

.ariane a {
	 color:#009B96; 
}

.titresInt { 
	 color:#009B96; font-size:46px; margin-bottom:30px; text-transform:uppercase;  
}

.videoInt { 
	width:100%; margin-left:auto; margin-right:auto; border:; border-width:5px; border-color:#009B96; margin-bottom:40px;  margin-top:40px; height:400px; text-align:center;   
}

.videoInt  video {
	max-width:100%;height:390px;  margin-left:auto; margin-right:auto;
}

.bodyInt{ 
	background-image:url(../images/petalesInt.png); background-repeat:no-repeat; background-position:top right; 
}

#histoireSection2 { 
	position:relative; padding-top:40px; 
}

#histoireSection2::before {
	position:absolute; left:15%; width:70%; top:-0; content:' '; border-bottom:solid; border-width:1px; border-color:#009B96; 
}

#histoireSection2 li { 
	float:left;  width:50%; padding-left:30px; padding-right:30px;  
}

#histoireSection2 li  figure {
		width:244px; height:244px; border-radius:100%; margin-bottom:30px; margin-left:auto; margin-right:auto; background-position:center center; background-size:cover; 
}

#histoireSection2 h4 { 
	border-left:solid; border-width:5px; border-color:#009B96; padding-left:20px; font-size:26px; color:#009B96; text-transform:uppercase; font-weight:400; margin-bottom:20px; 
}

#histoireSection2 article {
	text-align:; margin-bottom:40px;  
}

#histoireSection2 aside   {
	display:block; margin-left:auto; margin-right:auto; text-align:center; width:100%; 
}

.imgFull { 
	margin-top:30px; margin-bottom:30px; width:100%; height:500px; background-repeat:no-repeat; background-position:top center; background-size:cover; 
}


.containerBtnsSecteurs { 
	width:900px; margin-left:auto; margin-right:auto; padding-top:40px; margin-bottom:40px; 
}


.btnFocus { 
	 width:calc(50% ) ; float:left;  margin-bottom:20px; 
}


.btnFocus aside  { 
	 background-color:#009B96; width:calc(100% - 40px) ; height:75px; text-align:center; 
	 
	 border-radius: 0px 60px 0px 60px;
	-moz-border-radius: 0px 60px 0px 60px;
	-webkit-border-radius: 0px 60px 0px 60px;
	    
}

.btnFocusInverse  { 
	 border-radius: 60px 0px 60px 0px!important;
	-moz-border-radius: 60px 0px 60px 0px!important;
	-webkit-border-radius: 60px 0px 60px 0px!important;
	    
}


.btnFocus a  { 
	text-decoration:none; color:#FFF; display:table;  height:100%; text-transform:uppercase;
	width:auto; margin-left:auto; margin-right:auto;      
}

.btnFocus a  li  {
	display:table-cell; vertical-align:middle; line-height:100%; padding-left:20px;   
}


.btnFocusActive { 
	background-color:rgb(0, 155, 150,0.5)!important; 
}


.focusDetail { 
	padding-top:40px; 
}

.focusDetail  article {
	float:left; width:60%; padding-right:30px; text-align:;  
}


.focusDetail  figure {
	float:left; width:40%; 
}

.focusDetail  figure img  {
	max-width:100%; 
}

blockquote { 
	border-left:solid; border-width:4px; border-color:#009B96; padding-left:12px; line-height:35px; color:#009B96; font-size:22px; margin-bottom:15px;  
}

.entiteLeft { 
	float:left; width:50%; padding-right:70px; 
}

.entiteLeft    img {
	max-width:100%; 
}


.entiteRight { 
	float:left; width:50%; text-align:;  
}

.entiteRight h2 { 
	border-left:solid; border-width:4px; border-color:#009B96; padding-left:12px; line-height:35px; color:#009B96; font-size:25px; margin-bottom:15px; font-weight:500;    
}

.entiteRight aside { 
	font-weight:500;   margin-bottom:15px; 
}

.entiteRight figure { 
	 margin-bottom:15px; 
}

.entiteRight figure img  {
	max-width:100%; 
}


.brevetItem { 
	margin-bottom:40px; padding-bottom:20px; position:relative; 
}

.brevetItem::after {
	position:absolute; left:15%; width:70%; bottom:0; content:' '; border-bottom:solid; border-width:1px; border-color:#009B96; 
}


.brevetItem  figure {
	float:left; width:20%; 
}

.brevetItem  figure img  {
	max-width:100%; 
}

.brevetItem  article {
	float:left; width:70%; padding-left:40px; padding-right:20px;  
}


.brevetItem  aside {
	float:left; width:10%; text-align:center;  
}

.partItem { 
	float:left; width:33.33%; margin-bottom:30px;  
}

.partItem section  { 
	width:calc(100% - 40px); border:solid; border-width:1px; border-color:#CCC; padding:20px; border-top-width:7px; border-top-color:#009B96;  
}

.partItem section figure  {
	padding-top:20px; text-align:center; width:100%; margin-bottom:30px; 
}

.partItem section figure  img  {
	max-width:100%; display:block; margin-left:auto; margin-right:auto;  
}

.partItem section article  {
	margin-bottom:20px; 
}


.partItem section article h4  {
	text-align:center; text-transform:uppercase; font-size:24px; color:#999; position:relative; padding-bottom:15px;    margin-bottom:15px;
}


.partItem section article h4::after {
	/*position:absolute; left:15%; width:70%; bottom:0; content:' '; border-bottom:solid; border-width:1px; border-color:#009B96;  */
}


.partItem section  a {
	background-color:#009B96; width:calc(100% - 80px) ; text-align:center; line-height:45px;
	 
	 border-radius: 0px 30px 0px 30px;
	-moz-border-radius: 0px 30px 0px 30px;
	-webkit-border-radius: 0px 30px 0px 30px; color:#FFF; display:block; margin-left:auto; margin-right:auto; text-transform:uppercase;   
}



.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #FFF;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border-top: 5px solid #009B96;
	position:relative; 
    width: 50%; /* Could be more or less, depending on screen size */
	text-align:left; 
	
}

.modal-header { 
	text-align:center; margin-bottom:30px; position:relative;  
}

.modal-body { 
	width:100%; margin-left:auto; margin-right:auto; text-align:center;  
}

#closeDetail { 
	position:absolute; top:-20px; right:-20px; cursor:pointer;  
}

.modal-content  figure {
	width:80%; margin-left:auto; margin-right:auto; margin-bottom:30px; 
}

.modal-content  figure  img {
	max-width:100%; 
}


.contactVisu { 
	background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:450px; margin-bottom:40px; 
}


.contactLeft { 
	float:left; width:50%; height:200px;  
}


.contactRight { 
	float:left; width:50%; padding-left:40px;  
}

.contactRight  h4{
	margin-bottom:10px; 
}


.contactRight  li {
	background-repeat:no-repeat; background-position:left; 
	margin-bottom:0; padding-left:50px; line-height:45px;  
}

.contactRight  a {
	color:#333; 
}

input, textarea { 
	border:solid; border-width:1px; border-color:#CCC; width:50%; background-color:#FFF; height:50px; margin-bottom:15px; display:block; padding-left:10px;  
}

textarea { 
	padding:10px; height:150px; 
}

.errinput { 
	border-color:red; 
}


.contactVisu {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
}
	
	
.intContainer ul  { 
	margin-left:20px; 
}	
	
.intContainer ul li { 
	list-style:disc; 
	margin-left:20px; 
}

.intContainer ul  ul   { 

	margin-top:10px; 
}

.intContainer ul  ul   li { 
	list-style:none; 
	margin-left:20px; 
}


/* -------------------- FIN GENERAL -------------------*/

@media only screen and (max-width: 1500px) {
	#accroche { 
			padding-top:150px; padding-bottom:100px;   
}

.partItem section  a {
	font-size:16px; width:calc(100% - 20px) ; 
}


#videoHome {
	 height:400px; margin-bottom:40px; 
}

.actuItemHome article  {
	padding-left:50px; padding-right:50px; 
}


}


@media only screen and (max-width: 1300px) {
	
	
#header section { 
	width:calc(90%); 
}

#nav { 
	width: calc(100% - 200px);
	margin-left:30px; 
		padding-top:0; 
	
}


#header section img {
	max-width:160px; 
}

#nav a { 
	 font-size:14px!important;  
}

#langs { 
	 width:70px; color:#FFF!important; font-size:13px; 
}
#langs a  {
		 font-size:13px;  
}

#accroche { 
	padding-top:150px; width:calc(90%);  margin-left:auto; margin-right:auto;padding-bottom:40px; position:relative;   
}

#accroche  article{
    width: calc(100% - 10px);
    margin-left: 0px; display:block; height:100%; 
} 

	

}


/* -------------------- FIN tablettes -------------------*/
@media only screen and (max-width: 900px) {
 html {
	   -webkit-text-size-adjust: 100%;
	 }
	 
body { 
	font-size: 16px;
}
	 
#header section { 
	width:calc(100% - 20px)!important; 
}

#nav, #langs { 
	display:none; 
}



#header {
    height: 80px;
 
}

#header section img {
    max-width: 130px;
}


#accroche article {
    width: calc(100% );
    margin-left: 0px;
    display: block;
    height: auto;
}


#accroche article aside {
    width: 100%;
    float: none;
   	padding:10px; 
   
}


.homeSections {
    width: calc(100% - 20px);
   
    padding-top: 15px;
	
      margin-bottom: 20px;
}


.homeSections h2 {
 
    margin-bottom: 20px;
    font-size: 30px;
}

.homeSections h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 7px;
	text-align:left; 
}


#videoHome {
    width: 100%;
    height: 120px;
    margin-bottom: 0px; position:relative; overflow: hidden;
}

#videoHome video { /* class name used in javascript too */
    min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}


#footer {
  display:none; 
}


#headerMobile { 
	display:block; float:right; padding-top:10px;   
}

#headerMobile img  {
	max-width:50px!important; 
}

#navMobileListeHome { 
	background-color:#019C98; position:absolute; top:0; left:0; width:100%; padding:15px;  
}

#navMobileListeHome figure {
	float:left; 
}
 #close {
	 float:right; 
 }
 
  #close img  {
	  max-width:40px!important; 
  }
  
  #navMobileListeHome a  {
	  display:block; text-decoration:none; padding-top:15px; color:#FFF;  
  }
  
  #sousnavmobile { 
  	margin-left:15px; 
  }
  
  #sousnavmobile a { 
  	padding-top:7px; 
  }


.mobDelim { 
	border-bottom:solid; border-width:1px; border-color:#FFF; margin-bottom:0px; padding-top:20px; 


}


#langsMob { 
	float:left; width:50%; margin-top:20px;  
}

#langsMob article {
	width:100%; height:100%; vertical-align:middle;  background-color:#FFF ;text-align:center; padding:10px; color:#019C98!important; 

}


#langsMob a  {
	color:#019C98; text-decoration:none;  text-transform:uppercase; padding:0; display:inline; 
}


.intContainer {
    width: calc(100% - 20px);
 
    padding-top: 100px;
    margin-bottom: 40px;
    position: relative;
}

.ariane { 
	display:none; 
}


.titresInt {
    font-size: 25px;
    margin-bottom: 15px;
  
}


.videoInt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  
    margin-bottom: 20px;
    margin-top: 20px;
    height: 200px;
}

.videoInt    video {
	height:100%; 
}

#histoireSection2 {
    position: relative;
    padding-top: 20px;
}


#histoireSection2 li {
    float: none;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
	margin-bottom:60px; 
}


.containerBtnsSecteurs {
    width: calc(100% - 20px);
  
    padding-top: 20px;
    margin-bottom: 20px;
}

.btnFocus {
    width: calc(100% );
    float: none;
    margin-bottom: 20px;
}

.btnFocus aside {

    width: calc(100%);
    height: 60px;
    
}


.btnFocus aside a  {
	font-size:16px; text-transform:none; font  
}

.btnFocus a li {
  
    padding-left: 10px;
}

.btnFocus aside img  {
	max-width:20px; 
}


.focusDetail {
    padding-top: 20px;
}



.focusDetail article {
    float: none;
    width: 100%;
    padding-right: 0px;
    text-align: ;
	margin-bottom:20px; 
}


.focusDetail figure {
    float: none;
    width: 100%;
}


.entiteLeft { 
	float:none; width:100%; padding-right:0px; margin-bottom:30px;  
}



.entiteRight { 
	float:none; width:100%; 
}

.entiteRight h2 { 
	border-left:solid; border-width:4px; border-color:#009B96; padding-left:12px; line-height:35px; color:#009B96; font-size:20px; margin-bottom:15px; font-weight:500;    
}

.entiteRight aside { 
	font-weight:500;   margin-bottom:15px; 
}
.entiteRight img { 
	max-width:100%; 
}

.entiteRight figure { 
	 margin-bottom:15px; 
}

.entiteRight figure img  {
	max-width:100%; 
}



.brevetItem { 
	margin-bottom:20px; padding-bottom:20px; position:relative; 
}


.brevetItem  figure {
	float:none; width:100%; margin-bottom:15px;  
}


.brevetItem  article {
	float:none; width:100%; padding-left:0px; padding-right:0px;  margin-bottom:15px;  
}


.brevetItem  aside {
	float:none; width:100%; text-align:center;  
}


.partItem { 
	float:none; width:100%; margin-bottom:30px;  
}

.partItem section  { 
	width:calc(100% ); 
}

.partItem section figure  {
	padding-top:20px; text-align:center; width:100%; margin-bottom:30px; 
}

.partItem section figure  img  {
	max-width:80%; display:block; margin-left:auto; margin-right:auto; 
	max-height:50px; 
}

.partItem section article  {
	margin-bottom:20px; 
}


.partItem section article h4  {
	text-align:center; text-transform:uppercase; font-size:24px; color:#999; position:relative; padding-bottom:15px;    margin-bottom:15px;
}


.partItem section article h4::after {
	position:absolute; left:15%; width:70%; bottom:0; content:' '; border-bottom:solid; border-width:1px; border-color:#009B96; 
}


.partItem section  a {
	background-color:#009B96; width:calc(100% - 80px) ; height:45px; text-align:center; line-height:45px;
	 
	 border-radius: 0px 30px 0px 30px;
	-moz-border-radius: 0px 30px 0px 30px;
	-webkit-border-radius: 0px 30px 0px 30px; color:#FFF; display:block; margin-left:auto; margin-right:auto; text-transform:uppercase;   
}



.modal-content {
    background-color: #FFF;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border-top: 5px solid #009B96;
	position:relative; 
    width: 90%; /* Could be more or less, depending on screen size */
	text-align:left; 
	
}

#closeDetail { 
	position:absolute; top:-10px; right:-10px; cursor:pointer;  
}
#closeDetail img {
	max-width:20px; 
}

.contactLeft {
    float: none;
    width: 100%;
    height: 200px;
	margin-bottom:20px; 
}


.contactRight {
    float: none;
    width: 100%;
    padding-left: 0px;
}

input, textarea {
 
    width: 100%;
    background-color: #FFF;
    height: 50px;
    margin-bottom: 15px;
    display: block;
    padding-left: 10px;
}

.imgFull {

    background-size: cover;
	height:130px;
	background-position:center center;  
}

.actuItemHome article  {
	padding-left:10px; padding-right:10px; 
}


.homeContVideo {
    margin-bottom: 30px;
    width: 100%;
   
}





#accroche::after {
    position: absolute;
    left: 5%;
    width: 85%;
  
}

#histoireSection2 article {
    text-align: ;
    margin-bottom: 20px;
}

}