@charset "UTF-8";
/* CSS Document */



@font-face {
 font-family: 'machineregular';
 src: url('../fonts/machine_regular-webfont.eot');
 src: url('../fonts/machine_regular-webfont.eot?#iefix') format('embedded-opentype'),
 url('../fonts/machine_regular-webfont.woff') format('woff'),
 url('../fonts/machine_regular-webfont.ttf') format('truetype'),
 url('../fonts/machine_regular-webfont.svg#machineregular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'ocrbletmregular';
 src: url('../fonts/ocrbletm-webfont.eot');
 src: url('../fonts/ocrbletm-webfont.eot?#iefix') format('embedded-opentype'),
 url('../fonts/ocrbletm-webfont.woff') format('woff'),
 url('../fonts/ocrbletm-webfont.ttf') format('truetype'),
 url('../fonts/ocrbletm-webfont.svg#ocrbletmregular') format('svg');
 font-weight: normal;
 font-style: normal;

}

@font-face {
 font-family: 'adore64regular';
 src: url('../fonts/adore64-webfont.eot');
 src: url('../fonts/adore64-webfont.eot?#iefix') format('embedded-opentype'),
 url('../fonts/adore64-webfont.woff2') format('woff2'),
 url('../fonts/adore64-webfont.woff') format('woff'),
 url('../fonts/adore64-webfont.ttf') format('truetype'),
 url('../fonts/adore64-webfont.svg#adore64regular') format('svg');
 font-weight: normal;
 font-style: normal;

}

@font-face {
 font-family: 'nbp_sydnie2_standardregular';
 src: url('../fonts/sydorig_0-webfont.eot');
 src: url('../fonts/sydorig_0-webfont.eot?#iefix') format('embedded-opentype'),
 url('../fonts/sydorig_0-webfont.woff2') format('woff2'),
 url('../fonts/sydorig_0-webfont.woff') format('woff'),
 url('../fonts/sydorig_0-webfont.ttf') format('truetype'),
 url('../fonts/sydorig_0-webfont.svg#nbp_sydnie2_standardregular') format('svg');
 font-weight: normal;
 font-style: normal;
 font-size:4em

}


@font-face {
    font-family: 'retroville_ncregular';
    src: url('../fonts/retroville_nc-webfont.eot');
    src: url('../fonts/retroville_nc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/retroville_nc-webfont.woff2') format('woff2'),
         url('../fonts/retroville_nc-webfont.woff') format('woff'),
         url('../fonts/retroville_nc-webfont.ttf') format('truetype'),
         url('../fonts/retroville_nc-webfont.svg#retroville_ncregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'volter_goldfishregular';
    src: url('../fonts/volter__28goldfish_29-webfont.eot');
    src: url('../fonts/volter__28goldfish_29-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/volter__28goldfish_29-webfont.woff2') format('woff2'),
         url('../fonts/volter__28goldfish_29-webfont.woff') format('woff'),
         url('../fonts/volter__28goldfish_29-webfont.ttf') format('truetype'),
         url('../fonts/volter__28goldfish_29-webfont.svg#volter_goldfishregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------------------------------------------------*/
/* tout */
/*----------------------------------------------------------------------------------------------*/
* {font-family: 'Roboto', sans-serif,Trebuchet MS, Helvetica, Arial, Geneva, sans-serif}
/*----------------------------------------------------------------------------------------------*/
/* reset */
/*----------------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
list-style-type: none
}
h1,h2,h3,h4,h5,h6,h1 a,h2a ,h3 a,h4 a,h5 a,h6 a,pre,code,address,caption,cite,code,em,strong,th,figcaption {
font-size: 1em;
font-weight: normal;
font-style: normal
}

fieldset,iframe {
border: none
}

table {
border-collapse: collapse;
border-spacing: 0
}
header,nav,#contenu_01,#contenu_02,,#contenu_02,p,.contenu_bloc,.contenu_bloc img,article,aside,hgroup,section,img,figure,figcaption,div,footer {
display: block;
}


/*----------------------------------------------------------------------------------------------*/
/* general */
/*----------------------------------------------------------------------------------------------*/

html {
font-size:15px;
}

.news,
.news-page
{color: #55FF55;}


a, a:hover, a:active, a:visited {
color: #FFF;
text-decoration: none;
cursor: pointer
}

a:hover {
color: #FFF;
}

.text-edit a:hover {
background-color: #55FF55;
color: #000;
}

strong {font-weight: bold}

.spacer {clear: both;padding:0;margin:0;height:0;line-height:0px}

img {border:0}


/*----------------------------------------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------------------------------------*/
header {z-index:999;
width:930px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
}
h1 {display:none}

.grandecran {}
.smartphone {display:none}

h1 {display:none}

.official div,
.menu-item1,
.menu-item2,
.menu-item3,
.menu-item4,
.menu-item5
{background: url(../img/buttons/sprite.png) no-repeat;}


.official {position:absolute;width:100%;bottom:25px}
.official span {display:none}
.official div {
width:930px;height:40px;
margin-left:auto;
margin-right:auto;
background-position: -0px -240px
}





/*----------------------------------------------------------------------------------------------*/
/* navigation */
/*----------------------------------------------------------------------------------------------*/


nav {}

#menu {
position:absolute;
top:20px;
width:930px;
margin-right:auto;
margin-left:auto;
z-index: 100;
}

.menu-item1,
.menu-item2,
.menu-item3,
.menu-item4,
.menu-item5
{display:block;float:left; width:180px; height:40px}

.menu-item1 span,
.menu-item2 span,
.menu-item3 span,
.menu-item4 span,
.menu-item5 span
{display:none}


.menu-item1 {width:145px;background-position: -0px -0px}
.menu-item2 {width:130px;background-position: -145px -0px}
.menu-item3 {width:240px;background-position: -275px -0px}
.menu-item4 {width:250px;background-position: -515px -0px}
.menu-item5 {width:165px;background-position: -770px -0px}

.menu-item1:hover, .home .menu-item1 {width:145px;background-position: -0px -40px}
.menu-item2:hover, .news .menu-item2, .news-page .menu-item2 {width:130px;background-position: -145px -40px}
.menu-item3:hover, .world .menu-item3 {width:240px;background-position: -275px -40px}
.menu-item4:hover, .more .menu-item4, .project-page .menu-item4 {width:250px;background-position: -515px -40px}
.menu-item5:hover, .about .menu-item5 {width:165px;background-position: -770px -40px}

.flag {
  position:absolute;
  top:0;
  right:5px;
  width:60px;
  height:20px;
  cursor: pointer;
  cursor: hand;
}

#flag_en {background: url(../img/buttons/flag_en.png);}

#flag_fr {background: url(../img/buttons/flag_fr.png);}



/*----------------------------------------------------------------------------------------------*/
/* contenu
/*----------------------------------------------------------------------------------------------*/



#container {
width:1400px;margin-bottom:100px;
margin-right:auto;
margin-left:auto;
margin-top:100px;
}


.col1 {float:left;width:600px}
.col2 {float:right;width:200px}

.news #container {width:830px;background: url(../img/buttons/transp.png)}
.news .col1 .article {margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:3px}
.news #container p, .news #container h3 {margin: 0px 0px 0px 0px;color: #55FF55}
.news #container .col1 img {width:600px;margin: 10px 0px 0px 0px;}
.news #container .col1 h2 span {word-spacing:-6px}

.news-page #container {width:600px;background: url(../img/buttons/transp.png)}
.news-page .col1 .article {padding: 0px 0px 20px 0px;}
.news-page h2 {font-size:32px;line-height:34px;font-weight:100}
.news-page h3 {margin-bottom:20px}
.news-page p {margin: 0px 0px 10px 0px}
.news-page .col1 p.sign {padding-top:20px}
.news-page .col1 img {width:600px;margin: 20px 0px -10px 0px;}
.news-page .col1 .principale img {margin: 0px 0px 10px 0px;}
.news-page .col1 u img {width:500px}
.news-page .col1 s img {width:400px}


.project-page #container {width:600px}
.project-page .col1 {padding-left: 20px; padding-right: 20px;}
.project-page .col1 .article {padding: 0px 0px 20px 0px}
.project-page p {margin: 0px 0px 10px 0px}
.project-page .col1 p.sign {padding-top:20px}
.project-page .col1 img {width:600px;margin: 20px 0px -0px 0px;}
.project-page .col1 .principale img {margin: 0px 0px 10px 0px;}
.project-page .col1 u img {width:500px}
.project-page .col1 s img {width:400px}



.project-page p a,

.project-page .col1 h1,
.project-page .col1 .textedit h1,
.project-page .col1 .textedit h1 em,
.project-page .col1 .textedit h1 strong,
.project-page .col1 .textedit h1 u,
.project-page .col1 .textedit h1 s,
.project-page .col1 .textedit h1 a,

.project-page .col1 h2,
.project-page .col1 .textedit h2,
.project-page .col1 .textedit h2 em,
.project-page .col1 .textedit h2 strong,
.project-page .col1 .textedit h2 u,
.project-page .col1 .textedit h2 s,
.project-page .col1 .textedit h2 a,

.project-page .col1 h3,
.project-page .col1 .textedit h3,
.project-page .col1 .textedit h3 em,
.project-page .col1 .textedit h3 strong,
.project-page .col1 .textedit h3 u,
.project-page .col1 .textedit h3 s,
.project-page .col1 .textedit h3 a,

.project-page .col1 h4,
.project-page .col1 .textedit h4,
.project-page .col1 .textedit h4 em,
.project-page .col1 .textedit h4 strong,
.project-page .col1 .textedit h4 u,
.project-page .col1 .textedit h4 s,
.project-page .col1 .textedit h4 a,

.project-page .col1 h5,
.project-page .col1 .textedit h5,
.project-page .col1 .textedit h5 em,
.project-page .col1 .textedit h5 strong,
.project-page .col1 .textedit h5 u,
.project-page .col1 .textedit h5 s,
.project-page .col1 .textedit h5 a,

.project-page .col1 h6,
.project-page .col1 .textedit h6,
.project-page .col1 .textedit h6 em,
.project-page .col1 .textedit h6 strong,
.project-page .col1 .textedit h6 u,
.project-page .col1 .textedit h6 s,
.project-page .col1 .textedit h6 a,

.project-page .col1 .textedit p,
.project-page .col1 .textedit address
{color: #000}

.project-page .lang_en p a,
.project-page .lang_fr p a,
.project-page .col1 .textedit h1 a,
.project-page .col1 .textedit h2 a,
.project-page .col1 .textedit h3 a,
.project-page .col1 .textedit h4 a,
.project-page .col1 .textedit h5 a,
.project-page .col1 .textedit h6 a
{text-decoration:underline}


.project-page .col1 .textedit h1 {font-family:'roboto';font-weight: 500}

.project-page .col1 .textedit h2,
.project-page .col1 .textedit h2 span,
.project-page .col1 .textedit h2 em,
.project-page .col1 .textedit h2 strong,
.project-page .col1 .textedit h2 u,
.project-page .col1 .textedit h2 s,
.project-page .col1 .textedit h2 a
{font-family:'machineregular';font-weight: 100;font-size:21px;line-height:23px;margin:10px 0px 5px 0px}

.project-page .col1 .textedit h3,
.project-page .col1 .textedit h3 span,
.project-page .col1 .textedit h3 em,
.project-page .col1 .textedit h3 strong,
.project-page .col1 .textedit h3 u,
.project-page .col1 .textedit h3 s,
.project-page .col1 .textedit h3 a
{font-family:'retroville_ncregular';font-weight: 100;font-size:18px;line-height:23px;letter-spacing:0px;margin:10px 0px 5px 0px}

.project-page .col1 .textedit h4,
.project-page .col1 .textedit h4 span,
.project-page .col1 .textedit h4 em,
.project-page .col1 .textedit h4 strong,
.project-page .col1 .textedit h4 u,
.project-page .col1 .textedit h4 s,
.project-page .col1 .textedit h4 a
{font-family:'nbp_sydnie2_standardregular';font-weight: 100;margin:10px 0px 5px 0px}



.about #container {width:600px;}
.about .col1 .article {padding: 0px 0px 20px 0px}
.about h3 {margin-bottom:20px}
.about p {margin: 15px 0px 0px 0px}
.about .col1 p.sign {padding-top:20px}
.about .col1 img {margin: 10px 0px 10px 0px;}
.about .col1 .principale img {margin: 0px 0px 10px 0px;}
.about .col1 u img {width:500px}
.about .col1 s img {width:400px}
.about
{color: #55FF55;}

.about b,
.about .col1 h2
{font-size:18px;font-family:'retroville_ncregular';}

.about b
{color: #55FF55;}


.about b
{letter-spacing:-1px;font-weight: 100;color: #FFF;font-weight:normal;padding-bottom:5px;display:inline-block}

.about .plusbloc
{float:left;width:260px;margin-top:80px}

.about .contactbloc
{float:left;width:340px;margin-top:80px}

.about .designed
{font-size:11px}

.about .mur1
{position:fixed;bottom:0;left:0;width:60px;height:70%;background: url(../img/about/mur1.png) repeat-y;position:fixed}

.about .mur2
{position:fixed;bottom:0;right:0;width:60px;height:70%;background: url(../img/about/mur1.png) repeat-y;position:fixed}


.more #container {width:1220px;}
.more #container div {margin: 1px;float:left;color:#000;background:#FFF;}
.more #container div:hover  {background:#000;color:#FFF}
.more #container div a  {display:block;width:240px;height:240px;margin: 0px 0px 0px 0px;}
.more #container div span  {display:block;width:240px;padding: 5px 0px 5px 0px;text-align:center;font-family:'volter_goldfishregular';font-size:14px}
.more #container img {width:240px;height:240px;}

.more #container .trame {
  background: url(../img/buttons/trame.png) repeat;
  position:absolute;
}

.more #container .vignette {
  position: absolute;
  display: none;
}

.more #container .vignette_black {
  position: absolute;
}

.col1 p, .col1 ol, .col1 ul, .col1 address, .col1 em {font-weight: 300}


.col1 em {font-style:italic}
.col1 ul, .col1 ol {margin-left: 20px}
.col1 ul li {list-style-type: square}
.col1 ol li {list-style-type: decimal}

.col1 .textedit h1 {display:inline-block}

.col1 .textedit h1, .col1 .textedit h1 span, .col1 .textedit h1 a, .col1 .textedit h1 strong, .col1 .textedit h1 em, .col1 .textedit h1 u, .col1 .textedit h1 s,
.col1 h2, .col1 h2 span, .col1 h2 a,
.col1 .textedit h2, .col1 .textedit h2 span, .col1 .textedit h2 a, .col1 .textedit h2 strong, .col1 .textedit h2 em, .col1 .col1 h3, .col1 h3 span, .col1 h3 a,
.textedit h1 u, .col1 .textedit h1 s,
.col1 .textedit h3, .col1 .textedit h3 span, .col1 .textedit h3 a, .col1 .textedit h3 strong, .col1 .textedit h3 em, .col1 .textedit h3 u, .col1 .textedit h3 s,
.col1 .textedit h4, .col1 .textedit h4 span, .col1 .textedit h4 a, .col1 .textedit h4 strong, .col1 .textedit h4 em, .col1 .textedit h4 u, .col1 .textedit h4 s,
.col1 .textedit h5, .col1 .textedit h5 span, .col1 .textedit h5 a, .col1 .textedit h5 strong, .col1 .textedit h5 em, .col1 .textedit h5 u, .col1 .textedit h5 s,
.col1 .textedit h6, .col1 .textedit h6 span, .col1 .textedit h6 a, .col1 .textedit h6 strong, .col1 .textedit h6 em .col1 .textedit h6 u, .col1 .textedit h6 s
{font-family: 'roboto';color: #55FF55}

.col1 h2, .col1 h2 span, .col1 h2 a
{font-size:24px;line-height:26px;font-weight: 500;margin: 0px 0px 4px 0px}

.col1 h3, .col1 h3 span, .col1 h3 a {font-size:18px;line-height:19px;margin: 0px 0px 8px 0px;}


.col1 .textedit h1, .col1 .textedit h1 span, .col1 .textedit h1 a, .col1 .textedit h1 strong, .col1 .textedit h1 em
{font-size:20px;line-height:24px;margin: 0px 0px 10px 0px;font-weight: 500}

.news-page .col1 .textedit h2, .news-page .col1 .textedit h2 span, .news-page .col1 .textedit h2 a, .news-page .col1 .textedit h2 strong, .news-page .col1 .textedit h2 em
{font-size:20px;line-height:24px;margin: 0px 0px 10px 0px;font-weight: 300}

.col1 .textedit h5, .col1 .textedit h5 span, .col1 .textedit h5 a, .col1 .textedit h5 strong, .col1 .textedit h5 em
{font-size:13px;line-height:18px;padding: 0px 0px 5px 0px;font-weight: 300}

.col1 .textedit h6, .col1 .textedit h6 span, .col1 .textedit h6 a, .col1 .textedit h6 strong, .col1 .textedit h6 em
{font-size:11px;line-height:16px;padding: 0px 0px 5px 0px;font-weight: 300}

@-moz-document url-prefix() .col1 .textedit h6
{font-size:101px;line-height:16px;padding: 0px 0px 5px 0px;font-weight: 300;display:none}

hr {border: 0px 0px 1px 0px solid;border-color: #444;padding:0;margin: 5px 0px 10px 0px}

.col1 address {font-style: normal;font-size:13px;text-align:right}

.col1 pre {font-family: 'courier'}


.col1 .article .chapo, .col1 .article .0 {margin: 0px}

.col2 h2 {text-align:center;width:240px;margin-bottom:10px}
.col2 h2 a, .col2 h2 span {font-size:13px;font-family:'nbp_sydnie2_standardregular';text-transform:uppercase;letter-spacing:2px;font-weight: 300;color:#55FF55}
.col2 h2 span {padding-right:1px;color:#FFF}

.col2 div {border-left:0px solid #333;margin-left:25px}
.col2 img {width:125px;margin-left:30px}

.sign {font-size:12px}




.flash {color:#FFFFFF}

.flash a {color:#105bff}
.flash a:hover {color:#105bff}
.flash #container {margin-top:40px;width:700px;margin-bottom:0px;background: url(../img/buttons/transp.png)}
.flash .col1 {float:left;width:700px;}
.flash .col1 .article div {float:left;width:320px;margin: 0px 0px 0px 0px;}
.flash .col1 .article:first-child div {margin: 0px 40px 0px 20px;}
.flash #container h2,
.flash #container h3,
.flash #container h4
{display:block;width:200px;height:30px;background: url(../img/flash/sprite2.png) no-repeat}
.flash #container h2 {background-position: -130px -430px}
.flash #container h3 {background-position: -124px -460px}
.flash #container h4 {background-position: -130px -490px;width:600px;margin: 40px 0px 20px 20px;font-size:14px;height:40px;padding-top:10px;color:#CCC}
.flash #container h2 i,
.flash #container h3 i,
.flash #container h4 i
{display:none}
.flash #container p {padding: 5px 0px 5px 0px;font-weight: 300;font-size:16px;line-height:22px}
.flash #container .images  {margin-top: -20px}
.flash #container .images div {float:left;width:150px;margin: 0px 0px 19px 19px;font-size:12px}
.flash #container .images div img {border:1px solid #666;width:150px;height:150px;}
.flash #container .chapo {display:none}

.flash header,
.flash #container .download span,
.flash #container .bas
{background: url(../img/flash/sprite2.png) no-repeat}

.flash header {width:930px;height:240px;background-position: 100px -0px;margin-top:60px}
.flash #container .download span {display:block;float:left;width:90px;margin-left:0px;border:0px solid #CCC;height:100px;background-position: -20px -335px}

.flash #container .stores {margin-top:5px}
.flash #container .stores div {color:#CCC;
width:320px;height:35px;margin: 0px 10px 0px 20px;padding: 4px 10px 4px 10px;border:1px solid #333;float:left;text-align:left;font-size:12px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.flash #container .stores img {margin: 0px 0px 20px 10px;border:0;display:inline-block}

.flash #container .bas {display:block;width:700px;height:220px;background-position: -0px -520px;float:left}



.worldpage nav {display:none}

.worldpage h2,
.worldpage h3
{font-family: 'machineregular';color:#FFFFFF}


.worldpage .titre {
position :absolute;
top:30px;
left:30px
}

.worldpage .titre h2 {
font-size: 120px;line-height:120px;
}

.worldpage .titre h3 {
display:inline-block;
margin: -20px 20px 0px 0px;
font-size: 24px;
}

.worldpage .titre p {width:320px;
margin: 20px 0px 0px 0px;
font-size: 18px;color:#FFFFFF;
font-family: 'roboto', sans-serif;font-weight: 100
}


.worldpage .cartel {
position :absolute;
top:30px;
right:40px;
width:auto;
text-align:right;
border:1px solid #DDD;
background: url(../img/world//fondcartel.png)
}

.worldpage .cartel h2 {font-size: 30px;border-bottom:1px solid #DDD;padding: 13px 13px 10px 13px}
.worldpage .cartel h3 {font-size: 14px;padding: 13px 13px 10px 13px;font-family: 'ocrbletmregular', sans-serif;font-weight: 100;text-transform:uppercase}



.worldpage .back {
position:absolute;
bottom:30px;
left:30px;
z-index: 100;
}


.worldpage .left {
position:absolute;
top:50%;
left:12px;
margin-top:-30px;
z-index: 100;
}
.worldpage .right {
position:absolute;
top:50%;
right:10px;
margin-top:-30px;
z-index: 100;
}



.worldpage .back a:hover,
.worldpage .left a:hover,
.worldpage .right a:hover
{color:#55FF55}

.worldpage .back a {
font-size: 24px;
}


.world {background: #333}
.world {
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardis�e */
}
.world #container {margin-top:0px}


.news,
.news-page
{background: url(../img/buttons/etoiles.png) repeat-x fixed #000000}

.about
{background: url(../img/buttons/about.png) repeat-x #003302}

.more
{background: url(../img/buttons/etoiles.png) repeat-x fixed #000000}

.page_404,
.page_500
{background: url(../img/buttons/etoiles.png) no-repeat center fixed #000000}

.flash
{background: url(../img/buttons/etoiles.png) no-repeat center fixed #000000}


.news,
.news-page,
.flash,
.more,
.index,
.world,
.worldpage,
.project-page
{
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardis�e */
}


.score
{
position:absolute;
bottom:20px;
left:0;
width:100%;
text-align:center;
z-index: 100;
}

.score span
{
background: #333;
background: rgba(0,0,0,.8);
border-radius: 5px;
padding: 1px 6px 3px 6px;
color: #FFF;
font-family: 'nbp_sydnie2_standardregular';
font-weight: 300;
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
}


.errorpage {width:320px;margin:auto;margin-top:20%}
.errorpage h2 {display:inline-block;}


.errorpage,
.errorpage i,
.errorpage a,
.errorpage b,
.errorpage h2,
.errorpage h2 span
{font-family: 'adore64regular';font-size:14px;line-height:22px;text-align:center;color:#FFF}

.errorpage h2, .errorpage h2 b, .errorpage h2 span, .errorpage h2 i {font-size:40px;line-height:32px;color:#55FF55}
.errorpage h2 span {color:#55FF55}

.errorpage i {font-style:normal;letter-spacing: 5px;}
.errorpage b {letter-spacing: -5px;}


.page_404 #container
{width:400px;padding-top:50px}