/* CSS Document */

body {
	background-color: #000000;
	margin: 0px;
}

/* ==================================================== */

@font-face {
    font-family: 'Helvetica-UltraCompressed';
    src: url('/font/Helvetica-UltraCompressed.eot');
    src: url('/font/Helvetica-UltraCompressed.eot?#iefix') format('embedded-opentype'),
         url('/font/Helvetica-UltraCompressed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, table, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	line-height: 18px;
}
input, select, textarea { color: #000000; }

.texte_references { color: #000000; font-weight:normal; } 
.texte_box_accueil { color: #000000; font-size: 15px; font-weight:normal; line-height: 18px; }
.titre_colonne { font-family: Helvetica-UltraCompressed, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; font-size: 23px; line-height: 23px; }
.grand_titre { font-family: Helvetica-UltraCompressed, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 2px; font-size: 42px; line-height: 50px; }
.titre { font-family: Helvetica-UltraCompressed, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing: 0.5px; font-size: 28px; line-height: 28px; }
.sstitre_blanc { font-size: 13px; font-weight:bold; }
.sstitre_bleu { color: #648fc6; font-size: 13px; font-weight:bold; }
.num_tel { font-size: 30px; color: #648fc6; font-weight: normal; }

.bouton { color: #ffffff; background: #648fc6; border: 0px; padding: 0px; margin: 0px; }
.bouton:hover { color: #648fc6; background: #ffffff; }
.field { border: 1px #648fc6 solid; background: #dddddd; margin: 5px 0px 5px 0px; color: #000000; font-size: 12px; font-weight: normal; }

a:link, a:visited {	color: #648fc6;	text-decoration: none; }
a:hover, a:active {	text-decoration: underline; }

/* ====================
     Menus déroulants
   ==================== */

/* Bloc rubrique */
#dropdown_menu {
	position: relative;
	float: right;
	font-family: Helvetica-UltraCompressed, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight:normal;
	letter-spacing: 1px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	color: #648fc6;
	height: 28px;
}

/* Nom rubrique */
#dropdown_menu li {
	position: relative;
	float: left;
	line-height: 28px;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
	text-align: center;
	text-transform: none;
}

#dropdown_menu li:hover {
	/*text-decoration: underline;*/
}

#dropdown_menu .active {
	padding-bottom: 7px;
	/*border-bottom: 4px #da0031 solid;*/
	color: #ffffff;
}

/* Lien rubrique */
#dropdown_menu a {
	/* For IE6 => Basic_slider resets menu fonts (!) */
	font-family: Helvetica-UltraCompressed, Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 28px;

	font-weight: normal;
	padding-bottom: 7px;
	color: #648fc6;
	text-decoration: none;
}

/* Lien rubriques over */
#dropdown_menu a:hover{
	/*border-bottom: 4px #da0031 solid;*/
	color: #ffffff;
}

/* Bloc sous-rubriques */
#dropdown_menu ul {
	position: absolute;
	display: none;
	top: +28px;
	left: 0px;
	font-size_: 15px;
	font-weight:normal;
	opacity_: 0.5;
	list-style: none;
	padding: 10px 0px  10px 0px;
	margin: 0px;
	z-index: 2;
	/*background-image:url(images/fond_menus.png);*/
	background-color:#FFFFFF;
}


/* Nom sous-rubrique */
#dropdown_menu ul li {
	position: relative;
	float: none;
	margin: 0px;
	line-height: 28px;
	text-align: left;
	text-transform: none;
}

/* Lien sous-rubrique */
#dropdown_menu ul li a {
	display: block;
	padding: 0px 10px 0px 10px;
	color_: #da0031;
	text-decoration: none;
}

/* Lien sous-rubriques over */
#dropdown_menu ul li a:hover {
	background-color: #000000;
	text-decoration: none;
	border-bottom: 0px;
	font-weight: normal;
}

/* Ouverture menu */
#dropdown_menu li:hover ul, #dropdown_menu li.sfhover ul {
	display: block;
}