body  { font-size: 12px; font-family: Tahoma; line-height: 14px; margin: 0; padding: 0; background-color: #183641 }
body, #ici a, .vignette_commander a { color: #183641 }
img  { border: 0 }
a { color: #183641; text-decoration: none; outline: none;  font-weight: bold;   }
a.lien_couleur { color: #82c216; }
form  { margin: 0; padding: 0 }

.cliquable:hover { cursor:pointer; }

img.smiley { position: relative; top: 2px; }

h1 { 
color: #9cc800;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
margin-top: 5px; 
font-weight: bold;
display: block;

font: bold 18px "Lucida Grande", Arial, sans-serif;
letter-spacing: -1px;
}

.titre14 { font-size: 14px; font-weight: bold }
.titre12 { font-size: 12px; font-weight: bold }
.petit_texte { font-size: 11px;  }
.picto_decale_1 { padding-right: 3px; position: relative; top: 3px }
.picto_decale_2 { padding-right: 3px; position: relative; top: 6px }

#main_centre  { 
background-repeat: repeat-y; 
width: 992px;
margin-left: auto;
margin-right: auto;
background-image: url("images/fond_centre_vert.gif")
}

#main_haut   { 
background-repeat: no-repeat; 
background-position: 0 top;
background-image: url("images/fond_haut_vert.gif")
}

#main_bas   { 
background-repeat: no-repeat; 
background-position: 0 bottom; 
padding: 45px 86px 68px !important;
padding: 45px 86px 58px; 
overflow: hidden;
background-image: url("images/fond_bas_vert.gif")
}

#bandeau_logo     { text-align: right; width: 820px; height: 80px; overflow: hidden }
#zone_droite { height: 75px; float: right }
#login      { font-size: 11px; position: relative; right: 5px; bottom: -20px }

 
#switch_langue      { height: 20px; margin-top: 5px; position: relative; right: 5px }

/* formulaires */
.email_login, .formRepos, #commentaire { color: #4b5600; font-size: 11px; background-color: #FBFDED; padding: 3px; border: solid 1px #DAE558 }
.formFocus { color: #4b5600; background-color: #fffceb; border: solid 1px #ffdd3e }
.formFacultatif { color: #4b5600; background-color: #fcfcfa; border: solid 1px #e0e2d0 }

#commentaire { width: 580px; height: 150px; color: #4b5600; font-size: 11px; font-family: arial; }

#bandeau_images    { margin-bottom: 15px; width: 820px; height: 100px; overflow: hidden }

#avant  { 
width: 168px; 
height: 100px; 
float: left;
background-color: #F2F581
}

#banniere   { 
background-image: url("images/banniere_vert.jpg"); 
background-repeat: no-repeat; 
width: 636px; 
height: 100px; 
float: right;
background-color: #F2F581
 }
 
#corps    { 
margin-bottom: 15px;  
width: 820px; 
overflow: hidden;
}
#footer_haut       { text-align: center; padding-bottom: 15px; width: 820px }
#footer_gauche      { width: 168px; float: left }
#footer_droite   { width: 636px; float: right; color: #b0d52e; font-size: 11px }
#footer_bas    { color: #e7e98e }

p { line-height: 10px }

a.logo  { 
background-repeat: no-repeat; 
display: block; 
width: 184px; 
height: 80px; 
float: left;
background-image: url("images/logo_vert.gif")
}

#colonne_gauche     { 
line-height: 17px; 
background-repeat: no-repeat; 
background-position: 0 top; 
padding: 15px; 
width: 138px; 
float: left;
background-image: url("images/fond_nav_vert.gif")
 }

#zone_panier  { 
font-size: 11px; 
line-height: 12px; 
margin-top: 0px !important;
margin-top: 5px
 }
#zone_panier a   { font-weight: bold; text-decoration: none }
#zone_panier a:hover { color: #B0D52E }

.total  { margin-top: 5px }

.separateur  { background-color: #b6cd13; margin-top: 10px; margin-bottom: 10px; height: 1px }
hr { color: #b6cd13;
background-color: #b6cd13;
height: 1px;
border: 0;
margin-top: 10px !important; 
margin-top: 5px; 
margin-bottom: 10px !important; 
margin-bottom: 5px;
}

.separateur {
	width: 607px;
	height: 9px;
	margin-left: auto;
	margin-right: auto;
	background: url("images/separateur.gif") no-repeat 0px 0px;
	margin-bottom: 14px;
}

#colonne_droite  { padding-bottom: 10px; width: 636px; float: right }
.picto_login { margin-right: 2px; margin-left: 5px; position: relative; top: 3px }
.picto_login_12  { margin-right: 2px; position: relative; top: 2px }
a.menu    { display: block; margin-top: 3px; padding-left: 5px;  font-weight: normal;   }
a.menu_encours    { display: block; margin-top: 3px; padding-left: 5px; background-image: url("images/puce_fond_menu_encours.gif"); background-repeat: no-repeat; background-position: right center; background-color: #EFF4CB }
a.menu_valentin { color: #df0068; font-weight: bold; }
a.menu:hover   { background-image: url("images/puce_fond_menu.gif"); background-repeat: no-repeat; background-position: right center; background-color: #f2f581 }
a.menu_encours:hover   { background-color: #f2f581 }
.selecteur_couleur  { margin: 2px; border: solid 1px #b6cd13 }
#ici  { color: #b0d52e; background-image: url("images/fond_ici_vert.gif"); background-repeat: no-repeat; margin-bottom: 10px; padding-top: 5px; padding-left: 20px; height: 19px }
#ici a, #footer_droite a {
	font-weight: normal;
}
.produit_case, .produit_case_nouveau, .produit_case_hot, .produit_case_promotion, .produit_case_promo, .produit_case_mort, .produit_case_offert         { 
width: 149px;
font-size: 10px; 
background-repeat: no-repeat; 
background-position: 5px 5px; 
text-align: center; 
margin-right: 5px !important; 
margin-right: 4px; 
margin-bottom: 10px; 
margin-left: 4px; 
padding-bottom: 5px; 
width: 147px; 
float: left; 
border: solid 1px #f2f581; 
background-color: #fbfded;
-moz-border-radius: 5px
 }
 
.produit_case_hot    { border: solid 1px #badc07; }
.produit_case_promo    { border: solid 1px #96d9f1; }
.produit_case_mort   { border: solid 1px #dfdfdf; }
.produit_case_nouveau   { border: solid 1px #fdda6a; }
.produit_case_promotion    { border: solid 1px #f4ca6a; }
.produit_case_offert    { border: solid 1px #8aeaff; }
 
.produit_case a, .produit_case_nouveau a, .produit_case_hot a, .produit_case_promotion a, .produit_case_promo a, .produit_case_mort a, .produit_case_offert a   { font-size: 11px; color: #BBD01D; font-weight: bold }
.produit_case a:hover, .produit_case_nouveau a:hover, .produit_case_hot a:hover, .produit_case_promotion a:hover, .produit_case_promo a:hover, .produit_case_mort a:hover, .produit_case_offert a:hover  { text-decoration: underline }

.vignette_lien_normal, .vignette_lien_hot, .vignette_lien_promo, .vignette_lien_nouveau, .vignette_lien_promotion, .vignette_lien_offert  { background-repeat: no-repeat; background-position: 95px 5px; display: block; padding-top: 145px }
.vignette_lien_mort { background-repeat: no-repeat; background-position: right top; display: block; padding-top: 145px}
.vignette_lien_hot    { background-image: url("images/vignette_top.png"); }
.vignette_lien_promo    { background-image: url("images/vignette_promo.png"); }
/* .vignette_lien_mort   { background-image: url("images/vignette_mort.png");} */
.vignette_lien_nouveau   { background-image: url("images/vignette_nouveau.png");}
.vignette_lien_promotion    { background-image: url("images/vignette_promotion.png"); }
.vignette_lien_offert    { background-image: url("images/vignette_offert.png"); }
a.vignette_lien_mort { color: #B4B4B4; }
.container_icones_special { float: right; padding: 5px; }

.vignette_prix   { font-size: 11px; text-align: left; padding-left: 15px; float: left }
.vignette_commander   { font-size: 11px; background-image: url("images/puce_ajouter.gif"); background-repeat: no-repeat; background-position: left 3px; text-align: right; padding-right: 15px; padding-left: 9px; float: right }
.vignette_commander a    { font-weight: normal }
.vignette_horsvente  { font-size: 11px; margin-right: auto; margin-left: auto; width: 120px }

.prix_barre  { text-decoration: line-through }

.article_principal   { 
width: 616px;
padding: 10px; 
overflow: hidden; 
-moz-border-radius: 5px;  
margin-bottom: 15px;   
background-color: #fbfded;
}

.article_principal_photos   { 
width: 636px;
overflow: hidden; 
margin-bottom: 15px;   
}

.photo_action  { margin-right: 5px; margin-left: 5px }

#article_principal_image   { float: left }
#article_principal_corps    { float: right }

.titre_panier     { font-size: 11px; line-height: 12px; width: 380px; float: left }
.titre_panier2     { font-size: 11px; line-height: 12px; width: 280px; float: left }
.image_panier {  float: left; width: 330px; }
.prix_panier { text-align: right; float: right }
.prix_panier2   { font-size: 11px; line-height: 12px; text-align: center; width: 100px; float: right }
.options_panier      { text-align: right; width: 225px; float: right }
.options_panier2      { text-align: right; width: 325px; float: right }
.qte_panier  { float: left; line-height: 12px; font-size: 11px; text-align: left; }
.qte_panier2   { font-size: 11px; line-height: 12px; text-align: center; width: 110px; float: left }
.outils_panier  { float: right }
.outils_panier2   { font-size: 11px; line-height: 12px; text-align: center; width: 110px; float: right }
.outils_panier_gains     { color: #82b433; font-size: 18px; font-family: Arial; font-weight: bold; padding-top: 7px; padding-right: 5px }
.outils_panier_pertes      { color: #f00; font-size: 18px; font-family: Arial; font-weight: bold; padding-top: 7px; padding-right: 5px }

.select_panier    { color: #4b5600; font-size: 12px; background-color: #fefffb; padding: 5px; width: 45px; border-width: 0 }
.port_general_panier { margin-top: 5px; padding: 10px }
.mini_vignette  { padding-right: 5px; float: left }
.element_panier_1 { background-color: #EFF4CB }
.element_panier_2, .bloc_liste_2  { background-color: #EDF0D2; background-image: url("images/cellule_fond_2.gif"); background-repeat: repeat-x; background-position: 0 top }
.element_panier_3  { background-color: #F2F581 }
.element_panier_4  { background-color: #c1f3bf }
.element_panier_5  { background-color: white }

.element_panier_1, .element_panier_2, .element_panier_3, .element_panier_4, .element_ticket_1, .element_ticket_2, .element_ticket_3, .element_ticket_4, .element_ticket_5, .bloc_liste_1, .bloc_liste_2, .container_news, .element_panier_offre_on, .element_panier_offre_off, .element_panier_5    { margin-bottom: 8px; padding: 5px; width: 621px; overflow: hidden; border: solid 1px #f2f581; -moz-border-radius: 5px; font-size: 11px; }

.element_panier_offre_on  { background-color: #f3e3bf; border: solid 1px #f4b191; }
.element_panier_offre_off  { background-color: #ececec; border: solid 1px #cfcfcf; }

.titre_recommande {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom : solid 1px #f2f581;
	font-size: 11px;
}

.container_news    { margin-bottom: 15px; }
.container_news_gauche  { width: 80px; float: left }
.container_news_droite  { width: 525px; margin-right: 5px; float: right; font-size: 12px; }
.container_news_droite h1 { padding: 0px; margin-bottom: 5px; }
.container_news_post { overflow: hidden; }
.container_news_bas { padding-bottom: 15px; }
.container_news_bas .container_news_droite { color: #8daf72; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted #dcde9b; }
.container_news_bas .container_news_droite a { font-weight: normal; color: #8daf72; }
.container_news_droite a.suite { padding-left: 16px; background: url("images/lire.png") no-repeat 0px -1px; }
.container_news_droite a.com { padding-left: 19px; background: url("images/com.png") no-repeat 0px 0px; }
.container_news_droite a.date { padding-left: 14px; background: url("images/date.png") no-repeat 0px 1px; }

/* commentaires */
h1.com {
color: #9cc800;
padding: 0px;
padding-left: 15px;
margin: 0px;
margin-left: 5px;
margin-top: 2px;
font-weight: bold;
display: block;
font: bold 16px "Lucida Grande", Arial, sans-serif;
letter-spacing: -1px;
width: 450px;
margin-bottom: 5px;
}

.infos_com { float: right; color: #9cc800; padding-top: 3px; padding-right: 3px; width: 150px; text-align: right; }
.infos_com img { position: relative; top: 1px; }

.commentaire { padding-left: 20px; margin-bottom: 6px; }

.commentaire_pair { background-color: #f7fae6 }
.commentaire_impair { background-color: #fbfdf4 }

.container_news h1.M { background: url("images/user_M.png") no-repeat 0px 2px; }
.container_news h1.F { background: url("images/user_F.png") no-repeat 0px 2px; }
.container_news h1.icone { background: url("images/com_ajout.png") no-repeat 0px 3px; padding-left: 17px; }

.date_actu { color: #b0d52e; font-size: 10px; padding-bottom: 5px }
.bloc_liste_1 { background-color: #f8faed }
.bloc_liste_1, .bloc_liste_2 { margin-bottom: 10px }

.images_liees  { text-align: right; width: 100px; float: right }
.textes_liees   { background-image: url("images/icone_rubrique.gif"); background-repeat: no-repeat; background-position: 1px 4px; padding-top: 5px; padding-left: 17px }
.note_plus { font-size: 10px; font-weight: lighter; text-align: left }
.textes_liees:first-line    { font-size: 13px }

.element_ticket_1  { background-color: #F7FAE6 }
.element_ticket_2  { background-color: #EFF4CB }
.element_ticket_3  { background-color: #E9EFBD }
.element_ticket_4  { background-color: #E4EBB1 }
.element_ticket_5  { background-color: #DFE7A3 }

.identifier_gauche   { text-align: right; padding: 15px; width: 287px; float: left; border-right: 2px dotted #eff4cb }
.identifier_bloc { overflow: hidden }
.identifier_droite  { text-align: left; padding: 15px; width: 287px; float: right }

.loginform_encore  {  }
#zone_titre   { font-size: 11px; background-repeat: no-repeat; background-position: left top; margin-bottom: 10px; padding-left: 55px; width: 580px }

/* alerte dans formulaire */
.erreur_form { color: red; font-weight: bold; text-align: center; padding: 5px }

#conteneur_alertes  {
	width: 400px; margin-left: auto; margin-right: auto; padding: 10px;
	font-size: 11px;
	border: solid 1px #dae558;
	background-color: #fbfded;
	margin-bottom: 10px;
}
#conteneur_alertes p { 
	padding: 0px;
	margin: 0px;
	padding-left: 35px;
	padding-bottom: 5px;
	background: url('images/alerte.png') no-repeat top left;
	}
#conteneur_alertes p:first-line { color: #b0d52e; font-size: 16px; font-weight: bold; line-height: 18px;}


.infos_top {float: left; margin-left:7px; margin-top: 4px; filter:Alpha(opacity=50);-moz-opacity:0.50; opacity: 0.50;  }
.infos_top:hover {filter:Alpha(opacity=100);-moz-opacity:1.00; opacity: 1.00;  }

.nouvelle_adresse { text-align: center; margin-top: 15px }
.zone_pagination  { font-size: 11px; text-align: center; margin-top: 5px }
.container_vignettes  { overflow: hidden; margin-bottom: 10px; }

/* Liste copinages */
ul.liste_liens {
	list-style: none;
	margin: 0;
	padding: 0;
}

.favicon {
position:relative;
top : 3px;
}


/* draggables */
.draggable {
	z-index: 5000;
	cursor: move;
}
#zone-badges { height: 230px; position: relative; background: url("images/playground.gif") no-repeat 80px 205px; }
.mobile {	position: absolute;}
.mobile-15 {	top: 0px;		left: 0px;}
.mobile-14 {	top: 10px;	left: 260px;}
.mobile-13 {	top: 75px;	left: 500px;}
.mobile-12 {	top: 0px;		left: 330px;}
.mobile-11 {	top: 70px;	left: 170px;}
.mobile-10 {	top: 10px;	left: 470px;}
.mobile-9 {		top: 50px;	left: 250px;}
.mobile-8 {		top: 60px;	left: 100px;}
.mobile-7 {		top: 75px;	left: 400px;}
.mobile-6 {		top: 0px;		left: 150px;}
.mobile-5 {		top: 80px;	left: 10px;}
.mobile-4 {		top: 85px;	left: 300px;}