/*
Copyright 2021 Complice WEB.

Logiciel sous la licence Complice Web, Version 1.0;
vous ne pouvez pas utiliser ce fichier sauf en conformité avec la licence.
Vous pouvez obtenir une copie de la licence à

     http://www.compliceweb.com/licenses/LICENSE-1.0

Sauf si requis par la loi applicable ou accepté par écrit, un logiciel
distribué sous cette licence est distribué "TEL QUEL",
SANS GARANTIE OU CONDITION DE QUELQUE SORTE, expresse ou implicite.
*/
/* 
    Created on : 12 févr. 2021, 17:01:40
    Author     : Denis JARDIN <dj@kdrezo.net>
*/
a.contenu-item-link {
    display: block;
    width: 241px;
    height: 145px;
    overflow: hidden;
    /*
    backgroundSize: contain;
    background-size
    */
}

.contenu-item {
    position: relative;
}

.contenu-item .contenu-item-link img {
    width: 100%;
    height: 100%; 
    object-fit: cover;
    border-radius : 15px !important ;
}

/*
.contenu-item.contenu-type-image a.contenu-item-link:before,
*/
.contenu-item.contenu-type-ppt a.contenu-item-link:before,
.contenu-item.contenu-type-video a.contenu-item-link:before,
.contenu-item.contenu-type-audio a.contenu-item-link:before,
.contenu-item.contenu-type-pdf a.contenu-item-link:before {
    background-size: 60px;
    display: inline-block;
    width: 100px; 
    height: 100px;
    content:"";
    position: absolute;
    top: 73px;
    left: 50%;
    margin-left: -28px;
    margin-top: -27px;
    background-repeat: no-repeat;
}

/*
.contenu-item.contenu-type-image a.contenu-item-link:before {
    background-image: url(../images/icone_video.png);
}
*/
.contenu-item.contenu-type-ppt a.contenu-item-link:before {
    background-image: url(../images/icone_ppt.png);
}
.contenu-item.contenu-type-video a.contenu-item-link:before {
    background-image: url(../images/icone_video.png);
}
.contenu-item.contenu-type-audio a.contenu-item-link:before {
    background-image: url(../images/icone_audio.png);
}
.contenu-item.contenu-type-pdf a.contenu-item-link:before {
    background-image: url(../images/icone_pdf.png);
}

.header-login {
    font-size: 17px;
}

.header-login span {
    display: inline-block;
    vertical-align: middle;
}


/**
 * FINAL 
 */

.evalfinal {background-color: #fff; border-radius: 10px;padding: 20px 0;}
.evalfinal-title {text-transform: uppercase;color: #FF7370; font-size: 22px;text-align: center;margin: 0 15px 10px;}
.evalfinal-subtitle {text-transform: uppercase;color: #193C6A;text-align: center;font-weight: bold;margin: 0 15px 20px;}
.evalfinal fieldset {border-top: 33px solid #CFEAF8;padding: 18px 0 0;background-size: 50px auto; background-repeat: no-repeat; background-position: 8px 20px;}
.evalfinal .fieldset-title {font-weight: bold;color: #35A8E0;margin-bottom: 5px;}
.evalfinal .fieldset-1 {background-image: url("../images/diagnostic/diag-1.svg");}
.evalfinal .fieldset-2 {background-image: url("../images/diagnostic/diag-2.svg");}
.evalfinal .fieldset-3 {background-image: url("../images/diagnostic/diag-3.svg");}
.evalfinal .fieldset-4 {background-image: url("../images/diagnostic/diag-4.svg");}
.evalfinal .fieldset-5 {background-image: url("../images/diagnostic/diag-5.svg");}
.evalfinal .fieldset-6 {background-image: url("../images/diagnostic/diag-6.svg");}
.evalfinal .form-check {margin-bottom: 3px;}
.evalfinal .form-check input {position: absolute; z-index: -1; opacity: 0;}
.evalfinal .form-check label {position: relative;padding-left: 20px;}
.evalfinal .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;}
.evalfinal .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;}
.evalfinal .fieldset-1 .form-check {width: 50%;}
.evalfinal 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;}
.evalfinal button:hover, .evalfinal button:focus {text-decoration: none;opacity: .9;}
@media (max-width: 767px) {
	.evalfinal .form-check {width: 50%;}
	.evalfinal .fieldset-1 .form-check {width: 100%;}
}
@media (min-width: 768px) {
	.evalfinal fieldset {background-position: 3% 20%;background-size: 90px auto;}
	.evalfinal .fieldset-1 {background-size: 70px auto;}
}
@media (min-width: 992px) {
	.evalfinal fieldset {background-position: 10% 45%;}
	.evalfinal .fieldset-1 {background-size: 77px auto;}
	.evalfinal .fieldset-2 {background-size: 98px auto;}
	.evalfinal .fieldset-3 {background-size: 106px auto;}
	.evalfinal .fieldset-4 {background-size: 140px auto;background-position: 7% 45%;}
	.evalfinal .fieldset-5 {background-size: 112px auto;background-position: 8% 45%;}
	.evalfinal .fieldset-6 {background-size: 159px auto;background-position: 6% 45%;}
}

.tooltip-inner {
	max-width: 450px;
	/* If max-width does not work, try using width instead */
	min-width: 200px;
	text-align:left;
}

.contenu-header {
  min-height: 42px;
}

.contenu-header p {
    font-size: 14px;
}

.header-login {
    margin-top: 10px;
}

.tooltip-inner {
  background-color: #fff;
  color: #193C6A;
  border: solid #193C6A 1px !important;
}
.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #193C6A !important;
}
.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #193C6A !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #193C6A !important;
}
.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #193C6A !important;
}