/********************************************/
/********** DÉCOUPE KEL-HEBERG.COM **********/
/********** BY WEBAZ.ORG ********************/
/********************************************/

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 12px;
color : #2f353c;
font-family: Arial, Helvetica, sans-serif;
background : #383D45;
}

td {
font-size: 12px;
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

label {
clear: both;
font-size: 11px;
float: left;
width: 100px;
text-align: left;
padding: 2px 8px 0 0;
margin-bottom: 7px;
}

.label {
clear: both;
}

.gauche {
float: left;
margin: 0 12px 8px 0;
}

.droite {
float: right;
margin: 0 0 8px 12px;
}

.no_border {
border: none;
background: none;
padding: 0;
}

input, textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 2px;
color: #2f353c;
font-size : 11px;
border : 1px solid #2f353c;
font-weight: normal;
background : #FFFFFF;
}


/******************** LIENS ********************/ 

a {
color: #000000;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

#header_titre a {
color: #FFFFFF;
}
				
#header_titre a:hover {
color: #FFFFFF;
text-decoration: none;
}

#header_espace_clients a {
color: #FFFFFF;
}
				
#header_espace_clients .lien a {
font-weight: normal;
color: #b3b6b9;
}
				
#menu_haut ul { 
list-style-type : none;
margin: 0;
padding: 1px 10px 0 220px;
}

#menu_haut li { 
float : left;
}

#menu_haut li a {
padding: 11px 18px 9px 18px;
display : block;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
}

#menu_haut li a:hover { 
color : #FFFFFF;
background : url('images/menu_haut_hover.png') repeat-x;
text-decoration: none;
}

#menu_haut li img {
position: relative;
top: 4px;
}

#container_droite a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#container_droite a:hover { 
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

#footer a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#footer a:hover { 
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

#footer_menu a {
color: #181c20;
}
			
/******************** LIENS ********************/ 





/******************** DESIGN ********************/ 

#fond_header {
background : #FFFFFF url('images/fond_header.png') repeat-x top;
min-height: 191px;
text-align: center;
}

	#global {
	text-align: left;
	margin: auto;
	width: 882px;
	}

		#header {
		height: 191px;
		}
		
			#header_gauche {
			float: left;
			width: 615px;
			}

				#header_titre {
				background : url('images/header_titre.png') no-repeat;
				width: 356px;
				height: 50px;
				}
				
					#header_titre p {
					color: #FFFFFF;
					font-weight: bold;
					margin: 0;
					font-size: 11px;
					text-align: center;
					padding: 6px 0 0 0;
					}
	
				#header_logo {
				height: 104px;
				}
	
			#header_espace_clients {
			float: left;
			width: 260px;
			height: 131px;
			background : url('images/header_espace_clients.png') no-repeat;
			position: relative;
			}

				#header_espace_clients form {
				padding: 40px 2px 0 2px;
				color: #FFFFFF;
				font-weight: bold;
				}
		
				#header_espace_clients_contenu {
				padding: 50px 10px 0 10px;
				color: #FFFFFF;
				font-weight: bold;
				}
		
					#header_espace_clients .champ_1 {
					background : url('images/header_espace_clients_champ_1.png') no-repeat;
					height: 23px;
					position: relative;
					}
		
					#header_espace_clients .champ_2 {
					margin-top: 4px;
					background : url('images/header_espace_clients_champ_2.png') no-repeat;
					height: 23px;
					position: relative;
					}
		
					#header_espace_clients .lien {
					position: absolute;
					bottom: 9px;
					left: 16px;
					font-size: 11px;
					font-weight: normal;
					}
		
						#header_espace_clients label {
						padding: 4px 0 0 12px;
						display: block;
						float: left;
						}
			
						#header_espace_clients .champ_1 input  , #header_espace_clients .champ_2 input{
						border: none;
						background: none;
						padding: 0;
						color: #FFFFFF;
						position: absolute;
						top: 5px;
						right: 6px;
						width: 140px;
						}
			
					#header_espace_clients .bouton {
					border: none;
					padding: 0;
					background: none;
					position: absolute;
					bottom: 6px;
					right: 17px;
					}

		#menu_haut {
		height: 37px;
		width:871px;
		background : url('images/menu_haut.png') no-repeat;
		}

		#container {
		background : url('images/container_fond.png') repeat-y;
		padding: 12px 30px 18px 30px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		}
	
			#container_gauche {
			float: left;
			width: 570px;
			}
		
				#container_gauche .titre {
				background : url('images/titre_h1.png') no-repeat;
				height: 38px;
				margin-bottom: 6px;
				}
				
				#container_gauche .sous_titre {
				background : url('images/titre_h2.png') no-repeat;
				height: 21px;
				margin-bottom: 6px;
				}
	
				h1 {
				margin: 0;
				font-variant: small-caps;
				color: #FFFFFF;
				font-size: 15px;
				padding: 9px 10px 0 48px;
				font-family: Arial, Helvetica, sans-serif;
				}
				
				h2 {
				margin: 0;
				font-variant: small-caps;
				color: #FFFFFF;
				font-size: 12px;
				padding: 4px 10px 0 60px;
				font-family: Arial, Helvetica, sans-serif;
				}
	
				.message_ok {
				background : url('images/message_ok.png') no-repeat left top;
				height: 21px;
				}
	
				.message_erreur {
				background : url('images/message_erreur.png') no-repeat left top;
				height: 21px;
				}
	
					.message_ok p , .message_erreur p {
					color: #FFFFFF;
					font-weight: bold;
					margin: 0;
					padding: 4px 20px 0 30px;
					}
	
			#container_droite {
			float: right;
			width: 213px;
			}
	
				.bloc_bleu_haut {
				background : url('images/bloc_bleu_haut.png') no-repeat;
				height: 24px;
				}
	
				.bloc_bleu_fond {
				background : url('images/bloc_bleu_fond.png') repeat-y;
				}
	
				.bloc_bleu_bas {
				background : url('images/bloc_bleu_bas.png') no-repeat;
				height: 5px;
				margin-bottom: 12px;
				}
	
				.bloc_gris_haut {
				background : url('images/bloc_gris_haut.png') no-repeat;
				height: 24px;
				}
	
				.bloc_gris_fond {
				background : url('images/bloc_gris_fond.png') repeat-y;
				}
	
				.bloc_gris_bas {
				background : url('images/bloc_gris_bas.png') no-repeat;
				height: 5px;
				margin-bottom: 12px;
				}
	
					.bloc_bleu_haut p , .bloc_gris_haut p {
					color: #FFFFFF;
					font-weight: bold;
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
					margin: 0;
					padding: 7px 6px 0 28px;
					}
	
					.bloc_bleu_fond , .bloc_gris_fond {
					padding: 8px 14px 6px 14px;
					color: #FFFFFF;
					line-height: 14px;
					font-size: 10px;
					}
	
#fond_footer {
background : url('images/fond_footer.png') repeat-x top;
height: 117px;
text-align: center;
font-size: 11px;
}

	#global_footer {
	text-align: left;
	margin: auto;
	width: 882px;
	position: relative;
	}

		#footer_menu {
		color: #181c20;
		text-align: center;
		padding: 14px 20px 0 20px;
		}
			
		#footer {
		width: 834px;
		height: 50px;
		background : url('images/footer.png') no-repeat;
		position: absolute;
		top: 43px;
		left: 24px;
		}
			
			#footer p {
			margin: 0;
			text-align: center;
			font-weight: bold;
			color: #FFFFFF;
			padding: 9px 20px 0 20px;
			line-height: 16px;
			}
		
/******************** DESIGN ********************/