html {height: 100%;}
body {margin: 0;height: 100%;background-color: #fff;}
#page {overflow: hidden;font-size: 18px;line-height: 1.25; color: #000; font-family: 'Mulish', Arial ,sans-serif;font-weight: 200;padding: 0 15px;text-align: center;}
@media (min-width: 768px) {
	#page {font-size: 20px;}
}
a {color: #1a6773; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
strong {font-weight: 700;}
p {font-size: 1em;}

.btn {padding: .6em 1.4em; font-size: 1em; min-width: 200px; text-align: center; background-color: #1a6773; color: #fff; border-radius: 2px; 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;}
.btn:hover, .btn:focus {color: #fff;background-color: #11474f;text-decoration: none;}

.btn--light {background-color: rgba(255, 255, 255, .7);color: #000;box-shadow: 0 0 3px rgba(0, 0, 0, .2);}
.btn--light:hover, .btn--light:focus {color: #000;background-color: rgba(255, 255, 255, 1);box-shadow: 0 0 3px rgba(0, 0, 0, .5);}

.page-content {background: #cbdde8 url("../images/bg.jpg") no-repeat center 50px;max-width: 1100px; margin: 15px auto;position: relative;}

.page-header {background-color: #36919f;padding: 10px 10px 10px 20px;text-align: left;}
.page-header > .d-flex {min-height: 50px;}
.page-header p {color: #fff;font-size: 1.8em;margin: 0;font-weight: 400;}
.header-logo--2 {position: absolute; bottom: 15px; right: 15px;z-index: 99;}
.header-logo {background:#ffffff;}
.footer-logo {position: absolute; bottom: 15px; left: 15px;z-index: 99;}



.main-content {padding: 60px 60px 80px 60px ;background: url("../images/dent.png") no-repeat right 15px bottom 15px;min-height: 550px;position: relative;}
.main-content img {max-width:100%;}
.main-content--accueil {background: #cbdde8;}
.btn--accueil {position: absolute; left: 50%; top: 50%; margin: 0 0 0 -100px;}
.home-illustration {display: inline-block; position: relative;}

@media (max-width: 768px) {
	.footer-logo {position: relative;width:100px;left:0;margin-top:23px;}
	.main-content {padding:20px;min-height: 50px;}
}


.result-title {font-weight: 700;font-size: 1.3em;}
.result-title--green {color: #07791d;}
.result-title--red {color: #d2154a;}

a[data-fancybox]:hover {opacity: .8;}

.font-xl {font-size: 1em;}
@media (min-width: 768px) {
	.font-xl {font-size: 1.3em;}
}

.brosse {position: absolute;height: auto;}
.brosse--1 {width: 32%;top: 11%;right: 5%;}
.brosse--2 {width: 23%;top: -85px; padding: 0 0 5% 19px;background: url("../images/dent.png") no-repeat 0 bottom; background-size: 20% auto;}
@media (max-width: 767px) {
	.brosse--2 {top: -63px;}
}

.echelle p {font-size: 12px;text-align: center; padding-top: 5px;font-weight: 400;}
.gradient {height: 24px;padding: 0 10px; position: relative; background: #06b24e;background: -moz-linear-gradient(left,  #06b24e 0%, #fffb00 50%, #ff0100 100%);background: -webkit-linear-gradient(left,  #06b24e 0%,#fffb00 50%,#ff0100 100%);background: linear-gradient(to right,  #06b24e 0%,#fffb00 50%,#ff0100 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06b24e', endColorstr='#ff0100',GradientType=1 );}
.gradient span {color: #fff; font-weight: 700; font-size: 14px;}
.cursor {position: absolute; top: -10px; left: 20%; width: 0; height: 0; border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #1a6773;}

@media (max-width: 767px) {
	.main-content {padding: 10px;}

	#page {padding-top: 45px;}
	.page-header .header-logo {position: absolute; top: -53px;left: 0;}
	.page-header p {font-size: 1.3em;}
}

/* FANCYBOX */
.fancybox-enabled {overflow: hidden; } .fancybox-enabled body {overflow: visible; touch-action: none; } .fancybox-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; backface-visibility: hidden; } .fancybox-container ~ .fancybox-container {z-index: 99992; } .fancybox-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(.55,.06,.68,.19); backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg {opacity: 0.87; transition-timing-function: cubic-bezier(.22,.61,.36,1); } .fancybox-controls {position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls {opacity: 1; } .fancybox-infobar {display: none; } .fancybox-show-infobar .fancybox-infobar {display: inline-block; pointer-events: all; } .fancybox-infobar__body {display: inline-block; width: 70px; line-height: 44px; font-size: 13px; text-align: center; color: #ddd; background-color: rgba(30,30,30,0.7); pointer-events: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons {position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons {display: block; } .fancybox-slider-wrap {overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider {position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; backface-visibility: hidden; } .fancybox-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); } .fancybox-slide::before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * {display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image {overflow: hidden; } .fancybox-slide--image::before {display: none; } .fancybox-content {display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; } .fancybox-iframe {display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {background: transparent; } .fancybox-placeholder {position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder {cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder {cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder {cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder {cursor: grabbing; } .fancybox-spaceball {z-index: 1; } .fancybox-tmp {position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error {position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p {margin: 0; padding: 0;} .fancybox-close-small {position: absolute; top: 4px; right: 4px; padding: 0; margin: 0; width: 30px; height: 30px; font-size: 21px; line-height: 1; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; cursor: pointer; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus {outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small {top : -36px; right : -36px; background: transparent; } .fancybox-close-small:hover {color: #555; background: #eee; } .fancybox-caption-wrap {position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap {opacity: 1; } .fancybox-caption {padding: 30px 0; text-align: center; font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button {pointer-events: all; } .fancybox-caption a {color: #fff; text-decoration: underline; } .fancybox-button {display: inline-block; position : relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled {cursor: default; pointer-events: none; } .fancybox-button.fancybox-button--fullscreen:before {left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;display: block;height:20px;width:20px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='white' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z'/></svg>") no-repeat 0 0;} .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs {display: none !important;} .fancybox-infobar__body, .fancybox-button {background: rgba(30,30,30,0.6); } .fancybox-button:hover {background: rgba(0,0,0,0.8); } .fancybox-button::before, .fancybox-button::after {content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after {opacity: 0.5; } .fancybox-button--left::after {left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(-135deg); } .fancybox-button--right::after {right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(45deg); } .fancybox-button--left {border-bottom-left-radius: 5px; } .fancybox-button--right {border-bottom-right-radius: 5px; } .fancybox-button--close {float: right; } .fancybox-button--close::before, .fancybox-button--close::after {content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before {transform: rotate(45deg); } .fancybox-button--close::after {transform: rotate(-45deg); } .fancybox-loading {border: 6px solid rgba(100, 100, 100, .4); border-top: 6px solid rgba(255, 255, 255, .6); border-radius: 100%; height: 50px; width: 50px; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @keyframes fancybox-rotate {from {transform: rotate(0deg);} to {transform: rotate(359deg);} } @media all and (max-width: 800px) {.fancybox-controls {text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {display: none !important; } .fancybox-caption {padding: 20px 0; margin: 0; } }


.bravo {font-weight: 700;font-size: 1.3em;color: #07791d;margin-bottom: 2rem !important;}
.attention {font-weight: 700;font-size: 1.3em;color: #d2154a;margin-bottom: 2rem !important;}
.titre {font-weight: 700;font-size: 1.1em;margin-bottom: 2rem !important;}

.bilan {padding: 20px;width: 800px;margin: 0 auto;max-width: 100%;}
.faible {background:#A7D06C;}
.modere {background:#FFD571;}
.eleve {background:#FF7171;}

.mention {color:#11474f;position: absolute;bottom: 11px;right: 200px;display:none;}
.modele_index .mention {display:block;}
.modele_index .img-fluid {margin-top:80px;}
.modele_index .footer-logo {top:80px; left: inherit;margin-left:-125px;}

.legende {font-weight: normal;font-size:0.8em;}

.warning {border:1px solid red;}

/**/