/*
** Version  : 1.3
** Date   : 23/08/13
*/

@import url(http://fonts.googleapis.com/css?family=Istok+Web:700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);


/*
** RESET & GRID
*/

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:Ã&Aelig;’¢â‚¬â„¢Ã&Aelig;’¢â‚¬â„¢;content:none}table{border-collapse:collapse;border-spacing:0}
.container_12{width:100%;margin-left:0;margin-right:0}.container_12_margin{width:100%;margin-left:0;margin-right:0}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative}.container_12_margin .alpha, .alpha{margin-left:0 !important}.container_12_margin .omega, .omega{margin-right:0 !important}.container_12 .grid_1{width:8.333%}.container_12 .grid_2{width:16.667%}.container_12 .grid_3{width:25%}.container_12 .grid_4{width:33.333%}.container_12 .grid_5{width:41.667%}.container_12 .grid_6{width:50%}.container_12 .grid_7{width:58.333%}.container_12 .grid_8{width:66.667%}.container_12 .grid_9{width:75%}.container_12 .grid_10{width:83.333%}.container_12 .grid_11{width:91.667%}.container_12 .grid_12{width:100%}.container_12_margin .grid_1{width:6.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_2{width:14.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_3{width:23%;margin-left:1%;margin-right:1%}.container_12_margin .grid_4{width:31.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_5{width:39.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_6{width:48%;margin-left:1%;margin-right:1%}.container_12_margin .grid_7{width:56.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_8{width:64.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_9{width:73%;margin-left:1%;margin-right:1%}.container_12_margin .grid_10{width:81.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_11{width:89.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_12{width:98%;margin-left:1%;margin-right:1%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:" ";display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:inline-block;line-height:0}
input::-moz-focus-inner { 
  border: 0; 
  padding: 0; 
  margin-top:-2px; 
  margin-bottom: -2px; 
}
/*
** GENERAL 
*/

html,body{font-family:Arial, sans-serif;font-size:13px;line-height:1.5;color:#171717;background:#fff}a,address{color:inherit;text-decoration:inherit}a{color:#171717;text-decoration:none}a:hover{color:#171717;text-decoration:none}.icn:before{color:inherit!important;font-size:150%!important}strong{font-weight:700}em{font-style:italic}ul{list-style-type:disc;margin-left:20px}ul.nopuce{list-style-type:none;margin-left:0}hr{border:0;border-top:1px solid #565656}.table tbody tr:hover td,.table tbody tr:hover th{background-color:#666}img.resize{max-width:100%;height:auto}table{vertical-align:top}a{color:#171717;color:#666;text-decoration:none}a:hover{color:#171717;color:inherit;text-decoration:none}blockquote{margin-left:15px}.asidebox iframe,.asidebox object,.asidebox embed{max-width:100%}

/*
** BUGS & CORRECTIONS
*/

a[href^="tel:"] {color: inherit !important;}
#bigPhotoInner img {max-width: 800px !important;}
table,td,th,tr,tbody,thead,tfoot,form { vertical-align: top;}

/*PB BTN DE FORMULAIRES*/
/*#toutes_methodes_de_paiement input[type=submit],#form_1 input[type=submit], #bouton_commander{color: #fff !important; background-color:#3d3c54 !important;background-image:-moz-linear-gradient(top,#4c4b6a,#3d3c54) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#4c4b6a),to(#3d3c54)) !important;background-image:-webkit-linear-gradient(top,#4c4b6a,#3d3c54) !important;background-image:-o-linear-gradient(top,#4c4b6a,#3d3c54) !important;background-image:linear-gradient(to bottom,#4c4b6a,#3d3c54) !important;background-repeat:repeat-x !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=?#4c4b6a?,endColorstr=?#3d3c54?,GradientType=0) !important;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;*background-color:#3d3c54 !important;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;font-size:inherit !important;height:auto !important}#form_1 input[type=submit]:hover,#form_1 input[type=submit]:focus,#form_1 input[type=submit]:active,#form_1 input[type=submit].active,#form_1 input[type=submit].disabled{color:#fff !important;background-color:#3d3c54 !important;*background-color:#d9d9d9 !important}
*/
/*#form_1 input[type=text],#form_1 textarea{width:90%}#live_102 input[type=submit]{border-radius:3px !important}#live_102_tableau_col1{text-align:right;vertical-align:top}#live_102_tableau_col2{text-align:center}*/


/*
** HEADINGS
*/

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700;text-transform: uppercase;line-height: 1.3;font-family:"Istok Web",Arial, Helvetica, sans-serif;margin:10px 0;text-rendering:optimizelegibility;font-smooth:always;-webkit-font-smoothing:antialiased;opacity:.999}
h1,.h1{font-size:16px;color:#565656;margin-bottom:10px;margin-top:5px}
h2,.h2{font-size:14px;color:#565656;margin-bottom:7px;margin-top:5px}
h3,.h3{font-size:12px;color:#565656;margin-bottom:5px;margin-top:5px}
h4,.h4{font-size:22px;color:#fff;margin-bottom:15px;margin-top:5px}
h5,.h5{font-size:14px;color:#fff;margin-bottom:5px;margin-top:5px}
h6,.h6{font-size:14px;color:#ccc}
h4.aside{font-size:14px;color:#565656;margin-bottom:15px;margin-top:5px}


/* 
** BOUTONS 
*/

.btn, input[type=submit], input[type=button], button{  display: inline-block;   margin-bottom: 0;   padding: 4px 12px;   text-align: center;   text-shadow: 0 1px 1px rgba(255,255,255,0.75);   font-size: 14px;   font-weight: normal;   line-height: 20px;   vertical-align: middle;   color: #fff;   background-color: #3d3c54;   background-image: -moz-linear-gradient(top,#4c4b6a,#3d3c54);   background-image: -webkit-gradient(linear,0 0,0 100%,from(#4c4b6a), to(#3d3c54) );   background-image: -webkit-linear-gradient(top,#4c4b6a,#3d3c54);   background-image: -o-linear-gradient(top,#4c4b6a,#3d3c54);   background-image: linear-gradient(to bottom,#4c4b6a,#3d3c54);   background-repeat: repeat-x;   box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);   cursor: pointer;   *display: inline;   *zoom: 1;   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=?#4c4b6a?,endColorstr=?#3d3c54?,GradientType=0);  border:1px solid #ccc;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);  *background-color:#3d3c54;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);  *border:0;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  *margin-left:.3em;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], input[type=button]:hover, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit].disabled{ color:#fff;  background-color:#3d3c54;  *background-color:#d9d9d9}.btn:active, .btn.active, input[type=submit]:active, input[type=submit].active, input[type=button]:active, input[type=button].active, button:active, button.active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  background-color:#ccc 9}.btn:first-child, input[type=submit]:first-child{ *margin-left:0}.btn:hover, .btn:focus, input[type=submit]:hover, input[type=button]:hover, input[type=submit]:focus, input[type=button]:focus, button:hover, button:focus{ color:#fff;  text-decoration:none;  background-position:0 -15px;  -webkit-transition:background-position .1s linear;  -moz-transition:background-position .1s linear;  -o-transition:background-position .1s linear;  transition:background-position .1s linear}.btn:focus, input[type=submit]:focus, input[type=button]:focus, button:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}.btn.active, .btn:active, input[type=submit]:active, input[type=submit].active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn.disabled, .btn[disabled], input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}
.btn-large{ padding:11px 19px;  font-size:17.5px;  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px}.btn-large [class^="icon-"], .btn-large [class*="icon-"]{ margin-top:4px}.btn-small{ padding:2px 10px;  font-size:11.9px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.btn-small [class^="icon-"], .btn-small [class*="icon-"]{ margin-top:0}.btn-mini [class^="icon-"], .btn-mini [class*="icon-"]{ margin-top:-1px}.btn-mini{ padding:0 6px;  font-size:10.5px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.btn-block{ display:block;  width:100%;  padding-left:0;  padding-right:0;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}.btn-block .btn-block{ margin-top:5px}input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{ width:100%}
.btn-custom{ font-weight:normal;  display:inline-block;  *display:inline;  *zoom:1;  padding:4px 12px;  margin-bottom:0;  font-size:14px;  line-height:20px;  text-align:center;  vertical-align:middle;  cursor:pointer;  color:#fff;  text-shadow:0 1px 1px rgba(255,255,255,0.75);  background-color:#4de49f;  background-image:-moz-linear-gradient(top,#73e6b1,#4de49f);  background-image:-webkit-gradient(linear,0 0,0 100%,from(#73e6b1), to(#4de49f) );  background-image:-webkit-linear-gradient(top,#73e6b1,#4de49f);  background-image:-o-linear-gradient(top,#73e6b1,#4de49f);  background-image:linear-gradient(to bottom,#73e6b1,#4de49f);  background-repeat:repeat-x;  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=Ã&Aelig;’¢â‚¬â„¢#73e6b1Ã&Aelig;’¢â‚¬â„¢,endColorstr=Ã&Aelig;’¢â‚¬â„¢#4de49fÃ&Aelig;’¢â‚¬â„¢,GradientType=0);  *background-color:#4de49f;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);  border:1px solid #ccc;  border-bottom-color:#b3b3b3;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);  *border:0;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  *margin-left:.3em;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled]{ color:#fff;  background-color:#4de49f;  *background-color:#d9d9d9}.btn-custom:active, .btn-custom.active, input[type=submit]:active, input[type=submit].active{ background-color:#ccc 9 background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn-custom:first-child, input[type=submit]:first-child{ *margin-left:0}.btn-custom:hover, .btn-custom:focus{ color:#fff;  text-decoration:none;  background-position:0 -15px;  -webkit-transition:background-position .1s linear;  -moz-transition:background-position .1s linear;  -o-transition:background-position .1s linear;  transition:background-position .1s linear}.btn-custom:focus, input[type=submit]:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}.btn-custom.active, .btn-custom:active,{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn-custom.disabled, .btn-custom[disabled], input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}
.btn.flat{ background:#4c4b6a;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-transition:all .1s linear;  -moz-transition:all .1s linear;  -o-transition:all .1s linear;  transition:all .1s linear}.btn.flat:hover{ background-color:#3d3c54}.btn.flat.active, .btn.flat:active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom.flat{ background:#73e6b1;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-transition:all .1s linear;  -moz-transition:all .1s linear;  -o-transition:all .1s linear;  transition:all .1s linear}.btn-custom.flat:hover{ background-color:#4de49f}.btn.flat.active, .btn.flat:active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}

/* 
** CLASSES UTILES 
*/
  
.vignette td{padding:0 5px}
.vignette td img{display:block;margin-left:auto;margin-right:auto; max-width: 100%;}
.lead{font-size:19px;line-height:21px}
small{font-size:80%}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#999}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.badge{padding-right:9px;padding-left:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit !important;}
.uppercase {text-transform: uppercase;}
.btn .icn:before,.btn-custom .icn:before {padding: 0;font-size: 120%;letter-spacing: -5px;position:relative;top:-2px;}
.champs_necessaires{font-weight:700;color:red}
.smaller {font-size: .7143em;}.small {font-size: .8571em;}.big {font-size: 1.1429em;}.bigger {font-size: 1.2857em;}.biggest {font-size: 1.4286em;}
i,b {font-style: normal;font-weight: normal;}
.inbl {display: inline-block;vertical-align: top;}
.left {float: left;}img.left {margin-right: 1em;}.right {float: right;}img.right {margin-left: 1em;}img.left, img.right {margin-bottom: 5px;}
/* p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0) */
.m-reset,.ma0{margin:0}.p-reset,.pa0{padding:0}.ma1,.mas{margin:10px}.ma2,.mam{margin:20px}.ma3,.mal{margin:30px}.pa1,.pas{padding:10px}.pa2,.pam{padding:20px}.pa3,.pal{padding:30px}.mt0,.mtn{margin-top:0}.mt1,.mts{margin-top:10px}.mt2,.mtm{margin-top:20px}.mt3,.mtl{margin-top:30px}.mr0,.mrn{margin-right:0}.mr1,.mrs{margin-right:10px}.mr2,.mrm{margin-right:20px}.mr3,.mrl{margin-right:30px}.mb0,.mbn{margin-bottom:0}.mb1,.mbs{margin-bottom:10px}.mb2,.mbm{margin-bottom:20px}.mb3,.mbl{margin-bottom:30px}.ml0,.mln{margin-left:0}.ml1,.mls{margin-left:10px}.ml2,.mlm{margin-left:20px}.ml3,.mll{margin-left:30px}.pt0,.ptn{padding-top:0}.pt1,.pts{padding-top:10px}.pt2,.ptm{padding-top:20px}.pt3,.ptl{padding-top:30px}.pr0,.prn{padding-right:0}.pr1,.prs{padding-right:10px}.pr2,.prm{padding-right:20px}.pr3,.prl{padding-right:30px}.pb0,.pbn{padding-bottom:0}.pb1,.pbs{padding-bottom:10px}.pb2,.pbm{padding-bottom:20px}.pb3,.pbl{padding-bottom:30px}.pl0,.pln{padding-left:0}.pl1,.pls{padding-left:10px}.pl2,.plm{padding-left:20px}.pl3,.pll{padding-left:30px}


/*Formulaires*/

form input[type=text],form textarea,form input[type=password], form select{margin:2px 0 !important;padding:3px;-webkit-border-radius:0px;border-radius:0px;border:1px solid #565656;-webkit-box-shadow: none;box-shadow: none}
form input[type=text]:hover,form textarea:hover,form input[type=password]:hover, form select:hover{background:rgba(255,255,255,0.95);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
form input[type=text]:focus,form textarea:focus,form input[type=password]:focus, form select:focus{outline-color:#565656;background:rgba(255,255,255,0.85)}
form fieldset{border:1px solid #666;padding:10px}

/* Affichage News */
.news-mini-container .news .news-titre{font-weight:700}.news-mini-container .news{margin-bottom:12px}.news-mini-container .news a{color:inherit}

/*ASIDE */
.asidebox
{
	background: transparent;
  	color: #171717;
  	padding: 0;
  	margin-bottom: 15px;
}


/*
** LISTING PRODUIT
*/

/* Classique */

.container-produit{margin-bottom:10px;border:1px solid #d4d3d3}
.container-produit .nom-produit{background:#f4f4f4;padding:5px 10px;color:#171717;font-size:13px;font-weight:700;margin:0}
.container-produit .produit-content{padding:5px 10px;margin-bottom:5px}
.container-produit{margin-right:10px;}
.vignette_produit_prix_pourcentage_reduction {display: inline-block;}
.container-produit #bouton_commander {font-family: ModernPictogramsNormal;font-size: 20px !important;padding: 0px 5px 10px 5px;height: 30px !important;vertical-align: top;line-height: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container-produit .detail-produit {font-family: ModernPictogramsNormal;font-size: 20px !important;line-height: 15px;padding: 0px 5px 10px 5px;float: right;height: 30px !important;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.prix-classique{color:#fd3179;font-size:16px;font-weight:700}
.prix-taux-remise{color:#fd3179}
.prix-barre-produit{text-decoration:line-through}
.img-produit img{max-width:100%}
.img-produit{text-align: center;position: relative;}
.macaron-produit { position: absolute; top: 0; left: 0; width: 100%;z-index: 5;}
.macaron-produit .topvente { position:absolute;left:0;text-align: left;}
.macaron-produit .promo { position:absolute; right:0;text-align: right;}

/* Variante 1 */

.description-longue-produit{line-height:1.1em;min-height:3.3em;max-height:3.3em;overflow:hidden;}
.description-longue-produit:after{content:"...";opacity: 0.7;}
.variante_1 .container-produit{position:relative;}
.variante_1 .fixed-bloc{position:absolute;bottom:10px;right:10px;width:150px}
.variante_1 .img-produit img{max-height:140px;width:auto!important;max-width:none}
.variante_1 .img-produit{overflow:hidden;text-align:center}
.variante_1 .container-produit{padding:10px;width:auto}
.variante_1 .produit-content{padding:0 0 5px 10px}
.variante_1 .nom-produit{margin-bottom:7px}
.variante_1 .prix-classique{line-height:1.2}
.variante_1 .boutons-produit{margin-top:5px}
.variante_1 .macaron-produit img { width: 75% !important;}

/* Variante 2 */

.var2{position:relative;overflow:hidden}
.var2 .figcaption{position:absolute;top:100%;height:150px;background:#fff;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;opacity:0}
.var2 .img-produit{position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;height:330px;}
.var2 .img-produit img{max-height:100%;width:auto;max-width:none;margin-left: -90px;}
.var2:hover .figcaption{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:1}
.var2:hover .img-produit{-webkit-transform:translateY(-75px) scale(0.8);-moz-transform:translateY(-75px) scale(0.8);-ms-transform:translateY(-75px) scale(0.8);transform:translateY(-75px) scale(0.8);}

/* Boutons de quantite */
input.bouton_quantite{background:#4c4b6a;color:#fff;border-radius:0;border:0;font-family:monospace;color:#000;height:14px;padding:0;width:14px;line-height:0;display:block;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;}
.bouton_quantite_augmenter{clear:left;background;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bouton_quantite_reduire{margin-top:2px;clear:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#quantite{height:30px;padding:3px;margin:0 5px 0 0!important;border-radius:0;border:2px solid #4c4b6a;width:30px;text-align:center;box-shadow:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ajouter-panier table td{vertical-align:middle}
#bouton_commander,.produit-ajout-chariot input[type=submit]{margin:0 5px!important}
.boutons-produit{margin-top:10px}

/* Pagination */
ul.pagination{margin:0;padding:0;text-align: center;}ul.pagination li{display:inline-block;height:18px;margin-right:3px;padding:0;min-width:18px;text-align:center;line-height:18px;border:1px solid #d4d3d3;background-color:#f3f3f3;color:#474747;-webkit-transition:all 150ms ease;-moz-transition:all 150ms ease;-ms-transition:all 150ms ease;-o-transition:all 150ms ease;transition:all 150ms ease}ul.pagination li:hover{opacity:.8}ul.pagination li:active{opacity:.6;position:relative;top:1px}ul.pagination li.page_lien_inactive{border:1px solid #474747;background-color:#474747;color:#fff}ul.pagination li a{display:block;width:100%;height:100%}ul.pagination .pagination-suivant{border:0;background:transparent url(fichiers_site/a2719ali/contenu_pages/graphisme_global/pagination-next.html) no-repeat;text-indent:-9999px;width:18px}ul.pagination .pagination-precedent{border:0;background:transparent url(http://www.norlia.fr/fichiers_site/a2719ali/contenu_pages/graphisme_global/pagination-prev.png) no-repeat;text-indent:-9999px;width:18px}
      
/* popup produit */
.modal-popup{width:400px;margin:0 auto;text-align:center}.modal-popup img{max-width:100%}#cboxLoadedContent{overflow:hidden!important}

/*
** FICHE PRODUIT
*/

.image-lead img{max-width:100%;height:auto}
.image-small #diapoTable {width: 320px;table-layout: fixed; }
.image-small #diapoTable tr{display:inline}
.image-small #diapoTable td{display:inline-block;width:31%;margin:1%}
.image-small #diapoTable td img{max-width:100%}
h1.produit-nom{color:#fd3179;margin-bottom:0;margin-top:0}
.produit-reference{color:#ababab;font-style:italic;line-height:1}

/* ONGLETS */

ul.tabs { margin:0; padding: 0;border-bottom: 1px solid #3d3c54;}
ul.tabs li {display: inline-block; list-style-type: none;}
ul.tabs li a{display:inline-block;color:#fff;background-color:#3d3c54;background-image:-moz-linear-gradient(top,#4c4b6a,#3d3c54);background-image:-webkit-gradient(linear,0 0,0 100%,from(#4c4b6a),to(#3d3c54));background-image:-webkit-linear-gradient(top,#4c4b6a,#3d3c54);background-image:-o-linear-gradient(top,#4c4b6a,#3d3c54);background-image:linear-gradient(to bottom,#4c4b6a,#3d3c54);background-repeat:repeat-x;padding:4px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);cursor:pointer;margin-bottom:0;padding:4px 12px;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);font-size:14px;font-weight:400;line-height:20px;vertical-align:middle;border:1px solid #ccc;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#3d3c54;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*border:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);margin-right:5px;border-bottom:0}
ul.tabs li a:hover{color:#fff;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}
ul.tabs li a:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15) ,0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15) ,0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15) ,0 1px 2px rgba(0,0,0,.05) }
ul.tabs li a.active {cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

/* Prix, quantitÃ&Aelig;’&Aelig;’© et option produit */

.produit .description p{margin:0!important} 
.option-titre{width:25%;display:inline-block}
select[id*=id_s_opt_]{width:35%}
div[id*=produit_stock_dispo_]{color:green;font-weight:700}
div[id*=produit_stock_indispo_]{color:orange;font-style:italic}
.infos-complemenateaires{font-size:85%;opacity:.75;font-style:italic;margin-top:20px;border-top:1px dashed rgba(0,0,0,.25);padding-top:5px;box-shadow:inset 0 1px 1px rgba(255,255,255,.5)}
.produit-prix{color:#ff337b;font-weight:700;font-size:24px}
.prix-reduction{color:#ff337b;font-weight:bold}
.prix-reduction span{color:#171717;text-decoration:line-through}
.container_12.panier{margin:10px 0;border-top:1px dashed rgba(0,0,0,0.25);padding-top:5px;box-shadow:inset 0 1px 1px rgba(255,255,255,.5);margin-bottom:0;padding-top:20px}
.container_12.prix{margin:10px 0}
.container_12.panier .alpha{padding-top:5px}

/*CORRIGE BUG DU BR*/

.produit-options-sansimpact br,.produit-options-impact br{display:none;}
.produit-options-sansimpact select ~ br,.produit-options-impact select ~ br{display:inline;}

/* Espace rÃ&Aelig;’&Aelig;’©assurance*/

.produit-achetter{border:1px solid #d4d3d3;background-color:#f3f3f3;padding:10px;margin:10px 0}
.produit-reassurance{border:1px solid #d4d3d3;background-color:#fff;margin:10px 0;padding:10px}
.produit-reassurance h4{background:#474747;color:#fff;margin:0;margin:10px 0;font-size:13px;padding:4px 5px}
.produit-reassurance h4:first-child{margin-top:0}
.produit-ajout-chariot input[type="submit"]{margin:0 !important}
.produit-quantite{margin-top:5px}

/* Images*/

.image-lead{border:1px solid #d4d3d3;width:300px;height:300px;display:table-cell;vertical-align:middle;padding:10px;max-width:300px;}
.image_petite{border:1px solid #d4d3d3;padding:5px;margin-bottom:3px}
#diapoTable{font-size:0}
.image-small #diapoTable tr td{display:inline-block;width:32%;margin:0;margin-left:1%;font-size:14px}
.image-small #diapoTable tr td:first-child{margin-left:0}

/* Produits complÃ&Aelig;’&Aelig;’©mentaires */

.produit-complementaire{border:0;max-height:170px;height:170px;overflow:auto}
.produit-complementaire .img-produit{height:80px;border:1px solid #d4d3d3;overflow:hidden;padding:5px}
.produit-complementaire .img-produit a{display:block;width:100%;height:100%;overflow:hidden}
.produit-complementaire .img-produit img{height:100%;max-width:none;width:auto}
.produit-complementaire .prix-classique{font-size:inherit}
.produit-complementaire .taux-remise,.produit-complementaire .prix-barre-produit{display:inline;font-size:80%}
.produit-complementaire .produit-content{margin:0;padding:0}

/*
** RAPID EDIT
*/

/*
html{  background: #fff url(http://www.norlia.fr/fichiers_site/a2719ali/contenu_pages/graphisme_global/background.png) ;}
*/

hr.chiant {
  background: #fff url(fichiers_site/a2719ali/contenu_pages/graphisme_global/hr-chiant.png) center center no-repeat;
  border: none;
  height: 16px;
}

.hometable {
 width: 400px;
  margin: 0 auto;
}

.vignette {
  table-layout: fixed;
}
.vignette td{
width: 30%;
  padding: 1%;
}
.vignette img{
display: block;
  margin: 0 auto;
}

/* --- BLOCKQUOTE --- */

blockquote {
background:#004f77;
border:none !important;
border-radius:3px;
padding:10px !important;

color:#fff;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-style:normal !important;
}
blockquote h2 {
font-size:20px !important;
color:#fff !important;
  
text-shadow: 0 1px 0 #666;
line-height: 24px; 
  padding: 2px 2px;
  margin: 2px 0px;
}

blockquote ul {
color:#666666;
list-style-type:disc;
padding-left:100px;text-shadow: 0 1px 0 #EEEEEE;
}
blockquote li {

}
blockquote p {
  color:#333;
  13px:13px;
}
blockquote small {
color:#fff;
}


.shadetabs{
padding: 3px 0;
margin-left: 0;
font: bold 12px;
font-family:Lucida Sans Unicode;
list-style-type: none;
text-align: left;
border-bottom:1px solid #000000;
}

.shadetabs li
{
display: inline;
margin: 0;
padding: 3px 7px;
margin-right: 3px;

}

.shadetabs li a
{
text-decoration: none;
}








#live_83
{
  	width: 100%;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(top, #fff 0%, #ededed 48.44%, #d3d3d3 48.97%, #e9e9e9 64.5%, #f3f3f3 100%);
background-image: -o-linear-gradient(top, #fff 0%, #ededed 48.44%, #d3d3d3 48.97%, #e9e9e9 64.5%, #f3f3f3 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #ededed 48.44%, #d3d3d3 48.97%, #e9e9e9 64.5%, #f3f3f3 100%);
background-image: linear-gradient(top, #fff 0%, #ededed 48.44%, #d3d3d3 48.97%, #e9e9e9 64.5%, #f3f3f3 100%);
  position:relative;
  z-index:800;
}
#live_83
{

}

#live_104
{
	width: 960px;
  	margin-left: auto;
  	margin-right: auto;
}


/*

Version 0.4.6.3
20/05/13


*/

/* ---
   --- STRUCTURE --- 
   ---
*/


#live_105 {
  width: 100%;
  font-weight: 700;
}

#live_105 ul li:before{
  content: none;
  margin: none;
}

#live_105 * a, #live_105 * li{
  color : #110e4a;
}

#live_105 ul,
#live_105 ul ul {
  	font-family: "Istok Web",Arial, Helvetica, sans-serif;
	margin : 0;
	padding : 0;
	list-style : none;
  text-transform: uppercase;
  font-size: 15px;
}

#live_105 ul {
	z-index: 50;
}

#live_105 > ul{
	text-align: center !important;
  	width: 960px;
  	height: 40px;
}

/* --- LIENS 1er niveau --- */

#live_105 > ul > li {
  	display: block;
	display: inline-block;
  	vertical-align: middle;
  	line-height: 40px;
  	border-right: none;
  	margin: 0px 0px; 
  	padding : 0px 10px;
  	height: 40px;
  	position: relative;
  	color : #110e4a;
}

#live_105 > ul > li:after {
  	content: "";
  color: #110e4a;
  z-index: 7000;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -3px;
}
#live_105 > ul > li:last-child:after {
  content: none;
}

#live_105 > ul > li:last-child {
  	border-right: none;
}
#live_105 > ul > li:hover{
  	height: 40px;
	  color: #110e4a;
}

/* --- LIENS 2eme NIVEAU --- */

#live_105 ul li ul{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: left;
  font-size: 90%;
  z-index: 150;
  background: #fff;
}

#live_105 > ul > li:hover > ul{
  display: block;
}

#live_105 ul li ul li{
  display: block;
  height: auto !important;
  padding: 0px 5px;
  white-space:nowrap;
  position: relative;
  z-index: 1150;
}
#live_105 ul li a{
  display: block;
  height: 100%;
  width: 100%;
}

/* --- LIENS DE TROISIEME NIVEAU --- */

#live_105 ul li ul li ul{
  display: none;
  position: absolute;
  top: 0%;
  left: 100%;
  text-align: left;
}

#live_105 > ul > li:hover > ul > li:hover > ul{
  display: block;
}

#live_105 ul li ul li:hover {
}

/* --- LIENS DE QUATRIEME NIVEAU --- */

#live_105 ul li ul li ul li ul{
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  text-align: left;
}

#live_105 > ul > li:hover > ul > li:hover > ul > li:hover > ul{
  display: block;
}


#live_105 ul li ul li ul li{
  display: block;
  height: auto;
  padding: 3px 4px;
}
#live_105 ul li ul li ul li:hover {
}


/* ---
   --- COULEUR --- 
   ---
*/


/* --- LIENS 1er niveau --- */

#live_105 > ul > li {
  	color : #110e4a;
-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

#live_105 > ul > li:hover{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(top, #fff 0%, #ededed 48.44%, #d7d7d7 49.22%, #f4f4f4 75.12%, #e2e2e2 100%);
background-image: -o-linear-gradient(top, #fff 0%, #ededed 48.44%, #d7d7d7 49.22%, #f4f4f4 75.12%, #e2e2e2 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #ededed 48.44%, #d7d7d7 49.22%, #f4f4f4 75.12%, #e2e2e2 100%);
background-image: linear-gradient(top, #fff 0%, #ededed 48.44%, #d7d7d7 49.22%, #f4f4f4 75.12%, #e2e2e2 100%);
-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

#live_105 ul li:hover a{
  	color : inherit !important;
}

/* --- LIENS 2eme NIVEAU --- */

#live_105 ul li ul{
  background-color : #e6e6e6;
}
#live_105 ul li ul li{
  background-color : #e6e6e6;
}
#live_105 ul li ul li:hover{
  background-color : #eaeaea;
  color: #110e4a;
}
#live_105 ul li ul li {
  color: #110e4a !important;
}

/* IE 7 */

.nav_ie7 #live_105 > ul > li {
	display: block;
  	float: left;
}
.nav_ie7 #live_105 li a{
	color : #110e4a ;
}
.nav_ie7 #live_105 li a:hover{
	color : #110e4a ;
}
.nav_ie7 #live_105 li:hover a{
	color : #110e4a ;
}
.nav_ie7 #live_105 li ul li a{
	color : #110e4a;
}





#live_85
{
	width: 100%;
background: #fff url(fichiers_site/a2719ali/contenu_pages/graphisme_global/head-bg.png) ;
}


#live_95
{
	width: 960px;
  	margin-left: auto;
  	margin-right: auto;
  	position: relative;
   	height: auto;
  z-index: 0;
}


#live_96
{
	float: none;
  padding-top: 1px;
  padding-left: 1px;
  position:relative;
}


#live_179
{
position:absolute;
top: 24px;
left: 63px;
  text-align:center;
  color: #fff;
font-family: "Istok Web",arial;
font-size: 18px;
text-transform: uppercase;
}
#live_179
{

}

#live_97
{
	position: absolute;
  	left: 132px;
  	bottom: 16px;
  	color: #fff;
  width: 169px;
  font-family: "PT Sans", Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
}


#live_81
{
	clear:both;
}
#live_81
{

}




#live_99
{
	width: 960px;
  	margin-left: auto;
  	margin-right: auto;
  	background:#fff;
	line-height: 1.5;
  	font-size: 13px;
}


#live_100
{
width:960px;
float:left;
min-height:400px;
} 

#live_100 p {
  margin-bottom: 7px;
}


#live_102
{
	padding: 15px 0px;
  	overflow: hidden;
}
#live_102
{

}

#live_108
{
	clear:both;
}
#live_108
{

}

#live_87
{
width: 100%;
  font-size: 13px;
  font-size: 12px;
  line-height: auto;
}
#live_87 * a
{
	color: inherit;
}
#live_87
{

}

#live_111
{
  	background: #1b1b1b;
	color: #7d7d7d;
}
#live_111 >div
{
	padding: @padding-footer;
}


#live_138
{
color: #fff;
  background: #1b1b1b;
  padding: 1%;
} 



#live_139
{
width: 960px;
  margin: 0 auto;
}

#live_139
{

}

#live_121
{
	width: 960px;
  	margin-left: auto;
  	margin-right: auto;
  padding: 1%;
}






/* --- ICONES --- */
/* --- FONT FACE --- */
@font-face { font-family: ModernPictogramsNormal; src: url(fonts/modernpics-webfontd41d.eot?); src: url(fonts/modernpics-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/modernpics-webfont.woff), url(fonts/modernpics-webfont.ttf); font-weight: normal; font-style: normal; }

/* --- CLASSE ICN --- */
/* --- ICN --- */
.icn:before { color: #000; font-family: ModernPictogramsNormal; font-size: 30px; padding-right:10px; }
/*--- ICN SMALL --- */
.icn_small:before { font-family:ModernPictogramsNormal; font-size:16px; padding-right:5px; line-height:8px; }

.icn:hover, .icn_small:hover { text-decoration:none; }


/*PACK DICONES SOCIALES*/

@font-face {
	font-family: "icomoon";
src:url("fonts/icomoon.html") format("svg");
  src:url("fonts/icomoon-2.html");
	src:url("fonts/icomoond41d.html?#iefix") format("embedded-opentype"),
		url("fonts/icomoon-3.html") format("woff"),
		url("fonts/icomoon-4.html") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* --- ICONES --- */
.icn_alert:before { content:"!"; }
.icn_money:before {content:"#"}
.icn_dollar:before {content:"$"}
.icn_tick:before { content:"%"; }
.icn_stop:before {content:"’"}
.icn_tools:before {content:"(";}
.icn_award:before {content:")"}
.icn_star:before { content:"*"}
.icn_plus:before {content:"+"}
.icn_locate:before {content:","}
.icn_up:before {content:"-"}
.icn_down:before {content:"/"}
.icn_volume:before {content:"0"}
.icn_volume_minus:before {content:"1"}
.icn_volume_plus:before {content:"2"}
.icn_table:before {content:"3"}
.icn_list:before {content:"4";}
.icn_table2:before {content:"5";}
.icn_stat:before {content:"6";}
.icn_stats:before {content:"7";}
.icn_stats2:before {content:"8";}
.icn_bell:before {content:"9"}
.icn_back:before {content:"<"}
.icn_infos:before {content:"="}
.icn_play:before {content:">"}
.icn_question:before {content:"?"}
.icn_at:before {content:"@"}
.icn_photo_camera:before {content:"A"}
.icn_book {content:"B"}
.icn_disc {content:"C"}
.icn_file_download:before { content:"D"; }
.icn_eye:before {content:"E"}
.icn_facebook:before { content:"F"}
.icn_facebook2:before { content:"G"}
.icn_camera:before {content:"H"}
.icn_trash:before {content:"I"}
.icn_tag:before { content:"J"; }
.icn_file:before {content:"K"}
.icn_dislike:before {content:"L"}
.icn_ipod:before {content:"M"}
.icn_phone:before {content:"N"}
.icn_iphone:before { content:"O"}
.icn_video_play:before {content:"P"}
.icn_ipad:before {content:"Q"}
.icn_arrow-round:before { content:"R" }
.icn_presentation:before {content:"S"}
.icn_twitter:before { content:"T" }
.icn_twitter2:before { content:"U" }
.icn_write:before { content:"V" }
.icn_new_docs:before {content:"W"}
.icn_cross:before { content: "X"; }
.icn_pub:before {content:"Y";}
.icn_text:before {content:"Z";}
.icn_download:before {content:"[" }
.icn_upload:before {content:"]" }
.icn_rss:before {content:"^"}
.icn_video:before {content:"_"}
.icn_radio:before {content:"`"}
.icn_newspaper:before {content:"a"}
.icn_bubble:before { content:"b"; }
.icn_trash2:before {content:"c"}
.icn_print:before {content:"d"}
.icn_pen:before {content:"e"}
.icn_user:before { content:"f"; }
.icn_users:before {content:"g"}
.icn_camera:before {content:"h"}
.icn_basket:before { content:"i"; }
.icn_heart:before {content:"j"}
.icn_female:before {content:"k"}
.icn_like:before {content:"l"}
.icn_mail:before {content:"m"}
.icn_lock:before { content:"n" }
.icn_new:before {content:"o"}
.icn_house:before {content:"p"}
.icn_unlock:before {content:"q"}
.icn_pen:before {content:"r"}
.icn_search:before {content:"s"}
.icn_twitter2:before {content:"t"}
.icn_notfullscreen:before{content:"u"}
.icn_fullscreen:before{content:"v"}
.icn_world:before {content:"w"}
.icn_cross:before {content:"x";}
.icn_zoom_in:before{content:"y"}
.icn_zoom_out:before {content:"z"}
.icn_time:before { content:"}"; }
.icn_time2:before { content:"{"; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it&rsquo;s slower:
[class*="icon-"] {
*/
.icon-google-plus, .icon-google-plus-2, .icon-google-plus-3, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-twitter, .icon-twitter-2, .icon-twitter-3, .icon-feed, .icon-feed-2, .icon-feed-3, .icon-dribbble, .icon-dribbble-2, .icon-dribbble-3, .icon-paypal, .icon-visa, .icon-pinterest, .icon-pinterest-2, .icon-linkedin, .icon-skype, .icon-mail, .icon-mail-2, .icon-master-card, .icon-cheque {
	font-family: icomoon;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon_128:before {
  font-size: 128px;
}
.icon_64:before {
  font-size: 64px;
}
.icon_48:before {
  font-size: 48px;
}
.icon_32:before {
  font-size: 32px;
}
.icon_24:before {
  font-size: 24px;
}
.icon_16:before {
  font-size: 16px;
}

.icon-google-plus:before {
	content: "a";
}
.icon-google-plus-2:before {
	content: "z";
}
.icon-google-plus-3:before {
	content: "e";
}
.icon-facebook:before {
	content: "r";
}
.icon-facebook-2:before {
	content: "t";
}
.icon-facebook-3:before {
	content: "y";
}
.icon-twitter:before {
	content: "u";
}
.icon-twitter-2:before {
	content: "i";
}
.icon-twitter-3:before {
	content: "o";
}
.icon-feed:before {
	content: "p";
}
.icon-feed-2:before {
	content: "q";
}
.icon-feed-3:before {
	content: "s";
}
.icon-dribbble:before {
	content: "d";
}
.icon-dribbble-2:before {
	content: "f";
}
.icon-dribbble-3:before {
	content: "g";
}
.icon-paypal:before {
	content: "x";
}
.icon-visa:before {
	content: "c";
}
.icon-pinterest:before {
	content: "h";
}
.icon-pinterest-2:before {
	content: "j";
}
.icon-linkedin:before {
	content: "k";
}
.icon-skype:before {
	content: "l";
}
.icon-mail:before {
	content: "m";
}
.icon-mail-2:before {
	content: "w";
}
.icon-master-card:before {
	content: "v";
}
.icon-cheque:before {
	content: "b";
}


	
a.active, a:focus
{
outline:none;
}

#image_right 
{
	background-image:  url("images_global/carre.html");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:5px;
}

#admin_menu 
{
	height:145px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:2px solid #000000;
}

#holdm
{
	position:absolute;
	z-index:100;
	width:100%;
	padding-top:10px;
}

#nav
{
	list-style: none; 
}


#nav ul 
{
	display:none;   
	padding: 0;
	margin:0;
	list-style: none;
    width:12em;
    z-index:99;
    position:relative;
    overflow:visible; 
}


#nav a {
	text-decoration:none; 
	display:block;
	height:20px;
	vertical-align:middle;
}

#nav li { 
    margin:0;   
    position: relative; 
    float:left;
	width: 12em;
	background-color:#931B00;
    border:solid 1px #000000;
    display:block;
    height:auto;
	text-align:center;
	border:2px solid #FFFFFF;
	
}

#nav li a { 
	color:#FFFFFF;
}

#nav li a:hover
{
    background-color:#AF2000; 
}

#nav ul li{
background-color:#FFFFFF;
border-width:1px;
border-color:#931B00;

width:180px;
text-align:left;


}

#nav ul li a{
color:#000000;
border-width:1px 1px 0 0;
padding-left:10px;
}

#nav ul li:hover, #nav ul li a:hover{
background-color:#931B00;
color:#FFFFFF;
border-width:1px;
}

#nav ul ul{
    display:none; 
    position:absolute; 
	margin-left:180px;
	margin-top:-21px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}


.styleFontGras
{
	font-weight:bold;
}

.styleFontGris
{
	background-color:#CCCCCC;
}

.styleItalic
{
	font-style:italic;
}

form.css fieldset 
  {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
  }
form.css label 
  {

  display: inline;
  float: left;
  width: 70px;
  } 
form.css form
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

.titre_section_niveau1 {
	background-color:#CCCCCC;color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.titre_section_niveau2 {
	margin-left:15px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre_section_niveau3 {
	margin-left:40px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}



.classTextField		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.styleVerdana		{ font-family: Verdana, Arial, Helvetica, sans-serif; }

.style_size8		{ font-size: 8px;}
.style_size9		{ font-size: 9px;}
.style_size9p5		{ font-size: 9.5px;}
.style_size10		{ font-size: 10px;}
.style_size11		{ font-size: 11px;}
.style_size12 		{ font-size: 12px;}
.style_size13 		{ font-size: 13px;}
.style_size14 		{ font-size: 14px;}
.style_size16 		{ font-size: 16px;}
.style_size18 		{ font-size: 18px;}
.style_size20 		{ font-size: 20px;}
.style_size24 		{ font-size: 24px;}
.style_size28 		{ font-size: 28px;}
.style_size30 		{ font-size: 30px;}
.style_size32 		{ font-size: 32px;}
.style_size36 		{ font-size: 36px;}
.style_size40 		{ font-size: 40px;}
.style_size48 		{ font-size: 48px;}

.styleColorDarkBlue	{ color: #8B93BD;}
.styleColorRed		{ color: #FF0000;}
.styleColorBlack	{ color: #000000;}
.styleColorGray		{ color: #999999;}
.styleColorDarkGray	{ color: #666666;}


.styleArrayBackGround {BACKGROUND: #E0ECE0; } 

.styleColorPurple   { color: #7570D3;}
.styleBackgroundPurple { background-color: #7570D3; }

.styleColorFondBanniere { color: #B6DAD8;}
.styleColorYn { color: #27B7DC; }
.styleColorDev { color: #27A2B7; }
.styleColorPageContenu { color: #9DCECC; }

.styleLineThrough	{ text-decoration:line-through}

.styleBold {}


/*
a {  text-decoration: none; color: #000000}
a:link {  text-decoration: none; color: #000000}
a:visited {  text-decoration: none; color: #000000}
a:hover {  TEXT-DECORATION: underline; color: #A7A0C1}
a:active {  text-decoration: none; color: #000000}
*/

.coteDroitGauche {
	BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid; BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid
}

.divdevis { background-color:#CCFF00 }

.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;

}
.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;
}
.relnavBIS {
	left: -10px;
	top: 0px;
	position: relative;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;
}
.relnavbg {
	left: -10px;
	top: -20px;
	position: relative;
	visibility: hidden;
}
.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #48ACDC;
	text-decoration: none;
}

.borderRight_1px_black
{
	BORDER-RIGHT: #000000 1px solid;
}
.borderLeft_1px_black
{
	BORDER-LEFT: #000000 1px solid;
}
.borderBottom_1px_black
{
	BORDER-BOTTOM: #000000 1px solid;
}

.textAlign
{
	text-align:justify;
}
.mainArray {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.btnCouleurFondBoutonMenuTop {
	BACKGROUND: #FFFFFF
}

.info{position:relative; 
      z-index:24; 
      color:#000; 
      text-decoration:none} 
	  
.out { display:none; } 
.over {        
				display:block; 
               position:absolute; 
               padding:5px;
               top:-4em; 
               left:120px; 
               width:15em; 
               border:2px outset #000000; 
               background-color:white; 
               color:#000000; 
               text-align: center; 
               font-family:verdana; 
               font-size:11px; 
               z-index:25;} 

.array_right {BORDER-RIGHT: #000000 1px solid;}

.coin_bas_gauche {
	border-left:#000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.coin_bas_droit {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.line_left { 
	BORDER-LEFT: #000000 1px solid;
}

.line_right { 
	BORDER-RIGHT: #000000 1px solid;
}

.line_top { 
	BORDER-TOP: #000000 1px solid;
}

.line_bottom { 
	BORDER-BOTTOM: #000000 1px solid;
}

.line_array { 
	BORDER-RIGHT: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.menuTopButton {
	height:20px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; 
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid;
	background-color:#C5C8DF;
}


.btnBouton {
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; FLOAT: left; 
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid
}

#tableCadrille
{
border:1px solid #000000;
border-collapse: collapse;

}

#tableCadrille th
{
background:#CCCCCC;
border:1px solid #000000;
}

#tableCadrille tr
{

border:1px solid #000000;
}

#tableCadrille td
{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
border:1px solid #000000;
}