﻿/*
Theme Name: BackToTheBlog
Theme URI: http://www.mrawesome.fr
Description: Le Blog de Mr.Awesome, crée par Jean-Loup Weisz.
Version: 4.1
Author: Jean-Loup Weisz
Creation Theme by Jean-Loup Weisz || http://www.mrawesome.fr
*/

body {margin:0px;}
#header{width:100%; height:161px; background:#edf6f8; margin:0px; padding:16px 0 0 0; display:block;}
#site-logo {position:relative; float:left; width:424px; height:158px; margin-top:0px; margin-left:3px; clear:both;}
#site-logo img{border:none; cursor:pointer;}
#site-logo a{border:none; cursor:pointer; width:424px; height:158px;}
#followus-fun {width:400px; float:right; height:161px; margin-right:0px; background:#edf6f8 url(images/chase-rs.png) no-repeat bottom left;}
#head-content{margin: 0px auto 0px auto; width:990px; height:161px; padding:0px; clear:both; display:block;}
#navigation-bar{height:39px; background:#edf6f8 url(images/brd-bottom.png) repeat-x bottom; clear:both;}
#navigation-bar .clear {clear:left;}
.rowspace {width:990px; max-width: 100%; margin: 0 auto; padding: 0 15px;}
#nav-buttons{width:990px; height:39px; background:#333333; margin:auto; position:relative; clear:both;}
#nav-buttons ul{list-style:none; margin:0px; padding:0px;}
#nav-buttons li {float: left; padding:0; line-height: 39px;}
.button_home {background:url(images/button-home.png) no-repeat 0px 0px; width:34px; height:39px; display:block; margin-left:8px;}
.button_home:hover {background:url(images/button-home.png) no-repeat 0px -39px;}
.button_cine {background:url(images/button-cine.png) no-repeat 0px 0px; width:94px; height:39px; display:block; margin-left:8px;}
.button_cine:hover {background:url(images/button-cine.png) no-repeat 0px -39px;}
.button_tv {background:url(images/button-tv.png) no-repeat 0px 0px; width:77px; height:39px; display:block; margin-left:8px;}
.button_tv:hover {background:url(images/button-tv.png) no-repeat 0px -39px;}
.button_multi {background:url(images/button-multi.png) no-repeat 0px 0px; width:126px; height:39px; display:block; margin-left:8px;}
.button_multi:hover {background:url(images/button-multi.png) no-repeat 0px -39px;}
.button_other {background:url(images/button-other.png) no-repeat 0px 0px; width:85px; height:39px; display:block; margin-left:8px;}
.button_other:hover {background:url(images/button-other.png) no-repeat 0px -39px;}

/* Follow Us - Fun */

#social {float:right; height:69px; width:144px; margin-right:0px; margin-top:45px; background:white; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; position:relative; border:1px solid #d3e2e5;}
#social:before {
	content:"";
	position:absolute;
	bottom:-20px;
	left:11px;
	border:10px solid;
	border-color:#d3e2e5 transparent transparent #d3e2e5;
	/* reduce the damage in FF3.0 */
    display:block; 
    width:0;}

#social:after {
	content:"";
	position:absolute;
	bottom:-16px;
	left:13px;
	border:8px solid;
	border-color:white transparent transparent white;
	/* reduce the damage in FF3.0 */
	display:block; 
	width:0;}
	
#social p{margin:6px 5px 5px 10px; font:14px "Helvetica Neue", Arial, sans-serif; color: #474747; font-style: italic; font-weight:bold; text-shadow: 1px 1px white;}
#social ul{list-style:none; margin-left:5px; margin-top:0px; padding:0px; height:35px;}
#social li {float: left; position: relative; padding:0; line-height: 35px;}
#social li a{width:34px; height:35px; display:block;}
#social li.ico-rss {opacity:0.8; display: block; background:url(images/ico-rss.png) no-repeat; width: 34px; height: 35px; text-decoration: none; margin-left:8px;
transition:opacity 0.2s;  -moz-transition:opacity 0.2s;  -ms-transition:opacity 0.2s;  -o-transition:opacity 0.2s;  -webkit-transition:opacity 0.2s;}
#social li.ico-twitter {opacity:0.8; display: block; background:url(images/ico-twitter.png) no-repeat; width: 34px; height: 35px; text-decoration: none; margin-left:8px;
transition:opacity 0.2s;  -moz-transition:opacity 0.2s;  -ms-transition:opacity 0.2s;  -o-transition:opacity 0.2s;  -webkit-transition:opacity 0.2s;}
#social li.ico-fb {opacity:0.8; display: block; background:url(images/ico-fb.png) no-repeat; width: 34px; height: 35px; text-decoration: none; margin-left:8px;
transition:opacity 0.2s;  -moz-transition:opacity 0.2s;  -ms-transition:opacity 0.2s;  -o-transition:opacity 0.2s;  -webkit-transition:opacity 0.2s;}
#social li.ico-rss:hover{opacity:1;}
#social li.ico-twitter:hover{opacity:1;}
#social li.ico-fb:hover{opacity:1;}

/* Content */

.post-single-home {min-height:135px; -webkit-font-smoothing: antialiased; color: #444; margin-top:10px;}
#content{width:990px; margin:auto; min-height:500px;}
#main-content{width:729px; float:left; margin:0px; padding:0px; clear:both; background:white;}
#slide-content{height:300px; margin:0px; padding:0px;}
#articles{display:block; clear:both; position:relative; width:710px;}
.post-home {clear:both; margin:10px 10px 15px 0px; padding-bottom:20px; padding-top:5px; border-bottom: 1px solid #d5edf3; display:block;}
p.postmetadata {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0px 1px 0px #a5d3dc; font:13px "Helvetica Neue", Arial, sans-serif; background:#edf6f8; padding:10px 0px 10px 15px; margin-bottom:5px; clear: both;}
p.postmetadata a{color: #598f9c; text-decoration:none;}
p.postmetadata a:hover{color: #65a041; text-decoration:none;}
.postmetadata {width:695px;}

#archive_title h3{font:16px "Helvetica Neue", Arial, sans-serif; font-weight:bold; color:#474747; text-shadow: 1px 1px white;}
#archive_title {clear:both;}
#search_title h3{font:16px "Helvetica Neue", Arial, sans-serif; font-weight:bold; color:#474747; text-shadow: 1px 1px white;}
#search_title {clear:both;}

/* Single */

.post-single {min-height:135px; -webkit-font-smoothing: antialiased; color: #444; margin-top:0px;}
h2.post-subtitle-single {clear:both; display:block; position:relative; font:15px "Helvetica Neue", Arial, sans-serif; font-style: italic; margin-top:17px; -webkit-font-smoothing: antialiased;}
#titre-news-single {border-bottom:2px solid #76c0d4; position:relative; width:710px;}
#titre-news-single:before {clear:both; content:" "; width:24px; height:12px; background:url(images/title-arrow.png) no-repeat; display:block; position:absolute; left:30px; bottom:-12px;}
.post_content_single {width:710px; font:13px "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; color: #444; line-height: 1.769;}
.post_content_single a{color:#0073b7; text-decoration:none;}
.post_content_single a:hover{color:#65a041; text-decoration:none;}
.post-single h1{color:#474747; font:22px "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;}
.post-single blockquote{background-color: #edf6f8; border-left: 4px solid #a5d3dc; margin:10px; padding:5px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius: 4px; -ms-border-radius:4px; -khtml-border-radius: 4px; border-radius:4px; box-shadow: 0px 1px 0px #a5d3dc;}
.post-single blockquote p{margin:0px;}

/* Feature Image */

.MainPic {margin-bottom: 10px; margin-top: 5px; position: relative;}
.imgCaption {position: absolute; font-size: 12px; color: #b8b8b8; width: 683px; padding: 5px 20px 5px 7px; left: 0px; bottom: 0px; background: black transparent; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.imgCaption p {font-size: 12px; padding-bottom: 0 !important; margin: 0; font-family: Arial, Helvetica, sans-serif; color: #b8b8b8;}

/* Miniature */

.post_mini-home {background: white; padding: 5px; border: solid 1px #C4C2B7; margin-right: 10px; margin-bottom:0px; float:left; display:block; clear: both;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15);}
.img_post {width:170px; height:124px; float:left; display:block;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);}

/* Titre des news */

.post-home h2{text-decoration:none; color: #09C; padding-bottom:0px; margin-bottom:1px; margin-top:0px; font: bold 16px "Helvetica Neue", Arial, sans-serif;}
.post-home h2 a{text-decoration:none; color: #09C;}
.post-home h2 a:hover{text-decoration:none; color: #65a041;}
.post-subtitle {display:block; font:13px "Helvetica Neue", Arial, sans-serif bold; margin:0px;padding:0px; display:block; -webkit-font-smoothing: antialiased; color: #444; line-height: 1.4;}
.post-subtitle p {font-style: italic; text-shadow: 1px 1px white; margin:0px; padding:0px; font-weight:bold;}
.post-subtitle span {font-weight:lighter; color:#959595; margin-left:5px; font-style: normal;}
.post-subtitle span a{color: #598f9c; text-decoration:none;}
.post-subtitle span a:hover{color: #65a041; text-decoration:none;}

/* Contenu des News */

.post_content-home{text-align:justify; display:block; margin-top:5px;}
.post_content-home p{font:13px "Helvetica Neue", Arial, sans-serif; margin:0px;padding:0px; display:block; -webkit-font-smoothing: antialiased; color: #444; line-height: 1.4;}

/* Partage des News */

.sharing{position: relative; float:left; display: block; margin-top:10px; margin-bottom:10px;}
.share-google {float: left; margin:0px; padding:0px;}
.share-facebook {float: left; margin:0px; padding:0px;}
.fb_iframe_widget iframe {z-index:9;}
.share-twitter {float: left; margin:0px; padding:0px;}

/* Sidebar */

#sidebar {float:right; width:261px; padding-bottom:15px; display:block;}
#sidebar h2{clear:both; font:20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; padding:10px 10px 7px 10px; font-weight:800; margin-bottom:10px; width:241px;}
.blueruban {background:#5db1c9;}
.purpleruban{background:#3b5998;}
.orangeruban{background:#fa932e;}
.greenruban{background:#abd64f;}
#interview-box {float:right; width:246px; height:123px; border:5px; border-color:#302b27; border-style:solid; display:block; clear:both; position:relative; margin:0px; padding:0px;}
#interview-box img {border:none;}
#interview-box img a{border:none;}
#itw-title {width:246px; height:29px; background:rgba(0, 0, 0, 0.8); position:absolute; bottom:0; border-top: rgba(255, 255, 255, .1) 1px solid; margin-bottom:0px;}
#itw-title p {color:white; font:14px "Helvetica Neue", Arial, sans-serif; text-align:right; margin:8px 5px 5px 5px; text-shadow: 0px 0px 5px #000;}

#sidebar ul {clear:both; list-style:none; font:12px Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; margin:0px; padding:0px;}
#sidebar li{line-height:1.5; margin-bottom:6px;}
#sidebar li a{text-decoration:none; color:#09C;}
#sidebar li a:hover{text-decoration:none; color:#65a041;}
.widgettitle {background:#5db1c9;}
.club300 {clear:both;}

/* Footer */

#footer{width:100%; height:300px; background:#edf6f8 url(images/brd-bottom.png) repeat-x top; margin:0px; padding:0px; clear:both;}
#footer-content{width:990px;height:175px; margin: 0px auto 0px auto; padding:0px;}
#footer-about h3{text-shadow: 1px 1px white; font:14px "Helvetica Neue", Arial, sans-serif; color:#474747; font-weight:bold; margin:13px 0px 0px 0px;}
#footer-about p{font:12px "Helvetica Neue", Arial, sans-serif; color:#474747; margin:10px 0px 0px 0px; text-shadow: 1px 1px white; line-height:1.6;}
#footer-about {width:310px; padding:0px; clear:both; float:left; margin-right:20px;}
#footer-links a{font:12px "Helvetica Neue", Arial, sans-serif; text-decoration:none; color:#0073b7; text-shadow: 1px 1px white; text-transform: uppercase; letter-spacing: -1px;}
#footer-links {float:left; width:310px; padding:0px; margin-right:20px;}
#footer-links h3{text-shadow: 1px 1px white; font:14px "Helvetica Neue", Arial, sans-serif; color:#474747; font-weight:bold; margin:13px 0px 0px 0px; clear:both;}
#footer-blog ul{list-style:none; padding:0px; color:white; margin-top:10px; margin-left:0px; margin-bottom:0px; display:block; position:relative; width:120px; float:left;}
#footer-blog {margin:0px; padding:0px;}
#footer-blog li{position:relative; list-style:none; line-height:15px; margin-bottom: 10px;}
#footer-partners h3{text-shadow: 1px 1px white; font:14px "Helvetica Neue", Arial, sans-serif; color:#474747; font-weight:bold; clear:both; margin-top:10px;}
#footer-partners {padding-top:5px; clear:both;}
#footer-partners ul{list-style:none; padding:0px; color:white; margin-top:10px; margin-left:0px; margin-bottom:0px; display:block; position:relative; width:120px; float:left;}
#footer-partners li{position:relative; list-style:none; line-height:15px; margin-bottom: 10px;}
#footer .footer-noborder {border:none;}
#widget-footer {width:330px; float:right; min-height:200px; padding:0px;}
#widget-footer h3{text-shadow: 1px 1px white; font:14px "Helvetica Neue", Arial, sans-serif; color:#474747; font-weight:bold; margin:13px 0px 10px 0px; text-transform: uppercase;}
#widget-footer li {list-style: none;}
.wpinstagram {height: auto !important; width: 100% !important; margin-top:10px; list-style-type:none;}
.wpinstagram li {display: inline-block !important; list-style: none;}
.wpinstagram ul {list-style: none;}
ul.wpinstagram li{width: 100px; height: 100px; float: left; list-style:none;}
ul.wpinstagram, ul.wpinstagram li, ul.wpinstagram li a, ul.wpinstagram li a img {margin:0px 8px 8px 0px; padding: 0 !important; border: 0 !important;}
.widget-instagram {text-align:center; width:324px; margin-left:6px;}

/* Barre de recherche */

#search input[type="text"]
{float:right; background:url(images/search-ico.png) no-repeat; border: 0 none; font: 12px "Helvetica Neue", Arial, Sans-serif; color: #333333; width:189px;
height:27px; margin-right:9px; margin-top:5px; padding-left:5px; padding-right:21px; background-position: 98% 50%; background-color:white;
text-shadow: white 0 1px 2px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;}

/* Rubans */
#archiveribbon {font:20px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 0px 0px 21px 0px;}
#archiveribbon span {padding:10px 10px 7px 10px; display:block;}
#whatsnew {font:20px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 40px 0px 15px 0px;}
#whatsnew span{padding:10px 10px 7px 10px;}
#interviews-ribbon {font:20px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 15px 0px 10px 0px;}
#interviews-ribbon span{padding:10px 10px 7px 10px; display:block; width:241px;}
#critiques-ribbon {font:20px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 15px 0px 10px 0px;}
#critiques-ribbon span{padding:10px 10px 7px 10px; display:block; width:241px;}
#contests-ribbon {font:20px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 15px 0px 10px 0px;}
#contests-ribbon span{padding:10px 10px 7px 10px; display:block; width:241px;}
#searchribbon {font:20px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 0px 0px 21px 0px;}
#searchribbon span {padding:10px 10px 7px 10px; display:block;}
#followus-ribbon {font:20px Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; font-weight:800; margin: 0px 0px 10px 0px; display:block;}
#followus-ribbon span{padding:10px 10px 7px 10px; display:block; width:241px;}

/* Menu déroulant */

.menu, .menu ul {padding:0; margin:0; list-style:none; clear:both;}
.menu {clear:both; position:relative; width:585px; margin:0; height:39px; border: none; float:left;}
.menu li {float:left;}
.menu li a {display:block; text-decoration:none;}

/* Menu Cinéma */

.slide ul {margin:0px; padding:0px;}
.slide ul li {float:none; color:white; width:230px; margin-top:5px; margin-bottom:10px; padding:0px;}
.slide ul li a{float:none; line-height:1.1; color:white; margin-left:12px; -webkit-font-smoothing: antialiased; font:13px Helvetica, Arial, sans-serif; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}
.slide ul li a:hover{color:#818181;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}

.menu div.holder {width:990px; height:0; left:0px; top:39px; position:absolute; overflow:hidden; -webkit-transition: height 0.5s linear; -moz-transition: height 0.5s linear; -o-transition: height 0.5s linear;}
.menu div.slide {z-index:4; background:rgba(0, 0, 0, 0.8); width:975px; padding: 5px 10px 10px 5px; position:relative; top:-300px; left:0px; margin-top:0px;
-webkit-transition: top 0.5s linear;
-moz-transition: top 0.5s linear;
-o-transition: top 0.5s linear;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;}
	
.menu div.slide dl {float:left; width:243px; border-right:1px solid #3e3e3e; height:191px;}
.menu div.slide dl.noborders {border:0px;}

.menu :hover div.p1 {height:252px;}
.menu :hover div.p2 {height:230px;}
.menu :hover div.p3 {height:247px;}
.menu :hover div.p4 {height:247px;}
.menu :hover div.slide {top:0px;}

.menu li .slide dl {padding:0; margin:0;}
.menu li .slide dl dt {text-shadow:1px 1px 0 black; font-family:Helvetica, Arial, sans-serif; font-size:17px; font-weight:bold; padding:10px 0 0; margin:0px 0px 6px 10px; height:18px; line-height:18px; color:#d54421;}
.menu li .slide dl dd {padding:0; margin:5px auto 0px auto;}
.menu li .slide dl dd a {line-height:20px; color:white; font-size:13px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}

* html .menu li .slide dl dd a:hover {background:transparent;}

/* Menu TV */

.slide-tv ul {margin:0px; padding:0px;}
.slide-tv ul li {float:none; color:white; width:230px; margin-top:5px; margin-bottom:10px; padding:0px;}
.slide-tv ul li a{float:none; line-height:1.1; color:white; margin-left:12px; -webkit-font-smoothing: antialiased; font:13px Helvetica, Arial, sans-serif; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}
.slide-tv ul li a:hover{color:#818181;}

.menu div.slide-tv {z-index:4; background:rgba(0, 0, 0, 0.8); width:975px; padding: 5px 10px 10px 5px; position:relative; top:-300px; left:0px; margin-top:0px;
-webkit-transition: top 0.5s linear;
-moz-transition: top 0.5s linear;
-o-transition: top 0.5s linear;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;}
	
.menu div.slide-tv dl {float:left; width:243px; border-right:1px solid #3e3e3e; height:191px;}
.menu div.slide-tv dl.noborders {border:0px;}
.menu :hover div.slide-tv {top:0px;}

.menu li .slide-tv dl {padding:0; margin:0;}
.menu li .slide-tv dl dt {text-shadow:1px 1px 0 black; font-family:Helvetica, Arial, sans-serif; font-size:17px; font-weight:bold; padding:10px 0 0; margin:0px 0px 6px 10px; height:18px; line-height:18px; color:#b147a3;}
.menu li .slide-tv dl dd {padding:0; margin:5px auto 0px auto;}
.menu li .slide-tv dl dd a {line-height:20px; color:white; font-size:13px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}

* html .menu li .slide-tv dl dd a:hover {background:transparent;}

/* Menu Technos */

.slide-tech ul {margin:0px; padding:0px;}
.slide-tech ul li {float:none; color:white; width:230px; margin-top:5px; margin-bottom:10px; padding:0px;}
.slide-tech ul li a{float:none; line-height:1.1; color:white; margin-left:12px; -webkit-font-smoothing: antialiased; font:13px Helvetica, Arial, sans-serif; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}
.slide-tech ul li a:hover{color:#818181;}

.menu div.slide-tech {z-index:4; background:rgba(0, 0, 0, 0.8); width:975px; padding: 5px 10px 10px 5px; position:relative; top:-300px; left:0px; margin-top:0px;
-webkit-transition: top 0.5s linear;
-moz-transition: top 0.5s linear;
-o-transition: top 0.5s linear;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;}
	
.menu div.slide-tech dl {float:left; width:243px; border-right:1px solid #3e3e3e; height:191px;}
.menu div.slide-tech dl.noborders {border:0px;}
.menu :hover div.slide-tech {top:0px;}

.menu li .slide-tech dl {padding:0; margin:0;}
.menu li .slide-tech dl dt {text-shadow:1px 1px 0 black; font-family:Helvetica, Arial, sans-serif; font-size:17px; font-weight:bold; padding:10px 0 0; margin:0px 0px 6px 10px; height:18px; line-height:18px; color:#98bf0d;}
.menu li .slide-tech dl dd {padding:0; margin:5px auto 0px auto;}
.menu li .slide-tech dl dd a {line-height:20px; color:white; font-size:13px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}

* html .menu li .slide-tech dl dd a:hover {background:transparent;}

/* Menu Autre */

.slide-other ul {margin:0px; padding:0px;}
.slide-other ul li {float:none; color:white; width:230px; margin-top:5px; margin-bottom:10px; padding:0px;}
.slide-other ul li a{float:none; line-height:1.1; color:white; margin-left:12px; -webkit-font-smoothing: antialiased; font:13px Helvetica, Arial, sans-serif; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}
.slide-other ul li a:hover{color:#818181;}

.menu div.slide-other {z-index:4; background:rgba(0, 0, 0, 0.8); width:975px; padding: 5px 10px 10px 5px; position:relative; top:-300px; left:0px; margin-top:0px;
-webkit-transition: top 0.5s linear;
-moz-transition: top 0.5s linear;
-o-transition: top 0.5s linear;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;}
	
.menu div.slide-other dl {float:left; width:243px; border-right:1px solid #3e3e3e; height:191px;}
.menu div.slide-other dl.noborders {border:0px;}
.menu :hover div.slide-other {top:0px;}

.menu li .slide-other dl {padding:0; margin:0;}
.menu li .slide-other dl dt {text-shadow:1px 1px 0 black; font-family:Helvetica, Arial, sans-serif; font-size:17px; font-weight:bold; padding:10px 0 0; margin:0px 0px 6px 10px; height:18px; line-height:18px; color:#5db1c9;}
.menu li .slide-other dl dd {padding:0; margin:5px auto 0px auto;}
.menu li .slide-other dl dd a {line-height:20px; color:white; font-size:13px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}

* html .menu li .slide-other dl dd a:hover {background:transparent;}

.fb-like-box {margin-bottom:10px; text-align:center; float:right;}

/* Pagination */

.pagenavi {text-align:center; margin: 10px 0 20px 30px; padding: 5px 1px 5px; float:left; width: 98%; font: 13px "Helvetica Neue", Arial, sans-serif; text-shadow: 1px 1px white;}
.pagenavi a {padding: 5px 6px 4px 6px; margin: 3px; text-decoration: none; color: #666; background-color: inherit;}
.pagenavi a:hover {color:#474747; font-weight:bold;}
.pagenavi span.pages {padding: 5px 6px 4px 6px; margin: 3px; color: #737373; font-weight:bold; background-color: inherit;}
.pagenavi span.current {padding: 5px 6px 4px 6px; margin: 3px; font-weight:bold; color: #474747;}
.pagenavi span.expand {padding: 5px 6px 4px 6px; margin: 3px; color: #444; background-color: inherit;}
.pagenavi .first, .pagenavi .last {}
.pagenavi .single_page {}

/* Images */

.greyborder {border: 10px solid #eaeaec;}
.darkborder {border: 10px solid #302B27;}
.img-feature {border-bottom: 2px solid #76c0d4;}
.imageborder3{border: 1px solid #ccc; background-color: #fff; margin-bottom: 4px; padding: 5px;}
.imageborder{border: 1px solid #ccc; background-color: #fff; margin-bottom:5px; padding: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15);}
.borderten{border: 1px solid #ccc; background-color: #fff; margin-bottom:5px; padding: 9px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15);}
a:hover .imageborder {border: 1px solid #009ee0;background-color: #fff; padding: 6px; margin-bottom: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15);}
.imageborder2{border: 1px solid #009ee0; background-color: #fff; padding: 3px;}
.img.shadow {background: url(images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px;}


/* Alignement des images dans les articles */

img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 3px; margin: 0 0 2px 10px; display: inline;}
img.alignleft {padding: 3px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

/* Légende */

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* Notation */

.ratings {height:30px; width:160px; background:#edf6f8; text-align:"center"; padding-bottom:10px; margin-left:auto; margin-right:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 1px 0px #a5d3dc;}
.ratings p {padding-top:10px; text-align:center; margin-left:auto; margin-right:auto;}

/* Articles similaires */

.related-posts-header {font:20px "Helvetica Neue", Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 15px auto 21px auto; width:700px;}
.related-posts-header span {padding:10px 10px 7px 10px;}
.related-posts img{clear:both; padding:5px; background:white; border:1px solid #DDD; margin-bottom:5px;}
.related-posts a:hover img{background:#302b27; border:1px solid #302b27;}
.related-posts ul a{clear:both; display:block; border:none; text-decoration:none;}  
.related-posts ul {clear:both; text-align:center; margin:10px 0px 0px 15px; padding:0; font-family: "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased;}
.related-posts ul li{width:120px; float:left; display:inline; margin-right:19px; padding:0; font-size:12px; margin-bottom:0px; color:#444; margin-left:0px;}
.related-posts {padding-bottom:0px; margin-bottom:0px; clear:both; margin-top:15px; display:both;}

/* Commentaires */
#commentsribbon {font:20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; position:relative; color:#fff; float:left; clear:both; font-weight:800; margin: 25px 0px 21px 0px;}
#commentsribbon span {padding:10px 10px 7px 10px;}
.comments-template{clear:both; font-family: "Helvetica Neue", Arial, sans-serif; color:#444; width:710px;}
.comments-template p{font-size:13px;}
.comments-template a{text-decoration:none; color:#0073b7;}
.comments-template a:hover{color:#65a041; text-decoration:none;}
#commentform input[type="text"]{border: 1px solid #CCC; font:13px "Helvetica Neue", Arial, sans-serif; padding:5px; color:#444;}
#commentform textarea {border: 1px solid #CCC; font:13px "Helvetica Neue", Arial, sans-serif; padding:5px; color:#444;}
.commentmetadata {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0px 1px 0px #a5d3dc; font:13px Helvetica, Arial, sans-serif; background:#edf6f8; padding:10px 0px 10px 15px; width:695px; margin-bottom:5px; margin-top:5px;}
.commentlist {list-style-type:none; margin:0px; padding:0px;}
.comment-content {min-height:55px; margin-bottom:10px; margin-top:15px; clear:both; width:710px; overflow: hidden;}
.cadre_commentaires {margin-top:10px; width:700px;}
.cadre_commentaires h3{text-shadow: 1px 1px white;}
.bypostauthor .commentmetadata {}
.bypostauthor .commentmetadata a{}
.comment-bubble{width:655px; float:right;}
.comment-bubble p{padding-top:5px; line-height:1.6; margin:0px;}
.comment-avatar{float:left; padding:4px; border: 1px solid #ccc; background-color: #fff; margin-right:10px; margin-bottom:5px; width:35px; height:35px;}

/* 404 */
#notfound {width:710px;}
#notfound p{font:13px "Helvetica Neue", Arial, sans-serif; color: #444; line-height:1.5; text-align:justify;}
#notfound a{color:#09C; text-decoration:none;}
#notfound a:hover{color:#65a041;}
#notfound ul {list-style:none; padding:0px; margin:0px; font:13px "Helvetica Neue", Arial, sans-serif; color: #444; line-height:1.5;}
#notfound li {list-style:none; margin-bottom:10px;}
#notfound li a{text-decoration:none; color:#09C;}
#notfound li a:hover{color: #65a041; text-decoration:none;}
#notfound h2{text-align:center; font:35px "Helvetica Neue", Arial, sans-serif; text-shadow: 0 1px 0 white; color: #444;}

/* TAGS */

#tags{-webkit-font-smoothing: antialiased; width:710px; clear:both; position:relative; display:block; font:13px "Helvetica Neue", Arial, sans-serif; margin:0px; line-height:1.769;}
#tags span{font-weight:bold; color:#2A7090;}
#tags a{text-decoration:none; color:#444;}
#tags a:hover{color:#09C; text-decoration:none;}

#alaune-box {width:212px; height:139px; border:5px; border-color:#302b27; border-style:solid; display:block; clear:both; position:relative; margin-left:15px; padding:0px;}
#alaune-box img {border:none;}
#alaune-box img a{border:none; z-index:5;}
#alaune-title {width:213px; height:29px; background:rgba(0, 0, 0, 0.7); position:absolute; bottom:0; border-top: 1px solid #302b27; margin-bottom:0px;}
#alaune-title p {color:white; font:14px Helvetica, Arial, sans-serif; text-align:right; margin:8px 5px 5px 5px; text-shadow: 0px 0px 5px #000;}

#tech-box {width:212px; height:139px; border:5px; border-color:#302b27; border-style:solid; display:block; clear:both; position:relative; margin-left:15px; padding:0px;}
#tech-box img {border:none;}
#tech-box img a{border:none; z-index:5;}
#tech-title {width:213px; height:29px; background:rgba(0, 0, 0, 0.7); position:absolute; bottom:0; border-top: 1px solid #302b27; margin-bottom:0px;}
#tech-title p {color:white; font:14px "Helvetica Neue", Arial, sans-serif; text-align:right; margin:8px 5px 5px 5px; text-shadow: 0px 0px 5px #000;}


/* Bouton Remonter */

#back-top {position: fixed; bottom: 180px; margin-left: -110px;}

#back-top a {
width: 80px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;

/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}

#back-top a:hover {color: #000;}

/* arrow icon (span tag) */

#back-top span {
width: 80px;
height: 80px;
display: block;
margin-bottom: 7px;
background: #ddd url(images/up-arrow.png) no-repeat center center;

/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
	
#back-top a:hover span {background-color: #777;}

#content article {
float: left;
margin-left: 12px;
overflow: hidden;
position: relative;
}

/* Interviews dans la sidebar */

#interviews {font: 10pt normal Arial, sans-serif; height: auto; text-align: center; width: 261px; line-height: 1; display: block;}
#interviews p a{color:#C0C0C0; line-height:1.4; text-decoration:none;}
/* top & bottom margin based on font size */
#interviews h3 {margin:5px 0; font-weight:bold; font-size:108%;}
/* Image Box Style */
#interviews .box {cursor: pointer; height: 117px; float: left; position: relative; overflow: hidden; width: 261px; margin-top:5px;}
#interviews .cine {border-bottom: 4px solid #d54421;}
#interviews .tv {border-bottom: 4px solid #b147a3;}
#interviews .box img {position: absolute; left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;}

/* Caption Common Style */
#interviews .box .caption {background-color: rgba(0,0,0,0.8); position: absolute; color: #fff; z-index:8;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out; left: 0;}

/** Caption 3: Fade **/
#interviews .box .fade-caption, #interviews .box .scale-caption  {opacity: 0; width: 231px; height: 87px; text-align: left; padding: 15px;}

/** Full Caption :hover Behaviour **/
#interviews .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);}

/** Fade Caption :hover Behaviour **/
#interviews .box:hover .fade-caption, #interviews .box:hover .scale-caption  {opacity: 1;}

/* Critiques dans la sidebar */

#reviews {font: 10pt normal Arial, sans-serif; height: auto; text-align: center; width: 261px; line-height: 1; display: block;}
#reviews p a{color:#C0C0C0; line-height:1.4; text-decoration:none;}
/* top & bottom margin based on font size */
#reviews h3 {margin:5px 0; font-weight:bold; font-size:108%;}
/* Image Box Style */
#reviews .box {cursor: pointer; height: 117px; float: left; position: relative; overflow: hidden; width: 261px; margin-top:5px;}
#reviews .cine {border-bottom: 4px solid #d54421;}
#reviews .tv {border-bottom: 4px solid #b147a3;}
#reviews .box img {position: absolute; left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;}

/* Caption Common Style */
#reviews .box .caption {background-color: rgba(0,0,0,0.8); position: absolute; color: #fff; z-index:8;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out; left: 0;}

/** Caption 3: Fade **/
#reviews .box .fade-caption, #reviews .box .scale-caption  {opacity: 0; width: 231px; height: 87px; text-align: left; padding: 15px;}

/** Full Caption :hover Behaviour **/
#reviews .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);}

/** Fade Caption :hover Behaviour **/
#reviews .box:hover .fade-caption, #reviews .box:hover .scale-caption  {opacity: 1;}

/* Concours dans la sidebar */

#contests {font: 10pt normal Arial, sans-serif; height: auto; text-align: center; width: 261px; line-height: 1; display: block;}
#contests p a{color:#C0C0C0; line-height:1.4; text-decoration:none;}
/* top & bottom margin based on font size */
#contests h3 {margin:5px 0; font-weight:bold; font-size:108%;}
/* Image Box Style */
#contests .box {cursor: pointer; height: 117px; float: left; position: relative; overflow: hidden; width: 261px; margin-top:5px;}
#contests .cine {border-bottom: 4px solid #d54421;}
#contests .tv {border-bottom: 4px solid #b147a3;}
#contests .box img {position: absolute; left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;}

/* Caption Common Style */
#contests .box .caption {background-color: rgba(0,0,0,0.8); position: absolute; color: #fff; z-index:8;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out; left: 0;}

/** Caption 3: Fade **/
#contests .box .fade-caption, #contests .box .scale-caption  {opacity: 0; width: 231px; height: 87px; text-align: left; padding: 15px;}

/** Full Caption :hover Behaviour **/
#contests .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);}

/** Fade Caption :hover Behaviour **/
#contests .box:hover .fade-caption, #contests .box:hover .scale-caption  {opacity: 1;}

/* --- disqus css -- */
.post-subtitle span{margin-left:0px;}
#disqus_thread {margin-top:5px; margin-bottom:10px; width:710px;}
.alert span {font: Helvetica, Arial, sans-serif;}

/* --- Breaking News -- */

.top-breaking-news {float: left; width: 990px; margin-top:19px; margin-bottom:19px; vertical-align: baseline;}
.top-breaking-news a{text-decoration:none; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#09C; font-weight:700;}
.top-breaking-news a:hover{color:#65a041;}

.breaking-news-title {width: auto; float: left; color: #ffffff; background-color: #e51b33; text-transform: uppercase; font-weight: 800; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; padding: 9px; font-size: 0.9em; position: relative;}

.top-breaking-news #quote_wrap {margin-top:4px; margin-left:3px; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; float: left;}

#content-social {float: right; width: 180px; vertical-align: baseline; margin-top:0px;}
#content-social ul {display: inline; float: right; padding:0px; margin:0px;}
#content-social ul li {display: inline; float: left; overflow: hidden;}

.fb-but {background: #FFF url(images/social-icons.png) 0 0;}
.fb-but:hover {background: #3b5997 url(images/social-icons.png) 0 -30px;}

.fb-but,
.twitter-but,
.instagram-but,
.youtube-but,
.google-but,
.rss-but {
	float: left;
		-moz-transition: all .1s;
		-ms-transition: all .1s;
		-o-transition: all .1s;
		-webkit-transition: all .1s;
	transition: all .1s;
	width: 30px; height: 30px;}

.twitter-but {background: #FFF url(images/social-icons.png) -30px 0;}
.twitter-but:hover {background: #00aced url(images/social-icons.png) -30px -30px;}

.google-but {background: #FFF url(images/social-icons.png) -60px 0;}
.google-but:hover {background: #000 url(images/social-icons.png) -60px -30px;}

.instagram-but {background: #FFF url(images/social-icons.png) -90px 0;}
.instagram-but:hover {background: #36658c url(images/social-icons.png) -90px -30px;}

.youtube-but {background: #FFF url(images/social-icons.png) -120px 0;}
.youtube-but:hover {background: #f00 url(images/social-icons.png) -120px -30px;}

.rss-but {background: #FFF url(images/social-icons.png) -150px 0;}
.rss-but:hover {background: #f60 url(images/social-icons.png) -150px -30px;}

.ticker-date{font-weight:700; color: #444;}

.littlecorner {position: absolute; top: 10px; right: -7px; border-left: 7px solid #e51b33; border-bottom: 7px solid transparent; border-top: 7px solid transparent; display: block; height: 0; transition: border 0.3s ease-in-out 0s; width: 0;}