/* CSS Document */
/*<![CDATA[*/
.mainVds{padding:0px 12px 0px 12px;}
.mainVds > div{width:100%}

.artct{font-size:0.9em; padding:0px 8px 0px 10px; margin:0;}
.artct button{font-size:0.9em; margin-left:10px;}
.fleft{float:left; line-height:1.5; }
.fright{float:right;line-height: 18px;}


#qr_code{float:right; margin:5px -3px 0px 8px; width:90px; height:90px;}
#plp_container{background:#FFF; position:relative; margin-top:0px; padding:6px 0px 0px 0px;}
.texte{ position:relative; text-align:justify; white-space: normal}
.texte em{white-space: normal}
#playerGo{display:none;position:relative;}
#playerGo > img{position:absolute; left: 50%; top: 50%; cursor:pointer;}
#infccontainer{margin:0px auto 0px; auto}

.cmts{margin:0px 0px 5px 0px; background:#F2F2F2;}
.cmts > form{padding:10px; }
.cmts > form > textarea{border:1px solid #CCC; width:calc(100% - 110px);max-width:calc(100% - 110px);min-width:220px;/*595px;*/ overflow:auto; height:60px;}
.cmts > form > div > button{float:right; margin-top:-35px;}
.cmts > h3{ line-height:20px; margin:10px 0px 0px 0px}
.cmts > ul{padding:10px; margin:0px; list-style:none}
.cmts > ul > li{ background:#FFFFFF; padding:7px;border:1px dashed #CCC; margin-bottom:8px;}
.cmts > ul > li a{ color:#333333}
.tousles{ display:block; float:left; background:#333333; color:#FFFFFF; text-decoration:none; padding:6px; font-size:14px; margin-left:4px;}
.tousles:hover{background:#111; color:#FFFFFF;}

.topSection button, button.pgprec{font-size:12px; /*line-height:18px;*/ color:#333333; font-weight:normal; padding:0px 5px 2px 20px; margin-top:-4px; white-space:nowrap;border:0px solid #CCC; border-radius:3px;background:#F1F1F1 url(/img/navback.png) left center no-repeat; background-size: contain;}
/*.topSection button > span, button.pgprec > span{display:inline-block; margin-bottom:-2px;background:url(/img/navback.png) 0px 4px no-repeat; background-size: contain; height:18px; width:20px; }*/
.fil{font-size:14px; text-align:left;}
.fil a{ background:transparent none; font-size:inherit; font-weight:bold; line-height:inherit; display:inline-block; height:auto; width:auto; float:none; white-space:nowrap}

/*section#siteBody{width:100%; max-width:1200px; margin: 0 auto; min-height:400px;position:relative;}*/
section#siteBody.connected{padding-right:230px}
@media screen and (max-width : 1450px){
	section#siteBody.connected{width:calc(100% - 230px);}
	}
	
	
button.btpr > span{display:block;font-weight:bold; padding:7px;line-height: normal }
ul#vdcold{margin:0; padding:0;list-style:none; position:relative}
ul#vdcold > li{width:248px; text-align:left; font-size:11px; line-height:12px; margin:0px 0px 12px 0px; border:1px solid #CCC; background:#F2F2F2;border-radius:8px;}
ul#vdcold > li > a{border-radius:8px;}
ul#vdcold > li span{display:block; padding:3px;line-height: 1.4;border-radius:0px 0px 8px 8px;}

ul#vdcold > li img{width:100%; border:0; border-radius:8px;}
div#colRight{position:fixed}
#artbody{ background:#FFFFFF; margin:0px; padding:0px;}
div.texte{ background:#FFFFFF; margin:0px; padding:0px 10px 10px 10px; width:calc(100% - 20px)}

ul#partRight{ width:270px; padding:0px; min-height:250px; margin:0px; list-style:none;z-index:98; max-height:calc(100% - 300px); overflow:auto; background:transparent none;/*background:#EBEBEB;*/}
div#pubBLK2.yepub{width:100%; max-width:100%; margin-top:-4px; margin-bottom:12px; background:transparent none;}
h1.titreH1, span.titreH1{font-size:16px; font-weight: bold; line-height:1.4;margin: 0px 10px;display: block; padding:0; float:none}
h1.titreH1 button, span.titreH1 button{position:absolute;right:0px; top:-25px;}
span.iname{display:inline-block; margin:0px 10px 0px 10px; }

#playerplace{display:block; width:100%; margin:0px auto 0px auto;/*max-width:911px;*/}
.botpubs{display:none; clear:both; width:100%; max-width:728px; max-height:90px; text-align:center; overflow:hidden}
.blk16{margin:10px auto 0px auto;}
.blk17 {margin:10px auto 10px auto;}
/*]]>*/