@charset "UTF-8";
/* CSS Document */
	  @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;0,800;1,400;1,700&display=swap');
     {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
		background-image: url(../images/background-color.png);
		background-repeat: repeat-x;
		background-position:top left;
		background-color: #d66e56;
		font-family: sans-serif;
		height:900px;	
    }
	  h1{margin-bottom:20px;line-height: 1.1em;font-size:1.7em;}
	  
	  a{text-decoration:none;color:#d66e56;
}
	  a:hover{text-decoration:none;color:#fff;}  
	  p{font-size:0.8em;line-height:1.4em;margin: 0 auto;font-weight:400;}
    body {
		background-image: url(../images/background-color.png);
		background-repeat: repeat-x;
		background-position:top left;
		background-color: #d66e56;
		font-family: sans-serif;
		height:900px;	
    }
	.logoCapeaMob{
		visibility:hidden;
	}
    .overlay {
	  height:620px;
	  margin-top: -735px;

      left: calc((100vw - 1100px)/2);
      width: 1100px;
	  margin-bottom: 0;

      background: rgba(0, 0, 0, 0.6); 
      z-index: 0;
    }
    .video-background {
	  margin-top: 110px;
      min-width: 1099px;

      object-fit: cover;
      z-index: -1;
    }
    .content {
      position: relative;
      z-index: 1;
      color: white;
      text-align: center;
      top: -110px;
      transform: translateY(-50%);
	  font-family: "Poppins", sans-serif;
	  font-weight: 800;
	  font-style: normal;
		font-size:1.8em;
		line-height:2.2em;
    }
	 .flecheCfe{
	  width:120px;
		margin-top: 15px;
      left: calc((100vw - 120px)/2);
		  z-index: 3;
	  }
	 .logoCfe{
	  width:400px;
      left: calc((100vw - 400px)/2);

	  }
	  .sloganFin{font-size:1em;
		  font-weight:700;
     margin-top: -5px;}

	  
   .enteteVideo{
	text-align: center;
	width:100%;
	  }
@media only screen and (max-width: 990px) {
	    body, html {
		background-image: url(../images/background-color.png);
		background-repeat: repeat-x;
		background-position:top left;
		background-color: #d66e56;
		font-family: sans-serif;	
    }
	h1{margin-bottom:20px;margin-top: 5px; line-height: 1.1em;font-size:1.2em;}
	  
	  p{font-size:0.6em;line-height:1.1em;margin: 0 auto;font-weight:400;}
    .overlay {
		position: fixed;
		top:-200px;
      left: -20px;
		height:2000px;
	  margin-bottom: 0;
      background: rgba(0, 0, 0, 0.6); 
      z-index: 1;
    }

    .video-background {
      background: rgba(0, 0, 0, 0.6); 
      position: fixed;
	  left: calc((100vw - 1100px)/2);
	  margin-top: -10px;
      width:100%;
	  height:100vh;
      z-index: 1;
    }
	.logoCapeaMob{
		background-image: url(../images/logo-capea.svg);
		background-repeat: no-repeat;
		margin: 0 auto 30px auto;
		width:113px;
		height:140px;
		visibility: visible;

	}
    .content {
	 margin: 0;
      z-index: 2;
      color: white;
      text-align: center;
      transform: translateY(130px);
	  font-family: "Poppins", sans-serif;
	  font-weight: 800;
	  font-style: normal;
	  font-size:1.8em;
	  line-height:2.2em;
    }
	 .flecheCfe{
	  width:80px;
	  margin-top: 15px;
      left: calc((100vw - 80px)/2);
		  z-index: 3;
	  }
	 .logoCfe{
	  width:250px;
      left: calc((100vw - 400px)/2);
	  }
	  .sloganFin{font-size:0.8em;
	   font-weight:700;
	   margin-top: -5px;}
	  
.enteteVideo{
	text-align: center;
	width:100%;
	  }
}