* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

body {
    background-image: url(../image/background\ 1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
    

.wrapper {
    min-height: 100vh;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    position: relative;
    background-size: cover;
    background-color: #454548ed;
    display: grid;
    grid-template-rows: 84vh auto;
    background-image: url(../image/background\ 1.jpg);
    background-blend-mode: multiply;
}

.wrapper>header {
    position: absolute;
    width: 100%;
}

.menu li a {
    text-decoration: none;
}

.uk-navbar {
    display: none;
}

.brand {
    text-decoration: none;
}

.portfolio,.about,.other {
    color: #f37c01 ;
    text-decoration: none;
    font-size: 20px;
}

.portfolio:hover {
    color: #f1c83c;
}

.about:hover {
    color: #f1c83c;
}

.other:hover {
    color: #f1c83c;
}

.name {
    color: #ffb30054;
    text-decoration: none;
    /* position: absolute; */
    /* left:0; */
    /* right:0; */
    text-align: center;
    /* top: 141px; */
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11vw;
    /* text-shadow: 3px 3px 3px #f37c01; */
    margin: 0;
    letter-spacing: -1vw;
    font-weight: 900;
    -webkit-text-stroke: 2px #f37c0163;
    background-image: url(../image/background\ 1.jpg);
    background-clip: text;
    -webkit-background-clip: text;
    background-position: 50% 38%;
    background-blend-mode: hue;
    background-color: #372f292e;
    /* filter: hue-rotate(-271deg); */
    font-family: 'Anton';
    letter-spacing: 10px;
}

.job {
    color: #f37c01;
    text-decoration: none;
    /* position: absolute; */
    /* left:0; */
    /* right:0; */
    text-align: center;
    top: 338px;
    font-size: 50px;
    text-shadow: 3px 3px 3px #260e0c;
    margin: 0;
    letter-spacing: 2vw;
}

.pied-de-page-accueil {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 30px;
}

.pied-de-page-accueil a {
    text-decoration: none;
}

.contact {
    color: #f37c01;
    font-size: 20px;
}

.contact:hover {
    color: #f1c83c;
}

.mentions {
    color: #f37c01;
    font-size: 20px;
}

.mentions:hover {
    color: #f1c83c;
}

/* // page portfolio
*/
.fond-portfolio {
    
    background-color: #090808c2;
    background-image: url(../image/nebula-1897595_1280\ 1.png);
    min-height: 1001px;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    position: relative;
    background-blend-mode: hue;
    background-image: linear-gradient(180deg, #0f0f0f00, #0f0f0fad 100%, #0b0b0b 292%, #0000);
}

.menu li a {
    text-decoration: none;
}

.uk-navbar {
    display: none;
}

.brand {
    text-decoration: none;
}

.portfolio,.about,.other {
    color: #f37c01 ;
    text-decoration: none;
    font-size: 20px;
}

.portfolio:hover {
    color: #f1c83c;
}

.about:hover {
    color: #f1c83c;
}

.other:hover {
    color: #f1c83c;
}

.work {
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 315px;
}

.work a {
    text-decoration: none;
    font-size: 40px;
}


.photo {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.photo:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
}

.maquet {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.maquet:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
}

.illu {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.illu:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
}

.pied-de-page-travaux {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 30px;
}

.pied-de-page-travaux a {
    text-decoration: none;
}

.contact {
    color: #f37c01;
    font-size: 20px;
}

.contact:hover {
    color: #f1c83c;
}

.mentions {
    color: #f37c01;
    font-size: 20px;
}

.mentions:hover {
    color: #f1c83c;
}

/* //page A propos//
*/
.fond-about {
   
    min-height: 1001px;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    position: relative;
    background-attachment: fixed;
    background-blend-mode: hue;
    background-image: url(../image/nebula-1897595_1280\ 1.png);
    background-image: linear-gradient(213deg, #0000, black 57%, black 258%, #0000);
}


nav ul {
    list-style-type: none;
}

.menu {
    display: grid;
    justify-items: flex-end;
    padding-top: 0px;
    padding-right: 40px;
    align-items: center;
    grid-template-columns: 1fr auto auto auto;
    gap: 40px;
    max-width: 94vw;
    margin: 0 auto;
}

.menu li:first-child {
    justify-self: flex-start;
    border-bottom: none;
}

.menu li {
    padding: 10px 5px;
    border-bottom: solid 4px #f37c01;
}

.uk-navbar {
    display: none;
}

.brand {
    text-decoration: none;
}

.portfolio,.about,.other {
    color: #f37c01 ;
    text-decoration: none;
    font-size: 20px;
}

.description1{
    color: #f1c83c;
    font-size: x-large;
    max-width: 800px;
    text-align: left;
    margin: auto 200px;
    padding-top: 110px;
    line-height: 2;
}
.description2{
    color: #f1c83c;
    font-size: x-large;
    max-width: 800px;
    text-align: left;
    margin: auto 200px;
    padding-top: 80px;
    line-height: 2;
}
.Behance{
    color: #f37c01;
    text-decoration: none;
}
.Behance:hover{
    color: #f1c83c;
}

.pied-de-page-about {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50px;
    right: 50px;
}

.pied-de-page-about a {
    text-decoration: none;
}

.contact {
    color: #f37c01;
    font-size: 20px;
}

.contact:hover {
    color: #f1c83c;
}

.mentions {
    color: #f37c01;
    font-size: 20px;
}

.mentions:hover {
    color: #f1c83c;
}

/* // page photoshop
*/
.fond-photoshop {
    background-color: black;
    min-height: 1001px;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    position: relative;
}

.round {
    max-width: 700px;
    margin: auto;
    padding: 50px;
}

.texte h2 {
    color: #f37c01;
    text-align: center;
    padding: 50px;
    font-weight: bold;
}

.description-round {
    color: #f37c01;
    text-align: center;
    padding: 50px;
    font-size: 25px;
}

.sdis72 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    text-align: center;
    padding-top: 50px;
    max-width: 1300px;
    background-image: linear-gradient(140deg,#00000047, #02020291 43%, #71000078 84%, #0000002b);
    margin-top: 100px;
}

.sdis72 img {
    margin: auto;
}

.bloc-sdis72 {
    margin: auto;
    max-width: 500px;
    color: #f37c01;
}
.bloc-sdis72 p{
    font-size: 25px;
}

.titre-sdis72 h2 {
    color: #f37c01;
    font-weight: bold;
}

.cox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    text-align: center;
    padding-top: 50px;
    max-width: 1300px;
    background-image: linear-gradient(270deg, #c408081c, #37333391 10%, #ca050540 90%, #1c1a1a1c);
    margin-top: 100px;
}

.bloc-cox {
    margin: auto;
    max-width: 500px;
    color: #f37c01;
}
.bloc-cox p{
    font-size: 25px;
}

.titre-cox h2 {
    color: #f37c01;
    font-weight: bold;
}

.cox img {
    max-width: 560px;
    margin: auto;
}

.ps-autres {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    text-align: center;
    padding-top: 50px;
    max-width: 1600px;
    gap: 30px;
    margin-top: 100px;
}

.titre-black h2 {
    color: #f37c01;
    font-weight: bold;
}

.titre-punk h2 {
    color: #f37c01;
    font-weight: bold;
}

.retour-p {
    margin: auto;
    text-align: center;
    position: absolute;
    left: 100px;
    right: 100px;
    bottom: 133px;
}

.btn-retour {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.btn-retour:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
    text-decoration: none;
    list-style-type: none;
}

.pied-de-page-photo {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    margin-top: 195px;
    padding-bottom: 30px;
}

.pied-de-page-photo a {
    text-decoration: none;
}

.contact {
    color: #f37c01;
    font-size: 20px;
}

.contact:hover {
    color: #f1c83c;
}

.mentions {
    color: #f37c01;
    font-size: 20px;
}

.mentions:hover {
    color: #f1c83c;
}

/*  // page illustrator
*/
.fond-illustrator {
    background-color: black;
    min-height: 1001px;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    position: relative;
}

.presentation-illustrator h1 {
    text-align: center;
    color: #f37c01;
    margin: auto;
    margin-top: 100px;
    max-width: 1000px;
}

.titre-diagram {
    max-width: 1000px;
    margin: auto;
    margin-top: 100px;
}

.titre-diagram h2 {
    text-align: center;
    color: #f37c01;
    padding-bottom: 50px;
    font-weight: bold;
    font-size: 40px;
}

.titre-logo {
    max-width: 1000px;
    margin: auto;
    margin-top: 100px;
}

.titre-logo h2 {
    text-align: center;
    color: #f37c01;
    padding-bottom: 50px;
    font-weight: bold;
    font-size: 40px;
}
.logo{
  
    background-blend-mode: overlay;
    background-image: linear-gradient(-540deg, #c4080814, #37333366 10%, #ca05053d 90%, #1c1a1a33);
}

.titre-ford {
    max-width: 1000px;
    margin: auto;
    margin-top: 100px;
}

.titre-ford h2 {
    text-align: center;
    color: #f37c01;
    padding-bottom: 50px;
    font-weight: bold;
    font-size: 40px;
}

.titre-ford img {
    padding-bottom: 300px;
}

.pied-de-page {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    padding-bottom: 30px;
}

.pied-de-page a {
    text-decoration: none;
}

.contact {
    color: #f37c01;
    font-size: 20px;
}

.contact:hover {
    color: #f1c83c;
}

.mentions {
    color: #f37c01;
    font-size: 20px;
}

.mentions:hover {
    color: #f1c83c;
}

.retour {
    margin: auto;
    text-align: center;
    position: absolute;
    left: 589px;
    bottom: 150px;
}

.btn-retour {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.btn-retour:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
    text-decoration: none;
    list-style-type: none;
}

/* // divers
*/
.fond-divers {
    background-color: black;
    min-height: 1001px;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    position: relative;
    background-blend-mode: color;
    background-image: linear-gradient(143deg, #0000006b, #000 10%, #330707 102%, #0000);
}

.titres-peintures h2 {
    text-align: center;
    color: #f37c01;
    padding: 50px;
    font-weight: bold;
    font-size: 40px;
}

.peintures {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: auto;
    gap: 80px;
    max-width: 1300px;
    padding: 50x;
}

.nom1,.nom2,.nom3 h3 {
    text-align: center;
    color: #f37c01
}
.nom1 h3 {
    color: #f37c01
}

.nom2 h3 {
    color: #f37c01
}
.affiches{
    max-width: 800px;
    min-height:566px;
    background:url(../image/terminus\ 1.jpg);
    transition: all 2s; 
    margin: auto;
}

.affiches img{
   max-width: 800px;
   min-height: 566px;
}

.affiches:hover{
   max-width: 1600px;
    min-height:566px;
}

.titre-napkins h2 {
    text-align: center;
    color: #f37c01;
    padding: 50px;
    font-weight: bold;
    font-size: 40px;
}

.terminus h3 {
    text-align: center;
    color: #f37c01;
    padding: 50px;
}

.elephant {
    margin: auto;
    text-align: center;
    padding: 50px;
}

.elephant-pub h3 {
    text-align: center;
    color: #f37c01;
    padding: 50px;
}

.goodies {
    margin: auto;
    text-align: center;
    padding: 50px;
}

.t-shirt h3 {
    text-align: center;
    color: #f37c01;
    padding: 50px;
}

.pied-de-page-autre {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    margin-top: 100px;
    padding-bottom: 80px;
}

.pied-de-page-autre a {
    text-decoration: none;
}

.contact {
    color: #f37c01;
    font-size: 20px;
}

.contact:hover {
    color: #f1c83c;
}

.mentions {
    color: #f37c01;
    font-size: 20px;
}

.mentions:hover {
    color: #f1c83c;
}

.retour-div {
    margin: auto;
    text-align: center;
    position: absolute;
    left: 100px;
    right: 100px;
    bottom: 207px;
}

.btn-retour {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.btn-retour:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
    text-decoration: none;
    list-style-type: none;
}

/* // page maquette
 */
.fond-maquette {
    min-height: 1001px;
    background-color: #060606db;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-blend-mode: color;
    background-image: linear-gradient(143deg, #0000006b, #000 10%, #330707 102%, #0000);
}

.integration h2 {
    text-align: center;
    margin: auto;
    color: #f37c01;
    padding: 100px;
    font-size: 40px;
    font-weight: bold;
}

.planche-cp {
    text-align: center;
    margin: auto;
    padding: 50px;
}

.planche-cp h3 {
    text-align: center;
    margin: auto;
    color: #f37c01;
    padding: 50px;
}

.maquette-cp {
    text-align: center;
    margin: auto;
    padding: 50px;
}

.maquette-cp h3 {
    text-align: center;
    margin: auto;
    color: #f37c01;
    padding: 50px;
}

.planche-origami {
    text-align: center;
    margin: auto;
    padding: 50px;
}

.planche-origami h3 {
    color: #f37c01;
    padding: 50px;
}

.btn-acceder-a-cp {
    margin: auto;
    text-align: center;
    padding: 50px;
}

.btn-cp {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.btn-cp:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
    text-decoration: none;
    list-style-type: none;
}

.maquette-origami {
    text-align: center;
    margin: auto;
    padding: 50px;
}

.maquette-origami h3 {
    color: #f37c01;
    padding: 50px;
}

.btn-acceder-au-site {
    margin: auto;
    text-align: center;
    padding-bottom: 80px;
}

.btn-origami {
    color: #d56c00;
    border-bottom-left-radius: 21px;
    border: solid #ba5e00 2px;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    border-radius: 30px;
}

.btn-origami:hover {
    color: #f1c83c;
    border: #f1c83c 2px solid;
    text-decoration: none;
    list-style-type: none;
}

.pied-de-page-maquette {
    display: grid;
    grid-auto-flow: column;
    margin: auto;
    text-align: center;
    padding-bottom: 30px;
}

.pied-de-page-maquette a {
    text-decoration: none;
}

/* // Mentions-legales
*/
.fond-mention {
    background-image: url(../image/nebula-1897595_1280\ 1.png);
    min-height: 1001px;
    background-attachment: fixed;
    background-color: black;
    background-image: linear-gradient(-137deg, #000, #8221216b 10%, black 58%, #8a15159e);
    background-blend-mode: difference;
}


.mentions-legales {
    color: #f37c01;
    text-align: justify;
    margin: 80px auto;
    max-width: 900px;
    padding-top: 50px;
    min-height: 1001px;
    font-size: 20px;
}

.pied-de-page-mention {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    padding-bottom: 50px;
}

.pied-de-page-mention a {
    text-decoration: none;
}

/* // page contacts
*/
.fond-contact {
    min-height: 1001px;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    position: relative;
    background-blend-mode: hue;
    background-image: linear-gradient(18deg, #0000, black 57%, black 258%, #0000);
}

.besoin h4 {
    color: #f37c01;
    text-align: center;
    margin: 100px auto;
    max-width: 900px;
}

.demande {
    font-size: xx-large;
}

.mail {
    color: #f1c83c
}

.tel {
    color: #f1c83c
}

.pied-de-page-contact {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    padding-bottom: 50px;
}

.pied-de-page-contact a {
    text-decoration: none;
}


/* ///* responsive pour format inferieur à 1356px
*/
@media screen and (max-width: 1356px) {
    .fond-portfolio {
        background-size: 100%;
        background-color: #0a0304;
    }
}

/* ///* responsive pour format inferieur a 768px
*/
@media screen and (max-width: 768px) {
    

    .menu {
        display: grid;
        justify-content: flex-end;
    }

    .brand {
        display: block;
    }

    .name {
        font-size: 62px;
        color: #f37c01;
        text-shadow: 3px 3px 3px #9a0101;
    }

    .job {
        font-size: 34px;
    }

    .pied-de-page-accueil {
        position: absolute;
        left: 50px;
        right: 50px;
    }
    .portfolio,.about,.other {
        color: #f37c01;
        text-decoration: none;
    }
    .portfolio:hover {
        color: #f1c83c;
    }

    .about:hover {
        color: #f1c83c;
    }

    .other:hover {
        color: #f1c83c;
    }

    .fond-portfolio {
        background-size: 100%;
        background-color: #000c;
        background-blend-mode: color-burn;
        background-image: linear-gradient(269deg,#8447127d, black 10%, #701313 90%, #0000);
        min-height: 100vh;
    }
    .fond-contact{
        min-height: 100vh;
    }

    .work {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-content: space-around;
    }
    .work a{
        font-size: 25px;
    }
    .description-round{
        text-align: justify;
        font-size: 18px;
        padding: initial;
    }
    .description-round p{
        padding-top: 20px;
    }

    .sdis72,.cox,.ps-autres {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sdis72{
        padding: initial;
    }

    .bloc-sdis72{
        padding: 50px;
    }

    .bloc-sdis72 p{
        text-align: justify;
        font-size: 18px;
    }

    .sdis72 img {
        max-width: 100%;
        padding: 50px;
    }

    .bloc-cox{
        padding: 50px;
    }

    .bloc-cox p{
        text-align: justify;
        font-size: 18px;
    }

    .cox img {
        max-width: 100%;
        padding:50px;
    }
    .ps-autres{
        padding:50px;
    }

    .peintures{
        display: grid;
        grid-template-columns: 1fr;
    }

    .fear,.lost,.erosion {
        text-align: center;
        margin: auto;
    }

    .affiches{
        background: none;
    }

    .affiches img{
        max-width: 100%;
        padding: 50px;
    }
    .titre-diagram{
        padding:50px;
    }
    .logo{
        padding: 50px;
    }

    .titre-ford img{
        padding: 50px;
        padding-bottom: 100px;
    }
    .retour{
        margin: auto;
        text-align: center;
        position: absolute;
        left: 300px;
        bottom: 91px;
    }
        
    .description1,.description2{
        font-size: larger;
        text-align: justify;
        padding-top: 45px;
    }
    .retour-div{
        text-align: center;
    }

    .mentions-legales{
        margin: 80px;
    }
    .pied-de-page-contact{
        padding-top: 90px;
    }
}

/* responsive pour format inferieur à 375px
*/
@media screen and (max-width: 375px) {
    .menu{
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 391px;
        padding-right: 10px;
        gap: initial;
    }
    .menu li a {
        font-size: 17px;
    }

    .pied-de-page-accueil a {
        font-size: 17px;
    }

    .wrapper {
        background-size: 100%;
        background-color: #000000c7;
        background-image: none;
    }
    .name{
        text-shadow: none;
    }

    .fond-portfolio {
        background-size: 100%;
        background-image: url(../image/background\ 1.jpg);
        background-color: #0a0304d1;
        background-image: linear-gradient(90deg, #0000, #00000091 10%, #730c0c 50%, #0000);
        
    }
    .work{
        display: grid;
        justify-content: center;
        justify-content: space-around;
        gap: 20px;
        margin-top: 238px;
    }
    .work a{
        font-size: 25px;
    }

    .pied-de-page-travaux a {
        font-size: 17px;
    }
    .fond-about{
        background-size: 100%;
        background-image: url(../image/background\ 1.jpg);
        background-color: #0a0304d1;
        background-image: linear-gradient(269deg, #0000, #00000091 10%, #420303 50%, #840a0a);
    }
    .description1,.description2{
        text-align: justify;
        padding: 50px;
        font-size: large;
        margin: auto;
    }
    .description2{
        padding-top: 10px;
        padding-bottom: 100px;
    }

    .pied-de-page-about a {
        font-size: 17px;
    }

    .pied-de-page-autre a {
        font-size: 17px;
    }
    .fond-divers{
        background-blend-mode: normal;
        background-image: linear-gradient(-270deg, #0000006b, #000 50%, #2f0505 102%, #0000);
    
    }
    

    .fond-maquette{
        background-color: black;
        background-blend-mode: exclusion;
        background-image: linear-gradient(230deg, #0000006b, #000 50%, #2f0505 102%, #0000);
    }

    .fear,.lost,.erosion {
        max-width: 319px;
        margin: auto;
    }
    .affiches img{
        max-width: 100%;
        padding: 50px;
        object-fit: cover;
        min-height: auto;
    }
    .affiches{
        min-height: auto;
    }

    .pied-de-page-photo a {
        font-size: 17px;
    }

    .sdis72 img {
        max-width: 100%;
    }

    .cox img {
        max-width: 100%;
    }

    .titres-peintures{
        padding-top: 50px;
    }
    .titres-peintures h2{
        font-size: 30px;
    }

    .fear,.lost,.erosion{
        max-width: 100%;
        padding: 50px;
    }

    .titre-napkins h2{
        padding: 50px;
        font-weight: bold;
        font-size: 30px;
    }
    .besoin{
        padding:50px;
    }

    .fond-mention{
        background-color: black;
        background-image: linear-gradient(100deg, #020202, #5509099e 120%, black 120%, #080101);
    }

    .mentions-legales{
        margin:50px;
    }

    .titre-ford img{
        padding: 20px;
        padding-bottom: 140px;

    }

    .retour{
        margin: auto;
        text-align: center;
        position: absolute;
        left: 100px;
        right: 100px;
        bottom: 78px;
    }

    .retour-div{
        text-align: center;
    }

    .pied-de-page{
        padding-bottom: 11px;
    }

    .pied-de-page a {
        font-size: 17px;
    }

    .pied-de-page-maquette {
        font-size: 17px;
    }

    .pied-de-page-contact a {
        font-size: 17px;
    }

    .pied-de-page-mention {
        font-size: 17px;
    }
}



main.main-home {
    display: grid;
    align-items: center;
    min-height: 100%;
    align-content: center;
}