/* ----------------------------- */
/* Style corporate  */
/* ----------------------------- */

/* ----------------------------- */
/* = HTML/BODY                   */
/* ----------------------------- */
html { background-color:#fff; }
body {font-family: 'Open Sans', sans-serif;font-size: 15px;color: #666666;}
h1, .h1{font-family: 'Oswald', sans-serif;font-size: 25px;color: #333333;text-align:center;margin-bottom:30px;}
h2 {font-family: 'Oswald', sans-serif;color: #3B9138;font-size: 20px; }
h3 {font-family: 'Oswald', sans-serif; font-size:16px;color:#3B9138; }
a { color:#B30059; }
a:hover{text-decoration:none;color:inherit;}

/* wysiwyg */
.wysiwyg img{max-width:100%;height:auto !important;}

/* Heder */
#header{min-height:120px;border-bottom:1px solid #E2E2E2;}
#header > .container{position:relative;}
.logo{width:136px;height:100px;float:left;background:url('images/logo.png') no-repeat center;background-size:100%;margin-top:10px;}
.blocDroitHeader{position:absolute;top:22px;right:0;}
.reseauxSociauxHeader{float:left;margin-top:3px;}
.facebookHeader{width:30px;height:30px;background:url('images/iface.png') no-repeat center;float:left;margin:0 6px; }
.twitterHeader{width:30px;height:30px;background:url('images/itw.png') no-repeat center;float:left;margin:0 6px; }
.instagramHeader{width:30px;height:30px;background:url('images/icin.png') no-repeat center;float:left;margin:0 6px; }
.youtubeHeader{width:30px;height:30px;background:url('images/icyt.png') no-repeat center;float:left;margin:0 6px; }

/* Moteur recherche */	
.moteurRecherche{float:left;}
.formRecherche {display:block;z-index:10;width:245px;height:40px;float:left;margin-right:36px;}
.formRecherche form {float:right;}
.formRecherche form #zoneTexte{width:195px;height:37px;}
.formRecherche form #loupe {float:right;margin-left:7px;}

/* Fil d'Ariane */
.breadcrumb{background:transparent;padding:0;}
.breadcrumb a {color: #666666;}
.breadcrumb li:last-child a{color:#165827;font-weight:bold;}

/* Menu Principal */
.principal {border:none;background-color:transparent;float: right;margin: 0;margin-top: 79px;min-height:inherit;}
#to-collapse-1{float:left;}
.navbar-default .navbar-nav>li>a{font-family: 'Oswald', sans-serif;font-size: 19px;color: #333333;padding:10px 20px;cursor:pointer;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:url('images/fd2.png') repeat-x top left;}
.principal ul.navbar-nav{float:left;}
.mailHeader{float:left;width:32px;height:25px;background:url('images/mail.png') no-repeat center;margin:7px 25px; }
.telHeader{font-family: 'Oswald', sans-serif;font-size: 19px;color: #7fb437;float:left;margin-top:7px;}



.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background: #7FB437;}

/* Menu de Gauche */
.menuVerA{background:transparent;border:none;}
.menuVerA .nav-pills>li{background:url('images/barre.png') repeat-x left bottom;width:100%;margin-top:0!important;padding-bottom: 10px;}
.menuVerA .nav-pills>li>a{font-family: 'Oswald', sans-serif;font-size: 16px;color: #666666;text-transform: uppercase;margin-top: 0px;border-radius: 0;margin-bottom: 10px;padding:0 15px;}
.menuVerA .nav-pills>li > ul {display:none;background:#7FB437;list-style:none;padding: 10px 40px;margin-bottom: 15px;}
.menuVerA .nav-pills>li > ul > li > a {font-family: 'Oswald', sans-serif;font-size: 15px;color: #ffffff;}
.menuVerA .nav>li>a:focus, .menuVerA .nav>li>a:hover, .menuVerA .nav>li.active>a{background-color:transparent;color:#165827;background:url('images/sel.png') repeat-y top left;}
.menuVerA .nav-pills>li.active > ul {display:block;}

/* Accueil */
.reseauxSociauxAccueil{background-color:#7FB437;padding:20px;}
.titreBlanc{color:#fff;font-size:35px;}
#banniere{max-height:400px;overflow:hidden;}
.titreBanniere{font-family: 'Oswald', sans-serif;font-size: 25px;color: #ffffff;}
.nivo-caption{background:url('images/fdv.png') repeat;opacity:1;padding:20px;}

/* Page Détail */
.separateurPage{width:100%;height:5px;background-color:#D3D3D3;margin:10px 0;}

/* Listing Sous-pages */
.blocPageListing{width:100%;height:380px;float:left;margin:15px;max-width:300px;}
.blocPageListing .vignettePage{width:100%;height:200px;background-size:cover;background-position:center;position:relative;}
.blocPageListing .vignettePage .hover{display:none;position:absolute;top:0;left:0;width:100%;height: 200px;background:url('images/fdv.png') repeat;}
.blocPageListing .vignettePage:hover .hover{display:flex;}
.blocPageListing .blocTextePage{height: 180px;background:#F1F1F1;padding:10px;}
.blocPageListing .blocTextePage h3{font-family: 'Oswald', sans-serif;font-size: 20px;color: #333333;text-align:center;margin-top:0;}
.blocPageListing .blocTextePage .resume{font-family: 'Open Sans', sans-serif;font-size: 15px;color: #666666;}

.btnEnSavoirPlus{width:120px;height:30px;line-height:30px;text-align:center;background:#7FB437;font-family: 'Oswald', sans-serif;font-size: 14px;color: #ffffff;display:block;    margin: auto;margin-top: 20px;}

/* Listing Actus */
.blocActuListing{width:100%;max-width:300px;height:400px;float:left;margin:15px;}
.blocActuListing .vignetteActu{width:100%;height:200px;background-size:cover;background-position:center;position:relative;}
.blocActuListing .vignetteActu .hover{display:none;position:absolute;top:0;left:0;width:100%;height: 200px;background:url('images/fdv.png') repeat;}
.blocActuListing .vignetteActu:hover .hover{display:flex;}
.blocActuListing .blocTexteActu{height: 200px;background:#F1F1F1;padding:10px;}
.blocActuListing .blocTexteActu .dateActuListing{font-family: 'Open Sans', sans-serif;font-size: 15px;color: #666666;text-align:center;}
.blocActuListing .blocTexteActu h3{font-family: 'Oswald', sans-serif;font-size: 20px;color: #333333;text-align:center;margin-top:10px;}
.blocPagblocActuListingeListing .blocTexteActu .resume{font-family: 'Open Sans', sans-serif;font-size: 15px;color: #666666;}

/*------- Listing Produits --------*/
ul.listing.produit { list-style-type:none;overflow: hidden;margin-top: 20px;}
ul.listing.produit > li { overflow: hidden; margin-bottom:40px;width: 230px; float:left;text-align:center;}
ul.listing.produit > li img {margin:auto; }
ul.listing.produit > li div.texteProduit { clear:both;}
ul.listing.produit > li div.texteProduit h2 a{font-family: 'Oswald', sans-serif;font-size: 15px;color: #333333;}
ul.listing.produit > li p.resume { margin:4px 0;text-align: justify; margin-bottom: 10px;}
.btnEnSavoirPlusProduit{background-color:#B9CC9E;}

/* Détail Produit */
.titreProduit{color: #1C813B;}
.separateurVert{width:100%;height:5px;background-color:#7FB437;display:block;margin:15px 0;}
.formulaireProduit{float:left;width:100px;height:100px;background:#7BA345 url('images/i1.png') no-repeat center;margin:10px 15px;}
.fichePdfProduit{float:left;width:100px;height:100px;background:#6F8C47 url('images/i2.png') no-repeat center;margin:10px 15px;}
.videoProduit{float:left;width:100px;height:100px;background:#79AC34 url('images/i3.png') no-repeat center;margin:10px 15px;}
.partageProduit{float:left;width:100px;height:100px;background:#99C75A url('images/i4.png') no-repeat center;margin:10px 15px;}

.a2a_dd span{display:none;}

.listingVignette a{width:25%;height:100px;float:left;background-size:cover;background-position:center;}

/* Détail Actu */
.dateDetailActu{text-align: center;font-size: 15px;color: #666666;}

/*---Formulaire */
.formulaire {margin: 20px 0}
.collecteur_message.error {margin: 20px 0;}
.collecteur_message.error li { list-style-type:none;color: red;}
.formulaire fieldset{padding:5px;background:#DFEFAE;}
.formulaire legend, .formulaire .couleur>label:first-child{font-weight:bold;color:#3B9138;border:none;font-size:17px;}
.formulaire .obligatoire{font-weight:bold;}
.form-horizontal .control-label{font-weight:normal;text-align:left;}


/* Footer */
#footer{background-color:#F0F0F0;padding:50px 0;}
.adresseFooter{text-align:center;font-family: 'Oswald', sans-serif;font-size:15px;color: #666666;}
.adresseFooter span{font-family: 'Oswald', sans-serif;font-size: 19px;color: #7fb437;display:block;width:100%;text-align:center;}
.logoFooterAgricole{width:110px;height:80px;background:url('images/logo.png') no-repeat center;background-size:100%;margin:20px auto;}

.separateurFooter{width:100%;height:18px;margin:20px 0;background:url('images/barre2.png')repeat-x center;}
.menuHorB{background:transparent;border:none;margin:20px;}
.menuHorB .nav-pills{text-align:center;}
.menuHorB .nav-pills>li{float:none;display:inline-block}
.menuHorB .nav-pills>li>a{font-family: 'Oswald', sans-serif;font-size: 19px;color: #333333;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:transparent;color: #333333;}

.menuFruit{margin:0;}
.menuFruit .nav-pills>li>a{font-family: 'Oswald', sans-serif;font-size: 15px;color: #165827;}

#pied_ugocom{text-align: center;font-family: 'Oswald', sans-serif;font-size: 15px;color: #666666;}
#pied_ugocom a{font-family: 'Oswald', sans-serif;font-size: 15px;color: #666666;}

/* Header Mobile */
#headerMobile{height:115px;margin-top:20px;position:relative;}
.btnMenuMobile{float:left;width:50px;height:50px;background:url('images/menu.png') no-repeat center;background-size:100%;margin-left:10px;margin-top:25px;position:absolute;z-index:2000;}
.logoMobile{width: 100px;height: 90px;background: url(images/logo.png) no-repeat center;position: absolute;top: 0;left: calc(50% - 50px);background-size:100%;margin-bottom:20px;}
.telMobile{float:left;width:32px;height:32px;background:url('images/tel.png');background-size:100%;margin-right:10px;}

/* Moteur de Recherche Mobile */
.blocRechercheMobile{position: absolute;top: 115px;left: 0;width: 100%;background-color: #fff;z-index: 100;padding: 5px 0;transform-origin: top;animation-fill-mode: forwards;-webkit-transform: scaleY(0);opacity: 0;visibility: hidden;transition: all .2s cubic-bezier(.7,0,.3,1);-webkit-transition: all .2s cubic-bezier(.7,0,.3,1);}
.blocRechercheMobile.show{transform: scale(1); opacity: 1;visibility: visible;}
.blocRechercheMobile .formRecherche{float:none;margin:auto;}
.btnRechercheMobile{width:50px;height:50px;float:left;background:url('images/loupe.png') no-repeat center;cursor:pointer;margin-top:25px;position:absolute; left:57px;z-index:2000;}

/* MENU FULL SCREEN MODAL STYLES */

#menuModal{z-index:2000;max-width:100vw;padding: 0!important;}
.modal-backdrop{max-width:100vw;}
.fullscreen .logoMobile{position: inherit;display: block;margin:auto;margin-bottom:10px;left:inherit;}
.fullscreen .modal-dialog {margin:0; padding: 0;width: 100%; height: 100%; min-height: 100%;color: #333;}
.fullscreen .modal-content {height: 100%; min-height: 100%;border-radius: 0; color: #fff;background: rgba(255, 255, 255, 0.98);overflow:auto;padding: 0 10px;}
.fullscreen button.closeDetail{right:10px!important;top:10px!important;margin-top:0;margin-bottom:0;position:absolute;border:none;background:transparent;}
.fullscreen button.closeDetail span{color:#7FB437;font-size:25px;}
.fullscreen .modal-header { border:none; }
.fullscreen .modal-body ul {list-style: none;padding:0;}
.fullscreen .modal-body ul.menu li { padding:0.5em 0; }
.fullscreen .modal-body ul.menu a { display: block; color: #666666;}
.fullscreen .modal-body ul.menu a:hover, .fullscreen .modal-body ul.menu > li.hover.niv1 > a, .fullscreen .modal-body ul.menu > li.active.niv1 > a, .fullscreen .modal-body ul.menu > li > ul > li.active > a{ color:#fff; background-color: #7FB437; }
.fullscreen .modal-body ul.menu > li.niv1 > a {font-size:20px;padding:10px 0;cursor:pointer;}
.fullscreen .modal-body ul.menu > li > ul {display:none;}
.fullscreen .modal-body ul.menu > li.hover > ul {display:block;border: none;text-align:center;background-color: #7FB437;}
.fullscreen .modal-body ul.menu > li.hover > ul > li > a{padding-left:10px;padding-top:5px;padding-bottom:5px;color:#fff;}
.fullscreen .modal-body ul.menu li.menu-52{background:none;}

/*--- Mégas menus ---*/
 
.sousMenu li{list-style:none;}
.sousMenu{display:none;}
.sousMenu.hover{display:block;} 
.megamenu { margin:0;padding:1em; text-transform: none; font-size: inherit; background-color: #7FB437; box-shadow: inset 0 5px 5px rgba(0,0,0,0.3);margin-top:9px;position:absolute;top: 110px;z-index: 600;width:100%;padding-top:25px;}

.menuMegaGammes{background:url('images/ff.png') no-repeat top left;}
.menuMegaGammes a{font-family: 'Oswald', sans-serif;font-size: 18px;color: #ffffff;margin: 10px 0;display: block;}
.menuMegaGammes a:hover{text-decoration:none;color:#135628;}

/* Fix pour cacher le megaMenu de base (déplacé dans un élément à part en position absolute. Génération dans le pied de page )*/
.mega-dropdown-menu{display:none!important}



@media screen and (min-width:1460px){
    .container{width:1400px;}
}

@media screen and (max-width:650px){
    .blocPageListing, .blocActuListing{margin:15px 0;}
    .nivo-caption{display:none!important;}
}