@charset "UTF-8";
/*================================*
*     Reset Rules                 *
*=================================*/
body {
  background: #fff;
  font-size: 100%;
  font-family: "Roboto Condensed";
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.box, .page {
  width: 100%;
  float: left;
}

ul,
li {
  list-style: none;
}

a,
a:focus {
  outline: none;
  border: none;
}

.title {
  text-transform: none;
}

a,
a:hover {
  text-decoration: none;
  outline: none;
  border: none;
}

.page {
  overflow-x: hidden;
}

.search-form {
  display: none;
}

.path-search h2 {
  display: none;
}
.path-search .breadcrumb {
  border-radius: 0px;
}
.path-search .border {
  margin-top: 13px;
  border-top: 1px solid rgba(173, 169, 169, 0.19);
}
.path-search ol li h3 a {
  color: #6c460b;
  font-size: 0.8em;
  font-weight: 700;
}

.webform-element-more--link {
  display: none !important;
}

.region-cncas-sidebar-gauche .menu {
  text-align: left;
}
/*
.region-cncas-sidebar-gauche .menu li:first-child a {
  display: block;
  text-indent: 9999px;
}
*/
/*================================*
*     FONT INTEGRATIONS           *
*=================================*/
@font-face {
  font-family: "NewsGothicMT";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/NewsGothicMT/NewsGothicMT.eot");
  src: url("../fonts/NewsGothicMT/NewsGothicMT.eot?#iefix") format("embedded-opentype"), url("../fonts/NewsGothicMT/NewsGothicMT.woff") format("woff"), url("../fonts/NewsGothicMT/NewsGothicMT.ttf") format("truetype"), url("../fonts/NewsGothicMT/NewsGothicMT.svg") format("svg");
}
@font-face {
  font-family: "NewsGothicMT-Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/NewsGothicMT/NewsGothicMT-Bold.eot");
  src: url("../fonts/NewsGothicMT/NewsGothicMT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NewsGothicMT/NewsGothicMT-Bold.woff") format("woff"), url("../fonts/NewsGothicMT/NewsGothicMT-Bold.ttf") format("truetype"), url("../fonts/NewsGothicMT/NewsGothicMT-Bold.svg") format("svg");
}
/*================================*
*     HEADER                      *
*=================================*/
.top-bar-first {
  background-color: #409d29;
}

.menu ul li {
  margin-bottom: 0px;
}

.header-menu-right ul li {
  position: relative;
  display: block;
  float: left;
  border-radius: 4px;
  font-size: 1.2em;
  margin-bottom: 5px;
  margin-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: -3px;
}

.cncas {
  font-size: 1.5em;
  color: white;
  text-transform: uppercase;
  margin-right: 30px;
}

.navbar-text {
  margin-top: -3px;
  margin-bottom: 8px;
}

#devenir-client {
  background-color: #EFCF7F;
}
#devenir-client a {
  color: black;
}

#banque-en-ligne {
  background-color: #6C460B;
}
#banque-en-ligne a {
  color: white;
}

#espace-prive {
  background-color: #F9F7DF;
}
#espace-prive a {
  color: #748A53;
}

#reclamations {
  background-color: white;
}
#reclamations a {
  color: #6C460B;
}


.header-menu-left ul li {
  position: relative;
  display: block;
  float: left;
  padding-right: 10px;
}

.header-menu-left {
  margin-left: 34px;
}
.header-menu-left .menu .contact a {
  display: block;
  background: url(../images/ico_contact-first.png) no-repeat left top;
  width: 29px;
  height: 17px;
  text-indent: -9999px;
  border-right: 1px solid rgba(255, 255, 255, 0.57);
}
.header-menu-left .menu .trouver-une-agence-first a {
  display: block;
  background: url(../images/ico_trouver_agence.png) no-repeat left top;
  width: 23px;
  height: 17px;
  text-indent: -9999px;
  border-right: 1px solid rgba(255, 255, 255, 0.57);
}
.header-menu-left .menu .carriere a {
  display: block;
  background: url(../images/ico_carriere_1.png) no-repeat left -1px;
  width: 29px;
  height: 17px;
  text-indent: -9999px;
}
.header-menu-left .menu .faq a {
  display: block;
  background: url(../images/ico_recherche.png) no-repeat left top;
  width: 40px;
  height: 17px;
  text-indent: -9999px;
}
.header-menu-left .menu .documentation a {
  display: block;
  background: url(../images/ico_docummentation.png) no-repeat left -1px;
  width: 28px;
  height: 17px;
  text-indent: -9999px;
}

.top-bar-second {
  background-color: #F9F7DF;
  box-shadow: 0 4px 2px -2px #808080;
}

.nav li a {
  position: relative;
  display: block;
  padding-top: 12px;
  padding-bottom: 4px;
  padding-left: 7px;
}

.menu-lateral li {
  border-bottom: 1px solid #894395;
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu-lateral li a {
  font-family: 'Comfortaa', cursive;
  font-weight: bold;
  text-align: center;
  color: #894395;
  font-size: 1.2em;
}
.menu-lateral .caret {
  display: none;
}
.menu-lateral .dropdown-menu {
  display: none;
}
.menu-lateral .dropdown {
  background-color: #F3DEAE;
  padding-top: 5px;
  margin-top: 22px;
}

#accueil a {
  font-family: "NewsGothicMT-Bold";
  font-size: 1.44rem;
  text-align: center;
  color: #6c4600;
  background: url(../images/ico_accueil.png) no-repeat 2px 0px;
  padding-left: 50px;
  padding-top: 14px;
  padding-right: 42px;
}

.logo {
  margin-left: 17px;
  margin-top: 4px;
}

.slogan {
  margin-right: -15px;
  color: black;
  background: url(../images/bar_logo.png) no-repeat center 3px;
  padding-top: 6px;
  font-family: "NewsGothicMT-Bold";
  font-size: 0.9em;
}

.sidebar-left {
  padding-left: 10px;
  padding-right: 12px;
  text-align: center;
}
.sidebar-left img {
  margin-bottom: 15px;
}

/*================================*
*     SLIDESHOW                   *
*=================================*/
.slideshow {
  z-index: 0;
  margin-top: 2px;
}
.slideshow h3 {
  margin-left: 30%;
  font-size: 1.7em;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4705882353);
  line-height: 29px;
  color: white;
  width: 70%;
  padding: 20px;
  bottom: 0;
}
.slideshow h3 a {
  color: white;
}

.widget_pager {
  margin-top: -76px;
  margin-left: 17px;
}

.views-slideshow-controls-bottom {
  position: relative;
  z-index: 1000000;
  left: 14px;
  bottom: -38px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets {
  text-align: left;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  text-indent: -9999px;
  cursor: pointer;
  display: inline-block;
  border-radius: 0;
  padding: 0px 6px;
  background: #222;
  margin: 0.3em;
  width: 18px;
  height: 18px;
  background: url(../images/ico_slide_next.png) no-repeat;
  padding-top: 0px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  border-radius: 0;
  padding: 0px 6px;
  background: #222;
  margin: 0.3em;
  width: 18px;
  height: 18px;
  background: #AAA;
  cursor: default;
  background: url(../images/ico_slide_prev.png) no-repeat;
  padding-top: 2px;
}

/*================================*
*      FOOTER                     *
*=================================*/
footer {
  background-color: #151516;
}
footer .signature {
  float: right;
  font-size: 11px;
  color: #c6c6c6;
  margin-top: -30px;
  padding: 4px 0;
}
footer .signature a {
  color: #fff;
  font-weight: bold;
}

.menu-footer {
  width: 100%;
  text-align: center;
}
.menu-footer li {
  float: none;
  display: inline-block;
  font-size: 1.4em;
  padding: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu-footer li a {
  color: white;
}
.menu-footer .menu {
  margin-bottom: 0px;
  padding: inherit;
}

#plan-du-site a {
  border-right: 1px solid white;
  padding-right: 10px;
}

#actualites a {
  border-right: 1px solid white;
  padding-right: 10px;
}

#liens-utiles a {
  border-right: 1px solid white;
  padding-right: 10px;
}

#contact a {
  padding-right: 10px;
}

/*================================*
*      MAIN_HOME                       *
*=================================*/
.loade_contain {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  margin: 0;
  padding: 0;
  z-index: 2000;
  text-align: center;
}
.loade_contain .loader_gif {
  width: 200px;
  position: absolute;
  left: 0;
  right: 0;
  top: 25%;
  margin: auto;
}
.loade_contain .loader_gif .logo-loader {
  width: 70px;
}


.content .views-field-body {
  padding: 10px;
  background-color: #87856D;
  margin-left: -15px;
  font-size: 1.3em !important;
  color: white;
}
.content .views-more-link {
  float: right;
  color: white;
}
.content .field--name-body ul li {
  list-style-type: circle;
  margin-left: 40px;
}
.views-field-title {
  margin-top: 8px;
  margin-bottom: 5px;
  margin-left: 14px;
}
.views-field-title a {
  color: #6d4601;
}

.actualites-accueil {
  padding-left: 11px;
  padding-bottom: 23px;
}
.actualites-accueil h2 {
  font-family: "NewsGothicMT-Bold";
  font-size: 3.3rem;
  text-transform: uppercase;
  color: #6c460b;
  background: url(../images/ico_actualites.png) no-repeat 0px 5px;
  padding-left: 37px;
}
.actualites-accueil h3 a {
  color: #6c460b;
  text-transform: uppercase;
  font-size: 0.8em;
  float: left;
  display: block;
  margin-top: 21px;
}
.actualites-accueil p {
  font-size: 0.787em;
  color: rgba(255, 255, 255, 0.85);
  padding-bottom: 14px;
}
.actualites-accueil .actu-paragraphe {
  background-color: #87856C;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 1px solid #e0e0e0;
  padding-left: 4px;
  padding-right: 4px;
  text-align: justify;
}
.actualites-accueil .actu-paragraphe a {
  color: rgba(255, 255, 255, 0.85);
  float: right;
  font-size: 0.6em;
  padding-top: 4px;
  padding-bottom: 11px;
  padding-right: 26px;
  background: url(../images/ico_suivant.png) no-repeat 67px 1px;
  margin-right: 14px;
}
.actualites-accueil .views-field-field-image {
  padding: initial;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 2px solid #87856b;
}
.actualites-accueil .views-field-title {
  margin-left: 0px;
}


.menu-prefooter {
  margin-top: 53px;
  padding: initial;
}
.menu-prefooter ul {
  text-align: center;
  padding: initial;
}
.menu-prefooter ul li a {
  color: white;
}
.menu-prefooter ul .carrière {
  width: 37%;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 3px;
  float: left;
  border: 1px solid;
  margin: 10px;
  border-radius: 20px;
  background-color: rgba(36, 48, 6, 0.9);
}
.menu-prefooter ul #carrière {
  background: url(../images/ico_carriere.png) no-repeat center;
  padding-top: 65px;
  padding-left: 0px;
  padding-right: 2px;
}
.menu-prefooter ul .vos-questions-nos-reponses {
  width: 37%;
  text-align: center;
  padding-top: 49px;
  padding-bottom: 0px;
  border: 1px solid;
  margin: 10px;
  float: right;
  border-radius: 20px;
  background-color: rgba(36, 48, 6, 0.9);
}
.menu-prefooter ul #vos-questions-nos-reponses {
  background: url(../images/ico_faq.png) no-repeat 32px 0px;
  padding-top: 40px;
}
.menu-prefooter ul .contactez-nous {
  width: 37%;
  text-align: center;
  padding-top: 57px;
  padding-bottom: 3px;
  float: left;
  clear: both;
  border: 1px solid;
  margin: 10px;
  border-radius: 20px;
  background-color: rgba(36, 48, 6, 0.9);
}
.menu-prefooter ul #contactez-nous {
  background: url(../images/ico_contact.png) no-repeat 20px 0px;
  padding-top: 40px;
}
.menu-prefooter ul .trouver-une-agence {
  width: 37%;
  text-align: center;
  padding-top: 57px;
  padding-bottom: 3px;
  border: 1px solid;
  margin: 10px;
  float: right;
  border-radius: 20px;
  background-color: rgba(36, 48, 6, 0.9);
}
.menu-prefooter ul #trouver-une-agence {
  background: url(../images/trouver_agence.png) no-repeat 32px 0px;
  padding-top: 46px;
}
.menu-prefooter ul .vie-associative {
  width: 37%;
  text-align: center;
  padding-top: 57px;
  padding-bottom: 3px;
  clear: both;
  float: left;
  border: 1px solid;
  margin: 10px;
  border-radius: 20px;
  background-color: rgba(36, 48, 6, 0.9);
}
.menu-prefooter ul #vie-associative {
  background: url(../images/vie_associative.png) no-repeat 18px 0px;
  padding-top: 40px;
}

.menu-prefooter-second {
  margin-right: 0px;
  padding: 0px;
  margin-top: 53px;
}
.menu-prefooter-second ul li {
  position: relative;
  display: block;
  float: left;
  font-size: 1.2em;
  margin-bottom: 5px;
  margin-left: 4px;
  margin-top: -3px;
}
.menu-prefooter-second ul li a {
  color: white;
}
.menu-prefooter-second #carrière {
  background: url(../images/ico_carriere.png) no-repeat center 16px;
  padding-top: 61px;
}
.menu-prefooter-second .carrière {
  background-color: rgba(36, 48, 6, 0.9);
  border-radius: 20px;
  margin-right: 42px;
  padding-top: 62px;
  padding-bottom: 11px;
  text-align: center;
  width: 13%;
}
.menu-prefooter-second #contactez-nous {
  background: url(../images/ico_contact.png) no-repeat 24px 14px;
  padding-top: 62px;
}
.menu-prefooter-second .contactez-nous {
  background-color: rgba(36, 48, 6, 0.9);
  border-radius: 20px;
  margin-right: 42px;
  padding-top: 62px;
  padding-bottom: 11px;
  text-align: center;
  width: 13%;
}
.menu-prefooter-second #vos-questions-nos-reponses {
  background: url(../images/ico_faq.png) no-repeat 35px 14px;
  padding-top: 55px;
}
.menu-prefooter-second .vos-questions-nos-reponses {
  background-color: rgba(36, 48, 6, 0.9);
  border-radius: 20px;
  padding-top: 55px;
  padding-bottom: 2px;
  margin-right: 42px;
  text-align: center;
  width: 13%;
}
.menu-prefooter-second #trouver-une-agence {
  background: url(../images/trouver_agence.png) no-repeat 37px 14px;
  padding-top: 62px;
}
.menu-prefooter-second .trouver-une-agence {
  background-color: rgba(36, 48, 6, 0.9);
  border-radius: 20px;
  margin-right: 42px;
  padding-top: 62px;
  padding-bottom: 11px;
  text-align: center;
  width: 13%;
}
.menu-prefooter-second #vie-associative {
  background: url(../images/vie_associative.png) no-repeat 20px 19px;
  padding-top: 62px;
}
.menu-prefooter-second .vie-associative {
  background-color: rgba(36, 48, 6, 0.9);
  border-radius: 20px;
  padding-top: 62px;
  padding-bottom: 11px;
  margin-right: 42px;
  text-align: center;
  width: 13%;
}
.menu-prefooter-second .dropdown-menu {
  display: none;
}

.caret {
  display: none !important;
}

.suivez-nous-sur {
  margin-top: -8px;
  text-align: left;
  clear: both;
}
.suivez-nous-sur li {
  float: none;
  display: inline-block;
}
.suivez-nous-sur h2 {
  color: white;
  font-size: 2em;
  margin-left: 17px;
}

.newsletter {
  margin-top: -14px;
  float: right;
}
.newsletter h2 {
  font-size: 2em;
  color: white;
}
.newsletter label {
  display: none;
}
.newsletter .button {
  display: none;
}
.newsletter .form-control {
  display: block;
  width: 90%;
  height: 41px;
  padding: 6px 19px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff !important;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 0px;
  background: url(../images/newsletter.png) no-repeat;
  background-position: 273px 8px;
}


.border-content {
  padding-left: 34px;
  padding-right: 23px;
}


.page-header {
  border-bottom: 0px solid #eee;
  margin-top: -11px;
}

.dropdown-menu {
  display: none;
}

.header-menu-right .dropdown-menu {
  display: none !important;
}

.header-menu-left .dropdown-menu {
  display: none !important;
}

.dernier-rapport-activite img {
  float: left;
  margin-right: 20px;
  margin-left: 15px;
}
.dernier-rapport-activite .views-field-body {
  color: black;
  margin-top: 10px;
  background-color: white;
  margin-left: 20px;
  margin-right: 14px;
  text-align: justify;
}
.dernier-rapport-activite .views-field-title {
  margin-bottom: -21px;
  margin-left: 254px;
  font-size: 1.5em;
  color: #6b450b;
}
.dernier-rapport-activite .views-field-field-document .field-content a {
  background-color: #6b450b;
  font-size: 1.4em;
  text-transform: uppercase;
  padding: 7px;
  border-radius: 10px;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
}

.dernier-rapport-activite {
  margin-bottom: 50px;
}
.dernier-rapport-activite span a {
  font-size: 0.7em;
}

.liste-rapport-activite {
  margin-bottom: 40px;
}
.liste-rapport-activite h2 {
  font-size: 1.6em;
}
.liste-rapport-activite .item-list ul li {
  float: left;
  list-style-type: none;
}
.liste-rapport-activite .item-list ul li a {
  font-size: 1.5em;
  color: #6b450b;
  margin-right: 13px;
}

.breadcrumb {
  padding: 21px 19px 0px;
  list-style: none;
  background-color: white;
}
.breadcrumb li {
  font-size: 1.4em;
}
.breadcrumb li a {
  color: #0000008c;
}
.breadcrumb .active {
  color: #008000ba;
}
.breadcrumb li + li:before {
  content: "> ";
  color: #ccc;
}

.etat-financier h2 {
  font-size: 1px;
  color: white;
}
.etat-financier .table {
  border: 1px solid #000;
}
.etat-financier thead {
  display: none;
}
.etat-financier tr {
  background-color: white;
}
.etat-financier td {
  padding: 14px !important;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #000 !important;
  font-size: 1.3em;
}
.etat-financier td a {
  font-size: 0.8em;
  float: right;
  background-color: #6b450b;
  color: white;
  padding: 8px;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 10px;
}

.partenariat .paragraphe {
  padding-top: 0px;
  background-color: white;
  color: black;
  margin-left: -15px;
  font-size: 1.265em;
}
.partenariat .ligne-actualite {
  margin-top: -12px;
  padding-bottom: 26px;
  clear: both;
}
.partenariat .views-row {
  text-align: center;
}
.partenariat .views-field-title {
  margin-left: 0px;
}
.partenariat h3 {
  clear: both;
  color: #6b450b;
  padding: 3px;
  font-size: 1.5em;
  margin-bottom: 0px;
  text-decoration: underline;
}
.partenariat .product-row {
  padding-bottom: 24px;
  padding-top: 9px;
}

.image-partenariat {
  padding: 10px;
}

.credit-agricole h2 {
  color: white;
  font-size: 0px;
  color: white;
  margin-top: 5px;
}
.credit-agricole .table {
  border: 1px solid #000;
}
.credit-agricole thead {
  display: none;
}
.credit-agricole tr {
  background-color: white;
}
.credit-agricole td {
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #000 !important;
  font-size: 1.3em;
}
.credit-agricole td a {
  font-size: 0.8em;
  float: right;
  background-color: #6b450b;
  color: white;
  padding: 8px;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 10px;
}

aside {
  padding-right: 5px;
  margin-left: 0px !important;
}

.notre-selection {
  border: 1px solid #6b450b;
  margin-top: 50px;
}
.notre-selection h2 {
  font-size: 2em;
  padding: 0px 0px 0px 13px;
}
.notre-selection h3 {
  margin-left: 114px;
  margin-top: 13px;
  position: absolute;
}
.notre-selection h3 a {
  color: black;
  font-size: 0.8em;
}
.notre-selection .views-field {
  padding-bottom: 10px;
}

.map-vie-associative .views-field-body {
  font-size: 1.3em !important;
  color: black;
  margin-left: 0px;
  padding-left: 0px;
  background-color: #ffffff;
  padding-top: 0px;
  float: right;
}
.map-vie-associative .views-more-link {
  float: right;
  color: #83632e;
}
.map-vie-associative .views-field-title h3 {
  margin-bottom: 0px;
}
.map-vie-associative .product-row {
  clear: both;
}
.map-vie-associative .views-row {
  clear: both;
}

.documentations .views-row {
  clear: both;
}
.documentations .view-content {
  padding-left: 7px;
}
.documentations .views-field-field-image {
  display: contents;
}
.documentations .views-field-field-image img {
  float: left;
}
.documentations .views-field-body {
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-top: 0px;
  padding-right: 0px;
  margin-top: auto;
  font-size: 1.3em !important;
  color: black;
  background-color: #ffffff;
  margin-bottom: 69px;
}
.documentations .views-more-link {
  float: right;
  color: #83632e;
  font-weight: bold;
}
.documentations .views-field-title {
  margin-left: auto;
}
.documentations .views-field-title h3 {
  margin-bottom: 0px;
  font-size: 20px;
}
.map-nous-contacter .view-carte-map {
  box-shadow: 1px 1px 12px #55555591;
}

.tools {
  padding: 50px;
  background: red;
}

.field--name-body ul {
  margin-left: -23px;
}
.field--name-body ul li {
  list-style-type: none;
}
.field--name-body ul li a {
  color: white;
  background-color: #6b450b;
  padding: 9px 20px 9px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.7em;
  text-transform: uppercase;
}

.form-devenir-client {
  padding-top: 31px;
}
.form-devenir-client .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #55555582;
  background-color: #F4F3ED;
  background-image: none;
  border: 1px solid #F4F3ED;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-devenir-client .btn-primary {
  padding: 10px 16px;
  line-height: 1.3333333;
  border-radius: 11px;
  text-transform: uppercase;
  background-color: #6c4600;
  color: white;
  text-align: center;
  width: 40%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.form-devenir-client textarea {
  height: 50% !important;
}
.form-devenir-client .webform-confirmation {
  font-size: 2em;
  text-align: center;
}
.form-devenir-client label {
  font-weight: 100;
  font-size: 1.5em;
}
.form-devenir-client .webform-element-more--link {
  display: none;
}

.comptes .views-field-title a {
  color: #0f0f0f;
  font-size: 1.3em;
}
.comptes .views-field-body {
  padding: 0px;
  background-color: white;
  margin-left: 16px;
  font-size: 1.1em;
  color: black;
}
.comptes .views-field-view-node a {
  color: white;
  background-color: #6b450b;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 2px;
  margin-top: 17px;
  float: right;
}

.contenu {
  background-size: cover;
}

.aside-home {
  background-color: #856433;
  margin: 19px;
  border-radius: 10px;
  margin-right: 10px;
  margin-left: 50px;
  padding-left: 11px;
  padding-right: 11px;
}
.aside-home h2 {
  color: white;
  text-transform: uppercase;
  font-size: 2.2em;
  text-align: center;
  background: url(../images/icone_trouve_agence.png) no-repeat 8px 2px;
  margin-top: 6px;
  padding-top: 8px;
}
.aside-home p {
  color: white;
  font-size: 1.4em;
  padding: 8px;
  text-align: justify;
}

.trouver-agence {
  text-align: center;
  border-radius: 10px;
  margin-top: 20px;
}
.trouver-agence label {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  /* font-weight: bold; */
  font-size: 2em;
  text-transform: uppercase;
  color: white;
  text-align: center;
}
.trouver-agence .form-select {
  background-color: #F9F7DA;
  width: 341px;
  height: 48px;
  border-radius: 10px;
}

.trouver-agence label {
  display: none;
}

.map-trouver-agence {
  margin-top: 0px;
  margin-bottom: 40px;
}

.border {
  border-left: 1px solid rgba(173, 169, 169, 0.19);
  border-right: 1px solid rgba(173, 169, 169, 0.19);
}

.field--name-body .align-left {
  float: left;
  padding: 7px;
}

.offres-emploi h2 {
  color: white;
  font-size: 1px;
}
.offres-emploi .table {
  border: 1px solid #000;
}
.offres-emploi thead {
  text-transform: uppercase;
  border: 1px solid #000;
}
.offres-emploi thead tr th {
  border: 1px solid #000;
  text-align: center;
  font-family: "NewsGothicMT-Bold";
}
.offres-emploi tr {
  background-color: white;
}
.offres-emploi td {
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #000 !important;
  font-size: 1em;
}
.offres-emploi td a {
  color: black;
}
.offres-emploi .row-date {
  width: 86px;
}
.offres-emploi .views-field-nothing a {
  font-size: 0.8em;
  float: right;
  background-color: #6b450b;
  color: white;
  padding: 8px;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 10px;
}

.grille-video {
  margin-top: 20px;
  margin-bottom: 40px;
}
.grille-video .colonne-video {
  padding: 5px;
  text-align: center;
}
.grille-video .views-row {
  margin-top: 35px;
}
.grille-video h3 {
  font-size: 1.3em;
}


.sitemap ul li a {
  color: #000000;
  text-decoration: none;
  font-size: 0.9em;
}

.alert {
  margin-bottom: 2px;
  margin-top: 6px;
  border: 0px solid transparent;
  border-radius: 0px;
  padding-top: 7px;
  padding-bottom: 6px;
  font-size: 1.4em;
}

.selecteur-de-langue ul li .is-active {
  color: black;
}
.selecteur-de-langue ul li a {
  color: white;
}

.ui-accordion .ui-accordion-header {
  text-transform: uppercase;
}

.border-1 {
  background-size: cover;
  height: 497px;
}

.Formulaire-de-recherche {
  margin-left: -160px;
}
.Formulaire-de-recherche .form-group {
  margin-bottom: 0px;
}
.Formulaire-de-recherche .form-control {
  display: block;
  width: 100%;
  height: 29px;
  margin-top: 3px;
  margin-left: 15px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.questions-reponses {
  font-size: 1.3em;
}
.questions-reponses .ui-corner-all,
.questions-reponses .ui-corner-top,
.questions-reponses .ui-corner-right,
.questions-reponses .ui-corner-tr {
  border-top-right-radius: 0px;
}
.questions-reponses .ui-corner-all,
.questions-reponses .ui-corner-top,
.questions-reponses .ui-corner-left,
.questions-reponses .ui-corner-tl {
  border-top-left-radius: 0px;
}
.questions-reponses .ui-accordion .ui-accordion-content {
  padding: 1em 0.6em;
  border-top: 0;
  overflow: auto;
  text-align: justify;
}

/*Organigrame display*/
.organigramme {
  text-align: center;
}
.organigramme #top-level-item #top-level {
  top: -28px;
  height: 82px;
  background-image: url(../images/dg.png);
  background-repeat: no-repeat;
  background-position: 224px -18px;
  /* width: 150px; */
}
.pane-menu-menu-organigramme {
  background-image: url(../images/organigram/fond_orga.png);
}

.pane-menu-menu-organigramme .nav li a {
  color: #235074 !important;
  font-family: latoregular;
  position: relative;
  z-index: 20;
}

li.organigramme-tree {
  width: 80px;
  min-height: 100px;
  display: block;
  text-align: center !important;
  margin: 0 auto 0;
  background: url(../images/organigram/center.png);
  background-repeat: repeat-y !important;
  background-position: center;
  padding: 0 !important;
  margin-bottom: 0;
}

.organigramme-tree ul {
  padding-top: 0;
  margin: 0 !important;
  width: inherit !important;
  background: url(../images/organigram/center.png) center top repeat-y !important;
}

.organigramme-tree > ul > li.leaf:nth-child(odd) {
  width: 320px;
  min-height: 50px;
  text-align: right;
  float: right;
  padding-right: 70px;
  margin-right: 38px;
  background-position: bottom right;
  background-repeat: no-repeat !important;
  color: #1E476B !important;
  padding-left: 0 !important;
  margin-bottom: 0;
  transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -khtml-transform: rotate(15deg);
  list-style: none;
  background-color: green;
}

.organigramme-tree > ul > li:nth-child(even) {
  width: 320px;
  min-height: 50px;
  text-align: left;
  padding-left: 70px;
  margin-left: 38px;
  background-position: bottom left;
  background-repeat: no-repeat !important;
  font-weight: bold;
  color: red !important;
  padding-bottom: 24px;
  transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -khtml-transform: rotate(-15deg);
  list-style: none;
}

.organigramme-tree > ul > li a:nth-child(odd) {
  top: -39px;
}

.organigramme-tree > ul > li a:nth-child(even) {
  top: 30px;
}

#last-branch {
  padding: 0 !important;
  width: inherit !important;
  margin: 0 !important;
  padding-top: 120px;
}

#last-branch li a {
  top: 30px;
  left: 6px;
}

#last-branch li:nth-child(3) {
  left: 24px;
}

.organigramme-tree li.last > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/organigram/hline.png) repeat-x !important;
  background-position-y: 58px !important;
  margin-left: -349px !important;
}

.organigramme-tree li > ul > li {
  width: inherit;
}

.organigramme-tree #last-branch {
  width: 720px !important;
  text-align: center;
  left: -320px;
  background: none;
  float: none;
}

.organigramme-tree #last-branch li {
  height: 110px;
  width: 16%;
  padding: 0;
  margin: 0;
  background-image: url(../images/organigram/bulle.png);
  background-position: center bottom;
  text-align: center;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  top: -30px;
  left: 24px;
  list-style: none;
}

.organigramme-tree #last-branch li:nth-child(even) {
  background-color: red;
  margin-top: 82px;
}

.organigramme-tree #last-branch li:nth-child(odd) {
  background-color: green;
  margin-bottom: 225px;
}

#top-level-item #top-level {
  top: -97px;
  height: 100px;
  background-image: url(../images/organigram/bulle.png);
  background-repeat: no-repeat;
  background-position: 43px bottom;
  width: 150px;
  left: -40px;
}

.menu-name-menu-organigramme {
  margin-top: 120px;
}

#last-branch-link {
  overflow: hidden;
  text-indent: 999px;
  position: absolute;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.page-nous-decouvrir-presentation-organigramme #block-system-main {
  margin-top: 120px;
}

.page-node-64 .page-header span {
  display: none;
}
.page-node-64 img {
  width: 100%;
  height: 100%;
}

figure {
  margin: 0;
  float: left;
  width: 40%;
  display: block;
  text-align: center;
  margin: 30px;
}
figure img {
  vertical-align: middle;
  width: 100%;
}
figure figcaption {
  background-color: #6b450b91;
  padding: 11px;
  width: 100%;
  margin: auto;
  bottom: 0;
  position: absolute;
  color: white;
}

.page-node-30 .full figure img {
  display: block;
}
.page-node-30 figure {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-left: 50px;
}
.page-node-30 figure figcaption:hover:before {
  display: none;
  content: "";
  display: block;
}
.page-node-30 .alt-wrap {
  position: relative;
  color: whitesmoke;
}
.page-node-30 .alt-wrap p.alt {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 8px;
  font-size: 14px;
  line-height: 22px;
  transition: all 300ms ease;
  transition-delay: 300ms;
  height: 100%;
  background-color: #6b450b;
  text-align: justify;
}
.page-node-30 .alt-wrap:hover > p.alt {
  opacity: 1;
  transition-delay: 0s;
}
.page-node-30 figure:hover figcaption {
  visibility: hidden;
}

.product-row .views-row p strong {
  font-weight: normal;
}
.path-taxonomy .field--name-body ul li {
  list-style-type: circle;
  margin-left: 17px;
}
.path-taxonomy .field--name-body p {
  margin: -3px;
  font-size: 1em !important;
}
.path-taxonomy .field--name-body p strong {
  font-weight: 100;
  font-family: "NewsGothicMT";
}
.path-taxonomy .field--name-body p em {
  font-style: normal;
}
.path-taxonomy p {
  font-size: 1.3em !important;
}
.path-taxonomy .field--name-description ul li {
  list-style-type: circle;
  font-size: 1.3em !important;
  margin-left: 17px;
}

ul .pagination li a {
  color: #6c4600;
}
ul .pagination li .active a {
  background-color: #6c4600;
  border-color: #6c4600;
  color: white;
}

.candidature-spontannee {
  padding: 10px;
}

.candidature-spontannee .form-actions {
  text-align: center;
}
.candidature-spontannee .description {
  display: none;
}
.candidature-spontannee .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #55555582;
  background-color: #F4F3ED;
  background-image: none;
  border: 1px solid #F4F3ED;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


.postuler .form-actions {
  text-align: center;
}
.postuler .description {
  display: none;
}
.postuler #edit-date-de-naissance {
  width: 100%;
  margin-top: 5px;
}
.postuler .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #55555582;
  background-color: #F4F3ED;
  background-image: none;
  border: 1px solid #F4F3ED;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.galeries-photos .field-content {
  color: white;
}
.galeries-photos .field-content a {
  display: none;
}
.galeries-photos .field-content a:first-child {
  display: inline;
}
.galeries-photos .field-content span {
  color: #6b450b !important;
}
.galeries-photos .views-field-title {
  display: block;
  float: left;
  margin-left: 42px;
  color: #6b450b;
  margin-top: 0px;
}
.galeries-photos .img-responsive {
  float: left;
}

.navbar {
  position: relative;
  min-height: 0px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  background-color: #F9F7E1;
}

.tabs {
  background-color: #6b450b;
}
.tabs .nav-tabs {
  border: 1px solid #6a450b;
  border-bottom-color: #6a450b;
  margin-bottom: 24px;
}
.tabs .nav-tabs li.active a {
  color: #4ba24e;
  cursor: default;
  background-color: #fff;
  border-bottom: 1px solid #6a450b;
  border-bottom-color: #6a450b;
}
.tabs .nav-tabs li a {
  color: white;
  border-radius: 0px 0px 0 0;
  padding-left: 15px;
  padding-top: 7px;
}
.tabs .nav-tabs li a:hover {
  color: #4ba24e;
  cursor: default;
  background-color: #fff;
  border-bottom-color: #6a450b;
}

.navbar-collapse {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.form-reclamation .btn-primary {
  padding: 10px 16px;
  line-height: 1.3333333;
  border-radius: 11px;
  text-transform: uppercase;
  background-color: #6c4600;
  color: white;
  text-align: center;
  width: 40%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-color: #6c4600;
}
.form-reclamation .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #55555582;
  background-color: #F4F3ED;
  background-image: none;
  border: 1px solid #F4F3ED;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-reclamation label {
  font-weight: 100;
  font-size: 1.5em;
}

.view-taxonomy-term h2 {
  font-size: 23px;
}

.form-type-search .input-group input {
  font: caption;
}

.derniere-video {
  text-align: center;
}
.derniere-video h3 {
  font-size: 1.4em;
}

.echo-credit-agricole .image-echos {
  padding-bottom: 25px;
  font-size: 1.2em;
}
.echo-credit-agricole .image-echos a {
  color: #6b450b;
}
.echo-credit-agricole .image-row {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}

.activite-agricole .image-echos {
  padding-bottom: 25px;
  font-size: 1.2em;
}
.activite-agricole .image-echos a {
  color: #6b450b;
}
.activite-agricole .image-row {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}

.demande_de_stage {
  padding: 10px;
  text-align: center;
}
.demande_de_stage label {
  float: left;
}
.demande_de_stage .description {
  margin-top: 18px;
}
.demande_de_stage .description .icon-before {
  display: none;
}

.demande_de_stage .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #55555582;
  background-color: #F4F3ED;
  background-image: none;
  border: 1px solid #F4F3ED;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.pace .pace-progress {
  background: #449B32 !important;
  height: 4px;
}

.offres-partenaires {
  padding: 10px;
}
.offres-partenaires .table-responsive {
  min-height: 0.01%;
  overflow-x: initial;
}
.offres-partenaires h2 {
  color: white;
  font-size: 1px;
}
.offres-partenaires .table {
  border: 1px solid #000;
}
.offres-partenaires thead {
  text-transform: uppercase;
  border: 1px solid #000;
}
.offres-partenaires thead tr th {
  border: 1px solid #000;
  text-align: center;
  font-family: "NewsGothicMT-Bold";
}
.offres-partenaires tr {
  background-color: white;
}
.offres-partenaires td {
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #000 !important;
  font-size: 1em;
}
.offres-partenaires td a {
  color: #a76501;
}
.offres-partenaires .row-date {
  width: 86px;
}
.offres-partenaires .views-field-nothing a {
  font-size: 0.8em;
  float: right;
  background-color: #6b450b;
  color: white;
  padding: 8px;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 10px;
}
.offres-partenaires .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #55555582;
  background-color: #F4F3ED;
  background-image: none;
  border: 1px solid #F4F3ED;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li > a, .pagination > li > span {
  color: #6a450b !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 3;
  color: #fff !important;
  cursor: default;
  background-color: #6c4600;
  border-color: #6b4500;
}

.bef-exposed-form .form--inline .form-item {
  float: none;
}

.form-reclamation legend span {
  font-weight: 100;
  font-size: 1.5em;
}

.document-prive .table {
  border: 1px solid #000 !important;
}
.document-prive .table thead {
  text-transform: uppercase;
  font-weight: bold;
}
.document-prive .table > thead:first-child > tr:first-child > th {
  border: 1px solid #000 !important;
}
.document-prive .table > tbody > tr > td {
  border: 1px solid #000 !important;
}
.document-prive td a {
  font-size: 0.8em;
  background-color: #6b450b;
  color: white;
  padding: 8px;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 6px;
}
.document-prive a {
  font-size: 0.8em;
  background-color: #6b450b;
  color: white;
  padding: 8px;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 6px;
}

.block-views-blockgaleries-videos-block-2 {
  z-index: 9;
}

.galerie-video .views-col {
  padding: 5px;
  text-align: center;
}

.tabs-item .views-field-title {
  display: none;
}
.tabs-item .view-content .quicktabs-tabs {
  padding: inherit;
  border: 1px solid #6a450b;
}
.tabs-item .view-content .quicktabs-tabs li {
  border-right: 1px solid #84622f;
  background-color: #6a450b;
  padding-top: 18px;
  padding-left: 5px;
  padding-right: 5px;
}
.tabs-item .view-content .quicktabs-tabs li a {
  color: white !important;
  padding-top: 10px;
  font-size: 1.3em;
}
.tabs-item .view-content .quicktabs-tabs li .active {
  color: #6b450b;
  background-color: white;
}
.tabs-item .view-content .quicktabs-tabs li.active {
  background-color: white;
  border-top: 1px solid #84632E;
}
.tabs-item .view-content .quicktabs-tabs li.active a {
  color: #4ba24e !important;
}
.tabs-item .views-field-body {
  margin: auto;
  background-color: white;
  color: black;
  font-size: 1.2em;
}
.tabs-item .views-field-body .field-content ul {
  background-color: white;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: inherit;
}

.modal-body {
  font-size: 1.5em;
}

.modal-footer {
  padding: 10px;
  text-align: left;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn {
  display: none;
}

.organigramme_second {
  display: none;
}

.user-login-form {
  max-width: 370px;
  margin: auto;
  text-align: center;
}
.user-login-form label {
  float: left;
  font-size: 1.19em;
}
.user-login-form .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #55555582;
  background-color: #F4F3ED;
  background-image: none;
  border: 1px solid #F4F3ED;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-bottom: 9px;
}
.user-login-form .btn {
  display: inline-block;
  border-radius: 0px;
  background-color: #6b450b;
  border-color: #6b450b;
}

.accordeon-item .views-field-body {
  background-color: white;
  color: black;
}

.actualites-accueil .views-field-field-image .img-responsive {
  display: block;
  max-width: 100%;
  height: 140px !important;
}

/*================================*
*      MAIN                       *
*=================================*/
/*================================*
*      RESPONSIVE                 *
*=================================*/
@media only screen and (max-device-width: 321px) {
  .navbar-header {
    z-index: 100;
    top: 0px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #409c2a;
  }

  .navbar-toggle {
    padding: 0px !important;
  }

  .navbar-default .navbar-toggle {
    border-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar-text {
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .navbar-default {
    margin-left: -15px;
  }

  .cncas {
    margin-left: 17px;
  }

  .region-cncas-top-first p {
    float: left;
    text-align: center;
  }

  .top-bar-first {
    margin-left: 0px;
    margin-right: 0px;
  }

  .header-menu-right ul {
    margin: auto;
    padding: 0px;
  }
  .header-menu-right ul li {
    position: relative;
    display: inline;
    font-size: 1em;
    padding-left: 2px;
    padding-right: 2px;
  }

  .header-menu-left {
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .header-menu-left ul {
    display: inline-block;
    margin: auto;
  }

  .modal {
    left: -7px;
  }

  .slideshow {
    background-color: #775b5b;
    margin-top: 2px;
    margin-bottom: 5px;
  }

  .sidebar-left img {
    margin-bottom: 15px;
    width: 23%;
  }

  .selecteur-de-langue {
    font-size: 1.2em;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
  }
  .selecteur-de-langue ul {
    display: inline-block;
  }

  .region-cncas-slideshow .widget_pager {
    margin-top: -60px;
    margin-left: -14px;
    margin-right: 14px;
    padding: 0px;
  }
  .region-cncas-slideshow .slideshow h3 {
    margin-top: -45px;
    font-size: 1.3em;
    position: absolute;
    padding: 1px;
    background-color: rgba(0, 0, 0, 0.47059);
    color: white;
    text-align: center;
    line-height: normal;
    margin-left: 3px;
    margin-right: 0px;
  }
  .region-cncas-slideshow .views-field-title {
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: center !important;
  }

  .field--type-text-with-summary {
    word-wrap: break-word;
  }

  .Formulaire-de-recherche {
    display: none;
  }

  .navbar-collapse {
    margin-left: -2px;
    padding: 0px;
  }

  .menu-lateral ul {
    padding-right: 14px;
  }


  .contenu .border-1 {
    padding-top: 1px;
    margin: auto;
  }

  .aside-home {
    margin-left: auto;
    margin-right: auto;
  }
  .aside-home h2 {
    font-size: 1.5em;
  }

  .trouver-agence .form-select {
    width: 265px;
  }
  .trouver-agence .form-actions .btn,
  .trouver-agence .form-actions .btn-group {
    padding: 12px 14px;
  }

  .bef-exposed-form .form--inline > .form-item {
    float: none !important;
  }

  .region-cncas-slideshow {
    margin-left: -15px;
    margin-right: -15px;
  }

  .region-cncas-products {
    margin-left: -15px;
    margin-right: -15px;
  }

  .actualites-accueil {
    padding: 10px;
    text-align: center;
  }
  .actualites-accueil h2 {
    background: url(../images/ico_actualites.png) no-repeat center;
    padding: 0px;
  }
  .actualites-accueil h3 a {
    float: initial;
    display: block;
    margin-top: 21px;
    text-align: center;
  }
  .actualites-accueil p {
    padding: 8px;
  }
  .actualites-accueil img {
    float: none;
    display: initial;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .actualites-accueil .views-field-title {
    margin-left: 0px;
  }
  .actualites-accueil .actu-paragraphe {
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    margin-bottom: 13px;
  }
  .actualites-accueil img {
    float: none;
    display: initial;
    margin-bottom: 10px;
  }


  .top-bar-second {
    display: none;
  }
  .view-offres-emplois {
    margin-right: -100px;
  }

  .content-home {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #FCFCF7;
    padding-right: 0px;
    font-size: 1.7em;
    margin-left: -15px;
    margin-right: -15px;
  }


  .menu-prefooter ul .vos-questions-nos-reponses {
    padding-top: 52px;
    padding-bottom: 2px;
  }
  .menu-prefooter ul #vos-questions-nos-reponses {
    background: url(../images/ico_faq.png) no-repeat 20px 0px;
    padding-top: 40px;
  }

  .region-cncas-tools-second {
    clear: both;
  }
  .region-cncas-tools-second .suivez-nous-sur {
    text-align: center;
    float: none !important;
  }
  .region-cncas-tools-second .newsletter {
    margin-top: -14px;
    float: right;
    text-align: center;
  }
  .region-cncas-tools-second .form-control {
    margin-left: 12px;
    background-position: 340px 10px;
  }

  .region-cncas-content-1 {
    margin-top: 10px;
  }

  aside {
    margin: 0px;
  }

  .border {
    border: 0px;
  }

  .border-2 {
    margin-left: 0px;
  }

  .menu-prefooter-second {
    width: 100%;
  }
  .menu-prefooter-second #vos-questions-nos-reponses {
    background: url(../images/ico_faq.png) no-repeat 35px 14px !important;
    padding-top: 55px;
  }
  .menu-prefooter-second #trouver-une-agence {
    background: url(../images/trouver_agence.png) no-repeat 19px 14px !important;
    padding-top: 62px;
  }
  .menu-prefooter-second ul {
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding: inherit;
  }
  .menu-prefooter-second ul li {
    margin-bottom: 18px;
  }
  .menu-prefooter-second ul .carrière {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .vos-questions-nos-reponses {
    float: right;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .vie-associative {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .trouver-une-agence {
    float: right;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .contactez-nous {
    clear: both;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }

  .breadcrumb {
    padding: 0px;
    margin-bottom: 8px;
    padding-top: 7px;
    list-style: none;
    background-color: #ffffff;
    border-radius: 4px;
    font-size: 0.9em;
  }

  .map-nous-contacter {
    margin-bottom: 10px;
  }

  .dernier-rapport-activite .ligne-actualite .views-field-title {
    display: none;
  }
  .dernier-rapport-activite .ligne-actualite img {
    margin-left: 35px;
  }
  .dernier-rapport-activite .ligne-actualite .views-field-body {
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
  }
  .dernier-rapport-activite .ligne-actualite .views-field-field-document .field-content a {
    margin-right: 49px;
  }
  .dernier-rapport-activite .ligne-actualite .liste-rapport-activite h2 {
    text-align: center;
  }

  .questions-reponses {
    padding: 10px;
  }

  .map-vie-associative {
    margin-left: auto;
  }
  .map-vie-associative .views-field-body {
    margin: 0px;
  }
  .map-vie-associative .views-field-title {
    margin: auto;
  }
  .map-vie-associative .views-more-link {
    margin-top: -21px;
    margin-bottom: 23px;
  }
  .map-vie-associative h3 {
    text-align: center;
  }
  .map-vie-associative img {
    margin: auto;
  }

  .map-trouver-agence {
    padding: 8px;
  }

  .border-content {
    padding-right: 15px;
    padding-left: 15px;
  }

  .echo-credit-agricole .product-row {
    text-align: center;
    margin-left: auto;
    background: white;
    padding: 10px;
  }

  .page-node-30 figure {
    margin-left: 0px;
    width: 100%;
  }
  .page-node-30 figure figcaption {
    background-color: #6b450b91;
    padding: 11px;
    color: white;
  }

  .loader_gif img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .navbar-header {
    z-index: 100;
    top: 0px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #409c2a;
  }

  .navbar-toggle {
    padding: 0px !important;
  }

  .navbar-default .navbar-toggle {
    border-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar-text {
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .navbar-default {
    margin-left: -15px;
  }

  .cncas {
    margin: auto;
  }

  .region-cncas-top-first p {
    text-align: center;
  }

  .top-bar-first {
    margin-left: 0px;
    margin-right: 0px;
  }

  .header-menu-right {
    margin-top: 10px;
  }
  .header-menu-right ul {
    margin-right: auto;
    margin-left: auto;
    padding: initial;
    width: 100%;
    text-align: center;
  }
  .header-menu-right ul li {
    position: relative;
    display: inline-block;
    font-size: 1em;
    padding-left: 2px;
    padding-right: 2px;
    margin: auto;
    float: initial;
  }

  .header-menu-left {
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .header-menu-left ul {
    display: inline-block;
    margin: auto;
  }

  .region-cncas-slideshow {
    margin-left: -15px;
    margin-right: -15px;
  }

  .region-cncas-products {
    margin-left: -15px;
    margin-right: -15px;
  }

  .slideshow {
    background-color: #775b5b;
    margin-top: 2px;
    margin-bottom: 5px;
  }

  .sidebar-left img {
    margin-bottom: 15px;
    width: 20%;
  }

  .selecteur-de-langue {
    text-align: center;
    float: none !important;
    font-size: 1.2em;
    margin-bottom: -12px;
  }
  .selecteur-de-langue ul {
    display: inline-block;
  }

  .region-cncas-slideshow .widget_pager {
    margin-top: -60px;
    margin-left: -14px;
    margin-right: 14px;
    padding: 0px;
  }
  .region-cncas-slideshow .slideshow h3 {
    margin-top: -45px;
    font-size: 1.3em;
    position: absolute;
    padding: 1px;
    background-color: rgba(0, 0, 0, 0.47059);
    color: white;
    text-align: center;
    line-height: normal;
    margin-left: 3px;
    margin-right: 0px;
  }
  .region-cncas-slideshow .views-field-title {
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: center !important;
  }

  .Formulaire-de-recherche {
    display: none;
  }

  .navbar-collapse {
    margin-left: -2px;
    padding: 0px;
  }

  .menu-lateral ul {
    padding-right: 14px;
  }

  .contenu .border-1 {
    padding-top: 1px;
    margin: auto;
  }

  .aside-home {
    margin-left: auto;
    margin-right: auto;
  }
  .aside-home h2 {
    font-size: 1.5em;
  }
  .aside-home p {
    margin-left: -20px;
  }

  .trouver-agence .form-select {
    background-color: #F9F7DA;
    width: 100%;
    height: 48px;
    border-radius: 10px;
  }
  .trouver-agence .select-wrapper {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }


  .bef-exposed-form .form--inline > .form-item {
    float: none !important;
  }

  .actualites-accueil {
    padding: 10px;
    text-align: center;
  }
  .actualites-accueil h2 {
    background: url(../images/ico_actualites.png) no-repeat center;
    padding: 0px;
  }
  .actualites-accueil h3 a {
    float: initial;
    display: block;
    margin-top: 21px;
    text-align: center;
  }
  .actualites-accueil p {
    padding: 4px;
  }
  .actualites-accueil img {
    float: none;
    display: initial;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .actualites-accueil .views-field-title {
    margin-left: 0px;
  }
  .actualites-accueil .actu-paragraphe {
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    margin-bottom: 13px;
  }
  .actualites-accueil img {
    float: none;
    display: initial;
    margin-bottom: 10px;
  }

  .top-bar-second {
    display: none;
  }
  .view-offres-emplois {
    margin-right: -100px;
  }

  .content-home {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #FCFCF7;
    padding-right: 0px;
    font-size: 1.7em;
    margin-left: -15px;
    margin-right: -15px;
  }

  .region-cncas-tools-second {
    clear: both;
  }
  .region-cncas-tools-second .suivez-nous-sur {
    text-align: center;
    float: none !important;
  }
  .region-cncas-tools-second .newsletter {
    margin-top: -14px;
    float: right;
    text-align: center;
  }
  .region-cncas-tools-second .form-control {
    margin-left: 12px;
    background-position: 310px 10px;
  }

  .region-cncas-content-1 {
    margin-top: 10px;
  }

  aside {
    margin: 0px;
  }

  .border {
    border: 0px;
  }

  .border-2 {
    margin-left: 0px;
  }

  .menu-prefooter ul .vos-questions-nos-reponses {
    width: 37%;
    text-align: center;
    padding-top: 49px;
    padding-bottom: 0px;
    border: 1px solid;
    margin: 10px;
    float: right;
    border-radius: 20px;
    background-color: rgba(36, 48, 6, 0.9);
  }

  .menu-prefooter ul #vos-questions-nos-reponses {
    background: url(../images/ico_faq.png) no-repeat 30px 0px;
    padding-top: 40px;
  }

  .menu-prefooter-second {
    width: 100%;
  }
  .menu-prefooter-second ul {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding: inherit;
  }
  .menu-prefooter-second ul li {
    margin-bottom: 18px;
  }
  .menu-prefooter-second ul .carrière {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .vos-questions-nos-reponses {
    float: right;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .vie-associative {
    clear: both;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .trouver-une-agence {
    float: right;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }
  .menu-prefooter-second ul .contactez-nous {
    clear: both;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
  }

  .breadcrumb {
    padding: 0px;
    margin-bottom: 8px;
    padding-top: 7px;
    list-style: none;
    background-color: #ffffff;
    border-radius: 4px;
    font-size: 0.9em;
  }

  .map-nous-contacter {
    margin-bottom: 10px;
  }

  .dernier-rapport-activite .ligne-actualite .views-field-title {
    display: none;
  }
  .dernier-rapport-activite .ligne-actualite img {
    margin-left: 35px;
  }
  .dernier-rapport-activite .ligne-actualite .views-field-body {
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
  }
  .dernier-rapport-activite .ligne-actualite .views-field-field-document .field-content a {
    margin-right: 49px;
  }
  .dernier-rapport-activite .ligne-actualite .liste-rapport-activite h2 {
    text-align: center;
  }

  .questions-reponses {
    padding: 10px;
  }

  .map-vie-associative {
    margin-left: auto;
  }
  .map-vie-associative .views-field-body {
    margin: 0px;
  }
  .map-vie-associative .views-field-title {
    margin: auto;
  }
  .map-vie-associative .views-more-link {
    margin-top: -21px;
    margin-bottom: 23px;
  }
  .map-vie-associative h3 {
    text-align: center;
  }
  .map-vie-associative img {
    margin: auto;
  }

  .map-trouver-agence {
    padding: 8px;
  }

  .region-cncas-find-agency p {
    margin: auto;
  }

  .border-content {
    padding-right: 15px;
    padding-left: 15px;
  }

  .echo-credit-agricole .product-row {
    text-align: center;
    margin-left: auto;
    background: white;
    padding: 10px;
  }

  .dernier-rapport-activite {
    margin-bottom: 0px;
  }

  .page-node-30 figure {
    margin-left: 0px;
    width: 100%;
  }
  .page-node-30 figure figcaption {
    background-color: #6b450b91;
    padding: 11px;
    color: white;
  }

  .loader_gif img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-device-width: 480px) {
  .menu-prefooter-second #vos-questions-nos-reponses {
    background: url(../images/ico_faq.png) no-repeat 40px 14px;
    padding-top: 55px;
  }
  .menu-prefooter-second ul .carrière {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
  }
  .menu-prefooter-second ul .vos-questions-nos-reponses {
    width: 35%;
  }
  .menu-prefooter-second ul .vie-associative {
    width: 35%;
  }
  .menu-prefooter-second ul .trouver-une-agence {
    width: 35%;
  }
  .menu-prefooter-second ul .contactez-nous {
    width: 35%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .navbar-header {
    z-index: 100;
    top: 0px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #409c2a;
  }

  .navbar-toggle {
    padding: 0px !important;
  }

  .navbar-default .navbar-toggle {
    border-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .region-cncas-slideshow {
    margin-left: -15px;
    margin-right: -15px;
  }

  .region-cncas-products {
    margin-left: -15px;
    margin-right: -15px;
  }

  .content {
    padding: 0px;
  }
  .content .field--name-body {
    padding: 10px;
  }

  .region-cncas-content-1 {
    margin-top: 10px;
    margin-left: 0px;
    padding: 10px;
  }
  .region-cncas-content-1 .map-vie-associative {
    margin-left: 0px;
  }

  .header-menu-left {
    margin-top: 4px;
    float: inherit !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .header-menu-left ul {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }

  .header-menu-right {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: center;
    width: 100%;
  }
  .header-menu-right ul {
    margin-bottom: auto;
    display: inline-block;
    padding: 0px;
  }
  .header-menu-right ul #espace-prive {
    margin-left: 5px;
  }

  .cncas {
    font-size: 1.5em;
    color: white;
    text-transform: uppercase;
    margin: auto;
    text-align: center;
  }

  .top-bar-second {
    display: none;
  }

  .selecteur-de-langue {
    font-size: 1.5em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .selecteur-de-langue ul {
    display: inline-block;
    margin-bottom: auto;
  }

  .sidebar-left img {
    margin-bottom: 15px;
    width: 20%;
  }

  .region-cncas-slideshow {
    margin-bottom: 4px;
  }
  .region-cncas-slideshow .slideshow h3 {
    margin-top: -45px;
    font-size: 1.3em;
    position: absolute;
    padding: 1px;
    background-color: rgba(0, 0, 0, 0.47059);
    color: white;
    text-align: center;
    line-height: normal;
    margin-left: 3px;
    margin-right: 0px;
  }
  .region-cncas-slideshow .widget_pager {
    margin-top: -60px;
    margin-left: -14px;
    margin-right: 14px;
    padding: 0px;
  }

  .aside-home {
    margin-left: auto;
    margin-right: auto;
    padding: initial;
  }
  .region-cncas-find-agency p {
    margin: auto;
  }

  .bef-exposed-form .form--inline .form-item {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
  }

  .trouver-agence .form-select {
    background-color: #F9F7DA;
    width: 341px;
    height: 48px;
    border-radius: 10px;
  }



  .content-home {
    margin: 0px;
    padding: 4px;
  }

  .contenu .border-1 {
    margin: 0px;
    padding: 5px;
    background-size: cover;
  }

  .border-2 {
    margin-left: auto;
    margin-right: auto;
    padding: initial;
    margin: auto;
  }

  .actualites-accueil {
    margin: 0px;
    padding: initial;
  }
  .actualites-accueil .views-field-title {
    margin: 0px;
  }
  .actualites-accueil img {
    display: block;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .actualites-accueil h2 {
    background: url(../images/ico_actualites.png) no-repeat center;
    text-align: center;
  }
  .actualites-accueil .product-row {
    text-align: center;
  }
  .actualites-accueil .product-row span {
    display: inline-block;
  }
  .actualites-accueil .actu-paragraphe {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }

  .suivez-nous-sur {
    width: 100% !important;
    margin-top: -8px;
    text-align: center;
  }
  .suivez-nous-sur h2 {
    margin-right: auto;
    margin-left: auto;
  }

  .newsletter {
    text-align: center;
  }
  .newsletter .form-control {
    width: 57%;
    margin-right: auto;
    margin-left: auto;
  }

  .region-cncas-tools-second .form-control {
    margin-left: 100px;
  }

  .menu-prefooter {
    padding-left: 50px;
    padding-right: 50px;
  }

  .menu-prefooter-second ul {
    margin-left: 66px;
  }
  .menu-prefooter-second .carrière {
    width: 25%;
    margin-right: 0px;
  }
  .menu-prefooter-second .vos-questions-nos-reponses {
    width: 25%;
    margin-right: 0px;
  }
  .menu-prefooter-second .vie-associative {
    width: 25%;
    margin-right: 0px;
  }
  .menu-prefooter-second .trouver-une-agence {
    width: 25%;
    margin-right: 0px;
  }
  .menu-prefooter-second .contactez-nous {
    width: 25%;
    margin-top: -92px;
    margin-right: 0px;
  }

  .dernier-rapport-activite {
    margin-bottom: 0px;
  }
  .dernier-rapport-activite .ligne-actualite .views-field-field-document .field-content a {
    margin-right: -2px;
    margin-top: -41px;
  }

  .partenariat img {
    display: inline;
  }

  .field--type-text-with-summary {
    word-wrap: break-word;
    margin-left: 0px;
  }

  .map-vie-associative img {
    display: block;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .vie-associative .content .field--type-image {
    margin-left: 12px;
  }
  .vie-associative .content img {
    display: block;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .content article .content {
    margin-left: 0px;
    margin-right: 0px;
  }
  .content article .content img {
    width: 100%;
    height: 100%;
  }

  .map-nous-contacter {
    margin-bottom: 18px;
  }

  .border-content {
    padding: 15px;
  }
  .border-content .view-content .views-field-title {
    margin-left: 0px;
  }

  .documentations .views-field-body {
    margin: auto;
  }

  .product-row img {
    width: 100%;
  }

  .loader_gif img {
    margin-left: auto;
    margin-right: auto;
  }

  footer {
    background-color: #151516;
  }
  footer .signature {
    float: right;
    font-size: 11px;
    color: #c6c6c6;
    margin-top: -30px;
    padding: 4px 0;
  }
  footer .signature a {
    color: #fff;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .Formulaire-de-recherche {
    margin-left: 0px;
  }

  .header-menu-left {
    margin-left: 0px;
  }

  .cncas {
    font-size: 1.255em;
    color: white;
    text-transform: uppercase;
    margin-right: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
  }

  .actualites-accueil p {
    font-size: 0.6591em;
    color: rgba(255, 255, 255, 0.85);
    padding-bottom: 0px;
  }

  .slideshow h3 {
    margin-top: -77px;
    margin-left: 49px;
    line-height: normal;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }

  .trouver-agence .form-select {
    background-color: #F9F7DA;
    width: 292px;
    height: 48px;
    border-radius: 10px;
  }


  .aside-home h2 {
    font-size: 1.9em;
  }

  .bef-exposed-form .form--inline > .form-item {
    float: none;
  }

  .trouver-agence .form-select {
    width: 260px;
    height: 36px;
  }

  .content-home {
    margin-left: 0px;
  }

  .border-1 {
    height: 437px;
  }
  .menu-prefooter ul .trouver-une-agence {
    width: 37%;
    text-align: center;
    padding-top: 47px;
    padding-bottom: 0px;
    border: 1px solid;
    margin: 10px;
    float: right;
    border-radius: 20px;
    background-color: rgba(36, 48, 6, 0.9);
  }

  .menu-prefooter ul #trouver-une-agence {
    background: url(../images/trouver_agence.png) no-repeat 17px 0px;
    padding-top: 40px;
  }

  .menu-prefooter ul #vos-questions-nos-reponses {
    background: url(../images/ico_faq.png) no-repeat 22px 0px;
    padding-top: 40px;
  }

  .menu-prefooter-second .trouver-une-agence {
    padding-top: 58px;
    padding-bottom: 0px;
  }
  .menu-prefooter-second #trouver-une-agence {
    background: url(../images/trouver_agence.png) no-repeat 24px 14px;
  }
  .menu-prefooter-second #vos-questions-nos-reponses {
    background: url(../images/ico_faq.png) no-repeat 26px 14px;
  }
  .menu-prefooter-second #vie-associative {
    background: url(../images/vie_associative.png) no-repeat 22px 19px;
  }

  .documentations .views-field-body {
    margin-left: 0px;
  }

  .description {
    display: none;
  }

  .offres-emploi {
    padding-right: 10px;
  }

  .candidature-spontannee {
    padding-right: 10px;
  }

  .demande_de_stage {
    padding-right: 10px;
  }

  .offres-partenaires {
    padding-right: 10px;
  }

  .map-vie-associative .views-field-body {
    margin-left: -11px;
  }

  .vie-associative {
    margin-left: 6px;
    margin-right: -13px;
  }

  footer {
    background-color: #151516;
  }
  footer .signature {
    float: right;
    font-size: 11px;
    color: #c6c6c6;
    margin-top: -30px;
    padding: 4px 0;
  }
  footer .signature a {
    color: #fff;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .navbar-header {
    z-index: 100;
    top: 0px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #409c2a;
  }

  .navbar-toggle {
    padding: 0px !important;
  }

  .navbar-default .navbar-toggle {
    border-color: transparent;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar-text {
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .navbar-default {
    margin-left: -15px;
  }

  .selecteur-de-langue {
    display: none;
  }

  .top-bar-second {
    display: none;
  }

  .sidebar-left {
    position: relative;
    z-index: 9999;
    width: 100%;
    padding-left: 50px;
    padding-right: 62px;
  }
  .sidebar-left img {
    width: 10%;
  }

  .header-menu-right {
    text-align: center;
  }
  .header-menu-right .menu {
    display: inline-block;
  }

  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-text {
    float: none;
    margin: 15px 0;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .collapsing {
    overflow: hidden !important;
  }

  .slideshow h3 {
    margin-top: -67px;
    margin-left: 45px;
    font-size: 1.7em;
    position: absolute;
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.47059);
    color: white;
    text-align: center;
  }

  .aside-home {
    margin: auto;
    margin-top: 10px;
  }
  .aside-home h2 {
    font-size: 2em;
  }

  .actualites-accueil .col-xs-12 {
    width: 50%;
  }
  .actualites-accueil p {
    font-size: 0.5em;
    color: rgba(255, 255, 255, 0.85);
    padding-bottom: 10px;
  }
  .actualites-accueil .actu-paragraphe {
    background-color: #87856C;
    margin-top: auto;
    padding-top: 0px;
    padding-right: 6px;
  }

  .region-cncas-content-1 {
    padding: initial;
  }


  .contenu .row {
    margin-right: auto;
    margin-left: auto;
  }
  .contenu .border-2 {
    margin-left: auto;
  }
  .contenu .border-1 {
    height: 406px;
    margin-left: auto !important;
    float: left;
  }

  .region-cncas-find-agency p {
    margin-left: 10px;
  }
  .region-cncas-find-agency .trouver-agence .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .menu-prefooter ul #vos-questions-nos-reponses {
    background: url(../images/ico_faq.png) no-repeat 22px 0px;
    padding-top: 40px;
  }
  .menu-prefooter ul #trouver-une-agence {
    background: url(../images/trouver_agence.png) no-repeat 15px 0px;
    padding-top: 46px;
  }
  .menu-prefooter ul .trouver-une-agence {
    padding-top: 50px;
    padding-bottom: 0px;
  }

  .menu-prefooter-second {
    margin-right: 0px;
    padding: 0px;
    margin-top: 22px;
  }
  .menu-prefooter-second ul {
    margin-left: auto;
  }
  .menu-prefooter-second ul .carrière {
    width: 18%;
    margin-right: 5px;
  }
  .menu-prefooter-second ul .vos-questions-nos-reponses {
    width: 18%;
    margin-right: 5px;
  }
  .menu-prefooter-second ul .vie-associative {
    width: 18%;
    margin-right: 5px;
  }
  .menu-prefooter-second ul .trouver-une-agence {
    width: 18%;
    margin-right: 5px;
  }
  .menu-prefooter-second ul .contactez-nous {
    width: 18%;
    margin-right: 5px;
    margin-top: 0px;
  }

  .suivez-nous-sur {
    float: left !important;
    width: 37% !important;
  }

  .newsletter {
    width: 50% !important;
  }
  .newsletter .form-group {
    margin-bottom: 0px;
  }
  .newsletter .form-control {
    width: 100%;
  }
  .newsletter h2 {
    margin-left: 43px;
  }

  .dernier-rapport-activite .product-row img {
    width: auto;
  }
  .dernier-rapport-activite .ligne-actualite .views-field-field-document .field-content a {
    margin-right: 45px;
  }

  .partenariat .product-row img {
    width: 50%;
    float: left;
  }

  .content article .content {
    margin-left: 0px;
    margin-right: 6px;
  }

  .documentations .product-row {
    clear: both;
  }
  .documentations .product-row img {
    width: 100%;
    margin-bottom: 20px;
  }

  .views-field-title h3 {
    margin-left: 13px;
  }

  .map-vie-associative .views-field-body {
    margin-left: -3px;
  }
}

/*# sourceMappingURL=style.css.map */


.first-top-bar .navbar-brand {
  height: 80px;
}

.first-top-bar .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.first-top-bar .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}
.first-top-bar .navbar{
  background-color: #894395;
}
.first-top-bar li a {
  font-family: "NewsGothicMT-Bold";
  font-size: 1.44rem;
  text-align: center;
  color: #ccd621 !important;
}
.first-top-bar li a:hover {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-align: center;
  color: #fff !important;
}

.first-top-bar ul{
  padding-bottom: auto;
  padding-top: auto;
}

.first-top-bar .switch-language{
  float: right;
}

.search-bloc{
  padding-top: 7.5%;
}

.block-search span.input-group-btn{
  display: none !important;
}

.region-cncas-top-search .block-search {
  padding-top: 15%;
  float: left;
}

#search-block-form .icon {
  position: absolute;
  top: 0;
  left: 12px;
  z-index: 99999;
}

.js-form-type-search input.form-search {
  background: #2b303b05 !important;
}

.selecteur-de-langue {
  font-size: 1.5em;
  float: right;
}


/*-------------------
TOP BAR SECOND
---------------------*/


.region-cncas-top-second .navbar-nav{
  width: 100%;
  text-align: center;
}

.region-cncas-top-second .navbar-nav li{
  float: none;
  display: inline-block;
  padding-right: 0;
  padding-left: 0;
  border: none !important;
  width: 14%;
}

.top-bar-second .container{
  padding-left: 5%;
}



/*-----------------
LOGO BRAND
 */

.logo-brand{
  height: 111% !important;
  padding: 0;
  width: auto;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff !important;
  background-color: #894395;
}


/*----------------
BLOC PRODUITS
 */
.first-top-bar li a {
  font-size: 1.44rem;
  text-align: center;
  color: #ccd621 !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}