@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/Roboto-Regular.ttf");
}
@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	src: url("fonts/Roboto-Bold.ttf");
}
@font-face {
	font-family: Roboto;
	font-style: italic;
	font-weight: normal;
	src: url("fonts/Roboto-Italic.ttf");
}
@font-face {
	font-family: Roboto-Light;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/Roboto-Light.ttf");
}
@font-face {
	font-family: Roboto-Light;
	font-style: normal;
	font-weight: bold;
	src: url("fonts/Roboto-Medium.ttf");
}
@font-face {
	font-family: Roboto-Light;
	font-style: italic;
	font-weight: normal;
	src: url("fonts/Roboto-LightItalic.ttf");
}
@font-face {
	font-family: OpenSans;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/OpenSans-Regular.ttf");
}
@font-face {
	font-family: OpenSans;
	font-style: normal;
	font-weight: bold;
	src: url("fonts/OpenSans-Semibold.ttf");
}
@font-face {
	font-family: OpenSansSemiBold;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/OpenSans-Semibold.ttf");
}
@font-face {
	font-family: odstemplik;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/odstemplik.ttf");
}
@font-face {
	font-family: Nunito;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/Nunito-Regular.ttf");
}
@font-face {
	font-family: Nunito-ExtraBold;
	font-style: normal;
	font-weight: bold;
	src: url("fonts/Nunito-ExtraBold.ttf");
}
@font-face {
	font-family: Avenir;
	font-style: normal;
	font-weight: normal;
	src: url("fonts/AvenirNextLTPro-Regular.otf");
}

* {
	box-sizing: border-box;
}
#div_IDENT_TOP, #div_OUT_TOP {
	background-color: #001228;
	min-height: 85px;
}
.cl_OUT_TOP {
	background-color: #001228;
	color: #FFFFFF;
	max-width: 1300px;
	margin: auto;
	padding: 0 31px;
	text-align: right;
	height: 85px;
}
.cl_out_top_logo {
	float: left;
	margin-top: 20px;
	height: 42px;
}
.cl_out_top_elt {
	display: inline-block;
	padding: 0 0 0 50px;
	line-height: 85px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	font-family: Roboto,Arial;}
.cl_select_language {
	font-weight: normal;
	background-image: url("www/icon_select.svg");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 25px;
}
#div_IDENT_FRAME {
	background-color: #FFFFFF;
	color: #4A4A4A;
	font-family: Roboto,Arial;}
.cl_ident_zone_1 input.cl_ident_address, .cl_ident_zone_1 .cl_ident_pwd, .cl_ident_zone_1 .cl_input_pwd {
	width: 100%;
	background-color: #FFF;
	letter-spacing: 2px;
}
.cl_ident_zone_1 .cl_input_pwd .cl_input {
	background-color: #FFF;
}
.cl_ident_button {
	color: #000000;
	background-color: #19D3B3;
	border-radius: 22px;
	height: 43px;
	line-height: 43px;
	border: 0 none;
	margin: 30px 0;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 0 30px;
	cursor: pointer;
}
#div_IDENT_FRAME .cl_ident_button {
	width: 100%;
}
.cl_ident_ident_cookie {
	width: 50%;
	display: inline-block;
	font-size: 13px;
}
.cl_ident_auth_cookie {
	width: 50%;
	text-align: right;
	display: inline-block;
	font-size: 13px;
}
.cl_ident_pwd_forget {
	margin-top: 30px;
	margin-bottom: 15px;
	color: #19D3B3;
	display: block;
}
.cl_auth_skin_min, .cl_auth_skin_max {
	text-align: center;
	margin-bottom: 10px;
}
.cl_app_download {
	display: block;
	color: #FD354E;
}
#div_OUT_FRAME {
	background-color: #F5F5F5;
	color: #4A4A4A;
	padding: 75px 0px;
}
#div_OUT_FRAME_ {
	max-width: 920px;
	margin: auto;
	padding: 75px;
	background-color: #FFFFFF;
}
.cl_out_page_exit #div_OUT_FRAME_ {
	max-width: 1300px;
}
.cl_out_page_ecard #div_OUT_FRAME_ {
	max-width: 1120px;
}
#div_PRES_FRAME {
	font-family: Roboto,Arial;
}
#div_IDENT_BOTTOM, #div_OUT_BOTTOM, #div_PRES_BOTTOM {
	background-color: #000000;
	color: #FFFFFF;
}
.cl_OUT_BOTTOM {
	max-width: 1300px;
	margin: auto;
	columns: 3 215px;
	column-rule: 0 none;
	column-gap: 0;
	text-align: center;
}
.cl_out_bottom_elt {
	display: block;
	break-inside: avoid;
	padding: 40px 40px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}
.cl_out_bottom_label {
	display: block;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	margin: 5px 0;
	font-family: Roboto,Arial;}
.cl_out_social {
	display: inline-block;
	vertical-align: middle;
	padding-right: 12px;
	margin-left: -2px;
}

#div_IDENT_PHOTO {
	background: linear-gradient(230deg,rgba(28,234,199,.2) 3%,rgba(28,234,199,.04) 15%,rgba(28,234,199,0) 27%);
	background-color: #001228;
	padding: 0px;
	min-height: 650px;
	padding-top: 115px;
}
@-webkit-keyframes mask {
	from {opacity: 0}
	to {opacity: 1}
}
@keyframes mask {
	from {opacity: 0}
	to {opacity: 1}
}
.cl_ident_zone {
	font-size: 15px;
	color: #707070;
	margin: auto;
	background-color: #FFF;
	padding: 35px 45px 20px 45px;
}
.cl_ident_zone {
	width: 452px;
}
.cl_ident_title {
	font-size: 25px;
	letter-spacing: 1px;
	font-weight: bold;
}
.cl_ident_subtitle {
	font-size: 14px;
	padding-bottom: 20px;
}
.cl_ident_zone_1 input.cl_ident_address, .cl_ident_zone_1 .cl_ident_pwd, .cl_ident_zone_1 .cl_input_pwd {
	border: 0 none;
	height: 45px;
}
.cl_ident_zone_1 .cl_input_pwd span {
	height: 45px;
}
.cl_ident_zone_1 input.cl_ident_address {
	color: #19D3B3;
	border-bottom: 1px solid #19D3B3;
}
input[type="email"].cl_ident_address::placeholder {
	color: #19D3B3;
}
input[type="email"].cl_ident_address:-ms-input-placeholder {
	color: #19D3B3;
}
input[type="email"].cl_ident_address::-ms-input-placeholder {
	color: #19D3B3;
}
.cl_ident_zone_1 .cl_input_pwd {
	border-bottom: 1px solid #D8D8D8;
}
.cl_ident_zone_1 .cl_ident_pwd > input[type=password] {
	width: 100%;
	height: 45px;
	border: 0 none;
	border-bottom: 1px solid #D8D8D8;
}

.cl_create_title {
	font-weight: bold;
	font-size: 16px;
	color: #4A4A4A;
	margin-top: 20px;
}
.cl_create_help {
	font-size: 13px;
	line-height: 18px;
	background-color: #FFE6E9;
	color: #555555;
	padding: 10px 20px;
	border-radius: 20px;
	margin-bottom: 5px;
}
#div_OUT_FRAME .cl_create_button {
	background-color: #19D3B3;
	color: #000000;
}

.cl_PRES_ {
	max-width: 1300px;
	margin: auto;
	padding: 0 64px 0 128px;
}
.cl_PRES_col_1 {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 0 64px 0 0;
}
.cl_PRES_col_2 {
	width: 50%;
	min-width: 425px;
	display: inline-block;
	vertical-align: top;
	padding: 0 64px 0 0;
}
.cl_PRES_1 {
	background-color: #FAFAFA;
	min-height: 580px;
	padding-bottom: 20px;
}
.cl_PRES_1_title {
	font-size: 36px;
	font-weight: bold;
	padding-top: 103px;
	display: block;
}
.cl_PRES_1_text {
	font-size: 20px;
	line-height: 28px;
	padding-top: 18px;
	display: block;
}
.cl_PRES_button_sign_up, .cl_PRESPRO_button_sign_up {
	margin-top: 30px;
	font-size: 15px;
	font-weight: bold;
	width: 158px;
	height: 45px;
	line-height: 45px;
	background-color: #FD354E;
	border-radius: 22px;
	color: #FFF;
	display: block;
	text-align: center;
}
.cl_PRES_img {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 100%;
	height: 470px;
}
.cl_PRES_1_img {
	background-image: url("presentation/service/presentation_1.svg");
	margin-top: 50px;
}
.cl_PRES_2 {
	background-color: #F5F5F5;
	min-height: 380px;
	padding-bottom: 20px;
}
.cl_PRES_2a_title {
	font-size: 22px;
	padding: 38px 0;
	display: block;
}
.cl_PRES_3cols_col {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	height: 230px;
	background-repeat: no-repeat;
	background-position: left center;
}
.cl_PRES_2_col_text {
	width: 230px;
	text-align: left;
}
.cl_PRES_3cols_title {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	display: block;
	padding: 48px 10px 10px;
}
.cl_PRES_3cols_text {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	padding: 0 30px;
	text-align: center;
}
.cl_PRES_2_col1 {
	background-image: url("presentation/service/star_junior.svg");
}
.cl_PRES_2_col2 {
	background-image: url("presentation/service/star_pro.svg");
}
.cl_PRES_2_col3 {
	background-image: url("presentation/service/star_edu.svg");
}
.cl_PRES_2a_text {
	font-size: 17px;
	display: block;
}
.cl_PRES_2b {
	margin: 50px 0 50px 35px;
	display: block;
	text-align: center;
}
.cl_PRES_2b_star {
	background-image: url("presentation/service/star_151x151.svg");
	background-position: center;
	background-repeat: no-repeat;
	color: #FFF;
	display: inline-block;
	font-size: 15px;
	height: 151px;
	width: 151px;
	vertical-align: middle;
	padding-top: 47px;
	text-align: center;
}
.cl_PRES_2b_title {
	font-size: 22px;
	font-weight: bold;
	display: block;
	vertical-align: middle;
}
.cl_PRES_2b_text {
	font-size: 17px;
	display: inline-block;
	margin: 20px 0 20px 20px;
	max-width: 200px;
	vertical-align: middle;
	text-align: left;
}
.cl_PRES_2b_santa {
	background-image: url("presentation/service/star_santa_text.svg");
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 151px;
	width: 151px;
}
.cl_PRES_button_more {
	margin-top: 30px;
	font-size: 15px;
	font-weight: bold;
	padding: 0 10px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #D8D8D8;
	border-radius: 22px;
	display: inline-block;
	text-align: center;
}
.cl_PRES_3 {
	background-color: #FAFAFA;
	min-height: 470px;
}
.cl_PRES_3_title {
	font-size: 32px;
	padding-top: 65px;
	display: block;
}
.cl_PRES_3_text {
	font-size: 20px;
	line-height: 28px;
	padding-top: 18px;
	display: block;
}
.cl_PRES_3_img {
	background-image: url("presentation/service/presentation_2.svg");
}
.cl_PRES_4 {
	background-color: #F5F5F5;
	min-height: 1060px;
}
.cl_PRES_4_title {
	font-size: 32px;
	padding-top: 65px;
	display: block;
}
.cl_PRES_4_text {
	font-size: 20px;
	line-height: 28px;
	padding-top: 18px;
	display: block;
}
.cl_PRES_4_img {
	background-image: url("presentation/service/presentation_3.svg");
}
.cl_PRES_4_next {
	border-top: 1px solid #D8D8D8;
	vertical-align: top;
	text-align: center;
	columns: 2 500px;
	column-gap: 10px;
}
.cl_PRES_4_next .cl_PRES_col {
	display: block;
	vertical-align: top;
}
.cl_PRES_4_tab {
	border: 1px solid #D8D8D8;
	border-radius: 4px;
	padding: 36px;
	max-width: 370px;
	display: inline-block;
	margin: 50px;
	min-height: 482px;
	vertical-align: top;
	text-align: left;
}
.cl_PRES_4_tab_title {
	font-size: 22px;
	font-weight: bold;
	display: block;
	text-align: center;
}
.cl_PRES_4_tab_sub {
	font-size: 20px;
	color: #FD354E;
	text-align: center;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #D8D8D8;
}
.cl_PRES_4_tab ul {
	padding-top: 20px;
}
.cl_PRES_4_tab li {
	list-style-position: inside;
	list-style-image: url("presentation/service/icon_check_features.svg");
	padding: 5px 0;
	line-height: 30px;
	font-size: 15px;
}
.cl_PRES_4_button {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
}
.cl_PRES_5 {
	background-color: #FAFAFA;
	min-height: 470px;
}
.cl_PRES_5_title {
	font-size: 32px;
	padding-top: 65px;
	display: block;
}
.cl_PRES_5_text {
	font-size: 20px;
	line-height: 28px;
	padding-top: 18px;
	display: block;
}
.cl_PRES_5_img {
	background-image: url("presentation/service/presentation_4.svg");
}
.cl_PRES_6 {
	background-color: #F5F5F5;
	min-height: 470px;
}
.cl_PRES_6_title {
	font-size: 32px;
	padding-top: 65px;
	display: block;
}
.cl_PRES_6_text {
	font-size: 20px;
	line-height: 28px;
	padding-top: 18px;
	display: block;
}
.cl_PRES_6_img {
	background-image: url("presentation/service/presentation_5.svg");
}
.cl_PRES_7 {
	background-color: #FAFAFA;
	min-height: 212px;
	padding-bottom: 30px;
	text-align: center;
}
.cl_PRES_7a {
	font-size: 20px;
	padding-top: 38px;
	display: block;
}
.cl_store_apple {
	background-image: url("logos/store_apple.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 155px;
	height: 40px;
	display: inline-block;
	color: #FFF;
	margin: 20px 20px 0;
	padding: 5px 0 0 0px;
	font-size: 9px;
	font-family: Arial;
	vertical-align: middle;
}
.cl_store_google {
	background-image: url("logos/store_google.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 155px;
	height: 60px;
	display: inline-block;
	color: #FFF;
	margin: 20px 20px 0;
	padding: 12px 0 0 50px;
	font-size: 9px;
	font-family: Arial;
	vertical-align: middle;
}
.cl_PRES_7b {
	font-size: 17px;
	padding-top: 38px;
	display: inline-block;
	text-align: center;
}
.cl_french_tech, .cl_privacy_tech, .cl_afnic {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 130px;
	width: 130px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
}
.cl_PRES_7 .cl_PRES_col_2 {
	text-align: right;
	padding-right: 0px;
}
.cl_french_tech {
	background-image: url("logos/mailo_frenchtech.svg");
	width: 220px;
}
.cl_privacy_tech {
	background-image: url("logos/privacytech.png");
	height: 100px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.cl_afnic {
	background-image: url("logos/afnic.png");
	height: 100px;
	margin-right: 20px;
}
.cl_PRES_7b_text {
	vertical-align: middle;
	max-width: 180px;
	padding-left: 20px;
	text-align: left;
	display: inline-block;
}
.cl_PRESPRO_1 {
	background-color: #EFEFEF;
	min-height: 580px;
}
.cl_PRESPRO_1_img {
	background-image: url("presentation/pro/pres_pro_1.svg");
	margin-top: 50px;
}
.cl_PRESPRO_1_title, .cl_PRESBZH_title {
	font-size: 36px;
	font-weight: bold;
	display: block;
}
.cl_PRESPRO_1_title {
	padding-top: 103px;
}
.cl_PRESPRO_2 {
	background-color: #FFFFFF;
	min-height: 440px;
}
.cl_PRESPRO_2_title {
	font-size: 28px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
.cl_PRESPRO_col_title {
	margin: auto;
	max-width: 200px;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	padding: 30px 0;
}
.cl_PRES_4col {
	width: calc(25% - 20px);
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}
.cl_PRES_4col img {
	display: block;
	margin: 0 auto;
	height: 150px;
}
.cl_PRES_6cols {
	text-align: center;
}
.cl_PRES_6col {
	width: calc(16% - 16px);
	margin: 8px;
	display: inline-block;
	vertical-align: top;
}
.cl_PRES_6col img {
	display: block;
	margin: 0 auto;
}
.cl_PRESPRO_2 .cl_PRES_6col .cl_PRES_6col_img, .cl_PRESBZH_3 .cl_PRES_6col .cl_PRES_6col_img {
	height: 80px;
	background-repeat: no-repeat;
	background-position: center
}
.cl_PRES_3cols {
	text-align: center;
}
.cl_PRES_3col {
	width: calc(33% - 20px);
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}
.cl_PRES_3col img {
	display: block;
	margin: 20px auto 0;
	height: 150px;
}
.cl_PRESPRO_3 {
}
.cl_PRESPRO_3 .cl_PRES_col_1, .cl_PRESPRO_3 .cl_PRES_col_2, .cl_PRESPRO_4 .cl_PRES_col_1, .cl_PRESPRO_4 .cl_PRES_col_2 {
	background-repeat: no-repeat;
	background-position: center 30px;
	min-height: 500px;
	padding: 280px 20px 50px 20px;
}
.cl_PRES_block {
	max-width: 470px;
	margin: auto;
}
.cl_PRESPRO_3 .cl_PRES_col_1 {
	background-color: #FFFFFF;
	background-image: url("presentation/pro/pres_pro_6.svg");
	background-position-y: 46px;
}
.cl_PRESPRO_3 .cl_PRES_col_2 {
	background-color: #008285;
	color: #FFFFFF;
	background-image: url("presentation/pro/pres_pro_7.svg");
	background-position-y: 71px;
}
.cl_PRESPRO_4 .cl_PRES_col_1 {
	background-color: #B6E1E4;
	background-image: url("presentation/pro/pres_pro_9.svg");
	background-position-y: 83px;
}
.cl_PRESPRO_4 .cl_PRES_col_2 {
	background-color: #EFEFEF;
	background-image: url("presentation/pro/pres_pro_8.svg");
	background-position-y: 30px;
}
.cl_PRESPRO_4bis {
	background-color: #B6E1E4;
	padding: 30px 0 60px;
}
.cl_PRESPRO_5 {
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.cl_PRESPRO_6 {
	background-color: #FFFFFF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.cl_PRESPRO_packs {
	padding: 30px 0;
}
.cl_PRESPRO_packs div {
	width: calc(33% - 33px);
	padding: 12px;
	margin-left: 50px;
	display: inline-block;
	border: 2px #008285 solid;
	border-radius: 6px;
	background-color: #FAFAFA;
	vertical-align: top;
}
.cl_PRESPRO_packs div:first-of-type {
	margin-left: 0px;
}
.cl_PRESPRO_pack_title {
	color: #008285;
	font-size: 20px;
	font-weight: bold;
}
.cl_PRESPRO_pack_text {
	font-size: 16px;
}
.cl_PRESPRO_pack_subtext {
	font-size: 14px;
	line-height: 25px;
}
.cl_PRESPRO_pack_note {
	display: inline-block;
	width: 100%;
	padding-top: 12px;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
}
.cl_PRESPRO_pack_hr {
	color: #008285;
	margin: 16px 0;
	border-bottom: 0px none;
}
.cl_PRESPRO_pack_price {
	color: #008285;
	font-weight: bold;
}
.cl_PRESPRO_link {
	display: block;
	text-align: right;
	font-size: 15px;
	line-height: 130%;
}
.cl_PRESPRO_7 {
	background-color: #EFEFEF;
	padding-bottom: 40px;
}
.cl_PRESPRO_7_title {
	padding-top: 40px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 24px;
}
.cl_PRESPRO_7 .cl_PRESPRO_col_title {
	font-weight: bold;
	padding-bottom: 10px;
}
.cl_PRESPRO_8 {
	background-color: #B6E1E4;
	padding-bottom: 40px;
}
.cl_PRESPRO_8_title {
	padding-top: 40px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 24px;
}
.cl_PRESPRO_button_sign_up {
	width: 240px;
	display: inline-block;
}
.cl_PRESPRO_button_link {
	margin-top: 30px;
	margin-left: 30px;
	padding: 0 20px;
	font-size: 15px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	background-color: transparent;
	color: #434343;
	border-radius: 22px;
	border: 1px #434343 solid;
	text-align: center;
	display: inline-block;
}
.cl_PRESPRO_button_link:hover {
	color: unset;
}
.cl_PRES_title {
	font-size: 28px;
	font-weight: bold;
	display: block;
}
.cl_PRES_text {
	font-size: 18px;
	line-height: 130%;
}
.cl_PRES_text li {
	list-style-position: inside;
}
#div_WWW_FRAME {
	background-color: #001228;
	color: #FFFFFF;
}
#div_WWW_MAIN {
	max-width: 1300px;
	margin: auto;
	font-family: Roboto,Arial;}
.cl_WWW_MENUS {
	background-color: #19D3B3;
	color: #000000;
	letter-spacing: 1px;
	width: 260px;
	padding-left: 24px;
	padding-bottom: 30px;
}
#id_menu_bar .cl_WWW_MENUS {
	width: 100%;
}
#div_WWW #id_menu_click {
	float: left;
}
#div_WWW #id_menu_barl {
	width: 0px;
}
#div_WWW #id_menu_barm {
	left: 0px;
}
@media only screen and (min-width: 599px) {
#div_WWW #id_menu_click {
	position: relative;
	top: 18px;
	left: -10px;
}
}
.cl_td_part_www_menu {
	background-color: #19D3B3;
}
.cl_WWW_menu_level_1 {
	padding: 30px 0 10px 10px;
	font-weight: bold;
	font-size: 14px;
}
.cl_WWW_menu_level_2 {
	padding: 4px 15px 3px 26px;
	font-size: 13px;
}
.cl_WWW_menu_level_3 {
	padding: 2px 15px 3px 44px;
	font-size: 11px;
}
.cl_WWW_menu_active {
	text-decoration: underline;
}
.cl_WWW_menu_more {
	background-image: url("www/www_menu_more.svg");
	background-position: center;
	float: right;
	color: transparent;
	width: 15px;
}
.cl_td_part_www_contents {
	width: 100%;
}
#div_WWW_CONTENTS {
	padding: 30px 100px;
	font-size: 13px;
}
#div_WWW_CONTENTS h2 {
	font-size: 15px;
}
#div_WWW_IN .cl_www_help_button {
	font-family: Arial;
	color: #000000;
	background-color: #FFFFFF;
}
#div_WWW_IN .cl_www_help_button:hover {
	color: #000000;
	background-color: #19D3B3;
}
#div_WWW_IN {
	padding: 30px 0;
}
.cl_WWW_nav_prev, .cl_WWW_nav_next {
	font-size: 15px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	border: 1px solid #D8D8D8;
	border-radius: 22px;
	display: inline-block;
	text-align: center;
	background-repeat: no-repeat;
	white-space: nowrap;
}
.cl_WWW_nav_prev {
	background-image: url("www/www_nav_prev.svg");
	background-position: 13px center;
	padding: 0 30px 0 45px;
}
.cl_WWW_nav_next {
	background-image: url("www/www_nav_next.svg");
	background-position: calc(100% - 13px) center;
	padding: 0 45px 0 30px;
}
.cl_WWW_TABS {
	font-weight: bold;
	padding: 20px 0 10px;
	border-bottom: 1px solid #D8D8D8;
}
#div_OUT_PROMO {
	margin: 15px 0 0 15px;
	padding: 20px;
	width: 225px;
	height: 356px;
	background-color: #F5F5F5;
	color: #4A4A4A;
}
.cl_out_promo_title {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.cl_out_promo_subtitle, .cl_out_promo_text {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}
.cl_out_promo_subtitle {
	padding: 10px 15px 0px;
}
.cl_out_promo_text {
	padding: 25px 0px 0px 0px;
}
.cl_out_promo_ul {
	padding: 15px 0px;
	padding-left: 15px;
}
.cl_out_promo_create {
	font-size: 11px;
	border: 1px solid #4A4A4A;
	border-radius: 22px;
	text-align: center;
	line-height: 35px;
	margin-top: 22px;
}

@media only screen and (max-width: 1300px) {
.cl_PRES_ {
	padding: 0 32px 0 64px;
}
.cl_PRES_col_1, .cl_PRES_col_2 {
	padding: 0 32px 0 0;
}
}

@media only screen and (max-width: 960px) {
.cl_PRES_col_1, .cl_PRES_col_2 {
	width: 100%;
	min-width: 0;
}
.cl_PRES_1_img, .cl_PRESPRO_1_img, .cl_PRESBZH_1_img {
	margin-top: 0;
}
.cl_PRES_2b {
	margin-left: 0;
}
#div_WWW_CONTENTS {
	padding-left: 40px;
	padding-right: 40px;
}
.cl_PRES_7 .cl_PRES_col_2 {
	text-align: center;
	padding-right: 32px;
}
}

@media only screen and (max-width: 599px) {
.cl_WWW_MENUS {
	padding-left: 5px;
	padding-left: 5px;
}
#div_WWW_CONTENTS {
	padding-left: 15px;
	padding-right: 20px;
}
}
@media only screen and (max-width: 599px) {
#div_IDENT_TOP, #div_OUT_TOP {
	min-height: 50px;
}
.cl_OUT_TOP {
	padding: 0 10px;
}
.cl_out_top_logo {
	margin-top: 7px;
}
.cl_out_top_elt {
	line-height: 50px;
	padding: 0 0 0 20px;
}
.cl_select_language {
	color: transparent;
	display: block;
	padding: 0;
	width: 25px;
}
#div_IDENT_PHOTO {
	background-image: none;
	padding: 0;
	min-height: 0;
}
.cl_ident_zone {
	padding: 20px;
}
.cl_PRES_ {
	padding: 0 20px;
}
.cl_PRES_col_1, .cl_PRES_col_2 {
	padding: 0;
}
.cl_PRES_img {
	height: 400px;
}
.cl_PRES_1_title {
	padding-top: 50px;
}
.cl_PRES_2b {
	margin-left: 0;
}
.cl_PRES_4_tab {
	padding: 20px;
	margin: 30px 10px;
}
.cl_OUT_BOTTOM {
	padding: 10px 0;
	columns: 2 215px;
}
.cl_out_bottom_elt {
	display: block;
	text-align: center;
	padding: 10px 0;
	width: auto;
	break-inside: avoid;
}
.cl_out_bottom_label {
	margin: 10px 0;
}
#div_OUT_FRAME_ {
	padding: 10px;
}
.cl_PRES_4col {
	width: calc(50% - 20px);
}
.cl_PRES_4col img {
	height: 100px;
}
.cl_PRESPRO_1_title, .cl_PRESBZH_title {
	padding-top: 30px;
}
.cl_PRESPRO_button_link {
	margin-left: 0px;
	width: 100%;
}
}
@media only screen and (max-width: 930px) {
.cl_PRES_2a_title {
	padding-bottom: 30px;
}
.cl_PRES_3cols_col {
	display: block;
	width: 100%;
	background-size: contain;
	padding: 10px 0;
	margin-bottom: 40px;
	height: unset;
}
.cl_PRES_3cols_title {
	padding: 5px 0;
	text-align: left;
}
.cl_PRES_3cols_text {
	text-align: left;
	padding: 5px 0;
}
.cl_PRES_2_col_text {
	width: calc(100% - 125px);
}
.cl_PRES_2_col1 {
	background-image: url("presentation/service/nostar_junior.svg");
	background-position: right center;
}
.cl_PRES_2_col2 {
	background-image: url("presentation/service/nostar_pro.svg");
	background-position: left center;
	padding-left: 125px;
}
.cl_PRES_2_col2 .cl_PRES_2_col_text {
	text-align: right;
	width: 100%;
}
.cl_PRES_2_col2 .cl_PRES_3cols_title, .cl_PRES_2_col2 .cl_PRES_3cols_text {
	text-align: right;
}
.cl_PRES_2_col3 {
	background-image: url("presentation/service/nostar_edu.svg");
	background-position: right center;
	margin-bottom: 30px;
}
.cl_PRES_6col {
	width: calc(33% - 16px);
}
.cl_PRES_6col img {
	height: 100px;
}
.cl_PRESPRO_2 {
	padding-bottom: 30px;
}
.cl_PRESPRO_packs>div {
	width: 100%;
	display: block;
	margin: 0px 0px 20px;
	border: 1px #008285 solid;
}
.cl_PRESPRO_pack_hr {
	margin: 4px 0;
	border: 0px none;
}
.cl_PRESPRO_pack_note {
	text-align: left;
}
.cl_PRES_3col {
	width: 100%;
}
.cl_PRES_3col img {
	height: 100px;
}
.cl_PRESPRO_7 .cl_PRESPRO_col_title {
	max-width: 100%;
}
}
@media only screen and (max-width: 450px) {
#div_IDENT_FRAME {
	padding: 0 3px;
}
.cl_OUT_TOP {
	background-position: left center;
}
.cl_out_top_elt {
	padding: 0;
}
#id_sign_in {
	display: none;
}
.cl_ident_zone {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.cl_ident_ident_cookie, .cl_ident_auth_cookie {
	width: 100%;
	text-align: left;
}
.cl_ident_pwd_forget, .cl_app_download {
	text-align: center;
}
.cl_PRES_img {
	width: 100%;
	height: 300px;
}
.cl_PRES_1_title {
	font-size: 32px;
}
.cl_PRES_3_title, .cl_PRES_4_title, .cl_PRES_5_title, .cl_PRES_6_title {
	font-size: 30px;
}
.cl_PRES_1_text, .cl_PRES_2a_text, .cl_PRES_3_text, .cl_PRES_4_text, .cl_PRES_5_text, .cl_PRES_6_text {
	font-size: 16px;
}
.cl_PRES_2a_text {
	line-height: 22px;
}
.cl_PRES_button_sign_up, .cl_PRESPRO_button_sign_up, .cl_PRES_button_more {
	width: 100%;
}
.cl_PRES_7 {
	text-align: center;
}
.cl_store_apple {
	padding-left: 0px;
}
}
@media only screen and (max-height: 650px) {
#div_IDENT_PHOTO {
	background-image: none;
	padding: 0;
	min-height: 0;
}
}
.cl_mail_ecard_title {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.cl_mail_ecard_subject {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}
.cl_ecard_view {
	width: 730px;
}

@media only screen and (max-width: 960px) {
.cl_PRES_img {
	padding-bottom: 20px;
	max-width: 520px;
}
.cl_PRES_col_2 {
	padding-top: 20px;
}
.cl_create_universe_text {
	width: 100%;
}
.cl_create_universe_img {
	display: none;
}

}