@charset "utf-8";

body  {
	color: #ffffff;
	
	background-image:url(http://www.cerberus3d.com/pictures/Skins/ebauche_design3.jpg);
	background-color:#000;
	background-repeat:repeat;
	background-attachment:fixed;
	margin: 0;
    padding: 0;
	font-family: Trebuchet, Arial, sans-serif; 
	font-size: small;
	height: 100%;
	width: 100%;
	z-index:0;
}

hr {
	border-color:#232323;
	 border-style:solid; 
	 border-width:thin;
	}
	
fieldset {
		border-color:#400000;
	 border-style:solid; 
	 border-width:thin;
	 color:#FFF;
	 background-color:#0A0A0A;
}

legend {color:#FFF;}
/* if ie*/
input[type=radio] {
	background-color:#000;}
/* end if ie*/
input[type=submit]{
		border-color:#400000;
	 border-style:solid; 
	 border-width:thin;
	 color:#FFF;
	 background-color:#0A0A0A;
	}

CHECKBOX, INPUT, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#FFF;
 border:1px solid #444444;
 background-color:#000;
 padding:5px;
 

}
	
TEXTAREA {

font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#FFF;
 border:1px solid #444444;
 background-color:#000;
 padding:5px;
 
background: -moz-linear-gradient(top, #000000, #242424);
background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#242424));
background: -o-linear-gradient(top, #000000, #242424);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#242424');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#242424')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background: linear-gradient(top, #000000, #242424);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/


}
img {

  border: 0;
}


td,  th { color: #ffffff; font-family: Trebuchet, Arial, sans-serif; font-size: small; }

.style-titre3 {
	color: #FFFFFF;
	font-weight: bold;
}

.style1 {
	color: #999999;
	font-family: Trebuchet, Arial, sans-serif;
	position: relative;
	left: auto;
	right: auto;
}



.styleWhite {
	color: #fff;
	font-weight: 300;
	font-family: Trebuchet, Arial, sans-serif;
	position: relative;
	left: auto;
	right: auto;
	font-size:smaller;

	}



.styleRed {
	color: #FF0000;
	font-family: Trebuchet, Arial, sans-serif;
	position: relative;
	left: auto;
	right: auto;

}



.styleBlack  {
	color: #000;
	font-weight:200;
	font-family: Trebuchet, Arial, sans-serif;
	position: relative;
	left: auto;
	right: auto;

}



.styleSmall  {
	color: #ccc;
	font-weight:100;
	font-family: Trebuchet, Arial, sans-serif;
	position: relative;
	font-size: xx-small;
	left: auto;
	right: auto;
}





.infozone{
	position: relative;
	margin-right: 15px;
	margin-top: 10px;
	min-width:500px;
	font-style:normal;
	font-weight:100;
z-index:0;
}

	

.textzone{
position: relative;
margin-top: 15px;
margin-left: 25px;
margin-right: 25px;
font-family:Trebuchet, Arial, sans-serif;
font-weight: 100;
z-index:0;
}



.promozone{
position: relative;
margin-right: 12px;
}



.bottomleft{
position:relative;
bottom: 30px;}

	



.bodybox{
background-color: #000 ;
margin-left: 15px;
margin-right: 5px; 
}	



.bodybox1{
background: url(/pictures/box/box200bg.gif);
}	


#header {
position: relative;
width: 1024px;
margin: 0;
padding: 0;
height: 160px;
background-color: #000;
}
#header_forum {
position: relative;

margin: 0;
padding: 0;


}

#header a img {
	border:0;}



#CerbHeader {
position: relative;
margin:0px auto;
width: 1024px;
padding: 0;
height: 195px;
background-color: #000;
}



#haut {
	position: relative;
	z-index:1000;
}



#main {
background: #000 ;
position:relative;
margin:0px auto;
width:1024px;
z-index:0;
}



#submain {
 background-color:#000;
position : relative;
top: 8px;
width:1024px;
z-index:0;
}



#flashy { 
position: relative;
text-align:center;
}

object {position: relative;
}
/*jojo pour la lueur externe du site*/
#conteneur_site{
	width:1114px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	
	background-position:center;
	background-repeat:repeat-y;

	
	background-image:url(http://www.cerberus3d.com/pictures/Skins/conteneur.png);


	}
	#conteneur_forum{
	width:1114px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top:30px;
	
	background-position:center;
	background-repeat:repeat-y;

	
	background-image:url(http://www.cerberus3d.com/pictures/Skins/conteneur.png);


	}
/*fin jojo*/
#conteneur {

margin:0px auto;
width: 1024px;
color: #cccccc;
}


#centre {

	clear:both;
position: relative;	
padding-left: 175px;
margin-top: 10px;
overflow: hidden;
width: 830px;

}


#gauche {

background: #000000 url(http://www.cerberus3d.com/pictures/Skins/gauche.jpg) repeat-x ;
position : absolute ;
margin-right:15px;
width: 175px;
margin-top: 3px;
overflow: hidden;
Z-index:50;

}


#droite {

position : relative;
top: 15px;
right:25px;
margin-left:15px;
width: 197px;
overflow: hidden;

}

#pied {

font-family: Trebuchet, Arial, sans-serif;
left: 0px;
height: 100%;
width:100%;
overflow: hidden;
color:#FFFFFF;
text-shadow:#999999;
font-weight:bold;
}

#arriere{

/* l'image occupe toute la place du body */

width : 100%;
height: 100%;

}


.menugauche {width:160px;list-style-type: none;margin: 0;padding:0; Z-index:50; }
.menugauche ul li ul{left:+30px;Z-index:50;}
.menugauche ul li {width:197px;margin-bottom: 5px; Z-index:50;}
.menugauche ul li:hover {background:transparent url(http://www.cerberus3d.com/pictures/transp.png); Z-index:50;}
.menugauche a { margin: 0 2px; color: #fff; text-decoration: underline; Z-index:50;}
.menugauche a:hover {text-decoration: underline;Z-index:50;}



p {margin: 0 0 10px 0;}

<!-- styles fiche contact

p, ul, ol, td {

	text-align: justify;

}

.red {

 color: #ff0000;
	background-color: transparent;

}

.vi4 {

	color: #666666;
	background-color: transparent;
	font-weight: bold;

}

.tour { 

	border: 2px solid #666666; 
    border-collapse: separate;

}

.unite {

	background-color: #aaa;
	color: #000000;
}

-->

<!--

/* common styling */

.menu {	

background-image:url(http://www.cerberus3d.com/pictures/box/box_menu_header.jpg);
background-repeat:repeat-x repeat-y; padding-top:3px; padding-bottom:3px; 
font-family: Arial, Helvetica, sans-serif; margin-left:auto; margin-right:auto; width:100%; height:500px; left:0px; position: relative; font-size:8px;
font-weight:600; height:20px; z-index:1000;}


/*jojo pour le menu du forum*/

.menu_forum {background-image:url(http://www.cerberus3d.com/pictures/box/box_menu_header.jpg);
background-repeat:repeat-x repeat-y; padding-top:3px; padding-bottom:3px;
font-family: Arial, sans-serif; height:500px; left:0px; font-size:12px;
font-weight:600; height:20px;
margin-left:45px;
margin-right:45px;
 }

.menu_forum ul li {border-right:1px;border-right-color:#000;border-right-style:solid;width:16%; text-align:center; z-index:1000}
.menu_forum ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#000;  text-align:center;
color:#fff; line-height:20px; font-size:11px; overflow:hidden; z-index:1000;}
.menu_forum ul {padding:0; margin:0; list-style: none;position:relative;z-index:1000;}
.menu_forum ul li {float:left; position:relative; z-index:1000;}
.menu_forum ul li ul {display:none; ;z-index:1000; }


/* specific to non IE browsers */
.menu_forum ul li:hover a {color:#fff; background:#000; z-index:1000;}
.menu_forum ul li:hover ul {display:block; position:absolute;z-index:1000; top:20px; left:0; width:200px; }
.menu_forum ul li:hover ul li {width:200px; border:0px; z-index:1000;}
.menu_forum ul li:hover ul li a.hide {background:#ddd; color:#000;z-index:1000; }
.menu_forum ul li:hover ul li:hover a.hide {background:#6fc; font-size:x-small; color:#ddd;z-index:1000; }
.menu_forum ul li:hover ul li ul {display: none;}
.menu_forum ul li:hover ul li a {display:block; background:#333; color:#ddd; font-size:xx-small; z-index:1000;}
.menu_forum ul li:hover ul li a:hover {background:#ddd; font-size:xx-small; color:#000;z-index:1000; }
.menu_forum ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0;z-index:1000; }
.menu_forum ul li:hover ul li:hover ul.left {left:-200px; z-index:1000;}

/*fin jojo pour le menu du forum*/

.menu ul li {border-right:1px;border-right-color:#000;border-right-style:solid;width:16%; text-align:center; z-index:1000;}
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#000;  text-align:center;
color:#fff; line-height:20px ; font-size:10px; overflow:hidden; z-index:1000;}
.menu ul {padding:0; margin:0; list-style: none;position:relative;z-index:1000;}
.menu ul li {float:left; position:relative; z-index:1000;}
.menu ul li ul {display:none; z-index:1000; }


/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#000; z-index:1000;}
.menu ul li:hover ul {display:block; position:absolute;z-index:1000; top:20px; left:0; width:200px; }
.menu ul li:hover ul li {width:200px; border:0px; z-index:1000;}
.menu ul li:hover ul li a.hide {background:#ddd; color:#000;z-index:1000; }
.menu ul li:hover ul li:hover a.hide {background:#6fc; font-size:x-small; color:#ddd;z-index:1000; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#333; color:#ddd; font-size:xx-small; z-index:1000;}
.menu ul li:hover ul li a:hover {background:#ddd; font-size:xx-small; color:#000;z-index:1000; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0;z-index:1000; }
.menu ul li:hover ul li:hover ul.left {left:-200px; z-index:1000;}