*{margin:0;padding:0}
/*
@font-face{
  font-family:'Enriqueta';
  font-style:normal;
  font-weight:400;
  src:local('Enriqueta-Regular'), url(/imgs/enriqueta.woff) format('woff');
}
@font-face{
  font-family:'Merriweather Sans';
  font-style:normal;
  font-weight:400;
  src:local('Merriweather Sans Regular'), local('MerriweatherSans-Regular'), url(/imgs/merriweather.woff) format('woff');
}
@font-face{
  font-family:'Carrois';
  font-style:normal;
  font-weight:400;
  src:local('Carrois'), url(/imgs/carrois.woff) format('woff');
}*/
::selection{background:rgba(0,0,0,.05)}
::-moz-selection{background:rgba(0,0,0,.05)}

html, body{
 height:100%;
 font-family:Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
 font-size:17px;
 line-height:26px;
}
body{
 background-color:#fff;
 color:#000;
}
body:before{
 content:"";
 height:100%;
 float:left;
 width:0;
 margin-top:-32767px;
}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-thumb{
 background-color:rgba(0, 0, 0, 0.2);
 -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
}
html::-webkit-scrollbar-button{width:0;height:0;display:none}
html::-webkit-scrollbar-corner{background-color:transparent}

u{
 text-decoration:none;
 border-bottom:1px solid #aaa;
}

a:link, a:visited{
 transition-duration:250ms;
 -webkit-transition-duration:250ms;
 color:#d00;
 text-decoration:none;
 font-style:normal;
 border-bottom:1px dotted #d00;
}
a:hover, a:active{
 background:#eee;
 color:#000;
 border-bottom:1px solid #000;
}
a img{border:0;text-decoration:none}

h1, h2, h3, h4, h5, h6{
 color:#e00;
 letter-spacing:0.03ex;
}
h4, h5, h6{text-transform:uppercase}

h1{font-size:23px}
h2{font-size:21px}
h3{font-size:19px}
h4{font-size:17px}
h5{font-size:15px}
h6{font-size:12px}

hr{
 border:none;
 margin:9px 0;
 height:1px;
 color:#ccc;/* IE */
 background-color:#ccc;/* all others */
}

/* br{line-height:10%} */

img{border:0;vertical-align:middle}

p, ul, ol{text-align:justify}

ul, ol{list-style-position:inside;padding:8px 0 8px 24px}

ul{list-style:circle}
/*
ul:before{
 color:#e00;
 font-weight:bold;
 content:'\203a\2002';
}
ul:before{content:""}
*/
.columns ol, .columns li
{
 float:left;
 width:19em;
}

tt, code, pre, .script{
 color:#567;
 font-family:Consolas,"Courier New",Monaco,Courier,monospace;
 line-height:20px;
 font-weight:bold;
}

tt{
 /* background-color:#e4f4ff;*/
 color:#678;
 padding:0 5px;
 font-size:95%;
 font-weight:bold;
}

.bgdtxt{
 position:relative;top:330px;
 font:2em Times, serif;
 letter-spacing:0.1em;
 color:#ccc;
 zoom:1;
 filter:Alpha(opacity=1);
 opacity:0.01;
 z-index:-99;
}
/* ----- tabs -------------------------------------------------------------- */
.tab_hide{display:none;position:fixed}
.tab_page{position:relative}
ul.tabs:before{content:""}
ul.tabs{list-style:none;float:left;position:relative;left:-24px;top:8px;z-index:100}
ul.tabs li{float:left}
ul.tabs li a{display:block;border:1px solid #bbb;border-radius:5px 5px 0 0;
 background:#eee;padding:7px 17px;text-decoration:none;color:#999;
}
ul.tabs li a:hover{background:#f0f0f0;color:#777}
.tab_txt{
 float:left;width:90%;
 padding-top:20px;border-top:1px solid #ccc;/*border:1px solid #ccc;
 border-radius:0 5px 5px 5px;*/
 background:#fff;position:relative;z-index:10;display:none;clear:left;top:-1px;
 /*box-shadow:0 3px 3px rgba(0,0,0,.1);*/
}
/* change tab to selected style */
ul.tabs li a.active,
#tab1:target ~.tab_page .tabs li a.active,
#tab2:target ~.tab_page .tabs li a.tab2,
#tab3:target ~.tab_page .tabs li a.tab3,
#tab4:target ~.tab_page .tabs li a.tab4,
#tab5:target ~.tab_page .tabs li a.tab5,
#tab6:target ~.tab_page .tabs li a.tab6,
#tab7:target ~.tab_page .tabs li a.tab7,
#tab8:target ~.tab_page .tabs li a.tab8,
#tab9:target ~.tab_page .tabs li a.tab9,
#tab10:target ~.tab_page .tabs li a.tab10
{background-color:#fff;border-bottom:1px solid #fff;color:#000}
/* show tab contents */
div.active,
#tab1:target ~.tab_page div.active,
#tab2:target ~.tab_page div#view2,
#tab3:target ~.tab_page div#view3,
#tab4:target ~.tab_page div#view4,
#tab5:target ~.tab_page div#view5,
#tab6:target ~.tab_page div#view6,
#tab7:target ~.tab_page div#view7,
#tab8:target ~.tab_page div#view8,
#tab9:target ~.tab_page div#view9,
#tab10:target ~.tab_page div#view10{display:block}
/* reset the unclicked tabs to active */
#tab2:target ~.tab_page .tabs li a.active,
#tab3:target ~.tab_page .tabs li a.active,
#tab4:target ~.tab_page .tabs li a.active,
#tab5:target ~.tab_page .tabs li a.active,
#tab6:target ~.tab_page .tabs li a.active,
#tab7:target ~.tab_page .tabs li a.active,
#tab8:target ~.tab_page .tabs li a.active,
#tab9:target ~.tab_page .tabs li a.active,
#tab10:target ~.tab_page .tabs li a.active
{background-color:#eee;border:1px solid #ccc;color:#999}
/* hide active tab when selection changed */
#tab2:target ~.tab_page div.active,
#tab3:target ~.tab_page div.active,
#tab4:target ~.tab_page div.active,
#tab5:target ~.tab_page div.active,
#tab6:target ~.tab_page div.active,
#tab7:target ~.tab_page div.active,
#tab8:target ~.tab_page div.active,
#tab9:target ~.tab_page div.active,
#tab10:target ~.tab_page div.active
{display:none}
/*
<b id="tab1" class="tab_hide"></b>
<b id="tab2" class="tab_hide"></b>
<b id="tab3" class="tab_hide"></b>
<b id="tab4" class="tab_hide"></b>
<b id="tab5" class="tab_hide"></b>
<div class="tab_page">
 <ul class="tabs">
  <li><a href="#tab1" class="tab1 active">Tab 1</a></li>
  <li><a href="#tab2" class="tab2">Tab 2</a></li>
  <li><a href="#tab3" class="tab3">Tab 3</a></li>
  <li><a href="#tab4" class="tab4">Tab 4</a></li>
  <li><a href="#tab5" class="tab5">Tab 5</a></li>
 </ul>
 <div id="view1" class="tab_txt active">
  <h5>Tab 1</h5>
  <p>The most recently clicked tab will stay open even if the page is reloaded.</p>
	</div>
	<div id="view2" class="tab_txt">
		<h4>Tab 2</h4>
		<p>You can have multiple tabs on the same page, with only one copy of the CSS (javascript is not required).</p>
	</div>
	<div id="view3" class="tab_txt">
		<h4>Tab 3</h4>
		<p>You can also open a tab using links elsewhere on the same page:
		<a href="#tab1">Tab 1</a>.</p>
	</div>
	<div id="view4" class="tab_txt">
		<h4>Tab 4</h4>
		<p>Link from another page can select a tab on the target page when loaded.</p>
	</div>
	<div id="view5" class="tab_txt">
		<h4>Tab 5</h4>
		<p>Blah.</p>
   </div>
</div>
<br class="clear">
<p class="info">Open the second tab by clicking <a href="#tab2">Tab 2</a></p>
<br>
*/
/* ----- menu -------------------------------------------------------------- */
.tabmenu{
 padding:0;
 margin-left:25%;
 width:75%;
 background:transparent;
 position:fixed 0;
}
.tabmenu a{
 text-decoration:none;
 border:0;
}
.tabmenu ul{
 float:right;
 margin:0;padding:0;
 list-style:none;
 font-size:18px;
 line-height:36px;
}
.tabmenu ul:before{content:""}
.tabmenu li{display:inline}
.tabmenu a:link, .tabmenu a:visited{
 float:left;
 display:block;
 color:#777;
 text-shadow:0 1px 1px #fff;
 padding:11px;
}
.tabmenu a.current, .tabmenu a:hover, .tabmenu a:active{
 color:#444;
/* border-bottom:2px solid #777;*/
}
.tabmenu a:hover{
 background:rgba(0,0,0,.05);
}
.tabmenu a.current, .tabmenu a:active{
 color:#e00;
/* border-bottom:2px solid #e00;*/
}
/* ----- Nav ------------------------------------------------------------- 
<nav><ul><li>Langue
<ul><li><a href="#">Deutsch</a></li>
 <li><a href="#">English</a></li>
 <li><a href="#">Français</a></li>
</ul></li></ul></nav>
*/
nav ul{float:right;padding:0;margin:0;list-style:none;position:relative;display:block}
nav ul li{float:left;display:list-item;	list-style:none;background:#eee}
nav ul li a{display:block;text-decoration:none}
li a:hover{background:#eee}
nav ul ul{display:none;position:absolute;top:0}
nav ul li:hover > ul{display:list-item}
nav ul ul li{float:none;position:relative}
nav ul ul ul li{position:absolute relative}

/* ----- Slides ------------------------------------------------------------ */
.slides{width:100%;max-width:1200px;min-width:700px;position:relative;overflow:hidden;margin:0 auto}
.slides ul{padding:0;margin:0;list-style:none}
.slides input{display:none;position:absolute;left:-9999px}

.slides ul li img{display:block;position:absolute;top:0;left:0;overflow:hidden;margin:0 auto;
width:968px;height:230px;z-index:10;opacity:0;
transition:top .5s, left .5s,opacity .5s,transform .5s;
-webkit-transition:top .5s, left .5s,opacity .5s,-webkit-transform .5s}
.slides ul li:first-child img{position:relative}
.slides ul li img.top{left:0;top:-100%}
.slides ul li img.right{left:100%;top:0}
.slides ul li img.bottom{left:0;top:100%}
.slides ul li img.left{left:-100%;top:0}
.slides ul li img.scaleup{transform:scale(0);-webkit-transform:scale(0)}
.slides ul li img.scaledown{transform:scale(3);-webkit-transform:scale(3)}
.slides ul li img.flag{top:7px;left:-100px;width:30px;height:30px;z-index:99;opacity:1;viewbox:0 0 30 30; preserveAspectRatio:XMinYMin meet}

.slides ul li label{width:50%;height:230px;background:transparent;position:absolute;top:0;
cursor:pointer;display:none;z-index:20}

.slides ul li label span{display:block;width:21px;height:21px;font:normal 50px arial,sans-serif;
transition:.5s;-webkit-transition:.5s}

.slides ul li label.prev{left:0}
.slides ul li label.next{right:0}
.slides ul li label.prev span{position:absolute;left:20px;top:75%;color:#fff;opacity:0}
.slides ul li label.next span{position:absolute;right:20px;top:75%;color:#fff;opacity:0}
.slides ul li label:hover span{opacity:.3}

.slides ul li p {padding:0;margin:50px;position:absolute;top:0;left:0;
color:#fff;z-index:20;opacity:0;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out}
.slides ul li p{font:normal 16px/39px arial,sans-serif}
.slides ul li b{font:bold 27px/39px arial,sans-serif;margin-left:-21px;color:#ddd}
.slides ul li b:before{content:'\203a\2002'}

.slides ul li p.left{left:-100%;top:20px}
.slides ul li p.top{left:20px;top:-100%}
.slides ul li p.right{left:100%;top:20px}
.slides ul li p.bottom{left:20px;top:100%}

.slides ul li input:checked ~.pic{opacity:1;z-index:15;top:0;left:0;
transform:scale(1);-webkit-transform:scale(1);
transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;
}
.slides ul li input:checked ~.prev,
.slides ul li input:checked ~.next{display:block;z-index:25}
.slides ul li input:checked ~p{opacity:1;left:0px;top:0px}
/* ----- AJAX -------------------------------------------------------------- */
.hide{
 display:none;
 visibility:hidden;
 line-height:0;
 height:0;
}
.inset h2{color:#444;text-shadow:-1px -1px 1px #000, 1px 1px 1px #ccc}
.inset p{background:#ccc;	text-shadow:0 1px 0 #FFF}
.outline{color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}
.error{border:2px solid #ff0000}
.normal{font-weight:normal}
.upper{text-transform:uppercase}
.lower{text-transform:lowercase}
.intsm{line-height:150%}
.small{font-size:95%}
.smaller{font-size:85%}
.msmaller{font-size:75%}
.mmsmaller{font-size:65%}
.mmmsmaller{font-size:45%}
.larger{font-size:105%}
.mlarger{font-size:120%}
.mmlarger{font-size:140%}
.mmmlarger{font-size:160%}
p.left{text-align:left}
p.center{text-align:center}
div.center{text-align:center}
img.center{/*width:32px;height:auto;*/position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
p.leftmargin{margin-left:32px}
div.leftmargin{margin-left:32px}
p.right{text-align:right}
.caps{text-transform:uppercase}
.lshadow{text-shadow:0 1px 1px #fff}
.dshadow{text-shadow:0 1px 1px #000}
.transp{opacity:0.5;zoom:1;filter:alpha(opacity=50)}
.transp7{opacity:0.70;zoom:1;filter:alpha(opacity=70)}
.noselect{
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:-moz-none;
 -o-user-select:none;
 user-select:none;
}
.clearall{margin:0;padding:0;clear:both}
.clear{clear:both}

a.more:after{
 padding-left:1px;
 padding-right:5px;
 content:'\00a0\203a';
 font-weight:bold;
}
a.more:hover:after{
 padding-left:5px;
 padding-right:1px;
 transition-duration:500ms;
 -webkit-transition-duration:500ms;
}

.sbarred{position:relative}
.sbarred:before{
 position:absolute;left:-1px;top:50%;right:-3px;content:"";
 border:1px solid rgba(0,0,0,.21);
}
.barred{position:relative}
.barred:before{
 position:absolute;left:-7px;top:50%;right:-7px;content:"";
 border:1px solid rgba(0,0,0,.3);
 -webkit-transform:rotate(-9deg);
 -moz-transform:rotate(-9deg);
 -ms-transform:rotate(-9deg);
 -o-transform:rotate(-9deg);
 transform:rotate(-9deg);
}
.barred:after{
 position:absolute;left:-7px;top:50%;right:-7px;content:"";
 border:1px solid rgba(0,0,0,.3);
 -webkit-transform:rotate(9deg);
 -moz-transform:rotate(9deg);
 -ms-transform:rotate(9deg);
 -o-transform:rotate(9deg);
 transform:rotate(9deg);
}

.rotdn45{position:relative}
.rotdn45:before{
 position:absolute;left:-31px;top:170%;right:0;content:"";
 border-bottom:3px dashed;
 -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.rot45{position:relative}
.rot45:before{
 position:absolute;left:-15px;top:75%;right:2px;content:"";
 border-bottom:3px dashed;
}
.rotup45{position:relative}
.rotup45:before{
 position:absolute;left:-31px;top:-60%;right:0px;content:"";
 border-bottom:3px dashed;
 -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);
 transform:rotate(-45deg);
}
.rot2up45{position:relative}
.rot2up45:before{
 position:absolute;left:-9px;top:160%;right:-21px;content:"";
 border-bottom:3px dashed;
 -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);
 transform:rotate(-45deg);
}
.rot2dn45{position:relative}
.rot2dn45:before{
 position:absolute;left:-95px;top:-25px;right:60px;content:"";
 border-bottom:3px dashed;
 -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}

/* ----- colors ------------------------------------------------------------ */

.cyellow{color:#ffff80}
.cgreen{color:#97b400}
.cmgreen{color:#7a991a}
.cdgreen{color:#79790a}
.cvpn{color:#ae6b6b}
.cred{color:#ff7070}
.cmred{color:#e00}
.cblue{color:#70a0bb}
.corange{color:#d19038}
.clorange{color:#d45500}
.cbrown{color:#aa8360}
.cviolet{color:#a08cc9}
.clgrey{color:#ccc}
.cgrey{color:#999}
.cmgrey{color:#777}
.cdgrey{color:#555}
.cgww32{color:#758611}
.cblack{color:#222}
.cmagenta{color:#630030}
.cdred{color:#872300}
.cwhite{color:#fff}

.bgreen{background:#e0f0d0}
.blgreen{background:#accf4a}
.bmgreen{background:#98bf21}
.bdgreen{background:#7a991a}
.bblue{background:#daeaf0}
.blblue{background:#e0f0ff}
.bmblue{background:#9abccf}
.bdblue{background:#70a0bb}
.bred{background:#ffe0d0}
.blred{background:#ffefdf}
.bmred{background:#e00}
.bgrey{background:#eaeaea}
.blgrey{background:#f8f8f8}
.bmgrey{background:#999}
.bdgrey{background:#777}
.bddgrey{background:#555}
.bblack{background:#000}
.bwhite{background:#fff}
.blyellow{background:#fffbf0}
.byellow{background:#ffffa0}
.borange{background:#faeaca}

.forange{background:#fc9200}
.fbluegr{background:#2daebf}
.ffushia{background:#a9014b}
.fggreen{background:#b8d30b}

/* ----- forms ------------------------------------------------------------- */

fieldset, input, select, textarea{
 font-family:Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
 font-size:100%;
 line-height:26px;
 border:1px solid #ccc;
 -o-border-radius:7px;
 -ms-border-radius:7px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 border-radius:7px;
}
input[type=submit], input[type=checkbox], input[type=radio], label, select{
 cursor:pointer;
}
fieldset{width:90%;font-size:90%;color:#555;padding:24px
}
select{color:#777;background:#fff;padding:2px}
legend{padding:0 10px;color:#888}
label{width:auto;vertical-align:top;text-align:right;margin-right:10px;display:inline-block}
textarea, input{padding:2px 7px;margin-bottom:2px}
select:hover, textarea:hover, input:hover{border:1px solid #bbb}
select:focus, textarea:focus, input:focus{
 transition-duration:250ms;
 -webkit-transition-duration:250ms;
 outline:none;
 border-color:#c09070;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 7px #7af;
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 7px #7af;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.1), 0 0 7px #7af;
}

input[type=submit]{
 transition-duration:250ms;
 -webkit-transition-duration:250ms;
 padding:2px 5px;
 display:block;
 border:1px solid #bbb;
 background:#fff;
 color:#555;
}
input[type=submit]:hover, input[type=submit]:focus{
 border:1px solid #e00;
 background:#e00;
 color:#fff;
}

/* <input type="text" disabled="disabled"> */
input[disabled], input[readonly], select[disabled], select[readonly], 
checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]{
 background:#eee;
 color:#777;
 cursor:not-allowed;
}

select option{margin:40px;background:#fff;color:#555}
select option:nth-child(2n){background:#eee}

*::-webkit-input-placeholder{color:#777}
*:-moz-placeholder{color:#777}
*::-moz-placeholder{color:#777}
*:-ms-input-placeholder{color:#777}

/* ----- buttons -----------------------------------------------------------
*/ 
.button, .button a, .button a:link, .button a:visited{
 padding:2px 5px;
 border:1px solid #ccc;
 background:#fff;
 color:#e00;
 transition-duration:250ms;
 -webkit-transition-duration:250ms;
 -o-border-radius:7px;
 -ms-border-radius:7px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 border-radius:7px;
} 
.button.dark{
 padding:7px;
 border:1px solid #fff;
 background:#e00;
 color:#fff;
}
.button:hover, .button:focus{
 background:#e00;
 color:#fff;
 border:1px solid #e00;
 cursor:pointer;
}
.button[disabled]{
 background:#999;
 cursor:default;
 color:#777;
}
.button[disabled]:hover{
 border:1px outset #ccc;
}
/* ----- Data URI imgs ----------------------------------------------------- */

.swiss{position:relative;top:0;padding:0;width:175px;height:95px;background:url("/imgs/switzerland.png")}
.mesh{background:url("/imgs/trustleap_mesh.svg") no-repeat center center;background-size:45%}

.scaled{min-width:100%;min-height:100%;width:auto;height:auto}
.cnote.qpad,.qpad{padding:14px}
.lmargin{margin-left:32px}
.rmargin{margin-right:32px}
/* .pad16{padding:16px} .pad32{padding:32px} ...does not work */
.mar16{margin:16px}
.mar8{margin:8px}
.marl16{margin:7px 16px}
.marl32{margin:0 32px}
.marl64{margin:0 64px}
.marl80{margin-left:80px}
.marb16{margin-bottom:16px}
.pad8{padding:8px}
.padl16{padding:7px 16px}

/* ----- tags -------------------------------------------------------------- */
.ctag{
 font-family:Consolas,"Courier New",Monaco,Courier,monospace;
 font-size:90%;
 line-height:20px;
 color:#567;
 text-align:center;width:auto;padding:1px 5px;
 background:#eee;
 border:1px solid #e0e0e0;
}
.dtag{
 font-family:Consolas,"Courier New",Monaco,Courier,monospace;
 font-size:90%;
 line-height:20px;
 color:#345;
 text-align:center;width:auto;padding:1px 5px;
 background:#eee;
 border:1px solid #e0e0e0;
}

/* ----- gradients --------------------------------------------------------- */

.dgrad{
 background:#eee;
 background-image:-webkit-gradient(linear, top, bottom, from(#eee), to(#aaa));/* Saf4+, Chrome */
 background-image:-webkit-linear-gradient(top, #eee, #aaa);/* Chrome 10+, Saf5.1+ */
 background-image:-moz-linear-gradient(top, #eee, #aaa);/* FF3.6+ */
 background-image:-ms-linear-gradient(top left, #eee, #aaa);/* IE10 */
 background-image:-o-linear-gradient(top left, #eee, #aaa);/* Opera 11.10+ */
 background-image:linear-gradient(top left, #eee, #aaa);
}

.mgrad{
 background:#eee;
 background-image:-webkit-gradient(linear, top, bottom, from(#eee), to(#aaa));/* Saf4+, Chrome */
 background-image:-webkit-linear-gradient(top, #eee, #aaa);/* Chrome 10+, Saf5.1+ */
 background-image:-moz-linear-gradient(top, #fff, #ccc);/* FF3.6+ */
 background-image:-ms-linear-gradient(top left, #eee, #aaa);/* IE10 */
 background-image:-o-linear-gradient(top left, #eee, #aaa);/* Opera 11.10+ */
 background-image:linear-gradient(top left, #eee, #aaa);
}

.lggrad{
 background:#e8e8e8;
 background-image:-webkit-gradient(linear, top, bottom, from(#fff), to(#fec));/* Saf4+, Chrome */
 background-image:-webkit-linear-gradient(top, #fff, #fec);/* Chrome 10+, Saf5.1+ */
 background-image:-moz-linear-gradient(top, #fff, #fec);/* FF3.6+ */
 background-image:-ms-linear-gradient(top left, #fff, #fec);/* IE10 */
 background-image:-o-linear-gradient(top left, #fff, #fec);/* Opera 11.10+ */
 background-image:linear-gradient(top left, #fff, #fec);
}

.lmgrad{
 background:#e8e8e8;
 background-image:-webkit-gradient(linear, top, bottom, from(#eee), to(#ddd));/* Saf4+, Chrome */
 background-image:-webkit-linear-gradient(top, #eee, #ddd);/* Chrome 10+, Saf5.1+ */
 background-image:-moz-linear-gradient(top, #eee, #ddd);/* FF3.6+ */
 background-image:-ms-linear-gradient(top left, #eee, #ddd);/* IE10 */
 background-image:-o-linear-gradient(top left, #eee, #ddd);/* Opera 11.10+ */
 background-image:linear-gradient(top left, #eee, #ddd);
}

.lgrad{
 background:#f8f8f8;
 background-image:-webkit-gradient(linear, top, bottom, from(#fff), to(#eee));/* Saf4+, Chrome */
 background-image:-webkit-linear-gradient(top, #fff, #eee);/* Chrome 10+, Saf5.1+ */
 background-image:-moz-linear-gradient(top, #fff, #eee);/* FF3.6+ */
 background-image:-ms-linear-gradient(top left, #fff, #eee);/* IE10 */
 background-image:-o-linear-gradient(top left, #fff, #eee);/* Opera 11.10+ */
 background-image:linear-gradient(top left, #fff, #eee);
}

.lbgrad{
 background:#ddeef5;
 background:-moz-linear-gradient(top,#d5e5f0 0%,#ecf5f8 5%,#fff 100%);
 background:-webkit-linear-gradient(top,#d5e5f0 0%,#ecf5f8 5%,#fff 100%);
 background:-o-linear-gradient(top,#d5e5f0 0%,#ecf5f8 5%,#fff 100%);
 background:-ms-linear-gradient(top,#d5e5f0 0%,#ecf5f8 5%,#fff 100%);
 background:linear-gradient(top bottom,#d5e5f0 0%,#ecf5f8 5%,#fff 100%);
}

.llgrad{
 background:#fff;
 background-image:-webkit-gradient(linear, top, bottom, from(#fff), to(#f8f8f8));/* Saf4+, Chrome */
 background-image:-webkit-linear-gradient(top, #fff, #f8f8f8);/* Chrome 10+, Saf5.1+ */
 background-image:-moz-linear-gradient(top, #fff, #f8f8f8);/* FF3.6+ */
 background-image:-ms-linear-gradient(top left, #fff, #f8f8f8);/* IE10 */
 background-image:-o-linear-gradient(top left, #fff, #f8f8f8);/* Opera 11.10+ */
 background-image:linear-gradient(top left, #fff, #f8f8f8);
}

/* ----- tables ------------------------------------------------------------ */
/*
<table class="simple shadow foot" style="width:54%;text-align:center"><tr>
<th><p>Quantité</p></th>
<th><p>Souscription</p></th>
<th><p>Appareil</p></th>
</tr><tr><td>1
</td><td>Individu (297 CHF /mois)
</td><td>Modèle 1 (199 CHF)
</td></tr>
<tr class=foot><td colspan="3" class=foot><p id="ref1">
Total:
</p></td></tr></table>

<table class=simple style="text-align:center" summary="Details">
<caption>Rankings</caption>
<thead>
<tr>
<td>Name</td><td>Played</td><td>Win</td>
</tr>
</thead>
<tfoot> <!-- Table Footer -->
<tr>
<td colspan="3">This is the footer!</td>
</tr>
</tfoot>
<tbody> <!-- Table Body -->
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</tbody>
</table>
*/

table.simple{
 background:#fff;
 font-size:90%;
 border-collapse:collapse;
 margin:9px;
}
table.simple th, table.simple td{
 padding:5px 15px;
 border:1px dotted;
 border-top:1px solid;
 border-bottom:1px solid;
 border-color:#ccc;
 color:#555
}
table.simple th{
 padding:7px 15px;
 border-top:2px solid;
 border-color:#ccc;
}
table.simple tr:nth-child(2n){background:rgba(200,200,200,.12)}
table.simple tr:hover{background:rgba(200,200,200,.27)}

table.simple tfoot>tr>td{
 position:relative;
 background:#eee;
 color:#555;
 border:1px solid #ccc;
}
 
/* ------------------------------------------------------------------------- */

.pulse{
animation-name:pulse;
-webkit-animation-name:pulse;  
animation-duration:1.5s; 
-webkit-animation-duration:1.5s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@keyframes pulse{
0%{transform:scale(.8)}
50%{transform:scale(1)}
100%{transform:scale(.8)}
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(.9)}
50%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(.9)}
}

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

.glow{
animation-name:glow;
-webkit-animation-name:glow;  
animation-duration:5s; 
-webkit-animation-duration:5s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@keyframes glow{
0%{opacity:.3}
50%{opacity:1}
100%{opacity:.3}
}
@-webkit-keyframes glow{
0%{opacity:.5}
50%{opacity:.7}
100%{opacity:.5}
}*/

/* ----- misc. ------------------------------------------------------------- */

.shad3dl{
 text-shadow:
  0px 0px 0 #fff, 
  0px 1px 0 #fff, 
  1px 0px 0 #fff, 
  1px 1px 0 #fff, 
 -1px -1px 0 #fff, 
 -1px  0px 0 #fff, 
  0px -1px 0 #fff, 
  2px 2px 3px rgba(0,0,0,.2);
}

.shad3dd{
 text-shadow:
  0px 0px 0 #333,
  0px 1px 0 #333,
  1px 0px 0 #333,
  1px 1px 0 #333,
 -1px -1px 0 #333,
 -1px  0px 0 #333,
  0px -1px 0 #333,
  2px 2px 3px rgba(0,0,0,.7);
}

.shadow, .note.shadow, .cnote.shadow{
 -o-box-shadow:0 3px 5px rgba(0,0,0,.1);
 -ms-box-shadow:0 3px 5px rgba(0,0,0,.1);
 -moz-box-shadow:0 3px 5px rgba(0,0,0,.1);
 -webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);
 box-shadow:0 3px 5px rgba(0,0,0,.1);
}
.radiance, .note.radiance, .cnote.radiance{
 -o-box-shadow:0 0 5px 5px rgba(200,200,255,.3);
 -ms-box-shadow:0 0 5px 5px rgba(200,200,255,.3);
 -moz-box-shadow:0 0 5px 5px rgba(200,200,255,.3);
 -webkit-box-shadow:0 0 5px 5px rgba(200,200,255,.3);
 box-shadow:0 0 5px 5px rgba(200,200,255,.3);
}

.bdgreen, .note.bdgreen{border:3px solid #97b400;background:#fff};

.title{
 color:#fff;
 font-size:18px;
 line-height:34px;
 letter-spacing:0.2ex;
 border-bottom:0;
}

.note, .cnote, .bnote{
 width:auto;
 padding:7px;
 border:1px solid #ccc;

 -o-border-radius:5px;
 -ms-border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;

 -o-box-shadow:1px 1px 1px #eee;
 -ms-box-shadow:1px 1px 1px #eee;
 -moz-box-shadow:1px 1px 1px #eee;
 -webkit-box-shadow:1px 1px 1px #eee;
 box-shadow:1px 1px 1px #eee;
}
.bnote{border:2px solid #000}
.tnote, .cnote{
 padding:13px 7px;
 border:1px solid #ccc;
 border-radius:0 0 9px 9px;
}
.cnote{border-top:2px solid #bbb}
.quote{
 font-family:"Times New Roman",Times,Georgia,Serif;
 font-size:20px;
 text-align:justify;
 color:#000;
}
.quote.txt{font-style:italic}
.quote.txt:before{content:'\201c';font-size:120%}
.quote.txt:after{content:'\201d';font-size:120%}
.quote.author{font-size:19px;color:#777}
.quote.author:before{content:'\2002\2013'}

.gquote, .rquote{
 margin-left:10px;
 padding-left:1em;
 text-align:justify;
 border-left:.2em solid #bbb;
 color:#333;
}
.rquote{
 border-left:.2em solid #d30;
}

.rounded{
 -o-border-radius:17px;
 -ms-border-radius:17px;
 -moz-border-radius:17px;
 -webkit-border-radius:17px;
 border-radius:17px;
}

/* ----- tootips -------------------------------------------------------- */

a.tooltip:link, a.tooltip:visited{border-bottom:1px dashed #888}
a.tooltip{outline:none}
a.tooltip:hover{text-decoration:none;cursor:help} 
a.tooltip span{z-index:9;display:none;padding:12px;margin-top:32px;
 margin-left:-41px;line-height:19px;text-align:left;font-size:15px;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -moz-box-shadow:5px 5px 8px #aaa;
 -webkit-box-shadow:5px 5px 8px #aaa;
 box-shadow:5px 5px 8px #aaa}
a.tooltip:hover span{display:inline;position:absolute;border:1px solid #bbb;background:#f8f8f0}

/* ----- static tips ----------------------------------------------------
   <div class="tips tips-up">Tip</div> */
.tips{
 position:absolute;
 z-index:10;
 padding:4px 9px;
 max-width:200px;
 line-height:20px;
 font-size:12px;
 color:#000;
 text-align:center;
 background:#ddd;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}
.tips:before{
 content:'';
 position:absolute;
 width:0;
 height:0;
 border:6px solid transparent;
}
.tips-dn:before{
 bottom:-11px;
 left:20px;
 margin-left:-6px;
 border-top-color:#ddd;
}
.tips-up:before{
 top:-11px;
 left:20px;
 margin-left:-6px;
 border-bottom-color:#ddd;
}
.tips-lf:before{
 top:50%;
 left:-11px;
 margin-top:-6px;
 border-right-color:#ddd;
}
.tips-rg:before{
 top:50%;
 right:-11px;
 margin-top:-6px;
 border-left-color:#ddd;
}

/* ----- text bulles ------------------------------------------------------- */

/*.bule p{
 position:relative;top:3px;
 text-align:center;
 margin:0;padding:0 8px;
 color:#555;
}
.bule{
 width:auto;
 border:2px solid #ddd;
 margin:0;padding:2px 0;
 -o-border-radius:12px;
 -ms-border-radius:12px;
 -moz-border-radius:12px;
 -webkit-border-radius:12px;
 border-radius:12px;
}
// bulle V tick (exterior grey background) 
.bule em{
 position:relative;top:10px;
 display:block;
 width:0;height:0;
 margin:0 0 0 20px;padding:0;
 color:#fff;
 overflow:hidden;
 border-top:10px solid #ddd;
 border-left:8px dotted transparent;
 border-right:8px dotted transparent;
}
// bulle V tick (interior white foreground) 
.bule tt{
 position:relative;top:10px;
 display:block;
 width:0;height:0;
 margin:-13px 0 0 20px;padding:0;
 overflow:hidden;
 border-top:10px solid #fff;
 border-left:8px dotted transparent;
 border-right:8px dotted transparent;
}
*/

/* ----- bubble ------------------------------------------------------ */

.bubble{
 position:relative;
 padding:17px;
 margin:.3em;
 max-width:97%;
 border:3px solid #bbb;
 -webkit-border-radius:9px;
 -moz-border-radius:9px;
 border-radius:9px;
}

.bubble.lf{margin-left:30px}  /* left triangle */
.bubble.rg{margin-right:30px} /* right triangle */

/* THE TRIANGLE */
/* default variant:bottom */
.bubble:before{
 content:"";
 position:absolute;
 bottom:-18px;/* value = - border-top-width - border-bottom-width */
 left:40px;/* horizontal position */
 border-width:18px 18px 0;
 border-style:solid;
 border-color:#bbb transparent;
 display:block;/* reduce the damage in FF3.0 */
 width:0;
}
.bubble:after{/* the smaller  triangle */
 content:"";
 position:absolute;
 bottom:-13px;/* value = - border-top-width - border-bottom-width */
 left:45px;/* value = (:before left) + (:before border-left) - (:after border-left) */
 border-width:13px 13px 0;
 border-style:solid;
 border-color:#fff transparent;
 display:block;
 width:0;
}

/* Variant:top */
.bubble.up:before{/* the larger triangle */
 top:-18px;/* value = - border-top-width - border-bottom-width */
 bottom:auto;
 left:40px;/* controls horizontal position */
 border-width:0 18px 18px;
}
.bubble.up:after{/* the smaller triangle */
 top:-13px;/* value = - border-top-width - border-bottom-width */
 bottom:auto;
 left:45px;/* value = - border-left-width - border-right-width */
 border-width:0 13px 13px;
}

/* Variant:left */
.bubble.lf:before{/* the larger triangle */
 top:12px;/* controls vertical position */
 bottom:auto;
 left:-30px;/* value = - border-left-width - border-right-width */
 border-width:13px 30px 13px 0;
 border-color:transparent #bbb;
}
.bubble.lf:after{/* the smaller triangle */
 top:16px;/* value = (:before top) + (:before border-top) - (:after border-top) */
 bottom:auto;
 left:-22px;/* value = - border-left-width - border-right-width */
 border-width:9px 22px 9px 0;
 border-color:transparent #fff;
}

/* Variant:right */
.bubble.rg:before{/* the larger triangle */
 top:12px;/* controls vertical position */
 bottom:auto;
 left:auto;
 right:-30px;/* value = - border-left-width - border-right-width */
 border-width:13px 0 13px 30px;
 border-color:transparent #bbb;
}
.bubble.rg:after{/* the smaller triangle */
 top:16px;/* value = (:before top) + (:before border-top) - (:after border-top) */
 bottom:auto;
 left:auto;
 right:-22px;/* value = - border-left-width - border-right-width */
 border-width:9px 0 9px 22px;
 border-color:transparent #fff;
}

/* ----- columns ---------------------------------------------------------- */

.onecol{width:95%;margin:20px 0 16px 10px}
.layout{width:100%;overflow:hidden}
.layout .lgcol{float:left;width:66%}
.layout .mdcol{float:left;width:50%}
.layout .smcol{float:left;width:33%}
.layout .page{padding:0 20px;margin:0}
.margin{padding-top:20px}

/* ------------------------------------------------------------------------- */
#wrap{min-height:100%}

#main{
 position:relative;
 width:100%;
 overflow:auto;
 padding-bottom:342px;/* must == #footer height */
 border-top:3px solid #555;
}
#main a:hover{border-bottom:1px solid #aaa}

.txt{width:1000px;margin:0 auto}

#bighead{
 position:relative;
 width:100%;
 height:230px;
 overflow:hidden;
 border:1px solid #999;
 background:#333;
 background:-webkit-gradient(linear,left right,color-stop(0%,#111),color-stop(100%,#444));
 background:-webkit-linear-gradient(90deg,#111 0%,#444 100%);
 background:-moz-linear-gradient(90deg,#111 0%, #444 100%);
 background:-ms-linear-gradient(90deg,#111 0%,#444 100%);
 background:-o-linear-gradient(90deg,#111 0%,#444 100%);
 background:linear-gradient(90deg,#111 0%,#444 100%)}
}
#bighead .page{
 width:960px;
 margin:0 auto;
 position:relative;
 top:120px;/* room for tabmenu */
}
#bighead .pitch{
 position:absolute;top:72px;left:30px;
 color:#ddd;
 text-shadow:1px 1px 5px #000;
 index:99;
}
.pitch h1{
 color:#ddd;
 font-size:27px;
 line-height:32px;
}
.pitch h1:before{
 content:"- ";/* fallback */
/* content:'\2022\2002';&bull;*/
/* content:'\2013\2002';medium "-" */
 content:'\203a\2002';/* small ">" */
}
.pitch p{
 margin-left:12px;
 font-size:17px;
 line-height:24px;
}

/*
.swissflg img{
background:transparent url(/imgs/swiss_flag.svg) no-repeat;

background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHJlY3QgZmlsbD0iI2YwMCIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIi8+PHJlY3QgZmlsbD0iI2ZmZiIgaGVpZ2h0PSI2IiB3aWR0aD0iMjAiIHg9IjYiIHk9IjEzIi8+PHJlY3QgZmlsbD0iI2ZmZiIgaGVpZ2h0PSIyMCIgd2lkdGg9IjYiIHg9IjEzIiB5PSI2Ii8+PC9zdmc+Cg==") no-repeat;
background-size:70px;background-position:10px 0 

<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NCIgaGVpZ2h0PSIxNDQiPgo8dGl0bGU+VHJ1c3RMZWFwIGxvZ28gKGMpIDIwMDctMjAxNDwvdGl0bGU+CjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcCI+PHBhdGggZD0iTTIsNDYgTDIsMTQ0IDExMCwxNDQgMTE1LDcwIDExMCwzMyA3MiwxOHoiLz48L2NsaXBQYXRoPjwvZGVmcz4KPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Izc3NztzdHJva2Utd2lkdGg6NTtjbGlwLXBhdGg6dXJsKCNjbGlwKSIgZD0ibTcxLDE3YTU1LDU1IDAgMSwwIDIsMHptMSwwdjExMG0zOS0xNi03OC03OG03OCwwLTc4LDc4bS0xNi0zOWgxMTAiLz4KPGcgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6Izc3NztzdHJva2Utd2lkdGg6NSI+CjxjaXJjbGUgY3g9IjcyIiBjeT0iNzIiIHI9IjEzIi8+PGNpcmNsZSBjeD0iNzIiIGN5PSIxOCIgcj0iMTMiLz4KPGNpcmNsZSBjeD0iNzIiIGN5PSIxMjYiIHI9IjEzIi8+PGNpcmNsZSBjeD0iMTgiIGN5PSI3MiIgcj0iMTMiLz4KPGNpcmNsZSBjeD0iMTI2IiBjeT0iNzIiIHI9IjEzIi8+PGNpcmNsZSBjeD0iMzMiIGN5PSIzMyIgcj0iMTMiLz4KPGNpcmNsZSBjeD0iMzMiIGN5PSIxMTEiIHI9IjEzIi8+PGNpcmNsZSBjeD0iMTExIiBjeT0iMzMiIHI9IjEzIi8+CjxjaXJjbGUgY3g9IjExMSIgY3k9IjExMSIgcj0iMTMiLz48L2c+PC9zdmc+Cg=="
style="width:72px;position:relative; left:212px; top:5px" />
}*/

.trust{
/*background:transparent url(/imgs/trustleap.svg) no-repeat;*/
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NCIgaGVpZ2h0PSIxNDQiPgo8dGl0bGU+VHJ1c3RMZWFwIGxvZ28gKGMpIDIwMDctMjAxNDwvdGl0bGU+CjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcCI+PHBhdGggZD0iTTIsNDYgTDIsMTQ0IDExMCwxNDQgMTE1LDcwIDExMCwzMyA3MiwxOHoiLz48L2NsaXBQYXRoPjwvZGVmcz4KPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Izc3NztzdHJva2Utd2lkdGg6NTtjbGlwLXBhdGg6dXJsKCNjbGlwKSIgZD0ibTcxLDE3YTU1LDU1IDAgMSwwIDIsMHptMSwwdjExMG0zOS0xNi03OC03OG03OCwwLTc4LDc4bS0xNi0zOWgxMTAiLz4KPGcgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6Izc3NztzdHJva2Utd2lkdGg6NSI+CjxjaXJjbGUgY3g9IjcyIiBjeT0iNzIiIHI9IjEzIi8+PGNpcmNsZSBjeD0iNzIiIGN5PSIxOCIgcj0iMTMiLz4KPGNpcmNsZSBjeD0iNzIiIGN5PSIxMjYiIHI9IjEzIi8+PGNpcmNsZSBjeD0iMTgiIGN5PSI3MiIgcj0iMTMiLz4KPGNpcmNsZSBjeD0iMTI2IiBjeT0iNzIiIHI9IjEzIi8+PGNpcmNsZSBjeD0iMzMiIGN5PSIzMyIgcj0iMTMiLz4KPGNpcmNsZSBjeD0iMzMiIGN5PSIxMTEiIHI9IjEzIi8+PGNpcmNsZSBjeD0iMTExIiBjeT0iMzMiIHI9IjEzIi8+CjxjaXJjbGUgY3g9IjExMSIgY3k9IjExMSIgcj0iMTMiLz48L2c+PC9zdmc+Cg==") no-repeat;
background-size:70px;background-position:10px 0
}
.ico{background-size:20px;background-position:0 0;padding:0 13px}
.stamp{opacity:.5;background-size:79px;background-position:0 12px}
.full{background-size:340px;background-position:1% 1%;opacity:.9;z-index:-999}
.pict{background-size:340px;background-position:20px 0;opacity:.39;z-index:-999}

.mail:before{
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:98%;
 height:7px;
 background:#f0776c;
 background-image:repeating-linear-gradient(135deg, #e55, #e55 23px, #fff 23px, #fff 31px);
 border-radius:5px 5px 0 0;
}

#header{
 width:100%;
 height:90px;
 overflow:hidden;
 border-bottom:1px solid #bbb;
 background-image:url(/imgs/bg.gif);
 background-repeat:repeat;
}
#header .page{
 width:1000px;
 margin:0 auto;
 position:relative;
}
#header b{color:#555;font-size:24px}
#header em{color:#777;font-size:20px;font-style:normal}
#header a:link, a:visited, a:hover{
 border-bottom:0;
}

.menu{
 color:#000;
 font-size:94%;
 text-shadow:1px 1px 1px #fff;
 background:#eee;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 margin-bottom:20px;
}
.menu a:link, .menu a:visited{
 color:#000;
 padding:4px;
 border:1px solid #eee;
}
.menu a:hover, .menu a:active{
 background:#fff;
 border:1px solid #bbb;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}

#footer{
 position:relative;
 margin-top:-342px;/* must == #footer height and #main's padding-bottom */
 height:342px;
 width:100%;
 color:#fff;
 text-shadow:1px 1px 1px #000;
 font-size:14px;
 line-height:19px;
 clear:both;
 overflow:hidden;
 background-color:#555;
}
#footer .menu a:hover, .menu a:active{background:#fff}
#footer img, p{padding:10px}

#footer hr{
 border:none;
 margin:0 36px;
 height:0px;
 color:#555;/* IE */
 background-color:#999;
 border:#555 dotted 1px;
}

#footer a{background:transparent;color:inherit}
#footer a:link, a:visited{border-bottom:1px dotted #ccc}
#footer a:hover, a:active{border-bottom:1px solid #ddd}

/* --- MAP ----------------------------------------------------------------- */
#cmap{height:230px;width:968px;margin:0 auto}
#bmap{background:transparent url(/map/map.png)no-repeat;height:230px;width:968px;margin:0 auto}
.vpn{font-size:75%;color:darkred;opacity:.5}