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

/* ---------------------------------------------  BOUTONS CUSTOMISES BIOMONDE  -------------------------------------------------- */
@media (max-width: 768px) {
  .btn-biomonde {
    padding:2px 4px;
    font-size:80%;
    line-height: 1;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .btn-biomonde {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
  }
}

.btn-biomonde { 
  color: #2E1F1C; 
  background-color: #C3D535; 
  border-color: #BDC454; 
} 
 
.btn-biomonde:hover, 
.btn-biomonde:focus, 
.btn-biomonde:active, 
.btn-biomonde.active, 
.open .dropdown-toggle.btn-biomonde { 
  color: #2E1F1C; 
  background-color: #D1E726; 
  border-color: #BDC454; 
} 
 
.btn-biomonde:active, 
.btn-biomonde.active, 
.open .dropdown-toggle.btn-biomonde { 
  background-image: none; 
} 
 
.btn-biomonde.disabled, 
.btn-biomonde[disabled], 
fieldset[disabled] .btn-biomonde, 
.btn-biomonde.disabled:hover, 
.btn-biomonde[disabled]:hover, 
fieldset[disabled] .btn-biomonde:hover, 
.btn-biomonde.disabled:focus, 
.btn-biomonde[disabled]:focus, 
fieldset[disabled] .btn-biomonde:focus, 
.btn-biomonde.disabled:active, 
.btn-biomonde[disabled]:active, 
fieldset[disabled] .btn-biomonde:active, 
.btn-biomonde.disabled.active, 
.btn-biomonde[disabled].active, 
fieldset[disabled] .btn-biomonde.active { 
  background-color: #C3D535; 
  border-color: #CFBF67; 
} 
 
.btn-biomonde .badge { 
  color: #C3D535; 
  background-color: #2E1F1C; 
}

/* --------------------------------------------- HEADER -------------------------------------------------- */
@media (max-width: 768px) {
 .header {position:relative; height:30px;}
 .espaces {top:5px; padding-right:20px;}
 #logo {position:absolute; top:6px; margin-left:10px; background:url("/images/2018/logo64x64.png") no-repeat; width:64px; height:64px;}
 #logohome {position:absolute; top:6px; margin-left:10px; background:url("/images/2018/logo64x64.png") no-repeat; width:64px; height:64px;}
}
@media (min-width: 768px) and (max-width: 991px) {
 .header {position:relative; height:60px;}
 .espaces {top:18px;padding-right:15px;}
 #logo {position:absolute; top:6px; background:url("/images/2018/logo110x110.png") no-repeat; left:50px; width:110px; height:110px;}
 #logohome {position:absolute; top:6px; background:url("/images/2018/logo110x110.png") no-repeat; left:50px; width:204px; height:204px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
 .header {position:relative; height:76px; z-index:9; /* hack ie7 */}
 .espaces {top:20px;padding-right:15px;}
 #logo {position:absolute; top:6px; background:url("/images/2018/logo110x110.png") no-repeat; left:120px; width:110px; height:110px;}
 #logohome {position:absolute; top:6px; background:url("/images/2018/logo204x204.png") no-repeat; left:100px; width:204px; height:204px;}
}

@media (min-width: 1200px) {
 .header {position:relative; height:76px; z-index:9; /* hack ie7 */}
 .espaces {top:20px;padding-right:15px;}
 #logo {position:absolute; top:6px; background:url("/images/2018/logo110x110.png") no-repeat; left:150px; width:110px; height:110px;}
 #logohome {position:absolute; top:6px; background:url("/images/2018/logo204x204.png") no-repeat; left:100px; width:204px; height:204px;}
}
.espaces {text-align:right;}
.logo {z-index:9; text-align:center; }

#baseline {background:url("/images/2018/groupement_cooperatif_122x65.png"); width:122px; height:65px; margin-top:7px; }

/* --------------------------------------------- DIAPORAMA -------------------------------------------------- */
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-caption {
 position: absolute;
 bottom: 30px;
 right: 120px;
 padding: 15px;
 text-align:left;
 text-shadow: none;
 background: #FFF;
 background: rgba(255, 255, 255, 0.70);
 left:50%;
}
.carousel-caption h3 {
	font-size: 1.5em;
	margin:0;
}
#myCarousel a {
 text-decoration:none;
 shadow:none;
}
div.carousel-caption .slideshow-link { 
	position:absolute; width:23px; height:30px; bottom:15px; right:5px; float:right; 
}
.carousel-control {
	width:10%;
}
.carousel-next{position:relative;float:right;height:100%;width:36px;}
.carousel-next-img{position:absolute;top:50%;transform:translateY(-50%);display:block;width:36px;height:48px;background-image:url(/images/2018/next.png);opacity:1;}

.carousel-prev{position:relative;float:left;height:100%;width:36px;}
.carousel-prev-img{position:absolute;top:50%;transform:translateY(-50%);display:block;width:36px;height:48px;background-image:url(/images/2018/prev.png);opacity:1;}


/* --------------------------------------------- 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;  
}
.navbar-custom .navbar-nav > li.icone1 > a { background-image:url(/images/2018/menu1.png) }
.navbar-custom .navbar-nav > li.icone2 > a { background-image:url(/images/2018/menu2.png) }
.navbar-custom .navbar-nav > li.icone3 > a { background-image:url(/images/2018/menu3.png) }
.navbar-custom .navbar-nav > li.icone4 > a { background-image:url(/images/2018/menu4.png) }
.navbar-custom .navbar-nav > li.icone1 > a:hover, .navbar-custom .navbar-nav > li.icone1 > a:focus { background-image:url(/images/2018/menu1.png); }
.navbar-custom .navbar-nav > li.icone1 > a:hover, .navbar-custom .navbar-nav > li.icone1 > a:focus { background-image:url(/images/2018/menu1.png); }
.navbar-custom .navbar-nav > li.icone1 > a:hover, .navbar-custom .navbar-nav > li.icone1 > a:focus { background-image:url(/images/2018/menu1.png); }
.navbar-custom .navbar-nav > li.icone1 > a:hover, .navbar-custom .navbar-nav > li.icone1 > a:focus { background-image:url(/images/2018/menu1.png); }
}

@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:#2E1F1C;
  color:#C3D535;
}
.form-signin .btn {
  color:#2E1F1C;
  background-color:#C3D535;
}
.form-signin h2 {
  color:#C3D535;
  font-weight: bold;
  font-size:1.1em;
}
.form-signin .link {
  color:#C3D535;
}
.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%;
}