/* @group reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,menu,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}a{text-decoration:none;}a:hover{text-decoration:none;}a,a img{border:0;outline:none;}header,section,footer,aside,nav,article,figure {display: block;} 
/* @end */
* { cursor: default; }
a { cursor: pointer; }
body { background: white url(img/bg.png) repeat center;min-height: 600px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none; user-select: none;}
.a { width: 100%;  position: absolute;  overflow: hidden; height: 100%;min-height: 600px; min-width: 580px; }
.b { height: 100%; width: 580px; min-height: 600px;left: 50%; margin-left: -290px; position: absolute; overflow: visible; }
.c { position: absolute; height: 556px; width: 580px; top: 50%; left: 50%; margin-top: -278px;margin-left: -290px; }
.earth { background: url(img/bg-earth.png) no-repeat center 190%; height: 402px; width: 1187px; position: absolute; z-index: -10; left: 50%; margin-left: -593px;top: 60%;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none; user-select: none; }
.logo { display: block; height: 89px; width: 280px; background: transparent url(img/logo.png) no-repeat top center ; overflow: hidden; text-indent: -2000px; text-align: center; margin: 0 auto; position: relative; left: 20px; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none; user-select: none; }
.baseline {display: block; margin: 0 auto; color: #707070; font-family: Arial Black, Arial, sans-serif; height: 60px; margin-top: 30px; margin-bottom: 50px; font-size: 33px; text-transform: uppercase; font-weight: bold; padding: 50px 0px; position: relative; text-align: center; width: 580px; line-height: 30px;  }
.baseline .hl { background: transparent url(img/baseline-hl.png) no-repeat center ; display: block; height: 160px; width: 580px;  opacity: 1; position: absolute;top: 0px; left: 0px; }
.sep { background: url(img/sep-baselinetop.png) no-repeat top center; display: block; width: 580px; height: 19px; position: absolute; top: 0;left: 0px; }
.sepb { background: url(img/sep-baselinebottom.png) no-repeat bottom center; display: block; width: 580px; height: 19px; position: absolute; bottom: 0;left: 0;}
.colorb { color: #1661b0; }
.coloro { color: #fc8107; letter-spacing: 1px; }
.lang { display: block; width: 580px; margin: 0 auto; text-align: center; }
.lang li { display: inline; background: url(img/sep-point.png) no-repeat left center; padding-left: 35px; margin-right: 29px; }
.lang li:first-child { background: none; padding-left: 0; }
.lang li:last-child { margin-right: 0; }
.lang li a { font-size: 11px; font-weight: bold; padding: 3px;position: relative; text-transform: uppercase; font-family: Arial, sans-serif; color: #838383;
-webkit-transition: color 200ms ease-in-out;-moz-transition: color 200ms ease-in-out;-o-transition: color 200ms ease-in-out;transition: color 200ms ease-in-out; }
.lang li a.fr:hover, .lang li a.fr:focus { color: #1661b0; }
.lang li a.en:hover, .lang li a.en:focus { color: #ffcc00; }
.lang li a.es:hover, .lang li a.es:focus { color: #ff6600; }
.lang li a.it:hover, .lang li a.it:focus { color: #eb0a89; }
.lang li a.de:hover, .lang li a.de:focus { color: #009900; }
.lang li a:active { position: relative; top: 1px; }
.footer { display: block; font-size: 9px; font-weight: normal; position: absolute; bottom: 0; margin-left: 50%; left: -75px; width: 167px; height: 12px;  overflow: visible; text-align: center; margin-bottom: 10px; color: #d5d5d5; font-family: Arial, sans-serif; text-shadow: 0 1px 0 white;}
.footer a { text-transform: uppercase; font-family: Arial, sans-serif; font-weight: normal; font-size: 9px;color: #d5d5d5; }
.footer a em { font-size: 7px; position: relative; top: -3px; } 
.puce { width: 20px; height: 20px; background: url(img/puce.png) no-repeat; position: absolute; -webkit-transition: color 222ms ease-in-out;-moz-transition: color 222ms ease-in-out;-o-transition: color 222ms ease-in-out;transition: color 222ms ease-in-out;}
.puce.fr { top: 102px; opacity: 1; left: 608px; background-position: center 4px;}
.puce.en { top: 81px; opacity: 1; left: 585px; background-position: center -204px; }
.puce.es { top: 126px; opacity: 1; left: 564px; background-position: center -100px; }
.puce.de { top: 96px; opacity: 1; left: 634px;  background-position: center -152px; }
.puce.it { top: 128px; opacity: 1; left: 708px; background-position: center -49px; }

.puce.fr.active { top: 127px; opacity: 1; }
.puce.en.active { top: 106px; opacity: 1; } 
.puce.es.active { top: 151px; opacity: 1; }
.puce.de.active { top: 121px; opacity: 1; } 
.puce.it.active { top: 153px; opacity: 1; }


.close { display: block;  position: fixed; top: 20px; left: 0; z-index:6000;  background: rgba(0, 0, 0, .69) url(img/logo-gi2.png) no-repeat 40px 20px ;  -webkit-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; height: 70px; display: block; width: 90px; overflow: hidden; text-indent: -1000px; -webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out; display: none;}
.close:hover { background-color: #000; background-color:rgba(0, 0, 0, .9); }