@font-face
{
font-family:segoe_lighter;
font-style:normal;
font-weight:300;
src:url('../fonts/segoe.woff') format("woff");
}

*
{
margin:0;
padding:0;
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-weight:300;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
text-align:left;
}

sup
{
line-height:0.1rem;
line-height:var(--size0-1);
}

.strut
{
display:inline-block;
vertical-align:middle;
height:100%;
width:0rem;
padding:0;
margin:0;
margin-left:-0.2rem;
background:transparent;
}

.shortcutsbar
{
position:fixed;
top:0;
width:100%;
border-bottom:thin solid #101010;
z-index:1000;
height:4.8rem;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding:0.2rem 4rem;
background-color:#ffffff;
}


.shortcutbar_item
{
display:inline-block;
vertical-align:middle;
color:#000000;
}


.shortcutbar_item a
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
display:inline-block;
padding-top:1.1rem;
font-size:2rem;
font-size:var(--size2-0);
line-height:2rem;
line-height:var(--size2-0);
font-weight:bold;
color:#404040;
vertical-align:top;
cursor:pointer;
text-decoration:none;
}

.shortcutbar_item a:hover
{
color:#4030ee;
text-decoration:underline;
}

.shortcutbar_item h1, .shortcutbar_item h1 a
{
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
padding:0;
font-size:3.2rem;
font-size:var(--size3-2);
line-height:3.4rem;
line-height:var(--size3-4);
color:#000000;
font-weight:normal;
vertical-align:top;
}

.shortcutbar_item h1 a:hover
{
color:#000000;
text-decoration:none;
opacity:0.5;
}


div.container
{
display:inline-block;
height:100%;
width:94%;
position:relative;
text-align:center;
padding-top:3rem;
padding-bottom:4rem;
/*
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
*/
}

div, span, p
{
font-size:2rem;
}


div.buttonctnr
{
display:inline-block;
margin-top:2rem;
}

div.buttonctnr a.button
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
display:inline-block;
text-align:center;
background-color:transparent;
color:#ffffff;
font-size:2.5rem;
font-size:var(--size2-5);
line-height:2.5rem;
line-height:var(--size2-5);
padding:1rem 2rem;
vertical-align:middle;
margin:0;
border:0.2rem solid #ffffff;
border-radius:3.5rem;
cursor:pointer;
font-weight:bold;
}

div.buttonctnr a.button:hover
{
background-color:#ffffff;
color:#000000;
text-decoration:none;
opacity:1;
}

div.buttonctnr a.buttonbig
{
font-size:2rem;
font-size:var(--size2-0);
line-height:2rem;
line-height:var(--size2-0);
padding:1rem 2.5rem;
border-radius:5rem;
}

div.buttonctnr a.buttonblack
{
color:#000000;
border:0.2rem solid #000000;
}

div.buttonctnr a.buttonblack:hover
{
background-color:#000000;
color:#ffffff;
}

.presdiv
{
background:#080808;
background:-linear-gradient(top,#242424,#080808,#000000);
background:-webkit-linear-gradient(top,#242424,#080808,#000000);
background:-o-linear-gradient(top,#242424,#080808,#000000);
background:-moz-linear-gradient(top,#242424,#080808,#000000);
/* height:75rem; */
position:relative;
text-align:center;
}

.presdiv_bg
{
width:100%;
height:100%;
/*
background-image:url('../images/waves1.png');
background-repeat:no-repeat;
background-size:contain;
*/
background-position:top center;
text-align:center;
padding:0;
}

/*
.presdiv div.preslogo
{
display:inline-block;
width:25rem;
height:100%;
background-image:url('../images/centauris_mobile_1.png');
background-repeat:no-repeat;
background-position:left top;
background-size:contain;
vertical-align:top;
}
*/

.presdiv div.preslogo
{
display:inline-block;
vertical-align:top;
}

.presdiv div.preslogo img
{
display:inline-block;
width:25rem;
vertical-align:top;
}

.presdiv div.presctnt
{
display:inline-block;
width:45rem;
vertical-align:top;
}

.presdiv div.presctnt, .presdiv div.presctnt *
{
font-family: Segoe,Tahoma,Verdana,Arial,sans-serif;
text-align:right;
color:#9a9a9a;
font-size:1.7rem;
font-size:var(--size1-7);
line-height:2.3rem;
line-height:var(--size2-3);
}

.presdiv div.presctnt h1
{
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#ffffff;
font-size:6rem;
font-size:var(--size6-0);
line-height:6rem;
line-height:var(--size6-0);
vertical-align:top;
margin:0;
}

.presdiv div.presctnt h2
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#ffffff;
font-size:1.8rem;
font-size:var(--size1-8);
line-height:2.1rem;
line-height:var(--size2-1);
vertical-align:top;
margin:0;
font-weight:bold;
}

.presdiv div.presctnt h3
{
color:#ffffff;
font-size:2.4rem;
font-size:var(--size2-4);
line-height:2.4rem;
line-height:var(--size2-4);
vertical-align:top;
margin:0;
}

.presdiv div.presctnt h5
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#ffffff;
font-size:1.7rem;
font-size:var(--size1-7);
line-height:2.1rem;
line-height:var(--size2-1);
vertical-align:top;
margin:0;
}

.presdiv div.presctnt a h5
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
text-decoration:underline;
}

.presdiv div.presctnt a h5:hover
{
opacity:0.5;
}


.newbdiv
{
background:#ffffff;
position:relative;
text-align:center;
text-align:center;
position:relative;
padding-top: 5rem;
}

.newbdiv .newbdivctnt
{
display:inline-block;
text-align:left;
position:relative;
margin-top:-20rem;
}

.newbdiv , .newbdiv  *
{
font-family: Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:2rem;
font-size:var(--size2-0);
line-height:2.7rem;
line-height:var(--size2-7);
}

.newbdiv_bg
{
width:100%;
height:58rem;
background-image:url('../images/loliatwork.jpg');
background-repeat:no-repeat;
background-position:top center;
/* background-size:cover; */
background-size:cover;
text-align:left;
padding-top:2rem;
text-align:center;
position:relative;
}

div.newb_ctnt_section
{
width:100%;
text-align:center;
}
/*
div.newb_ctnt_title_section
{
display:inline-block;
text-align:left;
margin-top: 7rem;
}*/

div.newb_ctnt_title_section
{
  display: flex;
  text-align: left;
  margin-top: 7rem;
  flex-direction: column;
  flex-wrap: wrap;
  -webkit-align-content: space-around;
  align-content: space-around;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.newb_ctnt_title_section  h1
{
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#b62d50;
font-size:3.2rem;
font-size:var(--size3-2);
line-height:5rem;
line-height:var(--size5-0);
vertical-align:top;
margin:0;
}

div.newb_ctnt_title_section  h3
{
width:86rem;
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#b62d50;
font-size:8.5rem;
font-size:var(--size8-5);
line-height:5.5rem;
line-height:var(--size5-5);
vertical-align:bottom;
margin:0;
font-weight:bold;
}

div.newb_ctnt_title_section  h3 small,
div.newb_ctnt_section  h3 small
{
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:inherit;
font-size:4.4rem;
font-size:var(--size4-4);
line-height:4rem;
line-height:var(--size4-0);
vertical-align:bottom;
margin:0;
}

.newbdiv  h2
{
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:1.3rem;
font-size:var(--size1-3);
line-height:1.3rem;
line-height:var(--size1-3);
vertical-align:top;
margin:0;
}

.newbdiv  div.newb_items_section
{
margin-top:5rem;
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.newbdiv  div.newb_item
{
display:inline-block;
margin:3rem 2rem 0rem 2rem;
text-align:center;
}

.newbdiv  div.newb_item  h4
{
text-align:center;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:2.4rem;
font-size:var(--size2-4);
line-height:3rem;
line-height:var(--size3-0);
vertical-align:top;
margin:0;
font-weight:bold;
}

.newbdiv  div.newb_item  h5
{
text-align:center;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:1.8rem;
font-size:var(--size1-8);
line-height:2rem;
line-height:var(--size2-0);
vertical-align:top;
margin:0;
}

.newbdiv  div.newb_item  div.buttonctnr
{
border-top:0.1rem solid #000000;
padding:1rem 2.5rem;
}

.vitalediv
{
/*background:#ccedc4;*/
background-color:#ffffff;
background-image:url('../images/Taxi_Martial.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
position:relative;
text-align:center;
padding:0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position:relative;
}

.vitalediv *, .vitalediv
{
color:#212e74;
}


.vitalediv div.buttonctnr
{
margin-bottom: 1rem;
}


.vitalediv div.buttonctnr a.buttonblue
{
color:#212e74;
border:0.2rem solid #212e74;
}

.vitalediv div.buttonctnr a.buttonblue:hover
{
background-color:#212e74;
color:#ffffff;
}

.vitalediv .vitalediv_ctnt_section
{
display:inline-block;
position:relative;
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
/*flex-direction:row-reverse;*/
}

@media (orientation: portrait)
{
  .vitalediv .vitalediv_ctnt_section
  {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  }
}

 .vitalediv_text_section
{
display:inline-block;
vertical-align:top;
background-color:#ffffffc7;
padding:2rem;
border: 1px solid #808080;
border-radius:2rem;
width: 60rem;
}

 .vitalediv_text_section h1
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size:4.8rem;
font-size:var(--size4-8);
line-height:4rem;
line-height:var(--size4-0);
vertical-align:top;
font-weight:bold;
}

 .vitalediv_text_section h3
{
font-family:  Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size:2.3rem;
font-size:var(--size2-3);
line-height:2.6rem;
line-height:var(--size2-6);
white-space:normal;
vertical-align:top;
}

.vitalediv .vitalediv_image_section
{
display:inline-block;
}

.block4 .lecteurvitalepage_text_section
{
  padding-bottom:0;
}

.vitalediv .appstores_links,
.lecteurvitalepage_text_section .appstores_links
{
display: block;
width:100%;
font-weight:bold;
}

.vitalediv .appstores_links a,
.lecteurvitalepage_text_section .appstores_links a
{
display:inline;
}

.lecteurvitalepage_text_section .desc_block
{
display:inline-block;
margin: 0.5rem;
text-align:center;
font-size:1.6rem;
width:25rem;
}

.lecteurvitalepage_text_section .desc_block img
{
width:inherit;
}


div.lecteurvitalepage_videosection
{
width: 100%;
display: block;
margin:0;
margin-bottom:2rem;
}


@media (min-width: 800px)
{
  .lecteurvitalepage_text_section div.howto_block
  {
  display:flex;
  flex-flow:row;
  flex-wrap:nowrap;
  }

  div.lecteurvitalepage_videosection
  {
  flex-basis: 200%;
  width: 50%;
  max-width: 1024px;
  display: inline-block;
  margin:0;
  margin-right:2rem;
  }
}

div.lecteurvitalepage_videosection video
{
width:100%;
}


.engagdiv
{
background:#000000;
position:relative;
text-align:center;
padding:0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position:relative;
}

.engagdiv *
{
color:#ffffff;
}

.engagdiv .engagdiv_ctnt_section
{
display:inline-block;
position:relative;
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
}

 .engagdiv_text_section
{
display:inline-block;
padding:1rem;
padding-right:2rem;
padding-top:4rem;
width:45rem;
vertical-align:top;
}

 .engagdiv_text_section h1
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size:4.8rem;
font-size:var(--size4-8);
line-height:4rem;
line-height:var(--size4-0);
vertical-align:top;
font-weight:bold;
}

 .engagdiv_text_section h3
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size:2.3rem;
font-size:var(--size2-3);
line-height:2.6rem;
line-height:var(--size2-6);
white-space:normal;
vertical-align:top;
}

.engagdiv .engagdiv_image_section
{
display:inline-block;
padding:1rem;
text-align:center;
vertical-align:top;
}

.engagdiv .engagdiv_image_section img
{
width:39rem;
vertical-align:top;
}

.easydiv
{
position:relative;
text-align:center;
padding:0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position:relative;

background: #ffffff url("../images/4847466.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

.easydiv *
{
color:#ffffff;
}

.easydiv h3
{
font-size:6rem;
font-size:var(--size6-0);
}

.easydiv h3 small
{
font-size:2.4rem;
font-size:var(--size2-4);
}

.easydiv .easydiv_ctnt_section
{
display:inline-block;
position:relative;
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
}

 .easydiv_text_section
{
display:inline-block;
padding:1rem;
padding-right:2rem;
padding-top:4rem;
width:54rem;
vertical-align:top;
}

 .easydiv_text_section h1
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size:4.8rem;
font-size:var(--size4-8);
line-height:4rem;
line-height:var(--size4-0);
vertical-align:top;
font-weight:bold;
}

 .easydiv_text_section h3
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size:2.3rem;
font-size:var(--size2-3);
line-height:2.6rem;
line-height:var(--size2-6);
white-space:normal;
vertical-align:top;
}

.easydiv .easydiv_image_section
{
display:inline-block;
padding:1rem;
text-align:center;
vertical-align:top;
}

.easydiv .easydiv_image_section img
{
width:44rem;
vertical-align:top;
}

.easydiv
{
background-color:#ffffff;
}

.easydiv, .easydiv *
{
color:#000000;
}

.easy_ctnt_title_section
{
margin-top: 3rem;
}

.easy_ctnt_title_section, .easy_ctnt_title_section h3
{
text-align:center;
}

.easy_img_ctnt_section
{
margin-top:3.5rem;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
}

.easy_img_ctnt_section div.imgctnr
{
display:inline-block;
text-align:center;
}

.easy_img_ctnt_section div.imgctnr img
{
width:70rem;
cursor:pointer;
}

.easy_img_ctnt_section div.imgctnr img:hover
{
opacity:0.5;
}

.easy_img_ctnt_section div.imgctnr img.smaller
{
width:52rem;
}

.easy_img_ctnt_section div.imgctnr img.multi2
{
width:40rem;
}

.easy_img_ctnt_section div.imgctnr img.multi3
{
width:30rem;
}

.easy_text_ctnt_section
{
font-size: 1.4rem;
margin-top:2.5rem;
text-align:center;
}

.easy_text_ctnt_section p,
.easy_img_ctnt_section .imgctnr p
{
display:inline-block;
width:70rem;
margin:0;
padding:0;
padding-bottom:1rem;
text-align:center;
font-size:1.8rem;
font-size:var(--size1-8);
line-height:2.3rem;
line-height:var(--size2-3);
color:#808080;
}
.easy_img_ctnt_section .imgctnr p.multi2
{
width:35rem;
}

div.promptfullimg
{
height:55rem;
width:90rem;
background-position:center center;
/* background-size:cover; */
background-size:contain;
background-repeat:no-repeat;
}

.loginframe
{
white-space:nowrap;
padding-bottom:2.5rem;
}

.loginframe *
{
vertical-align:top;
}

.blockprompt div.loginframe h4
{
font-size:2.6rem;
font-size:var(--size2-6);
line-height:3rem;
line-height:var(--size3-0);
border-bottom:0.1rem solid #000000;
}

.blockprompt div.loginframe div.loginframe_blockleft, .blockprompt div.loginframe div.loginframe_blockright
{
display:inline-block;
vertical-align:top;
}

.blockprompt div.loginframe div.loginframe_blockleft
{
margin-right:5rem;
font-size: 1.6rem;
font-weight: bold;
color: #000000;
}

.blockprompt div.loginframe div.loginframe_blockleft small
{
color: #000000;
font-size: 1.5rem;
}

.blockprompt div.loginframe div.loginframe_blockleft a
{
font-size: 1.6rem;
color: #2a78c3;
padding-right: 0.7rem;
font-weight: bold;
}

.blockprompt div.loginframe div.loginframe_blockleft button
{
font-size: 1.5rem;
background: transparent;
color: #404040 !important;
font-weight: 300 !important;
padding: 0;
}

.blockprompt div.loginframe div.loginframe_blockleft a,
.blockprompt div.loginframe div.loginframe_blockleft button
{
text-decoration: underline;
line-height: 1.6rem;
}

.blockprompt div.loginframe div.loginframe_blockleft a:hover,
.blockprompt div.loginframe div.loginframe_blockleft button:hover
{
opacity:0.5;
}

.blockprompt div.loginframe div.loginframe_blockright
{
}

.blockprompt div.loginframe div.loginframe_blockright input[type=text],
.blockprompt div.loginframe div.loginframe_blockright input[type=password]
{
margin:0.2rem;
margin-bottom:0.8rem;
padding:1rem;
background:transparent;
font-size:1.3rem;
font-size:var(--size1-3);
line-height:normal;
width:25rem;
font-family:Arial,Dotum;
border:0.2rem solid #ccc;
}

.blockprompt div.loginframe div.loginframe_blockright input[type=text]:focus,
.blockprompt div.loginframe div.loginframe_blockright input[type=password]:focus
{
border-color: #70b71b;
outline: none;
box-shadow: none;
}

.blockprompt div.loginframe div.loginframe_blockright input[type=submit]
{
padding: 0.7rem 1.5rem;
border: none;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
background-color: #2a78c3;
margin: 1rem 0.2rem;
cursor: pointer;
}

.blockprompt div.loginframe div.loginframe_blockright input[type=submit]:hover
{
opacity:0.5;
}

.blockprompt div.loginframe div.loginframe_blockright label
{
font-size: 1.7rem;
line-height: normal;
font-weight: bold;
padding-left: 0.2rem;
color: #000000;
}

.header
{
position:fixed;
top:0;
width:100%;
border-bottom:thin solid #101010;
z-index:1000;
padding:0;
background-color:#ffffff;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
height:48px;
/* overflow: hidden; */
}

.header ul
{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: #fff;
}

.header li
{
list-style: none;
padding:0;
}

.header li a
{
display: block;
padding: 13px 20px;
border-right: 1px solid #f4f4f4;
text-decoration: none;
text-align:center
}

.header li a:hover,
.header .menu-btn:hover
{
background-color: #f4f4f4;
}

.header .logo
{
display: block;
float: left;
font-family: segoe_lighter,Segoe UI Light,Segoe WP Light,Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
padding:5px 10px;
font-size:32px;
line-height:34px;
color:#000000;
font-weight:normal;
vertical-align:top;
text-decoration: none;
background-color: #ffffff;
}

/* menu */

.header .menu
{
clear: both;
max-height: 0;
transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon
{
cursor: pointer;
display: inline-block;
float: right;
padding: 22px 20px;
position: relative;
user-select: none;
}

.header .menu-icon .altmenubtn,
.header .menu-icon .altmenubtn:before
{
display: none;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #707070;
}

.header .menu-icon .altmenubtn
{
border-top: 1px solid #eee;
padding: 3px 100px;
}

.header .menu-icon .navicon
{
background: #333;
display: block;
height: 2px;
position: relative;
transition: background .2s ease-out;
width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after
{
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}

.header .menu-icon .navicon:before
{
top: 5px;
}

.header .menu-icon .navicon:after
{
top: -5px;
}

/* menu btn */

.header .menu-btn
{
display: none;
}

.header .menu-btn:checked ~ .menu
{
max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon
{
background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before
{
transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after
{
transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after
{
top: 0;
}



@media (min-width: 900px)
{
.header li
	{
	float: left;
	padding:12px;
	}

.header .menu
	{
	clear: none;
	float: right;
    max-height: 47px;
	}

.header .menu-icon
	{
	display: none;
	}

.header li a
	{
	font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
	display:inline-block;
	padding-top:1.1rem;
	font-size:2rem;
	font-size:var(--size2-0);
	line-height:2rem;
	line-height:var(--size2-0);
	font-weight:bold;
	color:#404040;
	vertical-align:top;
	cursor:pointer;
	text-decoration:none;
	padding:0 20px;
	}

.header li a:hover
	{
	color:#4030ee;
	text-decoration:underline;
	}
}

@media (max-width: 400px)
{
/* menu icon */


#enveloppe
	{
	padding-top:81px;
	}

.header .menu-icon
	{
	cursor: pointer;
	display:block;
	width:100%;
	background:#fff;
	text-align:center;
    padding: 5px 20px;
	}

.header .menu-icon .altmenubtn,
.header .menu-icon .altmenubtn:before
	{
	display:inline-block;
	text-align:center;
	}


.header .menu-icon .altmenubtn:before
{
position:relative;
display:inline-block;
text-align:center;
content:'Menu\00a0\00a0\00a0\25BC';
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .altmenubtn:before
{
content:'\25B2\00a0\00a0\00a0\Menu';
}


.header .menu-icon .navicon
	{
	display: none;
	}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after
	{
	display: none;
	}

.header .menu-icon .navicon:before
	{
	top: 0;
	}

.header .menu-icon .navicon:after
	{
	top: 0;
	}

	/* menu btn */

.header .menu-btn
	{
	display: none;
	}

.header .logo
	{
	width:100%;
	text-align:center;
	}
}

@media (max-width: 300px)
{
.header .logo
	{
	font-size:22px;
	}
}

@media (max-width: 260px)
{
.header .menu-icon .altmenubtn:before
	{
	padding: 3px 0;
	border:none;
	}
}