html, body{margin:0; padding:0; background:#e4f5fb; font-family:Arial,Helvetica,sans-serif}
div, p, a{margin:0; padding:0}
a{outline:none}

fieldset{margin-left:auto; margin-right:auto; border:0}
fieldset label{float:left; text-align:right; width:30%; padding-right:5px; cursor:pointer}
fieldset input, fieldset textarea{width:60%; font-size:10px; padding-left:5px}
fieldset p{margin-top:3px; margin-bottom:3px}
input, textarea, select{font-size:10px; border:1px solid #666}

input.noborder{border:0}
input.nowidth{width:auto}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:1px solid #829FC2}

button{color:#000; font-weight:bold; font-size:10px; text-align:center; background-image:url(../images/interface/bouton.gif); background-repeat:repeat-x; vertical-align:middle; padding:0px 4px 3px; margin:0; width:75px; height:16px; border:0; cursor:pointer}
button:hover{color:#fff; background-image:none; background-color:#090; cursor:pointer}

#wrap{width:1000px; margin:0px auto 0px auto}
#essentials{width:250px; padding:0; left:740px; font-size:11px; margin-right:10px; font-family:"Courier New",Courier,monospace; z-index:10000; /*border:1px solid #e4f5fb; */}
#essentials a, #essentials a:visited{color:#000}
#essentials a.account, a.account:visited{color:#000; padding-left:19px; margin-left:15px; margin-right:15px; line-height:30px; background-image:url(../images/interface/alphonse_account.png); background-repeat:no-repeat; background-position:left}
#essentials a.panier, a.panier:visited{color:#000; padding-left:21px; margin-left:15px; padding-top:2px; padding-bottom:2px; line-height:30px; background-image:url(../images/interface/basket.png); background-repeat:no-repeat; background-position:left}
#essentials input#nb_articles{border:0; font-size:20px; font-weight:bold; color:#030; width:30px; background:transparent; text-align:center}

#essentials #panier_conteneur{width:240px; border:1px dotted #069; position:absolute; z-index:1000; background:#fefefe}
#essentials #panier_contenu a{font-weight:normal; text-decoration:none; color:#333}
#essentials #panier_contenu a:hover{text-decoration:underline}

#essentials #languages{width:20px; position:absolute; top:400px; border:1px solid}
#essentials #languages img{border:0}

/********************/
/*Page d'accueil*/
/********************/
#accueil-01_{left:0px; top:0px; margin:0px; padding:0px; width:1000px; height:293px}
/*Produit au hasard*/
#random-product{position:absolute; width:649px; height:381px; background:url(../images/home/produit-hasard-fr.png) no-repeat center}
#random-container{position:relative; top:50px; left:50px; width:300px; height:200px; text-align:center}

#random-container img{margin-top:25px; line-height:200px; vertical-align:middle; opacity:1}

ul.crossfade{position:relative; padding:0; margin:0; width:300px; height:200px; list-style:none}

#random-products li{position:absolute; padding:0; margin:0; top:0; left:0; width:300px; height:200px}

#random-products li img{display:block; margin-left:auto; margin-right:auto; background-color:#fefefe}
a.random-product{text-decoration:none; border:0}
a.random-product img{line-height:200px; vertical-align:middle}
a#voir-collection{position:relative; display:block; left:380px; top:8px; width:109px}

/*Blog et histoire dans nuage*/
#blog-histoire{width:361px; height:359px; margin-left:650px; background:url(../images/home/blog-histoire.png) no-repeat center}
a#histoire-link{display:block; position:relative; top:30px; left:16px}
a#blog-link{display:block; position:relative; top:90px; left:140px}

/********************/
/*Page produit  */
/********************/
#header-produit{left:0px; top:0px; margin:0px; padding:0px; width:1000px; height:140px}
a.produit-logo{display:block; width:287px; height:75px; z-index:10}
img#logo-produit{position:relative; top:-180px; left:60px; z-index:100}

/*Affichage des rubriques produit*/
div.liste_rubrique, p.liste_rubrique{width:720px; margin:auto}
a.rubrique{display:block; float:left; height:200px; width:200px; margin:0 15px 0 15px; padding-top:35px; background-color:none; text-align:center; line-height:50px; vertical-align:middle; font-size:16px; font-weight:bold; text-decoration:none; color:#603}
a.rubrique img{margin:auto}

/*Blog*/
.colonne_1{width:75%; float:left; margin-left:8px}
.colonne_2{width:22%; float:left; right:0; margin-top:-10px; padding:10px; background:none; z-index:120}
.element_2{ border-radius:5px;  -moz-border-radius:5px;  border:1px solid #ccc}
.element_2 h4{font-family:"Courier New",Courier,monospace; text-align:center}

/*Sidebar du blog*/
.element_2 ul{margin:0; padding:5px 5px 5px 25px; text-align:left}
.element_2 li{margin:0; padding:0}

.element_2 a{color:#333; text-decoration:underline}
.element_2 a:hover{color:#333; text-decoration:none}

/********************/
/*Titres  */
/********************/
.toc_titre, .toc_titre a, .toc_titre a:visited{color:#333; font-size:15px; font-weight:bold; background-color:transparent; text-decoration:none; margin-top:0px}
.toc_titre a:hover{color:orange}

/********************/
/*Page du blog  */
/********************/
p.intro{padding:0 0 0 20px; margin-top:0; font-style:oblique}
.blog_entry{width:90%; padding:20px 20px 80px 20px; margin:-10px 0 0 0; background:url(../images/interface/dividor.png) no-repeat bottom center}
.blog_entry em{font-size:11px}
.colonne_1 h2.post_title{background:url(../images/interface/alphonse_produit.gif) left no-repeat; font-family:"Courier New",Courier,monospace; padding:0 0 0 35px; margin:0px; z-index:1000}
.colonne_1 h2.post_title a, .colonne_1 h2.post_title a:visited{color:#333; font-size:18px; line-height:25px; vertical-align:baseline; font-weight:bold; background-color:transparent; text-decoration:none}
.blog_entry h2.post_title{background:url(../images/interface/alphonse_produit.gif) left no-repeat; font-family:"Courier New",Courier,monospace; padding:0 0 0 35px; margin:0px}
.blog_entry h2.post_title a, .blog_entry h2.post_title a:visited{color:#333; font-size:18px; line-height:25px; vertical-align:baseline; font-weight:bold; background-color:transparent; text-decoration:none}
.blog_entry h2.post_title a:hover{color:orange}

h2.comment_title{font-family:"Courier New",Courier,monospace; padding:0; margin-left:0px; margin-top:0px; padding-left:90px; color:#333; font-size:16px; font-weight:bold}

.comment{float:left; margin-top:30px; margin-left:20px; width:570px; text-indent:20px; padding:60px 10px 10px 10px; color:inherit; /*background:url(../images/interface/page_curl.gif) no-repeat top left; */}

.comment_add{float:left; margin-top:30px; margin-left:20px; width:auto; text-indent:20px; padding:10px; color:inherit}
.comment fieldset{border:1px solid #09F}
.user_comment_table{background-color:#D3D3D3; border:1px solid gray}
.user_comment_title, .user_comment_title a{color:white; font-weight:bold; text-decoration:none; background-color:#09F; border:0}
.user_comment{background-color:#F8F8F8}

/*Visualisation du panier*/
.shopping_bag{clear:both; margin:auto; padding:10px; width:90%; height:auto; background:#fefefe; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; font-size:11px}
.shopping_bag a, .shopping_bag a:visited{color:#333; text-decoration:none}
.shopping_bag a:hover{text-decoration:underline}

/*Choix du statut:client ou pas encore client*/
.choix_login{width:49%; float:left; text-align:left; height:auto; padding-bottom:50px; background:url(../images/interface/page_border_bottom.png) no-repeat bottom right}

.client_register{width:270px; height:60px; /*margin-left:auto; margin-right:auto; */margin-left:20px; line-height:60px; vertical-align:middle; color:#fff; text-align:center; font-size:12px; font-weight:bolder; background:url(../images/interface/bouton_client_n.gif) no-repeat center}

.client_login{width:270px; height:60px; /*margin-left:auto; margin-right:auto; */margin-left:20px; line-height:60px; vertical-align:middle; color:#fff; text-align:center; font-size:12px; font-weight:bolder; background:url(../images/interface/bouton_client.gif) no-repeat center}

/*Options de paiement*/
.creditcards{line-height:30px; padding-left:20px; font-size:11px; background-image:url(../images/interface/paiement/creditcards.gif); background-repeat:no-repeat; background-position:left}
.paypal{line-height:30px; padding-left:50px; font-size:11px; background-image:url(../images/interface/paiement/paypal.gif); background-repeat:no-repeat; background-position:left}

#curseur{background-image:url(../images/interface/alphonse_produit.gif); background-repeat:no-repeat; height:25px; width:25px; visibility:hidden}

.td_right{text-align:right}
.td_center{text-align:center}

.ligne0{/*background-color:#D7CFDA; */background-color:#EEE}
.ligne1{/*background-color:#9AC2D6; */background-color:transparent}

/*Style du tableau récapitulatif des commandes*/
.recap{border-bottom:1px solid #333; text-align:left}

/*Eléments divers*/
.separateur{clear:left; height:0px; line-height:0px; margin:0; padding:0; font-size:3px; background-color:transparent; visibility:hidden}

/*Fil d'ariane*/
.ariane{font-size:11px; font-family:"Courier New",Courier,monospace; color:#069; background-color:transparent; height:20px; margin:0px auto 0px 20px}
.ariane, .ariane a{font-family:"Courier New",Courier,monospace; color:#069; background-color:transparent; text-decoration:none}
.ariane a:hover{text-decoration:underline}

/*Résultats de recherche*/
div.results{margin-top:1px; padding:20px}
ul#search-results{list-style:none; width:auto; margin:0; padding:0}
ul#search-results li{display:block; float:left; width:200px; list-style:none; padding:0; margin:3px}
ul#search-results li a{margin:0; border:1px solid #ccc; text-decoration:none; text-align:center; padding:5px}
ul#search-results img{border:none; width:180px}

/*Div de confirmation*/
.confirmation_granted{width:400px; margin:auto; color:#060; text-align:center; padding:25px; background-image:url(../images/interface/ok.gif); background-position:top center; background-repeat:no-repeat; border:1px solid #360}
.confirmation_denied{width:400px; margin:auto; color:#C00; text-align:center; padding:25px; background-image:url(../images/interface/alert.gif); background-position:top center; background-repeat:no-repeat; border:1px solid #C00}

/*----------------------------------------------------------------*/
/*Boutons*/
/*----------------------------------------------------------------*/
.bouton_bleu{display:block; width:auto; margin:auto; padding-left:5px; padding-right:5px; height:20px; line-height:20px; vertical-align:bottom; text-align:center; text-decoration:none; text-decoration:none; color:#fefefe; font-weight:bold; background-image:url(../images/interface/bouton_bleu.gif); background-repeat:repeat-x}
.bouton_rouge{display:block; width:auto; margin:auto; padding-left:5px; padding-right:5px; height:20px; line-height:20px; vertical-align:bottom; text-align:center; text-decoration:none; text-decoration:none; color:#fefefe; font-weight:bold; background-image:url(../images/interface/bouton_rouge.gif); background-repeat:repeat-x}

.bouton_violet{display:block; width:auto; margin:auto; padding-left:5px; padding-right:5px; height:20px; line-height:20px; vertical-align:bottom; text-align:center; text-decoration:none; text-decoration:none; color:#fefefe; font-weight:bold; background-image:url(../images/interface/bouton_violet.gif); background-repeat:repeat-x}

.bouton_vert{display:block; width:auto; margin:auto; padding-left:5px; padding-right:5px; height:20px; line-height:20px; vertical-align:bottom; text-align:center; text-decoration:none; text-decoration:none; color:#fefefe; font-weight:bold; background-image:url(../images/interface/bouton_vert.gif); background-repeat:repeat-x}
.bouton_gris{display:block; width:auto; margin:auto; padding-left:5px; padding-right:5px; height:20px; line-height:20px; vertical-align:bottom; text-align:center; text-decoration:none; text-decoration:none; color:#fefefe; font-weight:bold; background-color:#666}

.bouton_cart{display:block; width:auto; margin:auto; padding-left:35px; padding-right:5px; height:32px; line-height:32px; vertical-align:bottom; text-align:left; text-decoration:underline; color:#666; font-size:11px; font-weight:bold; background-image:url(../images/interface/shoppingcart.gif); background-repeat:no-repeat; background-position:left}

.bouton_plus{display:block; width:25px; margin:auto; padding-left:5px; padding-right:5px; height:25px; line-height:25px; vertical-align:bottom; text-align:center; text-decoration:none; text-decoration:none; color:#fefefe; font-weight:bold; background-image:url(../images/interface/bouton_plus.gif); background-repeat:no-repeat; background-position:center}
.bouton_moins{display:block; width:25px; margin:auto; padding-left:5px; padding-right:5px; height:25px; line-height:25px; vertical-align:bottom; text-align:center; text-decoration:none; text-decoration:none; color:#fefefe; font-weight:bold; background-image:url(../images/interface/bouton_moins.gif); background-repeat:no-repeat; background-position:center}

.bouton_tick, button.bouton_tick{display:block; width:170px; padding-left:5px; padding-right:5px; text-indent:15px; height:63px; line-height:63px; vertical-align:bottom; font-size:12px; text-align:center; text-decoration:none; text-decoration:none; color:#333; font-weight:bold; background-image:url(../images/interface/box_tick.gif); background-repeat:no-repeat; background-position:center; background-color:#fefefe}

button.bouton_tick:hover{color:#0F0; background-color:#fff; background-image:url(../images/interface/box_tick.gif)}

button.bouton_tick_next, a.bouton_tick_next, button.bouton_tick_next:hover, a.bouton_tick_next:hover{display:block; width:200px; height:40px; padding:0; margin:auto; line-height:40px; vertical-align:middle; background-image:url(../images/interface/bouton_tick_next.gif); background-repeat:no-repeat; background-color:#fff; color:#090; font-size:11px; text-decoration:none; text-indent:25px}

button.bouton_fleche_next, a.bouton_fleche_next, button.bouton_fleche_next:hover, a.bouton_fleche_next:hover{display:block; width:200px; height:40px; padding:0; margin:0; padding-right:25px; margin-left:auto; margin-right:auto; line-height:40px; vertical-align:middle; background-image:url(../images/interface/bouton_fleche_next.gif); background-repeat:no-repeat; background-color:#fff; color:#090; text-decoration:none; text-indent:5px; text-align:center}

button.bouton_tick_next_bleu, a.bouton_tick_next_bleu, button.bouton_tick_next_bleu:hover, a.bouton_tick_next_bleu:hover{display:block; width:170px; height:40px; padding:0; margin:auto; line-height:40px; vertical-align:middle; background-image:url(../images/interface/bouton_tick_next_bleu.gif); background-repeat:no-repeat; background-color:#fff; color:#06F; text-decoration:none; text-indent:25px; font-size:12px; font-weight:bold}

/*----------------------------------------------------------------*/
/*LightBox*/
/*----------------------------------------------------------------*/
#lightbox{background-color:#eee; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666; z-index:1100}
#lightboxDetails{font-size:0.8em; padding-top:0.4em}
#lightboxCaption{float:left; font-size:12px}
#keyboardMsg{float:right}
#closeButton{top:5px; right:5px}

#lightbox img{border:none; clear:both; position:relative; z-index:1100}

#overlay img{border:none}

#overlay{background-image:url(../images/interface/overlay.png)}

* html #overlay{background-color:#333; back\ground-color:transparent; background-image:url(../images/interface/blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/interface/overlay.png",sizingMethod="scale")}

/*----------------------------------------------------------------*/
/*Partenaires*/
/*----------------------------------------------------------------*/
#partners{width:100%; clear:both; margin-top:30px; text-align:center; color:#996; border-top:3px dashed #ccc; font-size:10px}
#partners a, #partners a:visited{color:#996; text-decoration:none}
#partners a:hover{color:#ccc; text-decoration:underline}
.footer{float:left; width:480px; padding:10px; text-align:center}
.footer h4{margin:0; padding:0; text-align:center; font-size:16px}