@media only screen and (max-width: 1100px) and (min-width: 1000px){

ul.folder630s0 li {
    width: calc(19% - 11px);
    margin-left: 16px;
}
#bloc_centre {
    width: 100%;
}
#bloc_centre .titre_paragraphe_onglets,
#bloc_centre .titre_questionnaire_onglets {
	left: 0;
	line-height: 40px;
	height: 40px;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100%;
}
#bloc_centre .titre_paragraphe_onglets #titre_onglet_4,
#bloc_centre .titre_questionnaire_onglets #titre_onglet_4 {
	margin-right: 12px;
}
#bloc_centre .titre_ancres {
	left: 0;
	width: 100%;
}
#bloc_centre .contenu_ancres, #bloc_centre .contenu_questionnaire_onglets {
    width: 460px;
    position: relative;
}
#bloc_centre #fiche {
    width: 665px;
}
#bloc_centre #paragraphe.tablette {
	width: 660px;
}
#bloc_centre #paragraphe #onglet_2 {
	display: block;
    width: 665px;
    margin: auto;
}
#bloc_centre #onglet_2 .contenu_div {
    width: 465px;
    display: block;
    margin: auto;
}
#bloc_centre #fiche > div:first-child {
    width: 460px;
    margin: auto;
    margin-top: 70px;
}
#bloc_centre .footer_ancre, #bloc_centre .footer_onglet {
    width: 665px;
}
#bloc_centre #tab_indic_acci .ligne_tableau_entete .element_libelle, 
#bloc_centre #tab_indic_acci .ligne_tableau .element_libelle {
    width: calc(100% - 286px);
}
#bloc_centre #tab_indic_acci .valeur_tableau, 
#bloc_centre #tab_indic_acci .moyenne_tableau {
    width: 130px;
	line-height: unset;
}
}
@media only screen and (max-width: 999px){
#accueil.element_11 {
    background-image: url("/specific/skins/skin-default6/img/2021_img_connexion_mobile.png");
    width: 414px;
    height: 884px;
    position: relative;
    background-repeat: no-repeat;
}
#accueil #diagnostic_img {
    left: 0px;
	top: 256px;
}
#accueil .diagnostic p {
    font-size: 14px;
    margin: 25px 56px 30px 222px;
}
#accueil .texte {
    font-size: 18px;
    width: calc(100% - 80px);
    bottom: 200px;
    padding: 0 40px;
}
#accueil .diagnostic {
    width: 398px;
	top: 296px
}
#accueil .logos {
    width: 224px;
	top: 398px;    
	height: 66px;
    padding-top: 34px;
}
#accueil .logos .logo {
    height: 50px;
}
#accueil .connexion_accueil {
    height: 150px;
}
#accueil .logos .logo:first-child img {
	margin-left: 16px;
    margin-right: 20px;
    width: 83px;
}
#accueil .logos div + div.logo img {
    margin-left: 16px;
    width: 70px;
}
#loginForm {
    left: 18px;
    bottom: 0px;
    height: 140px;
	width: calc(100% - 30px);
}
#loginForm > div {
    margin-left: 0;
    width: 205px;
    margin-top: 10px;
	margin-right: 0;
}
#loginForm input[type="submit"] {
    height: 47px;
    vertical-align: bottom;
    margin-bottom: 23px;
    margin-left: 22px;
}
#bloc_entete {
	height: 76px;
}
#bloc_bandeau {
    padding-bottom: 0px;
	height: 76px;
	width: 100%;
}
#bloc_sous_nav_haut {
	width:400px;
	margin: auto;
}
#bloc_pied ul {
	margin-bottom: 120px;
}
#bloc_bandeau #logo {
	width: 100px;
    background-size: 70px 70px;
	height: 76px;
}
#bloc_bandeau #logo > div {
    margin-top: 20px;
}
#bloc_centre {
width: 414px;
}
ul.folder630s0 {
    height: 72px;
	width: 247px; 
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
ul.folder630s0 li {
    display: none;
	width: 177px;
	height: 72px;
}
ul.folder630s0 li.selected {
    border-bottom: 4px solid #ff6540;
	display: inline-block;
}
#bloc_bandeau ul.folder630s0 li a {
    margin-top: 20px;
}
#bloc_bandeau .bandeau_aide {
    width: 58px;
	height: 30px;
}
#bloc_bandeau .bandeau_aide a {
    font-size: 12px;
	line-height: 30px;
	padding-left: 10px;
}
#logoutForm {
    height: 30px;
	bottom: 5px;
}
#logoutForm input[type="submit"] {
    font-size: 10px;
    height: 30px;
}
#bloc_centre #bloc_accueil {
    padding: 26px 12px 12px 16px;
}
#bloc_accueil h2 {
    width: calc(100% - 150px);
    margin-bottom: 20px;
	line-height: unset;
	font-size: 18px;
}
#bloc_accueil .contenu_sup {
    margin-bottom: 0;
}
.btn {
    min-width: 116px;
    height: 24px;
    padding-top: 9px;
    font-size: 13px;
}
#guide {
    left: 32px;
}
.next,
#start {
    right: 32px;
}
#bloc_centre .titre_ancres {
	display: none;
}
#bloc_centre .titre_ancres a br {
    display: unset;
}
.fleche_ul {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	background-image: url("/specific/skins/skin-default6/img/2021_img_select.png");
	width: 21px;
	background-size: 21px 10px;
	height: 10px;
	background-repeat: no-repeat;
}
.prev_ul {
	transform:rotate(90deg);
	left: 105px;
}
.next_ul {
	transform:rotate(-90deg);
	right: 70px;
}
#bloc_centre .titre_paragraphe_onglets,
#bloc_centre .titre_questionnaire_onglets {
	left: 0;
	top: 76px;
	line-height: 40px;
	height: 40px;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100%;
}
#bloc_centre .titre_ancres {
    left: 0;
	top: 76px;
    height: 50px;
    line-height: 20px;
    white-space: nowrap;
	width: 400px;
	display: none;
}
#bloc_centre .contenu_ancres, #bloc_centre .contenu_questionnaire_onglets {
	width: calc(400px - 28px);
}
#bloc_centre .contenu_paragraphe_onglets {
	padding: 0;
}
#bloc_centre .contenu_questionnaire_onglets,
#bloc_centre .contenu_ancres {
	padding: 26px 12px 12px 16px;
	margin-top: 80px;
}
#bloc_centre .contenu_ancres .contenu img.img_mobile {
    width: calc(400px - 28px);
	display: block;
}
#bloc_centre .contenu_ancres .contenu img.img_pc {
	display: none;
}
#bloc_centre .footer_ancre, #bloc_centre .footer_onglet {
    width: 400px;
}
span.medaillon2{
    width: 162px;
	display: inline-block;
	height: 162px;
}
span.medaillon2 > span {
    left: 18px;
}
span.medaillon > span > span:first-child {
    width: 162px;
    padding: 0px 25px;
    font-size: 11px;
    background-size: 162px;
	height: 162px;
}
#paragraphe span.medaillon2 > span > span, #paragraphe span.medaillon > span > span {
    padding: 5px 30px;
}
#paragraphe span.medaillon2 > span > span, #paragraphe span.medaillon > span > span.legende_notation, 
span.medaillon > span > span.legende_notation {
	padding: 5px 0 0 0;
	display: block;
	width: 414px;
	bottom: 0;
	left: 0;
	background-color: #f8f8f6;
}
span.medaillon > span > span.legende_notation span.ligne {
	display: inline-block;
	width: 20%;
	padding-bottom: 0;
}
span.medaillon > span > span.legende_notation2 span.ligne {
	display: inline-block;
	width: 33%;
	padding-bottom: 0;
}
span.medaillon > span > span.legende_notation span.ligne span.notation {
	display: block;
	line-height: 42px;
	margin: auto;
	background-color: #dcdcd4;
}
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.medaillon > span > span.legende_notation span.ligne span.legende {
	display: block;
	padding-left: 20px;
	font-size: 13px;
	margin: auto;
	padding: 10px 5px;
	text-align: center;
}
.onglets span.medaillon2 > span, 
.onglets span.medaillon > span {
    top: -45px;
    z-index: 10;
}
span.medaillon > span {
    width: 162px;
    left: 239px;
}
.info_bulle {
	vertical-align: top;
}
.info_bulle .info_bulle_text::after {
    margin-left: -30px;
}
.info_bulle .info_bulle_text {
    width: 160px;
    margin-left: -70px;
}
#questionnaire .info_bulle {
	margin-top: 24px;
	margin-left: 0;
}
#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-size: 12px;
}
#bloc_centre #paragraphe .contenu_paragraphe_onglets #onglet_2 > .titre_onglet {
	margin: 20px 0;
}
#bloc_centre #questionnaire .contenu_questionnaire_onglets h2, 
#bloc_centre #paragraphe .contenu_paragraphe_onglets h2, 
#bloc_centre #fiche .titre_fiche h2 {
    font-size: 20px;
    margin: 20px 0 25px 0;
	width: calc(100% - 60px);
}
#bloc_centre #questionnaire .contenu_questionnaire_onglets h2 br,
#bloc_centre #paragraphe .contenu_paragraphe_onglets h2 br,
#bloc_centre #fiche .titre_fiche h2 br {
	display: unset;
}
#bloc_centre #fiche img {
    top: -32px;
    right: 0px;
	left: unset;
    z-index: 10;
    width: 167px;
}
#bloc_centre #paragraphe, #bloc_centre #fiche {
    width: 100%;
}
#bloc_centre #fiche > div:first-child {
    width: 100%;
    padding: 0;
}
#bloc_centre .element_fiche .div_input input {
    width: 120px;
}
#bloc_centre #fiche .lignes_fiche .element_fiche > .element_libelle > span {
	display: inline-block;
	max-width: calc(100% - 22px);
}
#bloc_centre .element_fiche .div_input {
    width: 155px;
    padding: 12px 0px 6px 5px;
	bottom: 1px;
	height: calc(100% - 19px);
}
#bloc_centre #fiche .lignes_fiche .element_fiche > .element_libelle {
    width: calc(100% - 190px);
}
#bloc_centre #fiche .contenu_texte_client {
	padding-bottom: 20px;
}
#bloc_centre .contenu_paragraphe_onglets .onglets {
	margin: 0;
}
#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% - 246px);
	font-size: 12px;
}
#bloc_centre #tab_sinistralite .ligne_tableau .element_libelle2 {
    padding: 12px 0px 7px 70px;
    width: calc(100% - 296px);
    font-size: 12px;
}
#bloc_centre #tab_sinistralite .ligne_tableau#cout_an_sinistralite {
	height: 80px;
}
#bloc_centre #tab_sinistralite .ligne_tableau#cout_an_sinistralite .annee_tableau div {
	line-height: 80px;
}
#bloc_centre #tab_sinistralite .ligne_tableau .element_libelle3 {
    width: calc(100% - 246px);
    font-size: 12px;
}
#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 {
    width: 90px;
	padding: 10px 10px 0;
}
#tab_sinistralite #entete_sinistralite.ligne_tableau_entete .annee_n1_tableau, 
#bloc_centre #tab_indic_acci .ligne_tableau_entete .moyenne_tableau {
	line-height: unset;
	padding-top: 0;
	height: 58px;
}
#bloc_centre #tab_sinistralite #entete_sinistralite.ligne_tableau_entete .annee_n1_tableau .logo_recom {
	display: none;
}
#bloc_centre #tab_indic_acci .ligne_tableau_entete .moyenne_tableau span {
	display: inline-block;
    max-width: calc(100% - 22px);
}
#bloc_centre #tab_indic_acci .ligne_tableau_entete .info_bulle {
	margin-top: 10px;
}
#bloc_centre #tab_sinistralite .ligne_tableau_entete .element_libelle span.libelle_tableau, 
#bloc_centre #tab_indic_acci .ligne_tableau_entete .element_libelle span.libelle_tableau, 
#bloc_centre #tab_sinistralite .ligne_tableau .element_libelle span.libelle_tableau, 
#bloc_centre #tab_indic_acci .ligne_tableau .element_libelle span.libelle_tableau {
	display: inline-block;
	max-width: calc(100% - 22px);
}
#bloc_centre #onglet_2 .canvas_div {
	width: 372px;
	margin-left: 0;
}
#bloc_centre #onglet_2 .contenu_div {
    width: 260px;
    display: block;
    margin: auto;
    padding-bottom: 30px;
}
#bloc_centre #tab_sinistralite #cout_annee {
    width: 200px;
}
#bloc_centre #tab_sinistralite .ligne_tableau .annee_tableau, 
#bloc_centre #tab_sinistralite .ligne_tableau .annee_n1_tableau {
    font-size: 16px;
}
#bloc_centre #tab_sinistralite .ligne_tableau .annee_tableau div, 
#bloc_centre #tab_sinistralite .ligne_tableau .annee_n1_tableau div {
    font-size: 28px;
}






}