@charset "UTF-8";
/* CSS Document */
/*******************************************************************/
/*******************************************************************/
/* Téléphones très petits (anciens modèles) (iPhone SE, Galaxy S5) */
/*******************************************************************/
/*******************************************************************/
@media screen and (min-width: 320px) and (max-width: 375px) and (orientation: portrait) {
	html {background-size: 100%; width: 100%; max-width: 100%;}
	label {font-size:10px;}
	body {width: 100%;}
	#page {width: 320px;}
	#header {max-width: 320px; max-height:95px;}
	#header #hcontent {max-width: 320px; height: 90px;}
	#header #hcontent #menuleft ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuleft ul li a {font-size: 10px;}
	#header #hcontent #logo a {width: 100%;}
	#header #hcontent #menuright ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuright ul li a {font-size: 10px;}
	#header #hcontent #texte {padding-top: 10px;}
	#header #hcontent #texte h1 {font-size: 8px;}
	/** ACCUEIL **/
	#index {max-width: 320px;}
	#index #pourquoi {padding-top: 0px; height: auto; border-radius: 10px;}
	#index #pourquoi #groupe1left {width: 0%;}
	#index #pourquoi #groupe1right {width: 100%;}
	#index #pourquoi #groupe1right p1 {margin: 5px 0px 5px 5px; font-size: 15px;}
	#index #pourquoi #groupe1right p2 {font-size: 10px;}
	#index #pourquoi #groupe1right p3 {margin: 0px 5px 0px 5px; font-size: 9px;}
	#index #equipe {margin-top: 10px; border-radius: 10px;}
	#index #equipe #presentation {margin-bottom: 15px;}
	#index #equipe #presentation p1 {font-size: 25px; margin: 5px 0px 5px 5px;}
	#index #equipe #presentation p2 {font-size: 13px; margin: 0px 0px 5px 5px;}
	#index #equipe #presentation p3 {font-size: 10px; margin: 0px 5px 0px 5px;}
	#index #equipe #alex {margin-bottom: 10px;}
	#index #equipe #alex #groupe2left a img {margin: 0px;}
	#index #equipe #alex #groupe2right {width: 100%;}
	#index #equipe #alex #groupe2right p1 {font-size: 20px;}
	#index #equipe #alex #groupe2right p2 {font-size: 10px; margin: 0px 10px 0px 5px;}
	#index #equipe #clem {margin-bottom: 10px;}
	#index #equipe #clem #groupe3left {width: 100%; margin-left: 0px;}
	#index #equipe #clem #groupe3left p1 {font-size: 20px;}
	#index #equipe #clem #groupe3left p2 {font-size: 10px; margin: 0px 10px 0px 5px;}
	#index #equipe #clem #groupe3right a img {margin: 0px;}
	/** PRODUITS **/
	#produits {max-width: 320px; margin: 10px auto; border-radius: 10px;}
	#produits #titre {margin: 40px 10px;}
	#produits #titre p1 {font-size: 13px;}
	#produits #titre li {bottom: 25px;}
	#produits #titre li a img {width: 100%;}
	/** CALENDRIER **/
	#calendrier {max-width: 320px; margin: 10px auto; border-radius: 10px;}
	#calendrier #titre {margin: 40px 10px;}
	#calendrier #titre p1 {font-size: 13px;}
	#calendrier #titre li {bottom: 25px;}
	#calendrier #titre li a img {width: 100%;}
	/** NOS OFFRES **/
	#offres {max-width: 320px;}
	#offres #infos {padding-top: 0px; border-radius: 10px;}
	#offres #infos #infosoffres {margin: 5px;}
	#offres #infos #infosoffres p1 {font-size: 15px;}
	#offres #infos #infosoffres p2 {font-size: 10px;}
	#offres #infos #infosoffres p3 {font-size: 10px;}
	/** NOS PARTENAIRES **/
	#partenaires {max-width: 320px;}
	#partenaires #titre {margin-top: 10px; border-radius: 10px;}
	#partenaires #titre #infospartenaires {margin: 10px;}
	#partenaires #titre #infospartenaires p1 {font-size: 15px;}
	#partenaires #titre #infospartenaires ul a {width: 130px;}
	#partenaires #titre #infospartenaires ul p2 {font-size: 10px; margin: 0px auto;}
	/** CONTACT **/
	#contact {max-width: 320px; margin: 10px auto; display: block;}
	#contact #contactleft {border-radius: 10px; margin-right: 0%; margin-bottom: 10px; width: 100%;}
	#contact #contactleft #formulaire {margin: 5px; height: 490px;}
	#contact #contactleft #formulaire p {margin: 0px 0px 5px 0px; font-size: 20px;}
	#contact #contactleft #formulaire #boite {width: 100%;}
	#contact #contactleft #formulaire #boite input[type="textcontact"] {width: 295px;}
	#contact #contactleft #formulaire #boite textarea {width: 295px; height: 200px;}
	#contact #contactleft #formulaire #boite #recaptcha1 {font-size: 12px;}
	#contact #contactleft #formulaire #boite #recaptcha2 {font-size: 12px;}
	#contact #contactleft #formulaire #boite .button-24 {font-size: 12px; padding: 11px;}
	#contact #contactright {border-radius: 10px; width: 100%; height: 280px;}
	#contact #contactright #adresse {margin: 20px;}
	#contact #contactright #adresse a {font-size: 18px;}
	#contact #contactright #logosexxya a img {width: 65%; border-radius: 10px;}
	/** FOOTER **/
	#footer {width: 100%; max-width: 320px; border-radius: 10px; margin: 10px auto 0px; display: inline-block;}
	#footer #info {margin: 0px 5px;}
	#footer #info #texteinfo {height: 15px;}
	#footer #info #texteinfo h1 {text-align: center; margin-right: 0px; font-size: 8px;}
	#footer #info #texteinfo h2 {font-size: 8px;}
	#footer #info #services {margin-top: 0px;}
	#footer #info #services li {width: 50%;}
	#footer #info #services li a {font-size: 8px;}
	#footer #info #link li a {padding-top: 3px;}
	/** RGPD **/
	#rgpd {max-width: 320px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#rgpd #titre {margin: 5px;}
	#rgpd #titre p1 {font-size: 20px;}
	#rgpd #introrgpd {margin: 10px;}
	#rgpd #partiesrgpd {margin: 10px;}
	#rgpd #partiesrgpd p1 {font-size: 14px;}
	#rgpd #partiesrgpd p2 {font-size: 11px;}
	/** CHARTE **/
	#charteethique {max-width: 320px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#charteethique #titre {margin: 5px;}
	#charteethique #titre p1 {font-size: 20px;}
	#charteethique #introce {margin: 10px;}
	#charteethique #introce p1 {font-size: 14px;}
	#charteethique #introce p2 {font-size: 11px;}
	#charteethique #partiesce {margin: 10px;}
	#charteethique #partiesce p1 {font-size: 14px;}
	#charteethique #partiesce p2 {font-size: 11px;}
	#charteethique #partiesce p3 {font-size: 11px;}
	#charteethique #partiesce p4 {font-size: 11px; margin-left: 20px;}
	#charteethique #partiesce p5 {font-size: 11px; margin-left: 50px;}
}

/***************************************************************/
/***************************************************************/
/* (iPhone SE, Galaxy S5) (iPhone 11/12/13, Galaxy S10, Pixel) */
/***************************************************************/
/***************************************************************/
@media screen and (min-width: 375px) and (max-width: 414px) and (orientation: portrait) {
	html {background-size: 100%; width: 100%; max-width: 100%;}
	label {font-size:10px;}
	body {width: 100%;}
	#page {width: 375px;}
	#header {max-width: 375px; max-height:95px;}
	#header #hcontent {max-width: 375px; height: 90px;}
	#header #hcontent #menuleft ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuleft ul li a {font-size: 10px;}
	#header #hcontent #logo a {width: 100%;}
	#header #hcontent #menuright ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuright ul li a {font-size: 10px;}
	#header #hcontent #texte {padding-top: 10px;}
	#header #hcontent #texte h1 {font-size: 8px;}
	/** ACCUEIL **/
	#index {max-width: 375px;}
	#index #pourquoi {padding-top: 0px; height: auto; border-radius: 10px;}
	#index #pourquoi #groupe1left {width: 0%;}
	#index #pourquoi #groupe1right {width: 100%;}
	#index #pourquoi #groupe1right p1 {margin: 5px 0px 5px 5px; font-size: 17px;}
	#index #pourquoi #groupe1right p2 {font-size: 11px;}
	#index #pourquoi #groupe1right p3 {margin: 0px 5px 0px 5px; font-size: 10px;}
	#index #equipe {margin-top: 10px; border-radius: 10px;}
	#index #equipe #presentation {margin-bottom: 15px;}
	#index #equipe #presentation p1 {font-size: 25px; margin: 5px 0px 5px 5px;}
	#index #equipe #presentation p2 {font-size: 14px; margin: 0px 0px 5px 5px;}
	#index #equipe #presentation p3 {font-size: 11px; margin: 0px 5px 0px 5px;}
	#index #equipe #alex {margin-bottom: 10px;}
	#index #equipe #alex #groupe2left a img {margin: 0px 0px 0px 10px;}
	#index #equipe #alex #groupe2right {width: 100%;}
	#index #equipe #alex #groupe2right p1 {font-size: 20px;}
	#index #equipe #alex #groupe2right p2 {font-size: 11px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem {margin-bottom: 10px;}
	#index #equipe #clem #groupe3left {width: 100%; margin-left: 0px;}
	#index #equipe #clem #groupe3left p1 {font-size: 20px;}
	#index #equipe #clem #groupe3left p2 {font-size: 11px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem #groupe3right a img {margin: 0px;}
	/** PRODUITS **/
	#produits {max-width: 375px; margin: 10px auto; border-radius: 10px;}
	#produits #titre {margin: 40px 10px;}
	#produits #titre p1 {font-size: 15px;}
	#produits #titre li {bottom: 25px;}
	#produits #titre li a img {width: 100%;}
	/** CALENDRIER **/
	#calendrier {max-width: 375px; margin: 10px auto; border-radius: 10px;}
	#calendrier #titre {margin: 40px 10px;}
	#calendrier #titre p1 {font-size: 15px;}
	#calendrier #titre li {bottom: 25px;}
	#calendrier #titre li a img {width: 100%;}
	/** NOS OFFRES **/
	#offres {max-width: 375px;}
	#offres #infos {padding-top: 0px; border-radius: 10px;}
	#offres #infos #infosoffres {margin: 5px;}
	#offres #infos #infosoffres p1 {font-size: 15px;}
	#offres #infos #infosoffres p2 {font-size: 10px;}
	#offres #infos #infosoffres p3 {font-size: 10px;}
	/** NOS PARTENAIRES **/
	#partenaires {max-width: 375px;}
	#partenaires #titre {margin-top: 10px; border-radius: 10px;}
	#partenaires #titre #infospartenaires {margin: 10px;}
	#partenaires #titre #infospartenaires p1 {font-size: 15px;}
	#partenaires #titre #infospartenaires ul a {width: 130px;}
	#partenaires #titre #infospartenaires ul p2 {font-size: 10px; margin: 0px auto;}
	/** CONTACT **/
	#contact {max-width: 375px; margin: 10px auto; display: block;}
	#contact #contactleft {border-radius: 10px; margin-right: 0%; margin-bottom: 10px; width: 100%;}
	#contact #contactleft #formulaire {margin: 5px; height: 490px;}
	#contact #contactleft #formulaire p {margin: 0px 0px 5px 0px; font-size: 20px;}
	#contact #contactleft #formulaire #boite {width: 100%;}
	#contact #contactleft #formulaire #boite input[type="textcontact"] {width: 350px;}
	#contact #contactleft #formulaire #boite textarea {width: 350px; height: 200px;}
	#contact #contactleft #formulaire #boite #recaptcha1 {font-size: 12px;}
	#contact #contactleft #formulaire #boite #recaptcha2 {font-size: 12px;}
	#contact #contactleft #formulaire #boite .button-24 {font-size: 12px; padding: 11px;}
	#contact #contactright {border-radius: 10px; width: 100%; height: 300px;}
	#contact #contactright #adresse {margin: 10px;}
	#contact #contactright #adresse a {font-size: 18px;}
	#contact #contactright #logosexxya a img {width: 65%; border-radius: 10px;}
	/** FOOTER **/
	#footer {width: 100%; max-width: 375px; border-radius: 10px; margin: 10px auto 0px; display: inline-block;}
	#footer #info {margin: 0px 5px;}
	#footer #info #texteinfo {height: 15px;}
	#footer #info #texteinfo h1 {text-align: center; margin-right: 0px; font-size: 8px;}
	#footer #info #texteinfo h2 {font-size: 8px;}
	#footer #info #services {margin-top: 0px;}
	#footer #info #services li {width: 50%;}
	#footer #info #services li a {font-size: 8px;}
	#footer #info #link li a {padding-top: 3px;}
	/** RGPD **/
	#rgpd {max-width: 375px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#rgpd #titre {margin: 5px;}
	#rgpd #titre p1 {font-size: 20px;}
	#rgpd #introrgpd {margin: 10px;}
	#rgpd #partiesrgpd {margin: 10px;}
	#rgpd #partiesrgpd p1 {font-size: 14px;}
	#rgpd #partiesrgpd p2 {font-size: 11px;}
	/** CHARTE **/
	#charteethique {max-width: 375px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#charteethique #titre {margin: 5px;}
	#charteethique #titre p1 {font-size: 20px;}
	#charteethique #introce {margin: 10px;}
	#charteethique #introce p1 {font-size: 14px;}
	#charteethique #introce p2 {font-size: 11px;}
	#charteethique #partiesce {margin: 10px;}
	#charteethique #partiesce p1 {font-size: 14px;}
	#charteethique #partiesce p2 {font-size: 11px;}
	#charteethique #partiesce p3 {font-size: 11px;}
	#charteethique #partiesce p4 {font-size: 11px; margin-left: 20px;}
	#charteethique #partiesce p5 {font-size: 11px; margin-left: 50px;}
}

/*************************************************************************/
/*************************************************************************/
/* (iPhone 11/12/13, Galaxy S10, Pixel) (iPhone 14 Pro Max, Galaxy S22+) */
/*************************************************************************/
/*************************************************************************/
@media screen and (min-width: 414px) and (max-width: 480px) and (orientation: portrait) {
	html {background-size: 100%; width: 100%; max-width: 100%;}
	label {font-size:10px;}
	body {width: 100%;}
	#page {width: 414px;}
	#header {max-width: 414px; max-height:95px;}
	#header #hcontent {max-width: 414px; height: 90px;}
	#header #hcontent #menuleft ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuleft ul li a {font-size: 12px;}
	#header #hcontent #logo a {width: 100%;}
	#header #hcontent #menuright ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuright ul li a {font-size: 12px;}
	#header #hcontent #texte {padding-top: 0px;}
	#header #hcontent #texte h1 {font-size: 8px;}
	/** ACCUEIL **/
	#index {max-width: 414px;}
	#index #pourquoi {padding-top: 0px; height: auto; border-radius: 10px; margin-top: 10px;}
	#index #pourquoi #groupe1left {width: 0%;}
	#index #pourquoi #groupe1right {width: 100%;}
	#index #pourquoi #groupe1right p1 {margin: 5px 0px 5px 5px; font-size: 18px;}
	#index #pourquoi #groupe1right p2 {font-size: 13px;}
	#index #pourquoi #groupe1right p3 {margin: 0px 5px 0px 5px; font-size: 11px;}
	#index #equipe {margin-top: 10px; border-radius: 10px;}
	#index #equipe #presentation {margin-bottom: 15px;}
	#index #equipe #presentation p1 {font-size: 25px; margin: 5px 0px 5px 5px;}
	#index #equipe #presentation p2 {font-size: 15px; margin: 0px 0px 5px 5px;}
	#index #equipe #presentation p3 {font-size: 11px; margin: 0px 5px 0px 5px;}
	#index #equipe #alex {margin-bottom: 10px;}
	#index #equipe #alex #groupe2left a img {margin: 0px 0px 0px 10px;}
	#index #equipe #alex #groupe2right {width: 100%;}
	#index #equipe #alex #groupe2right p1 {font-size: 20px;}
	#index #equipe #alex #groupe2right p2 {font-size: 11px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem {margin-bottom: 0px;}
	#index #equipe #clem #groupe3left {width: 100%; margin-left: 0px;}
	#index #equipe #clem #groupe3left p1 {font-size: 20px;}
	#index #equipe #clem #groupe3left p2 {font-size: 11px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem #groupe3right a img {margin: 0px;}
	/** PRODUITS **/
	#produits {max-width: 414px; margin: 10px auto; border-radius: 10px;}
	#produits #titre {margin: 35px 10px;}
	#produits #titre p1 {font-size: 17px;}
	#produits #titre li {bottom: 20px;}
	#produits #titre li a img {width: 100%;}
	/** CALENDRIER **/
	#calendrier {max-width: 414px; margin: 10px auto; border-radius: 10px;}
	#calendrier #titre {margin: 35px 10px;}
	#calendrier #titre p1 {font-size: 17px;}
	#calendrier #titre li {bottom: 20px;}
	#calendrier #titre li a img {width: 100%;}
	/** NOS OFFRES **/
	#offres {max-width: 414px;}
	#offres #infos {padding-top: 0px; border-radius: 10px; margin-top: 10px;}
	#offres #infos #infosoffres {margin: 5px;}
	#offres #infos #infosoffres p1 {font-size: 17px;}
	#offres #infos #infosoffres p2 {font-size: 11px;}
	#offres #infos #infosoffres p3 {font-size: 11px;}
	/** NOS PARTENAIRES **/
	#partenaires {max-width: 414px;}
	#partenaires #titre {margin-top: 10px; border-radius: 10px;}
	#partenaires #titre #infospartenaires {margin: 10px;}
	#partenaires #titre #infospartenaires p1 {font-size: 17px;}
	#partenaires #titre #infospartenaires ul a {width: 130px;}
	#partenaires #titre #infospartenaires ul p2 {font-size: 11px; margin: 33px auto 0px;}
	/** CONTACT **/
	#contact {max-width: 414px; margin: 10px auto; display: block;}
	#contact #contactleft {border-radius: 10px; margin-right: 0%; margin-bottom: 10px; width: 100%;}
	#contact #contactleft #formulaire {margin: 5px; height: 490px;}
	#contact #contactleft #formulaire p {margin: 0px 0px 5px 0px; font-size: 20px;}
	#contact #contactleft #formulaire #boite {width: 100%;}
	#contact #contactleft #formulaire #boite input[type="textcontact"] {width: 200px;}
	#contact #contactleft #formulaire #boite textarea {width: 390px; height: 200px;}
	#contact #contactleft #formulaire #boite #recaptcha1 {font-size: 12px;}
	#contact #contactleft #formulaire #boite #recaptcha2 {font-size: 12px;}
	#contact #contactleft #formulaire #boite .button-24 {font-size: 12px; padding: 11px;}
	#contact #contactright {border-radius: 10px; width: 100%; height: 305px;}
	#contact #contactright #adresse {margin: 10px;}
	#contact #contactright #adresse a {font-size: 20px;}
	#contact #contactright #logosexxya a img {width: 60%; border-radius: 10px;}
	/** FOOTER **/
	#footer {width: 100%; max-width: 414px; border-radius: 10px; margin: 10px auto 0px; display: inline-block;}
	#footer #info {margin: 0px 5px;}
	#footer #info #texteinfo {height: 15px;}
	#footer #info #texteinfo h1 {text-align: center; margin-right: 0px; font-size: 9px;}
	#footer #info #texteinfo h2 {font-size: 9px;}
	#footer #info #services {margin-top: 2px;}
	#footer #info #services li {width: 50%;}
	#footer #info #services li a {font-size: 9px;}
	#footer #info #link li a {padding-top: 3px;}
	/** RGPD **/
	#rgpd {max-width: 414px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#rgpd #titre {margin: 5px;}
	#rgpd #titre p1 {font-size: 20px;}
	#rgpd #introrgpd {margin: 10px;}
	#rgpd #partiesrgpd {margin: 10px;}
	#rgpd #partiesrgpd p1 {font-size: 14px;}
	#rgpd #partiesrgpd p2 {font-size: 11px;}
	/** CHARTE **/
	#charteethique {max-width: 414px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#charteethique #titre {margin: 5px;}
	#charteethique #titre p1 {font-size: 20px;}
	#charteethique #introce {margin: 10px;}
	#charteethique #introce p1 {font-size: 17px;}
	#charteethique #introce p2 {font-size: 11px;}
	#charteethique #partiesce {margin: 10px;}
	#charteethique #partiesce p1 {font-size: 17px;}
	#charteethique #partiesce p2 {font-size: 11px;}
	#charteethique #partiesce p3 {font-size: 11px;}
	#charteethique #partiesce p4 {font-size: 11px; margin-left: 20px;}
	#charteethique #partiesce p5 {font-size: 11px; margin-left: 50px;}
}

/**************************************************************************/
/**************************************************************************/
/* (iPhone 14 Pro Max, Galaxy S22+) Petites tablettes / grands téléphones */
/**************************************************************************/
/**************************************************************************/
@media screen and (min-width: 480px) and (max-width: 600px) and (orientation: portrait) {
	html {background-size: 100%; width: 100%; max-width: 100%;}
	label {font-size:10px;}
	body {width: 100%;}
	#page {width: 480px;}
	#header {max-width: 480px; max-height:95px;}
	#header #hcontent {max-width: 480px; height: 85px; padding-top: 0px;}
	#header #hcontent #menuleft ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuleft ul li a {font-size: 15px;}
	#header #hcontent #logo a {width: 70%;}
	#header #hcontent #menuright ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuright ul li a {font-size: 15px;}
	#header #hcontent #texte {padding-top: 5px;}
	#header #hcontent #texte h1 {font-size: 8px;}
	/** ACCUEIL **/
	#index {max-width: 480px;}
	#index #pourquoi {padding-top: 0px; height: auto; border-radius: 10px; margin-top: 10px;}
	#index #pourquoi #groupe1left {width: 0%;}
	#index #pourquoi #groupe1right {width: 100%;}
	#index #pourquoi #groupe1right p1 {margin: 5px 0px 5px 5px; font-size: 18px;}
	#index #pourquoi #groupe1right p2 {font-size: 14px;}
	#index #pourquoi #groupe1right p3 {margin: 0px 5px 0px 5px; font-size: 12px;}
	#index #equipe {margin-top: 10px; border-radius: 10px;}
	#index #equipe #presentation {margin-bottom: 15px;}
	#index #equipe #presentation p1 {font-size: 25px; margin: 5px 0px 5px 5px;}
	#index #equipe #presentation p2 {font-size: 17px; margin: 0px 0px 5px 5px;}
	#index #equipe #presentation p3 {font-size: 12px; margin: 0px 5px 0px 5px;}
	#index #equipe #alex {margin-bottom: 10px;}
	#index #equipe #alex #groupe2left a img {margin: 0px 0px 0px 10px;}
	#index #equipe #alex #groupe2right {width: 100%;}
	#index #equipe #alex #groupe2right p1 {font-size: 20px;}
	#index #equipe #alex #groupe2right p2 {font-size: 12px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem {margin-bottom: 0px;}
	#index #equipe #clem #groupe3left {width: 100%; margin-left: 0px;}
	#index #equipe #clem #groupe3left p1 {font-size: 20px;}
	#index #equipe #clem #groupe3left p2 {font-size: 12px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem #groupe3right a img {margin: 0px;}
	/** PRODUITS **/
	#produits {max-width: 480px; margin: 10px auto; border-radius: 10px;}
	#produits #titre {margin: 35px 10px;}
	#produits #titre p1 {font-size: 17px;}
	#produits #titre li {bottom: 20px;}
	#produits #titre li a img {width: 100%;}
	/** CALENDRIER **/
	#calendrier {max-width: 480px; margin: 10px auto; border-radius: 10px;}
	#calendrier #titre {margin: 35px 10px;}
	#calendrier #titre p1 {font-size: 17px;}
	#calendrier #titre li {bottom: 20px;}
	#calendrier #titre li a img {width: 100%;}
	/** NOS OFFRES **/
	#offres {max-width: 480px;}
	#offres #infos {padding-top: 0px; border-radius: 10px; margin-top: 10px;}
	#offres #infos #infosoffres {margin: 5px;}
	#offres #infos #infosoffres p1 {font-size: 20px;}
	#offres #infos #infosoffres p2 {font-size: 12px;}
	#offres #infos #infosoffres p3 {font-size: 12px;}
	/** NOS PARTENAIRES **/
	#partenaires {max-width: 480px;}
	#partenaires #titre {margin-top: 10px; border-radius: 10px;}
	#partenaires #titre #infospartenaires {margin: 10px;}
	#partenaires #titre #infospartenaires p1 {font-size: 20px;}
	#partenaires #titre #infospartenaires ul a {width: 130px;}
	#partenaires #titre #infospartenaires ul p2 {font-size: 12px; margin: 32px auto 0px;}
	/** CONTACT **/
	#contact {max-width: 480px; margin: 10px auto; display: block;}
	#contact #contactleft {border-radius: 10px; margin-right: 0%; margin-bottom: 10px; width: 100%;}
	#contact #contactleft #formulaire {margin: 5px; height: 490px;}
	#contact #contactleft #formulaire p {margin: 0px 0px 5px 0px; font-size: 20px;}
	#contact #contactleft #formulaire #boite {width: 100%;}
	#contact #contactleft #formulaire #boite input[type="textcontact"] {width: 235px;}
	#contact #contactleft #formulaire #boite textarea {width: 455px; height: 200px;}
	#contact #contactleft #formulaire #boite #recaptcha1 {font-size: 12px;}
	#contact #contactleft #formulaire #boite #recaptcha2 {font-size: 12px;}
	#contact #contactleft #formulaire #boite .button-24 {font-size: 12px; padding: 11px;}
	#contact #contactright {border-radius: 10px; width: 100%; height: 305px;}
	#contact #contactright #adresse {margin: 10px;}
	#contact #contactright #adresse a {font-size: 22px;}
	#contact #contactright #logosexxya a img {width: 50%; border-radius: 10px;}
	/** FOOTER **/
	#footer {width: 100%; max-width: 480px; border-radius: 10px; margin: 10px auto 0px; display: inline-block;}
	#footer #info {margin: 0px 5px;}
	#footer #info #texteinfo {height: 15px;}
	#footer #info #texteinfo h1 {text-align: center; margin-right: 0px; font-size: 9px;}
	#footer #info #texteinfo h2 {font-size: 9px;}
	#footer #info #services {margin-top: 2px;}
	#footer #info #services li {width: 50%;}
	#footer #info #services li a {font-size: 9px;}
	#footer #info #link li a {padding-top: 3px;}
	/** RGPD **/
	#rgpd {max-width: 480px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#rgpd #titre {margin: 5px;}
	#rgpd #titre p1 {font-size: 20px;}
	#rgpd #introrgpd {margin: 10px;}
	#rgpd #partiesrgpd {margin: 10px;}
	#rgpd #partiesrgpd p1 {font-size: 14px;}
	#rgpd #partiesrgpd p2 {font-size: 11px;}
	/** CHARTE **/
	#charteethique {max-width: 480px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#charteethique #titre {margin: 5px;}
	#charteethique #titre p1 {font-size: 20px;}
	#charteethique #introce {margin: 10px;}
	#charteethique #introce p1 {font-size: 17px;}
	#charteethique #introce p2 {font-size: 11px;}
	#charteethique #partiesce {margin: 10px;}
	#charteethique #partiesce p1 {font-size: 17px;}
	#charteethique #partiesce p2 {font-size: 11px;}
	#charteethique #partiesce p3 {font-size: 11px;}
	#charteethique #partiesce p4 {font-size: 11px; margin-left: 20px;}
	#charteethique #partiesce p5 {font-size: 11px; margin-left: 50px;}
}

/********************************************************************************************/
/********************************************************************************************/
/* (iPhone 14 Pro Max, Galaxy S22+) Petites tablettes / grands téléphones (en mode paysage) */
/********************************************************************************************/
/********************************************************************************************/
@media screen and (min-width: 600px) and (max-width: 768px) and (orientation: portrait) {
	html {background-size: 100%; width: 100%; max-width: 100%;}
	label {font-size:10px;}
	body {width: 100%;}
	#page {width: 600px;}
	#header {max-width: 600px; max-height: 100px;}
	#header #hcontent {max-width: 600px; height: auto; padding-top: 0px;}
	#header #hcontent #menuleft ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuleft ul li a {font-size: 18px;}
	#header #hcontent #logo a {width: 70%;}
	#header #hcontent #menuright ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuright ul li a {font-size: 18px;}
	#header #hcontent #texte {padding-top: 5px;}
	#header #hcontent #texte h1 {font-size: 10px;}
	/** ACCUEIL **/
	#index {max-width: 600px;}
	#index #pourquoi {padding-top: 0px; height: auto; border-radius: 10px; margin-top: 10px;}
	#index #pourquoi #groupe1left {width: 0%;}
	#index #pourquoi #groupe1right {width: 100%;}
	#index #pourquoi #groupe1right p1 {margin: 5px 0px 5px 5px; font-size: 20px;}
	#index #pourquoi #groupe1right p2 {font-size: 16px;}
	#index #pourquoi #groupe1right p3 {margin: 0px 5px 0px 5px; font-size: 14px;}
	#index #equipe {margin-top: 10px; border-radius: 10px;}
	#index #equipe #presentation {margin-bottom: 15px;}
	#index #equipe #presentation p1 {font-size: 25px; margin: 5px 0px 5px 5px;}
	#index #equipe #presentation p2 {font-size: 20px; margin: 0px 0px 5px 5px;}
	#index #equipe #presentation p3 {font-size: 14px; margin: 0px 5px 0px 5px;}
	#index #equipe #alex {margin-bottom: 10px;}
	#index #equipe #alex #groupe2left a img {margin: 0px 0px 0px 10px;}
	#index #equipe #alex #groupe2right {width: 100%;}
	#index #equipe #alex #groupe2right p1 {font-size: 20px;}
	#index #equipe #alex #groupe2right p2 {font-size: 14px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem {margin-bottom: 0px;}
	#index #equipe #clem #groupe3left {width: 100%; margin-left: 0px;}
	#index #equipe #clem #groupe3left p1 {font-size: 20px;}
	#index #equipe #clem #groupe3left p2 {font-size: 14px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem #groupe3right a img {margin: 0px;}
	/** PRODUITS **/
	#produits {max-width: 600px; margin: 10px auto; border-radius: 10px;}
	#produits #titre {margin: 35px 10px;}
	#produits #titre p1 {font-size: 17px;}
	#produits #titre li {bottom: 20px;}
	#produits #titre li a img {width: 100%;}
	/** CALENDRIER **/
	#calendrier {max-width: 600px; margin: 10px auto; border-radius: 10px;}
	#calendrier #titre {margin: 35px 10px;}
	#calendrier #titre p1 {font-size: 17px;}
	#calendrier #titre li {bottom: 20px;}
	#calendrier #titre li a img {width: 100%;}
	/** NOS OFFRES **/
	#offres {max-width: 600px;}
	#offres #infos {padding-top: 0px; border-radius: 10px; margin-top: 10px;}
	#offres #infos #infosoffres {margin: 5px;}
	#offres #infos #infosoffres p1 {font-size: 25px;}
	#offres #infos #infosoffres p2 {font-size: 14px;}
	#offres #infos #infosoffres p3 {font-size: 14px;}
	/** NOS PARTENAIRES **/
	#partenaires {max-width: 600px;}
	#partenaires #titre {margin-top: 10px; border-radius: 10px;}
	#partenaires #titre #infospartenaires {margin: 10px;}
	#partenaires #titre #infospartenaires p1 {font-size: 25px;}
	#partenaires #titre #infospartenaires ul a {width: 150px;}
	#partenaires #titre #infospartenaires ul p2 {font-size: 14px; margin: 36px auto 0px;}
	/** CONTACT **/
	#contact {max-width: 600px; margin: 10px auto; display: block;}
	#contact #contactleft {border-radius: 10px; margin-right: 0%; margin-bottom: 10px; width: 100%;}
	#contact #contactleft #formulaire {margin: 5px; height: 490px;}
	#contact #contactleft #formulaire p {margin: 0px 0px 5px 0px; font-size: 20px;}
	#contact #contactleft #formulaire #boite {width: 100%;}
	#contact #contactleft #formulaire #boite input[type="textcontact"] {width: 245px;}
	#contact #contactleft #formulaire #boite textarea {width: 575px; height: 200px;}
	#contact #contactleft #formulaire #boite #recaptcha1 {font-size: 12px;}
	#contact #contactleft #formulaire #boite #recaptcha2 {font-size: 12px;}
	#contact #contactleft #formulaire #boite .button-24 {font-size: 12px; padding: 11px;}
	#contact #contactright {border-radius: 10px; width: 100%; height: auto; padding-bottom: 10px;}
	#contact #contactright #adresse {margin: 10px;}
	#contact #contactright #adresse a {font-size: 25px;}
	#contact #contactright #logosexxya a img {width: 50%; border-radius: 10px;}
	/** FOOTER **/
	#footer {width: 100%; max-width: 600px; border-radius: 10px; margin: 10px auto 0px;}
	#footer #info {margin: 0px 5px;}
	#footer #info #texteinfo {height: 15px;}
	#footer #info #texteinfo h1 {text-align: center; margin-right: 0px; font-size: 9px;}
	#footer #info #texteinfo h2 {font-size: 9px;}
	#footer #info #services {margin-top: 2px;}
	#footer #info #services li {width: 50%;}
	#footer #info #services li a {font-size: 9px;}
	#footer #info #link li a {padding-top: 3px;}
	/** RGPD **/
	#rgpd {max-width: 600px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#rgpd #titre {margin: 5px;}
	#rgpd #titre p1 {font-size: 25px;}
	#rgpd #introrgpd {margin: 10px;}
	#rgpd #partiesrgpd {margin: 10px;}
	#rgpd #partiesrgpd p1 {font-size: 20px;}
	#rgpd #partiesrgpd p2 {font-size: 15px;}
	/** CHARTE **/
	#charteethique {max-width: 600px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#charteethique #titre {margin: 5px;}
	#charteethique #titre p1 {font-size: 25px;}
	#charteethique #introce {margin: 10px;}
	#charteethique #introce p1 {font-size: 20px;}
	#charteethique #introce p2 {font-size: 15px;}
	#charteethique #partiesce {margin: 10px;}
	#charteethique #partiesce p1 {font-size: 20px;}
	#charteethique #partiesce p2 {font-size: 15px;}
	#charteethique #partiesce p3 {font-size: 15px;}
	#charteethique #partiesce p4 {font-size: 15px; margin-left: 20px;}
	#charteethique #partiesce p5 {font-size: 15px; margin-left: 50px;}
}

/*************************************************************/
/*************************************************************/
/* (iPad vertical, Galaxy Tab) (iPad horizontal, Surface Go) */
/*************************************************************/
/*************************************************************/
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	html {background-size: 100%; width: 100%; max-width: 100%;}
	label {font-size:10px;}
	body {width: 100%;}
	#page {width: 768px;}
	#header {max-width: 768px; max-height: 100px;}
	#header #hcontent {max-width: 768px; height: auto; padding-top: 0px;}
	#header #hcontent #menuleft ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuleft ul li a {font-size: 18px;}
	#header #hcontent #logo a {width: 70%;}
	#header #hcontent #menuright ul {padding-top: 0px; margin: 0px;}
	#header #hcontent #menuright ul li a {font-size: 18px;}
	#header #hcontent #texte {padding-top: 5px;}
	#header #hcontent #texte h1 {font-size: 10px;}
	/** ACCUEIL **/
	#index {max-width: 768px;}
	#index #pourquoi {padding-top: 0px; height: auto; border-radius: 10px; margin-top: 10px;}
	#index #pourquoi #groupe1left {width: 0%;}
	#index #pourquoi #groupe1right {width: 100%;}
	#index #pourquoi #groupe1right p1 {margin: 5px 0px 5px 5px; font-size: 20px;}
	#index #pourquoi #groupe1right p2 {font-size: 16px;}
	#index #pourquoi #groupe1right p3 {margin: 0px 5px 0px 5px; font-size: 14px;}
	#index #equipe {margin-top: 10px; border-radius: 10px;}
	#index #equipe #presentation {margin-bottom: 15px;}
	#index #equipe #presentation p1 {font-size: 25px; margin: 5px 0px 5px 5px;}
	#index #equipe #presentation p2 {font-size: 20px; margin: 0px 0px 5px 5px;}
	#index #equipe #presentation p3 {font-size: 14px; margin: 0px 5px 0px 5px;}
	#index #equipe #alex {margin-bottom: 10px;}
	#index #equipe #alex #groupe2left a img {margin: 0px 0px 0px 10px;}
	#index #equipe #alex #groupe2right {width: 100%;}
	#index #equipe #alex #groupe2right p1 {font-size: 20px;}
	#index #equipe #alex #groupe2right p2 {font-size: 14px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem {margin-bottom: 0px;}
	#index #equipe #clem #groupe3left {width: 100%; margin-left: 0px;}
	#index #equipe #clem #groupe3left p1 {font-size: 20px;}
	#index #equipe #clem #groupe3left p2 {font-size: 14px; margin: 0px 5px 0px 5px;}
	#index #equipe #clem #groupe3right a img {margin: 0px;}
	/** PRODUITS **/
	#produits {max-width: 768px; margin: 10px auto; border-radius: 10px;}
	#produits #titre {margin: 35px 10px;}
	#produits #titre p1 {font-size: 17px;}
	#produits #titre li {bottom: 20px;}
	#produits #titre li a img {width: 100%;}
	/** CALENDRIER **/
	#calendrier {max-width: 768px; margin: 10px auto; border-radius: 10px;}
	#calendrier #titre {margin: 35px 10px;}
	#calendrier #titre p1 {font-size: 17px;}
	#calendrier #titre li {bottom: 20px;}
	#calendrier #titre li a img {width: 100%;}
	/** NOS OFFRES **/
	#offres {max-width: 768px;}
	#offres #infos {padding-top: 0px; border-radius: 10px; margin-top: 10px;}
	#offres #infos #infosoffres {margin: 5px;}
	#offres #infos #infosoffres p1 {font-size: 25px;}
	#offres #infos #infosoffres p2 {font-size: 14px;}
	#offres #infos #infosoffres p3 {font-size: 14px;}
	/** NOS PARTENAIRES **/
	#partenaires {max-width: 768px;}
	#partenaires #titre {margin-top: 10px; border-radius: 10px;}
	#partenaires #titre #infospartenaires {margin: 10px;}
	#partenaires #titre #infospartenaires p1 {font-size: 25px;}
	#partenaires #titre #infospartenaires ul a {width: 150px;}
	#partenaires #titre #infospartenaires ul p2 {font-size: 14px; margin: 36px auto 0px;}
	/** CONTACT **/
	#contact {max-width: 768px; margin: 10px auto; display: block;}
	#contact #contactleft {border-radius: 10px; margin-right: 0%; margin-bottom: 10px; width: 100%;}
	#contact #contactleft #formulaire {margin: 5px; height: 490px;}
	#contact #contactleft #formulaire p {margin: 0px 0px 5px 0px; font-size: 20px;}
	#contact #contactleft #formulaire #boite {width: 100%;}
	#contact #contactleft #formulaire #boite input[type="textcontact"] {width: 245px;}
	#contact #contactleft #formulaire #boite textarea {width: 575px; height: 200px;}
	#contact #contactleft #formulaire #boite #recaptcha1 {font-size: 12px;}
	#contact #contactleft #formulaire #boite #recaptcha2 {font-size: 12px;}
	#contact #contactleft #formulaire #boite .button-24 {font-size: 12px; padding: 11px;}
	#contact #contactright {border-radius: 10px; width: 100%; height: auto; padding-bottom: 10px;}
	#contact #contactright #adresse {margin: 10px;}
	#contact #contactright #adresse a {font-size: 25px;}
	#contact #contactright #logosexxya a img {width: 50%; border-radius: 10px;}
	/** FOOTER **/
	#footer {width: 100%; max-width: 768px; border-radius: 10px; margin: 10px auto 0px;}
	#footer #info {margin: 0px 5px;}
	#footer #info #texteinfo {height: 15px;}
	#footer #info #texteinfo h1 {text-align: center; margin-right: 0px; font-size: 9px;}
	#footer #info #texteinfo h2 {font-size: 9px;}
	#footer #info #services {margin-top: 2px;}
	#footer #info #services li {width: 50%;}
	#footer #info #services li a {font-size: 9px;}
	#footer #info #link li a {padding-top: 3px;}
	/** RGPD **/
	#rgpd {max-width: 768px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#rgpd #titre {margin: 5px;}
	#rgpd #titre p1 {font-size: 25px;}
	#rgpd #introrgpd {margin: 10px;}
	#rgpd #partiesrgpd {margin: 10px;}
	#rgpd #partiesrgpd p1 {font-size: 20px;}
	#rgpd #partiesrgpd p2 {font-size: 15px;}
	/** CHARTE **/
	#charteethique {max-width: 768px; margin: 10px auto 0px; border-radius: 10px; background-repeat:repeat;}
	#charteethique #titre {margin: 5px;}
	#charteethique #titre p1 {font-size: 25px;}
	#charteethique #introce {margin: 10px;}
	#charteethique #introce p1 {font-size: 20px;}
	#charteethique #introce p2 {font-size: 15px;}
	#charteethique #partiesce {margin: 10px;}
	#charteethique #partiesce p1 {font-size: 20px;}
	#charteethique #partiesce p2 {font-size: 15px;}
	#charteethique #partiesce p3 {font-size: 15px;}
	#charteethique #partiesce p4 {font-size: 15px; margin-left: 20px;}
	#charteethique #partiesce p5 {font-size: 15px; margin-left: 50px;}
}