@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@charset "UTF-8";
@charset "iso-8859-15";
body{
  background-color: #EBEBEB;
  padding: 0;
  margin: 0;
  color: #141414;
  font-family: 'Lato', sans-serif;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
body .page{
  margin: 0px 80px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  min-height:70vh;
}
/* Barre de navigation */
nav{
	z-index:5;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  position:sticky;
  top: 0px;
  background-color: #EBEBEB;
   -moz-transition: all 0,2s;
  -ms-transition: all 0,2s;
  -o-transition: all 0,2s;
  transition: all 0,2s;
  font-size:19px;
      align-items: center;
}
.onglets{
  display:flex;
  flex-wrap:wrap;
  transition: all 0.2s;
  list-style: none;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0em;
  padding-inline-start: 0px;
   -moz-transition: all 0,2s;
  -ms-transition: all 0,2s;
  -o-transition: all 0,2s;
  transition: all 0,2s;
}
.onglets a{
  text-decoration: none;
  color:#141414;
}
nav .immedia{
	display:flex;
	flex-wrap:wrap;
	padding: 25px 90px;
  display: inline-block;
  background: url('image/LOGOsansfond.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor:pointer;
}
.sousmenulogiciel {
	top:-4vh;
    z-index: 5;
    position: absolute;
	left: 80px;
	margin-top:15px;
	opacity:0;
	list-style:none;
	background-color:#EBEBEB;
	-moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sousmenulogiciel > li{
	padding-top: 8px;
    padding-right: 100px;
    padding-bottom: 8px;
    padding-left: 8px;
	text-align: left;
   -moz-transition: all 0,2s;
  -ms-transition: all 0,2s;
  -o-transition: all 0,2s;
  transition: all 0,2s;
}
ul{
	border-radius:10px;
	padding:0px;
   -moz-transition: all 0,2s;
  -ms-transition: all 0,2s;
  -o-transition: all 0,2s;
  transition: all 0,2s;
}
li{
	padding:15px 10px;
	cursor:pointer;  
	-moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
li:hover{
 background-color: #B6C92F;
 border-radius:10px;
   -moz-transition: all 0,2s;
  -ms-transition: all 0,2s;
  -o-transition: all 0,2s;
  transition: all 0,2s;
}
.sousmenu:hover > .sousmenulogiciel {
  top:4.5vh;
  opacity:1;
  box-shadow: 10px 5px 5px black;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sousmenu:.active > .sousmenulogiciel {
	opacity:1;
	 box-shadow: 10px 5px 5px black;
	  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
hr{
  background: linear-gradient(to left, #C20008, #B6C92F);
  height: 3px;
  border: 0px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  position : sticky;
  top: 53px;
  width:100%;
  z-index:5;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.menu-burger{
	display:none;
	opacity:0;
	z-index:3;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	 width:40px;
	 padding:5px 5px;
}
.dark-menu-burger{
	display:none;
	opacity:0;
	z-index:3;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	 width:40px;
	 padding:5px 5px;
}
.buttondarkmode{
	display:flex;
	flex-wrap:wrap;
	padding: 15px;
  display: inline-block;
  background: url('image/sundark.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor:pointer;
}
.logo{
	display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
/* Fin de la barre de navigation*/
/* Pied de page */
.colonnes .mail{
	color: #C20008;
}
.colonnes a{
	color:#828282;
	text-decoration:none;
}
footer .copyright
{
	text-align:right;
}
footer{
	background-color: #E0E0E0;
	padding: 25px 100px;
	color:#828282;
}
footer .colonnes{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mail{
	color: #C20008;
}
.lien{
	color: #C20008;
}
.lien:hover{
	text-decoration: none;
}
/* Fin du pied de page */
/* Header */
header{
  margin-top: 0px;
  background: url('image/glasses-lie-laptop-reflecting-light-from-screen-dark.webp');
  background-repeat: no-repeat;
  background-size: 100% 450px;
   -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
header h1{
  padding: 190px 200px;
  display: inline-block;
  background: url('image/IMMEDIALOGOV2sansfond.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-block-start: 0em;
    margin-block-end: 0em;
	 -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Fin du header */
/* Body */
h3{
  font-size: 30px;
  transition: transform 2.5s;
  background: linear-gradient(to left, #C20008, #B6C92F);
  background-position:center;
  text-align:center;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.texteinfo{
  font-size:18px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.tableau{
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.tableau:hover{
	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
}
table img{
	max-width : 100%;
	height : auto;
	border-radius:10px;
}
/* Fin Body */
/*solutions*/
.lessolutions
{
	width:100%;
	height: 300px;
	justify-content: space-evenly;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
	 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	 
}
.solution{
	border-radius: 30px;
	background-repeat: no-repeat;
	width:20%;
	text-align:center;
	font-weight:bold;
	font-size:25px;
}
.solution p{
 padding:120px 20%;
 margin:0;
     margin-block-start: 0em;
    margin-block-end: 0em;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	  color:#EBEBEB;
}
.mareyage{
  background-image: url("image/fish-market-7519944_1920.webp");
  background-size:100% 100%;
  cursor:pointer;
}
.ebp{
  background-image: url('image/Logo_ebp_2025.webp');
  background-size: 100%;
  background-color:#0145FE;
  cursor:pointer;
  background-position:center;
}
.vin{
  background-image: url('image/wine-4813260_1920.webp');
  background-size: 100% 100%;
}
.sage{
  background-image: url('image/Sagepaie.webp');
  background-size: 80%;
  background-position:center;
}
/*fin solutions*/
/*EBP*/
.lessolutionsEBP{
	display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    height: 530px;
}
.texteEBP{
	display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
    flex-direction: column;
}
.texteEBP img{
	max-width : 50%;
}
/*Fin EBP*/
/*certificats*/
.certif{
	max-width : 35%;
}
.listecertificatqualiopi{
	display:flex;
	flex-direction: row;
	position:relative;
	top:-40px;
}
.certificatqualiopi{
	display:flex;
	flex-direction: column;
	width:50%;
	margin-right: 5px;
}
.entete{
	display: flex;
    justify-content: space-evenly;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: baseline;
}
.right-entete{
	position:relative;
	top:40px;
	margin-left: 10px;
}
.downloadimg img{
	position:relative;
	width:30px;
	height:30px;
	z-index:2;
	cursor:pointer;
	top:100px;
	left:24px;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
.pdfimg{
	background-image: url("image/PDFFile.webp");
	background-size:100%;
	background-repeat:no-repeat;
	height:100px;
	position:relative;
	z-index:3;
	width:80px;
	cursor:pointer;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	  border-radius:10px;
}
.pdfimg:hover{
	z-index:1;
	filter:blur(0.2em);
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
.downloadimg img:hover{
	z-index:4;
}
.downloadimg img:hover + .pdfimg{
	filter:blur(0.2em);
}

.left-entete{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.fichieratelecharger{
	color:#C20008;
	cursor:pointer;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
.fichieratelecharger:hover{
	text-decoration: underline;
	color:red;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
/*fin certificats*/
/*documentations*/
.listedocuments{
	display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
	position:relative;
	top:-40px;
}
.document{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height:120px;
}
/*fin documentations*/
/*Supports de formation*/
.sousmenuformation {
	top:-5vh;
    z-index: 5;
    position: absolute;
	left: 355px;
	margin-top:15px;
	opacity:0;
	list-style:none;
	background-color:#EBEBEB;
	-moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  
}
.sousmenuformation > li{
	padding-top: 8px;
    padding-right: 112px;
    padding-bottom: 8px;
    padding-left: 8px;
	text-align: left;
   -moz-transition: all 0,2s;
  -ms-transition: all 0,2s;
  -o-transition: all 0,2s;
  transition: all 0,2s;
}
.sousmenu:hover > .sousmenuformation {
	top:4.5vh;
  opacity:1;
  box-shadow: 10px 5px 5px black;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sousmenu:.active > .sousmenuformation {
	opacity:1;
	 box-shadow: 10px 5px 5px black;
	  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sousmenuformationEBP {
	top:-30vh;
    z-index: 5;
    position: absolute;
	left: 180px;
	margin-top:15px;
	opacity:0;
	list-style:none;
	background-color:#EBEBEB;
	-moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sousmenuformationEBP > li{
	padding-top: 8px;
    padding-right: 65px;
    padding-bottom: 8px;
    padding-left: 8px;
	text-align: left;
   -moz-transition: all 0,2s;
  -ms-transition: all 0,2s;
  -o-transition: all 0,2s;
  transition: all 0,2s;
}
.sousmenu:hover > .sousmenuformationEBP {
	top:25px;
  opacity:1;
  box-shadow: 10px 5px 5px black;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sousmenu:.active > .sousmenuformationEBP {
	opacity:1;
	 box-shadow: 10px 5px 5px black;
	  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.lessupports{
	width:100%;
	height: 400px;
	justify-content: space-evenly;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
	 -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
.raccourcisupport{
	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
	border-radius: 30px;
	background-repeat: no-repeat;
	width:40%;
	text-align:center;
	font-weight:bold;
	font-size:25px;
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
.raccourcisupport p{
 padding:120px 20%;
 margin:0;
     margin-block-start: 0em;
    margin-block-end: 0em;
	-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
.raccourcisupport:hover{
	box-shadow:20px 20px 15px 0 rgba(0,0,0,0.5);
		-moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
}
.nautile{
  background-image: url("image/POISSON3.webp");
  background-size:100px 100px;
  background-position:50% 75%;
  cursor:pointer;
}
/*fin Supports de formation*/
/*Support formation EBP*/
.EBPCompta{
  background-image: url('image/icone_Compta_Pro.webp');
  background-size: 100%;
  background-color:#549FD8;
  cursor:pointer;
  background-position:center;
}
.EBPGestion{
  background-image: url('image/icone_GC_Pro.webp');
  background-size: 100%;
  background-color:#9332FE;
  cursor:pointer;
  background-position:center;
}
.FactElec{
  background-image: url('image/FactureElectronique.webp');
  background-color:#D82A25;
  background-size: 100%;
  cursor:pointer;
  background-position:center;
}
.solution .titreformation{
	position:relative;
	top:100%;
	padding: 0px 0px;
	color:#141414;
}
.listesupports{
	position:relative;
	display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
	height:350px;
}
.supports{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width:50%;
}
.supports h2{
	margin-top:0px;
	margin-bottom:0px;
}
.supportebp{
	text-decoration:underline;
	text-align:left;
}
.tableauvideo{
	display:flex;
	justify-content: space-evenly;
	flex-direction: row;
}
.vidéosupport{
	display: flex;
    width: 100%;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.vidéo{
	width:90%;
	height:400px;
	box-shadow: 8px 8px 10px 0 rgba(0,0,0,0.5);
	border-radius:5px;
}
.vidéo:hover{
	box-shadow: 12px 12px 10px 0 rgba(0,0,0,0.5);
}
/*fin support formation EBP*/
/*CGV*/
.listeCGVs{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.CGV{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
	width:50%;
}
.CGV h2{
	margin:0;
}
/* Fin CGV */