/*@font-face {
	font-family: 'Inter-Light';
	src: url('../font/static/Inter-Light.ttf');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
	font-family: 'Inter-Light';
	src: url('../font/static/Inter_18pt-Light.ttf');
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
	font-family: 'Inter-ExtraLight';
	src: url('../font/static/Inter-ExtraLight.ttf');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
	font-family: 'Inter-ExtraLight';
	src: url('../font/static/Inter_18pt-ExtraLight.ttf');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'Inter-Bold';
	src: url('../font/static/Inter-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'Inter-Bold';
	src: url('../font/static/Inter_18pt-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Inter-Regular';
	src: url('../font/static/Inter_18pt-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Cormorant-Light';
	src: url('../font/static/Cormorant-Light.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Cormorant-Bold';
	src: url('../font/static/Cormorant-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Cormorant-Light';
	src: url('../font/static/Cormorant-Light.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Cormorant-Regular';
	src: url('../font/static/Cormorant-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'Inter-Regular';
	src: url('../font/CactusClassicalSerif-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}*/

html{margin:0px;height:100%;width:100%;min-width:280px; color: #fff; max-width:1920px; margin-left:auto; margin-right:auto;}
body{ 
	flex-direction: column; margin:0;
	font-family: Inter-Light;
	font-size:22px;line-height:22px;color:#fff;background-color:#ffffff; background-repeat:no-repeat;height:100%;width:100%;
	min-width:420px;
}
.conteneur{
	padding-left:0%;
	padding-right:0%;
	display: flex;
	flex-direction: column; /* on garde ton blocHaut au-dessus */
	align-items: center; /* centre horizontalement tout ce qui suit */
}

a{text-decoration:none; color:#7f0000;}

h1{ font-size: 40px; line-height:46px; margin-top:0px; color:#fff; margin-top:40px; font-family: Inter-Regular;  text-transform: uppercase; }
h2{ font-size: 38px; line-height:40px; margin-top:10px; margin-bottom:10px; color:#171721; font-family: Inter-Regular; text-transform: uppercase; }
h3{ font-size: 28px; line-height:34px; font:"Montserrat", sans-serif;  color:#02091e;}
h4{ font-size: 22px; line-height:30px; }	
p{ font-family: Inter-ExtraLight; font-size:20px; line-height:26px; color:#00437e; color: #5e5e5e; }

.italic{ font-style:italic;}

#menu{ margin-left:auto;margin-right:auto; max-width:100%;min-width:250px;height:70px;color:#222222;}

.navWhite #blocHaut{
	height:70px;
}

.navWhite #blocHaut img{
	height: 80px;
}

.navWhite .conteneur{
	height:140px
}

nav.navWhite {
	height:140px
}

nav.navWhite #recherche{
	padding-top:0px;
}

#blocHaut{
	padding-top:0px;
	padding-bottom:0px;
	background-color: #fff;
	height:140px;
	padding-left:5%;
	padding-right:5%;
	width:90%;
}

#blocHaut img{
	height:140px;
}

#blocHaut #grosLogo{
	width:50%;
	float:left;
}

.grandLogo{
	margin-left:auto;
	margin-right:auto;
	height:130px;
	font-family: LeagueSpartan-Light;
	font-weight: lighter;
	display: block;
	text-align:center;
	color: #fff;
	font-size: 80px;
	line-height:135px;
}
nav{ 
	display: flex !important;
	transition-duration: 0s;
	left: 0;
	position: fixed;
	right: 0;
	top: 0px;
	z-index: 1030;
	list-style: none outside none;
	height: 195px;
	letter-spacing: 0px;
	min-width: 280px;
	opacity: 1;
	/*box-shadow: 0px 0px 5px -2px #000;*/
	/*background-color: #fefefe;*/
	color: #00011a;
	background-color:#fff;
}
nav.navWhite{
	top:0px;
}
nav:hover{ opacity:1; }

#logo{
	width: 65px;
	height: 60px;
	transition: 1s;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}
#logo img{ width:64px; height:55px !important; margin-top:2px; transition-duration:1s;-webkit-transition:1s;transition:1s;}
#titreSite{ 
	margin-left: 0px;
	transition: 1s;
	font-size: 40px;
	line-height: 80px;
	font-family: Inter-Regular;
	font-weight: lighter;
	letter-spacing: 0px;
	line-height: 85px;
}

#menuMobile{ display:none; }

ul li{ list-style-type:none; }
.conteneur ul{ list-style-type:none;margin:0px;padding:0px; height: 40px; background-color: #fff; width:auto; display: flex; }
.conteneur ul ul{ list-style-type:none;margin:0px;padding:0px; height: 40px; background-color: #fff; width:auto; display: flex; }
.conteneur ul:hover{ color:#00011a !important; }
.conteneur .blocSousCategorie{ 
	display: none;
	align-items: stretch;
	gap: 20px;
}
.conteneur li{ 
	line-height:auto; 
	font-size:18px; 
	display:inline-block;
	line-height:40px;
	vertical-align:top; 
	/*min-width:100px; */
	text-align:left; 
	float:left;
	text-align:center;
	width: calc(200px);
	height:55px;
	position: relative;
}
.conteneur .blocSousCategorie li{ line-height:40px; }
.conteneur .contact{ float:right !important; margin-right:25px;}

/* menu */
li span{ 
	font-size: 14px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 30px;
	cursor:pointer;
	font-weight:bold;
}

li span.icones{
	margin-top: 25px;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	position:relative;
	padding: 0px;
}

/*li span.insta{
	margin-top: 17px;
}	*/

li span.icones a {
	display: inline-block !important;
	height: 50px;
	width: 50px;
	position:absolute;
}

strong{ font-weight:normal;}

h1 strong, h2 strong, h3 strong, h4 strong{ font-weight:bold;}

nav .conteneur > li{ float:left;font-size:15px;position:relative;line-height:60px; }
nav .conteneur > li > a{color: #eee;float:none;/*padding:10px 15px;*/display:block;list-style:none outside none;text-decoration:none;}
nav .conteneur{ min-width:300px; width:100%;margin-left:auto;margin-right:auto; max-width:1920px; }

nav li{ transition-duration:0s;}

nav #ClTitre{ 
	padding-left:0px; 
	color:#fff; 
	/*padding-right:100px; */
	padding-top:0px;
	padding-bottom:0px;
}

.titreSite{ color:#00011a ;display:block; float:left !important; padding-left:0px !important; margin-left:0%; width:162.5px !important; text-align:left !important; font-weight:bold; }
.titreSite:hover{  }
nav .conteneur li:hover {  }
nav #ClTitre:hover{ color:#00011a; }
nav .conteneur li a{ /*color:#fff; */ color:#000;
display:block; min-width:100px; padding-right:0px;  height:60px; font-weight:bold; font-size: 15px; font-family:Inter-Light; line-height: 55px; }

nav .conteneur li a:hover{ color:#ff3030; font-weight:bold; text-decoration:none; }
nav .conteneur .sousMenu li a{
	font-weight:bold;
}
/*nav .conteneur .blocSousCategorie li a{ height:40px !important; display:inline-block; min-width:135px; cursor:pointer; transition-duration:1s;  }*/

nav .conteneur > li > a:focus,
nav .conteneur > li > a:hover{ color:#0072c6; text-decoration:none; }


nav #partieHautDroite{
	height:40px;
	margin-top:30px;
	position:relative;
}

nav #partieHautDroite .reseauxSociaux{
	height:40px;
	margin-top:0px;
	position:absolute;
	right:130px;
	top:0px;
	line-height:36px;
	padding:0px;
}

.panier{
	top: 0px !important;
	right: 10px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	color:#02091e;
	padding:0px;
	display:inline-block;
	float: right;
	margin-left:15px;
	position: relative;
}

.panier svg{
	margin-top:6px;
	height:30px;
}

nav .panierConnecte{
	
}

nav .panierConnecteLarge{
	left: 21px !important;
}


nav .panier{
	line-height:32px;
}

nav .panier:hover{
	
	color:#02091e;
}

nav .panier .nbArticles{
	position: absolute;
	top: -15px;
	left: 21px;
	font-family: Inter-Bold;
}

.espaceMembre{
	top:-3px !important;
	right:80px;
	width:50px;
	height:50px;
	cursor:pointer;
	padding:0px;
	line-height:32px;
	display: inline-block;
	float: right;
	margin-left:0px;
}



nav .espaceMembre:hover{
	cursor:pointer;
	color:#02091e;
}

nav .espaceMembre svg{
	height:35px;
}

nav .espaceMembreConnecte{
	float: right;
	position:relative;
	top:-3px;
	right:0px;
	width:50px;
	height:50px;
	cursor:pointer;
	padding-left:0px;
	padding-right:0px;
}

nav .espaceMembreConnecte:hover{
	position:absolute;
	cursor:pointer;
}

.navWhite .panier{
	top:7px;
}

.navWhite .espaceMembre{
	top:3px;
}

.conteneur ul li ul{border:0 none; list-style-type:none;margin:0;padding:0; display: flex; flex-direction: column;}
.conteneur li.invisibleMobile:hover > .blocSousCategorie{ 
	 z-index:15; transition-duration:0s; opacity:1; left:0px; 
	border: 1px solid #eee;
	border-top:1px;
	align-items: flex-start; /* LA LIGNE QUI ARRANGE TOUT */
	display: flex !important;
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
	
}
.conteneur li.invisibleMobile{
	text-transform: uppercase;
}

.conteneur .IndicationMenu{ background-image:url("images/menu.png"); width:170px; position:absolute; height: 80px; }	
.conteneur .blocSousCategorie{ 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	position:absolute; 
	top:55px;
	/*color:#00011a;*/
	opacity:0;
	width:500px;
	padding-left:5%;
	padding-right:5%;
	left:0%;
	padding:25px;
	display: none;
	align-items: flex-start;   /* LA clé */
}

.conteneur .blocSousCategorie a{
	padding-left:0px;
	padding-right:50px;
	text-align:left;
}

nav .conteneur .blocSousCategorie a{ display:block; min-width:auto; height:40px !important; color:#fff; line-height:normal; }
.blocSousCategorie li:last-child {
  border-bottom: none;
}

.blocSousCategorie li { font-size:16px; /*color:#f87563;*/ line-height:40px !important; text-align:left;  position:relative;  border-bottom: 1px solid #e33; /* ton rouge */ }
/*.blocSousCategorie li :hover{ color:#00011a; transition-duration: 0.5s;  }*/

.conteneur .blocSousCategorie li{ display: block; margin: 0; padding-top: 0; padding-bottom:0px; border: 0; height:40px; }	

.conteneur li a:hover { color: #00011a; }
.conteneur .titreSite a:hover{ color:#ddd !important; }
.conteneur .titreSite img{
	margin-top:0px;
	height:80px;
	filter: brightness(100%);
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
}

.conteneur .titreSite .logo{
	float:left;
	padding-right:10px;
	margin-top:0px;
}

nav .conteneur .menuRecherche{
	width:20% !important;
	height: 44px;
	margin-top:13px;
}
nav .conteneur .menuRecherche #rechercheSite{
	height:50px;
}
nav .conteneur .menuBoutique{
	/*width:30% !important;*/
}


.conteneur li a:active { }
.conteneur .blocSousCategorie li{
	width:100%;
}
.conteneur .blocSousCategorie li a {
	font-size: 12px;
    display: block !important;
    text-transform: uppercase;
    color: #e63c38;
    /*border-top: 1px solid #e63c38;*/
    padding-bottom: 0px;
    padding-top: 0px;
    width: 90% !important;
}

.blocSousCategorie li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #eee;
    bottom: 12px;         /* pile au milieu entre 2 li */
	width: 60% !important;
}

.premiereLigne a{
	border-top: 0px !important;
}

.conteneur .blocSousCategorie li a:link,
.conteneur .blocSousCategorie li a:visited{ display: block; /*color:#fff;*/ text-decoration: none; box-shadow:2px; }
.conteneur .blocSousCategorie li a:hover{ background-image: none; color:#000; font-weight:bold;   }				
.conteneur .sousblocSousCategorie li:hover > .soussousblocSousCategorie {  display: block;  margin-left:200px; height:20px; left:-200px; top:-10px;  }

.blocSousCategorie{
	width:500px;
	min-height:250px;
	background-color:#fff;
	display: flex;
	 height: auto;
	 max-height: none; 
	 align-items: flex-start;
}

.blocSousCategorie .sousCategorie{
	width:250px;
 min-height:250px;
 flex: 1; /* prend la place qu’il faut */
}

.blocSousCategorie .imageCategorie{
  flex: 1;             /* seconde colonne */
  display: flex;
  align-items: center;
}

.sousCategorie {
  flex: 1;
}

.sousMenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sousMenu li a {
  display: block;
  padding: 10px 5px;
}

/* LA CLÉ : empêcher l’image de déborder */
.imageCategorie {
  flex: 1;
  display: flex;
}

.imageCategorie img {
  width: 100%;
  height: auto;
  object-fit: cover;   /* évite les images qui explosent */
  display: block;
}

/* Gestion du menu lorsqu'on est pas tout en haut */
nav.diminuer{ height: 60px; }
nav.diminuer .conteneur li{ line-height: 100px; }
nav.diminuer #ClTitre{ margin-top: 5px; }

.pagePleine{
	min-height: 100%;
	float:left;
}

.pagePleine .intro {
    height: 100%;
	min-height:650px;
	overflow:hidden;
}

.pageLarge{
	padding-left:5%;
	width:100%;
	padding-right:5%;
	box-sizing:border-box;
}

.pageLarge h2{
	width:100%;
}

pageMoitie .intro {
    height: 60%;
	overflow:hidden;
	color:#0e5797;
}

header{
    width: 100%;
	height: 100px;
    box-sizing: border-box;
    padding: 0;
	height:195px;
	/*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);*/
	box-shadow: 0 4px 12px rgba(230, 60, 56, 0.10);
}

header{
	position:relative;
}

.intro #blocCentre{
	position: absolute;
	/*top: 80px;*/
	width: 30%;
	left: 35%;
	background-color: #fff;
	border-radius: 1px;
	padding: 20px;
	box-sizing: border-box;
	background-color:#eee;
	top:calc(25% - 50px);
}

#inscription .formulaire{
	margin-bottom:0px;
}

#inscription .formulaire select{
	width: calc(60%);
	height: 40px;
	background-color:#fff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #fff;
}

#inscription h1{
	margin-top:25px;
	font-size:30px;
}

#inscription h2{
	margin-top:0px;
	font-size:26px;
}


#contact .formulaire{
	margin-right: 25px;
}

#contact .page2CoteCentrer{
	padding-left: 0%;
	padding-right: 0%;
}

.formulaire .champ input{
	width: calc(60% - 22px);
	height:40px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #fff;
}

.formulaire .champ input[type="checkbox"]{
	margin-right:0px;
	margin-left:20%;
}

.formulaire{
	color:#00011a;
}


.formulaire h1{
	color:#00011a;
	font-size:40px;
	margin-bottom:0px;
}

.formulaire .label{
	margin-bottom:5px;
}

.formulaire h1, .formulaire h2{
	text-align:center;
}


/*#inscription .ligneFormulaire .label{
	width:50%;
	float:left;
}


#inscription .ligneFormulaire .champ{
	width:50%;
	float:left;
}*/

.erreur{
	color:red;
}

.validation{
	color:green;
	font-size:12px;
}

.ligneFormulaire{
	margin-bottom:10px;
}

.creerSite #blocCentre{
	top:15%;
}

.intro #blocDroite{
	position: absolute;
	top: 30%;
	width: 40%;
	left: 50%;
}

.intro #blocCentre button{
	height: 54px;
	min-width: 220px;
	padding-right: 25px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: normal;
	cursor: pointer;
	color: #000;
	border:0px;
	opacity:1;
	width:50%;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	display:block;
	background-image: linear-gradient(60deg, #f24f50,#f24f50);
}

#inscription .intro #blocCentre button{
	width:100%;
	margin-top:0px;
}

#inscription hr{
	border-color: #fff;
}

#inscription .intro #blocCentre button:hover{
	background-color:#000;
}

#inscription .intro #blocCentre, #validationInscription .intro #blocCentre{
	padding-left:0px;
	padding-right:0px;
	min-width:500px;
	width: 40%;
	left: 30%;
	padding-bottom: 0px;
}

#inscription .intro #blocCentre{
	top: calc(30% - 50px);
}

#inscription .intro #blocCentre h1{
	margin-top: 0px;
	margin-bottom: 20px;
}



#inscription .intro #blocCentre h2{
	margin-bottom: 25px;
	font-size: 22px;
}

#inscription .intro #blocCentre a{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left:20%;
	margin-right:20%;
	font-size:12px;
	/*float:right;*/
	width: 80%;
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#inscription .intro #blocCentre{
	padding-left:25px;
	padding-right:25px;
}

#validationInscription .intro #blocCentre{
	padding-left:25px;
	padding-right:25px;
}

#validationInscription h2{
	text-align:center;
}

#inscription .ligneFormulaire .erreur
{
	padding-left:25px;
	padding-right:25px;
}

button{
	height: 70px;
	min-width: 240px;
	padding-right: 25px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: normal;
	cursor: pointer;
	background-color: #02091e;
	color: #fff;
	border:0px;
	opacity:1;
}

.intro #blocCentre img{
		height:200px;
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}

#connexion #blocCentre h1{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	margin-top:20px;
	font-size:30px;
}

#connexion #blocCentre h2{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size:30px;
}

#connexion #blocCentre a{
	font-size:12px;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


/*header.creerSite nav{
	background-color: #00437e;
}*/

.creerSite #blocCentre{
	top: 35%;
}

header img {
    display: block;
    /*width: 100%;*/
    object-fit: cover;
    box-sizing: border-box;
	/*filter: grayscale(0.5);*/
	/*filter: blur(3px);*/
	filter: brightness(100%);
}

	header .PleinePage{
		width: 100%;
		min-height:100%;
	}

.index header h1 { 	text-align:center; }

header h1 {
	font-size:60px;
	top:80%;
	color:#fff;
	width:100%;
	left:10%;
	line-height:65px;
	margin-bottom:55px;
	margin-top:10px;
}

header h2 {
	font-size:34px;
	top:30%;
	color:#fff;
	width:100%;
	text-align:left;
	line-height:40px;

}


header h3 {
	font-size:24px;
	top:72%;
	color:#fff;
	width:100%;
	text-align:center;
}

.pageMoitie header h1{
	color:#0e5797;
}
.pageMoitie header h2{
	color:#0e5797;
}
.pageMoitie header h3{
	color:#0e5797;
}

/*header .vague{
	background-image: url("../images/courbe.png");
	height:21px;
	width:1920px;
	position:absolute;
	bottom: 0px;
}*/

#presentation{
	min-height:50% !important;
	color: #5e5e5e;
	text-align:center;
	height:auto !important;
	overflow:hidden;
}
#presentation div{
	/*z-index: 29;
	position: absolute;
	width: 60%;
	left: 20%;
	top: 0px;*/
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

#presentation h2{
	margin-top:0px;
	padding-top:60px;
	line-height: 60px;
	font-size:52px;
	text-align:center;
	margin-bottom:60px;
	width:60%;
	margin-right:auto;
	margin-left:auto;
	color:#1a315b;
}

#presentation h3{
	margin-top: 80px;
	font-size: 42px;
	text-align: center;
	margin-bottom: 80px;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	line-height: 46px;
	color:#1a315b;
}

#presentation p{
	width: 80%;
	margin-left: 10%;
	font-size: 24px;
	line-height:24px;
	padding-bottom:60px;
	margin-right:auto;
	margin-left:auto;
	color:#1a315b;
}

#presentation img{
	/*filter: grayscale(1);*/
	filter: blur(3px);
	object-fit: cover;
	opacity: 0.3;
	width:100%;
	position:absolute;
	z-index:-1;
	border-radius:0px;
}

section{
	width:100%;
	box-sizing: border-box;
	padding: 0px;
	position: relative;
}

#bateau section, #connexion section, #inscription section, #validationInscription section{
	height:calc(100% - 80px);
	min-height:550px;
	margin-bottom: 100px;
}

#accueil{
	height:calc(100% - 195px);
	min-height:500px;
	margin-bottom: 0px;
	overflow:hidden;
	margin-bottom: 0px;
	position: relative;
}

#accueil .diaporama1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

#index #accueil{
	margin-bottom: 50px;
}

#index #accueil img{
	filter: brightness(100%) !important;
}

#index #accueil h1, #index #accueil h2, #index #accueil h3{
	color:#fff;
}

#index #accueil h3{
	text-align: center;
}

#index #accueil button{
	background-color: #fff;
	color:#02091e;
	border:1px solid #02091e;
	border-radius: 15px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

#index .intro h1 {
  text-align: center;
  width: 100%;
  color: #000;
  font-size: 40px;
  padding-top: 0px;
  margin-top: 0px;
	margin-bottom:15px !important;
}

#index #accueil h1{
	font-size:30px;
	text-align:left;
	line-height:34px;

	margin-top:0px;

}

#index #accueil h2{
	font-size: 30px;
	text-align:left;
	text-transform: inherit;
	
}

#index #accueil #diaporama1 h2{
	font-size: 26px;
	line-height: 30px;
}

#index #accueil h3{
	text-align:left;
	font-size: 26px;
	line-height: 30px;
}

.diaporama  .conteneur a.bouton {
	background-color: #fff;
	border-radius: 2px;
	display: block;
	margin-left: auto;
	text-align: center;
	min-width: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	color: #000;
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	font-size:14px;
	
}

#index .intro h2 {
	font-family:Inter-Regular;
	font-style:underline;
}


#presentationEntreprise h2{
	color:#fff;
}

#presentationEntreprise p{
	color:#fff;
}

.intro h2{
	margin-bottom:15px;
}

#inscription section, #validationInscription section{
	height:calc(100% - 80px);
	min-height:900px;
}



section img{
	display: block;
    width: 100%;
	height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}

.articlePlein img{
	height:400px;
	min-height:400px;
}

section.centrer{
	position:relative;
}

section.centrer{
	text-align:center;
}


.icone{
	border-radius:75px;
	height:75px;
	width:75px;
	display: block;
	background-color:#fff;
	position:relative;
}

.icone img{
	height: 75px !important;
	width: 75px !important;
	min-height: 75px !important;
	/*margin-left: 12.5px;
	margin-top: 12.5px;*/
	position: absolute;
}

#services{
	position:relative;
	top:40%;
	left:10%;
	width:80%
}

/*#services div{ 
	min-width:150px;
	width:calc(33% - 40px);
	float:left;
	padding:20px;
	color:#fff;
}*/


#services #moteurDeRecherche .icone{
	border-radius:75px;
	height:75px;
	width:75px;
}

.articles{
	padding-left:5%;
	padding-right:5%;
	width:100%;
	box-shadow:none;
	height:auto;
	float:left;
}

.articles.articlesPleins{
	padding-left:0%;
	padding-right:0%;
	width:100%;
	box-shadow:none;
	height:auto;
}

.articles h2{
	float:left;
	width:100%;
	margin-top:80px;
	margin-bottom:80px;
	color:#0e5797;
}

.articles .articlePlein{
	height:50%;
	width:100%;
	box-sizing:border-box;
	color:#000;
	float:left;
	margin-bottom:10px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	border-radius:2px;
	position:relative;
}


.articles .article2{
	height:50%;
	width:46%;
	box-sizing:border-box;
	color:#000;
	float:left;
	margin-bottom:50px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	margin:2%;
	border-radius:2px;
}

.article2 .texte{ 
	min-height: 120px;	
}

.articles .article2 .icone{
	height:50px;
	width:50px;
	position:absolute;
	top:200px;
	right:25px;
}

.articles .article3{
	height:50%;
	width:31.3%;
	box-sizing:border-box;
	color:#000;
	float:left;
	margin-bottom:50px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	margin:1%;
}

.articles .article3 .icone{
	height:50px;
	width:50px;
	position:absolute;
	top:200px;
	right:25px;
}

.articles .article4{
	height:50%;
	width:23%;
	box-sizing:border-box;
	color:#000;
	float:left;
	margin-bottom:50px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	margin:1%;
}

.articles .texte{ 
	padding:25px;
	min-height: 100px;	
	font-size: 16px;

	box-sizing:border-box;
}

.articles .texte.right{
	padding-left:100px;
}

.articles .texte.left{
	padding-right:100px;
}

.articlePlein .texte{
	position: absolute;
	width: 50%;
	opacity:0.3;
	transition-duration:2s;
}

.articlePleins.clair .texte{
	background-color:#000;
}

.articlePlein.fonce .texte{
	background-color:#fff;
	border-radius:5px;
}

.articlePlein.left .texte{ 
	left:5%;
	padding-right:100px;
}

.articlePlein.right .texte{ 
	left:45%;
	padding-left:120px;
}

.articlePlein.left .texte .icone{
	border-radius: 75px;
	display: block;
	background-color: #fff;
	float: left;
	bottom: 5px;
	right: 10px;
	top: 10px;
}

.articlePlein.right .texte .icone{
	border-radius: 75px;
	display: block;
	background-color: #fff;
	float: left;
	bottom: 5px;
	left: 10px;
	top: 10px;
}

.articlesPleins h2{
	margin-left:10%;
	width:80%;
	margin-right: 10%;
	text-align:center;
}

.articles .article img{
	width:100%
}



.articles .article3 .icone{
	height:50px;
	width:50px;
	position:absolute;
	top:200px;
	right:25px;
}

/*.transition{
	height:250px;
	width:100%;
	float:left;
}*/

.articlePleinePage{
	width:100%
}

.articlePleinePage .texteDroite{
	
}

.articlePleinePage .texteDroite .img{
	float:left;
	width:50%;
	height:300px;
	object-fit: cover;
}

.articlePleinePage .texteDroite .texte{
	float:right;
}


.articlePleinePage .texteGauche .img{
	float:left;
	width:50%;
	height:300px;
}

.articlePleinePage .texteGauche .texte{
	float:right;
	width:50%;
	padding:20px;
	box-sizing:border-box;
}

.articlePlein  .icone{ position:absolute; }

.articlePleinePage .texteGauche{
	
}


.moteurRecherche{
	
}


/*#services #moteurDeRecherche .icone img{
	height:34px;
	width:34px;
	margin-left:8px;
	margin-top:8px;
}*/

.both{
	clear:both;
}


.opacity100.on{
	opacity:0.95 !important;
	transition-duration:3s;
}

.articlePlein .texte.on{
	opacity:0.95 !important;
	transition-duration:3s;
}

.articlePlein .texte h3{
	font-size: 28px;
	line-height:32px;
	margin-top:0px;
}
.articlePlein .texte p{
	font-size: 20px;
	line-height:22px;
}


#citation{
	min-height:100%;
	color:#000;
	padding-bottom:100px;
}


.pageLarge100{
	width:100%;
}

.pageLarge100 h2{
	margin-left:10%;
	padding-top: 50px;
	padding-bottom: 60px;
	color: #0e5797;
	width: 90%;
}

.pageLarge100 .texte{
	margin-left:5%;
	margin-right: 5%;
}

.page2Cote{
	float:left;
}
.page2Cote h2{
	padding-top:50px;
	padding-bottom:60px;
	/*color:#0e5797;*/
	margin-left:0%;
	width:80%;
	
}

.page2Cote .texteGrandeLargeur h2{
	width:100%;
}

.page2Cote .floatLeft{
	float:left;
	width:100%;
	margin-bottom:100px;
}

.page2Cote .gauche{
	float:left;
	width:50%;
	min-height:100%;
}

.page2Cote .gauche.image{
	/*margin-top:100px;*/
	position:relative;
	height:1px;
}

.page2Cote .gauche p, .page2Cote .gauche h2, .page2Cote .gauche h3{
	/*padding-left: 10%;*/
	padding-right: 10%;
	color: #5e5e5e;
}

.page2Cote .droite{
	float: left;
	width: 50%;
	min-height: 100%;
	box-sizing: border-box;
}

.page2Cote .droite.image{
	/*margin-top:100px;*/
}

.page2Cote .droite h3{
	margin-top:0px !important;
	color: #00011a;
	padding-left: 10%;
	padding-right: 10%;
	line-height:36px;
}

.page2Cote .droite p{
	padding-left: 10%;
	padding-right: 10%;
}

.page2Cote .texte{
	padding: 5%;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	width:40%;
}

.page2Cote .texte img{
	width: auto !important;
}

.page2Cote .texteGrandeLargeur{
	float:left;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:50px;
	box-sizing: border-box;
	padding-top:0px;
	width:100%;
}

.page2Cote .texteGrandeLargeur .droite.image img, .page2Cote .texteGrandeLargeur .gauche.image img{
	width:100%;
}  

.page2Cote .texteGrandeLargeur img{
	width:100%;
	texte-align:center;
	margin-right:auto;
	margin-left:auto;
}

.page2Cote .floatLeft {
	margin-bottom:50px;
}

.texteGrandeLargeur h2, .texteGrandeLargeur h3, .texteGrandeLargeur h4, .texteGrandeLargeur ul{
	margin-left:0% !important;
	padding-left:0% !important;
	margin-top: 50px;
	color: #00011a;
}

.texteGrandeLargeur p{
	
}

.texteGrandeLargeur ul{
	margin-left:0px !important;
}


.page2Cote .citation{
	width: 70%;
	margin-left: auto;
	position: relative;
	margin-right: auto;

}

.page2Cote .citation img{
	width: 100% !important;
}

.page2Cote.page2CoteMarge .imageGauche img{
    width: 50% !important;
    object-fit: cover;
    box-sizing: border-box;
    z-index: -1;
    float: left;
    /*margin-left: 5%;*/
}



.page2Cote.page2CoteMarge .texte {
    padding: 3%;
        padding-top: 5%;
        padding-bottom: 5%;
    padding-top: 50px;
    padding-bottom: 50px;
    float: left;
    width: 35%;
	color:#000;
}

.page2Cote.page2CoteMarge .imageDroite img{
    width: 50% !important;
    object-fit: cover;
    box-sizing: border-box;
    z-index: -1;
    margin-right: 5%;
}



.page3Cote{
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	box-sizing:border-box;
}

.page3Cote .gauche{
	float:left;
	width:33.3%;
	min-height:100%;
}

.page3Cote .centre{
	float: left;
	width:33.3%;
	min-height: 100%;
	box-sizing: border-box;
}

.page3Cote .droite{
	float: left;
	width:33.3%;
	min-height: 100%;
	box-sizing: border-box;
}

.page3Cote .imageGauche img{
    width: 33% !important;
    object-fit: cover;
    box-sizing: border-box;
    z-index: -1;
    float: left;
}

.pageFondImage{
	float:left;
}

.pageFondImage h2{ margin-left:5%; }

.pageFondImage img{
	height:75%;
}
.pageFondImage .image{
	position:relative;
	width:100%;
}

.pageFondImage .texte{
	background-color:#fff;
	position:absolute;
	top:10%;
	z-index:10;
	width:80%;
	left:10%;
	padding:50px;
	box-sizing:border-box;
	box-shadow: 2px 3px 4px 1px #757579;
	border-radius:5px;
	opacity:0.95;
}

.pageFondImage h2, .pageFondImage h3{
	color: #00437e;
	margin-bottom:50px;
	margin-top:50px;
}

.pageFondImage h2{
	text-align:center;
	margin-left:0%;
}

.pageFondImage .premierTitre{
	color: #00437e;
	margin-bottom:50px;
	margin-top:0px !important;
}


#citation h2{
	margin-left: 5%;
}

#citation .citation .texte{
	width: 100%;
	z-index: 2;
	left: 10%;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	background-color:#fff;
	padding:8%;
	box-sizing:border-box;
	border-radius:10px;
	font-style:italic;
	line-height:30px;
}

#citation .citation .forme{
	width:200px;
	height:200px;
	position:absolute;
	z-index:-1;
	background-color:#777;
	bottom:-50px;
	left:-50px;
	border-radius:15px;
	background-image:linear-gradient(60deg, #0173d6 ,#77acd5);
}

#citation .citation p{ margin-top:0px; }

#citation .citation .profil{
	
}


#citation .citation .profil p{
	margin-bottom:0px;
}

#projets{
	float:left;
	height:100%;
	width:90%;
	margin-left:5%;
	overflow:hidden;
	/*box-shadow: 1px 2px 4px 0px #A9A9AB;*/
	
}

#projets h2{
	color:#0e5797;
	margin-top:0px;
	margin-bottom: 60px;
	text-align:right;
}

#btContact{
	
}

.titreSeul{
	texte-align:center;
	float:left;
	color:#000;
	margin-right:auto;
	margin-left:auto;
}

.carousel{
	position:relative;
	height:80%;
	overflow:hidden;
	border-radius:5px;
}

.carousel .image{
	opacity:0;
	width:100%;
	transition-duration:3s;

}

.carousel .image.selectionne{
	opacity:1 !important;
	transition-duration:3s;
}

.carousel img{
	width: 100% !important;
	object-fit: cover;
	box-sizing: border-box;
	height: 50% !important;
	z-index:-1;
	filter: brightness(50%);
}

.carousel .img{
	position:absolute;
	left:0px;
	top:0px;
	filter: grayscale(0.5);
	/*filter: blur(2px);*/
}

.carousel .titre1{
	position: absolute;
	top: 35%;
	color: #fff;
	z-index: 10;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size:80px;
}

.carousel .titre2{
	position: absolute;
	top: 60%;
	color: #fff;
	z-index: 10;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size:50px;
}

.carousel .titre3{
	position: absolute;
	top: 70%;
	color: #fff;
	z-index: 10;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size:40px;
}

.carousel .boutons{
	position:absolute;
	width:100%;
	bottom:10%;
	text-align:center;
}

.carousel .blocBt{
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	display: inline;
	text-align:center;
}

.carousel .bt{
	height:30px;
	width:30px;
	margin-left:10px;
	margin-right:10px;
	opacity:0.6;
	background-color:#fff;
	display: inline-block;
	border-radius:20px;
	cursor:pointer;
	transition-duration:0s;
}

.carouselTexte{
	position:relative;
	height:80%;
	overflow:hidden;
	border-radius:5px;
	width:100%;
	float:left;
	min-height: 300px;
}

.carouselTexte .elementCarouselText{
	opacity:0;
	width:100%;
	transition-duration:1s;
	position:absolute;
	top:0px;
	left:0px;
}

.carouselTexte .elementCarouselText.selectionne{
	opacity:1 !important;
	transition-duration:1s;
}

.carouselTexte img{
	width: 100% !important;
	object-fit: cover;
	box-sizing: border-box;
	height: 50% !important;
	z-index:-1;
}

.carouselTexte .img{
	position:absolute;
	left:0px;
	top:0px;
	filter: grayscale(0.5);
	/*filter: blur(2px);*/
}

.carouselTexte .titre1{
	position: absolute;
	top: 20%;
	color: #fff;
	z-index: 10;
	left: 0px;
	width: 100%;
	text-align: left;
	font-size:50px;
	left:10%;
}

.carouselTexte .titre2{
	position: absolute;
	top: 40%;
	color: #fff;
	z-index: 10;
	left: 10%;
	width: 80%;
	text-align: left;
	font-size:28px;
	line-height:34px;
}

.carouselTexte .titre3{
	position: absolute;
	top: 70%;
	color: #fff;
	z-index: 10;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size:40px;
}

.carouselTexte .boutons{
	position:absolute;
	width:100%;
	bottom:10%;
	text-align:center;
}

.carouselTexte .blocBt{
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	display: inline;
	text-align:center;
}

.carouselTexte .bt{
	height:30px;
	width:30px;
	margin-left:10px;
	margin-right:10px;
	opacity:0.6;
	background-color:#fff;
	display: inline-block;
	border-radius:20px;
	cursor:pointer;
	transition-duration:0s;
}

#contact{
	float: left;
	width: 100%;
	color: #5e5e5e;
	padding-top:50px;
	padding-bottom:50px;
}

#contact .texte{
	margin-bottom:100px;
	margin-top:100px;
}

#googleMap{
	float: left;
	padding-bottom: 0px;
	text-align: justify;
	min-width: 256px;
	width: 100%;
	height:400px;
}


.vcard .org{
	font-size:40px;
	margin-bottom:40px;
	color: #0e5797;
}

.vcard .fn{
	font-size:30px;
	margin-bottom:20px;
}

.vcard .title{
	font-size:22px;
}

.vcard .adr{
	margin-top:40px;
	margin-bottom:40px;
	font-size:26px;
	line-height:30px;
}

/* page objectif */
#siteVitrine, #siteDynamique{
	padding-top:50px;
	padding-bottom:50px;
	color:#000;
	overflow:hidden;
}

#siteVitrine h2, #siteDynamique h2, #migration h2, #SEOSEA h2, #hebergement h2, #creerApplication h2 {
	padding-left:10%;
	padding-top:50px;
	padding-bottom:50px;
	background-image: linear-gradient(60deg, #00011a ,#77acd5);
	margin-bottom:70px;
	padding-left:10%;
	padding-right:10%;
	color:#fff;
	text-align:center;
	opacity:0.1;
	box-shadow: 1px 2px 4px 0px #A9A9AB;
}

#siteVitrine h3, #siteDynamique h3, #migration h3, #SEOSEA h3, #hebergement h3{
	color: #00011a;
}

.imageGauche img{
	width: 50% !important;
	object-fit: cover;
	box-sizing: border-box;
	z-index:-1;
	float:left;
}

.imageDroite img{
	width: 50% !important;
	object-fit: cover;
	box-sizing: border-box;
	z-index:-1;
	float:right;
}


/*#siteVitrine p, #siteVitrine h3, #siteDynamique p, #siteDynamique h3, #migration p, #migration h3{
	padding-left:10%;
	padding-right:10%;
	color:#00437e;
}
*/


#siteVitrine ul, #siteDynamique ul {
	padding-left:30px;
	color: #5e5e5e;

	
	text-decoration:none;
	font-style:normal;
	font-size:20px;
}

#listeReseauxSociaux{
	padding-bottom:100px;
	float:left;
}

#listeReseauxSociaux{
	
}


.page2Cote img:hover{
	filter: grayscale(0.5);
	transition-duration:0.5s;
}

.page2Cote img{
	box-shadow: 1px 2px 4px 0px #A9A9AB;
}


.page3CoteCentrer{
	width:100%;
	margin-left:0%;
}

.page3CoteCentrer .bloc{
	float:left;
	width:33.3%;
	min-height:300px;
	padding:25px;
	padding-bottom:0px;
	box-sizing:border-box;
}

.page3CoteCentrer .image{
	display:block;
}

.page3CoteCentrer .image img{
	width: 100px;
	object-fit: cover;
	box-sizing: border-box;
	height:50%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	box-shadow: none;
}

.page3CoteCentrer h3{
	display:block;
	color:#000;
	margin-left:auto;
	margin-right:auto;
	color: #000;
	text-align:center;
	font-size:24px;
}

.page3CoteCentrer .texte{
	display:block;
	width:100% !important;
	font-size:18px;
	color: #5e5e5e;
}

.page3CoteCentrer .image{
	box-shadow:none;
}


.animationHorizontale .image{
	position:relative;
	min-height: 100px;
}

.animationHorizontale .gauche.image img{
	/*position:absolute;*/
	left:-50px;
	transition-duration:2s;
}

.animationHorizontale .droite.image img{
	/*position:absolute;*/
	left:50px;
	transition-duration:2s;
}

.gauche.image img.on{
	/*position:absolute;*/
	left:0px;
	transition-duration:2s;
}


.droite.image img.on{
	left:0px;
	transition-duration:2s;
}

.imageTransition{
	width:100%;
	overflow:hidden;
	float:left;
	height:400px;
	margin-bottom:100px;
}

.imageMiniTransition{
	width:100%;
	overflow:hidden;
	float:left;
	height:200px;
	margin-bottom:100px;
}

#pointsImportants {
	height:auto;
	min-height:400px;
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:100px;
}

#pointsImportants h2{
	color:#00011a;
	/*padding-top:40px;*/
	padding-bottom:40px;
	float:left;;
}

.titreLarge{
	width:100%;
	margin-left:0% !important;
}


.elementCarouselText{
	height:100%;
}

#video iframe, #video iframe {
  margin-left: auto;
  display: block;
  margin-right: auto;
  max-width: 100%;
}

footer{
	padding-top:100px;
	padding-bottom:40px;
	float:left;
	width:100%;
	background-color:#000;
	position:relative;
	overflow:hidden;
}

footer {
	padding-top: 100px;
	padding-bottom: 50px;
	padding-left: 100px;
	padding-right: 100px;
	float: left;
	width: 100%;
	color: #fff;
	box-sizing: border-box;
}


/* Component 2 */
.rechercher{
	width: 24px;
	height: 24px;
	/*left:-30px;*/
	position:absolute;
	right: 15px;
	top: 8px;

}

#recherche {
	padding-top: 15px;
	width:50%;
	float:right;
}

#recherche input{
	height:40px;
	float: right;
	width:400px;
	border: 0px;
	padding-left:15px;
	background-color: #F5F5F5;
	border-radius: 2px;
}

#blocRecherche{
	position: relative;
	float: right;
	margin-right: 30px;
	width: 100%;
	margin-top: 5px;
}

#iconesMembres{
	position: relative;
	float: right;
	margin-right: 30px;
	width: 100%;
}

.navWhite #iconesMembres{
	margin-right: 0px;
	width: 50%;
}

.navWhite #blocRecherche{
	margin-right: 0px;
	width: 50%;
}


footer .page2Cote .gauche {
  width: 40%;
}

footer .page2Cote .droite {
  width: 60%;
}

footer p {
  font-size: 20px;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 30px;
  margin-bottom: 0px;
  font-family: Montserrat-Light, sans-serif;
  color: #fff;
}

footer p a {
	color:#fff;
}

footer .bloc.btPiliers{
	height:50px;
}

footer .gauche .bloc span {
  text-align: left;
  min-height: 50px;
  margin-bottom: 10px;
}

footer .droite .bloc{
	  height:50px !important;
}

footer .droite .bloc span {
  text-align: right;
  min-height: 40px;
  margin-bottom: 10px;
}

footer .droite .bloc span.icones{
	float:right;
	margin-left:5px;
}

footer .droite .bloc span.icones img{
	float:right;
	box-shadow:none;
}

footer .page3Cote{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/*padding-left: 5%;
	padding-right: 5%;*/
	box-sizing: border-box;
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
}

footer .page3Cote#blocCGV{
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	float: initial;
	margin-top:75px;
	color:#8F8F8F;
	padding-top: 25px;
}

footer .page3Cote .bloc{
	width:calc(100% / 3);
	padding-left:0%;
	box-sizing:border-box;
}

footer .page3Cote .blocDouble{
	padding-left:5%;
	padding-right:5%;
	box-sizing:border-box;

}

footer .page3Cote .bloc .block{
	text-align:left;
	margin-bottom:10px;
	margin-top:0px;
	font-size:20px;
	font-family:Inter-Regular; 
}

footer .page3Cote .bloc .block.paire{
	text-align:left;
}

footer .page3Cote .bloc .page3Cote .block{
	width: calc(100% / 3);
	text-align: center;
	margin-top:25px;
	margin-bottom:25px;
}

footer .page3Cote .bloc .inline{
	text-align:left;
	padding-left:0%;
	padding-right:0%;
	display:inline-block;
	font-size:10px;
	font-family:Inter-Regular;
}

footer .page3Cote .bloc .inline.paire{
	display: inline-block;  /* ou block selon ton rendu souhaité */
    margin-right: auto;
	/*margin-right: auto;*/
    text-align: left;
}

footer .page4CoteCentrer{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
}

footer .page4CoteCentrer .bloc{
	margin-top:0px;
	width: calc(100% / 4);
	padding-left:0px;
}

footer .page4CoteCentrer svg{
	margin-left:auto;
	margin-right:auto;
	display: block;
}

.blocDouble {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start; /* ok */
}

/* <= garde UNE seule déclaration pour .cat */
.blocDouble .cat {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    height: auto;     /* <- pas de 100% */
    min-height: 0;
    align-self: start; /* évite tout étirement local */
}

/* Sous-catégories en 2 colonnes */
.bloc .cat .subs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-content: start;
}

/* Liens */
.blocDouble .cat .block {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Les 'paire' à droite */
.blocDouble .cat .subs .inline.paire {
    align-self: flex-end;
    text-align: left;
	text-transform: uppercase;
	/*border-bottom: 1px solid rgba(57, 166, 72, 0.3);*/
	
	border-bottom: 1px solid rgba(143, 143, 143, 0.3);
	padding-bottom: 5px;
	width: 80%;
}

/* Évite le line-height trop petit qui peut "gonfler" la carte par wrap imprévu */
.blocDouble .cat .subs .inline {
    display: block;
    text-decoration: none;
    padding: 2px 2px;
    line-height: 1.2; /* remplace le 10px */
	text-transform: uppercase;
	border-bottom: 1px solid rgba(143, 143, 143, 0.3);
	padding-bottom: 5px;
}

footer .page3Cote .blocDouble{
	width:calc((100% / 3) * 2);
}

footer .page3Cote .blocGauche{
	padding-right:5%;
	box-sizing: border-box;
}

footer .page3Cote .bloc img{
	width:100%;
	margin-left:0px;
	margin-top:-42px;
}

footer #blocCGV.page3Cote .bloc{
	margin-top:20px;
	text-align:center;
	font-size:12px;
}

.menuFooter{
	cursor:pointer;
}

footer .page2Cote {
  float: left;
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
}

footer .droite .bloc {
  text-align: right;
}

footer h2, footer a{ 
	color:#fff; 
	font-family:Inter-Light; 
	text-align: left; 
	font-size: 24px;
	line-height:26px;
	margin-top: 0px;
}

footer .droite a{
	text-align: right;
	color:
}

footer ul{ list-style:none; color:#fff; }
footer li{
	margin: 0px;
	color: #fff;
	/*min-height: 25px;*/
	font-size:16px;
	padding-bottom:10px;
}
footer .titre{
	margin-bottom:25px;
	color:#fff;
	font-weight: bold;
	font-size:24px;
}

footer a{
	display:block;
}

/*.sowebsite {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #000;
  font-size: 16px;
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-family: Inter-Bold;
  line-height: 30px;
  height: 30px;
}*/

 a.sowebsite {
    font-family: Inter-Light;
	font-size:12px;
}

#migration{
	padding-bottom:50px;
	float:left;
}
.largeurTotale{
	float:left;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	color:#00437e;
}

#blocCentre h1, #blocCentre h2, #blocCentre h3{
	color: #00011a;
}

.liste{
	background-color:#fbfbfb;
}

.diaporamaProduit{
	width:33.3%;
	float:left;
	margin-right:20px;
	background-color:#fff;
	box-shadow: 0px 0px 5px -2px #00011a;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}

.diaporamaCategorie{
	width:100%;
	height:400px;
	float:left;
	margin-right:20px;
	background-color:#fff;
	box-shadow: 0px 0px 5px -2px #00011a;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}

.diaporamaProduit .boutons{
	position:absolute;
	left:-50px;
}

.diaporamaProduit .bt {
    height: 20px;
    width: 20px;
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.6;
    background-color: #00011a;
    display: block;
    border-radius: 20px;
    cursor: pointer;
    transition-duration: 0s;
	margin-top:10px;
	margin-bottom:10px;
}

.listeProduits .resultat .ligneElement{
	width:300px;
	height:auto;
	padding:10px;
	padding-top:0px;
	box-sizing:border-box;
	float:left;
	margin-bottom:50px;
	margin-left:20px;
}

.listeProduits .resultat .ligneElement .image{
	width:300px;
	height:300px;
	margin-left: -10px;
	margin-top: 0px;
	float: left;
}

.listeProduits .resultat .ligneElement .listeProduit{
	padding-left:0px;
	padding-right:0px;
}


.listeProduits .resultat label{
	margin-left:0px;
	width:100% !important;
	text-align:center;
	color:#555 !important;
	padding:10px;
	height:auto !important;
	font-size: 24px !important;
	padding-left:0%;
}

.listeProduits .resultat .ligneElement button{
	width:100%;
}

/*.categories .ligneElement{
	min-height:100px;
	height:auto;
	margin-bottom:50px;
	width:calc(50% - 40px);
	margin-left:20px;
	margin-right:20px;
	float:left;
	padding-top:0px;
	box-sizing:border-box;
}*/

#presentationCategoriePrincipale{
	/*height:70%;*/
	margin-top:50px;
	/*background-image: linear-gradient(280deg, rgba(119, 172, 213, 0.3) ,rgba(119, 172, 213, 0.2) );*/
}

#presentationCategoriePrincipale .imageGauche img{
	height:80%;
}

#presentationCategoriePrincipale .imageGauche{
	height:80%;
	float:left;
}

#presentationCategoriePrincipale .nom{

	color: #00011a;
	font-size:100px;
	margin-left:calc(33% + 10%);
	margin-top:10%;
	font-family: "FiraSans", 'Amble', 'SinkinSans', "Quicksand", "Rubik", "FiraSans", "PlayfairDisplay", "OpenSans";
	font-weight:bold;
	letter-spacing:0px;
}

#presentationCategoriePrincipale .titre{
	color: #00011a;
	font-size:34px;
	margin-left:calc(33% + 10%);
	margin-top:6%;
	font-family: "FiraSans", 'Amble', 'SinkinSans', "Quicksand", "Rubik", "FiraSans", "PlayfairDisplay", "OpenSans";
	font-weight:bold;
	letter-spacing:0px;
}

#presentationCategoriePrincipale .bt{
	color: #00011a;
	font-size:30px;
	margin-left:calc(33% + 10%);
	margin-top:6%;
	font-family: "FiraSans", 'Amble', 'SinkinSans', "Quicksand", "Rubik", "FiraSans", "PlayfairDisplay", "OpenSans";
	font-weight:bold;
	letter-spacing:0px;
} 

#categories{
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

#categories .titre {
	color:#000;
	text-align:center;
	
}

#categories .ligneElement{
	min-height:100px;
	height:auto;
	margin-bottom:50px;
	width:calc(50% - 40px);
	margin-left:20px;
	margin-right:20px;
	float:left;
	padding-top:0px;
	box-sizing:border-box;
}

#categories .ligneElement .image{
	height:300px;
	width: 100%;
	border-bottom:1px solid #aaaaaa;
	position:relative;
}

#categories.afficher .resultat .ligneFormulaire{
	width:100%;
}

#categories h3{
	position:absolute;
	top:20px;
	left:40px;
}

#categories .voirProduit{
	position:absolute;
	bottom:40px;
	left:40px;
	color:#fff;
}

#categories.afficher .resultat input{
	max-width:calc(75% - 8px) !important;
}

.page3CoteCentrer{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

.page3CoteCentrer .blocCategorieMere{
	width: 33.3%;
	min-height: 300px;
	  padding-right: 0px;
	  padding-left: 0px;
	box-sizing: border-box;
	position: relative;
	min-width: 300px;
}

.page3CoteCentrer .blocCategorieMere:hover{

	border: 2px solid #fff;
	/*box-shadow: 0px -2px 5px -1px #fff;*/
}

.page3CoteCentrer .blocCategorieMere .texteCategorie{
	text-align: center;
	line-height: 300px;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	
	height: 70px;
	line-height: 70px;
	opacity: 0.95;
	
	font-size:26px;
	background-color: #fff;
	color: #fff;
	opacity: 0.90;
}

.page3CoteCentrer .blocCategorieMere :hover > .texteCategorie{
	background-color: #fff;
	color: #fff;
	opacity:1;
}



.page4CoteCentrer{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

.page4CoteCentrer .blocProduit{
	width: 25%;
	min-height: 300px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left:5px;
	margin-right:5px;
	box-sizing: border-box;
	position: relative;
	min-width: 300px;
	margin-bottom:50px;
}

.page4CoteCentrer .blocProduit .iconeAjoutPanier{
	
	background-image: url("../images/icones/panier-ajout.png");
	top: 5px;
	right: 5px;
	width: 70px;
	height: 70px;
	position: absolute;
	z-index: 2;
	background-color: #fff;
	border-radius: 70px;
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: 7px;
	cursor:pointer;
}

.page2CoteCentrer .blocPrincipalProduit .iconeAjoutPanier{
	width: auto;
	height: 70px;
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: 7px;
	cursor: pointer;
	padding-left: 70px;
	line-height: 70px;
	text-align: left;
	font-size: 22px;
	color: #000;
	background-color: #fff;
	display: inline-block;
	border-radius: 6px;
	float: right;
}

#pageProduit .section-caracteristiques{
	padding:60px 0;
	background:#fff;
}

#pageProduit .section-caracteristiques h2{
	text-align:center;
	margin-bottom:40px;
	font-size:28px;
}

#pageProduit .caracteristiques-grille{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	max-width:1000px;
	margin:0 auto;
}

#pageProduit .caracteristique{
	width:calc(50% - 20px);
}

#pageProduit .caracteristique h3{
	font-size:18px;
	margin-bottom:8px;
	color: #39a648;
}

#pageProduit .caracteristique p{
	font-size:15px;
	line-height:1.6;
	color:#444;
}

/* responsive */
@media(max-width:768px){
	.caracteristique{
		width:100%;
	}
}

#pageProduit #fondTexte3{
	height:500px;
}

#produit .page2CoteCentrer .bloc{
	min-height: 100px;
}

#produit .page2CoteCentrer .bloc p{
	margin-top: 0px;
  margin-bottom: 25px;
  max-height: 120px;
  overflow: scroll;
}

#produit .page2CoteCentrer .bloc p.texteIngredients{
	font-size:14px;
}


#produit .page2CoteCentrer .page2CoteCentrer {
	padding-left:0px;
	padding-right:0px;
	height: auto;
	padding-top:0px;
}
#produit .page2CoteCentrer .page2CoteCentrer .blocPrix {
	width:20%;
	min-height: auto;
}

#produit .page2CoteCentrer .page2CoteCentrer .blocModifierPrix {
	width:80%;
	min-height: auto;
}

#produit .page3CoteCentrer{
	display:flex;
	align-items:center;
	gap:24px;
	margin-top:20px;
	padding-left:0px;
	padding-right:0px;
	align-items:flex-end;
}
#produit .blocPrincipalProduit .page3CoteCentrer{
	justify-content: flex-start;
}

#produit .page3CoteCentrer .bloc{
	width: auto;
	min-width: 0;
	padding: 0;
	float: none;

	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

#produit .page3CoteCentrer .blocPrix{
	justify-content: flex-start;
}

#produit .page3CoteCentrer .blocPrix .prix{
	display: inline-block;
	text-align: left;
}

#produit .page3CoteCentrer .blocModifierPrix .controle-quantite{
	display:flex;
	align-items:center;
	gap:8px;
}

#produit .page3CoteCoteCentrer .bloc:last-child{
	margin-left:0;
}

#produit .page3CoteCentrer .blocPrix,
#produit .page3CoteCentrer .blocModifierPrix,
#produit .page3CoteCentrer .bloc{
	max-width:none;
}

/*#produit .controle-quantite{
	display:flex;
	align-items:center;
	border:1px solid #ddd;
	border-radius:3px;
	overflow:hidden;
	background:#fff;
}*/

#produit .controle-quantite .btn-moins,
#produit .controle-quantite .btn-plus{
	width:36px;
	height:36px;
	background:#e64545;
	color:#fff;
	border:none;
	border-radius:4px;
	font-size:18px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background 0.2s ease, transform 0.1s ease;
}
#produit h4.slogan{
	font-size: 14px;
	color: #5e5e5e;
	text-align: right;
	opacity:1;
	line-height:18px;
}

.iconeAjoutPanier{
	padding:12px 22px;
	font-size:15px;
}
#produit .controle-quantite{
	display:flex;
	align-items:center;
	gap:6px;
	background:#f7f7f7;
	border-radius:6px;
	padding:4px;
}

#produit .controle-quantite button{
	width:42px;
	height:42px;
	border:none;
	background:#e64545; /* ton rouge */
	color:#fff;
	font-size:20px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background 0.2s ease;
}

#produit .controle-quantite button:hover{
	background:#cc3d3d;
}

/*#produit input[type="number"].quantiteProduit{
	border: 0px;
	width: 10px;
	padding-left: 10px;
	padding-right: 10px;
}*/

#produit .controle-quantite input{
	width:50px;
	height:42px;
	border:none;
	text-align:center;
	font-size:20px;
	outline:none;
}

#produit h1{
	margin-top:0px;
	margin-bottom:5px;
}

#produit h2{
	font-size: 16px;
	margin-top: 0px;
}

#produit h2.sousTitre{
	color:#983a1e;
}

#produit .iconeAjoutPanier{
	width: auto;
	height: 46px;
	background-repeat: no-repeat;
	background-position-x: 15px;
	background-position-y: 10px;
	cursor: pointer;
	padding-left: 25px;
	line-height: 46px;
	text-align: left;
	font-size: 18px;
	color: #fff;
	background-color: #DB4444;
	display: inline-block;
	padding-right: 25px;
	border-radius: 2px;
	float: right;
}

#produit .controle-quantite button{
	height: 46px;
	background-repeat: no-repeat;
	background-position-x: 15px;
	background-position-y: 10px;
	cursor: pointer;
	padding-left: 5px;
	line-height: 40px;
	text-align: left;
	font-size: 18px;
	color: #fff;
	background-color: #DB4444;
	display: inline-block;
	padding-right: 5px;
	border-radius: 2px;
	float: left;
	width:50px;
	min-width: 50px;
	text-align: center;
}




#pageProduit .section-rappel-produit{
	padding:70px 0;
	background:#fafafa;
}

#pageProduit .section-rappel-produit .conteneur{
	max-width:900px;
	margin:auto;
	text-align:center;
}

#pageProduit .titre-rappel{
	font-size:28px;
	margin-bottom:15px;
}

#pageProduit .texte-rappel{
	font-size:16px;
	color:#555;
	margin-bottom:30px;
}

#pageProduit .bloc-produit-rappel{
	font-size:18px;
	margin-bottom:25px;
}

#pageProduit .nom-produit{
	font-weight:600;
	margin-right:10px;
	color: #e63c38;
}

#pageProduit .prix-produit{
	font-weight:600;
	color: #000;
}

#pageProduit .btn-ajout-panier{
	display:inline-block;
	background:#e24b43;
	color:#fff;
	padding:14px 32px;
	text-decoration:none;
	border-radius:4px;
	font-size:16px;
}

#pageProduit .reassurance{
	margin-top:15px;
	font-size:14px;
	color:#777;
}

#pageCategorie .controle-quantite input.input-quantite{
	width: 25px;
	min-width: 25px;
}

#pageCategorie .iconeAjoutPanier{
	width: auto;
	height: 34px;
	background-repeat: no-repeat;
	background-position-x: 15px;
	background-position-y: 10px;
	cursor: pointer;
	padding-left: 15px;
	line-height: 34px;
	text-align: left;
	font-size: 12px;
	color: #fff;
	background-color: #DB4444;
	display: inline-block;
	padding-right: 15px;
	border-radius: 2px;
	float: left;
}

#pageCategorie .controle-quantite button{
	height: 30px;
	background-repeat: no-repeat;
	background-position-x: 15px;
	background-position-y: 10px;
	cursor: pointer;
	padding-left: 5px;
	line-height: 28px;
	text-align: left;
	font-size: 16px;
	color: #fff;
	background-color: #DB4444;
	display: inline-block;
	padding-right: 5px;
	border-radius: 2px;
	float: left;
	width:30px;
	min-width: 30px;
	text-align: center;
}

#pageCategorie .ajout-produit-wrapper {
	justify-content: flex-end;
}

#pageCategorie .nomProduit{
	font-size:18px;
	color:#000;
	font-weight:bold;
	line-height: 40px;
}

#pageCategorie .descriptionProduit{
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
	display:inline-block;
	min-height:48px;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ajout-produit-wrapper {
    display: flex;
    align-items: center;
}

.controle-quantite {
    display: flex;
    align-items: center;
    overflow: hidden;
	margin-right:10px;
}

.controle-quantite input.input-quantite {
    text-align: center;
	height:40px;
	line-height:40px;
	width:50px;
	min-width: 50px;
	border:0px;
}

.controle-quantite button:hover {
    background-color: #ddd;
}

.page4CoteCentrer .blocProduit img{
	z-index:1;
}

.page4CoteCentrer .blocProduit:hover{

	border: 2px solid #fff;
	/*box-shadow: 0px -2px 5px -1px #fff;*/
}

.page4CoteCentrer .blocProduit .texteProduit{
	text-align: center;
	line-height: 300px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	
	height: 70px;
	line-height: 70px;
	opacity: 0.95;
	
	font-size:22px;
	background-color: #02091e;
	color: #fff;
	opacity: 0.95;
}

.page4CoteCentrer .blocProduit :hover > .texteProduit{
	background-color: #fff;
	color: #fff;
	opacity:1;
}









.page2CoteCentrer{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

.page2CoteCentrer a{
		width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 15%;
	padding-right: 15%;
	box-sizing: border-box;
}

.page2CoteCentrer .bloc{
	width: 50%;
	min-height: 100px;
	padding-right: 0px;
	padding-left: 0px;
	box-sizing: border-box;
	position: relative;
	min-width: 100px;
}

.page2CoteCentrer .bloc:hover{
	/*box-shadow: 0px -2px 5px -1px #fff;*/
}

.page2CoteCentrer .bloc .texteProduit{
	text-align: center;
	line-height: 300px;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	
	height: 70px;
	line-height: 70px;
	opacity: 0.95;
	
	font-size:26px;
	background-color: #fff;
	color: #fff;
	opacity: 0.90;
}

.page2CoteCentrer .bloc.blocPrincipalProduit{
	padding-right:0px;
	padding-left:50px;
}

.page2CoteCentrer .bloc.blocImageProduit{
	width:35%;
}

.page2CoteCentrer .bloc.blocPrincipalProduit{
	width:65%;
	padding-left:100px;
}

#produit h1{
	color: #56b363;
	width:100%;
}

.page2CoteCentrer .bloc.blocPrincipalProduit .prix{
	width:100%;
	display:block;
	margin-bottom:10px;
	font-size:42px;
	line-height:44px;
	font-weight:bold;
}

.page2CoteCentrer .bloc.blocPrincipalProduit .iconeAjoutPanier{
	display:block;
}


.page2CoteCentrer .bloc.blocPrincipalProduit h2{
	text-align:left;
	font-size: 30px;
}

.page4CoteCentrer .bloc :hover > .texteProduit{
	background-color: #fff;
	color: #fff;
	opacity:1;
}

.accueil #categories{
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	margin-bottom: 100px;
	margin-top: 0px;
}

#categories{
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	margin-bottom: 100px;
	margin-top: 50px;
}

#categories .page3CoteCentrer{
	padding-left: 0%;
	padding-right: 0%;
}

.margin100{
	margin-top:100px;
	margin-bottom:100px;
}
	
.padding100{
	padding-top:100px;
	padding-bottom:100px;
}

.padding50{
	padding-top:50px;
	padding-bottom:50px;
}

#bateau .champProduit #\32 8{
	/*display: none;*/
}

#bateau nav{
	top: 0px;
	opacity:1;
}

#bateau header{
	height: 80px;
}

#bateau header .grandLogo{
	display:none;
}

#bateau #categories{
	margin-top:0px;
	height:calc(100% - 80px);
	margin-bottom:0px;
}

#bateau .conteneur{
	padding-left: 0%;
	padding-right: 0%;
	min-height:calc(100% - 80px);
	height:calc(100%);
	position:relative;
}

#goodies .conteneur{
	padding-left: 0%;
	padding-right: 0%;
	min-height:calc(100% - 80px);
	height:calc(100%);
	position:relative;
}

.etapes{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height:100%;
}

li.selected a{
	background-color:#fff;
	color:#000 !important;
}

.etapes .blocBateau{
	width:80% !important;
	min-height:90%;
	float:right;
}

.etapes .blocProduits{
	width:20%;
	box-sizing:border-box;
	padding-left:25px;
	padding-right:25px;
	background-color:#02091e;
}

.etapes .blocProduits .blocListesProduits{
	/*height:calc(100% - 150px);*/
	overflow: auto;
	padding-top:25px;
	padding-bottom:25px;
}

.etapes{
	
}



#bateau .blocProduits{
	/*position:absolute;*/
	left:0px;
	opacity:0.9;
	height: 100%;
	float:left;
}

#bateau .btPrecedent{
	position:absolute;
	bottom:0px;
	left:0px;
	line-height:100px;
	height:100px;
	background-color:#02091e;
	text-align:center;
	width:50%;
	cursor:pointer;
	color:#fff;
}

#bateau .btSuivant{
	position:absolute;
	bottom:0px;
	left:0px;
	line-height:100px;
	height:100px;
	background-color:#02091e;
	text-align:center;
	width:50%;
	cursor:pointer;
	left:50%;
	color:#fff;
}

#bateau .btSuivant:hover{
	color:#fff;
	
}

#bateau .blocProduit{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
}

#bateau .blocProduit .texteProduit{
line-height: 14px;
  font-size: 14px;
  width: 50%;
  text-align: left;
  padding-top: 5px;
  margin-bottom: 20px;
  color:#000;
}

#bateau .blocProduit .champProduit{
	line-height:30px;
	font-size: 14px;
	width:100%;
	text-align:left;
}

#bateau .blocProduit .champProduit input, #bateau .blocProduit .champProduit select, #bateau .blocProduit .champProduit textarea{
	width:100%;
	height:35px;
	margin-bottom:5px;
	border-radius:0px;
	font-family:NunitoSans_10pt-ExtraLigh;
	font-size:14px;
}

#bateau .blocProduit .champProduit textarea{
	width:192px;
	height:35px;
}

#bateau h1{
	color:#fff;
	margin-top: 0px;
	padding-bottom: 0px;
	font-size: 20px;
	margin-bottom:10px;
	width:90%;
	line-height: 25px;
}


.prix{
	color:#000;
}

.listeProduit{
	width:100%;
	box-sizing:border-box;
	padding-left:10%;
	padding-right:10%;
	
	color:#000;
}


#bilanPanier{
	background-color: #fff;
	width: calc(25% - 25px);
	padding-top: 0px;
	margin-left:25px;
	box-sizing: border-box;
	min-width:auto;
	border: 1px solid #000;
}

#bilanPanier button{
	background-color:#DB4444;
	border-radius:2px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width:auto;
	margin-top:25px;
	margin-bottom:25px;
	color:#fff;
}

.prixPanier{
	text-align:center;
	color:#000;
	height:50px;
	line-height:50px;
	
}

.prixPanier.lignePanierTotal .soustitre{
	width:50%;
	text-align:left;
	padding-left:15px;
	float:left;
	box-sizing: border-box;
	font-size: 18px;
}

.prixPanier.lignePanierTotal .prix{
	width:50%;
	text-align:right;
	padding-right:15px;
	box-sizing: border-box;
	float:right;
	font-size: 18px;
}

#bilanPanier .btProduitPanierAjouter{
	width:50px;
	height:50px;
	background-color:#fff;
}

#bilanPanier .titre{
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
	color:#fff;
	margin-top:0px;
	background-color:#000;
	height:50px;
	line-height:50px;
}

#prixPanier{
	text-align:center;
}

#bilanPanier a{
	color:#DB4444;
	text-align:center;
	width:100%;
	display:inline-block;
	font-size:16px;
	left: 0px;
	cursor:pointer;
}

#panier{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#contenuPanier{ 
	width:75%;
	font-size: 14px;
}

#contenuPanier .page2CoteCentrer .bloc{
	min-width: 100px;
	min-height: 200px;
}

#contenuPanier .page4CoteCentrer .bloc{
	padding-top:10px;
	width:25%;
	min-width: auto;
	min-height:50px;
	color: #000;
	line-height:75px;
	height:50px;
	text-align:center;
}

#contenuPanier .page5CoteCentrer .bloc{
	padding-top:10px;
	width:20%;
	min-width: auto;
	min-height:50px;
	color: #000;
	line-height:75px;
	height:50px;
	text-align:center;
	background-color: #DB4444;
}

#contenuPanier .page5CoteCentrer .blocDouble{
	padding-top:10px;
	width:40%;
	min-width: auto;
	min-height:50px;
	color: #000;
	line-height:75px;
	height:50px;
	text-align:center;
}

#contenuPanier .page4CoteCentrer .bloc strong{
	font-weight:bold;
	line-height:75px;
	display:inline-block;
	text-align:left;
	width:calc(100% - 115px);
	padding-left:25px;
}

#panier .page4CoteCentrer.ligneProduit{
	height: 95px;
	border-bottom:1px solid #555;
}

#panier .page4CoteCentrer{
	padding-left: 0%;
	padding-right: 0%;
}

#contenuPanier .page5CoteCentrer .bloc{
	padding-top:20px;
	width:25%;
	min-width: auto;
	min-height:50px;
	color: #000;
	line-height:50px;
	height:150px;
	text-align:center;
}


#contenuPanier .page5CoteCentrer .blocImage{
	padding-top:0px;
}

#contenuPanier .page5CoteCentrer .blocTextes{
	padding-top:40px;
	line-height:25px;
}

#contenuPanier .page5CoteCentrer#titres .bloc{
	width:25%;
	min-width: auto;
	min-height:30px;
	color: #fff;
	text-align:center;
	line-height:50px;
	min-height:50px;
	background-color:#fff;
	height:50px;
	padding-top:0px;
}

#contenuPanier .page3CoteCentrer .bloc{
	width: 33.33%;
	min-width: auto;
	min-height: 20px;
	color: #000;
	line-height: 20px;
	text-align: left;
	height: auto;
	padding-top: 0px;
	margin-top: 15px;
	padding-bottom: 15px;
}

#menuSite .page3CoteCentrer {
	flex-direction: inherit;
	padding-left: 10%;
	padding-right: 10%;
}
#menuSite .page3CoteCentrer .bloc{
	display:flex;
	flex-direction: column;
	padding: 0px;
}

#menuSite .page3CoteCentrer .bloc .blocTexte{
	display: block;
	width: 100%;
	padding: 50px !important;

}

#menuSite .page3CoteCentrer .bloc .blocTexte.blocRouge{
	display: block;
	width: 100%;
	padding: 50px !important;
	background-color:#EF4748;
	color:#fff;
}

#menuSite .page3CoteCentrer .bloc .blocTexte.blocRouge h2{
	margin-top:0px;
	color:#fff;
	font-size: 26px;
	line-height: 34px;
}

#menuSite .page3CoteCentrer .bloc .blocTexte h2{
	margin-top:0px;
}

#menuSite .page3CoteCentrer .bloc .blocTexte.blocRouge h3{
	color:#fff;
	font-family: Inter-ExtraLight;
}

#menuSite .page3CoteCentrer .bloc .blocTexte.blocRouge a{
	color:#fff;
	font-size: 18px;
}

#menuSite .page3CoteCentrer .bloc .bloc{
	display: block;
	width: 100%;
	padding: 0px;
	height:400px;
	position: relative;
}

#menuSite .page3CoteCentrer .bloc .bloc img{
	min-height:400px;
}

#menuSite .page3CoteCentrer .bloc a{
	text-align:right;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 25px;
	right: 25px;
	font-size: 18px;
}

#menuSite  .page3CoteCentrer h2{
	width: 100%;
	font-size: 26px;
	line-height: 34px;
}

#menuSite  .page3CoteCentrer h3{
	font-size:16px;
	line-height:19px;
	text-align:left;
	width: 100%;
	font-family: Inter-ExtraLight;
}

#menuSite #titreSectionMenu{
	margin-bottom:50px;
}

#contenuPanier .page3CoteCentrer#titres .bloc{
	width:33.3%;
	min-width: auto;
	min-height:30px;
	color: #fff;
	text-align:center;
	line-height:50px;
	min-height:50px;
	background-color:#fff;
	color:#fff;
	height:50px;
	padding-top:0px;
}

#contenuPanier .btProduitPanierAjouter{
	width:35px;
	height:35px;
	background-color:#02091e;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	color:#fff;
	cursor:pointer;
}

#contenuPanier .btProduitPanierDiminuer{
	width:35px;
	height:35px;
	background-color:#02091e;
	margin-right:2px;
	margin-left:2px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	color:#fff;
	cursor:pointer;
	margin-left:25px;
}

#contenuPanier .titre{
	color: #000;
	width:100%;
	font-weight:bold;
	text-align:center;
}

#contenuPanier img{
	width:75px;
	height:75px;
	float:right;
	margin-left:10px;
}

#panier .page2CoteCentrer{
	padding-left: 0%;
	padding-right: 0%;
}

#panier .page5CoteCentrer{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#panier .page4CoteCentrer{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#panier .page3CoteCentrer{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#panier #titres.page3CoteCentrer .bloc{
	margin-top:0px;
}

#panier #titres .bloc{
	background-color:#DB4444;
	color:#fff;
	padding-top: 0px;
	line-height:50px;
}



#panier #contenuPanier .page5CoteCentrer .bloc{
	height:auto;
	min-height:auto;
	font-family: Inter-Light;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	background-color: #DB4444;
	color:#fff;
}

#payment_form input{
	width:400px;
}

#payment_form label{
	color:#000;
}

label {
	color:#000;
}

.majuscule{
	text-transform: uppercase;
}

.erreur{
	font-size:12px;
}

#pageLivraison #livraison{
	margin-left:10%;
	width:80%;
	margin-top:100px;
}

#pageLivraison #livraison h1{
	text-align:center;
	color:#fff;
	box-sizing:border-box;
}

#pageLivraison .page2CoteCentrer{
	padding-left: 0%;
	padding-right: 0%;
}

#pageLivraison .page2CoteCentrer h2{
	padding-left: 0%;
	padding-right: 0%;
	text-align:center;
}

#connexionAdmin.intro{
	height:calc(100% - 80px);
}

#popUp{
	height:auto;
	max-width:100%;
	position: fixed;
	z-index:2000;
	/*background-color:#fff;*/
	transition: 0s;
	border-radius:2px;
	/*transition: 0.5s;*/
	padding:3%;
	padding-top:50px;
	padding-bottom:50px;
	box-shadow: 1px 1px 3px -2px #000;
	box-sizing:border-box;
	/*padding-top:0px;*/
	z-index:100000;
	width:90%;
	left:5%;
	bottom:25%;
	min-width:300px;
	background-color:#fff;
}

.invisible{
	display:none !important;
	transition: 1s;
	z-index:0 !important;
}

.invisibleOrdi{
	display:none !important;
	transition: 1s;
	z-index:0 !important;
}

#popUp .croix{
	position: absolute;
	right: 15px;
	top: 15px;
	background-color: #eee;
	cursor:pointer;
}

#popUp .croix img{
	border-radius: 3px;
	width: 16px !important;
	height: auto !important;
	margin: 11px;
}

#popUp .description{
	color: #000;
	font-size: 46px;
	line-height: 50px;
	width: 92%;
}


#popUp .iconeMoins img{
	/*height:40px;
	width:40px;*/
	border-radius:3px;
	margin-top: 19px !important;
	margin-bottom:auto!important;
	width: 16px !important;
	height:auto !important;
	margin-left:12px;

}

#popUp .iconePlus{
	background-color:#eee;
	cursor:pointer;
}

#popUp .page2CoteCentrer{
	width:90%;
	text-align:center;
}

#popUp .page2CoteCentrer label{
	display:inline;
}

#popUp .ligneFormulaire input[type="checkbox"] {
    transform: scale(1.5); /* Agrandit la checkbox */
    margin-right: 5px; /* Ajoute un espace entre la checkbox et le texte */
	width: auto;
	display: inline-block;
	height: auto;
}

.accueil #panier h1{
	color: #000;
	background-color:#fff;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:0px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.intro .blocCentre {
  position: absolute;
  top: 75px;
  width: auto;
  left: 5%;
  border-radius: 2px;
  padding: 20px;
  box-sizing: border-box;
  text-align:center;
}

.intro .blocCentre, .intro .blocCentre {
	position: absolute;
	width: 40%;
	display: grid;
	z-index: 21;
	bottom: 15%;
	top: auto;
	left: calc(10% / 2);
	background-color: #e63c38;
	padding: 25px;
	opacity:0.88;
}

.intro .blocCentre, .intro .blocCentre {
}

#panier .page5CoteCentrer{
	border-bottom:1px solid #eee;
}

#panier #titres.page5CoteCentrer{
	border-bottom:1px solid #02091e;
}

#contenuPanier .page5CoteCentrer .bloc{
	padding-top: 0px;
	padding-right: 10px;
	width:20%;
}

#contenuPanier .page5CoteCentrer .blocDouble{
	width:40%;
}

footer img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#index #choixBateau{
	background: linear-gradient(to bottom, #ffffff -50%, #02091e 100%);
	padding-top:50
}


#index #choixBateau h1{
	text-align:center;
}

#index #choixBateau h2{
	font-family:Inter-Bold;
	text-align:center;
	color:#fff;
}

#index #choixBateau h3{
	text-align:center;
	color:#fff;
}

#index #choixBateau .page2CoteCentrer {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#index #choixBateau .page2CoteCentrer .bloc{
	padding: 50px;
}

#index #choixBateau .page2CoteCentrer .bloc img{
	width: 100%;
	height:auto;
}

#video h2{
	font-family:Inter-Bold;
	text-align:center;
	color:#fff;
}



#contact, #contact2{
	float: left;
	width: 100%;
	color: #5e5e5e;
	background-color:#fff;
	padding-left:10%;
	padding-right:10%;
}

#contact .page2CoteCentrer .blocImage{
	width: 40%;
}

#contact .page2CoteCentrer .blocImage svg{
	width: 100%;
}

#contact .page2CoteCentrer .bloc.blocTexte{
	padding:50px;
	width: 60%;
	padding-right:0px;
	padding-bottom:0px;
}

#contact .page2CoteCentrer .bloc.blocTexte .blocTexte{
	padding-top:0px;
}

#contact .page2CoteCentrer .bloc.blocTexte table{
	width: 100%;
	font-size:14px;
}

#contact button{
	margin-left:0%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-color:#FF0000A3;
	width:400px;
}

#contact .texte, #contact2 .texte{
	margin-bottom:100px;
	margin-top:0px;
	
}

#contact input{
	border: 1px solid #B82214;
	color: #B82214;
}

#contact h3{
	font-size:20px;
	color: #000;
	font-weight: lighter;
}

#contact h2{
	font-size: 28px;
	color:#000;
	letter-spacing:0px;
	margin-bottom:50px;
}

#contact .droite, #contact2 .droite {
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box;
}
#contact .gauche, #contact2 .gauche{
	width:45%;
}

#contact h4, #contact2 h4{
	font-family: Shree-Devanagari-714-Medium;
}

#contact form input{
	width:48%;
	box-sizing:border-box;
	margin-right:2%;
	float:left;
	margin-bottom:10px;
	border:none;
	height:60px;
	color: FF0000A3;
	font-weight:bold;
	border: 1px solid #eee;
	font-size:18px;
	padding:15px;
	font-family: Inter-Regular;
}

#contact form textarea{
	width:98%;
	box-sizing:border-box;
	margin-right:1%;
	float:left;
	height:194px;
	border:none;
	font-weight:bold;
	/*font-family: "MyriadRoman";*/
	font-size: 14px;
	line-height: 28px;
	color: #FF0000A3;
	text-align: justify;
	border: 1px solid #eee;
	margin-bottom:30px;
	padding:15px;
	font-weight:bold;
	font-size:18px;
	font-family: Inter-Regular;
}

#contact .page3CoteCentrer, #contact2 .page3CoteCentrer{
	padding-top:30px;
	padding-bottom:30px;
	width: 80%;
	margin-left: 5%;
	padding-left:5%;
	padding-right:5%;
	border: 8px solid #000000;
	border-radius: 110px;
	float: left;
	background-color:#00000034;
}

#contact .page3CoteCentrer div, #contact2 .page3CoteCentrer div{
	width:33.3%;
	float:left;
}

#presentationEntreprise{
	width:100%;
	padding-left: 10%;
	padding-right: 10%;
	/*background-color:#02091e;*/
	background-color:#fff;
}

#index #popUp{
	
}

#index .ombre{
	
}


#resultatsEvenements section{
	width: 100%;
	box-sizing: border-box;
	padding: 0px;
	position: relative;
}


#resultatsEvenements .page2Cote{
	float: left;
	width: 100%;
}

#resultatsEvenements .page2Cote .floatLeft {
	float: left;
	width: 90%;
	margin-bottom: 200px;
	margin-left: 5%;
	margin-bottom: 100px;
	padding-top: 25px;
}

#resultatsEvenements .page2Cote .imageGauche .texte{
	margin-left: 0%;
	margin-top: 0px;
	right: 0px;
	float: right;
	margin-right: 0%;
	text-align: left;
	width: calc(97% - 750px);
	padding-right:0px;
	padding-top:0px;
	color:#000;
}

#resultatsEvenements .page2Cote .imageDroite .texte{
	width: calc(97% - 750px);
	padding-left:0px;
	padding-top:0px;
}

#resultatsEvenements .page2Cote .imageGauche .texte h2{
	margin-top:0px;
	padding-top:0px;
	color:#000;
}

#resultatsEvenements .page2Cote .imageDroite .texte h2{
	margin-top:0px;
	padding-top:0px;
	color:#000;
}

#resultatsEvenements .page2Cote .imageGauche .autresImages {
  right: 0px;
  margin: 0px !important;
  max-width: 50%;
  height: 389px;
  top: calc(100% - 80px);
  width: 180px;
  padding-right: 15px;
  float: left;
  box-sizing: border-box;
  position: relative;
}

#resultatsEvenements .page2Cote .imageDroite .autresImages {
  right: 0px;
  margin: 0px !important;
  max-width: 50%;
  height: 389px;
  top: calc(100% - 80px);
  width: 180px;
  padding-right: 15px;
  float: left;
  box-sizing: border-box;
  position: relative;
}

#resultatsEvenements .autresImagesBloc {
  height: 389px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 170px;
}

#resultatsEvenements .miniatures {
  position: absolute;
  top: 0px;
}

#resultatsEvenements .page2Cote .imageGauche .autresImages .imageMiniature {
  width: calc(100%) !important;
  height: 123px !important;
  margin: 0px !important;
    margin-right: 0px;
    margin-bottom: 0px;
  margin-right: 0px !important;
  cursor: pointer;
  margin-bottom: 10px !important;
  float: left;
}

#resultatsEvenements .page2Cote .imageDroite .autresImages .imageMiniature {
  width: calc(100%) !important;
  height: 123px !important;
  margin: 0px !important;
    margin-right: 0px;
    margin-bottom: 0px;
  margin-right: 0px !important;
  cursor: pointer;
  margin-bottom: 10px !important;
  float: left;
}


.page2Cote .imageGauche .autresImages .imageMiniature img {
  width: 160px !important;
  height: 122px !important;
  cursor: pointer;
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  object-fit: cover;
  box-sizing: border-box;
  min-width: auto;
  max-width: calc(100%);
}

.page2Cote .imageDroite .autresImages .imageMiniature img {
  width: 160px !important;
  height: 122px !important;
  cursor: pointer;
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  object-fit: cover;
  box-sizing: border-box;
  min-width: auto;
  max-width: calc(100%);
}

#resultatsEvenements .page2Cote .imageGauche .imageEvenement {
  float: left;
  max-width: 552px;
  /*margin-right: 50px;*/
}

#resultatsEvenements .page2Cote.page2CoteMarge .imageGauche img {
  width: 528px !important;
  height: auto;
  margin-bottom: 0px;
  object-fit: cover;
  box-sizing: border-box;
  cursor: pointer;
}

#resultatsEvenements iframe{
	margin-left: auto;
	display: block;
	margin-right: auto;
	max-width: 100%;
}

#resultatsEvenements .page2Cote.page2CoteMarge .imageDroite img {
  width: 528px !important;
  height: auto;
  margin-bottom: 0px;
  object-fit: cover;
  box-sizing: border-box;
  cursor: pointer;
  margin-right:auto;
}

#resultatsEvenements .page2Cote .imageDroite .imageEvenement {
  float: left;
  max-width: 552px;
  margin-right: 0px;
}

#resultatsEvenements .page2Cote .imageDroite .autresImages {
  left: 0px;
  margin: 0px !important;
    margin-bottom: 0px;
  max-width: 50%;
  height: 150px;
  height: auto;
  top: calc(100% - 80px);
  width: 180px;
  padding-right:15px;
  float: left;
  margin-bottom: 20px !important;
  height: 385px;
  position: relative;
}

#resultatsEvenements .page2Cote .floatLeft.imageDroite .imgAnnonce {
  float: right;
  position: relative;
  width: 725px;
  margin-left: 50px;
}

#resultatsEvenements .autresImagesBloc {
  height: 389px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 170px;
}

#resultatsEvenements .miniatures {
  position: absolute;
  top: 0px;
}

/*
#resultatsEvenements .page2Cote .imageDroite .autresImages .imageMiniature {
  width: calc(25% - 15px) !important;
  height: 122px !important;
  margin: 0px !important;
    margin-right: 0px;
    margin-bottom: 0px;
  margin-right: 0px !important;
  cursor: pointer;
  margin-bottom: 10px !important;
  float: left;
}*/


#evenements h1{
	margin-top:80px;
	width:100%;
	padding-left:5%;
	box-sizing:border-box;
}


.flecheHautMiniature {
  top: -25px;
  background-image: url("../images/icones/flecheJauneHaut.png");
  height: 12px;
  width: 12px !important;
  position: absolute;
  left: calc(50% - 7.5px);
  cursor: pointer;
  display: none;
}

.flecheBasMiniature {
  background-image: url("../images/icones/flecheJauneBas.png");
  height: 12px;
  width: 12px !important;
  position: absolute;
  bottom: -25px;
  left: calc(50% - 7.5px);
  cursor: pointer;
}

#pagePanier h1{
	color:#02091e;
}


@media screen and (max-width:1450px)
{
	/*#pagePanier .conteneur{
		padding-left:2.5%;
		padding-right:2.5%;
	}*/
	
	#panier{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#bilanPanier{
		margin-left:5px;
		width:24%;
	}
	
	.page2Cote .floatLeft {
		width: 95%;
		margin-left: 2.5%;
	}
	nav .conteneur li a{
		padding-right: 15px;
		padding-left: 15px;
	}
}

.fondImage{
	height:100%;
}

.fondTexte img{
	filter: brightness(90%) !important;
}

.fondImage img{
	height:100%;
	object-fit: cover;
	filter: brightness(60%) !important;
	position: absolute;
}

.fondImage .page3CoteCentrer{
	margin-top:100px;
	height:calc(100% - 200px);
	max-height:calc(100% - 200px);
	position: absolute;
	left:0px;
	z-index: 10;
}

.fondImage .page3CoteCentrer .bloc{
	height:calc(100%);
	max-height:calc(100%);
	overflow:auto;
	padding-top:0px;
}

.fondImage .page3CoteCentrer p{
	color:#fff;
	text-align:justify;
}

.fondImage .page3CoteCentrer h2{
	color:#fff;
	padding-top:0px;
	margin-top:0px;
}

.fondImage .page3CoteCentrer h3{
	color:#fff;
	text-align:justify;
}

.fondImage .page3CoteCentrer p{
	color:#fff;
	padding-top:0px;
	margin-top:0px;
}

.fondImage.texteBleu .page3CoteCentrer .bloc h2{
	color:#02091e !important;
}

.fondImage.texteBleu .page3CoteCentrer .bloc h3{
	color:#02091e !important;
	text-align:left;
}

.fondImage.texteBleu .page3CoteCentrer .bloc p{
	color:#02091e !important;
	text-align:justify;
}

.blocImageDeuxTiers{
	margin-bottom:100px;
}

.blocImageDeuxTiers .page3CoteCentrer{
	padding-right: 0%;
	padding-left: 0%;
}

.blocImageDeuxTiers .bloc{
	background-color:#02091e;
	
}

.blocImageDeuxTiers .bloc p{
	color:#fff !important;
}

.page3CoteCentrer .blocDouble{
		float:left;
		width:66.6%;
		min-height:300px;
		padding:0px;
		box-sizing:border-box;
}

.background {
	width: 100%;
	position: relative;
	padding: 0;
	z-index: -1;
	overflow: hidden;
}

.background img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  min-height: 1000px;
  filter: brightness(70%) !important;
}

#blocBateauVuHaut h2{
	color:#fff;
	text-transform: uppercase;
}

#viderPanier{
	position:absolute;
	bottom:25px;
	height: 50px;
	font-size: 16px;
	text-align:center;
}

#prixPanier{
	text-align:center;
	color:#000;
}

#togglePassword {
        font-size: 18px;
        color: #555;
		right: calc(10%);
    }
	
.champ{
	position:relative;
}	

  .loader {
            border: 8px solid #f3f3f3;
            border-radius: 50%;
            border-top: 8px solid #3498db;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            display: none; /* Cacher par défaut */
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -20px; /* moitié de la largeur de l'icône */
            margin-top: -20px; /* moitié de la hauteur de l'icône */
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }


.page2CoteImages22{
	padding-left: 0%;
	padding-right: 0%;
	margin-bottom:5px;
}

.page2CoteImages22 .conteneur{
	margin-left: auto;
	margin-right: auto;
	padding-left:0px;
	padding-right:0px;
	width:80%;
	/*box-shadow: 0px 0px 28px -25px #888;*/
}

.page2CoteImages22.presentationCategories .conteneur{
	max-width: 1920px;
	width:100%;
}

.page2CoteImages22.presentationCategories .conteneur a{
	padding:0px;
	max-height:300px;
	width:98%;
	margin-bottom:4px;
}

.page2CoteImages22.presentationCategories .conteneur a img{
	max-height:300px;
}

.page2CoteImages22 .blocTexte{
	padding:50px;
	padding-top:25px;
	transition: 0.5s;
	width:70% !important;
	border: 1px solid #fff; 
}



.page2CoteImages22 .bloc.blocImageEntiere{
	width:30%;
}

.page2CoteImages22 .blocTexte h2{
	margin-bottom:50px;
}



.page2CoteImages22 .blocTexte h3{
	margin-bottom:75px;
	font-size: 20px;
	font-family:Cormorant-Light;
	line-height:26px;
}

.page2CoteImages22 .blocTexte a{
	color:#DB4444;
	transition:0.5s;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:250px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FF0000A3;
	color:#fff;
	padding-left: 0%;
	padding-right: 0%;
	font-size: 18px;
	text-align: center;
}
.page2CoteImages22 .blocTexte a:hover{
	color:#fff;
}

.page2CoteImages22 .blocTexte:hover > p{
	color:#fff;
}

.page2CoteImages22 .blocTexte:hover{
	background-color:#FF0000A3;
	transition:0.5s;
}

.page2CoteImages22 .blocTexte.blocRouge{
	background-color:#FF0000A3 !important;
	transition:0.5s;
}

.page2CoteImages22 .blocTexte.blocRouge:hover{
	background-color:#fff;
	transition:0.5s;
}

.page2CoteImages22 .blocTexte:hover a, .page2CoteImages22 .blocTexte:hover h2, .page2CoteImages22 .blocTexte:hover h3{
	color:#fff;
	transition:0.5s;
}

.page2CoteImages22.blocRouge .blocTexte{
	padding:50px;
	padding-top:25px;
	transition: 0.5s;
	background-color:#FF0000A3;
	color:#fff;
}

.page2CoteImages22.blocRouge .blocTexte:hover{
	background-color:#fff;
}

.page2CoteImages22.blocRouge .blocTexte h2{
	color:#fff;
}

.page2CoteImages22.blocRouge .blocTexte:hover > h2{
	color:#000;
}

.page2CoteImages22.blocRouge .blocTexte h3{
	color:#fff;
}
.page2CoteImages22.blocRouge .blocTexte:hover > h3{
	color:#000;
}

.page2CoteImages22.blocRouge .blocTexte a{
	color:#fff;
}



#article2 .blocTexte h2{
	margin-bottom:50px;
}

#article2 .page2CoteCentrer{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	padding-left:0%;
	padding-right:0%;
}

#article2 .page2CoteCentrer .bloc{
	padding:75px;
	padding-top:50px;
	padding-bottom:50px;
}
#article2 .page2CoteCentrer .blocImage{
	padding:0px;
	padding-right:0px;
	padding-left:0px;
}


#article2 .page2CoteCentrer .bloc a{
	color: #FF6868CE;
	border-bottom: 1px solid #FF6868CE;
	display: inline-block;
	padding-bottom: 15px;
}

#article2 .page2CoteCentrer .bloc:hover > a{
	color: #fff;
	border-bottom: 1px solid #fff;
}

#article2 .page2CoteCentrer .bloc a:hover{
	color: #fff;
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding-bottom: 15px;
}

.page2CoteImages22 .blocTexte:hover a{
	color:#fff;
	transition:1s;
}

.page2CoteImages22 img{
	 aspect-ratio: 1 / 1; /* Définit un carré */
}

.page2CoteImages22 .blocImageEntiere img{
	 aspect-ratio: 1 / 1; /* Définit un carré */
}



.page2CoteImages22 .bloc{
	width:55%;
}


.page2CoteImages22 .bloc2Colonnes {
    display: flex;
    justify-content: center;
	width:30%;
}

.page2CoteImages22 .bloc2Colonnes .bloc{
	width:100%;
}


.colonne {
    display: flex;
    flex-direction: column;
    gap: 0px;
	width:50%;
}

.page2CoteImages22 .bloc img {
    width: 100%;
	height:100%;
    display: block;
	border: 1px solid #fff; 
}

.page2CoteImages22 .effetRouge::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: rgba(255, 0, 0, 0.6); /* Encore plus intense */
    mix-blend-mode: multiply;
    pointer-events: none;
	transition: opacity 1s ease; /* Augmenté à 2 secondes */
}

.page2CoteImages22 .effetRouge:hover::after {
    opacity: 0; /* Annule l'effet en le rendant invisible */
}


.page2CoteImages22 .effetRouge img:hover {
    filter:none;
}


.blocimageentiere {
    background-image: url('../images/basIntro.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position:absolute;
	bottom:0px;
	z-index:1000;
	left:0px;
	width:1920px;
	height:45px;
}

.blocimageentiereFooter {
    background-image: url('../images/hautfooter.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position:absolute;
	top:0px;
	z-index:10000;
	left:0px;
	width:1920px;
	height:61px;
}

.blocimageentiereFond {
    background-image: url('../images/hautImageFond.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position:absolute;
	top:0px;
	z-index:1000;
	left:0px;
	width:1920px;
	height:44px;
}

.fondImage{
	height:100%;
}

.fondTexte img{
	filter: brightness(90%) !important;
}

#fondTexte1 h2, #fondTexte2 h2, .fondTexte3 h2{
	font-size: 40px;
	padding-left:0px;
}

.fondImage img{
	height:auto;
	object-fit: cover;
	filter: brightness(100%) !important;
}

.fondImage .page3CoteCentrer .bloc{
	min-height: auto;
	height:auto;
}


#fondTexte1.bloc img, #fondTexte2 .bloc img, .fondTexte3 .bloc img{
	width: 100%;
	height:auto;
	filter: brightness(100%) !important;
}

#fondTexte1, #fondTexte2,.fondTexte3{
	height: auto;
	min-height:800px;
}

.fondImage .page3CoteCentrer{
	margin-top:0px;
	height:calc(100% - 200px);
	max-height:calc(100% - 200px);
	position: absolute;
	z-index: 10;
	padding-left: 0%;
	padding-right: 0%;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#fondTexte3 {
	display: flex;
	align-items: center; /* Centre verticalement */
	justify-content: center; /* Centre horizontalement (optionnel) */
	height: 80%; /* Assurez-vous que la hauteur du conteneur est définie */
	overflow: hidden;
}

#fondTexte3 .page3CoteCentrer{
	height:auto;
}

.fondImage .page3CoteCentrer .bloc{
	height:calc(100%);
	max-height:calc(100%);
	overflow: hidden;
	padding-top:0px;
}

#fondTexte3 .page3CoteCentrer .bloc a{
	color:#fff;
	border-bottom:1px solid #fff;
	display:inline-block;
	padding-bottom: 15px; /* Ajuste selon l'espace voulu */
	cursor:pointer;
}

#fondTexte3 .page3CoteCentrer .bloc a:hover{
	color:#FF6868CE;
	border-bottom:1px solid #FF6868CE;
}

#fondTexte3 img{
	top:0px;
}

.fondImage .page3CoteCentrer p{
	color:#fff;
	text-align:justify;
}

.fondImage .page3CoteCentrer h2{
	color:#fff;
	padding-top:0px;
	margin-top:0px;
}

.fondImage .page3CoteCentrer h3{
	color:#fff;
	text-align:justify;
}

.fondImage .page3CoteCentrer p{
	color:#fff;
	padding-top:0px;
	margin-top:0px;
}

.fondImage.texteBleu .page3CoteCentrer .bloc h2{
	color:#02091e !important;
}

.fondImage.texteBleu .page3CoteCentrer .bloc h3{
	color:#02091e !important;
	text-align:left;
}

.fondImage.texteBleu .page3CoteCentrer .bloc p{
	color:#02091e !important;
	text-align:justify;
}

.blocImageDeuxTiers{
	margin-bottom:100px;
}

#article2 .blocTexte p{
	font-size: 20px;
	font-family: Cormorant-Bold;
	margin-bottom:50px;
}

#boissonsLocales{
	padding-bottom:50px;
}

#pageProduit #accueil{
	height:00px;
}

.mini-galerie-slider {
  display: flex;
  flex-direction: column; /* colonne = images en haut, boutons en bas */
  align-items: center;
  margin: 0px 0;
}

.slider-buttons {
  display: flex;
  justify-content: center; /* boutons centrés */
  gap: 0px; /* espace entre les boutons */
  /*margin-top:-75px;*/
  z-index: 1;
}

.btn-slider {
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 5px 12px;
  user-select: none;
  color: #333;
}
.slider-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 0px 0;
  width: 100%;
}

.carre-container {
  aspect-ratio: 1 / 1;
  flex: 0 0 auto;
  width: 100%;
  position: relative;
}

.carre {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}

#panier{
	width:100%;
	padding-left:5%;
	padding-right:5%;
}

#listeProduitsDebut{
	width:100%;
	padding-left:10%;
	padding-right:10%;
	padding-top:0px;
	padding-bottom:0px;
}

#listeProduitsDebut h2{
	font-size: 26px;
	text-align:left;
	margin-bottom:25px;
}

#listeProduitsDebut .lienCentre{
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
}

/* conteneur */
#listeProduits{
	width:100%;
  --gap: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}



/* 4 colonnes */
#listeProduits .blocProduit{
  box-sizing: border-box;
  flex: 0 0 calc((100% - 3*var(--gap)) / 4); /* 4 par ligne */
}

/* responsive : 2 colonnes */
@media (max-width: 1024px){
  #listeProduits .blocProduit{
    flex-basis: calc((100% - 1*var(--gap)) / 2);
  }
}

/* responsive : 1 colonne */
@media (max-width: 600px){
  #listeProduits .blocProduit{
    flex-basis: 100%;
  }
}

.blocProduits{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 15%;
	padding-right: 15%;
	box-sizing: border-box;
}

.blocProduit{
	min-height: 100px;
	padding-right: 0px;
	padding-left: 0px;
	box-sizing: border-box;
	position: relative;
	min-width: 100px;
	width:25%;
}

.blocProduit {
  display: flex;
  flex-wrap: wrap;          /* permet au <a> de prendre toute la ligne */
  align-items: center;
}

/* Le bloc lien (image + titre + description) prend toute la largeur */
.blocProduit > a {
  flex: 1 0 100%;
  display: block;           /* garantit la pleine largeur */
}

/* Ligne du bas : prix à gauche, ajout à droite */
.blocProduit > .prix {
  order: 1;
  font-weight: 500;
  font-size: 0.6em;
}

.blocProduit > .ajout-produit-wrapper {
  order: 2;
  margin-left: auto;        /* pousse à droite */
  display: flex;
  align-items: center;
  gap: .5rem;
}

#produit{
	padding-top:0px;
	height:calc(100% - 195px);
	min-height:500px;
}

#produit .page2CoteCentrer{
	padding-top:75px;
	height:calc(100% - 195px);
}

#produit .ingredients{
	font-size:18px;
	margin-bottom:0px;
}

#produit p{
	font-size:18px;
	line-height:22px;
}


.miniatures-galerie-slider img {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}
.mini-galerie-slider {
  flex-direction: row !important;
}
.blocImageProduit {
  display: block;
  width: 100%;
}

/*.blocImageProduit div {
  display: flex;
  flex-direction: column;
}*/

.miniatures-galerie-slider {
  width: 20%;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.slider-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

#produit .miniatures-galerie-slider .carre {
	width: 100%;
	height: auto;
	border-bottom: 1px solid rgba(219, 68, 68, 0.2);
	border-radius:0px;
}

.slider-wrapper {
  position: relative;
  width: 80%;
  display: flex;
  overflow: hidden;
}

.carre-container {
  min-width: 100%;
  flex-shrink: 0;
}

.carre-container img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.mini-galerie-slider > * {
  flex: none;
}

.slider-buttons {
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none; /* important */
}

.btn-slider {
  pointer-events: auto;
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  width: 48px;
  height: 48px;
  cursor: pointer;
}



.section-gauche-droite {
	display: flex;
	min-height: 400px;
}

.section-gauche-droite .bloc-image,
.section-gauche-droite .bloc-texte {
	width: 50%;
	box-sizing:border-box;
}

.section-gauche-droite .bloc-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.section-gauche-droite .bloc-texte {
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.section-gauche-droite h2 {
	margin-bottom: 20px;
}

.section-gauche-droite p {
	margin-bottom: 30px;
}

.section-gauche-droite.inverse {
	flex-direction: row-reverse;
}

/* Responsive */
@media (max-width: 900px) {
	.section-gauche-droite {
		flex-direction: column;
	}

	.section-gauche-droite .bloc-image,
	.section-gauche-droite .bloc-texte {
		width: 100%;
	}

	.section-gauche-droite .bloc-texte {
		padding: 40px 20px;
	}
}

.section-faq {
	max-width: 900px;
	margin: 80px auto;
	padding: 0 20px;
}

.section-faq h2 {
	margin-bottom: 40px;
	text-align: center;
}

.faq-item {
	border-bottom: 1px solid #ddd;
}

.faq-question {
	width: 100%;
	background: none;
	border: none;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.1rem;
	cursor: pointer;
	text-align: left;
}

.faq-question span:first-child {
	font-weight: 600;
	color:#e63c38;
}

.faq-icon {
	font-size: 1.5rem;
	transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
	transform: rotate(45deg);
}

.faq-reponse {
	display: none;
	padding-bottom: 20px;
}

.faq-reponse p {
	padding-bottom: 0px;
	color: #444;
	line-height: 1.2;
	margin-top:0px;
	margin-bottom:5px;
}


@media screen and (max-width:1600px)
{
	.page2CoteCentrer .bloc.blocImageProduit{
		width:35%;
	}

	.page2CoteCentrer .bloc.blocPrincipalProduit{
		width:65%;
		padding-left:100px;
	}
	
	#blocHaut{
		padding-top: 0px;
	}
}

@media screen and (max-width:1400px)
{
	.page2CoteCentrer .bloc.blocImageProduit{
		width:45%;
	}

	.page2CoteCentrer .bloc.blocPrincipalProduit{
		width:55%;
		padding-left:50px;
	}
	
	.page2CoteCentrer a{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
	#menuSite .page3CoteCentrer{
		padding-left: 5%;
		padding-right: 5%;
	}
	#menuSite .page3CoteCentrer .bloc{
		width: 100%;
		flex-direction: inherit;
	}
	
	#menuSite .page3CoteCentrer .bloc .blocTexte.blocRouge{
		width: 50%;
	}
	
	#menuSite .page3CoteCentrer .bloc .bloc{
		width: 50%;
		flex-direction: inherit;
	}
	
	#contact{
		padding-left: 5%;
		padding-right: 5%;
	}
	.conteneur .blocSousCategorieDroite{
		left:-352px !important; 
	}
	
	#produit h1{
		font-size: 32px !important;
	}
	
	#produit h2.sousTitre{
		font-size: 20px !important;
	}
	
}
@media screen and (max-width:1200px)
{
	
	
	#produit .page2CoteCentrer{
		padding-top: 50px;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	
	#produit h1{
		font-size: 30px !important;
	}
	
	#produit h2.sousTitre{
		font-size: 18px !important;
	}
	
	.page2CoteCentrer .bloc.blocPrincipalProduit{
		padding-left: 25px;
	}
	
	#blocHaut{
		padding-left: 0%;
		padding-right:0%;
		width: 100%;
	}
	
	nav .conteneur{
		padding-left: 0%;
		padding-right: 0%;
	}
	
	#recherche input{
		width: 300px;
	}
	
	#inscription .intro #blocCentre, #validationInscription .intro #blocCentre{
		width: 70%;
		left: 15%;
	}
	
	.page2CoteCentrer .bloc.blocPrincipalProduit h1{
		font-size: 40px !important;
	}
	
	.page2CoteCentrer .bloc.blocPrincipalProduit h2{
		font-size: 30px !important;
	}
	
	nav .conteneur li a{
		padding-right: 15px;
	}
	
	nav .conteneur{
		width: 100%;
		padding-left:2.5%;
		padding-right:2.5%;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .texte{
		width: calc(100%);
	}
	
	#resultatsEvenements .page2Cote .imageDroite .texte{
		width: calc(100%);
		padding-left:0px;
	}
	
	#resultatsEvenements .page2Cote.page2CoteMarge .imageDroite h2{
		text-align:left;
	}
	
	#resultatsEvenements .descriptionImage {
		width: 100%;
		float: left;
		color:#000;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .texte h2, #resultatsEvenements .page2Cote .imageDroite .texte h2{
		margin-bottom:0px;
		padding-bottom:40px;
		color: #000;
	}
		
	
	#panier{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.intro #blocCentre{
		top: 30%;
	}
	
	.titreSite{
		width:20%;
	}
	
	
	
	nav .espaceMembre{
		right: 100px;
	}
	
	nav .panier{
		right: 25px;
	}
	
	#resultatsEvenements .page2Cote .floatLeft{
		margin-bottom:0px;
	}
}

@media screen and (max-width:1000px)
{
	/*#blocRecherche{
		margin-right: 5px;
		margin-top: 8px;
		width: 280px;
	}*/
	
	#produit .page2CoteCentrer{
		padding-top: 25px;
	}
	
	#produit h1{
		font-size: 30px !important;
	}
	
	#produit h2.sousTitre{
		font-size: 18px !important;
	}
	
	#produit .controle-quantite{
		margin-right: 0px;
	}
	
	#produit .controle-quantite button{
		min-width: 40px;
	}
	
	.page2CoteCentrer .bloc.blocPrincipalProduit{
		width: 60%;
	}
	
	#produit .page2CoteCentrer .bloc.blocImageProduit{
		width: 40%;
	}
	
	nav .conteneur{
		padding-left: 1%;
		padding-right: 1%;
	}
	
	.conteneur li{
		width: calc(160px);
	}
	
	#titreSite{
		font-size: 30px;
		width: auto;
	}
	
	nav .conteneur li a{
		font-size:12px;
	}
	
	li span.icones{
		width: 30px;
	}
	
	nav .conteneur li a{
		min-width:50px;
	}
	
	nav .conteneur li .icones a{
		position:absolute;
		left: 0px;
	}
	
	nav .espaceMembre{
		right: 90px;
	}
	
	.intro #blocCentre{
		top: 27%;
	}
	
	li span{
		padding-left: 5px;
		padding-right: 10px;
		font-size: 16px;
	}
	.conteneur .contact{
		margin-right:5px;
		font-size:15px;
	}
	
	header .PleinePage{
		width: 100%;
		min-height:100%;
	}
	h1{ font-size: 30px; line-height:32px; margin-top:0px; color:#a17e04; margin-top:40px; }
	h2{ font-size: 26px; line-height:28px; margin-top:0px; margin-bottom:20px;  }
	h3{ font-size: 20x; line-height:24px; }
	h4{ font-size: 18px; line-height:20px; }

	.intro #blocCentre{
		top:10%;
	}
	
	.creerSite #blocCentre{
		top:20%;
	}
	
	.page3CoteCentrer{
		width:100%;
	}

	.page3CoteCentrer .bloc{
		float:left;
		width:33.3%;
		min-height:300px;
		padding:15px;
		box-sizing:border-box;
	}
	
	.page2Cote.page2CoteMarge .texte{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.page2Cote .texteGrandeLargeur{
		padding-bottom:20px;
	}
	
	.imageMiniTransition{
		margin-bottom: 50px;
	}
	#siteVitrine, #siteDynamique{
		padding-top:0px;
	}
	
	.page2Cote .floatLeft{
		margin-bottom:20px;
	}
	
	.carouselTexte .boutons{
		bottom: 5%;
	}
	
	.page2Cote .floatLeft h3{
		margin-top:0px;
	}
	.page2Cote.page2CoteMarge .texte{
		padding-top:0px;
	}
	
	.carouselTexte .titre1{
		font-size: 40px;
		top: 15%;
	}
	.carouselTexte .titre2{
		top: 33%;
		font-size: 24px;
		line-height: 30px;
	}
	
	.intro #blocDroite{
		position: absolute;
		top: 30%;
		width: 80%;
		left: 10%;
	}
	
	.pageFondImage .texte {
		position: inherit;
		margin-top: -600px;
		width: 90%;
		left: 5%;
		padding: 15px;
	}
		
	/*.imageGauche img{
		width: 100% !important;
	}*/
	.texteGrandeLargeur h2, .texteGrandeLargeur h3, .texteGrandeLargeur h4, .texteGrandeLargeur ul{
		margin-top: 30px;
	}
	
	.page3CoteCentrer .blocCategorieMere{
		width:50%;
	}
	
	.fondImage .page3CoteCentrer .bloc{
		width:100%;
		height: auto;
		min-height: auto;
	}
	
	.fondImage .page3CoteCentrer{
		position: inherit;
		padding-left: 0%;
		padding-right: 0%;
		width:80%;
	}
	
	#awash.fondImage .page3CoteCentrer{
		position: absolute;
	}
	
	#fondTexte.fondImage{
		height:auto;
	}
	
	
	
	.fondImage.texteBleu .page3CoteCentrer .bloc h2{
		color: #02091e !important;
		margin-top:50px;
	}
	
	#blocBateauVuHaut .page3CoteCentrer .blocDouble{
		width: 100%;
	}
	
	#blocBateauVuHaut .page3CoteCentrer .bloc{
		width: 100%;
		min-height: 100px;
	}
	
	.titreSite{
		width: 26%;
	}
	#menuSite .page3CoteCentrer{
		padding-left: 0%;
		padding-right: 0%;
	}
	/*#menuSite .page3CoteCentrer .bloc .blocTexte{
		padding: 25px !important;
	}*/
	
	.intro .blocCentre, .intro .blocCentre{
		width: 45%;
	}
}

@media screen and (max-width:900px)
{
	#produit .iconeAjoutPanier {
		width: auto;
		height: 40px;
		background-repeat: no-repeat;
		background-position-x: 15px;
		background-position-y: 10px;
		cursor: pointer;
		padding-left: 25px;
		line-height: 40px;
		text-align: left;
		font-size: 16px;
		color: #fff;
		background-color: #DB4444;
		display: inline-block;
		padding-right: 25px;
		border-radius: 2px;
		float: right;
	}
	
	#produit .page3CoteCentrer{
		gap: 20px;
	}
}

@media screen and (max-width:800px)
{
	
	#produit .iconeAjoutPanier{
		width: auto;
		height: 46px;
		background-repeat: no-repeat;
		background-position-x: 15px;
		background-position-y: 10px;
		cursor: pointer;
		padding-left: 25px;
		line-height: 46px;
		text-align: left;
		font-size: 18px;
		color: #fff;
		background-color: #DB4444;
		display: inline-block;
		padding-right: 25px;
		border-radius: 2px;
		float: right;
	}
	
	#produit .page3CoteCentrer{
		gap: 24px;
	}
	
	#produit h1{
		font-size: 28px !important;
	}
	
	#produit h2.sousTitre{
		font-size: 16px !important;
	}
	
	#produit p{
		font-size: 16px;
		line-height: 20px;
	}
	
	#produit .blocPrincipalProduit .page3CoteCentrer{
		margin-top:0px;
	}
	
	#produit .page2CoteCentrer .bloc{
		min-height: 50px;
	}
	
	.navWhite.ouvert  #blocHaut{
		height: auto;
	}
	
	nav .conteneur li a{
		font-size: 16px;
	}
	
	#blocMenu{
		padding-top:35px;
	}
	
	
	
	nav.ouvert .invisibleMobile{
		
	}
	
	nav.ouvert #blocHaut{
		/*display:none;*/
	}
	
	nav.ouvert .conteneur ul{
		display: block;
		width: 100%;
		height: auto;
	}
	
	nav.ouvert .conteneur li a{
		background-color: #fff;
		padding-left:0px;
	}
	
	nav.ouvert .ouvrir .blocSousCategorie{
		opacity: 1;
		display: block;	
		z-index: 100;
		width: 100%;
	}
	
	nav.ouvert .ouvrir .blocSousCategorie li a{
		padding-left:50px;
		line-height: 45px;
	}
	
	nav.ouvert .conteneur .blocSousCategorieDroite{
		left:0px !important;
	}
	
	nav.ouvert .ouvrir .blocSousCategorie li{
		height: 45px;
	}
	
	nav.ouvert .ouvrir .blocSousCategorie li::after {
		width: 100% !important;
	}
	
	nav.ouvert .ouvrir .blocSousCategorie li::after {
		bottom: 0px;
	}
	
	.blocSousCategorie li:not(:last-child)::after
	
	/*nav.ouvert .conteneur .blocSousCategorie li.premiereLigne:not(:last-child)::after {
		display:none;
	}*/
	
	.blocSousCategorie .sousCategorie{
		width:100%;
	}
	
	nav.ouvert .ouvrir .blocSousCategorie .imageCategorie{
		display:none;
	}
	
	
	nav.navWhite{
		height: 120px;
	}
	
	.navWhite #blocHaut img{
		height: 100%;
	}
	
	.navWhite #iconesMembres{
		width: 180px;
	}
	
	nav.navWhite #recherche{
		padding-top: 5px;
	}
	
	.navWhite #blocRecherche{
		width: 230px;
	}
	
	.navWhite #iconesMembres{
		margin-right: 5px;
	}
	
	.navWhite #blocRecherche{
		width: 200px;
	}
	
	#blocHaut #grosLogo{
		height: 120px;
		width: 40%;
	}
	
	#recherche{
		width: 58%;
	}
	
	#blocRecherche{
		width: 230px;
		float: left;
		margin-right: 30px;
	}
	
	#recherche input{
		width: 280px;
	}
	
	#menuMobile{
		top:33px;
		right:30px;
		position: absolute;
	}
	
	.intro .blocCentre, .intro .blocCentre{
		width: 50%;
	}
	

	#index #accueil h1{
		font-size: 24px;
		text-align: left;
		line-height: 26px;
		margin-top: 0px;
	}
	
	
	#index #accueil h2{
		font-size: 22px;
	}
	
	#index #accueil h3{
		font-size: 20px;
		line-height: 22px;
	}
	
	
	#googleMap{
		height: auto;
	}
	
	.conteneur li{
		width: calc(150px);
	}
	
	.conteneur ul{
		background-color:transparent;
		position: absolute;
		top:0px;
		right:0px;
	}
	
	nav .conteneur li a{
		padding-right: 10px;
	}
	
	#iconeMenu{
		margin-top: 10px;
	}
	
	nav .espaceMembre{
		float:left;
		right: auto;
		left:180px;
		top: 10px !important;
	}
	
	nav .panier{
		float:left;
		right: auto;
		left:60px;
		top: 10px !important;
	}
	
	header{
		height:120px;
	}
	
	nav{
		height:120px;
	}
	
	nav .conteneur{
		width: 100%;
		padding-left: 0%;
		padding-right: 0%;
	}
	
	#contact .page2CoteCentrer .bloc.blocTexte{
		width: 100%;
		padding: 0px;
		padding-top: 50px;
	}
	
	#recherche{
		padding-top: 5px;
	}
	
	#recherche input{
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#iconesMembres{
		margin-right: 5px;
		width:180px;
		float: left;
	}
	
	#blocRecherche{
		margin-right: 5px;
		margin-top: 8px;
		width: 280px;
	}
	
	#blocHaut{
		padding-left: 0%;
		padding-right: 0%;
		width: 100%;
		padding-top: 0px;
	}
	
	#blocHaut img{
		height: 100%;
	}
	
	.invisibleOrdi{
		display:block !important;
	}
	
	#goodies{
		text-align:center;
	}

	#menuSite .page3CoteCentrer{
		padding-left: 0%;
		padding-right: 0%;
	}
	
	#menuSite .page3CoteCentrer .bloc{
		width:100%;
		flex-direction: column;
	}
	
	#menuSite .page3CoteCentrer .bloc .blocTexte.blocRouge{
		width:100%;
		height: auto;
		min-height: 250px;
	}
	
	#menuSite .page3CoteCentrer .bloc .blocTexte{
		width:100%;
		height: auto;
		padding: 25px !important;
		min-height: 250px;
	}
	
	#menuSite .page3CoteCentrer .bloc .blocTexteInverse{
		order: 1;
	}
	#menuSite .page3CoteCentrer .bloc .blocImage1{
		order: 2;
	}
	
	#menuSite .page3CoteCentrer .bloc .bloc{
		width:100%;
		min-height: 250px;
		height: 250px;
	}
	
	#menuSite .page3CoteCentrer .bloc .bloc img{
		min-height: 250px;
	}
	
	
	#contact .page2CoteCentrer .bloc{
		width: 100%;
	}
	
	#contact .formulaire{
		margin-right:0px;
	}
	
	#iconeMenu {
		height: 45px;
		width: 50px;
		box-sizing: border-box;
		padding-top: 1px;
		margin-left: auto;
		margin-right: 40px;
		margin-top:0px;
		cursor: pointer;
	}
  
	#iconeMenu .ligne {
		height: 3px;
		padding: 0px;
		background-color:#e63c38;
		padding-top: 0px;
		padding-bottom: 0px;
		border-radius: 4px;
		display: block !important;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		margin-bottom: 14px;
	}
	
	.defilement .conteneur .titreSite img{
		float: inherit;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
	.defilement .conteneur .titreSite{
		height: 130px;
		width:100px;
	}
	
	.defilement .conteneur li a{
		height: 65px;
		line-height:65px;
	}
	
	nav.ouvert .invisibleMobile.panier{
		width: 64px !important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	
	nav.ouvert li span.icones{
		width:50px;
	}
	
	nav.ouvert .invisibleMobile.espaceMembre {
		width: 70px !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.conteneur .titreSite img.logo{
		float:left;
	}
	
	.ouvert .conteneur .titreSite img.logo{
		float:inherit;
		padding-right: 0px;
	}
	
	nav.ouvert  .conteneur li a{
		padding-right:0px !important;
	}
	
	.defilement #iconeMenu .ligne {
		margin-top: 7px;
		margin-bottom: 13px;
	}
	
	.defilement.ouvert .conteneur {
		height: auto;
		background-color: transparent;
		margin-top: 0px;
		
		min-width: 200px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
		
	nav.ouvert .conteneur ul {
		top: 110px;
	}
	
	nav.ouvert ul.sousMenu {
		top: 20px;
	}
	
	nav.ouvert .conteneur ul {
		background-color: transparent !important;
	}
	
	nav.defilement.ouvert .conteneur li.liIndex {
		width: 100%;
		line-height: 80px;
		text-align: center;
		display: inherit !important;
	}
	
	nav.ouvert .croix {
		display: block;
		background-image: url("../images/icones/croixblanche.png");
		height: 37px;
		width: 37px;
		cursor: pointer;
	}
	
	nav.ouvert .menuSite {
		/*display: none !important;*/
	}
	
	  nav.ouvert .invisibleMobile {
    display: inherit !important;
	width: 100% !important;
  }
  
	nav.defilement.ouvert .conteneur li.liIndex {
	  width: 100%;
	}
	
	nav.defilement.ouvert .titreSite {
		width: 100% !important;
		text-align:center !important;
	}
	
	nav.ouvert{
		background-color: #000;
	}
  
	.invisibleMobile {
		display: none !important;
   }
   
    nav.defilement.ouvert {
		height: 100%;
	}
	
	nav.defilement .panier{
		position:inherit;
		top:auto;
		width:auto;
	}
	
	nav.defilement .espaceMembre {
		position:inherit;
		top:auto;
	}
	
	#resultatsEvenements .page2Cote .floatLeft{
		width:90%;
		
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages, .imgAnnonce, #resultatsEvenements .autresImagesBloc, .page2Cote .imageDroite .autresImages{
		width:100%;
		max-width:100%;
	}
	
	
	
	/*#resultatsEvenements .autresImagesBloc {
	  height: 389px;
	  overflow: hidden;
	  position: absolute;
	  top: 0px;
	  width: 170px;
	}*/
	#resultatsEvenements .autresImagesBloc {
		width:100%;
	}
	 
	#resultatsEvenements .page2Cote .imageGauche .imageEvenement {
		width: calc(100%);
	}
	
	#resultatsEvenements .page2Cote .imageDroite .imageEvenement {
		width: calc(100%);
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages .imageMiniature img{
		width: 160px !important;
		height: 122px !important;
	}
	
	#resultatsEvenements .page2Cote .imageDroite .autresImages .imageMiniature img{
		width: 160px !important;
		height: 122px !important;
	}
	
	#resultatsEvenements .miniatures {
		position: relative;
		overflow: hidden;
		height: 133px !important;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 5px;
		height: auto;
		
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages, .imgAnnonce, .autresImagesBloc, .page2Cote .imageDroite .autresImages{
		width: 100%;
	}
	
	#resultatsEvenements .imgEvenement{
		width: 100%;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages .imageMiniature{
		margin-right: 10px !important;
		height: 123px !important;
		width: 160px!important;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages .imageMiniature img{
		width: 160px !important;
		height: 122px !important;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages{
		height: 300px;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages .imageMiniature img{
		float: none;
		  margin-left: auto;
		  margin-right: auto;
		  display: block;
		  min-width: auto;
		  max-width: calc(100%);
	}
	
	#resultatsEvenements .page2Cote .imageDroite .imageAnnonce {
		float: left;
		max-width: 552px;
		margin-right: 0px;
	}
	
	#resultatsEvenements .imageDroite .imageAnnonce img {
	  width: 553px !important;
	  height: 386px;
	  margin-bottom: 0px;
	  object-fit: cover;
	  box-sizing: border-box;
	  margin-left: 0px;
	  margin-right: 0px;
	  cursor: pointer;
	}
	
	 #resultatsEvenements .page2Cote.page2CoteMarge .imageGauche img {
		width: 100% !important;
		margin-left: 0px;
	  }
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages .imageMiniature{
		height: 123px !important;
		width: 160px;
	}
	
	#bilanPanier{
		margin-top: 25px;
		margin-left:0px;
		width:100%;
		position: relative;
	}
	
	#contenuPanier{
		width:100%;
	}
	
	.intro #blocCentre img{
		height:100px;
		width:100px;
		margin-left:auto;
		margin-right:auto;
	}
	h1{ font-size: 26px; line-height:32px; margin-top:0px; color:#a17e04; margin-top:40px; }
	h2{ font-size: 22px; line-height:24px; margin-top:0px; margin-bottom:20px;  }
	h3{ font-size: 20px; line-height:22px; font:"Montserrat", sans-serif; }
	h4{ font-size: 18px; line-height:20px; }
	
	header h1{
		font-size: 50px;
		margin-bottom: 45px;
	}
	
	.conteneur li{
		min-width: 80px;
		font-size: 16px;
	}
	
	nav #ClTitre{
		padding-right:30px;
	}
	
	.intro #blocCentre{
		top:20%;
		width: 90%;
		left: 5%;
	}
	
	#titre{
		font-size: 36px;
	}
	li span{
		padding-left: 5px;
		padding-right: 15px;
		font-size: 22px;
	}
	
	.pageFondImage .texte{
		margin-top: -500px;
	}
	
	
	nav #ClTitre {
		padding-left: 0px;
		color: #fff;
		padding-right: 0px;
		line-height:60px;
		margin-top:0px;
	}

	#titre{ margin-left: 0px; font-size: 30px; line-height: 60px;  }
	.titreSite{ width:50% !important; margin-left:0%; width:100px; }
	
	.menuSite{ min-width: 95px !important; width: 48% !important; }
	.menuSite a{ min-width: 95px !important;  }
	
	#menuMobile {
		display: block !important;
	}
	
	#menuMobile span{ display:block !important; background-image: url("../images/icones/menu.png"); height:60px; width:60px !important; margin-top:0px; margin-left:auto; margin-right:auto; cursor:pointer; padding-right: 0px; padding-left: 0px; }
	.menuApplication, .menuSiteInternet, .contact  {
		display:none !important;
	}
	
	.ouvert .menuApplication, .ouvert .menuSiteInternet, .ouvert .contact  {
		display:inline-block !important;
	}
	
	.menuSiteInternet li span , .menuApplication li span, .contact li span{
		width:100%;
	}
	
	nav #ClTitre {
		padding-left: 0px;
		color: #fff;
		padding-right: 0px;
		line-height:60px;
		margin-top:0px;
	}

	#titre{ margin-left: 0px; font-size: 30px; line-height: 60px;  }
	.titreSite{ width:50% !important; }
	
	.menuSite{ min-width: 95px !important; width: 48% !important; }
	.menuSite a{ min-width: 95px !important;  }
	
	#menuMobile {
		display: block !important;
	}
	
	#menuMobile span{ display:block !important; background-image: url("../images/icones/menu.png"); height:60px; width:60px !important; margin-top:0px; margin-left:auto; margin-right:auto; cursor:pointer; padding-right: 0px; padding-left: 0px; }
	
	.conteneur li {
		min-height: 0px;
		min-width: 0px;
		width: 0px;
		text-align:center;
		
	}
	
	nav .conteneur .menuMobile li { 
		min-width:60px !important;
	}
	
	.conteneur .contact{ 
		margin-right: 0px;
	}
	
	#contact .texte{
		margin-bottom:50px;
	}
	
	.conteneur li:hover > .blocSousCategorie{ display:none; }
	
	nav .ouvert > ul li {
		width: 100%;
		background-color: #fff;
		text-align: center;
		cursor: pointer;
		font-size: 18px;
		background-color: #fff;
		margin-right:0px !important;
	}
	
	.ouvert .conteneur .contact{ 
		width:100%;
		margin-right: 25px;
	}
	
	.conteneur ul{ height:auto; }
	.conteneur .blocSousCategorie li{ padding-left:0px; padding-right:0px; color:#5e5e5e; line-height: 40px !important; height:40px; text-align:left; }
	nav .conteneur .blocSousCategorie a{ height:50px !important; }
	.blocSousCategorie li a{ padding-left:0px; padding-right:0px; }
	
	.conteneur ul.blocSousCategorie{ padding-top:0px; padding-bottom:0px;  }
	
	/*.conteneur li:hover > .blocSousCategorie{ display:none !important; z-index:15; float:right; transition-duration:0s; opacity:1; background-color:#fff; }*/
	

	
	.page3Cote .gauche{
		float:left;
		width:26%;
		min-height:100%;
	}

	.page3Cote .centre{
		float: left;
		width:37%;
		min-height: 100%;
		box-sizing: border-box;
	}

	.page3Cote .droite{
		float: left;
		width:37%;
		min-height: 100%;
		box-sizing: border-box;
	}
	
	footer ul{
		padding-left:10px;
	}
	
	footer .titre{
		font-size:26px;
		font-weight:bold;
	}
	
	footer{
		position:relative;
		overflow:hidden;
		padding-left: 10px;
		padding-right: 10px;
	}

	footer .droite .bloc{
		height: auto !important;
		display: block;
		margin-bottom: 10px;
	}
	
	footer .gauche .bloc{
		height: auto !important;
		display: block;
		margin-bottom: 10px;
	}
	
	#resultatsEvenements .page2Cote .imageDroite .autresImages .imageMiniature img{
		width:100%;
	}
	#resultatsEvenements .page2Cote .imageDroite .autresImages{
		left: 0px;
		margin: 0px !important;
		margin-bottom: 0px;
		top: calc(100% - 80px);
		width: 100%;
		padding-right: 15px;
		float: left;
		margin-bottom: 20px !important;
		height: 123px;
		position: relative;
		max-width: 100%;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages{
		left: 0px;
		margin: 0px !important;
		margin-bottom: 0px;
		top: calc(100% - 80px);
		width: 100%;
		padding-right: 15px;
		float: left;
		margin-bottom: 20px !important;
		height: 123px;
		position: relative;
		max-width: 100%;
	}
	
	#resultatsEvenements .page2Cote .imageDroite .autresImages .imageMiniature{
		width:170px !important;
	}
	
	#resultatsEvenements .page2Cote .imageGauche .autresImages .imageMiniature{
		width:170px !important;
	}
	
	#resultatsEvenements .page2Cote.page2CoteMarge .imageDroite img{
		width:100% !important;
	}
	#menuMobile {
		z-index:100000000;
	}
	
	#produit .page2CoteCentrer .bloc.blocImageProduit{
		width: 100%;
	}
	
	#produit .page2CoteCentrer .bloc.blocImageProduit{
		width:100%;
		
	}
	
	#produit .page2CoteCentrer .bloc.blocPrincipalProduit{
		width:100%;
		padding-left:0px;
		
	}
	
	#produit{
		height:auto;
	}
	
	#produit .page2CoteCentrer {
		flex-direction: column-reverse;
		
	}
}

@media screen and (max-width:720px)
{	
	#menuMobile{
		right: 15px;
		z-index:5000;
	}
	
	
}

@media screen and (max-width:680px)
{
	.rechercher{
		right: 0px;
	}
	
	#blocHaut img{
		height: 120px;
	}
	
	#menuMobile{
		right: 0px;
	}
	
	#recherche input {
		width: 240px;
	}
	
	#blocRecherche{
		width: 240px;
	}
	

}

@media screen and (max-width:640px)
{
	#recherche input{
		width: 200px;
	}
	
	#blocRecherche{
		width: 200px;
	}
	
	#iconeMenu {
		margin-right: 35px;
	}
	
	
}

@media screen and (max-width:580px)
{
	
	
	
	
	#iconeMenu {
		margin-right: 25px;
	}
	
	.navWhite #blocHaut img{
		height: 100px;
	}
	nav.navWhite{
		height: 110px;
	}
	
	.navWhite #blocRecherche{
		width: 190px;
	}
	
	header, nav, #blocHaut{
		height: 110px;
	}
	
	#menuMobile{
		top: 30px;
	}
	
	#blocHaut img{
		height: 100px;
	}
	
	#recherche{
		width: 60%;
	}
	
	nav .panier{
		left: 50px;
	}
	
	nav .espaceMembre{
		left: 168px;
	}
	
	#recherche input{
		width: 180px;
	}
	
	#blocRecherche{
		width: 190px;
	}
	
	.intro .blocCentre, .intro .blocCentre{
		width:80%;
		padding: 20px;
	}
	
	#index #accueil h1{
		font-size: 22px;
		line-height: 24px;
	}
	
	#index #accueil h2{
		font-size: 20px;
		line-height: 22px;
	}
	
	#index #accueil #diaporama1 h2{
		font-size: 20px;
		line-height: 22px;
	}
	
	#index #accueil h3{
		font-size: 18px;
		line-height: 22px;
	}
	
	#menuSite .page3CoteCentrer .bloc .blocTexte.blocRouge{
		width:100%;
		height: 350px;
		min-height: 350px;
		padding:25px !important;
	}
	
	#menuSite .page3CoteCentrer .bloc .blocTexte{
		width:100%;
		height: 350px;
		padding: 25px !important;
		min-height: 350px;
	}
	
	#menuSite .page3CoteCentrer .bloc .blocTexteInverse{
		order: 1;
	}
	#menuSite .page3CoteCentrer .bloc .blocImage1{
		order: 2;
	}
	
	#menuSite .page3CoteCentrer .bloc .bloc{
		width:100%;
		min-height: 350px;
		height: 350px;
		
	}
	
	#menuSite .page3CoteCentrer .bloc .bloc img{
		min-height: 350px;
	}
	
	
	
	#inscription .intro #blocCentre, #validationInscription .intro #blocCentre{
		width: 100%;
		left: 0%;
	}
	
	nav #ClTitre {
		padding-left: 0px;
		color: #fff;
		padding-right: 0px;
		line-height:60px;
		margin-top:0px;
	}

	#titre{ margin-left: 0px; font-size: 30px; line-height: 60px;  }
	.titreSite{ width:52% !important; }
	
	.menuSite{ min-width: 95px !important; width: 48% !important; }
	.menuSite a{ min-width: 95px !important;  }
	
	#menuMobile {
		display: block !important;
	}
	
	#menuMobile span{ display:block !important; background-image: url("../images/icones/menu.png"); height:60px; width:60px !important; margin-top:0px; margin-left:auto; margin-right:auto; cursor:pointer; padding-right: 0px; padding-left: 0px; }
	
	.conteneur li {
		min-height: 0px;
		min-width: 0px;
		width: 0px;
		text-align:center;
		
	}
	
	nav .conteneur .menuMobile li { 
		min-width:60px !important;
	}
	
	.conteneur .contact{ 
		margin-right: 0px;
	}
	
	#contact .texte{
		margin-bottom:50px;
	}
	
	.conteneur li:hover > .blocSousCategorie{ display:none; }
	
	nav .ouvert > ul li {
		width: 100%;
		background-color: #fff;
		text-align: center;
		cursor: pointer;
		font-size: 18px;
		background-color: #fff;
	}
	
	.ouvert .conteneur .contact{ 
		width:100%;
		margin-right: 25px;
	}
	
	/*.conteneur li:hover > .blocSousCategorie{ display:none !important; z-index:15; float:right; transition-duration:0s; opacity:1; background-color:#fff; }*/
	
	.index .intro #blocCentre{
		top:17% !important;
	}
	
	.intro #blocCentre{
		top:10%;
		width: 80%;
		left: 10%;
	}
	
	#index #choixBateau .page2CoteCentrer .bloc{
		padding: 0px;
	}
	
	.ouvert .conteneur li:hover > .blocSousCategorie{
		display: none;
	}
	
	header h1 {
		font-size: 32px;
		top: 0%;
		color: #00011a;
		width: 100%;
		left: 10%;
		line-height: 35px;
		margin-bottom: 15px;
	}
	
	header h2 {
		font-size: 24px;
		top: 40%;
		color: #00011a;
		width: 100%;
		text-align: left;
		line-height: 40px;
	}
	

	
	.intro #blocCentre button{
		margin-left: auto;
		margin-right: auto;
		width: 100px;
		display: block;
	}
	
	.intro #blocCentre img{
		height:100px;
		width:100px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	.imageGauche img{
		width: 100% !important;
	}
	
	
	.articlePlein .texte{
		width: 90%;
	}
	
	.articlePlein.left .texte .icone{
		right: -10px;
		top: -50px;
	}
	
	.articlePlein.left .texte{
		padding-right: 10px;
	}
		
	.articlePlein.right .texte{
		padding-left: 10px;
		left: 5%;
	}
	.articlePlein.right .texte .icone{
		left: -10px;
		top: -50px;
	}
	
	.page2Cote h2{
		padding-top: 35px;
		padding-bottom: 25px;
	}
	
	.page2Cote .gauche{
		width:100%;
	}
	.page2Cote .citation{
		width: 90%;
	}
	#citation .citation .forme{
		bottom: -15px;
		left: -10px;
	}
	
	.page2Cote .droite{
		width:100%;
	}
	
	.page2Cote .texte{
		width:100%;
		box-sizing:border-box;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.page3Cote{
		padding-left:5%;
		padding-right: 5%;
	}
	
	.page3Cote .gauche, .page3Cote .centre, .page3Cote .droite{
		width:100%;
	}
	

	.pageLarge100 h2{
		padding-top: 25px;
		padding-bottom: 30px;
		margin-left: 5%;
	}
	
	#citation .gauche{
		margin-bottom:30px;
	}
	
	#citation{
		padding-bottom:0px;
	}
	
	#projets h2{
		text-align:center;
	}
	
	#projets{
		min-height:100%;
		height:100%;
	}
	
	.carousel {
		position: relative;
		height: 80%;
		overflow: hidden;
		border-radius: 5px;
	}
	
	.carousel .titre1{
		font-size: 30px;
		top: 20%;
	}
	
	.carousel .titre2{
		font-size: 24px;
		top: 42%;
	}
	
	footer{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	footer ul{
		padding-left:0px;
	}
	
	
	.page2Cote.page2CoteMarge .imageGauche img{
		width:100% !important;
		margin-left:0px;
	}
	
	.page2Cote.page2CoteMarge .texte{
		width:100%;
		padding-left:3%;
		padding-right:3%;
		box-sizing: border-box;
	}
	
	.page2Cote.page2CoteMarge .imageDroite img{
		width:100% !important;
		margin-right: 0%;
	}
	
	.page3CoteCentrer .bloc{
		width:100%;
	}
	.page2Cote.page2CoteMarge .texte{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	.page2Cote .floatLeft{
		margin-bottom:20px;
	}
	.texteGrandeLargeur h2, .texteGrandeLargeur h3, .texteGrandeLargeur h4, .texteGrandeLargeur ul{
		margin-top:20px;
	}
	.page2Cote .texteGrandeLargeur{
		padding-bottom: 20px;
	}
	
	.page3CoteCentrer{
		width:100%;
		margin-left: 0%;
	}
	
	.imageMiniTransition{
		margin-bottom: 50px;
	}
	
	#siteVitrine, #siteDynamique{
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	.imageTransition{
		height:150px;
		margin-bottom: 20px;
	}
	
	.carouselTexte .titre1{
		top:10%;
		font-size: 30px;
		width: 80%;
		line-height:30px;
	}
	.carouselTexte .titre2{
		font-size: 16px;
		top:34%;
		line-height:20px;
	}
	
	.carouselTexte .boutons{
		bottom: 5%;
	}
	
	#pointsImportants{
		margin-bottom: 50px;
	}
	
	.carouselTexte .bt{
		height: 25px;
		width: 25px;
	}
	
	.intro #blocDroite{
		position: absolute;
		top: 30%;
		width: 80%;
		left: 10%;
	}
	
	#siteVitrine h2, #siteDynamique h2, #migration h2, #SEOSEA h2, #hebergement h2, #creerApplication h2 {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	
	.pageFondImage .texte{
		position:inherit;
		margin-top:-200px;
		width: 90%;
		left: 5%;
		padding:15px;
	}
	
	.pageFondImage .premierTitre{
		margin-bottom: 30px;
	}
	
	.pageFondImage h2, .pageFondImage h3{
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.menuApplication, .menuSiteInternet, .contact  {
		display:none !important;
	}
	
	.ouvert .menuApplication, .ouvert .menuSiteInternet, .ouvert .contact  {
		display:inline-block !important;
	}
	
	.menuSiteInternet li span , .menuApplication li span, .contact li span{
		width:100%;
	}
	
	
}

@media screen and (max-width:520px)
{
	#blocRecherche{
		width: 180px;
	}
	
	.navWhite #blocHaut img{
		height: 70px;
	}
	
	#blocHaut img{
		height: 70px;
		margin-top:20px;
	}
	
	#blocHaut #grosLogo{
		width: 32%;
	}
	
	#recherche{
		width: 62%;
	}
	
	#recherche input{
		width: 160px;
	}
	
	nav .espaceMembre{
		left: 148px;
	}
	
	nav .panier{
		left: 35px;
	}
}

@media screen and (max-width:480px)
{
	#recherche{
		width: 68%;
	}
	
	.navWhite #blocHaut img, #blocHaut img{
		height: 60px;
		margin-top:25px;
	}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){
	
}