/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

#header_grics {
  background: #ff6319 none repeat scroll 0 0;
  border-bottom: 1px solid #fe6720;
  height: 60px;
  position: relative;
}

#header_grics .zone_centree {
  padding-top: 9px;
}

#page_carrefour {
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  text-align: left;
}

.region-sidebar-first {
  padding-left: 0 !important;
}

.region-sidebar-first .block,
#content {
  margin-bottom: 6px;
  background-color: #fefefe;
  border-bottom: 1px solid #e3e3e3;
  padding: 15px;
}

body.front #content {
  border-bottom: none;
}

.region-sidebar-first menu,
.region-sidebar-first ol,
.region-sidebar-first ul,
.region-sidebar-first h2 {
  padding: 0;
}

.zone {
  margin: auto;
  max-width: 940px;
}

.zone_centree {
  height: 100%;
  clear: both;
}

#zone_recherche {
  background-color: #fefefe;
  border-bottom: 1px solid #e3e3e3;
  padding: 13px 13px 13px 24px;
  margin-bottom: 6px;
  height: 132px;
}

#zone_recherche div.block {
  margin: 6px 0;
}

html, body {
  height: 100%;
}

body {
  background-image: url("../images/background.png");
  background-position: -75px 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#page {
  min-height: 100%;
  margin: 0 auto -20em;
}

#footers,
.footer_push {
  height: 20em;
}

#header {
  overflow: visible;
  min-height: 60px;
  height: auto;
  z-index: 1;
  padding: 0px;
  top: 0px;
  padding-bottom: 15px;
}

#header.header_fixe {
  background-color: #fefefe;
  border-bottom: 1px solid #c3cad0;
  width: 100%;
  position: fixed;
  z-index: 3;
}

.header__name-and-slogan {
  float: none;
}

#header #header_zone_2_et_3 {
  width: 100%;
  display:flex;
}

#header #header_zone_2 {
  width:100%;
}

#header #header_zone_3 {
  float:right;
  margin-left: 10px;
  position: absolute;
  right: 10px;
}

#footer_grics {
  color: #fefefe;
  background-color: #37424A;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 8em;
}

#footer_grics .zone_centree_gauche {
  float: left;
  max-width: 30%;
}

#footer_grics .zone_centree_droite {
  float: right;
  max-width: 70%;
}

#footer_grics .logo_footer_grics {
  color: #fefefe;
  float: right;
  max-width: 50%;
  width: 150px;
}

#footer_carrefour {
  height: 12em;
}

#footer_carrefour .menu_footer .menu {
  padding: 10px 0px 0px 0px;
}

#footer_carrefour li {
  list-style-type: none;
  list-style-image: none;
}

ul.liste-a-separateur>li {
  list-style-type: none;
  list-style-image: none;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #a5a5a5;
  margin: 0;
}

ul.liste-a-separateur li:first-child {
  border-top: medium none;
}

ul.liste-a-separateur li:last-child {
  border-bottom: medium none;
}

ol li,
ul li {
  color: inherit !important;
}

ol li:before {
  font-size: inherit !important;
}

#medias_sociaux {
  float: right;
}

#medias_sociaux div {
  float: none;
}

.menu_footer div {
  float: left;
}

.menu_footer ul {
  margin: 0px;
}

#medias_sociaux {
  padding-top: 10px;
  margin-bottom: 15px;
  margin-right: 13px;
  padding-left: 13px;
  color: #FFF;
}

div.web_icones {
  width: 30px;
  height: 30px;
  margin: 5px 5px 0px 10px;
}

.filrss {
  background: transparent url("../images/icones_web.png") no-repeat scroll 0px -62px;
}

.twitter {
  background: transparent url("../images/icones_web.png") no-repeat scroll 0px -31px;
}

.facebook {
  background: transparent url("../images/icones_web.png") no-repeat scroll 0px 0px;
}

.google {
  background: transparent url("../images/icones_web.png") no-repeat scroll 0px -93px;
}

.region-sidebar-first ul li {
  padding-left: 0px;
  font-size: 14px;
  line-height: 30px;
  list-style-image: none;
  list-style-type: none;
}

#block-views-nouvelles-block {
  float: none;
}

#block-views-nouvelles-block,
#block-views-nouvelles-block-1 {
  width: 100%;
}

.nouvelles {
  margin: 10px;
}

#block-views-nouvelles-block .block-title,
#block-views-nouvelles-block-1 .block-title {
  height: 75px;
}

.nouvelles .views-row{
  margin-bottom: 20px;
  height: 420px;
}

.nouvelles .lien {
  text-align: right;
  font-size: 20px;
  margin: 5px;
}

.nouvelles .view-footer {
  text-align: center;
  margin-bottom: 24px;
}

.nouvelles .titre,
.nouvelles .sommaire {
  max-height: 60px;
  line-height: 20px;
  overflow: hidden;
}

div.element_critere label {
  display: inline;
  font-weight: 600;
  color: #ff6319;
  cursor: pointer;
}

.date,
.submitted,
.date_publication {
  font-size: .9em;
  color: #37424a;
  font-style: italic;
}

.submitted,
.date_publication {
  margin-bottom: 1.25em;
}

.nouvelles .date_publication {
  margin-bottom: .25em;
}

@supports (-webkit-line-clamp: 3) {
  /*ajout d'une ellipse fonctionne sous Chrome et Safari, mais pas sous FireFox et IE*/
  .nouvelles .titre {
    color: #ff6319;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
  }
}

div#content ul.tabs-primary {
  padding-bottom: 0px;
  background-image: none;
  margin-bottom: -1px;
  border-bottom: solid #BBB 1px;
}

div#content ul.tabs-primary li.tabs-primary__tab {
  list-style-type: none;
  background-color: #EEE;
  padding-left: 0px
}

div#content ul.tabs-primary li.tabs-primary__tab.is-active {
  background-color: white;
}

div#content ul.tabs-primary li.tabs-primary__tab a {
  background-color: transparent;
  border: none;
}

div#content ul.tabs-primary li.tabs-primary__tab.is-active a {
  background-color: transparent;
  background-image: none;
}

.contenu-url {
  font-size: 1.15em;
  margin-bottom: 0.25em;
}

.ligne-separation {
  width: 50%;
  margin: 1em auto;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #a5a5a5;
}

.field-name-field-sommaire,
.contenu-sommaire {
  font-weight: bold;
}

/* Forcer le width dans les table des descriptions */
.contenu-description table {
  width: auto !important;
}

.contenu-description .field-label {
  display: none;
}

.infos-supplementaires {
  border: solid 1px;
}

.infos-supplementaires .field-item {
  display: inline-block;
}

.infos-supplementaires .field-item:after {
  content: ",\00a0";
}

.infos-supplementaires .field-item:last-child:after {
  content:"";
}

.infos-supplementaires .fermer {
  position: relative;
}

.book-navigation {
  margin: 10px 0px;
}

.book-navigation .page-up {
  margin: 0 4%;
  width: 6%;
}

div.bloc-twitter img {
  float: left;
  margin: 0px 15px 0 0;
}

div.bloc-twitter li a {
  color: #002673 !important;
  font-weight: normal;
}

.contenu-logo-partenaire,
.field-name-field-image-sommaire {
  float: left;
  margin: 0px 15px;
}

.contenu-detail p,
.contenu-sommaire p,
.field-name-field-sommaire p {
  margin: 0 0 1.5em 0;
}

.plus {
  color: #ff6319;
  cursor: pointer;
}

.contenu-plateforme .field-name-field-plateforme.field-type-field-collection .field-item{
  width: 50%;
  float: left;
}

.contenu-plateforme .field-name-field-plateforme.field-type-field-collection .field-collection-view {
  margin: 0;
  border-bottom: none;
}

.contenu-plateforme .lien-application a,
.contenu-plateforme a img.plateforme-image-badge-s-e-Android,
.contenu-plateforme a img.plateforme-image-badge-s-e-iOS {
  height:45px;
  width: 135px;
}

.badge-systeme-exploitation {
  display: inline-block;
  background-color: #dedede;
  padding: 5px 5px;
  border-radius: 10px;
}

.field-collection-item-field-plateforme .content {
  text-align: center;
}

span.infinitescroll-empty {
  display: none;
}

#backtotop {
  background: #fefefe url("../images/haut.png") no-repeat scroll center center !important;
  bottom: 20px;
  display: none;
  height: 40px;
  position: fixed;
  right: 10px;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
  border-radius: 5px;
  z-index: 1;
}

/* Utilisé dans la vue Information pour les pages où le premier node
 * reprends le titre de la page. */
.cacher-premier-titre li:first-of-type header {
  display: none;
}

.infolettre-contenu p {
  margin: 0.5em 0;
}

.image-infolettre {
  float: left;
  margin-right: 10px;
}

.retour-apres-image-infolettre {
  clear: both;
  margin-bottom: 15px;
}

.liste .view-header {
  display : none;
  text-align: center;
  font-size: 125%;
}

.liste .titre {
  line-height: 24px;
  color: #37424a;
}

.liste .contenu-url,
.liste .infolettre-contenu {
  margin-bottom: 1em;
}

.liste h2 {
  margin-bottom: 0.1em;
}

.liste ul {
  padding: 0;
}

.liste ul ul {
  margin-left: 1em;
}

.liste ul li {
  padding-left: 15px;
  padding-right: 15px;
}

.liste .contenu-detail p {
  margin: 1em 0;
}

.liste .contenu-logo-partenaire {
  margin: 1em 1em 0 0;
}

.liste article {
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* Corrige un style qui ne devrait pas s'appliquer au panneau d'administration. */
#panel ul li,
#admin-menu ul li {
  line-height: 10px;
}

/* Version plus petite d'un bouton. */
.btn_petit {
  min-height: 0;
  min-width: 0;
  padding: 6px 8px;
  margin: 0 0 2px 0;
}

/* Pour régler les images dans des tables dans le contenu */
article table img {
  max-width: 250px;
}

/* Enlève le « transparent » par défault de ckeditor_image2 */
figure {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.align-center figure > figcaption,
figure > figcaption {
  font-size: 0.8em;
  padding: 0;
  text-align: center;
}

/* Ajustements à l'édition d'un contenu */
.no-term-reference-tree-button {
  background-color: transparent;
}

.field-widget-term-reference-tree .form-item {
  display: inline;
}

div.term-reference-tree li,
li.vertical-tab-button {
  list-style-type: none;
  margin-bottom: 0;
}

/* CKeditor */
div .cke_contents {
  background-color: #ddd;
}

div.cke_combopanel {
  max-width: 250px !important;
  width: 250px !important;
}

iframe.cke_wysiwyg_frame {
  display: block;
  height: 100% !important;
  margin: auto;
  max-width: 650px;
}

body.cke_editable {
  background: none #fefefe;
}

/* bogue de ckeditor ou firefox, ajoute des <br type'_moz'> random dans le texte */
br[type="_moz"] {
  display: none;
}

blockquote {
  background: #eee;
  border-left: 10px solid #ff6319;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "«""»";
  font-style: italic;
}
blockquote:before,
blockquote:after {
  color: #ff6319;
  content: open-quote;
  font-size: 2em;
  margin: 0 0.25em;
  vertical-align: sub;
  font-style: normal;
}
blockquote:after {
  content: close-quote;
}
blockquote p {
  display: inline;
}

/* comme le h2 sauf dans le sommaire*/
div.field:not(.field-name-field-sommaire) span.Titre2 {
  line-height: 36px;
  color: #000000;
  font-family: "Open Sans",sans-serif;
  font-weight: 300;
  font-size: 1.5em;
  margin-bottom: 1em;
  margin-top: 1em;
}

span.Titre3,
span.mise_evidence {
  background-color: #ff6319;
  color: white;
  font-weight: 600;
  padding: 0 5px;
}

/* Ne pas afficher le current-state du workflow (qui s'affiche uniquement pour les gens n'ayant pas la permission) */
#edit-workflow-current-state {
  display: none;
}

/* Enlever le float des champs texte au cas ou il y aurait une image */
.field-type-text-long:after {
  content: "";
  display: table;
  clear: both;
}

.right {
  float: right;
}

/* Endroits où ne doit pas s'appliquer la règle qui dit que les puces des listes sont grises et que le texte est noir */
body.cke_editable_themed ul li,
body.cke_editable_themed ol li,
ul.term-reference-tree-level li {
  color: black;
}

div.region-page-bottom iframe[name="google_conversion_frame"] {
  display: none;
}

/* Ajustement pour le champs contenu segment (vidéos commentés) */
.contenu-segment {
  margin-bottom: 1em;
}

.contenu-segment .field-item {
  display: table-row;
}

.contenu-segment .temps-segment {
  display: table-cell;
}

.contenu-segment .description-segment {
  display: table-cell;
}