body, form, h1, h2, h3, p {
   margin:0;
   padding:0;
}

img, a img {
border:none
}

ul, li{
margin:0;
padding:0;
list-style:none
}

body {
background-color: #131313;
height:100%;
}

fieldset {
margin: 0px 0px 15px 10px;
padding: 5px 10px 15px;
width: 603px;
font: normal 11px Verdana, sans-serif;
color: #333;
}
fieldset legend {
padding: 0px;
margin: 0px;
font: normal 11px/20px Verdana, sans-serif;
color: #FFCC00;
}

a{
color:#aaa;
text-decoration:none
}

a:hover{
color:#fff
}

.catDesc {
font-weight:normal;
font-size:11px;
font-family:tahoma, arial, verdana;
color:#cccccc;
}

.count{
font-family:Tahoma, Arial;
font-size:11px;
font-weight:normal;	
color:#000000
}

h1{
padding:5px 0 10px 5px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:18px;
color:#999
}

h2{
margin:0 20px;
margin-bottom:20px;
padding:0 0 0 5px;
font-family:Tahoma, Arial;
font-size:11px;
color:#777;
font-weight:normal;
border-left:3px solid #555
}

h3{
margin:0;
padding:5px;
font-family:Tahoma, Arial;
font-size:11px;
color:#777;
font-weight:normal;
border:1px dashed #555
}

h3 b{
color:#999
}

fieldset{
margin:0 0 20px 0;
padding:5px;
border:solid 1px #555
}

fieldset table tr td{
width:200px
}

legend{
font-size:18px;
font-weight:bold
}

.form a,
.form a:hover,
.form a:visited{
color:#999
}
#container{
width:910px;
background-color:#131313;
margin:0 auto
}

#header{
height:55px
}

#headerHeader{
height:0px
}

#headerMenu{
margin-left:18px;
position:relative;
height:55px;
}

#site_entete, #site_entete:visited,
#livre_entete, #livre_entete:visited,
#lien_entete, #lien_entete:visited,
#google_entete, #google_entete:visited,
#blog_entete, #blog_entete:visited,
#accueil_entete, #accueil_entete:visited,
#annuaire_entete, #annuaire_entete:visited{
border:0px solid #ffffff;
display:block;
width:117px;
height:30px;
padding:25px 4px 0 0;
position:absolute;
top:0px;
text-align:center;
color:#fff;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-image:url(../images/video/menuBg1.gif);
background-repeat:no-repeat
}

#site_entete{
left:2px;
background-position: -2px 0px
}

#livre_entete{
left:127px;
background-position: -127px 0px
}

#lien_entete{
left:252px;
background-position: -252px 0px
}

#google_entete{
left:377px;
background-position: -377px 0px
}

#blog_entete{
left:502px;
background-position: -502px 0px
}

#annuaire_entete{
left:627px;
background-position: -627px 0px
}

#accueil_entete{
left:752px;
background-position: -752px 0px
}

/*decorations*/

#breadCrumb-o{
margin:4px 2px 0 2px;
height:25px;
color:#fff;
font-family:"Trebuchet MS", Arail, Tahoma;
font-size:12px;
font-weight:bold
}

#breadCrumb-i{
padding:3px 0 0 10px;}

#breadCrumb-i a, #breadCrumb-i a:visited{
color:#fff;
text-decoration:none
}

#breadCrumb-i a:hover, #breadCrumb-i a:active{
text-decoration:underline
}

.indexlistItem{
margin:4px 5px 10px 0px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:14px;
font-weight:bold}


.indexlistItem a{
text-decoration:none
}

.indexlistItem img{
height:60px;
width:60px;
border:1px solid #464646;
vertical-align:middle;
margin:0 15px 0 5px
}

.catlistItem{
margin:0px 5px 20px 22px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:14px;
font-weight:bold
}

.catlistItem a{
text-decoration:none;
}

.catlistItem img{
height:40px;
width:40px;
border:2px solid #464646;
vertical-align:middle;
margin:0 5px 0px 5px
}

.catlistItem2 img{
height:90px;
width:140px;
border:2px solid #464646;
vertical-align:middle;
margin:0 5px 0px 5px
}

/*general*/
#body{
margin:0;
padding:0
}

#content{
padding-left:2px;
width:656px;
float:left
}

#content-o{
width:100%
}

#content-i{
padding:5px
}

#featuredRider{
margin:5px 0 0 0;
}

#contentBefore-o, #contentAfter-o{
margin:4px 0 4px 0;
width:100%
}

#contentBefore-i, #contentAfter-i{

padding:5px 15px
}

.cBad336, .cAad336{
width:366px;
height:280px;
float:right
}

.adIcons336{
width:75px;
height:268px;
padding:12px 0 0 0;
float:left
}

.adIcons3362{
width:75px;
height:268px;
padding:12px 0 0 0;
float:right
}

.icon336{
display:block;
height:67px;
text-align:right
}

.showIcons{
text-align:center;
padding:10px 0
}

.showIcons img{
margin:0 0 5px 0
}

.showImages{
text-align:center;
padding:30px 0
}

.showImages img{
margin:0 0 5px 0
}

.showImageTextBox{
width:450px;
margin:0 0 0 0;
font-family:Tahoma, Arial;
font-size:11px;
background:#1F1F1F;
border:1px solid #555;
color:#bbb;
padding:.2em;
}

.ggshowImageTextBox{
width:450px;
font-family:Tahoma, Arial;
font-size:11px;
background:#1F1F1F;
border:1px solid #555;
color:#bbb;
padding:.2em;
}

.pagination,
.backButton{
padding:15px 0;
text-align:center;
font-family:Tahoma, Arial;
font-size:9px;
color:#555;
}

.pagination a, .pagination a:visited,
.backButton a, .backButton a:visited{
position:relative;
top:3px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 .35em 0 .35em;
color:#555;
background:#1f1f1f;
border:1px solid #555
}

.pagination .null{
position:relative;
top:3px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 .35em 0 .35em;
color:#3c3c3c;
background:#2e2e2e;
border:1px solid #3c3c3c
}

.pagination a:hover, .pagination a:active,
.backButton a:hover, .backButton a:active{
color:#fff;
border:1px solid #fff;
}



#navigation{
margin:4px 0 0 4px;
width:246px;
float:left
}

#navigation-o{
background:#333 url(../images/video/menuLongBottom.png) no-repeat center bottom
}

#navigation-i{
position:relative;
background:url(../images/video/menuLongTop.png) no-repeat center top;
padding:0 0 10px 0;
}

.navTitle{
margin:0 1px 4px 15px;
padding:12px 0 0 17px;
width:214px;
height:19px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-weight:bold;
text-transform:uppercase;
font-size:14px;
background:url(../images/video/navigationTitleBg.gif) no-repeat 0 12px;
}

.nav_pash li a, .nav_pash li a:visited,
.nav_album li a, .nav_album li a:visited,
.nav_pays li a, .nav_pays li a:visited,
.navTutorials li a, .navTutorials li a:visited,
.nav_amis li a, .nav_amis li a:visited,
.nav_futur li a, .nav_futur li a:visited,
.nav_maitre li a, .nav_maitre li a:visited,
.nav_forum li a, .nav_forum li a:visited{
display:block;
width:183px;
height:16px;
margin:0 0 0 32px;
padding:4px 0 0 10px;
color:#ebebeb;
font-family:Tahoma, Arial;
font-size:11px;
text-decoration:none;
background:url(../images/video/navigationLinkBg.gif) no-repeat left bottom
}

.form{
margin:30px 15px 15px 15px;
font-family:Tahoma, Arial;
font-size:11px;
color:#666
}

.form p{
padding:2px 0
}

.formTextbox {
padding:0 5px;
width:300px;
font-family:Tahoma, Arial;
font-size:11px;
color:#bbb;
background:#1f1f1f;
border:1px solid #555
}

.formCheckbox{

	margin:0}

.formSubmit{

	display:block;

	width:75px;

	margin:15px auto;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#555;

	background:#1f1f1f;

	border:3px double #555;

	cursor:pointer}

.formTextboxSmall,

.formSelectSmall{

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formTextboxSmall{

	width:146px;

	padding:1px 2px}

.formSelectSmall{

	width:152px}

.formRadioSmall,

.formCheckboxSmall{

	margin:2px 1px;

	vertical-align:middle}

.formTextareaSmall{

	width:146px;

	height:56px;

	padding:2px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formTextareaBig{

	width:440px;

	height:400px;

	padding:2px;

	font-family:"Courier New", Courier, mono;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formUrl{

	text-align:center}



.glyphTable{

	margin:20px;

	font-family:Arial, Tahoma;

	font-size:11px;

	}

.glyphTable table{

	width:100%	}

.glyphTable table tr td{

	padding:0 4px;

	background:#1f1f1f}

.glyphTable table tr td b{

	font-size:16px;}

.glyphTableTitle{

	color:#1f1f1f;

	font-family:"Trebuchet MS", "Times New Roman", "Arial";

	font-size:14px;

	font-weight:bold}



#indexTrain{

	margin-top:5px}

.simpleTrain{

	padding:20px;

	color:#1f1f1f;

	font-family:"Trebuchet MS", "Times New Roman", "Arial";

	font-size:14px;

	font-weight:bold}

.simpleTrain table{

	width:100%}

.simpleTrain table tr td{

	padding:0 5px}



.colorChart{

	margin:20px;

	font-family:Arial, Tahoma;

	font-size:11px}

.colorChart table{

	width:100%}

.colorChart table tr td{

	text-align:center}

.colorChartDark{

	color:#fff}



.colorPicker{

	margin:93px}

.colorPicker table{

	width:100%;

	border:5px solid #fff}

.colorPicker table tr td{

	text-align:center}

.colorPicker table tr td .cp{

	font-family:Arial, Tahoma;

	font-size:11px;

	font-weight:bold;

	text-align:center;

	width:50px;

	padding:0;

	margin:0;

	background:#fff;

	color:#545454;

	font-weight:normal;

	cursor:pointer;

	border:2px solid #fff}

.colorPicker-r1c1{}

.colorPicker-r1c2{}

.colorPicker-r2c1{}

.colorPicker-r2c2{}

.colorPicker-r3c1{}

.colorPicker-b1{}



#footer-o{

	clear:both;

	margin:3px 2px 4px 2px}

#footer-2{

	clear:both;

	margin:4px 2px 4px 2px}



#footer-i{

	padding:2px 5px}



#pageGen{

	font-family:Tahoma, Arial;

	font-size:9px;

	padding:5px;

	text-align:right;

	color:#FFDC12}



.showMarquee{

	padding:0 0 20px 0;

	text-align:center}



.w11{background:#333 url(../images/video/onion1-TL.gif) no-repeat top left}

.w12, .w13, .w14{height:100%;width:100%}

.w12{background:url(../images/video/onion1-TR.gif) no-repeat top right}

.w13{background:url(../images/video/onion1-BR.gif) no-repeat bottom right}

.w14{background:url(../images/video/onion1-BL.gif) no-repeat bottom left}

.w21{background:#464646 url(../images/video/onion2-TL.gif) no-repeat top left}

.w22, .w23, .w24{height:100%;width:100%}

.w22{background:url(../images/video/onion2-TR.gif) no-repeat top right}

.w23{background:url(../images/video/onion2-BR.gif) no-repeat bottom right}

.w24{background:url(../images/video/onion2-BL.gif) no-repeat bottom left}



#content .panel .list_layout .list_link_view{
position:absolute;
right:0;
top:15px;
width:97px;
height:25px
}
				
#content .panel .list_layout .list_link_view a{
display:block;
padding:5px 0 0 0;
width:97px;
height:20px;
color:#fff;
font-family:arial;
font-size:14px;
font-weight:bold;
text-align:center;
background:url(../images/video/list_buttons.gif) 0 0 no-repeat
}
				
#content .panel .list_layout .list_link_download{
position:absolute;
right:0;
top:55px;
width:97px;
height:25px
}
					
#content .panel .list_layout .list_link_download a{
display:block;
padding:5px 0 0 0;
width:97px;
height:20px;
color:#fff;
font-family:arial;
font-size:14px;
font-weight:bold;
text-align:center;
background:url(../images/video/list_buttons.gif) 0 -25px no-repeat
}
			
.clearfix:after {
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden
}

.clearfix {
display:inline-table
}

/* Hides from IE-mac \*/

* html .clearfix{
height:1%;
}

.clearfix{
display:block
}

/* End hide from IE-mac */