body{
background:#eee url(images/bg.png) repeat;
margin:9px;
font: 8pt/14pt Helvetica, Verdana,  sans-serif;
color:#333;
}

A:link{ color:#999999; text-decoration:none; }
A:hover { color: #1b516a; text-decoration: underline }
A:active{ color:#999999; 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 }


#mapage{
width:948px;
margin-left:auto;
margin-right:auto;
background:transparent url(images/fond.png) repeat-y;
}

#myheader {
background:transparent url(images/top_header.png) no-repeat;
height:177px;
}
#myfooter {
background:transparent url(images/footer.png) no-repeat;
height:28px;
padding-left:248px;
padding-top:38px;
color:#000;
text-align:center;
font:10px Helvetica, Verdana,  sans-serif;
}

#myslogan {
	height:15px;
	padding-left:248px;
	padding-top:8px;
	color:#fff;
	font-weight:bold;
}
#myslogan p{
margin:0;
padding:0;
}
#myadresse {
	height:70px;
	padding-top:8px;
	padding-right:10px;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
	text-align:right;
}
#mylangue {
	padding-top:6px;
	height:25px;
	padding-right:10px;
	color:#fff;
	text-align:right;
}

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

#myleft_side {
	float:left;
	width:200px;
	padding-left:7px;
}
#myright_side {
	float:right;
	width:700px;
	padding-right:7px;
}

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

.bas {
	height: 6px;
	overflow:hidden;
	color: #FFFFFF;
	font-size:8px;
	line-height: 6px;
	text-align: right;
	
}

h1 { color: #555555; font-weight: bold; font-size: 12pt; text-align: left;border-bottom:1px solid #33CCFF; }

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

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

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

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

div#mymenu ul li {position:relative; list-style: none;}
div#mymenu ul ul {}
div#mymenu 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#mymenu li a.mnu_unselect {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid transparent; width:100%;}
div#mymenu 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#mymenu li a.mnu_unselect:hover {border-left-color: #555555;}
div#mymenu 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);
}

#formid {
	border:1px solid lightgrey;
}
.lig_form {
	clear:both;
}
.titre_form {
	float:left;
	width:80px;
	color:black;
}
.obj_form {
	float:left;
	width:250px;
	color:black;
}
.form_erreur {
	clear:both;
	color:red;
}