/*
VERT        :     #07A299;    rgba(7,162,153,1);
VERT FONCE  :     #26635e;
BLEU        :     #1c2335;    rgba(28,35,53,1);
*/


html, body{
      height:100%;
      margin:0;
      padding:0;
}
body{
      font-family:Poppins, sans-serif;
      font-size:14px;
      position:relative;
}
.homePage{overflow:hidden;}
.wrapper{
      padding:0 20px;
      max-width:1200px;
      margin:0 auto;
}
.clr{clear:both;}


/* COLONNES */


.col-2,
.col-3,
.col-4,
.col-5,
.col-1-3,
.col-2-3{
      float:left;
      margin-right:5%;
}
.col-2{width:47.5%;}
.col-3{width:30%;}
.col-4{width:21.25%;}
.col-5{width:16%;}
.col-1-3{width:31.6666%;}
.col-2-3{width:63.3333%;}

.col-last{margin-right:0;}



/* BLOC-NOIR */

.bloc-noir{
      background-color:transparent;
      width:100%;
      height:100px;
      line-height:100px;
      overflow:hidden;
      position:fixed;
      color:#07A299;
      transition:all .9s;
      z-index:98;
}
.bloc-noir.blackFixed{
      background-color:rgba(28,35,53,1);
      display:block;
      position:fixed;
      left:0;
      top:0;
      height:120px;
      box-shadow:0 5px 5px rgba(0,0,0,0.2);
}
.bloc-noir .logo-plumart-1,
.bloc-noir .logo-plumart-blanc-1{
      width:70px;
      position:absolute;
      left:50%;
      top:50%;
      margin:-35px 0 0 -35px;
      transition:2s;
}
.bloc-noir .logo-plumart-1.Disparu,
.bloc-noir .logo-plumart-blanc-1.Disparu{
      margin:-39px 0 0 0;
      left:0;
      opacity:0;
}

/* MENU */

#MenuIcon{
      height:30px;
      width:70px;
      position:fixed;
      top:20px;
      right:0;
      transition:all .5s ease-in;
      background-color:rgba(255,255,255,0.7);
      border-radius:4px 0 0 4px;
      padding:4px;
      z-index:5;
      box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
#MenuIcon:hover{cursor:pointer;}
#MenuIcon #MenuLine{
      border-radius:3px;
      height:3px;
      width:40px;
      background-color:#26635e;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      transition:all .3s;
}
#MenuIcon:hover #MenuLine{width:40px;}
#MenuIcon #MenuLine::before{
      border-radius:3px;
      content:'';
      height:3px;
      width:30px;
      background-color:#26635e;
      position:absolute;
      margin-top:8px;
      transition:all .3s;
}
#MenuLine::after{
      border-radius:3px;
      content:'';
      height:3px;
      width:30px;
      background-color:#26635e;
      position:absolute;
      margin-top:-8px;
      transition:all .3s;
}
#MenuIcon:hover #MenuLine{background-color:rgba(0,0,0,1);}
#MenuIcon:hover #MenuLine::before,
#MenuIcon:hover #MenuLine::after{
      background-color:rgba(0,0,0,1);
      width:50px;
}
.bloc-mainmenu{
      width:100%;;
      height:100%;
      position:fixed;
      top:0;
      left:0;
      background-color:rgba(0,0,0,0.7);
      display:none;
      z-index:4;
}
.bloc-mainmenu.BlocMM{display:block;}
#MainMenu{
      height:100%;
      width:300px;
      background-color:rgba(28,35,53,1);
      -webkit-clip-path:polygon(0 0,100% 0,0% 100%, 0% 100%);
      position:fixed;
      top:0;
      left:-300px;
      transition:all .3s ease-in-out;
      background-image:url(../img/fond-menu.png);
      background-repeat:no-repeat;
      background-size:100%;
      background-position:bottom;
      z-index:99;
}

/* PC */

.inc-header-phone{display:none;}
.bloc-blanc{
      padding:20px 0;
      text-align:center;
      position:relative;
}
.bloc-blanc .lien-logo-pc img{
      width:70px;
      transition:all .5s;
}
.bloc-blanc .lien-logo-pc:hover img{transform:rotate(-15deg);}
.bloc-nav{
      max-width:1200px;
      display:flex;
      margin:0 auto;
}
.bloc-nav nav{
      margin:0 auto;
      padding:10px 0;
      border-top:1px solid #07A299;
}
.bloc-nav nav .menu-navigation-2{list-style-type:none;}
.bloc-nav nav .menu-navigation-2 li{float:left;}
.bloc-nav nav .menu-navigation-2 li a{
      display:block;
      padding:10px;
      font-size:90%;
      text-transform:uppercase;
      text-align:center;
      text-decoration:none;
      color:#26635e;
}
.bloc-nav nav .menu-navigation-2 li .radius-accueil{border-radius:4px 0 0 4px;}
.bloc-nav nav .menu-navigation-2 li .radius-contact{border-radius:0 4px 4px 0;}
.bloc-nav nav .menu-navigation-2 li a:hover{
      color:rgba(255,255,255,1);
      background-color:#07A299;
      transition:300ms;
}


/* PHONE */

.menu-navigation{
      list-style:none;
      padding:0;
      margin:0;
      color:rgba(255,255,255,1);
      text-align:center;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      width:100%;
}
.menu-navigation li{margin:20px;}
.menu-navigation li:hover{cursor:pointer;}
.menu-navigation li.actived a{color:#07A299;}
.menu-navigation li .line{
      height:1px;
      width:0;
      background-color:rgba(255,255,255,1);
      position:absolute;
      left:50%;
      transform:translate(-50%);
      transition:all .3s;
}
.menu-navigation li .line span{display:none;}
.menu-navigation li:hover .line{width:100px;}
.menu-navigation li a{
      padding:10px;
      display:block;
      text-transform:uppercase;
      text-decoration:none;
      color:rgba(255,255,255,1);
      transition:all .3s;
      font-size:90%;
}
.menu-navigation li:hover a{color:#07A299;}
#logo{
      position:absolute;
      top:20px;
      left:50%;
      transform:translate(-50%);
}
#logo img{
      width:70px;
      transition:all .3s;
      transition-delay:.3s;
      margin:0 0 0 500px;
}
#logo img.LogoAfter{
      margin:0;
      transition-delay:.7s;
}
#close{
      position:absolute;
      bottom:20px;
      left:50%;
      padding:10px;
      transform:translate(-50%);
      transition:all .3s;
      border-radius:50%;
      cursor:pointer;
}
#close:hover{background-color:rgba(255,255,255,0.2);}
#close img{
      width:35px;
      height:35px;
}


/* HEADER */

.section-all{
      width:100%;
      background-color:rgba(0,0,0,0.3);
      overflow:hidden;
}
.section-all img{width:100%;}

.responsive-design-1{
      width:100%;
}


.section-header{
      padding:50px;
      background-repeat:no-repeat;
      background-size:cover;
      background-position:center;
      position:relative;
      color:rgba(255,255,255,1);
      text-transform:uppercase;
      text-align:center;
      overflow:hidden;
}
.section-header h1{
      font-weight:900;
      font-size:250%;
      text-shadow:2px 2px 3px rgba(0,0,0,0.3);
}
.section-header i{margin:0 0 0 50px;}
.section-header-portfolio{background-image:url(../img/wallpaper3-a.jpg);}
.section-header-photo-video{background-image:url(../img/wallpaper2-a.jpg);}
.section-header-services{background-image:url(../img/pexels-negative.jpg);}
.bureau1{width:100%;}
.section-img-bureau1{
      width:100%;
      background-color:gray;
      padding:50px 0 0 0;
      margin:0 0 50px 0;
}







/* SCROLL BTN */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
html{scroll-behavior:smooth;}



/* SLIDE ACCUEIL */

.cadre-qsj{
      height:100px;
      width:100%;
      position:absolute;
      left:20px;
      bottom:20px;
      z-index:1;
}
.cadre-qsj .cadre-photo{
      width:100px;
      height:100%;
      border-radius:50%;
      border:5px solid rgba(7,162,153,0.4);
      overflow:hidden;
      position:absolute;
      z-index:1;
      transition:all 500ms;
}
.cadre-qsj .cadre-photo:hover{
      transform:rotate(-15deg);
      border:5px solid rgba(7,162,153,1);
}
.cadre-qsj .cadre-photo .filtre-noir{
      width:200px;
      height:200px;
      position:absolute;
      top:50px;
      left:50%;
      margin:-100px 0 0 -100px;
      background-color:transparent;
      transition:all 300ms;
      z-index:1;
}
.cadre-qsj .cadre-photo:hover .filtre-noir{background-color:rgba(0,0,0,0.5);}
.cadre-qsj .cadre-photo .filtre-noir span{display:none;}
.cadre-qsj .cadre-photo img{
      width:140px;
      position:absolute;
      left:50%;
      top:50%;
      margin:-70px 0 0 -70px;
      transition:all 300ms;
}
.cadre-qsj .cadre-photo:hover img{transform:scale(1.1);}
.cadre-qsj .info-bulle{
      opacity:0;
      width:350px;
      height:100%;
      margin:0 0 0 100px;
      text-align:center;
      font-weight:200;
      background-color:rgba(0,0,0,0.7);
      color:rgba(255,255,255,1);
      border:2px solid rgba(7,162,153,1);
      padding:10px;
      border-radius:20px;
      position:absolute;
      transition:all 500ms;
}
.cadre-qsj .info-bulle.InfoBulle{
      opacity:1;
      margin:0 0 0 150px;
}
.cadre-qsj .info-bulle p{
      margin:0;
      padding:0;
}
.cadre-qsj .info-bulle p .span-ak{
      text-transform:uppercase;
      font-size:150%;
      color:#07A299;
}
.cadre-qsj .info-bulle p .span-k{font-weight:bold;}
.cadre-qsj .info-bulle img{
      width:40px;
      position:absolute;
      left:-40px;
      top:50%;
      margin:-20px 0 0 0;
}

.slide{
      display:flex;
      justify-content:center;
      align-items:center;
      flex-wrap:wrap;
      flex-direction:column;
      width:100%;
      height:100%;
}
.card{
      width:100%;
      height:100vh;
      display:flex;
      background:rgba(255,255,255,1);
}
.card-img{
      background-position:center;
      width:50%;
      height:100%;
      background-size:cover;
      background-repeat:no-repeat;
}
#img01{background-image:url(../img/wallpaper3.jpg)/* url("https://images.unsplash.com/photo-1505324453012-a12195b84346?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80")*/;}
#img02{background-image:url(../img/pexels-negative.jpg)/* url(" https://images.unsplash.com/photo-1517223674523-595bea3551ef?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1402&q=80")*/;}
#img03{background-image:url(../img/wallpaper2.jpg)/* url(" https://images.unsplash.com/photo-1485880776513-a4058931414e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80")*/;}
.card-content{
      padding:2% 5% 5% 5%;
      box-sizing:border-box;
      width:50%;
      background:rgba(28,35,53,1);
}
.card-content a img{
      width:70px;
      margin:50px 0;
}
.card-theme{
      font-weight:300;
      font-size:1.7vmin;
      text-transform:uppercase;
      letter-spacing:10px;
      color:grey;
}
.card-theme span{font-weight:900;}
.card-header{
      font-weight:700;
      font-size:300%;
      text-transform:/*capitalize*/uppercase;
      line-height:1;
      margin:3vmin 0 3.5vmin;
      color:#07A299;
      text-shadow:3px 3px rgba(0,0,0,0.3);
}
.card-header .lettre-transp{transition:mall .3s;}
.card-header .lettre-transp:hover{color:rgba(255,255,255,1);}
.card-para{
      font-size:90%;
      /*line-height:1.7;*/
      /*font-weight:300;*/
      /*margin-bottom:5vmin;*/
      color:rgba(255,255,255,1);
}
.card-link{
      background-color:transparent;
      color:#07A299;
      /*font-size:1.8vmin;*/
      display:inline-block;
      cursor:pointer;
      transition:opacity 0.3s ease;
      padding:10px 20px;
      border:1px solid #07A299;
      border-radius:5px;
      text-align:center;
      text-transform:uppercase;
      transition:300ms;
      overflow:hidden;
      text-shadow:2px 2px rgba(0,0,0,0.5);
      box-shadow:2px 2px rgba(0,0,0,0.5);
}
.card-link:hover{
      background-color:rgba(0,0,0,0.7);
      color:#07A299;
      text-decoration:none;
      /*letter-spacing:5px;*/
}
.card-link:after{
      /*content:"→";*/
      padding:0 0 0 10px;
      transition:300ms;
}
.card-link .span-lettre{transition:all .5s;}
.card-link:hover .span-lettre{padding:0 0 0 5px;}
.card-link .fas{
      transition:all .3s ease;
      padding:0 0 0 10px;
}
.card-link:hover .fas{
      padding:0 0 0 20px;
      /*transform:rotate(360deg);*/
}
.prevnext{
      position:absolute;
      width:50px;
      height:105px;
      right:20px;
      bottom:20px;
      /*top:80%;*/
      color:rgba(255,255,255,1);
      z-index:3;
}
.pn-btn{
      color:#07A299;
      width:/*100%*/100%;
      height:/*50%*/50px;
      border:1px solid #07A299;
      border-radius:5px;
      padding:25px;
      background-color:transparent;
      font-size:20px;
      font-weight:bold;
      line-height:50px;
      margin:0 0 5px 0;
      transition:all .5s;
}
.pn-btn:hover{
      color:rgba(28,35,53,1);
      background-color:#07A299;
      font-size:25px;
}
#prev, #next{
      position:relative;
      cursor:pointer;
}
#prev:focus, #next:focus{outline:none;}
#prev:hover:after, #next:hover:after{opacity:1;}
#prev:after, #next:after{
      position:absolute;
      width:100%;
      height:100%;
      left:0;
      top:0;
      right:0;
      bottom:0;
      margin:auto;
      opacity:0.6;
      transition:opacity 0.3s ease;
}
#prev:after{content:"↑"}
#next:after{content:"↓"}



/* FORMULAIRE */

.messageOK,
.messageNOK{
      font-size:120%;
      font-weight:800;
      text-align:center;
      border-radius:10px;
}
.messageOK{
      color:green;
      border:1px solid green;
}
.messageNOK{
      color:red;
      border:1px solid red;
}
.message_erreur{color:orange;}
.form_contact{width:100%;}
.form_contact .col-form{padding:0 0 50px 0;}
.form_contact .notice{
      padding:20px 0;
      text-align:center;
}
.form_contact .notice,
.form_contact .req_sign{color:28,35,53,1}
.form_contact .form-p{text-align:center;}
.form_contact .form-p .label{
      text-transform:uppercase;
      font-size:inherit;
      font-weight:inherit;
      color:rgba(28,35,53,1);
      display:none;
}
.form_contact .form-p .champ{
      float:right;
      width:100%;
      height:40px;
      transition:all .3s;
      padding:10px;
      border-radius:5px;
      background-color:rgba(28,35,53,0.2);
      border:none;
      font-family:inherit;
      margin:10px 0 0 0;
}
.form_contact .form-p .champ:focus{
      background-color:rgba(28,35,53,0.4);
      border:none;
      padding:0 0 0 10px;
      outline:none;
      color:rgba(255,255,255,1);
}
.form_contact .form-p .textarea{
      height:150px;
      margin:30px 0;
}
.form_contact .form-p .textarea:focus{padding:10px 0 0 10px;}
.form_contact .btn-valide{
      padding:15px 40px;
      margin:0 auto;
      display:block;
      border-radius:5px;
      text-transform:uppercase;
      transition:300ms;
      color:#1c2335;
      border:2px solid rgba(28,35,53,1);
      background-color:transparent;
}
.form_contact .btn-valide:hover{
      cursor:pointer;
      background-color:rgba(28,35,53,1);
      color:rgba(255,255,255,1);
}
.section-iframe{
      width:100%;
      margin:50px 0 0 0;
      height:initial;
}
.section-iframe iframe{
      width:100%;
      height:300px;
      border-radius:5px;
}


/* SECTION LOGO */

.section-logo-tab,
.section-logo-phone{display:none;}
.section-logo .groupe-logo{
      list-style-type:none;
      padding:0 20px;
}
.section-logo .groupe-logo .col-4-a,
.section-logo .groupe-logo .col-3-a,
.section-logo .groupe-logo .col-2-a{
      float:left;
      padding:10px;
}
.section-logo .groupe-logo .col-4-a{width:25%;}
.section-logo .groupe-logo .col-3-a{width:33.333%;}
.section-logo .groupe-logo .col-2-a{width:50%;}

.section-logo .groupe-logo .col-4-a .a-logo,
.section-logo .groupe-logo .col-3-a .a-logo,
.section-logo .groupe-logo .col-2-a .a-logo{
      display:block;
      border-radius:10px;
      border:1px solid rgba(255,255,255,1);
      padding:10px;
      margin:0 0 10px 0;
      transition:all .9s;
      width:100%;
      cursor:pointer;
}
.section-logo .groupe-logo .col-4-a:hover .a-logo,
.section-logo .groupe-logo .col-3-a:hover .a-logo,
.section-logo .groupe-logo .col-2-a:hover .a-logo{border:1px solid rgba(0,0,0,0.3);}
.section-logo .groupe-logo .col-4-a .a-logo img,
.section-logo .groupe-logo .col-3-a .a-logo img,
.section-logo .groupe-logo .col-2-a .a-logo img{
      margin:0 auto;
      display:block;
      transition:all .3s;
      opacity:0.5;
}
.section-logo .groupe-logo .col-4-a .a-logo:hover img,
.section-logo .groupe-logo .col-3-a .a-logo:hover img,
.section-logo .groupe-logo .col-2-a .a-logo:hover img{opacity:1;}

.section-logo .groupe-logo .col-4-a .a-logo .logo-safari,
.section-logo .groupe-logo .col-3-a .a-logo .logo-safari,
.section-logo .groupe-logo .col-2-a .a-logo .logo-safari,
.section-logo .groupe-logo .col-4-a .a-logo .logo-benj,
.section-logo .groupe-logo .col-3-a .a-logo .logo-benj,
.section-logo .groupe-logo .col-2-a .a-logo .logo-benj{width:100%;}

.section-logo .groupe-logo .col-4-a .a-logo .logo-plumart,
.section-logo .groupe-logo .col-3-a .a-logo .logo-plumart,
.section-logo .groupe-logo .col-2-a .a-logo .logo-plumart,
.section-logo .groupe-logo .col-4-a .a-logo .logo-siloe,
.section-logo .groupe-logo .col-3-a .a-logo .logo-siloe,
.section-logo .groupe-logo .col-2-a .a-logo .logo-siloe,
.section-logo .groupe-logo .col-4-a .a-logo .logo-vac,
.section-logo .groupe-logo .col-3-a .a-logo .logo-vac,
.section-logo .groupe-logo .col-2-a .a-logo .logo-vac,
.section-logo .groupe-logo .col-4-a .a-logo .logo-ght,
.section-logo .groupe-logo .col-3-a .a-logo .logo-ght,
.section-logo .groupe-logo .col-2-a .a-logo .logo-ght,
.section-logo .groupe-logo .col-4-a .a-logo .logo-tw,
.section-logo .groupe-logo .col-3-a .a-logo .logo-tw,
.section-logo .groupe-logo .col-2-a .a-logo .logo-tw,
.section-logo .groupe-logo .col-4-a .a-logo .logo-cub,
.section-logo .groupe-logo .col-3-a .a-logo .logo-cub,
.section-logo .groupe-logo .col-2-a .a-logo .logo-cub{width:60%;}

.section-logo .groupe-logo .col-4-a .a-logo .logo-mdg,
.section-logo .groupe-logo .col-3-a .a-logo .logo-mdg,
.section-logo .groupe-logo .col-2-a .a-logo .logo-mdg{width:80%;}

.section-logo .groupe-logo .col-4-a .a-logo .logo-erg,
.section-logo .groupe-logo .col-3-a .a-logo .logo-erg,
.section-logo .groupe-logo .col-2-a .a-logo .logo-erg{width:40%;}

.section-logo .groupe-logo .col-last{margin-right:0;}

.wrapper-web{
      width:100%;
      background-image:url(../img/wallpaper5.jpg);
      background-size:cover;
      background-attachment:fixed;
      position:relative;
      overflow:hidden;
}
.wrapper-web .bloc-overlay{
      padding:0 20px;
      width:100%;
      background-color:rgba(28,35,53,0.5);
      overflow:hidden;
}

.wrapper-web .bloc-overlay .ul-tab,
.wrapper-web .bloc-overlay .ul-phone{display:none;}

.wrapper-web .bloc-overlay img,
.wrapper-web .bloc-overlay .ul-pc .col-4-b a img,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a img,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a img{width:100%;}
.wrapper-web .bloc-overlay .ul-pc,
.wrapper-web .bloc-overlay .ul-tab,
.wrapper-web .bloc-overlay .ul-phone{list-style-type:none;}
.wrapper-web .bloc-overlay .ul-pc .col-4-b,
.wrapper-web .bloc-overlay .ul-tab .col-3-b,
.wrapper-web .bloc-overlay .ul-phone .col-2-b{
      float:left;
      padding:10px;
}
.wrapper-web .bloc-overlay .ul-pc .col-4-b{width:25%;}
.wrapper-web .bloc-overlay .ul-tab .col-3-b{width:33.333%;}
.wrapper-web .bloc-overlay .ul-phone .col-2-b{width:50%;}

.wrapper-web .bloc-overlay .ul-pc .col-4-b a,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a{
      display:block;
      overflow:hidden;
      position:relative;
      transition:all .7s;
      margin:10px 0 0 0;
}
.wrapper-web .bloc-overlay .ul-pc .col-4-b a{border:2px solid rgba(255,255,255,0);}
.wrapper-web .bloc-overlay .ul-pc .col-4-b a:hover{border:2px solid rgba(255,255,255,1);}

.wrapper-web .bloc-overlay .ul-pc .col-4-b a .overlay-site,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a .overlay-site,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a .overlay-site{
      width:400px;
      height:400px;
      line-height:400px;
      position:absolute;
      left:50%;
      top:50%;
      margin:-200px 0 0 -200px;
      background-color:transparent;
      text-align:center;
      color:rgba(255,255,255,1);
      text-align:center;
      transition:all .5s;
      z-index:1;
}

.wrapper-web .bloc-overlay .ul-pc .col-4-b a:hover .overlay-site,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a:hover .overlay-site,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a:hover .overlay-site{background-color:rgba(0,0,0,0.5);}

.wrapper-web .bloc-overlay .ul-pc .col-4-b a .overlay-site span,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a .overlay-site span,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a .overlay-site span{
      opacity:0;
      font-size:250%;
      transition:all .3s;
}

.wrapper-web .bloc-overlay .ul-pc .col-4-b a:hover .overlay-site span,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a:hover .overlay-site span,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a:hover .overlay-site span{
      opacity:1;
      font-size:100%;
}

.wrapper-web .bloc-overlay .ul-pc .col-4-b a img,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a img,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a img{transition:all .3s;}

.wrapper-web .bloc-overlay .ul-pc .col-4-b a:hover img,
.wrapper-web .bloc-overlay .ul-tab .col-3-b a:hover img,
.wrapper-web .bloc-overlay .ul-phone .col-2-b a:hover img{transform:scale(1.1);}

.wrapper-web .wrapper-responsive h4{
      border-radius:30px;
      border:1px solid rgba(255,255,255,1);
      padding:10px;
      display:inline-block;
      margin:0 0 30px 0;
}

.wrapper-web .wrapper-responsive img{
      width:500px;
      margin:50px auto 0 auto;
      display:inline-block;
}
.section-logo .wrapper-infographie{padding:0 0 50px 0;}
.section-logo .wrapper-infographie .cadre-texte-logo{padding:0 20px 50px 20px;}
.cadre-texte-logo,
.section-logo .wrapper-infographie .cadre-texte-logo,
.wrapper-web .wrapper-responsive .cadre-texte-respo{
      text-align:center;
      width:800px;
      margin:0 auto;
}





/* BTN-TOP-PLUMART */

.btn-top-plumart{
      position:fixed;
      right:20px;
      bottom:40px;
      width:50px;
      height:50px;
      line-height:50px;
      background-color:rgba(0,0,0,0.7);
      text-align:center;
      transition:all .2s;
      border-radius:5px;
      border:1px solid transparent;
      display:none;
      z-index:99;
}
.btn-top-plumart:hover{background-color:rgba(0,0,0,0.9);}
.btn-top-plumart .barre-gauche,
.btn-top-plumart .barre-droite{
      width:1px;
      height:20px;
      background-color:#07A299;
      position:absolute;
      top:50%;
      margin:-10px 0 0 0;
      transition:all .3s;
}
.btn-top-plumart .barre-gauche{
      left:23.5px;
      transform-origin:0 0;
      transform:rotate(50deg);
}
.btn-top-plumart .barre-droite{
      right:23.5px;
      transform-origin:0 0;
      transform:rotate(-50deg);
}
.btn-top-plumart:hover .barre-gauche{transform:rotate(35deg);}
.btn-top-plumart:hover .barre-droite{transform:rotate(-35deg);}
.btn-top-plumart:hover .barre-gauche,
.btn-top-plumart:hover .barre-droite{background-color:rgba(255,255,255,1);}
.btn-top-plumart span{display:none;}

/* QUI SUIS-JE ? */

.section-alberto{
      text-align:center;
      padding:0 0 50px 0;
}
.h1-alberto{
      text-transform:uppercase;
      text-align:center;
}
.h1-alberto span{font-weight:bold;}
.div-ligne{
      width:100px;
      height:0.5px;
      background-color:#26635e;
      margin:0 auto;
}
.div-ligne span{display:none;}
.section-alberto .ligne-rond-photo{
      width:160px;
      height:160px;
      border:1px solid rgba(0,0,0,0.3);
      border-radius:50%;
      position:relative;
      margin:20px auto;
}
.section-alberto .ligne-rond-photo .rond-photo{
      width:150px;
      height:150px;
      border-radius:50%;
      position:absolute;
      left:50%;
      top:50%;
      margin:-75px 0 0 -75px;
      overflow:hidden;
}
.section-alberto .ligne-rond-photo .rond-photo img{
      width:210px;
      position:absolute;
      left:50%;
      top:50%;
      margin:-105px 0 0 -105px;
}
.section-alberto .imep{
      display:block;
      text-transform:uppercase;
}
.wrapper-infographie,
.wrapper-web{text-align:center;}
.wrapper-infographie h2,
.wrapper-web h2,
.section-alberto h2{
      display:inline-block;
      padding:0 20px;
      margin:100px 0 20px 0;
      border-left:20px solid #07A299;
}
.wrapper-web{color:rgba(255,255,255,1);}
.wrapper-web h2{
      color:rgba(255,255,255,1);
      margin:50px 0 20px 0;
}
.section-alberto .ligne-h2{margin:0 auto 20px auto;}
.wrapper-infographie{overflow:hidden;}
.wrapper-infographie .col-2 .cadre-img-col{
      /*display:none;*/
      width:100%;
      margin:20px 0 0 0;
}
.wrapper-infographie .col-2 .cadre-img-col img{width:100%;}
.wrapper-infographie .col-2 .cadre-img-col .border-line{
      width:100%;
      display:block;
      overflow:hidden;
      border:1px solid rgba(0,0,0,0.3);
      padding:10px;
}
.wrapper-infographie .contenu .col-2 .cadre-img-col .border-line{border:1px solid rgba(255,255,255,0.3);}
.wrapper-infographie .col-2 .cadre-img-col .border-line:hover{border:1px solid rgba(0,0,0,0.7);}
.wrapper-infographie .contenu .col-2 .cadre-img-col .border-line:hover{border:1px solid rgba(255,255,255,1);}
.wrapper-infographie .col-2 .cadre-img-col .border-line .cadre-img-bloc{
      display:block;
      overflow:hidden;
      position:relative;
      text-transform:uppercase;
      font-weight:100;
}
.wrapper-infographie .col-2 .cadre-img-col .border-line .cadre-img-bloc .titre{
      width:100%;
      padding:10px 20px;
      background-color:rgba(7,162,153,0.7);
      color:rgba(255,255,255,1);
      display:block;
      text-align:center;
      position:absolute;
      bottom:-50px;
      left:0;
      transition:all .2s;
      z-index:2;
}
.wrapper-infographie .col-2 .cadre-img-col .border-line .cadre-img-bloc:hover .titre{bottom:0;}
.wrapper-infographie .col-2 .cadre-img-col .border-line .cadre-img-bloc .overlay{
      width:1500px;
      height:1500px;
      line-height:1500px;
      background-color:rgba(0,0,0,0.4);
      text-align:center;
      color:rgba(255,255,255,1);
      position:absolute;
      left:50%;
      top:50%;
      margin:-750px 0 0 -750px;
      font-size:500%;
      transition:all .5s;
      opacity:0;
      z-index:1;
}
.wrapper-infographie .col-2 .cadre-img-col .border-line .cadre-img-bloc:hover .overlay{
      opacity:1;
      font-size:inherit;
      color:rgba(255,255,255,0.5);
}
.wrapper-infographie .col-2 .cadre-img-col .border-line .cadre-img-bloc img{transition:all .3s;}
.wrapper-infographie .col-2 .cadre-img-col .border-line .cadre-img-bloc:hover img{transform:scale(1.1);}
.wrapper-infographie .col-2 .cadre-img-col .bl-barnes{margin:0 0 20px 0;}
.wrapper-infographie .col-2 .cadre-img-col .craquelure{
      width:70%;
      margin:20px 0 0 0;
}
.wrapper-infographie .col-2 .cadre-img-col .h5-corps-accords,
.wrapper-infographie .col-2 .cadre-img-col .h5-carte-plumart{
      border-left:solid 20px rgba(0,0,0,0.7);
      text-transform:uppercase;
      padding:3px 10px;
      display:inline-block;
      color:rgba(255,255,255,1);
}
.wrapper-infographie .col-2 .cadre-img-col .h5-corps-accords{background-color:#ff0050;}
.wrapper-infographie .col-2 .cadre-img-col .h5-carte-plumart{background-color:#B8C51F;}
.wrapper-infographie .col-2 .cadre-img-col .span-titre-coul{
      margin:10px 0 0 0;
      display:inline-block;
}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul{
      margin:0 auto;
      display:inline-block;
}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul .coul{
      width:20px;
      height:20px;
      background-color:black;
      border-radius:50%;
      float:left;
      margin:0 5px 0 0;
      cursor:pointer;
      text-align:center;
}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul .coul-1{background-color:#ff0050;}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul .coul-2{background-color:#cf301a;}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul .coul-3{background-color:#472b22;}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul .coul-4{background-color:#B8C51F;}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul .coul-5{background-color:#1c2335;}
.wrapper-infographie .col-2 .cadre-img-col .groupe-coul .coul-6{background-color:#7b7a7a;}
.wrapper-infographie .col-2 .cadre-img-col p{font-size:90%;}
.wrapper-infographie .ligne-h2 span,
.section-alberto .ligne-h2 span{display:none;}
.section-alberto .zone-log{
      width:500px;
      overflow:hidden;
      margin:0 auto;
}
.section-alberto .zone-log span{display:none;}
.section-alberto .zone-log .logo-log{
      width:8%;
      margin:0 0 10px 0;
}
.section-alberto .lien-form{
      text-transform:uppercase;
      transition:all .3s;
}
.section-alberto .lien-form:hover{
      color:#07A299;
      text-decoration:none;
}
.section-alberto .img-bureau{width:100%;}
.section-alberto .signature{
      width:200px;
      margin:50px 0 0 0;
} 
.bouton-cv{
      display:block;
      padding:10px 20px;
      border-radius:4px;
      text-align:center;
      text-transform:uppercase;
      background-color:#07A299;
      text-decoration:none;
      border:none;
      transition:all .5s;
      margin:0 auto;
}
.bouton-cv:hover{background-color:#26635e;}
.bouton-cv a{
      color:rgba(255,255,255,1);
      text-decoration:none;
}
.bouton-cv a .fas{margin:0 0 0 10px;}




/* FADE */

.fond-popup-plumart,
.fond-popup-safari,
.fond-popup-siloe,
.fond-popup-cub,
.fond-popup-ght,
.fond-popup-benj,
.fond-popup-vac,
.fond-popup-erg,
.fond-popup-tw,
.fond-popup-mdg{
      z-index:9999999999;
      display:none /*block*/;
      position:fixed;
      left:0;
      top:0;
      width:100%;
      height:100%;
      background-color:rgba(0,0,0,0.7);
}

.fond-popup-plumart .popup,
.fond-popup-safari .popup,
.fond-popup-siloe .popup,
.fond-popup-cub .popup,
.fond-popup-ght .popup,
.fond-popup-benj .popup,
.fond-popup-vac .popup,
.fond-popup-erg .popup,
.fond-popup-tw .popup,
.fond-popup-mdg .popup{
      width:1000px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
      background: rgb(69,72,77); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      color:rgba(255,255,255,1);
      box-shadow:0 0 20px rgba(0,0,0,0.5);
      padding:20px;
      /*border:solid 5px rgba(255,255,255,1);*/
      position:absolute;
      top:50%;
      left:50%;
      margin:-250px 0 0 -500px;
}

.fond-popup-plumart .popup h4,
.fond-popup-safari .popup h4,
.fond-popup-siloe .popup h4,
.fond-popup-cub .popup h4,
.fond-popup-ght .popup h4,
.fond-popup-benj .popup h4,
.fond-popup-vac .popup h4,
.fond-popup-erg .popup h4,
.fond-popup-tw .popup h4,
.fond-popup-mdg .popup h4{text-transform:uppercase;}

.fond-popup-plumart .popup .groupe-col,
.fond-popup-safari .popup .groupe-col,
.fond-popup-siloe .popup .groupe-col,
.fond-popup-cub .popup .groupe-col,
.fond-popup-ght .popup .groupe-col,
.fond-popup-benj .popup .groupe-col,
.fond-popup-vac .popup .groupe-col,
.fond-popup-erg .popup .groupe-col,
.fond-popup-tw .popup .groupe-col,
.fond-popup-mdg .popup .groupe-col{
      border:1px solid rgba(255,255,255,0.5);
      padding:10px;
      text-align:center;
      overflow:hidden;
}

.fond-popup-plumart .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-plumart .popup .groupe-col .col-2-3 .bloc-logo-col,
.fond-popup-safari .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-safari .popup .groupe-col .col-2-3 .bloc-logo-col,
.fond-popup-safari .popup .groupe-col .col-2-3 .bloc-logo-col .col-2,
.fond-popup-siloe .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-siloe .popup .groupe-col .col-2-3 .bloc-logo-col,
.fond-popup-cub .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-cub .popup .groupe-col .col-2-3 .bloc-logo-col,
.fond-popup-cub .popup .groupe-col .col-2-3 .bloc-logo-col .col-2,
.fond-popup-ght .popup .groupe-col .col-1-3,
.fond-popup-ght .popup .groupe-col .col-2-3,
.fond-popup-benj .popup .groupe-col .col-1-3,
.fond-popup-benj .popup .groupe-col .col-2-3,
.fond-popup-vac .popup .groupe-col .col-1-3,
.fond-popup-vac .popup .groupe-col .col-2-3,
.fond-popup-erg .popup .groupe-col .col-1-3,
.fond-popup-erg .popup .groupe-col .col-2-3,
.fond-popup-tw .popup .groupe-col .col-1-3,
.fond-popup-tw .popup .groupe-col .col-2-3,
.fond-popup-mdg .popup .groupe-col .col-1-3,
.fond-popup-mdg .popup .groupe-col .col-2-3{overflow:hidden;}

.fond-popup-plumart .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-safari .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-siloe .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-cub .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-ght .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-benj .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-vac .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-erg .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-tw .popup .groupe-col .col-1-3 .bloc-logo-col,
.fond-popup-mdg .popup .groupe-col .col-1-3 .bloc-logo-col{
      background-color:rgba(255,255,255,1);
      padding:30px;      
}

.fond-popup-plumart .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-safari .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-siloe .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-cub .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-ght .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-benj .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-vac .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-erg .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-tw .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-mdg .popup .groupe-col .col-1-3 .bloc-logo-col img{
      margin:0 auto;
      display:block;
}

.fond-popup-plumart .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-siloe .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-cub .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-ght .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-tw .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-vac .popup .groupe-col .col-1-3 .bloc-logo-col img{width:60%;}
.fond-popup-mdg .popup .groupe-col .col-1-3 .bloc-logo-col img{width:80%;}
.fond-popup-erg .popup .groupe-col .col-1-3 .bloc-logo-col img{width:40%;}

.fond-popup-safari .popup .groupe-col .col-1-3 .bloc-logo-col img,
.fond-popup-benj .popup .groupe-col .col-1-3 .bloc-logo-col img{width:100%;}

.fond-popup-plumart .popup .groupe-col .bouton-charte,
.fond-popup-safari .popup .groupe-col .bouton-charte,
.fond-popup-siloe .popup .groupe-col .bouton-charte,
.fond-popup-cub .popup .groupe-col .bouton-charte,
.fond-popup-ght .popup .groupe-col .bouton-charte,
.fond-popup-benj .popup .groupe-col .bouton-charte,
.fond-popup-vac .popup .groupe-col .bouton-charte,
.fond-popup-erg .popup .groupe-col .bouton-charte,
.fond-popup-tw .popup .groupe-col .bouton-charte,
.fond-popup-mdg .popup .groupe-col .bouton-charte{
      margin:10px 0 0 0;
      padding:10px 20px;
      background-color:rgba(255,255,255,1);
      color:#1c2335;
      border:1px solid rgba(255,255,255,1);
      transition:all .3s;
}

.fond-popup-plumart .popup .groupe-col .bouton-charte:hover,
.fond-popup-safari .popup .groupe-col .bouton-charte:hover,
.fond-popup-siloe .popup .groupe-col .bouton-charte:hover,
.fond-popup-cub .popup .groupe-col .bouton-charte:hover,
.fond-popup-ght .popup .groupe-col .bouton-charte:hover,
.fond-popup-benj .popup .groupe-col .bouton-charte:hover,
.fond-popup-vac .popup .groupe-col .bouton-charte:hover,
.fond-popup-erg .popup .groupe-col .bouton-charte:hover,
.fond-popup-tw .popup .groupe-col .bouton-charte:hover,
.fond-popup-mdg .popup .groupe-col .bouton-charte:hover{
      background-color:transparent;
      color:rgba(255,255,255,1);
}

.fond-popup-plumart .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-safari .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-siloe .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-cub .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-ght .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-benj .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-vac .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-erg .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-tw .popup .groupe-col .col-2-3 .bloc-logo-col img,
.fond-popup-mdg .popup .groupe-col .col-2-3 .bloc-logo-col img{width:100%;}

.fond-popup-plumart .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-safari .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-siloe .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-cub .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-ght .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-benj .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-vac .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-erg .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-tw .popup .groupe-col .col-2-3 .bloc-logo-col p,
.fond-popup-mdg .popup .groupe-col .col-2-3 .bloc-logo-col p{
      text-align:left;
      font-size:80%;
}

.fond-popup-plumart .popup .x,
.fond-popup-safari .popup .x,
.fond-popup-siloe .popup .x,
.fond-popup-cub .popup .x,
.fond-popup-ght .popup .x,
.fond-popup-benj .popup .x,
.fond-popup-vac .popup .x,
.fond-popup-erg .popup .x,
.fond-popup-tw .popup .x,
.fond-popup-mdg .popup .x{
      position:absolute;
      top:20px;
      right:20px;
      border:none;
      background-color:rgba(255,255,255,1)
      color:rgba(255,255,255,1);
      width:30px;
      height:30px;
      padding:5px;
      line-height:30px;
      border-radius:50%;
      cursor:pointer;
}

.fond-popup-plumart .popup .x img,
.fond-popup-safari .popup .x img,
.fond-popup-siloe .popup .x img,
.fond-popup-cub .popup .x img,
.fond-popup-ght .popup .x img,
.fond-popup-benj .popup .x img,
.fond-popup-vac .popup .x img,
.fond-popup-erg .popup .x img,
.fond-popup-tw .popup .x img,
.fond-popup-mdg .popup .x img{
      width:20px;
      position:absolute;
      top:50%;
      left:50%;
      margin:-10px 0 0 -10px;
      transition:all .3s;
}

.fond-popup-plumart .popup .x:hover img,
.fond-popup-safari .popup .x:hover img,
.fond-popup-siloe .popup .x:hover img,
.fond-popup-cub .popup .x:hover img,
.fond-popup-ght .popup .x:hover img,
.fond-popup-benj .popup .x:hover img,
.fond-popup-vac .popup .x:hover img,
.fond-popup-erg .popup .x:hover img,
.fond-popup-tw .popup .x:hover img,
.fond-popup-mdg .popup .x:hover img{transform:rotate(180deg);}



/* PRESSE */

.groupe-cmjn{
      width:400px;
      height:10px;
      margin:20px auto;
      border-radius:10px;
      overflow:hidden;
}
.groupe-cmjn .cmjn{
      width:100px;
      height:100%;
      float:left;
}
.groupe-cmjn .cmjn-c{background-color:#01afec;}
.groupe-cmjn .cmjn-m{background-color:#f50389;}
.groupe-cmjn .cmjn-j{background-color:#fff031;}
.groupe-cmjn .cmjn-n{background-color:#000000;}


.presse .col-2{padding:20px 0;}
.presse .col-2 img{width:100%;}

.presse .div-contour{text-align:left;}
.presse .div-contour h3{margin:0;}
.presse .div-contour .magique{
      color:#884c99;
      font-size:300%;
      font-weight:bold;
}
.presse .div-contour p{padding:20px 0;}



/* ACCORDEON */

.accordeon{
      background-color:#26635e;
      color:rgba(255,255,255,1);
      padding:0 0 20px 0;
}

.accordeon .bande-chevron{
      width:100%;
      background-color:rgba(0,0,0,0.2);
      text-align:center;
      font-size:250%;
}


.accordeon .bande-chevron i{
      display:block;
      overflow:hidden;
}
.accordeon .bande-chevron .fa-chevron-down{
      cursor:pointer;
      transition:all .3s;
      opacity:0.5;
}
.accordeon .bande-chevron .fa-chevron-down.chevronDown{display:none;}

.accordeon .bande-chevron .fa-chevron-down:hover{opacity:1;}

.accordeon .bande-chevron .fa-chevron-up{
      cursor:pointer;
      display:none;
      transition:all .3s;
      opacity:0.5;
}
.accordeon .bande-chevron .fa-chevron-up:hover{opacity:1;}
.accordeon .bande-chevron .fa-chevron-up.chevronUp{display:block;}

.accordeon .wrapper .titre{
      text-align:center;
      text-transform:uppercase;
      text-shadow:1px 1px 2px rgba(0,0,0,0.7);
}
.accordeon .wrapper .titre.accordeonTitre{opacity:0;}

.accordeon .wrapper .contenu{overflow:hidden;}

.accordeon .wrapper .contenu .col-2 img{
      width:100%;
      margin:0 0 20px 0;
}






/* FOOTER */

footer{
      padding:20px 0 0 0;
      background-color:rgba(28,35,53,1);
      color:rgba(255,255,255,1);
      font-size:80%;
      margin:50px 0 0 0;
}
footer .lien-logo-foot{
      opacity:0.5;
      transition:all .3s;
}
footer .lien-logo-foot:hover{opacity:1;}
footer .lien-logo-foot img{
      width:50px;
      margin:0 0 20px 0;
}
footer .reseaux-s{
      margin:0 0 20px 0;
      float:right;
}
footer .reseaux-s .rs{
      width:30px;
      height:30px;
      line-height:30px;
      text-align:center;
      display:inline-block;
      background-color:rgba(255,255,255,0.3);
      border-radius:50%;
      font-size:150%;
      color:#1c2335;
      margin:0 0 0 5px;
      transition:all .3s;
      box-shadow:2px 2px rgba(0,0,0,0.4);
}
footer .reseaux-s .rs:hover{background-color:rgba(255,255,255,1);}
footer .reseaux-s .rs i{transition:all .3s;}
footer .reseaux-s .rs span{display:none;}
footer .derniere-ligne-footer{
      background-color:#07A299;
      color:rgba(255,255,255,1);
      text-align:center;
      padding:10px 0;
}
footer .derniere-ligne-footer p{
      padding:0;
      margin:0;
}
footer .derniere-ligne-footer p a{
      transition:all .3s ease;
      color:rgba(255,255,255,1);
}
footer .derniere-ligne-footer p a:hover{
      text-decoration:none;
      color:rgba(28,35,53,1);
}



/* RESPONSIVE */

/* Petits écrans */
@media screen and (max-width:1024px){

}

/* Tablettes */
@media screen and (max-width:820px){
      .inc-header-phone{display:block;}
      .inc-header-pc{display:none;}
      .card-content a img{
            width:50px;
            margin:30px 0;
      }
      .card-theme{font-size:1.5vmin;}
      .card-header{font-size:200%;}
      .card-para{font-size:80%;}
      .cadre-qsj{width:0;}
      .cadre-qsj .info-bulle{display:none;}
      .wrapper{max-width:100%;}
      .section-header h1{font-size:200%;}
      .section-header i{margin:0 0 0 20px;}
      .wrapper-affiche .col-2{width:100%;}
      .wrapper-affiche .col-2 .cadre-img-col .col-2{width:47.5%;}
      .section-logo-tab{display:block;}
      .section-logo-pc{display:none;}

      .section-logo .wrapper-infographie .cadre-texte-logo,
      .wrapper-web .wrapper-responsive .cadre-texte-respo{width:100%;}

      .fond-popup-plumart,
      .fond-popup-safari,
      .fond-popup-siloe,
      .fond-popup-cub,
      .fond-popup-ght,
      .fond-popup-benj,
      .fond-popup-vac,
      .fond-popup-erg,
      .fond-popup-tw,
      .fond-popup-mdg{padding:50px;}

      .fond-popup-plumart .popup,
      .fond-popup-safari .popup,
      .fond-popup-siloe .popup,
      .fond-popup-cub .popup,
      .fond-popup-ght .popup,
      .fond-popup-benj .popup,
      .fond-popup-vac .popup,
      .fond-popup-erg .popup,
      .fond-popup-tw .popup,
      .fond-popup-mdg .popup{
            width:100%;
            top:0;
            left:0;
            margin:0;
      }
      .h1-alberto{padding:50px 0 0 0;}

      .section-logo .groupe-logo .col-3-a .a-logo img{opacity:1;}
      .section-logo .groupe-logo .col-3-a .a-logo{border:1px solid rgba(0,0,0,0.3);}
      .cadre-qsj .info-bulle.InfoBulle{opacity:0;}

      .wrapper-web .bloc-overlay .ul-pc{display:none;}
      .wrapper-web .bloc-overlay .ul-tab{display:block;}
      .presse .col-2{width:100%;}
      .presse .col-2 .div-contour{text-align:center;}
      .section-alberto{
            width:100%;
            padding:0 20px 50px 20px;
      }
      .section-alberto .zone-log{width:100%;}
      .form_contact .col-2{
            width:100%;
            padding:0;
      }
      .form_contact .form-p{padding:0;}
      .form_contact .textarea{margin:30px 0 50px 0;}
}

/* Mobiles */
@media screen and (max-width:450px){
      .card-img{display:none;}
      .card-content{
            width:100%;
            text-align:center;
            padding:40% 5% 5% 5%;
      }
      .card-link{margin:20px 0 0 0;}
      .section-logo .groupe-logo .col-2-a .a-logo img{opacity:1;}
      .section-logo .groupe-logo .col-2-a .a-logo{border:1px solid rgba(0,0,0,0.3);}
      .wrapper-affiche .col-2 .cadre-img-col .col-2{width:100%;}
      .fond-popup-plumart .popup,
      .fond-popup-safari .popup,
      .fond-popup-siloe .popup,
      .fond-popup-cub .popup,
      .fond-popup-ght .popup,
      .fond-popup-benj .popup,
      .fond-popup-vac .popup,
      .fond-popup-erg .popup,
      .fond-popup-tw .popup,
      .fond-popup-mdg .popup{height:100%;}
      .section-logo-tab{display:none;}
      .section-logo-phone{display:block;}
      .wrapper-web .wrapper-responsive img{width:100%;}
      .wrapper-web .bloc-overlay .ul-tab{display:none;}
      .wrapper-web .bloc-overlay .ul-phone{display:block;}
      .accordeon .wrapper .contenu .col-2{width:100%;}
}

/* Print */
@media print{
}