/**fontcionnement global de la page**/
.sb-hd {
    display:none;
}
#content.fixedBg{
	background: url(/CMS/uploads/FR/images/pages/parcours/img/bgTop4.jpg) no-repeat center fixed; 
	padding-bottom: 5.5em;
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

#content.fixedBg3{
	background: url(/CMS/uploads/FR/images/pages/parcours/img/bgTop3.jpg) no-repeat center fixed; 
	padding-bottom: 5.5em;
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

#content.fixedBg4 {
    background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/parcours/img/bgTop5.jpg") no-repeat fixed center bottom / cover ;
}

#content.fixedBg5 {
    background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/parcours/img/bgTop6.jpg") no-repeat fixed center bottom / cover ;
}

/* ??????????
#content.fixedBg {
    background: rgba(0, 0, 0, 0) url("img/bgTop.jpg") no-repeat scroll 0 0 / contain ;
}
*/

#sidebarWrap {
	/*height: 400px;
	width: 210px;*/
	float: left;
	position: relative;
	box-shadow: none;
	border: none;
	margin: 0;
	padding: 0;
}

#fixedHeader {
    position: fixed;
    top: 120px;
    height: 120px;
    padding:0px;
    margin:0px 0px 0px -6px;
    background:transparent;
    clear:both;
}

#main {
	/*height: 1000px;*/
}

#bottom {
	clear: both;
	margin: 10px 0;
}

#sidebar {
	width: 370px;
	/*height: 300px;*/
	position: absolute;
}

.imgPreview {
	max-height:160px;
	overflow:hidden;
}

#sidebarTuto > div{
    background:#1E1E23;
}

#sidebarTuto {
	width: 100%;
	bottom:0;
	left:0;
	z-index:1;
}

#sidebarTuto .panel-default {
    border-color: #ddd;
    display: inline-block;
    float:left;
}

#sidebarTuto .panel a{
    padding:0.5em 1em;
    background:#1E1E23;
    color:#fff;
    display:block;
    margin:0;
}

#sidebarTuto #accordion .panel {
    border-radius: 0;
    box-shadow: 0 0 0;
    margin-bottom: 0px;
}

#sidebarTuto .panel a:hover,
#sidebarTuto .panel a.active,
#sidebarTuto .panel a.activeTjs{
    background:#ffffff;
    color:#64e61e;
    text-decoration:none;
}

img.tutoStoreLinks{
	width:45%;
}

.hideme {
    opacity:0;
}

.tagCat {
	font-weight:300;
	font-size:11px;
	text-transform:uppercase;
	display:block;
	padding-top:1em;
	background:url(/CMS/uploads/FR/images/pages/tutos/tag.jpg)no-repeat left 10px;padding-left:25px;}

.tagCatDetail {
    background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/tutos/tag.jpg") no-repeat scroll left 10px;
    display: block;
    font-size: 11px;
    font-weight: 300;
    padding-left: 25px;
    padding-top: 1em;
    position: absolute;
    right: 2em;
    text-transform: uppercase;
    top: 0;
}

#submenuMobile{
    display:none;
    position: absolute;
    width: 150px;
    z-index: 2;
}

#submenuMobile ul li a{
    padding:0.5em 1em;
    background:#FFFFFF;
    color:#1E1E23;
    display:block;
    margin:0;
}

#sidebarTuto.mobileOnly .panel-title {
    font-size:13px;
}

#sidebarTuto.mobileOnly .panel-title a{
    padding:0.8em;
}

#sidebarTuto.mobileOnly .panel #submenuMobile a{
    padding:1.5em;
    background:#ffffff;
    color:#1E1E23;
    display:block;
    margin:0;
}

#sidebarTuto.mobileOnly .panel #submenuMobile {
    box-shadow:#ccc 0px 0px 4px;
}

#sidebarTuto.mobileOnly .panel #submenuMobile a:hover,
#sidebarTuto.mobileOnly .panel #submenuMobile a.active{
    color:#64e61e;
}

.puceNum{
    background: #64e61e none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-weight: bold;
    height: 40px;
    margin-right: 1em;
    padding: 0.6em 1.1em;
    width: 40px;
}

.puceNum.red{
	background: red;
}

#sidebarTuto .panel-group .panel + .panel {
    margin-top: 0px;
}

#sidebarTuto .panel a.bgGreen{
	background:#64e61e;
}

#sidebarTuto .panel a.bgGreen:hover,
#sidebarTuto .panel a.bgGreen.active{
	color:#fff;
}

#NewsPostDetailReturnLink.linkTuto a {
	color:#fff;
}

#sidebar.tlb,
#sidebar.tlb.fixed {
	width: 370px;
	/*height: 300px;*/
	position: unset;
}

#topWelcome {		
	margin-bottom: 10px;
	padding:3em 0;
}

#topWelcome h2,
#topWelcome h3 {
    text-shadow: 1px 1px 5px #555;
}

#sidebar.fixed {
	position: fixed;
	top: 120px;
}

/**éléments de contenu**/
.noPadding {
    padding: 0;
}

@media screen and (max-width: 767px) {
    #bottom > .p-l-0, #bottom > .p-r-0 {
        padding: 0;
    }
}

#sidebar #menuDashboard ul li{
	background:#ffffff;
	border:solid 4px transparent;
	margin-bottom: 0.4em;
}

#sidebar #menuDashboard ul li:hover{
	background:#ffffff;
	border:solid 4px #84D942;
}

#sidebar #blocId div{
	background:#24272C;
}

.promo2{
	background: url(/CMS/uploads/FR/images/pages/parcours/promoZ.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promo{
	background: url(/CMS/uploads/FR/images/pages/parcours/img/pushPromo2.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrain{
	background: url(/CMS/uploads/FR/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrainFRfr{
	background: url(/CMS/uploads/FR/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrainNLnl{
	background: url(/CMS/uploads/NL/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrainBEfr{
	background: url(/CMS/uploads/BEFR/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrainBEnl{
	background: url(/CMS/uploads/BENL/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrainLUfr{
	background: url(/CMS/uploads/LU/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrainITit{
	background: url(/CMS/uploads/IT/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promoParrainESes{
	background: url(/CMS/uploads/ES/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.promo2.promoParrainESes{
    background-position-x: right;
}

.promoParrainPLpl{
	background: url(/CMS/uploads/PL/images/pages/parcours/img/Banniere-promo.jpg) no-repeat center; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}

.bgMapTR {
	background: url(/CMS/uploads/FR/images/pages/parcours/img/bgMapTR.jpg) repeat center top; 
}

.blocInteraction{
	background:#64E61E;
}

.details {
	cursor:pointer;
}

#blocDevice{
	margin-bottom:1em;
}

.toggleDevices{
	margin-top:35px;
}

#blocDevice .panel{
	margin-bottom:0.1em;
	background:#24272C;
}

#blocDevice .panel.tousB{
	margin-bottom:0.1em;
	background:none;
}

#blocDevice .panel.tousB .dropdown{
	background:#24272C;
}

#blocDevice .panel.tousB .dropdown.open{
	background:#64e61e;
}

#blocDevice .panel a.open:after {
	content: '';
	display: block;  
	left: 94%;
	margin-top: -17px;
	position:absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #24272C;
}

span.num_serie {
    color: #64e61e;
    font-size: 10px;
}

#blocDevice .panel-heading {
	/*padding:1em 0;*/
	color:#ffffff;
}

#blocDevice .panel-title > a {
    color: inherit;
    display: block;
    padding: 1em 0;
    text-decoration:none;
}

#blocDevice .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}

#blocDevice a.open{
	color:#64e61e;
	font-weight:bold;
}

.blocIndent{
	background-color:#fcfcfc;
	border:solid 1px #F7F7F7;
}

.bgGreyFC {
    background-color:#fcfcfc;
}

.blocIndent .prixAbo{
	font-size:20px;
}

.lineThrough {
	background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 0%, #ffffff 52%, #24282d 46%, #24282d 52%, #ffffff 54%, #ffffff 100%) repeat scroll 0 0;
	text-align: right;
}
	
.btnCeder{
	width:180px;
	margin:0 auto;
}

#infoCompte_1_content select.form-control {
	width:100%;
	margin-bottom:1em;
}

#assure div img{
	margin-top:7em;
}

.arrowExpand{
	float:right;
	margin-top:-1em;
}

.linkArrowExpand{
	display:block;
	height:1em;
	position:relative;
	z-index:30;
}

.factures {
	font-size:inherit;
}	

@media screen and (min-width: 0px) and (max-width: 767px) {
	.imgPreview {
		max-height:100%;
		overflow:hidden;
	}

    #blocDevice .panel a.open::after {
        border:none;
    }

    .arrowExpand{
    	float:left;
    	margin-top:-2em;
    }

    .linkArrowExpand{
    	display:block;
    	height:2em;
    	position:relative;
    	z-index:30;
    }

    .factures {
    	font-size:10px;
    }

    .noPaddingMobile {
    	padding:0;
    }

	#sidebar {
		position: relative;
		width: 100%;
	}
	 
	#sidebar.fixed {
		position: relative;
		top: 0px;
	}
	
	#blocId{
		padding:0;
		margin-bottom:1em;
		background:#24272C;
	}

	#assure, 
	#tempsreel {
		padding:0;
		margin-bottom:1em
	}
	
	.bgMapTR {
		background: url(/CMS/uploads/FR/images/pages/parcours/img/bgMapTR.jpg) repeat center; 
	}
	
	.btn {
		font-size:11px;
		margin-bottom:1em;
	}
	
	.visuelBoitier img{
		margin: 0 0;
	}
	
	#infoCompte_1_content i.fa {
		font-size:14px;
	}
	 
	#assure div{
		min-height:235px;
	}

	#assure div img{
		margin-top:2em;
	}
}

@media screen and (min-width: 768px) and (max-width: 999px) {
	#sidebar {
		width: 310px;
		/*height: 300px;*/
		position: absolute;
	}

	.btn {
		font-size:11px;
		margin-bottom:1em;
	}

	.visuelBoitier img{
		margin: 0 0;
	}

	#infoCompte_1_content i.fa {
		font-size:14px;
		margin-bottom:1em;
	}

	#assure div{
		min-height:317px;
	}

	#assure div img{
		margin-top:8em;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	.btn {
		font-size:11px;
		margin-bottom:1em;
	}

	.visuelBoitier img{
		margin: 0 0;
	}

	#infoCompte_1_content i.fa {
		font-size:14px;
		margin-bottom:1em;
	}

	#assure div{
		min-height:261px;
	}

	#assure div img{
		margin-top:7em;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
    #content.fixedBg{
        background: url(/CMS/uploads/FR/images/pages/parcours/img/bgTop4mob.jpg) no-repeat center fixed;
	    padding-bottom: 5.5em;
	    -webkit-background-size: 1024px 4000px;
	    background-size: cover;
    	/*background: url(/CMS/uploads/FR/images/pages/parcours/img/bgTop4mob.jpg) no-repeat bottom ;*/
    	/*padding-bottom: 5.5em;*/
    	/*-webkit-background-size: 1024px 4000px;  /*pour anciens Chrome et Safari */
        /*background-size: 1024px 4000px; /* version standardisée */
    }

    .panel-title {
    	font-size: 12px;
    }   
}