h1{
text-align:left;
background:linear-gradient (#f2f2f2 0%,#f2f2f2 52%,#24282D 46%,#24282D 52%,  #f2f2f2 54%,#f2f2f2 100%);
background:-webkit-linear-gradient(#f2f2f2 0%,#f2f2f2 52%,#24282D 46%,#24282D 52%,  #f2f2f2 54%,#f2f2f2 100%);
background:    -moz-linear-gradient(#f2f2f2 0%,#f2f2f2 52%,#24282D 46%,#24282D 52%,  #f2f2f2 54%,#f2f2f2 100%);
background:     -ms-linear-gradient(#f2f2f2 0%,#f2f2f2 52%,#24282D 46%,#24282D 52%,  #f2f2f2 54%,#f2f2f2 100%);
background:      -o-linear-gradient(#f2f2f2 0%,#f2f2f2 52%,#24282D 46%,#24282D 52%,  #f2f2f2 54%,#f2f2f2 100%);
}
h1.h4{
    background:none;
}
h1 span{
background:#f2f2f2;padding:0 20px 0 0;
}
.bannerTuto h1,
.bannerTuto p.h2{font-size:36px;}
}
.noMargin{margin:0;}
.espaceC h1 {
	font-family:'Gotham';
	font-size:34px;
	text-transform:uppercase;
	color:#24282d;
	font-weight:bold;
}
.espaceC span.h2 {
	font-family: "Gotham";
    font-style: normal;
    font-weight: 300;/****light****/
	color:#24282d;
}
.aideEnregistrement {
	background:url(/CMS/uploads/FR/images/pages/parcours/img/aide.png) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
	min-height:430px;padding:1em;
}
.aideEnregistrement,
.aideEnregistrement span.h2 {
		color:#ffffff;
		font-size:24px;
}
.aideEnregistrement:hover{cursor:pointer;}
.mainPadding {padding:2em;}
.mandatory{font-size:12px;display:block;}
.enregistrement {min-height:418px;}
#detailEnregistrement {color:#8c8c96;}
.blocLiseretHaut {
	margin-top:2em;
	padding-top:2em;
	border-top:solid 1px #8c8c96;
}
.blocBorderLeft {border-left:solid 1px #64e61e;padding-left:1em;}
.light{font-weight: 300;}


.blocMonCompte{
		background:url(/CMS/uploads/FR/images/pages/parcours/img/bgMonCompte.jpg) no-repeat center;
		color:#ffffff;
		font-size:30px;
}
.blocMonCompte span.h2{color:#ffffff;}
.form-control {
	background-color: #ffffff;
	margin-bottom:1em;
}
select.form-control {margin-bottom:0;}
.input-group{
	margin-bottom:1em;
}
.input-group-addon {
	opacity: 0.5;
    filter: alpha(opacity=50); 
	margin-bottom:1em;
    background-color: #ffffff;
    border: 1px solid #ccc;
	border-left:none;
}
.pepites img{
	margin-right:1em;
	float:left;
}
.pepites .col-lg-4.col-md-4.col-sm-4.col-xs-4{
	border-right:solid 1px #999999;
	padding:1em 2em;
}
.pepites .col-lg-4.col-md-4.col-sm-4.col-xs-4.last-child{border-right:none;}

.avertissement{
    border-left: 1px solid #64e61e;
    padding: 0 1em;
}
.avertissementMoisOfferts{
    /*border-left: 1px solid #64e61e;*/
	margin:1em 0 0 0;
    padding: 0 1em;
	font-weight:500;
	color:#FA003C;
}
.avertissement img{margin-right:2em;height:65px;}
.abonnement,
.changementBoitier{
	background:#fafafa;
	border:solid 3px #f0f0f0;
	width:30%;
	float:left;
	margin:1.6%;
}


.abonnementX2{
    background: #fafafa none repeat scroll 0 0;
    border: 3px solid #fff;
    float: left;
    margin-left: 2%;
    width: 47%;
}
.abonnement input,
.changementBoitier input{
	float:right;
}
.typeAbonnement.promoAbo{}
.changementBoitier .avertissement,
.abonnement .avertissement,
.prixMscreen .avertissement{font-weight:300; color:#8c8c96;font-size:14px;}
input.choixMscreen{margin-top:0.8em;}
.prixAbo{font-size:30px;color:#8c8c96; font-weight:500;margin-top:1em;}
.prixPass{font-size:30px;color:#8c8c96; font-weight:500;margin-top:1em;text-align:right;}
.prixMscreen{font-size:20px;color:#8c8c96; font-weight:500;}
.titre20lightGrey{font-size:20px;color:#8c8c96; font-weight:300;}

.blocLarge{
	background:#fafafa;
	border:solid 3px #f0f0f0;
	margin-bottom:1em;
}

.typeAbonnement.selected,
.changementBoitier.selected,
.typeAbonnement.selected:hover,
.changementBoitier.selected:hover,
.typeAbonnement.promoAbo.selected,
.typeAbonnement.promoAbo.selected:hover{background:#64e61e;color:#ffffff;border:solid 3px #64e61e;}

.typeAbonnement.noAbo.selected,
.changementBoitier.noAbo.selected{color:#24282D;}

.typeAbonnement.promoAbo.selected{border:solid 3px #64e61e;}
.typeAbonnement.promoAbo:hover{border:solid 3px #64e61e;cursor:pointer;background:#ffffff;}

.typeAbonnement.selected .prixAbo,
.changementBoitier.selected .prixAbo,
.typeAbonnement.promoAbo.selected .prixAbo,
.typeAbonnement.selected:hover .prixAbo,
.changementBoitier.selected:hover .prixAbo,
.typeAbonnement.promoAbo.selected:hover .prixAbo {color:#ffffff;}



.typeAbonnement.selected .avertissement,
.changementBoitier.selected .avertissement,
.typeAbonnement.promoAbo.selected .prixAbo .avertissement,
.typeAbonnement.selected:hover .avertissement,
.changementBoitier.selected:hover .avertissement,
.typeAbonnement.promoAbo.selected:hover .avertissement {color:#ffffff;border-left: 1px solid #ffffff;}
.typeAbonnement:hover,
.changementBoitier:hover{border:solid 3px #64e61e;background:#ffffff;cursor:pointer;}




.typeAbonnement.selected.noAbo{
	border:none;
	}
.typeAbonnement:hover.noAbo{border:none;background:none;}
.prixBarre {font-weight:300;font-size:18px;text-decoration:line-through;-moz-text-decoration-color: #64e61e; /* Code for Firefox */
    text-decoration-color: #64e61e;}
.pushPro {
	background:url(/CMS/uploads/FR/images/pages/parcours/img/pushPro.jpg) no-repeat center;
	color:#fff;
}
.pushPro span{font-size:20px;font-weight:200;}

.btn-template-whiteAlpha {
    background-color: transparent;
	border:solid 1px #64e61e;
    color: #ffffff;
}
.btn-template-blackAlpha {
    background-color: transparent;
	border:solid 1px #64e61e;
    color: #000000;
}
.btn-template-blackAlphaBlack {
    background-color: transparent;
	border:solid 1px #000000;
    color: #000000;
}

.btn-template-whiteAlpha:hover {
    background-color: #64e61e;
	border:solid 1px #64e61e;
    color: #ffffff;
}
.btn-template-blackAlpha:hover {
    background-color: #64e61e;
	border:solid 1px #64e61e;
    color: #ffffff;
}
.btn-template-blackAlphaBlack:hover {
    background-color: #1E1E23;
	border:solid 1px #000000;
    color: #ffffff;
}

.btn-template-secondary:hover {
    background-color: #64e61e;
    color: #ffffff;
}

.blocNoir{
	background:#000000;
	color:#fff !important;
}
.noMargin{margin:0;}

.quantite{
width: 150px;
font-weight:500;
color:#000000;
float:right;
}
.quantite .form-control{
	border:none;
	text-align:center;
	color:#999999;
	font-size:20px;
	display:block;
  }
.quantite .btn.btn-default.btn-number {
	border:solid 2px #ccc;
	display:block;
	text-align:center;
	border-radius:50%;
	width:40px;
	height:40px;
  }
.quantite .input-group .btn {
    font-size: 26px;
	padding:0;
	width:40px;
	height:40px;
}
.quantite .input-group-btn > .btn:hover, .quantite .input-group-btn > .btn:focus, .quantite .input-group-btn > .btn:active {
    border:solid 2px #64e61e;
	background:none;
    z-index: 2;
}
.pepites img ~ span {
    display: block;
    padding-top: 1em;
}
.mentionSmall {font-size:13px;font-weight:300;}
.boxAccessoires img{margin:0 auto;}
.slick-list {margin: 0 1em;}
.fixHeight90{min-height:90px;}
a.linkEllipse,
span.linkEllipse {
	color:#1E1E23;
	text-transform:uppercase;
	padding-right:50px;
	font-size:12px;
	padding: 10px 50px 10px 10px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
	/*display:block;*/
}
a.linkEllipse:hover,
span.linkEllipse:hover {
	color:#64e61e;
}
span.linkEllipse {
    color: #1e1e23;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: 1em;
    padding: 10px 50px 10px 0;
    text-transform: uppercase;
}

#blocDevice a.linkEllipse{color:#fff;}
span.linkEllipse:hover{cursor:pointer;}


.linkEllipse.plus:hover,
.linkEllipse.plus.bgWhite:hover,
.linkEllipse.play:hover,
.linkEllipse.doc:hover,
.linkEllipse.next:hover,
.linkEllipse.soundOn:hover{
background-size:38px;
}
.linkEllipse.plus{
	background:url(/CMS/uploads/FR/images/pages/parcours/img/ellipsePlus.png) no-repeat right center / 33px auto;
}
.linkEllipse.plus.bgWhite{
	background:url(/CMS/uploads/FR/images/pages/parcours/img/ellipsePlus.png) no-repeat right center #ffffff / 33px auto;
}
.linkEllipse.play{
	background:url(/CMS/uploads/FR/images/pages/parcours/img/ellipsePlay.png) no-repeat right center / 33px auto;
}
.linkEllipse.doc{
	background:url(/CMS/uploads/FR/images/pages/parcours/img/ellipseDoc.png) no-repeat right center / 33px auto;
}
.linkEllipse.next{
	background:url(/CMS/uploads/FR/images/pages/parcours/img/ellipseNext.png) no-repeat right center / 33px auto;
}
.linkEllipse.soundOn{
	background:url(/CMS/uploads/FR/images/pages/parcours/img/ellipseSoundOn.png) no-repeat right center / 33px auto;
}
.wwrap {word-wrap:break-word;}
.longMail{width: 100%;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
#assure div, #tempsreel div {min-height:225px;}
@media screen and (max-width: 767px) {	
	.changementBoitier,
	.abonnement,
	.changementBoitier,
	.abonnementX2{
		background:#fafafa;
		border:solid 3px #fff;
		width:70%;
		margin:0 15% 2% 15%;
	}
	.prixPass{font-size:30px;color:#8c8c96; font-weight:500;margin-top:0;text-align:left;}
	.quantite{
		width: 120px;;
	}
.bannerTuto h1,
.bannerTuto p.h2{font-size:18px;}
}