/* CSS Document */

body{
	margin: 7px 0px;
	padding: 0px;
	text-align: center;
	background-color: #242424;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.conteneur{
	width: 760px;
	margin: 0px auto;
	text-align: left;
	height:auto;
	display:table;
	overflow:visible;
	background-color: #1A1A1A;
	padding-top:2px;
	margin-top:2px;
}

.gauche{
	width:233px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	background:#000000;
	margin-right:0px;
	padding-right:0px;
	padding-top:0px;
	position:absolute;
	border: 0px solid #000000;	
}
*html .gauche{
	width:233px;
	margin-left:-233px;
	margin-top:-2px;
	margin-right:0px;
	background:#000000;
	margin-right:0px;
	padding-right:0px;
	padding-top:-3px;
	position:absolute;
	border: 0px solid #000000;	
}

*+html .gauche{
	width:233px;
	margin-left:-233px;
	margin-top:-2px;
	margin-right:0px;
	background:#000000;
	margin-right:0px;
	padding-right:0px;
	padding-top:-3px;
	position:absolute;
	border: 0px solid #000000;	
}

.haut_droite{
	margin-left:233px;
	padding-left:5px;
	height:18px;
	margin-top:-11px;
	background-color:#010101;
	
}
.droite{
	margin-left:233px;
	margin-top:3px;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:9px;
	width:503px;
	overflow:visible;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EEEEEE;
	background-color: #333333;
	height:auto;
	min-height:900px;
}
*html .droite{
	margin-left:233px;
	margin-top:3px;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:9px;
	width:503px;
	overflow:visible;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EEEEEE;
	background-color: #3D3D3D;
	height:900px;
	min-height:0px;
}

.pied{
	margin-left:auto;
	margin-right:auto;
	line-height: 20px;
	text-align: center;
	color: #999999;
	font-family: "Times New Roman", Times, serif;
	float:left;
	width:760px;
	font-size: 12px;

}

.titre_menu{
	font-family: "Arial Black", "Arial Narrow", "Arial Unicode MS";
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top:-8px;
	vertical-align:middle;
	background-color: #000000;
	text-align:center;
	margin-top:3px;
	width:233px;
	
}

.menu{
	background-color:#1A1A1A;
	color: #FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
	height:auto;
	margin-left:0px;
}

*html .menu{
	background-color:#333333;
	color: #FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
	height:auto;


}

.centrer {
	text-align:center;
}

.liens-menu{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	min-height:450px;
	height:auto;
	width:233px;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
margin-top:0px;
}

#navcontainer ul li a
{
background: transparent url(../images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}

#navcontainer ul li a:hover
{
background: transparent url(../images/list-on.gif) left center no-repeat;
color: white;
text-decoration:underline;
}

#navcontainer ul li a#current
{
background: transparent url(../images/list-active.gif) left center no-repeat;
color: #E3E3E3;
}


/**********************/
/*********************/
/*********************/

ul#navlist1
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist1 li
{
display: inline;
list-style-type: none;
}

#navlist1 a.1 { padding: 3px 10px; }

#navlist1 a.1:link, #navlist1 a.1:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist1 a:hover
{
background: transparent url(../images/list-on.gif) left center no-repeat;
color: white;
text-decoration:underline;
}

#navcontainer1 ul li a
{
background: transparent url(../images/list-off.gif) left center no-repeat;
padding-left: 10px;
padding-right:6px;
text-align: left;
font: normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
margin-top:0px;
}
#navcontainer1 ul li a#current
{
background: transparent url(../images/list-active.gif) left center no-repeat;
color: #E3E3E3;
}

.text_info{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	padding-left:15px;
}

.tableau{
	width: 500px;
}

a.lien:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
} 
a.lien:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
a.lien:hover {
	color: #C1C1C1;
	text-decoration: underline;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
a.lien:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;	
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom:0px;
	margin-top:0px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.bold {
	font-weight: bold;
}

input {
	border: 0px;
	background-color: #FFFFFF;
}

input.radio {
	border: 0px;
	background-color: #3D3D3D;
}

select {
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
}

textarea {
	border: 0px;
	background-color: #FFFFFF;
}
.formulaire{
	margin-left: auto;
	margin-right: auto;
	width:700px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	overflow:visible;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EEEEEE;
	background-color: #3D3D3D;
	height:auto;
	min-height:900px;
	border: 1px solid #666666;
}

.bordurebas{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.fondnoir{
	background-color: #000000;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
} 
a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	color: #C1C1C1;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

@charset "UTF-8";

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #FFFFFF;
	border: 0px solid #CC3333;
	font-weight: bold;
	text-transform: uppercase;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #CCCCCC;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

.table_border{
	border: thin solid #333333;
	width:90%;
	background-color: #464646;
	padding:8px;
	font-size: 16px;
}

.small_height{
	height:3px;
	font-size: 3px;
}