/* 
html {font-size: 10px;}
*/
body {margin: 0;font-size: 16px;line-height: 1.4; color: #193C6A; background-color: #fff; font-family: Arial, sans-serif;}

p, ul, table {font-size: 1em;margin-bottom:1em;}
b, strong {font-weight:bold;}
h1 {color: #193C6A; font-size: 20px; margin-bottom: .8em;}
.h1home {text-transform: uppercase;text-align: center;}
h2 {color: #193C6A; font-size: 18px; margin-bottom: .75em;}
@media (min-width: 768px) {
	h1 {font-size: 24px;}
}

.list-unstyled, .list-inline, .list-custom {padding-left: 0; list-style: none;}
.list-inline li {display: inline-block; }
.list-inline li:not(:last-child) {margin-right: 5px; }

/* ******************************* HEADER */

.page-header {background-color: #C7E9FD; z-index: 990; position: relative;padding: 30px 0 15px;margin-bottom: 20px;}

.page-header > .container {position: relative;}

.header-login {background-color: #fff;padding: 3px 0;position: relative;z-index: 10;margin-top: -10px;}
.header-login a {font-size: 15px;text-decoration: none;color: #193C6A;}
.header-login a span {display: inline-block;vertical-align: middle;}
.header-login a img {display: inline-block;vertical-align: middle;}
.header-login a:hover, .header-login a:focus {text-decoration: none;color: #FF7370;}

.header-logo {position: absolute;top: -98px; left: -5px;z-index: 30;}
.header-logo a {display: inline-block; background-color: #fff; padding: 20px; width: 180px; height: 180px; line-height: 180px;border-radius: 50% 50% 50% 0; text-align: center;}
.header-logo a:hover, .header-logo a:focus {text-decoration: none;}
.header-logo img {max-width: 100%; height: auto;}

.header-ufsbd {position: relative;z-index: 20;margin-left: 165px; width: 90px;}
.header-ufsbd img {max-width: 100%; height: auto;}

.header-inner-ufsbd {height: 45px;}
.header-inner-ufsbd img {position: absolute; right: 65px; top: -30px; width: 125px; height: auto;}

.page-header--login {padding-bottom: 0;}
.page-header--login .header-ufsbd {position: absolute;z-index: 99; left: 89px; top: 45px;margin:0;}
.page-header--login > .container {min-height: 82px;background: url("../images/identification/siege.svg") no-repeat left 200px bottom 0;background-size: auto 100%;}

@media (min-width: 768px) {
	.page-header {padding: 40px 0 50px;margin: 0;}
	.header-logo {top: -95px; left: -15px;}
	.header-logo a {width: 280px; height: 280px;line-height: 280px;padding: 0;border-radius: 50%;}
	.header-ufsbd {margin-left: 55%; width: auto;}
	.header-login a {font-size: 17px;}
	.page-header.page-header--inner {min-height: 192px;}
	.header-inner-ufsbd {margin-left: auto; margin-right: 0;height: 81px;}
	.header-inner-ufsbd img {right: 0; top: -50px; width: auto;}
	.page-header--login {padding: 25px 0 0;}
	.page-header--login > .container {min-height: 130px;background-position: right 18% bottom 0;}
	.page-header--login .header-ufsbd {left: 50%;margin: 0 0 0 -154px; top: 77px;}
}
@media (min-width: 992px) {
	.page-header--login > .container {background-position: right 25% bottom 0;}
	.page-header--login .header-logo {left: 50%; margin-left: -250px;}
	.page-header--login .header-ufsbd {margin: 0 0 0 -125px;}
}
@media (min-width: 1200px) {
	.page-header--login > .container {background-position: right 30% bottom 0;}
}

/* ******************************* NAV */

.main-nav {position: relative;z-index: 999;}
.main-nav ul {margin: 0; padding: 0;}

ul.nav-menu a {display: block;font-weight: bold;color: #fff;}
ul.nav-menu {margin: 0;}
ul.nav-menu li { display:block;position: relative;text-align: center;}
ul.nav-menu a:hover,
ul.nav-menu a:focus {text-decoration: none;}

.nav-toggle {display: block; position: absolute; top: 10px; right: 15px;}
.nav-icon {width: 40px; cursor: pointer;}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {background-color: #193c6a; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 5px; margin: 7px 0; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nav-toggle.is-open .nav-icon:before {transform: translateY(12px) rotate(135deg); -moz-transform: translateY(12px) rotate(135deg); -webkit-transform: translateY(12px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-12px) rotate(-135deg); -moz-transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }

@media (max-width:767px) {
	.main-nav {position: absolute; top: 96px; left: 0; right: 0;display: none;background-color: #C7E9FD;}
	ul.nav-menu > li > a {padding: 12px 10px;}
	ul.nav-menu .sub-menu a {padding: 5px 10px;font-weight: normal; font-size: 14px;}
	ul.nav-menu li.nav-orange a {background-color: #FF7370;}
	ul.nav-menu li.nav-orange a:hover {background-color: #ff8885;}
	ul.nav-menu li.nav-green > a {background-color: #00A99D;}
	ul.nav-menu li.nav-green > a:hover {background-color: #26b6ac;}
	ul.nav-menu li.nav-purple > a {background-color: #4A4AAE;}
	ul.nav-menu li.nav-purple > a:hover {background-color: #6565ba;}
	ul.nav-menu li.nav-blue > a {background-color: #29ABE2;}
	ul.nav-menu li.nav-blue > a:hover {background-color: #49b8e6;}
}
@media (min-width:768px) {
	.main-nav {display: block !important;margin: -33px 0 30px;}
	ul.nav-menu > li {display: inline-block; flex:1; margin-right: 10px; position: relative;}
	ul.nav-menu > li:last-child {margin-right: 0;}
	ul.nav-menu > li > a {padding: 12px 15px; height: 70px; font-size: 15px; border-radius: 10px;display: -ms-flexbox; display: flex;-ms-flex-align: center; align-items: center;-ms-flex-pack: center; justify-content: center;}
	ul.nav-menu li > a:hover, .nav-menu li:hover > a {text-decoration: none; color: #fff;}
	ul.nav-menu ul.sub-menu {top: 60px; padding: 10px 0; position: absolute; height: auto; left: -999em;z-index: 999;text-align: left;border-radius: 0 0 10px 10px;}
	ul.nav-menu li:hover > ul.sub-menu {left: 0; right: 0;}
	ul.nav-menu li.nav-orange > a {background-color: #FF7370;}
	ul.nav-menu li.nav-orange > a:hover, .nav-menu li.nav-orange:hover > a, ul.nav-menu li.nav-orange ul.sub-menu {background-color: #ff8885;}
	ul.nav-menu li.nav-green > a {background-color: #00A99D;}
	ul.nav-menu li.nav-green > a:hover, .nav-menu li.nav-green:hover > a, ul.nav-menu li.nav-green ul.sub-menu {background-color: #26b6ac;}
	ul.nav-menu li.nav-purple > a {background-color: #4A4AAE;}
	ul.nav-menu li.nav-purple > a:hover, .nav-menu li.nav-purple:hover > a, ul.nav-menu li.nav-purple ul.sub-menu {background-color: #6565ba;}
	ul.nav-menu li.nav-blue > a {background-color: #29ABE2;}
	ul.nav-menu li.nav-blue > a:hover, .nav-menu li.nav-blue:hover > a, ul.nav-menu li.nav-blue ul.sub-menu {background-color: #49b8e6;}
	ul.nav-menu ul.sub-menu a {padding: 6px 10px;text-transform: none;font-size: 13px;color: #fff;}
	ul.nav-menu ul.sub-menu li:hover a,
	ul.nav-menu ul.sub-menu a:hover,
	ul.nav-menu ul.sub-menu a:focus {background-color:rgba(255,255,255,0.2);}
	ul.nav-menu li.active.nav-orange > a {background: #fff url("../images/fleche-orange-2.png") no-repeat center bottom;color: #FF7370; background-size: 70% auto;}
	ul.nav-menu li.active.nav-green > a {background: #fff url("../images/fleche-vert-2.png") no-repeat center bottom;color: #00A99D; background-size: 70% auto;}
	ul.nav-menu li.active.nav-purple > a {background: #fff url("../images/fleche-violet-2.png") no-repeat center bottom;color: #4A4AAE; background-size: 70% auto;}
	ul.nav-menu li.active.nav-blue > a {background: #fff url("../images/fleche-bleu-2.png") no-repeat center bottom;color: #29ABE2; background-size: 70% auto;}
	ul.nav-menu li.active > ul.sub-menu {top:70px;}
	.nav-menu li.active ul.sub-menu {background-color: #fff !important;box-shadow: 0 2px 2px rgba(0,0,0,0.1);}
	.nav-menu li.active ul.sub-menu a:hover, .nav-menu li.active ul.sub-menu a:focus {opacity: .8;}
	.nav-menu li.active.nav-orange ul.sub-menu a {color: #FF7370;}
	.nav-menu li.active.nav-green ul.sub-menu a {color: #00A99D;}
	.nav-menu li.active.nav-purple ul.sub-menu a {color: #4A4AAE;}
	.nav-menu li.active.nav-blue ul.sub-menu a {color: #29ABE2;}
}
@media (min-width:992px) {
	ul.nav-menu > li > a {font-size: 18px;}
	ul.nav-menu ul.sub-menu a {font-size: 15px;}
}

/* ******************************* FOOTER */

.page-footer {background-color: #C7E9FD;padding: 30px 0;font-size: 14px;border-top: 10px solid #fff;}
.footer-menu ul {margin: 0; padding: 0;}
.footer-menu li a {color: #193C6A;text-decoration: none;}
.footer-menu li a:hover,
.footer-menu li a:focus {text-decoration: underline;}
@media (min-width: 768px) {
	.page-footer {padding-top: 50px;}
}

/* ******************************* */

.tools {position: fixed; right: 0; top: 50%; margin-top: -130px; z-index: 995;}
.tools ul li {display: block; margin-bottom: 5px;float: right; clear: both;}
.tools ul li a {display: block; width: 60px; height: 60px; padding: 3px 2.5px; background-color: #193c6a; border-radius: 5px 0 0 5px;-webkit-transition: all .2s 0s; -moz-transition: all .2s 0s; -ms-transition: all .2s 0s; -o-transition: all .2s 0s; transition: all .2s 0s;}
.tools ul li a:hover, .tools ul li a:focus {text-decoration: none;background-color: #255595;width: 72px;padding-right: 14.5px;}
@media (min-width: 768px) {
	.tools {z-index: 999;}
}

/* ******************************* */

#page {overflow: hidden;}

.illustration {position: relative; text-align: center; background-repeat: no-repeat; background-position: center 0; -webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
.illustration:hover {background-position: center 5px;}
.illustration a {display: block;padding-top: 40px;}
.illustration a:hover, .illustration a:focus {text-decoration: none;}
.illustration-title {height: 60px; line-height: 60px;margin-bottom: 15px;}
.illustration-title h2 {text-transform: uppercase; margin: 0; font-weight: bold;font-size: 17px; display: inline-block; line-height: 1.2em; vertical-align: center;}
.illustration-1 {background-image: url("../images/fleche-orange.png");}
.illustration-2 {background-image: url("../images/fleche-vert.png");}
.illustration-3 {background-image: url("../images/fleche-violet.png");}
.illustration-1 .illustration-title h2 {color: #FF7370;}
.illustration-2 .illustration-title h2 {color: #00A99D;}
.illustration-3 .illustration-title h2 {color: #4A4AAE;}
.illustration-1 a:hover .illustration-title h2, .illustration-1 a:focus .illustration-title h2 {color: #f16965;}
.illustration-2 a:hover .illustration-title h2, .illustration-2 a:focus .illustration-title h2 {color: #028f85;}
.illustration-3 a:hover .illustration-title h2, .illustration-3 a:focus .illustration-title h2 {color: #323292;}
.illustration-content {border-radius: 15px;height: 380px;}
.illustration-1 .illustration-content {background-color:#FF7370;}
.illustration-2 .illustration-content,
.illustration-3 .illustration-content {background-color:#b6e4fc;}
.illustration a:hover .illustration-content, .illustration a:focus .illustration-content {box-shadow: 0 2px 4px rgba(0,0,0,0.4);}
.illustration-1 a:hover .illustration-content, .illustration-1 a:focus .illustration-content {background-color: #f16965;}
.illustration-2 a:hover .illustration-content, .illustration-2 a:focus .illustration-content,
.illustration-3 a:hover .illustration-content, .illustration-3 a:focus .illustration-content {background-color: #95ceeb;}
.illustration-img {position: relative;}
.illustration-img img {position: relative;max-width: 100%; height: auto;}
.illustration-1 .illustration-img img {margin-top: 5px;}
.illustration-2 .illustration-img:before {content: ""; width: 90px; height: 90px; background-color: #b6e4fc; position: absolute; top: -20px; left: 50%; margin-left: -50px;border-radius: 50%;}
.illustration-2 a:hover .illustration-img:before, .illustration-2 a:focus .illustration-img:before {background-color: #95ceeb;}
.illustration-2 .illustration-img img {margin-top: -22px;}
.illustration-img span {position: absolute;font-size: 12px;display: block; white-space: nowrap;line-height: 12px;}
.illustration-1 .illustration-img span {color: #fff; bottom: 20px;left: 0; right: 0; text-align: center;}
.illustration-3 .illustration-img span {color: #193C6A;font-size: 14px;}
.illustration-3 .illustration-img span.text1 {top: 7%; left: 10%;}
.illustration-3 .illustration-img span.text2 {top: 32%; right: 14%;}
@media (min-width: 768px) {
	.illustration-1 {width: 18%;}
	.illustration-2 {width: 37%;margin-left:4%;margin-right:4%;}
	.illustration-3 {width: 37%;}
	.illustration-title h2 {font-size: 12.5px;}
	.illustration-content {height: 260px;}
	.illustration-1 .illustration-img span {bottom: 10px;}
	.illustration-3 .illustration-img span {font-size: 12px;}
}
@media (min-width: 992px) {
	.illustration-title h2 {font-size: 16px;}
	.illustration-content {height: 350px;}
	.illustration-1 .illustration-img span {bottom: 20px;}
	.illustration-3 .illustration-img span {font-size: 14px;}
}
@media (min-width: 1200px) {
	.illustration-title h2 {font-size: 17px;}
	.illustration-content {height: 380px;}
}

/* ******************************* ROUTINE */

.routine {border-top: 19px solid #E44300; border-radius: 10px;background-color: #fff;position: relative;}
.routine--journee {border-color: #F7931E;}
.routine--soir {border-color: #194f90;}
.routine:before {content: ""; display: block; width: 94px; height: 47px; position: absolute; top: -47px; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.routine--matin:before {background-image: url("../images/routine/routine-matin-icone.svg"); left: 15px;}
.routine--journee:before {background-image: url("../images/routine/routine-journee-icone.svg"); left: 50%; margin-left: -47px;}
.routine--soir:before {background-image: url("../images/routine/routine-soir-icone.svg"); right: 15px;}
.routine-title {text-align: center;padding: 15px 15px 0;line-height: 1.2em; min-height: 40px;}
.routine-title span {text-transform: uppercase;display: block;font-size: 19px;}
.routine--matin .routine-title span {color: #E44300;}
.routine--journee .routine-title span {color: #F7931E;}
.routine--soir .routine-title span {color: #005CB9;}
.routine-title .routine-subtitle {font-size: 14px;padding-top: 4px;}
.routine-content {padding: 10px 15px;}
.routine-content ul li a {padding: 5px; border-radius: 8px; display: -ms-flexbox; display: flex;-ms-flex-align: center; align-items: center;line-height: 1.2em;}
.routine-content ul li a:hover,
.routine-content ul li a:focus {text-decoration: none; opacity: .8;}
.routine-content ul li a span {margin-left: 15px;color: #fff;font-size: 16px;}
@media (min-width: 992px) {
	.routine {min-height: 506px;}
	.routine-title {min-height: 61px;}
	.routine-title span {font-size: 17px;}
	.routine-content ul li a span {font-size: 14px;}
}
@media (min-width: 1200px) {
	.routine-title span {font-size: 19px;}
	.routine-content ul li a span {font-size: 16px;}
}

/* ******************************* BOITE OUTILS */

.boiteoutils {border-top: 19px solid #4A4AAE; border-radius: 10px;background-color: #fff;}
.boiteoutils-title {text-align: center;padding: 15px 15px 0;line-height: 1.2em;}
.boiteoutils-title span {text-transform: uppercase;display: block;font-size: 19px;color: #4A4AAE;}
.boiteoutils-content {padding: 15px;}
.boiteoutils-content ul {margin-bottom: 0;}
.boiteoutils-content ul li a {padding: 5px; text-align: left; border-radius: 8px; display: -ms-flexbox; display: flex;-ms-flex-align: center; align-items: center;line-height: 1.2em;}
.boiteoutils-content ul li a:hover,
.boiteoutils-content ul li a:focus {text-decoration: none; opacity: .8;}
.boiteoutils-content ul li a span {margin-left: 15px;color: #fff;font-size: 16px;}
.boiteoutils-illus1,
.boiteoutils-illus2 {display: inline-block; margin: 0 15px 30px;position: relative; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;}
.boiteoutils-illus1 {width: 200px; height: 240px;background-image: url("../images/boiteoutils/boiteoutils-illus-1.png");}
.boiteoutils-illus2 {width: 130px; height: 230px;background-image: url("../images/boiteoutils/boiteoutils-illus-2.png");}
.boiteoutils-illus1 a,
.boiteoutils-illus2 a {position: absolute; display: inline-block;}
.boiteoutils-illus1 a:hover, .boiteoutils-illus1 a:focus,
.boiteoutils-illus2 a:hover, .boiteoutils-illus2 a:focus {text-decoration: none; opacity: .8;}
.boiteoutils-illus1 a img,
.boiteoutils-illus2 a img {max-width: 100%; height: auto;}
.boiteoutils-illus1 a {width: 17.8%;}
.boiteoutils-illus1-1 {left: 23%; top: 0;}
.boiteoutils-illus1-2 {left: 5.3%;top: 84.4%;}
.boiteoutils-illus1-3 {left: 82%; top: 84%;}
.boiteoutils-illus2 a {width: 22.7%;}
.boiteoutils-illus2-1 {left: 37%; top: 0;}
.boiteoutils-illus2-2 {left: 67.8%;top: 13%;}
.boiteoutils-illus2-3 {left: 11.1%;top: 20.1%;}
.boiteoutils-illus2-4 {left: 0%;top: 33.6%;}
.boiteoutils-illus2-5 {left: 77.3%;top: 30.9%;}
.boiteoutils-illus2-6 {left: 6.2%;top: 48.5%;}
.boiteoutils-illus2-7 {left: 74.2%;top: 47.5%;}
.boiteoutils-illus2-8 {left: 26%;top: 86.2%;}
@media (min-width: 768px) {
	.boiteoutils-content ul li a.boiteoutils-lastlink {display: inline-block; width: 50%;}
	.boiteoutils-illus1 {width: 255px; height: 292px;}
	.boiteoutils-illus2 {width: 214px; height: 375px;}
}
@media (min-width: 992px) {
	.boiteoutils-title span {font-size: 17px;}
	.boiteoutils-content ul li a span {font-size: 13px;}
	.boiteoutils-illus1 {margin-top: 41px;width: 200px; height: 240px;}
	.boiteoutils-illus2 {margin-top: 35px;width: 130px; height: 230px;}
}
@media (min-width: 1200px) {
	.boiteoutils-title span {font-size: 19px;}
	.boiteoutils-content ul li a span {font-size: 16px;}
	.boiteoutils-illus1 {width: 255px; height: 292px;}
	.boiteoutils-illus2 {width: 214px; height: 375px;}
}

/* ******************************* CONTENU */

.contenu-header {padding-left: 55px; background:transparent url("../images/icone-matin.svg") no-repeat 0 0;}
.contenu-header-title {margin-bottom: 12px;}
.contenu-header-title-1 {display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 19px;}
.contenu-header-title--matin .contenu-header-title-1 {color: #E44300;}
.contenu-header-title--journee .contenu-header-title-1 {color: #F7931E;}
.contenu-header-title--soir .contenu-header-title-1 {color: #005CB9;}
.contenu-header-title-2 {display: inline-block; vertical-align: middle; color: #193C6A;font-size: 20px;}
.contenu-header-title-1:after {content: "";display: inline-block; vertical-align: middle;width: 0; margin: 0 10px 0 15px; position: relative;top: -2px;height: 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.contenu-header-title--matin .contenu-header-title-1:after {border-left: 8px solid #E44300;}
.contenu-header-title--journee .contenu-header-title-1:after {border-left: 8px solid #F7931E;}
.contenu-header-title--soir .contenu-header-title-1:after {border-left: 8px solid #005CB9;}
.contenu-header p {font-size: 12px;}
.contenu-content-subtitle {font-weight: bold; font-size: 14px; color: #193C6A;}
a.contenu-item-link {display: inline-block;}
a.contenu-item-link:hover, a.contenu-item-link:focus {text-decoration: none; opacity: .8;}
a.contenu-item-link img {width: 100%; height: auto;}
.contenu-item-title {padding: 3px 0 4px;}
.contenu-item-title span {font-size: 13px;}
span.contenu-item-duree {display: inline-block; background-color: #4A4AAE; color: #fff;font-size: 12px; padding: 2px 8px; border-radius: 5px; margin-right: 4px;}
img.contenu-item-visuel {margin-right: 4px;}
img.contenu-item-visuel.inactif {opacity: .5}
a.contenu-item-favori {margin-right: 4px;}
a.contenu-item-favori:hover, a.contenu-item-favori:focus {text-decoration: none; opacity: .8;}

.bg--white {background-color: #fff;}
.c--blue {color: #35A8E0 !important;}
.c--blueDark {color: #193C6A !important;}

@media (min-width: 768px) {
	.contenu-content {padding-left: 55px;}
}

/* ******************************* DIAGNOSTIC */

.autodiag {background-color: #fff; border-radius: 10px;padding: 20px 0;}
.autodiag-title {text-transform: uppercase;color: #FF7370; font-size: 22px;text-align: center;margin: 0 15px 10px;}
.autodiag-subtitle {text-transform: uppercase;color: #193C6A;text-align: center;font-weight: bold;margin: 0 15px 20px;}
.autodiag fieldset {border-top: 33px solid #CFEAF8;padding: 18px 0 0;background-size: 50px auto; background-repeat: no-repeat; background-position: 8px 20px;}
.autodiag .fieldset-title {font-weight: bold;color: #35A8E0;margin-bottom: 5px;}
.autodiag .fieldset-1 {background-image: url("../images/diagnostic/diag-1.svg");}
.autodiag .fieldset-2 {background-image: url("../images/diagnostic/diag-2.svg");}
.autodiag .fieldset-3 {background-image: url("../images/diagnostic/diag-3.svg");}
.autodiag .fieldset-4 {background-image: url("../images/diagnostic/diag-4.svg");}
.autodiag .fieldset-5 {background-image: url("../images/diagnostic/diag-5.svg");}
.autodiag .fieldset-6 {background-image: url("../images/diagnostic/diag-6.svg");}
.autodiag .form-check {margin-bottom: 3px;}
.autodiag .form-check input {position: absolute; z-index: -1; opacity: 0;}
.autodiag .form-check label {position: relative;padding-left: 20px;}
.autodiag .form-check label:before {border-radius: 50%;background-color: #fff; border: 1px solid #FF7370; width: 14px; height: 14px; content: ""; top: 5px; left: 0; position: absolute; display: block;  pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: center center;}
.autodiag .form-check input:checked + label:after {border-radius: 50%;background-color: #fff; width: 8px; height: 8px; content: ""; top: 8px; left: 3px; position: absolute; display: block;  pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: center center;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3'");background-color: #FF7370;}
.autodiag .fieldset-1 .form-check {width: 50%;}
.autodiag button {padding: 6px 40px; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: bold; background-color: #4a4aae; color: #fff; border-radius: 10px; border: 0; margin-bottom: 0; text-decoration: none; display: inline-block; cursor: pointer; background-image: none; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.autodiag button:hover, .autodiag button:focus {text-decoration: none;opacity: .9;}
@media (max-width: 767px) {
	.autodiag .form-check {width: 50%;}
	.autodiag .fieldset-1 .form-check {width: 100%;}
}
@media (min-width: 768px) {
	.autodiag fieldset {background-position: 3% 20%;background-size: 90px auto;}
	.autodiag .fieldset-1 {background-size: 70px auto;}
}
@media (min-width: 992px) {
	.autodiag fieldset {background-position: 10% 45%;}
	.autodiag .fieldset-1 {background-size: 77px auto;}
	.autodiag .fieldset-2 {background-size: 98px auto;}
	.autodiag .fieldset-3 {background-size: 106px auto;}
	.autodiag .fieldset-4 {background-size: 140px auto;background-position: 7% 45%;}
	.autodiag .fieldset-5 {background-size: 112px auto;background-position: 8% 45%;}
	.autodiag .fieldset-6 {background-size: 159px auto;background-position: 6% 45%;}
}

/* ******************************* IDENTIFICATION */

.login-panel {background-color: #B2E5E1;position: relative;border-radius: 10px;}
.login-panel-center:before {content: ""; position: absolute; left: 50%; margin-left: -95px; top: -56px; width: 190px; height: 56px; background:transparent url("../images/identification/connexion.png") no-repeat 0 0;background-size: 100% auto;}
.login-panel form {padding: 35px 30px;}
.login-panel label {font-size: 14px;}
.login-panel .form-control {border:1px solid #fff;height: 22px;}
.login-panel .form-control:focus {border-color:#75a09d;}
.login-panel button {padding: 4px 8px; font-size: 14px; border-radius: 8px; text-align: center; font-weight: bold; background-color: #FF7370; color: #fff; border: 0; margin-bottom: 0; text-decoration: none; display: inline-block; cursor: pointer; background-image: none; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.login-panel button:hover, .login-panel button:focus {text-decoration: none;background-color: #e25956;}
.login-panel .form-check input {position: absolute; z-index: -1; opacity: 0;}
.login-panel .form-check label {position: relative;padding-left: 20px;}
.login-panel .form-check label:before {background-color: #fff; border: 1px solid #fff; width: 14px; height: 14px; content: ""; top: 3px; left: 0; position: absolute; display: block;  pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: center center;}
.login-panel .form-check label:before {border: 1px solid #75a09d;}
.login-panel .form-check input:checked + label:after {width: 10px; height: 10px; content: ""; top: 5px; left: 2px; position: absolute; display: block;  pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: center center;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3'");background-color: #75a09d;}
.login-panel .oubli {color: #193C6A; font-size: 11px;text-decoration: underline;}
@media (min-width: 768px) {
	.login-panel {height: 232px;}
	.login-panel-left img,
	.login-panel-right img {position: absolute; height: auto;}
	.login-panel-left img {left: 18px; top: -40px;}
	.login-panel-right img {left: 30px; top: -23px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.login-panel form {padding: 30px 20px;}
	.login-panel label {font-size: 13px;}
}
@media (min-width: 992px) {
	.login-panel-left img {left: 18px;}
	.login-panel-right img {left: 12px;}
}
@media (min-width: 992px) and (max-width: 1200px){
	.login-panel-left img,
	.login-panel-right img {width: 100px;top: 9px;}
	.login-panel-right img {left: 14px;}
}
@media (min-width: 1200px) {
	.login-panel-left img {left: 18px;}
	.login-panel-right img {left: 12px;}
}