body {
    height: 100%;
    margin: 0;
    padding: 0;
    color:#443a31;
}

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

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

        background: url("../images/fond_image.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        color:#443a31;
    }
    .container-global {
        width: 940px;
        margin-left: auto;
        margin-right: auto;
        background: #f7f7f7 url("../images/fond_central_form.png");
        background-repeat: no-repeat;
        margin-top: 50vh;
        transform: translateY(-50%);
        padding: 20px;
	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.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;
    }

    #msg.error, #msg.errors, #msg.success, #msg.info {
	margin:20px;
	padding:20px;
	text-align:center;
	border-style: solid;
	border-width: 1px;
	border-color: #b6b5b4;
	background-color:#e0dfde !important;
     }

    .container-bandeau{margin-left:40px;height:84px;margin-top:12px;}
    .container-infos{margin-top:60px;}
    .fident label, .fmdp label {width:117px;display:inline-block;margin-top:10px;}
    .fident input, .fmdp input {width:225px;border: 1px solid #97D4EE;background: #FFF none repeat scroll 0% 0%;padding: 5px;}
    .fmdp,.fident{padding-top:15px;}
    .container-forms{ width:490px;height:auto;float:left;min-height:220px;border-right:1px solid #443a31;}
    .formulaire {width:360px;float:left;padding-left:15px;}
    .idnum {
        float:left;
        margin: 0;
        padding: 0;
        background: url("../images/Logo-IDNUM-XXsmall.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'] {
        border: #009de0;
        border-style: solid;
        border-width: 3px;
        border-bottom: solid 3px #007aad;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        cursor: pointer;
        background: #009de0;
        color: white;
        height: 40px;
    }
    .container-liens{width:400px;float:left;padding-left:20px;}
    .container-liens div.lien{padding-bottom:6px;}
    .container-liens div.lien a {height:30px;line-height:30px;padding-left:30px;background: url(../images/next-ter.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.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;}
    #msg.error, #msg.errors, #msg.success, #msg.info {
	margin:20px;
	padding:20px;
	text-align:center;
	background-color:#e0dfde !important;
     }
    .container-forms{ width:100%;height:auto;float:left;min-height:150px;border-right:1px solid #443a31;margin-left:auto;margin-right:auto;}
    .formulaire {margin-top:20px;width:auto;float:left;padding-left: calc(50% - 232px);}
    .fident label, .fmdp label {width:117px;display:inline-block;margin-top:10px;}
    .fident input, .fmdp 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.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'] {
        border: #009de0;
        border-style: solid;
        border-width: 3px;
        border-bottom: solid 3px #007aad;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        cursor: pointer;
        background: #009de0;
        color: white;
        height: 40px;
    }
    .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.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;}
    #msg.error, #msg.errors, #msg.success, #msg.info {
	margin:20px;
	padding:20px;
	text-align:center;
	background-color:#e0dfde !important;
     }
    .fident label, .fmdp label {width:117px;display:inline-block;margin-top:10px;padding-left:10px;}
    .fident input, .fmdp 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'] {
        border: #009de0;
        border-style: solid;
        border-width: 3px;
        border-bottom: solid 3px #007aad;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        cursor: pointer;
        background: #009de0;
        color: white;
        height: 40px;
        margin-left:142px;
    }

    .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.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;}

}