@charset "UTF-8";
a, body, div, h1, h2, h3, html, li, p, span, ul {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif
}
.inblock {
	display: inline-block;
	vertical-align: top
}
.clear {
	clear: both
}
html {
	height: 100%
}
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-size: cover
}
img {
	cursor: pointer
}
.mythumb {
	float: left
}
.full-width {
	background-color: #fff
}
.full-width-form {
	background: url(../img/bg-1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	clear: both;
	display: block;
	margin: auto;
	padding: 15px 0 20px;
	width: 100%;
	height: auto
}
.wrap {
	max-width: 1000px;
	margin: auto;
	clear: both;
	display: block
}
#headerdiv {
	max-width: 1000px;
	margin: auto;
	clear: both;
	padding: 0 20px 20px
}
#header {
	clear: both;
	display: table;
	margin: auto;
	min-height: 100px;
	width: 100%
}
#logo {
	padding-top: 22px;
	float: left
}
#logo img {
	max-width: 300px;
	height: auto
}
#slogan {
	display: inline-block;
	clear: both
}
#slogan h1 {
	color: #355F66;
	font-size: 22px;
	margin: 35px 0 0;
	width: 545px;
	text-align: center
}
#loginblock {
	float: right;
	margin-top: 30px
}
#login {
	min-width: 132px;
	height: 38px;
	background-color: #355F66;
	float: right;
	padding: 0 8px;
	position: relative;
	cursor: pointer
}
#login p {
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 0;
	font-weight: lighter
}
#mylogin, #myloginpass {
	display: block;
	clear: both
}
#login-form {
	float: right;
	background-color: #084049;
	display: none;
	height: 18px;
	padding: 10px;
	margin: 0 5px;
	top: 0;
	width: 335px;
	z-index: 100
}
#slogan2 {
	width: 100%;
	min-height: 75px;
	border: 2px solid #2ab1e0;
	background-color: #084049;
	margin-top: 30px;
	clear: both
}
#slogan2 a, a:active, a:hover {
	color:#FFF;
}
#slogan2 h2 {
	font-size: 27px;
	color: #fff;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	padding: 15px
}
#trans-bg {
	width: 100%;
	background: url(../img/pix.png) repeat;
	margin-top: 20px;
	height: 100%;
	display: table;
	clear: both
}
.main-pic {
	float: left;
	min-width: 180px;
	margin-right: 10px
}
#form {
	display: table;
	margin-bottom: 25px
}
#formtitle {
	color: #2C2A2A;
	display: block;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	width: 100%;
	min-height: 25px;
	background-color: #FFF;
	padding-top: 10px
}
#deskform {
	display: block;
	visibility: visible;
	padding: 15px;
	background-color: #FFF
}
#mobiform, #mobiformdesc {
	display: none;
	visibility: hidden
}
#ez-register-form div.errors {
	color: #F00!important
}
#ez-register-form dt {
	font-weight: 700!important;
	color: #fff!important;
	text-shadow: 1px 1px #333
}
.myshadow {
	width: 100%;
	margin: auto;
	display: table;
	clear: both
}
#advertising-element, #webcam-element {
	color: #666!important
}
#ez-register-form-submit, #ez-register-form-submit2, .gobutton {
	width: 380px;
	min-height: 60px;
	border-radius: 7px;
	background-color: #2ab1e0;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,.43);
	border: solid 3px #2AB1E0;
	color: #fff;
	clear: both
}
.gobutton {
	display: table;
	min-height: 110px;
	text-align: center;
	margin: auto;
	font-size: 25px;
	cursor: pointer
}
#ez-register-form button span.middle {
	font-size: 25px!important
}
#features {
	clear: both;
	display: table;
	height: auto;
	text-align: center;
	width: 100%;
	padding-bottom: 20px
}
#dark-bg-1 {
	background: url(../img/dark-bg.png) no-repeat;
	box-shadow: 0 5px 8px 0 #111;
	height: 94px;
	margin-bottom: 20px;
	margin-right: 15px;
	padding: 10px 30px;
	text-align: left;
	width: 430px;
}
#dark-bg-2 {
	width: 470px;
	background: url(../img/dark-bg.png) no-repeat;
	padding: 10px;
	height: 94px;
	box-shadow: 0 5px 8px 0 #111;
	text-align: left
}
.security {
	float: right;
	margin: 6px 10px 0 0
}
#dark-bg-1 p, #dark-bg-2 p {
	margin: 5px 0;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-shadow: 0 2px 0 rgba(6,6,6,.31)
}
.rings {
	float: right
}
p.check img {
	vertical-align: middle;
	margin-right: 10px
}
#percent {
	margin-left: 20px
}
.shadow {
	margin: 0;
	width: 220px;
	color: #394a5c;
	font-size: 23px
}
.shadow img {
	float: right;
	margin: -63px 20px 0 0
}
.clinioshadow {
	border : 3px solid red;
}
.shadow strong {
	font-size: 62px;
	line-height: 62px
}
.grey {
	background-color: #E8E7E7;
	clear: both;
	display: block;
	padding: 0 0 40px;
	width: 100%
}
.graygrid {
	width: 100%;
	background-color: #e8e7e7;
	margin: 0 auto;
	padding: 0 0 40px;
	display: table;
	clear: both;
	height: auto;
}
#medias {
	margin: auto auto 45px;
	max-width: 1000px;
	display: block;
	clear: both
}
#medias h1 {
	color: #514b4a;
	font-family: "Helvetica Neue";
	font-size: 24px;
	font-weight: 700;
	padding: 20px 0;
	text-align: center;
	min-height: 24px
}
#medias p {
	color: #9a6388;
	text-align: center;
	font-size: 20px
}
.mediaimg {
	height: auto;
	width: 90%
}
.mediasbloc {
	display: inline-block
}
.content-bloc {
	background-color: #F3F2F2;
	border: 1px solid #FFF;
	margin: 0 auto;
	max-width: 945px;
	padding: 20px 20px 40px;
	display: block;
	clear: both
}
.content-bloc li {
	font-size: 18px;
	margin: 0 0 .5em 1.5em;
	text-align: justify;
	-moz-hyphens: auto;
	color: #666;
	font-weight: 400
}
.content-bloc .content-text {
	float: left;
	width: 100%;
	color: #4a4949;
	margin-bottom: 15px
}
.content-bloc .content-text h2 {
	color: #084049;
	font-size: 28px;
	margin: 0 0 .6em;
	text-align: left;
	min-height: 22px
}
.content-bloc .content-text p {
	font-size: 18px;
	margin: 0 0 1.5em;
	text-align: justify;
	-moz-hyphens: auto;
	color: #666;
	font-weight: 400
}
.mybutton {
	background-color: #2ab1e0;
	border-radius: 4px;
	clear: both;
	color: #FFF;
	display: table;
	font-size: 22px;
	font-weight: 700;
	margin: auto auto 30px;
	max-width: 300px;
	padding: 20px;
	text-align: center;
	text-decoration: none
}
.content {
	width: 100%;
	display: table;
	clear: both;
	border: 0 none;
	padding: 0 0 0 5px
}
.contentgrid {
	max-width: 1000px;
	margin: auto;
	clear: both;
	display: block;
	padding-top: 50px;
}
.contentp {
	margin: 0 auto;
	width: 100%;
	display: table;
	clear: both;
	border: 0 none;
	padding-top: 20px
}
#layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	cursor: pointer
}
.purple {
	width: 100%;
	background-color: #084049;
	margin: 0 auto;
	padding: 0 0 40px;
	display: block;
	clear: both
}
#footer {
	text-align: center;
	background-color: #fff;
	color: #084049;
	padding: 30px 0;
	font-weight: 700;
	min-height: 25px;
	clear: both
}
.links a {
	text-align: center;
	font: 14px Verdana;
	margin-top: 4px;
	margin-bottom: 10px;
	min-height: 25px;
	color: #084049
}
.blocp a {
	color: #FFF;
}
#mgauto {
	width: 70%;
	margin: 15px auto
}
.main-pic2, .main-pic2 img {
	display: none;
	visibility: hidden
}
#login a {
	color: #FFF;
	text-decoration: none
}
#mobilogin {
	display: none;
	visibility: hidden
}
#desklogin {
	display: block;
	visibility: visible
}
.overlay {
	background-color: #000;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	filter: alpha(opacity=1);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	z-index: 100;
	cursor: pointer
}
.boxwarp {
	width: 100%;
	height: 0;
	margin: auto;
	display: block;
	position: absolute
}
.box {
	position: relative;
	top: -530px;
	background-color: #FFF;
	color: #000;
	padding: 20px;
	max-width: 335px;
	min-height: 200px;
	z-index: 999999;
	margin: 6px auto;
	border-radius: 7px;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,.43);
	border: solid 3px #4B4A4A
}
a.boxclose {
	float: right;
	width: 26px;
	height: 26px;
	background: transparent url(../img/close.png) no-repeat top left;
	margin-top: -30px;
	margin-right: -30px;
	cursor: pointer
}
a.activator {
	z-index: 3;
	cursor: pointer;
	width: 100%;
	height: 660px;
	display: block;
	float: left
}
#connecttitle {
	font-size: 22px;
	margin: 15px auto
}
#passrecoverh2 {
	clear: both;
	font-size: 18px;
	padding: 20px 0 5px
}
#passrecoverp {
	font-size: 14px;
	margin: auto
}
#passrecoverp a {
	color: #084049
}
.bloc {
	float: left;
	margin: 0 1%;
	text-align: center;
	background-color: #fff;
	width: 31%;
	display: block;
}
.bloc h2 {
	background-color: #084049;
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	min-height: 16px;
	margin-bottom: 15px;
	padding: 10px
}
.bloc p {
	color: #666;
	font-size: 18px;
	margin-bottom: 15px;
	padding: 10px;
	text-align: justify
}
.blocp {
	float: left;
	margin: 0 1%;
	text-align: center;
	width: 31%;
	display: block;
}
.blocp h2 {
	background-color: #084049;
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	min-height: 16px;
	margin-bottom: 15px;
	padding: 10px
}
.blocp p {
	color: #fff;
	font-size: 18px;
	padding: 10px;
	text-align: justify
}
.bloc li {
	color: #666;
	font-size: 18px;
	margin-left: 30px;
	text-align: left;
}
.bloc ul {
	margin-bottom: 20px;
}
.blocp li {
	color: #fff;
	font-size: 18px;
	margin-left: 30px;
	text-align: left;
}
.blocp ul {
	margin-bottom: 20px;
}
#visuelfooter, .ombre {
	width: 100%;
	height: auto
}
.myreadmore {
	display: table;
	font-size: 18px;
	padding: 10px;
	text-align: left;
	border-radius: 7px;
	background-color: #2ab1e0;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,.43);
	border: solid 3px #2AB1E0;
	color: #fff;
	clear: both
}
.oldaccess {
	background-color: #2ab1e0;
	border-radius: 4px;
	clear: both;
	color: #fff;
	display: table;
	font-size: 14px;
	font-weight: 700;
	margin: auto auto 10px;
	max-width: 300px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}
@media only screen and (max-width:1050px) and (min-width:990px) {
#header {
	margin: auto;
	max-width: 1000px;
	min-height: 100px
}
#slogan {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0
}
}
@media only screen and (max-width:990px) and (min-width:590px) {
#slogan {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0
}
.main-pic img {
	height: auto;
	width: 100%
}
#dark-bg-1 {
	margin-right: 0
}
}
@media only screen and (max-width:590px) and (min-width:1px) {
#formtitle {
	background-color: transparent;
	margin-bottom: 15px;
	clear: both
}
#dark-bg-1 {
	margin-right: 0
}
#logo {
	width: 100%;
	margin: auto;
	clear: both;
	float: none;
	text-align: center
}
#loginblock {
	width: 100%;
:margin-auto;
	clear: both;
	display: inline-block
}
#login {
	float: none;
	margin: 0 auto
}
#slogan {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0
}
#slogan2 h2 {
	font-size: 1.4em;
	line-height: 25px
}
.main-pic {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0
}
#desklogin {
	display: none;
	visibility: hidden
}
#mobilogin {
	display: block;
	visibility: visible
}
#deskform {
	display: none;
	visibility: hidden
}
#mobiform {
	display: block;
	visibility: visible;
	background-color: #2ab1e0;
	border: 3px solid #2AB1E0;
	border-radius: 7px;
	box-shadow: 0 0 0 2px rgba(255,255,255,.43)inset;
	clear: both;
	color: #FFF;
	padding: 15px 5px;
	width: 90%;
	margin: auto
}
#mobiformp {
	background-repeat: no-repeat;
	font-size: 28px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
	display: block
}
#mobiformp a {
	color: #FFF
}
#mobiformdesc {
	display: block;
	font-size: 22px;
	margin: 50px auto;
	text-align: center;
	visibility: visible
}
#mobiformdesc img {
	float: left;
	padding-right: 10px;
	padding-top: 3px
}
#mobiformdesc span {
	clear: both;
	color: #2c2a2a;
	display: block;
	font-size: 20px;
	font-weight: 600;
	margin: 6px auto;
	padding-bottom: 20px;
	text-align: left;
	text-shadow: 0 2px 0 rgba(6,6,6,.31);
	width: 90%
}
.main-pic img {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0
}
.main-pic2 {
	display: block;
	visibility: visible;
	margin-bottom: 20px;
	clear: both
}
.main-pic2 img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto
}
#form {
	margin: auto;
	width: 90%
}
#dark-bg-1, #dark-bg-2 {
	display: none;
	visibility: hidden
}
#logo img {
	width: 100%;
	height: auto
}
.bloc {
	width: 97%;
	margin: auto
}
.bloc h2, .blocp h2 {
	font-size: 17px
}
.bloc p {
	font-size: 16px
}
.blocp {
	width: 100%;
	margin: auto
}
.blocp p {
	font-size: 16px
}
#visuelfooter {
	display: none;
	visibility: hidden
}
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 100;
	display: none;
}
.cnt223 a {
	text-decoration: none;
}
.popup {
	width: 100%;
	margin: 0 auto;
	display: none;
	position: absolute;
	z-index: 101;
}
.cnt223 {
    background: none repeat scroll 0 0 #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    margin: 100px auto;
    max-width: 600px;
    min-height: 520px;
    padding: 10px;
    position: relative;
    z-index: 103;
}
.cnt223 h1 {
    clear: both;
    color: #ff0000;
    font-size: 24px;
    font-weight: bold;
    padding: 0 20px 20px;
    text-align: justify;
}
.cnt223 h2 {
    clear: both;
    color: #2AB1E0;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px 20px;
    text-align: justify;
}
.cnt223 p {
    clear: both;
    color: #555555;
    padding: 0 20px;
    text-align: justify;
}
#cnt223red {
	color: #ff0000;
}
.myclosemessage {
	margin:15px auto;
	clear:both;
}
.cnt223 .x {
	float: right;
	height: 35px;
	left: 22px;
	position: relative;
	top: -25px;
	width: 34px;
}
.cnt223 .x:hover {
	cursor: pointer;
}
.mybutton2 {
	background-color: #2ab1e0;
	border-radius: 4px;
	clear: both;
	color: #FFF;
	display: table;
	font-size: 22px;
	font-weight: 700;
	margin: auto;
	max-width: 350px;
	padding: 15px;
	text-align: center;
	text-decoration: none
}
.red {
	color:#F00;
}