<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}ol, ul{list-style: none;}body {background: #ffffff;}a{cursor: pointer;}a img{cursor: pointer;border: none;}/* ---------------- Defaults ------------------ */
body{font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;color: #444;text-align: center;background-image: url('../images/interface/background-center3.png'),url('../images/interface/background-border2.jpg');background-position: top , top ;background-repeat:no-repeat, repeat-x ;background-color: #DADADA}a {color:#AF0505;text-decoration:none;}a:hover {text-decoration:underline;}a:visited {color:#AF0505;}h1, h2, h3, h4, h5, h6 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:20px;clear:both;}h1{font-size:26px;line-height:40px;margin-bottom:0;}h2{font-size:20px;padding-bottom:14px;padding-top:14px}h3{font-size:18px;}p,dl,hr,h1,h2,h3,ol,ul,pre,table,address,fieldset {
-bottom: 20px;}.button{float: left;padding: 0.8em 3em;line-height: 1;text-align: center;border: 1px solid #CCC;background: url('../images/interface/button_bg.gif') repeat-x bottom #FFF;cursor: pointer;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.button:hover{text-decoration: none;background: url('../images/interface/button_bg_hover.gif') repeat-x top #FFF;}
/* ---------------- Layout ------------------ */
.noborder{border:0px;overflow:hidden;}
.alcent{text-align:center;}
#outerwrap{background: url('../images/interface/content_wrap_bg.gif') repeat-x bottom left;}
#container{float:left;margin:0 -360px 0 0;width:100%;overflow: hidden; }
#content{margin: 0 390px 0 0;padding: 20px 20px 30px 15px;}
#containerfull{padding:10;width:100%;background:none;background-color:white;}
.sidebar{width: 360px;float:right;overflow:hidden;}
#secondary, #primary{clear:right;}
.faux-column{background: url('../images/interface/sidebar_faux.png') repeat-y top right #FFF;-moz-border-radius: 5px;border-radius: 5px;overflow:hidden }
.width{margin: 0 auto;text-align: left;width: 960px;}
@media only screen and (min-width: 1280px) {	.width{margin: 0 auto;text-align: left;width: 1150px;}}
@media screen and (max-width: 1100px) {	.width{margin: 0 auto;text-align: left;width: 100%; }
	#container{float:left;margin:0 0px 0 0;width:90%;overflow: hidden;background-color:white; }
	#content{margin: 0 -0px 0 0;padding: 10px 10px 20px 5px;background-color:white;}
	/*.sidebar{width: 200px;float:right;overflow:hidden;background-color:#F1F1F1;}*/
	.faux-column{background: none; }}
@media screen and (max-width: 480px) {	.width{margin: 0 auto;text-align: left;width: 100%; }
	#container{margin:0 0px 0 0;width:100%;overflow: hidden;background-color:white; }
	#content{margin: 0 -0px 0 0;padding: 10px 10px 20px 5px;background-color:white;}
	.sidebar{display:none;}
	.faux-column{background: none; }}
.fleft{float: left;}
.fright{float: right;}
.clear {	clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after{clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

/* ---------------- Header ------------------ */
#blogtitle{padding-left:100px;float: left;/*line-height: 76px*/ }
#img-perso{position:absolute;margin-top:-135px;margin-left:-103px;z-index:-1;}
#blogtitle, #recherche{margin: 35px 0 5px 0px;}
#recherche{float: right;width: 240px;}
#recherche h3{display: inline-block;padding-left: 0px;margin: 0 4px 4px 0;background: none;}
#recherche form {padding: 0;background-color: #272727;border: 1px solid #272727;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#recherche input.input{background: none;border: 0;width: 125px;padding: 6px;color: #FFF;float:left;}
#recherche input.button{border: 0;padding: 6px 14px;float: right;}

/* ---------------- Navigation ------------------ */

.sf-menu a{text-decoration:none;}
#topbar .sf-menu{text-transform: uppercase;line-height: 1;font-size: 10px;margin: 0;float: right;}
#topbar .sf-menu a{padding: 11px 1em;}
#topbar .sf-menu a, #topbar .sf-menu a:visited {color: #CCC;}
#topbar .sf-menu li a:hover, #topbar .sf-menu li.current{background-color: #CCC;color: #666;}
nav .sf-menu{background: url('../images/interface/navbar_bg.png') repeat-x;display: block;position: relative;top: 6px;margin: 0 7px;font-size: 12px;}
nav .sf-menu li.nav-first{padding: 15px 1em 21px 20px;font-weight: bold;color: #FFF;background: url('../images/interface/navbar_left.gif') no-repeat top left;position: relative;left: -7px;}
nav .sf-menu li.nav-last{height: 48px;width: 7px;float: right;background: url('../images/interface/navbar_right.gif') no-repeat top right;position: relative;right: -7px;}
nav .sf-menu a{padding: 15px 1em;}
nav .sf-menu ul{border-bottom: 4px solid #69707a;}
nav .sf-menu a, nav .sf-menu a:visited {color: #dbdbdb;}
nav .sf-menu li li{background-color: #69707a;border-top: 1px dotted #999;width: 100%;}
nav .sf-menu li li:first-child{border-top: 0;}
nav .sf-menu li li a{padding: 11px 1em;}
nav .sf-menu li a:hover, nav .sf-menu li.current{background: url('../images/interface/over.png') no-repeat 10px 100%;color: #FFF;}
nav .sf-menu li li a:hover, nav .sf-menu li li.current{background: #36b6ca;border-bottom: 0;}
/*.descvideo{width:425px !important;margin-bottom:10px;}*/

@media screen and (max-width: 1100px) {
	body{font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;color: #444;text-align: center;background-image: url('../images/interface/background-center3_mobile.png'),url('../images/interface/background-border2.jpg');background-position: top , top ;background-repeat:no-repeat, repeat-x ;background-color: #DADADA}
	 #img-perso, .sidebar {display:none;}
	#blogtitle{padding-left:30px;margin:0px;margin-top:30px}
	nav .sf-menu{background: url('../images/interface/navbar_bg.png') repeat-x;display: block;position: relative;top: 6px;margin: 0 7px;font-size: 10px;}
	nav .sf-menu li.nav-first{padding: 15px 1em 21px 20px;font-weight: normal;font-size:8px;color: #FFF;background: url('../images/interface/navbar_left.gif') no-repeat top left;position: relative;left: -7px;}
	
}
@media screen and (max-width: 480px) {	
	nav .sf-menu{background: none;position: relative;top: 6px;margin: 0 2px;font-size: 8px;background-color:#60666F;}
	nav .sf-menu a{padding: 2px 0.3em;}
	.nav-first, .nav-last{display:none;}
}
@media screen and (max-width: 720px) {
	nav .sf-menu a{padding: 2px 0.3em;}
	#recherche{display:none;}
	.nav-first, .nav-last:{display:none;}
	.featured-second {display:none !important; }
	.featured-first {width:100%/*float: left;width: 480px;margin-right: 20px;*/}

}

/* Login Form */

#topbar a.login{color: #CCC;padding: 11px 1em;text-decoration: none;text-transform: uppercase;line-height: 1;font-size: 10px;float: left;}
#topbar a.login:hover{background-color: #CCC;color: #666;}

/* ---------------- Featured Article ------------------ */

#featured{padding: 20px 0 20px 20px;background-color: #FFF;border-bottom: 1px solid #DADADA;}

.featured-second {float: right;width: 35%;margin-right: 10px;}
.featured-first {float: left;width: 60%;margin-right: 10px;}
.featured-first a {color: #AF0505;}/*#009ABC*/

@media screen and (max-width: 1100px) {
	.featured{float: left;width: 100px;margin-right: 5px;position: relative;}
	.featured img{width:100px; height:100px}
	
}
@media screen and (max-width: 480px) {
	/*.featured{display:none;}*/
	.featured img{width:100px; height:100px}
	.featured-second {display:none;}
	.featured-first {float: none;width: 100%;margin-right: 10px;clear:both}
}
.featured .entry-title{font-size:12px ;margin-bottom: 0;padding-bottom: 2px;border-bottom: 2px solid #DADADA;}
.featured .entry-meta{color: #BBB;margin: 10px 0 4px;}
.entry-thumb{position: relative;margin-bottom: 8px;}
.entry-thumb .entry-meta{position: absolute;bottom: 0;margin-left: 20px;color: #FFF;}

/* ---------------- Content ------------------ */
h1.section-header{font-size: 16px;letter-spacing: 0.05em;line-height: 1;text-transform: uppercase;margin-bottom: 8px;}
.post{position: relative;float:right;margin:0 0 24px -200px;width:100%;padding-bottom: 7px;border-bottom: 1px solid #DADADA;}
.post .entry-title{letter-spacing: -0.025em;margin-bottom: 4px;}
.post .entry-content{margin:0 0 0 200px;padding-left: 20px;min-height:200px;/*height:200px;*/}
.post .entry-meta{color: #BBB;}
#content .entry-thumb{float: left;position: relative;overflow:hidden;width: 200px;height:200px;}
#content .entry-thumb a{display: block;text-indent: -9999em;line-height: 0;}
#content .entry-thumb img{display: block;}
#content .entry-thumb span a{text-indent: 0;line-height: 20px;}
#content .ads{background: url('../images/interface/entry_action.gif') repeat-x top;padding: 25px 40px 25px 20px;width: 100%;margin: 0 0 24px -20px;text-align:center;}
.entry-comments a{position: absolute;padding: 0 0.75em;bottom: 0;left: 0;background-color: #B3D31D;color: #FFF;}
.entry-comments a:hover{background-color: #009abc;text-decoration: none;}
.more-link{position: absolute;right: 0;padding-left: 20px;background: url('../images/interface/more_link.gif') no-repeat left center;}
@media screen and (max-width: 1100px) {
	.post .entry-content{margin:0 0 0 100px;padding-left: 20px;min-height:100px;/*height:200px;*/}
	#content .entry-thumb{float: left;position: relative;overflow:hidden;width: 100px;height:100px;}
	#content .entry-thumb img{display: block;width:100px;height:100px;}
	.entry-comments a{position: absolute;padding: 0 0.75em;bottom: 0;left: 0;background-color: #B3D31D;color: #FFF;font-size:0.75em;}
}
.post .entry-title a, .single .entry-title a, #featured .entry-title a {color: #444;}
.post .entry-title a:hover, .single .entry-title a:hover, #featured .entry-title a:hover{color: #3399CC;text-decoration: none;}

/* Single */
h1.entry-title{font-size: 28px;letter-spacing: -0.03em;}
.entry-meta{margin-top: 20px;}
.entry-content ul{list-style-type: disc;margin-left: 20px;}
.entry-content li{width: 90%;}
.action{position: relative;height: 100px;margin-bottom: 20px;}
.action h3{margin-bottom: 10px;}
#breaddate{padding: 4px 0;margin-bottom: 10px;border-top: 1px solid #DADADA;border-bottom: 1px solid #DADADA;height:20px}
.breadcrumb, .date {float: left;}
.date  {float: right;text-align: right; width: 50%;}
/* ---------------- Sidebar ------------------ */
ul.sidebar{margin: 0;border-top: 1px solid #FFF;}
ul.sidebar li{padding: 20px;border-bottom: 1px solid #d7d7d7;}ul.sidebar li h3{margin-bottom: 10px }ul.sidebar li li{background: none;padding: 0;border-bottom: 0;}li#search form{background-color: #b8b8b8;border: 1px solid #b8b8b8;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}li#search .input{border: 0;background: none;padding: 0.4em;color: #FFF;}li#search .button{border: 0;padding: 0.4em 2em;}li#archive div{float: left;width: 160px;}li#archive ul{margin: 0;list-style: none;}li#archive ul ul{padding-left: 10px;border-left: 1px solid #d7d7d7;}li#twitter p{padding-left: 54px;background: url('../images/interface/twitter_bird.gif') no-repeat 0px 6px;}li#facebook p{padding-left: 54px;background: url('../images/interface/ico-facebook.jpg') no-repeat 0px 6px;}li#rss p{padding-left: 54px;background: url('../images/interface/ico-rss.jpg') no-repeat 0px 6px;}li.widget ul{list-style: disc;margin: 0 0 20px 20px;}li.widget ol{list-style: decimal;margin: 0 0 20px 20px;}
.side-nav a{ margin: 0.4em 0.4em;padding: 0.4em 0.4em;text-align: center;border: 1px solid #CCC;background-color:#27282A;}
.side-nav a:hover{text-decoration: none;background-color:#9E9E9E;color:#AF0505;}.nav-next {float:right;text-align:right;max-width: 48%;}.nav-previous {float:left;max-width: 48%;}#related{padding-right: 0;}
#relatedDA{padding-right: 0;}#relatedDA ul{list-style: none;margin: 0;padding: 0}#relatedDA li{position: relative;float: left;margin: 0 20px 20px 0;}#relatedDA a {display: block;}#relatedDA .related-title a {position: static;display: block;width: 100px; position: absolute;padding: 0 0.75em;bottom: 0;left: 0;background-color: #36B6CA;color: #FFF;}

#related ul{list-style: none;margin: 0;padding: 0}#related li{position: relative;float: left;margin: 0 10px 10px 0;}#related a {display: block;}#related .related-title a {position: static;display: block;width: 100px; position: absolute;padding: 0 0.75em;bottom: 0;left: 0;background-color: #36B6CA;color: #FFF;}/* ---------------- Footer ------------------ */#ft{background-color: #27282A;color: #A5A5A5;}#footer-widget{padding: 20px 0 20px 20px;list-style: none;margin: 0;}#footer-widget li{float: left;width: 22.5%;padding-right: 20px;}#footer-widget ul{padding: 0;}#footer-widget li li{float: none;width: auto;padding: 0;}#footer-widget a {color:#B3D31D;}#credit{padding: 28px 0 }#credit p {}#wthar6{float: right;margin: 0;text-align: right;position: relative;}#wthar6 a{ width: 146px;height:20px;display:block; }.valeur{color:#AF0505;font-weight:bold;}p a{text-decoration: underline;}.liste-style A{color:#B3D31D;font-weight:bold;font-size:16px;letter-spacing:2px;} /*#3399CC*/.liste-style a:hover{color: #B3D31D;}.more_style  {border:1px solid #D8DFEA;padding:10px 15px;background-color:#EDEFF4;}.more_style a {color:#3B5998;cursor:pointer;text-decoration:none;font-size:16px;text-align:left;}.more_style a:hover{padding-left:3px;background:#3B5998;color:#fff;text-decoration: none;font-size:16px;}/*** ESSENTIAL STYLES ***/.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}.sf-menu {line-height:1.0;}.sf-menu ul {position:absolute;top:-999em;width:180px;/* left offset of submenus need to match (see below) */}.sf-menu ul li {width:176px;}.sf-menu li:hover {visibility:inherit;}/* fixes IE7 'sticky bug' */.sf-menu li {float:left;position:relative;}.sf-menu a {display:block;position:relative;}.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:-2px;top:42px;z-index:99;}/* match top ul list item height */ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:176px;top:2px;}/* match ul width */ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:176px;top:2px;}/* match ul width */.artistes_similaires{padding-bottom:20px;color:#3399CC;}.embed-container {  position: relative;  padding-bottom: 56.25%;/* 16:9 ratio */  padding-top: 30px;/* IE 6 workaround*/  height: 0;  overflow: hidden;}.embed-container iframe,.embed-container object,.embed-container embed {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}#multimedia strong{font-size:16px;}
#tags_artistes_similaires,#tags_styles{font-weight:bold;font-size:1.2em;letter-spacing:0.12em; line-height: 200%;}
#tags_styles a{color:#B3D31D; margin: 0.2em 0.2em;padding: 0.2em 0.2em;text-align: center;background-color:#27282A;}
#tags_artistes_similaires a{color:#FFF; margin: 0.2em 0.2em;padding: 0.2em 0.2em;text-align: center;background-color:#27282A;}

.note .link {display: inline-block;vertical-align: middle;position: relative;width: 40px;height: 40px;border-radius: 50%;border: 2px dashed white;background-clip: content-box;padding: 5px;transition: .5s;color: #D7D0BE;margin-left: 5px;margin-right: 5px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);font-size: 15px;}
.note .link span {  display: block;  position: absolute;  text-align: center;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.note .link:hover {transform: rotate(360deg);  color: white;}       /* margin-left: -5px;padding: 5px;translateX(10px)*/
.note .link.google-plus {  background-color: tomato;  color: white;}
.note .link.twitter {  background-color: #00ACEE;  color: white;}
.note .link.facebook {  background-color: #3B5998;  color: white;}

.note {margin-bottom:15px;width:100%;font-weight:bold;font-size:14pt;color:#AF0505;}/*background-color:#AF0505*/
.note strong{color:#3399CC;font-size:14pt;}
.note select{font-size:14pt;}

#rating{}

.ratebox
{
  display: block;
  float: left;
  height: 45px;
  background-color: #AF0505;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  color: #ffffff;
  font-family: Georgia,serif;
  font-size: 41px;
  padding-top: 18px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
}

#social .link {display: inline-block;vertical-align: middle;position: relative;width: 40px;height: 40px;border-radius: 50%;border: 2px dashed #3399CC;background-clip: content-box;padding: 5px;margin:5px;transition: .5s;color: #D7D0BE;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);font-size: 20px;}
#social .link span {  display: block;  position: absolute;  text-align: center;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
#social .link:hover {  color: white; transform:  rotate(360deg);}
#social .link.google-plus {  background-color: tomato;  color: white;}
#social .link.twitter {  background-color: #00ACEE;  color: white;}
#social .link.facebook {  background-color: #3B5998;  color: white;}.social .close-it { position: absolute; left: 160px; top: 12px; right: 0; z-index: 7778; width: 100px; }
p{margin-top:10px;margin-bottom:10px;}
.rs{margin-top:-6px;}

#content .hidden{
    display: none;
}
#content #loader{
display: none;
}


/* Add a black background color to the top navigation */
.topnav {
  background-color: #B30404;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 12px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.youtube { /* continer (responsive) */
  position: relative;
  cursor: pointer;
  background: #ccc no-repeat center center / cover; 
  padding-bottom: 56.25%; /* 16:9 */
  height: 0px;
  clear:both;
}

.youtube::before { /* play bubble */
  content: '';
  background: rgba(255, 255, 255, .6);
  height: 80px;
  width: 80px;
  display:block;
  margin: -40px 0 0 -40px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 20px 3px rgba(51, 51, 51, .8);
  transition: all .1s ease;
  z-index:1;
}

.youtube:hover::before { /* play bubble hover */
  background: rgba(238, 238, 238, .8);
  box-shadow: 0 0 10px 3px rgba(51, 51, 51, .8);
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}

.youtube::after { /* Play Triangle */
  content: '';
  width: 0;
  height: 0;
  line-height:0px;
  display:block;
  border-style: solid;
  border-width: 20px 0 20px 40px;
  margin: -20px 0 0 -15px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  z-index:2;
} 
.youtube iframe{ /* youtube embed (responsive) */
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:3;
}
/* END Fast &amp; Agile YouTube Embed by Schoberg.net */</pre></body></html>