﻿/**
 * base.css
 *
 * Description : Feuille de styles de base pour le thème DSV.
 */

body.v4master {
  font-family: 'robotoregular', 'Arial';
  line-height: 1.2;
  font-size: 13px;
  background-image: url(../images/background.jpg);
  background-color: #f5fbfc;
  background-position: center 40px;
  background-repeat: no-repeat !important;
}

#header-wrapper {
  background-image:none;
  background-color: #ffffff
}

#header-inner {
  padding-top: 18px !important;
}

abbr[title],
acronym[title] {
  border-bottom: none;
}

.ms-rtestate-field h4 {
  font-size: 16px;
}

.ms-core-overlay {
  background-color: rgba( 255,255,255, 0);
}


/**
 * Content
 */

#content {
  position: relative;
  padding-top: 54px;
}


/**
 * Liens
 */

a[href^="mailto:"],
a[class*="external"] {
  background-image: none;
  padding: 0;
}

a.ms-rteElement-cea-link:visited {
  color: inherit !important;
}


/**
 * Boutons
 */

input.btn[type="submit"] {
  font-family: inherit;
  font-size: 12px !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  background-color: lightslategray;
  background-image: none;
  border: none;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  transition: all 0.4s ease;
  padding-right: 10px;
  padding-left: 10px;
}

input.btn[type="submit"]:hover {
  background-color: #353535;
  color: #fff;
  transition: all 0.4s ease;
}


/**
 * Branding
 */

#branding .baseline {
  height: 90px;
  margin-top: 50px;
  width: 620px;
}

#branding .logo {
  width: 300px;
}

#branding .baseline strong.h1 {
  color: #17758b;
  font-family: "AvenirNext-Bold", 'Arial';
  font-size: 26px;
  margin-bottom: 0;
}

#branding .baseline p {
  color: #17758b;
  font-family: "AvenirNext-Medium", 'Arial';
  font-size: 30px;
}


/**
 * Navquick
 */

#navquick {
  top: -4px;
  right: 11px;
  font-family: "DIN Next W01 Regular", 'Arial';
}

#navquick .menu li.nv-item {
  border-left: solid 1px #353535;
}

#navquick .menu li.nv-item:first-child {
  border-left: none;
}

#navquick .menu li.nv-item a {
  padding: 0 6px;
  text-transform: uppercase;
  letter-spacing: normal;
}

#navquick .menu-horizontal .nv-item.last {
  border-left: none;
  margin: -2px -10px 0 2px;
}

/*
#navquick .menu-horizontal .nv-item.last a {
  border: solid 1px #0e73ba;
  color: #0e73ba;
  display: block;
  font-size: 13px;
  padding: 2px 4px 0 0;
}
*/
/*
#navquick .menu-horizontal .nv-item.last a{
  padding: 2px 4px 0 0;
}
*/

#navquick .menu li.nv-item.last a {
  text-transform: none;
  transition: all 0.4s ease;
  color: rgba(0, 0, 0, 0);
}

/*
#navquick .menu-horizontal .nv-item.last a:hover {
  color: #353535;
  border-color: #353535;
  text-decoration: none;
  transition: all 0.4s ease;
}
*/
#navquick .menu-horizontal .nv-item.last a:hover{
  color: #fff;
  text-decoration: nnone;
}

/**
 * Menu principal
 */

#navprimary #nav {
  background: #262626;
}

#navprimary #nav li.on {
  background-color: #262626;
}

#navprimary #nav li.nv-item {
  letter-spacing: normal;
  transition: background-color 0.4s ease;
  /* background-position: right .8em; */
  background-position: right 14px;
}

#navprimary #nav li.nv-item {
  background-color: transparent !transparent;
}
#navprimary #nav li.nv-item.on,
#navprimary #nav li.active,
#navprimary #nav li.nv-item:focus,
#navprimary #nav li.nv-item:hover,
#navprimary #nav li.nv-item:active {
  background-color: #353535 !transparent;
}

/** DÉBUT AJOUT TEST FIX */
#navprimary #nav li.nv-item > a {
  height: 16px !important;
  padding: 12px 10px;
}
#navprimary #nav li.nv-item.first > a {
  height: 18px !important;
  padding: 11px 10px;
}
#navprimary #nav li.nv-item.first > a > img[href$="home.png"] {
  width: 19px;
  height: 18px;
}
#navprimary #nav li.nv-item ~ li.nv-item.active > a {
  padding: 11px 10px 17px;
}
#navdropdown {
  top: -5px;
}
/** FIN AJOUT TEST FIX */

#navprimary #nav li.nv-item a {
  font-family: 'DIN Next W01 Regular', 'Arial' !important;
  font-size: 13px;
}
#navprimary #nav li.nv-item a .arrow {
  display: none !important;
}

#navprimary #nav li.nv-item.last {
  background-image: none;
}

#navprimary #nav li.nv-item .arrow {
  display: none;
}

#navdropdown .menu-prez p {
  display: none;
}

/* Panneau */
#navdropdown h2 {
  text-decoration: underline;
  transition: color 0.4s ease;
  line-height: 1.2;
}

#navdropdown h2:hover {
  color: #00528d;
  transition: color 0.4s ease;
}

#navdropdown .level1 {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 0;
  height: auto !important;
  min-height: 0;
}

#navdropdown .level1:first-child {
  margin-top: 0;
}

#navdropdown .level1 > a {
  color: #00528d;
  font-weight: bold;
  text-transform: uppercase;
  transition: color 0.4s ease;
}

#navdropdown .level1 > a:before {
  font-family: 'icomoon';
  content: "\e601";
  margin-right: 2px;
  vertical-align: -1px;
}

#navdropdown .level1 > a:hover {
  color: #353535;
  transition: color 0.4s ease;
}

#navprimary .level2 {
  display: none !important;
}


/**
 * Block texte
 */

.ms-rtestate-field h4 {
  font-family: "DIN Next W01 Regular", 'Arial';
  font-size: 20px;
  color: #353535;
  margin: 0;
}


/**
 *  Crédits
 */

.credits {
  font-size: 11px;
  font-style: italic;
  margin-top: 4px;
  display: block;
  color: #353535;
}


/**
 * Cover
 */

#cover {
  margin-bottom: 26px;
}

#cover .credits {
  display: none;
}

#cover .btn {
  font-family: inherit;
  font-size: 12px !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  background-image: none;
  border: none;
  padding: 6px 10px;
  box-shadow: none;
  text-shadow: none;
  transition: all 0.4s ease;
}

#cover .btn:hover {
  transition: all 0.4s ease;
}

#cover .btn strong {
  font-family: 'robotoregular';
  font-weight: bold;
  font-size: 16px;
}

#cover .btn small {
  font-size: 13px;
}

#cover .btn.btn-primary {
  color: #fff;
  background-color: #00528d;
}

#cover .btn.btn-primary:hover {
  color: #fff;
  background-color: #353535;
}

/**
 * Navmore
 */

#navmore {
  background-color: #e1f2f3;
  border: 1px solid #80cbd7;
  margin-top: 44px !important;
}

#navmore .header {
  display: none;
}

#navmore .inner {
  padding: 18px 14px 20px 14px;
}

#navmore ul {
  margin: 0;
}

#navmore li {
  background: url(../images/chevron-bleu-petit.png) no-repeat 0 5px;
  padding-left: 10px;
}

#navmore a {
  font-family: 'robotoregular', 'Arial';
  font-weight: bold;
  color: #00528d;
}


/**
 * Navcite
 */

.box {
  background-color: #e7e7e7;
  margin-top: 40px;
}

.box .header {
  padding: 14px !important;
}

.box .header h2 {
  font-family: "DIN Next W01 Regular", 'Arial';
  color: #353535;
  background: none;
  padding: 0;
  text-transform: uppercase;
  font-size: 20px !important;
}

.box .inner {
  padding: 0 14px 20px 14px !important;
}

.box p {
  margin: 4px 0 0 0 !important;
}
.box p:first-child {
  margin-top: 0 !important;
}

.box ul {
  margin: 0 !important;
}

.box ul li {
  margin-top: 4px !important;
}

.box ul li:first-child  {
  margin-top: 0 !important;
}

.box a {
  background: url(../images/chevron-gris.png) no-repeat 0 6px;
  padding-left: 10px;
  display: block;
}

.box a:hover {
  text-decoration: none !important;
}


/**
 * Cartouche
 */

.cartouche .logo {
  margin-right: 20px;

  /* ! correctif */
  border-left: none !important;
  padding-left: 0 !important;
}

.cartouche .logo img {
  border: none;
}

.cartouche .surtitre {
  font-family: 'robotoregular';
  font-style: italic;
  font-size: 18px !important;
  margin-bottom: 10px !important;
}

.cartouche .event-infos {
  color: #00528d;
  margin-bottom: 0;
}

.cartouche .event-infos strong {
  font-family: 'robotoregular';
  font-size: 18px;
  font-weight: bold;
}

.cartouche .event-infos em {
  font-family: 'robotoregular';
  font-size: 13px;
  background-image: none;
  padding: 0;
  font-style: italic;
  font-weight: bold;
}


/**
 * Pagination
 */

.pagination {
  font-family: 'robotoregular';
  font-weight: bold;
  margin: 2em 0 .5em;
}

.pagination ul {
  padding: 0 !important;
  margin: 0;
}

.pagination li {
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pagination li a {
  text-decoration: none !important;
  background-color: #e7e7e7;
  transition: all 0.2s ease;
}

.pagination li a:hover {
  background-color: #353535;
  transition: all 0.2s ease;
}

.pagination li.on a {
  background-color: #00528d;
  border-color: #00528d;
}

.pagination a.prev,
.pagination a.next {
  text-indent: -9999px;
  background-position: center;
  transition: all 0.2s ease;
}

.pagination a.prev:hover,
.pagination a.next:hover {
  background-color: #e7e7e7;
  transition: all 0.2s ease;
}

.pagination a.prev {
  background-image: url(../images/triangle-gris-gauche.png);
}

.pagination a.next {
  background-image: url(../images/triangle-gris-droite.png);
}

.pagination li > a {
  color: #17758d;
  background: #e1f2f8;
  border: none;
}

.pagination li > a:active, .pagination li.on > a {
  background: #009edc;
  border: none;
}


/**
 * Tableau liste
 */

 .home .ms-WPBorder{
  border: none;
 }
 
.page_article .ms-webpart-titleText, .home .ms-webpart-titleText {
  display: none !important;
}

.page_article .ms-listviewtable, .home .page_article .ms-listviewtable{
  border-bottom: solid 1px #c2c2c2 !important;
  padding-bottom: 18px;
}

.ms-newsletterline {
  border-top: none !important;
  border-bottom: solid 1px #c2c2c2 !important;
  padding: 10px 0 0 0;
}


.page_article .ms-listviewtable .ms-viewheadertr, .home .ms-listviewtable .ms-viewheadertr {
  display: none;
}

.page_article .ms-listviewtable .ms-vb2 , .home .ms-listviewtable .ms-vb2 {
  font-weight: bold;
  color: #00528d;
  font-size: 15px;
  padding: 10px 0 0 0;
}

.page_article .ms-listviewtable .ms-vb-tall, .home .ms-listviewtable .ms-vb-tall {
  color: #353535;
  padding: 0;
}

.page_article .ms-listviewtable .ms-vb-tall a, .home .ms-listviewtable .ms-vb-tall a {
  font-family: 'robotoregular';
  font-weight: bold;
}

/* Pagination */
.ms-bottompaging {
  margin-top: 22px;
}

.ms-bottompaging .ms-paging {
  background-color: #00528d;
  color: #fff;
  font-family: 'robotoregular';
  font-weight: bold;
}

.ms-bottompaging img {
  display: block;
}


/**
 *  Tableau fiche
 */

.rte-table-2 caption {
  font-family: 'robotoregular';
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  background-color: #353535;
}

.rte-table-2 th {
  font-family: 'robotobold_italic';
  color: #00528d;
  font-weight: normal !important;
  padding: 12px 12px 12px 0;
  border-bottom: solid 1px #c2c2c2 !important;
}

.rte-table-2 td {
  color: #353535;
  border-bottom: solid 1px #c2c2c2 !important;
  padding: 12px 0 12px 12px;
}

.rte-table-2 td a {
  font-family: 'robotoregular';
  font-weight: bold;
}


/**
 * Blocs
 */

/* Bloc 2 colonnes */
.ms-rteTable-default {
  margin-bottom: 0 !important;
}

.ms-rteTable-default td {
  padding: 0 !important;
  border: 0 !important;
}

.ms-rteTable-default .ms-rteTableLastCol-default {
  padding-left: 20px !important;
}

/* Encadré */
.ms-rteElement-cea-rte-box-2 {
  background-color: #e1f2f8;
  border-color: #80cbd7;
  padding: 20px 22px;
  margin: 12px 0 34px 0;
  color: #353535 !important;
}

.ms-rteElement-cea-rte-box-2 * {
  color: inherit !important;
}

.ms-rteElement-cea-rte-box-2 h4  {
  font-family: 'robotoregular';
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 18px;
  padding-left: 14px;
  background: url(../images/chevron-bleu.png) no-repeat 0 4px;
}

.ms-rteElement-cea-rte-box-2 a  {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

/* Encadré couleur */
.ms-rteElement-cea-rte-box-3,
.ms-rteElement-cea-rte-right-box-3 {
  margin: 0 0 34px 0;
  background-color: #009edc;
  border-color: #009edc;
  padding: 14px;
  color: #fff !important;
  font-size: 13px;
}

.ms-rteElement-cea-rte-right-box-3 {
  margin-left: 20px;
}

.ms-rteElement-cea-rte-box-3 h4,
.ms-rteElement-cea-rte-right-box-3 h4 {
  font-family: 'robotoregular';
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 18px;
  padding-left: 14px;
  background: url(../images/chevron-blanc.png) no-repeat 0 4px;
}

.ms-rteElement-cea-rte-box-3 ul,
.ms-rteElement-cea-rte-right-box-3 ul {
  padding-left: 0;
}

.ms-rteElement-cea-rte-box-3 ul li,
.ms-rteElement-cea-rte-right-box-3 ul li {
  background: url(../images/triangle-blanc.png) no-repeat 0 4px;
}

/* Liste de mentions */
.ms-rteTable-CEA-3 {
  border-bottom: solid 1px #d7d7d7;
  display: block;
  padding-bottom: 22px;
  border-collapse: collapse;
  margin: 4px 0 28px 0;
}

.ms-rteTable-CEA-3 th {
  font-family: 'robotoregular', 'Arial';
  font-weight: bold;
  font-style: italic;
  color: #00528d;
  padding: 8px 68px 8px 0;
  width: auto !important;
  vertical-align: top;
}

.ms-rteTable-CEA-3 td {
  padding: 8px 0;
  width: auto !important;
}

.ms-backgroundImage a {
    color: inherit;
} 

#WPQ1_GoBack{
  display: none;
}

/* modification de la couleurs des titres DRF et Fabrique des Savoirs du site - au 30/08/2023 par EB */ 

#branding .baseline p {
  color: #262626; /* (c'est en remplacement) */
  font-family: "AvenirNext-Medium", 'Arial';
  font-size: 30px;
}

#branding .baseline h1{
  color:#778899!important; /* (c'est un ajout)*/
}