/* CSS Document */
/* ============================================ */
/*												*/
/* 		INFOS UTILES A CE DOCUMENT				*/
/*												*/
/* ============================================ */
/*												*/
/* Quelques couleurs qui reviennent :			*/
/* ----------------------------------			*/
/*		le orange/beige : C09C61				*/
/*		le rouge : 9C4131						*/
/*												*/
/* ============================================ */

html {font-size: 89%;}


Body
{	
	font-family	: Verdana, Tahoma,"Bitstream Vera Sans", "Lucida Grande", sans-serif;;
	font-size	: 0.9em;
	color		: #000;
	background	: #DDDDDD url(../img/fond/fond_noir_gris_gris.gif) repeat-x top left;	
/*	background	: #DDDDDD url(../img/fond/fond_rouge_gris_gris.gif) repeat-x top left;	*/
/*	background	: #DDDDDD url(../img/fond/fond_vert_gris_gris.gif) repeat-x top left;*/
	background	: #DDDDDD url(../img/fond/fond_noir_beige_gris.gif) repeat-x top left;	
	background	: #F3F3F3 url(../img/fond/fond_gris_rouge_gris.png) repeat-x top left;	
}

p
{
	text-align	: justify	;
/*	line-height	: 1.2em;		;
	letter-spacing:0.01em;
	word-spacing:0.1em;
*/	
}

a 
{
	color:#0066CC;
	text-decoration	: underline	;
}
a:hover
{
	color			: #FF9900		;
	text-decoration	: none			;
}
/* ============================================================================ */
/* 																				*/
/* 						TOUTES PAGES		 									*/
/* 																				*/
/* ============================================================================ */
/* ------------------------- */
/* L'ENGLOBEMENT DE LA PAGE  */
/* ------------------------- */
#page 	
{ 
	float		: left; 
	position	: absolute; 
	left		: 50%; 
	top			: 2px;
	margin-left	: -512px; 
	width		: 1024px; 
	height		: auto; 
	min-height	: 600px; 
	padding		: 0; 
	background	: transparent url() ; 
	border		: 0px solid #D50F16;
}
/* ------------------------- */
/* Toute la banniere en haut */
/* ------------------------- */
#haut 
{
	float		: left; 
	border		: 0px solid #ccc;
	margin		: 0px 0px 0px 0px;
	width		: 100%; 
	height		: 373px;
	padding		: 0px;
	background  : transparent		;
}
	/* __________ */
	/* 1ERE LIGNE */
	/* __________ */
	#haut #ligne1 
	{
		float 	: left; 
		border	: 0px solid #ccc;
		margin	: 0px 0px 0px 0px;
		width	: 100%; 
		height	: 120px;
		padding : 0px; 
	}
		/* ________________________________________ */
		/* LE LOGO ET SON IMAGE						*/
		/* ________________________________________ */
		#haut #ligne1 #logo 
		{
			float 	: left; 
			border	: 0px solid #ccc;
			margin	: 0px 0px 0px 0px;
			width	: 190px; 
			height	: 100%;
			padding : 0px; 
		}
		#haut #ligne1 #logo img {border:0;}
		/* ________________________________________ */
		/* LE SLOGAN								*/
		/* ________________________________________ */
		#haut #ligne1 #slogan 
		{
			float			: left				; 
			border			: 0px solid #ccc	;
			margin			: 40px 0px 0px 10px	;
			width			: 485px				; 
			height			: 100%				;
			vertical-align	: middle			; 
			padding			: 0px				;
			background		: transparent 		;
			font-size		: 2em				;
		}
		/* ________________________________________ */
		/* Pour MENU 1 et abo à newsletter			*/
		/* ________________________________________ */
		#haut #ligne1 #droite
		{
			float 			: left				; 
			display 		: block				;
			margin			: 0px 0px 0px 35px	;
			width			: 300px				; 
			height			: 100%				;
			padding 		: 0px 0px 0px 0px	; 
			border			: 0px solid #ccc	;
			background		: transparent 		;
			color 			: #C09C61			;
		}
			/* ________________________________________ */
			/* ACCES AU COMPTE PERSO EN HAUT DE LA PAGE */
			/* ________________________________________ */
			#haut #ligne1 #droite #menu1
			{
				float 			: left				; 
				margin			: 0px 0px 0px 0px	;
				width			: 100%				; 
				height			: 30px				;
				padding 		: 0px 				; 
				border			: 0px solid #ccc	;
				background		: transparent		;
			}
			#haut #ligne1 #droite #newsletter
			{
				float 			: left				; 
				margin			: 0px 0px 0px 0px	;
				width			: 100%				; 
				height			: 80px				;
				padding 		: 10px 0px 0px 0px	; 
				border			: 0px solid #ccc	;
				background		: transparent		;
			}
	/* __________ */
	/* 2eme LIGNE */
	/* __________ */
	#haut #ligne2 
	{
		float 	: left					; 
		border	: 0px solid #ccc		;
		margin	: 0px 0px 0px 0px		;
		width	: 100%					;		 
		height	: 253px					;
		padding : 0px					; 
	}
		/* __________ */
		/* LES IMAGES */
		/* __________ */
		#haut #ligne2 #images
		{
			float 		: left					; 
			display		: inline				;
			border		: 0px solid #ccc		;
			margin		: 0px 0px 0px 35px		;
			width		: 650px					; 
			height		: 253px					;
			padding	 	: 0px					; 
			background	: transparent url(../img/fond/fond_zone_images.png) no-repeat top left;
		}
			#haut #ligne2 #images #image1
			{
				float 	: left				; 
				border	: 0px solid #ccc	;
				margin	: 9px 0px 0px 15px	;
				width	: auto				; 
				height	: auto				;
				padding : 0px				; 
			}
			#haut #ligne2 #images #image2
			{
				float 	: left				; 
				border	: 0px solid #ccc	;
				margin	: 9px 0px 0px 10px	;
				width	: auto				; 
				height	: auto				;
				padding : 0px				; 
			}
			#haut #ligne2 #images #image3
			{
				float 	: left				; 
				border	: 0px solid #ccc	;
				margin	: 9px 0px 0px 10px	;
				width	: auto				; 
				height	: auto				;
				padding : 0px				; 
			}
		/* __________ */
		/* MENU 2 */
		/* __________ */
		#haut #ligne2 #menu2
		{
			float 	: left					; 
			display	: block;
			border	: 0px solid #ccc		;
			display : block					;
			margin	: 0px 0px 0px 35px		;
			width	: 300px					; 
			height	: 100%					;
			padding : 0px					; 
		}

/* ------------------------- */
/* LE CORPS DE LA PAGE		 */
/* ------------------------- */
#corps		
{
	float				: left					;
	margin				: 0px 0px 0px 0px		;
	width				: 1024px				;
	height				: auto					;
	padding				: 0						;
	border				: 0px solid #669900		; 
	background			: transparent			;
}
	/* ____________________ */
	/* COLONNE DE GAUCHE 	*/
	/* ____________________ */
	#corps #col_gauche
	{
		float		: left						;
		margin		: 0px 0 0px 35px			;
		width		: 650px						;
		height		: auto						;
		padding		: 0							;
		border		: 0px solid #669900			; 
		background	: transparent url(../img/fond/fond_col_gauche.png) repeat-y left				;
	}
		/* ---------------------------------------- */
		/* LE PATH... ici affiché 	 				*/
		/* dans la colonne de droite 				*/
		/* ---------------------------------------- */
		#corps #col_gauche #path
		{
			float		: left;
			position	: relative;
			margin		: 2px 0 2px 2px;
			width		: 100%;
			height		: auto;
		}
		#corps #col_gauche #path p
		{
			float		: left;
			width		: 100%;
			font-size	: .83em;
		}
		#corps #col_gauche #path p a
		{
			color:#7CA9E1; text-decoration:underline;
		}
		#corps #col_gauche #path p a:hover
		{
			color:#FF9900; text-decoration:none;
		}

		/* ____________________ */
		/* PARIE ENTETE 	*/
		/* ____________________ */
		#corps #col_gauche #entete
		{
			float			: left						;
			margin			: 0px 0px 0px 0px			;
			width			: 640px						;
			height			: auto						;
			padding			: 0px 0px 5px 0px							;
			border			: solid #669900				; 
			border-width	: 0px 0px 0px 0px			;
			background		: transparent url(../img/fond/fond_barre_discrete.gif) center bottom no-repeat				;
		}
		/* ____________________ */
		/* SUITE DU CONTENU 	*/
		/* DECOUPE EN 2COLONNES */
		/* ____________________ */
		#corps #col_gauche #partie2
		{
			float		: left;
			margin		: 0px 0 0px 0px;
			display		: inline;
			width		: 100%;
			height		: auto;
			padding		: 0;
			border		: 0px solid #669900;
			font-size	:.9em;
			color		:#333;
			letter-spacing:.05em;
		}
			/* ____________________ */
			/* COLONNE interne 1 	*/
			/* coiffeurs et pub 	*/
			/* ____________________ */
			#corps #col_gauche #partie2 #colonne1
			{
				float		: left						;
				margin		: 0px 0 0px 15px			;
				width		: 300px						;
				height		: auto						;
				padding		: 0							;
				border		: 0px solid #669900			; 
			}
				#corps #col_gauche #partie2 #colonne1 #coiffeurs
				{
					float		: left						;
					margin		: 15px 0px 0px 0px			;
					width		: 100%						;
					height		: auto						;
					padding		: 0							;
					border		: 0px solid #669900			; 
					background	: transparent				;
				}
				#corps #col_gauche #partie2 #colonne1 #pub
				{
					float		: left						;
					margin		: 15px 0px 0px 0px			;
					width		: 100%						;
					height		: auto						;
					padding		: 0							;
					border		: 0px solid #669900			; 
					background	: transparent				;
				}
			/* ____________________ */
			/* COLONNE interne 2 	*/
			/* clients et conseils 	*/
			/* ____________________ */
			#corps #col_gauche #partie2 #colonne2
			{
				float		: right						;
				margin		: 0px 15px 0px 0px			;
				width		: 300px						;
				height		: auto						;
				padding		: 0							;
				border		: 0px solid #669900			; 
			}
				#corps #col_gauche #partie2 #colonne2 #clients
				{
					float		: left						;
					margin		: 15px 0px 0px 0px			;
					width		: 100%						;
					height		: auto						;
					padding		: 0							;
					border		: 0px solid #669900			; 
					background	: transparent				;
				}
				#corps #col_gauche #partie2 #colonne2 #conseils
				{
					float		: left						;
					margin		: 15px 0px 0px 0px			;
					width		: 100%						;
					height		: auto						;
					padding		: 0							;
					border		: 0px solid #669900			; 
					background	: transparent				;
				}
			/* ________________________________ */
			/*									*/
			/* 		SI COLONNE UNIQUE 			*/
			/* 		(pour le contenu 			*/
			/* ________________________________ */
			#corps #col_gauche #partie2 #colonne_unique
			{
				float		: left						;
				margin		: 0px 0px 10px 15px			;
				width		: 600px						;
				height		: auto						;
				padding		: 0							;
				border		: 0px solid #669900			; 
			}

		/* ____________________ 		*/
		/* FIN ARRONDIE DE LA PARTIE	*/
		/* PRINCIPALE	*/
		/* ____________________ 		*/
		#corps #col_gauche #bas_corner
		{
			float		: left						;
			margin		: 0px 0 0px 0px				;
			width		: 100%						;
			height		: 30px						;
			padding		: 0							;
			border		: 0px solid #669900			; 
			background	: transparent url(../img/fond/fond_bas_corner.gif) no-repeat top left;
			text-align	: center					;
		}
		/* ____________________ */
		/* FOOTER PRINCIPAL		*/
		/* ____________________ */
		#corps #col_gauche #footer
		{
			float		: left						;
			margin		: 0px 0 0px 0px				;
			width		: 100%						;
			height		: auto						;
			padding		: 10px 0 2px 0							;
			border		: 0px solid #669900			; 
			background	: #f3f3f3					;
			text-align	: center					;
			font-size	: .83em;
		}
		/* ____________________ */
		/* FOOTER PRINCIPAL		*/
		/* ____________________ */
		#corps #col_gauche #adresse
		{
			float		: left						;
			margin		: 0px 0 0px 0px				;
			width		: 100%						;
			height		: auto						;
			padding		: 0							;
			border		: 0px solid #669900			; 
			background	: #f3f3f3					;
			text-align	: center					;
			color		: #777					;
			font-size	: 0.75em;
		}

	/* ____________________ */
	/* COLONNE DE DROITE 	*/
	/* ____________________ */
	#corps #col_droite
	{
		float		: left						;
		margin		: 0px 0 0px 35px			;
		width		: 300px						;
		height		: auto						;
		padding		: 0							;
		border		: 0px solid #669900			; 
		background	: transparent				;
	}
		/* ____________________ */
		/* LE TITRE DES INFOS 	*/
		/* ____________________ */
		#corps #col_droite #titre_info
		{
			float		: left						;
			margin		: 18px 0 15px 0px			;
			width		: 100%						;
			height		: 20px						;
			padding		: 0							;
			border		: 0px solid #669900			; 
			background	: transparent				;
			font-size	: 1.2em						;
			color		: #eee						;
			text-decoration:none					;
			font-weight	:bold						;
			text-align:center;
		}
		/* ____________________ */
		/* RESUME DERNIERE INFO	*/
		/* ____________________ */
		#corps #col_droite .last_info
		{
			float		: left						;
			display		: block;
			margin		: 10px 0 0px 0px				;
			width		: 100%						;
			height		: auto						;
			padding		: 10px 0 10px 0						;
			border		: 0px solid #669900			; 
			background	: transparent url(../img/fond/fond_barre_discrete_293.gif) center bottom no-repeat				;
		}
		#corps #col_droite .last_info .titre_info
		{
			float		: left						;
			display		: block;
			margin		: 0px 0 5px 0px				;
			width		: 100%						;
			height		: auto						;
			padding		: 0							;
			border		: 0px solid #669900			; 
			color		: #333/*9C4131*/					;
			font-size	: .88em						;
			font-weight : bold;
		}

		#corps #col_droite .last_info p
		{
			float		: left						;
			display		: block;
			margin		: 0px 0px 0px 0px				;
			width		: 100%						;
			height		: auto						;
			padding		: 0							;
			border		: 0px solid #669900			; 
			color		: #555						;
			font-size	: .82em						;
			line-height : 1.15em						;
		}
		#corps #col_droite .last_info p a
		{
			float		: left						;
			display		: block;
			margin		: 0px 0 5px 0px				;
			width		: 100%						;
			height		: auto						;
			padding		: 0							;
			font-size	: .85em						;
			text-align	: right						;
		}










#corps #col_gauche #entete #image
{
	float		: left						;
	margin		: 10px 0px 10px 15px			;
	width		: 160px						;
	height		: 160px						;
	border		: 0px solid #669900			; 
	background	: #FFF url(/*../img/fond/fond_arrondi_ombre_160x160.png*/) no-repeat center				;
	text-align:center;
}
#corps #col_gauche #entete #image
{
	float		: left						;
	border:0px;
}
#corps #col_gauche #entete #texte
{
	float			: left						;
	margin			: 10px 0 0px 15px			;
	width			: 440px						;
	height			: auto						;
	padding			: 0							;
	border			: 0px solid #669900			; 
	background		: transparent				;
}
#corps #col_gauche #entete #texte #titre
{
	float			: left						;
	margin			: 0px 0 0px 0px				;
	width			: 400px						;
	height			: auto						;
	padding			: 0px 0px 5px 0px			;
	border			: solid #000				; 
	border-width	: 0 0 1px 0					;
	background		: transparent				;
	font-size		: 1.2em						;
	color			: #000						;
	font-weight		: bold						;
}

#corps #col_gauche #entete #texte #texte
{
	float			: left						;
	margin			: 0px 0 0px 0px				;
	width			: 440px						;
	height			: auto						;
	padding			: 5px 0px 5px 0px			;
	border			: solid #ffffff				; 
	border-width	: 0 0 .5px 0				;
	background		: transparent				;
	color			: #111						;
}




#haut #ligne1 #droite #menu1 p
{
	float 			: left				; 
	width			: 100%				; 
	font-size 		: 0.75em				; 
	text-align		: center			;
}
#haut #ligne1 #droite #menu1 a
{
	color			: #333;
}


/* -------------------------------------------- */
/* LIENS DU MENU EN HAUT A DROITE				*/
/* -------------------------------------------- */
#haut #ligne2 #menu2 a
{
	float			: left					;
	padding			: 8px 1px 6px 1px		;
	margin			: 0px 0px 0px 0px		;
	width			: 100%					;
	color			: #3C74CF/*9C4131*/		;
	font-weight		: bold					;
	letter-spacing	: .05em					;
	text-decoration	: none					;
	border			: 1px outset transparent;
	font-size		: 1em;
	text-decoration	: none				;

	background		: #FFFFFF/*C4D5E6*/				;
	border-color	: #9C4131 #9C4131 #9C4131 #9C4131/*C4D5E6*/		;
	border-style	: transparent solid solid solid;
	border-width	: 1px 1px 0 1px 				; 
	color			: #9C4131						;
}
#haut #ligne2 #menu2 a:hover
{
	background		: #9C4131/*C4D5E6*/				;
	border			: 1px outset #C4D5E6	;
	color			: #FFFFFF;
}
#haut #ligne2 #menu2 a img
{
	float 			: left					; 
	border			: 0px					; 
	text-align		: left					;
	vertical-align	: left					;
	margin			: -4px 2px 0 0;
}
/* -------------------------------------------- */
/*   */
/* -------------------------------------------- */



#titre_rubrique
{
	float			: left						;
	margin			: 0px 0px 0px 0px			;
	width			: 100%						;
	height			: auto						;
	padding			: 0px 0px 5px 0px			;
	border			: solid #000				; 
	border-width	: 0 0 0px 0					;
	background		: transparent				;
	font-size		: 1.2em						;
	color			: #000						;
	font-weight		: bold						;
	text-decoration : underline;
}
#titre_rubrique a
{
	color			: #000						;
}
#soustitre_rubrique
{
	float			: left						;
	margin			: 1px 0 5px 0px				;
	width			: 100%						;
	height			: auto						;
	padding			: 0px 0px 5px 0px			;
	border			: solid #000				; 
	border-width	: 0 0 0px 0					;
	background		: transparent				;
	font-size		: .9em						;
}
.couleur_standard
{
	color:#C09C61;
}
.couleur_client
{
	color:#FC557D;
}
.couleur_coiffeur
{
	color:#FC557D;
}
#coiffeurs a#bouton
{
	float		: left						;
	margin		: 7px 0px 7px 200px			;
	min-width	: 70px						;
	max-width	: 100px						;
	min-height	: 20px						;
	padding		: 5px							;
	border		: 1px solid #669900			; 
	background	: #BFE798				;
	color		: #669900				;
	text-align	: center				;
	font-weight : bold					;
	text-decoration:none;
}
#coiffeurs a#bouton:hover
{
	border		: 1px solid 				;
	border-color: #ccc #666 #666 #ccc		; 
	background	: #72B63B				;
	color		: #FFFFFF;
	
}

#clients a#bouton
{
	float		: left						;
	margin		: 7px 0px 7px 200px			;
	min-width	: 70px						;
	max-width	: 100px						;
	min-height	: 20px						;
	text-align	:center;
	padding		: 5px						;
	font-weight:bold						;
	text-decoration:none;
	border		: 1px solid 				;
	border-color: #ccc #666 #666 #ccc		; 
	background	: #FC557D				;
	color		: #FFFFFF;
}

#clients a#bouton:hover
{
	border		: 1px solid #CC3333			; 
	background	: #FFDFF5					;
	color		:#CC3333							;}
/* -------------------------------------------- */
/* POUR LES MENTIONS LEGALES 					*/
/* -------------------------------------------- */
#corps #col_gauche #partie2 #colonne2 ul.mentions_legales
{
	float			: left			;
	margin			: 10px 2px 0 10px	;
	padding			: 5px				;
	list-style-type	: none				;
	font-size		: 0.85em			;
	border			: #CCCCCC 1px solid	;
	background:#FFE1F0;
}
#corps #col_gauche #partie2 #colonne2 ul.mentions_legales li
{
	margin : 5px 0 0 0;
}

#haut #ligne1 #droite #newsletter input.newsletter
{
	margin			: 0px 0px 0px 5px	;
	width			: 120px				; 
	height			: 14px				;
	padding 		: 2px 2px 2px 2px	; 
	border			: 1px solid #BF9B60	; 
	background		: #E5D3B5		;
	color			: #555;
	font-size		: .9em;
	
}

#haut #ligne1 #droite #newsletter input.bouton
{
	width			: 40px				; 
	height			: 24px				;
	padding 		: 2px 2px 2px 2px	; 
}



.bloc_newsletter_standard
{
	float			: right					;
	width			: auto					;
	margin 			: 10px 0px 10px 0px		;
	padding 		: 5px 5px 5px 5px		;
	border			: 1px solid #FC557D	;
	font-size		: .9em					;
}
.bloc_newsletter_standard_left
{
	float			: left					;
	width			: auto					;
	margin 			: 10px 0px 10px 0px		;
	padding 		: 5px 5px 5px 5px		;
	border			: 1px dashed #FC557D	;
	font-size		: .9em					;
}
.bloc_newsletter_standard p
{
	float			: left				;
	line-height		: auto				;
	text-align		: center			;
	width:auto;
}
.bloc_newsletter_standard p.titre
{
	float			: left				;
	padding			: 0 0 5px 0			;
	border			: solid #FC557D		;	
	border-width	: 0 0 1px 0			;
	color 			: #FC557D			;
	font-weight		: bold				;
	text-align		: center			;
}
.bloc_newsletter_standard input
{
	color			: #FC557D			;
	letter-spacing	: .08em				;
	border			: 1px solid #FC557D	;
	font-size		: .85em				;
	font-weight:bold;
}




.violet
{
	color 	:	#990099;
}
.bordeaux
{
	color	:	#9C4131;
}
.nok
{
	color:#FF0033;
	font-weight:bold;
}

.form_standard p
{
	float	: left			;
	display	: block			;
	width	: 100%			;
	margin	: 10px 0 0px 0	;
	color 	: #222			;
}
.form_standard label
{
	float	: left			;
	width	: 100%			;
	margin	: 5px 0 5px 0	;
	color 	: #222			;
}
.form_standard label.underline
{
	text-decoration : underline;
}
.form_standard input,.form_standard textarea
{
	float	: left					;
	width	: auto					;
	margin	: 0px 2px 0 0			;
	color 	: #9C4131				;
	border	: 2px inset #9C4131		;
	padding	: 2px 2px 2px 2px		;
}