@media screen and (max-width: 480px){
	input[type="text"]{
		width:94%;
		padding:2%;
		font-size:16px;
		margin-left:1%;
	}
	
	#content.DEMARCHES img:first-child{
		display:none;
	}
	
	#entete_ville {
		display: flex;
		flex-direction: column;
	}
	
	.left_col h1{
		text-align: center;
		margin-top: 6%;
	}
	
	#content.DEMARCHES h2{
		margin: 10% 0 1% 0;
	}
	
	#global_demarche_specifique{
		padding:1%;
	}
	
	/*input{
		-webkit-appearance: none;
	}*/

	input[type="radio" i] {
	    -webkit-appearance: radio;
	    box-sizing: border-box;
	}

	input[type="checkbox" i] {
	    -webkit-appearance: checkbox;
	    box-sizing: border-box;
	}
	
	div#form_connexion input[type="text"]{
		width:96%;
		padding:2%;
		font-size:16px;
	}
	
	input[type="password"]{
		width:96%;
		padding:2%;
		font-size:16px;
	}

	div#form_connexion input[type="password"],
	div#form_connexion input[name="mdp"]{
		width:86%;
	}
	
	i.show-pass{
		font-size: 18px;
	}
	
	span.little{ 
		text-align:center;
	}
	
	div#form_saisie span.little.achete{
		width:auto;
		margin-left:1%;
	}
	
	div#contenu_client{ 
		width:98%;
		padding:1%;
		margin:0%;
	}
	
	table.client{
		display:block;
		width:98%;
		padding:1%;
	}
	
	
	div#action_client{
		width:98%;
		padding:1%
	}
	tr.display_mob{ 
		display:none !important;
	}
	
	div#action_client table.client  td{ 
		text-align:center;
	}
	
	td.info_left{ 
		float:left;
		display:block !important;
		width:50% !important;
	}
	
	div#button_action{ 
		margin-left:41%;
	}
	
	div#message_nouvelle_immat h4{ 
		width:100%;
		margin-left:0%;
		line-height:20px;
	}
	
	div#button_right{ 
		float:none;
		width:70%;
		margin-left:21%;
		text-align:left;
	}
	
	div#content{
		min-height:200px;
	}
	
	div#plaques{ 
		height:300px;
	}
	
	div#plaques select{ 
		margin-right:5%;
		width:93%;
	}
	
	h3#etape1_plaques{ 
		width:95%;
	}
	
	div#button_left{ 
		float:none;
		width:72%;
		margin-left:21%
	}
	
	div#plaques{ 
		padding:2%;
		height:880px;
	}
	
	
	div#plaque_sim{ 
		display:none;
	}
	
	div.plaque { 
		height:280px;
	}
	
	div#recapitulatif h2{ 
		width:99%;
	}
	
	div#conditions{
		/*width: 100%;*/
		float: none;
		/*text-align: left;*/
		font-size: 14px;
		/*margin-top: 10px;
		margin-bottom: 10px;*/
		text-align: center;
		padding:2%;
	}
	
	form#test_cgv div#buttons img{ 
		margin-left:15%;
		width: 70%;
	}
	
	form#test_cgv #buttons a,
	form#test_cgv #buttons input,
	div#form_adresses .buttons a,
	div#form_adresses .buttons input{
		display:block;
		margin:auto;
		float:none;
		margin-bottom:2%;
	}	
	
	div#form_adresses input[type="text"],
	div#form_adresses textarea,
	div#form_adresses input[type="password"]{
		width:96%;
		margin-left:0;
	}
	
	div#buttons input[type="image"]{ 
		margin: auto;
	    width: 70%;
	    float: none;
	    display: block;
	}
	
	div#form_inscription td{ 
		text-align:center;
		margin-top:0%;
	}
	
	div#form_inscription tr{ 
		text-align:center;
		margin-top:5%;
	}
	
	div tr.hide{
		display:none !important;
	}
	
	div#form_inscription input[type="text"]{ 
		width:93%;
	}
	
	div#form_inscription input[type="password"]{ 
		width:93%;
		height:20px;
	}
	
	div#texte_ville{ 
		width:100%;
		margin-right:0%;
	}
	
	div#ville_texte{
		width:98%;
		padding:1%;
	}
	
	div#presentation_ville{ 
		width:86%;
		margin:7%;
	}
	
	div.div_dpt{
		width: 88%;
		margin: 2%;
	}
	
	div#presentation_ville p{ 
		margin-left:17%;
	}
	
	img.dep{ 
		display:none;
	}
	
	div#calculcarte{ 
		display:none;
	}
	
	div#calculcarte.display_web{ 
		display:block;
	}
	
	
	div#autres_villes{ 
		width:100%;
	}
	
	div#demarches_dpt{ 
		margin:0%;
	}
	
	div#demarche_ville{ 
		width:100%;
	}
	
	div#sans_plaques{ 
		width:100%;
		display:block !important;
	}
	
	div#adresse_facturation_saisie{ 
		width:91%;
		padding:4%;
		margin-top: 0;
	}
	
	div#sans_plaques img{ 
		margin-left:28%;
	}
	
	div#plaque_non{ 
		text-align:center;
		float:left;
		width:100%;
	}
	
	div#adresse_facturation_saisie textarea{ 
		
	}
	
	div#valider_adresse.livraison_off{ 
		bottom:75px;
	}
	
	input#acces_paiement{
		width: 93%;
		margin: auto;
		margin-top: 40px;
		background-image: url('images/carte_paiement.jpg');
		background-repeat: no-repeat;
		background-color: #fff;
		background-position: top;
		padding: 5px;
		text-align: right;
		color: #333;
		border: solid 2px #3e5372;
		font-weight: bold;
		font-size: 12px;
		cursor: pointer;
		display: block;
		height: 75px;
		float: none;
	}
	
	div.retour_paiement .btn_retour_margin_top{ 
		margin:0%;
	}
	
	div#note{ 
		margin-top:100px;
	}
	
	form#paiement{ 
		width:88%;
		margin-left:10%;
		margin:0%;
		width: 100%;
	    text-align: center;
	    margin: 0;
	}
	
	div#recapitulatif_global{ 
		width:93%;
		text-align: center;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#form_inscription input[type="image"]{ 
		margin-bottom:4%;
	}
	
	div#montant_total{ 
		margin-top:20%;
	}
	
	div#recapitulatif h3{ 
		width:99%;
	}
	
	div#recapitulatif td{
		width:50% !important;
		float:left;
	}
	
	div.recapitulatif_demande{ 
		width:100%;
		margin-left:0%;
		margin-right:0%;
		padding-left:0%;
		padding-right:0%;
		border:none;
	}
	
	img.btn_infos_plaques{ 
		display:none;
	}
	
	p#infos_sim{ 
		display:none;
	}
	
	img#pastille_plaques,img#img_plaque_cgpi{ 
		display:none;
	}
	
	div#plaque_sim.moto{ 
		width:100%;
		background-size:100% 100%;
	}
	
	p#infos_sim{ 
		width:100%;
	}
	
	div#adresses_compte tr{ 
		text-align:center;
		width:94% !important;
		padding:3% !important;
	}
	
	div#action_client textarea {
		height: 80px;
		width: 100%;
	}
	
	div#coordonnees_client{ 
		width:97%;
		padding:1%;
	}
	
	div#adresses_compte td{ 
		
	}
	
	div#menu_client{ 
		width:98%;
		padding:1%
	}
	
	form#paiement_3 input#acces_paiement{ 
		margin-top:3.5%;
		background-size:100% 100%;
		width:130px;
	}
	
	td.vert_fonce{ 
		text-align:left;
	}
	
	table.client tr.display_mob,
	table.client td.display_mob{ 
		display:none !important;
	}
	
	div#titre{ 
		width:98%;
		padding:1%;
		margin-right:0%;
		margin-left:0%;
	}
	
	div#titre h2{ 
		width:98%;
		padding:1%;
		margin-right:0%;
		margin-left:0%;
	}
	
	table.client table,table.client tr,table.client th{
		display:block;
		width:98%;
		padding:1%;
	}
	
	div#recapitulatif div.plaques{ 
		width:100%;
	}
	
	div#demarches_ville{ 
		width:100%;
	}
	
	div#vehicules_ville{ 
		width:100%;
	}
	
	div#recapitulatif td.type_plaque{ 
		width:50% !important;
		text-align:left;
	}
	
	div#recapitulatif td.text_center.dep_plaque{ 
		text-align:left;
	}
	
	div#recapitulatif td.text_center.qte{
		width:12% !important;
		text-align:left;
	}
	
	div#recapitulatif td.kit{
		width:50% !important;
	}
	
	div#recapitulatif td.kit.actions.text_center{
		width:25% !important;
	}
	
	div#recapitulatif td.kit.text_center{
		width:12% !important;
		text-align:left;
	}
	
	div#recapitulatif td.kit.actions.text_center{
		width:18% !important;
		text-align:right;
	}
	
	div#recapitulatif td.kit.text_right{
		width:20% !important;
		text-align:right;
	}
	
	div#recapitulatif td.garantie.text_center{
		width:12% !important;
		text-align:left;
	}
	
	div#recapitulatif td.garantie{
		width:50% !important;
	}
	
	
	
	div#recapitulatif td.garantie.text_right{
		width:20% !important;
		text-align:right !important;
	}
	
	div#recapitulatif td.garantie.actions.text_center{
		width:18% !important;
		text-align:right !important;
	}
	
	th.plaque_imat{ 
		width:20% !important;
	}
	
	div#recapitulatif table{ 
		border:none;
	}
	
	span.display_mob{ 
		display:none;
	}
	
	
	span.display_web{ 
		display:inline-block;
	}
	
	td.clear{ 
		float:none !important;
		clear:both !important;
	}
	
	.kit{ 
		margin-top:0%;
	}
	
	div#code_promo input[type="submit"]{ 
		margin-top:4%;
		width: 40px;
		text-align: center;
	}
	
	div#recapitulatif td.text_right.prix{
		width:20% !important;
	}
	
	div#recapitulatif td.actions.text_center{
		width:18% !important;
		text-align:right;
	}
	
	td.text_center.num_imatriculation{
		width:33% !important;
		text-align:left;
	}
	
	div#recapitulatif{ 
		width:96%;
		padding:2%;
		margin-right:0%;
		margin-left:0%;
	}
	
	div.plaques th{ 
		font-size:10px;
	}
	

	
	div#frais{ 
		width:93%;
	}
	
	table.ui-datepicker-calendar td{ 
		display:inline-block !important;
		
	}
	
	div#demarches_dpt{ 
		width:100%;
	}
	
	div.div_iframe{ 
		display:none;
	}
	
	select{
		width:98%;
		height:35px;
	}
	
	div#all{
		width:100%;
		margin-top:0%;
	}
	
	table,tbody,tr,td{
		display:block;
		width:100%;
	}
	
	div#global{
		width:100%;
		padding:0%;
	}
	
	div#logo{
		width:96%;
		padding:0 2%;
		margin-top: 0;
	}
	
	div#slogan{
		width:100%;
		padding:0%;
		text-align: center;
	}
	
	div#help_circulation input[type="text"]{ 
		width:96%;
	}
	
	
	div#form input[name="puissance_fiscale"]{
		width:80%;
	}
	
	div#slogan img{
		padding:0%;
		margin:0%;
		display: inline;
	}
	
	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;
	}
	
	div#suivi_carte{ 
		display:none;
	}
	
	div#acces_panier, div#connexion{ 
		display:none;
	}
	
	div#top{ 
		background:none;
		padding:0%;
		height:inherit;
	}
	
	div#plus {
		
	}
	
	div#tel{ 
		z-index:50;
		background-size:100%;
		position:inherit;
		height:117px;
	}
	
	div#menu li div{ 
		font-size:15px;
	}
	
	div#aide{ 
		width:100%;
		position:inherit;
	}
	
	h2.h2_calculatrice{ 
		padding: 4% 0;
	}
	
	div#calculcarte form{
		width: 96%;
		display:block;
		margin-left:2%;
		text-align: center;
		font-size: 16px;
	}
	
	div#calculcarte form select{
		margin:2% 0;
	}
	
	h1.accueil {
		font-size:15px;
	}
	
	h1.accueil span{
		font-size:12px !important;
	}
	
	img.img_fixe{ 
		left:-3%;
	}
	
	div#presentation div{ 
		padding:0%;
		padding:2%;
	}
	
	div.dernier_avis{ 
		background: none;
		width: 92%;
		margin-top:5%;
		margin-bottom:0%;
		height:auto;
		min-height: 140px;
		background-color: #e8e8e8;
	}
	
	div#calculcarte{ 
	    width: 100%;
	    background-size: 100%;
	    padding: 0%;
	    margin-bottom: 5%;
	    background: none;
	    background-color: #ffb820;
	    padding-bottom: 4%;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	
		display: block;
		height: initial;
		position: initial;
		left: initial;
		top: initial;
		margin-top: 2%;
		margin-left: 0;
	} 
	
	#prix_carte_grise_content div#calculcarte,
	#changement_adresse_content div#calculcarte,
	#duplicata_content div#calculcarte,
	#changement_proprietaire_content div#calculcarte,
	#changement_locataire_content div#calculcarte {
		float: none;
		margin-right: 0%;
		margin-left: 0%;
	}
	
	div.top{
		width:98%;
	}
	
	div.int{
		width:91.8%;
	}
	
	div#menu li {
		float:none;
		display:block;
		width:100%;
		border-bottom: solid 1px #fff;
	}
	
	div#menu li a{
		color:#fff;
	}
	
	div#content{
		width:98%;
		padding:0 1%;
		margin:0%;
	}
	
	div#banner{
		display:none;
	}
	
	div#contact{
		width:100%;
		padding:0%;
		margin:0%;
	}
	
	div#formules div.formule{
		width:100%;
		margin-right:0%;
		margin-left:1%;
		background-size:100%;
	}
	
	div#menu li.li_commander:hover ul#ul_commander{ 
		display:none;
	}
	
	div#menu li a{ 
		display:block;
		padding-top: 2%;
   	 	padding-bottom: 2%;
	}
	
	div#coordonnees{
		margin:0%;
		width:93%;
		margin-top:5%;
	}
	
	div#form_contact{
		margin:0%;
		width:93%;
		margin-top:5%;
		padding:3%;
	}
	
	div#form_contact input[type="text"]{ 
		width:98%;
		height:25px;
	}
	
	div#form_contact label{ 
		text-align:center;
	}
	
	div#form_contact textarea{
		width:98%;
	}
	
	div#formule2,div#formule3{ 
		margin-top:4%;
	}
	
	div#presentation_suite div{ 
		padding:0%;
	}
	
	div#avantages{ 
		background-size:100%;
		margin-left:0%;
	}
	
	h2.h2_blog{ 
		width:94%;
	}
	
	div#tel_right{
		width: 88%;
		margin-left: 12%;
	}
	
	div#blog{ 
		width:100%;
		background-size:96%;
		display:none;
	}
	
	div#agence{
		width: 100%;
		background-size: 100%;
		padding: 0%;
		height:235px;
		margin-left: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%;
		text-align: center;
		font-size: 15px;
	}
	
	div#container_wrapper,div#texte_page{
		display:none;
	}
	
	div#container_wrapper{ 
		width:100%;
	}
	
	a#comment{ 
		padding-top: 7%;
		padding-bottom: 8%;
	}
	
	div#presentation{
		width:100%;
	}
	
	div#social{
		display:none;
	}
	
	div#slogan h1{ 
		font-size:13px;
	}
	
	span.big{ 
		font-size:13px;
	}
	
	h2.petit.gris{
		display:none;
	}
	
	div#footer ul{
		width:100%;
	}
	
	div#logo img{
		width:230px;
		float:left;
		padding-top:4%;
	}
	
	div#top{ 
		position: absolute;
		margin: 0;
		display: none;
		top: 250px;
		z-index: 2000;
		background: #fff;
		width: 100%;
		padding-bottom: 2%;
	}

	div#menu_mob_top{
		float:right;
		width: 45px;
		margin-top: 3%;
		text-align: center;
	}
	
	div#menu_mob_top img#icone_menu{
		float:right;
		display:inline-block;
		width:45px;
		margin-bottom:0;
	}
	
	span.display_web.menu{
		float: right;
		width:43px;
		color: #012770;
	}
	
	.bloc_choix_ville {
		width: 90%;
		margin-left:2%;
		margin-top: 7%;
		margin-bottom:7%;
	}
	
	.direct_tel{ 
		position:inherit;
		margin-top:3%;
		text-align: center;
	}
	
	.right_col .fond_gris {
		background-color: #f8f8f8;
		padding: 3%;
		margin-left: 0%;
	}
	
	#top_total_avis {
		margin-left: 0%;
	}
	
	.dernier_avis_top {
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.contact_direct .color_bleue{
		text-align:center;
	}
	
	.right_col #calculcarte{
		margin-left: 2%;
		margin-right: 2%;
	}
	
	div#habilitation{
		margin-right: 33%;
		text-align: right;
		font-size:9px;
	}
	
	div#habilitation img{
		width:35px;
		float: right;
		margin-top: 2px;
		padding: 0 0 0 5px;
	}
	
	div#vehicules{
		display:none;
		width:100%;
		padding:0%;
		margin:0%;
	}
	
	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;
	}
	
	tr.hidden{
		display:none !important;
	}
	
	div#total_res_form{
		width:93%;
		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:22%;
		margin: 1%;
		padding:4% 0;
		text-align:center;
	}

	span#moto{
		padding: 2% 0;
	}

	span.vehicule span.vehicule{
		border: none;
	    width: 100%;
	    font-size: 12px;
	    margin: 0;
	    padding: 0;
	}
	
	span.vehicule img{
		display:none
	}
	
	h3.bleu{
		text-align:center;
		margin-top:2%;
		margin-bottom:2%;
	}
	
	div#demarche tr,label{
		margin-top:2%;
		margin-bottom:2%;
		display:inline-block;
	}
	
	div#demarche{
		text-align:center;
	}
	
	td.taille_td_info{
		
	}
	
	div#presentation_ville div{ 
		display:none;
	}
	
	div#presentation_ville div#prix_cv{ 
		display:block;
	}
	
	select[name="genre"]{
		width:98%;
		margin:1% 0;
	}
	
	div#valider_adresse{  
		bottom:75px;
	}
	
	div#button_right input[type="image"]{
		width:200px;
	}
	
	div#adresse_livraison_saisie{ 
		width:90%;
	}
	
	textarea#adresse{ 
		width:100%;
	}
	
	form#commande  label{
		margin: 4% 0 2% 0;
		padding:0;
		display:block;
		width:100%;
	}
	
	input#datepicker{
		margin-bottom:5%;
	}
	
	div#form_saisie input#datepicker{
		width:88%;

	}
	
	#form select, #form input[type="text"]{
		display:block;
		margin:auto;
	}
	
	#form #puissance_fiscale input, #form #circulation input{
		display:inline-block;	
		margin-left: 1.5%;
		
	}
	
	div#form_saisie button.ui-datepicker-trigger{
		-webkit-appearance: none;
		margin-left: 1%;
		margin-top: 2%;
	}
	
	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:96%;
		padding:2%;
		margin-right:0%;
		margin-left: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%;
	}
	
	div#offert{
		width: 96%;
		margin: 0%;
		padding: 2%;
		margin-bottom:5%;
	}
	
	div#frais_livraison{
		width: 96%;
		margin: 0%;
		padding: 2%;
		margin-bottom:5%;
		text-align:center;
	}
	
	div.plaque{ 
		margin-top:10%;
	}
	
	
	img#img_plaque_cgpi{ 
		top:-13%;
	}
	
	div#saisie_immatriculation{
		margin-top:45%;
		margin-bottom:5%;
	}
	
	div#frais_livraison.encadre_frais{ 
		padding-top:6%;
	}
	
	div#form_connexion{
		width: 94%;
		margin: 0%;
		padding: 3%;
	}
	
	td#submit input{ 
		margin-top:2%;
	}
	
	div#form_inscription{ 
		width:100%;
		margin-left:0%;
		margin-right:0%;
		padding:0%;
	}
	
	div#frais_garantie{ 
		width:100%;
	} 
	
	div.display_web{ 
		display:block;
	}
	
	div.display_mob{ 
		display:none;
	}
	
	a.display_mob{
		display:none;
	}
	
	div.contour_bleu form input[type=submit]{ 
		margin-top:6%;
	}
	
	p.position a{
		display:block;
		margin-top:5%;
	}
	
	p.position_retour{
		margin-left:32%;
	}
	
	ul#sousmenu{ 
		display:block;
		font-size:15px;
		padding-left:10%;
	}
	
	div#menu ul#sousmenu li{ 
		padding-top:0.5%;
		padding-bottom:0.5%;
		border-bottom:none;
	}
	
	span.display_tablette{
		display:none;
	}
	
	div#titre_total_res_form{
		margin:auto;
		float:none;
		width:200px;
		text-align:center;
		margin-top:6%;
		margin-bottom:4%;
	}
	
	div#total_res_form{
		text-align:center;
		margin-bottom:2%;
	}
	
	#form_saisie span.obligatoire{
		display:none;
	}
	
	#form_saisie span#infos_little_co2{
		display:inline-block;
		text-align:center;
		width:100%;
		padding: 0;
	}
	
	div#affiche_commande {
		width:100%;
	}
	
	div#affiche_commande div#coordonnees_client {
		width:95%;
		margin-left:0;
	}
	
	div#coordonnees_commande {
		width:45%;
		padding:2%;
		margin-left:1%;
	}
	
	div#coordonnees_commande h3{
		font-size:11px;
	}
	
	div#coordonnees_commande td{
		display:initial !important;
	}
	
	div#recapitulatif_commande {
		width: 94%;
		margin-left:0;
		padding:3%;
	}
	
	.total_commande {
		width: 100%;
		font-size: 18px;
    	margin-top: 5%;
	}

	.ui-datepicker-calendar th,
	.ui-datepicker-calendar td{
		width: 14% !important;
		padding: 1% 0;
		display: inline-block !important;
	}

	.ui-datepicker-calendar thead,
	.ui-datepicker-calendar tr{
		width: 100%;
		display: block;
	}

	div#formules,
	div#agence{
		display: none;
	}

	.connecter{
		width: 100%;
		float: none;
		clear:both;
	}

	div#relances_espace_client{
		padding: 0;
	}

	div#relances_espace_client h3{
		font-size: 14px;
    	text-align: center;
    	margin-top: 7%;
	}

	table.client td{
		display: inline-block !important;
    	width: 30% !important;
    	padding: 1% 0 !important;
	}

	tr.detail_relance_content{
		display: none !important;
	}
	
	tr.detail_relance_content.show{
		display: block !important;
	}

	#relances_espace_client td{
		text-align: center;
	}

	#relances_espace_client tr{
		padding-bottom: 3% !important;
	}

	#top_avis_left{
		margin-left: 10%;
		width: 50%;
	}

	#top_avis_right{
		margin-right: 0;
		width: 40%;
		text-align: center;
		margin-top: 3%;
	}

	#top_avis_right img{
		max-width: 50%;
	}

	.nb_tot_avis{
		margin-bottom: 1%;
	}

	.titre_top_big{
		margin-bottom: 4%;
	}

	#form input[type="radio"]{
		margin-left: 4%;
	}

	#form_inscription label{
		font-weight: bold;
	}

	div#form_connexion.connexion_collaborateur{
		margin-top: 5%;
	}
	
	h4.confirm_inscription{
		margin-top: 5%;
	    font-size: 14px;
	    text-align: center;
	}

	div#adresse_infos{
		margin: 2% 0;
    	text-align: center;
	}

	.montant{
		margin-top: 4%;
	}

	div#qui_details{
		width: 90%;
		margin-bottom: 5%;
	}

	div#qui_sommes_nous p img{
		float: none;
		clear: both;
		display: block;
		margin:auto;
		margin-bottom: 2%;
	}	

	div#qui_sommes_nous h2{
		font-size: 14px;
	}

	div#left_qui p,
	div#right_qui p{
		text-align: left;
	}

	span.bleu.ville{
		padding: 2% 0;
    	font-weight: 100;
	}
	
	
	#plus .left{
		width:100%;
		margin-right:0%;
		float:none;
	}

	#plus .right{
		width:100%;
		float:none;
	}
	
	div.menu li {
		float: none;
		font-size: 16px;
	}
	
	ul.sousmenu {
		width: 100%;
	}
	
	a.button{
		width:90%;
	}
	
	.content_page{
		padding:2%;
	}
	
	.content_page img{
		width:40%;
	}
	
	div#form_right_commande{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		padding-bottom: 20px;
	}
	
	tr.detail_relance_content span{
		display:block;
	}
	
	tr.detail_relance_content.show td{
		display:block;
	}
	
	tr.detail_relance_content.show tr{
		display:block;
	}
	
	tr.detail_relance_content table tr u{
		display:inline-block;
		margin-top:2%;
		margin-bottom:2%;
	}
	
	tr.detail_relance_content table tr strong{
		display:block;
		padding:6% 0%;
	}
	
	#convertisseur{
		display:none;
		background-color: #185596;
		padding: 10% 4%;
		position: absolute;
		right: inherit;
		color: #fff;
		text-align:center;  
		width: 88%;
		left: 2%;
	}
	
	#convertisseur .form {
		margin-top:4%;
	}
	
	#form #convertisseur .form input[type="text"]{
		display:block;
		margin:auto;
		margin-bottom:1%;
	}
	
	#form #convertisseur .form input[type="submit"]{
		display:block;
		margin:auto;
		margin-top:4%;
	}
	
	div#menu_top a{
		display:inline-block;
		padding:5px;
		text-align: center;
	}
	
	div.texte_content div.encadre_content h2{
		font-size:16px;
		margin-top:0;
	}
	
	.espace_pro_block{
		display:block;
	}
	
	#espace_professionnel .encadre_content .block{
		min-height: 100px;
		margin:2% 0;
	}
	
	div.texte_content div.encadre_content.bg_bleu{
		margin: 2%;
		padding: 4%;
	}
	
	#espace_professionnel div.block_content h3{
		margin:10% 0;
	}
	
	p.intro_pro{
		padding:2%;
	}
	
	div#espace_professionnel.texte_content h4{
		padding:2%;
	}
	
	div#espace_professionnel ul{
		margin-left:8%;
		margin-top:3%;
	}
	
	#espace_pro_top {
		display: block;
	}
	
	#connexion_espace_pro #form_connexion{
		margin:0 1% 2% 1%;
	}
	
	div#contact_espace_pro{
		margin:0 1% 5% 1%;
	}
	
	div#contact_espace_pro form{
		display:block;
	}

	div#contact_espace_pro input[type="text"]{
		width:96%;
		margin:auto;
		padding:2%;
		margin-bottom:2%;
	}
	
	div#contact_espace_pro textarea{
		width:96%;
		margin:auto;
		padding:2%;
	}
	
	div#contact_espace_pro .form_valid_pro a{
		display:block;
	}
	
	
	#blocs_prestations_home{
		display:none;
	}
	
		
	div#calculette_left,
	div#calculette_right{
		float:none;
		clear:both;
		width:auto;
	}
	
	#choix_paiements.form_etape > div input[type="submit"]{
		max-width:80%;
		width:80%;
		margin-top: 6%
		color: white !important;
	}
	
	#choix_paiements > div input[type="submit"]{
		max-width:100%;
		width:100%;
		margin-top: 6%
	}
	
	#total_res_form{
		display:none;
	}
	
	#choix_paiements.form_etape {
		max-width: 80%;
	}
	
	.aff_details{
		max-width:100%;
		clear: both;
		float: none;
	}	
	
	tr.details_sous_total{
		display:none !important;
	}
	
	tr.details_sous_total.show{
		display:block !important;
	}
	
	#buttons.panier{
		margin-top:15%;
	}
	
	#test_cgv #buttons.panier .btn{
		text-align:center;
	}
	
	#choix_paiements {
		display: block;
	}
	
	#choix_paiements > div{
		margin-bottom:5%;
		margin-right:0;
	}
	
	#choix_paiements_container{
	    max-width: 90%;
		margin: auto;
		margin-top: 5%;
	}
	
	#choix_paiements_container #titre_choix {
		margin: 2% 0 3% 0;
	}
	
	#infos_plusieurs_fois{
		width:90%;
		left:2%;
		padding:10% 3%;
	}
	
	#popup_message{
		width:80%;
		left: 6%;
		padding: 4% 4% 6% 4%;
	}
	
	#carte_edit tr{
		margin-bottom: 3%;
	}
	
	#carte_edit td{
		padding-bottom: 2% !important;
	}
	
	#carte_edit input[type="submit"]{
		float:none;
	}
	
	div#presentation_cagnotte_header{
		text-align:center;
	}
	
	.details_reglements,
	.comment_cagnotte{
		margin-top:10px;
	}
	
	input.acces_paiement_payline{
		max-width:100% !important;
	}
	
	div#details_reglements.active,
	div#comment_cagnotte.active{
		left:0;
		width:94%;
	}
	
	div#comment_cagnotte.active{
		padding-top:40px;
	}
	
	.ESPACECLIENT .fermer {
		right: 10px;
		top: 10px;
	}
	
	.delete_order{
		display:block;
	}
	
	.flex{
		display:block !important;
	}
	
	div#content.ESPACECLIENT{
		display: block;
	}
	div#form_right_commande img {
    padding: 20px;
    }
}


@media screen and (min-width: 481px) and (max-width: 767px){
	div#habilitation{
		top:27% !important;
	}
	
	div#presentation{
		float:none;
		clear:both;
		width:100% !important;
	}
	
	div#calculcarte{ 
	    background: none;
	    background-color: #ffb820;
	    padding-bottom: 4%;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
		margin-right: 2%;
	} 
	
	div.dernier_avis{
		margin-top: 2.5% !important;
	}
	
	div#banner{
		display:none;
	}

	div#qui_details {
		width: 80% !important;
	}
	
	table.client tr.display_mob,
	table.client td.display_mob {
		display: none !important;
	}
	
	div#valider_adresse.livraison_off {
		position: initial;
		float:none;
		margin:auto;
		display:block;
		clear: both;
		text-align: center;
	}
	
	.gauche{
		padding: 3%;
	}
		h2.titre_intro {
        padding: 3px;
	}
	
	
}








@media screen and (max-width: 767px){
	div#buttons.panier{
		display: flex;
		flex-direction: column-reverse;
	}
	
	.extra_big {
		font-size: 20px !important;
		padding-bottom: 2%;
	}
	#import_commande {
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.fond_bleu {
		margin: 3%;
	}
	div#buttons.panier input,
	div#buttons.panier a{
		display:block;
		width: 80%;
		max-width: 80%;
		padding: 2% 0;
		margin:auto;
	}
	.bloc_prestation_home h4 {
		font-size:14px;
	}
	div#buttons.panier a{
		background:none;
		text-decoration:underline;
		margin-top:5% !important;
		color:#474747;
	}
	
	div#buttons.panier input{
		-webkit-appearance: none;
	}
	
	
	#blocs_prestations_demarches_specifiques .bloc{
		text-transform:none;
	}
	
	#blocs_prestations_demarches_specifiques .bloc a{
		min-height: 60px;
		vertical-align: middle;
		font-size:16px;
	}
	
	div.bloc_flex{
		display:block;
	}
	
	#paiement_top{
		display:block;
		padding:1%;
		width:98%;
	}
	
	#paiement_top img{
		width:80px !important;
	}
	
	input#acces_paiement{
		height:70px;
	}
	
	#entete_paiement_fois {
		padding:3% 0;
	}
	
	#entete_paiement_fois img{
		margin:auto;
		display:block;
		max-width:80%;
		margin-bottom:2%;
	}
	
	#entete_paiement_fois .titre_paiements{
		width:100%;
		padding:0;
	}
	
	#entete_paiement_fois .titre_paiements span{
		width:100%;
		text-align:center;
		display:block;
	}
	
	.paiement_3fois{
		display:block;
	}
	
	.paiement_3fois #calculcarte{
		margin-left:0;
		margin-top:3%;
	}
	
	.paiement_bottom{
		padding:4%;
	}
	
	.pays_importés {
		flex-wrap: wrap;
	}
	
	.pays_importés div{
		width:46%;
	}
	
	.pays_importés div img{
		display:block;
		margin:auto;
		margin-bottom:2%;
	}
	
	.paiment_vehicule_import{
		display:block;
	}
	
	.paiment_vehicule_import img{
		margin: auto;
		display: block;
	}
	
	.content_import img{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.plusieurs_fois-encadre{
		display:block;
	}
	.fond_95 {
		margin-left: 0%;
	}
	
	form#validation_paiement {
		width: 100%;
	}
	
	#echeancier tr {
		display: flex !important;
	}
	
	#echeancier td {
		padding: 5px !important;
	}
	
	.gauche{
		padding: 3%;
	}
	div#form_right_commande img {
    padding: 20px;
    }
	div#form_right_commande{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		padding-bottom: 20px;
	}
		h2.titre_intro {
        padding: 3px;
	}
		div.texte_content div.encadre_content.bg_bleu{
		margin: 2%;
		padding: 4%;
	}
	
	.bleu{
	color: red !important;
	}
	
	#echeancier_container,
	div#affiche_commande #echeancier_container	{
		max-width: none;
	}
	
	#paiement_container{
		display:flex !important;
		flex-direction: column-reverse;
	}
	
	.right_paiement{
		margin-bottom:1rem;
	}
	
	#form_adresses .buttons{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	#form_adresses .buttons a{
		width:100%;
		text-align:center;
	}
}








@media screen and (max-width: 480px){
	div.texte_bottom_paiement_ville img.paiement {
    padding: 14px;
    /* margin-left: 2%; */
    width: 99%;
  }
	
	.bleu{
	color: red !important;
	}
}
	


/* Media query for mobile devices (adjust the max-width as needed) by gp */
@media only screen and (max-width: 768px) {
  /* Align text to center within #menu_top on mobile devices */
  #menu_top {
    text-align: center !important;
  }
	.gauche{
		padding: 3%;
	}
	
		div#form_right_commande img {
    padding: 20px;
    }
	
	div#form_right_commande{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		padding-bottom: 20px;
	}
	h2.titre_intro {
        padding: 3px;
	}
		div.texte_content div.encadre_content.bg_bleu{
		margin: 2%;
		padding: 4%;
	}
	
	div.texte_bottom_paiement_ville img.paiement {
    padding: 14px;
    /* margin-left: 2%; */
    width: 99%;
  }
	
	.bleu{
		
	color: #203288 !important;
	}
}