@charset "utf-8";
@media screen and(-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'mielicon-2regular';
src:url('font-Mielicon/mielicon_v2-webfont.svg#mielicon-2regular') format('svg');
}
}

.clear{clear:both;border-width:0px;width:100%;height:0px;margin:0;padding:0}
a img{border:none}
a,a:visited,a:link,a:hover,a:active,a:focus{text-decoration:none;outline:none}
.fleche{margin:0 5px 0 0}
div{margin:0;padding:0}
form{margin:0}
sup{vertical-align:text-top;margin:0;padding:0;line-height:9px}
br.clear{clear:both;visibility:hidden;width:0;height:0;line-height:0}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:62.5%}
body{behavior:url('../csshover.htc');margin:0;width:100%;padding:0;overflow-y:visible;font-family:'Cabin',sans-serif;font-size:1.4em;color:#a09ba0;position:relative;font-size:1.4em;}

#page{height:100%;margin:0 auto;width:1120px; display:block; min-height:600px;}
#page #divLeft{float:left;width:604px;min-height:1125px; margin:0;}
#page #divLeft #logo_backHome{float:right}
#page #divLeft #contenu_interieur{clear:both;padding:10px 20px 0px 20px;min-height:400px;background-color:#fff}
#page #divLeft #contenu_interieur #lien_info{padding:0;margin:10px 0 0 0}
#page #divLeft #contenu_interieur #lien_info p{float:left;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#page #divLeft #contenu_interieur #lien_info p a:hover span{opacity:0.8;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#page #divLeft #contenu_interieur #lien_info p:last-child{margin:-15px 0 0 0}



#page #divRight{width:516px;min-height: 1225px;float:right;background-image:url(img/9_page.jpg);background-repeat:no-repeat;background-position:left top;height:100%;margin-left:604px;position:absolute;bottom:0px;overflow:hidden;}
#page #divRight #lienTop{position:relative;margin-left:80px;margin-top:35px}
#page #divRight #lienTop a{min-height:12px;margin-right:17px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;color:#fff}
#page #divRight #lienTop a:hover{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;color:#939393}

#page #divRight ul#nav{padding:180px 0 0 30px;min-height: 2000px;width :516px;box-sizing:border-box;overflow:hidden;}
#page #divRight ul#nav li.menuOn a{font-weight:bold}
#page #divRight ul#nav li:nth-child(1){margin-left:258px}
#page #divRight ul#nav li:nth-child(1).menuOn{background-image:url(img/curent-nature.png)}
#page #divRight ul#nav li:nth-child(1).menuOn a{color:#a2be6c}
#page #divRight ul#nav li:nth-child(2){margin-left:233px}
#page #divRight ul#nav li:nth-child(2).menuOn{background-image:url(img/curent-apiculteurs.png)}
#page #divRight ul#nav li:nth-child(2).menuOn a{color:#ff9c00}
#page #divRight ul#nav li:nth-child(3){margin-left:265px}
#page #divRight ul#nav li:nth-child(3).menuOn{background-image:url(img/curent-miel.png)}
#page #divRight ul#nav li:nth-child(3).menuOn a{color:#1d031f}
#page #divRight ul#nav li:nth-child(4){margin-left:250px;padding:10px 0 0 70px}
#page #divRight ul#nav li:nth-child(4).menuOn{background-image:url(img/curent-nature.png)}
#page #divRight ul#nav li:nth-child(4).menuOn a{color:#a2be6c}
#page #divRight ul#nav li:nth-child(5){margin-left:233px;padding:10px 0 0 70px}
#page #divRight ul#nav li:nth-child(5).menuOn{background-image:url(img/curent-apiculteurs.png)}
#page #divRight ul#nav li:nth-child(5).menuOn a{color:#f49a0c}
#page #divRight ul#nav li:nth-child(6){margin-left:265px;padding:10px 0 0 70px}
#page #divRight ul#nav li:nth-child(6).menuOn{background-image:url(img/curent-apiculteurs.png)}
#page #divRight ul#nav li:nth-child(6).menuOn a{color:#f49a0c}

#page #divRight ul#nav li{height:120px;padding:20px 0 0 70px;list-style-type:none;background-image:url(img/li-nav_page.png);background-repeat:no-repeat;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#page #divRight ul#nav li a{color:#939393;text-transform:uppercase}
#page #divRight ul#nav li:hover{opacity:0.7;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#page #divRight ul#nav li ul#sousMenu{padding:10px 0 0 15px}
#page #divRight ul#nav li ul#sousMenu li.sousMenu{background:none;height:auto;padding:0;margin:0; margin-left:-10px; display:block;list-style-type:none;color:#6d166b;width:150px}
#page #divRight ul#nav li ul#sousMenu li.sousMenu:before{content:"\00b7 \00a0";font-weight:bolder;float:left}
#page #divRight ul#nav li ul#sousMenu li.sousMenu a.sousMenuOn,#page #divRight ul#nav li ul#sousMenu li.sousMenu a.sousMenuOff{color:#6d166b;text-transform:none;padding:0;margin:0}
#page #divRight ul#nav li ul#sousMenu li.sousMenu a.sousMenuOn div,#page #divRight ul#nav li ul#sousMenu li.sousMenu a.sousMenuOff div{padding:0;margin:0}
#page #divRight ul#nav li ul#sousMenu li.sousMenu a.sousMenuOn{font-weight:bold}
#page #divRight ul#nav li ul#sousMenu li.sousMenu a.sousMenuOff{font-weight:normal}

#page #divRight #supFooter{/* float: right; */text-align:right;/* margin:5px 0 0 150px; */position:absolute;bottom:30px;right: 199px;}
#page #divRight #supFooter a{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#page #divRight #supFooter a:hover{opacity:0.7;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#page #divRight #linkTop{float:right;height:50px;background-image:url(img/backTop.png);background-repeat:no-repeat;padding:10px 0 0 50px; position:absolute; bottom:80px; right:80px;}
#page #divRight #linkTop a.backTop{color:#939393;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#page #divRight #linkTop a.backTop:hover{color:#6d166b;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}

#header{height:30%;margin:0 auto}
#header #imgLoading{background-color:#fff;background-image:url(img/logo.jpg);background-position:center 150%;background-repeat:no-repeat;text-align:center;margin:0 auto;height:100%}
#header #imgLoading img{max-height:100%;height:auto;box-sizing:border-box;width:auto}

#footer{float:right; display:block; width:100%;height:30px;background-color:#e5e5e5;padding:5px 0 10px 0; position:absolute; min-width:1120px;}
#footer ul#fonctionnelle{width:1080px;margin:0 auto;text-align:right}
#footer ul#fonctionnelle li{list-style-type:none;display:inline;margin-right:18px;padding-left:20px}
#footer ul#fonctionnelle li a{color:#363636}
#footer ul#fonctionnelle li a:hover{color:#6d166b;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#footer ul#fonctionnelle li a:hover,#footer ul#fonctionnelle li a:active,#footer ul#fonctionnelle li a:focus{text-decoration:none;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#footer ul#fonctionnelle li:last-child{margin-right:200px}
#footer ul#fonctionnelle .fleche{margin:0 5px 0 0}


/*styles modules*/
#recherche{float:left;margin-left:670px;border:none;background-color:#000;width:170px}
#recherche #search_form{margin:0;padding:0}
#recherche #search_mot_cle{width:125px;height:17px;padding:3px 5px 3px 10px;border:0;color:#fff;font-weight:bold;font-size:12px;background-color:#000}
#recherche form input[type=image]{width:30px;height:23px;background-color:#fff;border:0;font-family:'Cabin',sans-serif;font-size:11px;font-weight:bold;color:#666}

#contact{padding:25px 0;margin:0}
#contact p.messages{color:#333;margin:0 0 15px 0;font-size:14px;margin-left:160px}
#contact p.ok{color:#6d166b}
#contact p.ko{color:#6d166b}
#contact p.required_fields{text-align:left;padding:0 0px 0 150px;margin:10px 0 0 0;color:#6d166b}
#form_contact{margin:0;color:#999}
#form_contact label{display:block;float:left;width:120px;text-align:right;padding-right:10px;line-height:22px;margin-right:5px;color:#ff9c00;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-weight:bold}
#form_contact input[type=submit]:hover{cursor:pointer}
#form_contact label span.required{color:#6d166b}
#form_contact input.textfield{width:400px;height:18px;border:1px solid #cccccc;margin-bottom:2px;color:#666;padding:1px 2px}
#form_contact textarea{width:400px;height:190px;border:1px solid #cccccc;margin-bottom:2px;color:#666;padding:1px 2px}
#form_contact input[type=submit]{float:left;margin:8px 0px 0 332px;padding:3px 10px 3px 10px;background-color:#6d166b;color:#fff;border:0;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:12px}

div#plan_site{margin:20px 0}
ul.sitemap{list-style-type:square;color:#6d166b;text-transform:uppercase}
ul.sitemap li ul{list-style-type:disc;margin:0}
ul.sitemap li{line-height:25px}
ul.sitemap ul.niveau_1 li{color:#6d166b}
ul.sitemap ul.niveau_2 li{color:#ff9c00;text-transform:none}
ul.sitemap ul.niveau_3 li{color:#999}
ul.sitemap ul.niveau_4 li{color:#ccc}
ul.sitemap li a.rubrique{font-weight:bold}
ul.sitemap li a{font-size:14px;color:#6d166b;text-decoration:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
ul.sitemap li a:hover{color:#939393;text-decoration:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}

#gamme{padding:20px 0 0 0}
#gamme ul, 
#recettes{width:604px;margin:0 auto;padding:20px 0 15px 0}
#gamme ul li.prod{width:150px;height:160px; padding:5px; float:left;list-style-type:none;display:block;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
#gamme ul li.prod:hover{opacity:0.8;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
#gamme #shop,
#recettes #shop{width:584px;height:42px;background-color:#1d031f;display:block;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin:20px 0 0 0}
#gamme #shop span,
#recettes #shop span{float:left;margin:5px 10px 0 10px}
#gamme #shop p,
#recettes #shop p{text-transform:uppercase;margin:0;padding:5px 0 0 0}
#gamme #shop p:last-child,
#recettes #shop p:last-child{text-transform:none;margin:0;padding:0}
#gamme #shop:hover, 
#recettes #shop:hover{width:584px;display:block;opacity:0.8;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#gamme #visite_gamme,
#recettes #visite_gamme{padding:20px 0 20px 0}
#gamme #visite_gamme a.gam,
#recettes #visite_gamme a.gam{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;width:190px;height:135px;display:block;float:left;margin:0 5px 0 0;background-origin:center center;background-repeat:no-repeat;background-size:95%}
#gamme #visite_gamme a.gam:hover,
#recettes #visite_gamme a.gam:hover{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
#gamme #visite_gamme a.gam:hover img,
#recettes #visite_gamme a.gam:hover img{transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;opacity:0}
#gamme #visite_gamme a.gam img,
#recettes #visite_gamme a.gam img{min-height:100%;height:100%;width:auto;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}

#gamme #visite_gamme a.gal{transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;width:190px;height:135px;display:block;float:left;margin:0 5px 0 0}
#gamme #visite_gamme a.gal:hover{opacity:0.8;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#gamme #visite_gamme a.gal img{min-height:100%;height:100%;width:auto}
#gamme #lien_info{padding:0;margin:10px 0 0 0}
#gamme #lien_info p{float:left;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}#gamme #lien_info p a:hover span{opacity:0.8;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#gamme #lien_info p:last-child{margin:-15px 0 0 0}

#galerie{margin:40px 0 0 0;padding:0}
#galerie ul{padding:0;margin:0}
#galerie ul li.photo{list-style-type:none;float:left;margin:2px 5px 0 0;opacity:1;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
#galerie ul li.photo:hover{opacity:0.8;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
#galerie #lien_info{padding:0;margin:40px 0 0 0}
#galerie #lien_info p{float:left;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#galerie #lien_info p a:hover span{opacity:0.8;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#galerie #lien_info p:last-child{margin:-15px 0 0 0}

#detailProd #contenu{background-position:360px top;background-repeat:no-repeat;min-height:200px; max-width:490px;}
#detailProd #shop,
#detailProd #toRecette{height:42px;background-color:#1d031f;display:block;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin:40px 0 0 0;width:100%}
#detailProd #shop span{float:left;margin:5px 10px 0 10px}
#detailProd #shop p{text-transform:uppercase;margin:0;padding:5px 0 0 0}
#detailProd #shop p:last-child{text-transform:none;margin:0;padding:0}
#detailProd #shop:hover{display:block;opacity:0.8;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}

h1.error404{margin:0 0 25px 0;color:#6d166b}
p.error404{display:block;background-color:#eee;color:#000;font-weight:bold;text-align:center;margin-bottom:25px;padding:15px}


#liste_documents{
    margin:40px 0 0;
}
.document{
    margin: 0 0 30px;
}
.document > div{
    display:inline-block;
    vertical-align:middle;
}
.document .photo{
    margin: 0 15px 0 0;
    width:90px;
}
#detailDocument{
    padding:20px;
}
#detailDocument .photo{
    margin: 0 15px 20px 0;
    width:90px;
}
.document .content{
   width:390px;
}
.document h3,
#detailDocument  h3{
    color:#000;
    margin:0;
    font-size:1.4em
}
.document .chapo,
#detailDocument  .chapo{
    color:#f49a0c;
    font-weight:600;
}
.document .texte,
#detailDocument .texte{
    margin:10px 0 0;
    font-style:italic;
}
.document .more {
    color:#f49a0c;
    font-weight:600;
    text-align:right;
}
.document .more a{
    color:#ccc;
    font-weight:300;
    text-align:right;
}

#dossierPresse{
    border-top: 2px solid #6d166b;
    padding: 10px 0;
}
#dossierPresse a:before{
    content: url(../images/icone_link.png);
    margin: 0 5px 0 0;
    display:inline-block;
}
#dossierPresse a{
    color: #6d166b;
}
#dossierPresse a:hover,
.document .more a:hover,
#recettes .recetteDetails a:hover, #recettes .recetteFichier a:hover{
    text-decoration:underline;
}

#recettes li {
    display:inline-block;
    width:250px;
    margin:0 20px 30px 0;
    vertical-align:top;
}
/* #recettes li > a{
    height:190px;
    display:block;
} */
#recettes h2 {
    margin:25px 0 20px 0;
}
#recettes h4 {
    margin:15px 0 5px 0;
}
 #recettes .recetteFichier a{
    font-weight:700;
    margin:0 0 9px 0;
    display:block;
}
#recettes .recetteDetails a, #recettes .recetteFichier a{
    color: #525252;
}
#recettes .recetteDetails a{
    font-style:italic;
}
#recettes .recetteDetails p{
    margin:0;
}
#recettes .prod img{
    background-color:#ccc;
    height:auto;
    max-width: 250px;
}
/*
@viewport {
 max-width: device-width;
 orientation:landscape;
} */