/***************************************************
*	STYLE 1 (default) : black/red/grey.					*
*											*
*	Powered by Jo Ngoc Hang - 2008.					*
*	mailto : jo@neet.fr.							*
*											*
***************************************************/
	
	
/* ---------- BALISES GENERIQUES --------- */
html,body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#121212;
	}

a {
	position:relative;
	}

p {
	margin-top:0px;
	margin-bottom:15px;
	text-align:justify;
	color:#666666;
	text-indent:30px;
	font-family: verdana;
	font-size:11px;
	}

p:first-letter {
	color:#990000;
	font-size:18px;
	}

img {
	border:0;
	}	
	
acronym:hover{
	cursor:help;
	}
	
h4  {
	font-family: verdana;
	color:#990000;
	}

hr {
	margin-top:30px;
	margin-bottom:30px;
	width:50%;
	text-align:center;
	border-style:dotted;
	color:#990000;
	}
	
/*---------- STRUCTURE DU SITE ----------*/

div#conteneur {
	position:relative;
	width:925px;
	margin:0px auto;
	min-height:100%;
	}

	
/*---------- EN TETE ----------*/

div#header {
	position:fixed;
	z-index:10;
	width:925px;
	height:104px;
	background:url('../images/banniere.png') no-repeat;
	margin-top:0px;
	}

	
/*---------- MILIEU DU SITE (menu + contenu) ----------*/

div#centre {
	position:absolute;
	width:925px;
	min-height:100%;
	background:url('../images/milieuBg.gif') repeat-y;
	margin-bottom:73px;
	}

	
	/*---------- MENU ----------*/
	
	div#menu {
		float:left;
		width:172px;
		margin-top:104px;
		}
		
		div#menu1 {/*en-tête du menu 1*/
			margin-top:10px;
			width:172px;
			height:52px;
			background:url('../images/menu1.png') bottom;
			}
		
		div#menu2 { /*en-tête du menu 2*/
			margin-top:10px;
			width:172px;
			height:52px;
			background:url('../images/menu2.png') bottom;
			}
		
		div.menuContenu {/*bloc qui entoure un menu*/
			background:url('../images/menuBg.png') repeat-y;
			}
		
		div.menuBas {/*footer d'un menu*/
			background:url('../images/menuBas.png') no-repeat;
			height:23px;
			}
		
			/*  CSS du tutoriel de menu en accordéon : http://css.alsacreations.com/Tutoriels-JavaScript/Creer-un-menu-accordeon-avec-jQuery
			modifié par Jo Ngoc Hang */
		
			.navigation {
		      margin: 0px;
		      padding:0px;
		      list-style: none;
		      width: 172px;
		      font: 12px "Arial", sans-serif;
		      }
		   .navigation a, .navigation span {
		      display: block;
			  height:25px;
		      color: #cccccc;
		      text-decoration: none;
			  padding-top:5px;
			  padding-right:20px;
			  text-align:right;
			  letter-spacing:1px;
		      background:url('../images/menuCat1.png') top no-repeat;
		      }
		   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
		      background-image:url('../images/menuCat1.png');
		      }
		   .navigation .open a, .navigation .open span {
		      background-image:url('../images/menuCat2.png');
		      }
		   .navigation a:hover, .navigation a:active, .subMenu a:hover, .subMenu a:active{
		      color:#ffffff;
		      }
		   .navigation .subMenu {
		      font-size: 10px;
		      background:url('../images/menuBg.png') 0 0 repeat-y;
		      margin: 0;
		      padding-right:10px;
			  list-style: none;
		      }
		   .navigation ul.subMenu a {
			  color:#990000;
			  background:none;
		      padding: 0px;
		      }
		
	/*---------- CONTENU DU SITE ----------*/
	
	div#contenu {
		float:right;
		margin-bottom:73px;
		}
		
		div#titre{/*titre de chaque page*/
			margin-top:104px;
			width:753px;
			height:170px;
			background:url('../images/titre.gif') no-repeat;
			}
		
		div.contTitres {
			color:#990000;
			font-size:26px;
			font-family:"bradley hand itc",verdana,sans-serif;
			font-style:italic;
			letter-spacing:2px;
			padding-top:115px;
			padding-left:30px
			}
			
		div#centreHaut {
			width:753px;
			height:15px;
			background:url('../images/centreHaut.gif') no-repeat;
			}
		
		div#centreMilieu {/*contenu de chaque page*/
			width:753px;
			height:300px;
			background:url('../images/centreMilieu.gif') repeat-y;
			margin-top:0px;
			}
		
		.page {
			padding-top:10px;
			margin-left:30px;
			margin-right:45px;
			}
	
		div#centreBas {
			width:753px;
			height:23px;
			margin-bottom:0px;
			background:url('../images/centreBas.gif') no-repeat;
			}

/*---------- BAS DE PAGE ----------*/

div#footer {
	position:fixed;
	z-index:2;
	bottom:0px;
	width:925px;
	height:73px;
	background:url('../images/footer.png') no-repeat;
	}

div#footerLeft {
	position:absolute;
	float:left;
	margin-left:10px;
	margin-top:20px;
	
	}
	
div.copyright {
	font: 9px "Arial", sans serif;
	color:#666666;
	text-align:left;
	letter-spacing:1px;
	}

div.clientsWeb {
	font: 9px "Arial", sans serif;
	color:#333333;
	margin-bottom:0px;
	text-align:left;
	margin-top:10px;
	}
	
div#footerRight{
	float:right;
	position:absolute;
	right:20px;
	}
	
div#footerMenu {
	margin-top:10px;
	font : 10px "Arial", sans-serif;
	color:white;
	}

#footerMenu a {
	text-decoration:none;
	color:#666666;
	}
	
#footerMenu a:hover {
	text-decoration:none;
	color:white;
	}
	
div#footerIco {
	padding-top:20px;
	text-align:right;
	}

/*---------- DIVERS ----------*/

.w3c {
	border:none;
	}
	
a.lien  {
	text-decoration:underline;
	color:#666666;
	}
	
.lien:hover {
	color:white;
	}
	
li.liste {
	color:#990000;
	}
	
.normal {/*pour remettre le texte de couleur "normale"*/
	color:#666666;
	}
	
.alignDroite  {
	text-align:right;
	margin-right:10px;
	}