/* CSS Document */

/*-General-----------------------------------------------*/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	background:#ffffff;
	color:#333333;
	margin:0;
	font-size:15px;
	scrollbar-3d-light-color:#ADCCFF;
    scrollbar-arrow-color:#ADCCFF;
    scrollbar-base-color:#ADCCFF;
    scrollbar-dark-shadow-color:#ADCCFF;
    scrollbar-face-color:#032F79;
    scrollbar-highlight-color:#ADCCFF;
    scrollbar-track-color:#032F79;
    scrollbar-shadow-color:#ADCCFF;
	}

html, body, form, h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dd, dt {
	margin:0;
	padding:0;
	font-size:15px;
}

a {
	color:#23398e;
	text-decoration:none;
	}

a:hover {
	color:#FF0000;
	text-decoration:underline;
	}

img { border:none; }

/*--info bulle   --*/
/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
}              
a.info_bulle
{				
  color           : #2F368A; /* Couleur de notre lien */
  font-size       : 1.2em;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  
  padding         : 2px 12px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
}     

/*Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span
{
    top        :  auto;
    left       :  auto;
    width      :  320px;
    height     :  auto;
    overflow   :  visible;
}                       
  
  a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

position : relative; /* Indispensable pour le bon positionnement de l'info-bulle */                  



/*-Blocs-----------------------------------------------*/
/*#header {
	height:125px;
	width:900px;
	margin:0 auto;
	text-align:left;
}

#overall {
	height:400px;
	background:#FFF;
	text-align:center;
}

#overbloc {
	width:900px;
	margin:0 auto ;
}

.logo-bloc {
	width:115px; 
	float:left; 
	height:63px;
}

#encart {
	width:274px;
	height:42px;
	font-size:10px; 
	background:url('/fr/images/encart.gif') no-repeat;
	padding:58px 100px 0px 215px;
	color:#FFF;
	text-align:left;
	margin-top:15px;
}
#encart a{color:#FFF; text-decoration:none; }

#photo {
	float:left;
	height:400px;
	width:225px;	
}

#menud {
	text-align:left;
	float:right;
	height:400px;
	width:225px;
	background:#9fdbff;	
}

#menud .nav {
	background:#F5F5F5;
	color:#333;
	padding:30px 5px 25px 5px;
}

#menud .nav ul li {
	list-style-type:none;
	height:20px;
}

#menud .nav ul li a {
	padding-left:5px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	cursor: url("wg-arb.cur");
}

#menud .nav ul li a:hover {
	color:#F00;
	cursor: url("wg-arb.cur");
}
	

#menud .nav ul li a.over {
	color:#F00;
	cursor: url("wg-arb.cur");
}

#menud .citation {
	color:#000;
	padding:30px 20px 20px 20px;
}

#menud .citation b {
	font-size:15px;
}

#menud .citation a, #menud .citation a:hover {
	color:#FFF;
	text-decoration:underline;
	cursor: url("wg-arb.cur");
}

#menud .citation b.big {
	font-family:"Trebuchet MS";
	font-size:20px;
}

#content {
	text-align:left;
	height:240px;
	width:350px;
	padding:30px 0 20px 0;
	margin-left:275px;
	margin-right:275px;
	text-align:justify;
}

#contentBig {
	text-align:left;
	height:240px;
	width:625px;
	padding:30px 0 30px 0;
	margin-left:275px;
}

#contentBig b, #content b {
	color:#000;
}

#contentBig li, #content li {
	padding-top:4px;
	margin-left:20px;
}

#accroche {
	color:#666;
	font-size:10px;
}

#menu {
	background:#006dae;
	height:25px;
	text-align:center;
}
#menu ul{width:900px;margin:0 auto;}
#menu ul li{
	list-style-type:none;
	float:left;
	padding:5px 5px;
	width:115px;
	_width:125px;
}
#menu li a{color:#FFF;text-transform:uppercase; text-decoration:none; font-size:10px;}
#menu li a:hover{color:#FF80c0}

#footer {
	text-align:left;
	width:900px;
	margin:0 auto;
}
#encart b{color:#FFF; text-decoration:none; }

#overall table#cotation{
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	height:260px;
}
#overall table th, #overall table td{
	font-size:10px;
	text-align:left;
}
#overall table#cotation th, table#cotation td{
	border-bottom:1px solid #DDD;
		padding:0 3px ;
}
#overall table#cotation th{
	text-align:left;
}
#overall table#cotation tr.odd td,table#cotation tr.odd th{background:#F2F2F2}
#overall table#titre tr th{background:#F2F2F2}
#overall table#cotation td.mid{border-right:1px solid #DDD}

#overall table#titre{
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
}
#overall table#titre th, table#titre td{vertical-align:top;padding: 7px;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;}
