/* Constants */

:root {
	/* Colors */
	--Color0: #4a0c73;
	--Color1: #00365b;
	--ColorC1: #eea57e;
	--Color2: #253b37;
	--Color3: #cfe8e2;
	--Color4: #28887b;
	--Color5: #00b299;
	--Color6: #2a2b2a;
	--Color7: #013050;
	--Color81: #0076c5;
	--Color8: #014e81;
	--Color9: #b5c2ca;
	--Color10: rgba(0, 0, 0, 0.2);
	--Color11: rgba(0, 0, 0, 0.1);
	--Color12: #970026;
	--Color120: #ff0202;
	--Color121: #300000;
	--Color13: #5f031a;
	--Color14: #fff;
	--Color15: #000;
	--Color16: rgb(37, 37, 37);
	--Color17: rgb(15, 15, 15);
	--Color18: #cbe7ff;
	--Color141: #dbdbdb;

    /* Bordures*/
	--RadiusBtn: 15px;
	--RadiusInput: 20px;

    /* Entete_Sondage_ */
	--Entete_Sondage_padding    : 5px;
	--Entete_Sondage_margin     : 5px;
	--Entete_Sondage_font-size  : 50px;
	--Entete_Sondage_max-width  : ;
	--letter-spacing: 1px;
	--font-weight: normal;
    
    /* Entete Section */
	--sec_titre_font-sizes:2rem;
	--sec_titre_letter-spacing: 1px;
	--sec_titre_font-weight: normal;
	--sec_description_font-sizes:2rem;
	--sec_description_letter-spacing: 1px;
	--sec_description_font-weight: normal;


    /* Entete question */
	--question_titre_font-sizes:2rem;
	--question_titre_letter-spacing: 1px;
	--question_titre_font-weight: normal;
	--question_description_font-sizes:2rem;
	--question_description_letter-spacing: 1px;
	--question_description_font-weight: normal;
	--padding: ;
	--margin: ;
	--font-size: ;
	--max-width: ;


    /* Entete Choix */
	--choix_titre_font-sizes:2rem;
	--choix_titre_letter-spacing: 1px;
	--choix_titre_font-weight: normal;
	--choix_description_font-sizes:2rem;
	--choix_description_letter-spacing: 1px;
	--choix_description_font-weight: normal;
	--padding: ;
	--margin: ;
	--font-size: ;
	--max-width: ;



    /* Entete Choix */
	--padding: ;
	--margin: ;
	--font-size: ;
	--max-width: ;
	--BlocMargin: 100px;
	--BlocPadding: 100px;
	--BlocPadding: 10px;
	--TitleMargin: 10px;
	--TitlePadding: 180px;
	--TitlePadding: calc(0.5em + 2vw);
	--SubTitleMargin: 40px;
	--SubTitlePadding: calc(0.5em + 2vw);
	--MainTitleFontSize: calc(55px + 6 * ((100vw - 320px) / 680));
	--ButtonHeight: 40px;
	--ButtonWidth: 140px;
	--ButtonLineHeight: 20px;
	--ButtonFontSize: 1rem;
	--ButtonLetterSpacing: 1px;

    /* font-size */
	--font-size-sondage-titre: 2em;
	--font-size-sondage-discription: 1em;
	--font-size-sondage-optionTitre:10px;
	--font-size-sondage-optionTexte:10px;
	--font-size-sondage-blocTitre:10px;
	--font-size-sondage-blocTexte:10px;
	--font-size-sondage-bouton:10px;
	--margin-sondage-sondage-corps: 50px;
	--padding-sondage-sondage-corps: 30px;
	--width-sondage-sondage-corps: auto;
	--font-size-section-titre: 2em;
	--font-size-section-discription: 1em;
	--font-size-section-texte:10px;
	--font-size-section-blocTitre:10px;
	--font-size-section-blocTexte:10px;
	--font-size-section-bouton:10px;
	--font-size-question-titre: 1.4em;
	--font-size-question-discription: 1em;
	--font-size-question-info_question: 1.8rem;
	--font-size-question-optionTexte:10px;
	--font-size-question-modeVoteTitle:16px;
	--font-size-question-mode_de_vote:20px;
	--font-size-question-blocTexte:10px;
	--font-size-question-bouton-collapsed_btn:16px;
	--font-size-question-bouton:10px;
	--font-size-table_liste_choix_th: 1em;
	--padding-table_liste_choix :0.5em;
	--font-size-110: 110px;
	--font-size-12: 12px;
	--font-size-13: 13px;
	--font-size-14: 14px;
	--font-size-15: 15px;
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-22: 22px;
	--font-size-23: 23px;
	--font-size-24: 24px;
	--font-size-25: 25px;
	--font-size-26: 26px;
	--font-size-30: 30px;
	--font-size-34: 34px;
	--font-size-35: 35px;
	--font-size-40: 40px;
	--font-size-50: 50px;
	--font-size-80: 80px;
	--height-100: 100px;
	--height-10: 10px;
	--height-16: 16px;
	--height-22: 22px;
	--height-24: 24px;
	--height-250: 250px;
	--height-2: 2px;
	--height-300: 300px;
	--height-30: 30px;
	--height-32: 32px;
	--height-34: 34px;
	--height-350: 350px;
	--height-40: 40px;
	--height-500: 500px;
	--height-50: 50px;
	--height-550: 550px;
	--height-5: 5px;
	--height-600: 600px;
	--height-6: 6px;
	--margin-0: 0px;
	--margin-100: 100px;
	--margin-10: 10px;
	--margin-15: 15px;
	--margin-1: 1px;
	--margin-20: 20px;
	--margin-25: 25px;
	--margin-2: 2px;
	--margin-30: 30px;
	--margin-3: 3px;
	--margin-40: 40px;
	--margin-45: 45px;
	--margin-50: 50px;
	--margin-5: 5px;
	--margin-60: 60px;
	--margin-70: 70px;
	--padding-10: 10px;
	--padding-14: 14px;
	--padding-15: 15px;
	--padding-20: 20px;
	--padding-30: 30px;
	--padding-40: 40px;
	--padding-50: 50px;
	--padding-5: 5px;
	--padding-8: 8px;
	--width-1100: 1100px;
	--width-150: 150px;
	--width-15: 15px;
	--width-220: 220px;
	--width-250: 250px;
	--width-300: 300px;
	--width-30: 30px;
	--width-32: 32px;
	--width-380: 380px;
	--width-400: 400px;
	--width-480: 480px;
	--width-50: 50px;
	--width-700: 700px;
	--width-750: 750px;
}

/* Contenu question------------------*/
html {
    scroll-behavior: smooth;
}

:target { scroll-margin-top: 15vh; }

.question_action {
    margin-block: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.bouton_actualiser:hover,
.bouton_voter:hover,
.collapsed_result_btn:hover,
.bouton_mes_votes:hover,
.bouton_detail:hover,
.bouton_reduire:hover {
    color: white;
    background-color: var(--Color1);
}

.icone_reduire {
    text-decoration: none;
    font-size: 1rem;
    color: white;
}


.bouton_reduire,
.bouton_actualiser,
.bouton_voter,
.collapsed_result_btn,
.bouton_mes_votes,
.bouton_detail,
.bouton_supprimer,
.bouton_ajouter_choix{
    margin: 3px;
    display: inline-flex;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: var(--ButtonFontSize);
    color: white;
    border-radius: var(--RadiusBtn);
    white-space: nowrap;
	
place-items: center;}

.bouton_actualiser,
.bouton_reduire,
.bouton_mes_votes,
.bouton_detail {
    background-color: var(--Color8);
}

.bouton_reduire:after {
    padding-left: 5px;
    font-family: 'Font Awesome 5 Free';
    content: '\f0dc';
    font-weight: 900;
    float: right;
    margin-right: 10px;
}

.bouton_reduire{
	/* border:1px solid white; */
}

.bouton_voter {background-color: var(--Color4);}
.bouton_voter:hover {color: white;background-color: var(--Color5);}

.bouton_retour {
    background: blanchedalmond;
}

.bouton_votant{
    background: var(--Color4);
	border-radius: 1.5rem;
}

.collapsed_result_btn {background-color: var(--Color4);}

.bouton_supprimer{background: var(--Color12);}
.bouton_supprimer:hover {background-color: var(--Color121);}
.input-group .bouton_supprimer ,
.input-group .bouton_ajouter_choix{
    margin:0;
}

.bouton_ajouter_choix .bi-plus{
    font-size: 1.5rem;
    margin-inline:0;
}

.collapsed_result_btn:after {
    padding-left: 5px;
    font-family: 'Font Awesome 5 Free';
    content: '\f13a';
    font-weight: 900;
    float: right;
    margin-right: 10px;
}

.vote_result_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.input_group_number_vote {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: var(--margin-5);
    /*font-size: 10px;*/
	white-space: nowrap;
}

img, svg {
    max-width:100%
}

.bouton_supprimer img{
	place-self: center;
}

.btn-group .bouton_vote{

}
.btn-group .bouton_supprimer[name="Annuler_Vote"]{
	font-size: 0.7rem;
	width: 4rem;
	white-space: normal;
	padding: 0.3rem;
}

.switch-affichage{
    display: block;
}
/*------------------*/



@media (max-width: 767px) {
    :root {
        --margin-sondage-sondage-corps: 0;
        --padding-sondage-sondage-corps: 0;
        --padding-table_liste_choix :0;
        
    } 

    .input_group_number_vote {
        font-size: 10px;
    }

	
	.table_liste_choix .table_profil{
		
	}
	

    .input_group_number_vote .resetValue {
        margin-inline: 1.5em 0;
		display :none
	}

}


@media (min-width: 768px) {
    :root {
        --margin-sondage-sondage-corps: 50px;
        --padding-sondage-sondage-corps: 30px;

        
    } 

}