/*-----------------------------------------------------------------------------------

	Theme Name: Somadis
	Author: Jeff BOCQUILLON
	Author URI: http://www.blueroom.fr
	Version: 2.0 le 16 avril 2012
	Designed & Handcrafted by Jeff BOCQUILLON for www.blueroom.fr

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.	Personal Setup
	3.	Header
	4.	Main Content Styles
	5.	Aside Styles
	6.	Navigation
	7.	Forms
	8.	Footer Styles
	9.	Page Templates
	10.	Widgets
    11.	Non-semantic helper classes
	12.	Print style

-----------------------------------------------------------------------------------*/

/*=============================================================================*/

/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*=============================================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
body { line-height:1; background-color:#FFF; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }
.clearfix:before,.clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/*=============================================================================*/

/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*=============================================================================*/
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100%; }
body { font-family:'Helvetica Neue', Arial, Sans-Serif; font-size:.8em; background-color:#fff; background-image:url(../images_css/header.jpg); background-repeat:repeat-x; }
.container_12 { margin-left:auto; margin-right:auto; width:960px; }
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 { display:block; float:left; margin-left:10px; margin-right:10px; }
.grid_12 { width:940px; }
.grid_8 { width:620px; }
.grid_4 { width:300px; }
.grid_2 { width:140px; }
.hidden { display:none; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin-left:auto; margin-right:auto; display:block; clear:both; }
a { color:#00e; }
a:visited { }
a:hover { color:#06e; }
a:focus { outline:thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,a:active { outline:0; }

/* =============================================================================
   Typography */
abbr[title] { border-bottom:1px dotted; }
b,strong { font-weight:bold; }
blockquote { margin:1em 40px; }
dfn { font-style:italic; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre,code,kbd,samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before,q:after { content:""; content:none; }
small { font-size:85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }
h2 { font-size:1.4em; font-weight:bold; margin-top:10px; text-transform:uppercase; height:25px; }
#aside h2 { color:#fff; padding-left:10px; margin-bottom:0; }
h3 { font-size:1.2em; font-weight:bold; color:#2b9da4; }
h4 { color:#2b9da4; font-size:1.1em; font-weight:bold; }
h5 { color:#333; font-size:1.15em; }
h6 { color:#333; font-size:1em; }
p { color:#333; font-size:.91em; margin-bottom:5px; text-align:justify; line-height:normal; }
p a { color:#333; font-weight:bold; border-bottom:1px dotted #333; text-decoration:none; }
p a:hover { color:#333; border-bottom-style:none; text-decoration:none; }
ol { list-style:decimal; }
hr,h1,h2,h3,h4,h5,ol,pre,table,address,fieldset { margin-bottom:20px; }
.strong { font-weight:bold; }
.bigger { font-size: 120%;}
.smaller { font-size:80%; }
.right { text-align:right; }
.left { text-align:left; }
.chemin ul li { display:inline; font-size:1em; font-weight:bold; color:#333; }
.chemin ul li a { color:#333; text-decoration:none; border-bottom:1px dotted #333; }
.chemin ul li a:hover { color:#333; text-decoration:none; border-bottom:1px dotted #fff; }
.blanc { color:#FFF; }
.somadis { color:#2b9da4; }
.nouveaute { color:#ff9900; }
.promotion { color:#cb3300; text-decoration: blink; }
.papier { color:#069; }
.papier a { color:#069; }
.papier a:hover { color:#333; }
.classement { color:#363; }
.classement a { color:#363; }
.classement a:hover { color:#333; }
.communication { color:#C60; }
.communication a { color:#C60; }
.communication a:hover { color:#333; }
.papeterie { color:#C93; }
.papeterie a { color:#C93; }
.papeterie a:hover { color:#333; }
.environnement { color:#666; }
.environnement a { color:#666; }
.environnement a:hover { color:#333; }
.informatique { color:#925a0a; }
.informatique a { color:#925a0a; }
.informatique a:hover { color:#333; }
.services { color:#481803c; }
.services a { color:#481803c; }
.services a:hover { color:#333; }
.rouge { color:#6a0505; }

/* =============================================================================
   Lists */
ul,ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
#nav ul, #nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

/* =============================================================================
   Forms */
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
label { }
legend { border:0; margin-left:-7px; padding:0; }
button,input,select,textarea { font-size:100%; margin:0; vertical-align:baseline; vertical-align:middle; }
button,input { line-height:normal; overflow:visible; }
table button,table input { overflow:auto; }
button,input[type=button],input[type=reset],input[type=submit] { cursor:pointer; -webkit-appearance:button; }
input[type=checkbox],input[type=radio] { box-sizing:border-box; }
input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid,textarea:valid { }
input:invalid,textarea:invalid { background-color:#f0dddd; }
::-moz-selection { background:#fe57a1; color:#fff; text-shadow:none; }
::selection { background:#fe57a1; color:#fff; text-shadow:none; }

/*=============================================================================*/

/*	2.	Personal Setup
/*=============================================================================*/
#main { margin-left:auto; margin-right:auto; }
.photo_produit { border:#999 solid 3px; margin:0 10px 5px 0; float:left; display:block; background:#FFF; }
.photo_produit:hover { border:#2b9da4 solid 3px; filter:alpha(opacity=50); opacity:0.5; }
.medium { width:200px; height:200px; }
.small { width:90px; height:90px; }

/* --------------------------------------
HEADER
---------------------------------------*/
#header { height:200px; overflow:hidden; background-image:url(../images_css/search.jpg); background-repeat:no-repeat; background-position:590px 0; }
#logo { border:none 0; margin-left:10px; margin-top:25px; float:left; }
#header_middle { width:210px; height:111px; float:left; margin-top:20px; margin-left:10px; display:block; overflow:hidden; }
#phone { float:left; background-image:url(../images_css/phone.png); background-repeat:no-repeat; background-position:0 10px; padding-left:30px; margin-bottom:5px; margin-left:25px; }
#rss { float:left; background-image:url(../images_css/rss.png); background-repeat:no-repeat; background-position:0 10px; padding-left:30px; padding-top:12px; margin-left:25px; }
#rss p a { font-size:1.16em; }
#search { float:right; width:300px; height:172px; margin-top:-20px; padding-left:15px; padding-top:25px; }
#search p .clientGreeting { font-size: 120%; font-weight: bold; color: #005852; }
html[xmlns*=] body:last-child #search { margin-bottom:-15px; }
#login { margin-top:20px; width:245px; margin-bottom:10px; }
input.text { width: 100px;
padding: 5px 10px;
background-color: #CCC;
border: 1px solid #fff;
margin-right: 5px;}
label.text { display:block; float:left; width:45%; text-align:right; margin:5px 5px 0 0; }
#bouton_panier { float:right; width:35px; height:35px; margin-left:10px; margin-top:-10px; position:absolute; }
#bouton_compte { margin-left:65px; margin-top:5px; }
#sub_navigation { margin-left:60px; }
#header p { color:#FFF; }
#header p a { color:#FFF; border-bottom-color:#FFF; }
#phone p { font-size:1.16em; }
.numero { font-size:1.8em; line-height:.8em; }
#sub_navigation ul li { float:left; }
ul li#nouveautes a { background-image:url(../images_css/nouveautes.jpg); background-position:top; width:151px; height:35px; text-indent:-9000px; display:block; }
ul li#nouveautes a:hover { background-position:bottom; }
ul li#promotions a { background-image:url(../images_css/promotions.jpg); background-position:top; width:125px; height:35px; text-indent:-9000px; display:block; }
ul li#promotions a:hover { background-position:bottom; }
ul li#contact a { background-image:url(../images_css/contact.jpg); background-position:top; width:117px; height:35px; text-indent:-9000px; display:block; }
ul li#contact a:hover { background-position:bottom; }
.search-text { font-size: 1em; font-weight: 900; }
#criteres { width: 380px; height: 20px; }

/* --------------------------------------
CONTENT
---------------------------------------*/

/*Menu */
#nav { position:relative; height:200px; margin-bottom: 100px; width: 100%; margin: 0 !important; }
ul.menu { list-style:none; margin:0; padding:0; position:absolute; z-index:100; }
ul.menu * { margin:0; padding:0; }
ul.menu a { display:block; color:#fff; text-decoration:none; font-size:100%; margin:1px; }
ul.menu a:hover { color: #000; background: #29bcc4; }
ul.menu li { position:relative; float:left; }
ul.menu ul { position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; }
ul.menu ul li { position:relative; border:1px solid #aaa; border-top:none; width:194px; margin:0; }
ul.menu ul li a { display:block; padding:3px 7px 5px; background-color:#d1d1d1; color: #000; }
ul.menu ul li a:hover { background-color:#c5c5c5; color: #fff; }
ul.menu ul ul { left:180px; top:0; }
ul.menu .menulink { border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; width:220px; background:#2b9da4; }
ul.menu .sub { background:#d1d1d1; }
ul.menu .topline { border-top:1px solid #aaa; }
.flux_left { clear:left; }

/* Easy Slider */
#slider ul { padding: 0; }
#slider ul,#slider li, { margin:0; padding:0; list-style:none; }
#slider li { width:620px; height:240px; overflow:hidden; }
#prevBtn,#nextBtn,#slider1next,#slider1prev { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }
#nextBtn,#slider1next { left:696px; }
#prevBtn a,#nextBtn a { display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a { background:url(../images/btn_next.gif) no-repeat 0 0; }

/* numeric controls */
ol#controls { margin:1em 0; padding:0; height:28px; }
ol#controls li { margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a { float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a { background:#5DC9E1; color:#fff; }
ol#controls li a:focus,#prevBtn a:focus,#nextBtn a:focus { outline:none; }

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  height: 300px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 770px;
  height: 420px;
  padding: 10px;
  background-color: #ffffff;
  font-size: 15pt;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  top: 10px;
  width: 250px;
  right: 20px;
}
.close {
	background: green;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
}
.close:hover {
	color: #fff;
	text-decoration: none;
}

/*PROMOTION CONTENT*/
#content_article { display:block; float:left; width:800px; overflow:visible; min-height:600px; }
.content { background-image:url(../images_css/somadis_content.jpg); background-repeat:no-repeat; }
.content,.content_article { margin-bottom:30px; }
.produit { float:left; width:450px; margin-bottom:20px; }
.produit_article { float:left; margin:10px 0; }
.photo_produit_medium { float:left; width:220px; overflow:hidden; padding-left:7px; }
.detail_produit { float:right; width:210px; margin-right:10px; }
.detail_produit_article { width:600px; margin-right:10px; margin-bottom:50px; float: left; }
.grid_12 .detail_produit_article { width:100%; margin-right:10px; margin-bottom:50px; float: left; }
.grid_12 .detail_produit_article .tableau_article_detail { background:#CCC; float:left; width:900px; margin-left:8px; margin-top:10px; }
.produit_catalogue { height:90px; position:relative; background:#f1f0f0; padding:10px; border-bottom:solid 1px #4d4d4d; margin: 10px 0; }
.produit_catalogue:last-child { border-bottom:none; }
.logo { margin-bottom:20px; }
.produit_catalogue .smaller a { position:absolute; right:10px; bottom:10px; }

/*ARTICLE*/
.detail_article { width:434px; float:left; margin-left:0; margin-top:0; margin-bottom:20px; background:#FFF; }
.article_titre { width:190px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.article2_titre { width:225px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.reference_titre { width:45px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.prix_article_titre { width:60px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.quantite_titre { width:40px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.ajouter_titre { width:64px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; background-color:#CCC; }
.supprimer_titre { width:30px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; background-color:#CCC; }
.article { width:190px; float:left; padding:5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.article2 { width:225px; float:left; padding:5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.reference { width:45px; float:left; padding:5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.prix_article { width:60px; float:left; padding:5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.quantite { width:40px; float:left; padding:5px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; background-color:#CCC; }
.quantite select { width:40px; margin-top:-1px; font-family:.8em; }
.ajouter { width:64px; float:left; padding:5px; }
.supprimer { width:25px; float:left; padding:5px 5px 5px 10px; border-bottom:#FFF dotted 1px; height:16px; background-color:#CCC; }
.total { width:95px; float:left; padding:5px 0; height:16px; border-bottom:#333 dotted 1px; font-size:1.2em; margin-left:400px; clear:left; text-align:right; }
.total_prix_titre { width:101px; float:left; padding:10px 5px 5px; border-bottom:#FFF dotted 1px; background-color:#CCC; }
.total_prix { width:100px; float:left; padding:5px 0; height:16px; border-bottom:#333 dotted 1px; font-size:1.2em; }
.detail { float:left; width:610px /*448px;*/ padding:10px 5px; }
.detail_article { float:left; width:758px; padding:10px 5px; }
.detail .grid_2 { margin-left:7px; margin-right:0; }
.prix { height:55px; width:65px; background-image:url(../images_css/etiquette2.png); background-repeat:no-repeat; position:absolute; margin-left:150px; margin-top:150px; text-align:center; padding-top:20px; padding-left:5px; }
.prix .euros { color:#FFF; font-size:100%; font-weight:bolder; }
.detail_produit_article .prix .euros { color:#FFF; font-size:150%; font-weight:bolder; }
.detail_produit_article .prix .cents { font-size:120%; }
.infos { width:90px; height:34px; background-image:url(../images_css/infos.jpg); background-position:top; display:block; margin-top:15px; float:left; }
.infos:hover { background-position:bottom; }
.bouton_envoyer { width:109px; height:35px; background-image:url(../images_css/bouton_envoyer.jpg); background-position:top left; background-repeat:no-repeat; float:right; margin-right:40px; margin-top:20px; }
.bouton_envoyer:hover { background-position:bottom left; }
.alerte_quotas { float: left; width: 600px; }

/*NOUVEAUTES CONTENT*/
.prix_catalogue { position:absolute; top:60px; left:60px; height:50px; width:54px; background-image:url(../images_css/etiquette_small.png); background-repeat:no-repeat; padding-top:20px; padding-left:5px; font-size:65%; text-align:center; }

/*CHEMIN*/
.chemin { text-align:center; height:30px; position:relative; margin-bottom:20px; padding-top:10px; float:left; margin-left:10px; width:100%; }
.next { position:absolute; top:0; right:0; width:33px; height:48px; cursor:pointer; background:url(../images_css/next.jpg) no-repeat 0 0; }
.next:hover { background-position:-33px 0; }
.next:active { background-position:-66px 0; }
.prev { position:absolute; top:0; left:0; width:33px; height:48px; cursor:pointer; background:url(../images_css/prev.jpg) no-repeat 0 0; }
.prev:hover { background-position:-33px 0; }
.prev:active { background-position:-66px 0; }
.gauche { float:left; margin-left:35px; width:100px; }
.numero_chemin { position:absolute; top:-2px; left:35%; }
.numero_chemin li { display:inline; margin-left:5px; }
.droite { float:right; margin-right:33px; width:100px; }

/*Formulaire contact, compte*/
.formulaire_main { width:auto%; display:block; overflow:hidden; margin:0 0 10px; padding:10px; }
.formulaire_main select { width:200px; float:left; }
.formulaire_main input .text { width:50%; margin-right:5px; }
.formulaire_main label { display:block; float:left; width:40%; text-align:right; margin:5px 10px 0 0; padding:.1em; }
.formulaire_main input[type=submit] { float:right; }
.text_main { width:200px; float:left; margin-top:5px; background-color:#CCC; border:1px solid #666; }
.legend { display:block; float:left; width:100%; margin:10px 0; color:#333; font-size:1.5em; text-align:right; }
.inscription { display:block; margin-top:10px; float:right; margin-right:40px; }
#fonction { width:200px; margin-top:-5px; }
textarea { background-color:#FFF; border:1px solid #666; float:right; }
.message { width:340px; margin-top:15px; margin-right:41px; background-color:#CCC; border:1px solid #666; }
.captcha { width:auto%; float:right; margin-right:42px; text-align:right; display:block; }
#imgkcaptcha { margin-bottom:-20px; vertical-align:middle; margin-top:20px; }
#keystring { background-color:#CCC; border:1px solid #666; }
.bouton_modifier { display:block; width:118px; height:34px; background-image:url(../images_css/modifier.jpg); background-position:0 0; float:left; }
.bouton_modifier:hover { background-position:0 34px; }
.bouton_commandes { display:block; width:118px; height:34px; background-image:url(../images_css/commandes.jpg); background-position:0 0; float:left; margin-top:10px; }
.bouton_commandes:hover { background-position:0 34px; }
.bouton_factures { display:block; width:154px; height:52px; background-image:url(../images_css/factures.jpg); background-position:0 0; float:left; }
.bouton_factures:hover { background-position:0 52px; }
#commandes_historique { display:inline; float:left; width:100%; margin-bottom:15px; }
.grid_articles { display:inline; float:left; width:210px; }
.grid_quantite { display:inline; float:left; width:50px; }
.grid_trash { display:inline; float:left; width:20px; padding-left:5px; padding-right:5px; }
.commande { background-color:#CCC; border-left:#FFF 1px solid; padding:5px; width:101px; float:left; }
.commande p { border-top:#FFF 1px dashed; padding:5px; height:10px; }
.commande h5 { margin-bottom:5px; }
.date { font-size:.9em; font-weight:lighter; }
.orange { color:#F60; }
.envoye { display:block; width:100%; float:left; text-align:center; margin:10px 0; }
.warning { color:#900; font-weight:bold; font-size:1.5em; float:left; margin:0 0 0 10px; }
.inscription { display:block; margin-top:10px; float:right; margin-right:40px; }
#conf { float: left; margin-top: 20px; }

/*PANIER*/
.etape { margin-right:5px; vertical-align:middle; }
#etapes p { float:left; margin-right:10px; margin-bottom:20px; }

/*#commandes input{width:20px; margin-left:7px; height:15px; margin-top:1px;}*/
.bouton_calculer { display:block; width:106px; height:40px; background-image:url(../images_css/calculate.jpg); background-position:0 0; float:left; margin-top:20px; margin-left:670px; cursor:pointer; }
.bouton_calculer:hover { background-position:0 40px; }
.bouton_verifier { display:block; width:106px; height:40px; background-image:url(../images_css/check.jpg); background-position:0 0; float:right; margin:20px 20px 0 0; }
.bouton_verifier:hover { background-position:0 40px; }
.bouton_valider { display:block; width:106px; height:35px; background-image:url(../images_css/bouton_valider.jpg); background-position:0 0; float:right; margin-top:20px; }
.bouton_valider:hover { background-position:0 35px; }
.bouton_imprimer { display:block; width:106px; height:35px; background-image:url(../images_css/bouton_imprimer.jpg); background-position:0 0; float:right; margin-top:20px; }
.bouton_imprimer:hover { background-position:0 35px; }
.bouton_payement { display:block; width:106px; height:38px; background-image:url(../images_css/payement.jpg); background-position:0 0; float:right; margin-top:20px; }
.bouton_payement:hover { background-position:0 38px; }
.bouton_order { display:block; width:106px; height:38px; background-image:url(../images_css/check.jpg); background-position:0 0; float:right; margin-top:20px; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; }
.bouton_order:hover { background-position:0 38px; }
.bouton_devis { display:block; width:106px; height:38px; background-image:url(../images_css/devis.jpg); background-position:0 0; float:right; margin-top:20px; margin-right: 20px; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; }
.bouton_devis:hover { background-position:0 38px; }
.approuver { margin-top:20px; float:left; width:100%; }
.livraison { float:left; width:150px; padding:5px 5px 10px; height:11px; border-bottom:#FFF dotted 1px; border-right:#FFF dotted 1px; margin-left:162px; background-color:#CCC; }
.adresse label { display:block; float:left; width:100px; text-align:right; margin:5px; }
.adresse input { margin:5px; float:left; }

/* --------------------------------------
Aside
---------------------------------------*/
.aside-index { margin-top: -280px;}
.aside-index h3 { color: #2b9da4 !important;}
.fb-like-box { margin: 0 0 20px 0;}
#pub { height:300px; width:300px; }
#rechercher_form, #horaires { width:300px; height:93px; background-image:url(../images_css/newsletter.jpg); background-repeat:no-repeat; float:left; margin-bottom:20px; }
#horaires p { margin: 7px; color: white; }
#chercher { margin:5px; display:block; }
#newsletter {
margin: 10px;
display: block;
font-size: 1.2em;
color: white;
}
#rechercher_form input.text { width:200px; background-color:#CCC; border:1px solid #fff; margin:7px; float:left; }
#newsletter_form { width:300px; height:93px; background-image:url(../images_css/newsletter.jpg); background-repeat:no-repeat; float:left; margin-top:20px; }
#newsletter_inscription { margin:5px; display:block; }
#newsletter_form input.text { width:200px; background-color:#CCC; border:1px solid #fff; margin:7px; float:left; }
#engagements { width:300px; height:143px; background-image:url(../images_css/engagements.jpg); background-repeat:no-repeat; float:left; margin-top:20px; }
#engagements h3, #horaires h3  { margin-bottom:25px; margin-top:5px; margin-left:50px; font-weight:lighter; }
#engagements h3 a { color:#FFF; font-size:.8em; text-decoration:none; border-bottom:#FFF dotted 1px; }
#engagements h3 a:hover { color:#FFF; text-decoration:none; border-bottom:#FFF dotted 0; }

/* --------------------------------------
FOOTER
---------------------------------------*/
.clearfooter { height:330px; clear:both; }
#footer { width:100%; height:81px; background-image:url(../images_css/footer.jpg); background-repeat:repeat-x; padding-top:20px; margin-top:20px; float:left; }
#menu_footer1 { padding:0 0 20px 160px; }
#menu_footer2 { margin:20px 0 0 300px; }
#footer ul li { display:inline; float:left; margin-right:20px; color:#FFF; }
#footer ul li a { color:#FFF; text-decoration:none; border-bottom:#FFF dotted 1px; }
#footer ul li a:hover { color:#FFF; text-decoration:none; border-bottom:#FFF dotted 0; }

/*TABLEAU*/
.tableau_article { width:620px; float:left; background:#CCC; }
.tableau_total { width:35%; float:right; background:#CCC; }
.tableau_article tr,.tableau_total tr { height:10px; }
.tableau_article td,.tableau_total td { border:#FFF dotted 1px; vertical-align:middle; }
.tableau_article h4,.tableau_total h4 { padding:15px 5px; font-size:.9em; font-weight:bold; margin-bottom: 0; }
.tableau_article p,.tableau_total p { padding:5px; font-size:.85em; }
.tableau_article input { margin:5px; }
.tableau_article_detail { background:#CCC; float:left; width:600px; margin-left:8px; margin-top:10px; }
.tableau_article_detail tr { height:20px; }
.tableau_article_detail td { border:#FFF dotted 1px; vertical-align:middle; }
.tableau_article_detail h4 { padding:15px 5px; font-size:.9em; font-weight:bold; text-align:center; margin-bottom: 0; }
.tableau_article_detail p { padding:5px; font-size:.75em; text-align:center; }
.tableau_article_detail input.ajouter_panier { width:63px; height:22px; background-image:url(../images_css/ajouter.jpg); background-position:top center; display:block; }
.tableau_article_detail input { margin:2px; width:20px; }
.trash { margin-left:10px; }
.euros { color:#FFF; font-size:1.4em; font-weight:bolder; }
.cents { font-size:.8em; }
.bouton_maj { display:block; width:106px; height:40px; background-image:url(../images_css/maj.jpg); background-position:0 0; float:left; margin-top:20px; margin-left:470px; cursor:pointer; }
.bouton_maj:hover { background-position:0 40px; }