html, body {
    background-color: #FFFCF8;
}

/*@todo général */

a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: inherit;
}
.icone{
    border-radius: 0 0 2rem 2rem;
    bottom: 30px;
    height: 180px;
    width: 200px;
}


.no-bold {
    font-weight: normal !important;
}

#accueilPage{
    background-color:#FFFCF8;
}


@media (max-width: 570px) {
    .container{
        padding: 0 10px;
    }
}

@media (max-width: 849px) {
    .imageBannieres {
        margin-top:5rem;
    }
}

/* @todo trait horizontal */

.traitHorizontaleHeader {
    display: flex;
    align-items: center;
    border-left: 2px solid;
    height: 15px;
    margin-right: 7px;
    color:white;
}
.traitHorizontale1{
    border-left:3px solid;
    padding-left:7px;
}
.traitHorizontale2{
    border-left:3px solid;
    padding-left:7px;
}
.traitHorizontaleB{
    border-left:3px solid;
    padding-left:7px;
}
.traitHorizontaleN{
    border-left:3px solid;
    padding-left:7px;
}

/*@todo boutons */

.bouton1,.boutonSupp,.bouton2,.bouton3{
    padding:8px 20px;
    border-radius:15px;
    border:none;
    font-size: 15px;
}
.boutonBoutique{
    font-size: 0.6rem;
    padding: 0.5rem 0.5rem;
    border:none;
    border-radius:15px;
}

/*todo les hovers,active.... */

.bouton1:hover,.bouton1:active,.bouton1:focus {
    padding: 8px 20px;
    border-radius: 15px;
    border: none;
}
.bouton2:hover{
    padding:8px 20px;
    border-radius:15px;
    border:none;
}
.bouton3:hover{
    padding:8px 20px;
    border-radius:15px;
    border:none;
}

/*@todo les positions absolutes*/

.iconePage{
    border-radius: 0 0 2rem 2rem;
    width: 200px;
}
.imageAbsolute img{
    min-height:400px;
}
.sectionAbsolute{
    margin:3rem 0 3rem 0;
}
@media (min-width:1025px){
    .sectionAbsolute{
        margin:5rem 0 8rem 0;
    }
}
@media (max-width: 480px) {
    .iconePage {
        top: 16rem;
        left:25%;
    }
    .titre {
        margin-top: 20rem;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .iconePage {
        top: 19rem;
        left:35%;
    }
    .titre {
        margin-top: 20rem;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .iconePage {
        top: 23rem;
        left:35%;
    }
    .titre {
        margin-top: 20rem;
    }
    .imageAbsolute{
        left: -4%;
    }
}

@media (min-width: 1025px){
    .imageAbsolute{
        position:absolute;
        top:4rem;
    }
    .titre {
        margin-top: 10rem;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .iconePage {
        top: 20vh;
        left: 26rem;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .iconePage {
        top: 25vh;
        left: 15rem;
    }
    .textImage{
        min-height:400px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px){
    .iconePage {
        top: 18rem;
        left: 11rem;
    }
}
@media (min-width: 1600px) {
    .iconePage {
        top: 26rem;
        left: 18rem;
    }
}