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

body, body div, body p, body th, body td, body li, body dd, body input, body textarea { 
   font-size: x-small; 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   font-size: small; 
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body input, html>body textarea { 
   font-size: small; 
}

body {
font-family: 'Trebuchet MS',Verdana, Helvetica, sans-serif; 
color:#FFF;
margin:0;
padding:0 0 20px 0;
text-align:center;
background-image:url(images/design/fond.jpg);
background-repeat:repeat-x;
background-position:0 0;
background-color:#000;
}

div#cadre_principal {
font-size:1em;
width:772px;
margin-left:auto;
margin-right:auto;
margin-top:17px;
text-align:center;
position:relative;
}

div#milieu {
background-image:url(images/design/ombre.jpg);
background-repeat:no-repeat;
background-position:50% 0;
}

div#cadre_secondaire {
width:748px;
background-color:#000;
color:#FFF;
border-left:1px solid #FF9900;
border-right:1px solid #FF9900;
border-bottom:1px solid #FF9900;
margin:auto;
}

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

body#document_apropos div#bandeau {
background-image:url(images/design/godet.png);
}

div#corps {
text-align:left;
padding:45px 5px 20px 5px;
height:436px;
width:728px;
background-color:#000;
background-position:585px 40px;
background-repeat:no-repeat;
}

html>body div#corps {
height:auto;
min-height:436px;
}

div#corps_bas {
height:35px;
background-repeat:no-repeat;
background-position:right bottom;
clear:both;
}

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;
border:0;
height:0;
padding:0;
margin:0;
visibility:hidden;
}

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

a {
    text-decoration: none;
color:#FFF;
}

a:link {
color:#EEE;
}

a:visited {
color:#FFF;
}

a:hover {
color:#FFF;
}

a:active {
color:#EEE;
}

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 {
width:748px;
background-color:#000;
color:#FFF;
margin:auto;
}


.menu{
height:23px;
background-color: #000;
    display:block;
    margin:auto;
    padding:auto;
    }

.menu ul{
    position:absolute;
    display:block;
    /*margin:0;*/
background-color: #000;
    }
    
.menu ul li
{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

.menu li ul{
border:1px solid #FF9900;
z-index:99;
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:left;
    display:block;
    text-decoration: none;
background-color: #000;
padding: 1px 30px 3px 20px;
margin:0;
color: #FFF;
white-space:nowrap;
font-size:80%;
font-weight:bold;
font-family:Verdana, Helvetica, sans-serif; 
    }
.menu a:hover{
background-image:url(images/design/menu/fond-hover.gif);
background-repeat:no-repeat;
background-position:right center;
color:#FFF;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #000;
	color:#FFF;
}

span a{
text-decoration: none;
background-color: #000;
color: #FFFFFF;
white-space:nowrap;
font-size:80%;
font-weight:bold;
font-family:Verdana, Helvetica, sans-serif; 
    }
    
span a:hover{
background-image:url(images/design/menu/fond-hover.gif);
background-repeat:no-repeat;
background-position:right center;
color:#FFF;
    }
    
/* for a mozilla better display with key nav */
span a:focus{
    background-color: #000;
}


div#portfolio h3{
border-bottom:1px solid #AAA;
padding-bottom:0.5em;
}

div#portfolio img{
float:left;
margin:1em 1em 0 0;
}

div#portfolio div.details {
margin-left:190px;
margin-top:1em;
}

div#portfolio div.details p {
margin:0;
padding:0;
}

div#portfolio p.description {
clear:both;
margin:0;
padding:0.4em 0 1em 0;
}

fieldset {
border:1px solid #EEE;
padding:1em;
margin:2em auto 2em auto;
text-align:left;
}

legend {
color:#AAA;
font-weight:bold;
}

form label {
font-weight:bold;
color:#444;
}

form label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ˆ cliquer sur les intitulŽs ***/
}

form p {
margin:1em 0;
}

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 A:link{ color:#FFFFFF; text-decoration:none; }
.menu_langue A:hover { color: #AAAAAA; text-decoration: underline }
.menu_langue A:active{ color:#FFFFFF; text-decoration:none; }
.menu_langue A:active:hover { color: #AAAAAA; text-decoration: underline }
.menu_langue A:visited { color: #FFFFFF; text-decoration: none }
.menu_langue A:visited:hover { color: #AAAAAA; text-decoration: underline }

.mnu_select {
	background-image: url('images/mlsofts/txtheader_bullet.gif'); background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
}