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

footer {
  display: block;
  background-color: #02141d;
  width: 100vw;
  height: 77px;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  display: flex;
  align-items: center; /* centrage vertical */
  justify-content: center;
  margin-top: 0px;
}

#replacement {
  width: 1000px;
  height: 100%; /* ← clé pour l’alignement vertical réel */
  display: flex;
  margin: 0;
  padding: 0;
}

a.ligne_sociale {
	text-decoration:none ;
	color:white ;
}
.pied_general {
	color:white ;
	margin-top:10px ;
}
img.copy {
	position:relative ;
	top:3px ;
}
img.facebook {
	margin-left:5px ;
	margin-right:5px ;
	position:relative ;
	top:8px ;
}
img.twitter {
	margin-left:5px ;
	margin-right:5px ;
	position:relative ;
	top:5px ;
}
img.youtube {
	margin-left:5px ;
	margin-right:5px ;
	position:relative ;
	top:6px ;
}
img.google {
	margin-left:5px ;
	position:relative ;
	top:6px ;
}
.pied_gauche {
	display:inline-block ;
	vertical-align: top;
	margin-left:10px ;
	margin-top:20px ;
}
.pied_droit {
	display:inline-block ;
	vertical-align: top;
	margin-top:7px ;
	margin-left:120px ;
}
.proverbe {
	width:500px ;
	margin-top:20px ;
	margin-left:250px ;
}



/* ******************************************************************************* */

.entreprise {
	margin-top:20px ;
	font-weight:bold ;
}
.contactx {
	font-weight:300 ;
	font-style:italic ;
}
.cnil {
	font-weight:300 ;
	font-size:12px ;
}
#titre_cgv{
	width:500px ;
	margin-top:10px ;
	margin-left:60px ;
	margin-bottom:20px ;
	font-size:18px ;
	font-weight:bold ;
}
#titre_liens {
	width:500px ;
	margin-top:10px ;
	margin-left:30px ;
	margin-bottom:40px ;
	font-size:18px ;
	font-weight:bold ;	
	font-style: italic;
	text-decoration: underline;
}
#cgv,#pied_cmp,#liens_block {
	display:inline-block ;
}
#cgv:hover,#pied_cmp:hover,#liens_block:hover  {
	cursor:pointer ;
}
#pied_cmp {
	margin-right: 0px ;
}


.article {
	font-weight:bold ;
	text-decoration:underline ;
	margin-top:10px ;
	margin-bottom:10px ;
}
#multicouche_cgv {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height:950px ;
  max-width: 90vw;
  max-height: 90vh;    
  padding: 20px 10px;
  border: 2px solid black;
  box-shadow: 5px 5px 12px black;
  background-color: white;
  color: black;
  font-weight: bold;
}
.cgv_texte {
	max-width:600px ;
	height: 420px;
	max-height: calc(90vh - 500px); /* hauteur dynamique selon le modal */
	margin-left:60px ;
	text-align:justify ;
	overflow:auto ;
	padding:30px ;
	font-family:"Courier New", Courier, monospace ;
	font-size:12px ;
	font-weight:200 ;
}
.general_contact {
	width:600px ;
	margin-left:80px ;
	padding:20px ;
	margin-top:30px ;
	border-top:solid rgb(175, 175, 175) 1px ;
}

.croix1_cgv,.croix1_liens_externe {
	 float:right ;
	 position:relative ;
	 top:5px ;
	 right:20px ;
	 height:30px ;
	 width:30px ;
	 background-color:white ;
	 border:solid black 1px ;
	box-shadow: 1px 1px 5px black ;	 
	cursor:pointer ;
 }
 .croix2_cgv, .croix2_liens_externe {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:14px ;
	 top:3px ;
	 height:20px ;
	  border-left:solid #EC0000 2px ; 
	 -moz-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);

 }
  .croix3_cgv, .croix3_liens_externe {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:15px ;	  
	 top:3px ;
	 height:20px ;
	 border-left:solid #EC0000 2px ; 
	 -moz-transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
 }
#liens_externe {
  display:none ;
  position: fixed;
  overflow:auto ;
  top: 50%;
  left: 50%;
  height:950px ;
  width:750px ;
  max-height: 80vh;
  max-width: 80vw;
  transform: translate(-50%, -50%);
  padding:50px ;
  padding-right:20px ;
  border:solid black 2px ;
  box-shadow: 5px 5px 12px black ;
  background-color:white ;
  color:black ;
  font-weight:bold ;
}
#cookie {
	position:fixed ;
	bottom:0 ;
	left:0 ;
	width:100% ;
	height:50px ;
	z-index:200 ;
	background-image:url(../images/noir_opacite.png) ;
}
.navigue_cook {
	width:1000px ;
	height:50px ;
	line-height:50px ;
	margin:auto ;
	text-align:center ;
	color:white ;
	font-weight:bold ;


}
.saut_ligne {
	display:block ;
	margin-bottom:10px ;
	margin-left: 70px;
}
#cercle10{
	display:inline-block ;
	position:relative ;
	top:5px ;
	margin-left:20px ;
	background:white;
	border-radius:50% ;
	width:20px ;
	height:20px ;
	border:solid black 1px ;
}
#cercle10:hover {
	cursor:pointer ;
}
.ok1 {
	display:inline-block ;
	position:absolute ;
	top:-15px ;
	left:3px ;
	color:black ;
	font-size:12px ;
	font-weight:300 ;
}
 .croix_cercle1 {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:6px ;
	 top:2px ;
	 height:10px ;
	  border-left:solid black 2px ; 
	 -moz-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);

 }
  .croix_cercle2 {
	 display:inline-block ;
	 vertical-align:middle ;
	 position:absolute ;
	 left:6px ;
	 top:2px ;
	 height:10px ;
	 border-left:solid black 2px ; 
	 -moz-transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
 }

 /**************************************************************************************/

 #cmp-banner {
	display:none ;
	position:fixed;
	top: 50%;
	left: 50%;
	height:270px ;
	width:570px ;
	transform: translate(-50%, -50%);
	background:#fff;
	border-top:1px solid #ccc;
	padding:50px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 60px;
	z-index:9999;
	border:solid rgb(255, 174, 0) 3px ;
 }
 #cmp-settings {
	display:none;
	position:fixed;
	top: 50%;
	left: 50%;
	height:450px ;
	width:650px ;
	transform: translate(-50%, -50%);
	background:#fff;
	border-top:1px solid #ccc;
	padding:20px;
	z-index:10000;
 }
#bloc_gauche_cookie {
	display:inline-block ;
	vertical-align: top;
	width: 14% ;
	height: 100%;
  }
  #bloc_centre_cookie {
	display:inline-block ;
	vertical-align: top;
	width:70% ;
	height: 100%;
  }
  #bloc_droit_cookie {
	display:inline-block ;
	vertical-align: top;
	width:14% ;
	height: 100%;
  }
  #titre_cmp {
	display:block ;
	width:100px ;
	margin:auto ;
	margin-bottom: 20px;
	font-size:20px ;
	font-weight: bold;
	color:rgb(49, 49, 97) ;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
	font-style: oblique ;
  }
  #info_cookie {
	text-align: justify;
	padding:10px ;
	font-family:Georgia, 'Times New Roman', Times, serif ;
  }
  #conteneur_presentation {
	display: flex;
	flex-direction: column;
	justify-content: center;   /* centre verticalement */
	align-items: center;       /* centre horizontalement */
	height: 80%;
  }
  #choix_cookie {
	display:flex ;
	justify-content: center;   /* centre verticalement */
	align-items: center;       /* centre horizontalement */	
	height:30px ;
  }
  #no_cookie {
	border:none ;
	background-color: none;
	padding:0 ;
	margin:0 ;
	text-decoration: underline;
  }
  #no_cookie:hover {
	cursor: pointer;
  }
  #personnaliser_cookie {
	display:inline-block ;
	margin-right: 70px ;
	width:150px ;
	height: 35px;
	line-height: 25px;
	font-size: 15px;
	background-color: rgb(237, 237, 237);
	color:rgb(95, 95, 95) ;
  }
  #accepter_cookie {
	display:inline-block ;
	width:150px ;
	height: 35px;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(7, 68, 125);
	color: white;
  }
  #valider_personnaliser {
	display:block ;
	width:150px ;
	height: 35px;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(7, 68, 125);
	color: white;	
	margin:auto ;
	margin-top:30px ;
  }
   #valider_personnaliser:hover {
	opacity:0.8 ;
	cursor: pointer;
   }
  #personnaliser_cookie:hover,#accepter_cookie:hover {
	cursor: pointer;
	opacity:0.8 ;
  }
  img.image_cookieL {
	display:block ;
	width:70px ;
	height: 47px;
	margin:auto ;
	margin-bottom: 10px;
  }
    img.image_cookieH {
	display:block ;
	width:70px ;
	height: 87px;
	margin:auto ;
	margin-bottom: 10px;
  }
  #titre_settings {
	font-weight: bold;
	margin:20px ;
	margin-left: 35px;
  }
  #explication {
	width:600px ;
	margin:auto ;
	text-align: justify;
  }
  #etablir_cookie {
	margin:20px ;
	border-top: solid grey 1px ;
	border-bottom: solid grey 1px ;
	padding:20px ;
  }
  #etablir_cookie input[type="checkbox"] {
	position:relative ;
	top:3px ;
  }
  .personnalise {
	display:inline-block ;
	width:150px ;
	margin-right: 150px;
  }
  .gras {
	display:inline-block ;
	margin-left: 30px ;
	font-weight: bold ;
	font-size: 15px;
  }
  .gras10 {
	font-weight: bold ;
  }
  .droit_propriété {
	margin-top:10px ;
	font-weight: 300;
  }