/* CSS Document */
* {margin:0; padding:0; border:0;}
img {border:none;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	background:url(images/bg-body.gif) top repeat-x;
	background-color:#ffffff;
}

#Conteneur {
	background:url(images/Smoke0060_S.png) top center no-repeat;
	border-right:#5e787f solid 1px;
	border-left:#5e787f solid 1px;
	border-bottom:#5e787f solid 1px;
	width:1000px;
	margin:auto;
}
	
.F18 {font-size:20px; }

.Alerte {
	text-align:center;
	color:#ff0000;
}

/* ---------------------------- Haut de page ------------------------*/
#Header{
	height:125px;
	margin:auto;
	width:1000px;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	}

#Header #Titre {
	margin:30px;
	float:left;
	color:#ed8a22;
	font-size:16px;
}
	
#Header #Connexion {
	color: #5e787f;
	font-size:11px;
	margin:8px 20px;
	padding:0 2px 2px 2px;
	float:right;
	border:#5e787f solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#Header #Connexion legend {
	color: #ed8a22;
	font-weight:bold;
	font-size:12px;
	padding: 0 3px;
	margin: 0 5px;
}

#Header #Connexion td{
	padding:2px;
}

#Header #Connexion input{
	width:120px;
	font-size:11px;
	padding:2px 3px;
}	

#Header #Connexion .Off { color:#b0c0c5; }	

#Header #Connexion .On { color:#283336; }	

#Header #Connexion .Validation {
	width:20px;
	padding: 0;
	font-size:10px;
	background-color:#283336;
	color:#ed8a22;
	border:#5e787f solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	

#Header #Connexion a {
	text-decoration: none;
	color: #b0c0c5;
}

#Header #Connexion a:hover {
	color:#ed8a22;
}

#Header #Connexion .Hello {
	padding:8px 8px 0 29px;
	font-size:14px;
	font-weight:bold;
}

#Header #Connexion .Disconnect {
	margin-top: 5px;
	background:url(images/disconnect.png) 3px top no-repeat;
	padding:0 0 8px 29px;
	font-size:14px;
}

/* ---------------------------- Lost ------------------------*/
#Lost	{
	margin:5px;
	padding:5px;
	border: #b0c0c5 solid 1px;
	height:140px;
}

#Lost table {
	margin:auto;
	margin-top:35px;
}

#Lost td {
	padding:1px;
}

#Lost .titre {
	color: #b0c0c5;
	text-align:right;
	font-size:11px;
}

#Lost .champs input{
	width:120px;
	font-size:11px;
	padding:2px 3px;
	color:#283336;
	background: #ffffff;
}

#Lost .validation {
	text-align:center;
	padding-top:10px;
}

#Lost .validation input {
	background-color:#283336;
	color:#ed8a22;
	border:#5e787f solid 1px;
}

#Lost .alerte11 {
	padding-top:30px;
	color:#b0c0c5;
	text-align:center;
	font-size:11px;
}

#Lost .alerte {
	padding-top:30px;
	color:#b0c0c5;
	font-weight:bold;
	text-align:center;
	font-size:14px;
}

#Lost a {
	text-decoration: none;
	font-size:11px;
	color: #b0c0c5;
}

#Lost a:hover {
	color:#ed8a22;
}

/* ---------------------------- Parametres ------------------------*/
#Parametres	{
	margin:5px;
	padding:5px 0 10px 0;
	background-color:#000000;
	border: #b0c0c5 solid 1px;
	height:210px;
}

#Parametres table {
	margin:auto;
	margin-top:10px;
}

#Parametres td {
	padding:2px;
}

#Parametres .titre {
	color: #b0c0c5;
	text-align:right;
	font-size:11px;
}

#Parametres .champs select {
	width:120px;
	font-size:11px;
	padding:2px 3px;
	color:#283336;
	background: #ffffff;
}

#Parametres .champs input{
	width:120px;
	font-size:11px;
	padding:2px 3px;
	color:#283336;
	background: #ffffff;
}

#Parametres .validation {
	text-align:center;
	padding-top:5px 0;
}

#Parametres .validation input {
	background-color:#283336;
	color:#ed8a22;
	border:#5e787f solid 1px;
}

#Parametres .alerte11 {
	padding-top:30px;
	color:#b0c0c5;
	text-align:center;
	font-size:11px;
}

#Parametres .alerte {
	padding-top:30px;
	color:#b0c0c5;
	font-weight:bold;
	text-align:center;
	font-size:14px;
}

#Parametres a {
	text-decoration: none;
	font-size:11px;
	color: #b0c0c5;
}

#Parametres a:hover {
	color:#ed8a22;
}

/* ---------------------------- Barre de navigation ------------------------*/
#NavBar{
	opacity: 0.6;
	height:30px;
	font-size:16px;
	padding: 11px;
	font-weight:bold;
	margin-bottom:13px;
	background:url(images/menu_bg.png) repeat-x;
}

#NavBar #Menu {
	width:1000px;
	margin:auto;
	margin-top:4px;
}

#NavBar a {
	padding: 2px 5px;
	color: #b0c0c5;
	text-decoration: none;
}

#NavBar a:hover {
	color:#ed8a22;
	border-bottom:#b0c0c5 solid 1px;
}

#NavBar .Sep {
	color:#b0c0c5;
	text-align:center;
	width:15px;
	font-weight:bold;
}
	
/* ---------------------------- Références ------------------------*/
.References table { padding:5px; }
	
.References td, .References th {
	padding:3px;
	vertical-align:top;
}
	
.References th { border:#ed8a22 solid 1px;}

.References .Mini {
	font-size:11px;
	color:#5e787f;
}
	
/* ---------------------------- Formulaire de contact ------------------------*/
#DivContact {
	border:#dddddd solid 1px;
	margin:auto;
	padding:15px;
	margin-top:30px;
	width:500px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#FormContact {
	text-align:center;
	padding:10px;
	margin:auto;
}

#FormContact .titre {
	text-align:right;
}

#FormContact input {
	padding:2px 3px;
	border:#b0c0c5 solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
#FormContact textarea {
	padding:2px 3px;
	border:#c4c4c4 solid 1px;
	width:280px;
	height:100px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
.ValidContact {
	text-align:center;
	margin-bottom:10px;
}

.ValidContact input {
	padding: 2px;
	width: 130px;
	font-size:10px;
	background-color:#283336;
	color:#ed8a22;
	border:#5e787f solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	

.ObliContact {
	font-size:10px;
	color:#c52224;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

#SentContact {
	margin:auto;
	margin-top:50px;
	padding:50px;
	color:#283336;
	text-align:center;
}

/* ---------------------------- Pied de page ------------------------*/
#Foot {
	clear:both;
	text-align:center;
	font-size:10px;
	color:#283336;
	padding:5px;
}
#Foot a {
	padding: 2px 5px;
	color: #084696;
	text-decoration: none;
}

#Foot a:hover { color:#ed8a22; }

#Foot img { vertical-align:bottom; }