@media(max-width:1350px) {
   #calculateur_rapide           { display:none; }
}

/***************** 1030 *******************/
@media(max-width:1030px) {

   .mobile { display:inline-block; }
   .desktop { display:none; }

   /*----------------------------------------------------
      HEADER
   -----------------------------------------------------*/
   header, #moveHead					{ padding:0; position:relative; width:100%; z-index:9999; }
   #logo 								{ padding:.3em 0 .1em; }
   #logo	img 							{ max-width:160px; }
   #open_nav_mobile a 				{ background:#eee; display:block; height:100%; line-height:10px; position:absolute; right:0; top:0; text-align:center; width:55px; }
   #open_nav_mobile a span 		{ background:#000; display:inline-block; height:3px; left:-50%; margin:-2px auto 0; position:absolute; right:-50%; top:50%; width:38%; }
   #open_nav_mobile a span:first-child
   { margin-top:-7px; }
   #open_nav_mobile a.open span:first-child:after
   { background:url("../imgs/header/flch_mobile.png") no-repeat top center; content:" "; display:block; height:7px; left:50%; margin:-7px 0 0 -8px; position:absolute; top:-100%; width:16px; }
   #open_nav_mobile a span:last-child
   { margin-top:3px; }
   #open_nav_mobile a.close span:last-child:after
   { background:url("../imgs/header/flch_mobile.png") no-repeat bottom center; content:" "; display:block; height:8px; left:50%; margin:5px 0 0 -8px; position:absolute; width:16px; }

   .nav_client.mobile            { display:block; }
   .nav_client                   { margin:0; }
   .nav_client .label            { top:1px; }


   /*----------------------------------------------------
      MENU
   -----------------------------------------------------*/
   header nav ul						{ background:#fff; display:none; float:none; left:0; position:absolute; height:auto; top:100%; text-align:center; width:100%; z-index:9999999;
      -webkit-box-shadow:0 0 3px rgba(0,0,0,35) inset; -moz-box-shadow:0 0 3px rgba(0,0,0,35) inset; -ms-box-shadow:0 0 3px rgba(0,0,0,35) inset; -o-box-shadow:0 0 3px rgba(0,0,0,35) inset; box-shadow:0 0 3px rgba(0,0,0,35) inset;
      background: #ffffff;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
      background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
      background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
      background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
      background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
   }
   header nav ul li					{ border-bottom:1px solid rgba(0,0,0,.1); float:none; }
   header nav ul li:first-child 	{ border-top:1px solid rgba(0,0,0,.1); margin:56px 0 0; }
   header nav ul li a 				{ padding:15px 5%; }

   header nav ul li.assm 			{ border:none; position:absolute; top:0; right:5px; }
   header nav ul li.assm > div	{ display:block; left:-100%; top:0;
      -webkit-transition:all .2s linear; -moz-transition:all .5s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;
   }
   header nav ul li.assm > div.view_assm  { display:block; left:0; top:0; }
   header nav ul li.assm_chauffeur        { border:none; position:absolute; top:0; right:50px; }

   /* tel v.mobile */
   #tel_header 						{ display:block; margin:7px 0 0; padding:0; position:absolute; right:62px; }
   /* langues */
   #select_lg 							{ position:absolute; right:60px; top:0; }
   #select_lg.with_chauffeur     { right:100px; }

   /* connexion */
   #box_connexion						{ background:rgba(0,0,0,.8); height:100%; padding:50px 5%; position:fixed; right:0; top:0; width:90%; z-index:50001;
      -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;
   }
   #box_connexion .present			{ margin:0 auto; width:90%; }
   #box_connexion .present	a 		{ display:inline-block; }
   #box_connexion:after				{ display:none; }
   #box_connexion .titre_connexion{ margin:15px auto; max-width:280px; }
   #box_connexion form           { margin:0 auto; max-width:280px; }
   #box_connexion input[type="text"],
   #box_connexion input[type="email"],
   #box_connexion input[type="password"]
   { border:none; font-size:15px; margin:0 0 12px; padding:6px; width:260px;
      -webkit-border-radius:3px;  -moz-border-radius:3px;  -ms-border-radius:3px;  -o-border-radius:3px;  border-radius:3px;
   }
   #box_connexion .mdp_lost      { margin:-10px 3px 15px; text-align:right; }
   .bt_annul_connexion 				{ display:inline-block; }
   #box_connexion .link_inscription { padding:15px 0 12px 0; }

   /* tel */
   #bt_tel 								{ left:0; margin:10px 0; position:absolute; text-align:left; top:0; }

   /* réseaux sociaux */
   header nav ul li.icrs 			{ border:none; text-align:center; }
   header nav ul li.icrs a			{ background:#666; display:inline-block; float:none; margin:9px 5px 9px 3px;
      -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.8) inset; -moz-box-shadow:1px 1px 2px rgba(0,0,0,.8) inset; -ms-box-shadow:1px 1px 2px rgba(0,0,0,.8) inset; -o-box-shadow:1px 1px 2px rgba(0,0,0,.8) inset; box-shadow:1px 1px 2px rgba(0,0,0,.8) inset;
   }
   header nav ul li.icrs a:hover,
   header nav ul li.icrs a:active{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; }



   /* FORMULAIRE RESERVATION */
   #ctt_resa                     { margin-top:25px; }
   .ligne_form .chps select		{ margin:0; padding:0; height:30px; line-height:30px; }
   /* classe voiture
   .checks_classe						{ text-align:center; }
   .check_classe_eco, .check_classe_aff, .check_classe_vip
   { display:inline-block; float:none; margin:0 auto; max-width:120px; width:33.33%; }
   .check_classe_eco.active, .check_classe_aff.active, .check_classe_vip.active
   { background-position:center bottom; } */

   /* icone date/heure de résa */
   .ic_frm_agenda						{ margin-left:-1px; width:49%; }
   .ic_frm_agenda_le					{ width:16.5%; }
   .ic_frm_agenda .chps input 	{ width:76%; }
   .ic_frm_horloge					{ width:46%; }


   /*----------------------------------------------------
      PAGES
   -----------------------------------------------------*/
   .help_bcrumb						{ right:100px; }

   .row:after                    { clear:both; content:" "; display:block; height:0; width:100%; }
   .row .col.col-l-3             { float:none; width:100%; }
   .row .col.col-l-9             { float:none; width:100%; }
   .row .col:first-child         { padding-left:7.5px; }
   .row .col:last-child          { padding-right:7.5px; }


   /*----------------------------------------------------
      INSCRIPTION CHAUFFEUR
   -----------------------------------------------------*/
   #col-present h1 { font-size:2.2em; }


   /*----------------------------------------------------
      ACCUEIL
   -----------------------------------------------------*/
   #cttacc								{ max-width:100%; width:50%; }
   #accueil.v2 #cttacc				{ width:45%; }


   /*----------------------------------------------------
      RESERVATION STEP 1
   -----------------------------------------------------*/
   #s1_box_trajets 					{ display:inline-block; margin:0 3% 0 0; width:40%; }

   .s1_box_itineraire 				{ margin:0 0 30px; width:100%; }
   .s1_box_itineraire .wind		{ padding:2% 2%; width:96%; }

   #box_form_retour					{ height:0; }
   #box_form_retour.open 			{ height:auto; margin:0 0 30px; width:100%; }
   #box_form_retour .wind			{ padding:2% 2%; width:96%; }

   .s1_box_recap						{ width:35%; }
   .s1_box_recap.minify 			{ width:35%; }
   .s1_box_recap .wind				{ padding:2% 2%; width:96%; }


   /*----------------------------------------------------
      RESERVATION STEP 2
   -----------------------------------------------------*/
   #forms_step2 						{ margin:0 3%; width:54%; }

   /* lieux connux */
   .ctt_lieux_connus					{ display:none; }
   .infos_lieuxconnus				{ max-width:100%; width:100%; }
   #forms_step2 .ligne_form .chps.delai_lc select
   { border:none; margin:0 5px 0 10px; padding:5px 0; width:50px; }

   /* identite */
   #identite							{ max-width:100%; width:100%; }

   /* formulaire */
   #forms_step2 .ligne_form		{ background:none; border:none; height:auto;
      -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;
   }
   #forms_step2 .label				{ border:1px solid #000; float:none; padding:0 4%; text-align:left; width:92%;
      -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
   }
   #forms_step2 .label label 		{ display:inline-block; width:100%; }
   #forms_step2 .chps 				{ background:#fff; border:1px solid #ccc; padding:0; width:100%;
      -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;
   }
   #forms_step2 .chps input[type="text"],
   #forms_step2 .chps input[type="email"],
   #forms_step2 .chps input[type="tel"],
   #forms_step2 .chps select
   { padding:8px 4%; width:92%; }

   #forms_step2 .ic_date_lc		{ padding:0 0 0 10px; }
   #forms_step2 .ligne_form .chps .date_lc
   { width:70px; }
   #forms_step2 .ic_heure_lc		{ padding:0 10px; }
   #forms_step2 .ligne_form .chps .selects select:first-child { width:55px; }
   #forms_step2 .ligne_form .chps .selects select { padding:4.5px 0; width:45px; }

   #forms_step2 .option_lform		{ border-top:0; margin:0 8px 0 0;
      -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; -moz-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; -ms-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; -o-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; box-shadow:0 1px 1px rgba(0,0,0,.5) inset;
   }

   #forms_step2 #chps_cgu .chps	{ line-height:18px; padding:8px 0;
      -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
   }
   #forms_step2 #chps_cgu .chps input { float:right; margin:0 8px; }

   #bt_devis_et_enregistrer 		{ float:none !important; text-align:center; width:100%; }
   #bt_devis_et_enregistrer input{ height:30px; width:100%; }

   #submit_prix_cgu 					{ float:none; margin:15px 0 0; padding:0; width:100%; }
   #submit_prix_cgu a 				{ margin:0; padding:9px 0; width:100%; }

   /* recap */
   .s2_box_recap						{ margin:0 3% 30px 0; width:37%; }
   .s2_box_recap .wind				{ padding:2% 2%; width:96%;
      -webkit-box-shadow:0 0 10px rgba(0,0,0,.8); -ms-box-shadow:0 0 10px rgba(0,0,0,.8); -o-box-shadow:0 0 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 10px rgba(0,0,0,.8); box-shadow:0 0 10px rgba(0,0,0,.8);
   }

   .hideOnDesktop 					{ display:inherit; }

   #bt_reinit_all 					{ bottom:0; left:0; margin:0; position:fixed; top:auto;
      -webkit-border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -ms-border-radius:0 5px 0 0; -o-border-radius:0 5px 0 0; border-radius:0 5px 0 0;
      -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -ms-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
   }

   /*----------------------------------------------------
      CONNEXION
   -----------------------------------------------------*/
   .wcenter.connexion            { margin:0 auto; padding:50px 0; max-width:560px; width:90%; }

   #form_connexion,
   #form_mdp_lost                { margin:20px auto; padding:5px 0 20px; width:96%; }

   #form_connexion .link_insc,
   #form_mdp_lost .link_insc     { display:inline-block; float:none; height:auto; padding:6px 12px; }
   #form_connexion button,
   #form_mdp_lost button         { margin:0 0 10px; }
}


@media(max-width:900px) {
   #cttacc								{ width:45%; }

   #ctt_resa.v2 .ligne_form            { padding:0; width:100%; }
   #ctt_resa.v2 .ligne_form.second     { padding:0; }

   /* classe voiture
   .checks_classe						{ text-align:center; }
   .check_classe_eco, .check_classe_aff, .check_classe_vip
   { display:inline-block; float:none; height:43px; margin:0 auto; max-width:120px; width:33.33%; }
   .check_classe_eco					{ background:url('../../../uploads/vehicule_eco_off_mobile.png') no-repeat center top; }
   .check_classe_aff					{ background:url('../../../uploads/vehicule_aff_off_mobile.png') no-repeat center top; }
   .check_classe_vip					{ background:url('../../../uploads/vehicule_vip_off_mobile.png') no-repeat center top; }
   .check_classe_eco.active 		{ background:url('../../../uploads/vehicule_eco_on_mobile.png') no-repeat center top; }
   .check_classe_aff.active		{ background:url('../../../uploads/vehicule_aff_on_mobile.png') no-repeat center top; }
   .check_classe_vip.active 		{ background:url('../../../uploads/vehicule_vip_on_mobile.png') no-repeat center top; }

   .check_classe_eco.default				{ background:url('../imgs/forms/vehicule_eco_off_mobile.png') no-repeat center top; }
   .check_classe_aff.default				{ background:url('../imgs/forms/vehicule_aff_off_mobile.png') no-repeat center top; }
   .check_classe_vip.default				{ background:url('../imgs/forms/vehicule_vip_off_mobile.png') no-repeat center top; }
   .check_classe_eco.default.active 	{ background:url('../imgs/forms/vehicule_eco_on_mobile.png') no-repeat center top; }
   .check_classe_aff.default.active		{ background:url('../imgs/forms/vehicule_aff_on_mobile.png') no-repeat center top; }
   .check_classe_vip.default.active		{ background:url('../imgs/forms/vehicule_vip_on_mobile.png') no-repeat center top; } */
}
@media(max-width:800px) {
   #bandeau_app                  { display:block; }
   #bandeau_app_ctt              { box-shadow:0 -2px 5px rgba(0,0,0,.5) inset; color:#fff; display:none; line-height:2em; overflow:hidden; margin:-.3em 0 0; text-align:center; }
   #close_bandeau_app            { background:url(../imgs/calcul_rapide_close.png) no-repeat center; cursor:pointer; height:30px; position:absolute; right:5px; top:5px; width:30px; z-index:999; }

   #cttacc								{ width:40%; }
   #accueil.v2 #cttacc				{ width:45%; }

   /*----------------------------------------------------
      INSCRIPTION CHAUFFEUR
   -----------------------------------------------------*/
   #col-present { float:none; min-height:auto; width:100%; }
   #col-inscription { float:none; width:100%; }

   /*----------------------------------------------------
      STEPS
   -----------------------------------------------------*/
   #etapes_resa 						{ font-size:.9em; height:37px; margin:0 0 30px; padding:0; width:100%; text-align:center; }
   #etapes_resa ul 					{  }
   #etapes_resa ul li 				{ display:inline-block; float:none;  }
   #etapes_resa ul li a				{ float:none; display:inline-block; line-height:35px; padding:0 3%;  }
   #etapes_resa ul li a i			{ display:inline-block; height:25px; line-height:25px; margin:0 5px; width:25px; }
   #etapes_resa ul li.active		{ height:40px; width:auto; }
   #etapes_resa ul li.active a i	{ background:#fff; margin:0 6px; }
   #etapes_resa ul li.active a span
   { display:inline-block; padding-right:3px; }
   #etapes_resa img					{ display:none; }

   /*----------------------------------------------------
      RESERVATION STEP 1
   -----------------------------------------------------*/
   #s1_box_trajets 					{ display:inline-block; margin:0 3% 0 0; width:48%; }

   .s1_box_itineraire 				{ margin:0 0 30px; width:100%; }
   .s1_box_itineraire .wind		{ padding:2% 2%; width:96%; }

   #box_form_retour					{ height:0; }
   #box_form_retour.open 			{ height:auto; margin:0 0 30px; width:100%; }
   #box_form_retour .wind			{ padding:2% 2%; width:96%; }

   .s1_box_recap						{ width:40%; }
   .s1_box_recap.minify 			{ width:40%; }
   .s1_box_recap .wind				{ padding:2% 2%; width:96%; }


   /* inscription */
   .wcenter.inscription          { max-width:450px; width:95%; }
   #form_imageprofil             { float:none; max-width:none; width:100%; }
   #form_profil                  { float:none; max-width:none; width:100%; }

}


/***************** 768 *******************/
@media(max-width:768px) {
   .help_bcrumb 						{ display:none; }

   #cttacc								{ float:left; max-width:100%; width:35%; }

   /*----------------------------------------------------
      RESERVATION STEP 2
   -----------------------------------------------------*/
   #forms_step2 						{ margin:0 3%; width:50%; }
   /* recap */
   .s2_box_recap						{ margin:0 3% 30px 0; width:41%; }

   /*----------------------------------------------------
      RESERVATION STEP 3
   -----------------------------------------------------*/
   .list_choice_paiment				{ margin:20px auto; text-align:center; }
   .list_choice_paiment li			{ margin:0 2% 20px; padding:10px 0 18px 0; }
   .list_choice_paiment li .bt_payer
   { margin-top:15px; }
}

/*@media(max-width:568px) { body {display:none;} }*/


/***************** 620 *******************/
@media(max-width:620px) {
   /*----------------------------------------------------
      PAGES
   -----------------------------------------------------*/
   #main									{ clear:both; position:relative; z-index:2; }
   .wcenter								{ min-width:100%; max-width:100%; }
   #page_home .wcenter				{ max-width:100%; }
   .hk_mod_acc							{ /*margin:0 0 0 430px; width:580px;*/ display:inline-block; margin:0; padding:0 3%; text-align:left; width:94%; }

   /* windows */
   .wind									{ border:0; margin:0; padding:7% 2%; width:96%;
      -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
      -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;
   }

   .contnr_page 						{ padding:25px 0; }
   .contnr_page .wind.wall       { margin:0 auto; padding:4%; width:85%;
      -webkit-box-shadow:0 0 10px rgba(0,0,0,.8); -ms-box-shadow:0 0 10px rgba(0,0,0,.8); -o-box-shadow:0 0 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 10px rgba(0,0,0,.8); box-shadow:0 0 10px rgba(0,0,0,.8);
      -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px;
   }
   .contnr_page .wind.wall .padd20 { padding:2%; }

   /* FORMULAIRE RESERVATION */
   #ctt_resa .ligne_form .chps select
   { margin:0; padding:0; height:30px; line-height:30px; }
   /* classe voiture
   .checks_classe						{ text-align:center; }
   .check_classe_eco, .check_classe_aff, .check_classe_vip
   { display:inline-block; float:none; height:43px; margin:0 auto; max-width:120px; width:33.33%; }
   .check_classe_eco					{ background:url('../../../uploads/vehicule_eco_off_mobile.png') no-repeat center top; }
   .check_classe_aff					{ background:url('../../../uploads/vehicule_aff_off_mobile.png') no-repeat center top; }
   .check_classe_vip					{ background:url('../../../uploads/vehicule_vip_off_mobile.png') no-repeat center top; }
   .check_classe_eco.active 		{ background:url('../../../uploads/vehicule_eco_on_mobile.png') no-repeat center top; }
   .check_classe_aff.active		{ background:url('../../../uploads/vehicule_aff_on_mobile.png') no-repeat center top; }
   .check_classe_vip.active 		{ background:url('../../../uploads/vehicule_vip_on_mobile.png') no-repeat center top; }

   .check_classe_eco.default				{ background:url('../imgs/forms/vehicule_eco_off_mobile.png') no-repeat center top; }
   .check_classe_aff.default				{ background:url('../imgs/forms/vehicule_aff_off_mobile.png') no-repeat center top; }
   .check_classe_vip.default				{ background:url('../imgs/forms/vehicule_vip_off_mobile.png') no-repeat center top; }
   .check_classe_eco.default.active 	{ background:url('../imgs/forms/vehicule_eco_on_mobile.png') no-repeat center top; }
   .check_classe_aff.default.active		{ background:url('../imgs/forms/vehicule_aff_on_mobile.png') no-repeat center top; }
   .check_classe_vip.default.active		{ background:url('../imgs/forms/vehicule_vip_on_mobile.png') no-repeat center top; } */

   /* étapes */
   .bt_add_etape						{ line-height:17px; }
   .bt_add_etape p:before 			{ height:28px; line-height:28px; }


   /* icone date/heure de résa */
   .ic_frm_agenda						{ margin-left:-1px; width:49%; }
   .ic_frm_agenda_le					{ width:16.5%; }
   .ic_frm_agenda .chps input 	{ width:76%; }
   .ic_frm_horloge					{ width:46%; }
   .ic_frm_horloge .selects select
   {  }

   /* passagers */
   .ligne_form_passagers			{ text-align:center; }
   .box_frm_psg						{ display:inline-block; float:none; margin-right:6%; padding:0 1% 5% 13%; max-width:100px; width:100%; }

   #submit_prix span					{ display:none; }


   /*----------------------------------------------------
      ACCUEIL
   -----------------------------------------------------*/
   /* ctt */
   #module_acc 						{ left:0; margin-left:0; position:relative; right:0; top:0; width:100%; }
   #ctt_resa							{ margin:0; position:relative; right:0; top:0; z-index:99990; }

   #ctt_resa.wind.v2				   { max-width:100%; top:0; }

   /* scroll */
   #ctt_resa .a_scroll				{ /*height:330px;*/ padding:0; width:100%; }
   #ctt_resa .a_scroll > div 		{ width:100%; }

   #slider								{ height:auto; }
   #accueil .wcenter					{ /*height:auto; left:0; position:relative; right:0; top:0;*/ }

   #cttacc								{ float:none; margin:30px auto; max-width:83%; padding:5%; width:83%; }
   #accueil.v2 #cttacc           { box-sizing:border-box; float:none; margin:40px 0 0; max-width:100%; width:100%; }
   #hkca									{ display:none; }
   .flexslider 						{ height:480px; width:100%; }
   .flexslider .slides img 		{ min-height:100% !important; min-width:100% !important; width:auto !important; }
   /*
   .flexslider .slides img 		{ min-height:100% !important; min-width:100% !important; width:auto !important; }
   .flexslider .slides > li {
   height:auto !important;
   }
   */


   /*----------------------------------------------------
      RESERVER
   -----------------------------------------------------*/
   #reserver > .wcenter				{ padding:0 0 30px; }
   #reserver h1						{ padding:30px 0 20px; }

   #list_args li						{ float:none; margin:0 auto 40px; width:90%; }
   #list_args li.nostep				{ float:none; margin:0 auto 45px; }


   /*----------------------------------------------------
      PRESENTATION
   -----------------------------------------------------*/
   #presentation > .wcenter		{ padding:0 0 30px; }
   #prstlogo							{ float:none; margin:0; padding:30px 0px 10px; width:100%; }
   #prstlogo img 						{ width:98%; }
   #prst_part1							{ padding:0 10px 0;  }

   #prst_args li						{ float:none; margin:30px 0 20px 1%; width:96%; }

   /*----------------------------------------------------
      CONTACT
   -----------------------------------------------------*/
   #contact								{ overflow:hidden; position:relative; }
   #contact > .wcenter				{ padding:10px 0 0; }

   #c_contact							{ margin:0 2% 20px 2%; padding:10px 0 0; }
   #c_contact p						{ float:none; line-height:25px; padding:15px 4%; min-width:92%; text-align:center; }
   .ic_contact							{ float:none; display:block; margin:0 auto 5px;
   }


   #c_contact p.hk_tel				{ margin-right:0; }
   #c_contact p.hk_tel.dble		{ line-height:25px; margin-right:0; }

   #m_contact							{ margin:0 2% 20px 2%; }
   #m_contact p						{ float:none; padding:15px 4% 0; margin:0; }
   /*#m_contact p .ic_contact		{ float:left; margin:-12px 12px -12px 0; }*/

   /*#iconefc .ic_contact			{ float:left; margin:0 15px 0 0; }*/
   #m_contact h1						{ padding:2px 2% 0; text-align:center; }
   #m_contact h2						{ padding:0 2% 0; text-align:center; }

   #form_contact						{ clear:both; margin:20px auto; text-align:center; width:95%; }
   #form_contact p					{ float:none; margin:0; padding:5px 0; }
   #form_contact fieldset			{ float:none; max-width:100%; width:100%; }
   #form_contact fieldset input[type=text],
   #form_contact fieldset input[type=tel],
   #form_contact fieldset input[type=email],
   #form_contact fieldset textarea
   { margin:0 auto 10px; padding:6px 3%; text-align:left; width:88%; }
   #form_contact fieldset textarea
   { margin:8px auto 18px; height:100px; }

   .submit_contact					{ float:none; display:inline-block; margin:0 auto 30px; padding:10px 25px 6px 15px; }

   #results_contact 					{ padding:0 3%; width:94%; }


   table.result_ok td.icone_result,
   table.result_no td.icone_result
   { display:none; overflow:hidden; width:0; }


   /*----------------------------------------------------
      STEPS
   -----------------------------------------------------*/
   #etapes_resa 						{ margin:0 0 10px; }
   #etapes_resa.step1 				{ /*display:none;*/ }
   #etapes_resa ul li a span		{ display:none; }


   /*----------------------------------------------------
      RESERVATION STEP 1
   -----------------------------------------------------*/
   #s1_box_trajets 					{ display:inline-block; margin:0; width:100%; }

   .s1_box_itineraire 				{ margin:0 0 30px; width:100%; }
   .s1_box_itineraire .wind		{ padding:2% 2%; width:96%; }

   #box_form_retour					{ height:0; }
   #box_form_retour.open 			{ height:auto; margin:0 0 30px; width:100%; }
   #box_form_retour .wind			{ padding:2% 2%; width:96%; }

   .s1_box_recap						{ width:100%; }
   .s1_box_recap.minify 			{ width:100%; }
   .s1_box_recap .wind				{ padding:2% 2%; width:96%; }


   /*----------------------------------------------------
      RESERVATION STEP 2
   -----------------------------------------------------*/
   #forms_step2						{ float:none; margin:0; padding:0 0 30px; width:100%; }
   #forms_step2 .wind 				{ position:relative; margin:60px 0 0; padding:0 2% 3%; }
   #forms_step2 .wind .wind_title{ background:#fff; color:#000; line-height:20px; padding:0 3% 10px; position:absolute; bottom:100%; width:90%;
      -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
      -webkit-box-shadow:0 0 3px rgba(0,0,0,.6); -moz-box-shadow:0 0 3px rgba(0,0,0,.6); -ms-box-shadow:0 0 3px rgba(0,0,0,.6); -o-box-shadow:0 0 3px rgba(0,0,0,.6); box-shadow:0 0 3px rgba(0,0,0,.6);
   }

   /* lieux connux */
   .ctt_lieux_connus					{ display:none; }
   #forms_step2 #icone_avion 		{ background:url('../imgs/icone_avion_black.png'); display:inline-block; height:34px; margin:0 0 -8px; width:31px; }
   #forms_step2 #icone_avion img { visibility:hidden; }
   #forms_step2 #icone_gare 		{ background:url('../imgs/icone_gare_black.png'); display:inline-block; height:34px; margin:0 0 -8px; width:31px; }
   #forms_step2 #icone_gare img 	{ visibility:hidden; }
   #forms_step2 #icone_passager 	{ background:url('../imgs/icone_identite_black.png'); display:inline-block; height:34px; margin:0 0 -8px; width:31px; }
   #forms_step2 #icone_passager img
   { visibility:hidden; }
   #infos_vol							{ margin:10px 0 0; padding:3% 4%; width:92%; }
   #forms_step2 .ligne_form .chps.delai_lc select
   { border:none; margin:0 5px 0 10px; padding:5px 0; width:50px; }

   /* identite */
   #identite							{ max-width:100%; width:96%; }

   /* formulaire */
   #forms_step2 .ligne_form		{ background:none; border:none; height:auto;
      -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;
   }
   #forms_step2 .label				{ border:1px solid #000; float:none; padding:0 4%; text-align:left; width:92%;
      -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
   }
   #forms_step2 .label label 		{ display:inline-block; width:100%; }
   #forms_step2 .chps 				{ background:#fff; border:1px solid #ccc; padding:0; width:100%;
      -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;
   }
   #forms_step2 .chps input[type="text"],
   #forms_step2 .chps input[type="email"],
   #forms_step2 .chps input[type="tel"],
   #forms_step2 .chps select
   { padding:8px 4%; width:92%; }

   #forms_step2 .ic_date_lc		{ padding:0 0 0 10px; }
   #forms_step2 .ligne_form .chps .date_lc
   { width:70px; }
   #forms_step2 .ic_heure_lc		{ padding:0 10px; }
   #forms_step2 .ligne_form .chps .selects select:first-child { width:55px; }
   #forms_step2 .ligne_form .chps .selects select { padding:4.5px 0; width:45px; }

   #forms_step2 .option_lform		{ border-top:0; margin:0 8px 0 0;
      -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; -moz-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; -ms-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; -o-box-shadow:0 1px 1px rgba(0,0,0,.5) inset; box-shadow:0 1px 1px rgba(0,0,0,.5) inset;
   }

   #forms_step2 #chps_cgu .chps	{ line-height:18px; padding:8px 0;
      -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
   }
   #forms_step2 #chps_cgu .chps input { float:right; margin:0 8px; }

   #bt_devis_et_enregistrer 		{ float:none !important; text-align:center; width:100%; }
   #bt_devis_et_enregistrer input{ height:30px; width:100%; }

   #submit_prix_cgu 					{ float:none; margin:15px 0 0; padding:0; width:100%; }
   #submit_prix_cgu a 				{ margin:0; padding:9px 0; width:100%; }

   /* recap */
   .s2_box_recap						{ float:none; margin:30px 0 10px 0; width:100%; }
   .s2_box_recap .wind				{ padding:3% 2%; width:96%;
      -webkit-box-shadow:0 0 10px rgba(0,0,0,.8); -ms-box-shadow:0 0 10px rgba(0,0,0,.8); -o-box-shadow:0 0 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 10px rgba(0,0,0,.8); box-shadow:0 0 10px rgba(0,0,0,.8);
   }
   .s2_box_recap #submit_prix 	{ display:none; }

   /*----------------------------------------------------
      RESERVATION STEP 3
   -----------------------------------------------------*/
   .s3_titre							{ font-size:1.1em; padding-bottom:0; }
   #wait_redirect_paiement			{ margin:20px auto; padding:10px 0 18px 0; width:100%; }

   .list_choice_paiment				{ margin:20px auto; text-align:center; }
   .list_choice_paiment li			{ margin:0 2% 20px; max-width:100%; padding:10px 0 18px 0; width:96%; }
   .list_choice_paiment li .bt_payer
   { margin-top:15px; }


   /*----------------------------------------------------
      RESERVATION STEP 4
   -----------------------------------------------------*/
   #confirm_paiement 				{ margin:20px auto; padding:0 2%; width:96%; }
   #optionsReturn .link_bt			{ display:inline-block; height:auto; margin:0 0 15px; padding:5px 15px; }


   .nav_client.mobile            {  }
   .nav_client                   { height:auto; }
   .nav_client .oglt_profil      { width:100%; }
   .nav_client a:not(.oglt_deconnexion)
   { box-sizing:border-box; text-align:center; width:50%; }
   .nav_client .label            { left:auto; margin-top:-11px; right:4px; top:50%; }

   .nav_client .oglt_deconnexion { background:#780909; color:#fff; position:absolute; top:0; right:0; z-index:1; }
   .nav_client a.oglt_espace_chauffeur
   { background:#8bb50e; display:inline-block; float:none; width:100%; }


   /*----------------------------------------------------
      FOOTER
   -----------------------------------------------------*/
   footer > .wcenter 				{ min-width:94%; padding:0 3%; width:94%; }
   #copyr								{ float:none; font-size:1.2em; margin:0 auto; padding:0; position:relative; text-align:center; width:96%; }
   #otherlks							{ float:none; line-height:30px; font-size:1.25em; margin:28px auto 0; max-width:100%; padding:0; text-align:center; width:96%; }
}