/* CSS Document */

/*--------------------------generalites----------------------------*/

*{
	margin:0px;
	padding:0px;
	outline:none;
}
html{
}

body{
	background-color:#111111;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(images/fond-page.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

#page{
	width:1000px;
	background-color:#888888;
	margin:auto;
	background-image:url(images/fond-page.jpg);
	background-repeat:repeat-y;
	background-position:center;
	position:relative;
}

span{
	display:none;
}

.interligne{
	line-height:0.5em;
}

/*-----------------------------en tete------------------------------*/

#entete{
	width:1000px;
	height:140px;
	background-color:#1D2226;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#conteneurCouleur1{
	height:136px;
	width:136px;
	float:left;
	background-color:#1D2226;
	padding:2px;
}

#conteneurCouleur2{
	height:136px;
	width:136px;
	float:right;
	background-color:#1D2226;
	padding:2px;
}

.randomCouleur{
	display:block;
	float:left;
	margin: 2px;
	height:64px;
	width:64px;
}

/*--------------------login----------------------*/

#log{
	height:50px;
	width:100px;
	background-color:#4F545A;
	padding:20px 20px 10px 20px ;
	text-align:center;
}

#log a{
	color:#cccccc;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#log a:hover{
	color:#FFFFFF;
}

#login{
	height:32px;
	width:40px;
	background-color:#339933;
	margin:auto;
	padding-top:8px;
}

#logout{
	height:32px;
	width:40px;
	background-color:#993333;
	margin:auto;
	padding-top:8px;
}

/*--------------------navigation----------------------*/

#nav{
	width:140px;
	background-color:#4F545A;
	padding-top:20px;
}

#nav li{
	width:140px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	font-size:12px;
	background-color:#60656b;
	list-style-type:none;
}

#nav li a{
	color:#cccccc;
	list-style-type:none;
	text-decoration:none;
}

#nav li a:hover{
	color:#ffffff;
}

#nav li.navOn{
	background-color:#88929B;
	color:#ffffff;
}

/*--------------------sous navigation----------------------*/

#sousNav li{
	width:106px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	background-color:#788189;
	list-style-type:none;
	float:left;
	margin:0 2px 5px 3px;
}

#sousNav li a{
	color:#cccccc;
	list-style-type:none;
	text-decoration:none;
}

#sousNav li a:hover{
	color:#ffffff;
}

#sousNav li.sousNavOn{
	background-color:#60656b;
	color:#ffffff;
}

/*--------------------sous sous navigation----------------------*/

#subSousNav li{
	width:60px;
	height:60px;
	text-align:center;
	font-weight:bold;
	font-size:9px;
	background-color:#6d7279;
	list-style-type:none;
	float:left;
	margin:0 2px 30px 2px;
}

#subSousNav li a{
	color:#cccccc;
	list-style-type:none;
	text-decoration:none;
}

#subSousNav li a:hover{
	color:#ffffff;
}

#subSousNav li.subSousNavOn{
	background-color:#494c51;
	color:#ffffff;
}

/*--------------------contenu----------------------*/

#contenu{
	width:780px;
	position:absolute;
	top:220px;
	left:170px;
}

#contenu p{
	font-size:12px;
}

#contenu h1{
	font-size:14px;
	font-weight:bold;
}

#contenu h2{
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

#contenu h3{
	font-size:14px;
	font-weight:bold;
	color:#333333;
}

#contenu h4{
	font-size:24px;
	font-weight:bold;
	color:#333333;
	text-align:center;
}

#contenu a{
	text-decoration:none;
	color:#CCCCCC;
}

#contenu a:hover{
	color:#ffffff;
}

.galerie{
	list-style-type:none;
}

.galerie li{
	display:inline;
}

.liste li{
	font-size:11px;
	margin-left:40px;
}

.miniature{
	margin-bottom:20px;
	margin-right:8px;
	background-color:#666666;
	border:5px solid #CCCCCC;
	}	
/*--------------------champs formulaires----------------------*/

form{
	padding: 0;
	margin: 0px 20px;
	width: 300px;

}
form.forum{
	padding: 0;
	margin: 0px 0px;
	width: 780px;
}
fieldset{
	border: 1px solid #666;
	display: block;
	padding: 8px;	
}
legend{
	font-weight: bold;
	color: #333;
	margin-left: 8px;	
}
.input{
	border: 1px solid #666;
	padding: 2px;
	width: 275px;
	background-color:#999999;
}
.submit{
	border: 2px solid #666;
	background-color:#666666;
	padding: 2px;
	width: 300px;
	display: block;
	margin:20px auto;
	color:#FFFFFF;
	font-weight:bold;
}

.submitforum{
	border: 2px solid #666;
	background-color:#666666;
	padding: 2px;
	width: 50px;
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
}

.textarea{
}

#monMail{
	width:300px;
	position:absolute;
	top:80px;
}

#formMail{
	width:300px;
	position:absolute;
	top:220px;
	left:-20px;
}

#plan{
	width:430px;
	position:absolute;
	top:80px;
	left:340px;
}

.petitePolice{
	font-size:12px;
}

/*--------------------mise en page forum----------------------*/

#contenu .dateForum{
	font-size:11px;
	color:#CCCCCC;
}

#contenu .messageForum{
	font-size:14px;
	margin-top:2px;
}

#contenu .signature{
	font-size:12px;
	color:#555555;
	margin-top:5px;
}

#contenu .texteForum{
}

/*--------------------mise en page historique----------------------*/

.nomConnexion{
	color:#FFFFFF;
	float:left;
	display:block;
}

.dateConnexion{
	margin-left:150px;
	display:block;
}

.typeConnexion{
	margin-left:300px;
	display:block;
}

/*--------------------mise en page historique----------------------*/
#essai{
	width:780px;
	height:100px;
	background-color:#33FF66;
}

/*--------------------mise en page tableau----------------------*/

.imgSansCadre{
	border:none;
}

th{
	font-size:12px;
	padding-right:10px;
	text-align:left;
}

td{
	font-size:12px;
	padding-right:10px;
}

/*--------------------mise en page tableau----------------------*/

#espaceClient{
	width:430px;
	height:385px;
	position:absolute;
	top:75px;
	left:340px;
}