/* ---------------------------- */
/*		    Responsive  		*/
/* ---------------------------- */

@media screen and (max-width: 1200px) {
	header {margin-top: 10px;}
	div.logo-footer {right: 10px;}
    .az-classic-header div.text-header {top:-110px;}
    .az-classic-header div.text-header h2 {font-size: 32px;}

	.navigation ul li:first-child i, .navigation li i {width: 30px;}

    .form-100 {display:inline-block; width: 100%; min-width: 277px; max-width: 577px; margin-right: 20px;}
}

@media screen and (max-width: 950px) {
	.bloc-50 {display: block; width: 100%;}
	.titre-page h3 {width:85%; font-size: 14px; line-height: 15px;}

	#nav-non-resp {display: none;}
	#nav-resp {display: block; text-align: center;}

    div#docdonelist .docdoneitem:not(:first-child) .docdoneheader {display:block;}

    ul#head_nav li {
        width: 100px;
        height: 30px;
        line-height: 30px;
        margin-right: 10px;
        font-size: 12px;
    }
}


@media screen and (max-width: 820px) {
	.bloc-confirm {padding: 20px;}
	.bloc-confirm li div {display: block; width: 100%;}
	.bloc-confirm li div:nth-child(2) {padding-left:10px;}

	.bloc-100 {padding-left:10px;}
}

@media screen and (max-width: 685px) {
    .form-100, .form-60 {display:inline-block; width: 277px; margin-right: 20px;}
    .az-classic-header div.text-header {top:-100px;}
    .az-classic-header div.text-header h2 {font-size: 28px;}
}

@media screen and (max-width: 660px) {
	.head {height: 80px;}
	#p1 i {float: none;}
	#p1 p {padding: 0px;}

	footer ul {
/*        padding-top: 40px; */
        padding-left: 10px;
        padding-right: 10px;
	}

	.claim .form-50 div {display: block; padding: 0px !important; margin: 0 auto;}
	.claim .form-50 div:nth-child(2) {margin: 80px auto 0px auto;}
	.claim .form-50 div form {min-height: auto;}
    .claim .form-50.warn {background: url(../img/bg_form_resp.png) center 165px no-repeat;}
    form#form50 .btn-confirm {position: relative; margin: 0 auto; float:none; left:0; }

	.claim .tableau  h3 {text-align: center;}
	.claim .tableau > p {text-align: center;}
	.tableau .table {display: block; margin: 20px auto 0px auto !important;}

	.bloc-questions form > ul > li > div {display: block; max-width: 100%; width: 100%;}
	.reponse {margin-top: 15px; margin-left: 25px;}
	
	div#bottom_info_pane {grid-template-columns: none;}
	
	div.feedback { grid-template-columns: auto; }	

	.az-classic-header .logo-header img {
		margin-top: 7px;
		height: 99px;
		padding: 40px;
		padding-left: 0px;
	}

	div#bottom_info_pane div.float-bloc-right1 {
		padding: 5px 0 0 75px;
		text-align: left;
		font-size: 18px;
	}

	div#bottom_info_pane div.float-bloc-right2 {
		padding: 5px 0 0 75px;
		text-align: left;
		font-size: 18px;
	
	}div#bottom_info_pane div.float-bloc-right3 {
		padding: 5px 0 0 75px;
		text-align: left;
		font-size: 18px;
	}
	div#bottom_info_pane div.float-bloc-right4 {
		padding: 5px 0 0 75px;
		text-align: left;
		font-size: 18px;
	}
}

@media screen and (max-width: 600px) {
    .form-100, .form-60, .form-30 {width: 100%;}

    div.logo-footer {top: -48px;}
    div.logo-footer img {width: 85px;}
    .az-classic-header div.text-header {height: auto; top: 0px;}
    .az-classic-header div.text-header h2 {color:#0077c8;}
    section.maincontainer > section.claim > div {margin-top:0;}
}

@media screen and (max-width: 500px) {
	.bloc-50 {text-align: center;}
	.bloc-50 p, .bloc-50 label, .claim-upload form {text-align: left;}
	.bloc-50 > div {width: 100%;}
	.bloc-50 {padding: 10px; }
    div#langbar {top: -60px;}
}

@media screen and (max-width: 450px) {

	#form-call {padding: 20px; text-align: center;}
	#form-call .picto {display: block; margin: 0 auto;}

	#btn-back {bottom:-10px; left:30%;}
    .btn-confirm {left:30%; float: left;}
    form#form50 .btn-confirm {position: relative; margin: 0 auto; float:none; left:0; }

    .az-classic-header .logo-header img {height: 60px; padding: 14px 0px 26px 0px;}
    .logo-footer-center img {max-height: 61px;}
    div#langbar { top:-48px; }
    ul#head_nav{top: -35px;}

}

@media screen and (max-width: 400px) {
	.navigation ul li:first-child i, .navigation li i {width: 15px;}

	.js .input-file-container { width: 100px; }
	.file-return1 { margin-right: 10px;}

    #head_nav li {
        height: 25px;
        line-height: 25px;
        margin-right: 0px;
    }
}

@media screen and (max-width: 360px) {
	header {margin-top: 0px;}
	.head {padding: 0px !important;}

	.claim .form-50 div {width: 100%;}
	.bloc-100 {padding: 20px;}
	.bloc-confirm {padding: 10px;}

	.bloc-questions form > ul > li {padding: 10px;}
	.az-classic-header .logo-header img {height: 55px; padding: 14px 0px 26px 0px;}

    div.logo-footer {top: -38px;}
    div.logo-footer img {width: 63px;}
     div#langbar {top: -45px;}
}

@media screen and (max-width: 320px) {
	#form-country {width: 300px;}
	#datepicker {width: 300px;}
	.bloc-100 {padding: 10px;}
	.claim-upload .bloc-50 {padding: 10px 0px;}
	.bloc-questions .reponse p {width: 85%;}
	
}