									/*******************************************/
									/**  Interface Graphique créée par :	  **/
									/**  ABCréa © 2009 - LEMOINE Daniel		  **/
									/**  contact: lemoine_daniel@yahoo.fr	  **/
									/**  Toute modification est déconseillée. **/
									/*******************************************/



/* STYLES GLOBAL
//////////////////
*/
html, body {
	width:auto;
	position:relative;
	background:#95D4F7;
	margin:auto;
	font-family:Verdana, Arial, Helvetica;
	text-align:justify;
	color:#000000;
	behavior:url(../css/csshover.htc);
}

a:link, a:visited {color:#07637F; text-decoration:none;}
a:hover {color:#07637F; text-decoration:none;}




/* HEADER
///////////
*/
div#Header {
	width:100%;
	height:240px;
	background-color:#FFF;
	text-align:center;
	margin:auto;
	padding:0px;
}

div#Header #Content {width:897px;margin:auto;}
div#Header #Content #Header_L {
	width:162px;
	height:240px;
	float:left;
	background:url(../images/header/Header_L_Bg.jpg) top left no-repeat;
}
div#Header #Content #Header_TR {
	width:735px;
	height:120px;
	float:right;
	background:url(../images/header/Header_TR_Bg.jpg) top left no-repeat;
}
div#Header #Content #Header_BR {
	width:735px;
	height:120px;
	float:right;
	background:url(../images/header/Header_BR_Bg.jpg) top left no-repeat;
}
div#Header #Content #Header_BR p#TexteDefilant {
	position:relative;
	width:300px;
	top:53px;
	margin:0;
	padding:0;
	margin-left:380px;
	font-family:Arial, Helvetica;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
}







div#Sitemain {
	width:980px;
	background-color:#bdeaff;
	margin:auto;
}

div#Sitemain div#Navbar {
	width:772px;
	height:26px;
	float:right;
	margin-right:1px;
	border:1px solid #9fcade;
	background:url(../images/sitemain/Navbar_Bg.jpg) center repeat-x;
	color:#000000;
}
div#Sitemain div#Navbar a {color:#000000;}




/* STYLES MAIN
////////////////
*/
div#Sitemain div#MainIndex {
	width:774px;
	min-height:300px;
	float:right;
	margin-right:1px;
}
div#Main {
	width:774px;
	min-height:300px;
	background:#DBF1FE;
	float:right;
	margin-top:10px;
	margin-right:1px;
	font-size:11px;
}
div#Main h1.Chemin {color:#000000;font-family:Verdana, Arial;font-size:12px;font-weight:bold;padding-left:25px;text-align:left;}
div#Main h1.Chemin a {font-size:14px;font-weight:normal;color:#07637F;}
div#Main h1.Chemin img {border:0;vertical-align:middle;margin:0 8px;}
div#Main p.CatIntro {width:95%;padding:5px 0 0 10px;font-size:11px;color:#555555;text-align:left;}
div#Main p#SubProduits {width:95%;margin:0 0 10px 0;font-size:20px;color:#6f7a7f;text-align:center;letter-spacing:4px;}






/* FOOTER
////////////
*/
table#Footer {
	width:980px;
	margin-top:30px;
	border-bottom:3px solid #7EC8F5;
}
td#Footer_L {width:34px;height:34px;background:#BDEAFF url(../images/footer/Footer_L_Bg.gif) top left no-repeat;}
td#Footer_R {width:34px;height:34px;background:#BDEAFF url(../images/footer/Footer_R_Bg.gif) top right no-repeat;}
td#FooterMain {width:912px;line-height:15px;text-align:center;background:#FFF url(../images/footer/Footer_Bg.gif) top repeat-x;}

table#Footer span {color:#07637F;font-size:11px;font-family:Verdana, Arial, Helvetica;font-weight:normal;}
table#Footer a {color:#1D839F;font-size:11px;}
table#Footer a:hover {color:#07637F;text-decoration:underline;}





/* MENU VERTICAL
/////////////////
*/
div#Menu {
	width:186px;
	min-height:280px;
	float:left;
	background:#DEF4FF url(../images/sitemain/menu/MenuMain_Bg.jpg) top left repeat-y;
	text-align:left;
	margin-top:10px;
}
div#Menu div.MenuMain_T {width:186px;height:27px;background:url(../images/sitemain/menu/MenuMain_T_Bg.jpg) top left no-repeat;margin-bottom:30px;}
div#Menu div.MenuMain_T h1 {font-family:Arial;font-size:16px;margin:0;padding:13px 15px 0 0;text-align:right;font-style:italic;}
div#Menu div.MenuMain_B {width:186px;height:30px;background:url(../images/sitemain/menu/MenuMain_B_Bg.jpg) top left no-repeat;}

div#Menu .Panier {width:186px;font-size:12px;}
div#Menu .Panier a, div#Menu .Panier a:visited {color:#000000;display:block;_height:0.0000001%;}
div#Menu .Panier img {margin:0px 10px 0px 35px;}
div#Menu .Panier .NbArticle {color:#6FD2FF;}

div#Menu .IdeaBox {width:186px;height:50px;line-height:50px;font-size:12px;font-weight:bold;}
div#Menu .IdeaBox a, div#Menu .IdeaBox a:hover {margin-left:20px;color:#07637F;}

div#Menu .Newsletter {width:186px;height:60px;font-weight:bold;text-align:center;}
div#Menu .Newsletter h3 {padding-left:20px;margin:0;font-size:12px;color:#1B5B6F;font-family:Arial;text-align:left;}
div#Menu .Newsletter p {width:100%;padding:0;margin:0;}
div#Menu .Newsletter input {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;font-size:12px;cursor:pointer;}
div#Menu .Newsletter input:focus {background-color:#F6FBFE;border:1px solid #B3DFF8;}

div#Menu ul {padding:0;margin:0 0 50px 0;}
div#Menu li {font-family:Verdana, Arial;font-size:12px;margin:10px 0 10px 0;padding:0 0 0 5px;list-style:none;text-transform:capitalize;}
div#Menu li a, div#Menu li a:visited {color:#07637F;display:block;_height:0.0000001%;}
div#Menu div.Separateur {width:186px;height:3px;font-size:0.1em;padding:0px;margin:10px 0 10px 0;background:url(../images/sitemain/menu/Separateur.gif) no-repeat; border:0;}





/* BLOC CATEGORIE
//////////////////
*/
.BlocCategorie {
	width:224px;
	height:224px;
	margin:35px 14px 0 14px;
	display:inline-table;
	text-align:center;
	background:#def5ff url(../images/sitemain/BlocCategorie.jpg) top left no-repeat;
	cursor:pointer;
}
.BlocCategorie .Texte {width:224px;height:30px;text-align:center;}
.BlocCategorie .Texte h1 {font-family:Verdana, Arial;font-size:14px;color:#333333;padding-top:3px;margin:0 5px;text-transform:capitalize;}
.BlocCategorie .Texte h1 a {color:#064C5F;}
.BlocCategorie .Photo {width:224px;height:184px;text-align:center;margin-top:10px;}
.BlocCategorie .Photo a {color:transparent;}
.BlocCategorie .Photo img {border:0;}





/* LISTE PRODUITS
//////////////////
*/
.BlocProduit {
	width:220px;
	margin:15px 14px 15px 14px;
	display:inline-table;
	text-align:center;
	vertical-align:bottom;
	cursor:pointer;
}
.BlocProduit img {border:0;}
.BlocProduit a {color:transparent;}





/* PRODUIT DETAILLE
/////////////////////
*/
.BlocProduitBig {
	float:left;
	width:350px;
	margin:15px 14px 15px 14px;
	text-align:center;
}
.BlocProduitBig img {border:0;}
.BlocProduitBig div.Photo {float:left;width:220px;}
.BlocProduitBig div.PhotoBefore {float:right;width:100px;font-size:11px;color:#666666;font-weight:bold;}
.BlocProduitBig div.PhotoFond {float:left;width:350px;}
.BlocProduitBig div.PhotoFond div.FondNote {width:100%;text-align:left;}
.BlocProduitBig div.PhotoFond div {float:left;width:60px;margin:0 4px 5px 4px;}





/* CRITERES ACHAT
//////////////////
*/
.BlocCriteresAchat {
	float:right;
	width:350px;
	margin:15px 14px 15px 0;
	text-align:center;
}
.BlocCriteresAchat h2.Titre {
	background:#F6FBFE;
	border:1px solid #B3DFF8;
	font-size:13px;
	font-weight:normal;
	color:#07637F;
	margin:0 0 20px 0;
	-moz-border-radius:12px;
}
.BlocCriteresAchat table {margin-bottom:20px;}
.BlocCriteresAchat th {font-size:11px;font-weight:bold;border-bottom:1px solid #B3DFF8;text-align:left;}
.BlocCriteresAchat td {font-size:11px;height:23px;text-align:left;vertical-align:middle;}
.BlocCriteresAchat td.Spacer {height:15px;}
.BlocCriteresAchat label {cursor:pointer;}
.BlocCriteresAchat .BlocPrice {width:100%;text-align:right;margin-top:10px;font-size:11px;color:#333333;}
.BlocCriteresAchat .AjoutPanier {width:100%;text-align:right;margin-top:10px;}
.BlocCriteresAchat .Infos {width:100%;text-align:left;margin-bottom:10px;}
.BlocCriteresAchat .Infos a {}
.BlocCriteresAchat .Infos a:hover {}
.BlocCriteresAchat .Infos img {vertical-align:middle;}





/* STYLES DU PANIER
////////////////////
*/
table.PanierTable {width:758px;}
table.PanierTable th {background:#ABDCF7; font-weight:normal;}
table.PanierTable tr {font-size:11px;}
table.PanierTable tr.PanierLine1 {background:#E2F4FE;}
table.PanierTable tr.PanierLine1:hover {background:#FFF;}
table.PanierTable tr.PanierLine2 {background:#EBF6FD;}
table.PanierTable tr.PanierLine2:hover {background:#FFF;}
table.PanierTable tr a:link, table.PanierTable tr a:visited {font-weight:bold; color:#660000;}
table.PanierTable tr a:hover {font-weight:bold; color:#222222;}
table.PanierTable td.DetailsCommande img {border:1px solid #FFFFFF;margin-right:10px;}
table.PanierTable td.DetailsCommande a {color:#07637F;font-weight:normal;}
div#PanierSubBoutons {float:right;width:90%;height:30px;text-align:right;margin:20px 10px 10px 0;}
div#PanierSubBoutons a {color:transparent;}
div#PanierSubBoutons img {margin:0px;border:0;}

div#SubPanier {width:678px;margin:4px 0 0 3px;}

div#SubPanier div#PanierSubLivraison {float:right;margin:4px 0 0 0;width:400px;height:30px;line-height:30px;background:#EBF6FD;font-size:10px;}
div#SubPanier div#PanierSubLivraison .CommandeLivraisonTexte {float:left;width:230px;text-align:left;margin-left:5px;}
div#SubPanier div#PanierSubLivraison .CommandeLivraisonTotal {float:left;width:108px;text-align:center;margin-left:56px;}

div#SubPanier div#PanierSubTotal {float:right;margin:4px 0 0 0;width:400px;height:30px;line-height:30px;background:#EBF6FD;font-size:10px;}
div#SubPanier div#PanierSubTotal .IconeTotal {float:left;}
div#SubPanier div#PanierSubTotal .NbArticletotal {float:left;width:98px;text-align:center;}
div#SubPanier div#PanierSubTotal .CommandeTotal {float:left;width:108px;margin-left:110px;text-align:center;}

div#SubPanier div#SubTva {float:right;margin:4px 0 0 0;width:400px;text-align:right;background:#EBF6FD;}
div#SubPanier div#SubTva span {margin-right:5px;font-size:9px;color:#444444;}

div#MethodePaiement {float:right;margin:4px 0 0 0;width:400px;height:30px;line-height:30px;background:#EBF6FD;font-size:10px;}
div#MethodePaiement #MethodeTexte {float:left;width:230px;text-align:left;margin-left:5px;}
div#MethodePaiement #MethodeListe {float:left;width:150px;text-align:center;}






/* TABLEAU DES COMMANDES
/////////////////////////
*/
table.CommandeTable {width:758px;border:1px solid #ABDCF7;}
table.CommandeTable th {background:#ABDCF7; font-weight:normal;}
table.CommandeTable tr {font-size:11px;}
table.CommandeTable tr.CommandeLine1 {background:#E2F4FE;}
table.CommandeTable tr.CommandeLine1:hover {background:#FFF;}
table.CommandeTable tr.CommandeLine2 {background:#EBF6FD;}
table.CommandeTable tr.CommandeLine2:hover {background:#FFF;}
table.CommandeTable td a:link, table.CommandeTable td a:visited {color:#07637F;}
table.CommandeTable td a:hover {color:#07637F;text-decoration:underline;}
table.CommandeTable td.DetailsCommande img {border:1px solid #FFFFFF;margin-right:10px;}
table.CommandeTable td.DetailsCommande img.news {border:inherit;margin-right:3px;}
table.CommandeTable td.DetailsCommande div.Spacer{width:100%;height:0px;border-top:1px solid #CDEEFD;font-size:0.1em;margin:6px 0;clear:both;}






/* TABLEAU D'ITEMS
///////////////////
*/
table.ItemsTable {width:758px;border:1px solid #ABDCF7;}
table.ItemsTable th {background:#ABDCF7;}
table.ItemsTable tr {font-size:11px;}
table.ItemsTable tr.ItemsLine1 {background:#E2F4FE;cursor:pointer;}
table.ItemsTable tr.ItemsLine1:hover {background:#FFF;}
table.ItemsTable tr.ItemsLine2 {background:#EBF6FD;cursor:pointer;}
table.ItemsTable tr.ItemsLine2:hover {background:#FFF;}
table.ItemsTable td div {width:100%;}
table.ItemsTable tr.ItemsLine0 {background:#FFAFB6;cursor:pointer;}
table.ItemsTable tr a:link, table.ItemsTable tr a:visited {color:#07637F;}
table.ItemsTable tr a:hover {color:#07637F;}






/* STYLE DU BLOC DE RESULTATS
//////////////////////////////
*/
div#Results {float:left;width:100%;margin:0 0 15px 0;font-size:11px;border-bottom:1px solid #ABDCF7;}
div#Results #NbResults {float:left; padding-left:10px; color:#444444;}
div#Results #NbPages {float:right; padding-right:10px; color:#444444;}
div#Results #NbPages a:link, div#Results #NbPages a:visited {color:#888888; text-decoration:none;}
div#Results #NbPages a:hover {color:#444444; text-decoration:none;}





/* CACHE/AFFICHE DIV
/////////////////////
*/
.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}






/* BLOC DE CONNEXION CLIENT
////////////////////////////
*/
div#BlocConnexion {width:400px;margin:25px 0 0 25px;padding:8px;font-size:11px;color:#444444;background:#EFF8FE;-moz-border-radius:20px;border:1px solid #B3DFF8;}
div#BlocConnexion input {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding-left:3px;padding-right:3px;width:200px;}
div#BlocConnexion input:focus {background-color:#F6FBFE;}
div#BlocConnexion input#rememberme {width:20px;border:0px;vertical-align:middle;}
div#BlocConnexion p.submit {width:100%;text-align:center;}
div#BlocConnexion input.submit {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding-left:3px;padding-right:3px;width:120px;cursor:pointer;}
div#BlocConnexion input.submit:active {background-color:#F6FBFE;}






/* BLOC DE CONNEXION CLIENT
////////////////////////////
*/
div.BlocConnexionCommande {width:80%;margin-left:15px; font-size:11px; color:#666666; font-weight:bold;}
div.BlocConnexionCommande input, div.BlocConnexionCommande input:focus {
	background:#FFF;
	border:1px solid #D1DAC5;
	width:150px;
}
div.BlocConnexionCommande input#rememberme {width:20px;border:0px;}
div.BlocConnexionCommande input.submit, div.BlocConnexionCommande input.submit:focus {
	background:#FFF;
	border:1px solid #D1DAC5;
	width:100px;
	color:#527F4F;
	font-weight:bold;
	cursor:pointer;
	font-size:0.8em;
}
div.BlocConnexionCommande input.submit:active {
	background:#EFF5E9;
	border:1px solid #AFBF9B;
}






/* FORMULAIRE INSCRIPTION
//////////////////////////
*/
div.FormInscription {width:95%;margin:30px auto;font-size:11px;color:#555555;background-color:#E2F4FE;border:1px solid #ABDCF7;}
div.FormInscription table {width:100%; font-size:11px;color:#555555;}
div.FormInscription td {color:#000000;height:18px;}
div.FormInscription td.Spacer {padding:10px 0;}
div.FormInscription .Intitule {padding:8px;font-size:11px;color:#555555;}






/* BLOC ESPACE CLIENT
//////////////////////
*/
div.BlocConteneur {width:95%;margin:30px auto;font-size:11px;color:#333333;}
div.BlocConteneur table {width:100%;color:#333333;}
div.BlocConteneur td {color:#000000;}
div.BlocConteneur td.Spacer {padding:10px 0;}
#BlocFonds {width:350px;float:left;}
#FormFonds {width:330px;float:right;text-align:left;}
#BlocFonds div {float:left;width:60px;margin:0 4px 5px 4px;}






/* STYLES GENERALES
/////////////////////
*/
span.NoteSmall {font-size:9px; color:#555555; font-weight:normal; text-transform:none;}
span.NoteSmallGreen {font-size:9px; color:#478F23; font-weight:normal; text-transform:none;}
span.NoteSmallRed {font-size:9px; color:#CC0000; font-weight:normal; text-transform:none;}
span.NoteSmall2 {font-size:11px; color:#333333; font-weight:normal; text-transform:none;}
span.NoteMedium {font-size:12px; color:#0F0F0F; font-weight:normal;}
span.NoteMedium2 {font-size:12px; color:#0F0F0F; font-weight:normal; font-style:italic;}
span.NotePrix {font-size:9px; color:#3366CC; font-weight:normal; text-transform:none;}

span.Erreur {font-size:11px;color:#FF0000;font-weight:normal;text-decoration:blink;}
span.Succes {font-size:11px; color:#0F0F0F; font-weight:normal;}

p.Erreur {width:60%;min-height:32px;background:#EFF9FF;font-size:11px;text-align:left;color:#FF0000;border:1px solid #D2F0FB;padding:4px 10px;margin-top:20px;-moz-border-radius:15px;}
p.Erreur img {margin:0 15px 0 0;}
p.Succes {width:90%;min-height:32px;background:#EFF9FF;font-size:11px;text-align:left;color:#66CC66;border:1px solid #D2F0FB;padding:4px 10px;margin-top:20px;-moz-border-radius:15px;}
p.Succes img {margin:0 15px 0 0;}

fieldset.legend1 {margin-top:20px; background:#E2F4FE; border:1px solid #ABDCF7; font-size:11px; color:#222222;}
fieldset.legend1 legend {color:#555555;font-weight:bold;padding:0 7px;}
fieldset.legend1 p {margin:2px 0;}
fieldset.legend2 {margin-top:20px; background:#EEE; border:1px solid #ABDCF7; font-size:11px; color:#222222;}
fieldset.legend2 legend {color:#555555; font-weight:bold;}
fieldset.legend2 p {margin:2px 0;}

a.link1:link, a.link1:visited {color:#6CBF6B; text-decoration:underline; font-size:15px; font-weight:bold;}
a.link1:hover {color:#6CBF6B; text-decoration:none; font-size:15px; font-weight:bold;}
a.link2:link, a.link2:visited {color:#07637F; text-decoration:none; font-size:13px; font-weight:bold;}
a.link2:hover {color:#07637F; text-decoration:underline; font-size:13px; font-weight:bold;}
a.RedLink:link, a.RedLink:visited {color:#990000; text-decoration:none; font-size:10px;}
a.RedLink:hover {color:#990000; text-decoration:none;}
a.RedLink2:link, a.RedLink2:visited {color:#990000; text-decoration:none; font-size:9px;}
a.RedLink2:hover {color:#990000; text-decoration:none;}
a.RedLink3:link, a.RedLink3:visited {color:#990000; text-decoration:none; font-size:11px;}
a.RedLink3:hover {color:#990000; text-decoration:none;}

h2.SubTitre {margin:0 10px 10px 10px;padding:0 0 0 10px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#12435F;border:1px solid #B3DFF8;background:#EFF8FE;-moz-border-radius:7px;letter-spacing:1px;}
h2.SubTitre2 {margin:0 0 0 5px;padding:0 0 0 10px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#12435F;border:1px solid #B3DFF8;background:#FFFFFF;-moz-border-radius:7px;font-weight:normal;}
h2.SubTitre2 img {vertical-align:text-top;}






/* STYLES FORMULAIRES
//////////////////////
*/
form {margin:0; padding:0;}

.radio {vertical-align:bottom;border:0px;}

/* INPUT */
input.extendable {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding:0 3px;}
input.extendable:focus {background-color:#F6FBFE}
input.norm1 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding-left:3px;padding-right:3px;width:150px;}
input.norm1:focus {background-color:#F6FBFE;}
input.norm2 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding-left:3px;padding-right:3px;width:50px;}
input.norm2:focus {background-color:#F6FBFE;}
input.file1 {border:1px solid #B3DFF8;-moz-border-radius:7px;font-size:0.9em;}
input.submit1 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;font-size:1.3em;cursor:pointer;}
input.submit1:focus {background-color:#F6FBFE;border:1px solid #B3DFF8;}
input.submit2 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;font-size:1em;cursor:pointer;}
input.submit2:focus {background-color:#F6FBFE;border:1px solid #B3DFF8;}
input.AjouterPanier {background:none;padding:0;margin:0;border:0px;width:143px;height:56px;font-size:inherit;}

/* SELECT */
select.norm1 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding-left:3px;padding-right:3px;width:150px;font-size:1.1em;}
select.norm1:focus {background-color:#F6FBFE;}
select.norm2 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding-left:3px;padding-right:3px;width:80px;font-size:1.1em;}
select.norm2:focus {background-color:#F6FBFE;}
select.norm3 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;padding-left:3px;padding-right:3px;width:100px;font-size:1em;}
select.norm3:focus {background-color:#F6FBFE;}

/* TEXTAREA */
textarea.norm1 {background-color:#EFF8FE;border:1px solid #B3DFF8;-moz-border-radius:7px;width:95%;padding-left:3px;padding-right:3px;margin-top:5px;font-family:Arial, Helvetica;font-size:12px;}
textarea.norm1:focus {background-color:#F6FBFE;}