@charset "utf-8";
/* CSS Document */

/* ************************* Balises HTML ***********************************/

body {
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
p {
	margin:auto;
	padding:5px;
	}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	}
a.hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d79726;
	font-size:12px;
	}
a.visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	}
	
h1 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	}
	
/* ************************* Structure ***********************************/

#fondations {
	width:100%;
	height:100%;
	margin-top:0px;
	background-color:#000000;
	}

#cadre {
	position:relative;
	width:940px;
	margin:auto;
	}

#header {
	width:940px;
	margin:auto;
	}
	
#footer {
	width:940px;
	margin:auto;
	margin-top:10px;
	text-align:center;
	border-top:solid thin;
	border-top-color:#1e1e1e;
	}
	
#menuGauche {
	width:308px;
	float:left;
	}

#titre {
	width:632px;
	height:50px;
	float:right;
	}

#contenu {
	width:632px;
	float:right;
	background-image:url(../images/maquette_03.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

#couverture {
	background-image:url(../images/maquette_05.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:308px;
	text-align:center;
	padding-top:5px;
	}
	
#encartAccueil {
	width:280px;
	height:130px;
	padding:5px;
	border:solid thin;
	border-color:#d79726;
	text-align:justify;
	}

#banniere {
	width:580px;
	height:130px;
	padding:5px;
	border:solid thin;
	border-color:#d79726;
	text-align:center;
	font-weight:bold;
	}

#news {
	width:580px;
	padding:5px;
	border-top:solid thin;
	border-top-color:#d79726;
	text-align:justify;
	}
	
.rune {
	text-align:center;
	margin-top:80px;
	}
/* Les "nettoyeurs" */

.clearB {
	clear:both;
	}

.clearEr {
	clear:both; width:0; height:0; line-height:0;
	}

/* ************************* Formulaire ***********************************/


#formulaire {
	width:400px;
	}

#formulaire input, #formulaire textarea { 
	background-color:transparent; border:#ffffff solid 1px;
	color:#FFFFFF;
	}

input .champ {
	width:200px;
	height:15px;
	}

#formulaire .champmessag {
	}
	
#formulaire .field{ text-align:right; margin-top:10px; }

.radio {
	border:none;
	font-size:14px;
	}

.obligatoire {
	color:#FF0000;
	}

.supplementaire {
	display:none;
	}
	
/* ************************* Class d'alignement ***********************************/
	
.alignCenter {
	margin:auto;
	text-align:center;
	}
	
.alignRight {
	text-align:right;
	}
	
.alignLeft {
	text-align:left;
	}
		
.floatRight {
	float:right;
	}

.floatLeft {
	float:left;
	}	

/* ************************* Class d'images ***********************************/

.noBorder {
	border:none;
	}

/* ************************* Class de textes ***********************************/

.alinea {
	text-indent:3em;
	}

.bold { /*nom des caractères dans l'univers*/
	font-weight:bold;
	}	
	
.suite { /* >> pour lire la suite en page d'accueil*/
	letter-spacing:0.1px;
	font-size:10px;
	}
	
.margingTopTen {
	margin-top:10px;
	}
	
.title {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	}

.titreEncart { /*classe utilisée pour les titres sur la page d'accueil*/
	width:280px;
	font-weight:bold;
	background-color:#1e1e1e;
	margin:auto;
	margin-top:10px;
	}

.titreNews { /*classe utilisée pour les titres sur la page d'accueil*/
	width:580px;
	font-weight:bold;
	background-color:#1e1e1e;
	margin:auto;
	margin-top:10px;
	}
	
.texte {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	}
	
.legendeBanniere { /* bannière de liens partenaires*/
	width:550px;
	font-weight:bold;
	background-color:#1e1e1e;
	margin:auto;
	margin-top:10px;
	}
	
.texteFooter {
	font-size:10px;
	}
	
/* ************************* Liens Footer ***********************************/


a.liensFooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	}
a.liensFooter.hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d79726;
	font-size:10px;
	}
a.liensFooter.visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	}	


/* ************************* Class contact ***********************************/