@charset "utf-8";

html {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
body {
    background-color: #fed;
    color: #555;
    font-family: system-ui, sans-serif;
    font-stretch: semi-condensed;
    font-weight: 200;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-wrap: pretty;
    font-stretch: semi-condensed;
/* desactive zoom si horiz */
    text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
}

/* DIV------------------------ */
.divtop {
    height: auto; 
    left: 10px;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 150;
}
.divlight {
    background-color: #fefeff;;
    overflow-x: hidden;
    position: relative;
    z-index: 100;
}


/* MODIF LARGEUR  */
p, form, h1, h2, h3 {
    margin: 0 50px 0 50px;
}

.dividemin {
    height: 40px;
}
.dividemid {
    height: 14vh;
}

/* TXT------------------------ */
@font-face {
    font-family: 'Viaoda Libre';
    src: url('../font/ViaodaLibre-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1, h2, h3 {
    font-family: 'Viaoda Libre', 'Bodoni MT', 'Bodoni 72', 'Bodoni 72 Oldstyle', serif;
    font-weight: normal;
    color: #555;
}
h1 {
    font-size: 2.2rem;
    line-height: 1.2;
    padding-top: 10px;
    text-align: center;
}
h2 {
    font-size: 2.2rem;
    line-height: 1.4;
    padding-bottom: 36px;
    text-decoration: underline;
    text-decoration-thickness: 1px ;
    text-underline-offset: 16px;
    text-align: center;
}
h3 {
    font-size: 1.8rem;
    line-height: 1.6;
}
.txt-normal {
    font-size: 1.4rem;
    font-weight: 200;
    line-height: 1.6;
}
.txt-icons {
    font-size: 2.6rem;
    line-height: 1.4;
}


/* IMG------------------------- */
.img2col {
    float: right;
    height: auto;
    margin: 8px 0 20px 4%;
    pointer-events: none;
    width: 37%;
}
.img3col  {
    float: left;
    height: auto;
    margin: 8px 4% 20px 0;
    pointer-events: none;
    width: 59%;
}
.img5col {
    height: auto;
    margin: 0 0 20px 0;
    width: 100%;
}

/* DIVERS------------------------- */
a {
    color: #00a;
    cursor: pointer;
    font-weight: 300;
    text-decoration: none;
}
button {
    background-color: transparent;
    cursor: pointer;
    border: none;
}
.stopflotte {
    clear: both;
}
.aumilieu {
    text-align: center;
}


/* FORM  ____________________________________ */
textarea, label {
margin: 0;
padding: 0;
}
textarea {
width: 100%;
height: 120px;
}
input {
vertical-align: top;
width: 160px;
height: 34px;
}
.code {
    width: 150px;
    height: 30px;
}


/* PHONE PADS VERTIC -------------------------------- */
@media screen and (orientation: portrait) and (max-width: 1200px) {
.img2col {
    width: 100%;
}
.img3col {
    width: 100%;
}
}




/* XL -------------------------------- */
@media screen and (min-width: 1200px) {
html {
    font-size: 110%;
}
body {
    font-stretch: normal;
}

/* MODIF LARGEUR  */
p, form, h1, h2, h3 {
    margin: 0 16% 0 16%;
}
}