@media screen and (min-width: 480px) and (max-width: 1023px){
	div#all{
		width:100%;
		margin-top:0%;
	}
	
	/*input,*/
	button {
		-webkit-appearance: none;
	}
	
	table,tbody,tr,td{
		display:block;
		width:100%;
	}
	
	div#global{
		width:98%;
		padding:1%;
	}
	
	div#plaques div.display_tab{
		clear:left;
	}
	
	div#slideshowHolder img{
		
	}
	
	#entete_ville {
		display: flex;
		flex-direction: column;
	}
	
	.bloc_choix_ville {
		width: 82%;
	}
	
	.right_col .fond_gris {
		background-color: #f8f8f8;
		padding: 3%;
		margin-left: 0%;
	}
	

	
	#top_total_avis {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.dernier_avis_top {
		margin-left: 5%;
		margin-right:5%;
	}
	
	.right_col #calculcarte{
		margin-left: 5%;
		margin-right: 5%;
	}

	.left_col h1{ 
		text-align:center;
	}
	
	a.clignoter {
		width: 11% !important;
		display: inline-block !important;
	}
	
	div#presentation div.titre_entete { 
		padding-bottom:1%;
	}
	
	div#presentation p.cvo{ 
		font-size:14px;
	}
	
	tr.hidden {
		display: none !important;
	}
	
	img.display{
		display:inline-block;
		width:100%;
	}
	
	div#menu_tab{ 
		display:inline-block;
		width:7%;
		float:right;
		margin-right:0%;
		text-align:center;
	}
	
	div#logo{
		width:35%;
		float:left;
		margin-top: 0;
	}
	
	div#slogan{
		width:43%;
		padding:0%;
		float:left;
		text-align:center;
	}
	
	div#plaques{ 
		height:420px;
	}
	
	div#etape2 div#plaques{
		height:auto;
	}
	
	div.display_tab{ 
		display:none;
	}
	
	div#slogan img{
		
	}
	
	div#habilitation{
		width:100%;
	}
	
	div#container{ 
		display:none;
	}
	
	div#acces_panier{
		width:100%;
	}
	
	div.menu{
		display:none;
		float:none;
		width:100%;
		margin-left:0%;
		position:absolute;
		height:inherit;
		z-index:100;
		margin-top:0%;
	}
	
	div.menu{ 
		background-color:#012770;
		z-index:2000;
	}
	
	div#suivi_carte{ 
		display:none;
	}
	
	div#acces_panier, div#connexion{ 
		display:none;
	}
	
	div#top{ 
		background:none;
		padding:0%;
		height:inherit;
	}
	
	div.prix{ 
		font-size:23px;
		margin-right:2%;
	}
	
	span.little{ 
		margin-right:1%;
	}
	
	div.shadow{ 
		width:100%;
	}
	
	ul#sousmenu{ 
		display:block;
		font-size:18px;
		padding-left:4%;
	}
	
	div.menu ul#sousmenu li{ 
		padding-top:0.5%;
		padding-bottom:0.5%;
		border-bottom:none;
	}
	
	div#coordonnees{ 
		float:none;
		width:45%;
		margin-left:25%;
	}
	
	span.display_tablette{ 
		display:none;
	}
	
	div#form_contact{ 
		width:85%;
		text-align:center;
		padding:5%;
	}
	
	img#captcha{ 
		margin-top:2%;
		margin-bottom:2%;
	}
	
	div#form_contact input[type="text"]{ 
		width:100%;
		height:30px;
	}
	
	div#tel{ 
		z-index:50;
		background-size:100%;
		width:100%;
		float:left;
	}
	
	ul#ul_commander{ 
		display:none !important;
	}
	
	div.menu li div{ 
		font-size:20px;
	}
	
	div#aide{ 
		width:100%;
	}
	
	h2.h2_calculatrice{ 
		width:95%;
		margin-left:2%;
		font-size: 16px;
		line-height: initial;
	}
	
	div.menu ul a{ 
		display:block;
	}
	
	div#calculcarte h2{ 
		text-align:center;
	}
	
	div#calculcarte form{
		width: 96%;
		display:block;
		margin-left:2%;
	}
	
	img.img_fixe{ 
		left: -19px;
		width: 50px;
	}
	
	div#presentation div{ 
		padding:0%;
		padding:2%;
	}
	
	div#avantages li{
		margin-left:0;
	}
	
	div.dernier_avis{ 
		margin-top: 15%;
	}
	
	div#calculcarte{ 
		width: 29%;
		left: 34%;
		top: 273px;
	} 
	
	.ft-slideshowHolder{
		background-size:100%;
	}
	
	div.top{
		width:98.5%;
	}
	
	div.int{
		width:90%;
	}
	
	div.menu li {
		float:none;
		display:block;
		border-bottom: solid 1px #fff;
		border-left:none;
	}
	
	div.menu li a{
		
	}
	
	div#content{
		width:100%;
		padding:0%;
		margin:0%;
	}
	
	div#banner{ 
		width:100% ;
		margin:0;
	}
	
	div#slideshowHolder{ 
		width:100%;
	}
	
	div#contact{
		float:left;
		padding:0%;
		margin:0%;
		margin-left:4%;
	}
	
	div#formules div.formule{
		width:30%;
		margin-top:0%;
		margin-right:0%;
		margin-left:2.5%;
		background-size:100% 100%;
		background-repeat:no-repeat;
		height:350px;
	}
	
	div#formule2,div#formule3{ 
		margin-top:4%;
	}
	
	div#presentation_suite div{ 
		padding:0%;
	}
	
	div#formules img.offre{ 
		top:15%;
		right:-9%;
	}
	
	div#avantages{ 
		
	}
	
	div#autres_villes ul{ 
		margin-left:12%;
	}
	
	div.div_dpt{ 
		margin-left:12%;
	}
	
	div#texte_ville{ 
		width:100%;
	}
	
	div#autres_villes{ 
		width:100%;
	}
	
	h2.h2_blog{ 
		width:94%;
		margin-left:2%;
	}
	
	div#tel_right{
		width: 28%;
		margin-top:13%;
		margin-left:15%;
		text-align:center;
	}
	
	div#tel_right.home {
		margin-left:5%;
		width:35%;
		padding: 0 2%;
		text-align: center;
	}
	
	div#avantages.home{
		
	}
	
	div#agence.home{
		width:30%;
	}
	
	div#blog{ 
		width:100%;
		background-size:96%;
		display:none;
	}
	
	.h2_blog {
		margin-bottom: 10px;
	}
	
	div#agence{
		margin-top:3%;
		width: 30%;
		background-size: 100% 100%;
		padding: 0%;
		height:185;
		margin-left:1%;
		padding-top:1%;
	}
	
	div#liste_avis h1,h2{ 
		text-align:center;
	}
	
	div#presentation_suite h2{ 
		text-align:center;
	}
	
	div#presentation_suite li{ 
		margin-left:0%;
	}
	
	div#presentation_suite{
		width:96%;
		padding:2%;
		margin:0%;
	}
	
	li.display_web{ 
		display:block;
	}
	
	p.cvo{ 
		width:96%;
		padding:2%;
		margin:0%;
	}
	
	p.cvo{
		margin-top:5%;
	}
	
	div#container_wrapper,div#texte_page{
		display:none;
	}
	
	div#container_wrapper{ 
		width:100%;
	}
	
	a#comment{ 
		display:block;
		padding-top: 7%;
		padding-bottom: 8%;
	}
	
	div#presentation{
		
	}
	
	div#social{
		display:none;
	}
	
	div#slogan h1{ 
		font-size:13px;
	}
	
	span.big{ 
		font-size:13px;
	}
	
	h2.petit.gris{
		display:none;
	}
	
	div#footer ul{
		width:32%;
		float:left;
		margin-left:10%;
		text-align:left;
	}
	
	div#footer{ 
		text-align:center;
	}
	
	div#logo img{
		width:245px;
		float:left;
		padding-top:2%;
	}
	
	div#top{ 
		position:absolute;
		margin: 0;
		z-index: 2000;
		background: #fff;
		width: 98%;
		padding-bottom: 2%;
	}
	
	.content_page {
		margin-top:2%;
	}
	
	.content_page img {
		width: 40%;
		margin:0.5%;
	}
	
	div#content{
		min-height:none;
	}
	
	span.menu.tab.display_web{
		display:block;
		
		color: #012770;
	}
	
	
	img#icone_menu.display_web{
		float:left;
		display:none;
		width:55px;
		margin-top: 3%;
		margin-left: 3%;
	}
	
	div#habilitation{
		text-align: center;
		font-size: 9px;
		width: 151px;
		display: block;
		width: 20%;
		margin-left: 45%;
		clear: both;
		float: none;
	}
	
	div#calculcarte select{ 
		width:99%;
		height:25px;
	}
	
	div#demarche select,div#form select{ 
		width:50%;
		height:35px;
	}
	
	div#habilitation img{
		width: 40px;
		float: right;
		padding-bottom: 0;
	}
	
	div#vehicules{
		width:100%;
		padding:0%;
		margin:0%;
		text-align:center;
	}
	
	div#demarche{
		padding:0%;
		width:100%;
	}
	
	div#form{
		width:100%;
		padding:0%;
	}
	
	table,tbody,tr,td{
		width:100% !important;
		display:block !important;
		padding:0% !important;
	}
	
	div#total_res_form{
		
		margin-left:0%;
	}
	
	div#avancement .etape{
		width:100% !important;
		background-size:100%;
		margin-top:4%;
		height:148px;
	}
	
	div#avancement .etape .numero{
		display:inline-block;
		top: 54px;
		left: 41px;
	}
	
	div#avancement .etape .numero.first{
		top:55px;
		left:43px;
	}
	
	div#form_saisie h1{
		text-align:center;
	}
	
	span.vehicule{
		width: 18%;
		margin-left: 1%;
		text-align: left;
	}

	div#form_right_commande{
		float: none;
		margin: auto;
		margin-top: 2%;
		clear: both;
	}
	
	td.clear{ 
		float:none !important;
		clear:both !important;
		height:0px;
	}
	
	td.kit{
		margin-top:0;
	}
	
	tr#immatriculation td.taille_td{ 
		
	}
	
	div#form input[type="text"]{ 
		width:48%;
		height:20px;
	
	}
	
	.bottom .obligatoire{
		display:block;
		text-align:center;
		margin-top:2%;
	}
	
	span#infos_little_co2 {
		display: block;
	}
	
	h3.bleu{
		text-align:center;
		margin-top:2%;
		margin-bottom:2%;
	}
	
	div#titre_total_res_form{ 
		text-align: center;
		font-size: 16px;
		margin-left:18%;
		width:30%;
	}
	
	div#form_inscription{
		padding-bottom:2%;
	}
	
	div#form_inscription td#submit,
	div#form_connexion td#submit {
		text-align: center;
	}
	
	div#form_inscription input[type="submit"],
	div#form_connexion input[type="submit"] {
		margin:auto;
		margin-top:2%;
	}
	
	div#code_promo input[type="submit"]{ 
		width:50px;
	}
	
	div#qui_sommes_nous div.partenaire{ 
		margin:auto;
		margin-top:4%;
	}
	
	div#form td#submit{ 
		padding:1% !important;
		width:98% !important;
	}
	
	div#total_res_form{ 
		text-align:center;
		margin-left:2%;
		width:25%;
	}
	
	span.obligatoire{ 
		margin-left:2%;
	}
	
	div#demarche tr,label{
		margin-top:2%;
		margin-bottom:2%;
		display:block;
	}
	
	div#form label{
		margin-top:5%;
		margin-bottom:1%;
		display:block;
		padding-bottom:0;
	}
	
	div#demarche{
		text-align:center;
	}
	
	td.taille_td_info{
		text-align:center;
	}
	
	select[name="genre"]{
		width:190px ;
	}
	
	input#datepicker{
		
	}
	
	div.etape{
		height:33px;
		background-position:center;
		width:50px;
		margin:auto;
	}
	
	td.etape{
		height:inherit;
	}
	
	div#commentmarche td{
		text-align:center;
	}
	
	div#commentmarche tr{
		margin-top:9%;
	}
	
	div#localisation{
		width:100%;
		margin:0%;
	}
	
	div#localisation iframe{
		width:100%;
		margin:0%;
	}
	
	div.etape{ 
		display:none;
	} 
	
	div#qui_sommes_nous{
		width:96%;
		padding:2%;
	}
	
	h2.titre_documents{
		width:100%;
		padding:0%;
		margin-right:0%;
		margin-left:0%;
	}
	
	div#texte_documents{
		width:97%;
	}
	
	p.position{
		width: 16%;
		padding: 1%;
		margin: 1%;
		margin-right: 0
	}
	
	div#regions{ 
		width:100%;
		padding:0%;
	}
	
	div#departements{ 
		width:100%;
		padding:0%;
		margin-left:0%;
		margin-right:0%;
		padding-top:5%;
		padding-bottom:5%;
	}
	
	
	div#kit{
		width: 96%;
		margin: 0%;
		padding: 2%;
		text-align:left;
	}
	
	div#offert{
		width: 96%;
		margin: 0%;
		padding: 2%;
		margin-bottom:5%;
	}
	
	div#recapitulatif div.plaques{ 
		width:100%;
	}
	
	div#recapitulatif div.plaques td.text_center.qte{ 
		width:10% !important;
		text-align:right;
	}
	
	div#recapitulatif div.plaques td{ 
		width:20% !important;
		float:left;
		line-height:30px;
	}
	
	div#recapitulatif div.plaques td.text_center.num_imatriculation{ 
		width:18% !important;
	}
	
	div#recapitulatif div.plaques td.text_right.prix{ 
		width:22% !important;
	}
	
	div#recapitulatif div.plaques td.kit.text_center{ 
		width:48% !important;
		text-align:right;
	}
	
	div#recapitulatif div.plaques td.kit.text_right{ 
		width:22% !important;
		text-align:right;
	}
	
	div#recapitulatif div.plaques td.garantie.text_center{ 
		width:48% !important;
		text-align:right;
	}
	
	div#recapitulatif div.plaques td.garantie.text_right{ 
		width:22% !important;
		text-align:right;
	}
	
	div#recapitulatif div.plaques td.actions.text_center{ 
		width:10% !important;
		text-align:right;
	}
	
	th.plaque_imat{
		width:20% !important;
	}
	
	div.recapitulatif_demande{ 
		width:97%;
	}
	
	div#offert img{
		margin-left:31%;
	}
	
	div#form_inscription tr{ 
		text-align:center;
	}
	
	img#help_mdp{ 
		margin-bottom:2%;
	}
	
	div#form_connexion{ 
		text-align:center;
	}
	
	div#adresse_facturation_saisie select#adresse_facturation,div#adresse_livraison_saisie select,input.cp{ 
		height:30px;
		width:100%;
	}
	
	div#ui-datepicker-div table,div#ui-datepicker-div td{ 
		display:inline-block !important;
	}
	
	
	div#ui-datepicker-div td{ 
		width:24px !important;
	}
	
	div#adresse_facturation_saisie h3.bleu{ 
		margin-bottom:5.9%;
	}
	
	textarea.adresse{ 
		width:100%;
	}
	
	input.nom{ 
		width:100%;
		height:30px;
	}
	
	div#adresse_facturation_saisie{ 
		padding-left:8%;
		width:82%;
	}
	
	div#adresse_livraison_saisie{ 
		width:82%;
		padding-left:8%;
	}
	
	div#recapitulatif_global{
		width: 338px;
		margin: auto;
		text-align: center;
		margin-top: 40px;
		float:none;
	}
	
	input#acces_paiement { 
		width:373px;
	}
	
	form#paiement{
		text-align: center;
		width: 388px;
		float: none;
		margin: auto;
	}
	
	form#paiement input[type="submit"]{
		float:none;
	}
	
	div#form_connexion input[type="text"],div#form_connexion input[type="password"]{ 
		width:70%;
		height:30px;
	}
	
	div#form_inscription input[type="text"],div#form_inscription input[type="password"]{ 
		width:70%;
		height:30px;
	}
	
	div#frais_livraison{
		width: 96%;
		margin: 0%;
		padding: 2%;
		margin-bottom:5%;
		margin-top:5%;
		text-align:center;
	}
	div#kit img{ 
		margin-left:23%;
		margin-right:2%;
	}
	
	table.detail_prix td{ 
		margin-top:1%;
		width:50% !important;
		float:left !important;
	}
	
	div#frais{ 
		width:23%;
	}
	
	div.plaques span.little{ 
		display:block;
		margin-top:1%;
	}
	
	div.plaque{ 
		margin-top:10%;
		min-height: 220px;
	}
	
	
	img#img_plaque_cgpi{ 
		top:-13%;
		display:none;
	}
	
	div#saisie_immatriculation{
		margin-top:45%;
		margin-bottom:5%;
	}
	
	div#form_connexion{
		width: 94%;
		margin: 0%;
		padding: 3%;
	}
	
	td#submit input{ 
		margin-top:6%;
	}
	
	div#form_inscription{ 
		width:100%;
		margin-left:0%;
		margin-right:0%;
		padding:0%;
	}
	
	div#frais_garantie{ 
		width:100%;
	} 
	
	div.display_web{ 
		display:none;
	}
	
	div.display_mob{ 
		display:block;
	}
	
	div.contour_bleu form input[type=submit]{ 
		
	}
	
	p.position a{
		display:block;
		margin-top:2%;
	}
	
	div#form_contact textarea{ 
		margin-bottom:3%;
	}
	
	p.position_retour{
		margin-left:43%;
	}
	
	div#form_contact textarea {
		width: 100%;
		background-color: #d4d8ef;
	}
	
	div#action_client .connecter{ 
		width:100%;
	}
	
	div#form input[name="circulation"]{
		width: 44%;
		margin-right: 1%;
	}
	
	div#form input[name="puissance_fiscale"]{
		width: 44%;
		margin-right: 1%;
	}
	
	div#form input[name="co2"]{
		
	}
	
	div#buttons .btn{
		float:left;
	}
	
	div#message_nouvelle_immat h4, div#message_ancienne_immat h4 {
		width:100%;
		margin-left: 0px; 
	}
	
	img.btn_infos_plaques {
		margin-left:-180px;
	}
	
	div#action_client{
		width:75%;
	}
	
	div#menu_client{
		width:23%;
		padding:1%;
	}
	
	table.client tr{
		width:96% !important;
		padding:2% !important;
	}
	
	table.client td{
		display:initial !important;
		width:auto !important;
		padding:2% !important;
	}
	
	div#titre {
		width:95%;
	}
	
	table.client tr{
		display:table !important;
	}
	
	div#affiche_commande {
		width:100%;
	}
	
	div#affiche_commande div#coordonnees_client {
		width:95%;
		margin-left:0;
	}
	
	div#coordonnees_commande {
		width:43%;
		padding:1%;
		margin-left:2%;
	}
	
	div#coordonnees_commande td{
		display:initial !important;
	}
	
	div#recapitulatif_commande {
		width: 94%;
		margin-left:0;
		padding:3%;
	}
	
	.total_commande {
		width: 100%;
	}
	
	div#sans_plaques{
		display:block !important;
	}

	div#formules{
		display: none;
	}
	
	div#agence{
		display: none;
	}
	
	#espace_professionnel .encadre_content .block{
		min-height: 150px;
	}
	
	.bloc_prestation_home a {
		font-size:13px;
	}
	
	div#buttons.panier a.btn{
		background:none;
		text-decoration:underline;
		color:#474747;
	}
	
	div#buttons.panier input{
		-webkit-appearance: none;
	}
	
	#plus .left {
		width: 100%;
		margin-right: 0%;
		float:none;
	}
	
	div#demarches_ville, div#vehicules_ville {
		width: 50%;
	}
	
	#demarche_ville .title_ville{
		text-align:center;
	}
	
	div#presentation_ville {
		margin-bottom: 10px;
		margin-right: 2%;
		width: 25%;
		float: left;
	}
	
	#plus .right {
		width: 80%;
		float: none;
		margin: auto;
	}
	
	div#ville_texte {
		margin-top: 30px;
		margin-bottom: 10px;
		width: 69%;
	}
	
	#commande table tr{
		display: flex !important;
		margin: 1% 0%;
	}
	
	#commande table tr td.taille_td{
		max-width: 30%;
		flex: 0 0 30%;
	}
	
	#commande table tr td.taille_td_info{
		max-width: 70%;
		flex: 0 0 70%;
		text-align: left !important;
	}
	
	#commande table tr td.bottom{
		max-width: 70%;
		flex: 0 0 70%;
		margin-left: 30%;
		text-align: left !important;
	}
	
	div#titre_total_res_form{
		text-align: center;
		font-size: 16px;
		margin-left: 0%;
		width: max-content;
	}
	
	.bottom .obligatoire{
		text-align:left;
	}
	
	#commande div#form_right_commande {
		width: 45%;
	}
	
	#commande div#form_right_commande img {
		width: 60%;
	}	
	
}

@media screen and (max-width: 980px){
	div#tel{
		display:none;
	}
	.fond_95 {
		margin-left: 0%;
	}
}