/*
CSS EXTERNE layout
> Modèle = TROCADERO
> Média = SCREEN/ECRAN
> Application = Toutes les pages du site utilisant ce modèle
(c) 2006 EXILAB Evolution Software
--------------------------------*/

/*HTML*/

body {
	padding:0;
	margin:0;
	background-color:#525355;
}

body, table, td, input, textarea, select, option {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#525355;
}

p, h1, h2, h3, h4, h5, h6, div#titre, div#soustitre, div#accroche {
	padding:0;
	margin:12px 0;
}

h1, div#titre {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#525355;
	padding:2px 0;
	border-top:1px solid #2f6859;
	border-bottom:1px solid #2f6859;
}

h2, div#soustitre {
	font:bold 17px Verdana, Arial, Helvetica, sans-serif;
	color:#525355;
}

h3 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#525355;
	padding-left:38px;
	
}

h4, h5, h6 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#525355;
}


a, a:visited {
	color:#ffffff;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	border:none;
}

img {
	border:none;
}

form {
	padding:0;
	margin:0;
}

/*POSITION*/

div#modenature {
	width:770px;
	height:20px;
	margin:0 auto;
	}

div#banner {
	width:760px;
	height:100px;
	margin:0 auto;
	}

div#navGenH {
	width:760px;
	height:26px;
	margin:0 auto;
	background:#996633;
	text-align:left;
}

div#container {
	width:760px;
	margin:0 auto;
	background:#FFFFFF;
}

div#col-gauche {
	float:left;
	width:180px;
}

div#outils {
  width:200px;
}

div#col-droite {
	float:right;
	width:540px;
}

#content {
	padding:2px 14px;

}

div#footer {
	clear:both;
	width:760px;
	padding:4px 0;
	border-top:1px solid #B18262;
	margin:0 auto;
	background-color:#F2ECE8;
	text-align:center;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#B18362;
}

div#footer a {
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#B18362;
	text-decoration:underline;
}

div#footer a:hover {
	text-decoration:none;
}

div#end {
	height:15px;
}

/*MENU DEROULANT HORIZONTAL*/

/*UL niveau 1*/
div#navGenH ul {
	list-style:none;
	padding:3px 0;
	margin:0 0 0 10px;/*Reglage du decalage gauche du menu*/
}
div#navGenH ul li {
	display:inline;
	padding:0;
	margin:0 18px;
	position:relative;
	float:left;
}
#navGenH ul li a {
	display:block;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 2px 0 2px;
}
#navGenH ul li a:hover {
	color:#F9eb90;
}

/*Masquage à partir du niveau 2*/
div#navGenH ul ul {
	display:none;
}

/*Conditions d'affichage du niveau 2 pour FIREFOX*/
div#navGenH ul li:hover > ul {
	display:block;
}

/*UL niveau 2*/

#navGenH ul ul {
	position:absolute;
	left:0;
	top:17px;
	padding:5px 0;
	margin:0;
	text-align:left;
}
#navGenH ul ul li {
	position:relative;
	margin:0 0 0 -5px;
}
#navGenH ul ul li a {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#f9eb90;
	text-decoration:none;
	display:block;
	padding:4px 4px 4px 7px;
	margin:0;
	background-color:#CC9933;
	border-bottom:#FFF solid 1px;
	width:150px;
}
#navGenH ul ul li a:hover {
	color:#FFFFFF;
}

/*UL niveau 3*/
#navGenH ul ul ul{
	position:absolute;
	left:165px;
	top:0px;
	padding:0;
	margin:0;
	text-align:left;
}
#navGenH ul ul ul li {
	position:relative;
	margin:0 0 0 -5px;
}
#navGenH ul ul ul li a {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#F9EB90;
	text-decoration:none;
	display:block;
	padding:4px 4px 4px 7px;
	margin:0;
	background-color:#CC9966;
	border-bottom:#FFF solid 1px;
	width:150px;
}
#navGenH ul ul ul li a:hover {
	color:#FFFFFF;
}
/*THE END*/