/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
.italiana-regular {font-family: "Italiana", sans-serif; font-weight: normal; font-style: normal;}
.montserrat {font-family: "Montserrat", sans-serif; font-weight: normal; font-optical-sizing: auto; font-style: normal;}
.imperial-script-regular {font-family: "Imperial Script", cursive; font-weight: 400; font-style: normal;}
/**body {margin:0; color:#000; font-family:"Italiana Regular" "Montserrat VariableFont wght"; src: url("../font/Italiana-Regular.ttf") url("../font/Montserrat-VariableFont_wght.ttf");}**/

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

#page {margin:0px auto 0px; width:100%;}

/*** BG COVER ***/
html {background-color:#e1e9f6/*rgb(223 233 242)*/; background-position:top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;}

/*** IMG RESIZE ***/
img {height:auto; max-width:100%; width:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}

/*** SELECTION ***/
::selection {background:#fff; color:#000;}
::-moz-selection {background:#fff; color:#000;}
::-webkit-selection {background:#fff; color:#000;}
::-o-selection {background:#fff; color:#000;}
::-ms-selection {background:#fff; color:#000;}
::box-selection {background:#fff; color:#000;}

/*** HEADER ***/
#header {width:100%; height:auto; margin:auto; display:block; text-align:center; border-bottom:#000 solid 1px;}
#header #hcontent {text-align:center; display:block; width:100%; max-width:1000px; height:90px; padding-top:5px; margin:auto;}
#header #hcontent #menuleft {width:40%; display:inline-block; position:relative; float:left;}
#header #hcontent #menuleft ul {padding:0px; float:right; padding-top:15px;}
#header #hcontent #menuleft ul li {display:inline-block; position:relative; margin-right:15px;}
#header #hcontent #menuleft ul li a {font-family:montserrat; text-decoration:none; font-size:13px; color:#000; text-transform:uppercase;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;}
#header #hcontent #menuleft ul li a:hover {color:#B6AAF2; transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6 ease 0s;
		-o-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		transition: all 0.6s ease 0s;}
#header #hcontent #logo {width:20%; display:inline-block; position:relative;}
#header #hcontent #logo a {display:inline-block; width:45%;}
#header #hcontent #logo #img {}
#header #hcontent #menuright {width:40%; display:inline-block; position:relative; float:right;}
#header #hcontent #menuright ul {padding:0px; padding-top:15px;}
#header #hcontent #menuright ul li {display:inline-block; position:relative; margin-right:15px;}
#header #hcontent #menuright ul li a {font-family:montserrat; text-decoration:none; font-size:13px; color:#000; text-transform:uppercase;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;}
#header #hcontent #menuright ul li a:hover {color:#B6AAF2; transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6 ease 0s;
		-o-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		transition: all 0.6s ease 0s;}
#header #hcontent #texte {display:inline-block; position:relative; height:20px; text-align:center;}
#header #hcontent #texte h1 {margin:0px; font-family:"Italiana Regular"; font-size:12PX; font-style:oblique; font-weight:lighter; letter-spacing:0.5em;}

/***********/
/** INDEX **/
/***********/
#index {width:100%; max-width:1000px; display:block; margin:auto;}
#index #pourquoi {width:100%; display:inline-block; margin-top:15px; background:#D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius:20px;}
#index #pourquoi #groupe1left {width:50%; float:left; text-align:center;}
#index #pourquoi #groupe1left img {margin:99px 0px; width:60%;border-radius:10px; filter:drop-shadow(2px 4px 2px grey); transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;}
#index #pourquoi #groupe1left img:hover {transform:scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);}
#index #pourquoi #groupe1right {width:50%; display:block; float:right; text-align:justify;}
#index #pourquoi #groupe1right p1 {display:block; font-family:montserrat; font-weight:400; font-size:20px; margin:10px 0px 10px 5px; letter-spacing:0.1em;}
#index #pourquoi #groupe1right p2 {display:block; font-family:montserrat; font-weight:600; font-style:italic; font-size:15px; color:#B6AAF2; margin:0px 0px 5px 5px; letter-spacing:0.3em;}
#index #pourquoi #groupe1right p3 {display:block; font-family:montserrat; font-weight:300; line-height: 1.6em; font-size:13px; margin:0px 10px 0px 5px; letter-spacing:0.1em;}
#index #equipe {width:100%; display:inline-block; margin-top:15px; background:#D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius:20px;}
#index #equipe #presentation {width:100%; display:block; text-align:center; position:relative; margin-bottom:20px;}
#index #equipe #presentation p1 {display:block; font-family:montserrat; font-weight:400; font-size:40px; margin:10px 0px 5px 5px; letter-spacing:0.1em;}
#index #equipe #presentation p2 {display:block; font-family:montserrat; font-weight:500; font-size:16px; color:#B6AAF2; margin:0px 0px 10px 5px; letter-spacing:0.1em;}
#index #equipe #presentation p3 {display:block; font-family:montserrat; font-weight:300; line-height: 1.7em; font-size: 13px; margin: 0px 10px 0px 5px; letter-spacing: 0.1em;}
#index #equipe #alex {width: 100%; position: relative; display: inline-block; margin-bottom:20px;}
#index #equipe #alex #groupe2left {width: 30%; float: left;}
#index #equipe #alex #groupe2left a {}
#index #equipe #alex #groupe2left a img {width:90%; margin: 25px 10px 25px 10px; border-radius:50%; filter:drop-shadow(2px 4px 2px grey); transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;}
#index #equipe #alex #groupe2left a img:hover {transform:scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);}
#index #equipe #alex #groupe2right {width: 70%; float: right;}
#index #equipe #alex #groupe2right p1 {display: block; font-family:cursive; font-weight: normal; font-size: 35px;}
#index #equipe #alex #groupe2right p2 {display:block; font-family:montserrat; text-align: justify;  font-weight:300; line-height: 1.7em; font-size: 13px; margin: 0px 10px 0px 5px; letter-spacing: 0.1em;}
#index #equipe #clem {width: 100%; position: relative; display: inline-block; margin-bottom:20px;}
#index #equipe #clem #groupe3left {width: 69%; float: left; margin-left: 10px;}
#index #equipe #clem #groupe3left p1 {display: block; font-family:cursive; font-weight: normal; font-size: 35px;}
#index #equipe #clem #groupe3left p2 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; margin: 0px 10px 0px 5px; letter-spacing: 0.1em;}
#index #equipe #clem #groupe3right {width: 30%; float: right;}
#index #equipe #clem #groupe3right a {}
#index #equipe #clem #groupe3right a img {width:90%; margin: 25px 10px 25px 10px; border-radius:50%; filter:drop-shadow(2px 4px 2px grey); transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;}
#index #equipe #clem #groupe3right a img:hover {transform:scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);}

/**************/
/** PRODUITS **/
/**************/
#produits {width: 100%; max-width: 1000px; display: block; margin: 15px auto; background: #D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius: 20px;}
#produits #titre {margin:50px 20px; text-align: center; position: relative;}
#produits #titre p1 {font-family: cursive; font-size: 25px; color: #B6AAF2; z-index: 2; top: 20px;}
#produits #titre li {position: relative; z-index: 1; bottom: 60px; display: inherit;}
#produits #titre li a {}
#produits #titre li a:hover {}
#produits #titre li a img {width: 60%;}
#produits #titre li a img:hover {filter: blur(4px);
	-moz-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	-webkit-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	-o-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	-ms-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;}

/****************/
/** CALENDRIER **/
/****************/
#calendrier {width: 100%; max-width: 1000px; display: block; margin: 15px auto; background: #D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius: 20px;}
#calendrier #titre {margin:50px 20px; text-align: center; position: relative;}
#calendrier #titre p1 {font-family: cursive; font-size: 25px; color: #B6AAF2; z-index: 2; top: 20px;}
#calendrier #titre li {position: relative; z-index: 1; bottom: 60px; display: inherit;}
#calendrier #titre li a {}
#calendrier #titre li a:hover {}
#calendrier #titre li a img {width: 60%;}
#calendrier #titre li a img:hover {filter: blur(4px);
	-moz-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	-webkit-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	-o-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	-ms-transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;
	transform: rotate3d(0, 1, 0, 360deg); transition: all 1.5s ease 0.1s;}

/****************/
/** NOS OFFRES **/
/****************/
#offres {width:100%; max-width:1000px; display:block; margin:auto;}
#offres #infos {width:100%; display:inline-block; margin-top:15px; background:#D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius:20px;}
#offres #infos #infosoffres {margin: 20px;}
#offres #infos #infosoffres p1 {display:block; font-family:montserrat; font-weight:500; font-size:20px; font-style: italic; color:#B6AAF2; letter-spacing:0.1em;}
#offres #infos #infosoffres p2 {display:block; font-family:montserrat; text-align: justify; font-weight:500; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em; text-decoration: underline;}
#offres #infos #infosoffres p3 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em; padding-top: 5px;}

/*********************/
/** NOS PARTENAIRES **/
/*********************/
#partenaires {width:100%; max-width:1000px; display:block; margin:auto;}
#partenaires #titre {width:100%; display:inline-block; margin-top:15px; background:#D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius:20px;}
#partenaires #titre #infospartenaires {margin: 20px; text-align: center;}
#partenaires #titre #infospartenaires p1 {display:block; font-family:montserrat; font-weight:500; font-size:20px; font-style: italic; color:#B6AAF2; letter-spacing:0.1em;}
#partenaires #titre #infospartenaires ul {display: block;  float: left; padding-left: 0px; text-align: left; width: 100%;}
#partenaires #titre #infospartenaires ul a {display: inline-block; width: 220px; float: left;}
#partenaires #titre #infospartenaires ul a:hover {}
#partenaires #titre #infospartenaires ul a img {float: left;}
#partenaires #titre #infospartenaires ul p2 {display:inline-block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em; margin: 30px auto;}

/*************/
/** CONTACT **/
/*************/
#contact {width: 100%; max-width: 1000px; display: flex; margin: 15px auto;}
#contact #contactleft {width: 50%; display: inline-block; float: left; margin-right: 1%;  background: #D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius: 20px;}
#contact #contactleft #formulaire {display: block; margin: 10px; height: 525px;}
#contact #contactleft #formulaire p {margin: 0px 0px 10px 0px; font-family: cursive; font-size: 25px;}
#contact #contactleft #formulaire #boite {display:inline-block; width:inherit;}
#contact #contactleft #formulaire #boite input[type="textcontact"] {width:275px; height:15px; opacity:80%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
border:solid 1px #ccc; padding:5px; margin-bottom:10px;}
#contact #contactleft #formulaire #boite input[type="textcontact"]:hover, textarea:hover {background-color:#B6AAF2;
	-moz-transition-: all 0.6s ease 0.1s;
	-webkit-transition: all 0.6s ease 0.1s;
	-o-transition: all 0.6s ease 0.1s;
	-ms-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;}
#contact #contactleft #formulaire #boite textarea {width:465PX; height:215px; opacity:80%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
border:solid 1px #000; padding:5px; margin-bottom:5px; font-style:italic;}
#contact #contactleft #formulaire #boite #recaptcha1 #recaptcha2 {background: rgb(255 255 255 / 50%); margin-bottom: 5px; display: block; width: 40%;}
#contact #contactleft #formulaire #boite #recaptcha1 {font-family:montserrat; font-size: 15px; letter-spacing: 0.1em;}
#contact #contactleft #formulaire #boite #recaptcha1 #humain {}
#contact #contactleft #formulaire #boite #recaptcha2 {font-family:montserrat; font-size: 15px; letter-spacing: 0.1em;}
#contact #contactleft #formulaire #boite #recaptcha2 #robot {}
#contact #contactleft #formulaire #boite .button-24 {position:absolute; background:#B6AAF2; border:1px solid #725BE5; border-radius:6px; box-shadow:rgba(0, 0, 0, 0.1) 1px 2px 4px; box-sizing:border-box; color:#FFFFFF; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; line-height:16px; margin-top: 5px;  min-height:40px; outline:0; padding:12px 14px; text-align:center; text-rendering:geometricprecision; text-transform:none; touch-action: manipulation; vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;}
#contact #contactleft #formulaire #boite .button-24:hover,
#contact #contactleft #formulaire #boite .button-24:active {background-color:#FFFFFF; background-position:0 0; color:#B6AAF2;}
#contact #contactleft #formulaire #boite .button-24:active {opacity:.5;}
#contact #contactright {width:50%; display:block; float:right; background: #D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius: 20px;}
#contact #contactright #adresse {width: auto; text-align: center; margin: 30px;}
#contact #contactright #adresse a {font-family: montserrat; font-style: italic;  font-size: 20px; text-decoration: none; color: #000;}
#contact #contactright #adresse a:hover {color:#B6AAF2; transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6 ease 0s;
		-o-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		transition: all 0.6s ease 0s;}
#contact #contactright #logosexxya {width: auto; text-align: center;}
#contact #contactright #logosexxya a {}
#contact #contactright #logosexxya a img {width: 85%; border-radius: 20px; filter:drop-shadow(2px 4px 2px grey); opacity: 90%; transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;}
#contact #contactright #logosexxya a img:hover {transform:scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);}

/************/
/** FOOTER **/
/************/
#footer {width: 100%; max-width: 1000px; display: block; margin: 15px auto 0px; border-top: #000 solid 1px; background: #D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius: 20px;}
#footer #info {display: inline-block; width: 100%; margin: 0px 10px;}
#footer #info #texteinfo {display: flex; width: 100%; height: 30px;}
#footer #info #texteinfo h1{width: 49%; float: left; text-align: right; margin-right: 10px; font-family:"Italiana Regular"; font-weight: bold; font-size:14px; color:#B6AAF2;}
#footer #info #texteinfo h2{width: 50%; float: right; font-family:"Italiana Regular"; font-weight: bold; font-size:14px; color:#B6AAF2;}
#footer #info #services {width: 50%; display: flex; float: left; margin-top: 10px;}
#footer #info #services li {width: 30%; display: block; text-align: center;}
#footer #info #services li a {color: #000; font-size: 15px;  text-transform:uppercase;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;}
#footer #info #services li a:hover {color:#c29fe3; transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-webkit-transition: all 0.6 ease 0s;
		-o-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		transition: all 0.6s ease 0s;}
#footer #info #services li a img {}
#footer #info #link {width: 50%; display: flex; float: right;}
#footer #info #link li {width: 20%; display: block; margin-left: 20px;}
#footer #info #link li a {display: block; width: 60%;}
#footer #info #link li a img{}

/**********/
/** RGPD **/
/**********/
#rgpd {width: 100%; max-width: 1000px; display: block; margin: 15px auto; background: #D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius: 20px; background-image: url("../img/LOGO-NOM_MAUVE.png"); background-repeat: no-repeat; background-position: center; background-blend-mode: color-dodge;}
#rgpd #titre {display: block; margin: 10px;}
#rgpd #titre p1 {display: block; font-family: cursive; text-align: center; font-weight: normal; font-size: 30px;}
#rgpd #introrgpd {display: block; margin: 20px;}
#rgpd #introrgpd p1 {display:block; font-family:montserrat; font-weight:500; font-size:16px; font-style: italic; color:#B6AAF2; letter-spacing:0.1em;}
#rgpd #introrgpd p2 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em;}
#rgpd #partiesrgpd {display: block; margin: 20px;}
#rgpd #partiesrgpd p1 {display:block; font-family:montserrat; font-weight:500; font-size:16px; font-style: italic; color:#B6AAF2; letter-spacing:0.1em;}
#rgpd #partiesrgpd p2 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em;}
#rgpd #partiesrgpd p3 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em; padding-left: 20px; padding-top: 5px;}


/********************/
/** CHARTE ETHIQUE **/
/********************/
#charteethique {width: 100%; max-width: 1000px; display: block; margin: 15px auto; background: #D0DCF0 /*rgb(192 214 236 / 40%)*/; border: #a5b7ca solid 1px; border-radius: 20px; background-image: url("../img/LOGO-NOM_MAUVE.png"); background-repeat: no-repeat; background-position: center; background-blend-mode: color-dodge;}
#charteethique #titre {display: block; margin: 10px;}
#charteethique #titre p1 {display: block; font-family: cursive; text-align: center; font-weight: normal; font-size: 30px;}
#charteethique #introce {display: block; margin: 20px;}
#charteethique #introce p1 {display:block; font-family:montserrat; font-weight:500; font-size:16px; font-style: italic; color:#B6AAF2; letter-spacing:0.1em;}
#charteethique #introce p2 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em;}
#charteethique #partiesce {display: block; margin: 20px;}
#charteethique #partiesce p1 {display:block; font-family:montserrat; font-weight:500; font-size:16px; color:#B6AAF2; font-style: italic; letter-spacing:0.1em;}
#charteethique #partiesce p2 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em;}
#charteethique #partiesce p3 {display:block; font-family:montserrat; text-align: justify; font-weight:600; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em;}
#charteethique #partiesce p4 {display:block; font-family:montserrat; text-align: justify; font-weight:300; line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em; margin-left: 30px;}
#charteethique #partiesce p5 {display:block; font-family:montserrat; text-align: justify; font-weight:300; font-style: italic;  line-height: 1.7em; font-size: 13px; letter-spacing: 0.1em; margin-left: 60px;}