body {
    height: 100%;
    margin: 0;
    padding: 0;
    color:#443a31;
    font-family: Arial,Helvetica,sans-serif !important;
}

*, ::after, ::before {
    box-sizing: initial !important;
}


#fm1 input[type='submit'], #fm1 input[type='button'], #fm1 .mdc-button {
    -webkit-appearance: none;
    border-radius: 0;
}

nav.navbar , footer#casFooter.cas-footer {
	display:none !important;
}

.bgimage {
    background-image: none !important;
}


section#loginForm {
	background-image: none !important;
	padding-top: 5px;
       	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

div#content {
	box-shadow: none !important;
}

div#content div.mdc-card {
	border-radius:initial !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

div#login-form-controls h2 {
	display:none !important;
}

.login-section {
	padding: 2.5rem;
}

.mdc-top-app-bar--fixed-adjust {
     padding-top: 0; 
}

/* Formulaire */
/*.mdc-text-field--outlined {
    height: 30px !important;
}
*/

@media screen and (min-width: 940px) {
    body {

        background: url("/images/fond_image-61505b48ab63df135181f95324cd1e10.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        color:#443a31;
    }
    .container-global {
        width: 940px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background: #f7f7f7 url("/images/fond_central_form-4d0722b9260827a83c9a2dbe87be8924.png");
        background-repeat: no-repeat;
        margin-top: 50vh !important;
        transform: translateY(-50%);
        padding: 0 20px;
	display:block;
	/*font-family: Arial,Helvetica,sans-serif;*/
    }
    .container-langue {height: 54px;line-height:54px;text-align:right;}
    .container-langue .styled {
        width: 100px;
        overflow: hidden;
        background: url(/images/chevron-725e7cbcfd3ab98a5c27a2c8eac1c303.png) no-repeat 96% #f7f7f7;
        float:right;
        margin-right:12px;
    }
    .container-langue .styled select {
        background: transparent;
        width: 130px;
        padding: 5px;
        font-size: 16px;
        border: 1px solid #f7f7f7;
        height: 34px;
        -webkit-appearance: none;
    }

    #existingSsoMsg, #loginErrorsPanel, #msg {
	margin:20px !important;
	padding:20px !important;
	text-align:center !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #b6b5b4 !important;
	background-color:#e0dfde !important;
	box-shadow: initial !important; 
    	border-radius: 0 !important;
     }

    #content.row {
    	margin-right: calc(2.8 * var(--bs-gutter-x)) !important;
    }
    
	.container-bandeau{margin-left:40px;height:84px;margin-top:12px;}
/*    .container-infos{margin-top:60px;}
*/
    section.cas-field label {width:117px;display:inline-block;margin-top:10px;}
    section.cas-field  input {width:225px;border: 1px solid #97D4EE;background: #FFF none repeat scroll 0% 0%;padding: 5px;}
    section.cas-field {padding-top:2px;}
/*
    .container-forms{ width:490px;height:auto;float:left;min-height:220px;border-right:1px solid #443a31;}
*/
    .container-forms {padding-top: 3.5rem;}
    .formulaire {width:360px;float:left;padding-left:15px;}
    .idnum {
        float:left;
        margin: 0;
        padding: 0;
        background: url("/images/Logo-IDNUM-XXsmall-119246e24b9d74c41cd4ddda803090e3.png");
        background-repeat: no-repeat;
        background-size: cover;
        width:94px;
        margin-top:35px;
        height: 42px;
    }

    .validation {width:100%;text-align:center;margin-top:20px}

    #fm1 input[type='submit'], #fm1 input[type='button'], #fm1 .mdc-button {
        border: #009de0 !important;
        border-style: solid !important;
        border-width: 3px !important;
        border-bottom: solid 3px #007aad !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: none !important;
        cursor: pointer !important;
        background: #009de0 !important;
        color: white !important;
        height: 40px !important;
	text-transform: uppercase !important;
    }
    .container-liens {width:400px;float:left; padding-left:20px; margin-left:5px;}
    .container-liens div.lien {padding-bottom:6px;}
    .container-liens {border-left:1px solid #443a31;}
    .container-liens div.lien a {height:30px;line-height:30px;padding-left:30px;background: url(/images/next-ter-d3a17dbd250e39914d36ea685047c562.svg) no-repeat left #f7f7f7;background-size: 30px 30px;color: #443A31;}
    .container-liens div.lien.premier {padding-top:10px;}
    .container-secu{float:none;clear:both;padding:15px;padding-top:40px;}
}
@media screen and (min-width: 768px) and (max-width: 939px) {
    body{background: #f7f7f7;}
    .container-global {
        width: 100%;
        background-color: #f7f7f7;
	/*font-family: Arial,Helvetica,sans-serif;*/
    }
    .container-langue {height: 54px;line-height:54px;text-align:right;}
    .container-langue .styled {
        width: 100px;
        overflow: hidden;
        background: url(/images/chevron-725e7cbcfd3ab98a5c27a2c8eac1c303.png) no-repeat 96% #f7f7f7;
        float:right;
        margin-right:12px;
    }
    .container-langue .styled select {
        background: transparent;
        width: 130px;
        padding: 5px;
        font-size: 16px;
        border: 1px solid #f7f7f7;
        height: 34px;
        -webkit-appearance: none;
    }
    .container-bandeau{margin-left:40px;height:84px;}
    #existingSsoMsg, #loginErrorsPanel {
	margin:20px !important;
	padding:20px !important;
	text-align:center !important;
	background-color:#e0dfde !important;
	box-shadow: initial !important; 
    	border-radius: 0 !important;
     }
/*    
      .container-forms{ width:100%;height:auto;float:left;min-height:150px;border-right:1px solid #443a31;margin-left:auto;margin-right:auto;}
*/
    .container-forms {padding-top: 3.5rem;}
	.formulaire {margin-top:20px;width:auto;float:left;padding-left: calc(50% - 232px);}
    section.cas-field  label {width:117px;display:inline-block;margin-top:10px;}
    section.cas-field input {width:225px;border: 1px solid #97D4EE;background: #FFF none repeat scroll 0% 0%;padding: 5px;}
    .idnum {
        float:left;
        margin: 0;
        margin-left:20px;
        padding: 0;
        background: url("/images/Logo-IDNUM-XXsmall-119246e24b9d74c41cd4ddda803090e3.png");
        background-repeat: no-repeat;
        background-size: cover;
        width:94px;
        margin-top:35px;
        height: 42px;
    }
    .validation {width:100%;text-align:center;margin-top:10px;}

      #fm1 input[type='submit'], #fm1 input[type='button'], #fm1 .mdc-button {
        border: #009de0 !important;
        border-style: solid !important;
        border-width: 3px !important;
        border-bottom: solid 3px #007aad !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: none !important;
        cursor: pointer !important;
        background: #009de0 !important;
        color: white !important;
        height: 40px !important;
	text-transform: uppercase !important;
    }
    .container-liens{float:none;clear:both;}
    .container-liens{padding:20px;}
    .container-liens div.lien a {height:30px;line-height:30px;padding-left:30px;background: url(/images/next-ter-d3a17dbd250e39914d36ea685047c562.svg) no-repeat left #f7f7f7;background-size: 30px 30px;color: #443A31;}
    .container-liens div.lien.premier {padding-top:10px;}

    .container-secu{float:none;clear:both;padding:10px;padding-top:0;}
}
@media screen and (max-width: 767px)  {
    body{background: #f7f7f7;}
    .container-langue {display:none;}
    .container-bandeau{margin:10px;width:auto;height: auto; background-size: contain;}
    .container-bandeau img{width:100%;height:auto;max-width:500px;}
    #existingSsoMsg, #loginErrorsPanel {
	margin:20px !important;
	padding:20px !important;
	text-align:center !important;
	background-color:#e0dfde !important;
	box-shadow: initial !imporTANT; 
    	border-radius: 0 !important;
     }
    section.cas-field label {width:117px;display:inline-block;margin-top:10px;padding-left:10px;}
    section.cas-field input {width:225px;border: 1px solid #97D4EE;background: #FFF none repeat scroll 0% 0%;padding: 5px;margin-left:10px;}
    .validation {width:100%;margin-top:10px;}

    #fm1 input[type='submit'], #fm1 input[type='button'], #fm1 .mdc-button {
        border: #009de0 !important;
        border-style: solid !important;
        border-width: 3px !important;
        border-bottom: solid 3px #007aad !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: none !important;
        cursor: pointer !important;
        background: #009de0 !important;
        color: white !important;
        height: 40px !important;
        margin-left:142px !important;
	text-transform: uppercase !important;
    }
    .formulaire {width:auto;padding-left: calc(50% - 232px);}

    .container-liens{padding:20px;}
    .container-liens div.lien a {height:30px;line-height:30px;padding-left:30px;background: url(/images/next-ter-d3a17dbd250e39914d36ea685047c562.svg) no-repeat left #f7f7f7;background-size: 30px 30px;color: #443A31;}
    .container-liens div.lien.premier {padding-top:10px;}

    .container-secu{float:none;clear:both;padding:10px;padding-top:0;}
}
@media screen and (max-width: 369px) {
/*    #fm1 input[type='submit'], #fm1 input[type='button'] {
        margin:0;

    }
    .fident,.fmdp,.validation {text-align: center;}

*/
}