@font-face { font-family: 'proxima_nova_boldbold'; src: url('fonts/proximanovabold-webfont.eot'); src: url('fonts/proximanovabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovabold-webfont.woff2') format('woff2'), url('fonts/proximanovabold-webfont.woff') format('woff'), url('fonts/proximanovabold-webfont.ttf') format('truetype'), url('fonts/proximanovabold-webfont.svg#proxima_nova_boldbold') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'proxima_nova_regularregular';src: url('fonts/proximanovaregular-webfont.eot'); src: url('fonts/proximanovaregular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaregular-webfont.woff2') format('woff2'),url('fonts/proximanovaregular-webfont.woff') format('woff'), url('fonts/proximanovaregular-webfont.ttf') format('truetype'), url('fonts/proximanovaregular-webfont.svg#proxima_nova_regularregular') format('svg');font-weight: normal; font-style: normal;}
@font-face { font-family: 'proxima_nova_semibolddemibold';src: url('fonts/proximanovasemibold-webfont.eot'); src: url('fonts/proximanovasemibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovasemibold-webfont.woff2') format('woff2'),url('fonts/proximanovasemibold-webfont.woff') format('woff'), url('fonts/proximanovasemibold-webfont.ttf') format('truetype'), url('fonts/proximanovasemibold-webfont.svg#proxima_nova_semibolddemibold') format('svg');font-weight: normal;  font-style: normal;}
@font-face { font-family: 'lobster_regular'; src: url('fonts/lobster-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }



.bg_ibackground { background: url(img/bg_ibackground.png) 0 0 no-repeat; display: inline-block; background-size: 180px 1268px;}
.bg_i { background: url(img/bg_i_medium.png) 0 0 no-repeat; display: inline-block; background-size: 90px 1867px; }
.bg_invitepage { background: url(img/bg_invitepage.png) 0 0 no-repeat; display: inline-block; background-size: 88px 956px;}
@media only screen and (max-width: 585px) {.bg_i { background: url(img/bg_i_small.png) 0 0 no-repeat; display: inline-block; background-size: 51px 1034px;}}

.hc_page { color: #ff2d55; text-align: center;}
.hc_page a { text-decoration: none; color: #a4a8aa; display: inline-block;}

h1, .h1_like { font-size: 4.5rem; line-height: 5rem;color:#ff2d55}
h2, .h2_like { font-size: 4rem; font-family: 'lobster_regular'}
h3, .h3_like { font-size: 2.4rem; line-height: 3rem;}
h4, .h4_like { font-size: 1.8rem; line-height: 2.6rem;}
h5, .h5_like { font-size: 1.5rem;}
p, .p_like { font-size: 1.5rem; margin: 0;}

@media only screen and (max-width: 800px){
    h1, .h1_like { font-size: 3.2rem; line-height: 3.6rem;}
    h2, .h2_like { font-size: 2.8rem;}
    h3, .h3_like { font-size: 2rem; line-height: 2.5rem;}
    h4, .h4_like { font-size: 1.5rem; line-height: 2rem;}
    h5, .h5_like { font-size: 1.4rem;}
    p, .p_like { font-size: 1.2rem;}}
@media only screen and (max-width: 585px){
    h1, .h1_like { font-size: 2.5rem; line-height: 3rem;}
    h2, .h2_like { font-size: 2rem;}
    h3, .h3_like { font-size: 1.8rem; line-height: 2.5rem;}
    h4, .h4_like { font-size: 1.5rem; line-height: 2rem;}
    h5, .h5_like { font-size: 1.1rem;}
    p, .p_like { font-size: 1rem;}}


.hc_ page header { height: 200px;}
.hc_page section { min-height: calc(94% - 200px); padding: 0; }
.hc_page footer { height: 6%; padding:0 2%; }
.hc_page.invite_page section.presentation { height: calc(49% - 200px); min-height: 400px;}
.hc_page.invite_page section.mail { height: 45%; min-height: 440px;}
@media only screen and (max-width: 585px) {
    .hc_page.invite_page section.presentation { min-height: 170px; }
    .hc_page.invite_page section.mail { min-height: 220px;}}

.hc_page header { background-color: #ff2d55; display: table; width: 100%; text-align: center; z-index: 3; }
.hc_page header .logo { display: table-cell; vertical-align: middle;}
.hc_page header img { width: auto; height: auto; }
.hc_page section { padding: 0;}
.hc_page section .button { background-color: #ff2d55; color: #fff;}
.hc_page section .content {display: table; width: 100%; height: 100%;}
.hc_page section .content div { display: table-cell; vertical-align: middle;}
.hc_page section .content h3 { font-family: 'proxima_nova_boldbold', Helvetica, Arial, sans-serif; font-size: 3.4rem; line-height: 3.8rem;}
.hc_page section .content ul { font-size: 1.5rem; }
.hc_page footer { color: #a4a8aa; font-size: 1.8rem; display: table;}
.hc_page footer .content { display: table-cell; vertical-align: middle; line-height: 1.8rem;}
.hc_page footer .icon a { text-align: center; line-height: 1; width: 47px; height: 47px; border-radius: 47px; border: solid 2px #fff; display: table; padding: 0;}
.hc_page footer .icon a:hover { /*text-decoration: none; border: solid 2px #ff2d55;*/}
.hc_page footer .icon .fa { float: none; color: #ff2d55; font-size: 3rem; display: table-cell; vertical-align: middle;}
@media only screen and (max-width: 585px) {
	.hc_page header img { max-width: 100px ;}
	.hc_page section .content h3 { font-size: 1.4rem; line-height: 1.8rem}1
    .hc_page section .content ul { font-size: 1.2rem; line-height: 1.6rem;}
	.hc_page footer { font-size: 0.8rem;}
    .hc_page footer .content { line-height: 1rem;}
	.hc_page footer .column { padding: 0;}
    .hc_page footer .h5_like{ font-size: 0.8rem;}
	.hc_page footer .icon .fa {font-size: 1.8rem;}}

/*********************
INVITE PAGE
*********************/
.invite_page .subMenu .right { width: 80%;}
.invite_page .subMenu { background-color: #ff2d55; z-index: 9; position: relative; height: 70px;}
.invite_page .subMenu .logo img {max-width : 240px;  position: absolute; top: 10px; left: 0;}
.invite_page .subMenu .s_btn { text-decoration: none; color: #fff; margin: 15px 0 15px 2%; line-height: 40px; float: right;border-radius: 5px; padding: 0 8px; border: solid 1px #ff2d55;}
.invite_page .subMenu .s_btn.download {font-weight:bold}

.invite_page .subMenu .s_btn:hover, .invite_page .subMenu .s_btn.s_btn_active { border-color: #fff;}
@media only screen and (max-width: 600px) {.invite_page .subMenu .logo img { left: 50%; margin-left: -122.5px;}}
@media only screen and (max-width: 600px) {.invite_page .subMenu .s_btn.download {display: none !important;}}
@media only screen and (max-width: 900px) { .invite_page .subMenu .show-for-medium-up { display: none !important;}}

.invite_page .section, .invite_page footer { padding: 4% 0;}
.invite_page .section .title { margin-bottom: 4%; color: #4a4a4a;}

.invite_page { color: #40494D; }
.invite_page h1 { font-family: 'proxima_nova_semibolddemibold'; margin-bottom: 2%;}

.invite_page .s_howwell { padding: 4% 0 2% 0; position: relative;}
.invite_page .howwell_content { position: relative; display: inline-block; width: 100%;}
.invite_page .s_howwell .howwell_text { display: inline-block;}
.invite_page .s_howwell .howwell_text_content { display: table-cell; vertical-align: middle; height: 420px; padding-left: 12%;}
@media only screen and (max-width: 600px) {.invite_page .s_howwell .howwell_text_content{ padding: 0;}}
.invite_page .s_howwell .howwell_phone { display: inline-block; position: absolute; bottom: -5px;}
.invite_page .s_howwell .flexslider_phone { display:block; }
.invite_page .s_howwell .flexslider_phone ul { display: block; margin: 0; text-align: center; overflow: hidden;}
.invite_page .s_howwell .flexslider_phone ul li { margin: auto;}
.invite_page .s_howwell .flexslider_phone img { max-width: 220px; overflow: hidden;}
.invite_page .s_howwell .shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; opacity: 0.1; z-index: 2;
    background-image:-moz-linear-gradient(transparent, black);
    background-image:-webkit-linear-gradient(transparent, black);
    background-image:-o-linear-gradient(transparent, black);
    background-image:linear-gradient(transparent, black);}
@media only screen and (max-width: 800px) {.invite_page .s_howwell .howwell_text_content { height: 350px;}}
@media only screen and (max-width: 700px) {.invite_page .s_howwell .howwell_text_content{height: 270px;}}
@media only screen and (max-width: 620px) {.invite_page .s_howwell .howwell_text_content{height: 250px;}}
@media only screen and (max-width: 540px) {
    .invite_page .s_howwell .howwell_text_content { height: auto; padding: 50px 0 10%;}
    .invite_page .s_howwell .howwell_phone{ position: static; margin-bottom: -5px;}}

.invite_page .s_closerthanever  { text-align: center; padding: 2% 0; color: #4a4a4a; border-top: 1px solid #ddd;}
.invite_page .s_closerthanever h5 { line-height: 180%; max-width: 270px; margin: auto;}
.invite_page .s_press  { text-align: center; padding: 4% 0 4% 0; color: #4a4a4a;border-top: 1px solid #ddd;}
.invite_page .s_press h5 { line-height: 180%; max-width: 270px; margin: auto;}
.invite_page .s_howitworks { text-align: center; padding: 2% 0; color: #4a4a4a;border-top: 1px solid #ddd;}
.invite_page .s_howitworks h5 { line-height: 180%; max-width: 270px; margin: auto;}
.invite_page .s_howitworks .bg_invitepage { width: 88px; height: 88px; border-radius: 88px; margin: 0 auto 5% auto;}
.invite_page .s_howitworks .play { padding-right: 2%; padding-bottom: 4%;}
.invite_page .s_howitworks .learn{ padding:0 2% 4% 2%;}
.invite_page .s_howitworks .win { padding-left: 2%; padding-bottom: 4%;}
.invite_page .s_howitworks .play .bg_invitepage { background-position: 0 0;}
.invite_page .s_howitworks .learn .bg_invitepage { background-position: 0 -100px;}
.invite_page .s_howitworks .win .bg_invitepage { background-position: 0 -200px;}
@media only screen and (max-width: 585px) {
    .invite_page .s_howitworks .bg_invitepage { width: 40px; height: 40px; border-radius: 40px;}
    .invite_page .s_howitworks .play .bg_invitepage { background-position: 0 -360px;}
    .invite_page .s_howitworks .learn .bg_invitepage { background-position: 0 -405px;}
    .invite_page .s_howitworks .win .bg_invitepage { background-position: 0 -450px;}}

.invite_page .s_howitworks span { font-family: "proxima_nova_boldbold",Helvetica,Arial,sans-serif;}
.invite_page .s_howitworks .play span { color: #5750da;}
.invite_page .s_howitworks .learn span { color: #54c7fe;}
.invite_page .s_howitworks .win span { color: #ff9500;}

.invite_page .s_happycouples { border-top: 1px solid #ddd; text-align: center;}
.invite_page .s_happycouples .title { color: #4a4a4a;}
.invite_page .s_happycouples .flexslider { position: relative; margin-bottom: 20px;}
.invite_page .s_happycouples .flexslider ul { margin: 0; display: block;}
.invite_page .s_happycouples .flexslider li { list-style: none; }
.invite_page .s_happycouples .temoignage { display: table;}
.invite_page .s_happycouples .couple_avatar, .invite_page .s_happycouples .couple_text { display: table-cell; vertical-align: middle;}
.invite_page .s_happycouples .couple_avatar { width: 150px;}
.invite_page .s_happycouples .couple_avatar img { height: 150px; width: 150px; border-radius: 150px; margin: 0 15px;}
.invite_page .s_happycouples .columns { padding: 0;}
.invite_page .s_happycouples .couple_text { padding-left: 4%;}
.invite_page .s_happycouples .couple_text h5 { color: #ff2d55; line-height: 120%; margin-bottom: 10px;font-size:1.7rem}
.invite_page .s_happycouples .couple_text h5 span { font-family: "proxima_nova_boldbold",Helvetica,Arial,sans-serif;}
.invite_page .s_happycouples .couple_text h5.text { line-height: 120%; color: #4a4a4a;font-size:1.9rem}
.invite_page .s_happycouples .flex-direction-nav { margin: 0;}
.invite_page .s_happycouples .flex-direction-nav .flex-nav-prev, .invite_page .s_happycouples .flex-direction-nav .flex-nav-next { position: absolute; top: 50%; margin-top: -22.5px;width: 45px; height: 45px;}
.invite_page .s_happycouples .flex-direction-nav .flex-nav-prev {left: -10%;}
.invite_page .s_happycouples .flex-direction-nav .flex-nav-next { right: -10%;}
.invite_page .s_happycouples .flex-direction-nav a { width: 45px; height: 45px; border-radius: 45px;}
.invite_page .s_happycouples .flex-direction-nav a .bg_ibackground { background-position: -100px -1215px; width: 45px; height: 45px;}
.invite_page .s_happycouples .flex-direction-nav .flex-nav-next a .bg_ibackground { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
@media only screen and (max-width: 650px) { 
    .invite_page .s_happycouples .couple_avatar { width: 120px;}
    .invite_page .s_happycouples .couple_avatar img { height: 120px; width: 120px; border-radius: 120px; margin: 0 5px;}}
@media only screen and (max-width: 585px) { 
    .invite_page .s_happycouples .couple_avatar { width: 55px;}
    .invite_page .s_happycouples .couple_avatar img { height:  55px; width: 55px; border-radius: 55px; margin:0 ; }
    .invite_page .s_happycouples .couple_text h5 {font-size:1rem;}
    .invite_page .s_happycouples .couple_text h5.text { font-size: 1rem;}}

.invite_page .s_aboutus {border-top: 1px solid #ddd;}
.invite_page .s_aboutus img { max-height: 156px; width: auto}
.invite_page .s_aboutus h3 { color: #4a4a4a; font-family: 'proxima_nova_boldbold'; }
.invite_page .s_aboutus h4.job {margin-bottom: 4%;}
.invite_page .s_aboutus .julien { padding-right: 2%;}
.invite_page .s_aboutus .arnaud { padding-left: 2%; padding-right: 2%;}
.invite_page .s_aboutus .lonnie { padding-left: 2%; padding-right: 2%;}
.invite_page .s_aboutus .erin { padding-left: 2%;}
.invite_page .s_aboutus .julien h4.job { color: #ff2d55; padding-right: 2%; padding-bottom: 4%;}
.invite_page .s_aboutus .erin h4.job { color: #ff2d55;padding-left: 2%; padding-bottom: 4%;}
.invite_page .s_aboutus .lonnie h4.job { color: #ff2d55; padding-left: 2%; padding-bottom: 4%;}
.invite_page .s_aboutus .arnaud h4.job { color: #ff2d55; padding-left: 2%; padding-bottom: 4%;}
@media only screen and (max-width: 585px) {
    .invite_page .s_aboutus img { max-height: 80px;}
    .invite_page .s_aboutus h4.job { margin: 0;}
    .invite_page .s_aboutus .julien, .invite_page .s_aboutus .arnaud, .invite_page .s_aboutus .lonnie { margin-bottom: 6%;}}



.invite_page .s_figures {border-top: 1px solid #ddd;}
.invite_page .s_figures img { max-height: 156px; width: auto}
.invite_page .s_figures h3 { color: #4a4a4a; font-family: 'proxima_nova_boldbold'; }
.invite_page .s_figures h4 {margin-bottom: 4%;}
.invite_page .s_figures .us { padding-right: 2%;}
.invite_page .s_figures .an { padding-left: 2%; padding-right: 2%;}
.invite_page .s_figures .co { padding-left: 2%; padding-right: 2%;}
.invite_page .s_figures .le { padding-left: 2%;}
.invite_page .s_figures  h4.users { color: #42cb59; padding-right: 2%; padding-bottom: 4%;}
.invite_page .s_figures  h4.answers { color: #5856d6;padding-left: 2%; padding-bottom: 4%;}
.invite_page .s_figures  h4.comments { color: #ff9500; padding-left: 2%; padding-bottom: 4%;}
.invite_page .s_figures  .levels { color: #21a0b8; padding-left: 2%; padding-bottom: 4%;}
@media only screen and (max-width: 585px) {
    .invite_page .s_figures img { max-height: 80px;}
    .invite_page .s_figures h4.users, .invite_page .s_figures h4.answers, .invite_page .s_figures h4.comments, .invite_page .s_figures h4.levels { margin: 0;}
    .invite_page .s_figures .users, .invite_page .s_figures .answers, .invite_page .s_figures .comments { margin-bottom: 6%;}}



.invite_page .s_download {  background-size: 100% auto; text-align: center;border-top: 1px solid #ddd;}
.invite_page .s_download h4 {line-height:120%; }

.invite_page .ddd { background-position: 0 29%; background-size: 100% auto; }
.invite_page .ddd .download_link span { margin: 0 1.5% 1% 1.5%;}
.invite_page .ddd .download_link .android { background-position: 0 -720px; height: 39px; width: 34px;}
.invite_page .ddd .download_link .apple { background-position: 0 -780px; height: 39px; width: 33px;}
.invite_page .ddd .download_link .windows { background-position: 0 -840px; height: 40px; width: 39px;}
.invite_page .ddd .download_link .android { background-position: -50px -720px; height: 31px; width: 27px;}
.invite_page .ddd .download_link .apple { background-position: -50px -757px; height: 31px; width: 26px;}
.invite_page .ddd .download_link .windows { background-position: -50px -793px; height: 31px; width: 30px;}}

.invite_page .s_download .download_link span { margin: 0 1.5% 1% 1.5%;}
.invite_page .s_download .download_link .android { background-position: 0 -720px; height: 39px; width: 34px;}
.invite_page .s_download .download_link .apple { background-position: 0 -780px; height: 39px; width: 33px;}
.invite_page .s_download .download_link .windows { background-position: 0 -840px; height: 40px; width: 39px;}
.invite_page .s_download .form { margin: 2% 0; display: inline-block;}
.invite_page .s_download .email  { margin: 0; height: 51px; border: solid 1px #ff2d55; font-size: 3rem; box-shadow: none; width: calc(98% - 50px);}
.invite_page .s_download .btn_send  { width: 50px; height: 51px; border-radius: 51px; background: url(img/bg_invitepage.png) 0 -300px no-repeat; background-size: 88px 956px; border: 0 none; cursor: pointer; margin: 0 0 0 2%; padding: 0; }
@media only screen and (max-width: 585px) {
    .invite_page .s_download { background-position: 0 0;}
    .invite_page .s_download .btn_send { width: 31px; height: 31px; border-radius: 31px; background: url(img/bg_invitepage.png) 0 -500px no-repeat;background-size: 88px 956px;}
    .invite_page .s_download .email { margin: 0; width: calc(98% - 31px); font-size:2rem; height: 31px;}
    .invite_page .s_download .download_link .android { background-position: -50px -720px; height: 31px; width: 27px;}
    .invite_page .s_download .download_link .apple { background-position: -50px -757px; height: 31px; width: 26px;}
    .invite_page .s_download .download_link .windows { background-position: -50px -793px; height: 31px; width: 30px;}}
    
.invite_page footer { text-align: center; color: #4b4a4a; background-color:#eee;}
.invite_page footer .footer_content { position: relative;}
.invite_page footer p:first-child { color:#ff2d55;}
.invite_page footer a { text-decoration: none; color: #4b4a4a;}
.invite_page footer h5 a:hover { text-decoration: underline;}

.invite_page footer .left a, .invite_page footer .right a { margin: 0 6px; width: 35px; height: 35px; border-radius: 35px;}
.invite_page footer .lang a { float: left; border: solid 1px #fff;}
.invite_page footer .lang.fr { background-image: url(img/flag_fr_nb.png); background-repeat: no-repeat; background-position: center }
.invite_page footer .lang.fr:hover, .invite_page footer .lang.fr.selected { background-image: url(img/flag_fr.png);}
.invite_page footer .lang.en { background-image: url(img/flag_en_nb.png); background-repeat: no-repeat; background-position: center }
.invite_page footer .lang.en:hover, .invite_page footer .lang.en.selected { background-image: url(img/flag_en.png);}

.invite_page footer .socialwork a { float: right}
.invite_page footer .socialwork .insta { background-position: 0 -640px;}
.invite_page footer .socialwork .in { background-position: 0 -680px;}
.invite_page footer .socialwork .fb { background-position: 0 -563px;}
.invite_page footer .socialwork .tw { background-position: 0 -600px;}


@media only screen and (max-width: 800px) {
    .invite_page header .menu a {margin: 0 5px; }
    .invite_page .s_howwell .howwell_phone img { max-width: 180px; }
    .invite_page .s_howitworks h5 { font-size: 1.4rem; }
    .invite_page footer .circle a { display: inline-block; float: none; margin: 10px 5px}
    .invite_page footer .social_work { position: relative; margin: 20px 0 0 0; display: inline-block;}
}

@media only screen and (max-width: 585px) {
.invite_page .s_happycouples .flex-direction-nav .flex-nav-prev, .invite_page .s_happycouples .flex-direction-nav .flex-nav-next { margin-top: -10px;width: 20px; height: 20px;}
.invite_page .s_happycouples .flex-direction-nav a .bg_ibackground { background-position: -110px -1130px; width: 20px; height: 20px;}
}


/*********************
OFFRE DE STAGE
*********************/
.offres_page section { position: relative; color: #41494c; }
.offres_page section .content { padding: 30px 0; text-align: left;}
.offres_page section .content h3 { margin: 4% 0; color: #ff2d55; }
.offres_page section .content h5 { font-size: 1.5rem;}
.offres_page section .content h4 { font-family: 'proxima_nova_boldbold', Helvetica, Arial, sans-serif; color: #a00323; }

/*********************
TUTO
*********************/
.tuto_dowload header .logo { position: relative;}
.tuto_dowload header a { color: #fff; }
.tuto_dowload header .left, .tuto_dowload header .right {width: 50%; position: absolute; bottom: 20px; }
.tuto_dowload header .left { left: 0; }
.tuto_dowload header .left a:nth-child(1),.tuto_dowload header .left a:nth-child(2) { margin-right: 4% }
.tuto_dowload header .left a { display: table; float: left; width: 50px;}
.tuto_dowload header .left a.active, .tuto_dowload header .left a:hover { border-radius: 50px; height: 50px; width: 50px; background-color: #fff; color: #ff2d55; text-align: center;}
.tuto_dowload header .left .fa { display: table-cell; vertical-align: middle; margin: 0; float: none;}
.tuto_dowload header .right { right: 0; }
.tuto_dowload header .right a:nth-child(2) { margin-right: 8% }
.tuto_dowload header .right a { float: right; display: table;}
.tuto_dowload header .right a.active, .tuto_dowload header .right a:hover { font-family: 'proxima_nova_boldbold', Helvetica, Arial, sans-serif; }
.tuto_dowload header .right span { float: right; color: #fff; font-size: 2rem; margin: 0 2%; line-height: 2.2rem;}

.tuto_dowload menu { text-align: center; margin:0 0 4% 0; display: inline-block; padding: 0;}
.tuto_dowload menu a { padding: 4% 0 2% 0; color: #40494c;  width: calc(100% / 3); margin: 0;}
.tuto_dowload menu a.active, .tuto_dowload menu a:hover { font-family: 'proxima_nova_boldbold', Helvetica, Arial, sans-serif; border-bottom: solid 1px #40494c; }

.tuto_dowload section {  color: #40494c; }
.tuto_dowload .button_download { margin: 6% 0 10% 0;}
.tuto_dowload .button_download .button { text-align: left; width: auto; padding: 2% 3%; line-height: 1; height: auto}
.tuto_dowload .button_download .button i { margin-top: 2%;}
.tuto_dowload .button_download .button h4 { display: inline-block; margin-left: 20px;}
.tuto_dowload .button_download .button h4 span { text-transform: uppercase; font-family: 'proxima_nova_boldbold', Helvetica, Arial, sans-serif; }
.tuto_dowload .button_download a.sub_button { color: #ff2d55; display: block;}
.tuto_dowload .button_download a.sub_button:hover { text-decoration: underline;}
.tuto_dowload .button_download .title { margin-top: 4%;}

.tuto_dowload .s_step { margin: 8% 0;}
.tuto_dowload .step_partvisuel { position: relative;}
.tuto_dowload .step_number { border-radius:50%; width:50px; height:50px; line-height: 50px; background-color: #ff2d55; text-align: center; position: absolute; top: -15px; left: -5px; color: #fff; z-index: 1}
.tuto_dowload .s_step .step_right .step_number { right: -5px; left: auto}
.tuto_dowload .step_image { height: 250px; overflow: hidden; border: solid 1px #c4c4c4;}
.tuto_dowload .step_image.column {padding: 0;}
.tuto_dowload .step_image a { display: block;}
.tuto_dowload .step_image img { background-size: 100% auto;}
.tuto_dowload .section_content { display: table; height: 250px; }
.tuto_dowload .section_content ul { display: table-cell; vertical-align: middle; float: none; max-height: 260px; overflow: hidden;}
.tuto_dowload .step_text { padding: 7%; }
.tuto_dowload  ul.step_text { margin: 0;}
.tuto_dowload .step_text li { margin-bottom: 20px;}
.tuto_dowload .step_text li:last-child { margin-bottom: 0;}

@media only screen and (max-width: 585px) {
	.tuto_dowload header .left, .tuto_dowload header .right { top: 10px; }
    .tuto_dowload header .left a { width: 25px;}
    .tuto_dowload header .left a.active, .tuto_dowload header .left a:hover { border-radius: 25px; height: 25px; width: 25px;}
    .tuto_dowload header .left .fa {font-size: 1.8rem;}
    .tuto_dowload header .right span { line-height: 1.6rem;}
    .tuto_dowload .step_image { height: 143px;}
    .tuto_dowload .section_content { height: auto;}
    .tuto_dowload .step_number { border-radius: 40px; width: 40px; height: 40px; line-height: 40px; }
}

/*form*/
form h2 { margin: 2% 0 1% 0;}
form p b { font-size: 2.5rem; line-height: 2.5rem;}
form #TutorialContent__pnlEN p { margin: 0 5%; }
form p { margin: 0 8%; }
form input[type="checkbox"], form input[type="checkbox"] + label { float: left; margin: 5px 0; padding: 0;}
form input[type="checkbox"] {  min-height: 13px; max-height: 13px; width: 10%; margin-top: 10px; -webkit-appearance:checkbox; text-align: right; padding:0 5px 0 0}
form input[type="checkbox"] + label { text-align: left; line-height: 21px; width: 90%; font-size: 1.5rem }
form textarea { border: solid 1px #bdbfc1; width: 90%; float: right; font-size: 1.5rem; color: #40494c; padding: 2%; margin-top:-3px;}
form input[type="submit"] { background-color: #5750da; width: 60%; padding: 3%; margin: 3% 0;}
@media only screen and (max-width: 585px) {
    form input[type="checkbox"], form input[type="checkbox"] + label { margin: 3px 0; padding: 0;}
    form input[type="checkbox"] + label { line-height: 16px;  font-size: 1.2rem } }



/*********************
VERSION WEB
*********************/
.web_page { background-color: #fff; display: table; width: 100%; height: 100%; text-align: center; padding: 3% 0; max-width: 1200px; margin: auto;}
.web_page .content_web_page { display: table-cell; vertical-align: middle;}
.web_page h4 {        color: #41494c;        margin: 0; font-size: 2.6rem; font-weight:bold   }
.web_page h5 {        color: #999;        margin: 0;   margin:50px 0 5px 0  }
.web_page .bloc_text { color: #fff; display: table; height: 680px;}
.web_page .bloc_text .bloc_text_content { display: table-cell; vertical-align: middle;  }
 .web_page .bloc_text .icons { margin: 10% auto 0; display: block}

.web_page .bloc_text .icons .fa {float: none;}

.web_page .bloc_phone { display: table-cell; vertical-align: middle;}
.web_page .bloc_phone .phone { position: relative; display: inline-block; height: 680px; width: 349px; }
.web_page .bloc_phone img { max-width:none;width:auto }
.web_page .bloc_phone .content_phone { position: absolute; top: 0; left: 0; display: table; height: 680px; width: 349px;}
.web_page .bloc_phone .content_phone .other_page { display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.web_page .bloc_phone .content_phone .other_page iframe { height: 540px; width: 320px; border: 0 none; margin-top: 20px;}


.newsroom ul {font-size: 1.5rem; list-style-type: none; }
.newsroom h1 {margin-top: 20px}
.newsroom h3 {margin-bottom: 10px;margin-top: 20px}
.newsroom a { text-decoration:underline; color:#ff2d55}
.newsroom .name { font-size: 2rem;}

.lovebox .box_links {margin-bottom: 50px }
.lovebox .box_link { border: 1px solid #CAC6C7; margin-bottom: 50px}
.lovebox .box_link:hover { border: 1px solid #ff2D55; }
.lovebox .box_link .top { padding: 10px; font-size:2rem; color: #40494D; font-weight: bold}
.lovebox .box_link .mid { font-size:1.8rem; color:  #CAC6C7; font-weight: normal}
.lovebox .box_link .bot { background-color: #CAC6C7; color: white; text-align: center; font-size:1.5rem; padding: 5px 0}
.lovebox .box_link .bot:hover { background-color: #ff2D55; }
.lovebox .column {padding:0; margin: 0 }
.a_right{ text-align:right}
.lovebox .other_links{margin-bottom: 50px }
.lovebox .other_links a{color:#6AA4E7;text-decoration:none}
.packs {font-size:2rem}




/*********************
PACKS
*********************/
.invite_page .section .s_packs { padding:  0; }
.s_packs { text-align: center; padding:  0; color: #4a4a4a;}
.s_packs .pack_block { background-color: white;margin: 0 0 10% 0; }
.s_packs .pack { text-align: center; padding: 3% 2%; margin: 0;  background-color: #F0F2F3
;font-size: 1.8rem; border-top-left-radius: 5px; border-top-right-radius: 5px}
.s_packs .pack .questions { color: #ff2D55;  text-transform:uppercase;font-size: 1.6rem;font-family: "proxima_nova_boldbold",Helvetica,Arial,sans-serif; font-weight: bold }
.s_packs .pack .title { font-weight:100;font-size: 2.4rem; font-weight: bold }
.s_packs .pack .image img{ width: 140px; }
.s_packs .pack .name { color: #ff2D55;font-size: 1.5rem;}
.s_packs .pack .name a{ color: #ff2D55; text-decoration: none}
.s_packs .pack .position {font-size: 1.5rem; font-weight: bold }
.s_packs .pack .description {font-size: 1.5rem;  }
.s_packs .price { text-align: center; padding: 3% 0 ;   background-color: #fff; border: 1px solid  #ff2D55; font-size: 2.4rem; width: 100%;  border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}
.s_packs .price span{ color: #ff2D55; text-decoration: none}
.s_packs .price:hover{ color: white; background-color: #ff2D55;text-decoration: none; cursor: pointer}
.s_packs .price:hover span{ color: white; background-color: #ff2D55;text-decoration: none}




/*********************
TERMS OF CONDITIONS
*********************/
.terms_page section { position: relative; color: #41494c; }
.terms_page section .content { padding: 30px 0; text-align: left;}
.terms_page section .content  p{ padding: 2% 0; text-align: left; margin: 0}
.terms_page section .content h3 { margin: 4% 0; color: #ff2d55; text-align:center }
.terms_page section .content h5 { font-size: 1.5rem; font-weight: bold; text-decoration:underline; padding: 3% 0 2% 0}
.terms_page section .content h4 { font-family: 'proxima_nova_boldbold', Helvetica, Arial, sans-serif; color: #a00323; padding: 4% 0 3% 0 }




div.fadeMe {background: rgba(0, 0, 0, 0.5);height: 100%;left: 0;opacity: 1;position: fixed;top: 0;width: 100%;z-index: 10;display: table;font-size: 1.5rem;}
.fadeMe_content {background-color: rgb(255, 255, 255);width: 600px;position: absolute;text-align: center;padding: 100px 50px;margin: -300px;opacity: 1;display: table-cell;vertical-align: middle;top: 50%;left:50%;}
.fadeMe_content a {color: #ff2d55;}
.fadeMe .button {width: 30%;margin: 5% 10%;padding: 10px; font-size: 2rem;  }
.fadeMe .button.yes {background-color: #ff2d55;color: #fff;float: left}
.fadeMe .button.no {background-color: #f0f2f3;color: #4a4a4a;float: right;}

.levels .img {width: 264px}