.compTarifDisponible {
	clear: both;
	padding: 20px;
}

.compTarifDisponible .bottomContentComposants {
	background: none !important;
	height: 0 !important;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants {
	clear: both;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions {
	background: #eeefee;
	margin-bottom: 20px;
	clear: both;
	border-bottom: 2px solid #D9D9D9;
}

.compTarifDisponible .descContent {
	text-align: right;
	font-size: 1.25rem;
	margin: 20px 0 10px 0;
}

.compTarifDisponible .descContent:before {
	font-family: "FontAwesome";
	content: '\f05a';
	margin-right: 5px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre {
	height: 24px;
	line-height: 24px;
	padding: 5px 10px 0;
	text-align: left;
	clear: both;
	padding-bottom: 0;
	text-transform: uppercase;
	color: var(--text-Tertiary-color);
	font-size: 1.25rem;
	font-weight: normal;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre span {
	float: left;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre a {
	color: var(--text-primary-color);
	font-size: 1rem;
	text-transform: none;
	float: right;
	font-size: 0.8333rem;
	text-decoration: none;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .contenuFenetre {
	background: transparent;
	color: var(--text-primary-color);
	padding: 5px 5px 15px 15px;
	font-size: 1rem;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .contenuFenetre span {
	text-decoration: underline;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs {
	border-collapse: collapse;
	clear: both;
	color: #DFDBDB;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription {
	border-collapse: collapse;
	width: 680px;
	margin-top: 20px;
	display: block;
}

table tr.tableHeader th.tableColonne4,
table tr.ligneTarif th.tableColonne4 {
	color: #565656;
	font-size: 1rem;
}

table tr.tableHeader th.tableColonne4,
table tr.ligneTarif td.tableColonne4 {
	text-align: right !important;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr {
	line-height: 20px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr {
	display: block;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	line-height: 20px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif {}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.ligneTarif.type_1 td.tableColonne1 {
	border-left: 1px solid #000;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.type_2 {
	background: url("../image/Bg_Grise.gif") no-repeat scroll 0 0 transparent;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader {
	color: #ffffff;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th {
	font-weight: 700;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1 {
	padding-left: 10px;
	font-size: 1.3333rem;
	color: var(--text-primary-color);
	width: 360px;
	text-align: left;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid var(--line-Primary-color);
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne2 {
	font-size: 1.3333rem;
	color: var(--text-primary-color);
	border-bottom: 1px solid var(--line-Primary-color);
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne3 {
	font-size: 1.1667rem;
	color: var(--text-primary-color);
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne3 {}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter {
	border-bottom: 0;
	line-height: 20px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs th {
	padding-right: 10px;
	color: var(--text-primary-color);
	font-size: 1.5rem;
	font-weight: normal;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs th.tableColonne4 {
	width: 120px;
	background: transparent;
	border-bottom: 2px solid var(--line-Secondary-color);
	font-size: 1.3333rem;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription th {
	font-weight: normal;
	padding: 4px;
	text-align: left;
	color: #ffffff;
	font-size: 1rem;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 5px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader th {
	font-size: 1.1667rem;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription td {
	padding: 4px;
	text-align: left;
	color: #F8BE00;
	font-size: 1.1667rem;
	text-transform: normal;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription td {
	color: var(--text-primary-color);
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription td#infoPreInscription.tableColonne3 {
	width: 223px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription td.tableColonne1-2-3 {
	width: 660px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td a {
	clear: both;
	color: var(--text-Tertiary-color);
	font-size: 0.9167rem;
	font-weight: normal;
	margin-left: 5px;
	text-decoration: underline !important;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne1 {
	padding: 10px 0 10px 20px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 {
	padding: 10px 10px 10px 10px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne4,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne2 {
	border-bottom: 1px solid var(--line-Secondary-color);
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne1 img {
	vertical-align: middle;
	margin-right: 2px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne2 {
	font-size: 1.1667rem;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs th.tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne2 {
	text-align: center;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs th.tableColonne {
	background: transparent;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne3 {
	text-align: center;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th.tableColonne3 {
	padding-right: 20px;
	font-size: 1.3333rem;
	color: var(--text-primary-color);
	width: 100px;
	border-bottom: 1px solid var(--line-Primary-color);
	text-align: right;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td {
	font-weight: bold;
	color: var(--text-primary-color);
	font-size: 1.3333rem;
	text-transform: uppercase;
	background: var(--gray-Secondary-color);
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne1 {
	color: var(--text-primary-color);
	font-size: 1.3333rem;
	background: var(--gray-Secondary-color);
	border-left: 0;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #chargementPreInscription {
	text-align: center;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #validePreInscription {
	cursor: pointer;
	margin-top: 10px;
	margin-left: 241px;
	background: url('../image/bgRESAHover.gif') no-repeat #fff 5px 3px;
	height: 33px;
	color: #8A081C;
	clear: both;
	width: 135px;
	text-align: center;
	line-height: 33px;
	text-transform: none;
	border: 0;
	font-size: 1.8333rem;
}

.unelignesurdeux {
	background: var(--gray-Primary-color);
}

table.preInscription .champ {
	border: 1px solid #CCCCCC;
}

table.tarifs .champ {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 70px;
	color: var(--text-primary-color);
	padding: 10px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 input.champ {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 64px;
	font-size: 1rem;
	border-radius: 5px;
	padding: 0 5px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs.listeTarifs tbody .tableFraisGestion td {
	padding-bottom: 0 !important;
	text-align: center;
}

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer {
	margin-bottom: 30px;
	clear: both;
	text-align: right;
	padding: 20px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne3 span.champLabel {
	display: none;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr td.tableColonneIcon {
	border-bottom: 1px solid #D9D9D9;
	width: 15px;
	padding: 0 2px 0 5px;
}

.boxCrossSelling .evenement {
	padding: 20px;
	background-color: var(--gray-Primary-color);
	border-radius: 10px;
	width: 92%;
	margin: 20px auto;
}

.boxCrossSelling .evenement:after {
	content: "";
	display: table;
	clear: both;
}

.boxCrossSelling .evenement img {
	width: 110px;
	height: 110px;
	float: left;
	border-radius: 10px;
}

.boxCrossSelling .evenement .description {
	display: inline-block;
	width: 86%;
	padding: 0 0 0 10px;
	font-size: 1.2em;
}

.boxCrossSelling .evenement .evenementNom {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: var(--text-Tertiary-color);
}

.boxCrossSelling .evenement .evenementInfos {
	line-height: 1.4em;
}

@media screen and (min-width: 768px) {

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs {
		border-collapse: collapse;
		clear: both;
		color: #DFDBDB;
		width: 100%;
		margin: 20px 0;
	}
}

/* end of min-width:768px */

@media screen and (min-width: 768px) and (max-width: 980px) {

	.boxCrossSelling .evenement .description {
		width: 79%;
	}

	table.tarifs .champ {
		padding: 7px 4px;
	}
}

@media screen and (max-width: 767px) {
	.buttonsContainer div.validContent {
		margin: 3px 0;
	}

	.boxCrossSelling .evenement {
		box-sizing: border-box;
	}

	.boxCrossSelling .evenement img {
		width: 110px;
		height: 110px;
		display: block;
		background-color: #ECECEC;
		float: left;
	}

	.boxCrossSelling .evenement .description {
		display: inline-block;
		width: 80%;
		padding: 0 10px;
		font-size: 1.2em;
	}

	.descContent {
		padding: 10px 20px;
	}

	.compTarifDisponible {
		clear: both;
		padding: 0;
	}

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1 {
		width: 150px;
	}

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th.tableColonne3 {
		width: 85px;
	}

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs th.tableColonne4 {
		width: 90px;
		font-size: 1.3333rem;
		line-height: 11px;
		border-bottom: 2px solid #d9d9d9;
		text-align: left !important;
	}

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 input.champ {
		width: 35px;
		height: 25px;
		font-size: 1rem;
	}

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 {
		padding: 10px 0 10px;
		text-align: left !important;
	}

	table.tarifs .champ {
		padding: 7px 4px;
	}
}

@media screen and (max-width: 704px) {

	.boxCrossSelling .evenement img {
		display: block;
		text-align: center;
		float: none;
		margin: 0 auto;
	}

	.boxCrossSelling .evenement .description {
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}
}

/* end of max-width:767px */

@media screen and (max-width: 475px) {

	.compTarifDisponible .descContent {
		text-align: center;
		font-size: 1.3333rem;
		margin: 30px auto;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
	}

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th {
		font-size: 1.1667rem !important;
	}

	.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td {
		font-size: 1.1667rem;
	}
}