html {
    font-family: sans-serif; 
    height : 100%;
    background-color: #ffffff !important;
}
h1 {
    font-size: 1.5em;
    text-align: center;
    font-style: normal;
}
body{
    font-family: "Trebuchet MS", sans-serif;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /* background-color: #dfdfdf; */
    background-color: #ffffff !important;
}

i {
    font-size: .8em;
    color: #000000af;
}
i a {
    font-size: 1em;
    color: #000000af;
}

.petitbt {
    font-size: 1.0em;
    display: inline;
    min-width: 50px;
    border: 1px solid #45a1ff66;
    background-color: #45a1ff66;
    border-radius: 8px;
    padding: 3px;
}

fieldset:first-of-type
{
    background-color: #0d61be;
    color: #fff;
    text-align: center;
    /* align-content: center; */
}

fieldset:first-of-type legend
{
    background-color: #fff;
    color: #0d61be;
    /* width: 100%; */
    min-width: 100px;
    width: fit-content;
    text-align: center;
    border-width: 2px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
}
fieldset:first-of-type input
{
    border-radius: 0%;
    border: 0px none #ffffff00;
    font-size: 1.3em;
}
fieldset:first-of-type select
{
    border-radius: 0%;
    border: 0px none #ffffff00;
    font-size: 1em;
}


fieldset:nth-of-type(2)
{
    background-color: #0d61be;
    color: #fff;
    text-align: center;
    /* align-content: center; */
}

fieldset:nth-of-type(2) legend
{
    background-color: #0d61be;
    color: #fff;
    /* width: 100%; */
    min-width: 100px;
    width: fit-content;
    text-align: center;
    border-width: 2px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
}

fieldset:nth-of-type(2) input
{
    border-radius: 0%;
    border: 0px none #ffffff00;
    font-size: 1.3em;
}
fieldset:nth-of-type(2) select
{
    border-radius: 0%;
    border: 0px none #ffffff00;
    font-size: 1em;
}

fieldset:last-of-type
{
    text-align: center;
    color: #0d61be;
    /* align-content: center; */
}
fieldset:last-of-type input
{
    border-radius: 0%;
    border-color: #0d61be;
    font-size: 1.3em;
}

fieldset:last-of-type label
{
    /* border-radius: 0%; */
    border-color: #000;
    /* font-size: 1em; */
}

.btn
{
    color: #0d61be;
    font-size: 1.6em;
    border-radius: 80px;
    border-color: #0d61be;
    padding: .6em 1.2em;
    min-width: 180px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.btn:hover {
	color: #06305f;
    background-color: #CCC;
}

.btn-check:focus+.btn,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem #06305f40;
    cursor: pointer;
}

.global{
    min-height: 100vh!important;
    /* height: 100vh!important; */
    position: relative;
}
.barregris {
    background-color: #FAFAFA;
}
.titre {
    font-size: 1.6em; 
    color: #0d61be;
    text-align: center;
}

.titreform {
    font-size: 1.6em; 
    text-align: center;
    font-variant: small-caps;
    background-color: #45a1ff;    
    border: 1px #CCC solid;
}
.erreur {
    color: red; 
    background-color: yellow;
    border: 1px red solid;
    padding: 1em 1em 1em 1em;
    text-align: center;
}
.succes {
    color: black; 
    background-color: greenyellow;
    border: 1px black solid;
    padding: 1em 1em 1em 1em;
    text-align: center;
    height: 5em;
}
.listef{
    font-size: 1.2em
}
footer{
    display: flex;
    justify-content: center;
    /* background-color: #45a1ff; */
    background-color: #0d61be;
    color: #fff;
    position: sticky;
    width: 100%;
    height: 6em;
    bottom: 0 !important; left: 0; right: 0;
}
footer a {
    text-decoration: none;
    color: white;
}
footer div {
    width: 33%;
	text-align:center;
    padding: .8em;
	align-content: center !important
}
a{
    color: black;
    text-decoration: none;
}
.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
.bouquet {
    font-size: 0.7em;
    color: grey;
    text-align: center
}
.centre {
    text-align: center;
}
.form_a  {
    width: 45em;
    padding : 1em;
    border: 1px solid #CCC;
    border-radius: 1em;
    margin-left: auto;
    margin-right: auto;
}
.message {
    padding : 1em;
}
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
li {
    list-style: none;
}
input[type="radio"] { -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */ transform: scale(1.5); } 
.tableaide {
    border: 1px solid #CCC;
    margin-left:auto; margin-right:auto;
    border-radius: 1em;
    font-size: 1.2em;
    padding: 10px 10px 10px 10px;
}
.tablerecap {
    margin-left:auto; margin-right:auto;
    font-size: 1.2em;
    padding: 10px 10px 10px 10px;
}

.tablerecap input
{
    color: #0d61be;
    background-color: #ffffff;
    font-size: 1.6em;
    border-radius: 80px;
    border-color: #0d61be;
    padding: .6em 1.2em;
    min-width: 180px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.tablerecap input:hover {
	color: #06305f;
    background-color: #CCC;
}
.tablerecap input-check:focus+.tablerecap input,
.tablerecap input:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem #06305f40;
    cursor: pointer;
}

.tablerecap a
{
    color: #0d61be;
    text-align: center;
    background-color: #ffffff;
    font-size: 1.6em;
    border: 2px solid #0d61be;
    border-radius: 80px;
    padding: .6em 1.2em;
    min-width: 180px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.tablerecap a:hover {
	color: #06305f;
    background-color: #CCC;
}
.tablerecap a-check:focus+.tablerecap a,
.tablerecap a:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem #06305f40;
    cursor: pointer;
}

.NewButton
{
    color: #ffffff;
    text-align: center;
    align-content: center !important;
    background-color: #0d61be;
    font-size: 1.2em;
    border: 1px solid #0b305f;
    max-width: 300px;
    width: 27vw;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    aspect-ratio: 16 / 9;
}
.NewButton:hover {
	color: #ffffff;
    background-color: #00cddf;
}
.NewButton-check:focus+.NewButton,
.NewButton:focus {
	outline: 0;
	box-shadow: 0 0 0 .25rem #06305f40;
    cursor: pointer;
}
.NewButton a
{
    color: #ffffff;
}

.pointeur{
    cursor: pointer
}
.notallowed{
    cursor: not-allowed
}
input {
    border-radius:5px;
}
select {
    border-radius:5px;
}
fieldset {
    border-radius:5px;
}
.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 6em
}
.centrebouton {
    /* display: block; */
    margin: auto;
}
@media screen and (max-width: 900px) {
    .form_a {
        width: 25em;
        padding : 1em;
        border: 1px solid #CCC;
        border-radius: 1em;
        margin-left: auto;
        margin-right: auto;
    }
    .tablerecap{
        font-size: medium
    }
    .centre { text-align: center; }
    .titre {
        font-size: 1.4em;
        color: #0d61be;
        text-align: center;
    }
    * {
        box-sizing: border-box;
    }
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */
    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
    img, table, input, iframe {
        max-width: 100%;
    }
    /* conserver le ratio des images */
    img {
        height: auto;
    }
    /* gestion des mots longs */
    textarea,
    table {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    code, pre, samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
    .element1,.element2 {
        float: none;
        width: auto;
    }
    /* masquer les éléments superflus */
    .hide_mobile {
        display: none !important;
    }
    .NewButton
    {
        color: #ffffff;
        text-align: center;
        background-color: #0d61be;
        font-size: 1em;
        border: 1px solid #0b305f;
        /* border-radius: 80px; */
        /* padding: .6em 1.2em; */
        min-width: 196px;
        width: 25vw;
        align-content: center !important;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding: .1em;
        aspect-ratio: 16 / 9;
    }
    .NewButton:hover {
        color: #ffffff;
        background-color: #00cddf;
    }
    .NewButton-check:focus+.NewButton,
    .NewButton:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem #06305f40;
        cursor: pointer;
    }
    .NewButton a
    {
        color: #ffffff;
    }

    .btn
    {
        color: #0d61be;
        font-size: 1.4em;
        border-radius: 80px;
        border-color: #0d61be;
        padding: .5em 1em;
        min-width: 180px;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }
    .btn:hover {
        color: #06305f;
        background-color: #CCC;
    }

    .btn-check:focus+.btn,
    .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem #06305f40;
        cursor: pointer;
    }
}

.aideCl
{
    color: #0d61be;
    font-size: .8em;
    padding: 3em;
}

.TableContent
{
    max-width: fit-content;
    width: 70vw;
}

.TableContent td
{
    padding-left: 24px;
    padding-right: 24px;
    /* padding-top: 4px; */
    /* padding-bottom: 4px; */
}

/* inspiré par Bootstrap */

.d-flex {
	display: flex !important
}

.flex-row {
	flex-direction: row !important
}

.align-items-center {
	align-items: center !important
}

.align-items-baseline {
	align-items: baseline !important
}

.align-content-center {
	align-content: center !important
}

.justify-content-between {
	justify-content: space-between !important
}

/* ID spéciffique */

#site
{
    font-size: 1.5em;
    margin-block-start: 1em;
    margin-block-end: .5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.ui-button { margin: 0 auto;}

#monform {margin-bottom: 100px; text-align: center; font-size: 1.17em;}
#monform .ui-button
{
    color: #0d61be;
    text-align: center;
    font-size: 1.4em;
    border-radius: 80px;
    border: 2px solid #0d61be;
    /* border-color: #0d61be; */
    padding: .6em 1.2em;
    min-width: 180px;
    width: 27vw;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#monform .ui-button:hover {
    color: #06305f;
    background-color: #CCC;
    cursor: pointer;
}

#monform .ui-button-check:focus+#monform .ui-button,
#monform .ui-button:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #06305f40;
    cursor: pointer;
}

/**/