/* 20150404 Updated GNRFR CSS */

@charset "utf-8";

body{background-color:#3b2527;background-image:url(bg2010.jpg);margin-top:12px}

blockquote{text-align:justify;text-indent:25px;background:url(../img/q_O.png);background-position:4px 4px;background-repeat:no-repeat;background-color:#dcdcdc;border:solid 1px #e6caca;padding:5px}
blockquote p{margin:0;display:inline;background:url(../img/q_C.png);background-position:bottom right;background-repeat:no-repeat;padding-right:24px}

#menu-title{font-family:Georgia;font-size:34px;color:#fff}
#menu-title a{color:#fff;text-decoration:none}
#menu-title a:hover{color:#c1c1c1;text-decoration:none}
#link-top{width:980px;height:165px;background-color:#efefef;margin:auto;position:absolute}

#home-bg{width:980px;height:690px;margin:auto;background-image:url(home-bg.jpg);background-repeat:no-repeat;background-position:40px 40px;z-index:1}
#home-news-header{width:536px;height:35px;z-index:1;position:absolute;margin-left:40px;margin-top:297px;padding-left:14px;padding-top:10px;font-family:Georgia;font-size:18px;color:#efefef}
#home-logo{ z-index:1;position:absolute;margin-left:50px;margin-top:30px;padding-top:132px;font-family:Georgia;font-size:18px;color:#efefef; background:url(bg-logo.png); background-repeat: no-repeat; background-position: 337px 125px; height: 53px; width: 580px; text-align: left; padding-left: 385px;}
#home-logo-v2{ z-index:1;position:absolute;margin-left:50px;margin-top:60px;padding-top:0;font-family:Georgia;font-size:18px;color:#efefef; height: 53px; width: 580px; text-align: left; padding-left: 385px;}

#home-logo a{color:#fff;text-decoration:none;display:block;height:70px;width:857px}
#home-logo a:hover{color:#c1c1c1;text-decoration:none}
#home-news-header,.news-header,.news-header h1{font-family:Georgia;font-size:18px;color:#efefef}
.news-header{font-weight:400;margin:0;padding:0}
#home-news-header,.news-header a,.news-header h1 a{color:#efefef;text-decoration:none;font-weight:400;display:block}
#home-news-header,.news-header a:hover,.news-header h1 a:hover{color:#c1c1c1;text-decoration:none;font-weight:400}
#menu{font-family:Georgia;font-size:16px;color:#ffe1e1;padding-bottom:7px;display:block;text-align:center}
#home-news{width:536px;height:236px;z-index:1;position:absolute;margin-left:40px;margin-top:340px;padding-left:14px;padding-top:14px;font-family:Arial;font-size:8.5pt;color:#fff;line-height:20px}
#home-news a{color:#fff;text-decoration:none}
#home-news a:hover{color:#ffc3c3;text-decoration:none}
#home-interviews{ width: 335px; height:auto; z-index:1;position:absolute;margin-left:590px;margin-top:340px;padding-left:14px;padding-top:14px; padding-bottom: 5px; background-color:#e7e7e7;font-family:Arial;font-size:8.5pt;color:#000;line-height:20px; }
#home-interviews a{color:#000;text-decoration:none}
#home-interviews a:hover{color:#6a0000;text-decoration:none}
#home-chinese{font-family:Arial;font-size:7.5pt;color:#fff}
#home-chinese a{color:#ffe1e1;text-decoration:none}
#home-chinese a:hover{color:#c1c1c1;text-decoration:none}
#home-global{width:980px;height:690px;margin:auto;padding-right:17px}
#home-white-layer{width:980px;height:690px;background-color:#e1e1e1;position:absolute;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;z-index:-1}
#home-chinese-bg{width:335px;height:115px;background-image:url(bg-chinese-home.jpg);position:absolute;margin-left:600px;margin-top:45px}
#home-chinese-content{width:317px;height:101px;z-index:2;position:absolute;margin-left:600px;margin-top:45px;padding:9px;padding-top:5px}
#home-chinese-layer{width:335px;height:115px;background-color:#000;position:absolute;margin-left:600px;margin-top:45px;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;border:1px solid #777}
#menu-bg{width:886px;height:95px;z-index:2;position:absolute;margin-left:40px;margin-top:170px;padding-left:14px;padding-top:5px;background-position:right;background-repeat:no-repeat}
#menu-layer{width:900px;height:35px;background-color:#555;position:absolute;margin-left:40px;margin-top:0;background:url(bg-menu01.png)}
#home-interviews-header{width:334px;height:35px;z-index:1;position:absolute;margin-left:590px;margin-top:297px;padding-left:14px;padding-top:10px;font-family:Georgia;font-size:18px;color:#efefef}
#home-interviews-header a{color:#efefef;text-decoration:none}
#home-interviews-header a:hover{color:#c1c1c1;text-decoration:none}
#home-news-layer{width:550px;height:40px;background-color:#6a0000;background:url(bg-menu-layer.png);position:absolute;margin-left:40px;margin-top:297px}
#home-interviews-layer{width:350px;height:40px;background-color:#420000;background:url(bg-home-layer.png);position:absolute;margin-left:590px;margin-top:297px}
#home-news-layer2{width:550px;height:250px;background-color:#444;position:absolute;margin-left:40px;margin-top:340px;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}

#footer{font-family:Arial;font-size:10px;color:#000}
#footer a{color:#000;text-decoration:none}
#footer a:hover{color:#6a0000;text-decoration:none}
#footer-left{width:371px;height:24px;background-color:#e7e7e7;background:url(bg-header03.jpg);position:absolute;margin-left:40px;margin-top:620px;padding-top:10px;padding-left:14px}
#footer-mid{width:175px;height:24px;background-color:#e7e7e7;background:url(bg-header03.jpg);position:absolute;margin-left:425px;margin-top:620px;padding-top:10px}
#footer-right01{width:140px;height:28px;background-color:#e7e7e7;background:url(bg-header03.jpg);position:absolute;margin-left:600px;margin-top:620px;padding-top:6px;padding-left:14px}
#footer-right02{width:182px;height:24px;background-color:#e7e7e7;background:url(bg-header03.jpg);position:absolute;margin-left:730px;margin-top:620px;padding-top:10px;padding-left:14px;padding-right:14px}
#footer-news{width:980px;float:left;padding-bottom:30px;padding-top:20px}
#footer-news-left{width:371px;height:24px;background-color:#cdcdcd;background:url(bg-header03.jpg);margin-left:40px;padding-top:10px;padding-left:14px;float:left}
#footer-news-mid{width:175px;height:24px;background-color:#cdcdcd;background:url(bg-header03.jpg);margin-left:0;padding-top:10px;float:left}
#footer-news-right01{width:140px;height:28px;background-color:#cdcdcd;background:url(bg-header03.jpg);margin-left:0;padding-top:6px;padding-left:14px;float:left}
#footer-news-right02{width:158px;height:24px;background-color:#cdcdcd;background:url(bg-header03.jpg);padding-top:10px;padding-left:14px;padding-right:14px;float:left}
#footer-news-bottom{width:980px;height:40px;float:left}

#news-top, #albums-top {width:510px;height:36px;background-color:#777;background:url(bg-header02.jpg);margin-left:7px;padding-top:4px;padding-left:10px;padding-right:10px;float:left;border:1px solid #7f7f7f;font-family:Arial;font-size:12px;color:#fff}
#news-top h2, #albums-top h2 {font-family:Arial;font-size:14px;color:#fff;margin:0;padding: 0;}
#news-top h2 a, #albums-top h2 a {color:#fff;text-decoration:none;display:block}
#news-top h2 a:hover, #albums-top h2 a:hover {color:#ffe1e1;text-decoration:none}
#news-date{width:135px;height:34px;background-color:#c7c7c7;background:url(bg-header03.jpg);margin-left:40px;padding-top:6px;padding-left:14px;float:left;border:1px solid #777;font-family:Arial;font-size:11px;color:#777}
#news-text, #photos-text {width:674px;background-color:#f1f1f1;margin-left:40px;padding:7px;margin-top:7px;border:1px solid #c7c7c7;float:left;margin-bottom:20px}
#news-text img, #photos-text img {background-color:#efefef;padding:1px;border:1px solid #6a0000}
#news,#news-text,.news-text, #photos-text {font-family:Arial;font-size:12px;color:#000}
#news a{font-weight:700;color:#bb3f3f;text-decoration:none}
#news a:hover{color:#6a0000;text-decoration:none}
#news-text a, #photos-text a {font-weight:700;color:#bb3f3f;text-decoration:none}
#news-text a:hover, #photos-text a:hover {color:#6a0000;text-decoration:none}
#imgleft { float: left; margin: 5px; }
#imgright { float: right; margin: 5px; }
#img-profil-list { float: left; margin: 2px; }
#news-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; overflow: hidden; text-align: center; }
#news-video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#newsimgtop { background-size: cover; background-position: center; height: 250px; max-width: 97%; margin: auto; margin-top: 10px; }
#news-white-layer{width:980px;margin-top:227px;float:left;background-image:url(bg-ie.png)}
#news-bg{width:980px;height:227px;background-color:#9b8b8b;margin:auto;background-image:url('news-bg.jpg?v');background-repeat:no-repeat;background-position:0 0}
#news-global{width:980px;float:left;padding-top:83px;z-index:1}
#news-content{width:750px;float:left;padding-top:10px}
#news-menu{width:980px; /* background-color:#d7d7d7; */ float:left}
#news-menu-top{width:886px;height:35px;z-index:2;position:absolute;margin-left:40px;margin-top:0;padding-left:14px;padding-top:0;float:left}
#news-header{width:886px;height:35px;z-index:1;position:absolute;margin-left:40px;margin-top:257px;padding-left:14px;padding-top:10px;float:left}
#news-layer{width:900px;height:40px;background:url(bg-header01.jpg);position:absolute;margin-left:40px;margin-top:257px}
#news-top5-header{width:687px;margin-left:40px;padding:2px;background-color:#e1e1e1;margin-top:5px;margin-right:5px;border:1px dotted #c1c1c1;float:left;color:#707070;font-family:Arial;font-size:12px;font-weight:700}
#news-top5-content{width:681px;margin-left:40px;border:1px dotted #c1c1c1;border-top:0;background-color:#f1f1f1;margin-right:5px;padding:5px;float:left}
#news-top5-content ul{margin:0;padding:0;list-style:none;padding-top:3px}
#news-top5-content li{margin-bottom:5px}
#news-top5-content li a{color:#bb3f3f; font-weight: normal; font-size: 11px; }
#news-top5-content li a:hover{color:#6a0000}
#news-top5-content ul > li > span { color: #707070; font-size: 11px; }
#news-top5-content img{margin-right:3px;margin-bottom:5px;margin-top:2px;border:none;padding:0}
#news-right{width:170px;background-color:#d8d8d8;float:left;padding:10px;margin-top:10px;margin-right:40px}
#news-date-res, .newsSep { display: none; }

#groupe-bg{width:980px;height:227px;background-color:#9b8b8b;margin:auto;background-image:url(groupe-bg.jpg);background-repeat:no-repeat;background-position:0 0}
.profils-list { float: left; margin: 15px; width: auto; }
.chrono_annee{color:#fff;font-family:Arial;font-size:18px;text-align:center;font-weight:700;background-color:#801106;padding:3px}
.chrono_mois{color:#aa1809;font-family:Arial;font-size:14px;text-align:left;font-weight:700;font-style:italic}
.chrono_space{background-color:#aa1809;font-size:14px;text-align:left}
#chansons-bg{width:980px;height:227px;background-color:#9b8b8b;margin:auto;background-image:url(chansons-bg.jpg);background-repeat:no-repeat;background-position:0 0}
.cdgauche{width:320px;height:322px;background-image:url(../img/cd_bg_left.jpg);text-align:left;margin-left:26px;margin-top:26px}
.cdsingle{background-color:#FFF;width:280px;height:280px;margin-left:15px;margin-top:16px;padding:5px;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}
.singlecontent{width:280px;margin-left:-135px;position:absolute;left:50%;top:50px;font-family:Arial;font-size:12px}
.cdhaut{width:578px;height:10px;background-image:url(../img/groupe/header.jpg);background-repeat:no-repeat;margin-left:-105px;position:absolute;left:50%;top:149px}
.cdbody{width:578px;background-image:url(../img/news/maquette_r5_c5.jpg);background-repeat:repeat-y;margin-left:-105px;position:absolute;left:50%;top:158px;text-align:center;padding-top:5px}
.cdcontent{background-image:url(bg-chinese-page.jpg);background-repeat:no-repeat;background-color:#000;padding-top:52px;padding-bottom:10px;float:left}
.cdcontent_amazon{background-image:url(../img/cd_amazon_bg.jpg);background-repeat:no-repeat;background-color:#000;margin-left:10px;margin-right:10px;padding-top:148px;padding-bottom:10px;float:left}
.cdtext{background-image:url(bg-ie80.png);font-family:Arial;font-size:12px;text-align:justify;float:right;padding:5px 10px;margin-left:180px;margin-right:10px;width:478px}
.cdtext h1{font-family:Georgia,Arial;font-size:22px;color:#b98748}
.cdtext h2{font-family:Georgia,Arial;font-size:18px;color:#b98748}
.cdlist li{margin-bottom:6px}
.cdlist li a{text-decoration:none;font-weight:700;color:#9a713c}
.cdlist li a:hover{text-decoration:underline;font-weight:700;color:#dba158}
.cdlist li a:visited{text-decoration:none;font-weight:700;color:#9a713c}
.cdlist li a:visited:hover{text-decoration:underline;font-weight:700;color:#dba158}
.cdtitle{font-family:Arial;font-size:16px;font-weight:700;font-style:italic}
#concerts-bg{width:980px;height:227px;background-color:#9b8b8b;margin:auto;background-image:url(presse-bg.jpg);background-repeat:no-repeat;background-position:0 0}
#presse-bg{width:980px;height:227px;background-color:#9b8b8b;margin:auto;background-image:url(concerts-bg.jpg);background-repeat:no-repeat;background-position:0 0}
#presse-list ul{list-style:square;margin-bottom:0;padding-bottom:0;padding-top:0;margin-top:0}
#presse-list li{margin-bottom:8px}

#amazon-bg{width:980px;height:227px;background-color:#9b8b8b;margin:auto;background-image:url(amazon-bg.jpg);background-repeat:no-repeat;background-position:0 0}
#amazon-content{float:left;padding-top:10px;padding-left:40px}
#amazon-top5-header{width:894px;padding:2px;background-color:#e1e1e1;margin-top:20px;margin-right:5px;border:1px dotted #c1c1c1;float:left;color:#707070;font-family:Arial;font-size:12px;font-weight:700}
#amazon-top5-content{width:888px;border:1px dotted #c1c1c1;border-top:0;background-color:#f1f1f1;margin-right:5px;padding:5px;float:left}
#amazon-top5-content ul{margin:0;padding:0;list-style:none;padding-top:3px}
#amazon-top5-content li{margin-bottom:5px}
#amazon-top5-content img{margin-right:3px;margin-bottom:5px;margin-top:2px;border:none;padding:0}

.pages{color:#efefef;font-family:Arial;font-size:12px;text-align:left; display: inline-block;
    margin-bottom: 10px; margin-top:  10px; }
.pages a{color:#888;font-family:Arial;font-size:12px;text-decoration:none;background-color:#e1e1e1;border:1px solid #777;padding:4px;padding-left:7px;padding-right:7px}
.pages a:hover{color:#e1e1e1;font-family:Arial;font-size:12px;font-weight:700;text-decoration:none;background-color:#777;border:1px solid #e1e1e1;padding:4px;padding-left:7px;padding-right:7px}
.pages2{color:#c1c1c1;font-family:Arial;font-size:12px;text-align:left;display: inline-block;
    margin-bottom: 10px;}
.pages2 a{color:#e1e1e1;font-family:Arial;font-size:12px;font-weight:700;text-decoration:none;background-color:#777;border:1px solid #e1e1e1;padding:4px;padding-left:7px;padding-right:7px}
.pages2 a:hover{color:#888;font-family:Arial;font-size:12px;text-decoration:none;background-color:#e1e1e1;border:1px solid #777;padding:4px;padding-left:7px;padding-right:7px}
.pagesTop { background: none; }
.pagesBtm { background: none; margin-bottom: 10px; }
.pagesContent { margin-top: -30px; }
.pagesTable { background: none; padding-top: 0; }
.deskNewsArchives { color: #efefef; background: none; padding: 10px; }
.light-txt { color: #efefef; }
.pageBack a, .pageBack a:hover { background: none; border: none; color: #efefef; padding: 0; }


/* CSS Menu */
ul.dropdown #submenu li{padding:0;margin:4px;margin-left:7px;border-bottom:1px solid #e1e1e1}
#submenu a{color:#000;display:block;font-size:11px;background-color:#e7e7e7}
#submenu a:hover{color:#6a0000;display:block;background-color:#d8d8d8}

ul.dropdown li.hover,ul.dropdown li:hover{background-color:#d8d8d8;color:#6a0000}
ul.dropdown li.hover,ul.dropdown li:hover a{color:#6a0000}
ul.dropdown a:link,ul.dropdown a:visited{color:#ffe1e1;text-decoration:none}
ul.dropdown a:hover{color:#6a0000}
ul.dropdown a:active{color:#6a0000}

ul.dropdown ul{background-color:#e7e7e7;border-right:1px solid #c1c1c1;border-left:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1}
ul.dropdown ul li a{font-weight:400;font-size:12px;font-family:Arial;color:#000}
ul.dropdown,ul.dropdown li,ul.dropdown ul{list-style:none;margin:0;padding:0}
ul.dropdown{position:relative;z-index:597;float:left}

ul.dropdown li{float:left;line-height:1.3em;vertical-align:middle;zoom:1;width:110px;display:block;float:left;color:#ffe1e1;padding:7px;text-decoration:none;background:url(bg-menu-li.png);background-position:right;background-repeat:no-repeat}
ul.dropdown li a{width:108px;height:21px;display:block}
ul.dropdown li.hover,ul.dropdown li:hover{position:relative;z-index:599;color:#6a0000;padding:7px;text-decoration:none;background-color:#d8d8d8;background:url(bg-header03.jpg)}

ul.dropdown ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:122px}
ul.dropdown ul li{width:110px;float:none}
ul.dropdown ul ul{top:1px;left:99%}

ul.dropdown li:hover > ul{visibility:visible}

#navRes { display: none; }

/* Lightbox CSS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* 20150406 Ajout Will */
#news-social { margin-top: 5px; width: 100%; float: left; }
#news-read { font-family: Arial; font-size: 9px; color: #8f8f8f; float: right; margin-top: 7px; }
#home-news-res { display: none; }
#resContent { display: none; }
nav { visibility: hidden; }
.profils-content img { width: 15%; }

#cse-search-box > #search-field { background: url(/img/search-bg.png); color: #777777; border: 1px solid #aaaaaa; border-right: none; padding: 3px; height: 17px; width: 128px; }
#cse-search-box > #search-submit { background: #444; margin: 0 0 -8px 0; color: #fff; padding: 0 3px 0 3px; border: 0; width: 28px; height: 25px; cursor: pointer; }

.monthres { display: inline-block; width: 156px; font-size: 14px; padding: 3px; margin-top: 5px; }


/* -------------------------------- */
/*        Responsive design         */
/* -------------------------------- */
@media screen and (max-width: 768px) {

    body { margin: 0; }
    
    #menu-bg { display: none; }
    #menu-layer {display: none;}

    #news-menu { width:100%; float:left}
    #news-menu-top { width:100%; background: #444444; height:50px; z-index:2; position:fixed; margin: 0; padding: 0; box-shadow: #222222 0px 2px 20px; }

    nav { visibility: visible; }

	#menuToggle
	{
	  display: block;
	  position: relative;
	  top: 7px;
	  left: 14px;
	  
	  z-index: 10;
	  
	  -webkit-user-select: none;
	  user-select: none;
	}

	#menuToggle a
	{
	  text-decoration: none;
	  /*color: #777777;*/
	  font-family: Georgia;
	  transition: color 0.3s ease;
	}

	#menuToggle a:hover { color: tomato; }


	#menuToggle input
	{
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  left: -5px;
	  
	  cursor: pointer;
	  
	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */
	  
	  -webkit-touch-callout: none;
	}

	/*
	 * Just a quick hamburger
	 */
	#menuToggle span
	{
	  display: block;
	  width: 33px;
	  height: 2px;
	  margin-bottom: 8px;
	  position: relative;
	  
	  background: #cdcdcd;
	  border-radius: 3px;
	  
	  z-index: 1;
	  
	  transform-origin: 4px 0px;
	  
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              opacity 0.55s ease;
	}

	nav img { position: absolute; top: 1px; width: 66px; height: 60px; right: 5px; }

	nav #sitename { width: 100%; position: absolute; text-align: center; color: #fff; font-size: 21px; padding: 10px; display: block; margin: -5px 0 0 -14px; }
	nav #sitename a { text-decoration: none; color: #fff; font-size: 21px; padding: 10px; display: block; margin: auto; width: 210px; height: 25px; }

	#menuToggle span:first-child
	{
	  transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2)
	{
	  transform-origin: 0% 100%;
	}

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -1px);
	  background: #232323;
	}

	/*
	 * But let's hide the middle one.
	 */
	#menuToggle input:checked ~ span:nth-last-child(3)
	{
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2)
	{
	  transform: rotate(-45deg) translate(0, -1px);
	}

	#menuMobile {
	  position: absolute;
	  width: 300px;
	  margin: -100px 0 0 -50px;
	  padding: 120px 0px 40px 50px;
	  
	  background: #ededed;
	  list-style-type: none;
	  -webkit-font-smoothing: antialiased;
	  /* to stop flickering of text in safari */
	  
	  transform-origin: 0% 0%;
	  transform: translate(-100%, 0);
	  
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	  box-shadow: #a1a1a1 0 2px 25px;
	}

	#menuMobile li
	{
	  padding: 10px 0;
	  font-size: 20px;
	}

	#menuMobile li a { color: #222; }
	#menuMobile li ul li a { color: #717171; }
	.menu-section { color: #fff; display: block; border-left: 3px solid #6a0000; padding: 5px 5px 5px 10px; width: 70%; }

	#menuMobile li ul li
	{
	  padding: 5px 0;
	  font-size: 16px;
	  list-style-type: disclosure-closed;
	}

	/*  And let's slide it in from the left */
	#menuToggle input:checked ~ ul
	{
	  transform: none;
	}
    
    #nav { display: none; }
    #navRes { display: block; top: 0; position: fixed; z-index: 1000; }
    #resLogo { position: fixed; top: 0; left: 5px; width: 55px; z-index: 1000; }
	#menu { font-size: 20px; }
	#menu-accueil { box-shadow: #222222 0px 2px 25px; }
    ul.dropdown #submenu li{padding:0;margin: 5px 0 5px 0;}  
    ul.dropdown li {float:left;line-height:1.3em;vertical-align:middle;zoom:1;width:100%;display:block;float:left;color:#ffe1e1;padding: 11px 0 10px 0;text-decoration:none;background: url('/img/burger-menu.png') right center no-repeat #444444; color: #efefef; }
    ul.dropdown li a{width:auto;height:21px;display:block}
	ul.dropdown li:hover { padding: 11px 0 10px 0; background: #d1d1d1; }
    
    ul.dropdown ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%; }
    ul.dropdown ul li{width:auto;float:none}
    ul.dropdown ul ul{top:20px;left:0}
    ul.dropdown {position:relative;z-index:597;float:left; width: 100%; }
    #submenu a{color:#000;display:block;font-size:14px;background-color:#e7e7e7} 
        
    #home-logo { position: relative; padding: 0; max-width: 320px; }
    #home-logo-v2 { display: none; }
    #home-logo a{color:#fff;text-decoration:none;display:block;height:70px;width:100%}
    #menu-title { display: none; }

    #home-news-res { display: block; width:100%;height:auto;z-index:1; float: left; position: relative; margin: 0; padding: 0;font-family:Arial;font-size: 12px; color:#fff; line-height: 16px; }
    #home-news-res > span { display: block; padding: 10px; }
    #home-news-res a{color:#fff;text-decoration:none; font-size: 14px; }
    #home-news-res a:hover{color:#ffc3c3;text-decoration:none}
    #home-news-res > ul { margin: 0; padding: 10px; list-style: none; }
    #home-news-res > ul > li { margin: 10px; }

    .homeMembresDesktop { display: none; }
    
    #home-news { display: none; }
    #home-bg{width:100%;height:300px; float: left; margin:auto;background-image:url(home-bg.jpg);background-repeat:no-repeat;background-position: 0 30px;z-index:1; background-size: cover; }
    #home-news-header{width:100%; height: auto;  background: #6a0000; z-index:1; position: relative; margin: 0; padding: 0; float: left; margin-top: 270px; }
    #home-news-header > form { display: none; }
    .news-header { display: block; padding: 10px; }
    #home-news{ width:100%;height:auto;z-index:1; float: left; position: relative; margin: 0; padding: 0;font-family:Arial;font-size: 12px; color:#fff; line-height: 16px;  }
    #home-news > span { display: block; padding: 10px; }
    #home-news a{color:#fff;text-decoration:none; }
    #home-news a:hover{color:#ffc3c3;text-decoration:none}
    #home-interviews{ width:100%;height:auto;z-index:1;position: relative; margin: 0; padding: 0;background: none;font-family:Arial;font-size:8.5pt;color:#000;line-height:16px; float: left; }
    #home-interviews > span { display: block; padding: 20px; color: #fff; font-size: 14px; }
    #home-interviews a{color:#efefef;text-decoration:none; font-size: 12px;}
    #home-interviews a:hover{color:#c1c1c1;text-decoration:none}
    #home-chinese{font-family:Arial;font-size:7.5pt;color:#fff}
    #home-chinese a{color:#ffe1e1;text-decoration:none}
    #home-chinese a:hover{color:#c1c1c1;text-decoration:none}
    #home-global { width: 100%; height: 100%; margin:auto; padding: 0;  }
    #home-white-layer{ display: none; }
    #home-chinese-bg{ display: none; }
    #home-chinese-content{width:100%;height:101px;z-index:2;position: relative; margin: 0; padding: 0}
    #home-chinese-layer{ display: none; }
    #home-interviews-header{ width:100%;height:auto;z-index:1;position: relative; background: #6a0000; margin: 0; padding: 0; font-family:Georgia;font-size:18px;color:#efefef; float: left; }
    #home-interviews-header > span { display: block; padding: 10px; } 
    #home-interviews-header a{color:#efefef;text-decoration:none}
    #home-interviews-header a:hover{color:#c1c1c1;text-decoration:none}
    #home-news-layer{ display: none; }
    #home-interviews-layer{ display: none; }
    #home-news-layer2 { display: none; }
    #resContent { display: block; }
    #deskContent { display: none; }
    .deskNewsArchives { color: #777; background: #efefef; padding: 15px; }

    .pages { color: #777; text-align: center; margin: 4px 0 4px; }
    .pagesTop { background: #efefef; }
    .pagesBtm { background: #efefef; margin-bottom: 0; padding-bottom: 10px; }
    .pagesContent { margin-top: -30px; }
    .pagesTable { background: #efefef; padding: 0; }
    .pageBack { display: block; width: 100%; text-align: center; padding: 0 0 20px 0; }
    .pageBack a, .pageBack a:hover { background: none; border: none; color: #777; padding: 0; }
    
    #news-top {width:95%;height:auto;background: #f1f1f1; margin:0;padding: 20px 10px 10px 10px;float:left;border: none;font-family:Arial;font-size:12px;color:#fff}
    #albums-top {width:95%;height:auto;background: #f1f1f1; margin:0;padding: 10px;float:left;border: none;font-family:Arial;font-size:12px;color:#fff}
    #news-top h2, #albums-top h2 {font-family:Arial;font-size: 28px; line-height: 30px; color:#000000;margin:auto;padding:5px 10px 5px 10px; text-align: center; display: block; max-width: 320px; }
    #news-top h2 a {color:#000000;text-decoration:none;display:block; font-size: 19px; }
    #albums-top h2 a {color:#fff;text-decoration:none;display:block; font-size: 19px; line-height: 23px; }
    #news-top h2 a:hover, #albums-top h2 a:hover {color:#444444;text-decoration:none}
    #news-date { /*width:100%; height:auto; background:none; margin: 0; padding: 0; float:left; border: none; font-family:Arial; font-size:16px; color:#fff;*/ display: none; }
    #news-date > span { display: block; padding: 5px; }
    #news-date > span > strong {  font-weight: normal; }
    #news-text, #photos-text {width:95%;background-color:#f1f1f1;margin:0;padding:10px 10px 30px 10px;border: none;float:left; }
    #news-text > span, #photos-text > span { display: block; padding: 30px 50px 30px 50px; font-size: 20px; line-height: 26px; }  
    /*#news-text > span > div > iframe { display: none; } */
    #news-text > span > table > tbody > tr > td > a { line-height: 16px; }
    #news-text > span > table > tbody > tr > td > a > img { margin-bottom: 4px; }
    #news-text > span > p > img, #news-text > span > div > img { max-width:  100%; height:  auto; text-align: center; display: block; }
    #news-text > span > img { max-width: 95%; height: auto; text-align: center; display: block; }
    #news-text img { /* background-color:#efefef; padding:1px; border:1px solid #6a0000; width: 70%; height: auto; margin-bottom: 20px; */ 
    	padding: 0; border: none;
    	 }
    .newsSep { height: 0; background: #efefef; margin: 0; display: block; }
    
    .monthres { display: inline-block; width: 260px; height:  36px; font-size: 19px; padding: 4px 4px 4px 10px; margin-top: 5px; border-color: #aaaaaa; border-radius: 4px; background: #eaeaea;
      -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-appearance: none;
	  -moz-appearance: none;
    }
	select.monthres {
	  background-image:
	    linear-gradient(45deg, transparent 50%, black 50%),
	    linear-gradient(135deg, black 50%, transparent 50%),
	    linear-gradient(to right, darkgray, darkgray);
	  background-position:
	    calc(100% - 23px) calc(1em - 4px),
	    calc(100% - 16px) calc(1em - 4px),
	    100% 0;
	  background-size:
	    7px 7px,
	    7px 7px,
	    2.5em 2.5em;
	  background-repeat: no-repeat;
	}

	select.monthres:focus {
	  background-image:
	    linear-gradient(45deg, white 50%, transparent 50%),
	    linear-gradient(135deg, transparent 50%, white 50%),
	    linear-gradient(to right, gray, gray);
	  background-position:
	    calc(100% - 16px) calc(1em - 6px),
	    calc(100% - 23px) calc(1em - 6px),
	    100% 0;
	  background-size:
	    7px 7px,
	    7px 7px,
	    2.5em 2.5em;
	  background-repeat: no-repeat;
	  border-color: #aaaaaa;
	  outline: 0;
	}

	#cse-search-box { margin: 5px; }
	#cse-search-box > #search-field { background: #eaeaea; color: #777777; border: 1px solid #aaaaaa; border-right: none; padding: 4px 0 3px 7px; height: 29px; width: 205px; font-size: 20px; border-radius: 4px 0 0 4px; }
	#cse-search-box > #search-submit { background: #888; margin: 0 0 -8px 0; color: #fff; padding: 6px 0 6px 0; border: 0; width: 50px; height: 39px; cursor: pointer; font-size: 21px; border-radius: 0 4px 4px 0; }

    #photos-text img { width: 90px; }
    #news-author-res { display: none; }
    /*#imgleft { float: none; display: block; text-align: center; margin: auto; margin-top: 10px; margin-bottom: 10px; max-width; 100%; }*/
    #imgleft { /* float: none; display: block; text-align: center; margin: auto; margin-top: 10px; margin-bottom: 10px; max-width; 100%; */
				max-width: none; display: block; margin: -10px 0 20px -33px; float: none; width: 116.5%; height: auto;
     			}
    #imgright { /* float: none; display: block; text-align: center; margin: auto; margin-top: 10px; margin-bottom: 10px; max-width; 100%; */
				max-width: none; display: block; margin: 10px; float: none; width: 116.5%; height: auto; display: block; text-align: center;
     			}
    #img-profil-res { display: none; }
    #img-profil-list { margin: 8px; }
    #img-profil-list > a > span { font-size: 12px; }
    .tableau { font-size: 14px; }
	#newsimgtop { height: 280px; max-width: none; margin: -20px 0 0 -50px; width: 115%; }
    #news, #news-text,.news-text{font-family:Arial;font-size:12px;color:#000}
    #news a{font-weight:700;color:#bb3f3f;text-decoration:none; line-height:  12px;}
    #news a:hover{color:#6a0000;text-decoration:none}
    #news-text a{font-weight:700;color:#bb3f3f;text-decoration:none}
    #news-text div > a {font-weight:700;color:#bb3f3f;text-decoration:none; font-size: 12px;}

    #news-text a:hover{color:#6a0000;text-decoration:none}
    .bigtxt { font-size: 16px; }
    #news-white-layer { width:100%;margin:0;float:left;background-image: none; }
    #news-bg { width:100%;height:200px;background-color:#9b8b8b;margin:auto;background-image:url('news-bg.jpg?v');background-repeat:no-repeat; background-position: -300px 15px;}
    #news-global{width:100%;float:left;padding-top:0;z-index:1}
    #news-content { width:100%; float:left; padding-top:0 }
    #news-header { width:100%; height: 48px; z-index:1; position:relative; background: rgba(106, 0, 0, 0.7); margin: 0; padding: 0 0 6px 0; float:left; margin-top: 64px; }
    #news-header > h1 { padding: 10px; font-size: 20px; }
    #news-layer { display: none; }
    #news-top5-header { width:95%; margin: 0; padding: 10px; background-color:#e1e1e1; border: none; float:left;color:#707070;font-family:Arial;font-size:16px; }
    #news-top5-content { width: 100%; margin: 0; border: none; border-top:0;background: none; padding: 0;float:left; }
    #news-top5-content ul { margin:0; padding: 10px; list-style:none; color: #c1c1c1; }
    #news-top5-content li { margin: 0 5px 10px 5px; }
    #news-top5-content ul > li > a { color: #ffffff; font-size: 16px; }  
    #news-top5-content ul > li > a:hover { color: #e1e1e1; } 
    #news-top5-content ul > li > span { color: #a1a1a1; font-size: 16px; } 
    #news-top5-content img{ display: none; }
    #news-right{ float: left; width: 95%; height: auto; padding-top: 20px; }
    #news-social { margin: 0; }
    #news-res { padding: 10px; margin: -20px 0 20px 0; }
    #news-read { margin: 7px; font-size: 12px; }
    /*.news-title-res { display: none; }*/
	#news-video { margin-left: -30px; width: 108.5%; }
	#news-date-res { display: block; width: 100%; float: left; text-align: center; font-size: 12px; color: #777777; background: #f1f1f1; font-family: Arial; padding: 10px 0 10px 0; }
    
	.chrono_mois { font-size: 18px; }
	.chrono_annee { font-size: 20px; }

	.profils-content img { width: 100%; }
	.res-none { display: none; }

	#album-header-desk { display: none; }
	#album-cover { position: absolute; width: 87%; display: block; }
	#album-songs { padding-top: 100px; }

    #groupe-bg{width:100%;height:200px;background-color:#9b8b8b;margin:auto;background-image:url(groupe-bg.jpg);background-repeat:no-repeat;background-position: -230px 0; }
    .profils-list { float: left; margin: 10px; width: auto; }
    .profils-list > img { width: 75px; } 
    #chansons-bg{width:100%;height:200px;background-color:#9b8b8b;margin:auto;background-image:url(chansons-bg.jpg);background-repeat:no-repeat;background-position: -200px 0}
    #concerts-bg{width:100%;height:200px;background-color:#9b8b8b;margin:auto;background-image:url(presse-bg.jpg);background-repeat:no-repeat;background-position: -200px 0}
    #presse-bg{width:100%;height:200px;background-color:#9b8b8b;margin:auto;background-image:url(concerts-bg.jpg);background-repeat:no-repeat;background-position: -440px 0}
    #presse-list ul{list-style:square;margin-bottom:0;padding-bottom:0;padding-top:0;margin-top:0}
    #presse-list li{margin-bottom:8px}
    #amazon-bg{width:100%;height:200px;background-color:#9b8b8b;margin:auto;background-image:url(amazon-bg.jpg);background-repeat:no-repeat;background-position:-340px 0}
    

    /*#footer{ display: none; } */
    #footer a{color:#000;text-decoration:none}
    #footer a:hover{color:#6a0000;text-decoration:none}
    #footer-left{ width: 96.5%; margin: 0; float: left; position: relative; margin-top: 40px; text-align: center; }
    #footer-mid{display: none; }
    #footer-right01{display: none; }
    #footer-right02{display: none; }
    #footer-news{ width: 100%; padding: 0; margin-top: -40px; }
    #footer-news-left{ width: 96.5%; margin: 0; float: left; position: relative; margin-top: 40px; text-align: center; padding-bottom: 5px; }
    #footer-news-mid{display: none;}
    #footer-news-right01{display: none;}
    #footer-news-right02{display: none;}
    #footer-news-bottom{display: none;}
}

@media screen and (max-width: 600px) {
	#news-top h2 { font-size: 19px; line-height: 23px; }
	#news-header > h1 { font-size: 14px; }
	#news-text > span, #news-right > span, #news, #news-text > div > span > p { padding: 10px; font-size: 17px; line-height: 21px; }
	#news-text > span > a { line-height: 14px; }
	#news-video { margin-left: -15px; width: 109%; }
	#newsimgtop { height: 200px; margin-top: -15px; width: 122%; }

	#imgright { /* float: none; display: block; text-align: center; margin: auto; margin-top: 10px; margin-bottom: 10px; max-width; 100%; */
				max-width: none; display: block; margin: -10px 0 20px -25px; float: none; width: 112.5%; height: auto; }
}