/*
https://fr.qr-code-generator.com/a1/?msclkid=16fbc285ccae192bb585a16ebf6222d4&AdId=71674624435442&BidMatchType=be&CampaignId=431126805&TargetId=kwd-71675141929826:loc-66&QueryString=qr%20code%20gratuit&IfSearch:string=string&keyword=cr%C3%A9er%20un%20qr%20code%20gratuit&MatchType=e&AdGroupId=1146791572208505&cpid=2f9edc9f-4d94-4d4a-9de9-0274209e84f5&utm_source=bing&utm_medium=cpc&utm_campaign=FR%20-%20QR%20Code%20Global&utm_term=cr%C3%A9er%20un%20qr%20code%20gratuit&utm_content=FR%20-%20QR%20Code%20Global
vert ASRE #45D88A  rgb(69, 216, 138)
bleu clair ASRE #2B9CFC  rgb(43, 156, 252)
bleu foncé ASRE #030069  rgb(3, 0, 105)
*/

*, html, body {
    font-family: Verdana, Arial, sans-serif;
	font-size: 2.5vmin;
	line-height: 1.3em;
}

body {
    background-color: rgb(255, 255, 255);
}

.logo_ASRE49_horiz {
    max-height: 5em;
    position: absolute;
    top: 1em;
    left: 1em;
}

.logo_ASRE49_verti {
    visibility: hidden;
    max-height: 8em;
    max-width: 14vw;
    position: absolute;
    top: 1em;
    left: 0.5em;
}

.deco {
    max-height: 8em;
    max-width: 17vw;
    position: absolute;
    top: 0em;
    right: -0.1em;
}

h1 {
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    margin: 2em;
}

#questionnaire {
    text-align: center;
}

#livret {
    font-size: 1.3em;
    margin: 0.3em;
    color: rgb(3, 0, 105);
    text-decoration: underline rgb(43, 156, 252);
}
#livret:hover {
    font-size: 1.3em;
    color: rgb(43, 156, 252);
    text-decoration: underline rgb(43, 156, 252);
}

/*------------- Renseignements -------------*/

.sous-titre {
    font-size: 1.1em;
    margin: 1.3em 0.3em 0.7em 0.3em;
    border-bottom: 0.1em solid rgb(3, 0, 105);
}

input[type=text], input[type=date], select {
    padding: 0.3em;
    margin:  0.3em 0em;
    border: none;
    border-bottom: 0.1em solid rgb(69, 216, 138);
}
input[type=text]:focus, input[type=date]:focus, select:focus {
    outline: none;
    background-color: rgba(69, 216, 138, 0.275);
}

input[type=number] {
    padding: 0.3em;
    margin:  0.3em 0em;
    border: none;
    border-bottom: 0.1em solid rgb(43, 156, 252);
}

/*Case de collecte de données*/
input[type="checkbox"].collecte_donnees {
    border-color: rgb(69, 216, 138);
}
input[type="checkbox"].collecte_donnees:hover {
    background-color: rgba(69, 216, 138, 0.275);
}
input[type="checkbox"].collecte_donnees:checked {
    background-color: rgb(69, 216, 138);
}

/*Texte collece de données*/
.petit {
    font-size: 0.7em;
    margin-top: 1em;
}
.ppetit {
    font-size: 1em;
    margin: 0em 0em 0em 1.8em;
}

/*---------------- Questions ---------------*/
fieldset {
    display: inline-block;
    text-align: left;
    width: 85%;
    /*width: 41vw;*/
    background-color: rgb(255, 255, 255);
    margin: 0.5em 1.5em;
    border: 0.1em solid rgb(3, 0, 105);
    border-radius: 0.1em;
}

.question {
    font-size: 1.1em;
    margin: 0.5em 0.2em;
}

label {
    display: block;
    margin: 0.3em;
}

.form-control {
    display: block;
}

input[type="checkbox"], input[type="radio"] {
    /* Cacher checkbox originale*/
    -webkit-appearance: none;
    appearance: none;  
    background-color: rgb(255, 255, 255);/* For iOS < 15 to remove gradient background */
    margin: 0em;
    /*custom checkbox non sélectionnées */
    width: 1em;
    height: 1em;
    border: 0.14em solid rgb(43, 156, 252);
    border-radius: 0.15em;
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
    background-color: rgba(43, 156, 252, 0.335);
}

/*custom checkbox sélectionnée*/
input[type="checkbox"]:checked, input[type="radio"]:checked {
    height: 1em;
    background-color: rgb(43, 156, 252);
}

/*----------- Boutons ----------*/
button {
    background-color: rgb(255, 255, 255);
    border: 0.15em solid rgb(43, 156, 252);
    border-radius: 0.1em;
    padding: 0.3em 0.5em;
    margin: 0.3em;
    font-size: 1.1em;

}
button:hover {
    background-color: rgb(43, 156, 252);
    color: white;
}
.clique, .clique:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(131, 131, 131);
}

#sauvegarder {
    margin-left: 2em;       /*écarter les 2 bouttons du bord gauche*/
}

/*///----------------- Viewport < 1015px ----------------///*/
@media screen and (max-width: 1015px) {
    /*1 question par ligne*//*
    fieldset {
        display: inline-block;
        width: 85%;
        margin: 0.5em 1em;
    }*/

    /*Change pour le logo vertical*/
    .logo_ASRE49_horiz {
        visibility: hidden;
    }
    .logo_ASRE49_verti {
        visibility: visible;
    }
}

/*---------------------------------------------- Page 2 --------------------------------------------*/

.message {
    border-top: 0.1em solid rgb(3, 0, 105);
    text-align: center;
    margin: 4em 1em 0em;
    padding-top: 4em;
}

h2 {
    text-align: center;
    font-size: 2.5em;
    font-weight: normal;
    font-style: italic;
    margin: 2.5em 1em;
}

/*lien*/
p:has(a) {      
    text-align: center;
}

a:link, a:visited {
    color: rgb(69, 216, 138);
    font-size: 1.4em;
}
a:hover {
    color: rgb(3, 0, 105);
}