/* Page */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}
ul, ul li{list-style: none;}
ul.text {margin-bottom: 1em; line-height: 1.5em;}
.text-center {text-align: center;}
body {font: normal 13px Arial, sans-serif;}
h2 {font: normal 22px Arial, sans-serif; padding: 10px 0; margin: 0 0 30px 0;}
.wrap {width: 100%; margin: 0 auto;}
.demo-container {padding: 0px; float: right; width: 200px;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}
.clear {clear: both;}


#maincomponent>.row>.col-xs-12{
padding:0;
margin-top:10px;
}

.wrap2{
box-shadow: 0 0 8px #000;
background-color:#000;
}

.dcjq-count {float: right;}


.graphite .accordion {
	font: bold 14px Arial, sans-serif;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-left: 1px solid #111;
}
.graphite .accordion, .graphite .accordion li {
	margin: 0;
	padding: 0;
	border: none;
}

hr {
	border-color:#E3E3E3;
	margin-top: 20px;
	margin-bottom: 20px;
}

#sequentially{
	background: #0C0C0C url(/images/bg_black.png) repeat-x 0 -1px;
	color:white;
	cursor:pointer;
}

#sequentially span {
	position:relative;
	top:-5px;

}



#sequentially:hover {
	background: #232323;
	color: #fff;
}


#bottomvimeo {font-family:Century Gothic;}
#cmetop {
	background: url(/images/bg_long_graphite.png) repeat-x;
	text-align:center;
	font-size:16px;
	color:white;
	padding-top:70px;
	height:300px;
}

.blocgrey p{
	padding-top:5px;
	margin:3px;
	text-align:left;
	height:30px;
	width:685px;
	margin-left:15%;
	background:#3C393D;
}
.blocgrey span {
	margin-left:5px;
	color:#C37A9A;
}


#barre {
	border:1px solid black;
	border-radius:5px 5px 0px 0px;
	height:40px;
	margin-top:5px;
	width:auto;
	//background: #0C0C0C url(/images/bg_black.png) repeat-x 0 -1px;
	padding:5px;
	font-weight:bold;
}

#barre p {
	background: #0C0C0C url(/images/bg_graphite.png) repeat-x 0 -1px;
	float:left;
	text-align:center;
	border-radius:3px;
	width:175px;
	color:#C37A9A;
	padding:5px;
	box-shadow:0px 0px 2px black;
	
}
#lotofarticle {padding:35px;overflow:hidden;}
#lotofarticle h4 {color:#D885AA; font-family:Arial; font-weight:17px;}
/* #lotofarticle:hover{-webkit-transition:1.5s all;height:50px;} */

.bottombar {margin-top:0px !important; border-radius:0px !important;}
.bottombar p {float:right !important;}
.bottombar span {font-weight:bold; color:white;font-size:17px;}

#choice span {color:#C37A9A; font-size:13px; font-family:Century Gothic !important;}

.btncme {
	
	padding:5px;
	width:180px;
	border-radius:4px;
	color:white;
	background: url(/images/bg_buttoncme.jpg) repeat-x 0 -1px;
	margin-top:5px;
	margin-left:40%;
	cursor:pointer;
	box-shadow: 0px 0px 2px black;
	text-align: center;
	}



.graphite .accordion a {
	padding: 10px 10px 10px 10px;
	background: #0C0C0C url(/images/bg_black.png) repeat-x 0 -1px;
	text-decoration:none;
	display: block;
	color: #ddd;
	border-bottom: 1px solid #222;
	border-top: 1px solid #777;
	position: relative;
	font-size:12px !important;
}
.graphite .accordion ul a {
	background: #424549;
	padding-left: 36px;
	font-size:12px !important;
}
.graphite .accordion a.dcjq-parent, .graphite .accordion a.dcjq-parent:hover {
	background: #0C0C0C url(/images/bg_black.png) repeat-x 0 -1px;
}
.graphite .accordion a.dcjq-parent.active {
}
.graphite .accordion a .dcjq-icon {
	position: absolute;
	top: 50%;
	left: 178px;
	width: 34px;
	margin-top: -17px;
	height: 34px;
	background: url(/images/arrow_black_right.png) no-repeat 0 center;
}
.graphite .accordion a.dcjq-parent.active .dcjq-icon {
	background: url(/images/arrow_black_down.png) no-repeat 0 center;
}
.graphite .accordion a:hover {
	background: #232323;
	color: #fff;
}
.graphite .accordion a:active {
}

.graphite .accordion a.active {
color:#C37A9A;
}

.graphite a.dcjq-parent{
background-color:transparent !important;
}

#lotofarticle p{
margin:10px 0;
}

#lotofarticle ul{
margin-left:20px;
}

#lotofarticle ol{
margin-left:20px;
}

#lotofarticle li{
list-style-type:disc;
padding:5px 0;
}