﻿/** @file layout.css
 * coding:utf-8
 *
 * Mise en page
 *
 * Conception & Réalisation : e-TF1
 */
* { margin:0; padding:0; }

body {
	font-family : Arial, sans-serif;
	font-size : 12px;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}

/** MENU **/
.flagLanguage{
	position : absolute;
	top: 7px; 
	left: 750px; 
	width: 175px;
	height: 27px;
}


.topBarre {
	width: 775px;
	height: 29px;
}
.daMenu {
	float:left;
	background: url(img/bg_gris.gif);
	height:34px;
}
.daMenu li {
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}

.daMenu li span {
	text-indent:-1000em;
	display:block;
	height:34px;
	width:0; /* Pour ne pas décaler le menu vers la droite sous IE7 (sans JS) */
}

.daMenu li.unique span {
	width:auto;
}

.daMenu li a:link span, .daMenu li a:visited span, .daMenu li a:hover span, .daMenu li a:active span {
	cursor:pointer;
}

/* images */
.daMenu li.avocats {
	background-image:url(img/spot_avocat.png);
	width:75px;
}

.daMenu li.competences {
	background-image:url(img/spot_competences.png);
	width:111px;
}

.daMenu li.publications {
	background-image:url(img/spot_publications.png);
	width:100px;
}

.daMenu li.nosmoyens {
	background-image:url(img/spot_nosmoyens.png);
	width:104px;
}

.daMenu li.liens {
	background-image:url(img/spot_liens.png);
	width:59px;
}

.daMenu li.contact {
	background-image:url(img/spot_contact.png);
	width:74px;
}

.daMenu li.adresses {
	background-image:url(img/spot_adresses.png);
	width:83px;
}

.daMenu li.plandusite {
	background-image:url(img/spot_plandusite.png);
	width:81px;
}

.daMenu li.accueil {
	background-image:url(img/spot_actualites.png);
	width:88px;
}

/* actif */
.daMenu ul li.actif { background-position : right top; }
.daMenu ul li.hover ul, .daMenu ul li.nojs:hover ul { display : block; }

/** Niveau 2 **/
.daMenu ul ul {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	color : #fff;
	background : #a90013;
}

*+html .daMenu ul ul { margin-top:31px; } /* Hack IE7 pour décaler le menu vers le bas (sans JS) */

.daMenu ul ul li {
	float :none;
	border-bottom:1px solid #ffffff;
}
.daMenu ul ul li:hover {
	float :none;
	border-bottom:1px solid #ffffff;
}
.daMenu ul ul a, .daMenu ul ul a:visited {
	color : #fff;
	display:block;
	padding:2px 1px 2px 1.5em;
	width:164px;
	text-decoration : none;
	background: url("image/b_flecheblanc.gif") no-repeat .5em 50%;
}
.daMenu ul ul a:hover, .daMenu ul ul a:active {
	background : #ddd url("image/b_flechebleufonce.gif") no-repeat .5em 50%;
	color: #a90013;
}
