@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Flavor Magazine
Theme URI: http://www.flavor-magazine.com
Description: A brand news theme for Flavor-magazine.com
Version: 1.0
Author: Samuel Varoqueaux

Flavor Magazine Theme by Samuel Varoqueaux | www.varoqueauxs.fr
*/

#contact-link {position: fixed; top: 75%; left: -112px;}
#contact-link:hover {left: 0px;}

#glob-global {
	background: #fff;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	}
	
#top-part {
	height: 225px;
	background: url(images/fond-top-part.gif) repeat-x top left;
	}
	
	#top-part .contain-it {
		width: 910px; 
		margin: 0 auto;
		}
		
		p#en-cours {width: 220px; height: 109px; float: left; color: #fff; font-style: italic; margin: 16px 65px 0 0;}
		p#en-cours img {margin-right: 10px;}
		
		h1#titre {width: 325px; float: left; margin-top: 35px;}
		
		p#outils {width: 225px; float: left; margin: 50px 0 0 65px;}
		
/* £££££ THE ANNOYING ADDS £££££ */

#banner-pub {width: 910px; margin: 21px auto; text-align: center;} 		
		
		
/* £££££ THE MIGHTY MENU £££££ */

#menu {font-family: Georgia, "Times New Roman", Times, serif; width:910px; height:48px; position:relative; margin: 23px 0 0 0;}
       *+html #menu {margin-top: 36px;} /* IE7 Hack only */

#menu ul {padding:0; margin:0; list-style-type: none;}

#menu ul li {float:left;}

#menu ul li a {display:block; text-decoration:none; margin-right: 10px;}

#menu ul li ul {visibility:hidden; position:absolute; top:48px; left:0; height: 28px; line-height: 28px; font-size: 14px; border-top: 1px solid #7e7e7e;}

#menu ul li:hover a,
#menu ul li a:hover {background:#b3ab79;}

#menu ul li:hover ul,
#menu ul li a:hover ul {visibility:visible; background:#505050; color:#fff; z-index: 2;}

#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

#menu ul li:hover ul li a,
#menu ul li a:hover ul li a {display:block; background:#505050; color:#fff; padding: 0 10px; margin: 0;}

#menu ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover {background:#000; color:#fff;}


#menu ul li a.mode {background:url(images/menu/mode.gif); width: 65px; height: 48px; font-size: 0px; text-indent: -9999px;}
#menu ul li a.beaute {background: url(images/menu/beaute.gif); width: 81px; height: 48px; font-size: 0px; text-indent: -9999px;}
#menu ul li a.backstage {background: url(images/menu/backstage.gif); width: 109px; height: 48px; font-size: 0px; text-indent: -9999px;}
#menu ul li a.vous {background: url(images/menu/vous.gif); width: 68px; height: 48px; font-size: 0px; text-indent: -9999px;}
#menu ul li a.culture {background: url(images/menu/culture.gif); width: 92px; height: 48px; font-size: 0px; text-indent: -9999px;}
#menu ul li a.bons-plans {background: url(images/menu/bons-plans.gif); width: 116px; height: 48px; font-size: 0px; text-indent: -9999px;}

#menu ul li:hover a.beaute, #menu ul li:hover a.mode, #menu ul li:hover a.backstage, #menu ul li:hover a.vous, #menu ul li:hover a.culture, #menu ul li:hover a.bons-plans, #menu ul li a.current {background-position: 0 -48px;}

li.search {padding-top: 10px; margin-left: 108px;}
.search input {border: 1px solid #e2007a; background: #151515; height: 24px; float: left; color: #fff; line-height: 26px;}
input#ok {background: url(images/bouton-ok.gif) no-repeat top left; width: 26px; height: 28px; border: none;}

p.sub {height: 28px; background: #505050; position: absolute; margin-top: 48px; width: 910px; border-top: 1px solid #7e7e7e; z-index: 1;}
        *+html p.sub {left: 0px;} /* IE7 Hack pour definir l'origine de la barre grise */

#menu ul.sub1 {padding-left: 0px;}
#menu ul.sub2 {padding-left: 75px;}
#menu ul.sub3 {padding-left: 166px;}
#menu ul.sub4 {padding-left: 285px;}
#menu ul.sub5 {padding-left: 363px;}
#menu ul.sub6 {padding-left: 465px;}	

		
/* £££££ THE COMPULSORY CONTENT PART £££££ */

.contain-it {
		width: 910px;
		margin: 0 auto;
		}

#blog-content {width: 600px; float: left; margin-right: 20px; margin-top: -30px;}

#blog-content .blog-entry p img {text-decoration: 0px solid #000; border: none}

#blog-content .blog-entry p .more-link {padding: 7px 10px; background: #000; color: #fff; border: none;}
#blog-content .blog-entry p .more-link:hover {color: #e2007a; border: none;}

#go-to-footer {position:absolute; margin-top:30px; margin-left:584px;}
	

	.blog-entry {border-top: 1px solid #8a8a8a; line-height: 20px; margin-top: 30px;}
        .blog-entry img {padding: 5px;}
        .blog-entry p {margin-bottom: 10px;}
        .blog-entry .wp-caption-text {display: none;}

        .blog-entry p a {font-weight: bold; color: #000; font-style: italic; text-decoration: none; border-bottom: 1px solid #000;}
        .blog-entry a:hover {color: #e2007a; border-bottom: 1px dotted #e2007a;}
	
	h1.post-title, .date {margin: 35px 0 -1px 0;}
	h1.post-title {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; float: left; max-width: 450px;}
	h1.post-title a {color: #000; text-decoration: none;}
        h1.post-title a:hover {color: #000; border: none;}
	
	.blog-entry .date {width: 120px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-align: right; display: block; float: right;}
	.blog-entry h2 {font-size: 18px; font-weight: bold; font-style: italic; margin-top: 18px;}

        p a.back-to-top-link, p a.back-to-top-link:hover {border: none; text-align: right;}
		
		.illustration {width: 586px; height: 268px; border: 7px solid #000; margin-bottom: 15px;}
		.illustration img {padding: 0;}
		.label {position: absolute; border: 0px solid; margin: -7px 0 0 -7px;}
		
		.comments, .social {float: left; width: 300px; margin-top: 30px; line-height: 22px;}
		.comments .bubble {background: url(images/bubble.jpg) no-repeat top left; color: #fff; width: 31px; margin-right: 20px; height: 28px; display: block; float: left; text-align: center;}
		 {float: left; width: 300px;}
		.comments a {font-style:italic; color: #000; text-decoration: none;}
                .bubble a {color: #fff; font-style: normal;}
		 
		
		.sociable {height: 16px; overflow: hidden; text-align: right;}
                .sociable img {opacity: 0.7; padding: 0;}
		.sociable img:hover {opacity: 1;}
                    .sociable li {display: inline;}
	
	#pagination {text-align: center; padding-top: 35px; margin-top: 30px; border-top: 1px solid #8a8a8a;}
                *+html #pagination {margin-top: 50px; padding-bottom: 20px;} 
	#pagination a, #pagination span {text-decoration: none; padding: 7px 10px; font-style: italic; font-weight: bold; margin: 3px;}
	
	#pagination .prev-next, #pagination .nav-active, #pagination .pages {color: #fff; background: #000; border: 1px solid #000;}
		
		#pagination a.prev-next {color: #fff; background: #000; border: 1px solid #000;}
			#pagination a.prev-next:hover {color: #e2007a;}
		#pagination a.nav-active {color: #fff; background: #000; padding: 7px 10px; border: 1px solid #000;}
		#pagination a {border: 1px solid #000; padding: 7px 10px; color: #000;}
			#pagination a:hover {background: #000; color: #e2007a;}
			
		#pagination .pages {display: none;}
			
         #chouchous img {border: 4px solid #000000; float: left; margin: 2px;}
         #chouchous img:hover {border: 4px solid #E2007A;}
         #chouchous {margin: 0 20px;}
			
/* £££££ COURTEOUS COMMENTS £££££ */

#comments {margin-top: 30px; border-top: 1px solid #8a8a8a;}

	h2.comments-title {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; font-style: normal;}
	h2.postcomment {margin: 30px 0 10px 0;}
	
	#comments #commentlist {margin: 30px 0 10px;}
		#commentlist li {border-left: 1px solid #000; padding: 5px 15px; margin-top: 15px;}
		#commentlist li .author {font-size: 14px; font-weight: bold; color: #e2007a; text-decoration: none;}
		#commentlist li .author a {font-size: 14px; font-weight: bold; color: #e2007a;}
                #commentlist li.pair {background: #f6f6f6;}
			
#comments textarea#comment {border: 1px solid #000; padding: 3px;}
#comments input {border: 1px solid #000; margin: 5px 5px 5px 0; height: 20px; line-height: 20px;}
	
	#comments p.xhtml {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px;}
	
	#comments input#submit {width: 136px; height: 30px; background: url(images/comment_button.gif); border: none;}

.comment-edit-link {color: #000; font-style: italic; text-decoration: none; font-weight: bold;}
		

	
/* £££££ THE SUPER SIDEBAR £££££ */

#sidebar {width: 290px; float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px;}
	#sidebar h3 {margin: 30px 0 5px 0; background: #000; height: 31px;}


        .focus {text-align: right;}
                .focus .title {border-top: 1px dotted #626262; padding-top: 3px; padding-bottom: 3px;}
                .focus .title:hover {background: #ccc;}
                .focus a.more-of-this {color: #000; font-weight: bold; text-decoration:none;}
                .focus a.more-of-this:hover {color: #e2007a;}
	
	.follow-us a {color: #000; text-decoration: none;}
	.follow-us a:hover {color: #e2007a;}
        #sidebar .playlist h3 {margin-top: 0px;}
	.follow-us li {text-align: right; border-bottom: 1px dotted #626262; padding: 3px 0;}
		.follow-us li:first-child {border-top: 1px dotted #626262;}

        /* Twitter */

        .twitter-id {font: 14px Georgia, Times, serif; color: #e2007a;}
        #sidebar ul.twitter:first-child {background: #fff;}
        .twitter-timestamp {color: #aaa;}

        #twitter_update_list li:before {content: "@laredacdeflavor "; color: #e2006d; font: 14px georgia, times, serif;}
        #twitter_update_list li a {color: #999;}
        #twitter_update_list span a {color: #000; text-decoration: underline}
        #twitter_update_list a:hover {color: #e2006d;}

        .playlist {width: 290px; text-align: center;}
		
	.chouchous {text-align: right;}	
	.chouchous .right-col {text-align: right;}
        .hide {display: none;}
                 .chouchous li {border-bottom: 1px dotted #626262; padding: 3px 0;}
                 .chouchous li:first-child {border-top: 1px dotted #626262;}
                 .chouchous li:hover {background: #ccc;}
                 .chouchous a {color: #000; text-decoration: none; display: block;}
                 .chouchous a:hover {color: #e2007a;}

        .commentaires ul {text-align: right;}
        .commentaires li {border-bottom: 1px dotted #626262; padding: 3px 0;}
        .commentaires li:hover {background: #ccc;}
        .commentaires li:first-child {border-top: 1px dotted #626262;}
        .commentaires li a {font-weight: bold; color: #e2007a; text-decoration: none;}
        .commentaires li a.comment-text {font-weight: normal; color: #000;}


        .most-read ul {text-align: right;}
        .most-read li {border-bottom: 1px dotted #626262; padding: 3px 0;}
        .most-read li:hover {background: #ccc;}
        .most-read li:first-child {border-top: 1px dotted #626262;}
        .most-read li a {font-weight: bold; color: #e2007a; text-decoration: none;}
        .most-read li a.comment-text {font-weight: normal; color: #000;}
	


/* £££££ THE FANTASTIC FOOTER £££££ */

#footer {background: #000; min-height: 250px; color: #eee; margin-top: 50px;}
#footer a {color: #eee; text-decoration: none;}
#footer h3 {margin: 25px 0 20px;}

	.contain-it {width: 910px; margin: 0 auto;}
	
	#footer .left {width: 290px; font-size: 12px; margin-right: 20px; float: left; line-height: 18px;}
	
	#footer .center {width: 290px; font-size: 12px; margin-right: 20px; float: left; line-height: 24px;}
		.center li:first-child {border-top: 1px solid #4b4b4b;}
		.center li {min-height: 24px; border-bottom: 1px solid #4b4b4b;}
		.center li:hover {background: #e2007a;}
		
	#footer .right {width: 290px; float: left; line-height: 24px; font-size: 12px;}
		.right li:first-child {border-top: 1px solid #4b4b4b;}
		.right li {text-transform: uppercase; height: 24px; border-bottom: 1px solid #4b4b4b;}
		.right li:hover {background: #e2007a;}

.footer {text-align: center; margin-top: 40px; font-size: 12px;}

#mentions {color:#757575; font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; line-height: 35px; border-top: 1px solid #757575; margin-top: 10px;}  

/* £££££££ CONTACT FORM £££££££ */

.champ {width: 150px; display; block; float: left; font-size: 12px;}
.wpcf7 p {margin-bottom: 10px;}
.wpcf7 .champ > input {border: 1px solid #000;}
.send {margin-left: 150px; border: 0px solid #fff; width: 136px; height: 30px; background: url(images/send.gif) no-repeat top left; text-indent: -999px;}

/* £££££ FORMULAIRE DE CONTACT ££££££ */

fieldset {border: 1px solid #ccc; padding: 20px; margin-bottom: 20px;}

fieldset legend {font-size: 20px; font-weight: bold; padding: 0 10px;}

form .hint {font-size: 10px; color: #999; margin-top: -10px;}

form input#envoyer {border: 1px solid #ccc; padding: 20px; background: #ddd; font-size: 18px;} 

.wpcf7-form {background: #fff; padding: 20px; margin-top: 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

form .champ {width: 150px; display; block; float: left; font-size: 12px;}

form .champ-long {width: 350px; display; block; float: left; font-size: 12px;}

.wpcf7-form p {margin-bottom: 20px;}

.newsform .input-email {border: 1px solid #000; width: 278px; padding: 5px; font-size: 14px; background: ur(}