body{
background:#dedede url(images/fond.jpg) repeat-x;
margin:9px;
font: 14px Helvetica, Verdana,  sans-serif;
color:#666666;
}

A:link{ color: #375399; text-decoration:none; }
A:hover { color: #1b516a; text-decoration: underline }
A:active{ color: #1b516a; text-decoration:none; }
A:active:hover { color: #1b516a; text-decoration: underline }
A:visited { color: #1b516a; text-decoration: none }
A:visited:hover { color: #1b516a; text-decoration: underline }


#_page{
width:900px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
border:1px solid #353535;
}

#_header {
background: #fff url(images/page.gif)  no-repeat;
height:180px;
}
#_footer {
    color: #000000;
    font: 10px Helvetica,Verdana,sans-serif;
    text-align: center;
    background: #fff;
    width: 900px;
    margin: auto;
    border: 1px solid black;
    border-top: none;}

#_slogan {
	height:130px;
	padding-left:309px;
	padding-top:39px;
	float:left;
	width:300px;
	overflow:hidden;
	color:#fff;
	font: 20px Helvetica, Verdana,  sans-serif;
}

#_adresse {
	height:115px;
	padding-top:39px;
	float:right;
	width:270px;
	overflow:hidden;
	color:#fff;
	text-align:right;
}
#_langue {
	float:right;
	width:270px;
	color:#fff;
	text-align:right;
}

#_langue A:link{ color:#333; text-decoration:none; }
#_langue A:hover { color: #AAAAAA; text-decoration: underline }
#_langue A:active{ color:#333; text-decoration:none; }
#_langue A:active:hover { color: #AAAAAA; text-decoration: underline }
#_langue A:visited { color: #333; text-decoration: none }
#_langue A:visited:hover { color: #AAAAAA; text-decoration: underline }

#_left_side {
	float:left;
	width:200px;
}
#_right_side {
	padding-right: 10px;
	float:right;
	width:680px;
}

#_content {
border-left:#CCCCCC 1px solid;
}

h1 { color: #555555; font-weight: bold; font-size: 18px; text-align: left }

h2 { color: #555555; font-weight: bold; font-size: 14px; text-align: left }

h3 { color: #555555; font-weight: bold; font-size: 12px; text-align: left }

div#_menu {
 color: #ffffff;
 text-align: left;
 background: transparent;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

div#_menu ul {
margin-left:0;
padding-left:0;
}
/* fond blanc pour le menu */ 
div#_menu a {color:#333}
div#_menu li {font-family: arial, helvetica, sans-serif;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
font-size: 10pt;
background: #ccc;
color: #000;
text-decoration:none;
}

div#_menu ul li {position:relative; list-style: none;}
div#_menu ul ul {}
div#_menu ul ul li{padding-left:10px;}

/* 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.mnu_unselect {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #ccc; width:100%;}
div#_menu li a.mnu_select {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #33FFFF; width:100%;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#_menu li a.mnu_unselect:hover {border-left-color: #555555;}
div#_menu ul ul li a.mnu_unselect:hover {border-left-color: #555555;}

.txt10 {
font-family: Arial , Helvetica , sans-serif;
text-align:right;
font-size:10pt;
letter-spacing:-1px;
}
.info10 {
font-family: Arial , Helvetica , sans-serif;
text-align:left;
font-size:10pt;
letter-spacing:-1px;
}
.txt8 {
font-family: Arial , Helvetica , sans-serif;
text-align:right;
font-size:8pt;
letter-spacing:-1px;
}
.info8 {
font-family: Arial , Helvetica , sans-serif;
text-align:left;
font-size:8pt;
letter-spacing:-1px;
}
.txt14 {
font-family: Arial , Helvetica , sans-serif;
text-align:right;
font-size:14pt;
letter-spacing:-1px;
}
.info12 {
font-family: Arial , Helvetica , sans-serif;
text-align:left;
font-size:12pt;
letter-spacing:-1px;
}
.info14 {
font-family: Arial , Helvetica , sans-serif;
text-align:left;
font-size:14pt;
letter-spacing:-1px;
}

table.lst{
	width: 100%;
	border:#959595 1px solid;
	font-family: Arial , Helvetica , sans-serif;
    font-size: 12px;
}
table.translate{
	border:#959595 1px solid;
	font-family: Arial , Helvetica , sans-serif;
    font-size: 11px;
}
table.lst0{border:#959595 1px solid;margin:9px;padding-left:12px;padding-right:12px;}

tr.lst0{
	background-color : #FFFFEE;
	font-family: Arial , Helvetica , sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-left:4px;
}
tr.lst1{
	background-color : #FFFFCC;
	font-family: Arial , Helvetica , sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
	padding-left:4px;
}
table.lst tr.lst2{
	background-color : #768A97;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: none;
	padding-left : 2px;
	padding-right : 2px;
}
table.lst tr.lst3{
	background-color : #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
    border:#CCCCCC 1px solid;
    letter-spacing:-1px;
    text-align: right;
    height: 1em;
}

caption {
font-family:sans-serif;color: #1b516a; font-weight: bold; font-size: 10pt; text-align: left
}
.cadre { /* taille du cadre, ˆ titre d'exemple */
border : 1px solid #000066;
margin-bottom : 5px;
width: 100%;
background-color: #FFFFCC;
}
.haut_titre{
height: 20px;
text-align:center;
font-size:1em; /* correction d'un bug IE */
background: url(images/onglet_03.gif);
}
.top-cadre {
	background-color: #b9bbbc;
	border-bottom-width: 0px;
	border-top-width: 0px;
	padding: 0px;
	margin: 0px;
	border-color: white;
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	height: 1px;
}

.cadre {
	border-width: 0px;
	background-color: white;
	margin: 0px;
}

.cadre_ext {
	border-right-color: #cccccc;
	border-left-color: #b3b3b3;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
}
.cadre-photo {
	background-color: #b9bbbc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #b9bbbc;
}

.cadre-exterieur {
	background-color:#B9BBBC;
}

.titre-cadre {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-variant: small-caps;
	color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px;
}

.orange {
	background-color: #ff910f;
	border-color: #ff910f;
}

.bleu {
	background-color: #009bc8;
	border-color: #009bc8;
}

.vert {
	background-color: green;
	border-color: green;
}

.rouge {
	background-color: red;
	border-color: red;
}

.jaune {
	background-color: yellow;
	border-color: yellow;
}

.lila {
	background-color: #ff66ff;
	border-color: #ff66ff;
}

.violet {
	background-color: #8000ff;
	border-color: #8000ff;
}

.invisible {
height:0;
}
.cadre h3 {
margin:0;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}
.cadre h2 {
margin:0;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}
.cadre p {
margin:0;
padding:5px;
text-align:justify;
}
.titre {
	font-weight: bold;
	font-size: 18px;
}
.sstitre {
	font-size: 14px;
	font-weight: bold;
}
.ligne_formulaire{
min-height:25px;
}
.colonne_formulaire{}
.info_formulaire{
float:left;
min-height:20px;
text-align:right;
width:120px;
overflow:hidden;
background-color:#ccc;
border-bottom:1px solid #ccc;
}
.value_formulaire{
float:left;
text-align:left;
padding-left:5px;
}
.ligne_titre_formulaire {
font-size:18px;
text-align:left;
border-bottom:1px solid #ccc;
}
.field_liste {
border:1px solid #ccc;
display:block;
clear:both;
padding:0;
margin:0;
overflow:hidden;
height:20px;
}
.field {

}
form {
	padding: 0px;
	margin: 0px;
}

.header_col {
  border-bottom-width: 1px;
  border-bottom-color: #8f8f8f;
  border-bottom-style: solid;
  margin-top: 3px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
}
.list1 {
  float:left;
  width: 180px;  
  padding: 0 5px;
}

.list2 {
  float:left;
  width: 80px;  
  padding: 0 5px;
  text-align: center;
}

.list3 {
  text-align: right;
  float:left;
  width: 40px;  
  padding: 0 5px;
}

.list4 {
  float:left;
  width: 40px;  
  padding: 0 5px;
  text-align: center;
}

.list5 {
  float:left;
  width:80px;  
  padding: 0 5px;
  text-align: center;
}

.clear {
	clear:both;
	border-bottom:1px solid lightgrey;
}

.top-new_account {
	float: right;
}
.top-new_account a{
	
	text-transform: none;
	
	text-decoration: none;
	
	color: black;
	
	font-size: 10px;
	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	
}
div#cat_liste {width: 180px;z-index:99;display:block;}

/* fond blanc pour le menu */ 
div#cat_liste a {color:#000000}
div#cat_liste ul {padding: 0; width: 175px; border:1px solid; margin:0px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#cat_liste li:hover {background: #6c7b83}
div#cat_liste li.sousmenu:hover {background: #6c7b83 url(images/fleche.gif) 95% 50% no-repeat;;}

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

div#cat_liste ul li {position:relative; list-style: none; border-bottom:1px solid #6c7b83;}
div#cat_liste ul ul {position: absolute; top: -1px; left: 175px; 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#cat_liste li a {text-decoration: none; padding: 1px 0 1px 8px; display:block; border-left: 4px solid #6c7b83; width:164px}
div#cat_liste ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#cat_liste ul.niveau2 li.sousmenu:hover ul.niveau3,
div#cat_liste ul.niveau3 li.sousmenu:hover ul.niveau4,
div#cat_liste ul.niveau4 li.sousmenu:hover ul.niveau5 {display:block;}

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

/* Autocompletion */
.update{
        position:absolute;
        width:250px;
        background-color:white;
        border:1px solid #888;
        margin:0px;
        padding:0px;
}
 
ul.autoc {
        list-style-type: none;
        margin:0px;
        padding:0px;
        text-align: left;
}
ul.autoc li.selected { background-color: #cccccc; cursor: pointer; }
li.autoc {
        list-style-type: none;
        display:block;
        margin:0;
        padding:2px;
        height:32px;
}
li.autoc div.image {
        float:left;
        width:32px;
        height:32px;
        margin-right:8px;
        overflow: hidden;
}
li.autoc div.nom {
        font-weight:bold;
        font-size:12px;
        line-height:1.2em;
}
.image_menu {
	height: 40px;
	width: 40px;
}
.image_menu:hover {
	height: 64px;
	width: 64px;
}
a.link_menu {
    display: inline-block;
    height: 64px;
    text-align: center;
    vertical-align: bottom;
    padding:5px;
	text-decoration:none;
	z-index:24;
}
a.link_menu:hover {
z-index:25;
}
a.link_menu span {
display:none;
}
a.link_menu:hover span {
color:#000;
display:block;
left:1em;
padding:1px;
position: relative;
text-align:justify;
top: 1px;
font-family:Tahoma;
font-size:10px;
padding:2px;
}