@media (max-width: 1024px) {
#header {
width: 100%;
}
.top_n1 {
width: 100%;
}
.wrapper {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}

.top_l {
float: right;
padding-right: 10px;
}	
}

picture {
display:block;	
}

iframe {
max-width: 100%;
min-height: auto;
}
input#ta_nom, input#ta_prenom, input#ta_email, input#ta_tel, input#ta_cp, input#ta_ville, #tb_secu input[type="text"], #tb_secu input[type="tel"], #tb_secu input[type="email"], #tb_secu input[type="number"], #tb_secu select#secu_centre  {
height:40px;
box-sizing: border-box;
}
}

@media (max-width: 970px) {
.bloc1 {
width: 100%;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.bloc_right {
width: 58%;
}

.bloc_left2 {
width: 58%;
}

#tel_desk {
display:none;
}
#aide_tel {
display:block;	
}

}

@media (max-width: 953px) {
.top_l {
margin-right:0px;	
}	
}


@media (max-width: 840px) {
#points_confiance ul li {
width: 49%;
}
.top_l img {
margin-top: 10%;
}
#aide_tel {
background-size: 55px;
width: 55px;
height: 55px;
bottom: 72px;
right: 10px;
opacity: 0.8;
}

#btn_up {
right: 20px;
}
}

@media (max-width: 790px) {
.bloc_right {
width: 55%;
}
}

@media (max-width: 760px) {
.slogan {
    font-size: 20px;
    padding-top: 47px;
}

#tete {
width:auto!important;	
}

#tete titre {
font-size:20px!important;	
}

#boxes .window {
width: 80%!important;	
}

}

@media (max-width: 740px) {
.col_g {
float: none;
width: 100%;	
}	

.top_l {
width: 320px;
float: none;
margin: 0 auto;
padding-right: 0;	
}

.bloc_right {
width: 52%;
}

.top_l img {
margin-top: 23%;
}

}

@media (max-width: 695px) {
.bloc_right {
width: 48%;
}
}

@media (max-width: 670px) {
	
.top_n1 {
padding-top: 85px;
}

.top_l img {
width: 100%;
margin: 0;
margin-bottom: 20px;
}
.top_r {
float: none;
margin: 0 auto;
}
#offre_mob {
display:block;
}
#offre_desk {
display:none;
}

#header {
height: auto;	
}
.slogan {
font-size: 18px;
padding-top: 34px;
}

.bloc_left2 {
width: 48%;
}
}

@media (max-width: 640px) {
.bloc_left {
width: 200px;
}
.bloc_left img {
max-width: 100%;
}
.bloc_right {
width: 59%;
}
.bloc_right2 {
width: 200px;
}
.bloc_right2 img {
max-width: 100%;
}
.bloc_left2 {
    width: 59%;
}
.p25 {
font-size: 18px;
}
#points_confiance ul li {
font-size:20px;
padding-bottom: 20px;	
}

.n1 img, .n2 img, .n3 img, .n4 img {
width: 60px;
height: 60px;
}
	
}

@media (max-width: 614px) {
.question {
font-size: 90%;
background-size: 45px;
}
.titre2 {
font-size: 30px;
}	
}
	
@media (max-width: 580px) {

body {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
	
.bloc_left,.bloc_right2 {
width: 38%;
}
.bloc_right {
    width: 56%;
}
.bloc_left2 {
    width: 56%;
}
.top_n1 {
padding-top: 111px;
}	
.left.m12 {
float: none;
padding: 0;
}

.slogan {
float: none;
padding: 0px;
text-align: center;
}
#header_top {
position:relative;
}

.wrapper {
margin-top:0;	
}

a.logo_ideal {
background-size: cover;
background-position: -45px;	
}	
}


@media (max-width: 525px) {
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
.bloc_left, .bloc_right2 {
font-size:18px;
margin: 0;
}

.etoile img {
    width: 24px;
}
img.img_totale {
max-width: 100%!important;
float: none!important;
margin-right: 0!important;
display: block;
margin: 0 auto!important;
}
}	

@media (max-width: 440px) {
.etoile img {
    width: 22px;
}
h2 {
    font-size: 18px;
}
.titre2 {
font-size: 22px;
}
.reponse p {
font-size: 14px;
}
.p25 {
font-size: 16px;
}
.bloc2 {
font-size: 18px;
}
}

@media (max-width: 400px) {
.question {
font-size: 84%;
background-size: 30px;
}
}


@media (max-width: 370px) {
.slogan {
font-size: 16px;
}
.titre_form {
font-size: 23px;
}
.top_r {
width: 100%;
padding-right: 0;
}
h2 {
    font-size: 16px;
}
h1 {
font-size: 22px;
}
.p25 {
font-size: 14px;
}
.etoile img {
    width: 18px;
}
button.simul, button.simul_on, button.simul_secu {
width: 95%;
font-size: 20px;
}
.simul img, .simul_on img, .simul_secu img {
width: 17px;
}
#taux_yes, #taux_no {
padding: 10px;
font-size: 16px;
}
#divsecu {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
#div_secu table {
width: 100%;
}
#bt_cta_mut {
width: 90%;
}
#tb_secu {
font-size: 14px;
width: 100%;
}
.question {
padding-right: 50px;
background-position: 99%;
}

}