/* fonts — fichiers locaux avec chemins corrigés (assets/css → assets/fonts) */

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* style */

*{
	font-family: 'open_sansregular';
	font-size : 14px;}

.conteneur_form{
	margin : 10px auto; 
	width : 60%;
	background-color : white;
	color : black;
	padding : 0px;
	border : 10px solid #fff;
	}

.conteneur_home{
	margin : 10px auto; 
	width : 80%;
	background-color : white;
	color : black;
	padding : 0px;
	border : 10px solid #fff;
	}

fieldset{
	padding: 5px 15px 5px 15px;
	background-color: RGBa(99, 0, 60, 0.1);
	border-radius: 6px;
	border: 1px solid rgb(99,0,60);
	box-shadow: 0px 0px 2px 0px #777;
	}

p{
	text-align: justify;
	line-height: 150%;
	}

h1{
	margin: 20px auto;
	padding: 20px 30px 20px 30px;
    text-align: center;
    font-size: 20px;
    font-variant: normal;
	font-weight: bold;	
    color: white;
    background-color: rgb(99,0,60);
	}

/* 
h1.M1{
    background-color: rgb(87,180,202);
	}
 */

h2{
	width: 100%;
	margin: 0px auto;
    padding: 0px 0px 0px;
    font-size: 18px;
    font-variant: normal;
    color: rgb(99,0,60);
	}

h3{
	font-family: 'open_sanssemibold';
	font-weight: 400;
	}

ISP_title{
	text-align: justify;
	margin: 10 px auto;
	font-size: 20px;
	font-variant: normal;
	font-weight: bold;
	color: rgb(99,0,60);
	}

strong{
	font-weight: bold;
}

/* Navigation */

nav ul
{
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
/* 
    align-items: right;
 */
}

nav li
{
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

/* End navigation */

.note{
	display: inline-block;
	position: relative;
    right: 500px;
    top: 200px;
	color: red;
	text-align: right;
	padding-right: 10px;
	font-size: 10px;
	margin: 0px 0px 0px;
	}

legend{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: RGB(99,0,60);
	padding: 3px 15px;
	}

div.c100{
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 23px;
	width: 100%;
    margin-bottom: 15px;
    margin-left: 10px;
	margin-right: 5px;
	}

input[type="submit"]{
    color: RGB(99,0,60);
    background-color: RGBa(99,0,60,0.1);
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;	
    border: 2px solid RGB(99,0,60);
	box-shadow: 0px 0px 2px 0px #777; 
	}

input[type="submit"]:hover{
    background-color: RGB(99,0,60);
    color: white;
    cursor: pointer;
    box-shadow: 0px 0px 5px 0px #777; 
	}

textarea{
	width: 60%;
	height: 100px;
	margin-bottom: 5px;
	}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	padding: 0px;
	width: 100%;
	}

/* Table Style */

table { 
	width: 100%; 
	border-collapse: collapse; 
	margin:10px auto;
	}

th { 
	background: rgb(99,0,60); 
	color: white; 
	font-weight: bold; 
	font-size: 13px;
	text-align: center;
	}

td { 
	padding: 5px; 
	text-align: center; 
	font-size: 12px;	
	}

/* datatable M2 */

table#ISP_table.dataTable tbody tr:hover {
  	background-color: rgb(239,229,235);
}

table#ISP_table.dataTable tbody a {
	text-decoration:none;
	font-family: 'open_sanssemibold';
	font-size: 12px;
/* 	font-weight: bold; */
	color: rgb(99,0,60); 
	}
	
/* datatable M1 */

table#ISP_M1_table.dataTable th { 
	background: rgb(99,0,60); 
	border: 1px rgb(99,0,60);
	}

table#ISP_M1_table.dataTable tbody tr:hover {
  	background-color: rgba(99,0,60,0.1);
}

table#ISP_M1_table.dataTable tbody a {
	text-decoration:none;
	font-family: 'open_sanssemibold';
	font-size: 12px;
	color: rgb(99,0,60); 
	}


/* Compteur */

#compteur, #compteur2, #compteur3, #compteur4 {
	text-align:left;
	margin-left:0px;
	margin-right:auto;
	margin-top:-10px;
	font-size:12px;
    color: RGB(99,0,60);
	font-weight: bold;	
}

.mauvais {
	color:#cc0000;
}


/* Switch buttons */

#checkswitch
{
    display: flex;
}

.onoffswitch {
    position: relative; width: 30px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    align-self: center;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #63003C; border-radius: 17px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 15px; padding: 0; line-height: 15px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #63003C; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #EFE5EB; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 10px; margin: 2.5px;
    background: #EFE5EB;
    position: absolute; top: 0; bottom: 0;
    right: 11px;
    border: 1px solid #63003C; border-radius: 17px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.text_checkbox{
	margin-left: 5px;
	align-self: center;
}

/* 
.select-menu {
    --background: #242836;
    --text: #fff;
    --icon: #fff;
    --icon-active: #3F4656;
    --list: #1C212E;
    --list-text: rgba(255, 255, 255, .2);
    --list-text-hover: rgba(255, 255, 255, .5);
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    select,
    .button {
        font-family: inherit;
        margin: 0;
        border: 0;
        text-align: left;
        text-transform: none;
        -webkit-appearance: none;
    }
    select {
        pointer-events: none;
        user-select: none;
        opacity: 0;
        padding: 8px 36px 8px 12px;
        visibility: hidden;
        font-weight: 500;
        font-size: 14px;
        line-height: 25px;
    }
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        transform: translateY(var(--t));
        transition: opacity .3s ease, transform .4s cubic-bezier(.2, .9, .4, 1.1);
        li {
            padding: 8px 36px 8px 12px;
            cursor: pointer;
        }
    }
    & > ul {
        background: var(--list);
        color: var(--list-text);
        border-radius: 6px;
        li {
            transition: color .3s ease;
            &:hover {
                color: var(--list-text-hover);
            }
        }
    }
    .button {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        z-index: 1;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 6px;
        color: var(--text);
        background: var(--background);
        em {
            --r: 45deg;
            display: block;
            position: absolute;
            right: 12px;
            top: 0;
            width: 7px;
            height: 7px;
            margin-top: 13px;
            -webkit-backface-visibility: hidden;
            &:before,
            &:after {
                --o: .4;
                content: '';
                width: 7px;
                height: 7px;
                opacity: var(--o);
                display: block;
                position: relative;
                transition: opacity .2s ease;
                transform: rotate(var(--r)) scale(.75);
            }
            &:before {
                border-left: 2px solid var(--icon);
                border-top: 2px solid var(--icon);
                top: 1px;
            }
            &:after {
                border-right: 2px solid var(--icon);
                border-bottom: 2px solid var(--icon);
                bottom: 1px;
            }
        }
    }
    &:not(.open) {
        & > ul {
            opacity: 0;
            pointer-events: none;
        }
    }
    &.open {
        &.tilt-up {
            animation: tilt-up .4s linear forwards;
            .button {
                em {
                    &:before {
                        --o: 1;
                    }
                }
            }
        }
        &.tilt-down {
            animation: tilt-down .4s linear forwards;
            .button {
                em {
                    &:after {
                        --o: 1;
                    }
                }
            }
        }
    }
}

@keyframes tilt-up {
    40%,
    60% {
        transform: perspective(500px) rotateX(8deg);
    }
}

@keyframes tilt-down {
    40%,
    60% {
        transform: perspective(500px) rotateX(-8deg);
    }
}

html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

* {
    box-sizing: inherit;
    &:before,
    &:after {
        box-sizing: inherit;
    }
}

// Center & dribbble
body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto', Arial;
    background: #171C28;
    .dribbble {
        position: fixed;
        display: block;
        right: 20px;
        bottom: 20px;
        img {
            display: block;
            height: 28px;
        }
    }
}
 */