/*
1. Global
2. Entête(PIV)
3. Bloc image
3.1 Barre d'éléments
3.1.1 Sous-menusicone
3.1.1.1 Naviguer
3.1.1.2 Options d'accessibilité
3.1.1.3 Se-connecter
3.2 Assistant
3.3 Titre de section
4. Contenu
4.1 Page d'accueil
4.2 Page avec menu de gauchediv#contenu table
4.3 Tableau de documentation
4.4 Liste de documents
4.5 Résultats de l'assistant
4.6 Formulaire de contact
4.7 Salle de presse
4.8 Tableau préparateurs accrédités de données
4.9 Tableau historique des réductions du taux d'intérêt
4.10 Autre
5. Bas de page
5.1 Bande
5.2 PIV du bas
6. Classes RTE
7. Responsive design
7.1 Responsive design(950px)
7.2 Responsive design(949px)
7.3 Responsive design(715px)
7.4 Responsive design(599px)
7.5 Responsive design(499px)
7.6 Responsive design(399px)
8. Options d'accessibilité
8.1 Contraste élevé
8.2 Contraste inversé
8.3 Taille du texte
9. Extensions
9.1 News
9.2 Shariff
10. Section Relève
*/

/*----------------------------------------------
1. Global - Début
----------------------------------------------*/

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  background-color: #fdfdfd;
  color: #2c444f;
}

body.texte-normal {
  font-size: 100%;
}

body.texte-pourcent-110 {
  font-size: 110%;
}

body.texte-pourcent-120 {
  font-size: 120%;
}

h1, h2, h3, div#assistant ul li.question, div#titre-section, .style-h3 {
  font-family: 'Sanchez', serif;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 15px 0;
}

h1 {
  font-size: 2.05em;
}

h2 {
  font-size: 1.55em;
}

h3, .style-h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.2em;
  font-weight: normal;
}

h5 {
  font-size: 1.1em;
  font-weight: normal;
}

header, nav, section, article, aside, footer {
  display: block;
}

a {
  color: #095797;
}

a:hover {
  text-decoration: none;
  color: #0056C8;
}

#menu-gauche a, #naviguer a, #menu-mobile a {
  text-decoration: none;
}

button, input[type=submit] {
  margin: 0;
  padding: 0;
  background: none;
  border: none; 
  color: #0056C8;
  font: inherit;
  cursor: pointer;
}

address {
  font-style: normal;
}

img {
  border: none;
}

img.responsive {
  max-width: 100%;
  height: auto;
}

table, th, td {
  border: 1px solid #666666;
  border-collapse: collapse;
}

caption {
  text-align: left;
  margin-bottom: 5px;
}

th, td {
  padding: 5px 10px;
}

td *:first-child {
  margin-top: 0;
}

td *:last-child {
  margin-bottom: 0;
}

tbody tr th:first-child {
  text-align: left;
}

.row-header-no-bold tbody th {
  font-weight: normal;
}

td.cel-og {
	background-color: #F4B083;
}

td.cel-vr {
	background-color: #A8D08D;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

fieldset legend {
  padding: 0;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
}

sub {
  vertical-align: baseline;
  position: relative;
  bottom: -0.3em;
}

div#contenant, div#bande div#bande-contenu {
  max-width: 1300px;
  min-width: 300px;
  margin: 0 auto;
}

div#contenant {
  position: relative;
}

nav ul, div#assistant ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.affichage-table {
  display: table;
}

.affichage-cellule {
  display: table-cell;
  vertical-align: top;
}


.affichage-ligne {
  display: table-row;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}

.largeur-100-pct {
  width: 100%;
}

.hors-ecran {
  position: absolute; 
  top: -10000px;
  left: -10000px;
}

a.lien-chevron:after {
  font-family: fontAwesome;
  content: '\00a0\00a0\00a0\f105';
}

a.lien-chevron {
  text-decoration: none;
}

a.lien-fond-bleu {
  display: inline-block;
  padding: 10px;
  color: #fff;
  background-color: #4072B4;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

li > a.lien-fond-bleu {
  margin: 10px 0;
}

ul {
  padding-left: 34px;
}

ul li, ol li, dl dt, dl dd {
  margin-bottom: 5px;
}

dl dd {
  margin-left: 20px;
}

li ul, li ol {
  margin-top: 5px;
}

ol.points-espaces > li + li {
  margin-top: 15px;
}

#retour-en-haut {
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 100;
  padding: 5px 10px;
  text-align: center;
  line-height: 30px;
  background: #f3f3f3;
  color: #4072B4;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s ease-out;
}

#retour-en-haut:hover {
  background: #e9ebec;
}

#retour-en-haut.show {
  visibility: visible;
  opacity: 0.90;
}

ul.csc-menu {
  padding-left: 16px;
}

.non-flottant {
  clear: both;
}

.flottant-gauche {
  float: left;
  margin-right: 30px;
}

.flottant-droit, .flottant-droit-mobile {
  float: right;
}

.sans-marge {
  margin: 0;
}

.sans-padding {
  padding: 0;
}

div.image-description {
  margin-bottom: 15px;
}

div.image-description h2 {
  margin-top: 0;
}

div.image-description .affichage-cellule:first-child {
  padding-right: 15px;
}

div.image-description.affichage-table > .affichage-cellule > p {
  margin-top : 0; 
}

div.image-description .affichage-cellule:first-child img + img {
  margin-left: 5px;
}

.ligne-images {
  margin: 30px 0;
}

ul.dashed {
  list-style: none;
  padding-left: 0;
}

ul.dashed > li {
  margin-left: 23px;  
}

ul.dashed > li::before {
  content: "–";
  padding-right: 7px;
  display: table-cell;
}

.majuscule {
  text-transform: uppercase;
}

i.fleche-texte {
  margin: 0 5px;
}

.bloc-info {
  margin-bottom: 15px;
  border: 1px solid;
}

.bloc-info-titre {
  border-bottom: 1px solid;
  margin: 0;
  padding: 5px 10px;
}

.bloc-info-contenu {
  padding: 0 10px;
}

p.bloc-info-sous-titre {
  font-weight: bold;
  margin-bottom: 5px;
}

p.bloc-info-sous-titre + p, p.bloc-info-sous-titre + ul {
  margin-top: 0px;
}

p.retrait-p, div.retrait, p.retrait {
  margin-left: 19px;
}

.image-responsive {
  width: 100%;
}

.fadq-plus {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  margin-left: 5px;
}

.liste-2-cols {
  display: inline-block;
  list-style-position: inside;
  margin-top: 0;
  padding-left: 0;
  column-count: 2;
  column-gap: 0;
}

.style-disque {
  list-style-type: disc;
}

.centrer-texte {
  text-align: center;
}

.bloc-tableau-grid {
  display: grid;
}

.bloc-tableau-scroll {
  overflow-x: auto;
}

abbr.abbr-sans-style {
  text-decoration: none;
  cursor: default;
}

.liste-tiret {
  list-style: none;
  padding-left: 19px;
}

.liste-table, .liste-table2 {
  display: table;
  padding-left: 19px;
}

.liste-table li, .liste-table2 li {
  display: table-row;
}

.liste-table li:before, .liste-tiret li:before {
  content: "\2043";
  padding-right: 0.5em;
}

.liste-table li div, .liste-table2 li div {
  display: table-cell;
  padding-bottom: 5px;
}

.liste-table2 li div {
  padding-right: 30px;
}

@media screen and (min-width: 550px) {
  .f3cols-eg {
    display: flex;
  }
  
  .fcols-eg-item + .fcols-eg-item {
    margin-left: 15px;
  }
}

.fcols-eg-item {
  flex: 1;
  margin-bottom: 15px;
}

.fcols-eg-item-title {
  margin: 0;
  padding: 10px 0;
}

.fcols-eg-t1 .fcols-eg-item-title {
  background-color: #54d7ab87;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.fcols-eg-t1 .fcols-eg-item {
  background-color: #DFF6EF;
}

.fcols-eg-item-cont {
  margin: 0;
  padding: 15px;
}

.fcols-eg-t1 .fcols-eg-item-cont {
  line-height: 1.4em;
}

/* État des cultures - début */

#contenu.salle-de-presse h2 {
  margin-top: 30px;
  border: none;
}

#contenu .faq h2 {
  margin-top: 30px;
  margin-bottom: 10px;
  border: none;
  color: #4072B4;
}

#contenu .faq h3 {
  display: list-item;
  list-style-type: square;
  font-size: 1.2em;
  font-family: Roboto;
  margin: 5px 0 16px 21px;
}

#contenu .faq h4 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
}

#contenu .faq p + h4 {
  margin-top: 15px;
}

#contenu .faq p {
  margin: 0 0 10px 0;
}

#contenu .faq div .note-bas {
  margin-top: 15px;
}

#contenu .faq .note-bas {
  margin-top: 30px;
}

#contenu .faq div.note-importante {
  margin-left: 21px;
  margin-top: 10px;
}

#contenu.salle-de-presse table > caption > p {
  margin: 15px 0;
}

#menu-etat-cultures {
  margin-top: 30px;
}

#video-en-bref {
  margin-left: 30px;
}

#video-en-bref:after  {
  content: "";
  display: table;
  clear: both;
}

#video-en-bref p {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

#video-en-bref p:first-child {
  margin-bottom: 5px;
  margin-right: 30px;
}

.evolution-productions tr + tr th + th {
  width: 6%;
}

.evolution-productions.fruitieres-apicoles tr + tr th + th {
  width: 5%;
}

.evolution-productions.fruitieres-apicoles th, .evolution-productions.fruitieres-apicoles td {
  padding: 5px;
}

.evolution-productions thead tr td {
  border: none;
}

.evolution-productions .indicateur {
  display: inline-block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
}

.evolution-productions .indicateur + .indicateur {
  margin-left: 2px;
}

.evolution-productions .indicateur.superieur {
  background-color: #657D33;
}  

.evolution-productions .indicateur.moyenne {
  background-color: #5F497A;
}

.evolution-productions .indicateur.inferieur {
  background-color: #943634;
}  

.evolution-productions .indicateur.non-applicable {
  color: inherit;
}

.evolution-productions .indicateur.prevision {
  background-color: #ccc;
}

.evolution-productions .sans-valeur {
  color: #666666;
}

.evolution-productions .indicateur > i {
  margin-top: 2px;
}

.legende-evolution-productions dd span {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #ffffff;
}

.legende-evolution-productions dt {
  font-weight: bold;
  margin-bottom: 5px;
}

.legende-evolution-productions dt, .legende-evolution-productions dd {
  line-height: 25px;
}

.legende-evolution-productions dt, .legende-evolution-productions dd {
  display: inline-block;
  margin: 0 15px 5px 0
}

.legende-evolution-productions dd span.legende-superieure {
  background-color: #657D33;
}

.legende-evolution-productions dd span.legende-superieure.periode {
  color: #657D33;
}  

.legende-evolution-productions dd span.legende-moyenne {
  background-color: #5F497A;
}

.legende-evolution-productions dd span.legende-moyenne.periode  {
  color: #5F497A;
}  

.legende-evolution-productions dd span.legende-inferieure {
  background-color: #943634;
}

.legende-evolution-productions dd span.legende-inferieure.periode   {
  color: #943634;
}

.table-evolution-semis-croissance-recoltes thead th + th {
  width: 8%;
}

.table-evolution-semis-croissance-recoltes th, .table-evolution-semis-croissance-recoltes td,
.evolution-productions th, .evolution-productions td {
  padding: 5px;
}

/* État des cultures - fin */

/* Bloc sondage - début */
.bloc-sondage {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  padding: 15px 10px;
  background-color: #EAF5FB;
  border-left: 7px solid #0073B2;
}

.bloc-sondage.sdg-conf {
  background-color: #EAFBE8;
  border-left: 7px solid #008000;
}

.bloc-sondage.sdg-err {
  background-color: #FEFCE7;
  border-left: 7px solid #FF9200;  
}

.bloc-sondage .sdg-icon, .bloc-sondage .sdg-content {
  display: table-cell;
}

.bloc-sondage .sdg-icon {
  width: 5.5em;
  height: 3.5em;
  background-image: url(../images/icone-sondage.svg);
  background-size: 3.5em 3.5em;
  background-position: center center;
  background-repeat: no-repeat;
}

.bloc-sondage.sdg-conf .sdg-icon {
  background-size: 2.5em 2.5em;
  background-image: url(../images/icone-confirmation.svg);
}

.bloc-sondage.sdg-err .sdg-icon {
  background-size: 2.5em 2.5em;
  background-image: url(../images/icone-avertissements.svg);
}

.bloc-sondage .sdg-content {
  padding-left: 10px;
  vertical-align: middle;
}

.bloc-sondage .sdg-content > p:first-child {
  margin-top: 0;
}

.bloc-sondage > p:last-child {
  margin-bottom: 0;
}

.bloc-sondage .sdg-select {
  margin-right: 15px;
}

.bloc-sondage .sdg-button:disabled {
  background-color: #666;
  cursor: default;
}

.bloc-sondage .sdg-mess-conf, .bloc-sondage .sdg-mess-err {
  margin: 0;
}

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

.bloc-sondage .sdg-icon {
  display: none;
}

.bloc-sondage .sdg-label, .bloc-sondage .sdg-select, .bloc-sondage .sdg-button  {
  display: block;
}

.bloc-sondage .sdg-label {
  margin-bottom: 5px;
}

.bloc-sondage .sdg-select {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

}

/* Bloc sondage - fin */

.alt-row-color tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}

.alt-row-color2 tbody tr:nth-child(even) {
  background-color: #F5F5F5;
}

.hl-row tbody tr:hover {
  background-color: #d4e5f6;
}

.bold-row th, .bold-row td {
  font-weight: bold;
}

.lg-top-border-row td {
  border-top-width: 3px;
}

.contenu-cache, .contenu-cache.cols-img-text {
  display: none;
}

.cols-img-text {
  display: flex;
  justify-content: space-between; 
}

.cols-img-text > p:first-child > img {
  margin-right: 15px;
}

@media screen and (min-width: 1035px) {
.img-fltr {
  position: relative;
}

.img-fltr img {
  position: absolute;
  top: 0;
  right: 0;
}
}

h2 .afficher-cacher-contenu, h3 .afficher-cacher-contenu, h4 .afficher-cacher-contenu, h5 .afficher-cacher-contenu, h6 .afficher-cacher-contenu {
  color: #2c444f;
}

h2 .afficher-cacher-contenu, h3 .afficher-cacher-contenu, h4 .afficher-cacher-contenu, h5 .afficher-cacher-contenu, h6 .afficher-cacher-contenu,
h2 .afficher-cacher-contenu:hover, h3 .afficher-cacher-contenu:hover, h4 .afficher-cacher-contenu:hover, h5 .afficher-cacher-contenu:hover, h6 .afficher-cacher-contenu:hover {
  text-decoration: none;
}

.membre-ca h3 {
  font-size: 1.2em;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 0;
}

.membre-ca h3 + p {
  margin: 0;
}

.membre-ca h4 {
  margin-top: 7px;
}

a.lien-externe {}

a.lien-externe:after {
  display: inline-block;
  font-family: fontAwesome;
  content: '\f08e';
  font-size: 14px;
  margin-left: 5px;
}

.liste-bloc-image {
  margin: 0;
  padding: 0;
  list-style: none;
}

.liste-bloc-image li {
  display: inline-block;
  width: 300px;
  height: 300px;
  background-color: #f5f5f5;
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
}

.liste-bloc-image li img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#liste-partenaires {
  margin-top: 30px;
}

.texte-revision {
  background-color: yellow;
}

.surligner-jaune {
  background-color: #ffff00;
}

.bloc-gris > div {
  background-color: #eee;
  padding: 10px;
}

div.bloc-gris {
  margin-bottom: 30px;
}

div.bloc-gris > div > .affichage-cellule p:last-child {
  margin-bottom: 0;
}

.bloc-gris h3.titre-bloc-gris {
  margin-bottom: 5px;
}

span.grosse-lettre, .grosse-lettre {
  font-size: 2em; 
}

span.gros-guillemet, .gros-guillemet {
  font-size: 1.5em;
}

.th-div-pos thead th {
  position: relative;
  padding-bottom: 30px;
}

.th-div-pos thead th div {
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background-color: #ccc;
}

ul.liste-multi-niv > li + li, ol.liste-multi-niv > li + li, li > ul.liste-multi-niv > li, li > ol.liste-multi-niv > li {
  margin-top: 10px;
}

/* promo relève */
.promo-releve {
  margin: 15px 0;
  padding: 15px 20px;
  border: 1px solid #223654;
  background-color: #fff;
}

@media screen and (min-width: 999px) {
.promo-releve {
  margin: 15px 0 30px 0;
}

.promo-releve.pr1 {
  float: right;
  margin-left: 15px;
}
}

.promo-releve-titre {
  position: relative;
  margin: 0 0 20px 0;
  color: #223654;
  font-family: "DM Serif Display";
  font-size: 1.75em;
  font-weight: bold;
}

.promo-releve-titre::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 88px;
  margin-bottom: -7px;
  border-bottom: 4px solid #F8CB2E;
}

.promo-releve-texte {
  margin: 0;
  font-size: 1.2em;
}

.promo-releve-texte a {
  white-space: nowrap;
}

.message-info {
  display: flex;
  margin: 15px 0;
  padding: 15px;
  background-color: #E1E8F1;  
}

.deux-colonnes-accueil .message-info {
  margin-top: 20px;
}

.message-info::before {
  content: '\f05a';
  font-family: fontAwesome;
  font-size: 30px;
  margin-right: 15px;
}

.message-info p:first-child {
  margin: 0;
}

.message-info p + p {
  margin: 10px 0 0 0
}

.acc {
  margin-bottom: 10px;
}

.acc-item + .acc-item {
  margin-top: 10px;
}

.acc-item > h2, .acc-item > h3, .acc-item > h4, .acc-item > p, .acc-sub-item > p {
  margin: 0;
}

.acc-sub {
  margin: 20px 0;
}

.acc-sub-item + .acc-sub-item {
  margin-top: 15px;
}

.acc-item-lien, .acc-sub-item-lien {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  align-items: center;
  transition: all 0.35s ease;
}

.acc-item .acc-item-lien {
  background-color: #f1f1f1;
}

.acc-item > h2, .acc-item > h3, .acc-item p > .acc-item-lien {
  font-size: 1.4em;
}

.acc-sub-item > h4, .acc-item p > .acc-item-lien {
  font-size: 1.1em;
}

.acc-item h2, .acc-item h3 {
  font-family: 'Roboto', sans-serif;
}

.acc-sub-item-lien {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  padding-left: 0;
}

.acc-item-lien, .acc-item-lien:hover, .acc-sub-item-lien, .acc-sub-item-lien:hover {
  color: #2c444f;
}

.acc-item-lien:hover {
  background-color: #E6E7E8;
}

.icone-plus::after {
  content: '';
  background-image: url(/fileadmin/templates/images/releve/plus.svg);
  background-size: 16px;
  height: 16px;
  width: 16px;
}

.icone-moins::after {
  background-image: url(/fileadmin/templates/images/releve/moins.svg);
}

.icone-plus::after, .icone-moins::after {
  content: '';
  background-size: 16px;
  height: 16px;
  min-width: 16px;
  max-width: 16px;
  margin-left: 15px;
}

.acc-item-lien.icone-plus {
  border: 1px solid #f1f1f1;
}

.acc-item-lien.icone-plus:hover, .acc-item-lien.icone-moins {
  border: 1px solid #cfcfcf;
}

.acc-item-lien {
  padding: 10px 15px;
}

.acc-item-cont {
  padding: 15px;
}

.acc-sub-item > .acc-item-cont {
  padding-left: 0;
}

.acc-item-cont > .acc {
  margin-top: 30px;
}

.acc-item-cont > .acc + .acc {
  margin-top: 10px;
}

.acc-item > .acc-item-cont {
  background-color: #fbfbfb;
  border: 1px solid #cfcfcf;
  border-top: none;
}

.acc-item-cont > p, div#contenu .acc-item-cont > table, div#contenu .acc-item-cont > ul, div#contenu .acc-item-cont > div {
  margin: 15px 0 0 0;
}

.acc-item-cont > p, div#contenu .acc-item-cont table, div#contenu .acc-item-cont > ul, div#contenu .acc-item-cont > div {
  margin: 15px 0 0 0;
}

.acc-item-cont p:first-child, div#contenu .acc-item-cont table:first-child, div#contenu .acc-item-cont ul:first-child, div#contenu .acc-item-cont h3:first-child, div#contenu .acc-item-cont h4:first-child {
  margin: 0;
}

.popup-youtube.video-icon {
  position: relative;
}

.popup-youtube.video-icon::before {
  content: '';
  position: absolute;
  width: 58px;
  height: 58px;
  background: url('/fileadmin/templates/images/releve/lect01.svg') no-repeat;
  right: 20px;
  bottom: 17px;
  z-index: 1;
}

.popup-youtube.video-icon:hover::before {
  background: url('/fileadmin/templates/images/releve/lect02.svg') no-repeat;
}

.bloc-gris-bordure {
  margin-bottom: 5px;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
}

/*----------------------------------------------
1. Global - Fin
----------------------------------------------*/

/*----------------------------------------------
2. Entête(PIV) - Début
----------------------------------------------*/

div#piv {
  margin-bottom: 35px;
}

div#piv img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

div#piv ul {
  margin-left: 190px;
  overflow: hidden;
  background-color: #00349A;
  font-family: arial, sans-serif;
}

div#piv ul li {
  float: left;
  margin-left: 0.625em;
  margin-bottom: 0;
}

div#piv ul li.langue {
  float: right;
  margin-right: 0.625em;
}

div#piv ul li a {
  padding: 0.25em 0;
  text-decoration: none;
  color: #ffffff;
}

div#piv ul li a {
  display: block;
  font-size: 0.7em;
}

.image-texte {
  display: table;
}

.image-texte > img, .image-texte > p, .image-texte > ul {
  display: table-cell;
  vertical-align: middle;
}

.image-texte > img {
  padding-right: 30px;
}

.image-texte > p > img {
  padding-left: 30px;
}

/*----------------------------------------------
2. Entête(PIV) - Fin
----------------------------------------------*/

/*----------------------------------------------
3. Bloc image - Début
----------------------------------------------*/

div#bloc-image {
  position: relative;
  height: 234px;
  background-position: center center;
  background-repeat: no-repeat;
}

div#bloc-image.accueil {
  height: 330px;
  background-image: url(../images/image-accueil.jpg);
  background-position: right top;
  background-repeat: no-repeat;
}

div#bloc-image.image-piv {
  background-image: url(../images/image-piv.jpg);
}

div#bloc-image.image-salle-presse {
  background-image: url(../images/image-salle-presse.jpg);
}

div#bloc-image.image-services-ligne {
  background-image: url(../images/image-services-ligne.jpg);
}

div#bloc-image.image-assurances {
  background-image: url(../images/image-assurances.jpg);
}

div#bloc-image.image-financement {
  background-image: url(../images/image-financement.jpg);
}

div#bloc-image.image-centre-documentation {
  background-image: url(../images/image-centre-documentation.jpg);
}

div#bloc-image.image-cfai {
  background-image: url(../images/image-cfai.jpg);
}

div#bloc-image.image-carriere {
  background-image: url(../images/image-carriere.jpg);
}

.credit-photo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #ffffff;
  font-size: 0.8em;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.5);
}

/*----------------------------------------------
3. Bloc image - Fin
----------------------------------------------*/

/*----------------------------------------------
3.1 Barre d'éléments - Début
----------------------------------------------*/

div#barre-elements {
  display: table;
  width: 100%;
  border-bottom: 1px solid #fdfdfd;
}

div#barre-elements, div#titre-section {
  background: transparent\9;
  #background: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
  zoom: 1;
}

div#menu-mobile {
  position: absolute;
  width: 0px;
  #height: 100%;
  top: 0;
  left: 0;
  #overflow-x: hidden;
  overflow: hidden;
  background-color: #2c444f;
  border-left: 0px solid #4C7284;
  z-index: 6;
  transition: 0.5s;
}


.afficher-menu-mobile {
  width: 75% !important;
  border-left-width: 7px !important;
}

div#menu-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#menu-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#menu-mobile ul li button.dernier-element {
  border-bottom: none;
}

div#menu-mobile ul li ul {
  border-right: 1px solid #4C7284;
}

div#menu-mobile ul li ul li {
  background-color: #ffffff;
}

div#menu-mobile ul li ul li a {
  color: #2c444f;
}

.sous-menu-mobile li {
  margin: 0;
}

div#menu-mobile a, div#menu-mobile button {
  padding: 10px;
  border-bottom: 1px solid #4C7284;
  color: #ffffff;
}

div#menu-mobile > ul > li > a, div#menu-mobile > ul > li > button {
  white-space: nowrap;
}

div#menu-mobile a {
  display: block;
}

div#menu-mobile button {
  width: 100%;
  text-align: left;
}

div#barre-elements button.navigation-mobile, div#barre-elements button.afficher-recherche-mobile {
  display: none;
  border: 1px solid;
  color: #2c444f;
}

div#barre-elements button.navigation-mobile {
  width: 41px;
  height: 37px;
}

div#barre-elements button.afficher-recherche-mobile {
  width: 37px;
  height: 37px;
  line-height: 35px;
}

div#barre-elements div.element {
  display: table-cell;
  text-align: center;
  border-right: 1px solid #fdfdfd;
}

div#barre-elements div.element > button.bouton-menu, div#barre-elements div.element > a.lien-menu {
  padding-top: 11px;
  padding-bottom: 11px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid transparent;
}

div#barre-elements div.element button.bouton-menu {
  width: 100%;
}

div#barre-elements div.element a.lien-menu {
  display: block;
  text-decoration: none;
}

div#barre-elements div.element button.actif {
  background-color: #fdfdfd;
  color: #2C444F;
  border: 1px solid #666666;
  border-bottom: none;
}

div#menu-elements a {
  display: block;
}

div#recherche {
  width: 35%;
  border-right: 1px solid #ffffff;
}

div#recherche input {
  width: 80%;
  font-size: 1em;
  font-style: italic;
  background: transparent;
  border: none;
}

div#barre-elements div#recherche button:before {
  font-family: fontAwesome;
  content: '\f002';
  font-size: 20px;
}

div#recherche input, div#recherche button {
  color: #ffffff;
}

div#recherche input::-webkit-input-placeholder {
  color: #ffffff;
}

div#recherche input:-moz-placeholder {
  color: #ffffff;
}

div#recherche input::-moz-placeholder {
  color: #ffffff;
}

div#recherche input:-ms-input-placeholder {
  color: #ffffff;
}

div#barre-elements div#options-accessibilite {
  width: 52px;
  min-width: 52px;
  position: relative;
}

/*----------------------------------------------
3.1 Barre d'éléments - Fin
----------------------------------------------*/

/*----------------------------------------------
3.1.1 Sous-menus - Début
----------------------------------------------*/

div#barre-elements div.sous-menu {
  position: absolute;
  padding: 15px 20px 0 20px;
  background-color: #fdfdfd; 
  border: 1px solid #666666;
  z-index: 2;
  font-size: 0.95em;
  text-align: left;
}

div#barre-elements div.sous-menu ul {
  list-style: none;
  margin-top: 0;
  padding-left: 20px;
}

div#barre-elements div.sous-menu dl {
  margin-top: 0;
}


div#barre-elements div.sous-menu > dl, div#barre-elements div.sous-menu > div > dl:first-child {
  margin-top: 0;
}

div#barre-elements div.sous-menu > div > dl + dl {
  margin-top: 30px;
}


div#barre-elements div.sous-menu dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}

div#barre-elements div.sous-menu dl dd {
  margin-left: 16px;
  display: list-item;
  list-style-type: square;
}

div#barre-elements div.sous-menu p.sous-menu-titre {
  margin-bottom: 5px;
  font-weight: bold;
}

p.sous-menu-titre:first-child {
  margin-top: 0;
}

/*----------------------------------------------
3.1.1 Sous-menus - Fin
----------------------------------------------*/

/*----------------------------------------------
3.1.1.1 Naviguer - Début
----------------------------------------------*/

div#barre-elements div#naviguer div.sous-menu {
  width: 100%;
}

div#barre-elements div#naviguer div.sous-menu > dl, div#barre-elements div#naviguer div.sous-menu > div {
  display: inline-block;
  vertical-align: top;
}

div#barre-elements div#naviguer div.sous-menu > dl, div#barre-elements div#naviguer div.sous-menu > div:first-child {
  max-width: 38%;
  padding-right: 2%;
}

div#barre-elements div#naviguer div.sous-menu > div:last-child {
  max-width: 20%;
}

/*----------------------------------------------
3.1.1.1 Naviguer - Fin
----------------------------------------------*/

/*----------------------------------------------
3.1.1.2 Options d'accessibilité - Début
----------------------------------------------*/

/*
div#barre-elements div#options-accessibilite button:before {
font-family: fontAwesome;
content: '\f013';
font-size: 1.55em;
}
*/

div#barre-elements div#options-accessibilite div.sous-menu {
  width: 270px;
  right: 0;
}

div#barre-elements div#options-accessibilite div.sous-menu button.taille-texte {
  margin-right: 5px;
}

div#barre-elements div#options-accessibilite div.sous-menu button.pourcent-110 {
  font-size: 110%;
}

div#barre-elements div#options-accessibilite div.sous-menu button.pourcent-120 {
  font-size: 120%;
}

/*----------------------------------------------
3.1.1.2 Options d'accessibilité - Fin
----------------------------------------------*/

/*----------------------------------------------
3.1.1.3 Se-connecter - Début
----------------------------------------------*/

div#barre-elements div#se-connecter {
  /*height: 42px;*/
  border-right: none;
  /*white-space: nowrap;*/
}

div#barre-elements div#se-connecter > button {
  /*border: none;*/
}

div#barre-elements div#se-connecter div.sous-menu {
  right: 0;
  padding-bottom: 15px;
}

div#barre-elements div#se-connecter div.sous-menu a.acceder {
  padding: 5px 10px;
  background-color: #4072B4;
  color: #fff;
}

div#barre-elements div#se-connecter div.sous-menu a.acceder:hover {
  text-decoration: none;
}

div#barre-elements div#se-connecter div.sous-menu p.partenaires {
  margin-top: 15px;
  margin-bottom: 17px;
}

/*----------------------------------------------
3.1.1.3 Se-connecter - Fin
----------------------------------------------*/

/*----------------------------------------------
3.2 Assistant - Début
----------------------------------------------*/

div.modal-bg { 
  display: none;
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  z-index: 4; 
  background: rgba(0,0,0,0.5);
}

div#assistant {
  clear: both;
}

div#assistant form {
  text-align: center;
}

div#assistant div.question span.debut-question, div#assistant div.question button.bouton-choix {
  margin-bottom: 15px;
  padding: 4px 10px;
  font-family: 'Sanchez';
  font-size: 1.5em;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.6);
}

div#assistant div.question span.debut-question {
  display: inline-block;
  margin-left: 5px;
}

div#assistant button.bouton-choix {
  margin: 0 10px;
}

div#assistant button.bouton-choix i {
  margin-left: 15px;
}


div#assistant button.bouton-choix span.points  {
  line-height: 24px;
  margin: 0 75px 0 5px;
  letter-spacing: 5px;
}

div#assistant .liste-choix {
  position: absolute;
  z-index: 5;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

div#assistant ul.liste-choix li {
  border-top: 1px solid #ccc;
  margin-bottom: 0;
}

div#assistant ul.liste-choix li button {
  width: 100%;
  padding: 15px;
  text-align: left;
}

div#assistant ul.liste-choix li button:hover {
  background-color: #f1f1f1;
}

.selection {
  background-color: #f1f1f1;
  color: #666;
}

div#assistant a {
  display: inline-block;
}

div#assistant button#conseillez-moi, div#assistant a {
  margin-top: 10px;
  padding: 10px;
  color: #fff;
  background-color: #4072B4;
  text-transform: uppercase;
  box-shadow: 1px 1px 1px #000000;
}

div#assistant div.liste-choix  {
  padding: 10px;
  border-top: 1px solid #cccccc;
}

div#assistant div.liste-choix p {
  text-align: left;
}

div#assistant div.liste-choix fieldset{
  text-align: left;
}

div#assistant div.liste-choix button {
  margin-top: 10px;
  padding: 10px;
  text-transform: uppercase;
  background-color: #4072B4;
  color: #ffffff;      
}

/*
div#assistant fieldset {
border: none;
margin: 0;
padding: 0;
}
*/

div#assistant fieldset#productions-animales {
  margin-right: 15px;
}

div#assistant fieldset legend {
  margin-bottom: 10px;
  font-weight: bold;
}

div#assistant fieldset label {
  display: block;
  cursor: pointer;
}

/*----------------------------------------------
3.2 Assistant - Fin
----------------------------------------------*/

/*----------------------------------------------
3.3 Titre de section - Début
----------------------------------------------*/

div#titre-section {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
}

div#titre-section h1, div#titre-section p {
  font-size: 2em;
  color: #ffffff;
}

div#titre-section h1 {
  margin: 0;
  padding: 15px;
}

div#titre-section p {
  margin: 0;
  padding: 15px;
}

/*----------------------------------------------
3.3 Titre de section - Fin
----------------------------------------------*/

/*----------------------------------------------
4. Contenu - Début
----------------------------------------------*/

.filariane {
  margin: 5px 0;
  padding: 5px 5px 5px 15px;
  list-style: none;
  background-color: #f5f5f5;  
}

.filariane > li {
  display: inline;
  padding-right: 5px;
}

.filariane > li + li {
  padding: 0 5px 0 15px;
  background: url("../images/chevron.svg") no-repeat;
  background-position: left center;
}

div#contenu {
  font-size: 0.95em;
}

div.csc-default > h2, div.csc-header > h2, div.news > h2 {
  border-bottom: 1px solid;
  padding-bottom: 3px;
}

div#contenu table {
  /*width: 100%;*/
  min-width: 50%;
  margin-bottom: 15px;
}

@media screen and (max-width: 1025px) {
div#contenu table {
  min-width: 75%;
}
}

@media screen and (max-width: 700px) {
div#contenu table {
  width: 100%;
}
}

table.documents caption, div#contenu table caption span.titre {
  font-family: 'Sanchez', serif;
  font-size: 1.3em;
}

table.documents caption.titre2 {
  font-size: 1.55em;
  border-bottom: 1px solid;
  margin-bottom: 15px;
  padding-bottom: 3px;
}

div#contenu table caption h2, div#contenu table caption h3 {
  border: none;
  margin: 0;
  padding: 0;
}

div#contenu table caption h2 + p, div#contenu table caption h3 + p {
  margin-top: 5px;
}

div#contenu table caption > p {
  margin: 0;
}

div#contenu table td ul {
  margin: 0;
}

@media screen and (min-width: 950px) {
div#contenu table.tab2col50 {
  width: 50%;
}
}

div#contenu table.tab2col50 th {
  width: 50%;
}

div.contour-coins-arrondis {
  max-width: 350px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 40px;
  padding: 10px 0 12px 15px;
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  border-radius: 15px;
}

div.contour-coins-arrondis h2 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 1.4em;
}

div.contour-coins-arrondis p {
  margin: 0;
}

div.contour-coins-arrondis span.nom-porte-parole {
  font-size: 1.15em;
}

span.insecable, p.insecable, .insecable {
  white-space: nowrap;
}

@media screen and (max-width: 499px) {
  .emp-rem-liste > div ul {
      padding-left: 16px;
  }
}

@media screen and (min-width: 500px) {
  .emp-rem-liste {
    display: table;
  }

  .emp-rem-liste > div:first-child {
      float: right;
  }

  .emp-rem-liste > div:last-child {
      float: left;
      margin-right: 15px;
  }

  .emp-rem-liste > div p, .emp-rem-liste > div ul {
      margin: 0;
  }
}

/* Accueil CFAI */
.logo-cfai {
  margin-top: -50px;
}


/*----------------------------------------------
4. Contenu - Fin
----------------------------------------------*/

/*----------------------------------------------
4.1 Page d'accueil - Début
----------------------------------------------*/

div.trois-colonnes, div.deux-colonnes, div.deux-colonnes-accueil, div.bulletins {
  width: 100%;
  display: table;
}

div.deux-colonnes div.largeur-cellule:first-child, div.deux-colonnes-accueil div.largeur-cellule:first-child {
  padding-right: 25px;
}

div.deux-colonnes div.largeur-cellule:first-child {
  width: 49%;
}


div.deux-colonnes-accueil div.largeur-cellule:first-child {
  width: 42%;
}

div.trois-colonnes div.largeur-cellule {
  width: 35%;
  padding-right: 32px;
}

div.trois-colonnes div.largeur-cellule:last-child {
  padding-right: 0;
}

div#accueil-contenu {
  margin: 25px 0 40px 0;
}

div.deux-colonnes-accueil {
  margin-bottom: 15px;
}

/*----------------------------------------------
4.1 Page d'accueil - Fin
----------------------------------------------*/

/*----------------------------------------------
4.2 Page avec menu de gauche - Début
----------------------------------------------*/

button.afficher-menu-section {
  display: none;
  width: 50%;
  line-height: 38px;
  margin-top: 15px;
  padding-left: 10px;
  border-top: 1px solid #2C444F;
  border-bottom: 1px solid #2C444F;
  text-align: left;
  color: #2C444F;
}

button.afficher-menu-section i {
  float: right;
  margin-right: 10px;
  margin-top: 4px;
}

div#menu-gauche {
  min-width: 250px;
  padding-top: 30px;
  background-color: #f5f5f5;
}

div#menu-gauche ul {
  margin-left: 15px;
  margin-right: 10px;
}

div#menu-gauche ul li {
  margin-bottom: 15px;
}

div#menu-gauche ul li a {
  text-transform: uppercase;
}

div#menu-gauche ul li a, div#menu-gauche ul li button {
  color: #2c444f;
}

div#menu-gauche ul li button {
  text-align: left;
}

div#menu-gauche ul li ul {
  margin-left: 10px;
  padding-top: 15px;
  text-transform: none;
}

div#menu-gauche ul li ul li a {
  text-transform: none;
}

div#menu-gauche ul li a.menu-gauche-lien-actif, div#menu-gauche ul li button.menu-gauche-lien-actif {
  font-weight: bold;
}

div#contenu-principal {
  width: 80%;
  padding-left: 20px;
  padding-bottom: 30px;
}

div#contenu h1 {
  color: #67717b;
}

div#contenu-principal > div {
  width: 100%;
}

div#contenu-central {
  width: 70%;
  padding-right: 30px;
}

div.bulletins div#contenu-principal {
  position: relative;
}

div.bulletins div#contenu-gauche {
  min-width: 300px;
}

div.bulletins div#contenu-gauche.bulletin-edc {
  padding-top: 110px;
}

div.bulletins div#contenu-gauche.bulletin-agroindicateur {
  padding-top: 135px;
}

img.logo-bulletin {
  position: absolute;
  top: 42px;
}

p.ligne-haut {
  padding-top:5px;
  border-top: solid 1px;
  width:60%;
}

/*----------------------------------------------
4.2 Page avec menu de gauche - Fin
----------------------------------------------*/

/*----------------------------------------------
4.3 Tableau de documents - Début
----------------------------------------------*/

table.documents {
  width: 100%;
}

table.documents tbody tr:nth-child(even) {
  background-color: #F5F5F5;
}

table.documents, table.documents th, table.documents td {
  border: none;
}

table.documents tr.pair {
  background-color: #f4f4f4;
}

table.documents th, table.documents td {
  text-align: left;
}

table.documents th {
  border-bottom: 1px solid #ccc;
  font-size: 1.1em;
  font-weight: normal;
}

table.documents th:first-child, table.documents td:first-child {
  padding-left: 0;
}

table.documents th + th, table.documents td + td {
  border-left: 1px solid #ccc;
}

table.documents th.entete-date {
  width: 135px;
}

table.documents th.entete-format {
  width: 140px;
}

table.documents th.entete-date, table.documents, table.documents th.entete-format {
  padding: 0 10px;
}

table.documents > tbody td:nth-child(2) {
  text-transform: capitalize;
}

/*----------------------------------------------
4.3 Tableau de documents - Fin
----------------------------------------------*/

/*----------------------------------------------
4.4 Liste de documents - Début
----------------------------------------------*/

ul.documents {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom:15px;
  padding: 0;
}

ul.documents li {
  margin-bottom: 4px;
}

/*----------------------------------------------
4.4 Liste de documents - Fin
----------------------------------------------*/

/*----------------------------------------------
4.5 Résultats de l'assistant - Début
----------------------------------------------*/

div.resultats-assistant {
  padding-right: 30px;
}

/*----------------------------------------------
4.5 Résultats de l'assistant - Fin
----------------------------------------------*/

/*----------------------------------------------
4.6 Formulaire de contact - Début
----------------------------------------------*/

form.formulaire {
  margin-top: 15px;
}

form.formulaire > div {
  clear: both;
  overflow: hidden;
  margin: 0 0 15px 0;
}

form.formulaire > div > div, form.formulaire > div > fieldset > div {
  float: left;
}

form.formulaire div > label, form.formulaire div > fieldset > legend {
  width: 200px;
  float: left;
  padding-right: 3px;
}

form.formulaire div > label.aligner-verticalement {
  padding-top: 9px;
}

form.formulaire div > label.deux-lignes {
  padding-right: 15px;
}

form.formulaire div > fieldset > div > ul {
  margin: 0;
  padding: 0;
  list-style: none; 
}

form.formulaire label.message {
  padding-top: 0;
}

/*
form.formulaire input[type=text], form.formulaire textarea, form.formulaire div > div > select, .bloc-sondage .sdg-select {
padding: 0.5em;
font: inherit;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
*/

/* Modification  Solr */
form.formulaire input[type=text], form.formulaire textarea, form.formulaire div > div > select, .bloc-sondage .sdg-select, form.form-recherche input[type=text] {
  padding: 0 0.5em;
  font: inherit;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

form.formulaire input[type=text], form.formulaire div > div > select, .bloc-sondage .sdg-select, form.form-recherche input[type=text] {
  height: 36px;
}

form.formulaire div > div > input[type=text], form.formulaire div > div > textarea, form.formulaire div > div > select {
  width: 475px;
}

form.formulaire input:focus, form.formulaire textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

/*form.formulaire button.envoyer-formulaire, form.formulaire input[type=submit].envoyer-formulaire, .bloc-sondage .sdg-button {*/
button.envoyer-formulaire, input[type=submit].envoyer-formulaire, .bloc-sondage .sdg-button {
  height: 36px;
  padding: 0 10px;
  color: #fff;
  background-color: #4072B4;
  text-transform: uppercase;
}

form.formulaire button.envoyer-formulaire, form.formulaire input[type=submit].envoyer-formulaire {
  margin-left: 200px;
  margin-bottom: 15px;
}

form.formulaire button.envoyer-formulaire.layout2, form.formulaire input[type=submit].envoyer-formulaire.layout2 {
  display: block;
  margin: 0 auto;
}

form.formulaire input[type=text].bordure-erreur-formulaire, form.formulaire textarea.bordure-erreur-formulaire, form.formulaire select.bordure-erreur-formulaire {
  border: 1px solid red !important;
}

form.formulaire input[type=radio] {
  margin: 0 5px 0 0;
}

form.formulaire span.texte-erreur-formulaire {
  display: block;
  margin-top: 2px;
  color: red;
}

div#confirmation-envoi-courriel {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  margin: 15px 0;
}

@media screen and (min-width: 600px) {
  div#confirmation-envoi-courriel {
    position: relative;
    padding-left: 75px;
  }
  
  div#confirmation-envoi-courriel:before {
    position: absolute;
    left: 15px;
    top: 10px;
  }
}

@media screen and (max-width: 599px) {
  div#confirmation-envoi-courriel {
    padding-left: 15px;
  }
  
  div#confirmation-envoi-courriel:before {
    text-align: center;
    display: block;
    margin-top: 10px;
  }
}

div#confirmation-envoi-courriel:before {
  font-family: fontAwesome;
  content: "\f058";
  font-size: 50px;
}

div#confirmation-envoi-courriel p.message-envoye {
  margin-left: 20px;
  font-style: italic;
}

input[type="file"] {
  margin-top: 8px;
}

.mandatory {
  color: #e50f0f;
  font-weight: bold;
}

/* Modification  Solr - Début */
form.form-recherche {
  margin: 30px 0;
}

form.form-recherche input[type=text] {
  width: 60%;
}

.bloc-recherche {
  margin-bottom: 15px;
}

.solr-pagination {
  margin: 30px 0;
}

.solr-pagination ul.pagination {
  margin: 0;
  padding: 0;
}

.solr-pagination ul.pagination > li {
  display: inline-block;
}

.solr-pagination ul.pagination > li > a {
  line-height: 22px;
  padding: 5px 12px;
  text-transform: uppercase;
  background-color: #4072B4;
  color: #ffffff;
}

.solr-pagination ul.pagination > li > a:hover {
  text-decoration: none;
}

.solr-pagination ul.pagination > li.active > a {
  background-color: #666666;
}

.bloc-recherche + .solr-pagination {
  display: none;
}

.results-list {
  margin-top: 30px;
}

.list-group-item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}

.list-group-item:last-child {
  border-bottom: none;
}

.list-group-item a.result-link, .list-group-item span.result-link-icon {
  font-size: 1.2em;
}

.list-group-item span.result-link-icon {
  margin-left: 10px;
}

.list-group-item .result-path {
  margin-top: 5px;
}

.results-highlight {
  font-weight: bold;
}

/* Modification  Solr - Fin */

/*----------------------------------------------
4.6 Formulaire de contact - Fin
----------------------------------------------*/

/*----------------------------------------------
4.7 Salle de presse - Début
----------------------------------------------*/

.bordure-sujet-interet {
  background: url(/fileadmin/templates/images/bordure-tiret.png) repeat-x left bottom;
  padding-bottom: 1px;
}

li.sujet-interet, div.sujet-interet {
  width: 100%;
  min-height: 3.85em;
  position: relative;
  padding-bottom: 13px;
  background: url(/fileadmin/templates/images/bordure-tiret.png) repeat-x left bottom;
}

li.sujet-interet [class^="icone-"], div.sujet-interet [class^="icone-"] {
  width: 3.85em;
  height: 3.85em;
  background-size: 3.85em 3.85em;
  background-position: center top;
  background-repeat: no-repeat;
}

.icone-innondation {
  background-image: url(../images/icone-innondation.svg);
}

.icone-evenements {
  background-image: url(../images/icone-evenements.svg);
}

.icone-concours {
  background-image: url(../images/icone-concours.svg);
}

.icone-sondage {
  background-image: url(../images/icone-sondage.svg);
}

.icone-avertissements {
  background-image: url(../images/icone-avertissements.svg);
}

.icone-questions-reponses {
  background-image: url(../images/icone-questions-reponses.svg);
}

.icone-prorogation-recolte {
  background-image: url(../images/icone-prorogation-recolte-base.svg);
  height: 5em;
  background-size: 5em;
}

.icone-prorogation-semis {
  background-image: url(../images/icone-prorogation-semis-base.svg);
}

.sujet-interet .icone-video {
  background-image: url(../images/icone-video-base.svg);
}

.sujet-interet .icone-bulles {
  background-image: url(../images/bulles-base.svg);
}

div.cellule-date-sujet-interet {
  width: 3.85em;
  height: auto;
}

div.date-sujet-interet {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 2px solid;
}

div.date-sujet-interet div.mois {
  height: 1.823em;
  background-color: #2C444F;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.65em;
  text-align: center;
  padding-top: 3px;
}

div.date-sujet-interet div.jour {
  line-height: 1em;
  font-size: 2.45em;
  color: #2C444F;
  text-align: center;
}

div.contenu-sujet-interet {
  padding-left: 15px;
  vertical-align: top;
}

div.contenu-sujet-interet h3 {
  font-size: inherit;
  #  font-family: 'Asap';
  font-family: 'Roboto';
  font-weight: bold;
  margin: 0;
}

div.contenu-sujet-interet p {
  margin: 0;
}

ul.liste-nouvelles > li {
  margin-bottom: 15px;
}


div.liste-nouvelles > article {
  margin-bottom: 15px;
}

div.liste-nouvelles > article > time {
  display: block;
}

div.liste-nouvelles > article > time + a {
  display: inline-block;
}

.liste-nouvelles > article ul, .liste-nouvelles > article p, .liste-nouvelles > article > div {
  margin-top: 5px;
}

ul.liste-nouvelles > li > p {
  margin: 0;
}

ul.f3-widget-paginator {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.f3-widget-paginator li {
  display: inline;
}

/*----------------------------------------------
4.7 Salle de presse - Fin
----------------------------------------------*/

/*--------------------------------------------------------
4.8 Tableau préparateurs accrédités de données - Début
--------------------------------------------------------*/
table.tableau-prep-donnee {
  width: 100%;
}

table.tableau-prep-donnee th.entete-municipalite {
  width: 20%;
}

table.tableau-prep-donnee th.entete-telephone {
  width: 20%;
}

/*--------------------------------------------------------
4.8 Tableau préparateurs accrédités de données - fin
--------------------------------------------------------*/

/*--------------------------------------------------------
4.9 Tableau historique des réductions du taux d'intérêt - Début
--------------------------------------------------------*/

table.tableau-taux-institut {
  text-align: center;
}

/*--------------------------------------------------------
4.9 Tableau historique des réductions du taux d'intérêt - Fin
--------------------------------------------------------*/

/*--------------------------------------------------------
4.10 Autres - Début
--------------------------------------------------------*/

div.entete-page-concours, div.h1-avec-image {
  width: 100%;
  margin-top: 15px;
}

div.entete-page-concours > h1, div.h1-avec-image > h1 {
  padding-bottom: 15px;
}

div.entete-page-concours > div > img, div.h1-avec-image > div > img {
  float: right;
}

div.bloc-droit {
  float: right;
  width:416px;
  padding:0px 10px 0px 6px;
  margin:0px 0px 0px 6px;
  border : solid 2px #2C444F;
}

.titres-paragraphes-sans-marge > h3 + p {
  margin-top: 0;
}
.titres-paragraphes-sans-marge h3 {
  margin-bottom: 0;
}

.image-gouv, .image-fetes {
  margin-top: 0px;
}

table.tableau-divulgation-depenses td:nth-last-child(-n+2) {
  text-align: right;
}

table.tableau-divulgation-depenses th:nth-child(1), table.tableau-divulgation-depenses tr td:nth-child(1) {
  width: 20%;
}

table.tableau-divulgation-depenses th:nth-child(2), table.tableau-divulgation-depenses tr td:nth-child(2) {
  width: 30%;
}

table.tableau-divulgation-depenses th:nth-child(3), table.tableau-divulgation-depenses tr td:nth-child(3) {
  width: 25%;
}

table.tableau-divulgation-depenses th:nth-child(4), table.tableau-divulgation-depenses tr td:nth-child(4) {
  width: 10%;
}

table.tableau-divulgation-depenses th:nth-child(5), table.tableau-divulgation-depenses tr td:nth-child(5) {
  width: 25%;
}

table.align-cell-top tbody td {
  vertical-align: top;
}

/*--------------------------------------------------------
4.10 Autres - Fin
--------------------------------------------------------*/

/*----------------------------------------------
5. Bas de page - Début
----------------------------------------------*/

footer {
  font-size: 0.95em;
}

/*----------------------------------------------
5.1 Bande - Début
----------------------------------------------*/

div#bande {
  background-color: #44586c;
  overflow: hidden;
}

div#bande {
  padding: 15px 0 30px 0;
}

div#bande h2 {
  font-size: 1.25em;
}

div#bande, div#bande a {
  color: #ffffff;
}

div#bande a.trouvez-centre-services-footer {
  display: inline-block;
  margin-bottom: 15px;
  padding: 15px;
  background-color: #687888;
  border: 1px solid #ffffff;
  text-decoration: none;
}

ul#suivez-nous li {
  display: inline-block;
  margin-right: 15px;
}

ul#suivez-nous li.page-sdp {
  margin-top: 5px;
}

ul#suivez-nous li.page-sdp, ul#suivez-nous li.page-videos {
  display: block;
}

ul#suivez-nous li.page-videos a {
  display: flex;
  align-items: center;
}

ul#suivez-nous li.page-videos a::before {
  content: '';
    background: url(../images/icone-video-blanc.svg);
    width: 32px;
    height: 25px;
    background-size: 32px 25px;
    display: block;
    margin-right: 5px;
}

ul#references  li {
  margin-bottom: 15px;
}

/*----------------------------------------------
5.1 Bande - Fin
----------------------------------------------*/

/*----------------------------------------------
5.2 PIV du bas - Début
----------------------------------------------*/

div#piv-bas {
  margin-top: 40px;
  text-align: center;
}

div#piv-bas ul {
  margin-bottom: 15px;
}

div#piv-bas ul li {
  display: inline-block;
  border-left: 1px solid #666666;
  padding: 0 6px 0 6px;
}

div#piv-bas ul li:first-child {
  border-left: none;
}

div#piv-bas ul li a {
  display: block;
}

/*----------------------------------------------
5.2 PIV du bas - Fin
----------------------------------------------*/

/*----------------------------------------------
5. Bas de page - Début
----------------------------------------------*/

/*----------------------------------------------
6. Classes RTE - Début
----------------------------------------------*/

#contenu h2.titre-icone, h3.titre-icone, h4.titre-icone, h5.titre-icone, h6.titre-icone,
#contenu-principal h2.taille-normale, #contenu-principal h3.taille-normale, h4.taille-normale {
  font-size: 1em;
  font-family: 'Roboto';
}

#contenu h2.titre-icone, #contenu-principal h2.taille-normale {
  border: none;
}

ul.liste-sans-puce, ul.liste-sans-puce-avec-indentation, li.sans-puce {
  list-style: none;
}

ul.liste-sans-puce {
  padding-left: 0;
}

ul.ul-sans-indentation {
  padding-left: 16px;
}

ol.ol-sans-indentation {
  padding-left: 18px;
}

dl.dl-sans-indentation dd {
  margin-left: 0;
}

p.texte-gras, .texte-gras {
  font-weight: bold;
}

p.texte-gras, .texte-gras {
  font-weight: bold;
}

.texte-normal {
  font-weight: normal;
}

p.texte-italique, .texte-italique {
  font-style: italic;
}

.note-accueil {
  margin-bottom: 3px;
  padding: 15px 15px 10px 15px;
  background-color: #f8e69a;
  border-left: 7px solid #ecc731;
}

.note-accueil > div > p:first-child {
  margin-top: 0;
}

.note-accueil > div > p {
  margin-bottom: 5px;
}

.note-accueil > div > ul{
  margin: 0;
}

.bloc-texte-image > p:first-child {
  margin: 0;
}

.bloc-texte-image > p + p {
  margin: 5px 0 10px 0;
}

p.texte-image, div.texte-image, ul.texte-image {
  padding: 5px 10px;
  background-color: #EAF5FB;
  border-left: 7px solid #0073B2;
}

p.note-importante, div.note-importante, ul.note-importante {
  background-color: #f5f5f5;
  border-left: 7px solid #44586C;
}

p.note-importante, div.note-importante, ul.note-importante,
p.texte-image, div.texte-image, ul.texte-image {
  padding: 5px 10px;
}

div.note-importante, div.texte-image {
  margin-bottom: 15px;
  padding-top: 15px;
}

ul.note-importante, ul.texte-image {
  padding-left: 25px;
}

div.note-importante h2, div.note-importante h3, div.note-importante h4, div.note-importante h5, div.note-importante h6, div.note-importante > p:first-child, div.note-importante > ul:first-child,
div.texte-image h2, div.texte-image h3, div.texte-image h4, div.texte-image h5, div.texte-image h6, div.texte-image > p:first-child, div.texte-image > ul:first-child {
  margin-top: 0;
}

div.note-importante h2, div.texte-image h2 {
  border: none;
}

p.note-importante.texte-vert, div.note-importante.texte-vert, ul.note-importante.texte-vert {
  color: #008000;
}

#contenu div.note-importante h2:first-child {
  margin-top: 0;
}

table.alignement-centre, p.alignement-centre, td..alignement-centre {
  text-align: center;
}

table.alignement-gauche, th.alignement-gauche, table.alignement-gauche th, td.align-g {
  text-align: left;
}

th.alignement-droite, td.alignement-droite {
  text-align: right;
}

table.alignement-gauche td ul {
  padding-left: 17px;
}

table.ordinaire caption, div#contenu table caption span.titre {
  font-family: 'Sanchez', serif;
  font-size: 1.3em;
}

table.colonnes-suivantes-alignement-centre td + td {
  text-align: center;
}

table.disposition-20-40-40 th:first-child {
  width: 20%;
}

table.disposition-20-40-40 th + th {
  width: 40%;
}

th.largeur-50 {
  width: 50%;
}

th.largeur-30 {
  width: 30%;
}

/*----------------------------------------------
6. Classes RTE - Fin
----------------------------------------------*/

/*----------------------------------------------
7. Responsive design - Début
----------------------------------------------*/

/*----------------------------------------------
7.1 Responsive design(950px) - Début
----------------------------------------------*/

@media screen and (min-width: 950px) {
div#menu-mobile {
  display: none;
}

.promo-releve.prmob {
  display: none;
}

#naviguer .bouton-menu, #trouver-centre-services .lien-menu, #se-connecter .bouton-menu {
  padding-left: 10px;
  padding-right: 10px;
}
}

/*----------------------------------------------
7.1 Responsive design(950px) - Fin
----------------------------------------------*/

/*----------------------------------------------
7.2 Responsive design(949px) - Début
----------------------------------------------*/
@media screen and (max-width: 949px) {

table.documents th.entete-date, table.documents, table.documents th.entete-format, td + td {
  padding: 0 10px;
}

/*** PIV - Début ***/

div#piv {
  position: relative;
  height: 49px;
  margin-bottom: 25px;
}

div#piv img {
  position: static;
  float: left;
}

div#piv ul {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-left: 0;
  background-color: transparent;
}

div#piv ul li {
  margin-left: 0;
}

div#piv ul li.visible-bureau {
  display: none;
}

div#piv ul li.langue {
  margin-right: 0;
}

body.contraste-inverse div#piv ul li a {
  padding: 7px;
  font-size: 0.85em;
  background-color: #4072B4;
}

div#piv ul li a {
  padding: 7px;
  font-size: 0.85em;
  background-color: #4072B4;
}

/*** PIV - Fin ***/

/*** Barre d'éléments - Début ***/

div#bloc-image.accueil {
  height: auto;
  min-height: 330px;
}

div#barre-elements {
  background: none;
  background-color: #fdfdfd;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-bottom: none;
  padding-bottom: 5px;
}

div#barre-elements div.element {
  display: none;
  float: none;
  text-align: left;
  border-right: none;
}

div#barre-elements div#trouver-centre-services, div#barre-elements div#recherche {
  display: block;
  height: 35px;
}

div#barre-elements button.navigation-mobile, div#barre-elements div#trouver-centre-services {
  float: left;
}

div#barre-elements button.navigation-mobile {
  display: block;
  margin-right: 1%;
}

div#barre-elements div#trouver-centre-services a.lien-menu {
  padding: 0 7px;  
  line-height: 35px;
  color: #2C444F;
  border: 1px solid #2C444F;
}

div#barre-elements div#recherche {
  width: 35%;
  line-height: 35px;
  float: right;
  padding: 0 10px;
  border: 1px solid;
  overflow: hidden;
}

div#recherche input {
  width: 85%;
}

div#recherche button {
  float: right;
}

div#recherche input, div#recherche button {
  color: #2C444F;
}

div#recherche input::-webkit-input-placeholder {
  color: #2C444F;
}

div#recherche input:-moz-placeholder {
  color: #2C444F;
}

div#recherche input::-moz-placeholder {
  color: #2C444F;
}

div#recherche input:-ms-input-placeholder {
  color: #2C444F;
}

/*** Barre d'éléments - Fin ***/

/*** Bloc de l'image - Début ***/

div#bloc-image.accueil {
  background-image: url(../images/image-accueil-935.jpg);
}  

div#bloc-image.image-piv {
  background-image: url(../images/image-piv-935.jpg);
}

div#bloc-image.image-salle-presse {
  background-image: url(../images/image-salle-presse-935.jpg);
}

div#bloc-image.image-services-ligne {
  background-image: url(../images/image-services-ligne-935.jpg);
}

div#bloc-image.image-assurances {
  background-image: url(../images/image-assurances-935.jpg);
}

div#bloc-image.image-financement {
  background-image: url(../images/image-financement-935.jpg);
}

div#bloc-image.image-centre-documentation {
  background-image: url(../images/image-centre-documentation-935.jpg);
}

div#bloc-image.image-cfai {
  background-image: url(../images/image-cfai-935.jpg);
}

div#titre-section p.long-titre-37, div#titre-section p.long-titre-75, div#titre-section p.long-titre-77, div#titre-section p.long-titre-78 {
  font-size: 1.8em;
}

/*** Bloc de l'image - Fin ***/


/*** Contenu - Début ***/
div#menu-gauche {
  display: none;
  width: 50%;
  min-width: inherit;
  padding-top: 0;
  background-color: transparent;
}

button.afficher-menu-section {
  display: block;
}

div#menu-gauche a:hover {
  text-decoration: none;
}

div#menu-gauche ul {
  margin: 0;
  border-bottom: 1px solid #2C444F;
}

body.contraste-eleve div#menu-gauche ul {
  border-bottom-color: #000000;
}

body.contraste-inverse div#menu-gauche ul {
  border-bottom-color: #ffffff;
}

div#menu-gauche ul li {
  margin-bottom: 0;
}

div#menu-gauche ul li a {
  display: block;
}

div#menu-gauche ul li button {
  width: 100%;
}

div#menu-gauche ul li a, div#menu-gauche ul li button {
  padding: 10px;
  text-transform: none;
}

div#menu-gauche ul li ul {
  margin: 0 0 0 10px;
  padding: 0;
  border: none;
}

div#contenu-principal {
  width: auto;
  padding-left: 0;
}

div#menu-gauche, div.deux-colonnes div#contenu-principal {
  padding-bottom: 0;
}

div.trois-colonnes, div.deux-colonnes, div.deux-colonnes-accueil, div.bulletins {
  display: block;
  width: auto;
}  

div.trois-colonnes > div.affichage-cellule, div.deux-colonnes > div.affichage-cellule, div.deux-colonnes-accueil > div.affichage-cellule, div.bulletins div.affichage-cellule {
  display: block;
}  

div.trois-colonnes div.largeur-cellule {
  width: auto;
  padding-right: 0;
}

div.deux-colonnes-accueil div.largeur-cellule:first-child, div.deux-colonnes-accueil div.largeur-cellule {
  width: 100%;
}

img.logo-bulletin {
  position: static;
}

div#contenu-principal div.affichage-ligne {
  display: block;
}

div#contenu-central {
  width: auto;
  padding: 0;
}

div.bulletins div#contenu-gauche.bulletin-agroindicateur, div.bulletins div#contenu-gauche.bulletin-edc {
  padding-top: 0;
}

/*** Contenu - Fin ***/

/*** Bandeau(Bas de page) - Début ***/
div#bande {
  padding-top: 0;
  padding-bottom: 0;
}

div#nous-joindre {
  display: none;
}

div#bande h2 {
  font-size: 1.55em;
}

div#bande a i.fa{
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
/*** Bandeau(Bas de page) - Fin ***/

/*** PIV(Bas de page) - Début ***/
div#piv-bas {
  margin-top: 0;
  font-size: inherit;
}

div#piv-bas ul li {
  display: block;
  padding: 0;
  border: none;
}

div#piv-bas ul li a {
  display: inline;
}
/*** PIV(Bas de page) - Fin ***/


body.contraste-eleve div#piv ul li a, body.contraste-inverse div#piv ul li a {
  background-color: transparent;
}  

body.contraste-eleve div#piv ul li a {
  border: 1px solid #0000ee;
}

body.contraste-inverse div#piv ul li a {
  border: 1px solid #FFFFC0;
}

body.contraste-eleve div#barre-elements div#trouver-centre-services a.lien-menu {
  color: #0000ee;
  border: 1px solid #0000ee;
}

body.contraste-inverse div#barre-elements div#trouver-centre-services a.lien-menu {
  color: #FFFFC0;
  border: 1px solid #FFFFC0;
}

body.contraste-eleve div#barre-elements button.navigation-mobile, body.contraste-eleve div#barre-elements button.afficher-recherche-mobile {
  color: #0000ee;
}

body.contraste-inverse div#barre-elements button.navigation-mobile, body.contraste-inverse div#barre-elements button.afficher-recherche-mobile {
  color: #FFFFC0;
}

body.contraste-eleve div#bande div#bande-contenu, body.contraste-inverse div#bande div#bande-contenu {
  border-top: none;
}

div.contour-coins-arrondis {
  margin-left: 0;
}

div.deux-colonnes div.largeur-cellule:first-child, div.deux-colonnes-accueil div.largeur-cellule:first-child {
  padding-right: 0;
}

}

/*----------------------------------------------
7.2 Responsive design(949px) - Fin
----------------------------------------------*/

/*----------------------------------------------
7.3 Responsive design(715px) - Début
----------------------------------------------*/

@media (max-width: 715px) {

form.formulaire div > label, form.formulaire div > fieldset > legend {
  width: auto;
  float: none;
}

div#contenu form.formulaire div > div, div#contenu form.formulaire div > fieldset > div {
  float: none;
  margin-top: 3px;
}

div#contenu form.formulaire button.envoyer-formulaire, div#contenu form.formulaire input[type=submit].envoyer-formulaire {
  margin-left: 0;
}

div#contenu div.bloc-tableau {
  position: relative;
}

.flottant-droit-mobile, .image-flottant-gauche, .image-flottant-gauche-mobile {
  float: none;
}

.image-flottant-gauche, .image-flottant-gauche-mobile {
  margin-right: 0;
}

div.image-description.affichage-table > .affichage-cellule {
  display: block;  
}

div.image-description.affichage-table > p.affichage-cellule {
  margin-top: 0;
}

div.entete-page-concours.affichage-table, div.h1-avec-image.affichage-table {
  width: auto;
  margin-top: 0;
}

div.entete-page-concours.affichage-table, div.entete-page-concours > .affichage-cellule,
div.h1-avec-image.affichage-table, div.h1-avec-image > .affichage-cellule {
  display: block;
}

div.entete-page-concours > .affichage-cellule, div.h1-avec-image > .affichage-cellule {
  vertical-align: baseline;
}

div.entete-page-concours > h1, div.h1-avec-image > h1 {
  padding-bottom: 0;
}

div.entete-page-concours > div > img, div.h1-avec-image > div > img {
  float: none;
}

h2.h2-page-concours.sans-marge {
  margin-top: 15px;
}

.credit-photo {
  top: 44px;
  bottom: auto;
  right: 2px;
  padding: 1px 3px;
  font-size: 0.7em;
}

ul.galerie-videos > li {
  width: auto;
  float: none;
}

img.cinq-images {
  float: none;
  width: auto;
  height: auto;
  margin: 0;    
}

/* Accueil CFAI */
.logo-cfai {
  margin-top: auto;
}

.liste-table2, .liste-table2 li, .liste-table2 li div {
  display: block;
}
}

/*----------------------------------------------
7.3 Responsive design(715px) - Fin
----------------------------------------------*/

/*----------------------------------------------
7.4 Responsive design(599px) - Début
----------------------------------------------*/

@media (max-width: 599px) {

.image-texte, .image-texte > img, .image-texte > p {
  display: block;
}

.image-texte > img {
  margin: 0 auto;
  padding-right: 0;
}

.image-texte > p > img {
  padding-left: 0;
}

table.documents th.entete-date {
  width: 85px;
}

table.documents th.entete-format {
  width: 50px;
}

table.documents th.entete-date, table.documents, table.documents th.entete-format, td + td {
  padding: 5px;
}

div#barre-elements button.afficher-recherche-mobile {
  display: block;
  float: right;
}

div#barre-elements div#recherche {
  display: none;
}

div#barre-elements div#recherche button:before {
  content: '\f061';
}

div#barre-elements div#recherche {
  width: auto;
  line-height: 35px;
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  float: none;
  background-color: #ffffff;
}

div#assistant div.question span.debut-question, div#assistant div.question button.bouton-choix {
  font-size: 1.3em;
}

div#je-travaille-en div.affichage-table {
  display: block;
}

div#je-travaille-en div.affichage-cellule {
  display: block;
}

div#assistant fieldset#productions-animales {
  margin-bottom: 15px;
}

div#assistant button#conseillez-moi {
  font-size: 0.925em;
}

button.afficher-menu-section, div#menu-gauche {
  width: 100%;
}

div#titre-section p.long-titre-37, div#titre-section p.long-titre-75, div#titre-section p.long-titre-77, div#titre-section p.long-titre-78 {
  font-size: 1.5em;
}

div#bloc-image.accueil, div#bloc-image.image-piv, div#bloc-image.image-salle-presse, div#bloc-image.image-services-ligne, div#bloc-image.image-assurances, div#bloc-image.image-financement, div#bloc-image.image-centre-documentation{
  background-image: none;
}

div#bloc-image.accueil {
  background-color: #44586C;
}

div#titre-section p.long-titre-37, div#titre-section p.long-titre-75, div#titre-section p.long-titre-77, div#titre-section p.long-titre-78 {
  font-size: 1.1em;
}

div#titre-section p.long-titre-56, div#titre-section p.long-titre-62 {
  font-size: 1.3em;
}

div#bloc-image {
  height: auto;
}

div#titre-section {
  position: inherit;
  background: #44586C;
}

div#titre-section h1, div#titre-section p {
  font-size: 1.8em;
}

div#titre-section p {
  padding: 10px;
}

.credit-photo {
  display: none;
}

.liste-2-cols {
  column-count: 1;
}
}

/*----------------------------------------------
7.4 Responsive design(599px) - Fin
----------------------------------------------*/

/*----------------------------------------------
7.5 Responsive design(499px) - Début
----------------------------------------------*/

@media (max-width: 499px) {

div#titre-section p.long-titre-37, div#titre-section p.long-titre-75, div#titre-section p.long-titre-77, div#titre-section p.long-titre-78 {
  font-size: 1.3em;
}

div#titre-section p.long-titre-56, div#titre-section p.long-titre-62 {
  font-size: 1.7em;
}

div#contenu form.formulaire div > div {
  width: 100%;
}

div#contenu form.formulaire div > div > input, div#contenu form.formulaire div > div > textarea, form.formulaire div > div > select {
  width: 100%;
}

.afficher-menu-mobile {
  width: 100% !important;
}

p > img.cinq-images {
  width: 95%;
}

.ligne-images {
  width: auto;
  margin: 0 auto;
}

.ligne-images > .affichage-cellule {
  display: block;
}

}

/*----------------------------------------------
7.5 Responsive design(499px) - Fin
----------------------------------------------*/

/*----------------------------------------------
7.6 Responsive design(399px) - Début
----------------------------------------------*/

@media (max-width: 399px) {

div#contenu {
  font-size: 0.9em;
}

h1 {
  font-size: 1.7em;
}

div#barre-elements {
  height: 84px;
}

div#barre-elements div.element a.lien-menu {
  text-transform: none;
}

div#barre-elements button.navigation-mobile {
  float: none;
  margin-bottom: 5px;
}

div#barre-elements div#recherche {
  top: 84px;
  z-index: 3;
}

div#assistant div.question span.debut-question, div#assistant div.question button.bouton-choix {
  margin-bottom: 5px;
  font-size: 1.1em;
}

div#assistant button#conseillez-moi {
  font-size: 0.9em;
}

span.debut-question {
  padding: 0 70px;
}

div#assistant div.question button.bouton-choix {
  margin-top: 3px;
}

#retour-en-haut {
  right: 0;
}

table th, table td {
  padding: 2px;
}

table td ul {
  list-style: none;
  padding: 0;
}

table td ul li {
  margin-bottom: 7px;
}
}

/*----------------------------------------------
7.6 Responsive design(399px) - Fin
----------------------------------------------*/

/*----------------------------------------------
7. Responsive design - Fin
----------------------------------------------*/


/*----------------------------------------------
8. Options d'accessibilité - Début
----------------------------------------------*/

/*----------------------------------------------
8.1 Contraste élevé - Début
----------------------------------------------*/

body.contraste-eleve {
  background-color: #ffffff;
  color: #000000;
}

body.contraste-eleve a, body.contraste-eleve button, body.contraste-eleve div#piv ul li a, body.contraste-eleve div#barre-elements div.element button.bouton-menu, body.contraste-eleve div#barre-elements div.element a.lien-menu, body.contraste-eleve div#recherche button {
  color: #0000ee;
}

body.contraste-eleve div#piv ul {
  background-color: #ffffff;
}

body.contraste-eleve div#bloc-image.accueil {
  border-bottom: 1px solid #000000;
}

body.contraste-eleve div#bloc-image, body.contraste-eleve div#barre-elements {
  background: transparent;
}


body.contraste-eleve div#barre-elements {
  border-bottom: none;
}

body.contraste-eleve div#barre-elements div.element {
  border-right: none;
}

body.contraste-eleve div#barre-elements div.dernier {
  border-right: none;
}

body.contraste-eleve div#barre-elements div.element button.bouton-menu, body.contraste-eleve div#barre-elements div.element a.lien-menu {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

body.contraste-eleve div#barre-elements div.element a.lien-menu {
  border-right: 1px solid #000000;
}

body.contraste-eleve div#barre-elements div.dernier button.bouton-menu {
  border-right: 1px solid #000000;
}

body.contraste-eleve div#recherche {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

body.contraste-eleve div#barre-elements div.dernier {
  border-left: none;
}

body.contraste-eleve div#recherche input {
  color: #000000;
}

body.contraste-eleve div#recherche input::-webkit-input-placeholder {
  color: #000000;
}

body.contraste-eleve div#recherche input:-moz-placeholder {
  color: #000000;
}

body.contraste-eleve div#recherche input::-moz-placeholder {
  color: #000000;
}

body.contraste-eleve div#recherche input:-ms-input-placeholder {
  color: #000000;
}

body.contraste-eleve div#assistant div.question span.debut-question, body.contraste-eleve div#assistant div.question button.bouton-choix {
  text-shadow: none;
}

body.contraste-eleve div#assistant div.question span.debut-question {
  color: #000000;
}

body.contraste-eleve div#assistant div.question button.bouton-choix {
  color: #0000ee;
}

body.contraste-eleve div#assistant button#conseillez-moi {
  background-color: transparent;
  color: #0000ee; 
  box-shadow: none;
  border: 1px solid #0000ee;
}

body.contraste-eleve div#assistant div.liste-choix button {
  background-color: transparent;
  color: #0000ee;
  border: 1px solid #0000ee;
}

body.contraste-eleve div#bande {
  color: #000000;
  background-color: transparent;
}

body.contraste-eleve div#bande a {
  color: #0000ee;
}

body.contraste-eleve div#bande a.trouvez-centre-services-footer {
  background-color: transparent;
  border: 1px solid #0000ee;
}

body.contraste-eleve div#bloc-image.normal {
  background: transparent;
}

body.contraste-eleve div#titre-section {
  background: transparent;
  border: 1px solid #000000;
}

body.contraste-eleve div#titre-section h1, body.contraste-eleve div#titre-section p {
  color: #000000;
}

body.contraste-eleve div#menu-gauche {
  background-color: transparent;
}

body.contraste-eleve div#menu-gauche ul li a, body.contraste-eleve div#menu-gauche ul li button {
  color: #0000ee;
}

body.contraste-eleve div#contenu-principal h1 {
  color: inherit;
}

body.contraste-eleve p.note-importante, body.contraste-eleve div.note-importante, body.contraste-eleve ul.note-importante {
  background-color: transparent;
  border-left-color: #000000;
}

body.contraste-eleve table.documents tr.pair {
  background-color: transparent;
}

body.contraste-eleve div.contour-coins-arrondis {
  margin-top: 0;  
  padding: 0;
  box-shadow: none;
}

body.contraste-eleve form.formulaire input[type=text], body.contraste-eleve form.formulaire textarea, body.contraste-eleve form.formulaire div > div > select {
  border: 1px solid #000000;
}

body.contraste-eleve form.formulaire button.envoyer-formulaire, body.contraste-eleve form.formulaire input[type=submit].envoyer-formulaire {
  color: #0000ee;
  background-color: transparent;
  border: 1px solid;
}

body.contraste-eleve div#bande div#bande-contenu {
  border-top: 1px solid;
}

body.contraste-eleve div#menu-mobile a, body.contraste-eleve div#menu-mobile button {
  border-bottom: 1px solid #000000;
  color: #0000ee;
}

body.contraste-eleve div#menu-mobile {
  background-color: #ffffff;
  border-left: 7px solid #000000;
  border-right: 1px solid;
  border-top: 1px solid;
}

body.contraste-eleve div#assistant .liste-choix {
  border-left-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #000000;
}

body.contraste-eleve div#assistant ul.liste-choix li {
  border-top-color: #000000;
}

body.contraste-eleve .selection {
  background-color: #ffffff;
  font-weight: bold;
}

body.contraste-eleve .liste-choix input[type=checkbox] + .lbl::before {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}

body.contraste-eleve div#assistant ul.liste-choix li button:hover {
  background-color: #ffffff;
}

body.contraste-eleve div#barre-elements div#se-connecter div.sous-menu a.acceder {
  background-color: transparent;
  color: #0000ee;
  border: 1px solid;
}

body.contraste-eleve div#assistant div.liste-choix  {
  border-top-color: #000000;
}

body.contraste-eleve table, body.contraste-eleve th, body.contraste-eleve td {
  border-color: #000000;
}

body.contraste-eleve table.documents th + th, body.contraste-eleve table.documents td + td {
  border-left: 1px solid #000000;
}

body.contraste-eleve #retour-en-haut {
  background: transparent;
  border: 1px solid #0000EE;
  color: #0000EE;
}

body.contraste-eleve #retour-en-haut:hover {
  background: #0000EE;
  color: #0000EE;
}

body.contraste-eleve .icone-evenements {
  background-image: url(../images/icone-evenements-eleve.svg);
}

body.contraste-eleve .icone-concours {
  background-image: url(../images/icone-concours-eleve.svg);
}

body.contraste-eleve .icone-avertissements {
  background-image: url(../images/icone-avertissements-eleve.svg);
}

body.contraste-eleve li.sujet-interet .icone-prorogation-recolte {
  background-image: url(../images/icone-prorogation-recolte-eleve.svg);
}

body.contraste-eleve .icone-prorogation-semis {
  background-image: url(../images/icone-prorogation-semis-eleve.svg);
}

body.contraste-eleve div.date-sujet-interet div.mois {
  background-color: transparent;
  border-bottom: 2px solid;
  color: #000000;
}

body.contraste-eleve div.date-sujet-interet div.jour {
  color: #000000;
}

body.contraste-eleve div#assistant div.question span.debut-question, body.contraste-eleve div#assistant div.question button.bouton-choix {
  background-color: transparent;
  border: 1px solid;
}

body.contraste-eleve button.afficher-menu-section {
  border-top-color: #000000;
  border-bottom-color: #000000;
}

body.contraste-eleve li.sujet-interet .icone-bulles {
  background-image: url(../images/bulles-ce.svg);
}

body.contraste-eleve li.sujet-interet .icone-video {
  background-image: url(../images/icone-video-ce.svg);
}

body.contraste-eleve .note-accueil {
  background-color: transparent;
  border: 1px solid #000000;
}

/*----------------------------------------------
8.1 Contraste élevé - Fin
----------------------------------------------*/

/*----------------------------------------------
8.2 Contraste inversé - Début
----------------------------------------------*/

p.alignement-texte-droite, td.alignement-texte-droite {
  text-align: right;
}

body.contraste-inverse {
  background-color: #333333;
  color: #ffffff;
}

body.contraste-inverse a, body.contraste-inverse button, body.contraste-inverse div#piv ul li a, body.contraste-inverse div#barre-elements div.element button.bouton-menu, body.contraste-inverse div#barre-elements div.element a.lien-menu, body.contraste-inverse div#recherche button {
  color: #ffffc0;
}

body.contraste-inverse div#piv ul {
  background-color: transparent;
}

body.contraste-inverse div#bloc-image.accueil {
  border-bottom: 1px solid #ffffff;
}

body.contraste-inverse div#bloc-image, body.contraste-inverse div#barre-elements {
  background: transparent;
}


body.contraste-inverse div#barre-elements {
  border-bottom: none;
}

body.contraste-inverse div#barre-elements div.element {
  border-right: none;
}

body.contraste-inverse div#barre-elements div.dernier {
  border-right: none;
}

body.contraste-inverse div#barre-elements div.element button.bouton-menu, body.contraste-inverse div#barre-elements div.element a.lien-menu {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

body.contraste-inverse div#barre-elements div.element a.lien-menu {
  border-right: 1px solid #ffffff;
}

body.contraste-inverse div#barre-elements div.dernier button.bouton-menu {
  border-right: 1px solid #ffffff;
}

body.contraste-inverse div#recherche {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

body.contraste-inverse div#barre-elements div.dernier {
  border-left: none;
}

body.contraste-inverse div#recherche input {
  color: #ffffff;
}

body.contraste-inverse div#recherche input::-webkit-input-placeholder {
  color: #ffffff;
}

body.contraste-inverse div#recherche input:-moz-placeholder {
  color: #ffffff;
}

body.contraste-inverse div#recherche input::-moz-placeholder {
  color: #ffffff;
}

body.contraste-inverse div#recherche input:-ms-input-placeholder {
  color: #ffffff;
}

body.contraste-inverse div#assistant div.question span.debut-question, body.contraste-inverse div#assistant div.question button.bouton-choix {
  text-shadow: none;
}

body.contraste-inverse div#assistant div.question span.debut-question {
  color: #ffffff;
}

body.contraste-inverse div#assistant div.question button.bouton-choix {
  color: #ffffc0;
}

body.contraste-inverse div#assistant button#conseillez-moi {
  background-color: transparent;
  color: #ffffc0; 
  box-shadow: none;
  border: 1px solid #ffffc0;
}

body.contraste-inverse div#assistant div.liste-choix button {
  background-color: transparent;
  color: #ffffc0;
  border: 1px solid #ffffc0;
}

body.contraste-inverse div#bande {
  color: #ffffff;
  background-color: transparent;
}

body.contraste-inverse div#bande a {
  color: #ffffc0;
}

body.contraste-inverse div#bande a.trouvez-centre-services-footer {
  background-color: transparent;
  border: 1px solid #ffffc0;
}

body.contraste-inverse div#bloc-image.normal {
  background: transparent;
}

body.contraste-inverse div#titre-section {
  background: transparent;
  border: 1px solid #ffffff;
}

body.contraste-inverse div#titre-section h1, body.contraste-inverse div#titre-section p {
  color: #ffffff;
}

body.contraste-inverse div#menu-gauche {
  background-color: transparent;
}

body.contraste-inverse div#menu-gauche ul li a, body.contraste-inverse div#menu-gauche ul li button {
  color: #ffffc0;
}

body.contraste-inverse div#contenu-principal h1 {
  color: inherit;
}

body.contraste-inverse p.note-importante, body.contraste-inverse div.note-importante, body.contraste-inverse ul.note-importante {
  background-color: transparent;
  border-left-color: #ffffff;
}

body.contraste-inverse table.documents tr.pair {
  background-color: transparent;
}

body.contraste-inverse div.contour-coins-arrondis {
  margin-top: 0;  
  padding: 0;
  box-shadow: none;
}

body.contraste-inverse form.formulaire input[type=text], body.contraste-inverse form.formulaire textarea, body.contraste-inverse form.formulaire div > div > select {
  border: 1px solid #ffffff;
  color: #ffffff;
}

body.contraste-inverse form.formulaire input[type=text], body.contraste-inverse form.formulaire textarea {
  background-color: transparent;
}

body.contraste-inverse form.formulaire div > div > select {
  background-color: #333333;
}

body.contraste-inverse form.formulaire button.envoyer-formulaire, body.contraste-inverse form.formulaire input[type=submit].envoyer-formulaire {
  color: #ffffc0;
  background-color: transparent;
  border: 1px solid;
}

body.contraste-inverse div#bande div#bande-contenu {
  border-top: 1px solid;
}

body.contraste-inverse div#menu-mobile a, body.contraste-inverse div#menu-mobile button {
  border-bottom: 1px solid #ffffff;
  color: #ffffc0;
}

body.contraste-inverse div#menu-mobile {
  background-color: #333333;
  border-left: 7px solid #ffffff;
  border-right: 1px solid;
  border-top: 1px solid;
}

body.contraste-inverse div#menu-mobile ul li ul li {
  background-color: #333333;
}

body.contraste-inverse div#barre-elements div.element button.actif {
  background-color: transparent;
  border: 1px solid #ffffff;
  border-bottom: none;
}

body.contraste-inverse div#barre-elements div.sous-menu {
  background-color: #333333;
  border: 1px solid #ffffff;
}


body.contraste-inverse div#assistant .liste-choix {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

body.contraste-inverse div#assistant ul.liste-choix li {
  border-top-color: #ffffff;
  background-color: #333333;
}

body.contraste-inverse .selection {
  background-color: #333333;
  font-weight: bold;
}

body.contraste-inverse .liste-choix input[type=checkbox] + .lbl::before {
  color: #ffffff;
  background-color: #333333;
  border: 1px solid #ffffff;
}

body.contraste-inverse div#assistant ul.liste-choix li button:hover {
  background-color: #333333;
}

body.contraste-inverse div#barre-elements div#se-connecter div.sous-menu a.acceder {
  background-color: transparent;
  color: #ffffc0;
  border: 1px solid;
}

body.contraste-inverse div#assistant div.liste-choix  {
  background-color: #333333;
  border-top-color: #ffffff;
}

body.contraste-inverse table, body.contraste-inverse th, body.contraste-inverse td {
  border-color: #ffffff;
}

body.contraste-inverse table.documents th + th, body.contraste-inverse table.documents td + td {
  border-left: 1px solid #ffffff;
}

body.contraste-inverse form.formulaire span.texte-erreur-formulaire {
  color: #00ffff;
}

body.contraste-inverse form.formulaire input[type=text].bordure-erreur-formulaire, body.contraste-inverse form.formulaire textarea.bordure-erreur-formulaire, body.contraste-inverse form.formulaire select.bordure-erreur-formulaire {
  border-color: #00ffff !important;
}

body.contraste-inverse #retour-en-haut {
  background: transparent;
  border: 1px solid #ffffc0;
  color: #ffffc0;
}

body.contraste-inverse #retour-en-haut:hover {
  background: #ffffc0;
  color: #333333;
}

body.contraste-inverse .icone-evenements {
  background-image: url(../images/icone-evenements-inverse.svg);
}

body.contraste-inverse .icone-concours {
  background-image: url(../images/icone-concours-inverse.svg);
}

body.contraste-inverse .icone-avertissements {
  background-image: url(../images/icone-avertissements-inverse.svg);
}

body.contraste-inverse li.sujet-interet .icone-video {
  background-image: url(../images/icone-video-ci.svg);
}

body.contraste-inverse li.sujet-interet .icone-bulles {
  background-image: url(../images/bulles-ci.svg);
}

body.contraste-inverse li.sujet-interet .icone-prorogation-recolte {
  background-image: url(../images/icone-prorogation-recolte-inverse.svg);
}

body.contraste-inverse .icone-prorogation-semis {
  background-image: url(../images/icone-prorogation-semis-inverse.svg);
}

body.contraste-inverse div.date-sujet-interet div.mois {
  background-color: transparent;
  border-bottom: 2px solid;
  color: #ffffff;
}

body.contraste-inverse div.date-sujet-interet div.jour {
  color: #ffffff;
}

body.contraste-inverse div#assistant div.question span.debut-question, body.contraste-inverse div#assistant div.question button.bouton-choix {
  background-color: transparent;
  border: 1px solid;
}

body.contraste-inverse li.sujet-interet,body.contraste-inverse div.sujet-interet {
  background-image: url(/fileadmin/templates/images/bordure-tiret-blanc.png);
}

body.contraste-inverse button.afficher-menu-section {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

body.contraste-inverse .note-accueil {
  background-color: transparent;
  border: 1px solid #ffffff;
}

/*----------------------------------------------
8.2 Contraste inversé - Fin
----------------------------------------------*/

/*----------------------------------------------
8. Options d'accessibilité - Fin
----------------------------------------------*/

/*----------------------------------------------
9. Extensions - Début
----------------------------------------------*/

/*----------------------------------------------
9.1 News - Début
----------------------------------------------*/

p#date-publication {
  border-bottom: 1px solid;
  padding-bottom: 15px;
}

/*----------------------------------------------
9.1 News - Fin
----------------------------------------------*/

/*----------------------------------------------
9.2 Shariff - Début
----------------------------------------------*/

div#partager {
  margin-top: 30px;
}

div#partager > span {
  float: left;
  padding-top: 1px;
}

div.shariff > ul {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
  overflow: hidden;
}

div.shariff > ul > li {
  float: left;
  margin-left: 12px;
}

div.shariff > ul > li > a > span.fa {
  font-size: 20px;
}

div.shariff > ul > li > a > span.fa-envelope-o {
  color: #666666;
}

div.shariff > ul > li > a > span.fa-facebook {
  color: #3B5998;
}

div.shariff > ul > li > a > span.fa-twitter {
  color: #42C0FB;
}

div.shariff > ul > li > a > span.fa-linkedin {
  color: #4875B4;
}

div.shariff > ul > li > a > span.fa-google-plus {
  color: #C63D2D;
}


div.shariff > ul > li > a > span.texte-partage {
  line-height: 0; 
  font-size: 0;
  color: transparent;
}

/*----------------------------------------------
9.2 Shariff - Fin
----------------------------------------------*/

/*----------------------------------------------
9. Extensions - Fin
----------------------------------------------*/

.video-lien {
  display: inline-block;
  position: relative;
}

.video-lien:hover {
  text-decoration: none;
}

.video-lien:before {
  position: absolute;
  display: inline-block;
  font-family: fontAwesome;
  content: '\f16a';
  font-size: 6em;
  color: #e6e6e6;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.videos-liens {
  margin-bottom: 15px;
}

.videos-liens > div > h3, .videos-liens > div > h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  margin: 10px 0;
}

.videos-liens > p {
  margin: 0;
}

.videos-liens > div > p:last-child {
  margin-top: 10px;
}

@media screen and (min-width: 650px) {
.videos-liens {
  display: table;
}

.videos-liens > div, .videos-liens > p {
  display: table-cell;
  vertical-align: top;
}

.videos-liens > div:first-child, .videos-liens > p:first-child {
  padding-right: 20px;
}

.videos-liens > div > p:first-child, .videos-liens > div > ul:first-child, .videos-liens > div > h3, .videos-liens > div > h4 {
  margin-left: 0;
  margin-top: 0;
}

.videos-liens > div > p:last-child {
  margin-bottom: 0;
}

}

a.popup-youtube {}

.videos-liens .youtube-icone-hover:hover:before, .youtube-hover:hover:before {
  position: absolute;
  width: 150px;
  height: 100px;
  padding-top: 35px;
  font-family: fontAwesome;
  content: '\f16a';
  font-size: 30px;
  color: #2C444F;
  text-align: center;
  background-color: rgba(204, 204, 204, 0.75);
}

.galerie-images li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 2px;
}

.galerie-images li a, .galerie-videos li ul li:first-child a {
  display: block;
  position: relative;
  text-decoration: none;
}

.galerie-images li a:hover:before, .galerie-videos li ul li:first-child a:hover:before {
  position: absolute;
  width: 150px;
  height: 100px;
  padding-top: 35px;
  font-family: fontAwesome;
  font-size: 30px;
  color: #2C444F;
  text-align: center;
  background-color: rgba(204, 204, 204, 0.75);
}

.galerie-images li a:hover:before {
  content: '\f00e';
}

.galerie-videos li ul li:first-child a:hover:before {
  content: '\f16a';
}

.galerie-videos {
  display: table;
}

.galerie-videos > li {
  width: 49%;
  float: left;
  margin-bottom: 10px;
}

.galerie-videos > li.video-seul {
  width: auto;
  padding-right: 30px;
}

.galerie-videos > li.seul {
  width: auto;
}

.galerie-videos > li > ul > li + li {
  padding: 0 10px;
}

p.cacher, div.cacher, ul.cacher, ol.cacher, dl.cacher, button.cacher {
  display: none;
}

.liste-choix input[type=checkbox] {
  opacity: 0;
  position: absolute;
  z-index: 12;
  width: 18px;
  height: 18px;
}

.liste-choix input[type=checkbox]:checked, .liste-choix input[type=checkbox]:focus {
  outline: none !important;
}

.liste-choix input[type=checkbox] + .lbl {
  position: relative;
  z-index: 11;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 14px;
  min-width: 14px;
  font-weight: normal;
}

.liste-choix input[type=checkbox] + .lbl.padding-8::before {
  margin-right: 8px;
}

.liste-choix input[type=checkbox] + .lbl::before {
  font-family: fontAwesome;
  font-weight: normal;
  font-size: 11px;
  color: #2091cf;
  content: "\a0";
  #xf196;
  background-color: #FAFAFA;
  border: 1px solid #CCC;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 13px;
  line-height: 13px;
  min-width: 13px;
  margin-right: 1px;
  margin-top: -5px;
}

.liste-choix input[type=checkbox]:checked + .lbl::before {
  display: inline-block;
  content: '\f00c';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

.liste-choix input[type=checkbox]:hover + .lbl::before, .liste-choix input[type=checkbox] + .lbl:hover::before {
  border-color: #1c7aad;
}

.liste-choix input[type=checkbox]:focus + .lbl::before, .liste-choix input[type=checkbox] + .lbl:focus::before {
  border-color: #1c7aad;
}

.liste-choix input[type=checkbox]:active + .lbl::before, .liste-choix input[type=checkbox]:checked:active + .lbl::before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.liste-choix input[type=checkbox]:disabled + .lbl::before, .liste-choix input[type=checkbox][disabled] + .lbl::before, .liste-choix input[type=checkbox].disabled + .lbl::before {
  background-color: #DDD !important;
  border-color: #CCC !important;
  box-shadow: none !important;
  color: #BBB;
}

td.border-top-transparent {
  border-top-color: transparent;
}

td.border-bottom-transparent {
  border-bottom-color: transparent;
}

td.border-top-bottom-transparent {
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.transparent {
  color: transparent;
}

.position-relative {
  position: relative;
}

[class^="position-absolue"] {
  position: absolute;
}

.position-absolue-centre {
  left: 0;
  right: 0;
}

.invisible {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.nouvelle-date-publication {
  padding-bottom: 8px;
  border-bottom: 1px solid #2C444F;
}

.cinq-images {
  float: right;
  width: 43%;
  height: auto;
  margin: 0 0 10px 10px;
}

/*----------------------------------------------
Solr - Début
----------------------------------------------*/

.tx-pagebrowse {
  list-style: none inside none;
  padding: 0 0;
  margin: 0 0;
  text-align: center;
  width: 100%;
}

.tx-pagebrowse li {
  display: inline;
  list-style: none;
  margin: 0 0;
  padding: 0 5px 0 0;
}

li.tx-pagebrowse-pages {
  width: 80%;
}

li.tx-pagebrowse-pages ol {
  display: inline;
  margin: 0 0;
  padding: 0 10px;
}


#tx-solr-search {
  margin-top:10px;
  #margin-left:15px;
  margin-bottom:10px;
  width: 100%;
  
}

img.evenement  {
  width: 1.25em;
  height: 1.25em;
}

#tx-solr-search-functions {
  width: 25%;
  
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* search form */

.tx-solr-search-form {
  #background-color: #f2f2f2;
  #border: 1px solid #cfcecf;
  #padding: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.tx-solr-q {
  #border: 1px solid #cfcecf;
  width: 60%;
  float: left;
  padding: 10px;
  /*margin-top: 30px;*/
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.tx-solr-submit {
  #background-color: #cfcecf;
  #border: none;
  #padding: 6px;
  #color: #494949;
  #font-weight: bold;
  #margin-bottom: 0px;
  margin-left: 10px;
  padding: 6.5px 15px;
  color: #fff;
  background-color: #4072B4;
  font-size:1.3em;
  border: 1px solid #4072B4;
  #text-transform: uppercase;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* pagination */

#tx-solr-pagination {
  margin: 20px 0;
  height: 20px;
}

#tx-solr-pagination-results-per-page {
  float: left;
}

#tx-solr-pagination-results-per-page select {
  margin-left: 5px;
}

#tx-solr-pagination .tx-pagebrowse-pi1 {
  float: right;
}

#tx-solr-search #tx-solr-pagination ul.tx-pagebrowse {
  margin-top: 0;
  padding-top: 2px;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* search functions */

#tx-solr-search-functions div.secondaryContentSection {
  padding: 0 0 10px 0;
  margin: 0 10px 2.4em 0;
  width: 100%;
}

#tx-solr-search-functions .secondaryContentSection .csc-header {
  padding-left: 10px;
}

#tx-solr-search-functions .secondaryContentSection .csc-header h1,
#tx-solr-search-functions .secondaryContentSection .csc-header h2,
#tx-solr-search-functions .secondaryContentSection .csc-header h3 {
  width: 100%;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* faceting */

#tx-solr-faceting .facets .csc-header {
  padding: 3px 0 3px 10px;
}

#tx-solr-faceting .facets .facet-option-list {
  padding: 5px 0 10px 0;
}

#tx-solr-faceting .facets .facet-type-numericRange .facet-option-list {
  width: 85%;
}

#tx-solr-faceting .facets .facet-label {
  background-color: #cfcecf;
  color: #fff;
  font-weight: bold;  font-weight: bold;
}

#tx-solr-faceting .facets .facet-result-count {
  color: #999;
}

#tx-solr-faceting .facets .dateselector {
  margin-right: 5px;
  width: 85px;
}

#tx-solr-facets-in-use li {
  list-style-type: none;
  margin-left: 10px;
}

#tx-solr-facets-in-use .facets-remove-all {
  margin-top: 10px;
}

#tx-solr-faceting .facets li {
  list-style-type: none;
  margin-left: 0;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* sorting */

#tx-solr-sorting li {
  list-style-type: none;
  margin-left: 10px;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* results */

#tx-solr-search .tx-solr-search-word {
  font-weight: bold;
}

#tx-solr-search .tx-pagebrowse {
  margin-top: 10px;
}

#tx-solr-search .results-list {
  margin-top: 10px;
  padding: 0;
}

#tx-solr-search .results-list li {
  list-style: none inside;
  margin-left: 0;
}

.results-entry {
  border-bottom: 1px solid #cfcecf;
  margin-bottom: 20px;
}

.results-elevated {
  border: 1px solid #cfcecf;
  padding: 5px;
  background: #ffffef;
}

.results-elevated-label {
  font-size: 50%;
  color: #cfcecf;
  padding-bottom: 5px;
}

.results-topic {
  font-weight: bold;
  margin-bottom: 5px;
}

.result-content {
  clear: both;
}

.results-highlight {
  font-weight:bold;
  /*background: #fdee53;*/
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* relevance */

.relevance {
  height: 20px;
}

.relevance-label,
.relevance-bar,
.relevance-percent {
  float: left;
  margin-right: 3px;
}

.relevance-bar {
  height: 20px;
  padding-top: 3px;
}

.tx-solr-relevance-bar {
  width: 100px;
  height: 8px;
  border: 1px solid #ccc;
  font-size: 1px;
  padding: 1px;
}

.tx-solr-relevance,
.tx-solr-relevance-fill {
  margin-right: 0 !important;
  height: 8px;
  padding: 0;
  float: left;
}

.tx-solr-relevance {
  background-color: #f18f0b;
}

.tx-solr-relevance-fill {
  background-color: #ccc;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* frequent searches */

#tx-solr-frequent-searches ul {
  padding-right: 10px;
}

#tx-solr-frequent-searches li {
  list-style-type: none;
  margin-left: 10px;
  display: inline;
}

.tx-solr-frequent-term-14 {
  font-size: 14px;
}
.tx-solr-frequent-term-15 {
  font-size: 15px;
}
.tx-solr-frequent-term-16 {
  font-size: 16px;
}
.tx-solr-frequent-term-16 {
  font-size: 16px;
}
.tx-solr-frequent-term-17 {
  font-size: 17px;
}
.tx-solr-frequent-term-18 {
  font-size: 18px;
}
.tx-solr-frequent-term-19 {
  font-size: 19px;
}
.tx-solr-frequent-term-20 .tx-solr-frequent-term-20 {
  font-size: 20px;
}
.tx-solr-frequent-term-21 {
  font-size: 21px;
}
.tx-solr-frequent-term-22 {
  font-size: 22px;
}
.tx-solr-frequent-term-23 {
  font-size: 23px;
}
.tx-solr-frequent-term-24 {
  font-size: 24px;
}
.tx-solr-frequent-term-25 {
  font-size: 25px;
}
.tx-solr-frequent-term-26 {
  font-size: 26px;
}
.tx-solr-frequent-term-27 {
  font-size: 27px;
}
.tx-solr-frequent-term-28 {
  font-size: 28px;
}
.tx-solr-frequent-term-29 {
  font-size: 29px;
}
.tx-solr-frequent-term-30 {
  font-size: 30px;
}
.tx-solr-frequent-term-31 {
  font-size: 31px;
}
.tx-solr-frequent-term-32 {
  font-size: 32px;
}
.tx-solr-frequent-term-33 {
  font-size: 33px;
}
.tx-solr-frequent-term-34 {
  font-size: 34px;
}

body.contraste-eleve .tx-solr-q {
  border-color: #000000;
}

body.contraste-eleve .tx-solr-submit {
  background-color: transparent;
}

body.contraste-inverse .tx-solr-q {
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
}

body.contraste-inverse .tx-solr-submit {
  border: 1px solid #FFFFC0;
  background-color: transparent;
  color: #FFFFC0;
}

@media (max-width: 599px) {
.tx-solr-q {
  float: none;
  width: 100%
}
.tx-solr-submit {
  margin-top: 5px;
  margin-left: 0;
}
}

/*----------------------------------------------
Solr - Fin
----------------------------------------------*/

.lien:hover {
  color: red;
}

.contenu {
  display: none;
}

.lien:hover + .contenu {
  display: block;
  top: 0;
}


.texte-majuscule {
  text-transform: uppercase;
}

/* Page investissements CFAI */

#investissements {
  margin-top: 30px;
}

#investissements h2, #investissements h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.flip-container {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px;
  -ms-transform: perspective(2000px);
  -moz-transform: perspective(3500px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 25px;
}

.flip-container:hover .front, .flip-container.hover .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container:hover .back, .flip-container.hover .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.flip-container, .front, .back {
  width: 19.737em;
  height: 29em;
}

.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  
  position: relative;
}

.front, .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);  
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0;
  
  background: #fdfdfd;
  overflow: auto;
  box-shadow: 0 4px 20px rgba(0,0,0,0.19), 0 5px 6px rgba(0,0,0,0.23);
}

.front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
}

.front > img {
  display: block;
  width: 100%;
}

.front > div {
  /*padding-top: 40px;*/
  padding-top: 3.5em;
  border-top: 1px solid #e5e5e5;
}

.front h2 {
  margin: 0;
  font-size: 1em;
  text-align: center;
}

.front h2 a {
  text-decoration: none;
  color: inherit;
  cursor: default;
}

.front p {
  margin: 0;
  text-align: center;
}

.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.back h3 {
  font-size: 1em;
  margin: 10px 10px 5px 10px;
}

.back p {
  margin: 0px 10px;
  line-height: 17px;
}

.back p + p {
  margin-top: 10px;
}

.back .credit {
  /*position: absolute;
  bottom: 10px;*/
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.flipper {
  width: 19.737em;
  height: 27.5em;
  perspective: 2000px;
}
}

#ie8-ie9 .flip-container {
  display: block;
}

#ie8-ie9 .flip-container, #ie8-ie9 .front, #ie8-ie9 .back {
  width: auto;
  height: auto;
}

#ie8-ie9 .flipper {
  position: relative;
}

#ie8-ie9 .front, #ie8-ie9 .back {
  position: static;
  top: 0;
  left: 0;
  background-color: transparent;
  overflow: visible;
  box-shadow: none;
}

#ie8-ie9 .front > img {
  display: none;
  width: auto;
}

#ie8-ie9 .front > div {
  padding-top: 0;
  border: none;
}

#ie8-ie9 #investissements h2, #ie8-ie9 #investissements h3 {
  margin: 15px 0;
  font-family: 'Sanchez', serif;
  font-weight: normal;
}

#ie8-ie9 #investissements h2 {
  font-size: 1.55em;
  text-align: left;
  border-bottom: 1px solid;
  padding-bottom: 3px;
  margin-bottom: 7px;
}

#ie8-ie9 #investissements h3 {
  font-size: 1.3em;
}

#ie8-ie9 .front p {
  margin: auto;
  text-align: left;
  font-size: 1.1em;
}

#ie8-ie9 .back h3 {
  font-size: 1em;
  margin: auto;
}

#ie8-ie9 .back p {
  margin: auto;
}

#ie8-ie9 .back .credit {
  position: static;
}

.mb30 {
  margin-bottom: 30px;
}

div.blockquote {
  display: block;
  text-align: left;
  margin: 30px 0;
  border-width: 0;
}

@media only screen and (min-width: 600px) {
div.blockquote {
  padding: 0 64px;
}
}

@media only screen and (max-width: 599px) {
div.blockquote {
  padding: 0 32px;
}
}

.blockquote-quote {
  display: block;
  position: relative;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.38px;
}

div.blockquote.lang-fr .blockquote-quote:before {
  content: "«";
}
div.blockquote .blockquote-quote:before {
  position: absolute;
  transform: translate3d(-15px, 0, 0);
}

div.blockquote.lang-fr p.blockquote-quote:after, div.blockquote.lang-fr div.blockquote-quote p:last-child::after {
  content: "\00a0 »";
}

div.author-block {
  display: block;
  margin-left: 32px;
}

.author-name {
  display: block;
  position: relative;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.author-name:before {
  content: "";
  position: absolute;
  top: 12px;
  display: block;
  width: 24px;
  height: 1px;
  background: #223654;
  transform: translate3d(-32px, 0, 0);
}

.author-title {
  display: block;
  margin: 0;
  line-height: 20px;
  font-weight: 400;
  max-width: 85%;
}

/* Plus petites images */

@media only screen and (min-width: 350px) {
  .img-alg-gau {
    float: left;
    margin-right: 10px;
  }

  .img-alg-dro {
    float: right;
    margin-left: 10px;
  }

  .img-alg-gau, .img-alg-dro {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 350px) and (max-width: 499px) {
  .img-alg-gau, .img-alg-dro {
    max-width: 100px;
    height: auto;
  }  
}

/* Float images de 300px */
.img-alg-gau-resp, .img-alg-dro-resp {
  height: auto;
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
.img-alg-gau-resp, .img-alg-dro-resp {
  max-width: 400px;
}
}

@media only screen and (min-width: 700px) and (max-width: 899px) {
.img-alg-gau-resp, .img-alg-dro-resp {
  max-width: 300px;
}
}

@media only screen and (min-width: 700px) {
.img-alg-gau-resp {
  float: left;
  margin-right: 10px;
}

.img-alg-dro-resp {
  float: right;
  margin-left: 10px;
}

.img-alg-gau-resp, .img-alg-dro-resp {
  margin-bottom: 10px;
}
}

@media only screen and (max-width: 499px) {
.img-alg-gau-resp, .img-alg-dro-resp {
  max-width: 100%;
}
}

@media screen and (max-width: 1310px) {
div#contenu, div#barre-elements, div#bande {
  padding-left: 10px;
  padding-right: 10px;
}  
}

/** Formulaire d'évaluation**/
.form-contact-block {
  margin-top: 50px;
  background-color: #f5f5f5;
  border-top: 7px solid #2c444f;
  padding: 25px;
}

#contenu > .form-contact-block {
  margin-bottom: 30px;
}

.form-contact-header {
  position: relative;
  margin: 0 0 30px 0;
  font-size: 1.7em;
  line-height: 1em;
}

.form-contact > div, .form-contact > fieldset {
  margin: 0 0 15px 0;
}

.form-contact > fieldset {
  padding: 0;
}

.form-contact legend {
  margin-bottom: 10px;
}

.form-contact legend, .form-contact label {
  font-weight: bold;
}

.form-contact input[type="radio"] + label, span.form-contact-label-info {
  font-weight: normal;
}

span.form-contact-label-info {
  display: block;  
}

.form-contact-input-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fcil-inline {
  display: flex;
}

.fcil-inline > li:first-child {
  margin-right: 20px;
}

ul.form-contact-input-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.form-contact textarea, .form-contact input[type="text"], .form-contact select {
  display: block;
  margin-top: 5px;
}

.form-contact textarea {
  width: 100%;
}

.form-contact input[type="radio"] {
  margin: 0 7px 0 1px;
}

.form-contact input[type=text], .form-contact textarea, .form-contact select {
  padding: 0.5em;
  font: inherit;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.form-contact span.texte-erreur-formulaire {
  display: block;
  margin-top: 2px;
  color: red;
}

.form-contact-send {
  padding: 10px 42px;
  margin-top: 15px;
  color: #fff;
  background-color: #4072B4;
  cursor: pointer;
  font-size: 1.25em;
  border: none;
}

.form-contact-send:disabled {
  background: #666;
  cursor: auto;
}

.form-contact-conf, .form-contact-err {
  display: flex;
  align-items: center;
}

.form-contact-conf::before, .form-contact-err::before {
  font-family: fontAwesome;
  font-size: 1.5em;
  color: #223654;
}

.form-contact-conf::before {
  content: '\f058';
}

.form-contact-err::before {
  content: '\f071';
}

.form-contact-conf p, .form-contact-err p {
  margin-left: 10px;
}

.form-contact-man {
  color: #e50f0f;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
.form-contact select {
  width: 100%;
}
}

.lgnd-tab dd {
	display: flex;
	align-items: center;
	margin: 0;
}

.lgnd-tab dd + dd {
	margin-top: 5px;
}

.lgnd-tab dd > span {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 5px;
}

.lgnd-tab-og {
	background-color: #F4B083;
}

.lgnd-tab-vr {
	background-color: #A8D08D;
}