@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: MinionPro-Regular;
	src: url(fonts/Documentfonts/MinionPro-Regular.otf);
}

@font-face {
	font-family: TheSanBlaCap;
	src: url(fonts/Documentfonts/TheSanBlaCap);
}

@font-face {
	font-family: BlockBE-Condensed;
	src: url(fonts/Documentfonts/BlockBE-Condensed.ttf);
}

body {
	margin: 0;
	padding: 0;
	background:url(../img/Habillage-2025.png) no-repeat left top,
	url(../img/bg_authentification_final.png) no-repeat top center   ;
	overflow-x: hidden;
	background-size: contain,cover;
}



.espace-sm {
	margin-bottom: 20px;
}

.espace-lg {
	margin-bottom: 40px;
}

.titre_autentification {
	color: #FFF;
	font-weight: 800;
}

.container
{
	margin-top: 00px;
}

/* *********** barre de progression ****** */
@media screen and (min-width : 200px) {
	.lien_vers_message {
		margin-top: 90px;
	}
}

@media screen and (min-width : 300px) {
	.lien_vers_message {
		margin-top: 120px !important;
	}
}

@media screen and (min-width : 400px) {
	.lien_vers_message {
		margin-top: 180px !important;
	}
}

@media screen and (min-width : 500px) {
	.lien_vers_message {
		margin-top: 210px !important;
	}
}

@media screen and (min-width : 600px) {
	.lien_vers_message {
		margin-top: 240px !important;
	}
}

@media screen and (min-width : 700px) {
	.lien_vers_message {
		margin-top: 260px !important;
	}
}

@media screen and (min-width : 800px) {
	.lien_vers_message {
		margin-top: 270px !important;
	}
}

@media screen and (min-width : 900px) {
	.lien_vers_message {
		margin-top: 380px !important;
	}
}

@media screen and (min-width : 1000px) {
	.lien_vers_message {
		margin-top: 290px !important;
	}
}

@media screen and (min-width : 1100px) {
	.lien_vers_message {
		margin-top: 300px !important;
	}
}

@media screen and (min-width : 1200px) {
	.lien_vers_message {
		margin-top: 310px !important;
	}
}

@media screen and (min-width : 1300px) {
	.lien_vers_message {
		margin-top: 330px !important;
	}
}

@media screen and (min-width : 1400px) {
	.lien_vers_message {
		margin-top: 350px !important;
	}
}

@media screen and (min-width : 1500px) {
	.lien_vers_message {
		margin-top: 400px !important;
	}
}
@media screen and (min-width : 1600px) {
	.lien_vers_message {
		margin-top: 500px !important;
	}
}


/* *********** top menu ******* */

/* ******** top menu ** */
#progress ul
{
	list-style:none;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	display: table;
	z-index: 99;
	bottom: -68px ;
	margin-top: 50px;
	padding:0 ;
}

#progress ul span
{
	display:block;
	background: #ddd;
	border: 2px solid #FFF;
	color:  #fff ;
	text-decoration:none;
	line-height:32px;
	padding:5px 0;
	text-align: center;
	margin-left: 10px;
	border-radius: 10px ;
	font-size: 14px ;


}

#progress ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 167px;
	margin-bottom: 15px ;
	border-radius: 10px ;
}

#progress ul li.current span
{
	background-color: #38943F ;
	color:#fff;
	font-weight: bold;
	border: 2px solid #38943F ;
}

@media (max-width : 768px) {
	#progress ul li
	{
		display: block;
		float: 	none;
	}
	#progress ul
	{

		margin-bottom: 10px ;
		margin-top: 50px;
	}
}


/* ******** fin top menu ******* */
.description {
	margin: 15px;
	font-size: 28px;
	font-family: MinionPro-Regular, Arial, Helvetica, sans-serif;
}

#content {
	padding: 15px 25px;
	background: #FFF;
}

.input-erreur {
	border-color: #a94442;
}

.input-default {
	border-color: #ccc;
}

.lien_vers_message
{
	margin-bottom:-10px;

	font-size:15px !important;
}
.lien_vers_message a
{
	color:#3812ED;
	font-size:16px !important;
}

/* ********** footer ********** */
.footer
{

	padding: 15px 40px;
	border:1px solid #38943F  ;
	background-color:#38943F ;
	color:#FFF !important ;

}
.footer a
{
	color:#FFF !important ;
	font-family:LinotypeAroma,Arial, Helvetica, sans-serif !important
}
.footer ul li
{
	padding-left:5%;
	padding-right:5%;
	border-left:2px solid #FFF ;
	margin:0px;
;
}
.footer ul li:nth-child(1)
{
	border:none ;
}
.footer p
{
	font-family:LinotypeAroma,Arial, Helvetica, sans-serif ;
	font-size:15px;
}

@media screen and (max-width : 768px) {
	.footer ul li{
		padding-left:0%;
		color:#F00 !important;
		padding-right:2%;
		padding-left:2%;
		font-size:12px ;
		border-left:2px solid #FFF ;
	}
}
@media screen and (max-width : 500px) {
	.footer ul li{
		padding-left:0%;
		color:#F00 !important;
		padding-right:1%;
		display:block;
		padding-left:5%;
		font-size:12px ;
		text-decoration:underline;
		border-left:0px solid #FFF ;
	}
}

.copyright
{
	font-size:14px;
	color:#FFF ;
}

#form_reservation #date_depart, #form_reservation #date_retour
{
	background: url(../img/bouton-rond+calendrier.png) center right
	no-repeat;
}

/* *************** menu deconnecter ************** */
.menu_deconnecter {
	height: 20px;
	color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	background-color: #38943F;
}

.menu_deconnecter a {
	color: #FFF !important;
	text-decoration: none;
}
.envelope-msg span span
{
	background-color:#FF5353 !important  ;
	font-size:11px;
	margin-left:0px;
	margin-top:-8px;
}
/* ***************  reservation *************** */
#form_reservation #date_depart, #form_reservation #date_retour
{
	background: url(../img/bouton-rond+calendrier.png) center right 3% no-repeat;
	background-color:#d9e0da;
}
#form_chercher_hotel #date_depart ,#form_chercher_hotel #date_retour
{
	background: url(../img/bouton-rond+calendrier.png) center right 3% no-repeat;
	background-size:25px;
	background-color:#d9e0da;
}
#form_reservation .boutton_suivant, #form_reservation .boutton_anuuler , .boutton_anuuler
{

	color: #FFF !important;
	font-size: 20px;
	padding:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	font-weight: 700;
	background-color:#38943F;
	margin-bottom:5px;
}
#form_reservation .boutton_anuuler a
{
	color:#FFF ;
	text-decoration:none ;
}
#form_reservation input[type="password"], #form_reservation input[type="text"],
#form_reservation select {
	background-color: #d9e0da;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	text-decoration: none;
	color: #333;
}

#form_reservation input[type="password"]:focus, #form_reservation input[type="text"]:focus
{
	border-color: #999 !important;
}

#form_reservation input, #form_reservation select {
	font-size: 16px;
	font-style: italic;
}


#adulte, #enfant, #bebe, #depart, #arrivee, #cabine, #region , .heure_retour_voiture , .heure_depart_voiture , #form_modifier_passager #dateNaissance , #form_modifier_passager #civilite  , #form_modifier_passager #selectionCourse
{
	background: url(../img/bouton-rond+fleche.png) center right 2% no-repeat;
}
#form_chercher_hotel #region 
{
	background: url(../img/bouton-rond+fleche.png) center right 2% no-repeat;
	background-size:25px;
	background-color:#d9e0da;
}

#form_modifier_passager #telephone2 
{
	background: url(../img/bouton-rond+fleche.png) center right 2% no-repeat;
}

#form_chercher_hotel #cabine 
{
	background: url(../img/bouton-rond+fleche.png) center right 2% no-repeat;
	background-size:25px;
	background-color:#d9e0da;
}

.text-danger {
	color: #a94442 !important;
}

#form_reservation .titre_hebergement {
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: bold;

}
#form_reservation .titre_hebergement span {
	font-size:37px;

}

.titre_vol {
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: bold;
}
.titre_vol span {
	font-size:35px;
}

#form_reservation label
{
	line-height:40px;
}
#form_reservation .select_adulte select, #form_reservation .select_enfant select,
#form_reservation .select_bebe select, #form_reservation  select , #form_modifier_passager #telephone2 , #form_modifier_passager #civilite , #form_modifier_passager #selectionCourse , #region
{
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#form_reservation .label_chambre {
	font-weight: bolder;
	line-height: 100px;
}

#form_reservation .label_chambre_2 {
	font-weight: bolder;
	line-height: 60px;
}

#form_reservation .bouttons_regler_chambre button {
	background-color: #38943F;
	color: #FFF;
}
.bouttons_regler_chambre
{
	height: 15px;	
}

/* ------------------------- reservation hotel -------------  */

.hotel .titre_hotel h1 {
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: bold;
	background: url(../img/hotel.png) no-repeat bottom 35% right 70%;
	background-size: 60px;
}

.hotel .nom_hotel {
	font-family: BlockBE-Condensed;
	font-size: 47px;
}

.hotel .emplacement {
	font-style: italic;
	font-size: 21px;
}

.hotel .nombre_chambres_lettre {
	font-size: 20px;
}

.hotel .nombre_chambres_chiffre {
	color: #38943F;
	font-size: 15px;
}

.hotel .descriptiof_hotel {
	color: #38943F;
	font-style: italic;
	font-size: 30px;
}

.hotel .massquer_afficher_information {
	padding-right: 50px;
	background: url(../img/bouton-rond+fleche.png) center right 2% no-repeat;
	background-size: 6%;
	font-size: 20px;
	color: #38943F;
}

.hotel p {
	font-size: 16px;
	font-family: MinionPro-Regular;
}

.avantages {
	font-size: 17px !important;
	background-size: 6% !important;
}

.avantages ul li {
	background: url(../img/bouton-rondOK.png) no-repeat bottom 70% left;
	background-size: 16px;
	padding-left: 23px;
	padding-right: 10px;
	color: #38943F;
	display: inline-block;
}

.boutton_selectioner_hotel {
	background: url(../img/bouton-identification.jpg) no-repeat;
	border-radius: 10px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 12px 28px 3px 18px;
	text-decoration: none;
	height: 50px;
	font-size: 20px;
	margin-left: 2px;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
}

.boutton_selectioner_hotel:hover {
	color: #FFF;
}

.titre_hotel {
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: bold;;
	background-size: 6%;
}

.box {
	margin-bottom: 30px;
}

.hotel .btn_selectionner_hotel {
	background-color: #38943F;
	color: #FFF;
}

.five-stars-container li {
	font-size: 11px;
	color: #fdb714;
}

.price small {
	display: inline-block;
}

.trier_par {
	font-family: MinionPro-Regular;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

.trier_par h3 {
	display: inline-block;
	padding: 5px;
	color: #999;
	margin-right: 50px;
}

.trier_par .trier_par_activer {
	color: #FFF;
	background-color: #38943F;
}

.trier_par ul {
	display: inline-block;
}

.trier_par span {
	margin-left: 0px;
	color: #FFF;
	background-color: #9e9e9e;
	padding: 10px;
	cursor: pointer;
	height: 100%;
	float:right;
	margin-left: 15px !important;
}

.trier_par li {
	background-color: #f5f5f5;
	color: #9e9e9e;
	font-size: 17px;
	line-height: 37px !important;
	cursor: pointer;
	margin-right: 10px;
	padding-right: 0px;
	padding-left: 15px;
}

.trier_par_gauche li {
	border: 1px solid #E5E5E5;
	font-family: MinionPro-Regular;
	padding: 0px 15px;
	margin-bottom: 10px;
}

.trier_par_gauche span {
	color: #38943F;
}

.trier_par_gauche strong {
	padding: 0px 10px 0px 10px;
}

.trier_par_gauche a {
	color: #666;
	color: #000 !important;
	text-decoration: none;
	font-family: MinionPro-Regular;
}

.trier_par_gauche h3, .trier_par_gauche h4 {
	color: black;
	font-weight: normal;
}

.trier_par_gauche .niveau2 li {
	border: none;
	margin: 0 !important;
	height: 35px;
	width: 100% !important;
}

.trier_par_gauche .niveau2 label {
	width: 100% !important;
	border: none;
}

.trier_par_gauche .niveau2 span {
	color: #000;
}

.trier_par_gauche .niveau2 .ui-checkboxradio-checked, .trier_par_gauche .niveau2 .ui-checkboxradio-checked span
{
	color: #FFF;
	background-color: #38943F !important;
}

.trier_par_gauche .chercher-hotel {
	background-color: #38943F;
}

.trier_par_gauche .chercher-hotel  h5, .trier_par_gauche .chercher-hotel  h5 span
{
	color: #FFF;
	line-height:35px;
}

#form_chercher_hotel #depart, #form_chercher_hotel #retour {
	background: url(../img/bouton-rond+calendrier.png) center right 4%
	no-repeat;
	background-size: 15%;
}
/* pagination **/
.pagination_chercher_hotel li[class="active"] a,
.pagination_chercher_voiture li[class="active"] a, .pagination>.active>a:hover
{
	background-color: #38943F;
	border-color: #38943F;
	color: #FFF;
}

.pagination_chercher_hotel li a, .pagination_chercher_voiture li a {
	color: #38943F;
}

/* 2.15. Listing Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.listing-style1.hotel .box-title:after, .listing-style1.cruise .box-title:after
{
	display: table;
	content: "";
	clear: both;
}

.listing-style1.hotel .feedback, .listing-style1.cruise .feedback {
	margin: 5px 0;
	border-top: 1px solid #f5f5f5;
	padding-top: 5px;
	border-bottom: 1px solid #f5f5f5;
}

.listing-style1.hotel .feedback .review, .listing-style1.cruise .feedback .review
{
	display: block;
	float: right;
	text-transform: uppercase;
	font-size: 0.8333em;
	color: #9e9e9e;
}

.listing-style1.hotel .five-stars-container, .listing-style1.cruise .five-stars-container
{
	color: #dbdbdb;
}

.listing-style1.hotel .action .button:last-child, .listing-style1.cruise .action .button:last-child
{
	float: right;
}

.listing-style1.hotel .action .button, .listing-style1.cruise .action .button
{
	width: 45%;
	padding: 0;
	text-align: center;
}

.listing-style1.hotel .action .button+.button, .listing-style1.cruise .action .button+.button
{
	width: 50%;
}

.listing-style1.flight .details, .listing-style1.car .details {
	padding: 15px 0 0 !important;
	text-transform: uppercase;
}

.listing-style1.flight .details .box-title, .listing-style1.car .details .box-title
{
	text-transform: none;
}

.listing-style1.flight .details .box-title:after, .listing-style1.car .details .box-title:after
{
	display: table;
	content: "";
	clear: both;
}

.listing-style1.flight .action .button, .listing-style1.car .action .button
{
	text-align: center;
}

.listing-style1.flight figure img {
	max-width: 100%;
}

.listing-style1.flight .details .time {
	margin: 10px 0;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	letter-spacing: 0.04em;
}

.listing-style1.flight .details .time:after {
	display: table;
	content: "";
	clear: both;
}

.listing-style1.flight .details .time>div {
	width: 50%;
	float: left;
	padding: 7px 0;
}

.listing-style1.flight .details .time>div>.icon {
	font-size: 16px;
	float: left;
}

.listing-style1.flight .details .time>div>.icon+div {
	padding-left: 24px;
}

.listing-style1.flight .details .time>div:first-child {
	border-right: 1px solid #f5f5f5;
}

.listing-style1.flight .details .time>div+div {
	padding-left: 20px;
}

.listing-style1.flight .details .duration {
	font-size: 0.8333em;
	text-align: center;
	letter-spacing: 0.04em;
}

.listing-style1.car figure img {
	max-width: 100%;
}

.listing-style1.car .details .mile {
	font-size: 0.8333em;
	text-align: center;
}

.listing-style1.car .details .amenities {
	text-align: center;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	margin: 10px 0;
	padding: 10px 0 6px;
}

.listing-style1.cruise .time {
	padding-top: 5px;
}

.listing-style1.cruise .time [class^="soap-icon"] {
	float: left;
	font-size: 20px;
}

.listing-style1.cruise .time>div {
	margin-bottom: 10px !important;
}

.listing-style1.cruise .time>div:first-child {
	border-right: 1px solid #f5f5f5;
}

.listing-style1.cruise .time>div>div {
	padding-left: 20px;
}

.listing-style1.cruise .action a.button {
	float: none !important;
}

.listing-style1.cruise .description {
	text-align: center;
	font-size: 0.8333em;
	text-transform: uppercase;
}

.listing-style1.flight .box, .listing-style1.flight.box, .listing-style1.car .box,
.listing-style1.car.box, .listing-style2.flight .box, .listing-style2.flight.box,
.listing-style2.car .box, .listing-style2.car.box {
	padding: 15px;
}

.listing-style1.flight figure, .listing-style1.car figure,
.listing-style2.flight figure, .listing-style2.car figure {
	background: #f5f5f5;
	display: table;
	/*height: 140px;*/
	width: 100%;
	table-layout: fixed;
}

.listing-style1.flight figure>a, .listing-style1.flight figure>span,
.listing-style1.car figure>a, .listing-style1.car figure>span,
.listing-style2.flight figure>a, .listing-style2.flight figure>span,
.listing-style2.car figure>a, .listing-style2.car figure>span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.listing-style1.flight figure img, .listing-style1.car figure img,
.listing-style2.flight figure img, .listing-style2.car figure img {
	width: auto;
}

.listing-style1.flight .icon, .listing-style3.flight .icon {
	font-size: 16px;
}

.listing-style1.flight .take-off>.icon, .listing-style3.flight .take-off>.icon
{
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
	display: inline-block;
}

.listing-style1.flight .landing>.icon, .listing-style3.flight .landing>.icon
{
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg);
	display: inline-block;
}

.listing-style1.car .amenities ul, .listing-style3.car .amenities ul {
	display: inline-block;
	color: #9e9e9e;
}

.listing-style1.car .amenities ul li, .listing-style3.car .amenities ul li
{
	float: left;
	text-align: center;
	padding: 0 5px;
	cursor: default;
	font-size: 0.8333em;
}

.listing-style1.car .amenities ul li .glyphicon, .listing-style1.car .amenities ul li [class^="soap-icon"],
.listing-style3.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li [class^="soap-icon"]
{
	display: block;
	font-size: 16px;
	color: #d9d9d9;
	overflow: hidden;
}

.listing-style1.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li .glyphicon
{
	line-height: 25px;
}

.listing-style1.car .amenities ul li .glyphicon:before, .listing-style3.car .amenities ul li .glyphicon:before
{
	font-size: 12px;
}

.listing-style1.car .amenities ul li:hover, .listing-style1.car .amenities ul li:hover .glyphicon,
.listing-style1.car .amenities ul li:hover [class^="soap-icon"],
.listing-style3.car .amenities ul li:hover, .listing-style3.car .amenities ul li:hover .glyphicon,
.listing-style3.car .amenities ul li:hover [class^="soap-icon"] {
	color: #01b7f2;
}

.listing-style1.car .amenities ul li:hover [class^="soap-icon"]:before,
.listing-style3.car .amenities ul li:hover [class^="soap-icon"]:before
{
	-webkit-animation: toTopFromBottom 0.35s forwards;
	-moz-animation: toTopFromBottom 0.35s forwards;
	animation: toTopFromBottom 0.35s forwards;
}

.listing-style1.car .amenities ul:after, .listing-style3.car .amenities ul:after
{
	display: table;
	content: "";
	clear: both;
}

.listing-style2 .box .box-title {
	margin-bottom: 0;
}

.listing-style2 a.button {
	margin-top: 6px;
}

.listing-style2.flight .details {
	padding: 12px 2px 0;
}

.listing-style2.flight img {
	width: auto;
	max-width: 100%;
}

.listing-style3 .box, .listing-style3.box {
	background: #fff;
	margin-bottom: 30px;
}

.listing-style3 .box>*, .listing-style3.box>* {
	padding: 0;
}

.listing-style3 .box:after, .listing-style3.box:after {
	display: table;
	clear: both;
	content: "";
}

.listing-style3 .review {
	display: block;
	text-transform: uppercase;
	font-size: 0.8333em;
	color: #9e9e9e;
}

.listing-style3 .five-stars-container, .listing-style3 .review {
	line-height: 1em;
}

.listing-style3 .five-stars-container {
	color: #dbdbdb;
}

.listing-style3 [class^="soap-icon"].circle {
	color: #d9d9d9;
	cursor: default;
	font-size: 16px;
	overflow: hidden;
}

.listing-style3 [class^="soap-icon"].circle:hover {
	color: #01b7f2;
}

.listing-style3 [class^="soap-icon"].circle:hover:before {
	-webkit-animation: toTopFromBottom 0.35s forwards;
	-moz-animation: toTopFromBottom 0.35s forwards;
	animation: toTopFromBottom 0.35s forwards;
}

.listing-style3 .price {
	float: none;
	text-align: center;
}

.listing-style3.hotel figure img {
	width: 80%;
	height: auto;
	padding-top: 10%;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.reservation_vol .listing-style3.hotel figure img {
	width: 80%;
	height: auto;
	padding-top: 50%;
}
@media screen and (max-width: 767px) 
{
	.reservation_vol .listing-style3.hotel figure img
	{
		padding-top: 10px !important;
	}
	
}

.listing-style3.hotel .box-title {
	margin: 0;
	float: left;
}

.listing-style3.hotel .box-title i {
	font-size: 15px;
}

.listing-style3.hotel .amenities {
	float: right;
}

.listing-style3.hotel .details {
	padding: 15px 0 15px 20px;
	display: table;
}

.listing-style3.hotel .details [class^="soap-icon"].circle {
	margin-right: 5px;
	margin-top: 5px;
}

.listing-style3.hotel .details>* {
	display: table-row;
}

.listing-style3.hotel .details>*>* {
	display: table-cell;
	padding: 10px 15px 0;
	text-align: center;
	vertical-align: middle;
}

.listing-style3.hotel .details>*>*:first-child {
	border-right: 1px solid #f5f5f5;
	padding-left: 0;
	padding-right: 15px;
	text-align: left;
	width: 80% ;
}

.listing-style3.hotel .details>*>*:last-child {
	width: 150px;
}

.listing-style3.hotel .details>*:first-child>* {
	border-bottom: 1px solid #f5f5f5;
	padding-top: 0;
	padding-bottom: 10px;
}

.listing-style3.hotel .details .button {
	margin-top: 8px;
}

.listing-style3.flight .box, .listing-style3.flight.box {
	padding: 15px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.listing-style3.flight figure {
	display: table-cell;
	background: #f5f5f5;
	vertical-align: middle;
	float: none;
}

.listing-style3.flight figure span {
	text-align: center;
	display: block;
}

.listing-style3.flight figure span img {
	max-width: 60px;
	height: auto;
}

.listing-style3.flight .box-title {
	float: left;
}

.listing-style3.flight .stop:hover {
	background: #fdb714;
}

.listing-style3.flight .amenities {
	margin-bottom: 10px;
	float: right;
}

.listing-style3.flight .details {
	display: table-cell;
	padding-left: 15px;
	float: none;
}

.listing-style3.flight .details .details-wrapper {
	display: table;
	width: 100%;
}

.listing-style3.flight .details .details-wrapper>* {
	display: table-row;
}

.listing-style3.flight .details .details-wrapper>*>* {
	display: table-cell;
	padding: 15px 15px 0 15px;
}

.listing-style3.flight .details .details-wrapper>*>*:first-child {
	border-right: 1px solid #f5f5f5;
	padding-left: 0;
}

.listing-style3.flight .details .details-wrapper>*>*:last-child {
	text-align: center;
	padding-right: 0;
}

.listing-style3.flight .details .details-wrapper>*:first-child>* {
	border-bottom: 1px solid #f5f5f5;
	padding-top: 0;
}

.listing-style3.flight .details .details-wrapper .box-title {
	margin: 0 10px 15px 0;
}

.listing-style3.flight .details .details-wrapper [class^="soap-icon"].circle
{
	margin-right: 5px;
}

.listing-style3.flight .details .details-wrapper [class^="col-"],
.listing-style3.flight .details .details-wrapper [class*=" col-"] {
	padding: 0;
}

.listing-style3.flight .details .details-wrapper .time>div {
	border-right: 1px solid #f5f5f5;
	padding-left: 15px;
}

.listing-style3.flight .details .details-wrapper .time>div:last-child {
	border-right: none;
}

.listing-style3.flight .details .details-wrapper .time>div:first-child {
	padding-left: 0;
}

.listing-style3.flight .details .details-wrapper .time>div>div {
	padding-left: 25px;
}

.listing-style3.flight .details .details-wrapper .time .icon {
	float: left;
	padding: 0;
	font-size: 16px;
}

.listing-style3.flight .details .details-wrapper .time {
	letter-spacing: 0.04em;
}

.listing-style3.flight .details .details-wrapper .action {
	vertical-align: top;
}

.listing-style3.car .box, .listing-style3.car.box {
	display: table;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	table-layout: fixed;
}

.listing-style3.car figure {
	display: table-cell;
	vertical-align: middle;
	float: none;
	text-align: center;
	border-right: 1px solid #f5f5f5;
}

.listing-style3.car figure img {
	max-width: 80%;
	height: auto;
}

.listing-style3.car .details {
	display: table-cell;
	float: none;
}

.listing-style3.car .details .box-title {
	float: left;
}

.listing-style3.car .details .logo {
	margin: 3px 0 0 8px;
	float: left;
	border-left: 1px solid #e1e1e1;
	padding-left: 8px;
}

.listing-style3.car .details .logo img {
	max-height: 20px;
	width: auto;
}

.listing-style3.car .details .amenities {
	margin-top: 20px;
}

.listing-style3.car .details .character {
	text-align: right;
	text-transform: uppercase;
	font-size: 0.8333em;
	border-right: 1px solid #f5f5f5;
}

.listing-style3.car .details .character dd {
	margin-bottom: 5px;
}

.listing-style3.car .details .character dl {
	margin-bottom: 0;
}

.listing-style3.car .details .action {
	text-align: center;
	text-transform: uppercase;
}

.listing-style3.car .details .action .button {
	margin-top: 30px;
}

.listing-style3.cruise figure img {
	width: 100%;
	height: auto;
}

.listing-style3.cruise .details {
	padding: 15px 20px;
	text-transform: uppercase;
}

.listing-style3.cruise .details img {
	max-width: 100%;
	height: auto;
}

.listing-style3.cruise .details .box-title {
	text-transform: none;
	margin-bottom: 10px;
}

.listing-style3.cruise .details .character {
	font-size: 0.8333em;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 15px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.listing-style3.cruise .details .character>div {
	display: table-cell;
	float: none;
	vertical-align: middle;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 12px;
	border-left: 1px solid #f5f5f5;
}

.listing-style3.cruise .details .character>div:first-child {
	border: none;
	padding-left: 0;
}

.listing-style3.cruise .details .character>div:last-child {
	padding-right: 0;
}

.listing-style3.cruise .details .character [class^="soap-icon"] {
	font-size: 18px;
	float: left;
}

.listing-style3.cruise .details .character .cruise-logo {
	padding: 0;
	text-align: left;
}

.listing-style3.cruise .details .character .cruise-logo img {
	max-width: 90%;
	width: auto;
	height: auto;
}

.listing-style3.cruise .details .character .date>div, .listing-style3.cruise .details .character .departure>div
{
	padding-left: 20px;
	line-height: 1.1667em;
}

.listing-style3.cruise .details .review {
	line-height: 1.6667em;
}

.listing-style3.cruise .details .review .five-stars-container {
	float: left;
	margin-right: 10px;
}

.listing-style3.cruise .details .review span {
	display: block;
	float: left;
}

.tab-container .tab-pane>.listing-style3 .details {
	padding-right: 0;
}

/* ************************reservation vol  ******************** */
.reservation_vol .titre_vol {

}

.vol .btn_selectionner_vol {
	background-color: #38943F;
	color: #FFF;
}

#form_chercher_vol #depart, #form_chercher_vol #retour {
	background: url(../img/bouton-rond+calendrier.png) center right 4%
	no-repeat;
	background-size: 15%;
}

.trier_par_gauche .chercher-vol {
	background-color: #38943F;
}

.trier_par_gauche .chercher-vol  h5, .trier_par_gauche .chercher-vol h5 span
{
	color: #FFF;
}

.vol .details_vol {
	padding-bottom: 45px;
}

.vol .details_vol li div:first-child {
	color: #38943F;
	font-size: 14px;
}

.vol .details_vol li>div span {
	font-size: 18px;
	margin-right: 5px;
}

.vol .details_vol li div:nth-child(2) {
	color: #666;
}
/* ****************** confirmer hotel **************** */
.confirmer_hotel .nom_hotel {
	font-size: 19px;
	font-weight: bold;
}

.confirmer_hotel .localisation_hotel_selectionner_droite span {
	color: #38943F;
	font-size: 11px;
}

.confirmer_hotel .localisation_hotel_selectionner_droite {
	font-size: 11px;
}

.confirmer_hotel .nombre_etoiles {
	color: #38943F;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	border: 1px solid #CCC;
	border-left: none;
	border-right: none;
}

.confirmer_hotel .aide_hotel .num_tel_hotel {
	font-size: 22px;
	color: #38943F;
}

.confirmer_hotel .aide_hotel .num_tel_hotel span {
	font-size: 18px;
	margin-right: 2px;
	color: #38943F;
}
.chambre  label
{
	font-weight:normal !important ;
}
.confirmer_hotel #form_reserver_chambre .bouttons_regler_chambre {
	margin-left: 30px;
}

.confirmer_hotel #form_reserver_chambre .bouttons_regler_chambre button
{
	background-color: #38943F;
	color: #FFF;
}

.confirmer_hotel #form_reserver_chambre .boutton_reserver_chambre {
	margin-left: 40px;
	width: 250px;
	background-color: #38943F;
	color: #FFF;
}

.confirmer_hotel #form_reserver_chambre select {
	background: url(../img/bouton-rond+fleche.png) no-repeat center right 3%;
	background-size: 20px;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.confirmer_hotel .formulaire {
	padding-top: 20px;
}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
	background-color: #38943F !important;
	color: #FFF !important;
	border-bottom: none;
}

.nav-tabs {
	border-bottom: 1px solid #38943F;
}

.nav-tabs>li>a {
	background-color: #D7D7D7;
	margin-right: 20px;
	border-bottom: none;
	padding: 15px 30px;
}
.confirmer_hotel  .boutton_reserver_chambre
{
	background-color:#38943F;
	color:#FFF ;
	margin-top:25px;
}

/* ************ location de voiture ********** */
.location_voiture .titre_location_voiture {
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: bold;;
}

.location_voiture .selectioner_voiture .boutton_selectioner_voiture {
	background-color: #38943F;
	color: #FFF;
}

.location_voiture .details_location dt {
	color: #38943F;
}

.location_voiture .details_location dl {
	font-size: 12px;
}



.location_voiture .details_voiture .logo {
	margin-top: 5px;
	border-left: 1px solid #E1E1E1;
}


.location_voiture .details_voiture  {
	border-right: 1px solid #f5f5f5;
}


.location_voiture .details_voiture i {
	color: #38943F;
	border: 1px solid #f5f5f5;
	border-radius: 50%;
	padding: 5px;
	font-size: 14px;
}

.location_voiture .details_voiture h4 {
	font-size: 17px;
}

.location_voiture .details_voiture .options_voiture, .location_voiture .details_voiture .type_voiture
{
	margin: auto;
}

.location_voiture .details_location {

	border-right: 1px solid #f5f5f5;
	padding: 10px
}


.location_voiture .details_location dd
{
	margin-bottom:9px;
}

.location_voiture .image_voiture img {
	height: 160px;
	width: 189px;
}

.location_voiture .chercher_location_voiture {
	background-color: #38943F;
	color: #FFF;
}
@media screen and (max-width: 425px)
{
	.selectioner_voiture #locationForm a
	{
		margin-left: 5px !important;
		margin-right: 5px !important;	
	}
}
/* ******************** confirmer paiement ******************* */
.confirmer_paiement .titre_page_confirmer_paiement , .confirmer_paiement .titre_confirmer_paiement
{
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: bold;;
}

.confirmer_paiement  .titre_confirmer_paiement {
	margin-top: 10px;
}

.confirmer_paiement .boutton_louer_voiture, .confirmer_paiement .boutton_confirmer_paement
{
	color: #FFF;
	background-color: #38943F;
	margin-top: 40px;
}

.confirmer_paiement .nom_hotel {
	font-size: 19px;
	font-weight: bold;
}

.confirmer_paiement .localisation_hotel_selectionner_droite span {
	color: #38943F;
	font-size: 11px;
}

.confirmer_paiement .localisation_hotel_selectionner_droite {
	font-size: 11px;
}

.confirmer_paiement .nombre_etoiles {
	color: #38943F;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	border: 1px solid #CCC;
	border-left: none;
	border-right: none;
}

.confirmer_paiement .details_reservation {
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.confirmer_paiement .details_reservation label {
	color: #38943F;
}

.confirmer_paiement .details_reservation label {
	color: #38943F;
}

.confirmer_paiement .details_paiement {
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
	padding-left: 5px;
}

.confirmer_paiement .paiement_forfait, .confirmer_paiement .paiement_total
{
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.confirmer_paiement label {
	font-weight: normal !important;
}

.confirmer_paiement .paiement_forfait {
	border-bottom: 1px solid #CCC;
}

.confirmer_paiement .paiement_forfait label, .confirmer_paiement .paiement_total label
{
	font-weight: normal;
}

.confirmer_paiement .paiement_forfait .prix, .confirmer_paiement .paiement_total .prix
{
	color: #38943F;
}

.confirmer_paiement #condition {
	height: 20px;
	width: 20px;
}

.confirmer_paiement #condition+p {
	line-height: 25px;
	margin-left: 10px;
}

.confirmer_paiement .type_paiement label {
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 15px;
}

/* *************** confirmer hotel ********** */
.confirmer_hotel .aide_hotel .num_tel_hotel {
	font-size: 22px;
	color: #38943F;
}

.confirmer_hotel .aide_hotel .num_tel_hotel span {
	font-size: 18px;
	margin-right: 2px;
	color: #38943F;
}

.confirmer_hotel #form_reserver_chambre .bouttons_regler_chambre {
	margin-left: 30px;
}

.confirmer_hotel #form_reserver_chambre .bouttons_regler_chambre button
{
	background-color: #38943F;
	color: #FFF;
}

.confirmer_hotel #form_reserver_chambre .boutton_reserver_chambre {
	margin-left: 40px;
	width: 250px;
	background-color: #38943F;
	color: #FFF;
}

.confirmer_hotel #form_reserver_chambre select {
	background: url(../img/bouton-rond+fleche.png) no-repeat center right 3%;
	background-size: 20px;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.confirmer_hotel #equipements span {
	color: #FFF;
	background-color: #38943F;
	font-size: 18px !important;
	width: 36px;
	height: 42px;
	padding-left: 6px;
	padding-top: 9px;
	margin-right: 15px;
}

.confirmer_hotel #equipements li div {
	margin-bottom: 7px;
	padding: 0px;
	border: 1px solid #E1E1E1;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
	background-color: #38943F !important;
	color: #FFF !important;
	border-bottom: none;
}

.nav-tabs {
	border-bottom: 1px solid #38943F;
}

.nav-tabs>li>a {
	background-color: #5fa965;
	color: #FFF;
	border-bottom: none;
	text-align: center;
	margin-right: 1px;
	width: 150px;
}

.nav-tabs>li>a:hover {
	background-color: #38943F;
	color: #FFF;
}

.confirmer_hotel .formulaire {
	padding-top: 20px;
}

.confirmer_hotel .formulaire #chambre_hotel , .confirmer_hotel .formulaire #formule
{
	font-size: 12px;
	font-family: LinotypeAroma, Arial, Helvetica, sans-serif !important ;
}
/* *********************** reservation partie 2 ******************************* */
.reservation_p2 .titre_ajouter_passager {
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: 900;
}

.reservation_p2 .boutton_ajouter_passager {
	color: #FFF !important;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	border-radius: 5px;
}

.reservation_p2 #form_reservation_p2_adulte input[type="password"],
.reservation_p2 #form_reservation_p2_adulte input[type="text"],
.reservation_p2 #form_reservation_p2_adulte input[type="date"],
.reservation_p2 #form_reservation_p2_enfant input[type="password"],
.reservation_p2 #form_reservation_p2_enfant input[type="text"],
.reservation_p2 #form_reservation_p2_enfant input[type="date"],
.reservation_p2 #form_reservation_p2_bebe input[type="password"],
.reservation_p2 #form_reservation_p2_bebe input[type="text"],
.reservation_p2 #form_reservation_p2_bebe input[type="date"] {
	background-color: #d9e0da;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	font-family: Arial;
	font-size: 100%;
	text-decoration: none;
	color: #333;
	font-size: 20px;
}

.reservation_p2 #form_reservation_p2_adulte input[type="password"]:focus,
.reservation_p2 #form_reservation_p2_adulte input[type="text"]:focus {
	border-color: #999 !important;
}
#form_modifier_passager select
{
	margin-bottom:25px;
}
#form_modifier_passager #type_identité
{
	width:101px;
	padding-left:5px !important;
	padding-right:2px !important ;
	font-size:15px;
}

.reservation_p2 .text-danger {
	color: #a94442 !important;
}

/* tableau */
.reservation_p2 .table_passager {
	color: #FFF;
	background-color: #38943F !important;
	font-size: 14px;
}

.reservation_p2 .table_passager th {

}

.reservation_p2 .help-block {
	display: inline-block !important;
	height: 20px;
}

.reservation_p2 td span {
	cursor: pointer;
	margin-left: auto;
}

.reservation_p2 .date {
	width: 10%;
}

.reservation_p2 .email {
	width: 20%;
}

#form_ajouter_passager button, .boutton_ajouter_passager,
#form_modifier_passager button {
	color: #FFF;
	background-color: #38943F;
}

/* ********************** location voiture ********************* */
.titre_location_voiture {
	font-family: BlockBE-Condensed;
	color: #38943F;
	font-weight: bold;

}

.titre_location_voiture span
{
	font-size:33px;
}

.chambre .form-control[readonly]
{
	background-color:#FFF !important ;
	border:none !important ;
}
#map_hotel img
{
	height:500px !important;
	width:817px !important;

}



/* ====================== messages page ===============*/

#hestorique_message
{
	overflow-x:hidden;
	overflow-y:scroll;
	height:500px;
}
#hestorique_message::-webkit-scrollbar {
	width: 12px;
}

#hestorique_message::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}

#hestorique_message::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 6px 700px 6px #38943F ;
}
.bg-white {
	background-color: #fff;
}

.friend-list {
	list-style: none;
	margin-left: -40px;
}

.friend-list li.active {
	border-bottom: 1px solid #FFF ;
}

.friend-list li {
	border-bottom: 1px solid #eee ;
}
.historique_message
{
	background-color:#f9f9f9;
}
.sujet_message
{

}
.sujet_message label
{
	line-height:50px;
	color:#38943F ;
	font-size:13px;
}

.friend-list li a img {
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 0px;
}

.friend-list li a {
	position: relative;
	display: block;
	padding: 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
}

.friend-list li.active a {
	background-color:#FFC6C6;
}
.friend-list li.inactive
{
	background-color:#FFF;
}
.friend-list li a:hover {
	font-style:normal;
	text-decoration:none ;
}

.friend-list li a .friend-name,
.friend-list li a .friend-name:hover {
	color: #777;
}

.friend-list li a .last-message {
	width: 65%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.friend-list li a .time {
	position: absolute;
	top: 10px;
	right: 8px;
	font-size:16px;
}
.contenu_suejt_message
{
	height:50px;
}
.uniquement_non_lus
{
	font-size:17px;
	margin-left:10px;

}

small, .small {
	font-size: 85%;
}

.friend-list li a .chat-alert {
	position: absolute;
	right: 8px;
	top: 27px;
	font-size: 10px;
	padding: 3px 5px;
}

.chat-message {
	padding: 20px 20px 35px;
}

.chat {
	list-style: none;
	margin: 0;
	margin-left:-40px;
}
.chercher_chat .btn_chercher_chat
{
	margin-bottom:20px;
}

.chat-message{
	background: #f9f9f9;
}

.chat li img {
	width: 45px;
	height: 45px;
	border-radius: 50em;
	-moz-border-radius: 50em;
	-webkit-border-radius: 50em;
}

img {
	max-width: 100%;
}

.chat-body {
	padding-bottom: 20px;
}

.chat li.left .chat-body {
	margin-left: 70px;
	background-color: #8bc53f ;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
}

.chat li .chat-body {
	position: relative;
	font-size: 11px;
	padding: 10px;
	border: 1px solid #f1f5fc;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.chat li .chat-body .header {
	padding-bottom: 5px;
	border-bottom: 1px solid #f1f5fc;
}

.chat li .chat-body p {
	margin: 0;
	font-size:14px;
	color:#FFF ;
	padding-top:7px;
}
.border-danger
{
	border:1px solid #a94442 ;
}
.color-white
{
	font-weight:normal ;
	color:#FFF ;
}
.color-borbon
{
	color:#38943F  ;
}
.bg-borbon
{
	background-color:#38943F  ;
}


.chat li.left .chat-body:before {
	position: absolute;
	top: 19px;
	left: -9px;
	display: inline-block;
	background: #8bc53f;
	width: 16px;
	height: 16px;
	border-top: 1px solid #f1f5fc;
	border-left: 1px solid #f1f5fc;
	content: '';
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.chat li.right .chat-body:before {
	position: absolute;
	top: 19px;
	right: -9px;
	display: inline-block;
	background:#38943F;
	width: 16px;
	height: 16px;
	border-top: 1px solid #f1f5fc;
	border-right: 1px solid #f1f5fc;
	content: '';
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.chat li {
	margin: 15px 0;
}

.chat li.right .chat-body {
	margin-right: 70px;
	background-color: #38943F;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
}

.chat-box {
	position: fixed;
	bottom: 0;
	left: 444px;
	right: 0;
	padding: 15px;
	border-top: 1px solid #eee;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}

.primary-font {
	color: #3c8dbc;
}


#envoyer_message
{
	background-color:#CCC ;
}
.input_envoyer_messge {
	width:100% ;
	height: 55px;

}
.boutton_envoyer_message
{
	color:#FFF;
	background-color: #38943F  ;
	margin-top:15px;
	margin-right:5px;
}
.boutton_envoyer_message:hover
{
	color:#FFF;
	background-color: #38943F  ;
	margin-top:15px;
	margin-right:5px;
}
.chat li .chat-body strong
{
	font-size:14px;
}
.header_message
{
	border-bottom:1px solid #FFF ;
	padding-bottom:16px;
}
.chat-message h3
{
	color:#38943F  ;
}


/* *********** recapitulatif ***************************** */

#sparks {
	display: block;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	text-align: right
}

#sparks li {
	display: inline-block;
	max-height: 47px;
	overflow: hidden;
	text-align: left;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

#sparks li h5 {
	color: #555;
	float: left;
	font-size: 11px;
	font-weight: 400;
	margin: -3px 0 0 0;
	padding: 0;
	border: none;
	text-transform: uppercase
}

#sparks li span {
	color: #636363;
	display: block
}

#sparks li {
	border-left: 1px dotted #c7c7c7;
	padding: 5px 10px;
}

#sparks li:last-child {
	padding-right: 0
}

#sparks li:first-child {
	border-left: none;
	padding-left: 0
}

.sparks-info {
	min-width: 70px
}

.sparks-info span {
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	text-transform: none
}

.sparks-info .sparkline {
	display: block;
	float: right;
	margin: 3px 0 0 20px
}
.liste_participants .type_participants
{
	color: #38943F;
	font-size:18px ;
	margin-bottom:10px;
}
.liste_participants .infos_participants
{

	width:100%
}
.liste_participants .infos_participants ul li
{
	border-right:1px solid #CCC ;
	text-align:center ;
	margin-bottom:25px;
	font-size:14px ;
}
.liste_participants .infos_participants ul li:last-child
{
	border-right:none;
}
.recapitulatif .panel
{
	margin-bottom:25px;

}

/* ********************************** retour_paiement ******************************************** */

.retour_paiement .retour_paiement_gauche
{
	border-right:1px solid #f5f5f5 ;
}
.retour_paiement li
{
	margin-bottom:5px;
}

.logo_a_imprimer
{
	display:none ;
}
.boutton_imprimer
{
	margin-top:50px;
}
.boutton_imprimer:hover
{
	background-color: #38943F ;
	color: white ;
}
.list_users_acomp td
{
	line-height:35px !important;
	border:none  !important ;
}
.boutton_modifier_participants
{
	background-color:#FFF ;
	color:#38943F ;
	margin-top:-8px;
	margin-right:-15px;
}
.boutton_modifier_participants:hover
{
	background-color:#FFF ;
	color:#38943F ;

}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th
{
	border-bottom: 1px solid #38943F !important;
}
.table>thead>tr>th
{
	border-bottom: 2px solid #38943F !important;
}
.table-striped>tbody>tr:nth-of-type(odd)
{

}



/* ******responisive table ******/ 

@media screen and (max-width: 768px) {
 
  table.table_passager {
    border: 0;
  }
  table.table_passager caption {
    font-size: 1.3em;
  }
  table.table_passager thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.table_passager tr {
    border-bottom: 3px solid #ddd;
    display: block;
  }
  table.table_passager td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    height: 40px;
  }
    table.table_passager td.num_chambre {
    height: 55px;
    text-align: center;
  }
  table.table_passager td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-thead);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    width: 50%;
    line-height: 20px;
  }

  table.table_passager td:last-child {
    border-bottom: 0;
  }

}


.confirmer_hotel  .details_paiement {
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #CCC;
    padding-left: 5px;
}

.confirmer_hotel label {
    font-weight: normal !important;
}
.confirmer_hotel .paiement_forfait, .confirmer_hotel .paiement_total {
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}
.confirmer_hotel .paiement_forfait {
    border-bottom: 1px solid #CCC;
}

.confirmer_hotel .paiement_forfait .prix, .confirmer_hotel .paiement_total .prix {
    color: #38943F;
}


/* ******************** ** */ 

.hover-img {
    z-index: 1;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.hover-img >img{
    -webkit-transition: 4s;
    -moz-transition: 4s;
    -o-transition: 4s;
    -ms-transition: 4s;
    transition: 4s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hover-img .hover-hold {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}


.hover-img .hover-inner-bottom {
    top: auto;
    bottom: 0;
}

.hover-img .hover-inner-block {
    height: auto;
}

.hover-img .hover-inner-bg-black {
    background: rgba(0,0,0,0.5) !important;
}

.hover-img .hover-inner {
    width: 101%;
    
    padding: 5px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    color: #fff !important;
}

.hover-img >.hover-inner {
    position: absolute;
    
    
    left: 0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
.text-small {
    font-size: 12px;
    line-height: 1.5em;
}
.text-small p {
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.4em;
}
.text-small h5 
{
	margin : 0 !important;
}
.close-excursion
{
	position: absolute;
	right: 6px ;
	top: 0 ; 
	font-size: 22px ;
	color: #38943F ; 
}
.close-excursion:hover
{
	color: #38943F ;

}
.thumb
{
	margin: 15px 0 !important ;
}
.hotel-list .box div img 
{
	
	padding : 5px;
}