body {
background-color:#ffffff;
margin:0;

font-size: 15px;
color: #000000;
font-family: Helvetica, sans-serif;
}


*{ box-sizing : border-box;}


/* fonts */

.white {
	color:#ffffff;
}

.rouge {
	color:#ff0000;
}

.rougefonce {
	color:#990000;
}

.italic {
	font-style:italic;
}

.souligne {
	text-decoration:underline;
}

.gras {
	font-weight: bold;
}

a {
	text-decoration:none;
	color: #990000;
	font-weight: 700;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

a:hover {
	color: #ff0000;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.menulinkfont {
	font-size:150%;
}

.h1link {
	color: #990000;
}

/* CLASSES TITRES H1 H2 etc. */

h1 {
font-family: Helvetica, sans-serif;
font-size: 150%;
color:white;
text-transform:uppercase;
}

h2 {
font-family: Helvetica, sans-serif;
font-size: 160%;
}

h3 {
font-family: Helvetica, sans-serif;
font-size: 130%;
}

h4 {
font-family: Helvetica, sans-serif;
font-size: 110%;
}

.unpeugrand {
	font-size:120%;
}

.dtctxt {
	font-size:110%;
}


.logintxt {
	font-size:120%;
}

.textedisclaimer {
	font-size:80%;
}

.textetableauxtop {
	font-size:80%;
}

.fortpetit {
	font-size:50%;
}

.minuscule {
	font-size:30%;
}

.txtcommreviewcenter {
	font-size:75%;
}



.shareboxcountfont {
	font-size:70%;
	color:black;
	font-weight:800;
}

/* blocs */


.tooltipbands {
	display:none;

}

.hidden {
	display:none;
}

.mainpageframemore {
	height:auto;
	display:block;
	float:left;
	width:100%;
	border:6px solid #333333;
	padding:12px;
	padding-bottom:36px;
	background-color: white;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.mainpageleftcol {
	width:100%;
}

.mainpagerightcol {
	display:none;
}

.mainpageframe {
	display:block;
	float:left;
	width:100%;
	border-top:1px solid rgba(0,0,0, 0.5);
	border-bottom:1px solid rgba(0,0,0, 0.5);
	margin-top:0px;
	height:94px;
	text-align:center;
	background-color: white;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	transform: scale(1);
}

.mainpageframe:hover {
	/*border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:6px solid #999999;
	border-right:6px solid #999999;*/
	border:1px solid rgba(0,0,0, 0.5);
	transform: scale(0.96);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	filter: saturate(2);
}

.mainpageframereadmore {
	display:block;
	float:left;
	width:100%;
	border:6px solid #333333;
	height:104px;
	text-align:center;
	background-color: white;
}

.mainpageframebig {
	height:auto;
	display:block;
}

.mainpagestickyframesmart {
	color:white;
	width:100%;
	display:block;
}

.mainpagestickyframeimg {
	width:100%;
	height:auto;
}


.blocaccueilimagecontainer {
	margin:0;
	overflow:hidden;
	height:100%;
	border:0px solid red;
}

.blocaccueilimage {
	opacity:1;
	margin-top:-41px;
	margin-left:-5px;
	transition: all 250ms ease-out;
}

.blocaccueilimageleft {
	display:block;
	width:94px;
	height:92px;
	overflow:hidden;
	border:1px solid white;
}

.blocaccueilimageleftcomment {
	float:left;
	width:64px;
	height:62px;
	overflow:hidden;
	border:1px solid white;
}

.blocaccueilimageleftthin {
	display:block;
	width:94px;
	height:92px;
	overflow:hidden;
	border:1px solid white;
}

.blocaccueilhot {
	float:right;
	margin-right:-4px;
	margin-top:-180px;
	text-align:center;
	color:#990000;
	font-weight:700;
	width:80px;
	height:20px;
	border:1px solid #990000;
	background-color:white;
	z-index:25;
	transform:  rotate(20deg);
}

.blocaccueilimagebig {
	display:block;
	width:100%;
	height:140px;
	overflow:hidden;
	border:2px solid white;
}


img.imgblocaccueilimage {
	min-width:100%;
	min-height:100%;
}

.blocaccueilimagelarge {
	width:120%;
	height:120%;
	transform:scale(1.3,1.3);
	border:1px solid red;
}

.blocaccueilimagesmall {
	width:120%;
	height:120%;
	transform:scale(1.1,1.1);
	border:0px solid red;
}

.blocaccueilimagecoveropacity {
	width:100%;
	height:100%;
	position:relative;
	top:-100%;
	/*background-color:rgba(204, 204, 204, 0.7);*/
	padding-top:20px;
	color:white;
    }

.blocaccueilinfos {
	background-color:rgba(255, 255, 255, 0);
	opacity:1;
	padding-top:0px;
	position:relative;
	left:0px;
	top:-93px;
	width:100%;
	height:94px;
	line-height:100px;
	text-align:center; /* centrage horizontal */
	border:0px solid red;
	overflow:hidden;
	padding-left:105px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.blocaccueilinfosreadmore {
	background-color:rgba(255, 255, 255, 0);
	opacity:1;
	padding-top:0px;
	position:relative;
	left:0px;
	top:-93px;
	width:100%;
	height:94px;
	line-height:100px;
	text-align:center; /* centrage horizontal */
	border:0px solid red;
	overflow:hidden;
	padding-left:105px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.blocaccueilcomment {
	background-color:rgba(255, 255, 255, 1);
	opacity:1;
	padding-top:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	min-height:62px;
	text-align:center; /* centrage horizontal */
	border:1px solid black;
	overflow:hidden;
	padding-left:0px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.blocaccueilinfosbig {
	background-color:rgba(255, 255, 255, 0);
	opacity:1;
	padding-top:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center; /* centrage horizontal */
	border:0px solid red;
	overflow:hidden;
	z-index:0;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.blocaccueilinfostexte {
	display:inline-block;
	margin-top:-10px;
	width:100%;
	border:0px solid red;
	overflow:hidden;
	padding-right:4px;
}

.blocaccueilinfostexteauthor {
	display:inline-block;
	width:100%;
	border:0px solid red;
	overflow:hidden;
	color:#000000;
  margin-top: 7px;
  margin-bottom:4px;
  font-size:90%;
  font-style: italic;
  font-weight:400;
  	vertical-align:middle;
  	padding-right:8px;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
}

.textauthor {
	display:block;
}

.textauthor600 {
	display:none;
}

.textauthor900 {
	display:none;
}

.textauthor1200 {
	display:none;
}

.textauthor1600 {
	display:none;
}

.blocaccueilinfosnext {
	opacity:0;
	position:absolute;
	transition-timing-function: ease-out;
	transition-duration: 250ms;
	background-color:#660000;
	height:60px;
	width:inherit;
	border-left:8px solid #333333;
	margin-top:-272px;
	margin-left:-7px;
	padding-top:17px;
	
}

.blocaccueilinfoslink {
	visibility:visible;
	background-image:url(images/blank.gif);
	opacity:1;
	position:relative;
	left:0px;
	top:-192px;
	width:100%;
	height:100%;
	border:0px solid red;
	z-index:0;
}

.shopbanner {
	display:block;
	float:left;
	width:100%;
	border:1px solid rgba(0,0,0, 0.5);
	margin-top:0px;
	height:110px;
	background-color:black;
	background-image:url(images/shop/2/banner.jpg);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	background-color: white;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	filter: invert(0%) grayscale(0%);
}

.shopbanner:hover {
	filter: invert(100%) grayscale(100%);
}

.blocaccueilinfoslinkbig {
	visibility:visible;
	background-image:url(images/blank.gif);
	opacity:1;
	position:relative;
	left:0px;
	top:-300px;
	width:100%;
	height:100%;
	border:0px solid red;
	z-index:0;
}

.blocaccueilinfostextenews {
	vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  color:#000000;
  margin-top: 0px;
  font-size:80%;
}

.blocaccueilinfostextenonews {
	/*transform: scale(0.85,0.85);*/
	top:238px;
	padding:10px;
	padding-top:25px;
	color:#000000;
	font-weight: 400;
}

.blocaccueilinfostextenonews:hover {
	color:#000000;
	}
	
.blocaccueildetails {
	height:19px;
	position:absolute;
	left:94px;
	top:2px;
	width:auto;
}

.blocaccueildetailsexclu {
	position:absolute;
	height:22px;
	width:auto;
	background-color: #990000;
	border:0px solid black;
	right:1px;
	top:2px;
}

.blocaccueildetailsexclu:active {
	background-color:red;
	}

.blocaccueildetailstxtexclu {
	position:relative;
	top:-39px;
	height:100%;
	width:auto;
	padding:0px;
	color:white;
	font-size:110%;
	padding:0 5px;
}

.apercunews {
	display:none;
}



.blocaccueildetailstxt {
	position:relative;
	top:-40px;
	height:100%;
	width:auto;
	padding:0px;
	color:white;
	font-size:80%;
	padding:0 5px;
}

.blocaccueildetailscomment {
	height:16px;
	float:left;
	left:13px;
	top:2px;
	border:0px solid blue;
	width:auto;
}

.blocaccueildetailstxtcommentlogin {
	float:left;
	top:0px;
	height:11px;
	width:auto;
	padding-top:2px;
	color:white;
	font-size:80%;
	padding:0 5px;
}

.blocaccueilinfostextecomment {
	position:relative;
	margin-top:22px;
	margin-left:36px;
	width:100%;
	border:0px solid red;
	padding-left:36px;
	padding-right:42px;
	padding-bottom:6px;
	font-size:85%;
}

.blocaccueilmakecommentphoto {
	float:left;
	width:8%;
	border:0px solid black;
}

.blocaccueilmakecomment {
	padding-top:10px;
	padding-bottom:10px;
	width:90%;
	margin:auto;
	border:0px solid black;
}


.blocaccueildetailstxtreadmore {
	position:relative;
	top:-40px;
	height:100%;
	width:auto;
	padding:0px;
	color:white;
	font-size:80%;
	padding:0 5px;
}

.blocaccueildetailstime {
	height:19px;
	position:absolute;
	top:-38px;
	width:auto;
	color:black;
	font-size:80%;
	font-weight:400;
}

.blocaccueildetailstimereadmore {
	height:19px;
	position:absolute;
	top:-38px;
	width:auto;
	color:black;
	font-size:80%;
	font-weight:400;
}

.blocaccueildetailstimecomment {
	height:9px;
	position:absolute;
	top:-26px;
	left:120px;
	width:auto;
	color:black;
	font-size:80%;
	font-weight:400;
}

.blocaccueildetailsbig {
	height:19px;
	position:absolute;
	left:2px;
	top:0px;
	width:auto;
	
}


.blocaccueildetailstxtbig {
	position:relative;
	top:2px;
	height:100%;
	width:auto;
	padding:0px;
	color:white;
	font-size:80%;
	padding:0 5px;
}

.blocaccueildetailstimebig {
	height:19px;
	position:absolute;
	top:2px;
	width:auto;
	color:black;
	font-size:80%;
	font-weight:400;
}

.blocaccueildetailscolornews {
	background-color: black;
}

.blocaccueildetailscolorvideo {
	background-color: #0306c2;
}

.blocaccueildetailscolorchro {
	background-color: #990000;
}

.blocaccueildetailscolorDTC {
	background-color: #7d0088;
}

.blocaccueildetailscolorphotos {
	background-color: #2c6700;
}

.blocaccueildetailscolorarticle {
	background-color: #206a00;
}

.blocaccueildetailscolorreport {
	background-color: #006d6f;
}

.blocaccueildetailscolorinterview {
	background-color: #6b4400;
}

.blocaccueildetailscolorconcours {
	background-color: #450071;
}

.blocaccueildetailscolorcomment {
	background-color: black;
}




.blocaccueildetailstimenews {
	left:144px;
}

.blocaccueildetailstimevideo {
	left:144px;
}

.blocaccueildetailstimechro {
	left:84px;
}

.blocaccueildetailstimechrosmall {
	left:179px;
}

.blocaccueildetailstimeDTCsmall {
	left:195px;
}

.blocaccueildetailstimephotos {
	left:63px;
}

.blocaccueildetailstimephotossmall {
	left:154px;
}

.blocaccueildetailstimearticle {
	left:63px;
}

.blocaccueildetailstimearticlesmall {
	left:154px;
}

.blocaccueildetailstimereport {
	left:83px;
}

.blocaccueildetailstimereportsmall {
	left:175px;
}

.blocaccueildetailstimeinterview {
	left:80px;
}

.blocaccueildetailstimeinterviewsmall {
	left:172px;
}

.blocaccueildetailstimeconcours {
	left:80px;
}

.blocaccueildetailstimeconcourssmall {
	left:172px;
}

/* small = normal + 95 */




.imageentete {
	    display:block;
	    width:100%;
	    height:190px;
	    border:solid 0px black; 
	    background-repeat:no-repeat;
	    background-position:100% 50%;
	    background-size: cover;
	}
	
.imageentetedtc {
	    /*display:block;*/
	    width:100%;
	}
	
.noimageentete {
	    display:block;
	    width:100%;
	    height:100px;
	    background-color: #aaaaaa;
	}
	

    
.imagecoveropacity {
	width:inherit;
	height:100%;
	background-color:rgba(100, 100, 100, 0.8);
	padding:8px;
	padding-top:10px;
	color:white;
    }
    
.imagecoveropacitylistes {
	width:inherit;
	height:100%;
	background-color:rgba(255, 255, 255, 0.9);
	padding-top:5px;
	padding-right:2%;
	padding-left:2%;
	padding-bottom:30px;
    }
    
.imagecoveropacityphotos {
	width:inherit;
	height:100%;
	background-color:rgba(255, 255, 255, 0.8);
	padding-top:4%;
	padding-bottom:4%;
    }
    
.imagecoveropacitydark {
	width:inherit;
	height:inherit;
	background-color:rgba(0, 0, 0, 0.7);
	padding-top:20px;
    }

.contenutitre {
    width:100%;
    padding:0%;
    border:0px solid blue;
    /* background-color: #990000; */
}

/*.darkbackground {
	background-color:#333333;
}
*/

.galimageentete {
	    display:block;
	    width:100%;
	    height:100%;
	    border:solid 0px black; 
	    background-repeat:no-repeat;
	    background-position:100% 50%;
	    background-size: cover;
	    filter: grayscale(100%);
	    -webkit-transition: all 250ms ease-out;
		-moz-transition: all 250ms ease-out;
		-o-transition: all 250ms ease-out;
		transition: all 250ms ease-out;
	}
	
.galimageentete:hover {
	filter: grayscale(0%);
}


.gallinkcoveropacity {
	width:100%;
	height:170%;
	position:relative;
	top:-100%;
	background-color:rgba(204, 204, 204, 0.7);
	padding-top:10%;
	padding-bottom:10%;
	color: rgba(0,0,0, 1);
	font-size:5vw;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
    }
    
.gallinkcoveropacity:hover {
	background-color:rgba(204, 204, 204, 0);
	filter: saturate(100);
	color: rgba(0,0,0, 0);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.contenutitretexte {
	padding-top:0.8%;
}

.contenu {
    width:100%;
    padding:0%;
    padding-top:0%;
    padding-bottom:0%;
    background-color:rgba(255, 255, 255, 0.1);
    min-height:400px;
    overflow:hidden;
    border:0px solid red;
   /* border-radius:30px 30px 0 0; */
}

.contenuphotos {
    width:100%;
    padding:0%;
    padding-top:0%;
    padding-bottom:0%;
   background-color:rgba(255, 255, 255, 0.1);
    min-height:400px;
    overflow:hidden;
    border:0px solid red;
   /* border-radius:30px 30px 0 0; */
}

.darkbackground {
	background-color:rgba(255, 255, 255, 0.5);
}

.paddingcontenu {
	padding:1% 3%;
	
}

.paddingformulaires {
	padding:3%;
	padding-top:5%;
	padding-bottom:1%;
	background-color:rgba(255, 255, 255, 0.5);
	
    }
    
.conteneurbandicons {
	float:left;
	width:80px;
	height:30px;
	border:0px solid black;
	padding-top:12px;
	padding-left:0px;
}

.conteneurbandname {
	float:left;
	margin-top:-5px;
	border:0px solid red;
	font-size: 85%;
}

.conteneurtextebands {
    padding:1%;
    padding-bottom:0;
    }
    
.conteneurcontenubands {
    width:100%;
    background-color:rgba(255, 255, 255, 0.5);
    overflow:hidden;
    border-top:0px solid #990000;
	border-bottom:1px solid #990000;
	border-left:1px solid #990000;
	border-right:1px solid #990000;
	
	padding-left:5px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
    }
    
.conteneurcontenubands:hover {
    width:100%;
    background-color:rgba(208, 208, 208, 0.4);
    overflow:hidden;
    border-top:4px solid #990000;
	border-bottom:5px solid #990000;
	padding-left:5px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
    }

.bandnamelink {
	visibility:visible;
	background-image:url(images/blank.gif);
	opacity:1;
	position:relative;
	left:0px;
	top:432px;
	width:100%;
	height:100%;
	border:1px solid red;
}
    
    
img.bandicon {
	height:15px;
}

img.bandicontrans {
	opacity:0.3;
}

.topbar2 {
	display:none;
}

.divlogo {
	width:100%;
	margin-top:48px;
	border-bottom:0px solid #999999;
	padding-left:0;
	padding-top:5px;
	background-color:#333333;
	text-align:center;
	
}


#mainsearchfield {
	position:fixed;
	height:49px;
	width:100%;
	padding-right:100px;
	top:0;
	z-index:20;
	background-color:#333333;
	border-bottom: 1px solid white;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}                              
	
.loupetoggleicon {
	width:93%;
	margin-top:5%;
	margin-left:5%;
}

#menutoggle {
	position:fixed;
	right:0;
	top:0px;
	width:70px;
	height:48px;
	z-index:50;
	padding-top:16px;
	padding-bottom:10px;
	padding-right:10px;
	background-color:#333333;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	}
	
/*#menutoggle:before {
	content: "";
	display:block;
	padding-top:00%;
}*/
	
.menutoggleicon {
	width:70%;
	margin-top:5%;
	margin-left:15%;
}

.menutogglebar1 {
	top:15%;
	left:5%;
	height:15%;
	width:70%;
	background-color:#999999;
}

.menutogglebar2 {
	top:25%;
	height:15%;
	width:70%;
	background-color:#999999;
}
	
#menutoggle:focus {
	right:88%;
	outline:0;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

#menu {
	position:fixed;
	height:100%;
	width:88%;
	top:0px;
	right:-88%;
	z-index:50;
	background-color:#333333;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	
}

#menutoggle:focus ~ #menu {
	right:0%;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}                                       





#menumask {
	position:fixed;
	height:100%;
	width:20%;
	top:0%;
	left:-20%;
	z-index:40;
	background-color:rgba(0, 0, 0, 0.7);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

#menutoggle:focus ~ #menumask {
	left:0%;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

#menuuntoggle {
	position:fixed;
	left:-12%;
	top:0%;
	width:12%;
	padding-top:2%;
	padding-bottom:2%;
	z-index:60;
	background-color:#333333;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	}
	
.menuuntoggleicon {
	width:30%;
	margin-top:1%;
	margin-left:25%;
}

#menutoggle:focus ~ #menuuntoggle {
	left:0%;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.menupart1 {
	margin-top:3%;
	padding-right:5%;
	height:6%;
	width:100%;
	text-align:right;
	/*background-color:red;*/
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.menupart2 {
	display:block;
	margin-top:25%;
	height:70%;
	width:100%;
}

.menulink {
	/*height:8.33%;*/
	/*width:100%;*/
	border-bottom:1px solid red;
	padding-right:5%;
	padding-top:0%;
	vertical-align: middle;
	text-align:right;
	width:80%;
}

.menulinktxt {
	height:80%;
	margin:0;
	border:0px solid red;
	line-height:1.2;
	display:inline-block;
    vertical-align: middle;
    text-align:right;
	
}


table.oldcontests {
	border:2px solid black;
	width:95%;
	padding:2px;
	border-collapse: collapse; 
	margin-bottom:0px;
	margin-auto;
}

tr.contesttitle {
	background-color:rgba(0, 0, 0, 0.7);
	color:white;
	border-bottom:1px solid black;
	text-align:center;
	padding:3px;
}

td.contestcol1 {
	border:0px;
	padding:5px;
	text-align:left;
	border-top:0px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;
}


.dtcswframe {
	width : 90%;
	left:5%;
	position:relative;
	text-align:center;
	background-color:rgba(0, 0, 0, 0.2);
	border:2px solid black;
	padding:30px 10px 20px 10px;
	margin-bottom:35px;
	font-size:120%;
	
	
}

.mainpageexclu {
	position:relative;
	height:360px;
	width:70px;
	background-color:red;
}


table.dtcdetails {
	border:2px solid black;
	min-width:300px;
	max-width:700px;
	padding:2px;
	border-collapse: collapse; 
	margin-bottom:0px;
}

th.dtctitle {
	background-color:rgba(0, 0, 0, 0.7);
	color:white;
	border-bottom:1px solid black;
	text-align:center;
	padding:3px;
}

td.dtccol1 {
	width:30%;
	border:0px;
	padding:5px;
	text-align:left;
	border-top:0px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;
}

td.dtccol2 {
	width:70%;
	border:0px;
	padding:5px;
	text-align:left;
	border-top:0px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;
}



table.tableaucart {
	border:2px solid black;
	width:100%;
	padding:0px;
	border-collapse: collapse; 
	margin-bottom:40px;
}

tr.rowcarttitle {
	background-color:rgba(0, 0, 0, 0.7);
	color:white;
	border-bottom:1px solid black;
}

tr.rowcart {
	width:100%;
	border-bottom:1px solid black;
	
}




td.tccol1 {
	width:10%;
	border:0px;
	padding:3%;
	text-align:left;
	border-top:0px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;
}

/*.tccol2 {
	float:left;
	width:100%;
	border:0px;
	padding:2px;
	border:1px solid black;
	border-top:0px solid black;
}*/

td.tccol3 {
	width:20%;
	border-top:0px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;
	padding:3%;
	text-align:right;
}

td.tccol4 {
	width:20%;
	border-top:0px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;
	padding:3%;
	text-align:right;
}

td.tccol5 {
	width:20%;
	border-top:0px solid black;
	border-right:0px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;
	padding:3%;
	text-align:right;
}

td.tdtotalcol1 {
	width:60%;
	border-top:0px solid black;
	border-right:0px solid black;
	border-bottom:0px solid black;
	border-left:0px solid black;
	padding:3%;
	text-align:left;
}

td.tdtotalcol2 {
	width:40%;
	border-top:0px solid black;
	border-right:0px solid black;
	border-bottom:0px solid black;
	border-left:0px solid black;
	padding:3%;
	text-align:right;
}

img.imagecart {
	max-width:94%;
	border:1px solid black;
	margin-top:6px;
}


.divarticleimagesmartphone {
	margin-bottom:20px;
	margin-top:-10px;
	text-align:center;
}

.divimagepc {
        display:none;
}

.conteneurimagelistes {
        display:none;
}

.blacknolink {
	font-weight:400;
	color:black;
}

.divarticleimage900 {
	display:none;
}

.adminframe {
    width:100%;
	border:1px solid #990000;
	background-color:rgba(255, 255, 255, 0.5);
	padding:15px;
    }
    
.fullscreentext {
	padding:4%;
	background-color:rgba(255, 255, 255, 0.5);
}

.DTCoffline {
	margin-top:0;
	padding:4% 10%;
	background-color:rgba(0, 0, 0, 0.8);
}

.conteneurtexte {
    padding:3%;
    background-color:rgba(255, 255, 255, 0.5);
    word-wrap:break-word;
    }
    
.conteneurpreliste {
	padding:20px;
	background-color:rgba(255, 255, 255, 0.5);
}

.conteneurcontenulistesfirst {
	border-top:1px solid #990000;
}

.conteneurcontenulistestitres {
	padding-left:4px;
}
    


    
.conteneurcontenulistes {
    width:100%;
    background-color:rgba(0, 0, 0, 0.0);
    overflow:hidden;
    background-repeat:no-repeat;
	background-position:95% 50%;
	background-size: cover;
	border-bottom:1px solid #990000;
    }
    
.conteneurcontenulistesphotos {
    width:100%;
    background-color:rgba(0, 0, 0, 0.0);
    overflow:hidden;
    background-repeat:no-repeat;
	background-position:95% 50%;
	background-size: cover;
	border-bottom:1px solid #990000;
    }

.wrapperphoto {
	background-repeat:no-repeat;
	background-position:95% 50%;
	background-size: 110%;
	/*background-size: 0px 0px;*/
	border-bottom:1px solid #FFFFFF;
	
	}
	
.dtcdate {
	font-size:150%;
	color:black;
	background-color:white;
	padding:2px 8px;
}

.dtcdatedetails {
	font-size:125%;
	color:black;
	background-color:white;
	padding:2px 8px;
}

.dtcdatenav {
	font-size:90%;
	color:black;
	background-color:white;
	padding:2px 8px;
}

.dtcdatenavdetails {
	font-size:80%;
	display:none;
}
	
img.dtclist {
	transform: scale(1.06);
	filter: grayscale(0%) contrast(80%) brightness(60%);
	width:100%;
	max-width:900px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

img.dtclist:hover {
	transform: scale(1.04);
	filter: grayscale(0%) contrast(100%) brightness(100%);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

img.dtclistpasservi {
	transform: scale(1.06);
	width:100%;
	max-width:900px;
}

img.dtclist:hover ~ .dtctextoverservi {
	opacity:0;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.dtcday {
	width:100%;
	max-width:900px;
	height:90px;
	border-top:8px solid black;
	border-bottom:3px solid black;
	background-image:url(images/dtc/grains.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding-top:25px;
}

img.dtcdayimage {
	width:100%;
}

.dtccontenu {
	position:relative;
    width:100%;
    max-width:900px;
    margin:0; 
    border:1px solid black;
    overflow:hidden;
    }
    
.dtctextoverpasservi {
	position:absolute;
	pointer-events: none;
	width:100%;
	color:black;
	font-weight:bold;
	top:30%;
}

/*.dtcservi {
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}*/

.dtctextoverservi {
	position:absolute;
	pointer-events: none;
	width:100%;
	color:white;
	font-weight:bold;
	top:30%;
	opacity:1;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	border: 0px solid black;
}

.navdtcwrapper {
	position:relative;
	top:20px;
	height:110px;
	width:100%;
	
}

.dtccontenunav {
	display:block;
    width:155px;
    height:90px;
    margin:0; 
    border:1px solid black;
    overflow:hidden;
    }
    
.dtccontenunavleft {
	float:left;
}

.dtccontenunavright {
	float:right;
}


.dtctextoverservinav {
	position:relative;
	pointer-events: none;
	width:100%;
	/*height:100%;*/
	margin-top:-33%;
	color:white;
	font-weight:bold;
	opacity:1;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	border: 0px solid red;
	z-index:9;
}

img.dtcnav {
	position:relative;
	transform: scale(1.06);
	filter: grayscale(0%) contrast(80%) brightness(60%);
	width:100%;
	max-width:900px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

img.dtcnav:hover {
	transform: scale(1.04);
	filter: grayscale(0%) contrast(100%) brightness(100%);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

img.dtcnav:hover ~ .dtctextoverservinav {
	opacity:0;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.dtcmainpage {
	border-top:2px solid rgba(0,0,0, 0);
	border-bottom:0px solid rgba(0,0,0, 0.5);
	border-left:2px solid rgba(0,0,0, 0);
	border-right:2px solid rgba(0,0,0, 0);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	overflow:hidden;
	margin-bottom:2px;
}

img.dtcmainpageimage {
	width:100%;
	transform: scale(1.06);
	border:0px solid black;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	
}

.dtcmainpage:hover {
	transform: scale(0.96);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	filter: saturate(2);
}

/*img.dtcmainpageimage:hover {
	transform: scale(1.02);
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:6px solid #999999;
	border-right:6px solid #999999;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	filter: saturate(2);
}*/



.dtcmainpagetextpos {
	float:right;
	transform: scale(0.96);
	margin-top:-50%;
	margin-right:1%;
	pointer-events: none;
	opacity:1;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

img.dtcmainpage:hover ~ .dtcmainpagetextpos {
	opacity:0;
	background-color:white;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.dtcmainpagetext {
	background-color:black;
	color:white;
	font-size:180%;
	padding:2px 10px;
	opacity:1;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

	
.pagenumbertext {
	float:left;
	width:auto;
	width:100px;
	padding:5px 15px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.pagenumber {
	width:9.7%;
	padding-top:3%;
	padding-bottom:3%;
	margin-left:0.6%;
	margin-top:0.3%;
	margin-bottom:0.6%;
	float:left;
	text-align: center;
	vertical-align: middle;
	font-size:75%;
	border-radius:50%;
	max-height:100%;
}

.pagenumberband {
	width:9.7%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	margin-left:0.6%;
	margin-top:0.3%;
	margin-bottom:0.6%;
	float:left;
	text-align: center;
	vertical-align: middle;
	font-size:75%;
	border-radius:50%;
	max-height:100%;
}

.activepage {
	background-color: #990000;
	color:#FFFFFF;
	border:1px solid #990000;
}

.nonactivepage {
	background-color:rgba(255, 255, 255, 0.5);
	color:#990000;
	border:1px solid #990000;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}

.nonactivepage:hover {
	background-color: #990000;
	color:#FFFFFF;
	border:1px solid #990000;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}

.paginationwrapper {
	position:relative;
	width:100%;
	height:60px;
	border:0px solid black;
	text-align:center;
	padding-left:4%;
}

.paginationwrappertext {
	position:relative;
	width:100%;
	height:160px;
	border:0px solid black;
	text-align:center;
	padding-left:0%;
}

.newartistspage {
	display:none;
}

.paginationwrapperbands {
	position:relative;
	width:100%;
	height:140px;
	border:0px solid black;
	margin-top:10px;
	padding-left:6%;
	clear:both;
	
}

.pageseparate {
	width:3%;
	padding-bottom:2%;
	margin-left:0.6%;
	float:left;
	color: #FFFFFF;
	border-bottom:1px dotted #990000;
}

.authorframe {
	padding:2%;
	margin-top:40px;
	/*background-color:#EEEEEE;*/
	border-top:1px solid black;
	/*padding-bottom: 500em;
	margin-bottom: -500em;*/
}

.authorpic {
	position:absolute;
	margin-top:30px;
	left:0px;
	width:25%;
	padding:5px;
	padding-top:20px;
	padding-bottom:20px;

	
}

.authortxt {
	position:relative;
	margin-top:30px;
	width:100%;
	padding-right:15px;
	padding-left:30%;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom: 30px;
	min-height:150px;
}

.authorintro {
	display:none;
}


.reviewcenter {
	display:none;
}

.notreviewcenter {
	display:block;
}

.excluvideo {
	margin-top:0;
	padding:4% 10%;
	background-color:rgba(0, 0, 0, 0.8);
	background-image: url(images/skullalonebiggerwhitetrans.png), url(images/skullalonebiggerwhitetrans.png);
	background-repeat:no-repeat, no-repeat;
	background-size:auto 260%, auto 320%;
	background-position:-20% 50%, 120% 10%;
}

.excluvideotxt {
	font-size:150%;
	color:white;
	background-color:#990000;
	padding:2px 8px;
}

.excluvideotxtlistdiv {
	text-align:center;
	margin-top:10px;
}

.excluvideotxtlist {
	font-size:150%;
	color:white;
	background-color:#990000;
	padding:2px 8px;
}


.cadreapercu {
	position:relative;
	width:100%;
	padding-bottom:85px;
	border-bottom:1px dotted #990000;
	margin-bottom:40px;
	clear:both;
	
}

.cadreapercubands {
	position:relative;
	width:100%;
	border-bottom:1px dotted #990000;
	margin-bottom:0px;
	clear:both;
	
}

.cadreapercuwrapper {
	position:relative;
	width:100%;
	margin-top:5%;
	clear:both;
	
}

.cadreapercubandswrapper {
	position:relative;
	width:100%;
	margin-top:15%;
	clear:both;
	
}

.profilepicmenu {
	max-height:100px;
	
}

.login {
	margin:0 0;
	margin-top:25px;
	float:right;
	padding:5px 35px;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.login:hover {
	background-color: #ffffff;
	color:#990000;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.statsblock {
	display:none;
}
	
.readmore {
	display:block;
	position:relative;
	padding:5px 15px;
	width:200px;
	/*background-color: #FFFFFF;*/
	color:#990000;
	border:1px solid #990000;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.readmore:hover {
	background-color: #990000;
	color:#FFFFFF;
	border:1px solid #990000;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.pagindtc {
	width:auto;
	height:40px;
	padding:10px 12px;
	margin-top:2px;
	margin-bottom:35px;
	background-color:rgba(255, 255, 255, 0.5);
	color:#990000;
	border:1px solid #990000;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.pagindtc:hover {
	background-color: #990000;
	color:#FFFFFF;
	border:1px solid #990000;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.pagindtcleft {
	float:left;
	margin-left:0px;
}

.pagindtcright {
	float:right;
	margin-right:0px;
}


.addbutton {
	position:relative;
	width:100%;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:2px;
	padding:10px 15px;
	background-color:rgba(255, 255, 255, 0.5);
	color:#990000;
	border:1px solid #990000;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.addbutton:hover {
	background-color: #990000;
	color:#FFFFFF;
	border:1px solid #990000;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}



.editdelete {
	float:left;
	margin-right:10px;
	padding:5px 15px;
	background-color: #FFFFFF;
	color:#990000;
	border:1px solid #990000;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.editdelete:hover {
	background-color: #990000;
	color:#FFFFFF;
	border:1px solid #990000;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.visitscount {
	float:left;
	margin-right:10px;
	padding:5px 15px;
	background-color: #990000;
	color:#ffffff;
	border:1px solid #990000;
	text-align:center;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.searchcount {
	float:left;
	margin-left:6%;
	margin-right:6%;
	margin-bottom:8px;
	padding:5px 15px;
	width:88%;
	background-color: #990000;
	color:#ffffff;
	border:1px solid #990000;
	text-align:center;
	font-size:120%;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.centerbutton {
	float:left;
	width:100%;
	margin-right:0px;
	margin-top:15px;
	margin-bottom:10px;
	padding:10px 15px;
	background-color: #FFFFFF;
	color:#990000;
	border:1px solid #990000;
	text-align:center;
}

.centerbutton:hover {
	background-color: #990000;
	color:#FFFFFF;
	border:1px solid #990000;
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
margin:auto;
max-width:100%;
padding-right:0px;
/*text-align:center;
border:1px solid #990000;*/
}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
margin:auto;
max-width: 100%;
max-height: 100%;
text-align:center;
border:2px solid #000000;
}


.imagereview {
    max-width:80%;
    border:1px solid black;
}

.imagetopdtc {
	width:100%;
	margin-bottom:0;
}

.googlemapsconteneur {
	display:block;
	width:100%;
	height:720px;
	top:40px;
	padding:20px 0;
	border:0px solid black;
}
	
.googlemapsframe {
	position:relative;
	border:3px solid black;
	width:356px;
	height:326px;
	margin-bottom:30px;
	margin:auto;
}

.googlemapsframe2 {
	position:relative;
	top:35px;
	border:3px solid black;
	width:356px;
	height:326px;
	margin:auto;
}

.transplayer {
	position:relative;
	top:-652px;
	border:0px solid black;
	width:356px;
	height:687px;
	margin-bottom:30px;
	margin:auto;
	z-index:10;
}

.related {
float:left;
    width:50%;
    margin-left:0%;
    margin-top:0px;
    padding:0;
    border:3px solid rgba(153, 0, 0, 1);
    overflow:hidden;
}

.relrev {
	background-color:rgba(193, 206, 241, 0.3);
}

.relint {
	background-color:rgba(241, 206, 193, 0.3);
}

.relgal {
	background-color:rgba(206, 241, 193, 0.3);
}


.relatedimage {
	z-index:1;
	position:relative;
	width:100%;
	vertical-align: middle;
	text-align:left;
	border:0px solid #fff;
}

img.relatedimg {
    width:100%;
    vertical-align: middle;
    border:0px solid white;
   transform:scale(1.3,1.3);
    -webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

img.relatedimg:hover {
	transform:scale(1.1,1.1);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.relatedtitle {
z-index:2;
position:absolute;
background-color:rgba(153, 0, 0, 0.8);
top:0;
color:#FFFFFF;
font-size:115%;
    width:100%;
    padding:3px;
    border:0px solid #fff;
    line-height:1.6;
    vertical-align: middle;
    text-align:center;
}

.relatedtitle:link {
	color:#FFFFFF;
}

.relatedtxt {
z-index:2;
position:absolute;
background-color:rgba(0, 0, 0, 0.8);
bottom:0;
color:#FFFFFF;
font-size:115%;
    width:100%;
    padding:3px;
    border:0px solid #fff;
    line-height:1.6;
    vertical-align: middle;
    text-align:center;
}

.relatedtxt:link {
	color:#FFFFFF;
}

.relatedmore {
	display:block;
	float:left;
    width:100%;
    margin-left:0%;
    margin-top:0px;
    
    padding:0;
    padding-top:1px;
    padding-left:15px;
    height:70px;
    line-height: 28px;
    text-align:left;
	background-color:#333333;
	color:white;
}

.relatedmore2 {
	display:block;
	float:left;
	width:100%;
	border:1px solid rgba(0,0,0, 0.5);
	padding-left:15px;
	margin-top:0px;
	height:70px;
	line-height: 28px;
    text-align:left;
	background-color:#333333;
	color:white;
}

.morerev {
	background-color:rgba(193, 206, 241, 0.8);
}

.moreint {
	background-color:rgba(241, 206, 193, 0.8);
}

.moregal {
	background-color:rgba(206, 241, 193, 0.8);
}


.relatedmoretxt {
	width:100%;
	display:inline-block;
	line-height:1;
	vertical-align: middle;
	margin-top:30px;
}


.blackbar {
	width:100%;
	height:2px;
	border-top:1px solid grey;
}

.footer {
	margin-top:0px;
	float:left;
	width:100%;
	/*height:150px;*/
	background-color:#333333;
	padding:2%;
	padding-bottom: 60px;	
}

.footercol1 {
	border-top:1px solid white;
	padding-top:30px;
	padding-bottom:20px;
	color:white;
	width:100%;
}

.footercol2 {
	border-top:1px solid white;
	padding-top:30px;
	padding-bottom:20px;
	color:white;
	width:100%;
}

.footercol3 {
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding-top:30px;
	padding-bottom:20px;
	color:white;
	width:100%;
}

.tableband {
	padding:15px 2px;
	word-wrap: break-word;
}

.imgbandpage {
	padding:10px 20px;
}

.leftborder {
        display:none;
}

       .imagereviewapercudtc {
    max-width:90%;
    border:1px solid black;
    margin-bottom:10%;
    }

.footersocialcontainer {
	border:0px solid white;
	/*display: inline-block;*/
	clear:both;
	width:80%;
	height:50px;
	left:10%;
	margin-top:10px;
	margin-bottom:10px;
	transform: scale(1,1);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.footersocialcontainer:hover {
	transform: scale(1.2,1.2);
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.footersocial {
	border-radius:50%;
	height:45px;
	width:45px;
	overflow: hidden;
	
}

.footersocialtxt {
	margin-top:2px;
	margin-left:0px;
}

.footersocialtxtfont {
	color:white;
	font-size:100%;
}

.footersocialfb {
	background-color:#4c67a1;
}

.footersocialtw {
	background-color:#00bdfc;
}

img.footersocialimg {
	width:100%;
	margin-left:1px;
}

.sharebox {
	z-index:10;
	position:fixed;
	bottom:0px;
	width:100%;
	height:40px;
	margin-left:-20px;
	text-align:center;
}

.shareboxtitle {
	display:none;
}

.shareboxspot {
	display:block;
	float:left;
	height:100%;
	width:20%;
	border:0px solid black;
	z-index:10;
}

.shareboxfakespot {
	float:left;
	height:100px;
	width:20%;
	border:0px solid black;
	margin-top:-45px;
	padding-bottom:20px;
	z-index:-5;
}

.shareboxsquare {
	display:none;
}


.facebookround {
	margin:auto;
	background-color:#4c67a1;
	height:35px;
	width:35px;
	border:2px solid white;
	border-radius:50%;
	text-align:center;
}

.googleround {
	margin:auto;
	background-color:#d74736;
	height:35px;
	width:35px;
	border:2px solid white;
	border-radius:50%;
	text-align:center;
}

.twitterround {
	margin:auto;
	background-color:#00bdfc;
	height:35px;
	width:35px;
	border:2px solid white;
	border-radius:50%;
	text-align:center;
}

.whatsappround {
	margin:auto;
	background-color:#00aa12;
	height:35px;
	width:35px;
	border:2px solid white;
	border-radius:50%;
	text-align:center;
}

.emailround {
	margin:auto;
	background-color:#ffc600;
	height:35px;
	width:35px;
	border:2px solid white;
	border-radius:50%;
	text-align:center;
}

.shareboxcountmargin {
	display:block;
	float:left;
	height:200px;
	width:15px;
	border:0px solid black;
	margin-top:-45px;
	padding-bottom:20px;
}

.shareboxcount {
	margin:auto;
	margin-top:-12px;
	padding:1px;
	padding-bottom:4px;
	background-color:#cccccc;
	width:24px;
	height:22px;
	border-radius:20px;
	border:1px solid white;
	z-index:-10;
	
}

.shareboxnocount {
	margin:auto;
	margin-top:-12px;
	padding:1px;
	padding-bottom:4px;
	width:22px;
	height:22px;
	border-radius:20px;
	
}

.icon {
	margin:auto;
	margin-top:5px;
	text-align: center;
	max-width:30px;
}

.shopbuy {
	display:block;
	position:fixed;
	align-content: center;
	left:0px;
	bottom:0px;
	height:135px;
	width:100%;
	padding:10px;
	padding-top:10px;
	background-color:white;
	border-top:2px solid black;
	z-index:10;
}

.apercu {
	background-color:#990000;
	color:white;
	padding:12px;
	font-size: 180%;
}

.bbcodebuttonsdiv{
	width:100%;
	height:42px;
	padding-left:4%;
	border:0px solid red;
}

.bbcodebutton {
	float:left;
	width:9%;
	border:1px solid black;
	height:35px;
	background-repeat:no-repeat;
	background-position: center; 
	background-size:contain;
}

.bbcodebutton:hover {
	background-color:#990000;
}

.bbband {
	background-image:url(images/bbcode/bbband.png);
	
}

.bblabel {
	background-image:url(images/bbcode/bblabel.png);
}

.bbbold {
	background-image:url(images/bbcode/bbbold.png);
}

.bbitalic {
	background-image:url(images/bbcode/bbitalic.png);
}

.bbunderline {
	background-image:url(images/bbcode/bbunderline.png);
}

.bbbigtext {
	background-image:url(images/bbcode/bbbigtext.png);
}

.bbsmalltext {
	background-image:url(images/bbcode/bbsmalltext.png);
}

.bbimage {
	background-image:url(images/bbcode/bbimage.png);
}

.bbyoutube {
	background-image:url(images/bbcode/bbyoutube.png);
}

.bbspotify {
	background-image:url(images/bbcode/bbspotify.png);
}

.line {
	margin:auto;
	margin-top:50px;
	width:100%;
	height:1px;
	border-top:1px solid black;
	margin-bottom:25px;
}


/* images */

img.img {
	max-width:100%;
	max-height:300px;
	margin-top:10px;
	margin-bottom:10px;
}

img.fbconnect {
	max-width:70%;
}

img.imgblocaccueilimageleftcommentwide {
	height:140%;
	margin-top:-10%;
	padding-left:64px;
}

img.imgblocaccueilimageleftcommenthigh {
	width:130%;
	margin-left:-15%;
	padding-top:62px;
}

img.imgblocaccueilimageleftwide {
	height:140%;
	margin-top:-10%;
	padding-left:94px;
}

img.imgblocaccueilimageleftwidethin {
	height:140%;
	margin-top:-10%;
	padding-left:94px;
}

img.imgblocaccueilimagelefthigh {
	width:130%;
	margin-left:-15%;
	padding-top:92px;
}

img.imgblocaccueilimagelefthighthin {
	width:130%;
	margin-left:-15%;
	padding-top:92px;
}

img.imgblocaccueilimagebigwide {
	width:130%;
	margin-top:-15%;
	padding-left:0px;
}

img.imgblocaccueilimagebighigh {
	width:120%;
	margin-left:-10%;
	padding-top:140px;
}

img.logo {
	margin-left:10px;
    max-width:200px;
    border-bottom:0px black solid;
}

img.logofooter {
    max-width:35%;
    border-bottom:0px black solid;
}

img.photo {
    max-width:85%;
    margin:auto;
    border:1px solid black;
}

img.imgborder {
	border:1px solid black;
}

img.imgshare {
	margin-top:5px;
	max-height:21px;
}

img.imgsharegplus {
	margin-left:4px;
}

img.loupe {
    max-width:5%;
}

img.coverslist {
	max-width:60%;
}

img.coverslistlong {
	max-width:60%;
}

img.authorpicpic {
	max-height:180px;
}

img.imgtext {
	margin:auto;
}

img.validicon {
	max-height:13px;
}

img.imgformradio {
	max-width:180px;
	border:1px solid black;
}



/* FORMS */

.fakelabel {
	display:block;
	font-weight:bold;
	color:#990000;
	margin-bottom:5px;
	font-size: 1.2em;
}

label {
	display:block;
	font-weight:bold;
	color:#990000;
	margin-bottom:5px;
	font-size: 1.2em;
}

label.rouge {
	color:#FF0000;
}

input {
	display:block;
	background-color:white;
	margin-bottom:15px;
	font-size: 1.1em;
}

.floatform {
	float:left;
	border:1px solid black;
}

select {
	display:block;
	background-color:white;
	margin-bottom:15px;
	font-size: 1.2em;
}

fieldset {
	
	margin-bottom:25px;
	border: 1px solid black;
}

legend {
	font-weight:bold;
	color:#990000;
	margin-bottom:5px;
	font-size: 1.2em;
	
}

input[type=text], input[type=number], input[type=search], input[type=email], input[type=url], input[type=password] {
	color:black;
width:100%;
}


input[type=text]:focus, input[type=textarea]:focus, input[type=number]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus {
background:#ffdddd;
}

input:disabled {
	background:#eeeeee;
}

textarea {
width:100%;
height:15em;
font-size: 1em;
}

textarea#textecomment {
width:100%;
height:6em;
font-size: 0.85em;
}

textarea#shopcomment {
width:100%;
height:6em;
}

#textmetaimg {
	display:inline;
	width:60%;
	margin-left:8px;
}

input[type=submit] {
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
	color:#990000;
	background-color:white;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid black;
  padding: 5px 20px; 
}

input[type=file] {
position: fixed;
    left: -1000px;
}

input[type=radio] {
	display:inline;
	background-color:white;
	margin-top:5px;
	margin-bottom:15px;
	font-size: 1.1em;
}

input[type=checkbox] {
	display:inline;
	background-color:white;
	margin-top:5px;
	margin-bottom:15px;
	font-size: 1.1em;
}

radio#metaimgradio {
font-size:3em;
}


input[type=submit]:hover, input[type=submit]:focus {
	background-color:#990000;
	color:white;
}

#submitcomment {
	font-size:0.85em;
	width:60%;
	margin:auto;
}

label.uploadbutton {
	display:block;
	cursor:pointer;
	text-align:center;
	font-size:1.1em;
	background-color:white;
	-moz-border-radius: 4px;
	width:30%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid black;
  padding: 5px 20px; 
}

label.uploadbutton:hover, label.uploadbutton:focus {
	background-color:#990000;
	color:white;
}

label.image {
	font-size: 1em;
}

label.labelradio {
	display:inline;
	margin-left:10px;
	font-size: 1em;
}

#concours {
	border-top: 1px dotted black;
	margin-top:50px;
	padding-top:35px;
	padding-bottom:35px;
}

.nbbuy {
	font-size:1.6em;
	margin-right:3%;
}

#shop {
	border-top: 0px dotted black;
	margin-top:0px;
	padding-top:15px;
	padding-bottom:15px;
	align-content: center;
}

#cart {
	border-top: 1px dotted black;
	margin-top:10px;
	padding-top:15px;
	padding-bottom:15px;
}


form#recherche {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #990000;
  padding: 3%;
  width: 90%;
  margin-bottom:20px;
  margin-left:5%;
}


.forminputtxt {
	font-size: 1.1em;
	text-align:center;
	
}

.formsubmitsearch {
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
	background-color:white;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid black;
  padding: 5px 20px; 
}

.formsubmitsearch:hover, .formsubmitsearch:focus {
	background-color:#990000;
	color:white;
}

.formsubmitbuy {
	cursor:pointer;
	text-align:center;
	font-size:0.8em;
	background-color:green;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid black;
  padding: 5px 50px; 
  width:80%;
}

.formsubmitbuy:hover, .formsubmitbuy:focus {
	background-color:#990000;
	color:white;
}

#rechercheall {
	display:block;
	position:fixed;
	padding:	0px;
	padding-right: 120px;
	width: 100%;
  margin-bottom:20px;
  
}

#rechercheall:focus {
top:200px;
}


#forminputtxtall {
	font-size: 1em;
	text-align:left;
	padding-left:10px;
	background-color: #666666;
	border:1px solid black;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color:white;
  font-weight:800;
}

#forminputtxtall:focus {
	background-color: #666666;
}

#forminputtxtall::-webkit-input-placeholder {
color: white !important;
}

#forminputtxtall:-moz-placeholder { /* Firefox 18- */
color: white !important;  
}
 
#forminputtxtall::-moz-placeholder {  /* Firefox 19+ */
color: white !important;  
}
 
#forminputtxtall:-ms-input-placeholder {  
color: white !important;  
}

.inputsearchall {
	float:left;
	margin-top:9px;
	margin-left:10px;
	padding-right:0px;
	width:100%;
	z-index:90;
}

.submitbuttonsearchall {
	position:fixed;
	top:11px;
	right:62px;
	width:60px;
}

#formsubmitsearchall {
	cursor:pointer;
	background-image: url(images/flatloupe.png);
	background-color: #990000;
	text-align:center;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width:32px;
  height:26px;
  border: 1px solid black;
  padding: 5px 10px; 
}

#formsubmitsearchall:hover, .formsubmitsearchall:focus {
	background-color:#660000;
}

.lineband {
	border-bottom: 1px solid black;
	word-wrap: break-word;
	font-size:80%;
}