/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 03
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #000000;
	background: #FFFFFF;
	background-repeat: repeat-x;
	background-image:url(img/_fond_page.gif);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

hr {
color:#101d42;
}

a {border:0;}

/* Page */

/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}

#global {
	min-height: 100%; /* -> 1 */
	width: 800px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */

}

/* En-tête */
#contenu 
{
	margin-top:40px;
	background-color:#FFFFFF;
}


/* En-tête */
#entete {
	/*padding: 15px 20px 10px 20px;*/
	height:90px;
	}

#enteteWait {
	/*padding: 15px 20px 10px 20px;*/
	height:90px;
	}

/* Pied de page */
#pied {
	margin-top:20px;
	background-color:#FFFFFF;
	
}

/* --------------------------------- DEBUT CODE MENU --------------------------------- */
#menuzone
{
	width:800px;
	margin-top:10px;
	padding:0;
	position:absolute;
	background-image:url(img/_fond_menu.png);
}

/* CODE PREMIER NIVEAU */
#menuzone ul
{
	margin:0;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
}

#menuzone ul li,
#menuzone ul li a:link,
#menuzone ul li a:visited
{
	padding:2px 0px 2px 2px;
	width: 190px;
	list-style-type:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#DDDDDD;
	margin:0px 0px 0px 5px;
}

#menuzone ul li:hover ul
{
	display: block;

}

#menuzone ul li a:hover,
#menuzone ul li a:active
{
	width: 190px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px;
	border-bottom-width:thin;
	border-bottom-color:#000000;
}

/* CODE SECOND NIVEAU */
#menuzone ul ul
{
	display:none;
}

#menuzone ul ul li a:link,
#menuzone ul ul li a:visited
{
	width: 190px;
	margin: 0;
	padding: 2px 2px 2px 2px;
	border: 0;
	list-style:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#DDDDDD;
}

#menuzone ul ul li a:hover,
#menuzone ul ul li a:active
{
	margin:0;
	padding: 0;
	border: 0;
	padding: 2px 2px 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(img/_fond_menu.png);
}
/* --------------------------------- FIN CODE MENU --------------------------------- */

.titre_adresse {
	font: bold 11px/14px arial, helvetica, sans-serif;
	color:#000000;
}

.text_adresse {
	font: 11px/14px arial, helvetica, sans-serif;
	color:#000000;
}

.titre_engin 
	{
	font-family:"Times New Roman", Times, serif;
	font-size:24pt;
	letter-spacing:-2px;
	color:#0f1f43;
	
	}

.titre_rub_engin
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	letter-spacing:-1px;
	font-weight:bold;
	color:#0f1f43;
	}
.titre_spe_engin
	{
	font-weight:bold;
	color:#0c8552;
	}


/* --------------------------------- DEBUT MENU HORIZONTAL INTERIEUR PAGE--------------------------------- */


#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position:absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:191.1px;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:10px Arial;
	color: #0f1f43;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#0f1f43;
	border-color:#665500;
	border-style:solid;
	font:10px Arial;
	color: #ffffff;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#0f1f43;
	border-color:#665500;
	border-style:solid;
	font:10px Arial;
	color: #ffffff;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.pureCssMenu li:hover>a>span{	background-image:none;
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:none}
ul.pureCssMenu ul li:hover > a span{	background-image:none);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:none}
ul.pureCssMenu table a:hover table span{background-image:none)}
</style>
<!-- End PureCSSMenu.com STYLE -->

/* --------------------------------- FIN MENU HORIZONTAL INTERIEUR PAGE --------------------------------- */