/*************** GENERAL ***************/

header { background: #fff; }
select, input, textarea {border: 1px solid #CCC;font: 100% 'PT Sans';padding:5px 10px;margin:0px;color:#444;}
input[type="checkbox"] {margin:5px;}
.ombre {background: white;border-radius: 3px;padding: 3px 5px;margin: 3px ;}
.ombre:disabled {background: #f4f4f4;}
#hab_click {display: none;height: 195px;z-index: 1;width:980px; margin:0 auto;}
#hab_click img {height: 195px;width:980px;}
#hab_click_side {position: absolute; cursor:pointer; z-index:0; top:0; left:0; width:100%; height:100%;}

#baseurl {display:none;}
.img-tooltip { width:150px;}
body .ui-tooltip {border: 1px solid #777;box-shadow: none;padding: 3px;border-radius: 0;box-shadow: 0 0 5px #444;}
a.up {color:#444; font-weight:bold;}

#pub-overlay {display:block;}
#pub-overlay .overlay-grise {opacity: 0.97;}
#interstitiel {height: 450px;left: 50%;margin-left: -450px;margin-top: -225px;opacity: 1;position: absolute;top: 50%;width: 900px;z-index: 1001;background: transparent;}
#interstitiel a {display:block;}
#interstitiel a img {width:900px; height:450px;}
#interstitiel-ferme {left: 50%;margin-left: -450px;margin-top: -250px;opacity: 1;position: absolute;text-align: right;top: 50%;width: 900px;z-index: 1001;}
#interstitiel-ferme a {color:white;cursor:pointer;}
#interstitiel-ferme a:hover {color:#eb5e1c; text-decoration: underline;}

.single-title-serie h1 {margin:0px -5px 0px -5px; text-transform: uppercase;font-size: 17px;}
h1 img, .post-nav img {margin-top:-3px;}

.txc {text-align: center;}
.txr {text-align: right;}
.txl {text-align: left;}        

.grise {color:#aaa !important;}
.orange {color:#eb5e1c !important;}
.rouge {color:#f40500 !important;}
.vert {color:#1c9707 !important;}

btn
.onglet-active {color: #444 !important;background: white;padding: 6px 10px;}

.classement {font-size:28px !important; font-weight: bold !important;color:#999;}

img.flag {vertical-align: top;}


.unknown {background-color:#F2D4CE !important; border-color : #AE432E !important;color:#AE432E !important;}


ul.ul-retrait li {list-style:none; margin-left:15px;}

/** Masque /Demasque **/
.masque {display:none;}
a.toggle-masque {float:right; font-weight:bold;margin:10px;}

#social-like {margin-bottom: 20px;margin-top: 0px;overflow: hidden;}
#facebook-like, #twitter-like, #forum-like, #social-buttons, .pw-widget {float: right;}
#social-buttons a, .pw-widget a {margin-left:2px !important;}
#forum-like {margin-left: 0px;}
#forum-like .button.btn {padding: 6px 10px 5px;font-size: 14px;margin-left:1px;}
#forum-like i {margin-right:3px;font-size:16px !important;}

/*** Recupérer de Index ***/

.general { width:980px; margin:0 auto; position:relative; background:#fff; z-index:1;}
.container { background:#fff; z-index:1;}
.wrapper { margin-top:0px; padding-top:15px;}
.scrolltop { background: url(../skin/top.png) repeat; width:40px; height:40px; }
.post-tooltip { font-size:13px; color:#fff; background:#444; display:none; padding:3px 10px; position:absolute; z-index:1000; }
.line-head { height:1px; background:#F7F7F5; margin-top:5px; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { text-align:center;}
.sticky {}
.bypostauthor  {}
.wp-caption {}
.wp-caption-text {}
.single-thumb img, .magazine-widget img, .post-image img, .portfolio1 img, .portfolio2 img { width:100%; height:auto; }
.video-frame { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; }
.video-frame iframe,.video-frame object,  .video-frame embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.video-shortcode { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; }
.video-shortcode iframe,.video-shortcode object,  .video-shortcode embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/** OVERLAY **/
.overlay {display: none;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;position: fixed;}
.overlay-grise {background: url(../skin/overlay.png) repeat;height: 100%;left: 0px;position: fixed;width: 100%;z-index: 1000;opacity: 0.8;cursor:pointer;}
.overlay-div {left: 50%;opacity: 1;position: absolute;top:20%;z-index: 1001;background: white;border-radius: 0px;border: 1px solid #222;overflow: hidden;width: 500px;background: #FAFAFA;}
.overlay-entete {background: #222;padding: 7px 7px 7px 13px;text-align: left;font-size: 16px;color: white;font-family: 'PT Sans';}
.overlay-entete a.ferme-overlay {color:#555;float:right;}
.overlay-entete a.ferme-overlay:hover {color:#aaa;}
.overlay-entete img {float:right;}
.overlay-container {margin: 10px 15px 10px 15px;overflow: hidden;max-height: 500px;overflow-y: auto;}
.overlay-boutons {background: #EAEAEA;border-top: 1px solid #CCC;border-radius: 0 0 5px 5px;padding: 7px 10px;text-align: right;}
.overlay-container::-webkit-scrollbar {width: 8px;height: 8px;}
.overlay-container::-webkit-scrollbar-thumb {background-color: #BDBDBD;border-left: 1px solid #AAA;border-right: 1px solid #AAA;}
.overlay-container::-webkit-scrollbar-track {background-color: #EEE;border: 1px solid #BDBDBD;}
.overlay-texte {margin:1px;}
.overlay-icon-avis {float: left;margin: 5px 20px 0 5px;background:url(../skin/avis.png)  no-repeat 50% 50%;width:48px;height: 48px;opacity:0.8;}
.overlay-icon-alire {float: left;margin: 5px 20px 0 5px;background:url(../skin/heart.png)   no-repeat 50% 50%;width:48px;height: 48px;opacity:0.8;}
.overlay-icon-motcle {float: left;margin: 5px 20px 0 5px;background:url(../skin/key.png)   no-repeat 50% 50%;width:48px;height: 48px;opacity:0.8;}
.overlay-icon-cote {float: left;margin: 5px 20px 0 5px;background:url(../skin/tag.png)  no-repeat 50% 50%;width:48px;height: 48px;opacity:0.8;}


#msg-overlay .overlay-div {width:650px;margin-left:-325px;background: #fff;}
#msg-overlay .overlay-entete {font-size: 1.3em;text-align: center;background: #fff;border-bottom: 1px solid #eee;color: #444;padding: 14px;font-weight: bold;}
#msg-overlay .overlay-container {padding: 10px 15px 20px;}
#msg-overlay .overlay-boutons {background: #fff;border-top: 1px solid #eee;}


/** Gallery & Portfolio **/
ul#filter { float: left; font-size: 14px; list-style: none; margin-top:0; margin-bottom:20px; }
ul#filter li { float: left; line-height: 28px; margin-right: 10px; }
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { background:#222; color:#fff; text-decoration: none; text-transform:capitalize; padding:5px 15px; }
ul#filter li.current a, ul#filter li a.current, ul#filter a:hover { background:#BA0D16; }
#portfolio .post-title{ background:url(../skin/bg-pattern.png) repeat #fafafa; border:none; }
ul#portfolio { float: left; list-style: none; margin-left: 0; }
.portfolio1 li { float: left; width:300px; overflow:hidden; margin:0 10px 30px 10px; }
.portfolio2 li { float: left; width:220px; margin:0 10px 30px 10px; }
.portfolio2 .post-title { font-size:14px; }
.portfolio1 .post-title { font-size:16px; }
.picture_counter { background:#111; padding:7px; position:absolute; top:0; left:0; display:block; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:1000; line-height:1; color:#fff; font-size:16px; }
.gallery-image { margin-bottom:20px; }
.picture_title { background:#111; overflow:hidden; padding:7px; position:absolute; bottom:0; left:0; display:block; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; z-index:1000; line-height:1; font-size:14px; }
.picture_title a { color:#fff; }

	/** Hover Image **/
	.video-format-icon { background:#111 url(../skin/format-icon/format-video.png) no-repeat 50% 50%; display:block; line-height:0; }
	.gallery-format-icon { background:#111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%; display:block; line-height:0; }
	.audio-format-icon { background:#111 url(../skin/format-icon/format-audio.png) no-repeat 50% 50%; display:block; line-height:0; }
	.standard-format-icon { background:#111 url(../skin/format-icon/format-standard.png) no-repeat 50% 50%; display:block; line-height:0; }
        .zoom-format-icon { background:#111 url(../skin/format-icon/format-zoom.png) no-repeat 50% 50%; display:block; line-height:0; }
	.portfolio-format-icon { background:#111; display:block; line-height:0; }
	.reviews-icon { background:#111 url(../skin/format-icon/format-reviews.png) no-repeat 50% 50%; display:block; line-height:0; }
	.preview-icon { background:#111 url(../skin/preview.png) no-repeat 50% 50%; display:block; line-height:0; }
	
/*************** HEADER ADDS **********************/
.header-adds {overflow:hidden; line-height:0; }
.header-adds-toggle { position:absolute; right:0; height:30px; width:30px; background:url(../skin/header-adds-open.png) no-repeat; overflow:hidden;}
.header-adds-toggle.active { background:url(../skin/header-adds-close.png) no-repeat; }

/*************** TOP **********************/
.top { height:32px; background:#222; margin:0 auto; }
.top-wrap { width:960px; margin:0 auto; }
.datetime, .top-connexion { text-align:right; }
.top-nav-wrapper  {  }
.menu-top-connexion  { float:right; margin-right:-20px;}
.topNav { float:left; margin:0; }
.topNav a, .datetime  { font-size:11px; line-height:32px; color:#e1e1e1; text-transform:uppercase; }
.topNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }
.topNav li a{ padding:0 20px 0 0; display:block; }
.topNav li a.no-msg {color:#696969;}
.topNav li.mail img {margin: -2px 4px 0 0;}
.topNav li a span { color:#eb5e1c; }
.topNav li.active a { color: #777; }
.topNav li ul { display: none; margin:0 !important; }
.topNav li:hover > ul, .topNav li.hover > ul { display: block; position: absolute; top: 32px; left: -20px; z-index: 2000; width: auto; }
.topNav li  > ul { height:auto;  width: auto; background: #222; border:1px solid #3c3c3a; padding:0; }
.topNav li  > ul li {  width:150px; padding: 0; position: relative; height:30px; border-bottom:1px solid #3c3c3a; }
.topNav li  > ul li:last-child{  border-bottom:none; }
.topNav li  > ul li a { text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left;  font-size: 11px; line-height:20px; color:#ebebeb; }
.topNav li  > ul li a:hover { border:none; }
.topNav li ul li:hover > ul, .topNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 150px; z-index: 0; width: 150px; }
	
/** #li-connexion {background: url(../skin/icons/lock.png) 0px 9px no-repeat; padding-left: 15px;} **/

/*************** SOCIAL HEADER ****************/
.header-content { height:35px; padding-top:15px; }
.social-header {}
.social-header ul { overflow:hidden; margin:0; float:right; }
.social-header ul li{ float:left; list-style-type:none; border:none; padding:0 10px 0 0; }
.social-header ul li:last-child { padding:0; }
.social-header ul li.rss a{ background:url(../skin/social-icons/rss.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.facebook a{ background:url(../skin/social-icons/facebook.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.google a{ background:url(../skin/social-icons/google.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.twitter a{ background:url(../skin/social-icons/twitter.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.vimeo a{ background:url(../skin/social-icons/vimeo.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.youtube a{ background:url(../skin/social-icons/youtube.png) no-repeat ; width:25px; height:25px; display:block; }
.social-header ul li.flickr a{ background:url(../skin/social-icons/flickr.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.deviantart a{ background:url(../skin/social-icons/deviantart.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.linkedin a{ background:url(../skin/social-icons/linkedin.png) no-repeat ; width:25px; height:25px; display:block; }
.social-header ul li.recherche a {background: url(../skin/social-icons/search.png) no-repeat;width: 25px;height: 25px;display: block;}
.social-header ul li.aide a {background: url(../skin/social-icons/help.png) no-repeat;width: 25px;height: 25px;display: block;}


/******************** LOGIN ************************/
#login-div {margin-left:-180px; width:360px; top:30%;}
.overlay-icon-login {float: left;margin: 5px 20px 0 5px;background-image:url(../skin/closed-lock.png);width:40px;height: 48px;opacity:0.8;}
.overlay-container fieldset {float: left;margin: 0 0 5px 0;overflow:hidden;}
.overlay-container ul {list-style: none;overflow: hidden;margin: 0;padding: 0;}
.overlay-container ul li label {width: 85px;display: inline-block;}
.overlay-container [type="text"],.overlay-container [type="password"] {width:150px;}
.overlay-container span a {color:#eb5e1c;margin-left:80px;}
.overlay-container span a:hover {text-decoration:underline;}

/** BOUTONS **/
.buttonflat {display:inline-block; color:#fff; background-color: #444;font-family: 'PT Sans';text-transform: none;font-size: 13px;padding: 5px 10px;border-radius: 3px; text-align: center;cursor: pointer;white-space: nowrap;vertical-align: middle;border: 1px solid #444;margin:0 3px 3px 0;}
.buttonflat:hover, .buttonflat:focus, .buttonflat:active, .buttonflat.active {color: #fff;background-color: #333;border-color: #333;}

.buttonflat.white {color:#444; background-color: #f4f4f4; border-color:#f4f4f4;}
.buttonflat.white:hover {color:#444; background-color: #eee; border-color:#eee;}

.buttonflat.green {color:#fff !important; border-color:#7cae18; background-color: #7cae18;}
.buttonflat.green:hover {color:#fff !important; border-color:#72a016; background-color: #72a016;}

.buttonflat.orang {color:#fff; border-color:#eb5e1c; background-color: #eb5e1c;}
.buttonflat.orang:hover {color:#fff; border-color:#f46700; background-color: #f46700;}

.buttonflat.tool {padding: 4px 7px 2px;margin: -1px 1px;display: block;float: left;}
.album-admin .buttonflat.tool:hover {margin-top:2px;}

.button-serie .buttonflat.tool {padding: 3px 7px;margin: 2px;}

.album-online .buttonflat {display:block; padding:4px !important;}

.buttonflat.gray { background: #eee;border-color: #ddd;color: #444;}
.buttonflat.gray:hover {background: #ddd; border-color: #ccc;}

.bt-avis .buttonflat {padding:0 8px;}

.bt-xs {padding:1px 5px; font-size:12px;}
.bt-mid {padding:3px 7px; font-size:13px;}
.bt-block {display: block;margin:0 0 3px 0; }

.button {padding: 2px 10px;white-space: nowrap;overflow: visible;display: inline-block;margin-bottom: 0;font-size: 13px;color: #fff;text-align: center;vertical-align: top;cursor: pointer; font-family: 'PT Sans' !important;-webkit-border-radius: 4px !important;-moz-border-radius: 4px !important;border-radius: 4px !important;}

.button, button {
        background-color: #E46000;
        background-image: -moz-linear-gradient(top, #e46000, #C05100);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e46000), to(#C05100));
        background-image: -webkit-linear-gradient(top, #e46000, #C05100);
        background-image: -o-linear-gradient(top, #e46000, #C05100);
        background-image: linear-gradient(to bottom, #e46000, #C05100);
        background-repeat: repeat-x;
        border: 1px solid #CCC;
        border-color: #E46000 #E46000 #B74D39;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-bottom-color: #803121;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe46000', endColorstr='#ffC05100', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button:hover, button:hover, .button:focus, button:focus {
        color: #fff;
        text-decoration: none;
        border-color: #803121;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 3px #f1ad7b;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 3px #f1ad7b;
        -o-box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 3px #f1ad7b;
        -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 0 3px #f1ad7b;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 3px #f1ad7b;
}

.button.gray, button.gray {
        color:#333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        background-color: #F5F5F5;
        background-image: -moz-linear-gradient(top, #FFF, #E6E6E6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#E6E6E6));
        background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
        background-image: -o-linear-gradient(top, #FFF, #E6E6E6);
        background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
        background-repeat: repeat-x;
        border: 1px solid #CCC;
        border-color: #E6E6E6 #E6E6E6 #BFBFBF;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-bottom-color: #B3B3B3;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button.gray:hover, button.gray:hover, .button.gray:focus, button.gray:focus {
        color: #333;
        background-color: #E6E6E6;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px #FFF;
        -o-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px#fff;
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px #FFF;
        border-color: #aaa;
}

.button.green, button.green {
        color: #fff;
        background-color: #ABD957;
        background-image: -moz-linear-gradient(top, #ABD957, #659111);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ABD957), to(#659111));
        background-image: -webkit-linear-gradient(top, #ABD957, #659111);
        background-image: -o-linear-gradient(top, #ABD957, #659111);
        background-image: linear-gradient(to bottom, #ABD957, #659111);
        background-repeat: repeat-x;
        border: 1px solid #6A9912;
        border-color: #8DCC18 #7CB315 #6A9912;
        border-bottom-color: #6A9912;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffABD957', endColorstr='#ff659111', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button.green:hover, button.green:hover, .button.green:focus, button.green:focus {
        text-decoration: none;
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px #FFF;
        -o-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px#fff;
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px #FFF;
        border-color: #659111;
}

.album-online .button {width: 77px;margin-bottom: 4px;}
.button img  {margin: 0;}
img.ecommerce {margin: -1px 0px 0 5px;}
.btAchat {margin-bottom: 3px;padding: 3px 5px 2px !important;color: #333!important; display:block;}
.btAchat img {}
.bt-nouveaute .btAchat {padding: 3px 2px 1px 2px !important;width: 86px;text-align: right;float:right;}

.button.icon {padding: 0px 3px 2px 3px;}

a.button.full {height: auto; padding-top:5px;}

/*************** SPOTLIGHT *****************/
.spotlight{ overflow:hidden; background:#222; margin-top:10px;  }
.spotlight-title { background:url(../skin/side-title-spotlight.png) no-repeat right; color: #fff; text-transform:uppercase; float:left; padding:0 40px 0 30px; height:34px; line-height:34px; }
.spotlight-title span { position:relative; top:-2px; padding:0 5px 0 0; }
ul#ticker { margin-bottom:0; }
ul#ticker li { float:left; display:none; margin-right:15px; }
ul#ticker li a { color:#fff; line-height:32px; }
ul#ticker li a:hover { color:#999; }
.tickercontainer { /* the outer div with the black border */  background:#222; height:34px;  margin: 0;  padding-right:30px; overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative; top: 0; overflow: hidden;  }
ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 860px; }
ul.newsticker li { background:url(../skin/spotlight-arrow.png) no-repeat 0 50%; float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0 0 0 12px; display:block !important; }
ul.newsticker a { white-space: nowrap; padding: 0; } 
ul.newsticker span { margin: 0 15px 0 0; }

/************** HEADER **************/
.logo-header { position:absolute; top:10px; left:-10px; z-index:100; }
.logo-header a { display:block; }
.logo-header img { width:190px; }
.logo-header .logo-subtitle {font-family: arial; font-size: 12px; color: #555; text-transform: uppercase; margin-left: 10px; }
.logo-env {position: absolute; top:35px; left: 165px; font-size: 11px; color: #fff; letter-spacing: 0px; font-weight: 600; background-color: #000; padding: 0 4px; border-radius: 5px;}

	/** Main Navigation **/
	.container_12.dropdownmenu{ display:none; }
	.main-nav-wrapper{ height:35px; position:relative; }
	.mainNav { float:right; height:30px; padding-bottom:0px; margin:0 !important; }
	.mainNav a { font-size:14px;}
	.mainNav ul { list-style-type: none; list-style-image: none; }
	.mainNav li {float:left; position: relative; list-style-type: none; list-style-image: none; }
        .mainNav > li {border-radius: 4px;}
        .mainNav li:hover {background:#333;}
	.mainNav li a { text-transform:uppercase; padding:5px 12px 0 12px; display:block; padding-bottom:7px;  }
        .mainNav li:hover a {color:#fff;}
	.mainNav li ul { display: none; margin:-4px 0 !important; }
	.mainNav li:hover > ul, .mainNav li.hover > ul { display: block; position: absolute; top: 30px; left: 0; z-index: 2000; width: 180px; border-radius: 0 4px 4px 4px;}
	.mainNav li  > ul { height:auto;  width: auto; background: #333;  padding:0; z-index:1000; padding-top:5px;}
	.mainNav li  > ul li {  width:180px; padding: 0; position: relative; height:35px; border-bottom:1px dotted #444;}
	.mainNav li  > ul li:last-child{  border-bottom:none;border-radius:0 0 4px 4px; }
	.mainNav li  > ul li a { text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left;  font-size: 13px; line-height:25px; color:#ebebeb; }
        .mainNav li  > ul li:hover { background:#444;  }
 
        .mainNav li  > ul li:hover a { color:#fff !important; }
        .mainNav li  > ul li:hover i { color:#fff !important; }
	.mainNav li  > ul li a:hover { border:none; }
	.mainNav li ul li:hover > ul, .mainNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 180px; z-index: 1000; width: 180px; }

	
	
/*************** CONTENT ****************/
        /** les pubs **/
        .header-pub, .banniere-top, .content-top { width: 940px; margin: 0px auto 5px auto; overflow: hidden;z-index:0;}
        .pub-interne-top, .interne-top { width: 190px; height:88px; border:1px solid #888; float: left; overflow:hidden; }
        .pub-interne-top img, .interne-top img { width: 190px; height: 88px; border: none;}             
        .pub-728x90, .ban-top { margin: 0 0 0 10px;height: 88px;width: 726px;background: white;float: right;overflow: hidden;border: 1px solid #ccc; }
        .interne-728x90 {position: relative;top: -1px;left: -1px;height: auto;width: 728px;}
        .pub-468x60 {margin-bottom:15px;}
        .pub-468x15 {padding: 5px;background: white;text-align: center;width: 608px;margin-bottom:15px;border:1px solid #eee;}
        .pub-468x60 iframe {margin: 0 auto 5px;}
        .pub-sticker {   
                background: rgba(255, 255, 255, 0.5);
                height: fit-content;
                width: fit-content;
                color: #444;
                font-size: 10px;
                font-weight: bold;
                font-family: sans-serif;
                line-height: normal;
                text-decoration: none;
                margin: 0px;
                padding: 6px;
                border-radius: 0 0 5px 0;
                position: absolute;
                z-index: 999;
        }
        .pub-sticker-hab {
                left :0;
        }
        
        .pub-interne-side { display: block; margin-bottom: 20px; height: 117px; width: 298px; border: 1px solid #777; overflow:hidden; margin-bottom:30px; }
        .pub-interne-side img { width: 298px; height: 117px; border: 1px solid #888;}        
        
	/** HTML styling **/
	.single-content a, .single-content strong  { font-weight:bold; }
	.single-content em { font-style:italic; }
	.single-content blockquote { background:url(../skin/quote.png) no-repeat; padding-left:32px; margin-left:25px; font-style:italic; }
	.single-content blockquote p { color:#999; }
	.single-content ul { padding-left:17px; margin-bottom:10px; }
	.single-content ul ul{ margin-left:10px; }
	.single-content ul li{ padding-left:8px; list-style: none;}
	.single-content ol { padding-left:17px; margin-bottom:10px; margin-left:25px;}
	.single-content ol ol { margin-left:10px; }
	.single-content ol li { list-style-type: decimal; padding-left:8px; }
	#gallery { margin: auto; }
	.gallery-item { float: left; margin-top: 10px;text-align: center; width: 20%;}
	.gallery-icon { margin: auto; width:100px; height:100px; background:#000 url(../skin/preview.png) no-repeat 50% 50%; }
	.gallery-icon img { width:100px; height:100px; }
	.gallery-caption { margin-left: 0;}
	
	/** Home Blog Style, Archive, Page **/
	.content { overflow:hidden; }
	.content-title { margin-bottom:20px; overflow:hidden; background:url(../skin/bg-pattern.png) repeat #fafafa; padding:18px 0; }
	.content-title h1{ font-size:25px; margin:0 18px; text-transform:uppercase; }
	.block-post { overflow:hidden; margin-bottom:20px; border:1px solid #efefef; }
	.block-post p{ margin:0; padding:0; }
	.post-content {  padding:15px 15px 15px 0; clear:both;}
	.post-title { overflow:hidden; font-size:26px; padding:7px 15px 0 15px; }
	.post-image{ position:relative; padding:15px 20px 15px 15px;  }
	.home-1 .post-image, .home-3 .post-image { float:left; overflow:hidden; width:300px; height:170px;}
	.home-1 .post-content {padding-left:335px;}
	.home-2 .post-content { overflow:hidden; padding:15px; }
	.home-2 .post-image, .home-3 .post-image, .home-4 .post-image { padding:0; }
	.home-3 .post-title, .home-4 .post-title { padding:5px 10px; }
	.home-2 .post-content, .home-3 .post-content, .home-4 .post-content { padding:0; border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;  }
	.home-2 .block-post p{ padding:0 15px 10px 15px; }
	.home-3 .block-post p, .home-4 .block-post p { padding:0 10px 10px 10px; }
	.home-3 .post-head, .home-4 .post-head { padding:5px 10px; background: #FAFAFA;}
	.home-3 .post-content h3, .home-4 .post-content h3 { font-size:16px; }
	.home-2 .block-post, .home-3 .block-post, .home-4 .block-post { border:none; padding-bottom:0; margin-bottom:20px; }
	.home-3 .block-post .last, .home-4 .block-post .last { display:block; float:left;  }
        .post-content.chronique  p {height: 160px;overflow: hidden;}
        .home-1 .post-image, .home-3 .post-image.preview, .home-3 .post-image.concours {height:150px;}
        
        .post-image.news {height:150px;}
        .post-content.news {border-top: 1px solid #EFEFEF;}
        .post-content.news p {height:140px;}
        .post-content.news.interview {background-image: url('../skin/icons/ico.camera.png'); background-position:  98% 5px; background-repeat: no-repeat;}
        .post-content.news.sans-bandeau p {height:290px;}
        .post-content.news.non-valide {border-color: #fce2e3; background-color: #fdf1f1;}
        .post-content.news .post-title {padding-bottom:0;}
        .post-content.news .post-subtitle {padding:0 10px 5px 10px;color:#eb5e1c;}
        
        .post-content.preview  p {height: 90px;overflow: hidden;}
        
        .post-content h3.post-title {height:23px;}
	/** Post Info for Blog Style **/
	.post-head { color:#666; padding:5px 15px; border-top:1px dashed #efefef;  }
	.post-head .info-date, .post-head .info-author, .post-head a { font-size:12px;  color:#666; }
	.info-author { background:url(../skin/author.png) no-repeat left; padding-left:20px; padding-top:5px; margin-right:10px; }
	.info-date { background:url(../skin/clock.png) no-repeat left; padding-left: 20px; padding-top:2px; margin-right:10px; }
	.info-comment { background:url(../skin/comment.png) no-repeat left; padding-left:20px; }
	.info-category { background:url(../skin/category.png) no-repeat left; padding-left:23px; margin-right:10px; }
	
	/** Single **/
	.single-block { overflow:hidden; margin-bottom:10px; }
        .single-title-wrap { background: url(../skin/bg-pattern.png) repeat #fcfcfc; margin-bottom:15px; padding-left:15px; border-bottom: 1px solid #DDD;} 
	.single-title { overflow:hidden; margin:0; padding:7px 0; position:relative;}
        .single-title h1 {text-transform: uppercase; width:475px;}
	.single-info { overflow:hidden; color:#666; padding:10px 0 5px 0; }
	.single-info a{ color:#666; }
        .single-info.nav {font-weight:bold;}
        .single-info i {margin-right:3px;}
	.single-thumb {  padding: 0px 0 20px 0; }
	.single-content .tagcloud { padding:10px 0 0 0; }
	.post-nav { overflow:hidden; margin-bottom:20px; background:url(../skin/bg-pattern.png) repeat #eee; padding:10px 15px; }
	.nav-right{ font-size:14px; overflow:hidden; float:right; }
	.nav-left { font-size:14px; overflow:hidden; float:left; }
        .nav-center { font-size:14px; overflow:hidden; float:left; margin-left:160px; }
	.single-tag { float:left;  }
	.single-category { float:left; background:url(../skin/category.png) no-repeat center left; padding-left:22px; margin-right:16px; color:#666; }
	.single-author { float:left; background:url(../skin/author.png) no-repeat 0 20%; padding-left:18px; margin-right:16px; color:#666; }
	.single-date { float:left; background:url(../skin/clock.png) no-repeat 0 40%; padding-left:20px; margin-right:16px; color:#666; }
	.single-comment { float:left; background:url(../skin/comment.png) no-repeat center left; padding-left:20px; margin-right:16px; color:#666;  }
	.-post-icon { float:right;  width:65px; height:43px; background:url(../skin/format-icon/post-standard.png) no-repeat center right; position:relative; right:15px; top:0; }
	.gallery-post-icon { float:right; width:65px; height:43px; background:url(../skin/format-icon/post-gallery.png) no-repeat center right ; position:relative; right:15px; top:0; }
	.video-post-icon { float:right;  width:65px; height:43px; background:url(../skin/format-icon/post-video.png) no-repeat center right; position:relative; right:15px; top:0; }
	.audio-post-icon { float:right;  width:65px; height:43px; background:url(../skin/format-icon/post-audio.png) no-repeat center right; position:relative; right:15px; top:0; }
	.reviews-post-icon { float:right;  width:65px; height:43px; background:url(../skin/format-icon/post-reviews.png) no-repeat center right; position:relative; right:15px; top:0; }
	.vente-post-icon {  float:right; text-align:center; width:70px; height:43px; background:url(../skin/format-icon/post-vente.png) no-repeat center right; position:relative; right:15px; top:0; }
        .vente-post-icon span {color: #fff;font-family: Oswald;font-size: 18px;margin-top: 6px;display: inline-block;font-weight: bold;}
        .vente-post-icon sup {font-size: 11px;display: inline-block;font-weight: normal;vertical-align: top;top: 9px;margin: 0 2px;}
        
        
        /** vente **/
        h2.titre-serie a {font-weight:normal;}
        h2.titre-serie a.titre {color:#eb5e1c; font-weight:normal;}
        .album-main ul.infos li.li-titre {font-weight: bold;color: #777;margin-top: 10px;margin-bottom: 5px;text-decoration: underline;}
        .cgv  {background:#eee; padding: 10px 25px;margin-bottom: 25px;}
        .cgv span {display:block;margin-bottom:10px;font-family:Oswald;font-size:17px;}
        
        .alerte-vendeur  {background:#f15959; padding: 5px 25px;margin-bottom: 25px;}
        .alerte-vendeur p  {color:#fff;}
        .alerte-vendeur span {display:block;margin-bottom:0px;font-family:Oswald;font-size:17px;color:#fff;}
        
        /** Black **/
        .single-title-wrap.black { background:#111; }
        .single-title-wrap.black .single-title { color:#fff; }
        .single-title-wrap.black .single-title h1 a { color:#fff; }
        .single-title-wrap.black .single-title h1 a:hover { color:#eb5e1c; }
        .single-title-wrap.black .album-num { color:#999; }
        .single-title-wrap.black .album-title { color:#999; }
        
        
	/** Reviews box **/
	.post-review { overflow:hidden; float:left; margin:15px 0; }
	.overall-score { background:#111; height:150px; width:129px; color:#f1f1f1; float:left; padding:15px 10px; text-align:center; border-right:1px solid #333; position:relative;}
        .overall-score img { bottom:5px; }
        .review-image { padding: 0; float: left;margin: 0 20px 10px 0;}
        .review-image img { width:230px; height:auto; /*border:1px solid #999;*/ }
        .review-planche { background:#222; height:170px; width:125px; color:#f1f1f1; float:left; padding:5px 5px; text-align:center; border-right:1px solid #333;}
        .review-planche img { width:125px; max-height: 170px;}
        .review-detail {height:180px; width:334px;  float:left; padding:0; }
        .title-score { position: absolute;top: -1px;right: 0px;padding: 0px 0px 0 4px; background: #222;z-index:10;}
        .footer-review {position: relative;margin-top:20px;margin-bottom:10px;}
        .social-review {position: relative;}
        .social-review > div {display: inline-block; vertical-align: top;}
        .social-review > div .btn {font-size: 12px;margin-top: 0;font-weight: bold;padding: 2px 7px 0;margin-right: 5px;} 
        
        .heart {position: relative;width: 24px;height: 24px;background: url(../skin/icons/heart.24.png) no-repeat transparent;display: inline-block;margin-left: 3px;top: -2px;}
	.overall-score span { font-size:14px; font-weight:bold; }
	.overall-score-value {  font-size:60px; font-weight:bold; margin-top: 0px;}
	.critera {  position:relative; overflow:hidden; width:314px; height:29px; background:#222; font-size:13px; padding:0 10px; border-bottom:1px solid #333; float:left; }
	.critera.last { margin-bottom:0; }
	.critera p { color:#999; line-height:33px; overflow:hidden; padding:0; margin:0; float:left; font-weight:bold; }
	.score { position:absolute; top:7px; right:10px;}
        .critera-info { position:absolute; top:7px; right:10px; color:#fff;}
        .critera-info a { color:#f1f1f1;}
	.blog_reviews { background:#111; padding:3px; position:absolute; top:0; left:0; display:block; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:1000; line-height:1; }
	.album-title {color:#666; font-size:80%;}
        .album-num {color:#999;  font-size:80%; margin-left:5px;}
        
        
        /** Preview **/
        .preview-hidden {display:none;}
        
        /** Concours **/
        .post-image.concours .blog_reviews { padding:5px;  top:auto; right:0; bottom:0;  font-weight:bold; color:#fff; }
        .post-image.concours .blog_reviews a {color:#fff;display:block;}
        
        .concours h3.question {border-bottom:1px solid #ccc;}
        .concours .image1 {text-align:center;}
        .concours .image1 img {width: 290px;border: 1px solid #999;margin: 0 0 0 10px;vertical-align: top;}
        .concours ul.reponses {font-size:14px;}
        .concours ul.reponses li.ok {font-weight:bold;color:#eb5e1c;}
        .concours ul.reponses li.pasok {font-weight:normal;color:#aaa;}
        
        .concours .subsidiaire {width:120px; text-align: center; padding-right: 10px; margin-top:10px;margin-left:25px;}
        .concours ul.info li {margin:10px 0;}
        .concours ul.info li label {display:inline-block; width:100px;}
        .concours ul.info li .texte-filtre {width:350px;}
        .concours ul.info li .select-filtre {width:150px;margin-left: -3px;}
        .centre {text-align: center;margin:15px 0 35px 0;}
        .centre .button {margin-top:10px;}
        div.reglement p {text-align: justify;}
        
        .concours .line-title {margin-top:35px;}
        
        .resultats-alternatif  {
                text-align: center;
                font-size:20px;
        }
        
        .resultats-alternatif img {
                max-height: 800px;
                max-width: 600px;
                border: 1px solid #999;
                margin-top:10px;
        }

        /** Chroniques **/
        .single-block.chronique {position: relative;}
        
        .title-score {cursor:pointer;}
        
        .notes-chronique {list-style: none;margin:0;padding:0;}
        .notes-chronique li label { width:120px;display: inline-block;}
        
        .box-chronique {position: relative;margin-bottom: 20px;overflow: hidden;width:300px;background:#222;}
        
        .box-chronique .moyenne {background: #111;width: 140px;color: #F1F1F1;float: left;padding:10px 0;text-align: center;border-right: 1px solid #333;position: relative;font-weight:bold;}
        .box-chronique .moyenne .title {font-size: 70px;margin-top: -10px;}
        .box-chronique .moyenne .valeur {font-size: 65px;font-weight: bold;margin-top: 0px;}
        
        .notes-chroniqueurs {position: absolute;z-index: 5;text-align: left;right: 0;padding: 5px 10px;color:#fff;}
        .notes-chroniqueurs .titre {font-weight:bold;display:block;margin:5px 0;}
        .notes-chroniqueurs > ul {list-style: none;margin:0;padding:5px 0;}
        .notes-chroniqueurs > ul li label { width:75px;display: inline-block;}
        .notes-chroniqueurs > ul li:first-child label { text-decoration:underline;}
        .notes-chroniqueurs > ul li label a { color:#eee;}
        .notes-chroniqueurs > ul li label a:hover { color:#eb5e1c;}
        
        .critera a {font-weight:normal; color:#fff;}
        .critera a:hover {color: #eb5e1c;}
        
        span.chroniqueur {float:right; font-style: italic;margin-right:20px;}
        span.chroniqueur a {font-weight: normal;}
        
        /** Indispensable **/
        /** recherche **/
        ul.indispensables-list { margin:20px 0;}
        ul.indispensables-list li { padding:1px; display:block;overflow:hidden;}
        ul.indispensables-list li:nth-child(even) {background: #f8f8f8; }
        ul.indispensables-list li:nth-child(odd) {background: #fff; }
        ul.indispensables-list li:hover {background-color:#f0f0f0;}
        ul.indispensables-list li span.numero  {display:inline-block; width:40px;margin-right:10px; text-align: right;color:#999; font-weight:bold;}
        ul.indispensables-list li span.serie {font-weight:bold;display:inline-block;margin:0 2px 0 1px;}
        ul.indispensables-list li span.style {color:#eb5e1c; display:inline-block; margin:0px;float:right; text-align: left; width:140px;}
        ul.indispensables-list li span.votants {display:inline-block;float:right;margin-right:5px;color:#999; width:80px; text-align: right;}
        
        
        /** recherche **/
        ul.search-list { margin:20px 0;}
        ul.search-list li { padding:0px; display:block;overflow:hidden;}
        ul.search-list li:hover {background-color:#f4f4f4;}
        ul.search-list li span.ico  {display:inline-block; width:20px;}
        ul.search-list li span.ico img {width:auto;height:auto;margin-top:-2px;}
        ul.search-list li a {display:block;  padding:1px;  border-bottom:1px dashed #eee;}
        ul.search-list li span.serie {font-weight:bold;display:inline-block;margin:0 2px 0 1px;}
        ul.search-list li span.num {display:inline-block;}
        ul.search-list li span.numa {color:#eb5e1c;display:inline-block;}
        ul.search-list li span.titre {display:inline-block;margin:0px;}
        ul.search-list li span.editeur {color:#999; display:inline-block; margin:0px;}
        ul.search-list li span.dl {display:inline-block;float:right;margin-right:5px;color:#bbb;}
        span.erreur {margin: 15px;display: block;}
        
        
        /** Nouveautes **/
        ul.nouveautes-list { margin:10px 0;}
        ul.nouveautes-list li { padding:0px; display:block;overflow:hidden;}
        ul.nouveautes-list li.invalide { background: #FEE6E8;font-style: italic;font-weight: bold;}
        ul.nouveautes-list li:hover {background:#f4f4f4;}
        ul.nouveautes-list li.sep:hover {background:#fff;}
        ul.nouveautes-list li hr {margin:7px 0;}
        ul.nouveautes-list li span.ico  {display:inline-block; width:20px;}
        ul.nouveautes-list li span.ico img {width:auto;height:auto;margin-top:-2px;}
        ul.nouveautes-list li a {display:inline-block;  padding:0px;}
        ul.nouveautes-list li a:hover {text-decoration:underline;color:#eb5e1c !important;}
        ul.nouveautes-list li a.serie {display:inline-block;margin:0 2px 0 1px;}
        ul.nouveautes-list li span.dateparution {color:#0EC7C1;}
        ul.nouveautes-list li span.serie {}
        ul.nouveautes-list li span.num {}
        ul.nouveautes-list li span.numa {color:#eb5e1c;}
        ul.nouveautes-list li a span.titre {margin:0px;color:#aaa;}
        ul.nouveautes-list li a:hover span.titre {color:#eb5e1c;}
        ul.nouveautes-list li a.editeur {color:#eb5e1c; margin:0px;}
        ul.nouveautes-list li span.dl {display:inline-block;float:right;margin-right:5px;color:#bbb;}
        
        #dl_nouveaute, #dl_sorties  {width: 60px;height: 19px;font-size: 13px;cursor: pointer;}        
        
        
        /** navigation **/
        ul.nav-liste { margin:0;}
        ul.nav-liste li { padding:1px; display:block;overflow:hidden;}
        ul.nav-liste li:nth-child(even) {background: #f8f8f8; }
        ul.nav-liste li:nth-child(odd) {background: #fff; }
        ul.nav-liste li:hover {background: #f0f0f0; }
        ul.nav-liste li span.count  {display:inline-block; color:#aaa; float:right;}
        ul.nav-liste li span.ico  {display:inline-block; width:20px;}
        ul.nav-liste li span.ico img {width:auto;height:auto;margin-top:-2px;}
        ul.nav-liste li a {display:inline-block;  padding:0px;}
        ul.nav-liste li a:hover {text-decoration:underline;color:#eb5e1c !important;}
        ul.nav-liste li span.libelle {}
        ul.nav-liste li span.highlight {font-weight: bold;}
        .line-title.search-line {margin-bottom:0;}
        
        
        .button.toggle {padding: 1px 5px 2px;}
        .button.gauche {border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: 0;}
        .button.droite {border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: -4px;}
        .button.milieu {border-radius:0; margin-right: 0;}
        .button.enfonce {background: -o-linear-gradient(top, #eeeeee, #cccccc 5%, #F6F6F6 100%);background: -moz-linear-gradient(center top , #eeeeee, #cccccc) repeat scroll 0 0 #F6F6F6;background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc));color: #222;}
        
        /** Formaulire **/
        .texte-filtre {margin: 1px 0;padding: 2px;background: #FAFAFA;height: 17px;}
        .texte {height: 17px; vertical-align: middle;width: 280px;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;border-radius: 3px;padding: 2px 2px 2px 5px;background: white;margin:0 3px 0 0;}
        .select-filtre {padding: 2px;height: 23px; background:#fafafa;margin:1px 0;}
        .criteres {overflow:hidden;}
        .col {margin-right: 5px;width: 175px;margin-top: 5px;float:left;}
        .collast {float: left;width: 208px;color: #777;margin-top: 5px;}
        .crit {margin-bottom: 2px;}
        .col label {color: #777;display: block;float: left;width: 70px;white-space: nowrap;font-weight: normal;}
        .col .texte-filtre {width: 90px;}
        .col .select-filtre {width: 96px;}
        .collast label {color: #777;display: block;float: left;width: 68px;white-space: nowrap;font-weight: normal;}
        .collast .texte-filtre {width: 55px;}
        .collast .select-filtre {width: 61px; }
        .criteres-button { float:right; margin-top:5px;}
        
        
        /** Les tables **/

        
        .liste-table {width: 100%; font-size: 100%; margin-bottom:30px;}
        .liste-table th {background: #333; cursor: pointer;padding: 10px 0;font: 110% Oswald;text-align: center;color: white;}
        .liste-table tr.odd {background-color: #fff;}       
        .liste-table tr.even {background-color: #fafafa;}       
        .liste-table tr:hover {background-color: #eee;}       
        .liste-table td {padding:1px 0;}
        .liste-table td.first {border-top: 1px dashed #DDD;}
        .liste-table tr:last-child {border-bottom: 1px dashed #DDD;}       
        .tdwrap {white-space: nowrap;overflow: hidden;width: 360px;padding-left: 4px;}
        .tdwrap.w380 {width: 380px;}
        .liste-table td span.serie {font-weight: bold;margin: 0 2px 0 1px;}
        .liste-table td span.num {}
        .liste-table td span.numa {color: #FE780C;}
        .liste-table td span.titre {}
        .liste-table td span.couleur {color:#eb5e1c;}
        .liste-table td span.date {color:#aaa;}
        .liste-table td.ico { padding:0; }
        .liste-table tr.grise {background: #f4f4f4;}
        .liste-table tr.grise:hover {background: #e8e8e8;}
        .liste-table tr td img { width:auto; }
        .liste-table td.nouveau {color:#eb5e1c;}
        
        /** La galerie **/
        img.shadowed {border: 1px solid #bbb;-webkit-box-shadow: 2px 2px 5px #bbb;-moz-box-shadow: 2px 2px 5px #bbb;box-shadow: 2px 2px 5px #bbb;padding: 0;background-color: white;}
        img.bordered {border: 1px solid #aaa;}
        
        div.galerie {overflow: hidden; margin : 0 0 25px 0;}
        div.galerie div.item {float: left;height: 280px;background: #222;margin: 6px;overflow: hidden;padding: 0;width: 144px;border: 1px solid #000;position:relative;color:#eee;border-radius:8px;}
        div.galerie div.item:nth-child(4n+1) {margin-left:0;}
        div.galerie div.item:nth-child(4n+4) {margin-right:0;}
        div.galerie div.item div.imgbox {margin: 15px auto 10px;display: table;}
        div.galerie div.item img {max-width: 115px;max-height: 180px;}
        div.galerie div.item div.item-caption {text-align: center;margin-top: 5px; font-size:90%;}
        div.galerie div.item div.item-type {text-align: center;margin-top: 5px; font-family: Oswald;}
        div.galerie div.item div.item-bottom {position:absolute; bottom: 0; width:144px; text-align: center; padding:5px 0; border-top: 1px dashed #000; font-family:Oswald;background:#444;color:#aaa;}
        div.galerie div.item div.item-caption a {color:#eb5e1c;}
        div.galerie div.item img.shadowed {border: 1px solid #bbb;-webkit-box-shadow: 2px 2px 5px #bbb;-moz-box-shadow: 2px 2px 5px #bbb;box-shadow: 2px 2px 5px #bbb;padding: 0;background-color: #222;}
        
        l.galerie {margin:5px 0 35px 0;}
        ul.galerie li {display: inline-block;width: 157px;padding: 10px;margin: 10px 5px;background-color: #111;border-radius: 5px;font-size: 12px;vertical-align: top;color:#fff;}
        ul.galerie li a.vignette { display: block;width: 157px;height: 200px;background-position: 50% 25%;background-color: #111;background-repeat: no-repeat;}
        ul.galerie li span {display:block;text-align:center;}
        ul.galerie li span.type a, ul.galerie li span.type {font-family:Oswald; text-transform: uppercase; color:#ccc; margin-top:5px;}
        ul.galerie li span.titre {color:#fff;}
        ul.galerie li span.user {color:#ccc;}
        ul.galerie li span.user a {color:#eb5e1c;}
        ul.galerie li span.auteur a {color:#0B948F;}
        ul.galerie li span.comment {color:#aaa;}
        ul.galerie li span a:hover {text-decoration:underline;}
        ul.galerie li:nth-child(5n+1) {margin-left:0;}
        ul.galerie li:nth-child(5n+5) {margin-right:0;}
        ul.galerie li:hover { }
        a.galerie-detail {max-width: 600px;margin:auto;border:1px solid #777;display:block;}
        a.galerie-detail img {max-width: 600px;}

        ul.galerie.bel li {width: 176px;}
        ul.galerie.bel li a.vignette { width: 176px;height: 250px;}
        ul.galerie.bel li:nth-child(5n+1) {margin-left:5px;}
        ul.galerie.bel li:nth-child(5n+5) {margin-right:5px;}
        ul.galerie.bel li:nth-child(3n+1) {margin-left:0;}
        ul.galerie.bel li:nth-child(3n+3) {margin-right:0;}
        
        span.galerie-commentaire {display: block; margin:auto;text-align: center;margin-top: 10px;}
        
        /** Fiche Auteur **/
        h1.single-title-auteur {margin-bottom: 30px;}
        .single-content.auteur {position:relative; overflow: hidden;}
        
        
        .auteur p { text-align: justify;}
        .auteur-image { padding: 0; display:inline-block;margin: 0 20px 5px 0;margin-bottom: 20px;vertical-align: top;}
        .auteur-image img { width:180px; height:auto; border:1px solid #aaa; background: white;padding: 4px;border-radius: 8px;}
        .auteur-image a {border-radius: 9px;}
        .auteur-image img.nophoto { width:150px; border:1px solid #eee; }
        .tabs-image.auteur.nophoto { border:1px solid #eee; }
        .tabs-image.auteur.nophoto img { width:75px; }
        .copyrightauteur {width: 100%;text-align: center;font-size: 11px;color: #999;margin-top: 5px;margin-bottom:5px;}
        .photo-absente {width: 180px;float: left;margin: 0;height: 130px;border: 1px solid #333;background: #444;color: #666;vertical-align: middle;text-align: center;padding-top: 50px;font-family: 'Oswald';font-size: 17px;margin-bottom: 20px;}
        .pays-auteur {color:#0EC7C1;}
        .bio {display:none;}
        .single-content.auteur h2 {margin-top:0px;font-family: 'Oswald';font-size: 30px;font-weight: bold;}
        .auteur-nom  {border-bottom: 1px #CCC solid;}
        .auteur-infos {display:inline-block;}
        
        ul.auteur-info { padding: 0; list-style: none; margin-top:0;width: 380px;}
        ul.auteur-info li { padding: 0; color: #444; font-size:13px;}
        ul.auteur-info a { font-weight:normal;  color:#eb5e1c; }
        ul.auteur-info a.internet-auteur {color:#444;}
        ul.auteur-info a:hover { color: #eb5e1c; text-decoration: underline; }
        ul.auteur-info a.button {padding:0px 8px; color:#444; }
        ul.auteur-info label {  margin-right:5px; color:#aaa; display:inline-block;}
        ul.auteur-info li {list-style:disc;}
        ul.auteur-info {margin-top:10px; margin-left:20px;}
        
        
        .widget ul.liste_auteurs {margin:0;list-style:disc;}
        .widget ul.liste_auteurs li {margin: 0 10px;padding: 3px 2px;}
        
        /** auteur avec bandeau **/
        .single-content.auteur.bandeau {}
        .single-content.auteur.bandeau .auteur-image {position:absolute; top:225px; left:20px;}
        .single-content.auteur.bandeau .auteur-image a {border-radius: 8px;}
        .single-content.auteur.bandeau .auteur-image img {width:150px;height:150px;border: 1px solid #AAA;padding:4px; border-radius:8px;background:#fff;}
        .single-content.auteur.bandeau .auteur-infos {display: block;margin-top: 310px;border-top: 1px solid #AAA;}
        .single-content.auteur.bandeau .auteur-infos .auteur-nom  {margin-left: 195px;border-bottom: 1px #CCC solid; margin-top:15px;}
        .single-content.auteur.bandeau .auteur-infos .auteur-nom h2 {background: white;padding: 0 10px 0 0;display: inline-block;font-family: 'Oswald';font-size: 30px;font-weight:bold;}
        .single-content.auteur.bandeau .auteur-infos ul.auteur-info {margin-top:20px; margin-left:40px;}
        
        #social-like.bandeau {margin-top:0px;}
        /** biblio **/
        ul.biblio-list { margin:0;}
        ul.biblio-list li { padding:0; display:block;overflow:hidden;}
        ul.biblio-list li:hover {background-color:#f4f4f4;}
        ul.biblio-list li span.ico  {display:inline-block; width:20px;}
        ul.biblio-list li span.ico img {width:auto;height:auto;margin-top:-2px;}
        ul.biblio-list li a {display:block;  padding:1px; }
        ul.biblio-list li span.serie {font-weight:bold;display:inline-block;margin:0 2px 0 1px;}
        
        ul.biblio-list li span.parution {color:#eb5e1c; display:inline-block; margin:0px;float:right; width:70px;}
        ul.biblio-list li span.parution i.icon-dess {color:#0086CA; }
        ul.biblio-list li span.parution i.icon-scen {color:#E25453; }
        ul.biblio-list li span.parution i.icon-colo {color:#0A968A; }
        ul.biblio-list li span.dl {display:inline-block;float:right;margin-right:5px;color:#444;  width:120px;}
        

        /** fiche theme **/
        .single-block.theme {overflow:visible;}
        .theme-wrap {margin-bottom:0; position: relative;}
        .theme-wrap .single-title-serie {padding-top:5px;}
        .theme-wrap .button-wrap {position: absolute;top: 3px;right: 3px;padding: 5px;text-align: right;}
        
        .select-theme {display:none;border: 1px solid #AAA;overflow-x: hidden;overflow-y: auto;max-height: 500px;border-radius: 3px;background: white;width: 200px;position: relative;z-index: 100;text-align: left;}
        .select-theme > ul { margin :0;}
        .select-theme > ul > li {padding: 0;}
        .select-theme > ul > li a:hover {background: #222; color:#fff;}
        .select-theme > ul > li a {display:block; padding:2px 7px;}
        .select-theme > ul > li.super {background: #aaa;}
        .select-theme > ul > li.super a { color:#fff; padding: 3px 5px; font-family: Oswald; font-size:14px;margin: 0px;}
        .select-theme > ul > li.super:hover {background: #444;}
        
        ul.theme {list-style:none;}
        ul.theme > li {vertical-align: top;padding:10px;}
        ul.theme > li:nth-child(even) {background-color: #fff;}
        ul.theme > li:nth-child(odd) {background-color: #fafafa;}
        ul.theme > li .couv {width: 150px; display:inline-block; margin:0 15px 0 0;}
        ul.theme > li .couv a {background: #111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%;display: block;}
        ul.theme > li .couv img {clear: both;width: 150px; border: 1px solid #DDD;}
        ul.theme > li .info {display:inline-block; padding-bottom: 0px; vertical-align: top;width:425px;}
        ul.theme > li .info h3 {display: block;font-size: 18px;font-weight: normal;margin-bottom: 0px;}
        ul.theme > li .info .note {float: right;margin-top: -60px;}
        ul.theme > li .info .origine {color:#aaa;}
        ul.theme > li .info .origine img {margin-right:5px; vertical-align: top;}
        ul.theme > li .info .auteurs {color:#eb5e1c;}
        
        /** page contributeur **/
        ul.contributeur {margin-left:130px;list-style:none;font-size:14px;}
        ul.contributeur > li {font-weight:bold;}
        ul.contributeur > li label {display:inline-block;width:180px;font-weight:normal;}
        
        
        /** Fiche Revue **/
        #searchnumero {opacity: 0;visibility: visible;z-index: 100;position: absolute;top: 5px;right: 5px;cursor: pointer;height: 23px;width: 92px;}
        
        .liste-revues {margin-bottom:15px; list-style: none; overflow:hidden;}
        .liste-revues > li { margin:0; position:relative; overflow:hidden; padding: 15px 0px; }      
        .liste-revues > li:nth-child(odd)  {background: #fff; border-top:1px dashed #ddd;  }
        .liste-revues > li:nth-child(even)  {background: #fafafa; border-top:1px dashed #ddd;}
        .liste-revues > li:first-child  {border-top:1px dashed #fff;}
        .liste-revues > li.nonvalide  {background: #FEE6E8; border-top:1px dashed #ffb7b9; opacity:1; }
        .liste-revues > li:hover  { border-top:1px dashed #ddd;}
        
        .revue-side {float: left; margin-right: 10px; text-align: center; overflow: hidden; }
        .revue-side .couv {width: 172px; margin: auto;position: relative;}
        .revue-side .couv a {clear: both; display: block; font-size: 0.8em; width:162px;}
        .revue-side .couv img {clear: both; width: 160px; border:1px solid #aaa;}
        .revue-side .couv span {font-size: 0.9em;text-align: center;clear: both;display: block;}
       
        .revue-main {float: left; width: 435px; padding-bottom: 0px;}
        .revue-main .titre {display: block;font-size: 18px;font-weight: normal;margin-bottom: 5px;} /** color: #0B948F; **/
        .revue-main .numa {color: #0EC7C1;}
        .revue-main ul.infos {float: left;width: 320px;line-height: 1.4em;margin:0;list-style: none;overflow:hidden;}
        .revue-main ul.infos li {overflow:hidden;margin:0;padding:0;line-height: 1.35em;}
        .revue-main ul.infos li a {color:#eb5e1c;}
        .revue-main ul.infos li a:hover {text-decoration: underline;}
        .revue-main ul.infos li label {color: #999;display: block;float: left;width: 85px;clear: left;}
        .revue-main ul.infos li span.grise {color: #aaa;font-size: 0.85em;font-style: normal;}
        .revue-main .autres {float: left;text-align: justify;width: 435px;font-size:1em}
        .revue-main .autres p {margin: 5px 0 0; padding:0; line-height: 1.3em;}
        .revue-main em {font-weight: bold;font-style: normal;}
        
        .revue-verso {margin-top: 20px;text-align: left; margin-bottom:10px;position: absolute; right:0;}
        .revue-verso a {display:inline-block;margin-right: 3px;margin-bottom:10px;}
        .revue-verso a:hover {text-decoration: none;}
        .revue-verso img {border: 1px solid #aaa;width: 75px;padding: 0;vertical-align: top;}
        
        .revue-admin {float: right;position: absolute;top: -3px;right: 0;display: none;}
        .revue-admin .btn:hover {margin-top:2px;}
        
        /** Fiche série **/
        .single-content.serie {margin-top : 10px; }
        .single-content.serie h2 {font-size: 20px;font-family: oswald;font-weight: bold;}
        .serie-wrap {position:relative;}
        .single-title-serie {overflow: visible;margin: 0;padding: 10px 0 0px 0;position: relative; width:490px;}
        .single-title-serie .single-info {}
        .titre-rubrique {color:#999; margin-right:5px;}
        span.sous-titre-texte {margin-right:15px;}
        ul.tabs-serie {margin: 0;padding: 0;overflow: visible;background: transparent;position: absolute;bottom: 0;left: 200px;}
        ul.tabs-serie li {background: none;float: left;text-align: center;padding: 0 !important;border: none !important;overflow: hidden;}

        ul.tabs-serie li a {font-family: 'Oswald'; text-decoration: none;font-size: 14px;display: block;outline: none;padding: 3px 0;text-transform: uppercase;margin:0;}
        ul.tabs-serie li.active {position: relative;top: 1px;}
        ul.tabs-serie li.active a {background: white !important;z-index: 1000;border-top: 1px solid #DDD;border-left: 1px solid #DDD;border-right: 1px solid #DDD;color : #eb5e1c !important;}
        
        
        ul.tabs-album {margin: 0;padding: 0;overflow: visible;background: transparent;position: absolute;bottom: 0;left: 120px;}
        ul.tabs-album li {background: none;float: left;text-align: left;padding: 0 !important;border: none !important;overflow: hidden;}

        ul.tabs-album li a {font-family: 'Oswald'; text-decoration: none;font-size: 14px;display: block;outline: none;padding: 3px 0 0 11px;text-transform: uppercase;margin:0;}
        ul.tabs-album li.active {position: relative;top: 1px;}
        ul.tabs-album li.active a {background: white !important;z-index: 1000;border-top: 1px solid #DDD;border-left: 1px solid #DDD;border-right: 1px solid #DDD;}
        
        
        
        .serie p { text-align: justify;}
        .serie-image { padding: 0; float: left;margin: 0 20px 5px 0;}
        .serie-image img { width:230px; height:auto; border:1px solid #aaa; }
        .copyrightserie {width: 100%;text-align: center;font-size: 11px;color: #999;margin-top: 5px;margin-bottom:5px;}
        .planche-absente {width: 230px;float: left;margin: 0;height: 170px;background: #444;color: #777;vertical-align: middle;text-align: center;padding-top: 135px;font-family: 'Oswald';font-size: 17px;}
        
        .titre-serie {font-size:20px; font-weight:bold;}
        span.style-serie { color:#eb5e1c; }
        
        .parution-serie { color:#0EC7C1; }
        ul.serie-info { padding: 0; float: left; width:365px; list-style: none; margin-top:0;}
        ul.serie-info li { padding: 0; color: #444; font-size:13px;}
        ul.serie-info a { font-weight:normal;  color:#eb5e1c; }
        ul.serie-info a.internet-serie {color:#444;}
        ul.serie-info a:hover { color: #eb5e1c; text-decoration: underline; }
        ul.serie-info a.button {padding:0px 8px; color:#444; }
     
        ul.serie-info a.button:hover {text-decoration: none;}
        ul.serie-info label {  margin-right:5px; color:#aaa; display:inline-block; width:65px;}
        .tab_content_liste_albums{ padding:0; border: 1px solid #ddd; max-height:2000px; overflow-x:hidden; overflow-y:auto;}
        .tab_content_liste_albums::-webkit-scrollbar {width: 8px;height: 8px;}
        .tab_content_liste_albums::-webkit-scrollbar-thumb {background-color: #BDBDBD;border-left: 1px solid #AAA;border-right: 1px solid #AAA;}
        .tab_content_liste_albums::-webkit-scrollbar-track {background-color: #EEE;border-left: 1px solid #BDBDBD;border-right: 1px solid #BDBDBD;}
        .widget ul.liste-albums-side {list-style-type: none;clear: both;height: 100%;overflow: hidden;margin: 0;padding:0;}
        .widget ul.liste-albums-side li {padding:1px 0px; border-bottom: 1px dashed #EFEFEF; width:500px; position:relative;}
        .widget ul.liste-albums-side li span.dl-side {position: absolute;left: 224px;font-size: 11px;color: #AAA;top: 1px;background: #FFF;padding: 2px 7px;}
        .widget ul.liste-albums-side li:hover {background:#f4f4f4; }
        .widget ul.liste-albums-side li a {display:inline-block; width:400px;}
        .widget ul.liste-albums-side li label {width:30px; text-align:right; margin-right:5px; display: inline-block; }
        .widget ul.liste-albums-side .numa {color: #0EC7C1; }
        .button-serie{position: absolute;top: 0;right: 0;padding: 5px; text-align:right;/** border-left: 1px solid #DDD;border-bottom: 1px solid #DDD; **/}
        .widget .serie-liee .tabs-image { margin-top:10px; float:left;}
        .widget .serie-liee .tabs-image.auteur {margin-top: 5px;float: left;max-height: 85px;}
        .widget .serie-liee .description { margin:5px 0 0 10px; float:left; padding:0;width: 170px;}
        .widget .serie-liee ul {margin: 0;clear: none;height: 100%;padding: 0; list-style: none; overflow: hidden; width:175px;}
        .widget .serie-liee ul li {padding: 0;border-bottom: 1px dashed #EFEFEF;border-bottom:none;width: 500px;}
        #btSerieaLire {float:right;margin-top:5px;}
        .widget .serie-liee ul li a:hover {text-decoration: underline;}
    
        
        .widget.erreur {background: #ffedeb;}
        .widget.erreur .sidebar-widget-title span a {color:red;}
        .widget.erreur h3 {color:#f40500;}
        .widget.erreur h5 {padding: 0;margin: 5px;color:#f40500;background:none;}
        .widget.erreur h5 a {color:red;background:url(../skin/toggle-open.red.png) no-repeat left center}
        .widget.erreur h5.active a {background:url(../skin/toggle-close.red.png) no-repeat left center}
        .widget.erreur .toggle-content  {margin:0;padding:0;background:none;}
        .widget.erreur ul.liste-erreurs{color:red;padding: 5px 10px;}
        .widget.erreur .tab_content {border:1px solid #ffb1b3;}
        .widget.erreur ul.liste-erreurs li {padding : 2px 0;}
        .widget.erreur ul.liste-erreurs li a { color:red; font-weight:bold;}
        .widget.erreur ul.liste-erreurs li span { color:#ff878a; font-size:11px;}
        .widget.erreur ul.liste-erreurs li p { color:red; padding-top:0;}
        
        ul.qui { padding:0; max-height:358px; overflow-x:hidden; overflow-y:auto; margin-top:10px;}
        ul.qui li.me a { color:#eb5e1c; }
        span.quipresent { color:#eb5e1c; margin-top:10px; display:block;}
        
        ul.qui::-webkit-scrollbar {width: 8px;height: 8px;}
        ul.qui::-webkit-scrollbar-thumb {background-color: #BDBDBD;border-left: 1px solid #AAA;border-right: 1px solid #AAA;}
        ul.qui::-webkit-scrollbar-track {background-color: #EEE;border: 1px solid #BDBDBD;}
        
        /** Fiche Vente **/
        .overall-price { background:#111; height:150px; width:129px; color:#f1f1f1; float:left; padding:15px 10px; text-align:center; border-right:1px solid #333; position:relative;}
        
        
        /** Detail Pro **/
    
        table.detail_pro {width:370px; border-bottom:1px dashed #e4e4e4;}
        table.detail_pro td {padding:0px 2px; border-bottom:1px solid #eee;}
        table.detail_pro tr:first-child td {border-top:1px solid #eee;}
        table.detail_pro td div.tdwrap {width:200px;}
        table.detail_pro tr:nth-child(even) {background-color: #fff;}
        table.detail_pro tr:nth-child(odd) {background-color: #f4f4f4;}
        table.detail_pro tr:hover {background-color: #e4e4e4;}
        
        
        /** Albums **/
        
        .liste-albums {margin-bottom:15px; list-style: none; overflow:hidden;}
        .liste-albums > li { margin:0; position:relative; overflow:hidden; padding: 15px 0px; }
                
        .liste-albums > li:nth-child(odd)  {background: #fff; border-top:1px dashed #ddd;  }
        .liste-albums > li:nth-child(even)  {background: #fafafa; border-top:1px dashed #ddd;}
        .liste-albums > li:first-child  {border-top:1px dashed #fff;}
        .liste-albums > li.nonvalide  {background: #FEE6E8; border-top:1px dashed #ffb7b9; opacity:1; }
        .liste-albums > li:nth-child(odd).reeditions {background: url(../skin/corner_reed.png) no-repeat 100% 0% #fff;}
        .liste-albums > li:nth-child(even).reeditions {background: url(../skin/corner_reed.png) no-repeat 100% 0% #fafafa;}
        .liste-albums > li:hover  { border-top:1px dashed #ddd;}
        
        span.nonvalide {color:#F21C25; font-weight:bold;}

        .album-side {float: left; margin-right: 10px; text-align: center; overflow: hidden; }
        .album-side .couv {width: 172px; margin: auto;position: relative;}
        .album-side .couv img.corner-top-left {position: absolute;top: 0px;left: 0px;z-index: 100;width: 80px;height: 80px;border: none;}
        
        .album-side .couv a {clear: both; display: block; font-size: 0.8em; width:162px;}
        .album-side .couv img {clear: both; width: 162px; /*border:1px solid #aaa;*/}
        .album-side .couv span {font-size: 0.9em;text-align: center;clear: both;display: block;}
        .album-side .sous-couv {margin-top: 5px;text-align: left;margin-left: 0px; margin-bottom:10px;}
        .album-side .sous-couv a {display:inline-block;margin-right: 3px;}
        .album-side .sous-couv a:hover {text-decoration: none;}
        .album-side .sous-couv img {border: 1px solid #aaa;width: 48px;padding: 0;}
        .album-main {float: left; width: 330px; padding-bottom: 0px;}
        .album-main.parabd {width: 430px; }
        .album-main .titre {display: block;font-size: 18px;font-weight: normal;margin-bottom: 5px;} /** color: #0B948F; **/
        .album-main .numa {color: #0EC7C1;}
        .album-main ul.infos {float: left;width: 320px;line-height: 1.4em;margin:0;list-style: none;overflow:hidden;}
        .album-main ul.infos li {overflow:hidden;margin:0;padding:0;line-height: 1.35em;}
        .album-main ul.infos li a {color:#eb5e1c;}
        .album-main ul.infos li a:hover {text-decoration: underline;}
        .album-main ul.infos li label {color: #999;display: block;float: left;width: 85px;clear: left;}
        .album-main.parabd ul.infos li label {width: 100px;}
        .album-main ul.infos li span.grise {color: #aaa;font-size: 0.85em;font-style: normal;}
        .album-main .autres {float: left;text-align: justify;width: 435px;font-size:1em}
        .album-main .autres p {margin: 5px 0 0; padding:0; line-height: 1.3em;}
        .album-main em {font-weight: bold;font-style: normal;}
        .album-main .integrale {border: 1px solid #777;margin: 3px;width: 64px;height: 86px;padding: 0;float: left;}
        .album-online {right: 0; position: absolute;width: 100px;top: 26px;}
        
        .album-online span {margin-top: 5px;display: block;text-align: center; color:#aaa;font-size: 0.9em;}

        
        
        .album-admin {float: right;position: absolute;top: -3px;right: 0;display: none;}
   
        .album-admin .btn:hover {margin-top:2px;}
        
        
        .album-achat {position: absolute;width: 100px;top: 130px;right: 0;}
        .eval {float: left;width: 300px;margin-top: 0px;overflow:hidden}
        .eval label {color: #999;display: block;float: left;width: 85px;}
        
        /** Album top **/
        .liste-albums.topalbum {margin-top: -20px;}
        .liste-albums.topalbum > li {background: #fff;border: none;}
        .liste-albums.topalbum > li:hover  { border:none;}
        .liste-albums.topalbum .album-main {width:370px;}
        .liste-albums.topalbum .album-online { top:62px;}
        .liste-albums.topalbum .album-main .autres {width:370px;}
        
        .topalbum .album-side .couv {width:240px;}
        .topalbum .album-side .couv a {width:232px;}
        .topalbum .album-side .couv img {width:230px;}
        .topalbum .album-side .sous-couv img {width: 111px;}
        
        .topalbum .album-main .autres p {line-height: 1.4em;}
        .topalbum .album-main ul.infos li {line-height: 1.4em;}
        
        /** Vente top **/
        .liste-albums.topvente {margin-top: -15px;}
        .liste-albums.topvente > li {background: #fff;border: none;}
        .liste-albums.topvente > li:hover  { border:none;}
        .liste-albums.topvente .album-main {width:370px;}
        .liste-albums.topvente .album-online { top:62px;}
        .liste-albums.topvente .album-main .autres {width:370px;}
        .album-side.topvente .couv {width:240px;}
        .album-side.topvente .couv a {width:232px;}
        .album-side.topvente .couv img {width:230px;}
        .album-side.topvente .sous-couv img {width: 111px;}
        .liste-albums.topvente .album-main ul.infos li label {width:120px;}
         
        
        /** Page Top **/
        ol.top-ventes {margin-top: 20px;}
        ol.top-ventes li {overflow: hidden;padding: 15px 5px 15px 0;border-bottom: 1px dashed #ddd;position:relative;}
        ol.top-ventes li:first-child {border-top: 1px dashed #ddd;}
        ol.top-ventes li:nth-child(odd) {background:#f4f4f4;}
        ol.top-ventes li .evolution {position:absolute; top:15px; right:5px;font-size: 20px;font-weight: bold;}
         ol.top-ventes li .evolution .moins {color:#aaa;}
         ol.top-ventes li .evolution .plus {color:#444;}
         ol.top-ventes li .evolution .entree {color:yellow;}
        ol.top-ventes li div.place  {color: #444;float: left;font-family: Oswald;font-size: 24px;font-weight: bold;width: 52px;padding-right: 15px;text-align: right;}
        ol.top-ventes li a.couv {background: #111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%;display: block;width:130px;float: left;border:1px solid #999;border-radius: 8px;}
        ol.top-ventes li a.couv img {width: 100%;border-radius: 7px;}
        ol.top-ventes li div.main {float: left;margin-left: 15px;max-width:400px;}
        
        ol.top-ventes li div.main h3 {font-weight: normal;color: #777;}
        ol.top-ventes li div.main .infos {margin:5px 0;color:#777;}
        ol.top-ventes li div.main .infos .orange {margin-right:5px;display:inline-block;}
        
        
        
        /** Les avis */
        .couv-avis {/*border: 1px solid #aaa;*/float: left;margin-right: 15px;width: 85px;}
        .note-avis {float:right;}
        .bt-avis {display: inline;margin-right: 10px; float:right;}
        .bt-avis a.button {padding: 0 10px; height: 17px;}
        
        #frmPostAvisPage {overflow: hidden; margin-bottom:15px;background: #f0f0f0;padding: 10px 9px 5px 15px;}
        .avisposttitre {width: 180px;float: left;}
        .avisposttitre span {color:#999;}
        .avisposttitre select {width:161px;}
        .avisposttitre .buttonflat {margin-top:10px;margin-bottom:10px;width:160px;margin-left:4px;}
        .avisposttitre #Note {width:160px;}
        .avisposttext {float: right;width: 408px;}
        .avisposttext textarea {width: 380px;height: 115px;max-width: 380px;}
       
        
        /** le prarabd **/
        .filtre-parabd {margin : -42px 0 5px 0;}
        .filtre-parabd .buttonflat {margin-bottom: 5px;display: inline-block;}
        
	/** Post Author Information and Related Post **/
	.post-share .share-widgets { overflow:hidden; }
	.post-share .share-widget { float:left; padding:0 5px; }
	.post-share, .author-information, .related-wrapper {  margin-bottom:20px; overflow:hidden; }
	.author-description img {  border:1px solid #d9d9d9; padding:4px; float:left; margin-top:0px; margin-right:15px; }
	.author-social { float:right; overflow:hidden; }
	.author-social a { float:left; width:16px; height:16px; display:block; margin-left:10px; }
	.author-social a.author-twitter { background:url(../skin/social-icons/twitter-author.png) no-repeat; }
	.author-social a.author-facebook { background:url(../skin/social-icons/facebook-author.png) no-repeat; }
	.author-social a.author-google { background:url(../skin/social-icons/google-author.png) no-repeat; }
	.author-social a.author-flickr { background:url(../skin/social-icons/flickr-author.png) no-repeat; }
	.description-author{overflow:hidden; }
	.author-title { float:left; }
	.author-title a{  font-size:14px; line-height:14px; }
	.related-post { float:left; margin-right:20px; width: 140px; position: relative; text-align:center;}
	.related-item-wrapper { overflow:hidden; }
	div.related-post:last-child { margin-right:0; }
	.related-post h6 { font-size:13px; margin-top:5px; }
	
        ul.liste-avatar { margin:0; list-style:none; }
        ul.liste-avatar > li { display: inline-block; margin:0 9px 10px 0; list-style: none; width:76px; vertical-align:top; }
        ul.liste-avatar > li img { border: 1px solid #D9D9D9;padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:70px; height:70px; display:block;margin-bottom:3px;}
        ul.liste-avatar > li span {display:block; font-family: Oswald; font-size:12px;text-align:center;}
        
        ul.pub { margin:0; list-style:none; margin-top:20px; }
        ul.pub > li { display: inline-block; margin:0 0 25px 0; list-style: none; width:204px; vertical-align:top; }
        ul.pub > li img { border: 1px solid #D9D9D9;padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:185px; display:block;margin-bottom:8px;}
        ul.pub > li span {display:block; font-family: Oswald; font-size:13px;text-align:center;}
        
        
	/** Comments styles **/
	ol.commentlist { margin:0; list-style:none; }
	.comments-navigation { overflow:hidden; padding:15px 0; font-weight:bold; }
	.the-comment { overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #efefef; }
        
        ul.info-liste {border: 1px solid #EEE;padding: 10px 10px 10px 5px;background: #FAFAFA;}
        ul.info-liste > li {padding:0 0 0 8px;}
        
	.avatar { border: 1px solid #D9D9D9;padding: 4px;float:left; margin-right:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
        .team {padding: 0;border: 1px solid #ccc;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:80px; height:80px;float:left; margin:0 15px 15px 0;}
        
        .button-serie a.courriel {font-size: 17px;font-weight: bold;margin-right: 10px;margin-top: -2px;display: block;}
        
	.reply-comment { clear:both; text-align:center; margin-top:5px; width:70px; background:#444; padding:2px 0; }
	.reply-comment:hover { background:#ba0d16; }
	.reply-comment a, .reply-comment a:hover { color:#fff; font-weight:bold; }
	.comment-box { overflow:hidden; }
	.comment-author span { margin-bottom:10px; font-size:15px;  }
	.comment-author small{ font-size: 11px; color:#636363; font-style:italic; margin-left: 5px;}
	#comments .children { margin: 20px 0 0 83px; }
	#comments .children li.comment { margin: 0 0 20px 0; list-style:none; }
	.cancel-comment-reply  a { margin-bottom:10px; }
	.no-comments { color:#888; }
	.wrapper-input { overflow:hidden !important;  }
	#comment-input { float:left; margin-right:40px; }
	#comment-input input { border:0; margin-bottom:17px; border:1px solid #efefef; }
	#comment-input input:focus, textarea:focus { outline:none; }
	#comment-input label { display:block; margin-bottom:5px; }
	#comment-input label .required { font-style:italic; }
	.input-name, .input-email, .input-website { background:#fff ;  width:220px; padding: 5px; }
	#comment-textarea { float:left; }
	.textarea-comment {  background:#fff; border:0; width:327px; height:155px; padding:9px; font-family:arial; border:1px solid #efefef; }
	#comment-textarea label { display:block; margin-bottom:7px; }
	#comment-textarea-admin { float:none; margin-bottom:5px;  }
	#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
	#comment-submit {  float:left; }
	#comment-submit-admin { clear:both; }
	#respond { margin-bottom:20px; }
	#respond form { margin-top:10px; }
	.comment-submit { font-size:18px; padding:4px 0 4px 0; text-transform:uppercase; color:#fff; width:348px; background:#444; cursor:pointer; border:none; margin-top:5px; }
	.comment-submit:hover { background:#ba0d16;  }
        .comment-title {font-family: Oswald; font-size:13px; color:#999;}
        .comment-author span.name a {color:#777;}
	.comment-serie {font-family: Oswald; font-size:15px;}
        .comment-serie span {color:#eb5e1c;}
        .comment-role {font-family: Oswald; font-size:15px; color:#eb5e1c;}
        
/*************** Formulaires ****************/
.colform, .colform2 {float: left;margin-right: 5px;width: 445px;margin-top: 5px;}
.critform {overflow: hidden;width: 445px;padding: 1px;}
#frmErreur .critform {width:auto;}
.critform label, .colform2 label {color: #777;display: block;float: left;width: 150px;white-space: nowrap;font-weight: bold;cursor: auto;}
.critform input[type="checkbox"] {margin: 0;}
.colform .texte, .colform2 .texte {width: 280px;float: left;}
.colform .select-filtre, .colform2 .select-filtre {padding: 2px;width: 289px;float: left;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;background: white;border-radius: 3px;font-size: 100%; margin:0;}
.colform textarea {padding: 2px;width: 283px; height:100px; float: left;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;background: white;border-radius: 3px;}
.colform2 textarea {padding: 2px;width: 240px; height:18px; float: left;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;background: white;border-radius: 3px;}

.colform .champtitre, .colform2 .champtitre {text-decoration: underline;color: #AAA;margin: 10px 0 0px 5px;font-weight: bold;}
.colform .champsoustitre, .colform2 .champsoustitre {color: #AAA;margin: 0px 0 5px 5px;font-size: 90%;font-style: italic;}
.colform img.couv {border:1px solid #777;margin: 0 5px;display:inline-block;}
.colform span {display:block; text-align:center;font-size:11px;}
.colform .button , .colform2 .button {padding-top: 1px ; padding-bottom: 1px;}
.colico {float: left;width: 60px;padding: 0px 0;margin-top: 10px;opacity: 0.8;}
.colimages {float:left; width:155px; padding:0 5px;}
.colimages img {max-width:145px; border:1px solid #777;}
.colimages span {display:block; font-size:11px; color:#777;text-align:center;margin:2px 0 5px 0;}
.groupechamp {float: left;overflow: hidden;}
.champerreur {color: #AE432E;font-size: 90%;}
.champerreur .titreerreur {font-weight: bold;font-size: 100%;text-decoration: underline;margin-bottom: 5px;margin-top: 15px;display: block;font-family: sans-serif;}
.champerreur textarea {padding: 0 5px;width: 238px;height: 100px;float: left;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;background: white;border-radius: 3px;font-size: 100%;overflow-x: hidden;overflow-y: auto;color: #AE432E;border-color: #AE432E;font-family: sans-serif;}

.colform2 {width: 250px;float: left;margin-left: 5px;}
.colform2 label {width:85px;}
.colform2 .critform {width:250px;}


/******************** Formulaire Album ***********/

ul.uloptions {margin: 0 0 10px 0px;}
ul.uloptions li {list-style: none;padding-left: 0;display: inline-block;margin-bottom: 0px;}
ul.uloptions li.hidden {display: none;}
.labeloption {float: left;width: 250px;color: #999;margin-right: 15px;text-align: left;}
.labeloption span {font-weight: bold;color: #666;display: block;font-size: 115%;margin-top: 2px;}
.inputoption {float: left;width:350px;text-align: left;}
.postForm-wrap .postForm .inputoption {width:345px;}
.postForm .inputoption {margin:2px 0 0 0;}
.postForm .labeloption {margin:2px 10px 0 0;width:210px;}
.optionsform input {border-radius: 3px;}
.optionsform input[type="text"] {width: 340px;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;padding: 3px;font-size: 105%;background: #FCFCFC;}
.optionsform input[type="password"] {width: 340px;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;padding: 3px;font-size: 105%;background: #FCFCFC;font-family:verdana;}
.postForm-wrap .postForm input[type="text"] {width: 337px;}
.postForm-wrap .postForm input[type="password"] {width: 337px;}

.optionsform select {width: 345px;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;background: #FCFCFC;border-radius: 3px;padding: 2px;font-size: 105%;}
.optionsform textarea {width: 338px;max-width:341px;height: 70px;-webkit-box-shadow: inset 0 0 4px #D9D9D9;-moz-box-shadow: inset 0 0 4px #d9d9d9;box-shadow: inset 0 0 4px #D9D9D9;border-radius: 3px;padding: 2px;font-size: 105%;}
input[type="text"].complete { background: url(../skin/dropdown.png) 98% 50% no-repeat #fcfcfc;}
.display-new-password {display:none;}

#CreationSerie {display: none; border: 1px solid #DDD;padding: 3px 10px;margin-bottom: 15px;background: #F4F4F4;border-radius: 3px;}
#CreationSerie li .labeloption {width: 190px;}

#AutresInfo {position: absolute;bottom: 290px;left: 490px;}
#AutresInfo ul li {margin-bottom: 3px;list-style: none;}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {position: relative;margin-bottom: 0;vertical-align: top;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}
.input-append, .input-prepend {margin-bottom: 5px;white-space: nowrap;}
.input-append .add-on, .input-prepend .add-on {display: inline-block;width: auto;height: 21px;min-width: 16px;padding: 2px 5px 1px;font-size: 14px;font-weight: normal;line-height: 20px;text-align: center;text-shadow: 0 1px 0 white;background-color: #EEE;border: 1px solid #CCC;}
.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {vertical-align: top;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.input-prepend .add-on, .input-prepend .btn {margin-right: -1px;}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child {-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}

.input-append input, .input-append select, .input-append .uneditable-input {-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
.input-append .add-on, .input-append .btn, .input-append .btn-group {margin-left: -1px;}
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;}

/*************** Contact Form ***************/
.postForm-wrap { background:url(../skin/bg-pattern.png) repeat #fafafa; padding:10px; margin-top:15px;  margin-bottom:25px;}
.postForm-wrap h3 {padding-bottom: 10px;text-transform: uppercase;font-size: 15px;}
.postForm-wrap .postForm h3 {padding-bottom: 0;text-transform: none;font-size: 16px;text-align: left;border-bottom: 1px solid #CCC;margin-bottom: 10px;font-weight:normal;}
.postForm-wrap h3 i {margin-right:5px;}
.postForm-wrap .postForm {border:1px solid #ddd;}
.postForm { background:#fff; padding:0; overflow:hidden;  }
.postForm-wrap .postForm {padding:10px 15px;}
.postForm-wrap .postForm label { font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px;  }
.postForm-wrap .postForm label span { font-style: italic; color: #888888; font-weight: normal; }
.postForm-wrap .postForm .text { border: 1px solid #efefef; color: #555555; font-size: 12px; width: 278px; padding: 9px 10px; }

.postForm .submit { width:350px; font-size:16px; padding:5px 0; text-transform:uppercase; color:#333; background:#444; cursor:pointer; border:none; margin-top:5px; color:#fff; margin-bottom:15px; border-radius:3px;}
.postForm .submit.disabled {background: #ccc;color: #ddd;}
.postForm .submit:hover { background:#BA0D16;  }
.postForm-wrap .postForm .error_msg { display: none; margin-top: 5px; }
.postForm-wrap .postForm .email_sent { color: green; margin-bottom: 10px; display: none; }

/************* PAGINATION **************/
.pagination { font-size: 12px; overflow:hidden; margin-bottom:5px;  float:right; }
.pagination a {  line-height:15px; height: 15px; background: #444; display: block; float: left; padding:2px 5px; color: #fff; margin-right: 3px;  border:1px solid #444; border-radius:3px; font-weight:normal;}
.pagination a:hover { text-decoration: none;line-height:15px; background: #fff; height: 15px; color: #222; border:1px solid #aaa; }
.pagination span.current { line-height:15px; background: #fff; height: 15px; display: block; float: left; padding:2px 5px; color: #222; margin-right: 3px; border:1px solid #aaa; border-radius:3px; }
.pagination span.arrows { font-size: 15px; line-height:15px; }
.pagination span.suite { line-height: 15px;height: 15px;display: block;float: left;padding: 2px 4px;color: #222;margin-right: 3px;background: transparent;border: none;border-bottom: 1px dotted #444; }
/***************** WIDGET ******************/
.widget{  /** background:url(../skin/bg-pattern.png) repeat; **/
          margin-bottom:20px; overflow:hidden; padding:10px; background: url(../skin/bg-pattern.png) repeat #eee; position:relative; 
}



.widget iframe { display:block; }
.widget ul { background:#fff; list-style-type:none; clear:both; height:100%; overflow:hidden; margin:0; padding:0 10px; } 
.widget ul li { padding: 8px 0; border-bottom:1px dashed #efefef; }
.widget ul li:last-child { border-bottom:none; }
.textwidget { margin-bottom:20px; overflow:hidden; }
.sidebar-widget-title { padding-bottom:10px; text-transform:uppercase; font-size:15px;}
.widget-line-title { 
        background:url(../skin/bg-pattern.png) repeat-x 0 50%; height:25px; 
}
.widget-line { 
        border-bottom:1px solid #DDDDDD; height:25px; 
}
.line-title, .page-line-title { background:url(../skin/bg-pattern.png) repeat-x 0 60%; }
.line-title {  margin-bottom:15px; }
.line-title span {color:#777; font-weight:normal; text-transform: none;}
.page-line-title { height:27px; margin-bottom:5px;margin-top: 15px;}
.line-title h3, .page-line-title h1,.widget-line-title h3  { background:#fff; padding:0 10px 0 0; display: inline-block; text-transform: uppercase;}
.page-line-title h3 { background:#fff; display: inline-block; margin:0;}
.widget-line-title h3 { text-transform:uppercase; }
.widget-line-title h3 span.sous-titre { font-weight: 300; color:#999;}
.widget-footer-title { margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px solid #3C3C3A;font-size: 1.5em;font-weight: normal;}
.text-widget { margin-bottom:20px; }

	/** Adds 285x250 & 620x90 **/
	.adds620x90, .interne-620x90 { display:block; margin-bottom:20px; height:90px; }
	.adds620x90 a, .adds300x250 a, .interne-300x250 a { display:block; }
	.adds300x250, .interne-300x250 { display:block; margin-bottom:20px; width:300px; height: auto;}
        .adds300x140, .interne-300x140, .interne-side { display:block; margin-bottom:20px; height:140px; width:300px; }
	.adds300x140 img, .interne-300x140 img, .interne-side img { height:140px; width:300px; border: 1px solid #777;}
        
	/** Widget Homepage Magazine Columns **/
	.magazine-widget { margin-bottom:35px; overflow:hidden; }
        .magazine-widget.chronique { margin-bottom:15px;  }
        .serie-prepub-planche img {width: 45px;padding: 2px;border: 1px solid #aaa; margin: 2px; float:left;}
        .album-prepub-planche img {width: 60px;padding:0px;border: 1px solid #aaa; margin: 3px; float:left;}
        
	.widget-magazine .block-big  { overflow:hidden; padding:10px 0;  }
	.magazine-widget .block-big h3 { font-size:16px; }
        .magazine-widget .block-big h4 { font-size: 14px; color: #888; font-weight: normal; margin-top: -3px;}
	.widget-magazine .block-big p { margin:0; }
	.widget-magazine .block-big .big-desc { padding-left:320px; }
	.widget-magazine .block-big .magz-image { float:left;overflow:hidden; width:300px; height:168px; background:#222;}
        
	.widget-magazine.half .big-desc { clear:both; padding-left:0; }
	.widget-magazine.half .big-title { padding-top:5px; }
	.widget-magazine .block-small .description { padding-left:125px; }
	.widget-magazine .block-small .magz-image{ float:left; overflow:hidden; width:88px; height:58px; background:#222;}
        
        
        
        
        .widget-magazine .block-small { width:300px; float:left; overflow:hidden; padding:10px 0 5px 0; border-top:1px dashed #efefef; }
	.magazine-widget .block-small-noimage { background:url(../skin/Right-Arrow.png) no-repeat 0 14px; width:285px; float:left; overflow:hidden; padding:10px 0 10px 15px; border-top:1px dashed #efefef; }
	.magazine-widget .block-small-noimage a { }
	.widget-magazine .xright { margin-left:10px; }
	.widget-magazine .xleft { margin-right:10px; }
	.xreview {padding:0; float:left;}
	.magazine-widget .block-small-noimage h3 {float:left;}
	.magazine-widget .block-small-noimage .xreview { padding-left:8px;}
	.magz-meta, .magz-meta a  { font-size:12px; padding-top:0px; color:#999; }
        .magz-meta-sub, .magz-meta-sub a  { font-size:12px; padding-top:0px; color:#ff8d58; }
	.magazine-widget .block-small h3, .magazine-widget .block-small-noimage h3 { font-size:13px; }
	.block-small .magz-meta-sub {width:200px;}
        
        .ico-coeur-24 {width:24px !important; height:24px !important; margin-top: -7px;margin-left: 2px;}
        .ico-coeur-16 {width:16px !important; height:16px !important; margin-top: -7px;margin-left: 2px;}
        .widget-magazine .block-small .magz-image.couv {width:115px; height:65px;}
        .widget-magazine .block-small .magz-image.couv img {width:100%; height:auto;}
        .widget-magazine .block-small .description.couv  {padding-left: 125px;}
        
        .widget-magazine .block-small .magz-image.news {width:85px; height:50px;}
        .widget-magazine .block-small .magz-image.news img {width:100%; height:auto;}
        .widget-magazine .block-small .description.news  {padding-left: 100px;}
        
        .widget-magazine .block-big .magz-image.preview {width:300px; height:149px;}
        .widget-magazine .block-small .magz-image.preview {width:115px; height:59px;}
        .widget-magazine .block-small.preview {padding:3px 0;}
        .widget-magazine .block-small.preview .description {padding-left: 0;}
        
        
        /** Galery de couv **/
        .gallery-couv {width:100%; overflow:hidden;list-style:none; margin: 10px 0 15px 0;}
        .gallery-couv li {display: inline-block;width: 110px;margin: 0 12px 10px 0; vertical-align: top;position:relative;}
        .gallery-couv.expo li {margin: 0 8px 25px 0;}
        .gallery-couv li:nth-child(5n+5) { margin-right : 0;}
        .gallery-couv li:nth-child(5n+1) { margin-left: 0;}
        .gallery-couv li > a { background: #111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%; display: block;}
        .gallery-couv li a.zoom-format-icon { background: #111 url(../skin/format-icon/format-zoom.png) no-repeat 50% 50%;}
        .gallery-couv li img.couv {width: 110px;margin: 0px;/* border: 1px solid #aaa; height:163px;*/}
        .gallery-couv li img.couv.gras {width:100px; height:155px; border:5px solid #222;}
        .gallery-couv li img.couv.libre {height:auto;}
        .gallery-couv li img.star {width: 65px;}
        
        .gallery-couv span {display: block;text-align: center;margin: 0;font-size: 12px;font-weight: normal;font-family: 'Oswald';}
        .gallery-couv span.ordre {font-size: 32px;font-family: Oswald;font-weight: bold;}
        .gallery-couv span.ordre sup {font-size: 18px;font-family: Oswald;font-weight: bold;color:#777;top:-0.8em;}
        .gallery-couv span em {color:#eb5e1c; font-style: normal;}
        .gallery-couv li a.editeur {background: #fff;}
        .gallery-couv span.titre {text-align: left; font-weight:normal; font-family:'PT Sans'; font-size:13px;line-height: 13px; margin:5px 0 0;}
        
         
       

        .gallery-couv > li.rupture {display: inline-block;text-align: center;font-family: Oswald;background: url(../skin/bg-pattern.png) repeat #fcfcfc;}
        .gallery-couv > li.rupture span {margin:10px 5px; display:block; color:#777;font-size:16px;}

        
        .gallery-couv > li .couverture .action {position:absolute; top:25px; left:0; height:100%; width:100%;text-align: center;padding: 10px 0;display:none;cursor:pointer;}
        .gallery-couv.liste-top5 > li .couverture .action {top:20px;}
        .gallery-couv.liste-top5 .couverture {margin-bottom:5px;}
        .gallery-couv > li .couverture .action span {display: block;width: 95px;margin: 0 10px 15px 10px;font-size:13px;}
        .gallery-couv > li .couverture .action .button {width:90px;}
        .gallery-couv > li .couverture .action a.button {width:67px;margin-top:3px;}
        
        
        #montop {margin:20px 0 0 0;}
        #montop .line-title h3 {}
        
        #montop p {color:#aaa; margin-top:0px;padding-top:0px;}


        
        .gallery-couv-large {width:100%; overflow:hidden;list-style:none; margin: 10px 0 0 0;}
        .gallery-couv-large li {display: inline-block;width: 144px;margin: 0 10px 10px 0; vertical-align: top;}
        .gallery-couv-large li:nth-child(4n+4) { margin-right : 0;}
        .gallery-couv-large li:nth-child(4n+1) { margin-left: 0;}
        .gallery-couv-large li > a { background: #111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%; display: block;}
        .gallery-couv-large li img.couv {width: 144px;margin: 0px;/*border: 1px solid #aaa*/; height:202px;}
        .gallery-couv-large li img.couv.libre {height:auto;}
        .gallery-couv-large li img.star {width: 65px;}
        .gallery-couv-large span {display: block;text-align: center;margin: 5px 0 0 0;font-size: 12px;font-weight: normal;font-family: 'Oswald';}
        .gallery-couv-large span.titre {text-align: left; font-weight:normal; font-family:'PT Sans'; font-size:13px;line-height: 13px; margin:0;}
        .gallery-couv-large span.editeur {text-align: left; background: #fff;font-weight:bold; margin:5px 0 0;font-family:'PT Sans';font-size:13px;}
        .gallery-couv-large span em {color:#eb5e1c; font-style: normal;}
        .gallery-couv-large li a.editeur {background: #fff;}
        .gallery-couv-large li a.editeur_sorties {background: #fff;font-weight:bold; margin:5px 0 0;}
        
        .gallery-couv-large.square li > a:first-child {overflow: hidden; max-height: 150px;}
        .gallery-couv-large.square li img {width:145px; border:none;}

        .preview-copyright {font-size: 10px;display: block;margin-top: -12px;text-align: center;margin-bottom: 5px;}
        .preview-top .bandeau-top {width:620px; margin-bottom:15px;}
        .preview-top .couv-top {height: 265px;border: 1px solid #777;position: absolute;margin-top: -310px;margin-left: 20px;box-shadow: 4px 4px 10px #111;}
        .review-image .preview {width:140px;}
        
        .gallery-preview {width:100%; overflow:hidden;list-style:none; margin: 10px 0 0 0;}
        .gallery-preview li {display: inline-block;width: 110px;margin: 0 14px 10px 0; vertical-align: top;float:left;}
        .gallery-preview li img.couv {width: 108px;margin: 0px;border: 1px solid #ddd; height:auto;}
        .gallery-preview li img.couv.libre {height:auto;}
        .gallery-preview li img.star {width: 65px;}
        .gallery-preview span {display: block;text-align: center;margin: 5px 0 0 0;font-size: 12px;font-weight: normal;font-family: 'Oswald';}
        .gallery-preview span em {color:#eb5e1c; font-style: normal;}
        .gallery-preview li a.editeur {background: #fff;}
        
        .gallery-preview li.couverture {width:234px;}
        .gallery-preview li.couverture img.couv {width:232px;height:auto;}

        .gallery-preview.horizontal li img.couv {height:76px;}
        .gallery-preview.horizontal li.couverture img.couv {height:185px;}
        
        
        
        .single-block.expo img {max-width:620px;}
        .single-content.expo {margin-bottom:35px;}
        .single-content.expo h2 {font-family: Oswald;font-size: 32px;margin:0;}
        .single-content.expo hr {border: none;background: url(../skin/bg-pattern.png) repeat #eee;height: 10px;}
        .single-content.expo .single-thumb {padding: 0px 0 15px 0;}
        
        
        
        
        /** Galerie sur le coté **/
        .widget ul.gallery-side {width:250px; overflow:hidden;list-style:none; margin:10px 5px 0 5px; padding:0;}
        .widget ul.gallery-side li {display: inline-block;width: 110px;margin: 0 8px 10px 5px; vertical-align: top;padding:0;border:none;}
        .widget ul.gallery-side li a { background: #111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%; display: block;}
        .widget ul.gallery-side li img.couv {width: 108px;margin: 0px;border: 1px solid #aaa; height:150px;}
        .widget ul.gallery-side li img.star {width: 65px;}
        .widget ul.gallery-side span {display: block;text-align: center;margin: 5px 0 0 0;font-size: 12px;color: #444;font-weight: normal;font-family: 'Oswald';}
        .widget ul.gallery-side span em {color:#eb5e1c; font-style: normal;}
        
        
	/** Social Counter Widget **/
	.social-counter-wrapper { overflow:hidden; background:url(../skin/bg-pattern.png) repeat #fafafa; padding:10px 10px 0 10px; margin-bottom:35px; }
	.social-counter { background:#fff; float:left; text-align:center; width:70px; padding:10px; margin:0 5px 10px 0; }
	.social-counter.facebook-count { margin:0; }
	.social-counter .social-count { color:#666; font-size:18px; padding-top:5px;} 
	.social-counter .social-descrip { color:#666; font-style:italic;}
	.social-counter a { margin-left:19px; }
	.social-counter.no-right{margin-right:0;}
	.Feedburner-count a{ background:url(../skin/counter/Feed.png) no-repeat; width:33px; height:33px; display:block; }
	.Twitter-count a{ background:url(../skin/counter/Twitter.png) no-repeat; width:33px; height:33px; display:block; }
	.Facebook-count a{ background:url(../skin/counter/Facebook.png) no-repeat; width:33px; height:33px; display:block; }
	.YouTube-count a{ background:url(../skin/counter/YouTube.png) no-repeat; width:33px; height:33px; display:block; }
	.Vimeo-count a{ background:url(../skin/counter/Vimeo.png) no-repeat; width:33px; height:33px; display:block; }
	.Dribbble-count a{ background:url(../skin/counter/Dribbble.png) no-repeat; width:33px; height:33px; display:block; }
	.Forrst-count a{ background:url(../skin/counter/Forrst.png) no-repeat; width:33px; height:33px; display:block; }
	.Digg-count a{ background:url(../skin/counter/Digg.png) no-repeat; width:33px; height:33px; display:block; }
	
	/** Widget Homepage Magazine Carousel **/
	.wrapper-carousel { overflow:hidden; padding:15px 0; }
	.wrapper-carousel .image-carousel { position:relative; float:left; display: block; }
	.anyClass { height:auto; overflow:hidden; float:left; margin-left:25px; }
	.wrapper-carousel ul li { position:relative; list-style-type:none; width:102px; height:158px; margin-right:15px; }
        .wrapper-carousel ul li img { width: 100px; height: 138px; /* border: 1px solid #aaa;*/ }
        .wrapper-carousel ul li span { display:block; text-align:center; font-family: Oswald; }
	a.prev, a.next { width: 17px; height: 22px; display: block; position: absolute; top:70px;  }
	.nav { position: relative;  }
	a.prev span, a.next span { display: none; }
	a.prev { left:0; background:url(../skin/carousel-arrow.png) 0 0;  } 
	a.next { right:0; background:url(../skin/carousel-arrow.png)-17px 0; }
	
	/** Social Network Widget**/
	.title-social {  float:left; color:#f3f3f3; font-size:14px; margin-right:4px; }
	.social-widget { overflow:hidden; }
	.widget .social-widget li.flickr { padding:0; }
	.widget .social-widget { padding:10px; }
	.footer-widget .social-widget li, .widget .social-widget li{ float:left; list-style-type:none; border:none; padding:0 9px 0 0; }
	.footer-widget .social-widget li a { border:none; }
	.facebook a{ background:url(../skin/social-icons/facebook-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.twitter a{ background:url(../skin/social-icons/twitter-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.vimeo a{ background:url(../skin/social-icons/vimeo-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.linkedin a{ background:url(../skin/social-icons/linkedin-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.youtube a{ background:url(../skin/social-icons/youtube-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.flickr a{ background:url(../skin/social-icons/flickr-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.friendfeed a{ background:url(../skin/social-icons/friendfeed-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.deviantart a{ background:url(../skin/social-icons/deviantart-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.fb-like {margin:6px 0 0 25px;}
     
        
	/** Search Widget **/
	.search-sidebar  { margin-bottom:20px; background:url(../skin/bg-pattern.png) repeat #fafafa; padding:10px; }
	#search{ background:#fff; padding:5px 10px; overflow:hidden; }
        .search-top { background:none; border:none; color:#666; width:240px; float:left; width:190px;  color :#555;margin:1px 0; padding: 1px 5px;}
        .search-top:focus { outline:none; }
	/**#search #searchserie, #search #searchsite { background:none; border:none; color:#666; width:240px; float:left; }**/
	#searchbutton{ width:16px; height:16px; float:right; float:right;  margin-top:4px; background:url(../skin/icons/icon-search.png) no-repeat;  border:0; text-indent: -1000em; cursor: pointer; cursor: hand; /* for IE 5.x */ }
	/**#search #searchserie:focus { outline:none; }**/
        /** #search #searchsite:focus { outline:none; } **/
	.search-header { margin-left:20px; }
	.search-header #search{  padding:2px 5px 2px 10px; overflow:hidden; }
	.search-header #search #searchserie, .search-header #search #searchsite { width:190px;  color :#555;margin:1px 0;}
	.search-header { float:right; border:1px solid #ddd; width: 315px; overflow:hidden; position:relative;}
        .search-select {position:absolute;top:0;left:0; }
        .search-text {position:absolute;top:2px;left:95px;}
        #searchwhere {height:26px;opacity:0;visibility: visible;z-index: 100;position: absolute;top: 0;left: 0;width: 90px;cursor: pointer;}
        .search-txt-select {display: inline-block; color: #777;font-size: 11px;white-space: nowrap;font-family: arial, sans-serif;text-indent: 1px;height: 27px;margin: 0;line-height: 27px;text-overflow: ellipsis; background: #f8f8f8;padding: 0 5px;width: 80px;border-right: 1px solid #DDD;}
        .search-ico-select {width: 9px;height: 5px;font-size: 0px;line-height: 0;position: absolute;background-image: url(../skin/dropdown.png);top: 10px;left: 75px;}
        
	/** Flick Widget **/
	.widget-footer .flickr_stream a{ background:#111; display:block; width:63px; height:50px; float:left; display:block; margin:0px 8px 8px 0; border:none; }
	.widget-footer .flickr_stream img{ width:63px; height:50px; }
	.widget .flickr_stream { overflow:hidden;}
	.widget .flickr_stream a{ background:#111; display:block; width:83px; height:65px; float:left; display:block; margin:5px; }
	.widget .flickr_stream img{ width:83px; height:65px; }
	
        
	/** Tabs widget **/
        
	.tabs-wrapper { padding:0; overflow:hidden; overflow:hidden; }
	ul.tabs-sidebar { margin:0; padding:0; overflow: hidden; background:transparent; }
	ul.tabs-sidebar li { background:none; float:left; text-align:center; width:35%; padding: 0 !important; border:none !important; overflow: hidden;}
	ul.tabs-sidebar .last { width:30%; }
	ul.tabs-sidebar li a { text-decoration:none; font-size:14px; display: block; outline: none;  padding:3px 0; text-transform:uppercase; }
        ul.tabs-sidebar li.inactive a {color:#ddd; cursor: text;}
	ul.tabs-sidebar li.last a { overflow:hidden; border-right:none; padding:3px 0; }
	ul.tabs-sidebar li.active a{ background: white !important;z-index: 1000;border-top: 1px solid #DDD;border-left: 1px solid #DDD;border-right: 1px solid #DDD; }
	.tab_content{ background:#fff; padding:5px 10px; border: 1px solid #ddd; }
        /** .tab_content{ border-radius:10px;}
        .tab_container .tab_content:first-child {border-radius: 0 10px 10px 10px;}
        #prepub-tabs, #tab1 {border-radius: 0 10px 10px 10px;} **/
        
	.block-tabs { overflow:hidden; padding:5px 0; border-bottom:1px dashed #e4e4e4; position:relative;}
	.block-tabs:last-child { border:none; }

	.block-tabs .description { padding-left:85px;  }
	.block-tabs .tabs-image{ float: left;overflow: hidden;width: 75px; /*border: 1px solid #aaa;*/ }
	
	.block-tabs .description h3  { font-size:13px; }
	.block-tabs .tabs-meta, .block-tabs .tabs-meta a {  padding-top:0px; font-size:11px; font-weight:normal; color:#666;}
        .block-tabs .tabs-meta-sub, .block-tabs .tabs-meta-sub a {  padding-top:0px; font-size:11px; font-weight:normal; color:#ff8d58;}
	.review { float:left; padding:2px 0 0 7px; }
	.block-tabs .avatar { margin-top:0; float: left; margin-right: 10px; }
	.block-tabs .comment-text-side { font-weight:normal; font-size:12px; }
	.commenters {  font-size:14px; }
	#tags-tabs { overflow:hidden; }
	.tagcloud { overflow:hidden; padding:5px 0; }
	.tagcloud a { background:#444; float: left; margin: 5px 5px 5px 0; padding:3px 10px; color:#fff; }
	.tagcloud a:hover { color:#fff; background:#ba0d16;  text-decoration: none; }
	.tagcloud a:before { content:'';  display:inline-block; border-radius:20px; width:6px; height:6px;background-color:#fff; margin:0 6px 1px 0; zoom:1; /* IE7 fix */*display:inline;  /* IE7 fix */}
	
        /**** Nouveaute Widget **/
        .album-nouveaute {overflow: hidden;padding: 0;position: relative;margin-bottom: 25px;margin-top:15px;}
        .album-nouveaute img.corner-top-left {position: absolute;top: 0px;left: 0px;z-index: 100;width: 80px;height: 80px;border: none;}
        .album-nouveaute .couv {float: left;padding: 13px;}
        .album-nouveaute .couv img {width: 125px;float: left;}
        .album-nouveaute .info {float: left;background: #1a1a1a;padding: 0;position: relative;width: 620px;margin-bottom: 10px;}
        .album-nouveaute ul {list-style: none;margin-bottom: 13px;margin-top:5px;color:#eee;}
        .album-nouveaute ul li label {color: #999;}
        .album-nouveaute img.corner-top-right { position:absolute; top: 0px;right: 0px;z-index: 1;}
        .album-nouveaute .info .bt-achat {position: absolute;right: 15px;bottom: 10px;width: 100px;}
        .album-nouveaute h3.titre {font-weight: normal;color: #999;margin-top: 10px;}
        .album-nouveaute h3.titre span.serie {color:#fff;}
        
        
        /*******Fiche Album ********************/
        .copyright_iframe {position: absolute;bottom: 5px;right: 0;font-size: 10px;color: #AAA;}
        .copyright_iframe a {color:#aaa;} 
        .album-fiche {float: left;padding: 0;position: relative;width: 620px;margin-bottom: 25px; min-height:200px;}        
        .album-fiche .visuels {float:left; margin-right:10px;}        
        .album-fiche .couv {margin-right:5px;}
        .album-fiche .couv img {width: 140px;/*border: 1px solid #aaa;*/}
        
        .album-fiche .vignettes {position:absolute; top:52px; right:112px;}
        .album-fiche .vignettes img  { width: 47px;border: 1px solid #aaa; margin-bottom:7px; display:block;}
        .album-fiche .eval {margin-top: 5px;position: absolute;top: 0px;right: 0px;width:auto;}
        
        .album-fiche.parabd .vignettes {top:0; right:0;}
        .album-fiche.parabd .vignettes img  { width: 80px;border: none;}
        
        .album-fiche .eval .ratingblock {float:right;margin-right:110px;}
        .album-fiche ul.info {list-style: none;margin-bottom: 5px;margin-top:5px;width: 300px;float: left;}
        .album-fiche ul.info li label {color: #999;display:inline-block; width:85px;}
        .album-fiche ul.info li span.grise {color: #AAA;font-size: 0.85em;font-style: normal;}
        .album-fiche ul.info li.auteur a {color: #eb5e1c;}
        .album-fiche h3.titre {font-weight: normal;color: #777;width:490px;}
        .album-fiche h3.titre span.serie {color:#444;}
        .album-fiche h3.titre a span.serie:hover {color:#eb5e1c;}
        .album-fiche .bt-achat {position: absolute;width: 100px;bottom: 0px;right: 0px;}
        .album-fiche h3.titre span.numa {color:#acacac;}
        
        .album-fiche .autres {float: left;text-align: justify;width: 435px;font-size:1em}
        .album-fiche .autres p {margin: 5px 0 0; padding:0; line-height: 1.3em;}
        .album-fiche em {font-weight: bold;font-style: normal;}
        
        .album-fiche .album-online {top:5px;}
        .album-fiche li.auteur a:hover{text-decoration: underline;}
        .album-fiche.dark {background: #222;}
        .album-fiche.dark  .visuels {background: #222;}
        .album-fiche.dark .couv {margin:7px;}
        .album-fiche.dark h3.titre {margin-top: 10px;}
        .album-fiche.dark .couv img {border: 1px solid #222;}
        .album-fiche.dark ul.info {color:#eee;}
        .album-fiche.dark ul.info li label {color: #999;}
        .album-fiche.dark h3.titre {color: #aaa;}
        .album-fiche.dark h3.titre span.serie {color:#fff;}
        .album-fiche.dark .eval {right:10px;top:5px}
        .album-fiche.dark .bt-achat {right:10px;}
        
        .block-tabs .tabs-achat {font-size: 11px;font-weight: normal;color: #999;margin: 10px 0 0 0;float: right;}
        .block-tabs .tabs-achat .button {width:75px;}
        .widget.nouveaute {background: #eb5e1c;color: white;}
        .widget.nouveaute a {color: white;font-weight: normal;font-size: 13px;}
        .widget.nouveaute .tab_content {background:#FFD2B1; padding: 5px 10px;border: 1px solid #DA5C00;margin-top: -1px;}
        .widget.nouveaute .tab_content .block-tabs .tabs-image {border: 1px solid #777;}
        .widget.nouveaute h3.titre {color: #444;font-family: oswald;font-weight: normal;font-size: 15px;}
        .widget.nouveaute .block-tabs .tabs-meta-sub {color:#DA5C00;}
        .widget.nouveaute .block-tabs {border-bottom: 1px dashed #eb5e1c;}
        .widget.nouveaute .block-tabs:last-child {border-bottom: none;}
        
        
        
        
        
	/** Tweet Widget **/
	.widget .tweet_list li { padding:10px 10px 11px 28px; background:url(../skin/twitter.png) no-repeat 0px 15px; }
	.widget-footer .tweet_list li  {  padding:0 0 0 28px; background:url(../skin/twitter-footer.png) no-repeat 0px 5px;  }
	.tweet_time , .tweet_join { font-style:italic; }
	
	/** Facebook Like **/
	.facebook-like-wrap { margin-bottom:20px; }

        /** Descriptif widget **/
        .image-side {float: left;width: 105px;margin: 5px;}

        ul.icons-side {margin:0;padding:0 0 10px 0;}
        ul.icons-side li {float: left;width: 33%;text-align: center;border:none;padding:0;}
        ul.icons-side li a {margin: auto;}
        
        /** Widget statistiques **/
        ul.stats {overflow: hidden;margin-left:10px; padding:0;}
        ul.stats li {padding: 0;border-bottom: none;}
        ul.stats span.nb {display: block;width:60px;float: left;text-align: right;margin-right: 5px;font-weight:bold;}
        ul.stats li a {width: 55px;float: left;}
        
        
        ul.correcteur {overflow: hidden;margin-left:10px; padding:0;}
        ul.correcteur li {padding: 0;border-bottom: none;}
        ul.correcteur span.nb {display: block;width:34px;float: left;text-align: right;margin-right: 5px;font-weight:bold;}
        ul.correcteur li a {width: 85px;float: left;}
        
        /** Widget acces **/
        div.acces label {margin: 0;display: inline-block;padding: 0;width: 45px;margin-left: -3px;}
        div.acces a {color: #CCC;font-size: 11px;font-family: oswald;display: inline-block;width: 4px;}
        div.acces a:hover {color:#444; text-decoration: underline; font-weight: bold;}
        
        /** Widget Trucs et Astuce **/
        .truc {overflow:hidden;}
        .truc h4 a {color:#777;}
        .truc p { margin-right:5px;}
        .truc img {float:right; max-width:50px; margin:0 0 5px 5px;}
        
        /** widget creation **/
        .bt-creation {display:block; margin-top:10px;}
        
/***************** SHORTCODES ******************/
	/** Columns **/
	.last { margin-right: 0 !important; }
	.one_half { 	width: 48%; float: left; margin-right: 4%; }
	.one_half.last { width: 48%; float: right; }
	.one_third { width: 30.6666%; float: left; margin-right: 4%; }
	.one_third.last { width: 30.6666%; float: right;  }
	.two_third { width: 65.3332%; float: left; }
	.two_third.last { width: 30.6666%; float: right; }
	.one_fourth { width: 22%; float: left; margin-right: 4%; }
	.one_fourth.last { width: 22%; float: right; }
	.three_fourth { width: 74%; float: left; margin-right: 4%;  }
	.three_fourth.last { width: 22%; float: right; }
	.clearboth { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }
	
	/** Tabs **/
	.single-content .tabs-wrapper { background:url(../skin/bg-pattern.png) repeat #fafafa; padding:10px; }
	.single-content  ul.tabs { padding:0; margin:0; }
	.single-content  ul.tabs li { background:none; float:left; text-align:center; overflow: hidden; padding:4px 15px; }
	.single-content ul.tabs li a { font-size:16px; font-weight:normal; border-bottom:none; color:#444; }
	.single-content ul.tabs li a:hover, .single-content ul.tabs li a.active, h5.toggle a:hover { color:#BA0D16; }
	.single-content ul.tabs li.active { background:#fff; z-index:1000;  border-top:1px solid #ddd;  border-left:1px solid #ddd;  border-right:1px solid #ddd;}
	.single-content .tabs-wrapper { margin: 10px 0 30px 0; }
	.single-content .tabs-wrapper .tabs-container { padding:0px; margin-top: -1px;}
	.single-content .tabs-wrapper .tabs-container .tab_content { background:#fff; padding:15px;  border:1px solid #ddd; display:none;}
	.single-content .tabs-wrapper ul li { width:auto; }
	
	/** Dropcap **/
	.dropcap { font-size:36px; margin-right:6px; text-transform: uppercase; float: left; line-height: 1; font-weight:bold; }
	p.chronique {font-size:15px;text-align:justify;}
        p.preview {font-size:15px;text-align:justify;}
        p.chronique .dropcap {font-size:38px;}
        .comment-text p  {text-align:justify;}
        img.coupcoeur {margin-left:5px;margin-top:-10px;}
        img.coupcoeur-bandeau {margin-top: -203px;float: right;}
	/** Highlight **/
	.highlight1 { background:#f6f67a; }
	.highlight2 { background:#000; color:#CCC; }
	
        
        
	/** Youtube & Vimeo **/
	.video-shortcode { margin-bottom:20px; }

	/** Toggles **/
	h5.toggle { background:url(../skin/bg-pattern.png) repeat; padding:5px 10px; margin:15px 0; cursor:pointer; }
	h5.toggle a { background:url(../skin/toggle-open.png) no-repeat left center; text-decoration:none; padding-left:20px;  font-size:16px; color:#444; font-weight:normal; }
	h5.toggle.active a { background:url(../skin/toggle-close.png) no-repeat left center; text-decoration:none; padding-left:20px;  font-size:16px; }
	.toggle-content { display:none; background:url(../skin/bg-pattern.png) repeat #fafafa; padding:10px;  font-size:12px;  margin-bottom:20px; }
	.toggle-content .block { background:#fff; padding:10px; }
	
	/** List **/
	.checklist li { background:url(panel/shortcodes/check-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}
	.badlist li { background:url(panel/shortcodes/bad-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}
	.blocklist li { background:url(panel/shortcodes/block-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}
	
	/** Attention, Information, and Error **/
	.attention {padding: 8px 10px 5px 10px; overflow: auto; margin: 0 10px 15px 10px; clear: both; border: 1px solid #BF9900; background: #FEEB9C url(../skin/warning-bg.png) repeat-x top; }
	.attention p, .information p, .error_warning p { padding: 0; margin: 0;  font-size:1em;}
        .error_warning p {color: #AE432E;}
	.attention p span {background:url(../skin/icons/icon-warning.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #BF9900;margin-right: 5px;}
	.information { padding: 8px 10px 5px 10px; overflow: auto;     margin: 0 10px 15px 10px; clear: both; border:1px solid #77AB13; background: #D9E6C3; border-radius: 2px;}
	.information p span {background:url(../skin/icons/icon_notification_success.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #69990F;margin-right: 5px;}
	.error_warning { padding: 8px 10px 5px 10px; overflow: auto;     margin: 0 10px 15px 10px; clear: both; border: 1px solid #AE432E; background: #F2D4CE; border-radius: 2px;}
	.error_warning p span { background:url(../skin/icons/icon_notification_error.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #AE432E;margin-right: 5px;}
	
        .overlay-div .error_warning, .overlay-div .information {margin:10px;}

        
	/** Buttons **/
	
        
/**************** FOOTER ****************/
.footer-link {float: right;}

.footer-widget { background:#222; color:#efefef; }
.footer-widget a{ color:#efefef; border-bottom: 1px dashed #5B5A59; }
 .footer-widget p { color:#efefef; }
.footer-bottom { background:#111; }
.footer-bottom-wrap { padding:15px 0 10px 0; }
.widget-footer { padding:15px 0 0 0; }
.widget-footer .cat-item { width:100%; float:left; }
.widget-footer ul { list-style-type:none; clear:both; height:100%; overflow:hidden;}
.widget-footer ul li { margin:0; margin:0 0 5px 0;  }
.bottomNav-wrapper  { overflow:hidden; }
.bottomNav { float:right; margin:0; }
.bottomNav a { font-size:14px; text-transform:uppercase; color:#efefef; }
.bottomNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }
.bottomNav li a{ padding:0 0 0 20px; display:block;}
.logo-bottom{  overflow:hidden; }
.logo-bottom img {width:130px;}
.credits { padding-top:5px; position:relative; }
.credits p{ float:right; color:#777}
.credits a{ color:#777; border-bottom: 1px dashed #444; }
.widget-footer .tabs-image {float: left;overflow: hidden;width: 100px;height:50px;margin-right:8px;margin-bottom: 8px; border: 1px solid #111;}
.widget-footer img {width:100px; height:auto;}
.social-footer img {width:24px; height:24px; display:block; float:right;}
.social-footer a {display:block; border-bottom: none;padding: 3px 0px;}
.xiti-logo {position: absolute; top:10px; left:5px;}
.xiti-logo a {border-bottom:none;}
.date-heure-footer {display: none;float: right;font-size: 12px;color: #444;}

/**************** 404 Error ****************/
.error404_image { overflow:hidden; margin-bottom:20px; }
.error404_title { font-weight:bold; font-size:50px; text-align:center; margin-bottom:20px }
.error404_text { font-weight:bold; font-size:30px; text-align:center; margin-bottom:20px;}



/* Facebook Comments */
	.fb-comments{
		margin-bottom:30px;
	}
	.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
		width: 100% !important;
	}
	.facebook-fan-box iframe[style] {
		width: 103% !important; 
	}

.breadcrumb {padding: 0;margin: 0 0 5px;list-style: none;font-family: Oswald;font-size: 15px;text-transform: uppercase;font-weight: bold;color: #444;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li > .divider {padding: 0 0px;color: #CCC;}
.breadcrumb > .active {color: #999;font-size:18px;}
        
 /*** Initialisation index **/
body, .magazine-widget .block-small h3, .block-tabs .description h3, .magazine-widget .block-small-noimage h3, .related-post h6, .postForm textarea{ font-family: 'PT Sans'; }
.social-count, .picture_title a, .picture_counter, ul#filter a, ul.tabs-sidebar li a, ul.tabs li a, .postForm .submit, .nav-left, .nav-right, .nav-center, .pagination, .nivoSlider a, 
        .nivo-caption .date-info, .nivo-caption a, .comment-submit, .title-social, .commenters, .widget-footer-title, .single-title h1, .comment-author 
        .name, .author-title a, .content-title p, .bottomNav a, .title-404 span, h1, h2, h3, h4, h5, h6 {font-family: 'Oswald';}
        .mainNav a, .bottomNav a { font-family: 'Oswald'; }
html {background: #444 url(../skin/bg-bulles.png) repeat;} /** #777 url(../skin/bg-pattern.png) repeat; **/ /** #444 url(../skin/bg-bulles.png) repeat **/

.topNav li  > ul li a:hover, .mainNav li  > ul li a:hover, .error_msg, readmore, a:hover, .single-content ul.tabs li a:hover, .single-content ul.tabs li a.active, h5.toggle a:hover, .flex-caption a:hover{color:#eb5e1c;}
.tagcloud a:hover, .reply-comment:hover, .comment-submit:hover, .postForm .submit:hover, ul#filter li.current a, ul#filter li a.current, ul#filter a:hover { background:#eb5e1c; }
.postForm .error { border: 1px solid #eb5e1c; }
.header { position:relative; height:60px; }
.spotlight-title { background:#1E1D1D url('../skin/side-title-spotlight.png') no-repeat right; }
a:hover {text-decoration: none;}

.ui-autocomplete {max-height:600px; overflow-y: auto; overflow-x: hidden; padding:0 !important;min-width: 280px;}

.ui-autocomplete .ui-menu-item img {margin-top: -3px; margin-right: 3px;}

.ui-menu-item a.ui-corner-all {border-radius: 0}
.ui-menu-item a.ui-state-focus {background:#333;}

.flexslider.bdgest .flex-caption { min-height:47px;}
.flexslider.bdgest .flex-control-nav {width:auto; bottom:30px; right:20px;top: auto;left: auto;}
.flexslider .slides img {width:100%;}
.flexslider.bedetheque {margin: 20px 0 20px 0;}
.flexslider.bedetheque .flex-control-nav {width:auto; bottom:4px; right:10px;top: auto;left: auto;}

/** font awesone **/
.btn [class^="icon-"], .btn [class*=" icon-"] {font-size: 14px;}
.icon-large {font-size:14px !important; }
.icon-1x {font-size:18px !important; }
.icon-2x {font-size:28px !important; }
.icon-3x {font-size:42px !important; }
.icon-4x {font-size:4em !important; }

[class^="icon-"].grise,[class*=" icon-"].grise {color:#aaa;}
ul.sub-menu li a [class^="icon-"], ul.sub-menu li a [class*=" icon-"] {color: #777;width: 20px;display: inline-block; margin-left: -3px;}
ul.sub-menu li a:hover [class^="icon-"] {color: #eb5e1c;}
ul.sub-menu li a:hover [class*=" icon-"] {color: #eb5e1c;}
.icon-large::before {vertical-align: 0%;}
.button.btn {padding:3px 5px 0px; height:auto;}

h2.news {color: #777;font-weight: normal;font-size: 15px;}
.redactor_editor {font-size:14px !important;}
.redactor_editor p {padding:0; }
.redactor_editor ul {list-style: disc !important;padding-left: 2em !important;}
.redactor_editor ul li {list-style: disc !important; padding:0; margin:0;}
.redactor_editor img {cursor : pointer !important;}

.redactor_editor img.old {max-width:150px;}
.redactor_editor img.alignleft.old {margin:0 15px 5px 0 !important;}
.redactor_editor img.alignright.old {margin:0 0 5px 15px !important;}

/** Les bords arrondis **/
 .widget-magazine .block-big .magz-image { border-radius:8px; /* border:1px solid #aaa; */}
.widget-magazine .block-small .magz-image { border-radius:5px; /* border:1px solid #aaa; */ }

.gallery-couv-large li img.couv {border-radius:8px;}
.gallery-couv-large li > a {border-radius: 10px;}

ul.topediteur > li .gallery-couv-large > li .couverture .image {background: #111;border-radius: 10px;}


/* Logiciel */
div#histo {margin-top:15px;}
div#histo ul {list-style: disc;}
div#histo ul li {margin-left:30px;}

.logiciel a {font-weight:bold;}
ul#bigmenu {clear: both;overflow: hidden;margin: 20px auto;width:460px;padding:0;}
ul#bigmenu li {display:inline-block;width: 150px;}
ul#bigmenu li a {display: block;text-align: center;font-weight: bold;}
ul#bigmenu li a img {margin:auto;}
.tabs-container h4 {border-bottom:1px solid #ccc;}

ul.ul-puce {margin-left:20px;}
ul.ul-puce li {list-style: disc; padding-left:0px;margin-bottom:10px;}
img.screenshot {border: 1px solid #AAA;margin: 7px;width: 268px;float: left;}

table.screen td {text-align:center;padding: 7px;font-weight: bold;}
table.screen td img {width:175px;}

.flex-title {color: #444;position: absolute;top: 15px;right: 25px;font-size: 21px;width: 425px;text-align: right;font-family: oswald;}
.flex-sub-title {color: #888;position: absolute;top: 47px;right: 25px;font-size: 14px;width: 425px;text-align: left;line-height: 17px;}


.flex-detail {position: absolute;top: 90px;left: 690px;width: 275px;font-family:arial;font-size:14px;}
.flex-detail ul li {list-style:none;margin:0;}

.flex-prix {position: absolute;top: 95px;left: 670px;}
.flex-prix.abonnement {top:185px;}
.flex-prix-full {position: absolute;top: 0px;left: 0px;font-family: Arial,Helvetica,sans-serif;font-size: 12px;text-align: right;color:#777;}
.flex-prix-maj {position: absolute;top: 0px;left: 130px;font-family: Arial,Helvetica,sans-serif;font-size: 12px;text-align: right;width: 45px;color:#777;}
.flex-prix-abonnement {position: absolute;top: 0px;left: 100px;font-family: Arial,Helvetica,sans-serif;font-size: 12px;text-align: right;width: 75px;color:#777;}
.sep-prix {background:#ccc;height: 40px;width: 1px;left: 125px;top: 0px;position: absolute;}
.prix-full {position: absolute;font-weight: bold;top: -10px;left: 55px;} 
.prix-entier {letter-spacing: -1px;font-family: Arial,Helvetica,sans-serif;font-size: 39px;}
.prix-devise {font-family: Arial,Helvetica,sans-serif;font-size: 20px;top: 5px;left: 47px;position: absolute;}
.prix-centimes {font-family: Arial,Helvetica,sans-serif;font-size: 12px;top: 28px;left: 43px;position: absolute;}
.prix-maj {position: absolute;font-weight: bold;top: -10px;left: 185px;}
.boutons-acheter {position: absolute;top: 40px;left: 15px;width: 300px;}

.boutons-telecharger {position: absolute;left: 690px;top: 280px;}
.boutons-telecharger .button {height:40px;position:relative;width: 200px;}
.boutons-telecharger .button i {position: absolute; top: 7px;left: 5px;}
.boutons-telecharger .button .texte-bouton {position: absolute; top:4px; left:45px; text-align: left;}

.boutons-telecharger.online {top: 340px;}


.presse span {display:inline-block;font-size:15px;margin-bottom:10px;}
.presse span.source {font-weight:bold;}
.presse {text-align:center;margin-bottom:35px;}
.presse img {max-width:400px; border:1px solid #777;}

.post-image.logiciel {height:230px;}
.block-post.logiciel .post-image {height:230px;}
.block-post.logiciel .post-content {border:none; }
.block-post.logiciel .post-content .post-head span {font-size:13px; display:inline-block; margin-right:7px;}
.block-post.logiciel .post-content .post-head span i {margin-right:2px;}
.block-post.logiciel .post-content .post-head span a {font-size:13px; font-weight:normal;}
.block-post.logiciel p {padding:0 5px 10px 0px;}
        

.gallery-screenshot {width:100%; overflow:hidden;list-style:none; margin: 10px 0 15px 0;}
.gallery-screenshot li {display: inline-block;width: 140px;margin: 0 14px 10px 0; vertical-align: top;position:relative;}
.gallery-screenshot li:nth-child(2n+2) { margin-right : 0;}
.gallery-screenshot li:nth-child(2n+1) { margin-left: 0;}
.gallery-screenshot li > a { background: #111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%; display: block;}
.gallery-screenshot li a.zoom-format-icon { background: #111 url(../skin/format-icon/format-zoom.png) no-repeat 50% 50%;}
.gallery-screenshot li img {width: 100%;margin: 0px;}
.gallery-screenshot span {display: block;text-align: center;margin: 5px 0 0 0;font-size: 12px;font-weight: normal;font-family: 'Oswald';}

.gallery-screenshot.iphone li {width:195px;}
.gallery-screenshot.iphone li img {width:195px;}
.gallery-screenshot.iphone li:nth-child(2n+2) { margin-right : 14px;}
.gallery-screenshot.iphone li:nth-child(3n+3) { margin-right : 0;}
.gallery-screenshot.iphone li:nth-child(3n+1) { margin-left: 0;}

#sarl {text-align: center; margin:15px auto;}

.etapes {width: 340px;margin: 15px auto;font-size: 11px;color: #bbb;height: 50px;background: url(../skin/steps-bg.png) repeat-x left center;}
.etapes .step {float: left;width: 85px;height: 50px;}

.etapes .step .step-id {float: left;width: 28px;height: 28px;margin-left: 27px;margin-right: 28px;line-height: 28px;border: 1px solid lightGrey;text-align: center;background: white;color: #bbb;font-size: 17px;font-weight: bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.etapes .step .step-name {float: left;width: 100%;height: 20px;line-height: 20px;text-align: center;}

.etapes .step.active .step-id {float: left;width: 26px;height: 26px;line-height: 26px;margin-left: 27px;margin-right: 28px;background: #444;border: 2px solid #444;text-align: center;color: white;font-size: 17px;font-weight: bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.etapes .step.active .step-name {color: #2B2B2B;font-weight: bold;}

.etapes .step.done .step-id {float: left;width: 26px;height: 26px;line-height: 26px;margin-left: 27px;margin-right: 28px;background: #6A9912;border: 2px solid #6A9912;text-align: center;color: white;font-size: 17px;font-weight: bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.etapes .step.done .step-name {color: #6A9912;font-weight: bold;}

span.frm-confirm {font-weight:bold; font-size:18px;}

.commande {margin:0px auto 10px auto; font-size: 24px; font-weight: bold;}
.commande span.chiffre {font-size: 24px;background: #F4F4F4;padding: 2px 5px;border: 1px solid #DDD;}

.link-commande {font-size:15px;}

.coordonnees-paiement {margin:25px auto 15px auto;text-align: center;font-size:16px;}

/* Strip :*/
img.strip {border:none;margin-top:25px;width:620px;}
span.strip {margin-top:0; font-size:12px; float:right;}

/* Google map */
#map { height: 620px; width:616px; border:1px solid #ccc;}
#mapbox { width:278px;height:248px;border:none;}
h5.infowindow-titre {color:444;font-size:15px;}
.infowindow-date {margin-bottom:5px; color:#eb5e1c;font-weight:normal;}
.infowindow-content {margin-top:0px;}
.infowindow-url {margin-top:10px;}
.infowindow-url a {font-weight:bold;}

/* Festivals */
ul.list-festivals {}
ul.list-festivals li {overflow: hidden;padding: 15px 5px 15px 0;border-bottom: 1px dashed #ddd;position:relative;}
ul.list-festivals li:first-child {border-top: 1px dashed #ddd;}
ul.list-festivals li:nth-child(odd) {background:#f4f4f4;}
ul.list-festivals li a.couv {background: #111 url(../skin/format-icon/format-gallery.png) no-repeat 50% 50%;display: block;width:130px;float: left;border:1px sulid #999;}
ul.list-festivals li a.couv img {width: 100%;}
ul.list-festivals li div.main {float: left;margin-left: 15px;max-width:400px;}
ul.list-festivals li div.main h3 {font-weight: normal;culor: #777;}
ul.list-festivals li div.main .infos {margin:5px 0;culor:#777;}
ul.list-festivals li div.main .infos .orange {margin-right:5px;display:inline-block;}
        

#map.detail {display:inline-block; margin-right:20px; width:380px;height:240px;vertical-align: top;}
.festival-adresse {display:inline-block; width:210px; vertical-align: top;}
.festival .affiche {width:265px; display:inline-block;vertical-align: top;}
.festival .affiche a {width:250px;}
.festival .affiche img {width:248px;border:1px solid #777;}
.festival .infos-festival {display:inline-block; width:350px;vertical-align: top;}

ul.liste-photo { margin:0; list-style:none; }
ul.liste-photo > li { display: inline-block; margin:0 9px 10px 0; list-style: none; width:76px; vertical-align:top; }
ul.liste-photo > li .photo { border: 1px solid #D9D9D9;padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:70px; height:70px; display:block;margin-bottom:3px;}
ul.liste-photo > li .dans-photo {width:70px; height:70px; overflow:hidden;}
ul.liste-photo > li .photo img {width:70px;min-height:70px;}
ul.liste-photo > li span {display:block; font-family: Oswald; font-size:12px;text-align:center;}


/* Galerie */

div.box.main.galerie div.items {overflow: hidden;clear: both;padding-left: 10px;}
div.box.main.galerie div.item {float: left;margin: 2px;overflow: hidden;text-align: center;width: 150px;height: 360px;}
div.box.main.galerie div.item div.img_container {width: 140px;height: 210px;position: relative;}
div.box.main.galerie div.item img {max-width: 130px;max-height: 185px;}
div.box.main.galerie div.item h4 {font-size: 1.1em;}

div.box.main.galerie.accueil div.item {height: 225px;width: 120px;}
div.box.main.galerie.accueil div.item div.img_container {width: 110px;height: 175px;position: relative;}
div.box.main.galerie.accueil div.item img {max-width: 100px;max-height: 150px;}
div.box.main.galerie div.item div.infos {font-size: 0.8em;color: #555;}
div.box.main.galerie div.item span.coupcoeur {font-weight: bold;color: #AAA;}

div#adult-overlay {display:block;}
div#adult-overlay div.overlay-noir {background: url(../skin/overlay.png) repeat;height: 100%;left: 0px;position: fixed;width: 100%;z-index: 1000;opacity: 0.98;}
div#adult-overlay div.overlay-div {margin-left: -250px;top:50%;margin-top:-180px;} 
body.img-masque .serie-image img, body.img-masque .album-side img, body.img-masque #prepub-tabs img, body.img-masque #cboxContent img {visibility: hidden !important;}
body.img-masque .serie-image a, body.img-masque .album-side a {background: #ddd !important;}

/* BDGestival */
.titre-partie {width:100%; text-align: center; font-size: 18px; margin: 15px 0 0 0;}
.theme-partie {width:100%; text-align: center; font-size: 24px; margin: 0px 0 10px; font-weight:bold;}

ul.images-partie {padding :0; margin: 10px 0 20px;}
ul.images-partie li {display: inline-block; width:49%; margin:10px 0; padding: 0px; vertical-align: top;}
ul.images-partie li form {width:150px; text-align: center; margin : 0 10px;}

ul.images-partie li:nth-child(1) form {float: right;}
ul.images-partie li:nth-child(2) form {float: left;}
ul.images-partie li:nth-child(3) form {float: right;}
ul.images-partie li:nth-child(4) form {float: left;}
ul.images-partie li:nth-child(5) form {float: right;}
ul.images-partie li:nth-child(6) form {float: left;}
ul.images-partie li:nth-child(7) form {float: right;}
ul.images-partie li:nth-child(8) form {float: left;}

ul.images-partie li div.image_numero {font-size:14px;}
ul.images-partie li img {border:1px solid #777; margin : 5px 0 0;}
ul.images-partie li input[type="text"] {width:50px; margin-right:5px;}
ul.images-partie li input[type="submit"] {width:80px;}
ul.images-partie .image_identifiant {color: #777;}
ul.images-partie .image_commentaire {font-style: italic;font-size: 11px;margin-top: 5px;color: #AAA;}

ul.images-partie .diffculte_total {position: relative; width: 150px;height: 16px;border: 1px solid #CCC;margin: 2px 0 5px;}
ul.images-partie .difficulte_reponses {float:left; position:absolute; width: 50%;background: #f4f4f4;height: 16px;}
ul.images-partie .difficulte_texte  {float:left; position:absolute; width: 148px;height: 16px; font-size:85%; color:#aaa;}

.bdgestival_gagne { font-weight:bold; color: #1c9707; }
.bdgestival_perdu { font-weight:bold; color: #BA0D16; }
.bdgestival_indice { color: #1c9707; font-weight: bold; visibility: hidden;}

.bdgestarts-jury {cursor: pointer; }

.gallery-couv.selection {padding-top:5px;}

div.pastille {background: #222;
width: 32px;
height: 32px;
font-size: 18px;
border-radius: 16px;
position: absolute;
top: -5px;
right: -5px;
color: #fff;
text-align: center;}

div.pastille i {margin-top: 6px;display: block;}

div.cookie_message {
        width: 100%;
        background: #efefef;
        padding: 10px 30px;
        color: #444;
        position: fixed;
        border-top: 1px solid #ddd;
        bottom: 0;
        z-index: 10000;
        display: block;
        opacity: 0.95;
        font-size: 14px;
}

div.cookie_message span.msg {
        display: block;
        margin-right:15px;
        
}

div.cookie_message .buttonflat {
        border-radius:3px;
        padding: 3px 10px 5px;
        font-size:1em;
        margin-right:5px;
    
}

div.cookie_message a {
        text-decoration: none;
        color: #fff;
        font-weight: normal;
}

span.ferme_cookie_message {
        position: absolute;
        top:10px;
        right: 35px;

}

span.ferme_cookie_message a {
        text-decoration: none;
        color:#fff;

}

.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group>.btn, .btn-group-vertical>.btn {
position: relative;
float: left;
}
.btn-group>.btn:first-child {
margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
margin-left: -2px;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}

ul.tarifs {padding:5px 5px 0;}
ul.tarifs li { text-align: right; padding:0; border:none;}
ul.tarifs li label {width:145px; float:left; display:block; color:#999; clear:left;text-align: left;}


.legal {
        line-height: 1.2;
}

.legal p a {
        text-decoration: underline;
        color:#eb5e1c;
}
.legal li a {
         text-decoration: underline;
        color:#eb5e1c;
}
.legal h1 {
        margin-bottom: 15px;
        background-color: #222;
        color: #fff;
        padding : 15px 0;
        text-align: center;
        display: block;
        text-transform: uppercase;
        font-size: 1.4em;
}
.legal h2 {
        margin-bottom: 10px;
        margin-top:     30px;
        border-bottom: 1px solid #888;
        font-size:1.4em;
}
.legal h3 {
        margin-bottom: 10px;
        margin-top:     20px;
        border-bottom: 1px dotted #aaa;
        font-size:1.2em;
}

.legal h4 {
        margin-bottom: 10px;
        margin-top:     20px;
        border-bottom: 1px dotted #ddd;
        
        font-size:1.1em;
}

.legal ul {
        list-style-type: square;
        margin: 0 0 15px 0;
        padding: 0;
}

.legal ul li {
        margin : 10px 0 0 30px;
        padding : 0 0 0 5px;

}

.legal ul.nopadding li {
        margin-top : 0;
}

.legal ol {
        list-style: decimal;
        margin: 30px 0 15px 60px;
        padding: 0;
        font-size: 1.1em;
        font-weight: 600;
}

.legal ol li {
        margin : 0;
        padding : 0 0 0 5px;

}

ul.ul-legal {
        list-style-type: disc;
        margin: 5px 0 5px 0;
        padding: 0;
}

ul.ul-legal li{
        margin : 0px 0 0 30px;
        padding : 0 0 0 5px;

}

ol.ul-legal {
        list-style: decimal;
        margin: 5px 0 5px 0;
        padding: 0;
}

ol.ul-legal  li {
        margin : 0px 0 0 30px;
        padding : 0 0 0 5px;
        border-bottom: none;
}
.widget ol.ul-legal li {
        margin : 0px 0 0 20px;
}

.table-legal tr th { 
        text-align: center;
        background-color: #444;
        color: #fff;
        font-weight: 600;
        border: 1px solid #444;
        padding: 5px;
}

.table-legal tr td {
        border: 1px solid #888;
        padding: 5px;
}

.table-legal tr td.finalite {
        font-weight: 600;
}

.table-legal.cookie tr td {
        border-top : none;
        border-bottom: 1px dashed #888;
}

.table-legal.cookie tr.separateur td {
        border-top: 2px solid #888;
}

table.annonces {
        font-size:1.1em;
}

table.annonces tr td.prix-annonce {
        font-size:1.3em;
        font-weight: 600;
}

table.annonces tr td.eo-annonce {
        font-size:1.3em;
        font-weight: 600;
}

table.annonces tr td.tdv {
        cursor : pointer;
}

.auteur-titre {
        width: 100%;
}
.lauriers {
        float : right;
        height : 46px;
        margin-top: -1px;
}

.lauriers-g {
        width: 30px;
    height: 46px;
    background-image: url(../skin/lauriers_g.png);
    border: none;
    text-shadow: #aaa 0px 0px 2px;
    font-size: 16px;
    background-size: 30px;
    float:left;    
    display: inline-block;
}
.lauriers-d {
        width: 30px;
    height: 46px;
    background-image: url(../skin/lauriers_d.png);
    background-size: 30px;
    float:left;
    display: inline-block;
    overflow: hidden;
    margin-left: -8px;
}

.lauriers-txt {
        display: inline-block;
        line-height: 1.1em;
        width: auto;
        height: 46px;
        font-size: 14px;
        text-align: center;
        font-weight: 100;
        float:left;
        margin-top:-1px;
        font-family: "PT Sans";
        overflow: hidden;
        margin-left: -8px;
}

.lauriers-txt a {
        font-weight: 1000;
        font-size: 18px;
        margin-top:2px;
}

.lauriers-txt a strong {
        font-weight: 100;
        font-size: 14px;
}
.lauriers-titre {
        font-weight: 100;
        letter-spacing: -1px;
        color: #777;
}

.lauriers-annee {
        font-weight: 600;
        letter-spacing: 0px;
}

.hall-photo {
        position: relative;
        background: #F3F6F7;
        width: 110px;
        height: 110px;
        overflow: hidden;
        float: left;
        margin: 5px;
        border-radius: 10px;
}

.hall-photo img {
        position: absolute;
    top: -5px;
    left: -5px;
    width: 120px;
    height: auto;
    opacity: 1;
}

.hall-auteur {
        float: left;
        margin:  0 5px;
        position: relative;
        overflow: hidden;
        width : 340px;
}

.hall-auteur span.auteur {
        font-weight: 1000;
        font-size:24px;

}
.hall-auteur span.pays-auteur {
        font-weight: 100;
        font-size:14px;
        color : #ff8d58;
}

.hall-auteur span.date-auteur {
        font-weight: 100;
        font-size: 16px;
        margin-left: 5px;
        color: #999;

}


.hall-auteur span.texte-auteur {
        font-weight: 100;
        font-size:14px;
  
        
}


.hall-infos {
        float: left;
        margin:  0 5px;
        position: relative;
        overflow: hidden;
        width : 130px;
        text-align: right;
        float: right;
}

.hall-infos span.annee-hall {
        font-weight: 100;
        font-size:16px;
        color: #bbb;
        
}

.hall-infos span.cat-hall a {
        font-weight: 1000;
        font-size:18px;
        color: #eb5e1c;
        
}

.panier-album {
        background: #ecfacf;
        color: #444444;
        border-radius: 5px;
        border: 3px solid #7cae18;
        margin-top:0px;

}


.widget ul.panier-infos  {
        background: none;
        padding: 5px 5px 5px 25px;
        overflow: unset;
        list-style-type: disclosure-closed;
}

.widget ul.panier-infos  li{
        border-bottom: 1px solid #bdde79;
        padding: 0px 0px;
}




.PrixAlbumPanier{
 

        font-size: 26px;
        margin-top: -3px;
        margin-bottom: 5px;
        text-transform: uppercase;
        color: #444;
        font-weight: bold;
        font-family: 'Oswald';
        text-align: right;
        display: block;
        float:right;
        margin-right: 5px;
}

.btAjoutPanier {
        border-radius: 5px;
        width: 253px;
}


.titre-box-acheter {
        line-height: 1.5em;
        font-size: 1.3em;
        margin-top: 0px;
        display: block;
        text-transform: uppercase;
        color: #444;
        float: left;
        height: 35px;
        font-weight: bold;
        font-family: 'Oswald';
        margin-left: 5px;;
}

.widget-BDFugue {
        display: none;
}

.infos-bdfugue{
        margin-top:10px;
}

.panier-footer {
        margin-top: 15px;
        display: block;
        text-align: center;
        font-size: 1em;
        color: #555;
}

.panier-footer a {
        font-size: 0.9em;
        text-decoration: underline;
}

.logo-bdfugue {
        margin-top:-2px;
        margin-left: 5px;
        margin-right: 10px;
        width: 75px;
        height : auto;
}

.icone-bdfugue {
        display: inline-block;
        padding: 1px 2px;        
        color: #fff;
        text-align: center;
        vertical-align: baseline;
        background-color: #fff;
        border-radius: 10px;
}


.icone-bdfugue img {
        width: 14px;
        height: auto;
}

.panier-footer-icones {
        margin-top: 3px;
        display: block;
        text-align: center;
        font-size: 0.9em;
        color: #555;
}

.panier-message  {
        margin-top: 3px;
        display: block;
        text-align: center;

        font-size: 1em;
}

.li-occasion {
        display: none;
}

div.li-occasion {
        text-align: center;
        margin-top: 10px;
        font-weight: 600;
}

.bt-lien-panier {

        border-radius: 5px;
        width: 253px;

}


.widget-BDFugue-acheter {
        display: none;
}

.widget-BDFugue-panier {
        display: none;
}

.widget-BDFugue-indisponible, .widget-BDFugue-aparaitre {
        display: none;
}

.widget-BDFugue-aparaitre .panier-absent-sous {
        font-size: 1em;
}

.promotion-bdfugue {
        display: none;
        margin-left: auto;
        margin-right: auto;
        width: 200px;
}
#img-promotion-bdfugue {
        width:200px;
        border: 1px solid #888;
}

#libelle-promotion-bdfugue {
        font-size: 0.9em;
        width: 200px;
        display: block;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 2px;
        font-weight: bold;
}
#qte-panier {
        
        display: inline-block;
    min-width: 6px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #7cae18;
    border-radius: 10px;
    color : #fff;

}

.lien-panier:hover #qte-panier {
        background-color: #eb5e1c;
}

.table-panier td {
        padding : 5px;
}

.titre-panier {
        font-weight: 600;
        font-size: 1.1em;
        color:#444444;
}

.ref-panier {
        color:#888888;
        font-weight: 100;
}

.dl-panier {
        color:#aaaaaa;
        font-weight: 100;
}

.prix-panier {
        font-weight: 600;
        font-size: 1.1em;;
        width: 100%;
        text-align: right;
}

.dispo-panier {
        color: #1D8A26;;
}

.dispo-panier.enstock {
        color: #1D8A26;
}

.dispo-panier.preco {
        color : #2284FF;
}

.infos-panier-entete {
        float: right;
        margin-right: 10px;
}

.msg-panier-vide {
        padding: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.msg-bdgest-panier-vide {
        display: block;
        text-align: center;
        margin-top: -15px;
        margin-bottom: 20px;
    
}

#lien-pourquoi-bdfugue {
        text-decoration: underline;
        font-weight: 600;
}

.overlay-boutons span {
        display: block;
        margin-top: 7px;
        margin-bottom: 5px;
}

.panier-absent {
        font-weight: bold;
        font-size : 1.1em;
        display: block;
        text-align: center;
}
.panier-absent-sous {
        font-size : 0.9em;
        display: block;
        text-align: center;
        text-decoration: none;
        font-weight: 100;
        margin-top:5px;
}

.pourquoi-bdfugue ul {
        list-style-type: disc;        
        margin: 5px 0 15px 5px;
}

.pourquoi-bdfugue ul li {
        margin-top: 5px;  
        margin-left: 20px;      
}

.pourquoi-bdfugue ul li a {
        color: #eb5e1c;       
}

.pourquoi-bdfugue h2 {
        margin-bottom: 10px;
}

.pourquoi-bdfugue p {
        margin: 0;
}

#form-overlay-acheter {
        z-index:800;
}