@charset "UTF-8";
/* Copyright (c) 2012 Medocan Spirit */

/*----------- CSS GRD -----------*/
/*------------ 2012 ------------*/

* { margin:0; padding:0; }
textarea { resize:vertical; }
html { height: 100%; }

body { background:#2D2D2F; border:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;height: 100%; -webkit-text-size-adjust: 100%; }

/* Main layout */
#wrapper { width:990px; height:auto; margin:20px auto; display:table;}
#l_side { float:left; width:610px; height:auto; background:#2D2D2F url("bouteille/mabouteille.jpg") no-repeat left top;}
#r_side { float:left; width:360px; height:auto; margin-left:20px; text-align:center; }
#r_side span { font-size:13px; }

#l_side #slide { width:522px; height:218px; background:url("bouteille/slide.png") no-repeat; padding:10px 20px; color:#2D2D2F; position:relative; z-index:80; }
#l_side #creation { width:309px; height:27px; position:absolute; bottom:10px; left:100px; }

#l_side #slide #produits { width:522px; height:218px; position:relative; overflow:hidden; }
#l_side #slide #produits .prod_container { float:left; width:9999999px; height:218px; }
#l_side #slide #produits .prod_container .prod_item { float:left; width:522px; height:218px; }
#l_side #slide #produits .prod_container .prod_item .pict { float:left; width:75px; height:218px; background:#60C; }
#l_side #slide #produits .prod_container .prod_item .txt { float:left; width:427px; height:auto; margin-left:20px; margin-top:5px; font-size:11px; }
#l_side #slide #produits .prod_container .prod_item .txt span { font-size:14px; font-weight:bold;}

.pagination { position: absolute;  bottom:5px; right: 5px; margin:0; padding:0; z-index: 10;}
.pagination li {  float: left;  margin-right: 5px; list-style: none;}
.pagination a { background:url("bouteille/slide.jpg") no-repeat; background-position: 0 0; border-bottom: none; display: block; height: 13px; width: 15px; text-indent: -999em; }
.pagination a:hover, .pagination .current a { background-position: -15px 0; }

#l_side #adv { width:610px; height:auto; text-align:center; font-size:10px; margin:5px 0 20px; }

#formulaire { width:315px; margin:0 auto; text-align:left; font-size:13px;}
#formulaire input { background:#FFFFFF; width:311px; height:26px; border:0 none; color:#2D2D2F; margin:3px 0; font-size: 12px; padding: 2px; }
#formulaire input.error { background:#da4040; width:311px; height:26px; border:0 none; color:#FFF; margin:3px 0; font-size: 12px; padding: 2px; }

/* Elements */
a, a:active {color:#da4040; text-decoration:none; font-weight:bold; }
a:hover {text-decoration:none; color:#FFF;}

h2 { font-size:25px; color:#da4040; text-transform:uppercase; }
h3 { font-size:17px; color:#da4040; }
.red {color:#da4040;}