/*Feuille CSS 07_01 - copyright web-13*/
/*GENERAL*/
/*on fixe la taille des polices pour IE*/
html {
	font-size: 100%;
}
/*on supprime toutes les marges*/
* {
	margin: 0;
	padding: 0;
}
.listbox {  background-color: #3366CC; font-family: Arial, Helvetica; font-size: 10px; color: #00FFFF; font-weight: bold}
.td {
  font-size: 0.8em;
  margin-left: 2px;
  text-align: left;
  color: #3399FF;
}


.fondcadre { background-image: url("design/fondmenu.gif"); margin-top: 1px; margin-right: 1px; margin-bottom: 1px ; font-family: Arial, Helvetica; font-size: 14px; font-weight: bold; color: #FFFF00}
.fondtableau { background-image: url("design/fondtableau.gif"); margin-top: 1px; margin-right: 1px; margin-bottom: 1px ; font-family: Arial, Helvetica; font-size: 14px; font-weight: bold; color: #FFFF00}
.btn { background-color: #FEBF27; font-family: Arial, Helvetica; font-size: 10px; color: #000000; font-weight: bold}
.lien {
    position: relative; top:0; color: #FFFFFF; font-size:0.8em; font-family: verdana;  font-weight: bold; letter-spacing: -1pt; text-decoration: none;
}
.divise {
    position: relative; top: 0; color: #C0C0C0; font-size: 1.0em;
}
body {
 background-image: url(images/gris.gif); 
 background-repeat: repeat;
 background-attachment: scroll;


	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em; /*les tailles en ems permettent le redimensionnement des textes*/
	scrollbar-face-color: #627FA9;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color:#89A6D0;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #00005B;
	scrollbar-arrow-color: #FFCC00	
}

a {
	text-decoration: none;
}

a:link {  font-family: Verdana, Arial; font-size: 0.8em; color: #006600; text-decoration: none}
a:visited {  font-family: Verdana, Arial; font-size: 0.8em; color: #00FF00; text-decoration: none}
a:active {  font-family: Verdana, Arial; font-size: 0.8em; color: #33CCFF; text-decoration: none}
a:hover {color: #FFFF00; font-size:0.8em; font-family: Verdana, Arial; text-decoration: none}
/*a.lien_ext:after { content: "\0000a0[\2197]"; } */
a.lien_ext:after { content: url(img/flecheOpen.gif); }

span {
	font-weight: bold;
}
/*CONTENU*/
#container {
	min-width: 800px; /*on fixe une largeur mini et maxi*/
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/LADClogo.jpg); /*on onsère l'image de fond*/
	background-repeat: no-repeat;
	background-position: left top;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-image: url(design/fond_titres_barre.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	line-height: 1.5em;
	text-indent: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A4B5CF;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #A4B5CF;
	font-family: "Times New Roman", Times, serif;
}
#header {
	text-align: left;
	font-size: 200%;
	font-weight: bold;
	color: white;
	height: 100px;
	text-indent: 15px;
}
#header h1 {
	text-indent: -5000px; /*pour que les robots et les navigateurs texte lisent le nom sans qu'il soit affiché*/
	line-height: 0px;
}
#domain {
	text-align: right;
	font-size: 150%;
	font-weight: bold;
	color: white;
	height: 50px;
	padding-right: 15px;
}
#localisation {
	font-size: 85%;
	text-align: left;
	text-indent: 15px;
	line-height: 25px;
  background: transparent;
  color: #FF9900
}

#global .left, #global .right, #global .center .scroll {
	height: 37em; /**************************MODIFIE LA HAUTEUR DE LA PAGE*******************************/
}
#global .left {
	width: 160 px;
	height: 460px;
	float: left;
	text-align: left;
	background-image: url(design/fond_titres_menu.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
ul {
	list-style-type: none;
}
#global .left a {
	display: block;
	width: 154px;
	line-height: 1em;
	padding-left: 5px;
    font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1 px;
/*	border-bottom-style: solid; */
	border-bottom-color: #669999;
}
#global .left a:hover {
	color: white;
	background-color: #699;
}
#global .right {
	width: 160px;
	height: 460px;
	float: right;
	text-align: left;
	background-image: url(design/fond_titres_menu.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#global .right p {
	text-align: left;
	color: white;
	padding-left: 5px;
    font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
    line-height: 100%
}
#global .center {
	height: 460px;
	margin-right: 160px;
	margin-left: 160px;
	text-align: left;
    background-image: url(design/fondpage.jpg);
    line-height: 1.2em;
	margin-left: 5px;
    font-size: 100%;
	font-weight: bold;
}

#global .center img{
	margin-bottom: 5px;
	margin-left: 5px;
}
#global .center .scroll {
	overflow: auto;
}
#global .center p {
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #696;
	text-align: justify;
	margin-bottom: 5px;
  	padding-left: 5px;
    padding-right: 5px;
	padding-bottom: 5px;
    color: #009900
}
#global .center span {
	color: #3399FF;
    line-height: 2em;
    font-weight: bold
}

#footer {
	clear: both;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A4B5CF;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #A4B5CF;
	font-size: 85%;
	color: #FFFFFF;
	background-image: url(design/fond_titres_barre.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	line-height: 1.8em;
	margin-bottom: 15px;
	margin-top: 2em;
}
#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* ----------------------Debut Tooltips------------------------------------------------------  */
div.tooltip {
	z-index: 10;
	width: 145px;
	text-align:left;
	color: #000000;
	background-color:#FFFFCC;
	border:1px solid black;
	padding: 4px;
}
div.tooltip h4 {
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
}
div.tooltip p {
	font-size: 11px;
}
/* --------------FinTooltips ---------------------------------------------------- */

/* ----------------------Debut MenuV------------------------------------------------------  */
div#menu {width: 160px;}

/* fond blanc pour le menu */ 
div#menu a {color:#000000}
div#menu ul {padding: 0; width: 160px; border:0px solid; margin:0px; background: url(design/fond_titres_menu.jpg)}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {color:#000000; background: url(img/fleche.gif) 100% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:0px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 160px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 2px solid #BBB; width:82px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}
/* --------------Fin MenuV ---------------------------------------------------- */



/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	background: #6A6458;
	width: 640px;
	height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	top: 0;
	left: 160;
}
#menuDeroulant li
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
    height: 1%;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 160px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("design/fondTR.png") repeat; 
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#menuDeroulant li:hover > .sousMenu { display: block; }