@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'), local('OpenSans'), url(../font/open-sans.woff2) format('woff2')}
@font-face{font-family:'Oswald';src:url(../fonts/oswald.woff2) format('woff2')}
@font-face{font-family:'Neo Sans Std Regular';font-weight:normal;font-style:normal;src:url(../fonts/NeoSansStd-Regular.eot);src:url(../fonts/NeoSansStd-Regular.eot#iefix) format('embedded-opentype'),url(../fonts/NeoSansStd-Regular.woff2) format('woff2'),url(../fonts/NeoSansStd-Regular.woff) format('woff'),url(../fonts/NeoSansStd-Regular.ttf) format('truetype'),url(../fonts/NeoSansStd-Regular.svg) format('svg')}
@font-face{font-family:'NunitoSans-SemiBold';src:url(../fonts/NunitoSans-SemiBold.ttf)}
@font-face{font-family:'NunitoSans-Light';src:url(../fonts/NunitoSans-Light.ttf)}
@font-face{font-family:'NunitoSans-Bold';src:url(../fonts/NunitoSans-Bold.ttf)}
@font-face{font-family:'NunitoSans-Regular';src:url(../fonts/NunitoSans-Regular.ttf)}
body{margin:0px;font-family:'NunitoSans-Regular';font-size:14px;line-height:18px}
h1,h2,h3,br{clear:both;padding:0px;margin:0px}
a, input, select, textarea{font-family:'NunitoSans-Regular';color:#A4A4A4;}
input,textarea{width:100%;border:1px solid #A4A4A4;border-radius:5px;line-height:50px;margin-bottom:5px}
input,textarea{width:100%;border:1px solid #A4A4A4;border-radius:5px;line-height:50px;margin-bottom:5px}
textarea{height:200px;}
ul{padding:0px;margin:0px}
li{color:#95C82D}
/* Cachons la case à cocher */
[type="radio"]:not(:checked),
[type="radio"]:checked, 
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prépare le label */
[type="radio"]:not(:checked) + label,
[type="checkbox"]:not(:checked) + label,
[type="radio"]:checked + label,
[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}
[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top: 2px;width: 17px; height: 17px;border: 1px solid #aaa;background: #f8f8f8;border-radius: 3px;box-shadow: inset 0 1px 3px rgba(0,0,0,.3)}
[type="radio"]:not(:checked) + label:after,[type="checkbox"]:not(:checked) + label:after,[type="radio"]:checked + label:after, [type="checkbox"]:checked + label:after {content: '✔';position: absolute;top: 0px; left: 4px;font-size: 14px;color: #09ad7e;transition: all .2s;}
[type="radio"]:not(:checked) + label:after,[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="radio"]:checked + label:after, [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
.btn{width:200px;text-decoration:none;border-radius:5px;padding:10px;color:white;font-weight:bold;margin-top:10px}
.btn.delete{background-color:#ed2e2e;}
.btn.update,.btn.add{background-color:#1eb91e;}
.largeur{width:calc(100% - 223px);float:left;margin-left:223px;margin-top:120px;}
.suppression{background-image:url(../../img/delete.png);width:28px !important;height:28px;margin:2px;background-position:0px 0px}
.suppression.img{background-image:url(../../img/delete.png);width:28px !important;height:28px;position:absolute;z-index:1;margin:2px;background-position:0px 0px}
.step-delete.suppression{margin-top:2px;}
.ingredient-delete.suppression{margin-top:15px;}
.suppression:hover{background-position:0px 28px}


.bg-click{display:none;position:fixed;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,0.8);cursor:pointer}
.popin-container{position:absolute;width:30%;left:35%;display:none;z-index:100;top:100px}
.popin-container .error{display:none;color:red;font-weight:bold;padding:10px}
.popin-container .success{display:none;color:green;font-weight:bold;padding:10px}
.open-popin-login,.open-popin-lost-password,.open-popin-inscription{cursor:pointer}
.popin-li{background:url(../img/bg-city.png) no-repeat bottom;background-color:#882D8F;margin:auto;width:100%;padding-left:10px;padding-right:10px;border-radius:5px;color:white;box-sizing:border-box;padding-bottom:60px;text-align:center;display:none}
.popin-li a{color:white;text-decoration:none}
.popin-li p{font-family:standardFontLight;font-size:11px;margin-top:60px}
.popin-li .close-popin{position:absolute;left:35px;background-image:url(../img/close-popin.png);margin:auto;width:25px;height:25px;margin-top:30px}
.popin-li .popin-content{width:90%;margin:auto;max-width:1024px}
#validate-success{display:none;background:white;border-radius:5px;text-align:center;color:green;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
#validate-error{display:none;background:white;border-radius:5px;text-align:center;color:red;line-height:30px;padding-top:10px;padding-bottom:10px;margin-top:20px}
.popin-li input[type="text"],.popin-li input[type="email"],.popin-li input[type="password"],.popin-li select{background-color:transparent;color:white;height:50px;padding-left:10px;padding-right:10px;border:1px solid white;border-radius:5px;box-sizing:border-box;font-size:16px;width:100%;margin:auto;margin-bottom:20px}
.profil-content input[type="text"],.profil-content input[type="email"],.profil-content input[type="password"],.profil-content select{background-color:transparent;color:white;height:50px;padding-left:10px;padding-right:10px;border:1px solid white;border-radius:5px;box-sizing:border-box;font-size:16px;width:100%;margin:auto;margin-bottom:20px}
#popin-inscription input[type="text"],#popin-inscription input[type="email"],#popin-inscription input[type="password"],#popin-inscription select{float:right;width:46%;margin:5px;margin-left:2%;margin-right:2%;margin-bottom:20px}
.profil-content input[type="text"],.profil-content input[type="email"],.profil-content input[type="password"],.profil-content select{float:right;width:46%;margin:2%;margin-top:5px;margin-bottom:20px}
.popin-content select,.profil-content select{background:url(../img/select-tarjama.png) no-repeat center left 20px}
.popin-li .popin-btn{display:block;color:#842F86;background-color:#FAFAFA;cursor:pointer;width:100%;box-sizing:border-box;line-height:50px;font-size:15px;padding:0px;border-radius:3px;text-decoration:none;margin-top:10px}
.popin-li .popin-btn:hover{background-color:rgb(250,250,250,0.8);box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.popin-li .errorInput{border:2px solid red !important}
.popin-li h3{font-size:30px;color:white;text-align:center;margin:auto;margin-bottom:20px;max-width:80%}
.popin-li .ou{font-family:standardFontLight;text-align:center;overflow:hidden;margin-top:30px;margin-bottom:30px}
.popin-li .ou:before,.popin-li .ou:after{display:inline-block;content:'';width:25%;border-top:1px white solid;padding-bottom:2px}
.popin-li .ou:before{margin-left:10px;margin-right:0px}
.popin-li .ou:after{margin-right:10px;margin-left:0px}
.popin-fb{background:#3B5998 url(../img/btn-fb.png) no-repeat right 20px center;display:block;width:100%;min-width:150px;cursor:pointer;color:#FFFFFF;box-sizing:border-box;border-radius:5px;padding:15px 10px;font-weight:bold;font-size:14px;border:0;margin:auto}



#header{background:#27465c;height:60px;}
header{padding-top:5px;padding-bottom:10px;background:#f7f7f7;position:fixed;width: 100%;z-index:10000;top: 0px;}
header #logo{display:inline-block;background:url(../img/logo.png);width:83px;height:78px;margin-top:6px;margin-left:10px}
header #logout{float:right;margin-top:30px;margin-right:30px}
header #menu{float:left;margin-left:90px;margin-right:90px;width:30px;background:url(../img/menu.png) no-repeat center;padding-top:84px;padding-bottom:5px;color:#C4C4C4;font-size:14px;text-decoration:none;cursor:pointer}
header #menu:hover{background-image:url(../img/menu-hover.png);color:#27465c}
#sidebar {float:left;color:#C4C4C4;background:#f7f7f7;width:200px;position:fixed;margin-top:100px;height:100%}
#sidebar #menu-links{list-style:none;color:#C4C4C4;font-size:14px;text-decoration:none}
#sidebar #menu-links li{display:block}
#sidebar #menu-links li a{display:block;padding-top:60px;padding-left:10px;padding-right:10px;padding-bottom:5px;text-decoration:none;text-align:center}
#sidebar #menu-links li:hover a,header #menu-links li.active a{background:url(../img/types-hover.png) no-repeat bottom;background-size: 70% 4px;background-position-x: center; }
#sidebar #menu-links #menu-links-now{background:url(../img/menu-now.png) no-repeat center}
#sidebar #menu-links #menu-links-now:hover,header #menu-links #menu-links-now.active{background-image:url(../img/menu-now-hover.png)}
#sidebar #menu-links #menu-links-top-recipe{background:url(../img/top-recipe.png) no-repeat center}
#sidebar #menu-links #menu-links-top-recipe:hover,header #menu-links #menu-links-top-recipe.active{background-image:url(../img/top-recipe-hover.png)}
#sidebar #menu-links #menu-links-thematique{background:url(../img/menu-thematique.png) no-repeat center}
#sidebar #menu-links #menu-links-thematique:hover,header #menu-links #menu-links-thematique.active{background-image:url(../img/menu-thematique-hover.png)}
#sidebar #menu-links #menu-links-eat-well{background:url(../img/eat-well.png) no-repeat center}
#sidebar #menu-links #menu-links-eat-well:hover,header #menu-links #menu-links-eat-well.active{background-image:url(../img/eat-well-hover.png)}
#sidebar #menu-links #menu-links-profil{background:url(../img/profil.png) no-repeat center}
#sidebar #menu-links #menu-links-profil:hover,header #menu-links #menu-links-profil.active{background-image:url(../img/profil-hover.png)}

header .menu{margin:auto;margin-top:40px;max-width:900px;text-align:center;position:relative;list-style:none;padding:0px;font-size:18px}
header .menu .menu-hover{display:none;text-align:left;position:absolute;background:white;width:100%;padding:10px;padding-top:20px;left:0;border-radius:5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);margin-top:4px;box-sizing:border-box;z-index:1}
header .menu .menu-univers{padding-left:30px;padding-right:30px;display:inline-block;height:40px}
header .menu .menu-univers .menu-univers-link{display:inline-block;color:white;text-transform:uppercase;text-decoration:none;line-height:35px}
header .menu .menu-univers:hover .menu-hover{display:block;font-size:14px}
header .menu .menu-univers:hover .menu-univers-link{border-bottom:1px solid white}
header .menu .menu-hover .sub-categories{width:25%;float:left;padding-bottom:20px}
header .menu .menu-hover .sub-categories a{color:#2386E7;text-decoration:none}
header .menu .menu-hover .sub-categories ul{list-style:none}
header .menu .menu-hover .sub-categories ul li{display:block;font-size:13px}
header .menu .menu-hover .sub-categories ul li a{color:#9C9C9C;text-decoration:none}
#download{background:#27465c;color:white;height:65px;font-size:14px;font-weight:bold}
#download .largeur{max-width:90%}
#download .text{float:left;line-height:65px}
#download ul{float:right;list-style:none;margin-top:15px}
#download li{float:right;margin-left:10px}
#download #iphone{display:block;background:url(../img/app-store.png);width:100px;height:34px}
#download #android{display:block;background:url(../img/android.png);width:102px;height:35px}
#search{position:relative;background:url(../img/bg-search.png);background-size:cover;box-sizing:border-box;padding-top:30px;padding-bottom:30px}
#search:after{content:"";position:absolute;width:100%;bottom:-2px;z-index:1;box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.15)}
#search form{display:block;height:60px;margin:auto;background:white;border-radius:5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);max-width:95%}
#search #search-keyword{float:left;width:90%;height:60px;border:0px;background-color:transparent;box-sizing:border-box;padding-left:10px;padding-right:10px}
#search #search-submit{float:right;background:#27465c url(../img/search-submit.png) no-repeat center;text-decoration:none;width:50px;height:50px;color:white;border-radius:5px;margin:5px}
#search #search-submit-btn{display:none}
#breadcrumb{line-height:40px;color:#27465c;font-size:14px;padding-top:3px}
#breadcrumb a,#breadcrumb span{text-decoration:none;color:#C4C4C4}
#recipe-types ul{width:540px;min-height:45px;list-style:none;margin:auto;text-transform:uppercase;padding-top:30px}
#recipe-types ul li{display:inline-block;margin-left:10px;margin-right:10px}
#recipe-types ul li a{display:block;background:white;border-radius:5px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);text-decoration:none;color:black;line-height:45px;width:160px;text-align:center;box-sizing:border-box}
#recipe-types ul li a.disabled{background:#F7F7F7;cursor:default}
#recipe-types ul li a.enabled:hover,#recipe-types ul li a.enabled.active{font-weight:bold;background:white url(../img/types-hover.png) no-repeat bottom}
#recipe-types ul li a.disabled:hover,#recipe-types ul li a.disabled.active{font-weight:bold}
.recipes{display:none;padding-top:30px;padding-bottom:40px}
.recipes:first-child{display:block}
.recipes h3{display:inline-block;text-transform:uppercase;font-weight:bold;color:black;font-size:21px}
.recipes h3:after{content:" /"}
.recipes .results{display:inline-block;text-transform:uppercase;font-weight:normal;color:#27465c;font-size:21px}
.recipes .recipe{margin-top:20px}
.recipes .recipe .image{position:relative}
.recipes .recipe .image .share{position:absolute;top:0px;right:0px;color:white;font-size:10px;background:url(../img/share.png);width:42px;height:42px}
.recipes .recipe .image .like{position:absolute;top:0px;right:30px;color:white;font-size:10px;background:url(../img/like.png);width:45px;height:43px}
.recipes .recipe .category{position:absolute;bottom:10px;left:10px;color:white;line-height:18px;font-size:10px;background:#27465c;border-radius:8px;font-size:10px;text-decoration:none;text-transform:uppercase;padding-left:8px;padding-right:8px}
.recipes .recipe .image .nb_images{position:absolute;bottom:10px;right:10px;color:white;padding-right:25px;line-height:18px;font-size:10px;background:url(../img/nb_images.png) no-repeat;background-position:right}
.recipes .recipe .image img{display:block;width:100%;height:auto;border-radius:5px}
.recipes .recipe .title{display:block;color:black;text-decoration:none;font-weight:bold;font-size:17px;line-height:20px}
.recipes .recipe .interest{display:inline-block;background:#F7F7F7;color:#27465C;border-radius:5px;text-decoration:none;font-size:12px;padding-left:5px;padding-right:5px}
.recipes .more{display:block;border:1px solid #F3F3F3;color:#7E7E7E;text-decoration:none;border-radius:5px;margin-top:20px;text-align:center;line-height:45px;font-size:14px}
.recipes .loading{display:none;height:47px;background:url(../img/loading.gif) no-repeat center}

#recipe{margin:20px auto}
#recipe #category{font-size:16px;color:#27465c;text-decoration:none;text-transform:uppercase}
#recipe h1{line-height:30px;font-size:22px}
#recipe #author{display:inline-block;font-size:14px;color:#C4C4C4;text-decoration:none;border-top:1px solid #C4C4C4;padding-top:5px;padding-bottom:5px;margin-top:5px}
#recipe #image{position:relative;padding-top:20px;padding-bottom:15px;text-align:center;margin-top:20px}
#recipe #image #blurify{position:absolute;width:100%;height:100%;top:0px;filter:blur(4px)}
#recipe #image img{max-width:90%;max-height:340px;margin:auto;filter:blur(0px);box-shadow:0px 3px 3px 1px rgba(160,160,160,0.5)}
#recipe #note{height:24px;line-height:24px;border-bottom:1px solid #EEE;margin-top:20px;padding-bottom:15px;font-size:16px}
#recipe #note #note-infos{float:left;height:24px}
#recipe #note #note-infos #hearts{float:left;background:url(../img/heart-bad.png) repeat-x left;width:130px;height:24px}
#recipe #note #note-infos #hearts #hearts-note{background:url(../img/heart-good.png) repeat-x left;height:24px}
#recipe #note #note-infos #recipe-note{float:left;margin-left:10px}
#recipe #note #book{float:right;background:url(../img/book.png) no-repeat left;padding-left:37px;margin-right:20px}
#recipe #note #shares{float:right;background:url(../img/shares.png) no-repeat left;padding-left:33px}
#recipe .specificities{font-weight:bold;text-align:center;background:url(../img/vertical-dashed-line.png) no-repeat right;font-size:15px}
#recipe .specificities:last-child{background:none}
#recipe .specificities #toughness{background:url(../img/toughness.png) no-repeat top;width:100%;padding-top:50px}
#recipe .specificities #preparation_time{background:url(../img/pages/recipie/cutting-knife.svg) no-repeat top;width:100%;padding-top:50px}
#recipe .specificities #baking_time{background:url(../img/baking_time.png) no-repeat top;width:100%;padding-top:50px}
#recipe .specificities #likes{background:url(../img/likes.png) no-repeat top;width:100%;padding-top:50px}

#recipe #ingredients, #recipe #preparation, #recipe #nutrition{margin-top:20px}
#recipe #ingredients .heading{line-height:60px;border-bottom:1px solid #EEE}
#recipe #ingredients .heading .title{font-weight:bold;display:inline-block;font-size:22px}
#recipe #ingredients .heading .nb_people{display:inline-block;font-size:18px;margin-left:10px;background:#F7F7F7;border-radius:5px;line-height:40px;padding-left:10px;padding-right:10px}
#recipe #ingredients .heading .noter{float:right;font-size:16px;text-align:right;color:#27465c;background:url(../img/noter.png) no-repeat left;padding-left:30px}
#recipe #ingredients .ingredient{line-height:65px;border-bottom:1px dashed #EEE}
#recipe #ingredients .ingredient:last-child{border:0px}
#recipe #ingredients .ingredient .ingredient-id{font-size:15px;font-weight:bold;color:#27465c}
#recipe #ingredients .ingredient .ingredient-image{}
#recipe #ingredients .ingredient .ingredient-name{font-size:15px}
#recipe #ingredients .ingredient .ingredient-quantity{font-size:15px;color:#27465c;text-align:right}
#recipe #preparation .heading{font-weight:bold;font-size:14px;line-height:60px;border-bottom:1px solid #EEE}
#recipe #preparation .heading .title{display:inline-block;font-size:22px}
#recipe #preparation .time{float:right;text-align:right}
#recipe #preparation .time input{width:50px;}
#recipe #preparation .step-operation{margin-left:5px;margin-right:5px}
#recipe #preparation #step_preparation_time{display:inline-block;background:url(../img/step_preparation_time.png) no-repeat left;padding-left:39px}
#recipe #preparation #step_baking_time{display:inline-block;background:url(../img/step_baking_time.png) no-repeat left;padding-left:44px}
#recipe #preparation #step_total_time{display:inline-block;font-size:20px;color:#27465c}
#recipe #preparation .step{border-bottom:1px dashed #EEE;padding-top:15px;padding-bottom:15px}
#recipe #preparation .step:last-child{border:0px}
#recipe #preparation .step .step-title{font-size:15px;color:#27465c;font-weight:bold}
#recipe #preparation .step .text{padding-top:5px;font-size:15px}
#recipe #nutrition .heading{line-height:60px;border-bottom:1px solid #EEE;margin-bottom:10px}
#recipe #nutrition .heading .title{font-weight:bold;display:block;font-size:22px}
#recipe #nutrition .nutrition{float:left;width:49%;height:35px;border-bottom:1px dashed #EEE}
#recipe #nutrition .nutrition:nth-child(odd){float:right}
#recipe #nutrition .name{float:left;line-height:35px;font-size:15px}
#recipe #nutrition .quantity{float:right;line-height:35px;font-weight:bold;font-size:15px;color:black}
#reviews-recipe{background:#FAFAFA;padding-top:20px;padding-bottom:40px}
#reviews-recipe .review{border:1px solid #EAEAEA;border-radius:5px;margin-top:20px;padding-top:10px;padding-bottom:10px}
#reviews-recipe .review .image{}
#reviews-recipe .review .infos{}
#reviews-recipe .review .infos .nickname{color:black;font-size:16px;font-weight:bold}
#reviews-recipe .review .infos .date{color:#27465c;font-size:14px}
#reviews-recipe .review .infos .text{color:black;font-size:14px;margin-top:5px}
#reviews-recipe .review .infos .score{}
#reviews-recipe .review .infos .note-infos{margin-top:5px}
#reviews-recipe .review .infos .note-infos .hearts{float:left;background:url(../img/heart-bad-small.png) repeat-x left;width:65px;height:20px}
#reviews-recipe .review .infos .note-infos .hearts .hearts-note{background:url(../img/heart-good-small.png) repeat-x left;height:20px}
#reviews-recipe .review .infos .note-infos .recipe-note{float:left;margin-left:10px}
#reviews-recipe .title{font-size:20px;font-weight:bold;color:#27465c}
#reviews-recipe .more{display:block;border:1px solid #F3F3F3;color:#7E7E7E;text-decoration:none;border-radius:5px;margin-top:20px;text-align:center;line-height:45px;font-size:14px}
#reviews-recipe .loading{display:none;height:47px;background:url(../img/loading.gif) no-repeat center;margin-top:20px}
#ingredients-list{padding-bottom:40px}
#ingredients-list .starts_by{display:inline-block;font-size:20px;line-height:22px;text-transform:uppercase;margin-top:20px}
#ingredients-list .starts_by:after{content:" / "}
#ingredients-list h1,#ingredients-list h2{display:inline-block;font-size:20px;line-height:22px;text-transform:uppercase;font-weight:normal;color:#27465c;margin-top:20px}
#ingredients-list .ingredients-list{margin-top:20px}
#ingredients-list .ingredients-list .ingredient{text-decoration:none;line-height:22px;font-size:18px;color:#A4A4A4}
#ingredients-list .ingredients-list .ingredient:hover{color:#27465c;font-weight:bold}

#add-recipe{background:url(../img/bg-add-recipe.png);background-size:cover;height:220px}
#add-recipe .largeur{position:relative}
#add-recipe #illustration{position:absolute;background:url(../img/add-recipe.png);background-size:cover;width:627px;height:236px;top:-16px;margin-left:10px}
#add-recipe a{float:right;background:white;border-radius:5px;text-decoration:none;color:#27465C;font-weight:bold;font-size:22px;line-height:50px;width:260px;text-align:center;box-sizing:border-box;margin-top:85px;margin-right:10px}
#experience-links{padding-top:10px;padding-bottom:20px}
#experience-links .logo a{float:right;background:url(../img/logo-footer.png);width:111px;height:104px}
#experience-links strong{display:block;font-weight:bold;color:#27465C;text-transform:uppercase;font-size:16px;margin-top:20px;margin-bottom:10px}
#experience-links a{text-decoration:none;color:#C4C4C4;font-size:14px}
#experience-recipes ul{list-style:none}
#experience-recipes ul{list-style:none}
#experience-ingredients ul{list-style:none}
#themes-list{margin-top:20px;margin-bottom:40px}
#themes-list h1{font-size:20px;line-height:22px;text-transform:uppercase;color:black;margin-top:20px}
#themes-list h1:after{content:" /"}
#themes-list .theme{margin-top:20px;position:relative}
#themes-list .theme img{display:block;border-radius:8px;width:100%;height:auto;border-bottom:8px solid #27465c;box-sizing:border-box}
#themes-list .theme .link{position:absolute;line-height:50px;top:34%;width:70%;left:15%;border-radius:8px;background:black;color:white;text-align:center;text-decoration:none;font-size:18px;font-weight:bold}
#ingredient{padding-top:20px;padding-bottom:40px}
#interest{padding-top:20px;padding-bottom:40px}
#interest-list{margin-top:20px;margin-bottom:40px}
#interest-list h1{font-size:20px;line-height:22px;text-transform:uppercase;color:black;margin-top:20px}
#interest-list h1:after{content:" /"}
#interest-list .interest{margin-top:20px;position:relative}
#interest-list .interest img{display:block;width:100%;height:auto;box-sizing:border-box;border:1px solid #E3E3E3;border-radius:8px;box-shadow:0px 0px 3px 1px rgba(226,226,226,0.8)}
#interest-list .interest .link{position:absolute;line-height:40px;top:34%;width:76%;left:12%;border-radius:8px;background:#F7F7F7;color:black;text-align:center;text-decoration:none;font-size:18px;font-weight:bold}
.ingredients-index strong{display:block;font-weight:bold;color:#27465C;text-transform:uppercase;font-size:16px;margin-top:20px}
.ingredients-index ul{list-style:none;margin:auto;max-width:100%;text-align:center;margin-top:10px}
.ingredients-index ul li{display:inline-block;width:29px;line-height:29px;text-transform:uppercase;font-weight:bold;border:2px solid #F3F3F3;border-radius:50%;margin-top:2px}
.ingredients-index ul li a{display:block;color:#27465c}
#static{padding-top:20px;padding-bottom:40px;color:#C8C8C8;line-height:30px}
#static h1{color:black}
footer{padding-top:10px;padding-bottom:10px;color:#C4C4C4;font-size:12px;line-height:22px}
footer #heart{display:inline-block;background:url(../img/footer-heart.png) no-repeat bottom;width:16px;height:22px}
footer #social{float:right;list-style:none}
footer #social li{float:left;margin-left:2px}
footer #social li:last-child{margin-left:0px}
footer #facebook{display:block;background:url(../img/facebook.png);width:22px;height:22px}
footer #youtube{display:block;background:url(../img/youtube.png);width:22px;height:22px}
footer #instagram{display:block;background:url(../img/instagram.png);width:22px;height:22px}
footer #twitter{display:block;background:url(../img/twitter.png);width:22px;height:22px}
footer #google{display:block;background:url(../img/google.png);width:22px;height:22px}
.container:before,.container:after,.row:before,.row:after{display:table;content:" "}
.clearfix:after,.container:after,.row:after{clear:both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px;box-sizing:border-box}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
@media screen and (max-width:960px){.largeur{width:auto}
#header{height:30px}
#download{height:auto;padding-top:10px;padding-bottom:10px}
#download .text{float:none;line-height:20px;text-align:center}
#download ul{float:none;margin:auto;height:35px;width:222px;margin-top:10px}
#download li{margin-left:5px;margin-right:5px}
#add-recipe #illustration{width:186px}
#experience-links .logo{display:none}
.col-xg-1,.col-xg-2,.col-xg-3,.col-xg-4,.col-xg-5,.col-xg-6,.col-xg-7,.col-xg-8,.col-xg-9,.col-xg-10,.col-xg-11,.col-xg-12{float:left}
.col-xg-12{width:100%}
.col-xg-11{width:91.66666667%}
.col-xg-10{width:83.33333333%}
.col-xg-9{width:75%}
.col-xg-8{width:66.66666667%}
.col-xg-7{width:58.33333333%}
.col-xg-6{width:50%}
.col-xg-5{width:41.66666667%}
.col-xg-4{width:33.33333333%}
.col-xg-3{width:25%}
.col-xg-2{width:16.66666667%}
.col-xg-1{width:8.33333333%}
}
@media screen and (max-width:680px){header{padding-top:5px;padding-bottom:5px}
header #logo{margin-top:0px}
header #menu-links{display:none}
header #menu{margin-left:0px;padding-top:45px}
#search #search-keyword{width:85%}
#recipe #note{height:auto}
#recipe #note #note-infos{float:none}
#recipe #note #book{float:none;margin-right:0px;margin-top:10px}
#recipe #note #shares{float:none;margin-top:10px}

#recipe-types ul{width:160px;margin:auto}
#recipe-types ul li{margin:0px;margin-top:20px}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
}
@media screen and (max-width:480px){#header{height:10px}
#search #search-keyword{width:75%}
#add-recipe{height:auto;padding-top:30px;padding-bottom:30px}
#add-recipe #illustration{display:none}
#add-recipe a{display:block;float:none;margin:auto}
#recipe #nutrition .nutrition{float:none;width:auto}
#recipe #nutrition .nutrition:nth-child(odd){float:none}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
@media screen and (max-width:320px){#search #search-keyword{width:75%}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
}