body
{
   width: 1000px;
   margin: 0px auto 0px auto;   
   background: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color:#837669;
   
}

#conteneur
{
width:1000px;
background:white;
border-collapse: collapse;
margin:0;
}

#banniere
{
height:199px;
background: url('images/banniere2.png') center top no-repeat;
padding:0;
margin:0;
}

#horizontal
{
height:50px;
background: url('images/bas_ban.png') center top no-repeat;
font-size:9pt;
padding-left:65px;
}

#corps
{
vertical-align:top;
width:760px;
height:200px;
padding-top:10px;
padding-right:20px;
padding-bottom:10px;
padding-left:20px;
font-size:9pt;
}

#vertical
{
width:240px;
vertical-align:top;
padding-left:3px;
padding-right:3px;
padding-bottom:10px;
font-size:9pt;
}

#pied
{
text-align:center;
height:60px;
font-size:9pt;
background: url('images/pied.png') center bottom no-repeat;
color:white;
}

h1
{
color:black;
font-size:15pt;
text-align:center;
margin: 15px auto 10px auto;
font-weight:normal;
}

#corps h2
{
color:black;
font-size:13pt;
margin: 15px 0 10px 15px;
font-weight:normal;
}

#vertical h2
{
height:48px;
font-size:13pt;
margin: 15px -3px 0px -3px;
text-align:center;
font-weight:normal;
padding-top:15px;
color:white;
background: url('images/h2.png') center top no-repeat;
}

#vertical a, #corps a, #horizontal a, .bulle_txt a, #petit_corps a, #petit_corps2 a
{
color:black;
text-decoration:none;
}

#horizontal a
{
margin-right:20px;
font-weight:bold;
}

#vertical a:hover, #corps a:hover, #horizontal a:hover, .bulle_txt a:hover, #petit_corps a:hover, #petit_corps2 a:hover
{
text-decoration:underline;
}

.esp_vert
{
height:12px;
}

input[type="submit"], input[type="button"]	{
	background-color: black;
	color: white;
	border: 1px outset white;
}

#bulle{
	font-size: 13px;
	position: absolute;
	width: 160px;
	border: 1px solid black;
	padding: 3px;
	background-color: white;
	visibility: hidden;
	text-align:justify;
}

#corps ul
{
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}

#corps li
{
position: relative;
margin: 0px;
}

a img
{
border:0;
}

.tableau1, .tableau3
{
width:400px;
border-collapse: collapse;
border:1px solid black;
margin:auto;
}

.tableau3
{
width:600px;
}

.tableau1 td, .tableau3 td
{
border-right:1px dotted black;
border-bottom:1px dotted black;
text-align:center;
}

.tableau1 th, .tableau3 th
{
border:1px solid black;
text-align:center;
font-weight:bold;
}

.tableau2
{
width:700px;
border-collapse: collapse;
border:1px solid black;
margin: 5px auto 0 auto;
}
.tableau2 td
{
border-right:1px dotted black;
border-bottom:1px dotted black;
text-align:left;
padding:3px;
}

.tableau2 th
{
border:1px solid black;
text-align:center;
font-weight:bold;
}

.tableau2 h1
{
text-align:left;
margin:0;
}

.minichat
{
background:#C4C4C4;
width:600px;
border:1px solid black;
margin:0;
}
.minichat td
{
vertical-align:top;
}

.minichat th
{
color:white;
text-align:center;
vertical-align:middle;
}

.minichat .titre
{
vertical-align:middle;
border-bottom:1px solid black;
border-top:0;
background: black;
color:white;
text-align:left;
font-weight:bold;
height:29px;
border-bottom:1px solid black;
}

#fond {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	right:0px;
	height:100%;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #fond { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.bulle_txt {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:35%;
	left:35%;
	width:400px;
	padding:10px 5px 10px 5px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    color:#837669;
	font-size:9pt;
}

* html .bulle_txt { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

.bulle_txt hr
{
color: #525252;
background-color: #525252;
height: 1px;
border: 0;
margin-top:10px;
margin-bottom:10px;
}

#petit_corps
{
width:420px;
background:white;
margin:10px auto 10px auto;
font-size:9pt;
padding:10px;
}

.formulaire
{
width: 350px;
margin:5px auto 5px auto;
text-shadow: 1px 1px 5px #2E2E2E;
border:1px solid #676767;
color:white;
background:#A3A3A3;
line-height:30px;
padding:10px;
-moz-border-radius : 5px;
-webkit-border-radius: 5px;
}

.formulaire2
{
width: 730px;
margin:5px auto 5px auto;
text-shadow: 1px 1px 5px #2E2E2E;
border:1px solid #676767;
color:white;
background:#A3A3A3;
line-height:30px;
padding:10px;
-moz-border-radius : 5px;
-webkit-border-radius: 5px;
}

h3
{
font-size:18px;
color:black;
margin:20px 0px 15px 0px;
}

#sommaire ul ul
{
margin-bottom:20px;
}

#sommaire ul ul li ul
{
margin-bottom:0px;
}

		.succes
			{
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				margin: 0px 2px 5px 2px;
				border: 1px solid #CECECE;
				color:#CECECE;
				padding: 3px;
				width:120px;
				float:left;
				height:80px;
			}
		.succes h3
			{
				margin-top:0;
				margin-bottom:5px;
				text-align:center;
				color:#CECECE;
				font-size:13px;
			}
		.succes h5
		{
			margin-top:0;
			margin-bottom:0;
			text-align:center;
			color:#CECECE;
		}
		
		.succes2
			{
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				margin: 0px 2px 5px 2px;
				border: 1px solid black;
				color:black;
				padding: 3px;
				width:120px;
				float:left;
				height:80px;
			}
		.succes2 h3
			{
				margin-top:0;
				margin-bottom:5px;
				text-align:center;
				color:black;
				font-size:13px;
			}
		.succes2 h5
		{
			margin-top:0;
			margin-bottom:0;
			text-align:center;
			color:black;
		}