/* ######### red�finitions de tags ######## */
td {
/* Changer ici les couleurs, familles et tailles 
de fontes par d�faut pour tout le site */
/* dans zwook tous les textes apparaissent syst�matiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */
font-family: verdana,arial,sans-serif;
font-size:10px;
color:#3d6cbc;
}

/* style des cellules de titre */
th {
font-family: verdana,arial,sans-serif;
font-size:small;
color:black;
border-bottom:1px solid #131313;
border-top:0px solid #131313;
#background:#B3C9E0;
}

/* Style des liens */
div#fond_banniere a,div#fond_banniere a:link,div#fond_banniere a:hover,div#fond_banniere a:visited, {
   background:#cc6666 !importante;   
}
a:link {
text-decoration:none;
color:#3d6cbc;
}

a:visited {
text-decoration:none;
color:#3d6cbc;
}

a:hover {
text-decoration:none;
background:;
color:dd7396;
}

a img {
    border: 0;
}

em {
color:#131313;
}

h4 em, h4 a, h5 a, h4 a:visited, h5 a:visited {
color:#131313;
}

h5 em {
color:black;
}

/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des �l�ments de formulaire */
input, textarea {
background: #e0efff;
color:#131313;
border: 1px solid #131313;
}

strong {
color:#3d6cbc;
font-size:12px;
}

strong h3 {
border-bottom:0px solid #131313;
page-break-after: avoid;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agr�menter si on veut, bordures, etc.***/
background: #ffffff;
padding: 2;
margin: 3;
border-width: 2;
border-color: lightgray;
-moz-border-radius: 12px;
border-radius: 12px;
}

label { /*** Mise en forme des intitul�s de champs ***/
float: left; /*** Tr�s important, ne pas suprimer ! ***/
width: 37%; /*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/
font-size: 85%;
text-align: right; /*** ... et ils sont align�s � droite... ***/
line-height: 1.6;
margin: 0;
padding: 0;
}

label:hover, input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs � cliquer sur les intitul�s ***/
}

/* Style des niveaux de titre */
h1, h2, h2 a, h2 a:visited  {
font-family:arial,verdana,sans-serif;
color:#546475;
font-weight:bold;
}
h1 {
padding-left:12px;
}

h3 {
font-family:arial,verdana,sans-serif;
font-size:14px;
color:#3d6cbc;
font-weight:bold;
}

h4 {
color:#546475;
font-variant:small-caps;
background:#CED2D7;
border-bottom:1px solid #131313;
}

h5 {
font-size:14px
color:#3d6cbc;
}

/* Style des listes */
li {
list-style-type:square;
}

/* Style des footnotes */
fn, sup {
color:#131313;
}

/* ######### classes g�n�riques ######## */
.error_message {
font-size:large;
color:red;
text-align:center;
}

.alternate_background {
/* utiliser ici une couleur proche mais l�g�rement diff�rente 
du background de page : voir forum pour tester */
background:#eaf4ff;
}
.alternate_backgroundr {
	/* utiliser ici une couleur proche mais l?g?rement diff?rente 
du background de page : voir forum pour tester */
	background: Green;
}
.alternate_background2 {
/* utiliser ici une couleur proche mais l�g�rement diff�rente 
du alternate_background : voir calendrier pour tester */
background:#CDD6E0;
}

.alternate_background3 {
/* utiliser ici une couleur proche mais l�g�rement diff�rente 
du alternate_background2 : voir calendrier pour tester */
background:#f4f9ff;
}

.flashy_background a {
color:white;
}

.flashy_background {
/* utiliser ici une couleur qui tranche sur le background 
de page : voir calendrier pour tester */
background:#88AADD;
}

/* Style alternatif des �l�ments de formulaire : 
voir speedblog pour test */
.alternate_form {
background:#CCCCCC;
color:black;
border: 1px solid black;
}

.hori{
background-image:url(zwo_info/css/images/image_css.jpg);
background-position:top left;
background-repeat:repeat-x;height:20%;
}
.nornavigation{
padding-left: 10px;
display: block;
}
.selnavigation{
padding-left: 10px;
display: block;
}
/*-----------------modules------------*/
.news_history{ 
display:block;
width:100%;
font-size:4px;
display:block;
}

.news_history a ,.news_history a:link ,.news_history a:visited {
display:block;
clear:both;
font-size:10px;
font-family:verdana;
font-weight:bold;
color:#797F83;
background-image:url(zwo_info/css/images/fl-bleu.gif );
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
width:auto;
padding-top:3px;
padding-bottom:3px;
text-align:left;
}

.news_history a:hover{
text-decoration:none;
color:#73144A;}

.news_history a.ad_mes ,.news_history a.ad_mes:link ,.news_history a.ad_mes:visited {
background-image:url(zwo_info/css/images/fl-bleu_ad.gif );
}

.news_history a.new_mes ,.news_history a.new_mes:link ,.news_history a.new_mes:visited {
background-image:url(zwo_info/css/images/fl-bleu_new.gif );
}

/* recherche */

#zwo_search {
display:inline;
}

#zwo_search input{
font:10px verdana;
display:inline;width:140px;
border:#ccc inset 1px;
}

/* Navigation category */

.nav_clear {
display:block;
clear:both;
height:30px;
}
.nav_categorie {
padding: 0;
margin: 0;
height:70px;
}
.nav_categorie a:hover {
    text-decoration: underline;
    cursor: pointer;
  }

.nav_categorie li {
    display: block;
    float: left;
		text-align: center;
    padding: 0 2px 2px 2px;
    margin: 0;
  }


.nav_categorie li img {
    display: block;
  }

.category_selected {
    font-weight: bold;
  }

li.category , li.category_selected{
	height:82px;
	overflow:hidden;
}

li.category span , li.category_selected span {
	line-height:80%;
	letter-spacing:-0.05em;
	width:72px;
	display:block;
}

 
/* CSS Document */

h4 {
    font-family:verdana, MS trebuchet, sans-serif;
	font-size:14px;
	color:#3D6CBC;
}
	
a h5 {
cursor:hand;
}
.cata {
    width:100%;
	float: left;
	clear: left;
	background: #FFF;
	font-family: verdana;
	font-size:10px;
}
.cata a {font-family: verdana; font-size: 10px;font-weight:bold;text-decoration: none; color: #333 }
.cata a:hover {color: #FE0103; text-decoration: underline !important;}
.cata a:visited  {color: #333 ;text-decoration: none  ;	}
.cata select {
    font-family:verdana, MS trebuchet, sans-serif;
	font-size:10px;
	
}



.admin_cat {
	width:100%;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color :#000066;
	background: #f0f0f0 ;
}
.admin_cat a {color: #000066 !important;text-decoration: none !important;	}
.admin_cat a:hover {color: #FE0103!important; text-decoration: underline !important;}
.admin_cat a:visited  {
	color: #000066;text-decoration: none !important;	
}


.previewA {
	background-color: #fff !important;
	float:left;width:30% !important;width:32%;height:auto;
	
}
table.previewA {
	border: 2px solid #D1D1D1;border-top:0px;border-left:0px;height:150px;
}
.previewA select {
	
	font-family: verdana; 
	font-size: 10px;
	font-weight:bold;
	text-decoration: none; 
	color: #333333 ;
	border : #AADDFF;
	
	}

.previewB {

	background-color: #F8F8F8;
	border: 2px solid #D3D2D6;
	border-left:0px;border-right:0px;
	clear:both;
	font-family: verdana;height:100%; 
}
.previewB table tr td{
	vertical-align:top;padding:5px;
}
.infprod {
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	/*float: left;*/
}
.infprod td {
  vertical-align:bottom;
}
.infprod a {color: #000066 !important;text-decoration: none ;	}
.infprod a:hover {color: #CC6404 !important; text-decoration: underline !important;}
.infprod a:visited  {color: #000066 ;text-decoration: none ;	}

.infprod .prop {
	float:left;margin:4px 0px;	font-family: verdana; clear:both;

}

.infprod .prop div{
	float:left;margin-right:30px;
}
/*
.imgprod {
	float: left;
	text-align: center;
	background: #FFFFFF;
	border:0px none #AADDFF;

	margin:2px;
}
*/
.imgprod a {
    /*display: block;*/
}
.previewB div.inftxt {
width:100%;clear:both;
}

.inftxt {
	padding-left: 5px;
	padding-right: 5px;
	float:right !imortant;
	float: left;
	font-size: 10px;
	color :#3D6CBC;	
	/*width: auto;*/
	background: none;
}
.inftxt h2, .inftxt h3{
	font-size: 18px; 
	font-weight: bold; 
	text-decoration: none;display:inline;
}

.inftxt h5 {
	display:block;
	height:34px;
	color:000066;
	margin:0px;padding:0px;
	overflow:hidden;
	font-size:11px;
	line-height:85%;
}
.inftxt h3 {
	color:#000066 !important;
}

.inftxt span {

	background: none;
	font-weight:bold;

}
.inftxt em {
	background-color: none;
	text-decoration: none;
}
.inftxt p {
	display:block;
	clear:both;
	margin:0px;padding:0px;
}

.inftxt a{font-size: 10px; font-weight: bold; text-decoration: none;color: #800080}
.inftxt a:hover{font-size: 10px; font-weight: bold; text-decoration: underline;color: #800080}
.inftxt a:hover{font-size: 10px; font-weight: bold; text-decoration: underline;color: #800080}

.cady, .cady:link, .cady:visited  {
display:block;padding-top:4px;
}
.cady img, .cady:link img, .cady:visited img {
	background-color:#D0D9E8;
}

div.byeprod_v1 {
	float: right;
	width: 110px;
	text-align: right;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color:#000066;
}
div.byeprod_v1 span {
	font-size: 12px;
	font-weight: bold;
}

div.byeprod_promo_v1 {
	color:#000066;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}

div.byeprod_promo_v1 span {
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}
div.byeprod_promo_v1 em {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
	color: #FE0103;
}
div.byeprod_promo_v1 span.oldprice  {
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}
div.byeprod_promo_v1 span.newprice {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
	color: #FE0103;
}


.accrprod {
	font-size: 11px;
	padding: 10px; 
	color :#000066;
	clear:both;padding-top:0px;
	border-top:#ececec 2px solid;
}

.goview {
	padding: 2px ; 
	text-align: right ;
	font-family: verdana ;
	font-weight: bold ;
	font-size: 10px ;
	font-style: italic ;
}

/* admin */
.grey_windowz {
	background :#F0F0F0;
	border: 2px #999999 groove;
	width:100%;
	float: left;
	color :#000066;	
}

.fond_interface {
	background-color: #fff ;
	font-family:verdana, comic sans ms;
	font-size:10px;
	color :#000066;
	border: 0px none #fff;
	padding: 8px;
	width:auto;
}
.fond_interface p {
font-family: verdana,arial,sans-serif;
font-size:10px;
color:black;
}

.fond_interface select {
    font-family:verdana, comic sans ms;
	font-size:10px;
	
}
.fond_interface input {
    font-family:verdana, comic sans ms;
	font-size:10px;
	
}
.righttopcorner {
	float: right;
	text-align: left;
	width: 260px;
	background-color: #f8f8f8;
	border: 1px #CCCCCC solid;
}

.pagination {
	background: #FFFFFF;
    padding: 3px;
    width: 100%;
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	clear: right;
	clear: left;
}
.pagination span {
	display:inline;
	font-weight: bolder;
	font-style: none;
	text-decoration: underline;
	width: auto;
}
.pagination a {font-family: verdana; font-size: 10px;font-weight:bold;text-decoration: none; color: #333 }
.pagination a:hover {color: #FE0103!important; text-decoration: underline !important;}
.pagination a:visited  {color: #333!important ;text-decoration: none  ;	}

.description_produit {
    background-color: #f8f8f8;
	padding: 6px ; 
	text-align: left ;
	font-family: arial ;
	font-size: 10px ;
	color:#000066;
}
.description_produit h2 { 
	font-family: arial ;
	font-size: 10px ;
	color:#000066;
	font-weight: bold;
	text-decoration: underline;
}

/******TABLEAU - commande*******/
.grille_cat {
	font-size: 10px;
	font-family: verdana;
	background-color: #f0f0f0;
	border: 0px #CCCCCC none; 
	border-collapse: collapse;
	width: 100% !important;
	width:auto ;
	color:#3D6CBC;

}
.grille_cat li {
	list-style-type: square;
}

.grille_cat thead, .grille_cat caption tbody {
	width:auto;
}

.grille_cat caption{
	font-weight: bolder;
	font-size: 10px;
	text-align: left;
	background-color:#F5EEEA;
	border: 0px #fff none;
	padding: 3px;
	width: 100%;
}
.grille_cat caption strong {
	color:#DD7396;
}
.grille_cat td {
	padding: 3px;
	border-left:1px #3D6CBC solid;
	border-bottom:1px #3D6CBC solid;
}
.grille_cat tr td.firstCol {
	border-left:0px #fff none !important;
}
.grille_cat tr {
	border:none;
}
.grille_cat span {
	font-weight: bold;
}
.grille_cat tfoot tr td {
	padding: 0px;
	border-left:0px #3D6CBC none;
	border-top:1px #3D6CBC solid;
	border-bottom:none;
	color:#3D6CBC;
    background: #F5EEEA;
	font-weight:bold;
}
.grille_cat tfoot strong {
	color:#FF0000;
}
.grille_cat tfoot a {
	text-decoration:none;
}
.col_prop  {
	border-collapse:collapse;
	font-weight: bolder;
	font-size: 10px;
	font-family: verdana;
    background: #F5EEEA;
	border-top: 2px outset #3D6CBC;
	border-left: 1px solid #3D6CBC;
	border-bottom: 2px inset #3D6CBC;
	border-right: 1px solid #3D6CBC;
}
.col_prop  span {
	font-size: 12px;
	font-weight: bolder;
	width:100%;

}
.col_prop td {
	padding: 3px;
	border-left:1px #3D6CBC solid;
	border-bottom:1px #3D6CBC solid;
	border-top:1px #3D6CBC solid;
	color:#DD7396;
}


tr.col_a {
	font-family: verdana;
    background: #F5EEEA;
	color:#666666;
}
.col_a td {
	border-left:1px #3D6CBC dotted;
	border-bottom:1px #3D6CBC dotted;
}
tr.col_b {
	font-family: verdana;
    background: #FAF7F5;
	color:#666666;
}


a.bouton, a.bouton:link, a.bouton:visited {
background-color:#fff;
border:1px solid #000;
color:#DD7396;
text-decoration:none;
padding:2px;
margin:2px;
font-weight:bold;
}
a.back, a.back:link, a.back:visited {
	background-image:url('../icones/left_arrow.gif');
	background-repeat:no-repeat;
	background-position:   left center;
	background-color:#DC7296;
	padding-left:20px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:inline;
	float:left; padding-right:2px; padding-top:2px; padding-bottom:2px
}

a.back:hover {
	background-image:url('../icones/left_arrow.gif');
	background-repeat:no-repeat;
	background-position: left middle;
	background-color:#456AB8;
	padding-left:20px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:inline;
	float:left; padding-right:2px; padding-top:2px; padding-bottom:2px
}
a.bouton2, a.bouton2:link, a.bouton2:visited {
	background-image:url('../icones/right_arrow.gif');
	background-repeat:no-repeat;
	background-position:   right center;
	background-color:#3D6CBC;
	padding-right:20px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:inline;
	float:right; padding-left:2px; padding-top:2px; padding-bottom:2px
}
a.bouton3, a.bouton3:link, a.bouton3:visited {
	background-color:#B0C4E6;
	padding:2px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:inline;
	float:right;
	margin-right: 8px;
}

/* *  * FIN *  * *****/
/* CSS Document */

.nav_home_user {
        float: left;
        text-align: center;
        padding: 0.5em;
				font-weight:bold;
				font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
}
.nav_home_user a:hover{
        color:#FF66CC;
}

.register {
float:left;
width:40%;
padding:4px;
margin:10px;
border:1px solid #FF98CE;
}


.nothing_at_right {
  clear:both;
}

.clear_both {
  clear: both;
}

.info_cart {
 clear:left;
 background-color: #B0C4E5;
 padding: 0.5em 0.5em 0.5em 30px;
 background-image: url(zwo_info/css/images/cart.gif);
 background-repeat: no-repeat;
 background-position: 7px center;

}

.login_box {
 padding: 1em 0 2em 4em;
 }