/* Import font miryad pro font-face@ */
@import url("font.css");

/************** RESET ***************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embGd,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html {font-size: 100%;height: 100%;width: 100%;}
body {font-size: 0.625em; margin: 0; padding: 0; font-family: 'RobotoCondensed-Regular';-webkit-font-smoothing: antialiased;}
strong {font-weight: bold;}
ul, ol , li {list-style-type: none;}
a, a:hover, a:focus {text-decoration: none; outline: 0 none;}
img { border: 0 none; max-width: 100%;vertical-align: middle;}

.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}

/**********************************  CONTENT **************************************/
/*effet transition elements + responsive */

* {
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.academie {margin: 0; padding: 0;}
.academie .center {text-align: center; padding: 0; margin: 0; overflow: hidden;}
.academie #main {width: 900px; margin: 0 auto; overflow: hidden; padding-bottom: 50px;}
.academie .container {width: 900px; margin: 0 auto; padding: 0;}
.academie .header-academie {display: block; overflow: hidden; padding: 0; margin: 0; text-align: center;}
.academie .header-academie .logo-academie {display: inline-block; padding: 0; margin: 0; background: #fff;}
.academie .header-academie .intro-academie {font-family: 'RobotoCondensed-Regular' !important; color: #333; font-size: 2.2em; text-decoration: none; text-transform: uppercase; line-height: 1.3; padding: .1em; margin: 1em 0; display: block; overflow: hidden;}
.academie .offre {display: block; background: url('../img/academie-gout/fond-offre-decouverte.jpg') no-repeat; min-height: 501px; overflow: hidden;}
.academie .offre .intro-offre-academie {display: block; text-align: center; font-family: 'RobotoCondensed-Regular' !important; color: #333; font-size: 2.2em; line-height: 1.3; padding: 2em 0 1em 0;}
.academie .offre .visu-offre-decouverte {margin: 0; padding: 0; /* display: inline-block; */text-align: center; padding: .1em;}
.academie .offre .visu-offre-decouverte img {-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2); }
.academie .offre ul {margin-bottom: 3em; padding: .5em 0; overflow: hidden; display: block; text-align: center;}
.academie .offre ul li:first-child {margin-left: 0;} 
.academie .offre ul li {opacity: .8; filter: alpha(opacity=80); display: inline-block; width: 194px; height: 151px; padding-top: 70px; margin: 0; font-size: 1.6em; font-family: 'RobotoCondensed-Bold'; vertical-align: middle; margin-left: 30px;-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2);}
/* .academie .offre ul li:hover,
.academie .offre ul li:focus {opacity: 1; filter: alpha(opacity=100);} */
.academie .offre ul li.recette {background: #fff url('../img/academie-gout/ico-recettes.png') 50% 10% no-repeat;}
.academie .offre ul li.astuces {background: #fff  url('../img/academie-gout/ico-astuces.png') 50% 10% no-repeat;}
.academie .offre ul li.adresses {background: #fff  url('../img/academie-gout/ico-adresse.png') 50% 10% no-repeat;}
.academie .offre ul li.reseau {background: #fff  url('../img/academie-gout/ico-reseau.png') 50% 10% no-repeat;}
.academie .offre ul li span {color: #000; opacity: 1; filter: alpha(opacity=100);}
.academie .selection-recettes {background: #fff; text-align: center; margin: 0; padding: 3.5em 0 1.5em 0;}
.academie .selection-recettes .title { margin-bottom: 1em; padding: 0;}
.academie .selection-recettes select {outline: none; width: 438px; height: 38px; border: 1px solid #ccc; color: #666; font-family: 'RobotoCondensed-Bold' !important; font-size: 2em; text-align: center;}
.academie .selection-recettes label {position: relative;}
.academie .selection-recettes label:before {content: ''; right: 0; top: 0; width: 44px; height:38px; background: url('../img/academie-gout/fleche-selection.gif') no-repeat; position: absolute; pointer-events: none; display: block;}
.academie .selection-recettes .nav li a {padding: 0;}
/* .academie .selection-recettes label:after {background: url('../img/academie-gout/fleche-selection.gif') no-repeat; content:''; color: transparent; right: 1px; top: 0; padding: 0 0 4px; position:absolute; pointer-events:none;} */

.academie .mosaik-recette {background: #fff; padding: 0; margin-bottom: 4em; overflow: hidden; text-align: center; height: 520px; overflow: auto; overflow-x: hidden; width: 100%}
.academie .mosaik-recette::-webkit-scrollbar{width:12px; background-color:#fff; border: 0; box-sizing: border-box;;} 
.academie .mosaik-recette::-webkit-scrollbar-thumb{background-color:#d0d0d0; border-radius:0px; border:0;}/* -webkit-box-shadow:0 0 4px gray inset; */
.academie .mosaik-recette::-webkit-scrollbar-thumb:hover{background-color:#635958; border:0;}
.academie .mosaik-recette::-webkit-scrollbar-thumb:active{background-color:#635958; border:0;} 
.academie .mosaik-recette::-webkit-scrollbar-track{border:0; border-radius:0px;} 
.academie .mosaik-recette ul {overflow: hidden; margin: 0; padding: 0;}
.academie .mosaik-recette ul li {float: left; width: 220px; height: 272px; overflow: hidden; margin: 0; padding: 0; cursor: pointer;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.academie .mosaik-recette ul li img {padding: 1px; margin: 0; border: 1px solid transparent;-webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; width: 212px; height: 158px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.academie .mosaik-recette ul li a:hover img,
.academie .mosaik-recette ul li a:focus img,
.academie .mosaik-recette ul li a.active img {border: 1px solid #bca351; opacity: .55;}
.academie .mosaik-recette ul li a {outline: 0 none; display: block; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.academie .mosaik-recette ul li a p {text-align: left; font-family: 'RobotoCondensed-Bold' !important; font-size: 2em; padding: .5em; color: #333; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;-ms-transition: all .3s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.academie .mosaik-recette ul li a:hover p,
.academie .mosaik-recette ul li a:focus p,
.academie .mosaik-recette ul li a.active p {outline: 0 none; color: #bca351;}

.academie .content-details-recette {margin: 0; padding: 0; }
.academie .content-details-recette .mea-recette {padding: 0; margin: 0; overflow: hidden;}
.academie .content-details-recette .mea-recette img {float: left; display: block; margin: 0 1.5em 0 1em; width: 515px; height: 379px;}
.academie .content-details-recette .mea-recette .large-visu {float: left;}
.academie .content-details-recette .mea-recette .large-visu em {clear: both; display: block; font-size: 1em; color: #000; padding: 0; margin: 0 0 0 1em;}
.academie .content-details-recette .mea-recette .title {font-family: 'RobotoCondensed-Bold' !important; font-size: 2.1em; color: #333; line-height: 1.2; padding: 0; margin: 0 0 1.5em 0; text-transform: uppercase;}
.academie .content-details-recette .mea-recette .conseils {color: #999; text-transform: uppercase; font-family: 'RobotoCondensed-Regular' !important; font-size: 1.7em; display: block; padding: 0; margin-bottom: 1em;}
.academie .content-details-recette .mea-recette .conseils span {color: #333;}
.academie .content-details-recette .mea-recette  p {padding-right: 1em; font-family: 'RobotoCondensed-Regular' !important; line-height: 1.2; color: #999; font-size: 1.6em;}

.academie .content-recette {padding: 0; margin: 2em 0; overflow: hidden; }
.academie .content-recette h4 { font-family: 'RobotoCondensed-Regular'; line-height: 1.2; color: #999; font-size: 1.8em; text-transform: uppercase; padding: 0; margin-bottom: 1em;}  
.academie .content-recette h4 span {text-transform: lowercase;}
.academie .content-recette .left {float: left; width: 223px; padding : 0 10px;}
.academie .content-recette .left ul {padding: 0; margin: 0;}
.academie .content-recette .left ul li {display: block; color: #bca351; font-family: 'RobotoCondensed-Regular' !important; font-size: 1.6em; padding: 0; margin: 0; line-height: 1.7;}
.academie .content-recette .right {float: left; width: 585px; border-left: 1px solid #ccc; padding: 0 30px}
.academie .content-recette .right ul {padding: 0; margin: 0;}
.academie .content-recette .right ul li {display: block; margin-bottom: 1em; padding: 0; overflow: hidden;}
.academie .content-recette .right ul li  img {float: left; padding: 0; margin: 0 1em 0 0; width: 171px; height: 121px;}
.academie .content-recette .right ul li  p {color: #333; font-family: 'RobotoCondensed-Regular' !important; font-size: 1.6em; line-height: 1.2; padding-left: 12em; margin-bottom: 1em;}

.academie #footer .container {width: 1200px; margin: 0 auto;}

#totop, #totop:hover, #totop:focus {
    background: #BCA351;
    border: 0 none;
    bottom: 25px;
    color: #666;
    display: block;
    height: 45px;
    padding-top: 15px;
    position: fixed;
    right: 15px;
    text-align: center;
   /*  text-indent: -999em; */
    width: 45px;
    z-index: 100000;
	cursor: pointer;
	border: 1px solid #eee;
}
/************************* RESPONSIVE ************************/

.ePeyQr.ePeyQr.ePeyQr .button-burger {
    display: none;
}

@media (max-width:1024px) {
    .container {
        width: 100%;
    }
 
}



@media (max-width:980px) {
    .content {
        width: 100%;
    }
    .header-content {
        display: block;
        text-align: center;
    }
    .date {
        text-align: center;
        bottom: 0;
    }
    article {
        float: none;
        display: block;
    }
    article p {
        text-align: justify;
    }
}

@media (max-width:768px) {
	.academie .container {
		width: 100%;
	}
	.academie .offre ul li {
		display: block;
	}
	.academie .offre ul li {
		margin-left: 0;
		margin-bottom: 1.5em;
		width: 100%;
		opacity: 1;
	}
	.academie .mosaik-recette ul {
		text-align: center;
	}
	.academie .mosaik-recette ul li {
		float: none;
		display: inline-block;
	}
}

@media (max-width:480px) {
	.academie .selection-recettes select {
		width: 100%;
	}
	.large-visu {
		float: none;
		display: block;
	}
	.academie .content-recette .left,
	.academie .content-recette .right  {
		width: 100%;
		padding: 0 .5em;
	}
	.academie .content-details-recette .mea-recette .conseils span {
		display: block;
	}
	.header-academie {
		margin-top: 2em !important;
	}
	.academie .content-details-recette .mea-recette img {
		margin: 0;
		float: none;
		margin: 0;
		width: auto;
		height: auto;
	}
	.academie .content-details-recette .mea-recette .large-visu {
		float: none;
		display: block;
	}
   }
    
@media (max-width:375px) {

	}
	
@media (max-width:320px) {
       
    }