/**********************************************/
/*	CORPS DE LA PAGE	*/
/**********************************************/
	BODY {
		margin: 0; 
		padding: 0;
		color : #000000;	
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	} 

	#container {
		width: 750px;
		background-color : #FFFFFF;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}

/**********************************************/
/*	Header	*/
/**********************************************/
	#header {
	}
	#header .Top{
		height: 16px;
		border-bottom: 1px solid black;
		text-align: left;
		margin:0;
		padding: 3px 0 0 14px;
		color: #BB0116;
		font-weight: bold;
	}
	#header .Top a{
		color: #BB0116;
	}
	#header .Menu{
		height: 16px;
		margin:0;
		padding: 2px 10px 0 0;
		text-align: right;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		background-color: #BB0116;
		font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: white;
	}
	#header	a { 
		color : white;
		text-decoration: none;
	}
	#header	a.Selected { 
		color : white;
		text-decoration: underline;
	}
	.NavApp a {
		font-size: 10px;
	}

/**********************************************/
/*	Nav Gauche 	*/
/**********************************************/
	#nav-gauche{
		padding: 19px 11px;
		border: 1px solid #DFDADA;
		background-color: #F4F4F4;
		height: 100%;
		vertical-align: top;
	}
/*	#nav-gauche h1 { 
		margin : 0 0 4px 0;
		padding : 3px;
		color : white;
		text-align: center;
		background-color: #BB0116;
		font: normal bold 11px Verdana , Arial, Helvetica, sans-serif;
		text-decoration: none;
		width: 100%;
		clear : both;
	}
	*/
	#nav-gauche a { 
		color: black;
		text-decoration: none;
	}
	#nav-gauche a:hover { 
		color: #BB0116;
	}
	#nav-gauche ul {
		list-style: none;
		padding: 0 0 0 0;
		margin: 0 0 0 17px;
		text-align: left;
	}
	#nav-gauche ul li { 
		margin: 0 0 8px 0;
		padding: 0 0 0 0;
		font: normal bold 10px Verdana, Arial , Arial, Helvetica, sans-serif;
	}
	#nav-gauche ul ul {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
	}
	#nav-gauche ul ul li { 
		margin: 3px 0 0 -8px;
		padding: 0 0 0 0;
		list-style-image: none;
		list-style: none;
		font: normal normal 9px Verdana, Arial , Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}
	#nav-gauche .TitreImage {
		text-align: left;
		background-color: #BB0116;
		padding: 4px 0 4px 10px;
		margin: 0 0 4px 0;
	}


/**********************************************/
/*	Root 	*/
/**********************************************/
	#root {
		margin: 0;
		padding:0;
		width: 563px;
	}
	#subroot {
		width: 538px;
		margin: 0;
		padding: 10px 11px 10px 14px;
	}


/**********************************************/
/*	Accueil 	*/
/**********************************************/
	#accueil .Edito {
		background: #FFFFD7 url(/syllepse_images/structure/tab-bg.gif) repeat-y;
		
	}
	#accueil .Edito p {
		color: #646464;
		line-height: 14px;
	}
	#accueil .Actualites {
		margin: 20px 0;
		padding: 0 8px;
	}

/**********************************************/
/*	Collection Gamme 	*/
/**********************************************/
	#collection {
		height: 169px;
		color: #646464;
	}
	#collection h1 { 
		font: normal normal 18px Georgia, Verdana, Arial, Helvetica, sans-serif;
		padding : 0;
		margin : 8px 0 4px 0;
		text-transform: uppercase;
		border-bottom: 0px solid #BB0116;
		line-height:24px;
		color: black;
		clear : both;
	}
	#collection p {
		font-size: 10px;
		line-height: 16px;
	}
	#collection .Border { 
		font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
		padding : 3px 0;
		margin : 8px 0 4px 0;
		color: #646464;
		/*text-transform: uppercase;*/
		border-top: 1px solid #BB0116;
		border-bottom: 1px solid #BB0116;
		clear : both;
	}
	#collection a { 
		color : #BB0116;
		text-decoration: none;
		font: italic bold 8px Verdana, Georgia, Arial, Helvetica, sans-serif;
	}
	#detail { 
		position: absolute;
		z-index: 2;
		padding: 0px 4px 8px 4px;
		width: 434px;
		display: none;
	}
	#pages {
		float: right;
		font: normal bold 10px Verdana, Arial, Helvetica, sans-serif, Times;
		text-align: right;
		margin: 4px 1px;
		padding: 0;
	}
	#pages ul {
		margin:0; 
		padding:0;
		list-style-type: none;
	}
	#pages li { 
		float: left;
		margin: 0 2px 0 2px;
		padding: 2px 4px 2px 4px;
		background-color: #E9E9D6;
		list-style-image: none;
	}
	#pages a:link, 
	#pages a:visited, 
	#pages a:hover, 
	#pages a:active {
		text-decoration: none;
		color: #646464;
		padding: 0;
	}
	#pages .Selected {
		color: white;
		background-color: #BB0116;
	}
	#pages .Selected a {
		color: white;
	}
	#pages .Texte {
		margin:0;
		padding: 3px 3px 0 0;
		vertical-align: bottom;
		color:#646464;
		background-color: white;
	}
/**********************************************/
/*	Détail Produit 	*/
/**********************************************/
	#caracteristiques {
		padding: 4px 8px;
		/*height: 169px;*/
		background-color: #FFFFD7;
		font: normal normal 10px Verdana , Arial, Helvetica, sans-serif;
	}
	.LibellePrix {
		font: normal normal 9px Verdana , Arial, Helvetica, sans-serif;
		color: black;
	}
	.DetailPrix {
		font: normal bold 18px Verdana , Arial, Helvetica, sans-serif;
		color: #BB0116;
		margin: 2px 0 4px 0;
		padding: 2px 3px;
		background-color: white;
	}
	#controles {
		border: 1px solid #C5C5C5;
		width: 124px;
		color: #A3A391;
		font: normal normal 10px Verdana , Arial, Helvetica, sans-serif;
	}
	#controles a {
		color: #A3A391;
		text-decoration: none;
	}
	#controles a:hover { 
		color : #BB0116;
	}
	.BorderBottom{
		padding: 2px;
		border-bottom: 1px solid #E8E8E8;
	}
	.Marge {
		padding: 4px 0;
	}
	.Acheter {
		margin: 0;
		padding: 2px 5px 10px 2px;
		background-color: white;
	}
	#tablematieres {
		margin: 0;
		padding: 4px 8px 16px 8px;
		background-color: #FFFFE5;
		display:none;
	}
	#tablematieres p {
		font-size: 9px;
		margin : 0;
		padding : 1px 0;
	}
	#presentation {
		margin: 12px 0 0 0;
		padding: 0;
	}
	#presentation p {
		color: #444444;
	}
	#commentaire {
		margin: 6px 0 0 0;
		padding: 0;
	}
	#commentaire p {
		margin: 0 0 4px 0;
		padding: 0;
		color: #444444;
		font-size: 9px;
	}
	#imagebigsize {
		position: absolute;
		border: 3px solid #E8E8E8;
		z-index: 2;
		display:none;
	}

	
/**********************************************/
/*	Auteur de A a Z 	*/
/**********************************************/
		.TitreAZ {
			color: #646464;
		}
		.AuteurAZ, .AuteurAZ a{
			color: #646464;
			text-decoration : none;
		}
		.AuteurAZ a:hover {
			color: #BB0116;
		}
		.PrixAZ {
			font: normal 10px Arial ,Arial , Arial, Helvetica, sans-serif;
			color: #646464;
		}
		.TableAZ{
			color: #646464;
		}
		.TableAZ a{
			color: #646464;
		}
		.TableAZ td{
			text-align:center;
			width:3.846153%;
			padding-bottom: 2px;
		}
		.TableAZ .SelectedAZ
		,.TableAZ .SelectedAZ a {
			font-weight: bold;
		}
		.TableResultatAZ{
			margin-top: 20px;
			/*border-right : 1px #BB0116 solid;*/
		}
		.TableResultatAZ td{
			text-align:left;
			padding:0 0 0 15px;
			width:33%;
			/*border-left : 1px #BB0116 solid;*/
		}

/**********************************************/
/*	Général 	*/
/**********************************************/
	.Prix {
		font: normal bold 12px Verdana , Arial, Helvetica, sans-serif;
		color: #BB0116;
		margin: 2px 0 4px 0;
	}
	.Smaller {
		font-size: 95%;
	}
	.Separateur {
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #BB0116;
		margin: 2px 0;
		font-size: 0px;
	}
	.Separateur2 {
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #BB0116;
		margin: 0; padding: 0; font-weight: 0px;
	}
	table.RappelProduit {
		border-top: 1px solid #BB0116;
		border-bottom: 1px solid #BB0116;
		padding: 0;
		margin: 0;
	}
	.RappelProduit td {
		margin: 0;
		padding: 0 2px;
		background-color: #E9E9D6;
		border-left: 2px solid white;
		border-right: 2px solid white;
	}
	.White {
		background-color: #FFFFFF;
	}
	.YellowLight {
		background-color: #FFFFE3;
	}
	
	.EditLibelle {
		margin: 30px 0;
		padding: 12px;
		border: 2px dotted pink;
	}

/**********************************************/
/*	Standard Definition	*/
/**********************************************/

	h1 { 
		font: normal bold 12px Verdana , Arial, Helvetica, sans-serif;
		padding : 0 10px 3px 0;
		margin : 0 0 4px 0;
		text-transform: uppercase;
		border-bottom: 1px solid #BB0116;
		clear : both;
	}
	h2 { 
		font: normal bold 12px Verdana , Arial, Helvetica, sans-serif;
		padding : 0 10px 3px 0;
		margin : 10px 0 2px 0;
		text-transform: uppercase;
		clear : both;
	}
	h3{ 
		font: normal bold 11px Verdana, Arial, Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 8px 0 0 0;
		text-transform: uppercase;
		clear : both;
		color: #646464;
	}
	h4{ 
		font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 8px 0 0 0;
		clear : both;
		color: #646464;
	}
	h5{ 
		font: normal normal 9px Verdana, Arial, Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 0 0 0 0;
		text-transform: uppercase;
		clear : both;
		color: #646464;
	}
	h6{ 
		font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 0 0 0 0;
		clear : both;
		color: #646464;
	}
	p {
		font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
		margin : 0;
		padding : 2px 0;
		color: #646464;
	}
	a { 
		color: #646464;
	}
	a:hover { 
		color: #BB0116;
	}
	a.Nodeco{ 
		text-decoration: none;
	}
	a.Black{ 
		color : black;
	}
	a:hover.Black{ 
		color: #BB0116;
	}
	.Grey{ 
		color: #646464;
	}
	a.Grey{ 
		color: #646464;
		text-decoration: none;
	}
	a:hover.Grey{ 
		color: #BB0116;
	}
	ul li { 
		list-style-image: url(/syllepse_images/structure/puce-nav-rouge.gif);
	}
	ul li.Rouge { 
		list-style-image: url(/syllepse_images/structure/puce-nav-rouge.gif);
	}
	ul li.Kaki { 
		list-style-image: url(/syllepse_images/structure/puce-nav-kaki.gif);
	}
	ul li.Vert { 
		list-style-image: url(/syllepse_images/structure/puce-nav-vert.gif);
	}
	ul li.Bleu { 
		list-style-image: url(/syllepse_images/structure/puce-nav-bleu.gif);
	}
	ul li.Violet { 
		list-style-image: url(/syllepse_images/structure/puce-nav-violet.gif);
	}


/**********************************************/
/* Formulaire Contact */
/**********************************************/
	.FormContact,.FormContact td,.FormReponse{
		font: normal  10px Verdana, Arial , Helvetica, sans-serif;  
		color:#000000;
		/*color:#3A99AD;*/
		width:90%;
	}
	.FormSubmit {
		color:#7D0909;
		font-size: 10px; 
		font-weight: bold; 
		height: 20px;
		background-color:#ffffff;
	}
	form{
		margin:0; padding:0;
	}
	INPUT,SELECT,textarea{
		font: bold 10px Verdana, Arial , Helvetica, sans-serif;  
		/*border : 1px #7D0909 solid;*/
	}
	.LargeInput{
		width:260px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:193px;
	}
	.chkBoxes{
		background-color:none;border-width:0;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}

/**********************************************/
/* Footer */
/**********************************************/
	#footer{
		border-top: 1px solid #BB0116;
		border-bottom: 1px solid #BB0116;
		margin: 8px 16px;
		vertical-align: bottom;
	}
	#footer a ,#footer p{
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}

	.Clikeo { 
		color :#B3B1B1;
		text-align : center;
	}
	.Clikeo a,.Clikeo a:visited,.Clikeo a:hover,.Clikeo a:active { 
		color :#B3B1B1;
		font: normal normal 7pt Verdana; 
	}

/**********************************************/
/* ECommerce */
/**********************************************/
	#BarreNavEcommerce{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:10px 0 10px 0;
		color:#646464;
	}
	#BarreNavEcommerce .current{
		font-weight: bold;
		/*text-decoration:underline;*/
	}
	button {
		font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
		color : #000000;
		background-color: lightgrey;
	}
	#ECommerce .Submit {
		font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
		color : #000000;
		background-color: lightgrey;
	}
	
	#ECommerce {
		padding : 8px ; 
		margin-bottom : 10px ; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #646464;
		text-align: left;
		background-color: #FFFFE3;
		border:	1px lightgrey solid;
	}
	#ECommerce .EnteteTableau{
		font: normal bold 12px Verdana , Arial, Helvetica, sans-serif;
		color: black;
		padding : 0 10px 3px 0;
		margin : 0 0 4px 0;
		text-transform: uppercase;
		text-align: left;
		border-bottom: 1px solid #BB0116;
		clear : both;
	}
	#ECommerce .TitreTableau{
		padding : 10px 10px 10px 10px;
		font-size: 15px;
		font-weight: bold;
	}
	#ECommerce .TexteInformations{
		font: normal normal 11px Verdana;
	}
	#ECommerce p {
		margin: 10px 0;
	}
	#ECommerce h2 {
		color: #BB0116;
		margin: 0;
		padding: 10px 0 10px 0;
	}
	#ECommerce h3 {
		font: normal bold 12px Verdana , Arial, Helvetica, sans-serif;
		padding : 0 10px 3px 0;
		margin : 10px 0 2px 0;
		text-transform: uppercase;
		clear : both;
	}
	#ECommerce h4 {
		font: italic bold 14px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #940015;
		margin: 0;
		padding: 15px 0 10px 0;
	}
	#ECommerce a{
		font-family: Verdana, Arial, Times, serif;
		font-size: 10pt;
		font-weight: normal;
		color: #646464;
	}
	#ECommerce li {
		list-style-image: none;
	}
	#ECommerce td{
		font-family: Verdana, Arial, Times, serif;
		font-size: 12px;
		font-weight: normal;
	}
	#ECommerce .EcommercePanier thead{
		font: normal bold 10px Verdana;
		color: white;
		margin: 5px 5px;
		letter-spacing : 0px;
		background-color: #BB0116;
	}
	#ECommerce .EcommercePanier th{
		padding: 2px 5px;
	}
	#ECommerce .EcommercePanier tfoot{
		font: normal bold 12px Verdana;
		color: white;
		background-color: #BB0116;
		padding:5px 5px;
	}
	#ECommerce .EcommercePanier td{
		font-size: 10pt;
		font-weight: normal;
		padding:10px 5px;
	}
	#ECommerce .EcommerceModeLivraison td{
		font-size: 9pt;
		font-weight: normal;
		padding:5px 5px;
	}
	#ECommerce input {
		font-size: 12px;
	}
	#ECommerce textarea {
		font-size: 12px;
	}
	#ECommerce select {
		font-size: 12px;
	}
	#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; }
	
	
	
	#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;
	}