/*--- INTERFACE G�N�RALE ---*/
html {height:100.1%;}

body {
font-family: 'Trebuchet MS',Verdana, Helvetica, sans-serif; 
padding:20px;
text-align:center;
background-color:#666666;
}

#images-cable {
top:135px;
font-size:1px;
height:3px;
width:0px;
background-color:#0000BB;

}
#images-curseur {
top:135px;
}

#conteneur {
position:absolute;
   top:113px;
   min-height:400px;
   padding-top: 5px; padding-left: 5px;         /* placez-le o� vous voulez    */
}

#fondtranslucide {
   width: 200px;     /* pour correspondre � la taille du DIV */
   background-color: #444444;       /* la couleur de fond          */
   color:#FFFFFF;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
   z-index: 2;                      /* placement sur l'autre DIV   */
}

#texteopaque {
   width: 200px;     /* pour correspondre � la taille du DIV */
   background-color: transparent;   /* fond transparent            */
   color:#2CDCDC;
   position: absolute;              /* positionnement absolu       */
}

.div-1c {
 clear:both;
}

div#cadre_principal {
border:3px solid #999999;
font-size:1em;
position:relative;
min-width:500px;
}

div#milieu {
position: relative;
background-color:#FFF;
background-image:url(images/hintergrund_wasser.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding:10px;
}

div#cadre_secondaire {
padding-left:205px;
color:#000;
}

div#button_haut {
position:absolute;
top:20px;
text-align:right;
width:100%;
color:#000;
}
.titre_button {
float:right;
text-align:center;
color:#FFFFFF;
font-size:12px;
width: 60px;
}

div#logo_principal {
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
height:106px;
}
div#haut_principal {
background-image:url(images/metall.jpg);
background-repeat:repeat-x;
height:106px;
}

div#titreA {
    position:absolute;
    display:block;
top:6px;
left:0px;
width:100%;
text-align:center;
color: #666;
font-size:2.1em;
font-weight:normal;
font-family: georgia,palatino;
}
div#titreB {
    position:absolute;
    display:block;
top:8px;
left:2px;
width:100%;
text-align:center;
color: #FFF;
font-size:2.1em;
font-weight:normal;
font-family: georgia,palatino;
}

div#select_langue{
position:absolute;
color: #3333FF;
background: none;
top:85px;
width:98%;
text-align:right;
font-weight: bold;
}

div#bandeau {
background-repeat:no-repeat;
background-position:bottom center;
height:144px;
}

body#document_apropos div#bandeau {
background-image:url(images/mmbandeau.jpg);
}

div#corps {
text-align:left;
padding:45px 20px 20px 10px;
}

html>body div#corps {
}

div#corps_bas {
position: relative;
height:60px;
background-image:url(images/metall.jpg);
background-repeat:repeat;
background-position:center;
}

div#bas p {
width:740px;
padding:0;
text-align:right;
margin:0 0 0.5em 0;
color:#FFF;
font-size:85%;
background-color:#000;
}

div#bas p {
background-color:#000;
}

div#bas p a{
color:#B4D0AA;
text-decoration:none;
}

hr {
clear:both;
}

p {
line-height:1.3em;
margin:0.3em 0 1em 0;
text-align:justify;
}

a {
text-decoration:none;
color:#3366FF;
background-color: transparent;
}

a:link {
color:#3366FF;
background-color: transparent;
}

a:visited {
color:#3366FF;
background-color: transparent;
}

a:hover {
color:#009900;
background-color: transparent;
}

a:active {
color:#3366FF;
background-color: transparent;
}

ul li {
margin-top:0.4em;
}

h1 {
color:#FF9900;
font-family: 'Trebuchet MS', helvetica, arial, sans-serif;
margin:0;
text-align:left;
padding:0;
font-size:220%;
font-weight:bold;
}

h2 {
color:#FF9900;
font-size:160%;
margin:1em 0 0 0;
font-family: 'Trebuchet MS', helvetica, arial, sans-serif;
font-weight:normal;
}

h3 {
color:#FF9900;
font-size:110%;
margin:2em 0 0 0;
font-weight:bold;
}

dl dd img {
border:1px solid #000;
padding:3px;
background-color:#FFF;
}

#conteneur_menu {
z-index:0;
}

.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:192px;
    width/**/:190px;
    margin:0;
    padding:10px;
	z-index:9;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:192px;
    width/**/:190px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:190px; /* be careful */
    margin-top:-24px;
    }
    
.menu a{
    text-align:left;
    background-color: #EEEEEE;
    color:#3366FF;
    font-weight:bolder;
    display:block;
    width:190px;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color: #666666;
    color:#0000BB;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #666666;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:190px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #333333;
    }
    

input,select,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
border-top:1px solid #336699;
border-left:1px solid #336699;
border-right:1px solid #336699;
border-bottom:1px solid #336699;
}

a img {
border:0;
}

textarea {
height:8em;
width:100%;
}

.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
}

  #prn_update {
    border: 1px solid #999;
    background: #fafafa;
  }
  #prn_update ul {
    margin: 0;
    padding: 0;
    list-style: none;
	color : #768A97;
  }
  #prn_update a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
  }
  #numero_update {
    border: 1px solid #999;
    background: #fafafa;
    width : 170px;
  }
  #numero_update ul {
    margin: 0;
    padding: 0;
    list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #768A97;
  }
  #numero_update a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
  }
  .selected {
    background: lightyellow;
  }
th{
text-align:center;
color: white;
background: #244892;
font-family: Arial, Verdana, Heletica;
font-weigt: normal;
font-size: 10pt;
-Moz-Border-Radius: 15px;
}
/* IMAGES */
img{
border: none;
align: middle;
}

/* BUTTONS */
td.buttons{
text-align:center;
}
button.im{
	color: white;
    border: none;
    background-color: transparent;
	cursor: pointer;
}
button.text{
	color: white;
	font-weight:bold;
	border: 2px outset silver;
    background-color: #1EA227;
	cursor: pointer;
	-Moz-Border-Radius: 15px;
}
/* END BUTTONS */


/* CALENDAR */
calcentred{
	text-align: center;
}
table.calendar {
	text-align: center;
    width: 100%;
}

table.calendar td {
    text-align: center;
}

table.calendar td.one a {
    display: block;
    background-color: #E5E5E5;
}
table.calendar td.two a {
    display: block;
    background-color: #D5D5D5;
}

table.calendar td.one a:hover {
    background-color: #f0fff0;
}
table.calendar td.two a:hover {
    background-color: #f0fff0;
}
table.calendar th {
    background-color: #768A97;
	color:white;
	text-align:center;
}
table.calendar td.selected {
    background-color: #FFCC99;
}

table.calendar td.one {
    background-color: #E5E5E5;
}
table.calendar td.two {
    background-color: #D5D5D5;
}
th.fifty{
    background-color: #D3DCE3;
	color:black;
}
/* END CALENDAR */

.thumb {
	float: left;
	width: 60px;
	height: 60px;
	background-color: white;
	border: 1px solid #cccccc;
	padding: 3px;
	margin: 10px;
	text-align: center;
	cursor:pointer;
}
#thumbsList
{
	height: 200px;
	background-color: #C6CBCF;
	overflow-y: auto;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #333;
	color : #fff;
	border : 1px solid #FFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

input.input_text,textarea.input_text  {
	background-color : #333;
	border : 1px solid #FFF;
	color : #FFF;
	font-size: 10px;
	width:60px;
}

.info_box_form {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:8pt;
}
.info_box_header_small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	color : #E9D1A5;
	background-color : #543D0C;
}

.liste_elements {
	padding:0px;
	margin:0px;
	height:100px;
}

.content{
	margin-left : .5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
}
.content A:link{ color:#999999; text-decoration:none; }
.content A:hover { color: #1b516a; text-decoration: underline }
.content A:active{ color:#999999; text-decoration:none; }
.content A:active:hover { color: #1b516a; text-decoration: underline }
.content A:visited { color: #1b516a; text-decoration: none }
.content A:visited:hover { color: #1b516a; text-decoration: underline }

.menu_langue { color:#333333; text-decoration:none;font-family:sans-serif; }
.menu_langue a{ color:#3366FF; text-decoration:none; }
.menu_langue a:link{ color:#3366FF; text-decoration:none; }
.menu_langue a:hover { color: #009900; text-decoration: underline }
.menu_langue a:active{ color:#3366FF; text-decoration:none; }
.menu_langue a:active:hover { color: #009900; text-decoration: underline }
.menu_langue a:visited { color: #3366FF; text-decoration: none }
.menu_langue a:visited:hover { color: #009900; text-decoration: underline }

.cadre {
border:1px solid #3366FF;
padding:1px;
}
.haut_titre{
text-align:center;
font-size:1.3em;
font-style:italic;
font-weight:bold;
font-family: Helvetica, sans-serif;
}

.contenu_cadre{
border:1px solid #3366FF;
padding:5px;
font-size:0.9em;
font-style:italic;
font-family: Helvetica, sans-serif;
}