.body1
{
    background:url(images/PTI_header-pharma.jpg) no-repeat;
    background-size: cover;
    padding-top:100px
}

.body1 h1
{
    color:#0046AD;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 55px;
    font-weight:normal;
}
.body1 p
{
    color:#000
}


.container .card {
position: relative;
background: #200973;
border-top: solid 8px #92C8EF;;
margin: 20px;
display: flex;

backdrop-filter: blur(10px);
width: 200px;
height: 150px;
}

.container .card:hover
{
height: 250px;
}

.container .card .content {
position: relative;
display: flex;
flex-direction: column;
transition: 0.5s;
padding: 20px;
padding-bottom: 0;
}



.container .card .content .imgBx {
position: relative;
width: 150px;
height: 150px;
overflow: hidden;
}

.container .card .content .imgBx {

background: url('images/icon1.png');
width: 40px;
height: 40px;
background-size: cover;
}

.container .card .content .contentBx h3 {
color: #fff;
font-size: 16px;
font-weight: normal;	
margin-top: 10px;
height: 20px;
margin-bottom: 0;

}

.container .card .content .contentBx h3 span {
font-size: 12px;

text-transform: initial;
}

.container .card .sci {

padding-left: 10px;
}

.container .card .sci li {
list-style: none;
margin: 0 10px;
transform: translateY(40px);
transition: 0.5s;
opacity: 0;
padding:0
}

.container .card:hover .sci li {
transform: translateY(0px);
opacity: 1;
}

.container .card .sci li a {
color: #92C8EF;
font-size: 16px;
text-decoration: none;
}

.container .card .sci li a span {
color: #fff;
font-size: 10px;
text-decoration: none;
}


.bloc1 {
position: relative;
z-index: 1;
display: flex;
justify-content: center;

flex-wrap: wrap;
margin: 40px 0;
min-height: 250px;
}


.block2 .texte1 {

    font-size: 20px;
    font-weight: 600;
    color: #666;

}
.block2
{
background: #91C8EF;
border-top: solid 1px #92C8EF;

}

.block2 h2{
font-size: 20px;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
.block2 h3{
font-size: 30px;
color: #0046AD;
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
}

.block2 li{
    font-size: 17px;
    color: #000;
    font-weight: 100;
    }
    
    .block2 li::marker 
    {
    color: #0046AD;
    font-size: 20px;
    }

    .block3
    {
        background: #f4f4f4;
    }
    .block3 li{
        font-size: 17px;
        color: #000;
        font-weight: 100;
        }
        
        .block3 li::marker 
        {
        color: #0046AD;
        font-size: 20px;
        }


        .block4 li{
            font-size: 17px;
            color: #000;
            font-weight: 100;
            }
            
            .block4 li::marker 
            {
            color: #0046AD;
            font-size: 20px;
            }


.block3 h2{
font-size: 20px;
color: #92C8EF;
font-weight: normal;
text-transform: uppercase;
}
.block3 h3{
font-size: 30px;
color: #0046AD;
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
}

.block3 .texte1
{
font-size: 20px;
font-weight: bold;
color: #666;
}

.block3 .texte1Vert
{
font-size: 20px;
color: #92C8EF;
}
.block3 h4{
margin-bottom: 30px;
font-size: 20px;
font-weight: 400;
color: #666;
}
.pt400
{
padding-top: 5rem;
padding-bottom: 5rem;
}

.pt500
{
padding-top: 10rem;
padding-bottom: 10rem;
}



#affBullet
{
margin-top: -500px;
position: relative;
padding-left: 25rem;
}

.padding10Forfaits li::marker {

color: #0046ad;
font-size:20px;

}
.padding10Forfaits li {
line-height: 20px;
font-size: 17px;
color: #666;
font-weight: 100;
}

.textDescForfaits
{
color: #000;
font-size: 17px;
font-weight: 100;
}


.blocOeil
{
background: url(images/imgPharma.png) no-repeat; background-size: contain;  background-position-x: inherit !important;

}

.rondVertical
{
    position: absolute;
    margin-top: -95px;
    padding-left: 60%;
    width: 100%;
    overflow: hidden;

}

.marge10rem
{
    margin-top: 10rem;
}
.marge7rem
{
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.marge3rem
{
    margin-top: 3rem;
}
.demanderDevis
{
width: 28px;
            border: 2px solid var(--unnamed-color-0046ad);
            border: 2px solid #0046AD;
            border-radius: 3px;text-align: center; float: right;
            z-index: 1;
position: relative;
}

.demanderDevis:hover
{
width: 200px;

            border: 2px solid var(--unnamed-color-0046ad);
            border: 2px solid #0046AD;
            border-radius: 3px;text-align: center; float: right;
}

.demanderDevis:hover::after
{
content: 'Demander un devis';
font-size: 14px;
text-transform: uppercase;
padding-left: 10px;
}

.imgBx1
{
background: url(images/pharma-consultance-normal.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}
.box1:hover .imgBx1
{
background: url(images/pharma-consultance-survol.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}


.imgBx2
{
background: url(images/pharma-promotion-normal.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}
.box2:hover .imgBx2
{
background: url(images/pharma-promotion-survol.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}


.imgBx3
{
background: url(images/pharma-marche-normal.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}
.box3:hover .imgBx3
{
background: url(images/pharma-marche-survol.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}



.imgBx4
{
background: url(images/rgpd-dpo-manager-normal.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}
.box4:hover .imgBx4
{
background: url(images/rgpd-dpo-manager-survol.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}


.imgBx5
{
background: url(images/rgpd-module-normal.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}
.box5:hover .imgBx5
{
background: url(images/rgpd-module-survol.svg);
width: 40px;
height: 40px;
background-repeat: no-repeat;
}

.block4
{
background: #fff;

}

.block4 .imgGauche
{
    position: absolute;
width: 25%;
margin-top: -12rem;
max-width: 500px;
}

.block4 h2{
font-size: 20px;
color: #92C8EF;
font-weight: normal;
text-transform: uppercase;

}
.block4 h3{
font-size: 30px;
color: #0046AD;
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
}

.block4 .texte1
{
font-size: 20px;
font-weight: 600;
color: #666;
}


.block3 h2{
font-size: 20px;
color: #92C8EF;
font-weight: normal;
text-transform: uppercase;
}
.block5 h3{
font-size: 34px;
color: #92C8EF;
font-weight: normal;
}

.block5 .texte1
{
font-size: 20px;
font-weight: bold;
color: #666;
}

.block5 .texte1Vert
{
font-size: 20px;
color: #92C8EF;
}
.block5 h4{
margin-bottom: 30px;
font-size: 20px;
font-weight: 400;
color: #666;
}

.block6 h2{
font-size: 20px;
color: #1a47a7;
font-weight: normal;
text-transform: uppercase;
}
.block6 h3{
font-size: 34px;
color: #92C8EF;
font-weight: normal;
}

.block6 .texte1
{
font-size: 20px;
font-weight: bold;
color: #666;
}

.block6{
background: #e1f6f0;
}

#bloc1Boxmobile
{
display: none !important;
}


.icon1{

height: 40px;
display: flex;
justify-content: center;

}
.annim-home
{
padding: 10px;
}

.annim-home i
{
font-size: 30px;
margin-top: -3px;
position: relative;
margin-right: 3px;
}

.navbar-light .navbar-toggler {
color: #92C8EF;
border: solid 4px #92C8EF;
}



@media (min-width: 1200px) and (max-width: 1500px) { 

#affBullet
{
    margin-top: -500px;
position: relative;
padding-left: 18rem;
}
}
@media (min-width: 0px) and (max-width: 1180px) { 

    .container .card
    { margin: 10px !important;}

    .blocOeil
    {
        display: none;
    }
    .body1 h1
    {
        font-size: 25px;
    }
    .block3 h3
    {
        font-size:28px
    }

    .block4 h3
    {
        font-size:28px
    }

    .block5 h3
    {
        font-size:28px
    }

    .block6 h3
    {
        font-size:28px
    }

    .block2 h3
    {
        font-size:28px
    }

    .centerVertical
    {
        margin: 40px 0;
    }
   
    .marge7rem
    {
margin: 0;
    }
.container-fluid
{
padding-left: 60px;
padding-right: 60px;
}

#bloc1Boxmobile a span {
color: #fff;
font-size: 10px;
text-decoration: none;
}
.nav-link
{
float: left;
}



#bloc1Boxmobile
{
margin-top: 20px;
display: block !important;
}
#bloc1Boxmobile a
{
color: #92C8EF;
font-size: 16px;
text-decoration: none;
}
.container .card
{
height: 300px;
}

.demanderDevis
{
width: 200px;
}
.demanderDevis::after
{
content: 'Demander un devis';
font-size: 14px;
text-transform: uppercase;
padding-left: 10px;
width: 200px;
}
.pt500
{
padding-top: 2rem !important;
}
.pt400
{
padding-top: 40px !important;
}
.bloc4Img
{
display: none;
}

#affBullet
{
display: none;
}

#addBullet2
{
display: none;
}

.rondVertical
{
display: none;
}



.block3 h4{
margin-bottom: 10px;
}
.block3 h2
{
margin-top: 30px;
}

.body1
{
    background:#bfE5F8;
   
    padding-top:100px
}


}