BODY {Font-family:verdana; font-size:12px; color:#000000; background:url(images/fd-ciel-noir.png)repeat; background-color:#f0f0f0;}
A:ACTIVE, A:LINK, A:VISITED {color:#A62F17; text-decoration: none;}
A:HOVER {color:#f5680a;}
* {margin:0;}
h1 {font-size:20px;}

@font-face {font-family: 'Chiller'; src: url('fonts/CHILLER.TTF'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'hanshand'; src: url('fonts/hanshand.TTF'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'ahronbd'; src: url('fonts/ahronbd.TTF'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'BRITANIC'; src: url('fonts/BRITANIC.TTF'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'COOPBL'; src: url('fonts/COOPBL.TTF'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HARLOWSI'; src: url('fonts/HARLOWSI.TTF'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'BAUHS93'; src: url('fonts/BAUHS93.TTF'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'JOKERMAN'; src: url('fonts/JOKERMAN.TTF'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'MAGNETOB'; src: url('fonts/MAGNETOB.TTF'); font-weight: normal; font-style: normal;}

/* ---------------------- MENU -------------------------------*/
.menu 			{color: #763407;}
A.menu:ACTIVE, A.menu:LINK, A.menu:VISITED {color:#763407;text-decoration : none;}
A.menu:HOVER 	{color:~#f5680a; text-decoration:none;}

#all_screen_header,#all_screen_page,#all_screen_footer,#all_screen_navig	{display:block; text-align:center;}          /* tout l'écran*/
#all_screen_header		{ height:200px; background:url(images/fd-ciel-noir.png)repeat; background-color:#000000; border-bottom:#ffcb03 solid 2px;} 
#all_screen_navig		{ background:url(images/fond-page.jpg)repeat;}
#all_screen_page		{ background:url(images/fond-page.jpg)repeat;}
#all_screen_footer		{background-image:linear-gradient(to bottom, #ffcb03, black 100%); background-color:#ffcb03; }

.contenu_page,.contenu_home,.contenu_header,.contenu_footer,.contenu_navig	{ display:block; margin:auto; text-align:left;}
.contenu_header   		{ width:1400px;}
.contenu_navig   		{ width:1000px; height:40px; background-color:#ffcb03; border-radius:0 0 20px 20px;}
.contenu_page			{ width:960px; background-color:#f0f0f0; border-radius:0 0 20px 20px; border-left:solid 2px #d0a606; border-right:solid 2px #d0a606;}
.contenu_home			{ width:960px; padding:12px 0; border-bottom:#86362d solid 1px; min-height:700px; background-color:#c0a198; border-radius:20px 20px 20px 0;}  
.contenu_footer   		{ width:920px; background-color:#d0a606;}


/* ---------------------- NEW -------------------------------*/
.contenuG		{display:block; float:left; width:180px; }
.contenuSeul	{display:block; float:right; width:760px; padding-left:20px;}
.contenuM		{display:block; float:left; width:620px; padding:0 10px;}
.contenuD		{display:block; float:right; width:160px;}


/* ---------------------- HOME -------------------------------*/
.laHome.contenuM {width:536px;}
.laHome.contenuD {width:244px;}
.contenuSeul .laHome {width:750px;}

.laHome .menuD.cadre{display:block; width:210px; margin-top:10px; height:30px; border-radius:10px;}
.laHome .menuD.cadretitre{display:block; clear:both; width:210px; height:20px; font-weight:bold; padding:5px; background-color:#a9b2bf; margin-top:6px; border-radius:5px;}
.MessHome		{width:100%px; padding:2px; border: 1px solid #117C0F;	background-color: #117C0F;}

.laHome .listComicsAvendreV{display:block; float:left; width:140px; height:230px; background-color:#d1d1d1; border:solid 1px #000; border-radius:4px; margin:10px; text-align:center; padding:12px;}
.laHome .listComicsAvendreV:hover{background-color:#fff; border:solid 1px #fff;}
.laHome .listComicsAvendreV img{border:solid 1px #000;margin-bottom:10px;}
/* ---------------------- HOME -------------------------------*/



.Score 			{color:#FCF308;	font-weight : bold;}
.Mgagne 		{color:#63D67B;	font-weight : bold;}
.Copy 			{color: #FCF3E7;}
.TtrBloc		{color:#D9980C;	font-weight : bold;}
.classcote		{font-size:10px; color: #575b61;}
.cadretitre		{font-weight:bold; width:156px; height:30px; padding:5px; background-color:#a9b2bf; margin-bottom:8px;}

.cadre			{display:block; clear:both; width:370px; height:60px; font-weight:bold; padding:14px 5px; text-align:center; border:solid 1px #d1d1d1;
				border-radius:0 8px 8px 0; background-image:linear-gradient(to right, white 20%, black 130%); box-shadow:2px 2px 2px 2px #999;}
.cadre em		{color:#482f05;}
.menuD.cadre	{display:block; clear:both; width:160px; height:60px; font-weight:bold; padding:5px; background-color:#a9b2bf;}

.classcadre 	{color: #165E07;}

.autourMenuD	{width:224px; background-color:#d1d1d1; border:solid 1px #000; border-radius:4px; margin:0 10px; text-align:center; padding:0 5px;}


/* **************************************** MENU GAUCHE  */
.fdMenuLigneUn,.fdMenu{display:block; float:left; height:16px; font-weight:bold;}
.fdMenuLigneUn,.fdMenu{width:180px; line-height:16px; background-color:#f1f1f1;  font-size:11px; padding-left:4px;  color:#000;}
.fdMenu a 		{color: #763407;}				
.fdMenu:hover	{background-color:#666; background-image:linear-gradient(to right, white 0%, black 150%); border-radius:4px;}
.fdMenu.selected {background-color:#ffcb03; border-radius:0 10px 10px 0; margin: 6px 0;}
.fdMenu.selected a{color:#000;}


/* **************************************** NAVIGATION  */
.naviGation				{display:block; width:950px; line-height:30px; border-radius:0 0 10px 0; padding:4px 0 4px 10px; color:#f0f0f0; margin-left:20px;}
.naviGation	a			{color:#000; font-weight:bolder;}
.naviGation	a:hover		{color:#f5680a;}


/* **************************************** LES TITRES  */
.titreInPage, .listInPage, .titreInPageB, titreInPage2{display:block; float:left; height:20px; font-weight:bold;}
.titreInPage	{width:740px; height:30px; line-height:28px; background-color:#ddd; border-radius:0 10px 0 0; padding:5px; margin-top:8px;
				background-image:linear-gradient(to right, white 20%, black 150%); 	font-family:BRITANIC, sans-serif; font-size:22px; text-shadow:1px 1px 1px grey;}
.titreInPageB	{width:740px;height:30px; vertical-align:middle; background-color:#ddd; border-radius:0 0 10px 0; padding:5px; margin-top:4px; 
				background-image:linear-gradient(to right, white 20%, black 150%); 	font-family:BRITANIC, sans-serif; font-size:22px; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); text-align:right;}
.titreInPage2	{display:block; width:736px; height:30px; line-height:28px; background-color:#ddd; margin:0 0 10px 10px; padding:5px 5px 5px 10px; 
				background-image:linear-gradient(to right, #f0f0f0 20%, black 150%); font-family:BRITANIC, sans-serif; font-size:24px;}		

.listInPage		{width:710px; height:24px; line-height:24px; margin:0 0 2px 30px; padding-left:10px;
				background-image:linear-gradient(to left, white 20%, black 160%);}
.listInPage a	{color: #000;}
.listInPage:hover	{color: #000; background-image:linear-gradient(to right, white 20%, black 140%);}
/* **************************************** LES TITRES  */


/* ************************** BOUTONS ******************************* */
.bouton 		{width:220px; height:30px; background:url(images/purchase.png)no-repeat;}
	
.bouton:hover 	{background:url(images/purchase-hover.png)no-repeat;}

/* ************************** BOUTONS ******************************* */



.listComicsAvendreV{display:block; float:left; width:140px; height:250px; background-color:#d1d1d1; border:solid 1px #000;border-radius:4px; margin:10px; text-align:center; padding:10px 8px;}
.listComicsAvendreV:hover{background-color:#fff; border:solid 1px #fff;}
.listComicsAvendreV img{border:solid 1px #000;margin-bottom:10px;}

.detComTxt		{display:block; float:left; width:384px; height:530px; background-image:linear-gradient(to right, white 20%, black 250%); padding:10px;}
.detComCover	{display:block; float:left; width:330px; margin:6px; background-color:#fff;}
.detComCover img{display:block; width:340px; height:540px;}






.listSouhaitsLign, .listSouhaitsId, .listSouhaitsnomArt, .listSouhaitsPrix, .listSouhaitsSupprim, .listSouhaitsLignTitre	
						{display:block; float:left; text-align:left; height:22px; line-height:22px;}
.listSouhaitsLign		{width:790px; border-bottom:solid 1px #000;}
.listSouhaitsLignTitre	{width:790px; border-bottom:solid 4px #000;}
.listSouhaitsId			{width:60px; }
.listSouhaitsnomArt		{width:400px;}
.listSouhaitsPrix		{width:200px;}
.listSouhaitsSupprim	{width:130px; padding-top:4px;}

.connexG, .connexD		{display:block; float:left; text-align:left; }
.connexG				{width:330px;}
.connexD				{width:380px; padding-left:50px;}


/* --------------------- AJOUT AU PANIER -------------------------*/
.ajAuPanierG, .ajAuPanierD, .ajAuPanierDTitre, .ajAuPanierDImg, .ajAuPanierDTxt {display:block; float:left; text-align:left; }
.ajAuPanierG			{width:340px;}
.ajAuPanierD			{width:400px; padding-left:20px; margin-bottom:20px;}
.ajAuPanierDTitre		{width:384px; line-height:24px; background-color:#d9d9d9; border-radius:0 0 8px 0; padding-left:6px; margin-bottom:10px; font-weight:bold;}
.ajAuPanierDImg			{width:140px;}
.ajAuPanierDTxt			{width:260px;}
.ajAuPanierUneLigne		{display:block; width:340px; height:24px; line-height:24px; margin:0 0 2px 6px; padding-left:6px; border-radius:8px 0 0 8px;
						background-image:linear-gradient(to left, #f0f0f0 10%, black 160%); font-weight:bold;}
.ajAuPanierUneLigne a	{color:#fff;}
.ajAuPanierUneLigne:hover{background-image:linear-gradient(to right, #f0f0f0 10%, black 160%); width:330px;}
.ajAuPanierUneLigneOn	{display:block; width:340px; height:24px; line-height:24px; margin:0 0 2px 6px; padding-left:6px; border-radius:0 8px 8px 0;
						background-image:linear-gradient(to right, #f0f0f0 10%, black 160%); font-weight:bold;}


/* --------------------- CSS PANIER -------------------------*/
.panierLigne, .panierSuppr, .panierArticle, .panierQty, .panierPrixChaq, .panierPrixTotal, .panierLigneTitre, .panierChoixTransport, .panierBtnRadio, .panierBtnRadioTxt, .panierNumero	
						{display:block; float:left; text-align:left; height:22px; line-height:22px;}
.panierLigneTitre		{width:740px; border-bottom:solid 3px #000; margin-bottom:10px; font-weight:bold;}
.panierLigne			{width:740px; border-bottom:solid 1px #000;}
.panierSuppr			{width:100px;}
.panierNumero			{width:50px;}
.panierArticle			{width:300px;}
.panierQty				{width:60px;}
.panierPrixChaq			{width:130px; text-align:right;}
.panierPrixTotal		{width:150px; text-align:right; }
.panierChoixTransport	{clear:both; width:640px; height:120px; padding-left:80px; margin:14px 0;
						border-radius:8px; background-image:linear-gradient(to bottom, white 20%, black 130%); box-shadow:2px 2px 2px 2px #999;}
.panierBtnRadio			{width:20px; padding-left:70px; padding-top:5px;}
.panierBtnRadioTxt		{width:540px; padding-top:5px; line-height:14px;}
.autourPanier			{display:block; float:left; width:740px; padding:10px;}


/* ------------------------ FOOTER ----------------------------------------*/
.blok_footer_1, .blok_footer_2, .blok_footer_3
							{display:block; float:left; text-align:left; padding:10px;}
.blok_footer_titre			{display:block; clear:both; width:280px; height:20px; font-weight:bold; padding:14px 14px; font-size:16px; margin-bottom:20px; border-radius:0 8px 8px 0; background-image:linear-gradient(to bottom, #ffcb03, black 120%);}			
.blok_footer_1				{width:300px; }
.blok_footer_2				{width:300px; }
.blok_footer_3				{width:260px; }

/* ------------------------ FORMULAIRES ----------------------------------------*/
.autourForm, .autourFormLabel, .autourFormForm {display:block; float:left;}
.autourForm			{width:760px; padding:4px;}
.autourFormLabel	{width:200px; text-align:right; padding-right:10px; line-height:20px; font-weight:bold;}
.autourFormForm		{width:400px; }