@charset "utf-8";
/*----------------------------------------------------
	GENERAL
-----------------------------------------------------*/
* 									{ box-sizing:border-box; }
html, body, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td
									{ margin:0; padding:0; border:0; font-weight:normal; vertical-align:top; }
a									{ text-decoration:none; color:#1F7C21;
										/* transition */
										-moz-transition:all .2s linear; -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;
									}
a:hover							{ text-decoration:underline; }
a.grey							{ color:#474747; }
a.grey:hover					{ color:#b69945 !important; text-decoration:none; }

a.btn, button,
input[type=button],
input[type=submit]			{ border:1px solid #333; color:#fff; cursor:pointer; display:inline-block; font-size:1em; padding:6px 18px; text-shadow:1px 1px 0 rgba(0,0,0,.9);
										-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
									}
a.btn:hover, button:hover,
input[type=button]:hover,
input[type=submit]:hover 	{ background:#333; border-color:#333; text-decoration:none; }
a.btn:focus, button:focus,
input[type=button]:focus,
input[type=submit]:focus	{ background:#333 !important; border-color:#fff !important; color:#fff; text-shadow:1px 1px 0 #000;
										-webkit-box-shadow:1px 1px 5px #000 inset; -moz-box-shadow:1px 1px 5px #000 inset; -ms-box-shadow:1px 1px 5px #000 inset; -o-box-shadow:1px 1px 5px #000 inset; box-shadow:1px 1px 5px #000 inset;
									}
a.btn i, button i				{ margin-right:5px; }
a.btn i.adroite, button i.adroite
									{ margin:0 0 0 5px; }
a.btn i.only, button i.only
									{ font-size:1.2em; margin:0; }


.form_type						{ margin:20px 2px 0; }
.form_type p					{ clear:both; margin:0 0 15px; }
.form_type label				{ float:left; margin:2px 0 0; padding:3px 10px 0 0; font-size:13px; font-weight:bold; text-align:right; width:40%; }
.form_type label.nodisplay { display:inline-block; float:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; padding:7px 0 0; text-align:left; width:auto; }
.form_type label.inform		{ float:none; width:auto; padding:7px 0 0; line-height:50px; font-size:15px; }
.form_type label.frecap		{ clear:both; margin:0; padding-bottom:0px; }
.form_type .ctt_chps			{ display:block; position:relative; float:left; width:50%; }
.form_type .ctt_chps_recap	{ display:block; position:relative; float:left; line-height:30px; font-size:17px; color:#196db0; }
.form_type .ctt_chps_recap_textarea
									{ display:block; position:relative; float:left; width:400px; padding:5px 0; font-size:17px; color:#196db0; }
.form_type .hk_clear			{ clear:both; display:block; height:0; }
.form_type .comm				{ display:block; clear:both; color:#777; font-style:italic; font-size:12px; }
.form_type .astrx
									{ background:url("../imgs/astrx.png"); display:block; position:absolute; width:14px; height:14px; top:-5px; right:-5px; color:#C00; font-size:17px; font-weight:bold; z-index:1; }
.form_type input[type=text],
.form_type input[type=email],
.form_type input[type=password]
									{ background:#fff; border:1px solid #b8b8b8; margin:0; padding:5px 3px 5px 8px; position:relative; width:100%;
										-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
									}
/*.form_type input[type=text].longtext,
.form_type input[type=email].longtext,
.form_type input[type=password].longtext
									{ width:50%; }*/
.form_type input[type=checkbox],
.form_type input[type=radio]
									{ margin:8px 0 0 0; }
.form_type select				{ background:#fff; border:1px solid #b8b8b8; height:30px; margin:0; padding:5px 3px 5px 8px; position:relative; }
.stitre_select					{ padding:3px 2px; background:#dfeffc; color:#000; font-weight:bold; }
.sstitre_select				{ padding:3px 2px; background:#eee; color:#000; font-weight:bold; }
.bg_ss_cat						{ background:#f8f8f8; }
.form_type textarea			{ background:#fff; border:1px solid #b8b8b8; height:140px; margin:0; padding:3px 3px 3px 8px; position:relative; }
.form_type input[type=text]:focus,
.form_type input[type=email]:focus,
.form_type input[type=password]:focus,
.form_type textarea:focus
									{ border:1px solid #2d80c5; background:#f0f6fa; }


body 								{ background:#f1f1f1; color:#333; font-family:"Segoe UI", Helvetica, Arial, sans-serif; font-size:16px; padding:111px 0 0; }

/*----------------------------------------------------
	HEADER
-----------------------------------------------------*/
header 							{ background:#fff; font-size:.80em; position:fixed; top:0; width:100%; z-index:999999; }

#btop 							{ width:100%; box-shadow:0 0 15px rgba(0,0,0,.3) inset; }
/* date
#live_date 						{ float:left; color:#fff; padding:10px 0 0 10px; } */
/* liens client */
#btop li 						{ list-style:none; float:right; position:relative; text-align:center; }
#btop li a 						{ color:#fff; box-sizing:border-box; display:inline-block; padding:10px 25px 12px; }
#btop li a:after 				{ background:rgba(255,255,255,.6); content:" "; height:18px; display:block; left:0; margin:-9px 0 0; position:absolute; top:50%; width:1px; }
#btop li a.active,
#btop li a:hover,
#btop li a:focus,
#btop li a:active				{ background:rgba(0,0,0,.3); text-decoration:none; }
#btop li#tel_header a      { background:rgba(188,0,0,.7); }
#btop li#tel_header a:hover{ background:rgba(188,0,0,1); }
#btop i 							{ font-size:1.3em; margin:0 5px 0 0; }


#logo 							{ float:left; padding:5px 10px; width:250px;
										/* transition */
										-moz-transition:all .2s linear; -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;
									}
#logo img 						{ width:100%; }
/* menu principal */
#openmenupp 					{ display:none; }
#menupp 							{ height:100%; position:absolute; right:0; }
#menupp > ul                 { height:100%; }
#menupp > ul > li 						{ display:table; float:left; height:100%; list-style:none; }
#menupp > ul > li > a					{ background:#fff; color:#555; display:table-cell; height:100%; /*line-height:78px;*/ padding:0 20px; vertical-align:middle; }
#menupp > ul > li > a:hover,
#menupp > ul > li.assm:hover > a    { background:rgba(255,255,255,.2); color:#fff; text-decoration:none; }
#menupp > ul > li.active > a,
#menupp > ul > li.active > a:hover  { background:none; color:#fff; }

/* sous-menu hover */
.navhov							            { background:#fff; left:50%; margin:0 0 0 -130px; padding:4px; position:absolute; top:73px; width:260px; z-index:10001;
   opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
   -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
   -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); -ms-box-shadow:0 0 5px rgba(0,0,0,.5); -o-box-shadow:0 0 5px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.5);
}
.navhov li                             { list-style:none;  }
.navhov li a						            { background:#fff; color:#333; display:block; padding:7px 10px; transition:all .2s linear; }
.navhov li .active a,
.navhov li a:hover				            { background:#f5f5f5; color:#000; text-decoration:none; }
/*.assm:hover .navhov			{ display:block; left:50%; }*/

/*----------------------------------------------------
	PAGES
-----------------------------------------------------*/
.contnr 							{ background-size:cover; background-attachment:fixed; overflow:hidden; position:relative; width:100%; }
.wcenter							{ margin:0 auto; max-width:1150px; position:relative; width:100%; }
.contnr_box 					{ background:#fff; padding:15px;
                              -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
                              -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); -ms-box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);
                           }

.row 								{ list-style:none; }
.row_1_2 						{ float:left; padding:20px; width:50%; }
.row_1_3 						{ float:left; padding:20px; width:33.33%; }
.row_1_4 						{ float:left; padding:20px; width:25%; }
.row_1_5 						{ float:left; padding:20px; width:20%; }
.row_1_6 						{ float:left; padding:20px; width:16.66%; }
.row_2_3 						{ float:left; padding:20px; width:66.66%; }
.row_2_4 						{ float:left; padding:20px; width:50%; }
.row_2_5 						{ float:left; padding:20px; width:40%; }
.row_2_6 						{ float:left; padding:20px; width:33.32%; }
.row_3_5 						{ float:left; padding:20px; width:60%; }
.row_3_6 						{ float:left; padding:20px; width:49.98%; }

.titrepp 						{ font-size:1.7em; margin:20px 0 0; padding:5px 20px; position:relative; text-align:center; width:100%; }
.titrepp.white 				{ color:#fff; }
.titrepp i 						{ margin:0 5px 0 0; text-shadow:1px 1px 0 #fff; }

.titrebande 					{ color:#fff; padding:60px 0; text-shadow:1px 1px 2px rgba(0,0,0,.6); }
.titrebande .titre			{ font-size:1.7em; padding:0 20px; }
.cttpp 							{ padding:20px 20px 60px; min-height:300px; }

.diag-gauche 					{ background:rgba(255,255,255,.8); margin:0 0 0 -100px; min-height:300px; padding:20px 0 40px 100px; transform:skew(20deg); text-shadow:1px 1px 0 rgba(255,255,255,.5); width:65%; }
.diag-gauche-ctt 				{ box-sizing:border-box; float:right; max-width:660px; padding:0 30px 0 20px; transform:skew(-20deg); width:100%; }
.diag-gauche-ctt .titrepp	{ text-align:left; padding:5px 0 10px; }

.diag-droite 					{ background:rgba(255,255,255,.8); float:right; min-height:250px; margin:0 -100px 0 0; padding:20px 100px 40px 0; transform:skew(-20deg); text-shadow:1px 1px 0 rgba(255,255,255,.5); width:65%; }
.diag-droite-ctt 				{ box-sizing:border-box; float:left; max-width:660px; padding:0 20px 0 100px; transform:skew(20deg); width:100%; }
.diag-droite-ctt .titrepp	{ text-align:left; padding:5px 0 10px; }


/*----------------------------------------------------
	PAGE ACCUEIL
-----------------------------------------------------*/
/* Slider */
#sliderContnr_resaContnr	{ background:#f6f6f6; }
#sliderContnr 					{ background:#333; position:relative; width:100%; }
.bxslider 						{ height:544px; overflow:hidden; position:relative; width:100%; }
.bxslider li 					{ background-size:cover; background-position:center center; height:100%; list-style:none; width:100%; }
/* Contenu de slide */
#sliderCtt 						{ background:rgba(255,255,255,.8); color:#000; display:inline-block; font-size:1.1em; left:50%; margin:0 0 0 -500px; padding:20px 30px; position:absolute; top:50px; text-shadow:1px 1px 0 #fff; width:500px; z-index:10; }
#sliderCtt .titre				{ font-size:1.4em; }

/* Box de réservation */
#resaContnr 					{ padding:40px 0; }

#btns_type_resa            { text-align:center; }
#btns_type_resa a          { background:#666; display:inline-block; font-size:.95em; transition:none; text-decoration:none; color:#fff; margin:0 0 0; padding:8px 0; text-shadow:1px 1px 0 #000; width:47%;
                              -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;
                              -webkit-box-shadow:0 1px 2px #000; -moz-box-shadow:0 1px 2px #000; -ms-box-shadow:0 1px 2px #000; -o-box-shadow:0 1px 2px #000; box-shadow:0 1px 2px #000;
                           }
#btns_type_resa a i        { display:none; }
#btns_type_resa a.active   { background:#77A610; border:1px solid #555; color:#fff; position: relative; text-shadow:1px 1px 1px rgba(0,0,0,1);
                              -webkit-box-shadow:0 2px 2px #000 inset; -moz-box-shadow:0 2px 2px #000 inset; -ms-box-shadow:0 2px 2px #000 inset; -o-box-shadow:0 2px 2px #000 inset; box-shadow:0 2px 2px #000 inset;
                           }
#btns_type_resa a.active i { display:inline-block; }

.resaBox 						{ box-sizing:border-box; border:1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(0,0,0,.5); float:right; display:block; max-width:400px; margin:-560px 2.5% 40px; position:relative; width:100%;
                              -webkit-box-shadow:0 30px 20px rgba(0,0,0,.8); -moz-box-shadow:0 30px 20px rgba(0,0,0,.8); -ms-box-shadow:0 30px 20px rgba(0,0,0,.8); -o-box-shadow:0 30px 20px rgba(0,0,0,.8); box-shadow:0 30px 20px rgba(0,0,0,.8);
                           }
/*
.resaBox:before				{ background:url('../imgs/boxResa/ombres.png') top left no-repeat; bottom:0; content:" "; display:block; height:20px; left:-21px; position:absolute; width:20px; z-index:10; }
.resaBox:after					{ background:url('../imgs/boxResa/ombres.png') top right no-repeat; bottom:0; content:" "; display:block; height:20px; right:-21px; position:absolute; width:20px; z-index:10; }
*/
.resaBox > ul              { list-style:none; text-align:left; width:100%; }
.resaBox > ul > li         { display:inline-block; max-width:400px; text-align:center; width:100%; }
/*.resaBox > ul > li:last-child { display:none; }*/

.resaTitle 						{ background: #fff; font-size:1.3em; margin:4px 0 0; padding:8px 3px; text-align:center;
                              -webkit-box-shadow:0 0 3px rgba(0,0,0,.5); -moz-box-shadow:0 0 3px rgba(0,0,0,.5); -ms-box-shadow:0 0 3px rgba(0,0,0,.5); -o-box-shadow:0 0 3px rgba(0,0,0,.5); box-shadow:0 0 3px rgba(0,0,0,.5);
                           }
.resaBoxCtt						{ padding:2px 15px 15px; }

/* résultats */
.resaBoxCtt .results			{ display:none; font-size:.9em; margin:8px 0 0; padding:5px 8px; text-align:left;
										-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
									}
.resaBoxCtt .results.error	{ background:#ffa3a3 url("../imgs/icone_result_no_min.png") no-repeat scroll 5px 5px; color:#850000; padding-left:30px; }
/* champs des formulaires */
.resaBox .chps 				{ float:left; text-align:left; width:100%; }
.resaBox .chps input,
.resaBox .chps select 		{ border:1px solid rgba(255,255,255,.6); box-sizing:border-box; display:inline-block; font-size:.9em; margin:18px 0 0; padding:8px; width:100%;
										border-radius:3px;
										box-shadow:0 1px 3px rgba(0,0,0,1) inset;
									}
.resaBox .chps select 		{ padding:7px; }
.resaBox .chps input[type=button]
									{ border:0; color:#fff; cursor:pointer; font-size:1.05em; padding:10px; text-shadow:1px 1px 1px #000;
										box-shadow:0 0 3px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.8) inset;
										background: #7eaf0c;
										background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYWYwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDk3MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
										background: -moz-linear-gradient(top,  #7eaf0c 0%, #6d9719 100%);
										background: -webkit-linear-gradient(top,  #7eaf0c 0%,#6d9719 100%);
										background: linear-gradient(to bottom,  #7eaf0c 0%,#6d9719 100%);
										filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eaf0c', endColorstr='#6d9719',GradientType=0 );
									}
.resaBox .chps input[type=button]:hover { box-shadow:0 0 8px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.8) inset; }
.resaBox .chps input[type=button]:active{ box-shadow:0 0 1px rgba(255,255,255,.8), 0 0 3px #000 inset; outline:none !important; }

.resaBox .chps.icon input,
.resaBox .chps.icon select { padding-left:40px !important; }

.resaBox .dateTime input 	{ background:#fff url('../imgs/boxResa/icon-form-calendrier.png') no-repeat 5px 2px; width:50% !important; }
.resaBox .selectHeure 		{ float:right; width:42%; }
.resaBox .chps.dateTime select
									{ background:#fff url('../imgs/boxResa/icon-form-horloge.png') no-repeat 5px 2px; display:inline-block; width:65% !important;
										border-radius:3px 0 0 3px;
									}
.resaBox .chps.dateTime select:last-child
									{ background:#fff; padding-left:5px !important; margin:0; width:35% !important;
										border-radius:0 3px 3px 0;
									}
.resaBox .typeKm select
									{ background:#fff url('../imgs/boxResa/icon-form-engrenage.png') no-repeat 5px 4px; width:63% !important; }
.resaBox .typeKm input
									{ background:#fff url('../imgs/boxResa/icon-form-itineraire.png') no-repeat 5px 2px; float:right; width:30% !important; }
.resaBox #description_forfait {
                              background:#248FCA; box-sizing:border-box; border:1px solid #c2e1f5; bottom: 100%; color:#fff; display:none; font-size:.9em; margin:10px 0 0; padding:5px 10px; width:100%;
                              -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
                           }
/* patience */
.waitEstimate					{ display:none; position:absolute; right:10px; margin:0 0 0 -15px; top:23px; }
/* liste des véhicules */
.vehiculesCntrList			{ background:#fff; border:1px solid #fff; float:left; margin:15px 0 0; position:relative; width:100%;
										-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
										-webkit-box-shadow:0 1px 3px rgba(0,0,0,1) inset; -moz-box-shadow:0 1px 3px rgba(0,0,0,1) inset; -ms-box-shadow:0 1px 3px rgba(0,0,0,1) inset; -o-box-shadow:0 1px 3px rgba(0,0,0,1) inset; box-shadow:0 1px 3px rgba(0,0,0,1) inset;
									}
.vehiculesMove 				{ background:rgba(0,0,0,.5) url('../imgs/boxResa/flch-vehicules.png') no-repeat center; box-sizing:border-box; cursor:pointer; float:left; height:92px; margin:0; width:9%; }
#chauffeurVehiculePrev,
#livraisonVehiculePrev 		{ background-position:top center;
										-webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -ms-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;
									}
#chauffeurVehiculeNext,
#livraisonVehiculeNext		{ background-position:bottom center;
										-webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -ms-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;
									}
.vehiculesList 				{ box-sizing:border-box; float:left; height:90px; overflow:hidden; position:relative; width:82%;

									}
.vehiculesList ul 			{ box-sizing:border-box; left:0; list-style:none; position:absolute; width:9999%; }
.vehiculesList ul li 		{ cursor:pointer; box-sizing:border-box; float:left; padding:5px; position:relative; width:106px; }
.vehiculesList ul li img 	{ margin:0 3px; }
.vehiculesList ul li .checkbox
									{ background:url('../imgs/boxResa/checkbox-vehicules.png') no-repeat top center; bottom:5px; display:block; height:24px; left:5px; position:absolute; width:23px; }
.vehiculesList ul li .checkbox.on
									{ background:url('../imgs/boxResa/checkbox-vehicules.png') no-repeat bottom center; }

.chauffeurDescriptionVehicule,
.livraisonDescriptionVehicule
									{ background:rgba(0,0,0,.4); box-sizing:border-box; color:#fff; display:none; font-size:.8em; margin:0 auto; padding:3px 3px; width:95%;
										-webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;
									}
/* type de livraison (lettre, colis, palettes..) */
.typeLivre 						{ background:#e6e6e6; border-radius:0 0 3px 3px; font-size:.8em; margin:0 auto; overflow:hidden; width:98%; }
.typeLivre li 					{ display:inline-block; text-align:center; width:25%; }
.typeLivre li a 				{ display:inline-block; color:#000; padding:2px 0 3px; text-shadow:1px 1px 0 #fff; width:100%;
										/* transition */
										-moz-transition:none; -webkit-transition:none; -ms-transition:none; -o-transition:none; transition:none;
									}
.typeLivre li a:hover		{ background:#fff; color:#666; text-decoration:none; }
.typeLivre li.on a			{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,.8) inset; }
/* Adresses */
.resaBox .hasAdresse 		{ position:relative; }
.resaBox .hasAdresse p:first-child
									{ background:#248FCA; box-sizing:border-box; border:1px solid #c2e1f5; bottom: 100%; color:#fff; display:none; font-size:.9em; margin:0 0 -10px; padding:5px 10px; position:absolute; width:100%;
										-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
									}
.resaBox .hasAdresse p:first-child:after, .resaBox .hasAdresse p:first-child:before
									{ border:solid transparent; content:" "; height:0; left:50%; pointer-events:none; position:absolute; top:100%; width:0; }
.resaBox .hasAdresse p:first-child:after
									{ border-color: rgba(36, 143, 202, 0); border-top-color: #248FCA;	border-width: 15px; margin-left: -15px; }
.resaBox .hasAdresse p:first-child:before
									{ border-color: rgba(194, 225, 245, 0); border-top-color: #c2e1f5; border-width: 16px; margin-left: -16px; }

.resaBox .hasAdresse .box_adresse
									{ box-sizing:border-box; display:none; margin:5px 0 0; padding:0 0 0 40px; }
.resaBox .hasAdresse .box_adresse input
									{ background:#fff; margin:3px 0; padding:2.5px 5px !important; }
.resaBox .hasAdresse .box_adresse input.street_number
									{ float:left; width:30%; }
.resaBox .hasAdresse .box_adresse input.route
									{ float:right; width:65%; }

.resaBox .adresse input 	{ background:#fff url('../imgs/boxResa/icon-form-pointer.png') no-repeat 6px 4px; }
.resaBox .adresseDest input{ background:#fff url('../imgs/boxResa/icon-form-drapeau.png') no-repeat 6px 4px; }

/* box estimation */
.resaBoxEstimation 			{ background:rgba(0,0,0,.5); display:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:999; }

.resaBoxEstimation .ctt		{ background:#e6e6e6; border:1px solid #ccc; box-sizing:border-box; max-width:500px; margin:5% auto; padding:0; position:relative; width:90%;
										box-shadow:0 2px 8px #000; }
.resaBoxEstimation .ctt .closeEstimation
									{ background:#ab0d0d url('../imgs/boxResa/icone-close.png') no-repeat center; color:#fff; content:'X'; display:block; height:28px; position:absolute; top:-15px; right:-15px; width:28px;
										border:1px solid rgba(255,255,255,.9);
										border-radius:50%;
										box-shadow:0 0 3px #000; }
.resaBoxEstimation .ctt .title
									{ color:#fff; font-weight:bold; font-size:1.1em; padding:8px; text-shadow:1px 1px 1px #000;
										background: #45484d;
										background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
										background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
										background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
										background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
										filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
									}

.resaBoxEstimation .ctt .detail
									{ border-bottom:1px solid #ccc; margin:0 auto; padding:8px; text-align:left; text-shadow:1px 1px 0 #fff; width:85%; }
.resaBoxEstimation .ctt .detail .label
									{ float:left; width:55%; }
.resaBoxEstimation .ctt .detail .value
									{ display:inline-block; text-align:right; width:45%; }

.resaBoxEstimation .ctt .end
									{ background:#98c315; border-bottom:1px solid #ccc; color:#fff; font-size:1.3em; padding:6px 0 15px; text-align:left; text-shadow:1px 1px 1px rgba(0,0,0,1);
										box-shadow:0 0 60px rgba(0,0,0,.6) inset;
									}
.resaBoxEstimation .ctt .end .price
									{ margin:0 auto; padding:0 8px; width:85%; }
.resaBoxEstimation .ctt .end .price p:first-child
									{ float:left; width:55%; }
.resaBoxEstimation .ctt .end .price p:last-child
									{ display:inline-block; text-align:right; width:45%; }

.resaBoxEstimation .ctt .end .resasubmit
									{ font-size:.7em; margin:12px auto 0; height:42px; position:relative; width:85%;
										border-radius:3px;
										box-shadow:0 0 3px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.8) inset;
										background: #45484d;
										background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
										background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
										background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
										background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
									}
.resaBoxEstimation .ctt .resasubmit:after
									{ background:url("../imgs/boxResa/icone-next-submit.png") no-repeat center; content:" "; display:block; height:27px; position:absolute; right:10px; top:7px; width:27px; }
.resaBoxEstimation .ctt .resasubmit input
									{ background:none; border:0; color:#fff; cursor:pointer; font-size:1.05em; left:0; padding:10px; position:absolute; text-shadow:1px 1px 1px #000; top:0; width:100%; z-index:999;

									}

/* SERVICES */
.ctt_service					{ background:#fff; border:1px solid rgba(255,255,255,.1); box-sizing:border-box; font-size:.9em; list-style:none; margin:50px 0 30px; padding-bottom:20px; text-align:center;
   -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); -ms-box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);
}
.ctt_service .imgp 			{ background:#f5f5f5; height:150px; margin:0 0 20px; overflow:hidden; position:relative; width:100%; }
.ctt_service .imgp img		{ max-height:100%;
   -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -ms-transition:all .4s linear; -o-transition:all .4s linear; transition:all .4s linear;
}
.ctt_service:hover    		{ background:#fff; }
.ctt_service:hover .imgp img
{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); }

.ctt_service h2,
.ctt_service h3,
.ctt_service h4 				{ font-size:1.2em; font-weight:bold; margin:0 0 15px; padding:0 10px; }
.ctt_service .desc 			{ padding:0 10px; }


/* CONTACTS */
#contacts_home 				{ background:#f0f0f0; text-shadow:1px 1px 0 #fff; }
#form_contact_home 			{ clear:both; max-width:600px; width:100%; }
#form_contact_home input,
#form_contact_home textarea{ border:1px solid #ccc; margin:15px 0 0; padding:8px; width:100%;
										-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;
									}
#form_contact_home textarea{ min-height:100px; resize:vertical; }
#form_contact_home #nom 	{ float:left; margin-right:4%; width:48%; }
#form_contact_home #email 	{ float:left; width:48%; }
#form_contact_home button	{ margin:15px 0; width:100%; }
#form_contact_home button.wait
									{ background:#999 url("../imgs/loader_white.png") no-repeat center right; border:1px solid #999; }

#list_contacts_home 			{ list-style:none; padding:0; margin:0; }
#list_contacts_home .titre	{ font-size:1.1em; font-weight:bold; margin:5px 0 0; }
#list_contacts_home .titre i
									{ margin:0 5px 0 -27px; }
#list_contacts_home .ctt	{ margin:8px 0 40px; }

.ic_maison_abg,
.ic_tel_abg,
.ic_email_abg	 				{ display:inline-block; height:19px; margin:2px 0 0 -28px; position:absolute; width:19px; }
.ic_maison_abg:after,
.ic_tel_abg:after,
.ic_email_abg:after			{ background:url('../imgs/icone_maison_abg.png') no-repeat center; content:" "; display:inline-block; height:19px; position:absolute; width:19px; }
.ic_tel_abg:after				{ background:url('../imgs/icone_tel_abg.png') no-repeat center; }
.ic_email_abg:after			{ background:url('../imgs/icone_enveloppe_abg.png') no-repeat center; }


/*----------------------------------------------------
	ETAPES
-----------------------------------------------------*/
#barre_etapes					{ background:#f9f9f9; color:#ccc; font-weight:bold; line-height:40px; list-style:none; margin:20px auto 20px; overflow:hidden; text-align:center; width:98%;
										-webkit-border-radius:3px; moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
										-webkit-box-shadow:0 0 3px rgba(0,0,0,.2); -moz-box-shadow:0 0 3px rgba(0,0,0,.2); -ms-box-shadow:0 0 3px rgba(0,0,0,.2); -o-box-shadow:0 0 3px rgba(0,0,0,.2); box-shadow:0 0 3px rgba(0,0,0,.2);
									}
#barre_etapes li 				{ background:#ccc; color:#999; float:left; text-shadow:1px 1px 0 #fff; width:25%; }
#barre_etapes.childs-3 li 	{ width:33.33%; }
#barre_etapes li a			{ background:#fff; box-sizing:border-box; display:inline-block; padding:0 18px; font-size:1em; width:100%; }
#barre_etapes li:hover a   { background:none; color:#fff; text-decoration:none; text-shadow:none; }
#barre_etapes li.active		{ color:#fff; box-shadow:0 0 15px rgba(0,0,0,.6) inset; text-shadow:1px 1px 0 #000; }
#barre_etapes li.active	a 	{ background:none; }


/*----------------------------------------------------
	AJOUT COLIS
-----------------------------------------------------*/
.box_colis						{ background:rgba(255,255,255,.9); border:1px solid #9c9c9c; margin:20px auto 60px; position:relative; width:100%;
										/* border radius */
										-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
										box-shadow:0 0 3px rgba(0,0,0,.2);
									}
.box_colis label				{ font-size:15px; line-height:25px; margin:0 10px 0; }
.box_colis input[type=text]{ border:1px solid #c9c9c9; margin:0 0 5px; padding:5px; }

/* BARRE DE TITRE */
.box_colis .barreTitle		{ background:#ddd; line-height:25px; margin:0 0 8px; padding:6px 15px;
										/* border radius */
										-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;
									}
	/* numéro de colis */
	.box_colis .barreTitle .num_colis
										{ box-sizing:border-box; float:right; padding:0; text-align:right; width:25%; }
	.box_colis .barreTitle .num_colis span
										{ background:#fff; box-sizing:border-box; color:#58871c; display:inline-block; font-size:16px; font-weight:bold; margin:2px 0 0; padding:2px 12px;
											/* border radius */
											-webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px;
										}
	.box_colis .barreTitle .num_colis .icc_supp { display:inline-block; font-size:1.4em; height:22px; padding:1px 0 0 6px; max-width:19px; width:10%; }

	/* input nom */
	.box_colis .barreTitle .input { float:left; width:75%; }
	.box_colis .barreTitle .input label			{ box-sizing:border-box; padding:0 5px 0 0; margin:0; width:10%; }
	.box_colis .barreTitle .input input			{ box-sizing:border-box; margin:0; min-width:70%; width:90%;}

/* DETAILS COLIS */
.colis_details					{ width:100%; }
	/* aides mesures */
	.aide_mesures					{ float:left; box-sizing:border-box; margin:0 0 20px; padding:20px; text-align:right; width:30%; }

	/* inputs */
	.colis_chps_details			{ float:left; margin:0; width:70%; }

	/* dimensions */
	.colis_dims						{ float:left; width:50%; }
	.colis_dims .lab_dims		{ float:left; text-align:right; width:40%; }
	.colis_ipts_dims				{ float:left; width:60%; }
	.colis_ipts_dims input		{ text-align:right; width:80%; }

	/* qte poids */
	.colis_qte_poids				{ float:right; line-height:30px; text-align:left; width:50%; }
	.colis_qte_poids label 		{ box-sizing:border-box; float:left; margin:0; padding:0 10px 0 0; text-align:right; width:40%; }
	.colis_qte_poids input		{ box-sizing:border-box; float:left; margin:0 5px 5px 0 !important; width:40%; }

	/* type article */
	.colis_type						{ margin:10px 0; position:relative; }
	.colis_type	p					{ float:left; }
	.lab_tc							{ text-align:right; width:20%; }
	.bcheck							{ font-size:15px; line-height:28px; width:116px; }
	.bcheck label					{ margin:0; }
	span.what						{ background:url("../imgs/icone_what.jpg") top left no-repeat; display:inline-block; height:16px; margin:0 0 -2px; width:16px; }
	span.what:hover				{ background-position:bottom; }
	span.what span					{ background:#fff; border:1px solid #145eb1; display:none; left:0; line-height:normal; margin:28px 0 0 110px; padding:8px; position:absolute; top:0; width:340px;
											-webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; -ms-box-shadow:0 0 5px #333; -o-box-shadow:0 0 5px #333; box-shadow:0 0 5px #333;
										}
	span.what:hover span			{ display:block; }

	/* description */
	.colis_infos					{ margin:10px 0; position:relative; }
	.lab_ic							{ float:left; text-align:right; width:20%; }
	.colis_txta						{ box-sizing:border-box; float:left; padding:0 30px 0 0; width:80%; }
	.colis_txta textarea			{ height:50px; resize:vertical; width:100%; }
	.colis_txta span				{ color:#666; }

.inf_view_details					{ background:url("../imgs/flch_view_detail_colis.jpg") right center no-repeat; color:#145eb1; font-weight:bold; line-height:30px; margin:0 12px 10px; padding:0 28px 0; text-align:right; }

/* boutons */
.icc_options 					{ clear:both; position:absolute; bottom:-35px; width:100%; }
.icc_options_bnt 				{ background:#8cae12; cursor:pointer; color:#fff; float:right; height:34px; line-height:30px; margin:0 6px; padding:0 15px; text-shadow:0 0 3px rgba(0,0,0,.8);
										-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
										-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2) inset; -moz-box-shadow:0 10px 15px rgba(0,0,0,.2) inset; -ms-box-shadow:0 10px 15px rgba(0,0,0,.2) inset; -o-box-shadow:0 10px 15px rgba(0,0,0,.2) inset; box-shadow:0 10px 15px rgba(0,0,0,.2) inset;
									}
.icc_options_bnt i 			{ margin-right:4px; }



/*----------------------------------------------------
	CARNET RESERVATIONS
-----------------------------------------------------*/
table.list 						{ border:1px solid #fff; font-size:.9em; margin:15px 0; width:100%;
										-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); -ms-box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);
									}
/* thead */
table.list > thead tr,
table.list > thead tr:hover{ background:#222; color:#eee; text-shadow:0 1px 1px #000; }
table.list > thead tr th	{ border-right:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(0,0,0,1); font-weight:normal; padding:8px 5px; }

/* tbody */
table.list > tbody tr		{ background:#f2f2f2; }
table.list > tbody tr:nth-child(odd)
									{ background: #fff; }
table.list > tbody tr:hover{ background:#e6f6ff; box-shadow:0 0 5px rgba(0,0,0,.3); }
table.list > tbody tr > td { min-width:60px; padding:7px 12px; border-left:1px dashed #e9e9e9; vertical-align:top; }
table.list > tbody tr > td:first-child
									{ border:none; }

#totauxArts 					{ background:#fff; float:right; line-height:1.8em; max-width:350px; margin:0 0 10px; padding:12px 15px; width:100%;
										-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
										-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); -ms-box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);
									}
#totauxArts p.label 			{ border-top:1px dashed #ccc; clear:both; float:left; padding:3px 8px; text-align:right; width:60%;
										-webkit-border-radius:0 0 0 4px; -moz-border-radius:0 0 0 4px; -ms-border-radius:0 0 0 4px; -o-border-radius:0 0 0 4px; border-radius:0 0 0 4px;
									}
#totauxArts p.val 			{ border-top:1px dashed #ccc; float:left; padding:3px 8px; text-align:right; width:40%;
										-webkit-border-radius:0 0 4px 0; -moz-border-radius:0 0 4px 0; -ms-border-radius:0 0 4px 0; -o-border-radius:0 0 4px 0; border-radius:0 0 4px 0;
									}
#totauxArts p.label.ttc,
#totauxArts p.val.ttc		{ background:#8cae12; border-top:0; color:#fff; font-size:1.2em; font-weight:bold; line-height:auto; text-shadow:1px 1px 1px rgba(0,0,0,.5); }

/*----------------------------------------------------
	CONNEXION / INSCRIPTION
-----------------------------------------------------*/



/*----------------------------------------------------
	MON COMPTE
-----------------------------------------------------*/
#mcompte_ctt 					{ padding:20px 20px 60px; min-height:300px; }
#links_mcompte					{ margin:20px 0; text-align:center; }
#links_mcompte a				{ background:#222; border:1px solid #222; color:#fff; display:inline-block; font-size:1.1em; margin:0 10px; padding:8px 20px;
										border-radius:6px;
										transition:all .1s linear;
									}
#links_mcompte a.actif,
#links_mcompte a:hover		{ border:1px solid #fff; text-decoration:none; box-shadow:0 0 5px rgba(0,0,0,.8) inset; }


.comm_volet						{ background:#fff; border:1px solid #ccc; line-height:20px; padding:8px;
										-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); -ms-box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);
										-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
									}
.comm_volet .onglts			{ float:right; color:#fff; }
.comm_volet .confg			{ margin:7px 0 0 8px; }
.ss_block						{ background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:3px 6px 0; padding:0 0 5px; }
.ss_block .ligneresa			{ border-bottom:1px solid #ccc; margin:0 5px; padding:11px 20px; }
.ss_block .bgf					{ background:#fff; }
.ss_block .ligneinf			{ padding:3px 0; }
.ss_block .linf				{ float:left; font-weight:bold; padding:0 15px 0; text-align:right; width:30%; }
.ss_block .lind				{ float:left; }


/*----------------------------------------------------
	PAIEMENT
-----------------------------------------------------*/
#box_paiement_recap        { float:left; width:48%; }
#box_paiement_soluces      { float:right; width:48%; }
#box_paiement_recap h1,
#box_paiement_soluces h1   { margin:0 0 20px; text-align:left; }

#recapCommande 				{ background:#fff; clear:both; line-height:1.8em; margin:5px 0 10px; padding:12px 15px; width:100%;
										-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
										-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); -ms-box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);
									}
#recapCommande p.label 		{ border-bottom:1px dashed #ccc; clear:both; float:left; padding:3px 8px; width:70%;
										-webkit-border-radius:0 0 0 4px; -moz-border-radius:0 0 0 4px; -ms-border-radius:0 0 0 4px; -o-border-radius:0 0 0 4px; border-radius:0 0 0 4px;
									}
#recapCommande p.val 		{ border-bottom:1px dashed #ccc; float:left; padding:3px 8px; text-align:right; width:30%;
										-webkit-border-radius:0 0 4px 0; -moz-border-radius:0 0 4px 0; -ms-border-radius:0 0 4px 0; -o-border-radius:0 0 4px 0; border-radius:0 0 4px 0;
									}
#recapCommande p.label.apayer,
#recapCommande p.val.apayer{ background:#8cae12; border-bottom:0; color:#fff; font-size:1.2em; font-weight:bold; line-height:auto; padding:6px 12px 8px; text-shadow:1px 1px 1px rgba(0,0,0,.5); }


.box_mode_paiement 			{ background:#fff; color:#333; margin:20px 0; padding:15px;
										-webkit-box-shadow:0 0 3px rgba(0,0,0,.4); -moz-box-shadow:0 0 3px rgba(0,0,0,.4); -ms-box-shadow:0 0 3px rgba(0,0,0,.4); -o-box-shadow:0 0 3px rgba(0,0,0,.4); box-shadow:0 0 3px rgba(0,0,0,.4);
										-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
									}
.box_mode_paiement:hover   { -webkit-box-shadow:0 5px 12px rgba(0,0,0,.3); -moz-box-shadow:0 5px 12px rgba(0,0,0,.3); -ms-box-shadow:0 5px 12px rgba(0,0,0,.3); -o-box-shadow:0 5px 12px rgba(0,0,0,.3); box-shadow:0 5px 12px rgba(0,0,0,.3); }
.box_mode_paiement .img 	{ float:left; padding:0 15px 0 0; text-align:center; width:25%; }
.box_mode_paiement .img img{ width:100%; }

.box_mode_paiement .icon  { border:1px solid #bfd255; color:#fff; display:table; float:left; margin-right:3%; height:80px; text-align:center; width:22%;
   box-shadow:0 1px 2px rgba(0,0,0,.5) inset;
   border-radius:8px;
   background: #bfd255;
   background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
   background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
   background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
}
.box_mode_paiement .icon span { display:table-cell; line-height:98%; vertical-align:middle; width:85%; }
.box_mode_paiement .icon i  { font-size:3em; text-shadow:0 1px 2px rgba(0,0,0,.6); }

.box_mode_paiement .present{ float:left; width:75%; }
.box_mode_paiement .present h3 { margin:0 0 7px; }
.box_mode_paiement .present .btn_payer { margin:10px 0 0; }

/*----------------------------------------------------
	CONTACT
-----------------------------------------------------*/
#gmaps_contact 				{ height:500px; width:100%; }


/*----------------------------------------------------
	FOOTER
-----------------------------------------------------*/
footer .contnr					{ background:#222; color:#fff; padding:40px; text-shadow:1px 1px 0 #000; }
footer .titre 					{ color:#fff; font-size:1.2em; font-weight:bold; }
footer .ctt 					{ color:#aaa; margin-top:16px; }

#form_newsletter_footer input[type=text]
									{ float:left; height:30px; width:80%; }
#form_newsletter_footer button
									{ border:1px solid rgba(255,255,255,.2); border-left:0; cursor:pointer; color:#fff; height:30px; float:left; font-size:.9em; padding:0; text-align:center; width:15%;
										-webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;
									}

#copyright 						{ background:#F0F0F0; border-top:1px solid #ccc; color:#666; font-size:.8em; padding:10px; }
#copyright .list_reseaux	{ font-size:1.8em; text-align:right; }
#copyright .list_reseaux i { margin-left:5px; }



/*----------------------------------------------------
	RESULTATS DE REQUETES
-----------------------------------------------------*/
.result_ok						{ background:#d6faac url('../imgs/icone_result_ok_min.png') no-repeat 7px 7px; border:1px solid #589215; color:#094a09 !important; font-size:.9em; margin:10px auto; padding:5px 5px 5px 35px; text-shadow:none; width:100%;
										-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
									}
.result_no						{ background:#f4bfbf url('../imgs/icone_result_no_min.png') no-repeat 7px 7px; border:1px solid #850808; color:#6d0606 !important; font-size:.9em; margin:10px auto; padding:5px 5px 5px 35px; text-shadow:none; width:100%;
										-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
									}


/*----------------------------------------------------
	SPECIFIQUES
-----------------------------------------------------*/
.comment 						{ font-style:italic; font-size:10px; }

/* MARGE PADDING */
.padd0							{ padding:0; }
.padd40 							{ padding:40px; }
.paddLR20 						{ padding:0 20px; }
.marg0							{ margin:0; }

/* DISPOSITIONS */
.textCenter 					{ text-align:center !important; }
.textRight						{ text-align:right !important; }
.textLeft						{ text-align:left !important; }
.left 							{ float : left; }
.right 							{ float : right; }
.clearBoth 						{ clear : both; }
.clearLeft 						{ clear : left; }
.clearRight 					{ clear : right; }
.displayNone					{ display:none; }

/* FONTS STYLES */
.uppcase							{ text-transform:uppercase; }
.fontSegoe						{ font-family:"Segoe UI", Helvetica, Arial, sans-serif }
.fontComf						{ font-family:"Raleway", sans-serif; }

.font12							{ font-size:12px; }
.font13							{ font-size:13px; }
.font14							{ font-size:14px; }
.font15							{ font-size:15px; }
.font16							{ font-size:16px; }
.font17							{ font-size:17px; }
.font19							{ font-size:19px; }
.font20							{ font-size:20px; }

/* COULEURS */
.bgN								{ background:black; }
.colorMan						{ color:#d11544; }
.colorW 							{ color:white; }
.colorN 							{ color:black; }
.colorG 							{ color:#666; }
.colorGC							{ color:#999; }
.colorR 							{ color:#900 !important; }
.colorV							{ color:#060 !important; }

/* AUTRES */
.cursor 							{ cursor : pointer; }