/******************************************/
/*******    RESPONSIVE     ****************/
/******************************************/

/*
    font-family:'Rubik-Regular' ,sans-serif;
font-family:'Avenir LT Std 45 Book';font-weight:normal;
font-family:'Avenir LT Std 85 Heavy';font-weight:normal;
font-family:'Avenir LT Std 35 Light';font-weight:normal;
font-family:'Avenir LT Std 65 Medium';font-weight:normal;
font-family:'Avenir LT Std 55 Roman';font-weight:normal;
font-family:'Avenir LT Std 95 Black Oblique';font-weight:normal;
font-family:'Avenir LT Std 45 Book Oblique';font-weight:normal;
font-family:'Avenir LT Std 85 Heavy Oblique';font-weight:normal;
font-family:'Avenir LT Std 35 Light Oblique';font-weight:normal;
font-family:'Avenir LT Std 65 Medium Oblique';font-weight:normal;
font-family:'Avenir LT Std 55 Oblique';font-weight:normal;
*/
/*** INFO

BLEU #2c2d82;
ROUGE #ec1c23

<img class="voir-picto" src="<?php echo get_stylesheet_directory_uri() . '/images/bouton-o-'.$jj.'.svg'; ?>">


*/

@media screen and (max-width: 1140px) {

}

@media screen and (max-width: 992px) {

}

@media (max-width: 475px) {
    .tp-caption p,
    .tp-bullets
    { display: none !important;}
    
}

@media (min-width: 476px) {
    

}

@media (max-width: 576px) {

}


@media (min-width: 576px) {


    
}

@media (max-width: 767px) {
    #features .feature-item.full-fi {display: none;}
    #offre .offre-item.full-fi {display: none;}
    
    .cta-fiche {
       margin-top: 4rem;
    }
    #titre-projet{display: none;}
    .projets .section-title {display: block;}
    
    .tp-caption h1 {
    font-size: 1.9rem !important;
    line-height: 1.3 !important;
    padding-bottom: 2.4rem !important;
    }

    .tp-caption h1:before {
      left    : 50%;
      top  : 78%;
      width   : 20%;  /* or 100px */
      border-bottom:3px solid #eeb547;
        -webkit-transform:translate(-50%,-110%);
        transform:translate(-50%,-110%); 
        -moz-transform:translate(-50%,-110%); 
        -ms-transform:translate(-50%,-110%); 
        -o-transform:translate(-50%,-110%); 
    }
    .tp-caption p {
            font-size: 1rem !important;
            margin-top: 0rem !important;
        line-height: 1.1 !important;    
    }

    .tp-caption p.p-bold {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
            font-family:'Rubik-Bold' !important;   
                font-size: 1rem !important;
    }

    span.jaune {
      color:#eeb547;
        vertical-align: middle;
        font-family:'Rubik-Regular';   

        font-size: 1.5rem !important;
        line-height: 1.1 !important;


    }
    
    
}


@media (min-width: 768px) {
        .projets .section-title {display: none;}
    
    .owl-theme .owl-nav .owl-prev {left: -50px;}
    .owl-theme .owl-nav .owl-next {right: -50px;}
    /* carousel 2.3.3 : */
    .owl-theme .owl-nav > button,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        position: absolute;
        top: 50%;
        cursor: pointer;
        display: inline-block;
        transform: translateY(-50%);
        margin:0;
    }

/*
    
    .forcefullwidth_wrapper_tp_banner {
        background-image: url('../images/fondHaut.png');

        background-size: cover;
        background-position:  top;
        background-repeat: no-repeat;
    }
    
*/
    
    #features .section-content .col-12 {
      text-align: center;
    }

    #features .section-content .col-12 .inner-col {
      display: inline-block;
    }
    
    #projets .section-content .col-12 ,
    #offre .section-content .col-12 {
      text-align: center;
    }

    #projets .section-content .col-12 .inner-col ,
    #offre .section-content .col-12 .inner-col {
      display: inline-block;
    }
    
/*    #features .missions-titre,*/
    #features .blocs {
        height: 335px;
        display: inline-block;
        float: left;
    }
    
    
    #projets .section-desc,
    #projets .blocs,
    #offre .section-desc,
    #offre .blocs,
    #features .section-desc,
    #features .blocs {
        width: 772px;
    }
    
/*
    #offre .section-desc p
     {
        width: 75%;
    }
*/
    
    #offre .offre-item ,
    #features .feature-item {
        display: inline-block;
        float: left;
    }

    #offre .offre-item-1,
    #offre .offre-item-3 ,
    #features .feature-item-1,
    #features .feature-item-3 {
        margin-right: 15px;
        
    }
    #offre .offre-item-3,
    #offre .offre-item-4,
    #features .feature-item-3,
    #features .feature-item-4 {
        margin-bottom: 0px;
    }
    #offre .offre-item-1,
    #offre .offre-item-2 ,
    #offre .offre-item-3,
    #offre .offre-item-4 {
        width: 378px;
    }
    
    #features .feature-item-1 {
        width: 450px;
    /*    background-size: 172% 210%;*/
    }
    #features .feature-item-2 {
        width: 307px;
      background-position: 100% 0%;
    /*        background-size: 251% 210%;*/
    /*background-size: 307px 160px;*/
    }
    #features .feature-item-3 {
        width: 307px;
      background-position: 0% 100%;
    /*            background-size: 251% 210%;*/
    }
    #features .feature-item-4 {
        width: 450px;
          background-position: 100% 100%;

    }
    
    #features .feature-item-1 .cache ,
    #features .feature-item-4 .cache {
        width: 372px;
    }

    #features .feature-item-2 .cache ,
    #features .feature-item-3 .cache {
        width: 229px;
    }

    
    #features .feature-item-1 .fond-croix
    {background-color: #776d90;}/* rgba(119, 109, 144, 0.36) */
    #features .feature-item-2 .fond-croix
    {background-color: #8a6085;}/* rgba(138, 96, 133, 0.36) */
    #features .feature-item-3 .fond-croix
    {background-color: #788ca6;}/* rgba(120, 140, 166, 0.36) */
    #features .feature-item-4 .fond-croix
    {background-color: #877d77;}/* rgba(135, 125, 119, 0.36) */

    .active-1 .voir-titre {opacity: 0;}
    .active-2 .voir-titre {opacity: 0;}
    .active-3 .voir-titre {opacity: 0;}
    .active-4 .voir-titre {opacity: 0;}

    #features .feature-item.tab-fi {display: none;}
    #offre .offre-item.tab-fi {display: none;}
/*    .tab-fi {display: none;}*/

    
    .projets .item {
        display: flex;
        align-items: flex-start;
        
    }
    .gauche-projet,
    .textes-projet {
    display: inline-block;
    width: 45%;
    }

    .textes-projet {
      margin-bottom: 50px;
    }

    .gauche-projet {
    width: 48%;
    margin-right: 3%;
/*        margin-bottom: -50px;*/
        margin-top: 170px;
    }

    .image-projet {
/*        margin-top:70px;*/
    }

    .image-projet img {
/*        margin-top: 50px;*/
        height: 250px;
        vertical-align: middle;
        float: right;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {
    #projets .col-12 ,
    #offre .col-12 ,
    #features .col-12 {
        padding-right: 0px;
        padding-left: 0px;

    }
    
}
@media screen and (min-width: 992px) {
    .gauche-projet {
/*        margin-bottom: -70px;*/
    }

    .team-member .member-thumb {
      margin-right: 70px;
      margin-left: 70px;
    }

    #triple-fleche,
    .cta-fiche img {
    display:inline;
    }
}

@media  (max-width: 1139px) {
  #fond-haut ,#logo-full {
     display: none !important;
    }
}


@media screen and (min-width: 1140px) {             /**** passage full menu *****/
    .owl-theme .owl-nav .owl-prev {left: -5%;}
    .owl-theme .owl-nav .owl-next {right: -5%;}
        .gauche-projet {
/*        margin-bottom: -70px;*/
    }
    
    .home #fond-haut,
    .home #logo-full {
        display: block ;
    }
    #logo-full {
        top: 105%;
        left: 4%;
    }
    
}

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

    .home #content {
        background-image: url('../images/formeMissions.png');
        background-size: 32% auto;
        background-position:  right 520px;
        background-repeat: no-repeat;
    }

    .home #main {
        background-image: url('../images/fondGauche.png');
        background-size: 42% auto;
        background-position: left 62%;
        background-repeat: no-repeat;
    }    
    
    .textes-projet .full-projet {min-height: 250px;}
    
    
    h2.missions-titre,
    .missions-titre h2{
        /*
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
        */
        /*            transform-origin: 100%;*/
        transform-origin: right;
        /*
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);*/
        transform: rotate(270deg);

        position: absolute;
        top: 95px;
        left: -82px;
    }
    section#offre {margin-top: 4rem;}
    #offre h2.missions-titre,
    #offre .missions-titre h2{
        top: 72px;
        left: -72px;
    }
    #projets h2.missions-titre,
    #projets .missions-titre h2{
        top: 72px;
        left: -82px;
    }
    .coords > div > div {
        margin-left: 3rem;
    }
}

@media screen and (min-width: 1340px) {
    .owl-theme .owl-nav .owl-prev {left: -100px;}
    .projets .owl-theme .owl-nav .owl-prev {left: 0px;}
    .owl-theme .owl-nav .owl-next {right: -100px;}
    #logo-full {
        top: 155%;
        left: 5%;
    }
    .home #content {
        background-size: 33% auto;
        background-position:  right 14%;
    }
    .home #main {
        background-size: 42% auto;
        background-position: left 64%;
    }    

}

@media screen and (min-width: 1500px) {
    .home #content {
        background-size: 40% auto;
        background-position:  right 7%;
    }
    section#offre {margin-top: 6rem;}
    
    .home #main {
        background-size: 46% auto;
        background-position: left 68%;
    }    

}