html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}

blockquote, q {
     quotes:none;
 }
blockquote:before, blockquote:after, q:before, q:after {
       content:'';
   }
table{
    border-collapse:collapse;border-spacing:0;
}
img{
    max-width:100%;
}
a{
    text-decoration:none;
}


.main-menu-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
.main-menu-items {
    margin-right: 10px;
    display: inline-block;
    padding: 10px;
    background: rgba(88, 88, 88, 0.7);
}

html:has( body.politique-de-confidentialite) {
    background-image: unset;
}
body.politique-de-confidentialite {
    strong {
        margin-bottom: 10px;
        font-weight: 600;
    }
    a {
        text-decoration: underline;
        text-underline-offset: 5px;
        color: #000000;
    }
    footer {
        background-color: rgba(88, 88, 88, 0.8);
    }
    h1, h2 {
        margin-bottom: 1em;
        font-size:1.2em;

    }
    h2 {
        font-size:0.95em;
    }
    h3 {
        margin-bottom: 1em;
        font-weight: 600;
    }
    p, ul {

    }
    p, ul {
        margin-bottom: 1em;
        padding-left: 10px;
        line-height: 1.3em;
        color: #000000;
    }
    ul {
        list-style: disc inside;
    }
}








/* Mobile */
html{
    background:url(../images/bg.jpg) center top repeat;
    background-size:cover;
}
body{
    font-family: 'Open Sans', sans-serif;
    padding:0 1em;
    /* text-align:center;*/
}


/*a.en{display:inline-block;color:#fff;background:rgba(88,88,88,0.7);padding:0.25em;float:right;}*/
header{padding:1em 0;}
header a{display:inline-block;margin:0 auto;}
a.cie {margin:2em auto;position:relative;display:inline-block;width:49%;vertical-align:top;background:rgba(88,88,88,0.4);}
h1, h2{
    padding:1em 1em;
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    background:rgba(88,88,88,0.8);
    /* position:absolute;top:0;left:0;font-size:0.75em; */
}
div img.bg{z-index:-1;width:100%;}
div img{filter:alpha(opacity=100);opacity:1;}
p, a{color:#fff;}
main{text-align:left;}
main p{margin-top:1em; line-height: 1.3em;}
aside{margin-top:2em;border-top:solid #fff;padding:1.5em 0;}
p.number{font-weight:700;font-size:1.5em;}
p.iso{padding:1em 0;}

/* CSS for desktops (1024px and above) */
@media only screen and (min-width: 64em) {
body{
    width:1150px;
    margin:0 auto;
}
header{padding-top:7em;}
a.cie{width:24.25%;margin:1em 0 2em 0;}
div:hover img{filter:alpha(opacity=90);opacity:0.9;}
main{display:inline-block;width:68%;text-align:left;}
aside{display:inline-block;width:30%;margin-top:1em;padding-top:0;border-top:none;text-align:right;vertical-align:top;}
aside a{display:block;margin-top:0.25em;}
aside p {line-height: 1.4em;}
p.number{font-size:1.25em;}
p.iso{padding:2em 0;}
a:hover{text-decoration:underline;}
}

footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top:2em;
    padding:1.5em 1.5em 4em;
    border-top: solid 1px #ffffff;
}


.politique-de-confidentialite {
    h1, h2, h3, h4 {
        letter-spacing: 1px;
    }
}


@media only print{
	div img {
        width:30%
    }
	h1,h2,p,a, main p {
        color:#000;
    }
}

.gu-company-menu {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;

    > a {
        min-width: 250px;
    }
}
@media screen and (max-width: 540px ) {
    .cie {
        width: 100% !important;
    }
}