*{
    margin: 0;
    padding: 0;
    font-family: "GFS Neohellenic",'Segoe UI', sans-serif;
    color: var(--couleurSombre);
    font-size: var(--taillePoliceDefaut);
}
:root{
    --hauteurEntete: 260px;
    --hauteurDiaporama : 28.13vw;
    --hauteurPiedDePage : 100px;
    --hauteurPiedDePagePetit : 200px;
    --hauteurInput : 67px;
    --hauteurInputPrestation : 45px;
    --hauteurTextarea : 520px;
    --hauteurTitreParagraphe : 64px ;
    --hauteurLigne : 28px;
    --largeurConteneursEnTete : 200px;
    --largeurFormulaire : 60%;
    --largeurDesciptifContact : 40%;
    --largeurArticle : 85%;
    --largeurParagrapheConteneur : 93%;
    --LargeurDecalageSousParagraphe : 122px;
    --LargeurDecalageSousParagraphePetit : 36px;
    --largeurPrestation : 50%;
    --paddingDefaut: 13px;
    --paddingLangue: 10px;
    --paddingCategories : 6px;
    --paddingInfo : 3px;
    --paddingContact : 26px;
    --margeDefaut: 5px;
    --margeFormulaire: 43px;
    --margeInput: 22px;
    --margeArticle : 45px;
    --margeTitreArticle : 32px;
    --margeSousParagraphe : 167px ;
    --margeSousParagraphePetit : 65px ;
    --epaisseurContours: 6px;
    --epaisseurContoursParagraphes: 4px;
    --epaisseurSeparateur: 2px;
    --taillePoliceDefaut : 1.4rem;
    --taillePoliceInput : 1.4rem;
    --taillePoliceTitre : 1.6rem;
    --taillePoliceCategories : 0.8rem;
    --taillePoliceParagraphes : 1rem;
    --taillePoliceTableau : 0.8rem;
    --tailleIcones : 44px;
    --tailleFlechesSeparateur : 22px;
    --taillePuceParagraphe : 32px;
    --tailleIconesFooter : 60px;
    --tailleLogoPetit : 130px;
    --tailleImagesPetites : 33.8vw;
    --tailleImagesPetitesMax : 540px; 
    --tailleCategoriesConteneur : 220%;
    --ecartsIconesNav : 500 ;
    --ombreDecalage: 4px;
    --ombreFlou: 4px;
    --ombreFlouBox : 12px;
    --DecalageSousParagraphe : 16px;
    --DecalageSousParagrapheCacher : 18px;
    --redimentionSelection: 1.2;
    --redimentionLogo : 1.05;
    --bordsArrondisDefaut : 15px;
    --tempsTransitionIcones : 0.1s;
    --tempsTransitionDiapos : 0.5s;
    --tempsTransitionMots : 1s;


    --couleurClaire: #e8dfd2;
    --couleurInfo: #e8dfd280;
    --couleurMoyenne1: #bea87c;
    --couleurMoyenne2: #9d8666;
    --couleurInput : #b4aa9c;
    --couleurOmbre: #50442f60;
    --couleurOmbreClaire: #bea87c60;
    --couleurModale: #50442f9f;
    --couleurSombre: #50442f;
    --couleurSelection: #77ac63;
    --couleurLiensClaires: #abde8f;
}
body{
    background-color: var(--couleurClaire);
}
::selection{
    color: white;
    background: var(--couleurSelection);
}
a{
    font-size: var(--taillePoliceParagraphes);
    color: var(--couleurSelection);
    text-decoration: none;
}
/********************************************************************************************************/
/* image modale */
/********************************************************************************************************/
#conteneurImageModale{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--couleurModale);
    z-index: 10;
    cursor: pointer;
    align-items: center;
    justify-content: center; 
}
.imageAgrandie{
    animation: zoom var(--tempsTransitionIcones) ease-in;
}
@keyframes zoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
/********************************************************************************************************/
/* entête */
/********************************************************************************************************/
header{
    position: relative;
    width: 100%;
    height: var(--hauteurEntete);
    background-color: var(--couleurMoyenne2);
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content:space-evenly;
    flex-shrink: 0;
    z-index: 1;
    overflow: hidden;
}
.icons{
    display: block;
    width: var(--tailleIcones);
    height: var(--tailleIcones);
    padding: var(--paddingDefaut);
    transition: ease var(--tempsTransitionIcones);
}
.icons:hover{
    transition: ease var(--tempsTransitionIcones);
    transform: scale(var(--redimentionSelection)); 
}
#contact{
    transition: ease var(--tempsTransitionIcones);
    padding-right: var(--paddingContact); 
}
#contact:hover{
    transform: scale(var(--redimentionSelection));
    transition: ease var(--tempsTransitionIcones);
    cursor: pointer; 
}
#conditionsGenerales{
    transition: ease var(--tempsTransitionIcones);
    padding-right: var(--paddingContact); 
    text-align: center;
}
#conditionsGenerales:hover{
    transform: scale(var(--redimentionSelection));
    transition: ease var(--tempsTransitionIcones);
    cursor: pointer; 
}
#conteneurResauxSociaux{
    width: 100%;
    height: var(--tailleIconesSelection);
    padding: var(--paddingDefaut);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-start;
}
#logo{
    display: block;
    width: var(--hauteurEntete);
    height: var(--hauteurEntete);
    filter: drop-shadow(var(--ombreDecalage) var(--ombreDecalage) var(--ombreFlou) var(--couleurOmbre));
    transition: ease var(--tempsTransitionIcones); 
}
#logo:hover{
    transform: scale(var(--redimentionLogo));
    transition: ease var(--tempsTransitionIcones);
    cursor: pointer; 
}
#conteneurContactEtChoixLangue{
    width: 100%;
    height: var(--tailleIconesSelection);
    padding: var(--paddingDefaut);
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-end;
}
#conteneurContactEtChoixLangue a{
    text-decoration: none;
}
#fr{
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: var(--paddingLangue);
}
#en{
    padding: 0px;
}
/********************************************************************************************************/
/* menu de navigation */
/********************************************************************************************************/
nav{
    position: absolute;
    left: 50%;
    top: var(--hauteurEntete);
}
.boutonsCategories{
    position: absolute;
    width: var(--tailleIcones);
    height: var(--tailleIcones);
    background-color: var(--couleurClaire);
    border: var(--epaisseurContours) solid var(--couleurSombre);
    border-radius: 50%;
    padding: var(--paddingCategories);
    z-index: 2;
}
.boutonsCategories img{
    width: var(--tailleIcones);
    height: var(--tailleIcones);
    transition: ease var(--tempsTransitionIcones);  
}
.boutonsCategories:hover img{
    transform: scale(var(--redimentionSelection));
    transition: ease var(--tempsTransitionIcones);
}
.boutonsCategoriesFixes{
    position: absolute;
    width: var(--tailleIcones);
    height: var(--tailleIcones);
    background-color: var(--couleurClaire);
    border: var(--epaisseurContours) solid var(--couleurSombre);
    border-radius: 50%;
    padding: var(--paddingCategories);
    z-index: 2;
}
.boutonsCategoriesFixes img{
    width: var(--tailleIcones);
    height: var(--tailleIcones); 
}
#architecture{
    z-index: 2;
    cursor: pointer;
}
#designProduit{
    z-index: 3;
    cursor: pointer;
}
#jeuxVideo{
    z-index: 2;
    cursor: pointer;
}
.categoriesConteneur{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--tailleCategoriesConteneur);
    height: var(--tailleCategoriesConteneur);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:flex-end;
    opacity: 0%;
    transition: ease var(--tempsTransitionIcones);
}
.boutonsCategories:hover .categoriesConteneur{
    opacity: 100%;
    transition: ease var(--tempsTransitionIcones);
}
.categoriesInfo{
    color: white;
    margin: 0;
    padding: var(--paddingInfo);
    font-size: var(--taillePoliceCategories);
}
/********************************************************************************************************/
/* diaporama */
/********************************************************************************************************/
#diaporama{
    position: relative;
    width: 100%;
    height: var(--hauteurDiaporama);
    border-top: var(--epaisseurContours) solid var(--couleurSombre);
    border-bottom: var(--epaisseurContours) solid var(--couleurSombre);
    background-color: var(--couleurClaire);
    z-index: 1;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    scrollbar-color: var(--couleurOmbre) var(--couleurClaire);
    transition: ease var(--tempsTransitionIcones);    
}
.diapo{
    height: 100%;
    transition: ease var(--tempsTransitionDiapos);
}
.diapo:hover{
    opacity: 80%;
    transition: ease var(--tempsTransitionDiapos);
    cursor: pointer;
}
.diapo img{
    height: 100%;
}
/********************************************************************************************************/
/* contenu */
/********************************************************************************************************/
.contenuPage{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
article{
    position: relative;
    width: var(--largeurArticle);
    padding-top: var(--margeArticle);
}
article h1{
    font-size: var(--taillePoliceTitre);
    margin-bottom: var(--margeArticle);
}
article h2{
    margin-bottom: var(--margeTitreArticle);
}
.conteneurParagraphesMedias{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.paragraphesLarges{
    font-size: var(--taillePoliceParagraphes);
    width: 100%;
}
.paragraphes{
    width: 60%;
}
.medias{
    width: 40%;
}
/* changement mots */
#conteneurChangementMots{
    transition: ease var(--tempsTransitionMots);
}
.motsCaches{
    transition: ease var(--tempsTransitionMots);
    opacity: 0;
}
#conteneurChangementMots strong{
    font-size: var(--taillePoliceTitre);
    font-weight: normal;
}
/* paragraphes */
.paragrapheConteneur{
    position: relative;
    width: var(--largeurParagrapheConteneur);
}
.puceParagraphe{
    position: absolute;
    height: var(--taillePuceParagraphe);
    width: var(--taillePuceParagraphe);
    background-color: var(--couleurSombre);
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.barreParagraphe{
    position: absolute;
    width: var(--epaisseurContoursParagraphes);
    height: 100%;
    background-color: var(--couleurSombre);
    transform: translateX(-50%);
}
.paragrapheConteneur  h1 {
    height: var(--hauteurTitreParagraphe);
    font-weight: normal;
}
.paragrapheConteneur  h2 {
    font-size: var(--taillePoliceParagraphes);
    margin-left: var(--margeArticle);
}
.paragrapheConteneur  p {
    font-size: var(--taillePoliceParagraphes);
    margin-left: var(--margeArticle);
}
.paragrapheConteneur strong {
    font-size: var(--taillePoliceParagraphes);
}
.cacherBarre{
    position: absolute;
    height: 100%;
    width: var(--epaisseurContours);
    top: var(--DecalageSousParagrapheCacher);
    background-color: var(--couleurClaire);
    transform: translateX(-50%);
    z-index: 0;
}
/* Sous paragraphes */
.sousParagrapheConteneur{
    position: relative;
    width: var(--largeurParagrapheConteneur);
}
.decalageSousParagraphe{
    position: absolute;
    height: 100%;
    width: var(--LargeurDecalageSousParagraphe);
    top: var(--DecalageSousParagraphe);
}
.decalageSousParagraphe .barreParagraphe{
    position: absolute;
    height: var(--epaisseurContoursParagraphes);
    width: 100%;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: 1;    
}
.decalageSousParagraphe .puceParagraphe{
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%,-50%);
    z-index: 1; 
}
.sousParagrapheConteneur  h2{
    font-size: var(--taillePoliceParagraphes);
    margin-left: var(--margeSousParagraphe);
}
.sousParagrapheConteneur  p{
    font-size: var(--taillePoliceParagraphes);
    margin-left: var(--margeSousParagraphe);
}
/* liste à puces */
ul{
    margin-left: var(--margeSousParagraphe);
}
li{
    font-size: var(--taillePoliceParagraphes);
    margin-bottom: var(--margeTitreArticle);

}
/**********************************************
/* nav liste */
.navListe{
    list-style: none;
    margin: 0;
    margin-bottom: var(--margeTitreArticle);
}.navListe li{
    margin-bottom: var(--margeDefaut);
}
/**********************************************
/* estimation prestation */
.conteneurEstimationPrestation{
    position: relative;
    width: var(--largeurPrestation);
    z-index: 4;
    background-color: var(--couleurInfo);
    margin-top: var(--margeFormulaire);
    padding: var(--paddingDefaut);
    border-radius: var(--bordsArrondisDefaut);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.conteneurEstimationPrestation h1{
    width: 100%;
    margin-bottom: var(--margeFormulaire);
}
.conteneurEstimationPrestation label{
    font-size: var(--taillePoliceParagraphes);
    width: 100%;
    margin-top: var(--margeDefaut);
}
.conteneurEstimationPrestation input{
    background-color: var(--couleurInput);
    height: var(--hauteurInputPrestation);
    width: 100%;
    border: none;
    outline: none;
    border-radius: var(--bordsArrondisDefaut);
    text-indent: var(--paddingDefaut);
}
.conteneurEstimationPrestation select{
    height: var(--hauteurInputPrestation);
    margin: 0;
}
.conteneurPrix{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-end;
}
.conteneurPrix label{
    width: 50%;
}
#prix{
    display: block;
    margin-top: var(--margeDefaut);
    width: 50%;
}
#tempsRealisation{
    display: block;
    margin-top: var(--margeDefaut);
    width: 50%;
}
#indicationPrix{
    font-size: var(--taillePoliceParagraphes);
}
/**********************************************
/* images fixes */
.imageConteneur{
    position: relative;
    width: var(--tailleImagesPetites);
    height: var(--tailleImagesPetites);
    max-width: var(--tailleImagesPetitesMax);
    max-height: var(--tailleImagesPetitesMax);
    margin-bottom: var(--margeFormulaire);
    box-shadow: var(--ombreDecalage) var(--ombreDecalage) var(--ombreFlouBox) var(--couleurOmbreClaire);
}
.imageConteneur img{
    width: 100%;
    height: 100%;
}
/**********************************************
/* diapos */
.diapoConteneur{
    position: relative;
    width: var(--tailleImagesPetites);
    height: var(--tailleImagesPetites);
    max-width: var(--tailleImagesPetitesMax);
    max-height: var(--tailleImagesPetitesMax);
    margin-bottom: var(--margeFormulaire);
    box-shadow: var(--ombreDecalage) var(--ombreDecalage) var(--ombreFlouBox) var(--couleurOmbreClaire);
}
.diapoConteneur img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: ease var(--tempsTransitionMots);    
}
.diaposCaches{
    transition: ease var(--tempsTransitionMots);
    opacity: 0;
}
/**********************************************
/* comparateur d'images */
.comparaisonConteneur{
    position: relative;
    width: var(--tailleImagesPetites);
    height: var(--tailleImagesPetites);
    max-width: var(--tailleImagesPetitesMax);
    max-height: var(--tailleImagesPetitesMax);
    margin-bottom: var(--margeFormulaire);
    box-shadow: var(--ombreDecalage) var(--ombreDecalage) var(--ombreFlouBox) var(--couleurOmbreClaire);
}
.comparaisonSlider{
    position: relative;
    height: 100%;
    width: 100%;
}
.comparaisonApres{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}
.comparaisonApres img{
    width: 100%;
    height: 100%;
}
.comparaisonAvant{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;
}
.comparaisonAvant img{
    height: 100%;
}
.comparaisonSeparateur{
    position: absolute;
    left: 50%;
    top: 0px;
    bottom: 0px;
    width: var(--epaisseurSeparateur);
    background-color: var(--couleurClaire);
    z-index: 3;
}
.comparaisonSeparateur:before{
    position: absolute;
    content: '';
    width: var(--tailleIcones);
    height: var(--tailleIcones);
    border-radius: 50%;
    background-color: var(--couleurClaire);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: var(--epaisseurSeparateur) solid var(--couleurSombre);
}
.comparaisonSeparateur img{
    position: absolute;
    width: var(--tailleFlechesSeparateur);
    height: var(--tailleFlechesSeparateur);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.sliderRange{
    position: absolute;
    width: 100%;
    bottom: 50%;
    transform: translate(0,50%);
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
/**********************************************
/* animations d'images */
.animationConteneur{
    position: relative;
    width: var(--tailleImagesPetites);
    height: var(--tailleImagesPetites);
    max-width: var(--tailleImagesPetitesMax);
    max-height: var(--tailleImagesPetitesMax);
    margin-bottom: var(--margeFormulaire);
    box-shadow: var(--ombreDecalage) var(--ombreDecalage) var(--ombreFlouBox) var(--couleurOmbreClaire);  
}
.framesConteneur{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
.framesConteneur img{
    width: 100%;
    height: 100%;
}
.framesRange{
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 2;
    accent-color: var(--couleurMoyenne2);
    cursor: pointer;
    z-index: 3;
}
.animationPlay{
    display: block;
    position: absolute;
    width: var(--tailleIconesFooter);
    height: var(--tailleIconesFooter);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    cursor: pointer;
    opacity: 50%;
    transition: ease var(--tempsTransitionIcones);
}
.animationPlay:hover{
    opacity: 100%;
    transition: ease var(--tempsTransitionIcones);
}
/**********************************************
/* iframe */
.sketchfab-embed-wrapper{
    position: relative;
    width: var(--tailleImagesPetites);
    height: var(--tailleImagesPetites);
    max-width: var(--tailleImagesPetitesMax);
    max-height: var(--tailleImagesPetitesMax);
    margin-bottom: var(--margeFormulaire);
    box-shadow: var(--ombreDecalage) var(--ombreDecalage) var(--ombreFlouBox) var(--couleurOmbreClaire);    
}
iframe{
    width: 100%;
    height: 100%;
}
/**********************************************
/* legendes medias */
.legende{
    position: absolute;
    right: 0;
    bottom: 0;
    color: white;
    padding: var(--paddingDefaut);
    font-size: var(--taillePoliceCategories);
    z-index: 2;
    pointer-events: none;  
}
/********************************************************************************************************/
/* pied de page */
/********************************************************************************************************/
footer{
    width: 100%;
    height: var(--hauteurPiedDePage);
    background: linear-gradient(var(--couleurMoyenne1), var(--couleurMoyenne2) 6.25%,var(--couleurMoyenne2));
    position: relative;
    bottom: 0;
    z-index: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-between;
    transition: ease var(--tempsTransitionIcones);
    overflow: hidden;
}
#conteneurLiensVente{
    margin: var(--margeDefaut);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-end;
}
#conteneurLiensVente p{
    font-size: var(--taillePoliceParagraphes);
}
#conteneurLiensCategories{
    font-size: var(--taillePoliceParagraphes);
    margin: var(--margeDefaut);
}
#conteneurLiensCategories a{
    color: var(--couleurLiensClaires);
}
.iconsFooter{
    width: var(--tailleIconesFooter);
    height: var(--tailleIconesFooter);
    margin: var(--margeDefaut);
    transition: ease var(--tempsTransitionIcones);
}
.iconsFooter:hover{
    transform: scale(var(--redimentionSelection));
    transition: ease var(--tempsTransitionIcones); 
}
/********************************************************************************************************/
/* formulaire */
/********************************************************************************************************/
#conteneurEnvoiModale{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--couleurModale);
    z-index: 10;
    align-items: center;
    justify-content: center; 
}
#contenuEnvoiModale{
    background-color: var(--couleurClaire);
    padding: var(--paddingDefaut);
    border-radius: var(--bordsArrondisDefaut);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
}
.contenuContact{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: var(--epaisseurContours) solid var(--couleurSombre);
}
#formulaireConteneur{
    width: var(--largeurArticle);
    padding-top: var(--margeArticle);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content:flex-end; 
}
form{
    width: var(--largeurFormulaire);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: var(--margeFormulaire);
    margin-top: 0;
}
#descriptifContact{
    width: var(--largeurDesciptifContact);
    margin: var(--margeFormulaire);
    font-size: var(--taillePoliceParagraphes);
}
form input, select, textarea {
    background-color: var(--couleurInput);
    height: var(--hauteurInput);
    width: 100%;
    border: none;
    outline: none;
    border-radius: var(--bordsArrondisDefaut);
    font-size: var(--taillePoliceInput);
    margin-top: var(--margeFormulaire);
    text-indent: var(--paddingDefaut);
}
#conteneurMonEstimationPrestation{
    font-size: var(--taillePoliceParagraphes);
}
#dataMonEstimationPrestation{
    display: none;
}
#effacerEstimation{
    font-size: var(--taillePoliceParagraphes);
    cursor: pointer; 
}
form textarea{
    height: var(--hauteurTextarea); 
    resize: none;
}
button{
    margin: var(--margeDefaut);
    padding: var(--paddingDefaut);
    font-size: var(--taillePoliceInput);
    border: none;
    outline: none;
    background-color: #00000000;
    cursor: pointer;
    transition: ease var(--tempsTransitionIcones); 
}
button:hover{
    transition: ease var(--tempsTransitionIcones);
    transform: scale(var(--redimentionSelection)); 
}
form input[type=file]::file-selector-button{
    border: none;
    outline: none;
    background-color: var(--couleurOmbre);
    color: var(--couleurSombre); 
}
::placeholder{
    color: var(--couleurSombre);
}
/********************************************************************************************************/
/* Conditions générales de vente */
/********************************************************************************************************/
.contenuConditions{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: var(--epaisseurContours) solid var(--couleurSombre); 
}
table, th, td {
    max-width: 100%;
    font-size: var(--taillePoliceParagraphes);
    margin-left: var(--margeArticle);
    border: 1px solid var(--couleurSombre);
    border-collapse: collapse;
    text-align: center;
    padding: var(--paddingDefaut);
  }

/********************************************************************************************************/
/* Si la largeur de l'écran est inférieur ou égal à 960px */
@media (max-width: 960px) {
    :root{
        --hauteurDiaporama : 42.2vw;
        --tailleImagesPetites : 83vw;
    }
    #conteneurResauxSociaux{
        flex-direction: column;
    }
    #conteneurContactEtChoixLangue{
        flex-direction: column;
    }
    #fr{
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: var(--paddingLangue);
        padding-right: 0px;
    }
    .conteneurParagraphesMedias{
        flex-direction: column;
    }
    .paragraphes{
        width: 100%;
    }
    .medias{
        width: 100%;
    }
    #contact{
        padding-top: var(--paddingDefaut);
        padding-bottom: var(--paddingDefaut);
        padding-left: var(--paddingContact);
    }
    #conditionsGenerales{
        padding-bottom: var(--paddingDefaut);
        padding-left: var(--paddingContact);
        height: var(--hauteurLigne);
        overflow: hidden;
    }
    #formulaireConteneur{
        flex-direction: column;
    }
    #descriptifContact{
        width: 100%;
        margin: 0;
    }
    form{
        width: 100%;
        margin: 0;
    }
    table, th, td{
        font-size: var(--taillePoliceTableau);
    }
}
/* Si la largeur de l'écran est inférieur ou égal à 600px */
@media (max-width: 600px) {
    :root{
        --hauteurDiaporama : 56.26vw;
        --largeurPrestation : 100%;
        --hauteurTitreParagraphe : 128px;
    }
    #conteneurResauxSociaux{
        padding: 0;
    }
    #conteneurContactEtChoixLangue{
        padding: 0;
    }
    #logo{
        width: var(--tailleLogoPetit);
        height: var(--tailleLogoPetit);
        transform: translateY(50%);
    }
    #logo:hover{
        transform: scale(var(--redimentionLogo)) translateY(50%);
    }
    .decalageSousParagraphe{
        width: var(--LargeurDecalageSousParagraphePetit);
    }
    .sousParagrapheConteneur  h2{
        margin-left: var(--margeSousParagraphePetit);
    }
    .sousParagrapheConteneur  p{
        margin-left: var(--margeSousParagraphePetit);
    }
    ul{
        margin-left: var(--margeSousParagraphePetit);
    }
    footer{
        height: var(--hauteurPiedDePagePetit);
    }
    #conteneurLiensVente p{
        display: none;
    }
    table, th, td{
        padding: 0;
        border: 1px solid var(--couleurMoyenne1);
        margin-left: 0;
    }
}