@import "css/fontAwesome.css";
/* ########################################################################################### */
/* ####################################### css Général ####################################### */
/* ########################################################################################### */

body{
	padding:0px;
	margin:0px;
	color:#555555;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	line-height: 140%;
	background: url(fond-montagne.jpg) no-repeat top center #FFFFFF;
}


body.accueil-page{
	background:url(fond-montagne-accueil.jpg)  no-repeat top center #FFFFFF;
}

#panelChangeTheme{
	z-index: 1000;
}

hr {
	height: 1px;
	border: none;
	background: #eaeaea;
}

h1{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 36px;
	color:#EE3A5A;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1em;
}

h2{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 32px;
	color:#9A9A9E;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1em;
}

h3{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 24px;
	color:#9A9A9E;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1em;
}

h4{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	color:#EE3A5A;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1em;
}

h5{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color:#9A9A9E;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1em;
}

h6{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color:#EE3A5A;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1em;
}

a:link{
	color:#EE3A5A;
	text-decoration:underline;
	font-weight: 600;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:visited{
	color:#EE3A5A;
	text-decoration:underline;
}

a:active{
	color:#9A9A9E;
	text-decoration:underline;
}

a:hover{
	color:#9A9A9E;
	text-decoration:underline;
}

.clear{
	clear: both;
}

/* ##################################################################################################### */
/* ####################################### css des pages du site ####################################### */
/* ##################################################################################################### */

/* ----------------- Barre ident google like ------------------*/
.myDockBarre{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
}


#myBarrePerso, .myBarrePerso{
	position:none;
	background: transparent;
}

.myBarrePersoText{
	background: #ee3a5a;
	color:#FFFFFF;
	padding: 0 10px;
	font-family:inherit;
	font-size:inherit;
	font-weight:normal;
	text-shadow:none;
}

.myBarrePersoDeco{
	background: none;
}

.barreLatDockContent{
	border-color:#9a9a9e;
	line-height: 1.3em;
}
.barreLatDockContenterPicto{
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
}
.barreLatDockContenterPicto.MeyclubPicto {

	padding-left:0px;

}
.barreLatDockContenterPicto.deconnectionPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-connect.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.deconnectionPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-connect-hover.png);
}
.barreLatDockContenterPicto.panierPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-panier.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.panierPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-panier-hover.png);
}
.barreLatDockContenterPicto.moncomptePicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-compte.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.moncomptePicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-compte-hover.png);
}
.barreLatDockContenterPicto.sociauxPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-social.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.sociauxPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-social-hover.png);
}
.barreLatDockContenterPicto.agendaPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-agenda.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.agendaPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-agenda-hover.png);
}
.barreLatDockContenterPicto.infoPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-infos.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.infoPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-infos-hover.png);
}
.barreLatDockContenterPicto.chequecadeauPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-chq.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.chequecadeauPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-chq-hover.png);
}
.barreLatDockContenterPicto.subventionPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-sub.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.subventionPicto{
	padding-left:30px;
	background-image:url(icon-barre/ico-sub-hover.png);
}
.barreLatDockContenterPicto.MeyclubPicto{
	padding-left:143px;
	background-image:url(icon-barre/ico-meyclub.png);
}
.barreLatDockContenter.selected .barreLatDockContenterPicto.MeyclubPicto{
	padding-left:143px;
	background-image:url(icon-barre/ico-meyclub-hover.png);
}

/*Enleve le fond au hover*/
.barreLatDockContenter.selected{
	background: none;
}


/* --- RECHERCHE BARRE CONEXION --- */

.formRechBloc > div {
	background: rgba(255,255,255,0.1) !important;
	margin-top: 0 !important;
}
.formRechBloc #motclefDock {
	color: #fff;
	outline: none;
}
.formRechBloc #btnRechDock {
	background: transparent url("rechercher-top.png") no-repeat scroll center center;
	padding: 15px;
	width: 0;
}

/* ----------------- contenu de la balise body ----------------- */
div#siteConteneur{
	margin:0px;
	padding:0px;
}


/* ----------------- contenu de la div siteConteneur ----------------- */
div#header {
	position: relative;
	top: 0 !important;
	width: 100%;
	height: 118px;
	background: #fff none repeat scroll 0 0;
	margin: 0 auto;
	-webkit-box-shadow: 0 3px 6px 0 rgba(44,51,58, .16);
	box-shadow: 0 3px 6px 0 rgba(44,51,58, .16);
}		

/* ----------------- contenu de la div header ----------------- */
div#bandeauSup {
	padding: 0px;
	margin: auto;
	width:1005px;
	position:relative;
}

/* ___TRIANGLE SOUS LOGO___ */


div#bandeauSup:before{
	content: '';
	position: absolute;
	top: 118px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 75px 0 75px;
	border-color: #fff transparent transparent transparent;
}

div#bandeauSup .logo1{
	position: absolute;
	margin-left:-1005px;
	z-index: 100;
}
div#bandeauSup .bandeau1{
	display:block;
	position: relative;
	width:1005px;
}


/* --------- */

#zoneAccesBandeau{
	background: #333;
	left: 0;
	top:50%;
	width:200px;
	padding: 5px 10px;
	position:fixed;
	z-index:99;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#zoneAccesBandeau.hide{
	left: -220px;
}

#zoneAccesBandeau .more {
	background: #ee3a5a none repeat scroll 0 0;
	height: 50px;
	width: 50px;
	display: block;
	position: absolute;
	right: -50px;
	top: 0;
	cursor: pointer;
}

#zoneAccesBandeau .more:hover{
	background: #9a9a9e;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.more span{
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
	left: 0;
	top: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.more span:after,
.more span:before{
	display: block;
	position: absolute;
	background: #fff;
	content: '';
}

.more span:after{
	top: 25%;
	left: 48%;
	height: 25px;
	width: 1px;
}

.more span:before{
	left: 24%;
	top: 50%;
	height: 1px;
	width: 25px;
}

.rotate .more span{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 50% 50%;
}

/* MENU */

div#menu_horiz_extend{
	margin: 0 auto;
	width: 1005px;
}

div#menu_horiz{
	left: 160px;
	margin: auto;
	position: absolute;
	top: -119px !important;
	width: 845px;
}

#infoPage_extend{
	overflow: hidden;
	/*	padding-left: 200px;*/
}

div#infoPage{
	position: relative;
	z-index: 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width: 1005px;
	margin: auto;
	padding: 12px 0 12px 140px;
	color: #fff;
	/*background: #fff;*/
}

/*div#infoPage:before{
	background: #fff none repeat scroll 0 0;
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	bottom: 0;
	z-index: -1;
	width: 100px;
	height: 40px;

	-moz-transform: rotate(-25deg) skewX(64deg);
	-webkit-transform: rotate(-25deg) skewX(64deg);
	-o-transform: rotate(-25deg) skewX(64deg);
	-ms-transform: rotate(-25deg) skewX(64deg);
	transform: rotate(-25deg) skewX(64deg);

	}*/

	#infoPage td#tdFilAriane {
		margin-left: 150px;
	}

	div#fil_ariane{
		position:relative;
		text-align: left;
		float:left;
		font-family: inherit;
		font-size:14px;
		color:#fff;
	}

	#zonePictoPage{
		float: right;
	}

	#zonePictoPage a{
		text-decoration: none;
	}
	
	.sepAriane{
		font-weight: 600;
		padding: 0 5px;
		color: #ee3a5a;
	}

	li.elemAriane{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	li.elemAriane:hover{
		color: #ee3a5a;
	}

	li.elemAriane:last-child{
		color: #fff;
		font-weight: 600;
		cursor: default !important;
	}

	div#actionCompte{
		position:relative;
		float:right;
		text-align: right;
	}

	div#actionCompte span{
		font-family:'Open Sans', sans-serif;
		font-size:12px;
		color:#000000;
		font-weight:normal;
	}
	div#actionCompte a:link,div#actionCompte a:visited{
		font-family:'Open Sans', sans-serif;
		font-size:12px;
		color:#000000;
		font-weight:normal;
		text-decoration:underline;
	}
	div#actionCompte a:hover{
		color:#000000;
		text-decoration:underline;
	}

	/* ----------------- FIN du contenu de la div infoPage ----------------- */

	/* ----------------- FIN du contenu de la div header ----------------- */

	div#contenu{
		width:1005px;
		margin:auto;
		border-width:0px;
		border-style:none;
		border-color:#000000;
		border-radius:0px;
		padding-top:0px;
		padding-bottom:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

	/* ----------------- contenu de la div contenu ----------------- */
	div#contentAccueil{
		width:996px;
		margin:auto;
		position:relative;
	}

	div#content{
		background-color:#FFFFFF;
		width:1005px;
		margin:auto;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
	}

	div#contentText{
		position:relative;
		padding:0 30px;
	}

	div#content div#contentText{
		padding-top: 1px;
		margin-top: 55px;
	}

	/* ----------------- FIN du contenu de la div contenu ----------------- */


	#footerContenuLibre_extended{
		background-color:#333333;
	}

	#footerContenuLibre{
		width:1005px;
		margin: auto;
		color: #575c5e;
		padding: 20px 0;
		font-size: 13px;
		line-height: 1.2em;
	}


	#footerContenuLibre a{
		color: #575c5e;
		font-weight: 600;
		text-decoration: none;
	}

	#footerContenuLibre a:hover{
		color: #EE3A5A;
	}

	#footerContenuStandard_extended{
		background-color:#333333;
		text-align:center;
	}
	#footerContenuStandard{
		padding:10px 0;
		width:1005px;
		margin: auto;
	}
	#footerContenuStandard a, #footerContenuStandard span{
		color: #575c5e;
		font-family:'Open Sans', sans-serif;
		font-size:13px;
	}
	#footerContenuStandard span a{
		text-decoration:none;
	}

	#footerContenuStandard span a:hover{
		color: #ee3a5a;
	}

	/* ----------------- FIn du contenu de la div siteConteneur ----------------- */

	/* ----------------- FIN du contenu de la balise body ----------------- */

	.titleBloc{
		display:none;
	}


	

	/* ######################################################################################################## */
	/* ####################################### css des zones de gestion ####################################### */
	/* ######################################################################################################## */


	/* Feuille de style pour CEWEOM */
	.entete_web a, .entete_web{
		color:#FFFFFF;
		font-size:inherit;
		background:#ee3a5a;
	}
	
	.cadre.tabimpair_web td a, .cadre.tabimpair_web a,
	.cadre.tabpair_web td a, .cadre.tabpair_web a{
		color: #959394;
	}

	.tabimpair_web td a:hover, .tabimpair_web a:hover,
	.tabpair_web td a:hover, .tabpair_web a:hover{
		color: #ee3a5a;
	}

	.tabpair_web{
		color:#FFFFFF;
		background:#959394;
	}

	* html .tabpair_web{
		position:relative;
	} 

	/* hack css pour la transparence avec IE6 */

	.tabimpair_web{
		color:#959394;
		font-size:inherit;
		background:#DBDBDF;
	}

	* html .tabimpair_web{
		position:relative;
	} 

	/* hack css pour la transparence avec IE6 */

	.coltab {
		color: #6666CC;
		font-weight: bold;
	}

	.selectcol {
		background-color: #000000;
		color: #FFFFFF;
		font-weight: bold;
	}

	.deselectcol {
		background-color: #CCCCFF;
		color: #6666CC;
		font-weight: bold;
	}

	.nom_ch{
		text-align: left;
		color:#333;
		font-size:14px;
		font-weight:600;
		font-style:normal;
	}

	.cadrefin{
		border-collapse: collapse;
		border-color:#003C43;
		border:solid 1px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	* html .cadrefin{
		position:relative;
	} 

	/* hack css pour la transparence avec IE6 */

	.cadre{
		border-color:#003C43;
		border:solid 1px;
	}
	.cadre.tabimpair_web{
		color:#959394;
		font-size:inherit;
		font-weight:inherit;
		font-style:normal;
		background-color:#F3F3F3;
	}
	.cadre.tabpair_web{
		color:#959394;
		background:#DBDBDF;
		font-size:inherit;
		font-weight:inherit;
	}
	* html .cadre{
		position:relative;
	} 
	/* hack css pour la transparence avec IE6 */
	.barre{
		border: solid 1px;
		border-color: black;
	}

	.nblig {
		font-weight: bold;
		text-align: left;
		color: #83AFD4;
	}

	.important1 {
		font-size: 14px;
		font-weight: 600;
		color: #DD0000;
	}


	/* ++ PS 1.5./005 24/03/09 idem important1  en taille courante*/
	.important1_x {
		font-weight: bold;
		color: #DD0000;
	}

	/* ++ PS 1.5./005 24/03/09 idem important1  en taille 10*/
	.important1_10 {
		font-size: 13px;
		font-weight: bold;
		color: #DD0000;
	}


	/*++ 05-05-09 TONY 1.5.009 Demande 7383 pour CEDASSA92*/ 
	.important1_ceds92 {
		font-size: 16px;
		font-weight: bold;
		color: #F17B01;
	}

	.histo_session {
		font-size: 13px;
		font-weight: bold;
		font-style: italic;
		color: #83AFD4;
	}

	.dette {
		color: #333399;
	}

	.creance {
		color: #6666FF;
	}

	.dette_et_creance {
		color: #000000;
	}

	.griser {
		font-size: 13px;
		color: #83AFD4;
		background-color: #999999;
	}


	/* Onglets de navigation dans une page */
	.TabCommon {
		font-size: 16px;
		color: #6D6D6D;
		padding: 5px;
		font-weight: bold;
		text-align: center;
		height: 30px;
	}
	.TabContent {
		padding: 5px;
	}
	.TabContentBottom {
		padding: 10px;
		border-bottom: 2px outset #99ccff;
	}
	.TabOff {
		cursor: pointer;
		background-color: #D1D1D1;
		border-left: 1px solid #BBBBBB;
	}
	.TabOn {
		cursor: auto;
		border-top: 2px outset #D1D1D1;
		color: #000000;
		border-left: 2px outset #D1D1D1;
		border-right: 1px outset #D1D1D1;
	}
	.TabBorderBottom{
		border-bottom: 2px inset #D1D1D1;
	}
	.TabActiveBorderLeftRight{
	}
	.TabActiveBackground {
		background-color: #F2F2FA;
	}



	* html .fullrelative div{
		position:relative;
	} 
	/* hack css pour la transparence avec IE6 */

	.page_navig {
		font-size: 13px;
		font-weight: bold;
		text-align: right;
		background-color: #94C6EF;
	}

	.ligne_separ{
		color: #83AFD4;
	}

	.important2 {
		font-size: 12pt;
		font-weight: bold;
		color: #DD0000;
	}

	.important3 {
		font-size: 13px;
		font-weight: bold;
		color: #CC3333;
	}


	/* Champs non saisissables */
	.lecture{
		background-color: #DDDDDD;
		color: #000000;
	}


	/* Classe pour position bouton "à propos" et picto. "lecture / modif" */
	.a_propos {
		float: right;
		width: 20%;
		margin-left: 2px;
	}

	.liste_choix{
		font-size: inherit;
	}
	.link{
		cursor: pointer;
	}

	/* Agenda */
	.cellCalTitle{
		border: solid 1px #444444;
		vertical-align:top;
		text-align: center;
	}
	.calTitle{
		font-weight: bold;
	}
	.calJour{
		color: #000000;
		font-weight: bold;
		text-align: center;
	}
	.today{
		border: solid 1px #092962;
		vertical-align:top;
		background-color: #FFFFFF;
	}
	.day{
		border: solid 1px #888888;
		vertical-align:top;
		background-image: url(agenda/lisere.jpg);
		background-repeat: repeat-x;
	}


	/* ######################################################################################################## */

	/* ####################################### css des elements de fonction ####################################### */

	/* ######################################################################################################## */


	/* --- NEW SLIDER HORIZ ---*/
	.proweb .slide > h2{
		font-weight: 600;
		letter-spacing: 0.02em;
		text-transform: none;
		font-size: 20px;
	}

	.proweb .slide .commentIntegre{
		background: rgba(51,51,51,0.6) ;
	}

	.liteAccordion .slide > h2 span{
		text-align: left;
		padding-left: 10px;
	}

	.divNouvDefil.proweb .slide > h2{
		color:#fff;
		font-family: inherit;
		font-size:20px;
	}
	.divNouvDefil.proweb .slide > h2 span{
		background: #9a9a9e;
	}

	.divNouvDefil.proweb .slide > h2 span:hover{
		color:#333;
	}
	.divNouvDefil.proweb .slide > h2.selected{
		color:#fff;
		font-size:20px;
	}
	.divNouvDefil.proweb .slide > h2.selected span{
		background: #ee3a5a;
	}

	.divNouvDefil.proweb .slide > h2.selected span:hover{
		color:#fff;
	}
	.divNouvDefil.proweb .slide .myContentIntegre a,.divNouvDefil.proweb .slide .myContentIntegre h1{
		color:#fff;
		font-weight:normal;
		font-style:normal;
		text-decoration:none;
	}

	.divNouvDefil.proweb .slide .myContentIntegre a:hover{
		color: #ee3a5a;
	}

	.liteAccordion .slide > h2 b{
		display: none;
	}

	/* --- Trombi par defaut --- */

	.trombi .trombiTitle{
		background: #333;
		color: #fff !important;
	}

	.trombi.defaut .trombiText,
	.trombi.defaut .trombiLabelText{
		font-size: 14px !important;
		color: #333 !important;
	}

	.trombiZoneComment{
		position: initial !important;
	}

	.trombi.defaut .trombiTitleComment,
	.trombi.defaut .trombiTextComment{
		font-size: 14px !important;
	}

	.trombi .trombiContent{
		position: initial !important;
		background: none !important;
		border: 1px solid #eaeaea;
	}

	/* --- LIENS UTILES --- */

	.ui-widget{
		font-family: 'Open Sans', sans-serif;
	}

	#flag_liens_utiles{
		display: none !important;
	}

	.liens_utiles_complet.ui-tabs{
		padding: 0 !important;
		border: none;
	}

	.liens_utiles_conteneur.ui-tabs-panel.ui-widget-content.ui-corner-bottom{
		border: 1px solid #eaeaea;
	}

	.liens_utiles_complet .ui-widget-header,
	.liens_utiles_complet.ui-tabs .ui-tabs-nav li.tab_end,
	.liens_utiles_complet.ui-tabs .ui-tabs-nav li.ui-tabs-before,
	.liens_utiles_complet.ui-tabs .ui-tabs-nav li
	{
		background: #333 !important;
	}

	.liens_utiles_complet.ui-tabs .ui-tabs-nav li.tab_first,
	.liens_utiles_complet.ui-tabs .ui-tabs-nav li{
		padding: 0 15px;
	}

	.ui-corner-all{
		border-radius: 0;
	}
	.content_lien_contenu h2{
		margin-top: 0;
	}
	.content_lien_contenu h2 a{
		font-size: 20px;

	}

	/* ######################################################################################################## */

	/* ####################################### css des modeles ####################################### */

	/* ######################################################################################################## */
	.demiBlocBilletterie, .tiersBlocBilletterie, .deuxTiersBlocBilletterie, .blocBilletterie{
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#9A9A9E;
	}
	table.demiBlocBilletterie tbody tr th, table.tiersBlocBilletterie tbody tr th, table.deuxTiersBlocBilletterie tbody tr th, table.blocBilletterie tr th{
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#9A9A9E;
	}


	/* --- EN TETE TITRE CONTENU ARTICLE --- */

	.zone-contenu-article .ui-corner-all.entete_web{
		background-color:#f5f5f5;
		border-radius: 0;
		line-height:20px;
	}

	.zone-contenu-article .ui-corner-all.entete_web,
	.zone-contenu-article .ui-corner-all.entete_web a{
		color:#333;
		font-family: inherit;
		font-weight:normal;
		font-style:normal;
		text-decoration:none;
	}

	.zone-contenu-article .ui-corner-all.entete_web{
		font-size: 20px !important;
	}

	.zone-contenu-article .entete_web a {
		font-size: 14px;
		background:none;

	}
	.zone-contenu-article .entete_web a:hover{
		text-decoration: underline;
	}

	a.boutonHome:link, a.boutonHome:visited, a.boutonHome:active, a.boutonHome{
		color:#FFFFFF;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		text-decoration:none;
		background:#ee3a5a;
		padding:10px 20px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	a.boutonHome:hover{
		background: #959394;
	}

	a.boutonRond:link, a.boutonRond:visited, a.boutonRond:active, a.boutonRond,
	a.boutonRect:link, a.boutonRect:visited, a.boutonRect:active, a.boutonRect,
	a.boutonDegrade:link, a.boutonDegrade:visited, a.boutonDegrade:active, a.boutonDegrade,
	a.boutonContenu:link, a.boutonContenu:visited, a.boutonContenu:active, a.boutonContenu, a.jssor-caption-link{
		color:#FFFFFF;
		font-family:'Open Sans',sans-serif;
		font-size:14px;
		font-weight:normal;
		font-style:normal;
		text-decoration:none;
		background:#ee3a5a;
		padding:7px 10px;
		border-radius:0px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	a.boutonRond:hover,
	a.boutonRect:hover,
	a.boutonDegrade:hover,
	a.boutonContenu:hover, a.jssor-caption-link:hover{
		background: #959394;
	}



	/* --- SLIDER --- */
	div.jssor-container-zone
	{
		background-color: none;
		background: transparent;
	}

	.removeBgOnThat > img
	{
		display: none;
	}

	.jssor-container-zone{
		background-color: transparent;
		border-radius:0px;
	}

	.jssor-container,.jssor-slides,.jssor-slides img{
		border-top-left-radius:0px;
		border-bottom-left-radius:0px;
	}
	.jssor-thumb-container{
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
	}

	.jssor-thumb-prototype{
		border-left-width:0px;
		border-top-width:0px;
		border-bottom-width:0px;
		border-left-style:none;
		border-top-style:none;
		border-bottom-style:none;
		box-sizing: border-box;
		border-left-color:#000000;
		border-top-color:#000000;
		border-bottom-color:#000000;
	}
	.jssor-caption{
		top: 20px;
		left: 11%;
		font-family: inherit;
		text-align: center;
		background: rgba(255,255,255, 0);
		width: 750px;
		border: none;
		color: #FFFFFF;
		padding: 15px 20px;
		font-size: 20px;
		line-height: 36px;
	}
	.jssor-caption h1, .jssor-caption h1 a{
		margin: 0;
		padding: 0;
		text-decoration: none;
		color: #fff;
		font-size: 60px;
		line-height: 60px;
		font-weight: 800;
		text-transform: uppercase;
	}
	.jssor-caption p{
		margin: 15px 0;
		font-weight: 300;
		line-height: 1.2em;
	}

	a.jssor-caption-link{
		font-size: 16px;
		font-weight: 600;
	}

	/* --- FLECHES --- */

	.jssor-arrow-left, .jssor-arrow-right, .jssor-arrow-leftdn, .jssor-arrow-rightdn, .jssor-arrow-top, .jssor-arrow-bottom, .jssor-arrow-topdn, .jssor-arrow-bottomdn
	{
		background: transparent url("sprite-arrow.png") no-repeat scroll center center;
	}

	.jssor-arrow-right 
	{
		background-position: -50px 0px;
	}

	.jssor-arrow-left 
	{
		background-position: 0px 0px;
	}

	.jssor-arrow-left:hover,
	.jssor-arrow-leftdn {
		background-position: -98px 0;
	}

	.jssor-arrow-right:hover,
	.jssor-arrow-rightdn {
		background-position: -148px 0;
	}


	/* --- BULLET POINTS --- */

	.jssor-bullet-item .jssor-bullet-item-styler
	{
		background-color: #ffffff;
		box-shadow: none;
	}

	.jssor-bullet-item.av .jssor-bullet-item-styler,
	.jssor-bullet-item.av .jssor-bullet-item-styler:hover
	{
		background-color: #ee3a5a;
	}

	.jssor-bullet-item .jssor-bullet-item-styler:hover, .jssor-bullet-item:hover .jssor-bullet-item-styler
	{
		background-color: #eaeaea;
	}

	.jssor-bullet-item
	{
		width: 20px;
		height: 22px;
	}

	.jssor-bullet-item .jssor-bullet-item-styler
	{
		width: 15px;
		height: 15px;
		border-radius: 7px;
	}

	/* --- LOADING --- */

	.jssor-loading-sub2{
		background: none;
	}

	/* --- SLIDER DANS UNE  PAGE INTERNE --- */

	#contentText .jssor-caption{
		background: rgba(0,0,0,0.5);
		font-size: 14px;
		width: 73%;
	}

	#contentText .jssor-caption h1, 
	#contentText .jssor-caption h1 a{
		font-size: 25px;
		margin: 10px 0;
		line-height: 20px;
	}


	/* --- INFO FLASH CLASSIQUE HOME --- */

	.actu_div_vignette {
		margin: -10px -30px 16px;
		height: 115px;
		overflow: hidden;
	}

	.actu_div_vignette img.actu_vignette{
		width: 100%;
	}

	/* ___ TITRE FOND BLANC ___ */

	.blocCenterText.blocFondBlanc .actu_lien.actu_lien_titre, .blocCenterText.blocFondBlanc .actu_titre{
		font-family: inherit;
		font-size: 28px;
		font-weight: 300;
		color: #ee3a5a;
		line-height: 1em;
		text-decoration: none;
		text-transform: uppercase;
	}

	/* ___ TITRE FOND COULEUR ___ */

	.blocCenterText.blocFondRose .actu_lien.actu_lien_titre, .blocCenterText.blocFondRose .actu_titre{
		font-family: inherit;
		font-size: 28px;
		font-weight: 300;
		color: #fff;
		line-height: 1em;
		text-decoration: none;
		text-transform: uppercase;
	}

	.actu_lien.actu_lien_titre , .actu_titre b{
		font-weight: 300;
	}
	.actu_vignette{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	img.actu_vignette:hover{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;

		-moz-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		-o-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
	}

	/* ___ LIENS ___ */

	.blocCenterText.blocFondBlanc a.actu_lien.actu_lien_fleche{
		text-transform: uppercase;
		color: #ee3a5a;
		font-weight: 600;
	}

	.blocCenterText.blocFondRose a.actu_lien.actu_lien_fleche{
		text-transform: uppercase;
		color: #fff;
		font-weight: 600;
	}

	a.actu_lien.actu_lien_fleche:before{
		content: 'En savoir plus ';
	}

	.blocCenterText.blocFondRose a.actu_lien.actu_lien_fleche:hover,
	.blocCenterText.blocFondBlanc a.actu_lien.actu_lien_fleche:hover{
		color: #9A9A9E;
	}

	/* --- BOUTON TRIANGLE --- */

	a.boutonTriangle{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		position: relative;
		display: block;
		float: left;
		width: 155px;
		height: 155px;
		padding: 15px 10px 10px 10px;
		margin: 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 16px;
		background: #EE3A5A;
		color: #fff;
		font-weight: 300;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;	
	}

	a.boutonTriangle img{
		display: block;
		margin: 20px auto 0 auto;

	}

	a.boutonTriangle:after{
		content: ' ';
		z-index: 1;
		position: absolute;
		right: 0;
		top: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 35px 78.5px 35px 78.5px;
		border-color: #EE3A5A transparent transparent transparent;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	a.boutonTriangle:hover{
		background: #959394;
	}

	a:hover.boutonTriangle:after{
		border-style: solid;
		border-width: 35px 78.5px 35px 78.5px;
		border-color: #959394 transparent transparent transparent;
	}

	.titreMeyclub{
		font-size: 28px;
		font-weight: 300;
		color: #ee3a5a;
		line-height: 1em;
		text-transform: uppercase;
	}
	
	/* --- FORMULAIRE --- */
	
	.formulaire-table{
		margin-left: 0 !important;
	}

	.formulaire-table td input[type="textarea"],
	.formulaire-table td input[type="text"]{
		padding: 7px;
		border: 1px solid #cacaca;
		color: #9a9a9e;
	}

	/* --- GALERIE SLIDE ---*/

	.galerie-meyclub .bx-window ul > li .commentIntegre {
		box-sizing: border-box;
		bottom: -100%;
		left: auto !important;
		transition: all 0.3s ease;
		padding: 20px 10px;
		margin-left: 0 !important;
		background: rgba(51,51,51,0.8);
		color: #fff;
		font-size: 23px;
		font-weight: 300;
	}

	.galerie-meyclub .bx-window ul > li .commentIntegre:empty{
		display: none;
	}

	.galerie-meyclub .bx-window ul > li:hover .commentIntegre {
		bottom: 0;
		line-height: 50%;
	}

	#cboxBottomLeft,
	#cboxBottomCenter,
	#cboxBottomRight,
	#cboxMiddleLeft,
	#cboxMiddleRight,
	#cboxTopLeft,
	#cboxTopRight,
	#cboxTopCenter	{
		background: none;
	}

	#cboxLoadedContent{
		border: none;
		border-radius: 0;
	}


	/* GALERIE LISTE */

	div[id^=contentListeTheme]{
		width: auto !important;
		margin-left: -7px !important;
	}

	div[id^=contentListeTheme] .cboxElement{
		overflow: hidden;
	}

	div[id^=contentListeTheme] .cboxElement img{
		border: none !important;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	div[id^=contentListeTheme] .cboxElement img:hover{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;

		-moz-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		-o-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
	}

	#cboxContent{
		background-color: transparent;
	}

	#cboxOverlay{
		background: #333;
	}
	
	#cboxTitle{
		border-radius: 0;
		bottom: 30px;
	}

	.cboxElement{
		margin: 0 5px 5px 0 !important;
	}

	#cboxPrevious,
	#cboxNext{
		width: 50px;
	}

	#cboxPrevious.hover,
	#cboxPrevious:hover{
		background: url(galerie/prev.png) no-repeat center center transparent;
		left: -10px;
		width: 50px;
	}

	#cboxNext.hover,
	#cboxNext:hover{
		background: url(galerie/next.png) no-repeat center center transparent;
		right: -10px;
		width: 50px;
	}

	#cboxClose,
	#cboxClose:hover{
		background: url(galerie/close.png) no-repeat center center transparent;
		width: 27px;
		height: 27px;
	}

	#cboxCurrent, .cboxCurrentLink{
		display: none !important;
	}

	/* --- FOOTER ---*/

	#footerContenuLibre{
		display: table;
	}

	.row-footer{
		display: table-row;
	}

	.col-footer{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		display: table-cell;
		width: 33%;
		border-right: 1px solid #282828;
		padding: 0 45px;
	}

	.col-footer:first-child{
		padding-left: 35px;
		border-left: 1px solid #282828;
	}

	.col-footer.last{
		padding-right: 35px;
	}

	.col-footer h3{
		margin: 10px 0;
		font-size: 15px;
		color: #959394;
		font-weight: 400;
		text-transform: uppercase;
	}

	a.boutonFooter{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		position: relative;
		display: block;
		float: left;
		width: 42px;
		height: 33px;
		padding: 8px 0 0 0;
		margin: 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 16px;
		background: #262626;
		color: #fff;
		font-weight: 300;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;	
	}

	a.boutonFooter img{
		display: block;
		margin: 0 auto;
	}

	a.boutonFooter:after{
		content: ' ';
		z-index: 1;
		position: absolute;
		right: 0;
		top: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 21.5px 10px 21.5px;
		border-color: #262626 transparent transparent transparent;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	a.boutonFooter:hover{
		background: #959394;
	}

	a:hover.boutonFooter:after{
		border-style: solid;
		border-width: 10px 21.5px 10px 21.5px;
		border-color: #959394 transparent transparent transparent;
	}

/* --- MA FICHE --- */

.tableRubOd h5{
	font-size: 16px;
	padding: 15px 0 15px 10px;
}

form[name="web_od_form"] input{
	padding: 7px 5px;
	border-radius: 0;
}

.line-info {
	height: auto;
}

form[name="web_od_famille"] li{
	padding: 7px 5px;
	border-radius: 0;
}


/* --- HOMEPAGE MEYCLUB STARTER --- */

.HPMeyclub h3{
	color: #ee3a5a;
}


/* ___ ACCÈS BOUTIQUE ___ */
.zoneModule .bloc-flux-meyclub{
	font-size: 14px;
} 

.zoneModule .bloc-flux-meyclub h1{
	font-size: 24px;
}

.bloc-meyclub-campaigns li{
	margin-bottom: 0 !important;
}

#tabs-best-selling-loisirs{
	background: #fff;
}

/* ___ CAROUSEL MEYCLUB ___ */

.best-selling-meyclub .primary-color, .best-selling-meyclub.ui-tabs, .best-selling-meyclub.ui-tabs .ui-tabs-nav, .best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-state-hover, .best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-state-hover a, .best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	border-color: #eaeaea;
}

.best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-state-hover, .best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-state-hover a, .best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .best-selling-meyclub.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	background: #333;
}

.best-selling-meyclub.ui-tabs, .best-selling-meyclub.ui-tabs .ui-tabs-nav{
	border-width: 1px;
}

.best-selling-meyclub.ui-tabs .ui-tabs-nav li.withSep a{
	border-color: #eaeaea;
}

.best-selling-meyclub .primary-invert-color, .best-selling-meyclub.ui-tabs .ui-tabs-nav li, .best-selling-meyclub.ui-tabs .ui-tabs-nav li a{
	color: #9a9a9e;
}

.best-selling-meyclub.ui-tabs .ui-tabs-nav li{
	padding: 0;
}

.partial-eticket.primary-color{
	background: #333;
}

.reduc{
	line-height: 33px !important;
}

.best-selling-meyclub.ui-tabs h3.see-all .double-chevron{
	display: none;
}

/* ___ BOUTON ACCÈS AU PORTAIL LOISIRS ___ */

.bloc-meyclub-portail a{
	font-size: 20px;
	font-family: inherit;
	text-transform: none;
	text-decoration: none;
}

.bloc-meyclub-portail a:hover{
	background: #9a9a9e;
}

.bloc-meyclub-portail a,
.bloc-meyclub-portail a .bold{
	font-weight: 300;
}

/* --- LOGIN ---*/

div#headerLogin{
	width:1005px;
	margin-left:auto;
	margin-right:auto;
}


/* --- CONTENU DE LA DIV HEADERLOGIN --- */

#bandeauSupLogin #contentBandeauSup{
	min-height: 150px;
}

#bandeauSupLogin{
	padding: 0;
	margin: 0;
	width: 340px;
	margin: 0 auto;
	background: #fff;
}

div#bandeauSupLogin .logo1{
	display: block;
	position: static !important;
	z-index: 100;
	margin: 0 auto !important;
	padding: 20px 0;
	width: auto !important;
}

div#bandeauSupLogin .bandeau1{
	display: none;
}

/* --- FIN DU CONTENU DE LA DIV HEADERLOGIN --- */

#login table{
	margin:auto;
	text-align:right;
}

div#headerLogin{
	width: 100%;
}

.loginCenter{
	width:340px;
	margin:auto;
	background-color:#FFFFFF;
	text-align: center;
	padding-bottom: 20px; 
}

.loginCenter > div{
	width: auto !important;
}

.loginCenter h3{
	color:#EE3A5A;
	font-size: 35px;
	margin: 0 0 20px 0; 
}

#login .loginCenter input{
	font-family: inherit;
}

#login label{
	font-size: 15px;
}

#login table {
	text-align: left !important;
}
#login span{
	font-size: 14px;
}

#login span a:hover{
	color: #ee3a5a;
}

#login .loginCenter input[type=text],
#login .loginCenter input[type=password]{
	padding: 10px 10px 10px 35px;
	width: 215px;
	border: 1px solid #cacaca;
	font-size: inherit;
	outline: none;
}

#login input[type=submit], #login input[type=button]{
	font-size: 14px;
	cursor: pointer;
	border: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.loginForm .loginCenter tr:first-child td label:after{
	content:url(ico-compte-log.png);
	width: 34px;
	display: block;
	position: absolute;
	z-index: 10;
	margin:9px 0 0 5px;
}

.loginForm .loginCenter tr:nth-child(3) td label:after{
	content:url(ico-password-log.png);
	width: 34px;
	display: block;
	position: absolute;
	z-index: 10;
	margin:9px 0 0 5px;
}

/* ___ BOUTON IDENTIFIEZ-VOUS ___ */

.loginCenter input[name=connexion]{
	padding: 10px 20px;
	background-color: #ee3a5a;
	color: #fff;
	margin-right: 10px;
}

.loginCenter input[name=connexion]:hover{
	background-color: #5e5e5e;
	color: #fff;
}

/* ___ BOUTON RETOUR À LA PAGE D'ACCUEIL ___ */

.loginCenter input[name=Retour]{
	padding: 10px;
	background-color: #acacac;
	color: #fff;
}

.loginCenter input[name=Retour]:hover{
	background-color: #b4b4b4;
}

/* ___ BOUTON VALIDER PAGE MDP OUBLIÉ ___ */

.loginCenter input[name=valider]{
	padding: 10px;
	background-color: #ee3a5a;
	color: #fff;
	width: 130px;
	margin-right: 10px;
}

.loginCenter input[name=valider]:hover{
	background-color: #5e5e5e;
}

/* ___ BOUTON ANNULER PAGE MDP OUBLIÉ ___ */

.loginCenter input[name=annuler]{
	padding: 10px;
	background-color: #acacac;
	color: #fff;
	width: 130px;
}

.loginCenter input[name=annuler]:hover{
	background-color: #b4b4b4;
}

/* --- PAGE OUBLI LOGIN FORM --- */

.oubliLoginForm .loginCenter{
	padding-bottom: 20px;
}

.oubliLoginForm .loginCenter h3{
	font-size: 25px;
}

.oubliLoginForm .loginCenter tr:first-child td label:after{
	content:url(ico-compte-log.png);
	width: 34px;
	display: block;
	position: absolute;
	z-index: 10;
	margin: -29px 0 0 133px;
}

.oubliLoginForm .loginCenter input[name=login_user]{
	margin-bottom: 10px;
	width: 150px !important;
}

.oubliLoginForm .loginCenter tr:nth-child(2) td label:after{
	content:url(ico-mail-log.png);
	width: 34px;
	display: inline-block;
	position: absolute;
	z-index: 10;
	margin:-3px 0 0 30px;
}

#info_connexion{
	padding: 10px;
}

/* BTT */
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	z-index: 100;
	bottom: 40px;
	right: 40px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top:before{
	height: 20px;
	width: 2px;
	background: #ee3a5a;
	color: #fff;
	content: '';
	position: absolute;
	top: 40%;
	left: 35%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.cd-top:after{
	height: 20px;
	width: 2px;
	background: #ee3a5a;
	color: #fff;
	content: '';
	position: absolute;
	top: 40%;
	left: 69%;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.cd-top:hover:before{
	background: #9a9a9e;
}
.cd-top:hover:after{
	background: #9a9a9e;
}


.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}

/* --- BOUTONS SUBVS FOND SELON THÈME --- */

.fond-couleur{
	background: #EE3A5A;
}

/* --- AGENDA --- */

div[id^=calendar]{
	margin-top: 13px;
}

div[id^=calendar] .fc-widget-header{
	padding: 10px 0;
	background: #ee3a5a;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
}

/*------------------------------------------------------------------------------------------------
MODÈLE PAGE
------------------------------------------------------------------------------------------------*/

.modele-page{
}

.modele-page h1, 
.modele-page h2, 
.modele-page h3, 
.modele-page h4, 
.modele-page h5, 
.modele-page h6{
	font-family: inherit;
	font-weight: 300;
	line-height: 1.4em;
}

.modele-page .col-droite{
	padding-left: 20px;
}

.modele-page .jssor-caption{
	display: none;
}
.modele-page .encart-info{
	width: 100%;
	box-sizing: border-box;
	margin: 43px 0 15px 0;
	padding: 12px 20px;
	background-color: #f7f7f7;
	border-style: solid;
	border-width: 1px;
	border-color: #ebebeb;
	font-size: 16px;
}

.modele-page .encart-info .left{
	width: 50%;
	float: left;
}

.modele-page .encart-info .right{
	width: 50%;
	float: left;
}

.modele-page .encart-info .fa{
	padding-right: 5px;
}

.modele-page .encart-info p{
	margin-bottom: 10px;
}

.modele-page a.boutonModele{
	padding: 10px;
	display: block;
	background: #ee3a5a;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.modele-page a.boutonModele:hover {
	background: #333;
}


/* TABS */

.modele-page .ui-widget{
	font-family: 'Open Sans', sans-serif;
}

.modele-page .ui-widget-header{
	background: none;
	border-color: #ddd;
	border-width: 0 0 1px 0;
	border-style: solid;
	transition: all 0.3s ease-in-out;
}

.modele-page #tabs{
	border: none;
	/*border-bottom: 1px solid #ddd;*/
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border: 1px solid #ddd;
	border-radius: 0;
	padding-bottom: 0;
}


.modele-page .tabs-content.ui-tabs-panel.ui-widget-content.ui-corner-bottom{
	padding: 10px 0 ;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border: 1px solid #ddd;
}

.tabs-link.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active > a{
	border-bottom: 1px solid #fff;
}



/* TAB INACTIVE */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	color: #333;
}

/* TAB ACTIVE */
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color: #ee3a5a;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: none; 
}

.modele-page .tabs-link{
	background: none;
}


/*------------------------------------------------------------
 PAGE MEYCLUB
------------------------------------------------------------*/
.page-mc{
    font-family: inherit;
    color: #168dbf;
    font-size: 14px;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
}
.page-mc a{
    color: #ff9016;
    font-weight: bold;
    text-decoration: none;
}
/*Presentation*/
.page-mc .pres{
 margin-bottom: 20px;
}

.page-mc .pres .logo-mc{
    float: left;
    margin: 7px 35px 0 30px;
}

.page-mc .pres .baseline{
    font-size: 18px;
    float: left;
    width: 590px;
}

/*
################### LE SLIDER MEYCLUB ###################
*/

.page-mc .slider-mc{
    margin-left: -30px;
    width: 1005px;
}

#contentText .page-mc .jssor-caption{
    background: rgba(255,255,255, 0.9);
    border:none;
    left:195px;
    color: #168dbf;
    height: auto;
    font-size: 14px;
    text-align: center;
    padding: 0 20px 20px;
    top: 50px;
    bottom:auto;
    width: 600px;
}
.page-mc .jssor-caption h1,
.page-mc .jssor-caption h1 a{
    color: #ff9016;
    font-size: 40px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    padding: 20px 0 10px 0;
    text-transform: uppercase;
    font-family: inherit;
    letter-spacing: -0.04em;
}

.page-mc .jssor-caption p{
    line-height: 20px;
}

.page-mc a.jssor-caption-link{
    display: inline-block;
    width: auto;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    background-color:#ff9016;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: none;
    font-size: 14px;
    font-style: normal;
    font-family: inherit;
    height: 20px;
    line-height: 20px;
}

.page-mc a.jssor-caption-link:hover{
    background-color:#c78946;
}

.page-mc .jssor-arrow-left:active, .page-mc .jssor-arrow-left:hover, .page-mc .jssor-arrow-left, .page-mc .jssor-arrow-leftdn{
    background: url('left-arrow-slide-mc.png');
    left:60px;
    height: 84px;
    width: 50px;
}

.page-mc .jssor-arrow-right:active, .page-mc .jssor-arrow-right:hover, .page-mc .jssor-arrow-right, .page-mc .jssor-arrow-rightdn{
    background: url('right-arrow-slide-mc.png');
    right:60px;
    height: 84px;
    width: 50px;
}

.page-mc .jssor-bullet-item .jssor-bullet-item-styler{
    box-shadow: none;
}

.page-mc .jssor-bullet-item.av .jssor-bullet-item-styler{
    background: #ff9016;
    width: 10px;
    height: 10px;
    border: 0;
}

.page-mc .jssor-bullet-item .jssor-bullet-item-styler {
    background: none repeat scroll 0 0 #d8d8d8;
    box-shadow: none;
    width: 10px;
    height: 10px;
    border: 0;
}

/*
############### COMMANDER/LIVRAISON ###############
*/

.page-mc .commande-livraison{
    margin-top: 20px;
}

.page-mc .commande-livraison h3{
    font-size: 18px;
    color: #168dbf;
    font-family: inherit;
    font-weight: bold;
}

.page-mc .commande-livraison .commander{
    width: 354px;
    float: left;
    margin: 0 50px 0 23px;
}
.page-mc .commande-livraison .commander ul{
    list-style:disc;
    padding: 0;
    list-style-position: inside;
}
.page-mc .commande-livraison .commander ul li{
    margin-bottom: 10px;
}
.page-mc .commande-livraison .commander a{
    color: #ff9016;
    text-decoration: underline;
    font-weight: bold;
}
.page-mc .commande-livraison .livraison{
    width: 506px;
    float: left;
}

.page-mc .commande-livraison .livraison a.btn-mc{
    display: block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    border-bottom: 4px solid #c78946;
    background-color: #ff9016;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-mc .commande-livraison .livraison a.btn-mc:hover{
    border-bottom: 4px solid #ff9016;
    background-color: #c78946;
}

/*
############### APPLI MEYCLUB ###############
*/
.page-mc .appli{
    width: 891px;
    border-width:9px 1px 1px 1px;
    border-style: solid;
    border-color: #ff9016 #e2e3e6 #e2e3e6 #e2e3e6; 
    padding: 20px 45px 20px 38px;
    margin: 40px 20px 25px -15px;
}

.page-mc .appli .decouvrez{
    width: 503px;
    float: left;
}

.page-mc .appli .accroche{
    font-size: 18px;
    font-weight: bold;
}

/*
################## LA CAGNOTTE ##################
*/
.page-mc .cagnotte{
    width: 891px;
    border-width:9px 1px 1px 1px;
    border-style: solid;
    border-color: #6abee6 #e2e3e6 #e2e3e6 #e2e3e6; 
    padding: 0 45px 20px 38px;
    margin: 0 20px 25px -15px;
}

.page-mc .cagnotte .accroche{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
}
.page-mc .cagnotte .left{
    width: 268px;
    float: left;
}

.page-mc .cagnotte .left p{
    margin: 0;
    padding-top: 0 !important;
}

.page-mc .cagnotte .fleche{
    float: left;
    width: 67px;
    height: 67px;
    margin: 0 25px;
}
.page-mc .cagnotte .right{
    width: 506px;
    float: left;
}

.page-mc .cagnotte .right a.btn-mc{
    display: block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    border-bottom: 4px solid #be9240;
    background-color: #f19c00;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-mc .cagnotte .right a.btn-mc:hover{
    border-bottom: 4px solid #f19c00;
    background-color: #be9240;
}