body {background-color: white; font-size: 1em;}
#wrapper {max-width: 1080px; margin: 0 auto; padding-top: 50px}
#content {width: 82.87037037037037%; float: right;}

a {text-decoration: none; color: #34AC98;}
.clear {clear: both;}

.lateral {width: 14.81481481481481%; float: left;}
.lateral h1 {display: block; width: 120px; height: 120px; text-indent: -999em;
background: url(../img/food-sense.png) no-repeat 0 0;
transition: all .3s ease}

.lateral nav li {display: block; margin-bottom: 18px; line-height: 1.3em;}
.lateral nav li a {background-position: 0 65%; ; text-decoration: none;background-repeat: no-repeat}
.lateral nav {top: 158px; left: 0; width: 160px;}
.lateral nav a {display: block; height: 28px; padding: 4px 0 0 44px; font-style: italic;}

.ta a {background-image: url(../img/nav-tastemakers.png)}
.bl a {background-image: url(../img/nav-blog.png)}
.th a {background-image: url(../img/nav-alist.png)}
.co a {background-image: url(../img/nav-contribute.png)}
.ab a {background-image: url(../img/nav-about.png)}

.social {top: 452px; left: 0; width: 160px;}
.social h2 {margin: 0 0 9px; padding-bottom: 5px; text-transform: uppercase; font-size: .75em; border-bottom: 1px dashed #E5E5E5;}
.social p {margin-bottom: 15px; line-height: 1.75em; font-size: .6825em; font-style: italic;
overflow: hidden;}

aside .twitter a.button{background-image: url(../img/icon-twitter-16.png)}
aside .facebook a.button {background-image: url(../img/icon-facebook-16.png)}
a.button {width: 110px; height: 24px; padding: 4px 0 0 28px; background: no-repeat 6px 6px;}
.button {display: block; padding: 10px 20px; background: #FFF; border-radius: 5px; border: 1px solid #E5E5E5;}

.feature {padding-bottom: 20px}
.feature img {max-width: 100%;}
#per-slide-template a {width: 25%; color: #60BEAE; line-height: 1.1em; background-color: #EFF8F7; display: inline-block;padding: 20px 10px; box-sizing:border-box;}
#per-slide-template h3 {font-size: 1.125em;}
#per-slide-template p {font-size: .75em; font-style: italic;}
#per-slide-template a:hover {color: #EC6635;background-color: #D9EFEC}
.cycle-overlay {position: absolute; z-index: 200; bottom: 100px; transition: opacity .2s ease;}
.cycle-overlay:hover{opacity: .8}

.cycle-overlay h4 {top: 285px; width: auto; padding: 10px 24px 15px 10px; color: #222; background: #FFF;
font-size: 1.5em;}
.cycle-overlay h5 {top: 334px; padding: 8px 24px 12px 10px; color: #E9E9E9; font-weight: normal;
font-size: 1em; background: #111;}


.newsletter {overflow: hidden; clear: both; width: 100%; min-height: 48px; margin-bottom: 29px;
line-height: 1em; border-top: 1px dashed #E5E5E5; border-bottom: 1px dashed #E5E5E5; background: url(../img/icon-mailinglist-32.png) no-repeat 18px 7px;}
.newsletter p {float: left; width: 49%; padding: 7px 24px 0 66px; font-size: .75em; font-style: italic;}
.newsletter form {float: right;display: inline-block; padding-top: 7px}

.articleContent article {width: 206px;float: left;margin: 0 23px 25px 0;}
.articleContent article img {width: 185px; padding: 9px; background: #FFF; border: 1px solid #E5E5E5; box-shadow: 1px 1px 3px #F5F5F5;
transition: opacity .2s ease;}
.articleContent article img:hover {opacity: 0.8}
.articleContent article h1 {margin: 10px 0 10px; line-height: 1.3em; color: #60BEAE;}
.articleContent article p {font-size: .875em; line-height: 1.45em;}
.articleContent article time {color: #AAA;}
.data a {color: #60BEAE; text-decoration: none; margin-top: 10px;}
.data {margin-top: 10px;}
.articleContent article:nth-child(n+4){margin-right:0};
.articleContent article h1:hover {color: #EC6635;}

footer {clear: both; position: relative; min-height: 70px; padding-top: 20px; border-top: 2px solid #E5E5E5;
color: #AAA;}
footer div {line-height: 1.5em; font-size: .75em;}
footer .blabla {float: left}
footer .logo {position: absolute; top: 20px; right: 0;}
footer .logo li {float: left; display: inline; margin-left: 5px;}
footer .logo li a {display: block; width: 32px; height: 32px; text-indent: -999em; opacity: .4;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
transition: opacity .3s ease;}
footer .tw a {background-image: url(../img/icon-twitter.png); no-repeat 50% 1px;}
footer .fa a {background-image: url(../img/icon-facebook.png); no-repeat 50% 1px;}
footer .rs a {background-image: url(../img/icon-rss.png); no-repeat 50% 1px;}

/*PAGE*/
.superCell {float: right; width: 85%}
header time {color: #AAA;}
header h1 {line-height: 1.25em; font-size: 2.25em; width: 100%;padding: 10px 0 5px; }
header {border-bottom: 2px solid #E5E5E5;}
.blogPost {width: 69%; float: left; margin-top: 15px}
.blogPost p {line-height: 1.5em;}
.blogPost img {float: right; width: 252px; padding: 9px; background: #FFF; border: 1px solid #E5E5E5; box-shadow: 1px 1px 3px #F5F5F5;
transition: opacity .2s ease; margin: 0 0 10px 20px;}
.blogPost footer li {display: inline-block; width: 33%}
.blogPost footer { border-top: none; border-bottom: 2px dashed #E5E5E5;}

.links {padding: 20px 0 20px 0 }
.links a {margin-bottom: 20px; line-height: 1.5em;border-bottom: 1px dashed #E5E5E5;}
.links a:hover {color: #EC6635}

.column {margin-top: 15px; width: 28%; float: right;}
.column h3 {clear: left; margin-bottom: 9px; padding-bottom: 5px; line-height: 1.3em; border-bottom: 1px dashed #E5E5E5;
font-style: italic;}
.column a {font-size: .875em; line-height: 1.45em; color: #34AC98;border-bottom: 1px dashed #E5E5E5}
.column a:hover {color: #EC6635}

form {padding: 20px 0}
#s {width: 150px}

.julie {border-right: 2px solid #E5E5E5; height: 23px;
margin: 0 0 10px 0;
padding: 27px 5% 0 0;
background: url(../img/icon-blog-author.png) no-repeat left -40px;}
.leave {border-right: 2px solid #E5E5E5; height: 23px;
margin: 0 5% 10px 5%;
padding: 27px 5% 0 0;
background: url(../img/icon-blog-comments.png) no-repeat left -40px;}
.cook {height: 23px;
padding: 27px 0 0;
background: url(../img/icon-blog-tag.png) no-repeat left -40px;}

small {font-size: 0.75em}

/*TASTEMAKERS*/
.top {border-bottom: 2px solid #E5E5E5;; padding-bottom: 20px}
.recettes h1 {margin-bottom: 0; padding: 10px 0 14px 58px; line-height: 1.25em;
font-size: 2.25em; color: #111; background: url(../img/page-tastemakers.png) no-repeat 0 -99px;}
.recettes p {line-height: 1.6em; font-style: italic}

.recettesContent {float: left; position: relative; margin-top: 25px; margin-left: 16px; width:205px; height: 430px; padding: 10px; box-sizing: border-box; border: 1px solid #E5E5E5;box-shadow: 1px 1px 3px #F5F5F5; }
.recettesContent img {width:184px}
.recettesContent p {font-size: .75em; border-top: 1px dotted #E5E5E5;; padding-top: 10px;}
.recettesContent h2 {padding: 10px 0 10px 0}
.recettesContent footer {border-top: none; padding: 60px 0 0 10px}
.recettesContent:nth-child(n+4){margin-right:0};

.becky {position: absolute; bottom: 5px; left: 30px; font-size: 0.75em; 
background: url(../img/icon-author-girl.png) no-repeat 10px bottom;}

/*SINGLE RECETTE*/

.utilisateur {display: inline-block; margin-bottom: 15px; padding: 2px 10px 6px 30px; line-height: 1.5em;
font-weight: normal; font-style: italic; font-size: .875em; color: #555; border: 1px dashed #D3EDE9;background: #EFF8F7 url(../img/icon-author-girl.png) no-repeat 6px -42px;
}
.single img {max-width: 100%; height: auto; float: left; width: 322px; padding: 9px; border: 1px solid #E5E5E5; margin: 0 15px 15px 0 ;
-webkit-box-shadow: 1px 2px 3px #F5F5F5; -moz-box-shadow: 1px 1px 3px #F5F5F5; box-shadow: 1px 1px 3px #F5F5F5;}
.single img:hover {opacity: 0.8}

.recipe {display: inline-block; border-bottom: 1px dashed #E5E5E5;padding-top: 20px}

.contacts {padding-bottom: 20px}

.static p {line-height: 1.6em; font-style: italic; padding-bottom: 20px}
.fineprints {float: left; width: 70%}
.fineprints h2 {margin-bottom: 20px; margin-top: 20px; line-height: 1.4em; font-size: 1.3125em; font-weight: bold;}
.fineprints p {margin-bottom: 20px; line-height: 1.5em; font-style: normal;}



.alist {float: left;}
.alist img {float: right; width: 35%;}
.alist article {display: block;  padding-top: 20px; overflow: hidden; margin: 0 24px 29px 0;
padding-bottom: 30px; font-size: .875em; border-bottom: 1px dotted #E5E5E5;}

.belleColonne {width: 65%;float: left;}

.alisttexts {float: left; width: 65%}

.alist h1 {margin-bottom: 0; padding: 10px 0 14px 58px; line-height: 1.25em;
font-size: 2.25em; color: #111; background: url(../img/page-alist.png) no-repeat 0 -101px;}
.alist h3 {color: #34AC98; font-size: 1.25em; line-height: 1.5em}
.alist p {font-style: normal; line-height: 1.5em; padding-bottom: 10px}
.alist .button {display: block; padding: 10px; background: #FFF; border-radius: 5px; border: 1px solid #E5E5E5;}
.alist a.button {width: 220px; height: auto;}
.alist a.button:hover {border-color: #D3EDE9; color: #EC6635;}
.note {margin-top: 20px; font-size: 0.75em;padding: 0 0 5px 24px; color: #666; font-style: italic;
background: url(../img/icon-marketplace-note.png) no-repeat left -37px;}
strong{font-weight: bold;}