/* CSS "bulles" page Production Audiovisuelle */

.ensemble_bloc_cercle svg {
   margin: auto;
   width:90%;
   max-width:100%;
}
.ensemble_bloc_cercle svg circle {
   fill:#308e7e;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}


.ensemble_bloc_cercle svg img,
.ensemble_bloc_cercle svg h3,
.ensemble_bloc_cercle svg p {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ensemble_bloc_cercle svg img {}
.ensemble_bloc_cercle svg h3 {
    margin-top: 0;
}
.ensemble_bloc_cercle svg p {
    /*opacity: 0;*/
    color: transparent;
}

@media all and (min-width: 768px) {
    .ensemble_bloc_cercle svg:hover circle {
       fill:#0d3831;
    }
    /*
    .ensemble_bloc_cercle svg:hover img  {
       filter: brightness(100);
       -webkit-filter : brightness(100);
       -ms-filter : brightness(100);
    }*/
    .ensemble_bloc_cercle svg:hover img {
        /*opacity: 0;*/
    }
    .ensemble_bloc_cercle svg:hover h3 {
        margin-top: -23px;
    }
    .ensemble_bloc_cercle svg:hover p {
        /*opacity: 1;*/
        color: #fff;
    }
    .ensemble_bloc_cercle.ensemble_bloc_cercle_chantier svg:hover h3 {
        margin-top: -32px;
    }
}

@media all and (max-width: 767px) {
    .ensemble_bloc_cercle svg p {
        font-size: 10px;
        display: none;
    }
}

.ensemble_bloc_cercle .shape {
   height:100%;
   width:50px;
   -webkit-shape-margin:3px;
   shape-margin:3px;
}
.ensemble_bloc_cercle .shape-left {
   float:left;
   -webkit-shape-outside: url(gfx/circle-left.svg);
   shape-outside: url(gfx/circle-left.svg);
}
.ensemble_bloc_cercle .shape-right {
   float:right;
   -webkit-shape-outside: url(gfx/circle-right.svg);
   shape-outside: url(gfx/circle-right.svg);
}
.ensemble_bloc_cercle .text {
   color:#fff;
   font-size:4px;
   width:100px;
   height:100%;
   display: block;
    
   /*position: absolute;*/
    
   top: 0;
   left: 0;
   padding: 24% 10% 0 10%;
   text-align:center;
   line-height:1.6;
   -webkit-hyphens:auto;
       -ms-hyphens:auto;
           hyphens:auto;
}
.ensemble_bloc_cercle h3 {
   font-size: 165%;
   margin-bottom: 5px;
   padding-top: 0;
   text-align:center;
   color: #FFFFFF !important;
}
.ensemble_bloc_cercle p {
  color: #FFFFFF;
  font-size: 95%;
  margin: 0;
  /*text-align: justify;
  text-align-last: center;*/
  text-align: center;
}

.ensemble_bloc_cercle img {
  margin-bottom: 3px;
}


.ensemble_bloc_cercle.align_right .flex_cell_inner {
  text-align: right;
}

.ensemble_bloc_cercle.align_Left .flex_cell_inner {
  text-align: left;
}

.ensemble_bloc_cercle.align_center .flex_cell_inner {
  text-align: center;
}

.ensemble_bloc_cercle_ligne01, .ensemble_bloc_cercle_ligne02, .ensemble_bloc_cercle_ligne03, .ensemble_bloc_cercle_ligne04 {
  background-color: transparent !important;
}

.ensemble_bloc_cercle_ligne01 {
  padding: 0 7% 0 7%;
}

.ensemble_bloc_cercle_ligne02 {
  padding: 0 0 0 27%;
  margin-top: -9vw;
}

.ensemble_bloc_cercle_ligne03 {
  padding: 0 0 0 3%;
  margin-top: -25vw;
}

.ensemble_bloc_cercle_ligne04 {
  padding: 0 20% 0 0;
  margin-top: -16vw;
}

.page-id-1304 #main {
  background-color: #FFFFFF !important;
}

.ensemble_bloc_cercle360 svg {
  position: relative;
  z-index: 99;
}

.ensemble_bloc_cercle_chantier svg {
  position: relative;
  z-index: 99;
}

.ensemble_bloc_cercletimelapse svg {
  position: relative;
  z-index: 99;
}

.ensemble_bloc_cercle_captation svg {
    position: relative;
    z-index: 50;
}
.ensemble_bloc_cercle_direct svg {
    position: relative;
    z-index: 50;
}

@media all and (min-width: 1201px) and (max-width: 1920px) {
    .ensemble_bloc_cercle360 p {
            font-size: 5px;
        }
}
@media all and (min-width: 768px) and (max-width: 1200px) {
    .ensemble_bloc_cercle360 p {
        font-size: 6px;
    }
}

@media all and (min-width: 768px) and (max-width: 989px) {
    .ensemble_bloc_cercle svg {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}



@media all and (max-width: 767px) {
    
    .ensemble_bloc_cercle h3 {
        font-size: 185%;
    }
    
    .responsive #top #wrap_all .av-flex-cells .no_margin {

    padding-left: 1% !important;
    padding-right: 1% !important;

}

  .ensemble_bloc_cercle_ligne01, .ensemble_bloc_cercle_ligne02, .ensemble_bloc_cercle_ligne03, .ensemble_bloc_cercle_ligne04 {
    top: inherit;
  }

  .page-id-1304 .av-layout-grid-container {
    /*display: inline-grid;*/
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }

  .page-id-1304 .av-layout-grid-container .flex_cell {
    /*width: 100% !important;*/
      width: 50% !important;
  }
    
    
  

    .ensemble_bloc_cercle_ligne02 {
      padding: 0 0 0 27%;
      margin-top: 0vw;
    }

    .ensemble_bloc_cercle_ligne03 {
      padding: 0 0 0 3%;
      margin-top: 0vw;
    }

    .ensemble_bloc_cercle_ligne04 {
      padding: 0 20% 0 0;
      margin-top: 0vw;
    }

    /*
    .ensemble_bloc_cercle {
        margin-top: -10vw !important;
    }
    .ensemble_bloc_cercle360 {
        margin-top: -15vw !important;
    }*/
    .col_vide {
        display: none !important;
    }
    /*
    #av-layout-grid-4,
    #av_section_3 {
    margin-top: -5vw;
    }*/
    
    .svg_cercle_link {
        max-width: 300px !important;
        width: 100% !important;
    }
    .av-layout-grid-container {
        padding: 0 10%;
    }
    .av-layout-grid-container .flex_cell_inner {
        text-align: center !important;
    }
    .av-layout-grid-container .flex_cell {
        padding: 2px !important;
    }
    
    .page-id-1304 #av-layout-grid-3 {
        width: 49% !important;
        display: inline-block !important;
        padding: 0 0 0 10% !important;
    }
    .page-id-1304 #av-layout-grid-4 {
        width: 49% !important;
        display: inline-block !important;
        padding: 0 10% 0 0 !important;
    }
    .page-id-1304 #av-layout-grid-3 .flex_cell,
    .page-id-1304 #av-layout-grid-4 .flex_cell {
        width: 100% !important;
    }
    
}


@media all and (max-width: 400px) {
    .av-layout-grid-container {
        padding: 0 3%;
    }
    .page-id-1304 #av-layout-grid-3 {
        padding: 0 0 0 4% !important;
    }
    .page-id-1304 #av-layout-grid-4 {
        padding: 0 4% 0 0 !important;
    }
    /*
    .ensemble_bloc_cercle {
        margin-top: -16vw !important;
    }
    .ensemble_bloc_cercle360 {
        margin-top: -20vw !important;
    }*/
}