@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), 
	   url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),
       url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), 
	   url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

body{
	color:#1c1c1c;
	font-family: 'Poppins', sans-serif;
	 font-size:14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{	
	font-family: 'Poppins', sans-serif;}
.headerPeriode{display:none;}
.row-style, .alternative-row-style{display:table;width:100%; border-bottom:1px dotted #009CDE;}
.periode, .item, .reserver{display:table-cell;vertical-align:middle;}

.periode{background-color:#fff;width:50%;font-size:1em;font-weight:normal;}
.periode > span::before{ font-family: 'FontAwesome'; content:"\f073"; padding-right:10px;color:#009CDE}
.etatSejour {
	background-color: gray;
	font-size: 0.8em;
	padding: 0.25em 0.5em;
	color: #fff;
	border-radius: 20px;
}
.etatSejour.sejourConfirme{background-color:#A2C208; }
.etatSejour.sejourConfirmationencours{background-color:#009CDE; }
.separator{border:0;}
.item .tarif{padding:0;color:#1c1c1c; font-size:1.5em;}
.item .inlineTarif {
	padding: 0;
	float: none;
	font-size: 0.9em;
}
.button {
	background: #a2c208;
	padding: 0.5em 1em;
	border-radius: 0;
	font-size: 1em;
}
.button:hover{
	opacity:1;
	background:#009CDE;

	}	
.button.btn_light{
	background:#009CDE;
	}

.button.btn_light:hover{
	background:#a2c208;
	}
	
/*.textRecapCircuit{color:#009CDE; font-size:2em; font-weight:300;}	*/


.breadcrumb .images .on{background:#009CDE; color:#fff; padding:5px 0;border-radius:0;font-size:0.8em;}
.breadcrumb .images .off{background:#eee; color:#1c1c1c; padding:5px 0;border-radius:0;font-size:0.8em;}
.breadcrumb .images .etape.off.active{background:#009CDE; color:#fff;}
.breadcrumb .text .etape{font-size:1em; font-style:normal;color:#666666;}
.breadcrumb .text .etape_one_on, .breadcrumb .text .etape_two_on,.breadcrumb .text .etape_three_on,.breadcrumb .text .etape_four_on  {color:#009CDE;}

.textEtape {color:#009CDE;font-variant:normal;padding:15px 3px 0 0}
.TextTitle {
    font-size: 2em;
    font-weight: normal;
}
.commentaire {
	color: #666;
	font-style: normal;
	font-weight: 300;
}
.tab_participants, .tab_option th, .tab_option .footer, .reservation .datagrid_color, .coordonnees{background-color:#a2c208; color:#fff;}
.caseParticipant dt {
	width: 8em;
	padding:0 0.5em 0 0;
}
.caseParticipant dt.prenom, .caseParticipant dt.tarif{width: 5em;}
.coordonnees{padding:15px;}
.coordonnees .commentaire{color:#fff; padding-bottom:10px;}

.tab_option th {
    border: 1px solid #fff;
}
.tab_option td{
    border: 1px solid #eee;
}

.listbox,.textbox, .editbox {
    border: 0;
    border-radius: 0;
    font-size: 0.9em;
    padding: 5px;
	color:#383953;
	background-color:#FFF;
}
.tarif{float:none;}
.redStar {
    color: #fff;
    padding: 0 5px;
}
.main{float:right;width:70%;padding:0;}
.page_reglement .main{float:none;padding:30px ;}
.rightSide {
	background: #eee;
	color: #1c1c1c;
	float: left;
	padding: 18px 18px 180px 17px;
	width: 24%;
}
.inscritOuOption {
	margin: 0;
	border-radius:0;
	background:#eee;
	width:45%;
}
.inscritOuOption.inscrit{margin-right:1%;}
.inscritOuOption.option{margin-left:1%;}
.ucTxtOffre, .ucTxtChange {
	font-size: 1.4em;
}
/*.pg_participants .rightSide{height:450px;}
.pg_options .rightSide{height:375px;}*/

.ucTxtChange a, .recap .modifier a, a.modifier {
    color: #a2c208;
}
.recap_total {
background-color: #009CDE;}

.divLiberte {
	background: #eee none repeat scroll 0 0;
	border-radius: 0;
	padding: 10px;
	width: 60% !important;
}
.dateDepartLiberte, .plusMoinsLiberte{padding:0; margin:5px;}
.helper1, .helper2, .helper3, .helper4{display:none;}

.caseParticipant {
	width: auto;
	padding: 1em 0.5em;
}
a{color:#009CDE;}
a:hover{color:#A2C208;}
.caseParticipant dd.participants {
	text-align: right;
	font-weight: normal;
	color: #1c1c1c;
}
.divLiberte + div{width:37% !important;}

}

#divTarifs{background-color:#fff; }
#divTarifs .libelle, #divTarifs .prix, #divTarifs  .strikePrice{padding:5px;}
 #divTarifs .prix{font-weight:bold;color:#227fc2;}
#txtReduction{color:#227fc2;}
 #divTarifs  .strikePrice{color:#b94a48}

#divTarifs .libelle{width:54%;}
/*****************ESPACE CLIENT************************/
.bg-light {
	background-color: #ececec !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #009cde;
	border-radius:0;
}
.form-control {
	color: #1c1c1c !important;
	border: 1px solid #ececec !important;
	border-radius: 0 !important;
	width: 100% !important;
	padding: 0.5rem 0.75rem;
}
.btn-primary {
	background-color: #A2C208;
	border-color: #A2C208;
	border-radius:0;
}
.btn-primary:hover{
	background-color: #009CDE;
	border-color: #009CDE;
}
.bg-primary {
	background-color: #009CDE !important;
}
/*********************RESPONSIVE**************************/
@media screen and (max-width: 736px){
	.main, .rightSide{float:none; width:auto;}
.divLiberte {width:58% !important;}

}
@media screen and (max-width: 568px){
	
.divLiberte{float:none !important; width:auto !important;margin-bottom:20px;}	

.ui-widget{font-size:0.9em;}
.periode, .item, .reserver{display:block;width:100%;text-align:center;}
.row-style, .alternative-row-style{width:auto;display:block; }
.breadcrumb{display:none;}

.next_step{float:none;}
.inscritOuOption {
	width: 100% !important;
	height: auto;
	float: none;
	margin: 0 0 1em 0 !important;
}
.messageInscritOuOption .inscrit > div {
	width: 100%;
	float: none;
	margin-left: 0;
	padding-left: 0;
}
.messageInscritOuOption {
	padding: 0;
	margin: 0;
	width: auto	;
	height: auto;
}
.messageInscritOuOption .inscrit .logo {
	 width: auto;
	 float: none; 
	margin-left:0; 
	 padding-left: 0; 
}
.caseParticipant dt, .caseParticipant dd {
	width: 100%;
	float:none;
	padding: 0;
	text-align:left;
}