/*
	CSS
	CLASSES
*/

/*	COULEURS																						*/
	.blanc{			color:			#FFFFFF;
	}
	.gris3{			color:			#333333;
	}
	.gris6{			color:			#666666;
	}
	.gris9{			color:			#999999;
	}
	.grisC{			color:			#CCCCCC;
	}
	.grisA{			color:			#AAAAAA;
	}
	.couleur{		color:			#612b2b;
	}
	.rouge, a.rouge:link, a.rouge:active, a.rouge:visited{			color:			#ac0a0a;
	}

/*	FAMILIES																						*/
	.times{			font-family:	"Times New Roman", Times, serif;
	}
	.arial{			font-family: 	Arial, Helvetica, sans-serif;
	}
	
/*	SIZES																							*/
	.size8{			font-size:		8px;
	}
	.size9{			font-size:		9px;
	}
	.size10{		font-size:		10px;
	}
	.size11{		font-size:		11px;
	}
	.size12{		font-size:		12px;
	}
	.size14{		font-size:		14px;
	}
	.size18{		font-size:		18px;
	}
	.size28{		font-size:		28px;
	}
	
/*	LEADINGS																						*/	
	.leading10{		line-height:	10px;
	}
	.leading12{		line-height:	12px;
	}
	.leading14{		line-height:	14px;
	}
	.leading16{		line-height:	16px;
	}
	.leading18{		line-height:	18px;
	}
	.leading20{		line-height:	20px;
	}
	.leading24{		line-height:	24px;
	}
	.leading30{		line-height:	30px;
	}
	.leading36{		line-height:	36px;
	}
	
/*	WEIGHTS																							*/
	.normal{		font-weight:	normal;
	}
	.bold{			font-weight:	bold;
	}
	
/*	MARGE 																							*/
	.marge_bot_10{	margin-bottom:	10px;
	}
	.marge_left_50{	margin-left:	50px;
	}

/*	STYLES																							*/
	.italic{		font-style:		italic;
	}
	.toupper{		text-transform: uppercase;
	}
	.justify{		text-align:		justify;
	}

/*	LIENS																							*/
	a.rouge:link, a.rouge:active, a.rouge:visited{	
						color:					#612b2b;
						text-decoration:		underline;
						line-height:			14px;
	}
	
	a.rouge:hover{		color:					#FFFFFF;
	}	
																						
	a.nav:link, a.nav:active, a.nav:visited{
						display:				block;
						float:					left;
						color:					#612b2b;
						font-style:				italic;		
						text-decoration:		none;
						font-size:				11px;
						margin:					14px 0 0 0;
	}
	
	a.nav:hover{		
						text-decoration: 		underline;
	}	
																						
	a.nav_utils:link, a.nav_utils:active, a.nav_utils:visited{
						display:				block;
						float:					right;
						color:					#612b2b;
						font-style:				italic;		
						text-decoration:		none;
						font-size:				11px;
						margin:					14px 0 0 0;
	}	
																						
	a.nav_utils_down:link, a.nav_utils_down:active, a.nav_utils_down:visited{
						display:				block;
						float:					right;
						color:					#9ea2a4;
						font-style:				italic;		
						text-decoration:		none;
						font-size:				11px;
						margin:					14px 0 0 0;
	}
	
	a.nav_utils:hover, a.nav_utils_down:hover{		
						text-decoration: 		underline;
	}
	
	div#footer a:hover{	color:					#FFFFFF;
						text-decoration:		none;
	}				
																				
	a.numero1:link, a.numero1:active, a.numero1:visited, a.numero2:link, a.numero2:active, a.numero2:visited, a.numero3:link, a.numero3:active, a.numero3:visited, a.numero4:link, a.numero4:active, a.numero4:visited, a.numero5:link, a.numero5:active, a.numero5:visited, a.numero6:link, a.numero6:active, a.numero6:visited, a.sansnumero:link, a.sansnumero:active, a.sansnumero:visited{
						height:					21px;
						padding:				0 0 0 38px;
						margin:					0 0 7px 0;
						font-size:				12px;
						display:				block;
						color:					#FFFFFF;
						text-decoration:		none;
						background-color:		#7f5b5b;
						background-position:	6px 0;
						background-repeat:		no-repeat;
						line-height:			21px;
	}				
																				
	a.numero1_down:link, a.numero1_down:active, a.numero1_down:visited, a.numero2_down:link, a.numero2_down:active, a.numero2_down:visited, a.numero3_down:link, a.numero3_down:active, a.numero3_down:visited, a.numero4_down:link, a.numero4_down:active, a.numero4_down:visited, a.numero5_down:link, a.numero5_down:active, a.numero5_down:visited, a.numero6_down:link, a.numero6_down:active, a.numero6_down:visited, a.sansnumero_down:link, a.sansnumero_down:active, a.sansnumero_down:visited{
						height:					21px;
						padding:				0 0 0 38px;
						margin:					0 0 7px 0;
						font-size:				12px;
						display:				block;
						color:					#FFFFFF;
						text-decoration:		none;
						background-color:		#7f5b5b;
						background-position:	6px 0;
						background-repeat:		no-repeat;
						line-height:			21px;
	}
	/*-*/
	a.numero1:link, a.numero1:active, a.numero1:visited{
						background-image:		url(../medias/interface/com_btn_1_up.gif);
	}
	
	a.numero1_down:link, a.numero1_down:active, a.numero1_down:visited{
						background-image:		url(../medias/interface/com_btn_1_over.gif);
	}
	
	a.numero1:hover{
						background-image:		url(../medias/interface/com_btn_1_over.gif);
	}
	/*-*/
	a.numero2:link, a.numero2:active, a.numero2:visited{
						background-image:		url(../medias/interface/com_btn_2_up.gif);
	}
	
	a.numero2_down:link, a.numero2_down:active, a.numero2_down:visited{
						background-image:		url(../medias/interface/com_btn_2_over.gif);
	}
	
	a.numero2:hover{
						background-image:		url(../medias/interface/com_btn_2_over.gif);
	}
	/*-*/
	a.numero3:link, a.numero3:active, a.numero3:visited{
						background-image:		url(../medias/interface/com_btn_3_up.gif);
	}
	
	a.numero3_down:link, a.numero3_down:active, a.numero3_down:visited{
						background-image:		url(../medias/interface/com_btn_3_over.gif);
	}
	
	a.numero3:hover{
						background-image:		url(../medias/interface/com_btn_3_over.gif);
	}
	/*-*/
	a.numero4:link, a.numero4:active, a.numero4:visited{
						background-image:		url(../medias/interface/com_btn_4_up.gif);
	}
	
	a.numero4_down:link, a.numero4_down:active, a.numero4_down:visited{
						background-image:		url(../medias/interface/com_btn_4_over.gif);
	}
	
	a.numero4:hover{
						background-image:		url(../medias/interface/com_btn_4_over.gif);
	}
	/*-*/
	a.numero5:link, a.numero5:active, a.numero5:visited{
						background-image:		url(../medias/interface/com_btn_5_up.gif);
	}
	
	a.numero5_down:link, a.numero5_down:active, a.numero5_down:visited{
						background-image:		url(../medias/interface/com_btn_5_over.gif);
	}
	
	a.numero5:hover{
						background-image:		url(../medias/interface/com_btn_5_over.gif);
	}
	/*-*/
	a.numero6:link, a.numero6:active, a.numero6:visited{
						background-image:		url(../medias/interface/com_btn_6_up.gif);
	}
	
	a.numero6_down:link, a.numero6_down:active, a.numero6_down:visited{
						background-image:		url(../medias/interface/com_btn_6_over.gif);
	}
	
	a.numero6:hover{
						background-image:		url(../medias/interface/com_btn_6_over.gif);
	}
	/*-*/
	a.sansnumero:link, a.sansnumero:active, a.sansnumero:visited{
						background-image:		url(../medias/interface/com_btn_sans_up.gif);
	}
	
	a.sansnumero_down:link, a.sansnumero_down:active, a.sansnumero_down:visited{
						background-image:		url(../medias/interface/com_btn_sans_over.gif);
	}
	
	a.sansnumero:hover{
						background-image:		url(../medias/interface/com_btn_sans_over.gif);
	}
	/*-*/
	a.haut:link, a.haut:active, a.haut:visited{
						width:					105px;
						display:				block;
						float:					right;
						font-size:				11px;
						text-align:				right;
						color:					white;
						text-decoration:		none;
						margin:					57px 28px 0 0;
						background-image:		url(../medias/interface/com_fleche_haut.gif);
						background-position:	left center;
						background-repeat:		no-repeat;
	}
	
	a.haut:hover{
						text-decoration:		underline;
	}
	
	a.retour:link, a.retour:active, a.retour:visited{
						width:					50px;
						display:				block;
						font-size:				11px;
						color:					white;
						text-decoration:		none;
						margin:					40px 0 20px 50px;
						padding:				0 0 0 10px;
						background-image:		url(../medias/interface/com_fleche_gauche.gif);
						background-position:	left center;
						background-repeat:		no-repeat;
	}
	
	a.retour:hover{
						text-decoration:		underline;
	}
	
	a.savoir_plus:link, a.savoir_plus:active, a.savoir_plus:visited{
						width:					492px;
						height:					26px;
						display:				block;
						font-size:				18px;
						font-style:				italic;
						color:					white;
						text-decoration:		none;
						margin:					40px 0 20px 50px;
						padding:				0 0 0 40px;
						border-bottom:			1px solid white;
						background-image:		url(../medias/portraits/por_bkg_btn_savoir.gif);
						background-position:	bottom left;
						background-repeat:		no-repeat;
	}
	
	a.savoir_plus:hover{
						color:					#612b2b;
	}
	
/*	AUTRES																							*/

	.clear{			clear:			both;
	}
	.rollOverImg{
					cursor:			pointer;
	}
	
/*	MENU																							*/


	
/*	CONTENU																							*/

	h3.colg{
					font-size:		14px;
					color:			white;
					margin:			0 0 10px 30px;
	}
	
	h3.certificat{
					margin:			17px 0 0 30px;
	}

	h4.colg{
					margin:			14px 0 0 30px;
					font-size:		12px;
					font-weight:	normal;
					color:			#612b2b;
	}
	
	p.colg{
					margin:			0 0 0 30px;
	}
	
	div#cold p.slogan{
					width:			600px;
					font-size:		28px;
	}
	
	div#cold p.chapeau{
					color:			#612b2b;
					font-size:		18px;
	}
	
	div#cold p.photo{
					width:			550px;
					font-size:		11px;
					line-height:	14px;
	}
	
	div#cold p{
					width:			450px;
					font-size:		12px;
					margin:			0 0 15px 50px;
					color:			white;
	}
	
	div#col_1sur2 p{
					width:			300px;
					font-size:		12px;
					margin:			0 0 15px 50px;
					color:			white;
	}
	
	h2.renouer{
					margin:			128px 0 20px 0;
	}
	
	h2.portrait{
					margin:					128px 0 20px 0;
					padding:				0 0 0 50px;
					font-size:				24px;
					font-weight:			normal;
					color:					white;
					font-style:				italic;
					background-image:		url(../medias/portraits/por_puce.gif);
					background-position:	top left;
					background-repeat:		no-repeat;
	}
	
	h2.oeuvres{
					margin:					128px 0 20px 0;
					padding:				0 0 0 50px;
					font-size:				24px;
					font-weight:			normal;
					color:					white;
					font-style:				italic;
					background-image: 		url(../medias/galerie/gal_puce_titre.gif);
					background-position:	top left;
					background-repeat:		no-repeat;
					line-height:			49px;
	}
	
	h2.categorie{
					margin:			128px 0 20px 0;
	}
	
	h2.categorie2{
					width:			auto;
					float:			left;
					margin:			40px 0 20px 0;
	}
	
	.top{
					margin-top:			128px;
	}
	
	div#cold h3{
					margin-bottom:	15px;
					margin-left:	50px;
					color:			white;
					font-size:		18px;
					font-weight:	normal;
					font-style:		italic;
	}
	
	div#cold h4{
					margin:			0 0 10px 50px;
					color:			#612b2b;
					font-size:		14px;
	}
	
	div#cold p.oeuvres{
					width: 			auto;
					margin:			0 0 48px 0;
					padding:		0 55px 0 55px;
					text-align:		right;
	}
	
	img.sep_nav{
					float:			left;
					margin:			0 10px 0 10px;
	}																						

	img.sep_nav_utils{
					float:			right;
					margin:			0 10px 0 10px;
	}
	
	div#nav_acc h3{
					font-size:		10px;
					color:			#612b2b;
					text-transform:	uppercase;
					margin:			18px 0 14px 0;
					font-weight:	normal;
	}
																							
	div#buttons a:link, div#buttons a:active, div#buttons a:visited, div#buttons a:hover{
					font-size:		18px;
					width:			auto;
	}
	
	img.crochet{
					margin:			4px 10px -3px 10px;
	}
	
	img.sep{
					margin:			0px 20px -8px 20px;
	}
	
	.nouveautes{
					margin-left:	30px;
	}
	
	p.nouveautes{
					margin-bottom:	4px;
	}
	
	p.memoire{
					margin:			0 0 15px 0;
	}
	
	img.avantplan{
					border:			4px solid #612b2b;
					float:			right;
	}
	
	p.avantplan{
					float:			left;
					font-size:		11px;
					color:			#7c6343;
					margin:			0;
	}
	
	img.nouveaute_accueil{
					border:			4px solid #612b2b;
					float:			left;
					margin:			0 10px 10px 0;
	}
	
	p.nouveaute_accueil{
					float:			left;
					font-size:		11px;
					color:			#7c6343;
					margin:			0;
	}
	
	p.footer{
					font-size:		10px;
					margin:			0;
					color:			white;
	}
	
	img.btn_voir{
					float:			left;
					margin:			5px 0 0 5px;
	}
	
	table.oeuvres_originales img{
					border:			5px solid #FFFFFF;
					margin:			0 0 3px 0;
	}
	
	img.boutique{
					border:			4px solid #612b2b;
					float:			right;
	}
	
	div#cold p.boutique{
					float:			left;
					width:			auto;
					margin:			0;
	}
	
	img.cadre{
					border:			5px solid #FFFFFF;
	}
	
	div#exemples img{
					border:			5px solid #FFFFFF;
					margin:			0 0 3px 0;
	}
	
	img.prof{
					border:			5px solid #FFFFFF;
					float:			left;
					margin:			0 15px 10px 0;
	}
	
	img.logopi{
					float:			left;
					margin:			0 10px 0 0;
	}
	
/* LABLE */

	.label {
					margin: 				0px;
					font-size: 				11px;
					color: 					black;
					border: 				5px solid #FFFFFF;
					background-color:		#896b6b;
					width:					auto;
					text-align: 			left;
	}
	
	.labelh {
					display: none;
	}
	
	.box_over{
					text-decoration:		underline;
					cursor:					default;
	}