@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,900);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;700;800;900&family=Raleway:wght@200;400;700;800;900&display=swap');

body{
	
}
a img {
border:none;
}
form {
display:inline;/*IE*/
}
#customerform {
display:block;
}
h1 {
display:none;
}
#skin{
	display: none;
}
.cliquable{
cursor:pointer;
}
/*** Colors ***/
body{ background-color: #f9f9f6; }
a:link, a:visited, .content_type_catalogue_colonne div.designation .description, div.content_type_catalogue_promotions div.designation { }
a:hover{  }
div.content_type_catalogue_promotions div.designation .description{ color: #123456; }
#bloc_sous_nav_haut ul li ul, #bloc_sous_nav_haut ul li ul *,#bloc_sous_nav_haut ul li:hover ul, #bloc_sous_nav_haut ul li:hover ul *{  background-color: #eee9d1; }
li.page-838 a,  #bloc_sous_nav_haut ul li.page-838 ul li div.contenu table tr td.gauche, #bloc_sous_nav_haut ul li.page-838:hover a{ color: #663300; }
#bloc_sous_nav_haut ul li.page-838:hover a:hover{ color: #996600;}
.content_type_paragraphe_ss-titre.pos3{color: #123456; }
.content_type_paragraphe_ss-titre.pos4 a, .content_type_paragraphe_ss-titre.pos4, .content_type_paragraphe_ss-titre.pos2, #rechercheProduit a{color: #ffffff; }
/*** Content ***/
body {
}
/*
*{
font-family: Verdana;
}*/
a:link, a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }
#bloc_sous_nav_haut, #bloc_pied {
width:1110px;
}
#bloc_container, #bloc_bandeau {
	width: 100%;
}
#bloc_corps, #bloc_pied, #bloc_sous_nav_haut{
}
#bloc_corps{
    width: unset;
}
.fleche_ul {
	display: none;
}
#bloc_container{
}
#bloc_pied{
}
#bloc_bandeau{
	background-color: white;
	position: relative;
}
#bloc_bandeau a {
color: #FFFFFF;
}
/* Blocs */
#bloc_gauche {
display: none;
}
#bloc_centre {
width: 1110px;
padding: 0px;
margin: auto;
float: unset;
}
#bloc_droite {
width: 325px;
float: right;
margin-right: 10px;
}
#bloc_login, #bloc_login .bloc_haut, #bloc_login .bloc_bas {
display:none;
}
#bloc_pied #content_type_paragraphe_titre {
clear:both;
}
/* pages de contenu */
#bloc_centre .content_type_paragraphe_ss-titre, 
#bloc_centre .content_type_paragraphe_titre, 
#bloc_centre .content_type_titre_paragraphe_remplacant, 
#bloc_centre .content_type_titre_paragraphe_deroulant, 
#bloc_centre .content_type_paragraphe_ancres, 
#bloc_centre .content_type_paragraphe_onglets , 
#bloc_centre .content_type_paragraphe_4col, 
#bloc_centre .content_type_paragraphe_2col
{
    font-family: Lato;
    font-size: 16px;
    color: #55595d;
}
#bloc_centre .content_type_paragraphe_sansbord {
clear: left;
}
/* formulaire de contact */
#form27 p, #form31 p {
float: left;
margin-top:12px;
margin-bottom:12px;
}
#form27 label, #form31 label {
display: block;
float: left;
padding-right: 10px;
text-align: right;
width: 88px;
}
#form27 input[type="text"], #form31 input[type="text"] {
width: 141px;
}
#form27 textarea, #form31 textarea {
height: 80px;
width: 470px;
}
#form27 .field49, #form31 .field66 {
width: 50%;
}
#form27 .field50, #form31 .field67 {
width: 50%;
}
#form27 .field51, #form31 .field68 {
width: 100%;
}
#form27 .field52, #form31 .field69 {
width: 50%;
}
#form27 .field53, #form31 .field70 {
width: 50%;
}
#form27 .field54, #form31 .field71 {
width: 50%;
}
#form27 .field55, #form31 .field72 {
width: 50%;
}
#form27 .field56, #form31 .field73 {
width: 100%;
}
#form27 .field-antispam, #form31 .field-antispam {
width: 100%;
}

/* css perso */
.fullpath {
display:none;
}
#submit_pass_hide {
	font-size: 12px;
	width: 150px;
	height: 45px;
	border-radius: 25px;
	border: none;
	font-family: Lato;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	-webkit-appearance: none;
	margin-left: 35px;
	text-align: center;	
	background-color: #ffffff;
	color: #ff6540;
	display: none;
}
#hide_btn {
	display: none;
}
#accueil.element_11 {
	background-image: url("/specific/skins/skin-default6/img/2021_img_connexion.png");
	width: 1110px;
	height: 820px;
	position: relative;
}
#accueil #diagnostic_img {
    position: absolute;
    top: 269px;
    z-index: 3;
    left: 95px;
}
#accueil .diagnostic {
    height: 120px;
    width: 760px;
    background-color: #ebebe1;
    position: absolute;
    top: 310px;
    left: 0;
    z-index: 2;
}
#accueil .diagnostic p {
    font-family: Montserrat;
    font-size: 22px;
    margin: 30px 0 30px 330px;
}
#accueil .logos {
    height: 105px;
    width: 380px;
    background-color: white;
    position: absolute;
    top: 330px;
    right: 0;
    padding-top: 15px;
}
#accueil .logos .logo {
    display: table-cell;
    height: 90px;
    vertical-align: middle;
}
#accueil .logos > div + div {
	width: calc(50% - 1px);
    border-left: 1px solid;
	margin-top: 0;
}
#accueil .logos .logo:first-child img {
    margin-left: 55px;
    margin-right: 20px;
}
#accueil .logos div + div.logo img {
    margin-left: 30px;
    height: auto;
    width: 91px;
    margin-right: 16px;
    margin-top: 4px;
}
#accueil .texte {
font-family: Lato;
font-size: 20px;
color: white;
text-align: center;
position: absolute;
left: 0;
width: calc(100% - 380px);
bottom: 178px;
padding: 0 190px;
}
#accueil .texte a {
	color: white;
}
#accueil .texte a:hover {
	color: white;
}
#accueil .connexion_accueil {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 95px;
	width: 100%;
	background-color: #abaaa3;
	
}
#loginForm {
	position: absolute;
	right: 95px;
	bottom: 5px;
	height: 70px;
}
#logoutForm {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 46px;
}
#loginForm > div {
	position: relative;
	margin-left: 30px;
	margin-right: 35px;
	width: 205px;
	display: inline-block;
	height: 70px;
	vertical-align: top;
}

#loginForm > div a {
	position: absolute;
	bottom: 5px;
	width: 100%;
	left: 20px;
    font-size: 12px;
    font-family: Lato;
	color: #55595d;
	text-decoration: underline;
}
#loginForm .password-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 13px;
  right: 20px;
  width: 20px;
  color: #abaaa3;
  transition: all 0.2s;
}
#loginForm .password-icon:hover {
  cursor: pointer;
  color: #ff4754;
}

#loginForm .password-icon .feather-eye-off {
  display: none;
}
#loginForm input[type="text"], #loginForm input[type="password"] {
    font-size: 12px;
    font-family: Lato;
	color: #55595d;
    width: 185px;
	padding-left: 20px;
    height: 45px;
    border-radius: 25px;
    border: none;
	background-color: #ffffff;
	display: inline-block;
	vertical-align: top;
}
#loginForm input[type="text"]::placeholder, #loginForm input[type="password"]::placeholder {
	text-transform: uppercase;
}
#loginForm input[type="submit"] {
    font-size: 12px;
    width: 150px;
    height: 45px;
    border-radius: 25px;
    border: none;
    font-family: Lato;
	color: #ffffff;
	background-color: #ff6540;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	-webkit-appearance: none;
}
#logoutForm input[type="submit"] {
    font-size: 10px;
    width: 77px;
    height: 40px;
    border-radius: 25px 0 0 25px;
    border: none;
    font-family: Lato;
    color: #ffffff;
    background-color: #ff6540;
    display: inline-block;
    vertical-align: top;
    padding: 0;
	cursor: pointer;
	-webkit-appearance: none;
}
#resetForm input[type="submit"]:hover,
#logoutForm input[type="submit"]:hover,
#loginForm input[type="submit"]:hover {
	background-color: #ffffff;
	color: #ff6540;
}
.modal {
	z-index: 999;
}
.blocker {
	z-index: 3;
}
.modal_mdp {
	background: #abaaa3;
}
#resetForm > div {
	position: relative;
	margin-left: 30px;
	margin-right: 35px;
	width: 205px;
	display: inline-block;
	height: 70px;
	vertical-align: top;
}

#resetForm > div a {
	position: absolute;
	bottom: 5px;
	width: 100%;
	left: 20px;
    font-size: 12px;
    font-family: Lato;
	color: #55595d;
	text-decoration: underline;
}
#resetForm .password-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 13px;
  right: 20px;
  width: 20px;
  color: #abaaa3;
  transition: all 0.2s;
}
#resetForm .password-icon:hover {
  cursor: pointer;
  color: #ff4754;
}

#resetForm .password-icon .feather-eye-off {
  display: none;
}
#resetForm input[type="text"], #resetForm input[type="password"] {
    font-size: 12px;
    font-family: Lato;
	color: #55595d;
    width: 185px;
	padding-left: 20px;
    height: 45px;
    border-radius: 25px;
    border: none;
	background-color: #ffffff;
	display: inline-block;
	vertical-align: top;
}
#resetForm input[type="text"]::placeholder, #resetForm input[type="password"]::placeholder {
	text-transform: uppercase;
}
#resetForm input[type="submit"] {
    font-size: 12px;
    width: 150px;
    height: 45px;
    border-radius: 25px;
    border: none;
    font-family: Lato;
	color: #ffffff;
	background-color: #ff6540;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	-webkit-appearance: none;
	margin-left: 35px;
}
.tokenForm {
	width: 500px;
    margin: auto;
	display: block;
}
.div_token {
	text-align: center;
	margin-bottom: 60px;
}
/*  menu bandeau */
#bloc_entete {
	height: 105px;
}
#bloc_bandeau {
	 padding-bottom: 4px;
	 border-bottom: 2px solid #ebebe1;
	 position: fixed;
	 top: 0;
	 z-index: 999;
}
#bloc_bandeau #logo {
	background-image: url("/specific/skins/skin-default6/img/2021_img_diagnostic_flottes.png");
	display: inline-block;
    width: 10%;
    background-size: 57px 57px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: center center;
	position: relative;
}
#bloc_bandeau #logo a {
	width: 100%;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#bloc_bandeau #logo > div {
	height: 41px;
	border-right: 1px solid #d4d5d6;
	margin-top: 27px;
}
#bloc_bandeau li a:hover {
	text-decoration: none;
}
#bloc_bandeau li a.hover:hover {
	text-decoration: underline;
}
ul.folder630s0 {
	margin-top: 0;
	margin-bottom: 0;
	width: 80%;
	display: inline-block;
	padding: 0;
	height: 95px;
	vertical-align: top;
}
ul.folder630s0 li {
    text-decoration: none;
    display: inline-block;
    width: calc(19% - 40px);
    height: 95px;
    vertical-align: top;
	margin-left: 40px;
	color: #808386;
}
ul.folder630s0 li.selected {
	border-bottom: 8px solid #ff6540;
}
#bloc_bandeau ul.folder630s0 li a {
    color: inherit;
    font-family: Montserrat;
    font-size: 16px;
    display: block;
    margin-top: 40px;
}
#bloc_bandeau ul.folder630s0 li.selected {
	color: #55595d;
}
#bloc_bandeau ul.folder630s0 li.selected ~ li{
	color: #808386;
}
#bloc_bandeau .bandeau_aide {
	display: inline-block;
	width: 97px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 30%;
	transform: translate(0, -50%);
	background-color: #ebebe1;
	border-radius: 20px 0 0 20px;
}
#bloc_bandeau .bandeau_aide a {
color: #55595d;
font-family: Lato;
font-size: 16px;
display: block;
padding-left: 21px;
line-height: 40px;
}
#bloc_pied {
	width: 270px;
	margin: auto;
}
#bloc_pied ul {
	display: inline-block;
	height: 44px;
	vertical-align: top;
	margin-top: 0;
}
#bloc_pied li {
	list-style: none;
}
#bloc_pied li a {
	color: #55595d;
	font-family: Montserrat;
	font-size: 16px;
	display: block;
	line-height: 44px;
}
#bloc_centre #bloc_accueil {
	background-color: white;
	margin-top: 32px;
	padding: 75px 134px 185px 115px;
}
#bloc_centre #bloc_accueil #logo_accueil {
	background-image: url("/specific/skins/skin-default6/img/2021_img_diagnostic_flottes.png");
	width: 120px;
	background-size: 120px 120px;
	height: 120px;
	background-repeat: no-repeat;
	display: inline-block;
}
#bloc_centre #bloc_accueil .footer_accueil {
    border-top: 2px solid #ebebe1;
    padding-top: 21px;
    position: relative;
    height: 40px;
    padding-bottom: 21px;
}
#bloc_centre .contenu_ancres .contenu img.img_mobile {
	display: none;
}
#bloc_centre .contenu_ancres .contenu img.img_pc {
	display: block;
}
#bloc_centre .footer_onglet,
#bloc_centre .footer_ancre {
    border-top: 2px solid #ebebe1;
    padding-top: 21px;
    position: relative;
    height: 40px;
    padding-bottom: 21px;
}
.btn {
    min-width: 138px;
    height: 30px;
    display: inline-block;
    padding: 10px 16px 0 16px;
    padding-top: 10px;
    background-color: #ff6540;
    border-radius: 20px;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    color: white;
	cursor: pointer;
}
.btn:hover {
	background-color: #ffffff;
	color: #ff6540;
}
#bloc_accueil h2 {
	font-family: Montserrat;
    font-size: 24px;
    color: #55595d;
	display: inline-block;
	vertical-align: bottom;
	line-height: 120px;
	margin: 0 0 0 30px;
}
#realiser .contenu_sup,
#bloc_accueil .contenu_sup {
	padding: 20px 24px;
	background-color: #ffe9ce;
	border-radius: 8px;
	margin-top: 24px;
}
#start {
	position: absolute;
	right: 90px;
}
.next {
	position: absolute;
	right: 0px;
}
.download {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -100px;
	width: 200px;
}
#guide {
    background-color: #ebebe1;
    color: #55595d;
	position: absolute;
	right: 285px;
}
#bloc_centre .titre_questionnaire_onglets,
#bloc_centre .titre_paragraphe_onglets,
#bloc_centre .titre_ancres {
	position: fixed;
	top: 105px;
	left: 10%;
	height: 40px;
	/* background-color: #ff6540; */
	background: linear-gradient(to right, #ff6540 20%, #ffe9ce 80%);
	line-height: 40px;
	white-space: nowrap;
	padding-left: 8px;
	z-index: 20;
}
#bloc_centre .titre_questionnaire_onglets ul,
#bloc_centre .titre_paragraphe_onglets ul,
#bloc_centre .titre_ancres ul {
	display: inline-block;
    text-decoration: none;
    margin: auto;
    padding: 0 8px 0 12px;
	background-color: #ff6540;
	color: #ffada7;
}
#bloc_centre .titre_questionnaire_onglets li,
#bloc_centre .titre_paragraphe_onglets li,
#bloc_centre .titre_ancres li {
    display: inline-block;
	color: #inherit;
}
#bloc_centre .titre_questionnaire_onglets li br, 
#bloc_centre .titre_paragraphe_onglets li br, 
#bloc_centre .titre_ancres li br {
	display: none;
}
#bloc_centre .titre_paragraphe_onglets li:hover,
#bloc_centre .titre_ancres li:hover {
    cursor: pointer;
}
#bloc_centre ul.titre_ancre.selected,
#bloc_centre ul.titre_onglet.selected {
	background-color: #ff6540;
	color: white;
}
#bloc_centre ul.titre_ancre.selected ~ ul.titre_ancre,
#bloc_centre ul.titre_onglet.selected ~ ul.titre_onglet {
	background-color: #ffe9ce;
	color: #55595d;
}
#bloc_centre .titre_ancres a {
    color: inherit;
}
#bloc_centre .titre_ancres a br {
    display: none;
}
#bloc_centre .contenu_questionnaire_onglets,
#bloc_centre .contenu_ancres {
margin-top: 72px;
background-color: white;
padding: 80px 115px 56px 90px;
margin-left: auto;
margin-right: auto;
} 
#bloc_centre .contenu_paragraphe_onglets {
margin-top: 72px;
background-color: white;
padding: 80px 0 56px 0;
margin-left: auto;
margin-right: auto;
	position: relative;
} 
#bloc_centre .contenu_ancres, #bloc_centre .contenu_questionnaire_onglets {
	width: 695px;
	position: relative;
}
#bloc_centre .footer_ancre, #bloc_centre .footer_onglet {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#bloc_centre #paragraphe, 
#bloc_centre #fiche { 
	width: 900px;
	margin: auto;
}
#bloc_centre #fiche > div:first-child {
	width: 695px;
	background-color: white;
	padding: 80px 115px 56px 90px;
	position: relative;
	margin-top: 70px;
}
a.ancre {
}
a.ancre span {
}
span.medaillon {
}
span.medaillon > span {
    position: absolute;
    display: block;
    width: 224px;
    left: -187px;
}
span.medaillon2 > span {
    position: absolute;
    display: block;
    width: 160px;
    left: -135px;
}
.onglets span.medaillon2 > span,
.onglets span.medaillon > span {
	top: 17px;
}
span.medaillon > span > span:first-child {
    background-image: url("/specific/skins/skin-default6/img/medaillon_orange.png");
    background-repeat: no-repeat;
    width: 224px;
    height: 132px;
    display: table-cell;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 46px 40px;
    font-size: 16px;
    font-style: italic;
}
span.medaillon2 > span > span:first-child {
    background-image: url("/specific/skins/skin-default6/img/medaillon_orange.png");
    background-repeat: no-repeat;
    width: 224px;
    height: 132px;
    display: table-cell;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
    font-size: 16px;
    font-style: italic;
	background-size: 160px; /**/
}
span.medaillon2 > span > span.legende_notation,
span.medaillon > span > span.legende_notation {
display: block;
width: 160px;
padding-top: 5px;
padding-left: 45px;
position: fixed;
}
span.medaillon2 > span > span.legende_notation span.ligne,
span.medaillon > span > span.legende_notation span.ligne {
display: block;
padding-bottom: 18px;
}
span.medaillon2 > span > span.legende_notation span.ligne span.notation,
span.medaillon > span > span.legende_notation span.ligne span.notation {
display: table-cell;
background-color: #DBDBD4;
vertical-align: middle;
color: white;
height: 42px;
width: 42px;
text-align: center;
border-radius: 21px;
}
span.medaillon > span > span.legende_notation span.ligne span.notation1 {
	background-color: #4fd69a;
}
span.medaillon > span > span.legende_notation span.ligne span.notation2 {
	background-color: #ff8f08;
}
span.medaillon > span > span.legende_notation span.ligne span.notation3 {
	background-color: #ff5c4f;
}
span.medaillon2 > span > span.legende_notation span.ligne span.legende,
span.medaillon > span > span.legende_notation span.ligne span.legende {
display: table-cell;
vertical-align: middle;
color: #AAACAE;
padding-left: 20px;
font-size: 13px;
}

#paragraphe span.medaillon2 > span > span,
#paragraphe span.medaillon > span > span {
    padding: 46px 30px;
}

#bloc_centre #paragraphe .contenu_paragraphe_onglets #onglet_3 .titre_onglet_logo h2,
#bloc_centre #questionnaire .contenu_questionnaire_onglets .titre_onglet_logo h2 {
	border-left: 1px solid #dcdcd4;
}
#bloc_centre #realiser .titre_realiser h2,
#bloc_centre #questionnaire .contenu_questionnaire_onglets h2,
#bloc_centre #paragraphe .contenu_paragraphe_onglets h2,
#bloc_centre #fiche .titre_fiche h2 {
	color: #ff6540;
	font-family: Montserrat;
	font-size: 24px;
	padding: 0px 0px 0 20px;
	font-weight: normal;
	margin: 20px 0 12px 0;
	display: inline-block;
}
#bloc_centre #realiser .titre_realiser h2 br,
#bloc_centre #questionnaire .contenu_questionnaire_onglets h2 br,
#bloc_centre #paragraphe .contenu_paragraphe_onglets h2 br,
#bloc_centre #fiche .titre_fiche h2 br {
	display: none;
}
#bloc_centre .contenu_questionnaire_onglets .onglets {
	display: none;
}
#bloc_centre .contenu_paragraphe_onglets .onglets {
	display: none;
	margin: 0 115px 0 90px;
}
#bloc_centre #questionnaire .contenu_questionnaire_onglets .titre_onglet,
#bloc_centre #paragraphe .contenu_paragraphe_onglets .titre_onglet,
#bloc_centre #fiche .titre_fiche {
	border-bottom: 1px solid #dcdcd4;
    margin-bottom: 20px;
}
#bloc_centre #paragraphe .contenu_paragraphe_onglets .titre_onglet {
    margin: 20px 0;
}
#bloc_centre #paragraphe .contenu_paragraphe_onglets #onglet_2 > .titre_onglet {
    margin: 20px 115px 0 90px;
}
#bloc_centre .contenu_paragraphe_onglets .onglets .titre_onglet .photo,
#bloc_centre .contenu_questionnaire_onglets .onglets .titre_onglet .photo {
	max-height: 30px;
    max-width: 30px;
    display: inline-block;
	padding-right: 10px;
}
#bloc_centre .contenu_paragraphe_onglets #onglet_2 {
	margin: 0;
	position: relative;
}
#bloc_centre #fiche img {
	position: absolute;
	top: 17px;
	left: -187px;
}
#bloc_centre #questionnaire .lignes_question .element_question,
#bloc_centre #fiche .lignes_fiche .element_fiche{
	min-height: 60px;
	border-bottom: 1px solid #dcdcd4;
	position: relative;
}
#bloc_centre #questionnaire .lignes_question .element_total {
	min-height: 70px;
	position: relative;
}
#bloc_centre #questionnaire .lignes_question .element_total > span {
	color: #55595d;
	font-family: Lato;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: 120px;
	bottom: 20px;
}
#bloc_centre #questionnaire .lignes_question .element_question > span {
	color: #55595d;
	font-family: Lato;
	font-size: 14px;
	padding: 24px 0 7px 20px;
	font-weight: normal;
	display: inline-block;
	max-width: calc(100% - 145px);
}
#bloc_centre #fiche .lignes_fiche .element_fiche > .element_libelle {
	color: #55595d;
	font-family: Lato;
	font-size: 14px;
	padding: 24px 0px 7px 20px;
	font-weight: normal;
	display: inline-block;
	width: calc(100% - 240px);
}
#bloc_centre .div_input{
	display: inline-block;
	background-color: #f8f8f6;
	position: absolute;
	bottom: 0;
	right: 0;
	height: calc(100% - 18px);
}
#bloc_centre .div_input input{
	border: none;
	height: 40px;
	border-radius: 20px;
	outline: none;
	position: absolute;
	bottom: 6px;
	right: 10px;
	font-family: Lato;
	font-size: 16px;
	font-weight: normal;
	padding:0;
}
#bloc_centre .element_fiche .div_input{
	width: 194px;
	padding: 12px 10px 6px 16px;
}
#bloc_centre .element_fiche .div_input input{
	width: 174px;
	padding-left: 20px;
}
#bloc_centre .element_question .div_input{
	width: 75px;
	padding: 12px 10px 6px 20px;
}
#bloc_centre .element_question .div_input input{
	width: 55px;
	padding-left: 20px;
}
#bloc_centre .element_total .div_input{
	width: 75px;
	padding: 20px 10px 20px 20px;
	height: 30px;
	color: #aaacae;
	font-size: 30px;
}
#bloc_centre .element_question .div_input .note{
	height: 40px;
	width: 25px;
	border-radius: 0 20px 20px 0;
	position: absolute;
	bottom: 6px;
	right: 10px;
	background-color: #dcdcd4;
	color: white;
	font-family: Lato;
	font-size: 16px;
	font-weight: normal;
	line-height: 40px;
	padding-left: 5px;
}
.info_bulle {
	position: relative;
	display: inline-block;
	background-image: url("/specific/skins/skin-default6/img/2021_img_infobulle.png");
	width: 12px;
	background-size: 12px 13px;
	height: 13px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.info_bulle .info_bulle_text {
	visibility: hidden;
	width: 240px;
	background-color: #555;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 15px;
	position: absolute;
	z-index: 999;
	bottom: 125%;
	left: 50%;
	opacity: 0;
	margin-left: -140px;
	transition: opacity 0.3s;
	line-height: 19px;
}


.info_bulle .info_bulle_text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.info_bulle:hover .info_bulle_text {
	visibility: visible;
	opacity: 1;
}
.btn:hover {
	cursor: pointer;
}
#bloc_centre #tab_sinistralite .ligne_tableau_entete,
#bloc_centre #tab_indic_acci .ligne_tableau_entete,
#bloc_centre #tab_sinistralite .ligne_tableau,
#bloc_centre #tab_indic_acci .ligne_tableau {
	height: 60px;
	border-bottom: 2px solid #dcdcd4;
}
#bloc_centre #tab_sinistralite .ligne_tableau_entete#cout_an_sinistralite {
	
}
#bloc_centre #tab_sinistralite .ligne_tableau_entete .element_libelle,
#bloc_centre #tab_indic_acci .ligne_tableau_entete .element_libelle,
#bloc_centre #tab_sinistralite .ligne_tableau .element_libelle,
#bloc_centre #tab_indic_acci .ligne_tableau .element_libelle {
	padding: 24px 0px 7px 20px;
	width: calc(100% - 446px);
	display: inline-block;
	color: #55595d;
	font-family: Lato;
	font-size: 14px;
	font-weight: normal;
}
#bloc_centre #tab_sinistralite .ligne_tableau .element_libelle2 {
	padding: 12px 0px 7px 130px;
	width: calc(100% - 556px);
	display: inline-block;
	color: #55595d;
	font-family: Lato;
	font-size: 16px;
	font-weight: bold;
}
#bloc_centre #tab_sinistralite .ligne_tableau .element_libelle3 {
	padding: 12px 0px 7px 20px;
	width: calc(100% - 446px);
	display: inline-block;
	color: #55595d;
	font-family: Lato;
	font-size: 16px;
	font-weight: bold;
}
#bloc_centre #tab_sinistralite .annee_tableau,
#bloc_centre #tab_sinistralite .annee_n1_tableau,
#bloc_centre #tab_indic_acci .valeur_tableau,
#bloc_centre #tab_indic_acci .moyenne_tableau {
	height: calc(100% - 12px);
	width: 210px;
	background-color: #f8f8f8;
	display: inline-block;
	border-left: 3px solid white;
	vertical-align: top;
	text-align: center;
	line-height: 60px;
	color: #55595d;
	font-family: Lato;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}

#bloc_centre #tab_sinistralite .ligne_tableau .element_libelle #cout_libelle_tableau {
	display: none;
}
#bloc_centre #tab_sinistralite #cout_annee {
    width: 422px;
    background-color: white;
    padding-top: 0;
}
#bloc_centre #tab_sinistralite #entete_sinistralite.ligne_tableau_entete .annee_tableau,
#bloc_centre #tab_sinistralite #entete_sinistralite.ligne_tableau_entete .annee_n1_tableau {
	line-height: unset;
}
#bloc_centre #tab_sinistralite .ligne_tableau .annee_tableau span,
#bloc_centre #tab_sinistralite .ligne_tableau .annee_n1_tableau span,
#bloc_centre #tab_indic_acci .ligne_tableau .valeur_tableau span,
#bloc_centre #tab_indic_acci .ligne_tableau .moyenne_tableau span {
	width: 75px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	border-radius: 20px;
	background-color: #dcdcd4;
	color: white;
}
#bloc_centre #tab_sinistralite .ligne_tableau .annee_tableau div,
#bloc_centre #tab_sinistralite .ligne_tableau .annee_n1_tableau div {
	margin-top: -10px;
	font-size: 36px;
	color: #aaacae;
}
#bloc_centre #tab_sinistralite #entete_sinistralite.ligne_tableau_entete .annee_n1_tableau div {
	color: #55595d;
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
	display: inline-block;
}
#bloc_centre #tab_sinistralite #entete_sinistralite.ligne_tableau_entete .annee_n1_tableau .logo_recom {
	background-image: url("/specific/skins/skin-default6/img/2021_img_diagnostic_flottes_sinistre.png");
	width: 46px;
	background-size: 46px 46px;
	height: 46px;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}
#bloc_centre #tab_indic_acci .ligne_tableau .valeur_tableau span.rouge {
	background-color: #ff5c4f;
}
#bloc_centre #tab_indic_acci .ligne_tableau .valeur_tableau span.orange {
	background-color: #ff8f08;
}
#bloc_centre #tab_indic_acci .ligne_tableau .valeur_tableau span.vert {
	background-color: #4fd69a;
}
#bloc_centre #tab_indic_acci .ligne_tableau .valeur_tableau span.gris {
	background-color: #dcdcd4;
}
#bloc_centre #onglet_2 .contenu_div {
	width:260px;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}
#bloc_centre #onglet_2 .canvas_div {
	width:550px;
	display: inline-block;
	margin-right: 25px;
	margin-left: 25px;
}
#bloc_centre #paragraphe .contenu_paragraphe_onglets .contenu_div h2 {
    color: #55595d;
    font-family: Lato;
    font-size: 19px;
    padding: 0px 0px 12px 0;
    border-bottom: none;
    font-weight: bold;
    margin: 20px 0;
}
#bloc_centre #paragraphe #onglet_3 .filtre {
	border-bottom: 1px solid #dcdcd4;
	padding-bottom: 12px;
	position: relative;
    height: 15px;
    margin-top: -10px;
}
#bloc_centre #paragraphe #onglet_3 .filtre > div {
	display: inline-block;
    position: absolute;
    right: 0;
}
#bloc_centre #paragraphe #onglet_3 .filtre select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	vertical-align: top;
	font-family: Lato;
	font-size: 14px;
	color: #55595d;
}
#bloc_centre #paragraphe #onglet_3 .filtre .libelle_croissant,
#bloc_centre #paragraphe #onglet_3 .filtre .libelle_decroissant {
	font-family: Lato;
	font-size: 14px;
	color: #55595d;
	display: inline-block;
	vertical-align: top;
}
#bloc_centre #paragraphe #onglet_3 .filtre .decroissant {
	cursor: pointer;
	display: none;
}
#bloc_centre #paragraphe #onglet_3 .filtre .croissant {
	cursor: pointer;
}
#bloc_centre #paragraphe #onglet_3 .filtre {
	display: none;
}
#bloc_centre #paragraphe #onglet_3 .filtre .fleche {
	display: inline-block;
	background-image: url("/specific/skins/skin-default6/img/2021_img_select.png");
	width: 21px;
	background-size: 21px 10px;
	height: 10px;
	background-repeat: no-repeat;
	margin-top: 5px;
}
#bloc_centre #paragraphe #onglet_3 .filtre .croissant .fleche {
	rotate: 180deg;
}
#bloc_centre #paragraphe .recommandation_div .elem_reco {
    padding: 15px 30px 20px 25px;
	margin-top: 20px;
	border-radius: 5px;
	color: #55595d;
    font-family: Lato;
    font-size: 15px;
    font-weight: normal;
}
#bloc_centre #paragraphe .recommandation_div .prio1 {
    background-color: #ffc783;
}
#bloc_centre #paragraphe .recommandation_div .prio2 {
    background-color: #ffd8a9;    
}
#bloc_centre #paragraphe .recommandation_div .prio3 {
    background-color: #ffe9ce;    
}
#bloc_centre #paragraphe .recommandation_div .prio4 {
    background-color: #ebebe1;    
}

#bloc_centre #paragraphe #onglet_4 .contenu_texte {
	margin-top: 40px;
	padding-left: 20px;
}
#bloc_centre #questionnaire .contenu_texte,
#bloc_centre #fiche .contenu_texte_client {
	margin-top: 40px;
	font-family: Lato;
	font-size: 16px;
	color: #55595d;
	padding-left: 20px;
	
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(205,205,205, 0.7);
  visibility: visible;
  opacity: 1;
  z-index: 15;
}

.popup {
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popup h2 {
	margin-top: 0;
	color: #55595d;
	font-family: Lato;
	font-size: 16px;
	font-weight: bold;
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #06D85F;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
	color: #55595d;
	font-family: Lato;
	font-size: 14px;
	font-weight: normal;
}