/* --- PAGE --- */
body {
  margin:0;font: 11pt Helvetica, Arial, sans-serif; background:#FFF;color:#333;
}
.nopaddingonly {
  padding: 0 !important;
}

/* --------------------------------------------- NAVBAR -------------------------------------------------- */
.navbar {
  margin-bottom:0;
}
.navbar-custom {
 background-color: #C3D535;
 border:none;
 border-radius: 0 !important;
}
.navbar-custom .navbar-brand {
 color: #333333;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
 color: #e6e6e6;
 background-color: transparent;
}
.navbar-custom .navbar-text {
 color: #2E1F1C;
}

.navbar-collapse { padding-left:0; }

/* premier niveau Bloc */
.navbar-custom .navbar-nav > li {
 border-left:solid 2px #BDC454;
 margin:0;
 padding:0;
}
/* premier niveau Lien */
.navbar-custom .navbar-nav > li > a {
 color: #2E1F1C;
 font-size:1.1em;
 font-weight: bold;
 text-align:center;
}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus { color:#FFFFFF; background-color:#2E1F1C; }

@media (min-width: 992px) {
/* premier niveau Bloc */
.navbar-custom .navbar-nav > li {
 border-left:solid 2px #BDC454;
 width:240px;
 height:130px;
 margin:0;
 padding:0;
}
/* premier niveau Lien */
.navbar-custom .navbar-nav > li > a {
 color: #2E1F1C;
 font-size:1.1em;
 font-weight: bold;
 height:130px;
 text-align:center;
 padding-top:90px;
 background-position:center 30%;
 background-repeat:no-repeat;
}
}

@media (min-width: 1200px) {
 .navbar-custom .navbar-nav > li {
  width:290px;
 }
}
.navbar-custom .navbar-toggle {
 border-color: #2E1F1C;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #C3D535;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #2E1F1C;
}
.dropdown-menu {
 background-color: #2E1F1C;
 padding:0;
 border:0;
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
  background-color: #2E1F1C;
  color: #FFFFFF;
  font-size:1.1em;
  line-height:40px;
  font-weight: bold;
  border-top:solid 1px #C3D535;
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: #C3D535;
  color: #FFFFFF;
}
.navbar-custom .open > a, .navbar-custom .open > a:focus, .navbar-custom .open > a:hover {
    background-color: #C3D535;
}


/* --- TEXTES --- */
h1 { margin-top:30px; margin-left:10px; font-size: 1.6em; font-weight:bold; color:#2E1F1C; display:inline-block; border-bottom:solid 1px #BDC454;}
#contenu_standard h1 { margin-left:0; margin-bottom:30px; width:100%; }
h2 { margin-top:10px;font-size: 1.3em;font-weight:normal;color:#2E1F1C}
p, td, li {}
a:link {color:#2E1F1C;text-decoration:none;}
a:visited {color:#2E1F1C;text-decoration:none;}
a:hover {color:#2E1F1C;text-decoration:underline;}
.right {text-align:right;}
.center {text-align:center;}
select {font-size:9pt;}
input {font-size:9pt;}
hr {height:1px; color:#BDC454 }
img {border:none;}
img.fl { float:left; margin:0 20px 10px 0;}

.news1 { min-height:260px; border-bottom:solid 1px #DDD; font-size:1.2em;}
.news2 { min-height:230px; padding-right:20px; border-right:solid 1px #DDD;}
.news3 { min-height:230px; }
.newss { clear:both; border-top:solid 1px #DDD; padding-bottom:10px; }

h4 { margin-bottom:7px; }

.photo_gauche { float:right; margin-left:30px; margin-bottom:20px; }


/* --------- HOME ---------- */

.nous-trouver { min-height:350px; background-color:#2E1F1C; color:#FFF;  }


.nous-trouver p { line-height:0.7em; }
.margin-top {padding-top:30px;}

.nous-trouver h2 { color:#FFF; font-size:24px; margin-top:0; font-weight:bold; border-bottom:solid 1px #FFF; display:inline-block; }

.nous-trouver input.green, .nous-trouver select.green { background-color:#CEDE3C; color:#2E1F1C; padding:5px; border:0; width:200px; }

.nous-trouver #choix {position:relative;z-index:1;width:310px;}

#choix .ligne { background:#FFF; border:solid 1px #2E1F1C; border-bottom:0; padding:3px; font-size:0.8em; }

#choix .last {border-bottom:solid 1px #2E1F1C; }

.facebook { text-align:center; background:#DDD; height:350px; }

.news { text-align:center; background:#C3D535 url(images/2018/news-bg.png) bottom right no-repeat; }
.news > h2 { margin-top:15px; margin-left:10px; margin-bottom:20px; color:#2E1F1C; font-size:24px; font-weight:bold; border-bottom:solid 1px #2E1F1C; width:170px; }
.news_content { height:410px; overflow:hidden; }
.news_content > h3 > a { margin-bottom:3px; font-size:15px; padding:15px 30px 0 30px; font-weight: bold;}
.news_content > span { display:inline-block; margin-bottom:13px; font-size:13px; padding:0 30px 0 30px; }
.news_content > a > .plusinfos { display:inline-block; width:31px; height:23px; background:url(images/2018/info.png); }
.news_content > p {position:absolute;left:460px;top:480px;font-size:11px; font-weight:bold; text-decoration:underline;}
.news > p { font-size: 0.9em; font-weight: bold; line-height: 3em;}

/* inverse l'ordre affichage entre le menu et le diaporama */
@media (min-width:992px) {
    .flex-wrap {
        display: -moz-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        -webkit-flex-flow: column;
        -ms-flex-direction: column;
        flex-flow: column;
    }
    .content-1 {
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .content-2 {
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

/* --------- FOOTER ---------- */
.footer { padding-right:30px; text-align:right; padding-top:10px;}
#menutop { float:right; }
#menutop a { font-weight:bold; font-size:11px; color:grey;}
#menutop ul {padding: 0; border-left:solid 1px grey; float:left; display:block; }
#menutop ul.first { border-left:0; }
#menutop li {padding:0;}
#menutop li a:hover {text-decoration:underline;}
#menutop li.sousmenu:hover {}
#menutop ul li {position:relative; list-style:none;}
#menutop ul.niveau2 li {}
#menutop ul.niveau2 a {  }
/*#menutop ul.niveau2 a:hover { text-decoration:underline; }*/
#menutop ul ul { display:inline;}
#menutop li a {text-decoration:none; padding: 0px 6px 2px 6px; display:block; }
#menutop li.sousmenu:hover ul.niveau2 {display:block;}



/* --------- COLONNE DROITE --------- */
.nous-trouver-col {margin-top:0; background-color:#2E1F1C; text-align:center;}
.nous-trouver-col h2 { color:#FFF; font-size:24px; font-weight:bold; margin-top:30px; border-bottom:solid 1px #FFF; display:inline-block; width:160px; }
.nous-trouver-col p { color:#FFF; font-size:12px; font-weight:bold; }
.nous-trouver-col input.green { background-color:#CEDE3C; padding:5px; border:0; width:225px; margin-top:10px; }
.nous-trouver-col #choix {position:relative;z-index:1;}

.cooperative-col { padding:0 10px 10px 10px; }



#facebook-col { width:256px; text-align:center; height:350px; background:#FFF; }
#news-col { position:relative;height:320px; margin:0; padding:10px; text-align:center; background:#C3D535 url(images/2018/news-bg.png) bottom right no-repeat; }
#news-col h2 { color:#2E1F1C; font-size:24px; font-weight:bold; margin-top:20px; border-bottom:solid 1px #2E1F1C; display:inline-block;  width:170px; }
#news-col ul { list-style-type:none; margin:0; padding:0; text-align:center;}
#news-col h3 { margin-bottom:3px; font-size:15px; font-weight: bold; }
#news-col span { display:inline-block; margin-bottom:13px; font-size:13px; padding:0 30px 0 30px; }
#news-col .plusinfos { display:inline-block; width:31px; height:23px; background:url(images/2018/info.png); }
#news-col p {position:absolute;left:80px;top:300px;font-size:11px; font-weight:bold; text-decoration:underline;}

/* --- PAGES DIVERSES ET FORMULAIRES --- */
#formulaire td { }
#formulaire input[type=text] { width:380px; }
.dates { font-size:0.8em; color:grey; }

table.formulaire { width:100%; }
table.formulaire td.right { width:30%; color:grey; border-bottom:solid 1px #DDD; }
table.formulaire input[type="text"], textarea { width:80%; }
table.formulaire textarea { height:100px; }
.required { color:red; }

input.greenbig { background-color:#CEDE3C; padding:5px; margin-bottom:10px; font-size:1.2em; border:0; width:100%; }

.vignette {padding:0px;float: left;width:120px; margin: 2px 15px 10px 0;}
.vignette a:hover {text-decoration:none;}
.vignette_pdf {width:75px;height:75px;margin: 2px 15px 10px 0;}
.article { border-bottom:solid 1px #BDC454}


/* ------------ LOGIN / RECOVERY ------------- */
.form-signin {
  margin: 0 auto;
  max-width: 330px;
  padding: 15px;
  text-align: center;
  background-color:#DDDDDD;
  /*z-index:-2;*/
  opacity: .99;
  /*position:relative;*/
  /*color:#7AB800;*/
}
.form-signin .btn {
  color:#FFFFFF;
  background-color:#7AB800;
}
.form-signin h2 {
  color:#7AB800;
  font-weight: bold;
  font-size:1.1em;
}
.form-signin .link {
  color:#7AB800;
}
.form-signin img {
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-signin label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
.form-signin input[type=text] {
  margin-top:3px;
}
.form-signin input[type=checkbox] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

/* ---------------- MAP ----------------------- */
.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 80%; /* Ratio 4:3 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
.spacedInput{
  padding:2%;
  margin:1%;
  width:80%;
  font-size: large;
  text-align: center;
}
.secuPass {
  display:inline-block;
  text-align:center;
  margin-right:10px;
  margin-top:3px;
  border: solid 1px #999;
  width: 150px;
  font-size: 0.9em;
  position:relative;
}
.short{
  font-weight:bold;
  color:#FF0000;
  font-size:larger;
}
.faible:before{
  position:absolute;
  width:25%;
  height:100%;
  background-color:#d1c719;
  z-index:-1;
  left:0;
  content:"";
}
.moyen:before{
  position:absolute;
  width:50%;
  height:100%;
  background-color:#81d118;
  z-index:-1;
  left:0;
  content:"";
}
.bon:before{
  position:absolute;
  width:75%;
  height:100%;
  background-color:#43d118;
  z-index:-1;
  left:0;
  content:"";
}
.fort:before{
  position:absolute;
  width:100%;
  height:100%;
  background-color:#18d133;
  z-index:-1;
  left:0;
  content:"";
}