/**********************************************/
/*	CORPS DE LA PAGE	*/
/**********************************************/
	body {
		margin: 0; 
		padding: 0;
		font: normal normal 11px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
	} 
	#container { 
		margin: 10px 20px;
		padding: 0;
		width: 950px;
		text-align:left;
		background-color: #FFFFFF;
	}

	img {
		border:0;
	}
/**********************************************/
/*	General 	*/
/**********************************************/
	.Separateur {
		border-top: 1px solid #B5B5B5;
		width: 80%;
	}
	.Cadre {
		border: 1px solid #B5B5B5;
	}
	select.Fille {
		color: #CF0071;
		border: 1px solid #CF0071;
	}
	select.Garcon {
		color: #0096E9;
		border:  1px solid #0096E9;
	}
	option.Fille {
		color: #CF0071;
	}
	option.Garcon {
		color: #0096E9;
	}


/**********************************************/
/* Header 		*/
/**********************************************/
	#header .NavTop {
		margin: 00px 0 7px 0;
		font: normal normal 11px Verdana, Arial, Times, Helvetica, sans-serif;
	}
	#header .NavTop a { 
		text-decoration: none;
		color: #B1B1B2;
	}
	#header .NavTop a.Selected { 
		text-decoration: underline;
		color: #B1B1B2;
		font-weight:bold;
	}
	#header .NavTop .Hard a { 
		font: normal bold 10px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
		text-transform: uppercase;
	}
	#header .NavTop .Hard a.Selected { 
		text-decoration: underline;
	}
	
	#header .Defile {
		background: #E1E2E3 url(/gravures_images/structure/bg_defile.gif) repeat-y center center;
		color: #FDFEB3;
		font: normal bold 11px Verdana, Arial, Times, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
	}
	#header .Bottom {
		background: url(/gravures_images/structure/bg_nws_top.gif) no-repeat right bottom;
	}


	#nav_applati {
		margin: 10px 10px 10px 20px;
		font: normal normal 10px Verdana, Arial, Times, Helvetica, sans-serif;
		font-style: italic;
		display: none;
	}
	#nav_applati a {
		margin: 0;
		font: normal normal 10px Verdana, Arial, Times, Helvetica, sans-serif;
	}
	#nav_applati a.Garcon {
		color: #0096E9;
	}
	#nav_applati a.Fille {
		color: #CF0071;
	}
	#nav_applati a:hover {
		color: #B1B1B2;
	}
	
/**********************************************/
/*	Pages 	*/
/**********************************************/
	.Page{
		padding: 0 0 0 12px;
	}


/* ACCUEIL */
	#accueil h1 {
		margin : 0 0 8px 0;
		padding : 0 0 0 0 ;
		font: normal bold 14px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
		text-transform: uppercase;
	}
	#accueil .Recherche {
		background: url(/gravures_images/site/et.gif) no-repeat center center;
	}
	#accueil .Recherche .Middle {
		background-color: #FFFFFF;
	}
	#accueil .Produit {
		margin-top: 5px;
	}
	#accueil .Produit p {
		color: #929293;
	}
	#accueil .Produit h1 {
		margin: 0 0 4px 0;
		padding: 0;
		font: normal bold 10px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	#accueil .Produit h1.Fille {
		color: #CF0071;
	}
	#accueil .Produit h1.Garcon {
		color: #0096E9;
	}
	
	#contenu {
		margin: 25px;
	}
	#accueil2 .Produit {
		margin-top: 5px;
	}
	#accueil2 .Produit p {
		color: #929293;
	}
	#accueil2 .Produit h1 {
		margin: 0 0 4px 0;
		padding: 0;
		font: normal bold 10px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	#accueil2 .Produit h1.Fille {
		color: #CF0071;
	}
	#accueil2 .Produit h1.Garcon {
		color: #0096E9;
	}
	
	

/* GAMMES */
	.ProduitGamme {
		float:left;
		width: 182px;
		height: 229px;
	}
	#gamme .ProduitGamme {
		margin: 0 4px;
	}
	
	
	#pages {
		margin: 10px 20px 10px 1px;
		padding: 0;
	}
	#pages ul {
		margin:0; 
		padding:0;
		list-style-type: none;
	}
	#pages li, #pages a {
		font: normal bold 12px Arial, Verdana, Helvetica, sans-serif, Times;
	}

	#pages .Garcon li {
		background-color: #0096E9;
	}
	#pages .Garcon .Selected {
		color: #0096E9;
		background-color: #F5F5F5;
	}
	#pages .Fille li {
		background-color: #CF0071;
	}
	#pages .Fille .Selected {
		color: #CF0071;
		background-color: #F5F5F5;
	}
	#pages .Mixte li {
		background-color: #576270;
	}
	#pages .Mixte .Selected {
		color: #576270;
		background-color: #F5F5F5;
	}
	
	#pages .Garcon .Texte,
	#pages .Fille .Texte {
		margin:0;
		padding: 3px 6px 0 6px;
		vertical-align: bottom;
		font: normal normal 11px Verdana, Arial, Helvetica, sans-serif, Times;
		background-color: transparent;
		color: #474F58;
	}	
	#pages .Garcon a.Texte {
		margin: 0 6px;
		font-weight: bold;
		color: #0096E9;
		background-color: transparent;
	}
	#pages .Fille a.Texte {
		margin: 0 6px;
		font-weight: bold;
		color: #CF0071;
		background-color: transparent;
	}
	
	#pages li { 
		float: left;
		margin: 0 2px 0 2px;
		padding: 2px 6px;
		list-style-image: none;
		font: normal bold 11px Verdana, Arial, Helvetica, sans-serif, Times;
	}
	#pages a {
		text-decoration: none;
		color: #FFFFFF;
		background-color: transparent;
	}

	
/* PRODUIT */
	.Produit {
		margin-top: 4px;
	}
	.Produit h1 {
		margin:0 0 2px 0; padding:0;
		font: normal normal 10px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-transform: normal;
	}
	.Produit h2 {
		margin:0 0 2px 0; padding:0;
		font: normal bold 10px Verdana, Arial, Georgia, Helvetica, sans-serif;
		color: #77808A;
	}
	.Produit h2 b {
		font-size: 11px;
		color: #474F58;
		text-transform: uppercase;
	}

	
		
	/* DETAIL PRODUIT */
	.DetailProduit .TitreProduit h1 {
		font: normal normal 22px Verdana, Arial, Helvetica, sans-serif, Times;
		color: #474F58;
	}

	.DetailProduit .TitreProduit a.Fille {
		font: normal normal 10px Verdana, Arial, Helvetica, sans-serif, Times;
		color: #CF0071;
		text-decoration:none;
	}
	.DetailProduit .TitreProduit a.Garcon {
		font: normal normal 10px Verdana, Arial, Helvetica, sans-serif, Times;
		color: #0096E9;
		text-decoration:none;
	}
	.DetailProduit .TitreProduit a {
		font: normal normal 10px Verdana, Arial, Helvetica, sans-serif, Times;
		color: #474F58;
		text-decoration:none;
	}
	.DetailProduit .TitreProduit a:hover {
		text-decoration:underline;
	}
	.DetailProduit .TitreProduit h2 {
		margin:0 0 2px 0; padding:0;
		font: normal bold 12px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-transform: normal;
	}
	.DetailProduit .TitreProduit h3 {
		margin: 0 0 8px 0; padding:0;
		font: normal bold 10px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-transform: normal;
		color: #77808A;
	}
	.DetailProduit .TitreProduit h4 {
		margin:0; padding:0;
		font: normal normal 18px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-transform: normal;
	}
	.DetailProduit .ContenuProduit {
		padding: 0 0 0 10px;
	}
	.DetailProduit .CadrePhotoProduit {
		float: left;
		width: 260px;
		height: 243px;
		margin: 0 6px;
	}
	.DetailProduit .PhotoProduit {
		margin: 14px 0 0 4px;
		width: 243px;
		height: 226px;
	}
	
	.DetailProduit .TextePhoto {
		margin: 24px 6px 0 0;
		font: normal bold 11px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.DetailProduit .TextePhotoGarcon {
		background: url(/gravures_images/structure/bg_photo_garcon.gif) center center repeat-x;
	}
	.DetailProduit .TextePhotoFille {
		background: url(/gravures_images/structure/bg_photo_fille.gif) center center repeat-x;
	}
	.DetailProduit .TextePhotoGarcon, .DetailProduit .TextePhotoGarcon a {
		color: #0096E9;
	}
	.DetailProduit .TextePhotoFille, .DetailProduit .TextePhotoFille a {
		color: #CF0071;
	}
	.DetailProduit .Description {
		margin: 0 10px;;
	}
	.DetailProduit .Description h1 {
		font: normal bold 14px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.DetailProduit .Description h2 {
		font: normal bold 13px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.DetailProduit .Description h3 {
		font: normal bold 12px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.DetailProduit .Description h4 {
		font: normal bold 11px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.DetailProduit .Description .Boutons {
		float: right;
		vertical-align: middle;
		margin-top: 100px;
		width: 161px;
		height: 222px;
	}
	

/**********************************************/
/*	Menu 	*/
/**********************************************/
	.MenuRight {
		border-left: 1px solid #B5B5B5;
	}
	.MenuRight p {
		margin: 0; padding: 0;
		font: normal normal 9px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.MenuRight .PaiementSecurise img {
		margin: 6px 0;
	}
	.MenuRight .NavGamme {
		margin: 0 0 20px 0;
	}
	.MenuRight .NavGamme p {
		margin: 0px 7px 0 7px;
		padding: 2px 4px;
		font: normal bold 10px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-align: left;
	}
	.MenuRight .NavGamme p.Garcon {
		color: #FFFFFF;
		background-color: #0096E9;
	}
	.MenuRight .NavGamme p.Fille {
		color: #FFFFFF;
		background-color: #CF0071;
	}
	.MenuRight .NavGamme p b {
		font: normal normal 12px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.MenuRight .NavGamme a {
		color: #FFFFFF;
		text-decoration: none;
	}
	.MenuRight .SousNavGamme {
		margin: 0 7px 4px 7px;
	}
	.MenuRight .SousNavGamme p {
		padding: 4px 0 4px 8px;;
	}
	.MenuRight .SousNavGammeGarcon {
		background-color: #DBF0FC;
	}
	.MenuRight .SousNavGammeGarcon, .MenuRight .SousNavGammeGarcon a {
		color: #0096E9;
	}
	.MenuRight .SousNavGammeFille {
		background-color: #FFE4EF;
	}
	.MenuRight .SousNavGammeFille, .MenuRight .SousNavGammeFille a {
		color: #CF0072;
	}
	.MenuRight .SousNavGamme a:hover {
		color: #FFFFFF;
	}
	.MenuRight .SousNavGamme .Selected a{
		color:#717880;
	}

	.MenuRight .nbprod {
		font: normal normal 10px Arial, Georgia, Helvetica, sans-serif;
	}
/**********************************************/
/* Footer */
/**********************************************/
	.Footer{
		margin: 5px 20px;
		text-align:center;
	}
	.Footer p {
		text-align:center;
		line-height:14px;
		font: normal normal 9px Verdana, Arial, Georgia, Helvetica, sans-serif;
	}
	.Footer a {
		font: normal normal 9px Verdana, Arial, Georgia, Helvetica, sans-serif;
		text-decoration:underline;
	}
	
	.Clikeo { 
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto; 
		margin-right:auto;
		text-align:center;
		color :#4f4f4f;
	}
	.Clikeo a,.Clikeo a:visited,.Clikeo a:active { 
		color :#4f4f4f;
		font: normal normal 7pt Arial;
	}
	.Clikeo a:hover {
		color :#000000;
	}



/**********************************************/
/*	Standard Definition	*/
/**********************************************/
	.TresPetite { font-family:Verdana ; font-size:9px; }
	.Petite 	{ font-family:Verdana ; font-size:10px; }
	.Normal 	{ font-family:Verdana ; font-size:11px; }
	.Moyenne 	{ font-family:Verdana ; font-size:12px; }
	.Grande 	{ font-family:Verdana ; font-size:13px; }
	.TresGrande { font-family:Verdana ; font-size:14px; }	

	h1 { 
		margin : 0 0 10px 0;
		padding : 0 0 2px 0 ;
		font: normal bold 18px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
	}
	h2 { 
		margin : 0 0 10px 0;
		padding : 0 0 0 0 ;
		font: normal bold 16px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
	}
	h3 { 
		margin : 0 0 8px 0;
		padding : 0 0 0 0 ;
		font: normal bold 14px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
	}
	h4{ 
		margin : 0 0 8px 0;
		padding : 0 0 0 0 ;
		font: normal normal 12px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
	}
	h1.Fille {color: #CF0071;}
	h1.Garcon {color: #0096E9;}
	h2.Fille {color: #CF0071;}
	h2.Garcon {color: #0096E9;}
	h3.Fille {color: #CF0071;}
	h3.Garcon {color: #0096E9;}
	h4.Fille {color: #CF0071;}
	h4.Garcon {color: #0096E9;}
	.LienFille a{color: #CF0071;font: normal normal 10px Verdana, Arial, Times, Helvetica, sans-serif;}
	.LienGarcon a{color: #0096E9;font: normal normal 10px Verdana, Arial, Times, Helvetica, sans-serif;}
	
	p {
		font: normal normal 11px Verdana, Arial, Times, Helvetica, sans-serif;
		margin : 0  0 8px 0;
		padding : 0;
		color: #474F58;
	}
	a{ 
		text-decoration:underline;
		color: #474F58;
	}
	a:hover {
		text-decoration:none;
	}
	td {
		font: normal normal 13px Verdana, Arial, Times, Helvetica, sans-serif;
	}
	.SmallP p{
		font: normal normal 12px Times, Verdana, Helvetica, sans-serif;
		color: #724444;
	}

	ul,li {margin: 0;}
	ul {margin-left: 20px; padding-left: 0;}
	ul,ol {
		padding-bottom:0px;
		text-align: left;
		margin-top: 0;
		margin-bottom: 8px;
	}
	li { 
		list-style-image: url(/gravures_images/structure/puce.gif);
		padding-bottom: 4px;
		font: normal normal 11px Verdana, Arial, Times, Helvetica, sans-serif;
	}

	form{
		margin:0; padding:0;
	}
	input,select,textarea{
		margin:0 2px 0 0 ; padding:0;
		font: normal 11px  Arial, Verdana, Helvetica, sans-serif;
		color: #57544f;
		border-color: 1px #C1C0C0 solid;
	}
	img.Border, .Border img {
		border: 1px solid #9B0000;
	}
	.noBorder{
		border: 0px solid #9B0000;
	}


/**********************************************/
/* Formulaire Contact */
/**********************************************/
	.FormContact,.FormContact td,.FormReponse{
	}
	.FormSubmit {
		width: 100px;
		padding: 2px 0;
		font: normal bold 11px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
		border: 1px solid #B9BCC0;
		background-color: #FFFFFF;
	}
	.LargeInput{
		width:260px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:193px;
	}
	.chkBoxes{
		background-color:white;border-width:0;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		border: 1px dotted;
	}
	


/**********************************************/
/* ECommerce */
/**********************************************/
	#BarreNavEcommerce{
		font-size: 11px;
		padding:10px 0 10px 0;
	}
	#BarreNavEcommerce .current{
		font-weight: bold;
	}
	#BarreNavEcommerce a {
		color: #327571;
	}
	#BarreNavEcommerce a:hover {
 		color: #F52585;
	}
	#ECommerce {
		padding : 8px ; 
		margin-bottom : 10px ; 
		text-align: left;
	}
	#ECommerce .Submit, #ECommerce button {
		margin: 0 4px;
		height: 20px;
		font: normal bold 11px Verdana, Arial, Times, Helvetica, sans-serif;
		color: #474F58;
		border: 1px solid #B9BCC0;
		background-color: #FFFFFF;
	}
	#ECommerce .EnteteTableau{
		padding: 2px 0;
		text-transform: uppercase;
		text-align: center;
		font: normal bold 17px Verdana, Arial, Times, Helvetica, sans-serif;
		background-color: #ECEDEE;
		clear : both;
	}
	#ECommerce .TitreTableau{
		padding : 10px 10px 10px 10px;
		font-size: 15px;
		font-weight: bold;
	}
	#ECommerce .TexteInformations{
		padding: 4px 0;
	}
	#ECommerce p {
	}
	#ECommerce h2 {
		color: #F8287C;
		margin: 0;
		padding: 2px 0 10px 0;
	}
	#ECommerce h2 small{
		text-transform: uppercase;
		font-size: 11px;
	}
	#ECommerce h3 {
		padding : 0 10px 3px 0;
		margin : 10px 0 2px 0;
		text-transform: uppercase;
		clear : both;
	}
	#ECommerce h4 {
		text-transform: uppercase;
		margin: 0;
		padding: 10px 0 0 0;
		margin: 0;
	}
	#ECommerce a{
	}
	#ECommerce li {
		list-style-image: none;
	}
	#ECommerce td{
		font-size: 11px;
	}
	#ECommerce .EcommercePanier {
		margin-top: 10px;
	}
	#ECommerce .EcommercePanier thead{
		background-color: #ECEDEE;
		margin: 5px 5px;
		letter-spacing : 0px;
	}
	#ECommerce .EcommercePanier th{
		padding: 2px 5px;
	}
	#ECommerce .EcommercePanier tfoot{
		background-color: #ECEDEE;
		padding:5px 5px;
	}
	#ECommerce .EcommercePanier td{
		font-size: 10px;
		font-weight: normal;
		padding: 5px;
	}
	#ECommerce .EcommerceModeLivraison td{
		font-size: 10px;
		font-weight: normal;
		padding:5px 5px;
	}
	#ECommerce .Ref, #ECommerce .Ref a {
		font-size: 10px;
	}
	#ECommerce input {
	}
	#ECommerce textarea {
	}
	#ECommerce select {
	}
	#ECommerce .noborder {
		border : 0px;
	}
	#ECommerce #ECommerErreur {
		color: red;
		font-size: 12px;
	}
	#ECommerce #ECommerErreur .Titre {
		font-weight: bold;
		font-size: 14px;
	}
	#ECommerce .InputSmall { width : 60px; }
	#ECommerce .InputMedium { width :100px; }
	#ECommerce .InputLarge { width :220px; }
	#ECommerce .TextAdresse { width :250px; }
	
	.DataTable td {
	padding: 4px;
	}
	
	#boutton {
		padding: 0 0 1em 0;
		margin-bottom: 1em;
		color: #333;
	}
	#boutton ul {
		list-style: none;
		margin: 0;
		padding:0;
		border: none;
	}
	
	#boutton li {
		list-style-image: none;
		margin: 0 0 5px 0;
	}
	#boutton li a{
		text-decoration:none;
	}
	#boutton li a:hover,#boutton li a:active{
		text-decoration:underline;
	}




						.ProduitGammeAcceuil {
							width: 174px;
							height: 229px;
							text-align:left;
							position:relative;
						}
						.ProduitAcceuil {
							text-align:center;
							margin-top: 4px;
						}
						.ProduitAcceuil h1 {
							margin:0 0 2px 0; padding:0;
							font: normal normal 10px Arial, Arial, Georgia, Helvetica, sans-serif;
							text-transform: normal;
						}
						.ProduitAcceuil h2 {
							margin:0 0 2px 0; padding:0;
							font: normal bold 10px Arial, Arial, Georgia, Helvetica, sans-serif;
						}
						.ProduitAcceuil h2 b {
							font-size: 11px;
							text-transform: uppercase;
						}