/** Police ecriture **/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    font-family: 'Poppins', sans-serif;
}
.font-open-sans *{
    font-family: 'Open Sans', sans-serif;
}
/** Color background **/
.main-bg{
    background-color: #D3D1BC;
}
.secondary-bg{
    background-color: #243C56;
}
.third-bg{
    background-color: #CCC02A;
}
.blue-light-bg{
    background-color: #EFF2F5;
}

/** Color Icon **/
.color-1 {
    color : #CCC02A;
}
.color-2 {
    color: #243C56;
}
.color-3 {
    color : #E15B27;
}
.color-4 {
    color :#0D5353;
}
.color-5 {
    color: #7A4810
}
.color-6{
    color: #D3D1BC;
}

/** Center Element **/  
.center-full{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.center-vertical{
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
}



/** Font Size **/   
.text-neg-8{
    font-size:0.8em;
}

/** Placement Element Relative **/
.profil-position {
    position: relative;
    right: -22%;
    z-index: 1;
    top: 10%;
}
.carte-position {
    position: relative;
    left: -30%;
    bottom: -60%;
}


/** Photo Rounded **/
.round-element{
    width: 300px;
    height: 300px;
    border-radius: 150px 150px 150px 150px;
    margin: auto;
}
@media screen and (max-width: 768px){
    .round-element{
        width: 150px;
        height: 150px;
        border-radius: 75px 75px 75px 75px;
    }
}
/** Box Shadow **/
.box-shadow-prestation{
    box-shadow: 7px 6px 26px -11px black;
}

/** Background Contact **/
.special-background{
    background: url("../images/fond-ouafouaf.png") center / cover no-repeat; 
    height: 480px;
}