@import url(responsive_1.css);
  @import url(responsive_2.css);


@media (max-width: 1296px) {

.container{width: 100%; padding: 0 15px;}
.block-social{width: 167px;}
.lang-top, .rs-social {
    margin-top: 4px;
    right: 0px;
}

}

  /********************************************************/
 /*******************(max-width: 1115px) *****************/
/******************************************************/

@media (max-width: 1115px){


  
.item .desc_slider { left: 12%; position: absolute; top: 35%; width: 40%;}
.container-middle{width: 100%; padding: 0 15px;}
.block-social{width: 167px;}
.lang-top, .rs-social {
    margin-top: 4px;
    right: 0px;
}
.item .desc_slider .lien2 {font-family: arial; font-size: 1em; width:200px; height:30px; text-align:center !important; margin-top:10px; padding: 4px 0px 0px 0px;}
/***/
.page-profil .ml30 { margin-left: 20px;}
.page-profil .ml15 { margin-left: 10px;}
.page-profil.page-profil-etudiant-hem #block-storie {margin-left: 10px;}

.tablet-paysage .not-front.page-profil-etudiant-hem .nos-partenaires-entreprises, 
.tablet-paysage .not-front.page-profil-etudiant-hem .nos-partenaires-pedagogiques, 
.tablet-paysage .not-front.page-profil-etudiant-hem .nos-partenaires-academiques{min-height: 135px;}
.page-profil.page-profil-etudiant-hem .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-auto, 
.page-profil.page-profil-etudiant-hem .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-direction {
    padding-bottom: 5px;
}
/**/
.front div.bxsliderhome {height: auto}
.front div.bxsliderhome .bx-wrapper .bx-viewport {min-height: auto;}
}

  /********************************************************/
 /*******************(max-width: 980px) ****************/
/******************************************************/

@media (max-width: 980px) {

.container-small{width: 100%; padding: 0 15px;}

}

  /********************************************************/
 /*******************(max-width: 979px) *****************/
/******************************************************/

@media (max-width: 979px) {

.mn-top-one{width: 20%;}
.block-social{width: 227px;}
.multi-block.block-bachelier .block-current h1, 
.multi-block.block-bachelier .block-current .h1 {min-height: 0;line-height: 1; }
.multi-block.block-bachelier .desc-a-la-lune > div { background: #fff none repeat scroll 0 0; min-height: 335px;}
.block.block-block {float: left;}
.menu-name-menu-menu-top span.toggler { background: none repeat scroll 0 0 #d9511d;  color: #fff;  cursor: pointer;display: block;  font-size: 1.35em;  outline: medium none;
    padding: 1px;  text-align: center;}
/**/
}

  /********************************************************/
 /*******************(max-width: 768px) *****************/
/******************************************************/

@media (max-width: 768px) {

  #formulaire.formulaire-creer .webform-client-form > div {
    /* margin: 0 auto; */
    /* width: 65%; */
    /* position: relative; */
    /* padding-bottom: 246px; */
}

.item .desc_slider { display:inline; width:50%;}
.item .desc_slider .titre {color:#FFF;font-family:optimamedium;font-size:1em;text-transform:uppercase; }
.item .desc_slider .descriptif {color:#FFF;font-family:optimamedium;font-size:0.4em;}
.item .desc_slider .lien2 {font-family: arial; font-size: 0.5em; width:100px; height:15px; text-align:center !important; margin-top:10px; padding: 3px 0px 0px 0px;}

/*.menu-hidden{display:none;}*/
/*.region-top-header.container{padding:0;}*/
.multi-block.block-bachelier .block-current h1, 
.multi-block.block-bachelier .block-current .h1 {min-height: 0;line-height: 1; }
.multi-block.block-bachelier .desc-a-la-lune > div { background: #fff none repeat scroll 0 0; min-height: 335px;}
.block.block-block {float: left;}
.menu-name-menu-menu-top span.toggler { background: none repeat scroll 0 0 #d9511d;  color: #fff;  cursor: pointer;display: block;  font-size: 1.35em;  outline: medium none;
    padding: 1px;  text-align: center;}
/**/
.region-top-header > .menu {padding: 0 30px 0 0;position: absolute;  width: 100%;}
.menu-name-menu-menu-top span.toggler {display: block;}
/*.menu{display:none;}*/
.region-top-header > ul > li.expanded, .region-top-header > ul > li.leaf {  border-bottom: 1px solid #c0c0c0; border-right: medium none;  float: none;  list-style: outside none none;
    position: relative;  width: 100%;}
.region-top-header a { font-size: 1em; padding: 5px 10px; height: 40px;width:10%;}
.region-top-header li.expanded ul.menu a {width:5%;}
.menu-footer-bottom li + li a { padding-left: 10px;padding-right: 10px;}
.menu-footer-bottom li a {padding-right: 10px;}
.region-top-header li.expanded ul.menu {position:relative;}
/**/
.filtre-organisme label { font-size: 1em;}
.region-top-header a { font-size: 0.85em; padding: 10px 2px;}
/**/
body #mobile-header-bottom .bt-menu-trigger{top: -6px;}
body #mobile-header-top .bt-menu-trigger{top: -2px;}
.header .logo { padding: 15px 12px;  width: 100%; text-align: center;}
.header-top{width: 100%;}
.header-top .menu-top{padding: 0 10px 0 0;}
.menu-bottom{ background: none repeat scroll 0 0 #0A1339; height: 35px;  padding: 0 10px;margin: 0}
.logo.in-mobile{display: block;}
.logo{display: none;} 
.hey .logo{display: none;} 
.grand-title { font-size: 1.6em;}
.multi-block .TitrTD {   width: 10%;}
.not-front .region-hem h2 { font-size: 1.177em;}
.grand-title { font-size: 1.7em;}
.desc-fiche-presse a > img{padding-right: 10px;}
#navigation-top,#navigation-bottom{display: none;}
.listing-shop .liste-shop .item-shop{width: 23.2%;}
.jumia-boutique a{font-size: 1.2em;width: 50%;}
.desc-communique-presse:nth-child(2n+2) {  margin-left: 10px;}
.item-fiche-annales .desc-annales h2, .item-type-evenement .desc-type-evenement h2{ max-height: 45px;
    min-height: 45px;}
.listing-evenements .item-evenements:nth-child(2n+2), .listing-revue-presse .item-revue-presse:nth-child(2n+2) {
    margin-left: 10px;}
.listing-fiche-annales .item-fiche-annales { width: 100%;}  
.leftColumnForm { float: none; margin-right: 0;/* padding: 0 15px; */width: 100%;}  
.rightColumnForm { float: none; padding: 0 15px;  width: 100%;} 
.lien-btn-hover { margin-left: 10px;}
.region-hem .block-video a, .region-hem .block-video-media a{width: 35%;}
.listing-evenements .item-evenements{width: 100%; border-bottom: 1px solid #cecece; padding-bottom: 10px;}
.listing-evenements .item-evenements:nth-child(2n+2), .listing-revue-presse .item-revue-presse:nth-child(2n+2) {
    margin-left: 0;}  
.listing-evenements .img-evenement, .listing-revue-presse .img-revue-presse {
    border: medium none;
    margin-bottom: 10px;
    width: 95%;
    }
.listing-evenements .desc-evenements, .listing-revue-presse .desc-revue-presse {
    padding: 0;  width: 100%;}
.menu-page-intern ul.menu{display: block !important;}
.menu-page-intern a, .menu-page-intern span{font-size: 0.76em}
.item-partenaires { margin-right: 10px; width: 48.5%;}
ul.title-filter li{ font-size: 1.1em;}
ul.filter-sub-title li a { font-size: 0.6em;}
ul.filter-sub-title.tab2c li{width: 11%;}  
/*menu vous etes*/
.bt-menu span.vous-etes{ top: 80px;}
body .anime-menu .bt-menu-trigger {top: 166px;right: 10px; z-index: 9;}
.hey .bt-menu span.vous-etes { color: #ffffff; right: 65px; top: 8px;}
body .hey .anime-menu .bt-menu-trigger { right: 15px; top: -10px;}
body .anime-menu .bt-menu-trigger span { background-color: #ffffff;}
body .anime-menu .bt-menu-trigger span::before, body .anime-menu .bt-menu-trigger span::after {
    background: none repeat scroll 0 0 #ffffff;}
.bt-menu span.vous-etes { color: #ffffff; right: 60px; top: 185px;}
.tabs-menu li{width: 100%;}
.tabs-menu li.item-tab-8 { width: 100%;}
#tabs-container .tab{height: 350px;}
#tabs-container{height: auto;}
.decouvrez-compus{display: none;}
/*end*/
.multi-block.block-profil.block-journaliste #block-communique-presse {
    margin-left: 0 !important;
    width: 100% !important;
}
/*hind*/
.content-current .gallery-photo > a, .content-current .style-button > a{

      font-size: 0.90em;
}
.region-hem.editor-content img {

width: 100% !important;
    }
/**/
}
}

  /******************************************************/
 /*******************(max-width: 767px) ****************/
/******************************************************/

@media (max-width: 767px) {


.tableFloatingHeader{display:none !important;}

/*table*/
.table-responsive { width: 100%; margin-bottom: 15px;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; height: auto !important;}
  .table-responsive > .table { margin-bottom: 0;}
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .content-current table { width: 100%;/* margin-bottom: 15px;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; height: auto !important;*/}

  .content-current table > thead > tr > th,
  .content-current table > tbody > tr > th,
  .content-current table > tfoot > tr > th,
  .content-current table > thead > tr > td,
  .content-current table > tbody > tr > td,
  .content-current table > tfoot > tr > td {
    /*white-space: nowrap;*/
    text-indent: 0;
  }
  .page-node-416 table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100% !important;
    table-layout: auto;
    width: 100%;
    word-break: normal;

    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}
  .page-node-416 .content-current table { width: 100%; margin-bottom: 15px;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; height: auto !important;}

  .page-node-416 .content-current table > thead > tr > th,
  .page-node-416 .content-current table > tbody > tr > th,
  .page-node-416 .content-current table > tfoot > tr > th,
  .page-node-416 .content-current table > thead > tr > td,
  .page-node-416 .content-current table > tbody > tr > td,
  .page-node-416 .content-current table > tfoot > tr > td {
   white-space: nowrap;
    text-indent: 0;
  }
.group.Thead .col { white-space: nowrap;}
  /*************************************************/
body #mobile-header-bottom .bt-menu-trigger{top: -5px;}
body #mobile-header-top .bt-menu-trigger{top: -2px;}
.header .logo { padding: 15px 12px;  width: 100%; text-align: center;}
.header-top{width: 100%;}
.header-top .menu-top{padding: 0 10px 0 0;}
.menu-bottom{ background: none repeat scroll 0 0 #0060ab; height: 35px;  padding: 0 10px;margin: 0}
.logo.in-mobile{display: block;}
.logo{display: none;}
.lang-top{display: block;}
.hey .logo{display: none;}
.btn-footer{display: none;}
/*          home           */
.block-a-la-lune .block-hem-home,#block-hem-home-home-temoignage.block-hem-home{margin-bottom: 20px;}

.block-a-la-lune{margin: 0;}
/*.loading header.ip-header svg.ip-inner{visibility: hidden;display: none;}*/
.loading header.ip-header .ip-logo{visibility: hidden;display: none;}
.print-block{display: none;}
.desc-fiche-presse a > img{padding-right: 0px;width: 100%;}
.fiche-presse .desc-fiche-presse > a {float: none; padding-bottom: 10px;}
.grand-title { font-size: 1.5em;}
.outerwrapper2{display: none;}
.gallery-photo ul.bxgallery li {border: 2px solid #006ab3;}
.campus-map-desc { padding: 50px 10px 5px;width: 30%;}

.filtre-par-session,.filtre-par-matiere{ display: table; padding-bottom: 10px;  text-align: center;
    width: 100%;}
.item-telecharger-logo { width: 100%;}
.region-hem .block-video a, .region-hem .block-video-media a { width: 60%;}
.block-video-media iframe{max-width: 100%;}
.content-current .gallery-photo > a, .content-current .style-button > a{margin-bottom: 10px;}
.region-hem .brochure{margin-bottom: 20px !important;}
.menu-page-intern ul > li.expanded, 
.menu-page-intern ul > li.leaf, 
.menu-page-intern ul > li.collapsed { border-bottom: 1px solid #f1f1f1;
  cursor: pointer; display: block; float: none; height: auto; list-style: outside none none;
  max-width: 100%; min-height: 0; padding: 8px 5px !important; text-align: center; width: 100% !important;}
.menu-page-intern a, .menu-page-intern span{font-size: 0.831em}
.compus-timeline a.t_line_node::before{bottom: 0;right: 32px;}
.compus-timeline a.t_line_node{display: inline-block;left: 0;top: 0;}
.compus-timeline a.t_line_node + a.t_line_node { margin-left: 0;}
.compus-timeline span.date-line{display: none;}
.compus-timeline{padding-bottom: 15px;}
.compus-timeline > .container-small.line{float: left; width: 10%;}
.compus-timeline > .bx-wrapper { float: left; margin-left: 12px; max-width: 100%; width: 88%;}
.compus-timeline #bx-date { padding: 18px 0 18px 18px;}
#ameliorationcontinueform > div { margin: 0 auto;  width: 100%;}
.content-current .gallery-photo > a, .content-current .style-button > a {
    display: block; margin-bottom: 10px;  max-width: 100%; width: 100%;}
.item-partenaires { margin-right: 8px;}
.filter li a, .videos li a{background: #ffffff;}

ul.filter-sub-title.tabc li { width: 100%;height: 40px;border-bottom: 1px solid #cecece;}
.campus-map-desc > div h1{font-size: 2.086em;}

}
/********************************************************/
  /*******************(max-width: 640px) *****************/
 /******************************************************/
 @media (max-width: 640px) {
   iframe.dates {
    height: 150px !important;
}

.item .desc_slider { display:inline; width:50%;}
.item .desc_slider .titre {color:#FFF;font-family:optimamedium;font-size:1em;text-transform:uppercase; }
.item .desc_slider .descriptif {color:#FFF;font-family:optimamedium;font-size:0.4em;}
.item .desc_slider .lien2 {font-family: arial; font-size: 0.5em; width:100px; height:15px; text-align:center !important; margin-top:10px; padding: 3px 0px 0px 0px;}


/*****************************apres la mise en ligne************************************/
.anime-menu .bt-menu ul:first-of-type li.bach-m {height: 45px;line-height: 61px; margin-top: 0;}
.anime-menu .bt-menu ul:first-of-type li { margin: 2px 0;}
.anime-menu .bt-menu ul:first-of-type li {height: 45px; line-height: 61px; padding: 2px 0;}
.anime-menu .bt-menu ul:first-of-type li a { font-size: 0.7em;}
.anime-menu .bt-menu ul:first-of-type li a { height: 45px; padding: 4px 10px;}
ul.menu-profil li a.Bacheliers{background-size: 22px 27px;}
ul.menu-profil li a.E-Hem{background-size: 30px 26px;}
ul.menu-profil li a.E-Esterne{background-size: 22px 26px;}
ul.menu-profil li a.Cadre{background-size: 30px 22px;}
ul.menu-profil li a.Diplome{background-size: 22px 25px;}
ul.menu-profil li a.Chercheurs{background-size: 24px 20px;}
ul.menu-profil li a.Entreprises{background-size: 21px 23px;}
ul.menu-profil li a.Journaliste{background-size: 21px 26px;}
body .anime-menu .bt-menu ul:first-of-type { top: 85px;}
body .hey .anime-menu .bt-menu-open .bt-menu-trigger{top: 22px;}
body .anime-menu .bt-menu-open .bt-menu-trigger { top: 22px;}
#block-communique-presse h2 { font-size: 1.031em;}
}
  /********************************************************/
 /*******************(max-width: 600px) *****************/
/******************************************************/

@media (min-width: 481px) and (max-width: 600px) {
  .sntr-mjn-top 
{
    display: inline;
    float: right;
    width: 40%;
}

  iframe.dates {
    height: 150px !important;
}

.item .desc_slider { display:inline; width:50%;}
.item .desc_slider .titre {color:#FFF;font-family:optimamedium;font-size:1em;text-transform:uppercase; }
.item .desc_slider .descriptif {color:#FFF;font-family:optimamedium;font-size:0.4em;}
.item .desc_slider .lien2 {font-family: arial; font-size: 0.5em; width:100px; height:15px; text-align:center !important; margin-top:10px; padding: 3px 0px 0px 0px;}
  

#home-a-la-lune h1, #home-a-la-lune .h1, #block-evenements h1, #block-evenements .h1, .listing-evenements h1, .listing-evenements .h1, .listing-revue-presse h1, .listing-revue-presse .h1 {
    font-size: 2.243em;
}
.desc-a-la-lune{min-height: auto;}
.desc-a-la-lune > div {  padding: 15px 10px;}
#home-a-la-lune h2 { font-size: 1.114em; margin-bottom: 10px; margin-top: 15px;}
#home-a-la-lune h3 { font-size: 0.829em;margin-bottom: 6px;}
.front .nos-partenaires-entreprises, .front .nos-partenaires-pedagogiques { padding: 13px 25px 0;}
.amelioration-continue { padding: 15px 0;}
.item-liste-developpement{width: 100%;}
.liste-developpement{float: none;}
#nv_langues{padding: 0 15px;}
.item-partenaires { margin-right: 0; width: 100%;}
#formulaire .contact-Form p, #formulaire .contact-Form .form-item{width: 100%;}

body.sidr-main-bottom-open #mobile-header-bottom.anime-menu > span,
body.sidr-main-bottom-open #bt-menu.bt-menu > span.vous-etes{display: none;}

}

  /********************************************************/
 /*******************(max-width: 480px) *****************/
/******************************************************/

@media (max-width: 480px) {
  .sntr-mjn-top 
{
    display: inline;
    float: right;
    width: 40%;
}
  iframe.dates {
    height: 150px !important;
}

  #formulaire.formulaire-creer .webform-client-form > div {
    margin: 0 auto;
    width: 65%;
    position: relative;
    padding-bottom: 503px !important;
}
  
.w60 {width: 71%; background-color: #ffffff; margin-top: 0px; height:300px;}
.item .desc_slider { display:inline; width:40%;}
.item .desc_slider .titre {color:#FFF;font-family:optimamedium;font-size:1em;text-transform:uppercase; }
.item .desc_slider .descriptif {color:#FFF;font-family:optimamedium;font-size:0.4em;}
.item .desc_slider .lien2 {font-family: arial; font-size: 0.5em; width:100px; height:15px; text-align:center !important; margin-top:10px; padding: 3px 0px 0px 0px;}





body.sidr-main-bottom-open #mobile-header-bottom.anime-menu > span,
body.sidr-main-bottom-open #bt-menu.bt-menu > span.vous-etes{display: none;}

.block-a-la-lune .block-hem-home{float: left;}
.block-a-la-lune .block-hem-blocks-infos{float: left;width: 100%;}
.ip-header .ip-logo svg { min-width: 300px;}
.ip-logo { height: auto;}
.ip-loader { top: 28%;}
h1.title, .h1.title { font-size: 1.5em;}
.breadcrumbs { margin-bottom: 5px; width: 100%;}
.print-block { float: none; width: 57%;}
blockquote, .blockquote{font-size: 1.1em;padding: 35px 48px 27px 75px;}
.not-front .region-hem h2 { font-size: 1.1em;}
.grand-title { font-size: 1.4em;}
.leftTitre,.rightTitre{display: none;}
#home-a-la-lune img { float: none;  margin: 0 auto;}
.nos-partenaires-entreprises h1,
.nos-partenaires-pedagogiques h1,
.nos-partenaires-academiques h1{font-size: 1.2em;}
.nos-partenaires-entreprises ,
.nos-partenaires-pedagogiques ,
.nos-partenaires-academiques {padding: 10px 10px 0;}
.multi-block .nos-partenaires-entreprises .bx-wrapper, 
.multi-block .nos-partenaires-pedagogiques .bx-wrapper,
.multi-block .nos-partenaires-academiques .bx-wrapper{padding:  8px 5px 0;}
.multi-block.page-profil.page-profil-bachelier .nos-partenaires-entreprises .bx-wrapper, 
.multi-block.page-profil.page-profil-bachelier .nos-partenaires-pedagogiques .bx-wrapper,
.multi-block.page-profil.page-profil-bachelier .nos-partenaires-academiques .bx-wrapper{padding:  25px 5px 0;}
.desc-success-stories span.nom-pers {font-size: 1.2em;} 
.desc-success-stories{padding-left: 10px;}
.campus-map-desc {padding: 50px 10px 5px;right: 10px; width: 44%;}
.listing-shop .liste-shop .item-shop { margin-bottom: 10px; margin-right: 10px; width: 47%;}
.listing-shop .liste-shop > .item-shop + .item-shop { margin-left: 0;}
.jumia-boutique a { width: 70%;}
.desc-communique-presse:nth-child(2n+2) { margin-left: 15px;}
.item-fiche-annales .desc-annales h2, .item-type-evenement .desc-type-evenement h2 {
    max-height: 30px;
    min-height: 30px;
}
.not-front .region-hem .desc-fiche-evenements h2 { width: 90%;}
#formulaire label {font-size: 1.1em;width: 100%;}
#formulaire input[type=text], #formulaire input:not([type=submit]) {width:100%;}
#formulaire .col-date .form-item + .form-item { margin: 0 0 10px 5px;}
#formulaire.formulaire-creer .webform-component-select div.selector, #formulaire.formulaire-creer .webform-component-select div.selector.hover, #formulaire.formulaire-creer .webform-component-select div.selector.focus{width:100%; margin:0px;}
#formulaire #-form-aform input[type="submit"] { width: 85%;}
.compus-timeline > .bx-wrapper { float: left; margin-left: 20px; margin-top: 30px; width: 85%;}
.amelioration-continue { padding: 15px 0;}
.item-liste-developpement{width: 100%;}
.liste-developpement{float: none;}
.group.Thead .col {font-size: 0.9em;}
#formulaire .addFormation{width: 100%;}
/*#nv_langues{padding: 0 15px;}*/
#formulaire { padding: 15px 15px 0;}
#formulaire.furmulaire_dInscription_en_ligne, #formulaire.formularie-formation-pour-tous{padding: 15px 15px 0;}
.liste-developpement h2 { font-size: 1.2em;}
.item-partenaires { margin-right: 0;  width: 100%;}
ul.title-filter li {font-size: 0.600em;}
ul.filter-sub-title li a { font-size: 1.1em;}
.content-current p, .content-current article{ margin-left: 0 !important; width: 100%; display: inline-block;}
.content-current p > span{
    display: block;  width: 100%;  word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}
.content-current p{word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
  }
#formulaire .contact-Form p, #formulaire .contact-Form .form-item{width: 100%;}
.campus-map-desc > div h1{font-size: 1.686em;} 
/***/
.front div.bxsliderhome {height: auto;}

table{

max-width: 320px;
overflow: auto;

}
.not-front .nos-partenaires-entreprises, .not-front .nos-partenaires-pedagogiques, .not-front .nos-partenaires-academiques { /* min-height: 176px; */ min-height: 100px; }

}

  /********************************************************/
 /*******************(max-width: 360px) *****************/
/******************************************************/

@media (max-width: 360px) {
  
  iframe.dates {
    height: 150px !important;
}

  #formulaire.formulaire-creer .webform-client-form > div {
    margin: 0 auto;
    width: 65%;
    position: relative;
    padding-bottom: 600px;
}

.desc-performance > div.center{ /*height: 17.5em;*/}
blockquote, .blockquote {
    font-size: 0.857em;  margin-top: 20px;overflow: hidden;
    padding: 15px 10px 12px 51px; background-position: 2% 10%; background-size: 40px auto;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}
.grand-title { font-size: 1.3em;}
.nos-partenaires-entreprises h1,
.nos-partenaires-pedagogiques h1, 
.nos-partenaires-academiques h1 { font-size: 1.1em;}
.not-front .nos-partenaires-entreprises, 
.not-front .nos-partenaires-pedagogiques, 
.not-front .nos-partenaires-academiques {min-height: 140px;}
.listing-shop .liste-shop .item-shop {margin-right: 8px;}
.jumia-boutique a { width: 90%;font-size: 1.1em;}
.desc-communique-presse:nth-child(2n+2) { margin-left: 0px;}
.desc-communique-presse { margin-bottom: 10px; width: 100%;}
.img-annales, .img-type-evenement { float: none; margin-bottom: 10px; margin-right: 0;}
.listing-type-evenement .item-type-evenement { border-bottom: 1px solid #cecece;  padding-bottom: 10px;}
.desc-fiche-evenements .img-fiche-evenements { margin-bottom: 10px;  margin-right: 0; width: 100%;}
.desc-fiche-evenements .img-fiche-evenements img {float: none;}
.bxslider-evenements .desc-evenements { padding-left: 0; padding-top: 5px;  width: 100%;}
.filtrer-annales div > label { font-size: 1.086em;}
.listing-fiche-annales .item-fiche-annales { border-bottom: 1px solid #cecece;}
#formulaire label { font-size: 0.9em;}
#formulaire .form-radios label { padding: 0 0 0 2px; width: 72%;}
#formulaire .col-date .form-item { width: 32%;}
#formulaire .col-date .form-item + .form-item { margin: 0 0 10px;}
#formulaire .form-radios label { padding: 0;}
#formulaire #-form-aform input[type="submit"] { margin-left: 25px;}
.region-hem .brochure img { display: inherit; float: none; margin-bottom: 10px; padding-right: 0;}
.bxevenements .item div.w35-5{ display: table; float: none; margin: 0 auto 10px;  text-align: center;
    width: 40%;}
.compus-timeline a.t_line_node{font-size: 0.8em;}
.compus-timeline > .bx-wrapper {float: left; margin-left: 28px; margin-top: 44px; width: 82%;}
#ameliorationcontinueform .form-item > label:first-child { font-size: 0.831em;}
#ameliorationcontinueform .submit-form {width: 100%;}
/*#nv_langues{padding: 0 15px;}*/
.group.Thead .col {  font-size: 0.74em;}
#formulaire #nv_langues input[type="text"], #formulaire #nv_langues input:not([type="submit"]){padding: 0 0 0 5px;font-size: 0.8em;}
#formulaire .group-wrapper .group .form-item .customSelect.form-select .customSelectInner {
    font-size: 1.2em;padding: 0 2px;}
.liste-developpement h2 { font-size: 1.1em;}
.filter, .videos { padding: 40px 0 0 4.2%;}
/***/
.front div.bxsliderhome { height: 157px;}
.not-front .nos-partenaires-entreprises, .not-front .nos-partenaires-pedagogiques, .not-front .nos-partenaires-academiques { /* min-height: 176px; */ min-height: 100px; }
}

  /********************************************************/
 /*******************(max-width: 340px) *****************/
/******************************************************/

@media (max-width: 340px) {
  iframe.dates {
    height: 150px !important;
}
  #formulaire.formulaire-creer .webform-client-form > div {
    margin: 0 auto;
    width: 65%;
    position: relative;
    padding-bottom: 850px !important;
}
.desc-performance > div.center{ height: 17.5em;}
.multi-block .desc-performance > div.center { height: 17.5em;}
.gallery-photo { padding-left: 20px;  padding-right: 20px;}
.gallery-photo ul.bxgallery li { width: 70px;}
.content-current .gallery-photo > a, .content-current .style-button > a{font-size: 0.8em;}
h1.title, .h1.title { font-size: 1.4em;}
.filtrer-annales div > label { font-size: 0.931em; padding-right: 5px;}
.filtrer-annales div.selector span { font-size: 1em;}
.filtre-par-session div.selector, .filtre-par-session div.selector:hover, .filtre-par-session div.selector:active, .filtre-par-session div.selector.hover, .filtre-par-session div.selector.focus, .filtre-par-session div.selector.focus.hover, .filtre-par-session div.selector.focus.active{float: left;}
#formulaire .form-radios label {width: 70%;}
#formulaire h4 { font-size: 1.1em;}
#formulaire .form-item.form-type-radio { width: 100%;}
#formulaire input[type="text"], #formulaire input:not([type="submit"]){ padding: 0 0 0 8px;}
#formulaire .col-date .form-item { width: 31%;}
.lien-contact{width: 40%;}
.footer-top .footer-line-partage { width: 60%;}
body #formulaire label.error{padding: 6px 0 6px 8px;}
.compus-timeline #bx-date { padding: 18px 0 16px 14px;}
.compus-timeline > .bx-wrapper { float: left; margin-left: 28px;  margin-top: 36px; width: 80%;}
/***/
.front div.bxsliderhome { height: 148px;}


}
  /********************************************************/
 /*******************(max-width: 320px) *****************/
/******************************************************/

@media (max-width: 320px) {
  iframe.dates {
    height: 150px !important;
}

.sntr-mjn-top 
{
    display: inline;
    float: right;
    width: 40%;
}
  #formulaire.formulaire-creer .webform-client-form > div {
    margin: 0 auto;
    width: 65%;
    position: relative;
    padding-bottom: 532px !important;
}

	html,body{min-width: 320px;width:320px;overflow-x:hidden;}
  h4 { font-size: 0.9em;}
  .region-hem .block-video a, .region-hem .block-video-media a { width: 65%;}
/************************************************/
.front div.bxsliderhome {  height: 140px;}
}
/***********************************************/
/*****************Print*******************/
@media print{

	#header,
	#sub-header,
	#slider,
	.breadcrumb,
  .breadcrumbs-print,
	.actions-page,
	.filter,
	.highlighted__img:before,
	.content-player,
	.bx-controls-direction,
	.pagination,
	#aside,
	#networks-nav,
	#footer,
  .multi-block,.cat-fille,title,iframe,.media_embed,.brochure a { display: none; }
}

/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/

.m480 #menu_footer .menu-name-menu-menu-footer-2 > ul.menu > li > span,
.big-mobile #menu_footer .menu-name-menu-menu-footer-2 > ul.menu > li > span{display: inline;}

.m480 #menu_footer ul.menu li.expanded2, 
.big-mobile #menu_footer ul.menu li.expanded2{float: none;width: 90%;	margin: 0 auto;}

.tablet-portrait .block-a-la-lune .block-hem-home{margin-bottom: 20px;}
.tablet-portrait #block-hem-home-home-temoignage.block-hem-home{margin-bottom: 20px;}
.m480 #block-performance{width: 70%;float: none;margin: 0 auto 20px;padding: 0;}

.tablet-portrait .campus-map-desc { padding: 50px 10px 5px;width: 30%;}

.big-mobile #block-performance,
.tablet-portrait #block-performance{float: none;width: 50%;margin: 0 auto 20px;padding: 0;}

.m480 .block-three,
.m480 #home-a-la-lune,
.m480 .block-one,
.m480 .block-two,
.big-mobile .block-three,
.tablet-portrait .block-three,
.big-mobile #home-a-la-lune,
.big-mobile .block-one,
.big-mobile .block-two,
.tablet-portrait #home-a-la-lune,
.tablet-portrait .block-one,
.tablet-portrait .block-two
{
float: none;
width: 96%;
margin: 0 auto 20px;
padding: 0;
}
/*.m480 #home-a-la-lune,
.big-mobile #home-a-la-lune,
.tablet-portrait #home-a-la-lune{ float: left;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%;}*/
.m480 #block-hem-homev2-home-alaune{display:block;float:left;margin-bottom:20px;}
.m480 .nos-partenaires-entreprises,
.m480 .nos-partenaires-academiques,
.tablet-portrait .nos-partenaires-entreprises,
.big-mobile .nos-partenaires-entreprises,
.tablet-portrait .nos-partenaires-academiques,
.big-mobile .nos-partenaires-academiques{float: none;width: 98%;margin: 20px auto 20px;}

.m480 body.front .nos-partenaires-entreprises,
.m480 body.front .nos-partenaires-academiques,
.tablet-portrait body.front .nos-partenaires-entreprises,
.big-mobile body.front .nos-partenaires-entreprises,
.tablet-portrait body.front .nos-partenaires-academiques,
.big-mobile body.front .nos-partenaires-academiques{/* margin: 0 auto; */}

.m480 body .multi-block.block-bachelier.bloc-management .nos-partenaires-academiques, 
.big-mobile body .multi-block.block-bachelier.bloc-management .nos-partenaires-academiques, 
.tablet-portrait body .multi-block.block-bachelier.bloc-management .nos-partenaires-academiques, 
{
  float: none;width: 96%;margin: 0 auto 30px;
}

.m480 #block-evenements,
.big-mobile #block-evenements,
.tablet-portrait #block-evenements{float: none;width: 96%;margin: 0 auto 20px;padding: 8px;}

.m480 .page-profil #block-evenements,
.big-mobile .page-profil #block-evenements,
.tablet-portrait .page-profil #block-evenements{/*margin: 0 auto;*/}

.m480 .page-profil.page-profil-etudiant-hem .col_1,
.big-mobile .page-profil.page-profil-etudiant-hem .col_1,
.tablet-portrait .page-profil.page-profil-etudiant-hem .col_1,
{
    margin: 0 !important; 
}

.big-mobile .desc-performance,
.tablet-portrait .desc-performance{/*display: none;*/width: 80%;}

.tablet-paysage .desc-performance{width: 90%;}

.m480 .block-one,
.tablet-portrait .block-one,
.big-mobile .block-one{margin:0 auto 20px;text-align: center;}


.big-mobile .img-wrapper,
.tablet-portrait .img-wrapper{display: block;text-align: center;}

.big-mobile .img-wrapper img,
.tablet-portrait .img-wrapper img{margin: 0 auto;}

.big-mobile .bxslider-stories a,
.tablet-portrait .bxslider-stories a{width: 100%!important;}

.big-mobile .block-two,
.tablet-portrait .block-two{margin: 0 auto 20px auto;}

/***********************************************************/
/***********************************************************/
/***********************************************************/
/*************Recent css **************/ 

.m480 .block-logo-part,
.big-mobile .block-logo-part,
.tablet-portrait .block-logo-part{  float: none;
    margin: 0 auto 20px;
    padding: 0;
    width: 96%;}

.m480 .side-bar-content,
.big-mobile .side-bar-content,
.tablet-portrait .side-bar-content,
.m480 .left-home-block,
.big-mobile .left-home-block,
.tablet-portrait .left-home-block{width: 100%;float: none;padding: 0;}

.m480 p.tweet,
.big-mobile p.tweet,
.tablet-portrait p.tweet{font-size: 0.8em;}

.m480 .carriere,
.big-mobile .carriere,
.tablet-portrait .carriere{	width: 100%;}

.m480 .nos-partenaires-pedagogiques,
.big-mobile .nos-partenaires-pedagogiques,
.tablet-portrait .nos-partenaires-pedagogiques{width: 96%;margin: 0 auto;}

.m480 .block-pub{	float: none;  margin: 0 auto;  padding: 10px 0;  width: 96%;}

.big-mobile .block-pub,
.tablet-portrait .block-pub{float: none;  margin: 0 auto;  padding: 10px 0;  width: 50%;}

.m480 .block-decouvrez,
.big-mobile .block-decouvrez,
.tablet-portrait .block-decouvrez{
	/*width: 100%;
	text-align: center;
	float: none;*/
	display: none;
}
.m480 .block-decouvrez img,
.big-mobile .block-decouvrez img,
.tablet-portrait .block-decouvrez img{margin: 0 auto;}

.m480 .bc-vd,
.big-mobile .bc-vd,
.tablet-portrait .bc-vd{float: none;width: 96%;  text-align: center;margin: 0 auto 20px auto;}

.m480 #tw-widget-hem .user,
.big-mobile #tw-widget-hem .user,
.tablet-portrait #tw-widget-hem .user{width: 100%;text-align: center;}

.m480 img,
.big-mobile img,
.tablet-portrait img{margin: 0 auto;/* width: 100% !important; */}


body #block-twitter .region-twitter {bottom: 0;display: block;position: relative;}

#block-twitter .container-small {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: 0;
padding: 0;
}

#home-on-parle-de-nous{margin: 0;	min-height: 322px;}

.tablet-paysage .header .logo { padding: 27px 12px;}
.tablet-paysage .hey .header .logo { padding: 7px 10px 0;}

body .block-ifc-banque{float: right;}

.m480 #home-on-parle-de-nous,
.big-mobile #home-on-parle-de-nous,
.tablet-portrait #home-on-parle-de-nous

{
    float: none;
    margin: 0 auto 15px;
    min-height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 96%;
}

.m480 #home-on-parle-de-nous .line,
.big-mobile #home-on-parle-de-nous .line,
.tablet-portrait #home-on-parle-de-nous .line{width: 100%;}

.m480 #block-twitter,
.big-mobile #block-twitter,
.tablet-portrait #block-twitter,
.m480 #footer,
.big-mobile #footer,
.tablet-portrait #footer{width: 100%;margin: 0 auto;}

.jPanelMenu .header-top .menu-top,
.jPanelMenu #sticker-sticky-wrapper,
.jPanelMenu .region-menu-top .menu-block-wrapper > .menu{
	display: none;
}
.wrapper-menu-trigger2,.wrapper-menu-trigger{display: none;}
.jPanelMenu .item .desc_slider .titre{font-size: 2em;}
.jPanelMenu .wrapper-menu-trigger2,
.jPanelMenu .wrapper-menu-trigger
{	display: block;}
.jPanelMenu .wrapper-menu-trigger{}
.jPanelMenu .wrapper-menu-trigger2{right: 0;}


.jPanelMenu .wrapper-menu-trigger,
.jPanelMenu .wrapper-menu-trigger2
 {
  background: #317ca2;
 background: #317ca2;
background: -o-linear-gradient(top, #3f94bf, #246485);
background: -ms-linear-gradient(top, #3f94bf, #246485);
background: -moz-linear-gradient(top, #3f94bf, #246485);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3f94bf), color-stop(1, #246485));
background: -webkit-linear-gradient(#3f94bf, #246485);

  -moz-box-shadow: 0 1px 5px rgba(34,34,34,0.5);
  -webkit-box-shadow: 0 1px 5px rgba(34,34,34,0.5);
  box-shadow: 0 1px 5px rgba(34,34,34,0.5);

  width: 100%;
  max-width: none;
  height: 50px;
  margin: 0;
  padding: 0 1%;
  /*border-bottom: 1px solid #1b5572;*/
  z-index: 10;
  position: fixed;
  top: 0;
}

.jPanelMenu .wrapper-menu-trigger2{/*top: 100px;*/}

.filter li.fourthelement,
.videos li.fourthelement{margin-right: 0;}


.tablet-portrait .filter li
.tablet-portrait .videos li,{width: 47%;margin: 2%;}


/*****hem profil*****/

.m480 .multi-block.block-bachelier #block-storie,
.big-mobile .multi-block.block-bachelier #block-storie,
.tablet-portrait .multi-block.block-bachelier #block-storie,
.m480 #block-storie, 
.big-mobile #block-storie, 
.tablet-portrait #block-storie {
	width: 96%;
	margin: 0 auto 20px;
	float: none;
}
.m480 .page-profil.page-profil-bachelier #home-a-la-lune h1, 
.big-mobile .page-profil.page-profil-bachelier #home-a-la-lune h1, 
.tablet-portrait .page-profil.page-profil-bachelier #home-a-la-lune h1, 
.m480 .page-profil.page-profil-bachelier #home-a-la-lune .h1, 
.big-mobile .page-profil.page-profil-bachelier #home-a-la-lune .h1, 
.tablet-portrait .page-profil.page-profil-bachelier #home-a-la-lune .h1, 
.m480 .page-profil.page-profil-bachelier #block-evenements h1, 
.big-mobile .page-profil.page-profil-bachelier #block-evenements h1, 
.tablet-portrait .page-profil.page-profil-bachelier #block-evenements h1, 
.m480 .page-profil.page-profil-bachelier #block-evenements .h1, 
.big-mobile .page-profil.page-profil-bachelier #block-evenements .h1, 
.tablet-portrait .page-profil.page-profil-bachelier #block-evenements .h1, 
.m480 .page-profil.page-profil-bachelier .listing-evenements h1, 
.big-mobile .page-profil.page-profil-bachelier .listing-evenements h1, 
.tablet-portrait .page-profil.page-profil-bachelier .listing-evenements h1, 
.m480 .page-profil.page-profil-bachelier .listing-evenements .h1, 
.big-mobile .page-profil.page-profil-bachelier .listing-evenements .h1, 
.tablet-portrait .page-profil.page-profil-bachelier .listing-evenements .h1, 
.m480 .page-profil.page-profil-bachelier .listing-revue-presse h1, 
.big-mobile .page-profil.page-profil-bachelier .listing-revue-presse h1, 
.tablet-portrait .page-profil.page-profil-bachelier .listing-revue-presse h1, 
.m480 .page-profil.page-profil-bachelier .listing-revue-presse .h1,
.big-mobile .page-profil.page-profil-bachelier .listing-revue-presse .h1,
.tablet-portrait .page-profil.page-profil-bachelier .listing-revue-presse .h1{ font-size: 1.643em;}
.tablet-portrait .page-profil-bachelier #home-a-la-lune{max-height: 316px;}

.m480 .page-profil.page-profil-bachelier #home-a-la-lune h2,
.big-mobile .page-profil.page-profil-bachelier #home-a-la-lune h2{ font-size: 1em;}
.m480  .page-profil.page-profil-bachelier #home-a-la-lune h2,
.big-mobile .page-profil.page-profil-bachelier #home-a-la-lune h2{ margin-bottom: 6px; margin-top: 6px;}

.m480 .page-profil.page-profil-bachelier .desc-a-la-lune > div,
.big-mobile .page-profil.page-profil-bachelier .desc-a-la-lune > div{ padding:5px 15px;}

.m480 .content-current p, .content-current article,
.big-mobile .content-current p, .content-current article{ font-size: 0.951em; margin-bottom: 0.3em;}


.m480 .page-profil.page-profil-bachelier .desc-a-la-lune,
.big-mobile .page-profil.page-profil-bachelier .desc-a-la-lune{ min-height: 260px;}

/**/
.m480 #home-a-la-lune h3,
.big-mobile #home-a-la-lune h3{ font-size: 0.829em;margin-bottom: 6px;}

.m480 .page-profil.page-profil-bachelier #block-storie,
.big-mobile .page-profil.page-profil-bachelier #block-storie,
.tablet-portrait .page-profil.page-profil-bachelier #block-storie{
    margin: 0 auto;
}
.m480 .filter li,
.big-mobile .filter li,
.tablet-portrait .filter li,
.m480 .videos li,
.big-mobile .videos li,
.tablet-portrait .videos li
{
	text-align: center;
}

.m480 .filter li,
.big-mobile .filter li,
.m480 .videos li,
.big-mobile .videos li
{
	width: 96%;
	margin: 0 auto 15px;
	text-align: center;
}

/*.m480 .filter li.secondelement,
.big-mobile .filter li.secondelement
{
margin-right: 0;
}*/

/*
.tablet-portrait .filter li.secondelement,
.tablet-portrait .videos li.secondelement{margin-right: 0;}*/

/******************************************************************/
/*************************me responsive   paysaage***************************/
/****************************************************************/

.desktop .header-top .menu-top{ padding: 0 20px 0 0;}
.tablet-paysage .header-top .menu-top{ padding: 0 8px 0 0;}
.desktop .fr,.desktop .en{margin-top: 3px;}
.tablet-paysage .fr,.tablet-paysage .en{margin-top: 3px;}
.tablet-paysage .lang-top > a{height: 20px; width: 22px;}
.tablet-paysage .rs-social { margin-top: 3px;}
.tablet-paysage .fb-top, .tablet-paysage .tw-top, .tablet-paysage .yt-top, .tablet-paysage .search-top, .tablet-paysage .in-top{font-size: 1em;  margin-right: 1px;}
.desktop .fb-top::before, .desktop .tw-top::before, .desktop .yt-top::before, .desktop .search-top::before, 
.tablet-paysage .fb-top::before, .tablet-paysage .tw-top::before, .tablet-paysage .yt-top::before, .tablet-paysage .search-top::before {
    font-size: 1em;
    padding: 1px 0 0;
}
/**/
.desktop .multi-block.block-bachelier.bloc-formation-continue #home-a-la-lune{  margin-left: 10px;}
body .multi-block.block-bachelier.bloc-formation-continue #block-performance, 
body .multi-block.block-bachelier.bloc-formation-continue .nos-partenaires-academiques{margin-left: 1%;}
.desktop .multi-block.block-bachelier #block-stori > div.block-current, 
.desktop .multi-block.block-bachelier #block-storie > div.block-current {
    max-height: 315px;
    min-height: 315px;
    overflow: hidden;
}
.tablet-paysage .multi-block.block-bachelier #block-stori > div.block-current, 
.tablet-paysage .multi-block.block-bachelier #block-storie > div.block-current {
    max-height: 290px;
    min-height: 290px;
    overflow: hidden;
}
/**/

.tablet-paysage .multi-block #home-a-la-lune{ max-height: 275px; min-height: 275px; overflow: hidden;}
.tablet-paysage .multi-block.block-bachelier #home-a-la-lune{ max-height: 275px; min-height: 275px; overflow: hidden;}
.tablet-paysage .multi-block.block-bachelier #home-a-la-lune p{ font-size: 0.9em;}
.tablet-paysage .desc-communique-presse:nth-child(2n+2) {  margin-left: 20px;}
.tablet-paysage .desc-performance > div.center{height: 15.5em;}
.desktop .region-menu-top .menu-block-wrapper > ul > li.expanded,
.desktop .region-menu-top .menu-block-wrapper > ul > li.leaf,
.desktop .region-menu-top .menu-block-wrapper > ul > li.collapsed{
    max-width: 11%;
    padding: 20px 5px 21px;
    }
.desktop .fb-top,
.tablet-paysage .fb-top{height: 20px;width: 22px;}
.desktop .in-top,
.tablet-paysage .in-top{height: 20px;width: 22px;}
.desktop .tw-top,
.tablet-paysage .tw-top{height: 20px;width: 22px;}
.desktop .yt-top,
.tablet-paysage .yt-top{height: 20px;width: 22px;}
.desktop .search-top,
.tablet-paysage .search-top{height: 20px;width: 22px;}
.desktop .region-menu-top li.expanded > ul.menu,
.tablet-paysage .region-menu-top li.expanded > ul.menu{/*padding: 10px 0;*/}
.desktop .region-menu-top li.expanded::after,
.tablet-paysage .region-menu-top li.expanded::after{/*top: 5px;*/}
.desktop .region-menu-top .menu-block-wrapper > ul > li.expanded ul li > ul li::before,
.tablet-paysage .region-menu-top .menu-block-wrapper > ul > li.expanded ul li > ul li::before{padding-right: 0;}
.desktop .region-menu-top .menu-block-wrapper > ul > li.expanded ul li > ul li,
.tablet-paysage .region-menu-top .menu-block-wrapper > ul > li.expanded ul li > ul li{padding-left: 0;}

.tablet-paysage .block-one h1, .tablet-paysage .block-one .h1 {font-size: 1.371em;}
.tablet-paysage .page-profil .block-one h1, .tablet-paysage .page-profil .block-one .h1 {font-size: 1.3em;}
.tablet-paysage .desc-a-la-lune > div {padding: 10px;}
.tablet-paysage .not-front.page-profil-diplome .desc-a-la-lune > div { padding: 10px;}
.tablet-paysage .page-profil .desc-a-la-lune > div { padding: 10px;}
.tablet-paysage .desc-a-la-lune{min-height: 282px; background-position: center 0;}
.tablet-paysage #home-a-la-lune h1,.tablet-paysage #home-a-la-lune .h1,
.tablet-paysage #block-evenements h1,.tablet-paysage #block-evenements .h1,
.tablet-paysage .listing-evenements h1,.tablet-paysage .listing-evenements .h1,
.tablet-paysage .listing-revue-presse h1,.tablet-paysage .listing-revue-presse .h1{ font-size: 2.543em;}

.tablet-paysage .page-profil #home-a-la-lune h1, 
.tablet-paysage .page-profil #home-a-la-lune .h1, 
.tablet-paysage .page-profil #block-evenements h1, 
.tablet-paysage .page-profil #block-evenements .h1, 
.tablet-paysage .page-profil .listing-evenements h1, 
.tablet-paysage .page-profil .listing-evenements .h1, 
.tablet-paysage .page-profil .listing-revue-presse h1, 
.tablet-paysage .page-profil .listing-revue-presse .h1{font-size: 2.143em;}

.tablet-paysage .page-profil #home-a-la-lune h2 { margin-bottom: 5px; margin-top: 8px;}

.tablet-paysage #home-a-la-lune h2 { margin-bottom: 12px;  margin-top: 12px;} 
.tablet-paysage #home-a-la-lune h1, .tablet-paysage #home-a-la-lune .h1,
.tablet-paysage #block-evenements h1, .tablet-paysage #block-evenements .h1,
.tablet-paysage .listing-evenements h1, .tablet-paysage .listing-evenements .h1,
.tablet-paysage .listing-revue-presse h1, .tablet-paysage .listing-revue-presse .h1{font-size: 2.343em;}
.tablet-paysage #block-evenements { background: none repeat scroll 0 0 #fff; padding: 10px 15px 0;}
.tablet-paysage #block-evenements > .mbm { margin-bottom: 10px;} 
.tablet-paysage #block-evenements h2,
.tablet-paysage .listing-evenements h2,
.tablet-paysage .listing-revue-presse h2{font-size: 1.1em;line-height: 1;margin-bottom: 5px;}
.tablet-paysage #block-evenements h3,
.tablet-paysage .listing-evenements h3,
.tablet-paysage .listing-revue-presse h3{font-size: 0.829em; margin-bottom: 4px;}
.tablet-paysage #block-evenements p,
.tablet-paysage .listing-evenements p,
.tablet-paysage .listing-revue-presse p{line-height: 1.1;}
.tablet-paysage .desc-evenements {padding-left: 5px;}
.tablet-paysage #block-evenements .bx-viewport{height: 200px !important;}
.tablet-paysage .pr22 { padding-right: 12px;}
.tablet-paysage .bxslider-evenements .bx-controls.bx-has-pager.bx-has-controls-auto,
.tablet-paysage .bxslider-evenements .bx-controls.bx-has-pager.bx-has-controls-direction{ margin-top: 2px; padding-bottom: 2px;}
.tablet-paysage #home-on-parle-de-nous h1, .tablet-paysage #home-on-parle-de-nous .h1 { font-size: 1.611em; margin-top: 0;}
.tablet-paysage #home-on-parle-de-nous h2 {font-size: 1em; margin-bottom: 0; margin-top: 8px; min-height: 35px;}
.tablet-paysage #home-on-parle-de-nous p {line-height: 1.2;}
.tablet-paysage #home-on-parle-de-nous a.lien-accedez,
.tablet-paysage #home-on-parle-de-nous span.lien-accedez{ font-size: 1.229em; text-align: center;}
.tablet-paysage #home-on-parle-de-nous img { margin-bottom: 5px; margin-top: 2px;}
.tablet-paysage #home-on-parle-de-nous a.lien-accedez,.tablet-paysage #home-on-parle-de-nous span.lien-accedez{margin: 0 auto 0;}
.tablet-paysage #home-on-parle-de-nous > div { padding: 10px 12px;}
.tablet-paysage .block-current > div.clearfix { padding: 20px 15px 10px;}
.tablet-paysage .pr35 {padding-right: 20px;}
.tablet-paysage .mb0 {margin-bottom: 0px;}
.tablet-paysage .front .nos-partenaires-entreprises .bx-wrapper,
.tablet-paysage .front .nos-partenaires-pedagogiques .bx-wrapper,
.tablet-paysage .nos-partenaires-academiques .bx-wrapper{ padding: 6px 0;}
.tablet-paysage .part-entreprises > a, .tablet-paysage .part-pedagogiques > a, .tablet-paysage .part-academiques > a{width: 71px;}
.tablet-paysage .block-two h1, .tablet-paysage .block-two .h1 {font-size: 1.52em; padding-left: 20px;}
.tablet-paysage .desc_stories { margin: 30px auto 15px; width: 80%;}
.tablet-paysage .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-auto,
.tablet-paysage .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-direction{ margin-top: 0; padding-bottom: 3px;}
.tablet-paysage .nos-partenaires-entreprises, .tablet-paysage .nos-partenaires-pedagogiques,.tablet-paysage .nos-partenaires-academiques { padding: 10px 10px 0;}
.tablet-paysage .sub_menu_block input[type="submit"] {width: 15%;}
.tablet-paysage .region-menu-top li.expanded.menu-mlid-563 ul li,
.tablet-paysage .region-menu-top li.expanded.menu-mlid-660 ul li { width: auto;}
.tablet-paysage .not-front .nos-partenaires-entreprises,
.tablet-paysage .not-front .nos-partenaires-pedagogiques,
.tablet-paysage .not-front .nos-partenaires-academiques{  min-height: 145px;}
.tablet-paysage .not-front.page-profil .nos-partenaires-entreprises,
.tablet-paysage .not-front.page-profil .nos-partenaires-pedagogiques,
.tablet-paysage .not-front.page-profil .nos-partenaires-academiques{  min-height: 128px;}
.tablet-paysage .region-menu-top li.expanded ul.menu li.expanded ul.menu li a,
.tablet-paysage .region-menu-top li.expanded ul.menu li.expanded ul.menu li span { font-size: 0.849em;}
.region-menu-top li.expanded > ul.menu{padding: 40px 2px 10px;}

.tablet-paysage #block-carriere .block-current > div.clearfix { padding: 18px 22px 13px;}

.tablet-paysage .page-profil.page-profil-bachelier #home-on-parle-de-nous { min-height: 300px;}
.tablet-paysage #block-storie .block-current > div.clearfix {padding: 12px 15px 10px;}
.tablet-paysage .region-top-header .menu-mlid-701 {width: 13%;}
.tablet-paysage .en { margin-left: 3px;}
.tablet-paysage .header-top .mn-top-one{width: 80%}
.tablet-paysage .header-top .block-social{width: 20%}
.tablet-paysage .nos-partenaires-entreprises h1,
.tablet-paysage .nos-partenaires-pedagogiques h1,
.tablet-paysage .nos-partenaires-academiques h1{font-size: 1.2em;}
.tablet-paysage .front .nos-partenaires-entreprises, .tablet-paysage .front .nos-partenaires-pedagogiques{ min-height: 120px;}
.tablet-paysage .TitrTD { width: 8%;}
.tablet-paysage .titre-page-profil .TitrTD { width: 30%;}
.page-profil .tablet-paysage .TitrTD { width: 20%;}
.tablet-paysage .grand-title { font-size: 2em;}
.tablet-paysage .multi-block .desc-a-la-lune > div { padding: 10px 5px;}
.tablet-paysage .multi-block #home-a-la-lune h1, 
.tablet-paysage .multi-block #home-a-la-lune .h1, 
.tablet-paysage .multi-block #block-evenements h1, 
.tablet-paysage .multi-block #block-evenements .h1, 
.tablet-paysage .multi-block .listing-evenements h1, 
.tablet-paysage .multi-block .listing-evenements .h1, 
.tablet-paysage .multi-block .listing-revue-presse h1, 
.tablet-paysage .multi-block .listing-revue-presse .h1{ font-size: 2.043em;}
.tablet-paysage .multi-block #home-a-la-lune h2 {margin-bottom: 5px; margin-top: 10px;font-size: 1.1em;}
.tablet-paysage .multi-block #home-a-la-lune h3 {margin-bottom: 5px;font-size: 0.829em;}

.tablet-paysage .multi-block #block-storie .bxslider-stories .bx-viewport{ max-height: 155px;}
.tablet-paysage .multi-block #block-storie .desc_stories{ margin: 0 auto 10px;}

.tablet-paysage .multi-block.block-bachelier #block-decouvrez{padding-left: 10px;}
.tablet-paysage .multi-block.block-bachelier #block-echanges{padding-left: 10px;}
.tablet-paysage .multi-block.block-bachelier #block-management{margin-left: 0;width: 24%;}

.tablet-paysage .page-profil.page-profil-bachelier #home-a-la-lune h1, 
.tablet-paysage .page-profil.page-profil-bachelier #home-a-la-lune .h1, 
.tablet-paysage .page-profil.page-profil-bachelier #block-evenements h1, 
.tablet-paysage .page-profil.page-profil-bachelier #block-evenements .h1, 
.tablet-paysage .page-profil.page-profil-bachelier .listing-evenements h1, 
.tablet-paysage .page-profil.page-profil-bachelier .listing-evenements .h1, 
.tablet-paysage .page-profil.page-profil-bachelier .listing-revue-presse h1, 
.tablet-paysage .page-profil.page-profil-bachelier .listing-revue-presse .h1{font-size: 1.843em;}
.tablet-paysage .page-profil.page-profil-bachelier #home-a-la-lune h2 {font-size: 1em; margin-bottom: 5px;
    margin-top: 8px;}
.tablet-paysage #home-a-la-lune h3 { font-size: 0.829em;margin-bottom: 3px;}    
.tablet-paysage #home-a-la-lune p { font-size: 0.943em;}    
.tablet-paysage .page-profil #home-a-la-lune { min-height: 285px;}    
.tablet-paysage .page-profil.page-profil-bachelier .desc-a-la-lune {
    min-height: 285px;
}
.tablet-paysage .titre-page-profil .spanTitre {
    width: 60%;
}
.tablet-paysage .page-profil.page-profil-etudiant-hem .desc-a-la-lune > div {
    padding: 20px 10px;
}
.tablet-paysage .not-front .multi-block.block-bachelier .nos-partenaires-entreprises, 
.tablet-paysage .not-front .multi-block.block-bachelier .nos-partenaires-pedagogiques, 
.tablet-paysage .not-front .multi-block.block-bachelier .nos-partenaires-academiques {
    min-height: 270px;
}
.tablet-paysage .multi-block.block-bachelier .nos-partenaires-entreprises .bx-wrapper, 
.tablet-paysage .multi-block.block-bachelier .nos-partenaires-pedagogiques .bx-wrapper, 
.tablet-paysage .multi-block.block-bachelier .nos-partenaires-academiques .bx-wrapper {
    padding: 70px 15px 0;
}
.tablet-paysage .page-profil.page-profil-etudiant-externe .desc-a-la-lune > div { padding: 20px;}
.tablet-paysage .page-profil.page-profil-etudiant-externe .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-auto, 
.tablet-paysage .page-profil.page-profil-etudiant-externe .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-direction {
    padding-bottom: 0;
}
.tablet-paysage .page-profil #home-on-parle-de-nous { min-height: 265px;}
.tablet-paysage .page-profil #home-on-parle-de-nous img {
    margin-bottom: 5px;
    margin-top: 8px;
}
.tablet-paysage body.page-profil-journaliste  #block-performance {
    width: 33%;
}
.tablet-paysage .Communique_presse_profil {padding: 12px 12px 8px;}
.tablet-paysage .Communique_presse_profil > div.line{padding-top: 5px;}
.tablet-paysage .Communique_presse_profil .item_com_presse h2 {font-size: 1.114em;}
.item_com_presse span {font-size: 0.829em; padding: 5px 0;min-height: 55px;}

.m480 .page-profil.page-profil-etudiant-externe #home-a-la-lune,
.big-mobile .page-profil.page-profil-etudiant-externe #home-a-la-lune,
.tablet-portrait .page-profil.page-profil-etudiant-externe #home-a-la-lune 
{margin: 0 auto;}
.m480 .page-profil.page-profil-etudiant-externe #block-pge,
.big-mobile .page-profil.page-profil-etudiant-externe #block-pge,
.tablet-portrait .page-profil.page-profil-etudiant-externe #block-pge
 {
    margin: 0;
}
/*desktop*/
.desktop .not-front .multi-block.block-bachelier.bloc-systeme-pge .nos-partenaires-entreprises, 
.desktop .not-front .multi-block.block-bachelier.bloc-systeme-pge .nos-partenaires-pedagogiques, 
.desktop .not-front .multi-block.block-bachelier.bloc-systeme-pge .nos-partenaires-academiques{min-height: 316px;}
/******************************************************************/
/*************************me responsive   portrait***************************/
/****************************************************************/
.tablet-portrait .titre-page-profil .TitrTD { width: 45%;}
.tablet-paysage .titre-page-profil .spanTitre {
    width: 60%;
}

.tablet-portrait .block-one span,
.big-mobile .block-one span,
.m480 .block-one span
{display: inline-block;}

.tablet-portrait #block-evenements h1,.tablet-portrait #block-evenements .h1,
.big-mobile #block-evenements h1,.big-mobile #block-evenements .h1,
.m480 #block-evenements h1,.m480 #block-evenements .h1
{font-size: 2.243em;}
.tablet-portrait .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-auto,
.tablet-portrait .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-direction,
.big-mobile .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-auto,
.big-mobile .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-direction,
.m480 .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-auto,
.m480 .bxslider-stories .bx-controls.bx-has-pager.bx-has-controls-direction
{margin-top: 0;   padding-bottom: 10px;}

.tablet-portrait #block-ifc-banque,
.big-mobile #block-ifc-banque,
.m480 #block-ifc-banque{margin: 0 auto;} 
.tablet-portrait #block-performance img, .tablet-portrait #block-twitter img,
.big-mobile #block-performance img, .big-mobile #block-twitter img,
.m480 #block-performance img, .m480 #block-twitter img
 {  width: auto;}

/******************************************************************/
/*************************me responsive  mobile***************************/
/****************************************************************/

.m480 .visuel-a-la-une { margin: 0 auto; position: relative; text-align: center; width: 100%;}
.m480 .desc-a-la-lune { background: none repeat scroll 0 0 #fff; min-height: auto;position: relative;}
.m480 .desc-a-la-lune > div { padding: 20px 10px; width: 100%;}
.m480 .bxslider-stories .bxstories > a{width: 100% !important;}
.m480 .desc_stories { margin: 40px auto 25px;  width: 72%;}
.m480 .bxslider-stories .bx-viewport {height: 190px !important;}
.m480 .footer-top .footer-line-partage{width: 55%;}
.m360.m480 .footer-top .footer-line-partage{width: 60%;}
.m480 .footer-top .lang{width: 45%;}
.m360.m480 .footer-top .lang{width: 40%;}
.m480 #block-twitter .bx-controls-direction a.bx-prev{ left: 6px;height: 45px; top: 36%; width: 20px;}
.m480 #block-twitter .bx-controls-direction a.bx-next{ right: 6px;height: 45px; top: 36%; width: 20px;}
.m480 .btn-footer{background-size: 100% 100%;height: 30px;margin: -17px auto 0;width: 30px;}
.m480 .bxsliderhome .bx-controls-direction a.bx-prev{ background-size: auto 80%;left: 6px;height: 50px; top: 53%; width: 20px;}
.m480 .bxsliderhome .bx-controls-direction a.bx-next{ background-size: auto 80%;right: 6px;height: 50px; top: 53%; width: 20px;}
.m480 #block-evenements h2, .m480 .listing-evenements h2, .m480 .listing-revue-presse h2{font-size: 1.1em;}
.m480 .desc-evenements {/*padding-left: 8px;*/}
.m480 .block-one h1, .m480 .block-one .h1 {font-size: 1.2em;}
.m360.m480 #block-performance{width: 96%;}
.m360 .ytube{  margin-right: 3px;}
.m360 .fb{  margin-right: 3px;}
.m360 .footer-line-partage p{  margin-right: 0px;padding-right: 0px;}

.m360.m480 p.tweet { font-size: 0.7em;}
.m360 .user span { font-size: 0.9em;}

.m360.m480 .block-one h1,
.m360.m480 .block-one .h1{font-size: 1em;}
.m360.m480 .block-current > div.clearfix { padding: 20px 10px 15px;}
.m360.m480 #block-evenements h1,
.m360.m480 #block-evenements .h1{ font-size: 2.043em;}
.m360.m480 #block-evenements h2,
.m360.m480 .listing-evenements h2,
.m360.m480 .listing-revue-presse h2{font-size: 0.931em;}
.m480.bxsliderhome .bx-controls.bx-has-pager.bx-has-controls-auto,
.m480.bxsliderhome .bx-controls.bx-has-pager.bx-has-controls-direction{ 
	margin-bottom: 0;   margin-top: -36px;}
.m360.m480 .bxsliderhome .bx-controls-direction a.bx-prev{ top: 43%;}	
.m360.m480 .bxsliderhome .bx-controls-direction a.bx-next{ top: 43%;}	
.m480 #block-evenements p,.m480 .listing-evenements p,.m480 .listing-revue-presse p {
    line-height: 1;
}
.m480 #home-on-parle-de-nous h3,
.m480 #home-on-parle-de-nous .date,
.m480 #home-a-la-lune .date,
.m480 #block-evenements .date,
.m480 .listing-evenements .date,
.m480 .listing-revue-presse .date{font-size: 0.8em;}

.m480 #block-evenements h3,
.m480 .listing-evenements h3,
.m480 .listing-revue-presse h3{font-size: 0.857em;}
.m480 #home-on-parle-de-nous h1,
.m480 #home-on-parle-de-nous .h1{font-size: 2.069em;}

.m480 #home-on-parle-de-nous h2 { font-size: 1.1em; margin-top: 20px;}
.m480 .block-two h1, .m480 .block-two .h1 { font-size: 1.62em; padding-left: 30px; }
.m480 .front .nos-partenaires-entreprises,
.m480 .front .nos-partenaires-pedagogiques{padding: 15px 5px 0;width: 100%;/* margin: 10px; */}
.m480 .front .nos-partenaires-entreprises h1,
.m480 .front .nos-partenaires-pedagogiques h1{ font-size: 1.2em;}
.m360.m480 .front .nos-partenaires-entreprises h1,
.m360.m480 .front .nos-partenaires-pedagogiques h1{ font-size: 1.1em;}
.m360.m480 #tw-widget-hem .user > a::before{content: "";}
.m360.m480 .en { margin-left: 2px;}
.m360.m480 .lang p { font-size: 0.9em;}
.m360.m480 .footer-line-partage p {font-size: 0.9em;}
.m360.m480 .ytube,
.m360.m480 .fb,
.m360.m480 .tw,
.m360.m480 .in{  background-size: 100% 100%; height: 20px;width: 20px;} 
.m360.m480 .bxsliderhome .bx-controls.bx-has-pager.bx-has-controls-auto, 
.m360.m480 .bxsliderhome .bx-controls.bx-has-pager.bx-has-controls-direction{ margin-bottom: 5px;
    margin-top: -36px;}




 /***    hem.ac.ma       ***/   
.m360 .tw { margin-right: 3px;}
.m480 .block-top-recherche .form-item-search-block-form .form-text{font-size: 1.2em; padding: 6px 10px;}
.m480 .block-top-recherche .form-actions { padding: 6px 0;}
.m480 .block-top-recherche .form-actions > input { height: 31px; width: 31px;background-position: 100% 100%;}