body {
	color : #FFFFFF;
	background : #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
}

p {
	text-align:justify;
	padding: 0 5px 0 5px;
}

a { 
	color: #AFC8E6; 
}
a:hover { 
	color: #FFFF00; 
}	

/* entêtes */
h1 {
	letter-spacing: 6px;
	font-size: 16px;
	padding: 0 10px 0 10px;
}

h2  { 
	font-size: 14px; 
	margin: 20px 0 10px 0;
	letter-spacing: 3px; 
}

h1 a, h2 a { 
	color: #2b2b2b;  
	text-decoration: none; 
}

h1 a:hover, h2 a:hover { 
	color: #2b2b2b;
	background: #FFF; 
 }
.align-center {text-align:center; margin:0 0 10px 0;}
/* les blocs */

#titre { 
	margin: 25px 30px 0 0;
	float: right;
	text-align:center;
	letter-spacing: 0px;
}

#titre h1 { 
	letter-spacing: 0px;
	font-size: 17px;
}

#accueil { 
	width: 980px;
	margin: auto;
}

#content { 
	background: #660000; 
	width: 960px;
	min-height: 577px;
	margin-left: auto;
	margin-right: auto;
}

#contentright{ 
	float: right;
	width: 750px;
}

#header { 
	background: url(images/salopenlive-logo.gif) no-repeat;
	height: 71px;
}

#contentleft { 
	float: left;
	width:210px; 
	height: 600px;
	background: #660000 url(images/bandeau.jpg) no-repeat;
}

#content-bis { 
	background: #660000;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
#contentright-bis{ 
	float: right;
	width: 950px;
}

table {margin-left:auto; margin-right:auto; width: 100%;}

/* les classes */
.numero{
	font-size: 40px;
	text-align: center;
	margin: 10px 0 10px 0;
	color: #AFC8E6;
	font-weight: bold;
	font-style: italic;
}
.prefixe {
	font-size: 25px;
	color: #FFFFFF;
}
.base {
	font-size: 15px;
	color: #FFFFFF;
	font-weight:normal;
	font-style: normal;
}
.ch-be{
	font-size: 16px; 
	text-align: center;
	margin: 0 0 10px 0; 
	font-weight:bold;
}

.center {
	text-align: center;
}
.left {
	float:left;
	width: 50%;
}
.clear {
	clear:both;
}

.center-big {
	background: url(images/new.gif) left top no-repeat;
	height: 101px;
	margin: 10px 0 0 5px;
	padding: 20px 0 0 100px;
	text-align: center;
	vertical-align:middle;
	font-size: 1.6em;

	letter-spacing:-1px;
}
.orange {
	color: #AFC8E6;
}

.bold {
	font-weight:bold;
}
.commentaire {
	font-size: 10px;
	text-align: center;
	margin: 0 0 10px 0; 
}

/********************************************
   FORM
********************************************/
form {
	margin: 0; 
	padding: 0;
	font-size: 0.9em;
	text-align:left;
	width: 700px;
}

fieldset {
	margin: 10px;
}

legend {
	margin: 0 0 0 20px;
}

label {
	font-weight:bold;
	margin: 10px 0 0 10px;
}
input {
	border:1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

#nom{ margin:10px 0 0 128px;}
#email{ margin:10px 0 0 77px;}
#autres{ margin:10px 0 10px 165px;}
#sujet{ margin:10px 0 0 90px;}
#corps{ margin: 0 0 0 220px;}
#code{ margin:0 0 20px 0;}
#submit{ margin:0 0 0 200px;}
#reset{ margin:0 0 0 30px;}

textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #CCCCCC;
	width:40em; 
	height:8em;
	color:#777;
}

.alert {
	font-weight:bold;
	color:#FF0000;
	margin: 0 10px 0 30px;
}

.crypto {
	text-align:center;
}
/* footer  */

#footer { 
	clear: both; 
	text-align: center; 
	line-height: 1.8em; 
	padding: 30px 0 10px 0;  
}

#footer a {
	font-size: 10px;
}

#footer h1 {
	font-size: 12px;
	letter-spacing: 0px;
	color: #FF00FF;
}

#icra {
	text-align: center; 
	margin: 20px 0 0 0;
 }
 
#spywords {
	text-align: center; 
	margin: 10px 0 0 0;
}

#mention-legale {  
	float: left; 
	text-align: left;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

#copyright {  
	float: right; 
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}

#icra {
	 background : #383732;
 }

#menu { 
 margin: 101px 0 0 0;
 }
#menu img{margin: 0 0 18px 0; }
/*#menu ul li{list-style:none; padding:0px; margin: 0 0 18px -30px; }*/
	
.raz {
clear:both;
}

.big {
	font-size: 15px;
	font-weight:bold;
}

.pass ul li {
	list-style-image: url(images/pass.gif) ;
	margin: 0 0 0 40px;
}
.pass p{
	margin:0px 50px 0 0;
}

.box-deux 
{  
	float: left; 
	width: 340px; 
	margin: 0 0 20px 0px; 
	padding: 0 0 0 0;
}