#google-container {
    max-width:750px;
    margin:auto;
    font-family:"Poppins", sans-serif;
    background:white;
    padding:1rem 0;
    overflow:hidden;
}

#google-container a {
    transition:all 0.5s;
}

#google-container a:hover {
    transform:scale(1.1);
}

#google-container  a:focus{
  text-decoration:none
}

.line-height-1 {
    line-height:1;
}

.width-80 {
    width:80%;
    margin:auto;
}

.max-width-220 {
    max-width:220px;
}

.margin-auto {
    margin:auto;
}

.padding-1 {
    padding:1rem;
}

.padding-left-1 {
    padding-left:1rem;
}
.padding-right-1 {
    padding-right:1rem;
}


.padding-left-2 {
    padding-left:2rem;
}
.padding-right-2 {
    padding-right:2rem;
}

.padding-left-4 {
    padding-left:4rem;
}
.padding-right-4 {
    padding-right:4rem;
}


.margin-top-1 {
    margin-top:1rem;
}

.margin-top-2 {
    margin-top:2rem;
}

.margin-top-neg-2 {
    margin-top:-2rem;
}

.margin-top-neg-4 {
    margin-top:-4rem;
}

.margin-top-3 {
    margin-top:3rem;
}

.margin-bottom-1 {
    margin-bottom:1rem;
}

.margin-bottom-2 {
    margin-bottom:2rem;
}

.margin-bottom-3 {
    margin-bottom:3rem;
}

.background-red {
    background:#E30613;
}

.color-red {
    color:#E30613;
}

.color-grey{
    color:#696969;
}

.color-blue{
    color:#005F8B;
}

.color-black{
    color:#000;
}

.color-white {
    color:#FFF !important;
}

.font-size-8 {
    font-size:8px;
}

.font-size-9 {
    font-size:9px;
}

.font-size-12{
    font-size:12px;
}

.font-size-14{
    font-size:14px;
}

.font-size-16{
    font-size:16px;
}

.font-size-17{
    font-size:17px;
}

.font-size-18{
    font-size:18px;
}

.font-size-20{
    font-size:20px;
}

.font-size-22 {
    font-size:22px;
}

.font-size-25 {
    font-size:25px;
}

.font-size-28{
    font-size:28px;
}

.font-size-30{
    font-size:30px;
}

.text-transform-uppercase {
    text-transform:uppercase;
}

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

.font-weight-400 {
    font-weight:400;
}
.font-weight-500 {
    font-weight:500;
}
.font-weight-600 {
    font-weight:600;
}
.font-weight-700 {
    font-weight:700;
}

.border-radius-20 {
    border-radius:20px;
}

.display-block {
    display:block;
}

.display-flex {
    display:flex;
}

.align-items-center {
    align-items:center;
}

.width-33 {
    width:33%;
}

.width-50 {
    width:50%;
}

.box-shadow {
    box-shadow:0px 6px 31px -13px #000000;
}

hr {
    background-color:#D9D8D8;
    height:2px;
}


#compo-tablette-mobile-pc {
    background:url("../medias/images/google/compo_ordi_tablette_mobile.png") no-repeat;
    background-size:contain;
    background-position:center center;
}

#screen_succes, #screen_pratique, #screen_recherche {
    position:relative;
}

#screen_succes img, #screen_pratique img, #screen_recherche img {
    z-index:2;
    position:relative;
}

#screen_succes:after {
    content:"";
    width:50%;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    height:100%;
    display:block;
    background:url("../medias/images/google/background_vague.svg") no-repeat;
    background-size:contain;
    background-position:center right;
    transform:translateX(50%);
}

#screen_pratique:before {
    content:"";
    width:100%;
    position:absolute;
    top:0;
    left:-10%;
    z-index:1;
    height:100%;
    display:block;
    background:url("../medias/images/google/background_vague.svg") no-repeat;
    background-size:contain;
    background-position:center right;
}

#screen_recherche:before {
    content:"";
    width:100%;
    position:absolute;
    top:0;
    left:0%;
    z-index:1;
    height:100%;
    display:block;
    background:url("../medias/images/google/background_vague.svg") no-repeat;
    background-size:contain;
    background-position:center right;
}

#google-container ul {
    list-style-type: none;
}

#google-container ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #E30613; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1rem; /* Also needed for space (tweak if needed) */
    margin-left: -1rem; /* Also needed for space (tweak if needed) */
}

@media screen and (max-width:450px) {
    #google-container .padding-left-4, 
    #google-container ul { 
        padding-left:2rem;
    }
}