/* CSS Cascading style sheet
   Created by ALTIPOINT, Julien Rouiller, Geneva, Switzerland
   Copyright: ALTIPOINT, Julien Rouiller (2008-2010)
   All rights reserved */

body  {
	margin-top:0px;
	margin-left:1px;
	margin-right:1px;
	padding:0px;
	/* font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
	font-family:"Segoe UI","Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
	font-size:90%;line-height:120%;text-shadow:#888 0 0 0;
  /*font-size:0.8em;line-height:1.5em;text-shadow:#888 0 0 0;*/
  font-weight:normal;
  color:#555;
	z-index:100;
}

div {
	margin:0px;
	padding:0px;
	}

img {
	margin:0px;
	padding:0px;
	/*image-rendering: -moz-crisp-edges;*/
	}
	
.maj {text-transform:uppercase}

.lightblue {color:#7bd;}
.blue {color:#379;}
.red {color:#e00;}

.required {color:red;}
    
table  {
  font-size:1em;
	margin-left: 0px;
	margin-right: 0px;
}

table.prices {
  white-space:nowrap;
}

table.prices tr td {
 vertical-align:middle;
}

table.prices tr td:nth-child(2) {
    text-align: right;
}
  
table.rounded, div.rounded {border-radius:7px;}
  
th {text-align:center;}

td {margin:0;
	padding:0;
	text-align:left;
  vertical-align:top;
  }




h1 {
	font-family:Calibri, Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
	font-size:1.75em;
	font-weight:normal;
	line-height:1.25em;
	color:#379;
}

h2, .h2_like {
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans',Verdana,sans-serif;*/
	font-weight:normal;
	font-size:1.5em;
	color: #379;
	margin-top:1.2em;  /*25pt win */   /* spécifier en "em" marcherait différemement avec MSIE d'avec les autres navigateurs */
  text-shadow: #379 0 0 0;
}

h2.rounded_top, a.rounded_top, h3.rounded_top, span.rounded_top, img.rounded_top {border-radius:7px 7px 0 0;}

h2.souligne {
	border-style: none none solid none;
	border-width:2px;
	border-color:#7bd;
	margin-top:35px;
	text-shadow:#379 0 0 0;
}

h3, .h3_like  {
	font-weight:lighter;
	font-size:1.25em;
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
	line-height:130%;
	color:#379;
  text-shadow: #379 0 0 0;
	margin-top:1em;
}

h3.souligne {
	border-style: none none solid none;
	border-width:1px;
	border-color:#7bd;
	margin-top:30px;
	text-shadow:#379 0 0 0;
}


h4 {
  display:inline-block;
  float:left;
  width:85%;
	font-weight:lighter;
	font-size:1.12em;
	letter-spacing:0.3px;
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
	color:#379;
  text-shadow: #379 0 0 0;
	margin-top:0.3em;
	white-space:nowrap;
}

div.tabbed, dl.tabbed {margin-left:40px;}

div.doubletab {margin-left:80px;}

h4.souligne  {
	font-weight:lighter;
	font-size:1.12em;
	letter-spacing:0.3px;
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
	color:#379;
  text-shadow: #379 0 0 0;
	margin-top:28px;
	margin-bottom:7px;
	border-bottom:1px dotted #7bd;
	width:70%;
}


h5 {
  margin-bottom:10px;
  font-size:1em;
  font-weight:lighter;
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
  letter-spacing:0px;
  color:#444;
  font-weight:normal;
	border-style: none none dotted none;
	border-width:1px;
	border-color:#888;
  margin-top:16px;
  width:55%;
  text-shadow:#888 0 0 0;
}

h6 {
  margin-bottom:8px;
  font-size:11px;
  letter-spacing:0px;
  color:#444;
  font-weight:normal;
	border-style: none none solid none;
	border-width:1px;
	border-color:#aaa;
  margin-top:15px;
  width:40%;
  padding-left:10px;
}

fieldset {
  display:block;
  border:1px solid #bbb;
  padding:1em 1em 0px 1em;
  margin-bottom:1em;
}


legend {
  border-top:1px solid #8cd;
  border-bottom:1px solid #8cd;
  padding:0.1em 0.5em 0.2em 0.5em;
  white-space:nowrap;
}

fieldset legend {
  display:block;
  position:relative;
  top:0.2em;
}

fieldset legend input[type="checkbox"] {
  display:inline;
  margin-right:0.5em;
}

fieldset legend input[type="checkbox"] + label {
  display:inline;
  background:none;
}

ul {margin:0;
	padding-left:0px;  /* évite un padding non désiré avec le moteur Gecko */
	padding-right:0px;
}


li {margin:4px;
	margin-left:16px;   /* 12pt win */
	padding-left:0px;
	padding-right:0px;
}

ul.dd-option {
  z-index:200;
}

ul.dd-options > li {  /* for ddsclick drowpdown list */
  margin:0px;
  margin-left:0px;
}


dl {
 margin:0px;
 padding:0px;
 clear:both;
 overflow:hidden;
}

dt {
 display:block;
 vertical-align:bottom;
 margin:0px;
 padding:0px;
 padding-top:8px;
 padding-bottom:3px;
 float:left;
}

dl dt {
 width:28%;
}


dl.pt > dt, dl.pt > dd, dt.pt, .pt tr td, .pt tr th {font-size:0.85rem;overflow:hidden}

dl.twenty dt {
  width:20%;
}

dl.fourty dt {
width:40%;
}

dl.fifty dt {
 width:50%;
}

dl.sixtysix dt {
 width:66%;
}


dd {
 display:block;
 vertical-align:bottom;
 margin:0;
 padding:0;
 padding-top:8px;
 padding-bottom:3px;
 float:right;
}

dl dd {
 width:72%;
}


dl.small dd {
  height:1em;
  line-height:1em;
}

dl.twenty dd {
  width:80%;
}

dl.fourty dd {
width:60%;
}

dl.fifty dd {
 width:50%;
}

dl.sixtysix dd {
 width:34%;
}

dl.pointilles dt, dl.pointilles dd, tr.pointilles td, select.pointilles option {
  border-bottom-style:dotted;
  border-bottom-width:1px;
}

dl.inverted dt {
 width:72% 
}

dl.inverted dd {
 width:28% 
}

dl.justified dd {
 text-align:right;
}

a,a:link,a:hover,a:focus,a:active, .like_a {
	padding:0;
	padding-left:2px;
	color:#444;
	text-decoration:none;
	border:none;
	border-bottom-style:dotted;
	border-color:#379;
	border-bottom-width:1px;
	cursor:pointer;
	}
	
/* superseeds default styling of ddsclick imaged dropdown list */
a.dd-option,a.dd-selected {
  border-bottom:none;
  padding: 0.3em 0.6em;
}

a.dd-option.dd-option-selected {display:none}

a.dd-option > img.dd-option-image, div.dd-select > a.dd-selected > img.dd-selected-image {
  margin-top:0.2em;
  margin-right:0.6em;
}
	
.ext,a.ext, a:hover.ext {
	margin:0;
	padding:0;
	color:#444; /* #00dd00; */
	text-decoration:none;
	border-bottom-style:dotted;
	border-color:#379; /* #00dd00; */
	border-bottom-width:1px;
	background-image:url(img/ext.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px; /* place pour icône lien externe */
	}
	
a.h4, a.h4:hover, div.h4, div.h4 a {
  display:block;
  background:none;
	font-weight:lighter;
	font-size:14px;
	letter-spacing:0.3px;
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
	color:#379;
  text-shadow: #379 0 0 0;
	margin-top:22px;
	border:none;
}

div.h4 {
  color:#666;
  text-shadow: none;
}

div.h4 a, div.h4 a:hover {
  margin-top:3px;
  font-size:0.80rem;
  text-shadow: #379 0 0 0;
}


a.h5 {
  display:block;
  margin-bottom:10px;
  font-size:13px;
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
  letter-spacing:0px;
  color:#444;
  font-weight:normal;
	border-style: none none solid none;
	border-width:1px;
	border-color:#888;
  margin-top:21px;
  width:67%;
}

a.rm_from_cart {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #bbb;
    padding: 1px;
    background-color:#fff;
    background-image: url('shop/images/5.gif');
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border-radius: 3px;
}
	
.disable-click,a.disable-click {
    pointer-events:none;
    cursor:not-allowed;
}
	
.to_tm, a.to_tm, a:hover.to_tm {
	background-image:url(img/retour_tm.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:50px; /* place pour icône */
	}
	
.n1, a.n1, a:hover.n1 {
	background-image:url(img/aide/niv1.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px; /* place pour icône */
}

.n2, a.n2, a:hover.n2 {
	background-image:url(img/aide/niv2.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px; /* place pour icône */
}

.n3, a.n3, a:hover.n3 {
	background-image:url(img/aide/niv3.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px; /* place pour icône */
}

.n4, a.n4, a:hover.n4 {
	background-image:url(img/aide/niv4.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px; /* place pour icône */
}

	
.download, a:hover.download {
	background-image:url(img/download.gif);
	background-repeat:no-repeat;
	background-position:0 bottom;
	padding-left:25px; /* place pour icône fichier */
	padding-top:5px;
	}
	
.pdf, a.pdf, .pdf:hover {
	background-image:url(img/pdf.jpg);
	background-repeat:no-repeat;
	padding-left:20px; /* place pour icône fichier pdf */
	}
	
a.txt {border:none;}
	
a:hover, a.ext:hover, a.pdf:hover, a.txt:hover, a.souligne:hover, .highlightOnOver:hover {
	background-color:#d4e6fc;
}

a.nohover, a.nohover:hover {
	background:none;
	border:none;
}

a.bouton_gris_clair_petit {
  display:block;
  background-image:url('img/bouton_gris_clair_petit.jpg');
  background-repeat:no-repeat;
	font-family:"Calibri Light", Segoe, "Segoe UI", "Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif;
  /*font-family:'Open Sans','Droid Sans','Helvetica Neue',Helvetica,sans-serif;*/
  font-weight:bold;
  font-size:15px;
  width: 150px;
  height: 22px;  /* = 30 - 8 */
  text-decoration:none;
  border:none;
  padding-top:8px;
  margin-top:10px;
  margin-bottom:10px;
}

a.bouton,div.bouton, a.bouton_dfp, a.bouton90, a.bouton110, a.bouton120, a.bouton130, a.bouton150, a.bouton_orange, a.bouton_bord_orange, a.bouton_jaune, a.bouton_vert, a.bouton_vert_pale, a.bouton_bleu, select {
display:inline-block;
background-repeat:no-repeat;
border: 1px solid #888;
color:#666;
cursor:pointer;
text-shadow:#666 0px 0px 0px;
text-align:center;
border-radius:3px;
}

/*
a.bouton, a.bouton_dfp, a.bouton90, a.bouton110, a.bouton120, a.bouton130, a.bouton150 {
height:18px;
font-size:11.3px;
}

a.bouton {
width:40px;
background-image:url('img/boutons/bouton_gris_90.png');
}

a.bouton90 {
width:87px;
background-image:url('img/boutons/bouton_gris_90.png');
}

a.bouton110 {
width:107px;
background-image:url('img/boutons/bouton_gris_110.png');
}

a.bouton120 {
  width:117px;
  background-image:url('img/boutons/bouton_gris_120.png');
}

a.bouton130 {
  width:127px;
  background-image:url('img/boutons/bouton_gris_130.png');
}

a.bouton150 {
  width:147px;
  background-image:url('img/boutons/bouton_gris_150.png');
}
*/

/*
a.bouton_vert,a.bouton_jaune,a.bouton_orange,a.dfp {
  height:1.6em;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:0.35em;
  padding-bottom:0.1em;
  color:#000;
  font-weight:normal;
  font-family:'Open Sans','Segoe UI',Verdana;
  font-size:100%;
}
*/

a.bcrumb,.bouton_vert,a.bouton,a.bouton_jaune,a.bouton_orange,a.bouton_bord_orange,a.bouton_vert,a.bouton_vert_pale,a.bouton_bleu {
  color: #379;
	padding:0.3em 0.6em;
  border: 1px solid #888;	
  text-shadow: #379 0 0 0;
  border-radius:3px;
}

div.dd-select {
 background:#fff;
}

div.dd-select > a.dd-selected label.dd-selected-text {
  display:inline;
  font-weight:normal;
}

select option {padding:0.3em 0.6em;}

.bcrumb {
  background:#a2dafe;
}

.bouton_vert {
  background:#e0f8e0;
}

.bouton_vert_pale {
  background:#f4fee4;
}

.bouton_jaune {
  background:#fff978;
}

.bouton_orange {
  background: #fc4;
  /*background:#fcae04;*/
}

.bouton_bleu {
  background:#a2dafe;
}

a.bouton_bord_orange {
  color:#379;
  border: 3px solid #fa2;
  padding:0.5em;
  font-size:130%;
}

a.bouton_bord_orange:hover {
  background-color: #fd5;
}


span.lt, p.lt dd.lt {
  font-weight:300;
  color:#555;
  text-shadow:0px 0px 0px #555; 
}

.grayout {
    opacity: 0.5; /* Real browsers */
    filter: alpha(opacity = 50); /* MSIE */
}



.orange {color:#f40;}
.noir {color:#000;}
.gs, h1.gs {color:#444;}  /* gris sombre */
.gms {color:#666;}
.gm {color:#888;} /* gris moyen */
a.gm:hover {color:#888}
.gc {color:#aaa;}  /* gris sombre */
.blanc {color:#fff;}


h2.ocre,h3.ocre,div.ocre,a.ocre {
  color:#787836;  
  background-color:#f8f8d8;
  border-bottom:3px solid #b8b887;
}

div.ocre_sombre {
  background-color:#b8b887;
}

div.jFlowSlide {overflow:hidden}


h2.orange,h3.orange,div.orange,a.orange {
  color:#e50;  
  border-bottom:3px solid #f70;
} 

h2.vert,h3.vert,div.vert,a.vert {
  color:#050;  
  border-bottom:3px solid #0d0;
} 

h2.bleu,h3.bleu,div.bleu,a.bleu {
  color:#049;
  border-bottom:3px solid #07e;
}


h2.cyan,h3.cyan,div.cyan,a.cyan {
  color:#36648b;
  border-bottom:3px solid #8aa9c5;
}

h2.mauve,h3.mauve,div.mauve,a.mauve {
  border-bottom:3px solid #8e47ef;
}

h2.gris,h3.gris,div.gris,a.gris {
  background-color:#eee;
  color:#000;
}

.bord_droit_gm {border-right:1px solid #888;}
.bord_sup_gm{border-top:1px solid #888;}
.bord_sup_gc{border-top:1px solid #aaa;}
.bord_inf_gm{border-bottom:1px solid #888;}
.bord_inf_gc{border-bottom:1px solid #aaa;}
.sans_cadre,div.sans-cadre,p.sans_cadre{border: 1px none transparent}
.cadre_gm,div.cadre_gm,p.cadre_gm {border:1px solid #888;}
.cadre_gc,div.cadre_gc,p.cadre-gc {border:1px solid #aaa;}
.cadre_orange,div.cadre_orange,p.cadre_orange {border:1px solid #f40;}


.fond_orange {background:#fc4;}
.fond_orange_clair {background:#fca;} /*fcceac*/
.fond_gris_clair {background:#eee;}
.fond_blanc {background:#fff;}
.fond_gm {background:#888;}
.fond_gmc {background:#aaa;}
.fond_gc {background:#ddd;}

strong {
  font-weight:500;
  font-size:110%;
  color:#333;
  font-family:"Calibri","Open Sans","Droid Sans","Helvetica Neue","Helvetica","Lucida Grande", Optima, Arial, sans-serif
}


h2.gs {color:#444;font-size:180%;margin-top:0.7em;}
	
ul.greyanchors li a {
	color:#707070;
	border-bottom: 1px none transparent;
	}
	
ul.greyanchors li a:hover {
	color:#379;
	border-bottom: 1px dotted #00b;
}	
	
code, .code {
	font-family: 'Courier New', Courier;
}

.ita {font-style:italic}
.gras {font-weight:bold}

.h30 {height:30px}
.h40 {height:40px}

.w150 {width:150px;}
.w280 {width:280px;}
.w430 {width:430px;}
.w480 {width:480px;}
.w590 {width:590px;}

.w10p {width:10%}
.w12p {width:12%}
.w15p {width:15%}
.w18p {width:18%}
.w20p {width:20%}
.w22p {width:22%}
.w23p {width:23%}
.w25p {width:25%}
.w28p {width:28%}
.w30p {width:30%}
.w33p {width:33%}
.w35p {width:35%}
.w38p {width:38%}
.w40p {width:40%}
.w43p {width:43%}
.w45p {width:45%}
.w48p {width:48%}
.w50p {width:50%}
.w52p {width:52%}
.w55p {width:55%}
.w58p {width:58%}
.w60p {width:60%}
.w62p {width:62%}
.w65p {width:65%}
.w68p {width:68%}
.w70p {width:70%}
.w75p {width:75%}
.w78p {width:78%}
.w80p {width:80%}
.w85p {width:85%}
.w82p {width:82%}
.w90p {width:90%}
.w100p {width:100%}

.huitPts {font-size:10.5px;}
.huitCinqPts {font-size:11.3px;}
.huitCinqPts select {font-size:11.3px;margin:0px;color:#707070;}
.neufPts, dl.neufPts dt, dl.neufPts dt, df.neufPts dt input {font-size:11.7px}
.dixPts{font-size:13px;}
.douzePts{font-size:15.6px;}
.quatorzePts{font-size:18.2px;}

.large_text, div.large_text input {font-size:18.5px;}  /* 14pt win */
.big_text, div.big_text input {font-size:16px;font-weight:bold}
.medium_text, div.medium_text input {font-size:14.5px;font-weight:bold;}  /* 11pt win */
.small_text, div.small_text input {font-size:11px;font-weight:bold;} /* 8.5pt win */

ul.huitPts li {padding-top:0.5em}

table.huitPts tr td select {font-size:10.5px;}  /* 8pt win*/

select {margin-top:4px;margin-bottom:10px;}
select.smallOptions option, input.small {color:#707070;font-size:12px;line-height:12px;height:12px;font-family:'Lucida Console','DejaVu Sans Mono','Courier New';text-shadow:#fff 0 0 0;padding-top:2.5px;padding-bottom:2.5px;}
input.small {padding:0px;}
input.small[type=button]{height:20px;} /* pour boutons des messages d'erreur notamment */

textarea.small {color:#707070;font-size:12px;font-family:'Lucida Console','DejaVu Sans Mono','Courier New';text-shadow:0 0 0 #fff;}

select optgroup {margin-bottom:8px;margin:5px;margin-bottom:10px;padding:2px;text-align:center;font-family:'DejaVu Sans Condensed';font-size:12px;font-style:normal;font-weight:bold;color:#379;text-shadow:#d4e6fc;background-color:#d4e6fc;border:1px solid #7bd;}
select optgroup option {text-align:left;font-family:Arial;background-color:white;border:none;padding-right:10px;}

input#search_input {
  display:inline-block;
  float:right;
  width:9em;
  color:#777;
  border:0.05em solid #0496dc; /*#777;*/  
  border-right-color:#ddd;
  padding:0px;
  font-size:1.5em;
  height:1.5em;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0.4em;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  text-align:left;
  border-radius:0.25em 0px 0px 0.25em;
}

input#search_submit_btn{
  display:inline-block;
  float:right;
  border:0.05em solid #777;
  border-left:none;
  background:#0496dc;/*#eee;*/
  background-image:url('shop/images/lens.gif');
  background-position: 55% 50%;
  background-repeat:no-repeat;
  font-size:1.5em;
  height:1.6em;
  width:1em;
  margin-left:0px;
  border-radius:0px 0.25em 0.25em 0px;
}

.sans_bord, a.sans_bord, a.sans_bord:hover {border:none;}
	
.resume {
    margin:0;
    line-height:150%;
    font-size:115%;
    font-family:'DejaVu Sans';
    text-shadow:#fff;
    letter-spacing:0.3px;
    }

p {	padding:0px;
	margin-top:1em;
	margin-bottom:1em;
	line-height:120%;
	}
	
div.ombre, a.ombre, img.ombre {
box-shadow:rgba(0, 0, 0, 0.5) 0px 3px 10px 0px;
}
	
span.lt, p.lt, dd.lt {
  font-weight:300;
  color:#999;
  text-shadow:0px 0px 0px #999; 
}
	
.contenu {
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
}

#breadcrumbs {
	margin-top:1.5em;
	margin-bottom:0;
	padding-bottom:0;
}

td.MAINAREA {
  padding:20px;
  padding-top:0px;
  
}

.pt, div.pt, p.pt, ul.pt {
  font-size:0.85em;
  margin-bottom:0.3em;
}


.p4px {padding:4px;}
.p5px {padding:5px;}
.p10px {padding:10px;}
.p15px {padding:15px;}
.p20px {padding:20px;}

.p1em {padding:1em}

.pt0 {padding-top:0px;}
.pt5px {padding-top:5px;}
.pt10px {padding-top:10px;}
.pt15px {padding-top:15px;}
.pt20px {padding-top:20px;}

.pd0 {padding-right:0px;}
.pd5px {padding-right:5px;}
.pd10px {padding-right:10px;}
.pd15px {padding-right:15px;}
.pd20px {padding-right:20px;}

.pb0 {padding-bottom:0px;}
.pb5px {padding-bottom:5px;}
.pb10px {padding-bottom:10px;}
.pb15px {padding-bottom:15px;}
.pb20px {padding-bottom:20px;}

.pg0 {padding-left:0px;}
.pg5px {padding-left:5px;}
.pg10px {padding-left:10px;}
.pg15px {padding-left:15px;}
.pg20px {padding-left:20px;}

.mt0 {margin-top:0px;}
.mt5px {margin-top:5px;}
.mt10px{margin-top:10px;}
.mt15px {margin-top:15px;}
.mt20px {margin-top:20px;}
.mt25px {margin-top:25px;}
.mt30px {margin-top:30px;}

.md4px  {margin-right:4px;}
.md10px {margin-right:10px;}
.md15px {margin-right:15px;}
.md20px {margin-right:20px;}

.mb0 {margin-bottom:0px;}
.mb5px {margin-bottom:5px;}
.mb10px {margin-bottom:10px;}
.mb15px {margin-bottom:15px;}
.mb20px {margin-bottom:20px;}
.mb3em {margin-bottom:3em;}

.mg0 {margin-left:0px;}
.mg10px {margin-left:10px;}
.mg15px {margin-left:15px;}
.mg20px {margin-left:20px;}

.sansBord,.sansBord:hover, a.sansBord {border:none;border-width:0;text-decoration:none;}
	
.legende {
	margin-top:8px;
	font-size:11.3px;
	font-family:'DejaVu Sans';
	line-height:15px;
	letter-spacing:0.3px;
	color:#888;
	text-shadow: #aaa 0 0 0;
	border-bottom:1px solid #aaa;
	padding-bottom:10px;
	margin-bottom:20px;
}

.nom {
font-family:'DejaVu Sans Condensed';
text-shadow:#444 0 0 0;
}

/* classes pour le validateur de formulaire */
.tfvHighlight
	{color: #ec3e0c;}
.tfvNormal
	{color:#707070;}

.opa35
  {
  /* for IE */
  filter:alpha(opacity=35);
  /* CSS3 standard */
  opacity:0.35;
}


.opa50
  {
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.50;
}

.opa60
  {
  /* for IE */
  filter:alpha(opacity=65);
  /* CSS3 standard */
  opacity:0.60
}


.opa65
  {
  /* for IE */
  filter:alpha(opacity=65);
  /* CSS3 standard */
  opacity:0.65;
}

.opa70
  {
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.70;
}

.opa75
  {
  /* for IE */
  filter:alpha(opacity=75);
  /* CSS3 standard */
  opacity:0.75;
}

/* Simulation de input type="file" pour permettre styles */
div.fileinputs {
	position: relative;
	margin:5px;
}

div.fakefile {
	position: absolute;
	padding-top:1px;
	top: 0px;
	left: 0px;
	z-index:3; /* below real input file, but visible */	
}

div.fakefile input.small {
	color:#707070;
  font-size:11px;
  line-height:12px;
  height:12px;
  font-family:'Droid Sans','Helvetica Neue',Helvetica,sans-serif;
  text-shadow:0 0 0 #707070;
  padding-top:2.5px;
  padding-bottom:2.5px;
  border:solid 1px #79b;
  border-width:1px;
  margin-right:2px;
}

input.file {
	position: relative; /* to allow z-index*/
	left:0px;
	top:0px;
	text-align: right;
	-moz-opacity:0.0;   /* above fake input file, but transparent */
	filter:alpha(opacity:0);
	opacity:0.0;
  z-index:4;
	
	/* small */
	color:#707070;
  font-size:12px;
  line-height:12px;
  height:12px;
  font-family:'Lucida Console','DejaVu Sans Mono','Courier New';
  text-shadow:0 0 0 #fff;
  padding-bottom:0px;
}

/* Affichage des messages d'erreur ou de succès relatifs au chargement d'images */
.error_message {
		border:solid 2px #cc0000;
		background-color:#fffcd8;
		margin:0px;
		padding:6px;
		font-size:11px;
		line-height:13px;
}
	
.confirm_message {
		border:solid 2px #eeee00;
		background-color:#ffffd4;
		margin:0px;
		padding:6px;
		font-size:11px;
		line-height:13px;
}
	
.success_message {
		border:solid 1px #00cc00;
		background-color:#f0fff0;
		margin:0px;
		padding:6px;
		font-size:11px;
		line-height:13px;
}

/* Patches graphiques pour navigateurs */

/* text-overflow compatible firefox */
.ellipsis span {
   white-space:nowrap;
   overflow:hidden;
   display:block;
   text-overflow:ellipsis; /* for internet explorer */
   -o-text-overflow:ellipsis /* for Opera */ 
}

html>body .ellipsis {
   clear:both;
}

html>body .ellipsis span:after {
   content: "...";
}

html>body .ellipsis span {
   width:auto !important;
   float:left;
}

.transition{
  transition: all .3s ease-out;
}
.heading{
  text-align: center;
  font-size:0.8em;
  
}

/* Toggle buttons with this method: https://jsfiddle.net/gabrielr47/7pe65L61/1/ */

input[type="radio"],input[type="submit"][class="add_to_cart"]{
  margin-top:0px;
  display:hidden;
  visibility: hidden;
  height: 0px;
  width: 0px;
}

label {
  vertical-align: top;
  cursor: pointer;
  color: #000;
  margin-top:0px;
  padding:0.3em 0.1em;
  overflow:hidden;
  border-radius: 0.25em;
  .transition;
}


td label {
  display: block;
  width: 85%;
}


input[type="submit"] + label{
  font-size: 110%;
  margin-top:0px;
  margin-bottom:1em;
  border-color: #07e;
  background:#0496dc;;
  color:#fff;
}

/* Toggle and checkbox buttons */

.checkbox-btn-grp { 
  display:block;
}


input[type="radio"] {
  margin-bottom:0.7em;
}

input[type="radio"]+label {
  border: 1px solid #888;
}

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label
 {
  border-color:#07e;
  background:#cef;
  border-width:2px;
}

label.toggle-btn,
label.checkbox-btn { 
    display:inline-block;
    margin-bottom:1em;
    min-width:3em;
}

label.toggle-btn {
  max-width:3em;
}

label.checkbox-btn {
  width:4.5em;
  margin-right:0.8em;
}


/*
label.toggle-btn:nth-child(odd) {
}
*/

label.dd-option-text {display:inline;} /* superseeds ddsclick default style */


.toggle-btn-grp.joint-toggle {
  /*position:relative;*/
}

.toggle-btn-grp.joint-toggle input[type="radio"],
.checkbox-btn-grp input[type="checkbox"]
 {
  display:none;
}

.toggle-btn-grp.joint-toggle input[type="radio"] + label.toggle-btn,
.checkbox-btn-grp input[type="checkbox"] + label.checkbox-btn {
    float:left;
    margin-top:0px;
    margin-bottom:1em;
    white-space:nowrap;
    border-radius:0px;
}

.toggle-btn-grp.joint-toggle input[type="radio"] + label.toggle-btn,
.checkbox-btn-grp input[type="checkbox"] + label.checkbox-btn {
    text-align:center;
    border: 2px solid #bbb;   
}

.toggle-btn-grp.joint-toggle input[type="radio"] + label.toggle-btn {
    border-left-width:1px;
    border-right-width:1px;
}

.toggle-btn-grp.joint-toggle input[type="radio"]:checked + label.toggle-btn,
.checkbox-btn-grp input[type="checkbox"]:checked + label.checkbox-btn {
  background:#cef;
  border-color:#07e;
}

.toggle-btn-grp.joint-toggle input[type="radio"]:first-child + label.toggle-btn{
    border-left-width:2px;
    border-radius: 0.2em 0px 0px 0.25em;
}

.toggle-btn-grp.joint-toggle input[type="radio"] + label.toggle-btn:last-child{
    border-right-width:2px;
    border-radius: 0px 0.2em 0.25em 0px;
}

.toggle-btn.active {
    /*border:solid 2px #888 !important; */
}

.visuallyhidden { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { 
    clip: auto; 
    height: auto; 
    margin: 0; 
    overflow: visible; 
    position: static; 
    width: auto; 
}


/*	La classe clearfix doit être ajoutée à une div contenante pour qu'elle s'ajuste
	à la taille d'une image intérieure (flottante).
	Pour les détails, cf. http://positioniseverything.net/easyclearing.html
*/ 

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/* 	Une feuille de style complémentaire "clearfix_msie.css" 
	doit ensuite être appelée seulement pour MSIE
*/