.modal-dialog{
  top: 10%;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.btn.btn-orange {
    background: #f49000;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {
    background: #cd701e !important;
}
@media (max-width:768px){
  .modal-dialog{
    top: 5%;
  }
}
.popin-gen button.close {
  color: white;
  opacity: 1;
  width: 35px;
  height: 35px;
  background: #616161 !important;
  border-radius: 35px;
  border: 3px solid white;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

.popin-gen button.close:hover {
  opacity: 0.6;
}
.popin-gen .sublined {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 23px;
  line-height: 24px;
  margin-top: 15px;
  font-weight: bold;
  color:white;
  background-color: #37A75F;
  padding: 2px 11px;
  display: inline-block;
}
.popin-gen p {
  font-family: 'Roboto condensed', sans-serif;
  color: #333;
  line-height: 18px;
  margin-bottom: 5px;
}
.popin-gen h3 {
  font-size: 26px;
  margin-bottom: 5px;
  margin-top: 0px;
}

.popin-gen span {
  font-weight: bold;
}

.popin-gen .align-middle {
  margin-top: 4%;
}
.popin-gen .popin-img-block {
  min-height: 375px;
  float: left;
  width: 45%;
  background-repeat: no-repeat !important;
  background-position: 100% center !important;
  border-radius: 0px;
}
.popin-gen .popin-right {
  width: 60%;
  position: absolute;
  float: right;
  left: 35%;
  height: 100%
}
.popin-gen .vcontent-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.popin-gen .sublined sup {
  font-size: 50%;
  top: -.75em;
}

.popin-gen .img-top{border-radius:0px;}
.popin-gen .modal-body{padding: 0px 15px;}
.popin-gen .modal-dialog{width:60%;max-width: 800px;}
.popin-gen .modal-content{margin-top:10%; border: 5px solid #37A75F;}
.popin-gen .modal-header{border-bottom:none;padding-top:10px;}
.popin-gen .modal-footer{border-top:none;padding:5px 0px;}
.popin-gen .modal-body{border-radius:0px;}
.popin-gen .modal-title{font-family:'Roboto Slab', sans-serif;padding:5px 0px;line-height: 27px;}
.popin-gen .text-green{color:#37A75F;}
.popin-gen .text-orange{color:#f49000;}
.popin-gen .text-violet{color:#750971;}
.popin-gen .text-blue{color:#e1574f;}
.popin-gen .text-grey{color:#616161;}
.popin-gen .btn{margin:10px 0px;}
.popin-gen .roboto-slab{font-family:'Roboto Slab', sans-serif;font-weight:bold;}
.popin-gen .img-popin {width:100%; border-radius: 0px; margin-bottom: 10px;}
@media (max-width:991px){
  .popin-gen .popin-img-block {
    width: 100%;
    min-height: initial;
    background: none !important;
  }
  .popin-gen .popin-right {
    width: 100%;
    position: relative;
    float: inherit;
    left: 0px;
    padding-bottom: 10px;
  }
  .popin-gen .vcontent-center {
    top: 0px;
    transform: translateY(0%);
    padding: 0px 15px;
  }
  .popin-gen .modal-dialog {
    width: 90%;
  }
  .popin-gen .bloc-img-popin {
    margin-bottom: 0px;
  }
  .popin-gen .sublined {
    margin-top: 5px;
  }

}

/* Popin Prés e-learning */
.pres-elearning .modal-content {
  background: #37A75F;
  border: 5px solid #454545;
}
.pres-elearning h3 {
  text-transform: inherit;
  margin-bottom: 5px;
  color: white;
}

.pres-elearning .sublined {
  margin-bottom: 0px;
}

.pres-elearning p {
  color:#fff;
}

.pres-elearning .sublined {
  background-color: #454545;
}

/* Popin Emarketing Live */
.emark-live .modal-content {
  background: #1e1e1e;
}
.emark-live h3 {
  text-transform: inherit;
  margin-bottom: 0px;
}

.emark-live .sublined {
  margin-top:30px;
  margin-bottom: 10px;
}

.emark-live p {
  color:#fff;
}

/* Popin interview */
.pop-interview .modal-content {
  background-color: #e7eae0;
  border: 5px solid #f49000;
}
.pop-interview h3 {
  font-family: 'Roboto condensed', sans-serif;
  text-transform: inherit;
  color:#37A75F;;
  font-style: italic;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
}

.pop-interview p {
  color: #333;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0px;
}
/* Popin Certif Pro */
.pop-certif-pro .sublined {
  font-family: 'Roboto condensed', sans-serif;
  background-color: transparent;
  border: 1px solid #237dbf;
  color: #237dbf;
  margin-bottom: 5px;
  letter-spacing: 2px;
}
.pop-certif-pro h3 {
  font-family: 'Roboto condensed', sans-serif;
  color: #237dbf;
}

@media (max-width:768px){
  .pop-interview h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .pop-interview p {
    font-size: 16px;
    line-height: 18px;
  }
}
/* Popin Mastere */
.pop-mastere .sublined {
  font-family: 'Roboto condensed', sans-serif;
  background-color: transparent;
  border: 1px solid #682467;
  color: #682467;
  margin-bottom: 5px;
  letter-spacing: 2px;
}

.pop-mastere h3 {
  font-family: 'Roboto condensed', sans-serif;
  color: #682467;
}

/* Popin MBA */
.pop-mba .sublined {
  font-family: 'Roboto condensed', sans-serif;
  background-color: transparent;
  border: 1px solid #e94e25;
  color: #e94e25;
  margin-bottom: 5px;
  letter-spacing: 2px;
}
.pop-mba h3 {
  font-family: 'Roboto condensed', sans-serif;
  color: #e94e25;
}

.modal-academy button.close {
  color: white;
  opacity: 1;
  width: 35px;
  height: 35px;
  background: #616161 !important;
  border-radius: 35px;
  border: 3px solid white;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

.modal-academy button.close:hover {
  opacity: 0.6;
}
.modal-academy .img-top{border-radius:5px 5px 0px 0px;}
.modal-academy .modal-body{padding:0px 15px 15px 15px;}
.modal-academy .modal-dialog{width:60%;max-width: 800px;}
.modal-academy .modal-content{margin-top:10%;}
.modal-academy .modal-header{border-bottom:none;padding-top:10px;}
.modal-academy .modal-footer{border-top:none;padding:5px 0px;}
.modal-academy .modal-body{border-radius:0px 0px 5px 5px;}
.modal-academy .modal-title{font-family:'Roboto Slab', sans-serif;padding:5px 0px;line-height: 27px;}
.modal-academy p {line-height: 20px;  }
.modal-academy .text-green{color:#37A75F;}
.modal-academy .text-orange{color:#f49000;}
.modal-academy .text-violet{color:#750971;}
.modal-academy .text-blue{color:#e1574f;}
.modal-academy .text-grey{color:#616161;}
.modal-academy .btn{margin:10px 0px;}
.modal-academy .roboto-slab{font-family:'Roboto Slab', sans-serif;font-weight:bold;}
@media (max-width:768px){
.modal-academy .modal-title{line-height: 23px; font-size: 20px;}
.modal-academy .modal-dialog{width:95%;}
.modal-academy .modal-body{padding:0px 15px 0px 15px;}
.mobile-bottom{margin-bottom:5px !important;}
.modal-academy .slab{font-size:25px;}
.modal-title{line-height:25px;}
.margin-mobile{margin-bottom:2px !important;}
}
.modal-programme .modal-dialog{width:60%;}
.modal-programme .modal-header{padding:3px 7px 0px 0px;}
.modal-programme .modal-body{padding:0px 40px;margin-top:15px;}
.modal-programme .modal-header{border-bottom:none;}
.modal-programme .modal-footer{border-top:none;padding:10px 0px;}
.modal-programme h3{font-size:25px !important;}
.modal-programme p{line-height:22px;font-size:18px;}
.modal-programme .fleche-fine{position:absolute;right:-30px;top:45px;width:100px;}
.modal-programme .close{opacity:0.6;font-size:30px;color:#444;}
@media (max-width:1555px){.modal-programme .fleche-fine{right:-20px;top:55px;width:80px;}
.modal-programme .modal-dialog{width:80%;}
}
@media (max-width:1200px){.modal-programme .fleche-fine{display:none;}
}
@media (max-width:768px){.modal-programme .modal-dialog{width:95%;}
.modal-programme .modal-body{padding:0px 20px;}
.modal-programme h3{font-size:20px !important;line-height:22px !important;}
}
.modal-ecommerce-paris .modal-body{padding:7px 15px 15px 15px;}
.modal-ecommerce-paris .modal-dialog{width:40%;}
.modal-ecommerce-paris .modal-header{border-bottom:none;padding-top:10px;}
.modal-ecommerce-paris .modal-footer{border-top:none;padding:5px 0px;}
.modal-ecommerce-paris{padding-top:20px;color:#f6a023;}
@media (max-width:768px){.modal-ecommerce-paris .modal-dialog{width:95%;}
.modal-ecommerce-paris .modal-body{padding:7px 15px 0px 15px;}
.mobile-bottom{margin-bottom:5px !important;}
}

.modal-phone-btn {
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  font-size: 12px;
  margin-top: 2px;
  line-height: 14px;
}

.modalform{
	font-size: 12px!important;
	color: #616161!important;
}



.modal-gen .modal-dialog{width:60%;}
.modal-gen .modal-header{padding:3px 7px 0px 0px;}
.modal-gen .modal-body{padding:0px 40px;margin-top:15px;margin-bottom: -15px;}
.modal-gen .modal-header{border-bottom:none;}
.modal-gen .modal-footer{border-top:none;padding:10px 0px;}
.modal-gen .modal-backdrop{z-index:4001;}
.modal-gen h3, .modal-gen h3, .modal-gen h4, .modal-gen h5{text-transform:uppercase;color:#fff;}
.modal-gen h3{ font-size: 25px; margin-top: 15px; padding: 5px 0px;}
.modal-programme h3{ font-size: 25px; margin-top: 15px; padding: 5px 0px;text-transform:uppercase;}
.modal-gen h3 b{color:#fff;font-size:25px;}
.modal-gen h3{font-size:20px;margin-top:0px;}
.modal-gen h3 span{font-size:30px;}
.modal-gen h4{font-size:20px;}
.modal-gen p, .modal-gen ul, .modal-gen li{color:#fff;line-height:18px;}
.modal-gen .fleche-fine{position:absolute;right:0px;top:45px;width:100px;}
.modal-gen .bg-gris {
  background-color: #333735;
  padding: 5px 10px;
  display: inline-block;
}
.modal-gen .close{opacity:0.6;font-size:30px;color:#fff;}
@media (max-width:1555px){
  .modal-gen .fleche-fine{right:-20px;top:55px;width:80px;}
  .modal-gen .modal-dialog{width:70%;}
}
@media (max-width:1200px){.important-head{top:-45px;}
.modal-gen .fleche-fine{display:none;}
}
@media (max-width:768px){.modal-catalogue .modal-dialog,.modal-guide-metier .modal-dialog,.modal-lb-rs .modal-dialog,.modal-lb-brand-content .modal-dialog,.modal-lb-adw .modal-dialog,.modal-lb-analytics .modal-dialog,.modal-ref-adw .modal-dialog,.modal-ref-web .modal-dialog,.modal-refonte .modal-dialog{width:95%;}
.modal-gen .modal-body{padding:0px 20px;}
.modal-gen h3{color:#fff;}
.modal-gen h3{margin-top: -10px;}
.modal-gen .modal-dialog {
    width: 100%;
}
.modal-gen .modal {
    top: 5%;
}
}

/* catalogue */
.modal-catalogue .modal-content{background-image:url('../images/popin/bg-catalogue-popin.jpg');  background-size: cover; border: none; background-color: #359f63}
.modal-catalogue h3{ font-size: 25px; margin-top: 15px; background-color: #333735; padding: 5px 10px; display: inline-block;}
.modal-catalogue .button-row .colored {  color: #333735 !important; }

/* Guide métier */
.modal-guide-metier .important-head{background:#cda724;position:absolute;left:-25px;padding:5px 15px 5px 20px;text-transform:uppercase;color:#1d766e;font-size:20px;font-weight:bold; visibility: hidden;}
.modal-guide-metier .modal-content{background:#1d766e;}
.modal-guide-metier .close{opacity:0.6;font-size:30px;color:#fff;}
.modal-guide-metier h3{margin-top: 0px;}
@media (max-width:768px){
  .important-head{left:-5px !important;}
}
/* Guide métier marcom */
.modal-guide-metier-marcom .modal-content{background:#4da7b3;}
.modal-guide-metier-marcom .close{opacity:0.6;font-size:30px;color:#fff;}
.modal-guide-metier-marcom h3{margin-top: 0px;}


/* livre blanc RS */
.modal-lb-rs .modal-content{border: none; background-color: #8e5594;}
.modal-lb-rs .has-error .help-block {
  color : black;
}

/* livre blanc Brand content */
.modal-lb-brand-content .modal-content{border: none; background-color: #028a86;}
.modal-lb-brand-content .has-error .help-block {
  color : black;
}

/* livre blanc Google Adwords */
.modal-lb-adw .modal-content{border: none; background-color: #993494;}
.modal-lb-adw .has-error .help-block {
  color : white;
}
.modal-lb-adw .btn-blue {
  background: #f49000;
}
.modal-lb-adw .btn-blue:hover {
  background: #dc6200;
}

/* livre blanc Google analytics */
.modal-lb-analytics .modal-content{border: none; background-color: #03547b;}
.modal-lb-analytics .has-error .help-block {
  color : white;
}
.modal-lb-analytics .btn-blue {
  background: #f49000;
}
.modal-lb-analytics .btn-blue:hover {
  background: #dc6200;
}

/* livre guide du réf */
.modal-ref-web .modal-content{border: none; background-color: #5e5d5c;}

/* livre Référencement Publicitaire avec Google AdWords */
.modal-ref-adw .modal-content{border: none; background-color: #43104f;}
.modal-ref-adw .has-error .help-block {
  color : white;
}

/* Guide refonte de site */
.modal-refonte .modal-content{border: none; background-color: #42899f;}
.modal-refonte .has-error .help-block {
  color : white;
}


/* Poser une question */
.modal-question .modal-content{border: none; background-color: #2e2e2e;}
.modal-question .modal-content h3 {
  font-size: 22px;
  line-height: 26px;
}
.modal-question .modal-content p {
  line-height: 20px;
  font-size: 16px;
}
.modal-question .modal-content p.modal-phone-btn {
  font-size: 14px;
}


/* Demande de devis */
.modal-devis .modal-content{border: none; background-color: #37678c;}
.modal-devis .modal-content h3 {
  font-size: 22px;
  line-height: 26px;
}
.modal-devis .modal-content p {
  line-height: 20px;
  font-size: 16px;
}
.modal-devis .modal-content p.modal-phone-btn {
  font-size: 14px;
}

.modal-devis .modal-content .colored {
  color: #fa6c65 !important;
}

/* modal programme */
.modal-programme-2 .bloc-img-modal {
  position:relative;
  left:4%;
}
.modal-programme-2 .forms {
  margin-top: 10px;
}
.modal-programme-2 .modal-dialog {
  width: 50%;
  max-width: 720px;
}
.modal-programme-2 .modal-content{border: none; background: rgba(55, 167, 95, 1);
}
.modal-programme-2 .modal-content h3 {
  text-transform: capitalize;
  margin: -10px 0px 10px 0px;
  font-size: 22px;
  line-height: 26px;
}
.modal-programme-2 .modal-content h3 span {
  font-size: 18px;
  /*margin-top: 15px;*/
  margin-bottom: 5px;
  background-color: #333735;
  color:#fff;
  padding: 3px 10px;
  display: inline-block;
}
.modal-programme-2 .modal-content p {
  line-height: 20px;
  font-size: 16px;
  color: white !important;
}
.modal-programme-2 .modal-content p.modal-phone-btn {
  font-size: 14px;
}
@media (max-width:768px){
  .modal-programme-2 .modal-dialog {
    width: 100%;
  }
}