/********** A supprimer **************/
.page-rubrique .flex_column,
.block-autres-articles-redacteur-block .flex_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.page-rubrique .flex_column.flex_column_center,
.block-autres-articles-redacteur-block .flex_column.flex_column_center {
  justify-content: center;
}
.page-rubrique .flex_row,
.block-autres-articles-redacteur-block .flex_row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.block-autres-articles-redacteur-block {
  margin-top:35px;
}

article a.plus_de {border-bottom:none;}

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

  /*#admin-menu {display:none;}*/
  html body.admin-menu {margin-top: 80px !important;}

  .col-xs-12 .col-xs-12 {padding:0;}
  .row > .col-xs-12 {padding: 0 15px;}
  .block-dossier.col-xs-12 {padding:10px;margin-bottom:15px;}
  .block-dossier .titre-block-gros.white {margin-top:0;font-size: 1.35em;}

  .mgt0-xs, .mgt35.mgt0-xs {margin-top:0;}
  .mgb0-xs, .mgb35.mgb0-xs {margin-bottom:0;}
  .mgb35-xs {margin-bottom:35px;}
  .mgb15-xs {margin-bottom:15px;}
  .mgb20-sm-xs  {
    margin-bottom:20px;
  }

  .mgt35-xs, h5.theme-title.mgt35-xs {margin-top:35px;}
  .mgt15-sm-xs {margin-top: 15px;}

  .padd-xs-20 {padding:20px !important;}
  .padd-xs-15 {padding:0 15px;}
  .paddr0-xs {padding-right:0;}
  .paddl0-xs {padding-left:0;}
  .padd0-xs {padding:0;}

  .text-left-xs, .text-left-xs.text-right {text-align:left;}

  #head-top {
    font-size:85%;padding: 10px 15px;
    background-color: transparent;
    border-bottom: solid 1px #CCC;
  }
  /*#col-top-right {border-top: solid 1px #CCC;padding-top:35px;margin-top:35px;}*/

  #block-search-api-page-recherche-db .form-group {width: 100%;margin-bottom: 0;}
  #block-search-api-page-recherche-db .btn {width:100%;}
  #block-search-api-page-recherche-db h2 {font-size: 14px;}

  #logo-haut-xs {
    float: right;
    padding-top: 2px;
  }
  #breves-home-block {
    height: auto;
    overflow-y:hidden;
  }
  #block-comprendre-actu {
    border-top:none;
  }
  #content-cde-home {display:none;}

  .page-rubrique .flex_row, .page-rubrique .flex_column, .flex_column, .flex_row{
    display: block;
  }
  .flex_row_xs {
    display:flex;
  }

  .page-rubrique .flex_row,
  .block-autres-articles-redacteur-block .flex_row {
    display: block;
  }

  .page-rubrique .flex_column.flex_column_center, .block-autres-articles-redacteur-block .flex_column.flex_column_center {
    text-align: left;
  }


  .navbar-toggle .icon-bar {
    -ms-transform: rotate(0);
    -ms-transition: all 500ms ease-in-out;
    -webkit-transform: rotate(0);
    -webkit-transition: all 500ms ease-in-out;
    transform: rotate(0);
    transition: all 500ms ease-in-out;
  }
  .navbar-toggle.active .icon-bar:nth-of-type(2) {
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 10% 10%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    transform: rotate(45deg);
    transform-origin: 10% 10%;
    margin-left:3px;
  }
  .navbar-toggle.active .icon-bar:nth-of-type(3) {
    background-color: transparent;
  }
  .navbar-toggle.active .icon-bar:nth-of-type(4) {
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 10% 90%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    margin-left:3px;
  }
  .container > .navbar-collapse {
    border: none;
    margin: 0;
    padding: 0;
  }
  .menu, .menu .text-center{
    border-top:none;
    border-right: none;
    border-bottom: 2px solid #fff;
    border-left: 6px solid #888;
    font-size: 16px;
    color: #888;
    text-align: left;
    padding:10px 15px;
    margin:0;
    height: auto;
  }
  .menu br {
    display:inline-block;
    content:' ';
  }
  .menu li.small {
    font-size: 85%;
  }
  .nav > li.small > a,.nav > li.abonnement-menu > a {padding:0;}
  .nav > li.abonnement-menu span {
    line-height: 1em;
    vertical-align: bottom;
  }
  .rechercher-menu .fa-search {
    color: #888;
    margin-right: 15px;
    padding-left: 0;
  }
  .menu.fiches_pedagogiques {border-left-color: #e3690e;border-bottom-color: #fff;}
  .menu.questions_et_reponses {border-left-color: #E10049;border-bottom-color: #fff;}
  .menu.idees_recues {border-left-color: #D0187C;border-bottom-color: #fff;}
  .menu.lessentiel_de_lactualite {border-left-color:#0EA037;border-bottom-color: #fff;}
  .menu.innovations_et_insolites {border-left-color:#14B697;border-bottom-color: #fff;}
  .menu.donnees_chiffrees {border-left-color:#6FA6C1;border-bottom-color: #fff;}
  .menu.prises_de_position {border-left-color: #9A99C6;border-bottom-color: #fff;}
  .menu.etudes_et_dossiers {border-left-color: #90B3D6;border-bottom-color: #fff;}
  .menu.videos_energies {border-left-color:#C2E4EB;border-bottom-color: #fff;}

  .menu.perspectives_energies_2050 {


  }
  .menu #logo-menu-perspectives {
    margin: 0 15px 0 0;
    display: inline-block;
    float: left;
    width: 50px;
    padding: 0;
    height: auto;
  }
  .menu.perspectives_energies_2050:hover #logo-menu-perspectives {
    opacity: 1;
  }
  .menu.perspectives_energies_2050 a:before {
    content: '';
    display: none;
    position: absolute;
    color: #add7f2;
  }
  .menu.perspectives_energies_2050 a:after {
    content: 'Perspectives Énergies 2050';
    display: block;
    position: relative;
    color: #add7f2;
  }

  .logo-abonnement {margin-right: 15px;}
  .articles-margin-bottom {margin: 15px 0;}
  .article-big h5.theme-title {margin-top:0;}

  .theme.border-right {border:none;}
  #block-blocks-cde-boutons-thematiques-home .row.mgb15 {margin-bottom:0;}

  .legende {
    position: relative;
    margin-top: 10px;
  }
  aside {margin-top:35px;}
  .node-type-daily-newsletter aside,
  .simplenews aside{
    margin-top:0;
  }
  .article-medium .padd0.paddr0-xs {padding-left:15px;}
  .exergue::before { left: -10px;}

  #search-api-page-search-form .form-item-keys-6 {
    width: 65%;
  }
  #edit-submit-6 {
    width: 30%;
    padding:2px 5px;
  }
  .col-xs-12 .col-xs-12.posAbsB0 {padding: 10px;}
  .view-id-ordres_de_grandeur .ordres-grandeur {
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 15px;
    display: block;
    float: left;
    width:100%;
  }
  .view-id-ordres_de_grandeur .ordre {
    height: auto;
    text-align: left;
    margin-bottom: 15px;
  }
  .path-evenements-energies .date_mois {padding-top:8px;text-align: left;padding-left: 0;}
  .path-evenements-energies .date_jour {text-align: right;}

  /*.date_jour {
    text-align: right;
  }
  .date_mois {
    text-align: left;
    padding-left: 0;
    line-height: 2.23em;
  }*/
  .to_date {margin-top: 25px;}

  .node-news-afp .list-inline > li {
    display:block;
    padding:0 5px;
    border: none;
  }
  #content-top-right, #block-evenements-cde-evenements-home {height: auto !important;}

  #sliding-popup .popup-content #popup-buttons button {margin-top:0;}

  #backgroud-co2-home {
    height: auto;
    background-image: none;
    background-color: #283640;
  }

  #newsletters-cde-unsubscribe-form #edit-buttons .btn {
    float: none !important;
    margin-top: 15px;
    width: 100%;
  }
}

@media screen and (min-width: 991px) {
  .col-md-3.sspadd {padding:0 8px;}
  .container {
    padding-right: 0;
    padding-left: 0;
  }
  .theme.border-right {border-right:solid 7px #fff;}
  .theme.border-left {border-left:solid 7px #fff;}
  .theme.border-both {border-right:solid 7px #fff;border-left:solid 7px #fff;}
  .img-top .col-md-9 {width:72%;}
  .img-top .col-md-3 {width:28%;}
  .block-dossier.border_0 {
    border-right: solid 10px #fff;
  }
  .block-dossier.border_1 {
    border-left: solid 5px #FFF;
    border-right: solid 5px #fff;
  }
  .block-dossier.border_2 {
    border-left: solid 10px #fff;
  }
  .titre-block-small.mgt10 {margin-top:10px;}
  .posAbsB0 {
    position: absolute;
    bottom: 5px;
    right: 15px;
  }
  #content-top-right {height: 402px;}

}

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

  .navbar-collapse.collapse.in,.navbar-toggle {
    display: block !important;
  }
  .navbar-collapse.collapse {
    display:none !important;
  }
  #rechercher-block-menu {
    clear:both;
  }
  #book-txt-perspectives .btn {
    margin-bottom: 15px;
    width: 100%;
  }
  body.page-node-type-perspectives-energies-2050 #head-top img {
    margin: 0 auto;
  }
  article .img-responsive {
    width: 100%;
  }
  h5.theme-title.fiche-pedagogique {
    color: #e3690e;
  }
  h5.theme-title.questions-reponses {
    color: #e10049;
  }
  h5.theme-title.idees-recues {
    color: #d0187c;
  }
  h5.theme-title.essentiel-actualite,
  h5.theme-title.revision-ppe {
    color: #0ea037;
  }
  h5.theme-title.innovations-insolites {
    color: #14b697;
  }
  h5.theme-title.donnees-chiffrees {
    color: #6fa6c1;
  }
  h5.theme-title.tribune-actualite {
    color: #9a99c6;
  }
  h5.theme-title.etudes-et-dossiers {
    color: #90B3D6;
  }
  h5.theme-title.videos-energies {
    color: #86b8c4;
  }
  .boutons-thematiques.border-bottom {
    padding-bottom:20px;
  }

}

@media screen and (min-width:768px) and (max-width: 991px) {



  .menu #logo-menu-perspectives {
    display:none;
  }
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #head-top .container {
    padding-left: 0;
    padding-right: 0;
  }
  .flex_row_sm_xs {
    display:flex;
  }

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

  #content-dossier-home article {
    margin-bottom:15px;
  }
  article.dossier.article-medium .col-xs-7 {
    padding-left: 0;
  }

  #search-api-page-block-form #edit-submit {
    color: transparent;
    padding: 5px 25px;
  }

  #search-api-page-block-form #edit-submit  span.glyphicon-search{
    color: #888;
  }


}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
  body{
    margin-top: 0;
  }
  .lead {
    font-size: 16px;
  }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio : 2),
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (min-resolution: 192dpi) {

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {

}

/* Retina displays ----------- */
@media  only screen
and (-webkit-min-device-pixel-ratio : 2),
only screen
and (min-resolution: 192dpi) {

}

/* Img Responsive */
.img-responsive,
.u-img--fluid {
  max-width: 100%;
  height: auto;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: inline;
  vertical-align: middle;
}