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

	YouPass Screen Stylesheet 
	website:   www.youpass.com
	-----------------------------------------------------------------------------*/
	
	/* Remove padding and margin */
	/*-----------------------------------------------------------------------------*/ 
	/** rvf_css **/

	
	
		
	
	* { 
	    margin: 0; 
	    padding: 0; 
		}

	
	
	
	img {
		border:0;
	}



.fancybox-outer, .fancybox-inner {
    font-family: Tahoma, Arial, sans-serif;
}
		#logoRVF {
		position: relative;
		}

		.sp-logo {
		position: absolute;
		height: 66px;
		width: auto!important;
		top: 10px;
		left: 15px;
		-webkit-box-shadow: -2px 4px 15px -2px rgba(0,0,0,0.49);
		-moz-box-shadow: -2px 4px 15px -2px rgba(0,0,0,0.49);
		box-shadow: -2px 4px 15px -2px rgba(0,0,0,0.49);
		}
	
	/*textarea {
		font-family: Tahoma, Arial, sans-serif;
		border:1px solid #D9D9D9;
		-webkit-border-radius:5px;
		border-radius:5px;
		padding:10px;
		-webkit-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
		box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
        resize: none;
	}*/
	/*b{
        letter-spacing: -0.5px;
	}*/


	.textarea {
		width: 450px;
		height: 180px;
	}
	
	#wrapper {  
	    width:948px; /*6 juin 2013 avant 940px*/
	    text-align:left;
	    margin-left:auto;  
	    margin-right:auto;  
	}
	
	/*#all*/
    
    .main-wrap {
        border-left: 5px solid;
        border-right: 5px solid;
        border-color: rgba(255,255,255,0.2);
    }
	
	/*#fancybox-content body{
		background-color: white;
		background-image: url(/frontend/images/popupbackgrount.jpg) repeat-y;
	}*/

    .fancybox-main {
        background: #ffffff;
    }
	.starpass_telephone {
	font-size: 22px;
	}
	.starpass_cout {
	font-size: 11px;
	}
	
	/* Tools */
	/*-----------------------------------------------------------------------------*/
	
	.clear { 
	    clear:both; 
	} 
	
	.right { 
	    float: right; 
	} 
	
	.left { 
	    float: left; 
	}
	
	.hidden {
	    display: none;
	}
	.uppercase {
	    text-transform:uppercase;
	}
	
	.center {
	    text-align:center;
	}
	
	.white {
	    color:#fff;
	}
	
	.hand {
	    cursor:pointer;
	}
	
	.inline-block{
		display:inline;
	}
	/*.validate {
	    text-align:center;
	    color:green;  
	    padding:5px; 
	}*/
	.mainMargin{
		margin:0 30px;
	}
	
	.button {
	    background: url('/frontend/images/button106.png') 0 0 no-repeat;
	    width:106px;
	    height:21px;
	    font:0.90em/20px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	    text-align:center;
	    text-decoration: none;
	    color:#000;
	}
	.grayStroke{
		margin:15px 0;
		clear:both;
		height:1px;
		background-color:#f2f2f2;
	}
	
	/*a {
		color: #296192;
		text-decoration: none;
	}*/
	
	strong {
        font-weight:bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity:0.99;
	}
	.ombreFlat {
		-webkit-box-shadow: 0px 2px rgba(242,242,242,0.5);
		-moz-box-shadow: 0px 2px rgba(242,242,242,0.5);
		box-shadow: 0px 2px rgba(51,51,51,0.2);
	}
	

	
	/* Navigation 
	-----------------------------------------------------------------------------*/ 
	#nav {
	    width: 973px;
	    height: 34px;
	    float:left;
	    left:0px;
	    margin-left:4px;
	    margin-top:10px;
	    top:0px;
	}
	
	#nav #nav-center {
	    height: 40px;
	    width: 924px; 
		 position:absolute;
		 margin-top:-30px;
		 border-radius:8px;
	}
	#nav-top{
		background:#F4F4F4;
		width:935px;
		border-radius:5px 5px 0 0;
		height:11px;
		box-shadow: 1px 1px 1px #292929;
		border-left:thin solid #E1E1E1;
		border-top:thin solid #E1E1E1;
		border-right:thin solid #E1E1E1;
	}
	#nav-bot{
		background:#E1E1E1;
	  background: -webkit-linear-gradient( top, #E1E1E1, #F4F4F4);
	  background: -moz-linear-gradient( top, #E1E1E1, #F4F4F4); 
	  background: -ms-linear-gradient( top, #E1E1E1, #F4F4F4); 
	  background: -o-linear-gradient( top, #E1E1E1, #F4F4F4); 
	  background: linear-gradient( to bottom, #E1E1E1, #F4F4F4);
	
		width:935px;
		border-radius:0 0 5px 5px;
		height:17px;
		box-shadow: 1px 1px 1px #292929;
		border-left:thin solid #E1E1E1;
		border-bottom:thin solid #E1E1E1;
		border-right:thin solid #E1E1E1;
	}
	
	#nav ul {
	    line-height: 34px; 
	}
	
	#nav li {
	    display: block;
	    height: 100%;
	    font-size: 12px;
	    line-height: 34px;
	    margin:0 14px 0 5px;
	    float:left;
	    padding-left:5px;
	    	padding-right:5px;
	    font-weight: bold;
	    color: #3d3d3d;
	    text-align: center;
	    z-index:3;
	}
	
	#nav li a {
	    color: #3d3d3d;
	    text-decoration:none;  
	}
	
	#nav  li#current {
	    -moz-border-radius: 8px; 
	    -webkit-border-radius: 8px; 
	    border-radius: 8px;
	    background-color: #DADADA;
	    line-height: 25px;
	    margin-top:3px;
	    padding:0 5px;
	}
	
	#nav .mini {
	    margin:7px 2px 0 17px;
	    float:left;
	    
	}
	
	#nav .euro {
	    margin-top:4px;
	}
	
	#breadcrumbs {
	    width: 940px;
	    height: 35px;
	    margin-top:-15px;
	    position:relative;
	    margin-left:4px;
	    top:0px;
	    z-index:-10;
	}
	
	#breadcrumbs a {
	    color:#000;
	    text-decoration:none;
	}
	
	#breadcrumbs li {
	    color:#000;
	    text-decoration:none;
	    line-height:20px;
	    display:inline;
	}
	
	#breadcrumbs li.bread:before { 
	    content: "> "; /* caractère UTF-8 */ 
	}
	
	
	#breadcrumbs #breadcrumbs-center {
	    width: 926px;
	    border-radius:0 0 8px 8px;
	    height: 35px;
	    box-shadow: 1px 1px 1px #888888;
	    background-color: #D5D5D5; 
	    padding:0 0 0 10px;   
	}
	
	/* Main
	-----------------------------------------------------------------------------*/
.Rounded_Rectangle_1 {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    opacity: 0.8;
    position: absolute;
    left: 465px;
    top: 534px;
    width: 944px;
    height: 388px;
    z-index: 2;
}




    #contentHome{
        padding: 14px 0px 13px 0px;
        position: relative;
        /*width: 944px;*/
        margin: 0px auto 20px auto;
        border-radius: 10px 20px 10px 20px;
        -moz-border-radius: 10px 20px 10px 20px;
        -webkit-border-radius: 10px 20px 10px 20px;
        background-color: rgba(255, 255, 255, 0.9);
        overflow-y: hidden;
    }
	#contentGC {
		padding : 14px 0px 60px 0px;
		position: relative;
		/*width: 944px;*/
		margin: 0px auto 20px auto;
		border-radius: 10px 20px 10px 20px;
		-moz-border-radius: 10px 20px 10px 20px;
		-webkit-border-radius: 10px 20px 10px 20px;
		background-color: rgba(255, 255, 255, 0.9);
	}

    .dashboardContent {
        padding : 14px 0px 15px 0px!important;
    }

#contentNoPadding {
    padding : 14px 0px 0px 0px;
    position: relative;
    /*width: 944px;*/
    margin: 0px auto 20px auto;
    border-radius: 10px 20px 10px 20px;
    -moz-border-radius: 10px 20px 10px 20px;
    -webkit-border-radius: 10px 20px 10px 20px;
    background-color: rgba(255, 255, 255, 0.9);
    overflow-y: hidden;
}

.contentLessPadding {
    padding-bottom: 20px!important;
}
	
	/*#main */
	
	/*#main a:hover{
		border-bottom: thin dotted #296192;
	}*/
	.noBorder:hover{

	}
	
	
	#main #droite a:hover{
		border-bottom: none;
	}
	
	#main  #content #tabulation{
		padding-left : 40px;
	}
	
	#main #content #videohdiw{
		text-align : center;
		height:316px;
		font-family : Economica;
		font-size : 22px;
		background: url(https://static.youpass.com/frontend/images/layouts/fondFonctionnement_944x316-fr_FR.jpg) center top no-repeat;
        text-rendering: optimizeLegibility;
    }
	
	/* ********************************
	           Encart Video							
	********************************* */
	.vid1{
		display: inline-block;
		border: 6px solid #f2f2f2;
	}
	
	
	
	/* ***************************************** */
	
	
	#main #content #videohdiw video{
		/* margin-left:30px; */
	}
	
	.hdiwSlideShow{
		position:relative;
		width:272px;
		height:235px;
		margin:35px 0 0 38px;
		border:4px solid #f2f2f2;
		background-color: #039bdd;
		background: url(https://static.youpass.com/frontend/images/layouts/posterSlideShow.jpg) center center no-repeat;
	
	}



.h3 {
    font-family: economica;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    color: #505050;
    color: rgb(80,80,80);
    margin: 0 0 10px;
    letter-spacing: -1px;
    text-rendering: optimizeLegibility;
}


.h4 {
	font-family: economica;
	font-style: normal;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity:0.99;
	font-size: 18px;
	color: #505050;
	color: rgba(80,80,80,1.00);
	margin: 8px 0;
    text-rendering: optimizeLegibility;
}




.playButton:before{
	content: "\e001";
	font-family: VideoJS;
	line-height: 60px;
	text-shadow: .05em .05em .1em #000;
	text-align: center;
	position: absolute;
	left: 2px;
	width: 100%;
	height: 100%;
	font-size:32px;
	opacity:.7;
}

		.playButton{
			height: 59px;
			width: 80px;
			right: 50%;
			top: 50%;	
			margin: -35px -40px 0 0;
			font-size: 3em;	
			display: block;
			z-index: 2;
			position: absolute;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			opacity: .9;
			background-color: #07141e;
			background-color: rgba(7,20,30,0.7);
			border: 3px solid #3b4249;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			-webkit-box-shadow: 0 0 1em rgba(255,255,255,0.25);
			-moz-box-shadow: 0 0 1em rgba(255,255,255,0.25);
			box-shadow: 0 0 1em rgba(255,255,255,0.25);
			-webkit-transition: all .4s;
			-moz-transition: all .4s;
			-o-transition: all .4s;
			transition: all .4s; 
			color:white;
		}
	
	
		.hdiwSlideShow:hover .playButton{
			outline: 0;
			border-color: #fff;
			background-color: #505050;
			background-color: rgba(50,50,50,0.75);
			-webkit-box-shadow: 0 0 3em #fff;
			-moz-box-shadow: 0 0 3em #fff;
			box-shadow: 0 0 3em #fff;
			-webkit-transition: all 0s;
			-moz-transition: all 0s;
			-o-transition: all 0s;
			transition: all 0s;
		}
		
	#main #content #method{
		margin:0 auto;
		width:944px;
		box-sizing: border-box;
	}
	
	#main #content #methodRefund{
		position: relative;
		float : left;
		width: 100%;
	}
	
	#main #content .tableSuscribe{
		float:left; 
	}
	
	#main #content .tdSuscribe{
		text-align:right;
		padding-right : 30px;
	}
	
	#main .encart {
		position: relative;
		text-align: left;
	}
	
	#main .encartSpecial {
		position: relative;
		text-align: center;
	}
	
	
	#main .tuto {
		position: relative;
		margin: 0px 0 0 0;
		float: left;
		width: 30%;
		text-align: center;
		height: 130px;
		font-family: economica;
		font-size: 24px;
		color: #D22378;
		color: rgba(210,35,120,1.00);
		font-weight: 400;
		font-style: normal;
        text-rendering: optimizeLegibility;
    }
	
	#main .tuto div:first-child + div {
		font-family: Tahoma, Arial, sans-serif;
		color: rgba(51,51,51,1.00);
		font-size: 14px;
        letter-spacing: -1px;
		line-height: 16px;
		padding: 10px 0;
	}
	
	#main  .tuto1{
		font-family: Tahoma, Arial, sans-serif;
		color: rgba(51,51,51,1.00);
		font-size: 14px;
        letter-spacing: -1px;
		line-height: 16px;
		padding: 10px 0;
	}
	
	#main #tuto2 {
		height:510px;
	}
	
	#main .tuto2 {
		padding: 10px;
		position: relative;
		margin: 0px 0 0 0;
		float: left;
		width: 30%;
		font-size: 14px;
		font-style: normal;
		text-align:justify;
	}
	
	#main .tuto2 div:nth-child(1){
		font-family: Tahoma, Arial, sans-serif;
		font-size: 14px;
        letter-spacing: -1px;
		line-height: 16px;
		padding: 10px 0;
		font-weight: bold;
		text-align: center;
	}
	
	#main .hachures {
		position: relative;
		float: left;
		height: 14px;
		width: 100%;
		background: url(https://static.youpass.com/frontend/images/home/hachures_grises.gif) center center no-repeat;
		border-top: #F2F2F2 thin solid;
	}
	
	#main .method1 {
		margin-right : 15px;
		margin-bottom : 20px;
		float: left;
		width: 428px;
		text-align : center;
		line-height : 13px;
		border-width: 0px 0px 3px 0px; 
		border-style: solid; 
		border-color: #D3D3D3; 
		padding : 5px;
		background-color : #f3f3f3;
		display:inline;
		box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
	}
	
	#main .method2{
		margin-left : 15px;
		float: left;
		width: 428px;
		text-align : center;
		line-height : 13px;
		border-width: 0px 0px 3px 0px; 
		border-style: solid; 
		border-color: #D3D3D3; 
		padding : 5px;
		background-color : #f3f3f3;
		display:inline;
		box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
	}
	
	#main #content #connectFb{
		background: url(https://static.youpass.com/frontend/images/layouts/fond_btn_facebook.jpg) center center no-repeat;
		height: 72px;
		width: 297px;
		float: left;
		margin:4px;
		color: #FFFFFF;
		color: rgba(255,255,255,1.00);
		text-align:center;
		vertical-align:middle;
		font-size: 20px;
		
	}

    .connectFbPopup{
    background: url(https://static.youpass.com/frontend/images/layouts/fond_btn_facebook.jpg) center center no-repeat;
    height: 72px;
    width: 297px;
    float: left;
    margin:4px;
    color: #FFFFFF;
    color: rgba(255,255,255,1.00);
    text-align:center;
    vertical-align:middle;
    font-size: 20px;

    }
	
	
	#main #content #connectFb{
		background: url(https://static.youpass.com/frontend/images/layouts/fond_btn_facebook.jpg) center center no-repeat;
        background-size: 279px 71px;
		height: 70px;
		width: 279px;
		float: right;
		margin:8px 4px;
		color: #FFFFFF;
		color: rgba(255,255,255,1.00);
		text-align:center;
		vertical-align:middle;
		font-size: 20px;
        border-radius: 6px 12px 6px 12px;
        -moz-border-radius: 6px 12px 6px 12px;
        -webkit-border-radius: 6px 12px 6px 12px;
         -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.2);
	}


    .connectFbPopup{
    background: url(https://static.youpass.com/frontend/images/layouts/fond_btn_facebook.jpg) center center no-repeat;
    background-size: 279px 71px;
    height: 70px;
    width: 279px;
    float: right;
    margin:8px 4px;
    color: #FFFFFF;
    color: rgba(255,255,255,1.00);
    text-align:center;
    vertical-align:middle;
    font-size: 20px;
    border-radius: 6px 12px 6px 12px;
    -moz-border-radius: 6px 12px 6px 12px;
    -webkit-border-radius: 6px 12px 6px 12px;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.2);
    }
	

	
	.suscription{
		width:405px; 
		height:40px; 
		text-align:right;
		padding-right:70px;
        letter-spacing: -1px;
	}
	 
	
	/*#main sup {
		position: relative;  
		bottom: -1px;  
		font-size: .8em;  
		line-height: .8em;  
		vertical-align:super;  
		text-decoration:none;  
	}*/
	
	#method h1{
		font-size: 26px;
	}
	
	
	/* Content
	-----------------------------------------------------------------------------*/ 
	
	.yellow{
		color:#F7941D;
	}
	.bleuCiel{
		color: #019dd8;
		color: rgba(1, 157, 216, 1);
	}
	.bleuFacebook{
		color:rgba(88,114,175,1);
	}
	.bleuMoyen {
		color: rgba(3, 155, 221, 1);
		color: #039BDD;
		
	}
	.bleuFonce {
		color: #2b6190;
		color: rgba(43, 97, 144, 1);
		font-family: economica;
        text-rendering: optimizeLegibility;
    }
	.grisMoyen {
		color: rgba(51,51,51,1.00);
		color: #333333;
	}
	.grisClair{
		color: #D3D3D3;
	}
	.grisLight{
		color: rgba(204,204,204,1.00);
		color: E6E6E6;
	}
	.roseFushia {
		color: #D22378;
		color: rgba(210,35,120,1.00);
	}
	.rouge{
		color: #FF0000;
		color: rgba(255,0,0,1.00);
	}
	.noire{
		color: #000000;
		color: rgba(0,0,0,1.00);
	}
	
	.noire_bg{
		background-color:black;
		color:#c7b002!important;
	}
	.roseFushiaInverse{
		background-color : #D22378;
		color : white;
		padding: 0px 2px 0px 2px;
		margin : 0px 20px 0px 20px;
	}
	
	/*.green{
		color: #8DC640; 
		color: rgba(141, 198, 64, 1);
	}*/
	.bgcGreen{
        background-color: #8DC640;
        /*background-image: -moz-linear-gradient(top, #8DC640, #8DC640);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8DC640), to(#8DC640));
        background-image: -webkit-linear-gradient(top, #8DC640, #8DC640);
        background-image: -o-linear-gradient(top, #8DC640, #8DC640);
        background-image: linear-gradient(to bottom, #8DC640, #8DC640);
        background-repeat: repeat-x;*/
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}
	
	.alignDroite {
		text-align: right;
	}
	.alignGauche {
		text-align: left;
	}
	.centrer {
		text-align: center;
	}
		
	.alignVertical{
		margin:auto;
		height:80px;
	}
	
	.bigSize {
		font-family: economica;
		font-style: normal;
        font-weight:bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity:0.99;
		font-size:34px;
		text-align:center;
		margin-top:20px;
		margin-right:10px;
        text-rendering: optimizeLegibility;
    }
	
	.fondGrisClaire {
		background-color:#f2f2f2;
	}
	
	.fondGrisPlusClaire {
		background-color:#F8F8F8;
	}
	
	.borderBotGrisClaire {
		border-bottom: 4px solid #f2f2f2;
	}
	
	.borderTop1Blanc {
		border-top: 1px solid #ffffff;
	}
	
	.borderTopBot1Blanc {
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
	}
	
	.borderRight1GrisClaire {
		border-right: 1px solid #f2f2f2;
	}
	
	.borderBot1GrisClaire {
		border-bottom: 1px solid #f2f2f2;
	}
	
	.borderBotRoseClair {
		border-bottom: 4px solid #FAC6DF;
	}
	
	.borderBotOrangeClair {
		border-bottom: 4px solid #FCDFBF;
	}
	
	
	/* Formulaire Point d'exclamation
	-----------------------------------------------------------------------------*/ 
	.icon-exclamation{
		font-size: 14px;
		margin-left:0px;
		vertical-align:middle;
	}
	
	
	/* Footer 
	-----------------------------------------------------------------------------*/ 
	#footer {
	/*     width: 948px;
		margin-top:10px; */
	}
	
	#footer a {
	  color:#fff;
	  text-decoration:none;
	}
	
	#footer .copyright{
	
		color:#fff;
	}
	
	
	
	#footer #banner2{
		width:919px;
	    margin: 10px auto 1px auto;
	}    
	
	#footer-top{
		background-color:#6D7673;
		background: -webkit-linear-gradient( #A7B5B7, #6D7673);
		background:    -moz-linear-gradient( #A7B5B7, #6D7673);
		background:     -ms-linear-gradient( #A7B5B7, #6D7673);
		background:      -o-linear-gradient( #A7B5B7, #6D7673);
		background:         linear-gradient( #A7B5B7, #6D7673);
		height:58px;
		box-shadow: 1px 1px 1px #888;
		width:940px;
		margin-left:4px;
		border-radius:8px 8px 0 0;
	}
	#footer-bot{
		background-color:#000000;
	background: -webkit-linear-gradient( #0A0F0B, #000000);
	background:    -moz-linear-gradient( #0A0F0B, #000000);
	background:     -ms-linear-gradient( #0A0F0B, #000000);
	background:      -o-linear-gradient( #0A0F0B, #000000);
	background:         linear-gradient( #0A0F0B, #000000);
	height:190px;
	width:940px;
	box-shadow: 1px 1px 1px #888;
	margin-left:4px;
	}
	
	#footer #verifsign {
	float:left; 
	margin-top:10px;
	margin-left:25px;
	}
	
	#footer #mobileplateform {
	float:right;
	margin-right:25px;
	margin-top:25px;
        letter-spacing: -1px;
	font-size:8pt;
	}
	
	#footer #mobileplateform img {
	text-align:right;
	}
	
	#footer #verifsign table {
	
	border-collapse: separate; 
	border-spacing: 15px;
	}
	
	#footer #center-bg {
	    
	    width: 919px;
	    box-shadow:none;
	    position:absolute;
	    z-index:10;
	    margin-top:-240px;
	    background: none;
	    width:940px;
	    float:left;
	}
	
	
	
	
	/* Homepage 
	-----------------------------------------------------------------------------*/ 
	.intro {
	  margin: 5px 13px 0px 230px;
	  font:1em/25px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	  height: 25px;
	  
	
	 
	   color:black;
	
	
	   
	}
	
	#intro {
	    display: block;
	    width: 195px;
	    text-align:center;
	    height: 26px; 
	    font:0.90em/25px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	    /*margin-right: 134px !important;*/
	    background-color:rgba(255,255,255,0.7);
	    border-radius:8px;
	}
	
	#intro a{
		color:black;
	}
	
	#intro a {
	 
		
	   
	   color:black;
	}
	
	.col1 {
	  width: 620px;
	  min-height: 400px;
	  float:left;
	  padding-left:5px;
	}
	
	.col3 {
	  width: 290px;
	  min-height: 400px;
	  margin-left:33px;
	  float:left;
	  
	}
	
	.subscribe {
	  background:  url('/frontend/images/subscribe.png') 0 0 no-repeat;  
	  width: 290px;
	  height: 103px;
	  border-radius:8px;
	  box-shadow:1px 1px 1px #888;
	  margin-bottom:10px;
	    
	}
	
	#signup{
		display: block;
	    font-size: 16px;
	    padding: 33px 0 0 105px;
	}
	
	/* UL OL
	-----------------------------------------------------------------------------*/
	ul {
	  list-style:none outside none;
	}
	
	tfoot .pager {
	  width:100px;
	  margin:15px 0 0 10px;
	  text-align:center;
	  float:left;
	  height:20px;
	}
	
	ul.pagelinks {
	  text-align:center;
	  margin:0 auto 0 auto;
	}
	
	ul.pagelinks>li {
	  display: block;
	  float:left;
	  text-align:center;
	  font:9px/15px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	}
	
	ul.pagelinks li {
		height:15px;
		width:20px;
		background-color: #f2f2f2;
		font-family: economica;
		border-radius:5px;
		webkit-border-radius:5px;
		padding-top:1px;
        font-weight:bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity:0.99;
		color: #2b6190;
		border-bottom: 3px E6E6E6 solid;
		padding:4px;
		font-size:20px;
		margin:0 8px 0 0;
        text-rendering: optimizeLegibility;
    }
	
	ul.pagelinks li:first {
	  clear:both;
	}
	
	ul.pagelinks li.pagelinks-current {
		height:15px;
		width:20px;
	
		background-color: #2b6190;
		font-family: economica;
		border-radius:5px;
		webkit-border-radius:5px;
		font-weight: bold;
		border-bottom:3px E6E6E6 solid;
		color: white;
		font-size:20px;
		display:block;
		/*margin:1px 2px 0 0;*/
		padding:4px;
        text-rendering: optimizeLegibility;
    }
	
	ul.pagelinks li a {
	  color:#2b6190;
	  display: inline-block;
		position: relative;
		height: 20px;
		width: 20px;
	}
	
	.page {
	  text-transform:uppercase;
	  color:#858587;
	  float:left;
	  display:block;
	  margin-top:15px;
	}
	
	.resultpage {
	  text-transform:uppercase;
	  margin:13px 0 0 0;
	  color:#858587;
	}
	
	
	
	/*-- ---------------------------------------------------------------------------------
	
	   |   |   |   |   |   |   |   |   |   |   SELECT RVF  |   |   |   |   |   |   |   |   |   |   |   |
		
	  ---------------------------------------------------------------------------------- -*/
	
	/*
	select {
		width : 230px;
		line-height: 20px;
		font-family: Arial, Tahoma, sans-serif;
		font-size: 14px;
		color: #333333;
		color: rgba(51,51,51,1.00);
		height: 40px;
		padding: 0 10px;
		border:none;
		background:none;
		outline:none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}*/
	
	.select {
		height: 44px;
		overflow: hidden;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #D9D9D9;
		border: 1px solid rgba(204,204,204,1.00);
		background-image: url('https://static.youpass.com/frontend/images/common/flecheBas.png');
		background-position: 95% center;
		background-repeat: no-repeat;
		-webkit-margin-left: 2px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	/* TEXT-SHADOW ICON - IE10 */
	
	.tshadow:before{
		text-shadow: 0em 0em 0.3em E6E6E6;
	}
	
	/* GALERIE DES GAINS
	-----------------------------------------------------------------------------*/
	/***** SELECT 1 *****/
	.select1 input[type="text"],.input input[type="password"] {
		box-sizing: border-box;
		padding-left:5px;
		width: 200px;
		height: 33px;
		border: 1px solid rgba(204,204,204,1.00);
		background-position: 90% center;
		background-repeat: no-repeat;
		-webkit-margin-left: 2px;
		border-radius:2px;
	}
	input[type="text"]:disabled{
		background-color:#33333;
		color:#33333;
	}
	.select1 label {position:relative}
	.select1 label:after {
	    content:'>';
	    font:11px "Consolas", monospace;
	    color:#aaa;
	    -webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	    transform:rotate(90deg);
	    right:8px; top:2px;
	    padding:0 0 2px;
	    border-bottom:1px solid #ddd;
	    position:absolute;
	    pointer-events:none;
	}
	.select1 label:before {
	    content:'';
	    right:6px; top:0px;
	    width:20px; height:20px;
	    position:absolute;
	    pointer-events:none;
	    display:block;
	}
	
	/********************/
	/***** SELECT 2 *****/
	.select2 {
		float : left;
		display:inline;
	}
	.select2 select {
		line-height: 20px;
		font-family: Arial, Tahoma, sans-serif;
		font-size: 14px;
		height: 33px;
		width:110px;
		padding:3px 3px 3px 10px; 
	  margin: 0;
		border: 1px solid rgba(204,204,204,1.00);
	  color:#888;
	  outline:none;
	  display: inline-block;
	  -webkit-appearance:none;
	  -moz-appearance:none;
	  appearance:none;
	  cursor:pointer;
		box-sizing: border-box;
		border-radius:2px;
		align-items: center;
		white-space: pre;
		-webkit-rtl-ordering: logical;
	}
	select:disabled{
		background-color:#33333;
		color:#33333;
	}
	
	.select2 label {position:relative}
	.select2 label:after {
	    content:'>';
	    font:11px "Consolas", monospace;
	    color:#aaa;
	    -webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	    transform:rotate(90deg);
	    right:8px; top:2px;
	    padding:0 0 2px;
	    border-bottom:1px solid #ddd;
	    position:absolute;
	    pointer-events:none;
	}
	.select2 label:before {
	    content:'';
	    right:6px; top:0px;
	    width:20px; height:20px;
	    position:absolute;
	    pointer-events:none;
	    display:block;
	}
	/********************/
	/***** SELECT 3 *****/
	.select3 {
		float : left;
		display:inline;
	}
	.select3 select {
		line-height: 20px;
		font-family: Arial, Tahoma, sans-serif;
		font-size: 14px;
		height: 33px;
		width:75px;
	   padding:3px 3px 3px 10px;
	   margin: 0;
		border: 1px solid rgba(204,204,204,1.00);
	   color:#888;
	   outline:none;
	   display: inline-block;
	   -webkit-appearance:none;
	   -moz-appearance:none;
	   appearance:none;
	   cursor:pointer;
		box-sizing: border-box;
		border-radius:2px;
		align-items: center;
		white-space: pre;
		-webkit-rtl-ordering: logical;
	}
	.select3 label {position:relative}
	.select3 label:after {
	    content:'>';
	    font:11px "Consolas", monospace;
	    color:#aaa;
	    -webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	    transform:rotate(90deg);
	    right:8px; top:2px;
	    padding:0 0 2px;
	    border-bottom:1px solid #ddd;
	    position:absolute;
	    pointer-events:none;
	}
	.select3 label:before {
	    content:'';
	    right:6px; top:0px;
	    width:20px; height:20px;
	    position:absolute;
	    pointer-events:none;
	    display:block;
	}
	/********************/
	
	.input input[type="email"],.input input[type="text"],.input input[type="password"] {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left:10px;
		height: 44px;
		border: 1px solid #D9D9D9;
		border: 1px solid rgba(230,230,230,1.00);
		background-position: 90% center;
		background-repeat: no-repeat;
	}
	
	
	
	
	.resultpage a {
	  color:#858587;
	}
	
	
	.white-bloc-content {
		background-color: white;
		vertical-align: top;
		padding-top:14px;
		padding-bottom : 14px;
		padding-left:16px;
		padding-right:16px;
		border-radius:8px;
	}
	
	.button-fat {
	    float:left;
	    background: url('/frontend/images/btfat.png') 0 0 no-repeat;
	    width:84px;
	    height:24px;
	    text-align:center;
	    text-decoration: none;
	    color:white;
	    padding-top:2px;
	    font-size: 13px;    
	    font-weight: bold;
	    margin-top:5px;
	}
	
	#signup2 {
	  padding:15px 0 0 0;
	  text-align:center;
	  display:block;
	  font-size:11px;
	  color:#fff;
	}
	
	.facebook {
	float:left;
	margin-top:10px;
	background-color:white;
	max-width:291px;
	border-radius: 5px;
	}
	
	.facebook .facebook-top{
	background-color: #6d84b4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px 0px 6px 18px;
	}
	
	.facebook #titleFacebook{
	color:white;
	font-weight:bold;
	font-size:14px;
	}
	
	.facebook #facebook-top {
	  background:  url('/frontend/images/facebook-top.png') 0 0 no-repeat; 
	  width: 287px;
	  height: 41px;
	}
	
	.facebook #facebook-center {
	  background:  url('/frontend/images/facebook-center.png') 0 0 repeat-y; 
	  width: 277px;
	  padding-left:10px;
	}
	
	.facebook #facebook-bottom {
	  background:  url('/frontend/images/facebook-bottom.png') 0 0 no-repeat; 
	  width: 287px;
	  height: 8px;
	}
	
	
	/* Forms 
	-----------------------------------------------------------------------------*/ 
	
	input.text { 
	  padding: 3px 3px 3px 10px; 
	  border: 1px solid #999999;     
	}
	
	
	/* Tables  
	-----------------------------------------------------------------------------*/ 
	
	table {  
	  border-spacing: 0; 
	  border-collapse: collapse; 
	} 
	

	
	td  { 
	  text-align: left; 
	  font-weight: normal;
	}


    .jforms-error-list {
        color: #ffffff!important;
    }
	.jforms-error-list,
	.jelix-msg-item-failure,
	.bad_message  {
		margin: 10px 0;
		padding: 15px;
		background: #cc0000;
		color: white;
	}
	.jforms-error-list li, .jelix-msg-item-failure li,.bad_message li, jforms-error-list ul.comp-ol, jforms-error-list li  { 
		list-style:none;
	}
	
	.jelix-msg-item-failure { 
		list-style:none;
	}
	
	.jforms-error-list2 {
		margin: 10px 0;
		font-size:14px;
		padding:15px ;
		background : #ff9600;
		color:white;
	}
	
	#crosslink table td {
	font-size: 12px;
	margin-left:20px;
	 border-width:1px; 
	 border-style:solid; 
	 border-color:#999999;
	}
	
	#crosslink a {
	color:white;
	font-weight: bold;
	}
	
	#contact_starpass {
	 border-style:solid; 
	 border-width:1px; 
	 font-size:14px; 
	 padding-top:5px; 
	 padding-bottom:5px; 
	 padding-left:5px; 
	 padding-right:5px; 
	 width:500px;
	 line-height:20px;
	 float:left;
	 margin-left:15px;
	 margin-bottom:15px;
	}
	
	
	#money-home {
	background-color:black;
	width:620px;
	border-radius: 5px 5px 5px 5px;
	height:530px;
	overflow-y:auto;
	/*
	background-image: -webkit-linear-gradient(bottom, black 0%, #43474A 40%);
	background-image:    -moz-linear-gradient(bottom, black 0%, #43474A 40%);
	background-image:     -ms-linear-gradient(bottom, black 0%, #43474A 40%);
	background-image:      -o-linear-gradient(bottom, black 0%, #43474A 40%);
	background-image:         linear-gradient(bottom, black 0%, #43474A 40%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#43474A', endColorstr='black', GradientType=0);*/
	color:white;
	}
	
	/*
	#money-home { width: 620px; clear: both; margin: 20px 0 10px; }
	#money-home  .viewport { width: 605px; height: 460px; overflow: hidden; position: relative; }
	#money-home  .overview { list-style: none; position: absolute; left: 0; top: 0; }
	#money-home  .thumb .end,
	#money-home  .thumb { background-color: #003D5D; }
	#money-home .scrollbar{ background: transparent url('/frontend/scrollbar/bg-scrollbar-track-y.png') no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
	#money-home .track { background: transparent url('/frontend/scrollbar/bg-scrollbar-trackend-y.png') no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
	#money-home .thumb { background: transparent url('/frontend/scrollbar/bg-scrollbar-thumb-y.png') no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
	#money-home .thumb .end { background: transparent url('/frontend/scrollbar/bg-scrollbar-thumb-y.png') no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
	#money-home  .disable{ display: none; }
	
	#money-home .scrollbar {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	*/
	.money-page-content {
	float:left;
	background-color:black;
	width:100%;
	border-radius: 5px 5px 5px 5px;
	color:white;
	padding-bottom:10px;
	margin-top:20px;
	}
	
	#money-page {
	float:left;
	width:100%;
	}
	
	#money-page span {
	font-size:14px;
	border:1px solid black;
	width:870px;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	}
	
	#money_table td {
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid white;
	text-align:center;
	}
	
	#money-home .f1:hover {
	background-color:#2E89E6;
	}
	
	#money-home .f2:hover {
	background-color:#2E89E6;
	}
	#money-home .ftitle {
	background-color:#57585A;
	}
	
	#money-home .f1  {
	background-color:#404143;
	}
	
	#money-home .f2 {
	background-color:#57585A;
	}
	
	#money-home .label {
	text-align:left;
	
	padding-left:20px;
	}
	
	#money-home .flag {
	float:left;
	margin-top:4px;
	margin-left:15px;
	}
	
	#money-home .tel {
	float:left;
	margin-top:4px;
	margin-right:5px;
	}
	
	.money-page-content td {
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid white;
	text-align:center;
	}
	
	.money-page-content .f1:hover {
	background-color:#2E89E6;
	}
	
	.money-page-content .f2:hover {
	background-color:#2E89E6;
	}
	.money-page-content .ftitle {
	background-color:#57585A;
	}
	
	.money-page-content .f1  {
	background-color:#404143;
	}
	
	.money-page-content .f2 {
	background-color:#57585A;
	}
	
	.money-page-content .label {
	text-align:left;
	padding-left:20px;
	}
	
	.money-page-content .flag {
	float:left;
	margin-top:4px;
	margin-left:15px;
	}
	
	.money-page-content .tel {
	float:left;
	margin-top:4px;
	margin-right:5px;
	}
	
	#payment-popup #paypal_offline {
	margin-left:10px;
	width:380px;
	background-image:url('/frontend/images/input_400.png');
	}
	
	
	.fb-login{
		padding-top:20px;
		color:white;
		text-align:center;
	}
	
	.fb-login #logo_fb_blanc{
		width:100%;
	}
	
	.fb-login #connectFbOLD{
		width:80%;
	}
	
	
	#money-account td {
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid white;
	text-align:center;
	}
	
	#money-account {
	float:left;
	margin-left:10px;
	margin-top:10px;
	background-color:black;
	width:683px;
	border-radius: 5px 5px 5px 5px;
	height:480px;
	overflow-y:auto;
	color:white;
	}
	
	#money-account .f1:hover {
	background-color:#2E89E6;
	}
	
	#money-account .f2:hover {
	background-color:#2E89E6;
	}
	#money-account .ftitle {
	background-color:#57585A;
	}
	
	#money-account .f1  {
	background-color:#404143;
	}
	
	#money-account .f2 {
	background-color:#57585A;
	}
	
	#money-account .label {
	text-align:left;
	padding-left:20px;
	}
	
	#money-account .flag {
	float:left;
	margin-top:4px;
	margin-left:15px;
	}
	
	#money-account .tel {
	float:left;
	margin-top:4px;
	margin-right:5px;
	}
	
	.simple-text {
		font-size:12px;
		margin-left:10px;
	}
	
	.simple-text-gras {
		font-weight: bold;
		margin-top:10px;
		margin-left:10px;
		font-size:13px; 
	}
	
	#verification #files-content {overflow-y:auto;margin: auto;text-align: center;width: 100%;}
	#verification #files {width:100%;font-size:12px;}
	#verification #files td{padding-left:30px;}
	#verification #files tr{height:30px; line-height:35px;}
	#verification #files-content table tr:nth-child(odd){
		background-color: #fbfbfb;
		border-bottom: 1px solid white;
	}
	#verification #files-content table tr:nth-child(even){
		background-color: #f7f7f7;
		border-bottom: 1px solid white;
	}
	
	#verification-footer .btblue {
	padding:20px 20px 20px 20px;
	font-size:14px;
	border-radius:5px;
	font-weight:bold;
	color:white;
	
	background-color:#348BEA;
	background: -webkit-linear-gradient( #6BB3F1, #348BEA);
	background:    -moz-linear-gradient( #6BB3F1, #348BEA);
	background:     -ms-linear-gradient( #6BB3F1, #348BEA);
	background:      -o-linear-gradient( #6BB3F1, #348BEA);
	background:         linear-gradient( #6BB3F1, #348BEA);
	text-shadow: 0px 1px 0px #2D6CFF;
	
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
	-moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;
	}
	
	/*#verification  #file_submit {
	padding:5px;
	border-radius:5px;
	color:white;
	background-color:#348BEA;
	background: -webkit-linear-gradient( #6BB3F1, #348BEA);
	background:    -moz-linear-gradient( #6BB3F1, #348BEA);
	background:     -ms-linear-gradient( #6BB3F1, #348BEA);
	background:      -o-linear-gradient( #6BB3F1, #348BEA);
	background:         linear-gradient( #6BB3F1, #348BEA);
	
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
	-moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;
	cursor:pointer;
	}*/
	
	#verification  #file_submit:active {
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5) inset, 0 -1px 0 rgba( 255, 255, 255, 0.4);
	}
	
	#verification-footer .btblue:hover{
	    background-color:#348BEA;
		background: -webkit-linear-gradient( #348BEA, #1E43FF);
	    background:    -moz-linear-gradient( #348BEA, #1E43FF);
	    background:     -ms-linear-gradient( #348BEA, #1E43FF);
	    background:      -o-linear-gradient( #348BEA, #1E43FF);
	    background:         linear-gradient( #348BEA, #1E43FF);
		text-shadow: 0px 1px 0px black;
		cursor:pointer;
		
	}
	 
	#verification-footer .btblue:active{
		background-color:#348BEA;
	    background: -webkit-linear-gradient( #348BEA, #1E43FF);
	    background:    -moz-linear-gradient( #348BEA, #1E43FF);
	    background:     -ms-linear-gradient( #348BEA, #1E43FF);
	    background:      -o-linear-gradient( #348BEA, #1E43FF);
	    background:         linear-gradient( #348BEA, #1E43FF);
		text-shadow: 0px 1px 0px black;
		box-shadow: 0 0 10px rgba( 0, 0, 0, 0.5) inset, 0 -1px 0 rgba( 255, 255, 255, 0.4);
	
	}
	
	#verification  #rejected {
	padding:10px;
	border:solid 1px #F7941D;
	background-color: #fff;
	overflow-y:auto;
	}

	
	.supprime {
		display:inline-block;
		margin:3px 8px 0 0;
		vertical-align:middle;
		margin-left:8px;
		cursor:pointer;
		border:0 none;
	}
	
	/*
	*   Added by Hervé on the 24/10/2012 at 15h23
	*   header css (submenu + lighting hover menu)
	*/
	
	#nav li:hover{
			border-radius:8px;
			background:#348BEA;
			color:white;
			line-height: 25px;
	    	margin-top: 3px;
	    	padding-left:5px;
	    	padding-right:5px;
		}
		#nav li:hover a{
			color:white;
		}
		#nav li#current:hover{
			background:#348BEA;
			color:white;
		}
		
		#submenu .li{
			display:inline;
			float:left;
		}
		
		#submenu .ul{
			display:none;
			width:100%;
			text-align:center;
			float:left;
			padding-top:3px;
			padding-bottom:3px;
		}
		
		#submenu{
			border-radius:8px;
			 background: -webkit-linear-gradient( gray, black);
			background:    -moz-linear-gradient( gray, black);
			background:     -ms-linear-gradient( gray, black);
			background:      -o-linear-gradient( gray, black);
			background:         linear-gradient( gray, black);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='gray',endColorstr='black', GradientType=0);
			clear:both;
			width:935px;
			color:white;
			margin-top:0px;
			margin-left:4px;
			z-index:1;
			box-shadow: 1px 1px 1px #292929;
			position:relative;
			
		}
		#submenu a{
			color:white;
		}
		#submenu span{
			float:left;
		}
		#sub-1 .li{
			width:24.6%;
		}
		#sub-2 .li{
			width:16%;
		}
		#sub-3 .li{
			width:13%;
		}
		#sub-4 .li{
			width:24%;
		}
		#sub-5 .li{
			width:32%;
		}
		#sub-7 .li{
			width:9%;
		}
		#sub-6 .li{
			width:32%;
		}
		/***/
		.black-block-country {
	    background: -webkit-linear-gradient( #2D2D2D, black);
			background:    -moz-linear-gradient( #2D2D2D, black);
			background:     -ms-linear-gradient( #2D2D2D, black);
			background:      -o-linear-gradient( #2D2D2D, black);
			background:         linear-gradient( #2D2D2D, black);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D',endColorstr='black', GradientType=0);
			border-radius:10px;
			padding:15px;
			color:white;
		}
		
		.black-block-country  td {
			font-size:12px;
		}
		
		.black-block-country  tr {
		  height:30px;
		  border-bottom: 1px #8E8E8E dotted;
		}
		
		.black-block-country  tr:hover {
			background:#5E605D;
		}
	
		
		.black-block-country  h3{
		  background-image: url('/frontend/images/dashboard/blackblocktitle.png');
		  padding-left: 10px;
		  padding-top: 5px;	
		  height : 30px;
		  color: white;
		  background-repeat: no-repeat;
		  text-transform:uppercase;
		}
		
		
	#errorBlock {
		vertical-align:text-top;
	}
		
	#errorBlock img {
		float:right;
	}
	
	#btHomepage {
		color:#000;
		display:inline-block;
		font-size:16px;
		font-weight:bold;
		margin:60px 0 0 50px;
		text-decoration:underline;
	}
	
	#operationCheckMail {
		width:600px;
		height:400px;
		margin:0 auto;
		background:url('/frontend/images/iStock_0000127454.jpg') center no-repeat;
	}
	
	#operationCheckMail p {
		color:#FFF;
		width:160px;
		font-size:18px;
		font-weight:bold;
		position:absolute;
		text-align:center;
		margin:60px 0 0 280px;
	}
	
	#inviteBackground {
		background:#FFF url('/frontend/images/sim-inviteramis2.jpg') right bottom no-repeat;
	}
	
	#register_left {
		height:300px;
		background:E6E6E6;
	}
	
	
	.new-white-bloc{
		padding-top:14px;
		padding-bottom:14px;
		padding-left:16px;
		padding-right:16px;
		border-radius:8px;
		float:right;
		clear:none;
		border-color:rgba(189,193,193,0.5);
		border-width:1px;
		border-style:solid;
		
		background:white;
		
		/*background-color: #E2E2E2;
		background:-moz-radial-gradient(white,#E2E2E2);
		background:-o-radial-gradient(white,#E2E2E2);
		background:-webkit-radial-gradient(white,#E2E2E2);
		background:-msie-radial-gradient(white,#E2E2E2);
		background:radial-gradient(white,#E2E2E2);*/
		box-shadow: 3px 3px 3px rgba(89, 89, 89, 0.7)
	}
	
	/* Popup */
	.codeOK {
		color:green;
	}
	
	.codeWrong {
		color: #cc0000;
	}
	
	.codeOld{
		color:#844A60;
	}
	
	.imgValidateLoading {
		display:none;
		padding:10px 0 0 5px;
	}
	
	#currentAmount {
		color:#71B3ED;
		font-size:12px;
		margin-top:7px;
		font-weight:bold;
		padding-left:5px;
	}
	
	.mask{
	  min-width:305px;
	  min-height: 116px; 
	  width:305px;
	  height: 116px; 
	  max-width:305px;
	  max-height: 116px; 
	}
	
	.mask a{
	  position: relative;
	  display: block;
	  width:305px;
	  height: 116px;  
	  background-position: -310px 0;
	}
	
	
	/* end Popup */
	
	
	/* Counter PopUp CSS3 */
	
	#counterPopupCSS3 {
		width:170px;
		text-align:center;
		padding:30px 0 0 0;
		margin:5px 0 0 460px;
	}
	
	#counterContent {
		height:80px;
		width:180px;
		border-radius:3px;
		padding:1px 14px 0 0;
		background-color:#FFF;
		box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.2) inset;
	}
	
	#intCounter {
		float:right;
	}
	
	#floatCounter {
		float:right;
	}
	
	#counterDot {
		float:right;
		color:#151515;
		font-size:14px;
		font-weight:bold;
		margin:22px 2px 0 2px;
		text-shadow: 2px 1px 2px rgba(0,0,0,0.3);
	}
	
	.counter_CSS3 {
		float:left;
		padding:6px;
		/*border:solid 1px #487431;
		border-radius:5px;
		background:#527F40;
		background:linear-gradient(#8BC04C,#527F40);:-moz-linear-gradient(#8BC04C,#527F40);
		background:-webkit-linear-gradient(#8BC04C,#527F40);
		background:-ms-linear-gradient(#8BC04C,#527F40);
		box-shadow:0 2px 4px rgba(0,0,0,0.4);*/
	}
	
	.counter_CSS3 span {
	    float:left;
		width:22px;
		height:30px;
		margin:0;
		padding:0;
	    text-indent:-9999px;
		font-size:0.0001em;
	    background-image:url('/frontend/images/counter-sprite.png');
	}
	
	.counter_CSS3 .digit-10 {
		width:22px;
		height:30px;
		margin:0;
		padding:0;
	    background-image:url('/frontend/images/point.png');
	}
	
	#int0 {margin-left: 20px;}
	
	#currentAmount {margin-bottom: 10px;}
	
	/* Set all the background positions, and hook up all the animations */
	.counter_CSS3 .digit-0 {
	    background-position:0 -300px;
	    animation-name: digitSpin0;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
		-webkit-animation-name: digitSpin0;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin0;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-1 {
	    background-position:0 -30px;
	    animation-name: digitSpin1;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
		-webkit-animation-name: digitSpin1;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin0;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-2 {
	    background-position:0 -60px;
		animation-name: digitSpin2;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin2;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin2;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-3 {
	    background-position:0 -90px;
		animation-name: digitSpin3;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin3;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin3;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count:1;
	}
	
	.counter_CSS3 .digit-4 {
	    background-position:0 -120px;
		animation-name: digitSpin4;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin4;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin4;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-5 {
	    background-position:0 -150px;
		animation-name: digitSpin5;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin5;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin5;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-6 {
	    background-position:0 -180px;
		animation-name: digitSpin6;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin6;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin6;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-7 {
	    background-position:0 -210px;
		animation-name: digitSpin7;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin7;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin7;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-8 {
	    background-position:0 -240px;
		animation-name: digitSpin8;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin8;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin8;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	.counter_CSS3 .digit-9 {
	    background-position:0 -270px;
	
		animation-name: digitSpin9;
	    animation-duration: 3s;
	    animation-iteration-count: 1;
	
	    -webkit-animation-name: digitSpin9;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: 1;
	
		-moz-animation-name: digitSpin9;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: 1;
	}
	
	/* Animation */
	@keyframes digitSpin0 {
	    from { background-position:0 0; }
	    to { background-position:0 -300px; }
	}
	
	@keyframes digitSpin1 {
	    from { background-position:0 0; }
	    to { background-position:0 -30px; }
	}
	
	@keyframes digitSpin2 {
	    from { background-position:0 0; }
	    to { background-position:0 -60px; }
	}
	@keyframes digitSpin3 {
	    from { background-position:0 0; }
	    to { background-position:0 -90px; }
	}
	
	@keyframes digitSpin4 {
	    from { background-position:0 0; }
	    to { background-position:0 -120px; }
	}
	
	@keyframes digitSpin5 {
	    from { background-position:0 0; }
	    to { background-position:0 -150px; }
	}
	
	@keyframes digitSpin6 {
	    from { background-position:0 0; }
	    to { background-position:0 -180px; }
	}
	
	@keyframes digitSpin7 {
	    from { background-position:0 0; }
	    to { background-position:0 -210px; }
	}
	
	@keyframes digitSpin8 {
	    from { background-position:0 0; }
	    to { background-position:0 -240px; }
	}
	@keyframes digitSpin9 {
	    from { background-position:0 0; }
	    to { background-position:0 -270px; }
	}
	
	/* Animation for Webkit */
	@-webkit-keyframes digitSpin0 {
	    from { background-position:0 0; }
	    to { background-position:0 -300px; }
	}
	
	@-webkit-keyframes digitSpin1 {
	    from { background-position:0 0; }
	    to { background-position:0 -30px; }
	}
	
	@-webkit-keyframes digitSpin2 {
	    from { background-position:0 0; }
	    to { background-position:0 -60px; }
	}
	
	@-webkit-keyframes digitSpin3 {
	    from { background-position:0 0; }
	    to { background-position:0 -90px; }
	}
	
	@-webkit-keyframes digitSpin4 {
	    from { background-position:0 0; }
	    to { background-position:0 -120px; }
	}
	
	@-webkit-keyframes digitSpin5 {
	    from { background-position:0 0; }
	    to { background-position:0 -150px; }
	}
	
	@-webkit-keyframes digitSpin6 {
	    from { background-position:0 0; }
	    to { background-position:0 -180px; }
	}
	
	@-webkit-keyframes digitSpin7 {
	    from { background-position:0 0; }
	    to { background-position:0 -210px; }
	}
	@-webkit-keyframes digitSpin8 {
	    from { background-position:0 0; }
	    to { background-position:0 -240px; }
	}
	
	@-webkit-keyframes digitSpin9 {
	    from { background-position:0 0; }
	    to { background-position:0 -270px; }
	}
	
	/* Animation for Gecko (Firefox) */
	@-moz-keyframes digitSpin0 {
	    from { background-position:0 0; }
	    to { background-position:0 -300px; }
	}
	
	@-moz-keyframes digitSpin1 {
	    from { background-position:0 0; }
	    to { background-position:0 -30px; }
	}
	
	@-moz-keyframes digitSpin2 {
	    from { background-position:0 0; }
	    to { background-position:0 -60px; }
	}
	
	@-moz-keyframes digitSpin3 {
	    from { background-position:0 0; }
	    to { background-position:0 -90px; }
	}
	@-moz-keyframes digitSpin4 {
	    from { background-position:0 0; }
	    to { background-position:0 -120px; }
	}
	
	@-moz-keyframes digitSpin5 {
	    from { background-position:0 0; }
	    to { background-position:0 -150px; }
	}
	
	@-moz-keyframes digitSpin6 {
	    from { background-position:0 0; }
	    to { background-position:0 -180px; }
	}
	
	@-moz-keyframes digitSpin7 {
	    from { background-position:0 0; }
	    to { background-position:0 -210px; }
	}
	
	@-moz-keyframes digitSpin8 {
	    from { background-position:0 0; }
	    to { background-position:0 -240px; }
	}
	
	@-moz-keyframes digitSpin9 {
	    from { background-position:0 0; }
	    to { background-position:0 -270px; }
	}
	
	/* END Counter PopUp CSS3 */
	
	.home_vids{
		clear: both;
		width: 929px;
		height:343px;
		margin: 0 0 10px 4px;
		padding: 15px 0 0 15px;
	    background-image:url('/frontend/images/background/bgPlayerMobile_fr_FR.jpg');
	    border-radius: 5px;
	}
	
	.hv2{
		background-image:url('/frontend/images/background/bgHvEthic.png');
	}
	.hv_pink_title{
		color:#D22378;
		font-size:20px;
		font-weight:bold;
	}
	.hv_vids_btn{
		margin-top: 50px;
		font-size:14px;
		width: 380px;
		margin-right: 20px;
		margin-left:20px;
		float: right;
	}
	
	.home_vids video {
	margin-left:20px;
	}
	
	.home_vids_title{
		color:white;
		font-size:20px;
	
	}
	
	.home_vids_btn{
		margin-top: 110px;
		width: 232px;
		margin-right: 185px;
		float: right;
	}
	
	
	
	/* Buttons */
	
	
	.common-button {
		cursor: pointer;
		letter-spacing: 0px;
	}
	
	.blue-button {
		text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-family: Tahoma, Helvetica, Arial, sans-serif;
		font-size: 15px;
		color: #FFF;
		background: #029cdc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #0276a6;
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	}
	
	.blue-button:active {
		-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
		box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);
	}
	
	/* End Buttons */
	
	.home_vids .fb-like {
	margin-top:20px;
	margin-left:45px;
	}
	
	.jelix-msg-item-success, .cool_message {
		margin: 10px 0;
		padding: 15px ;
		text-align: left;
		border: 1px solid #6ab017;
		background: #6ab017;
		color: #fff;
		list-style: none;
	}
	
	
	/*
	***********************************************
	   BUBBLE	
	***********************************************/
	.bubble{
		position:absolute;
		padding:10px;
		max-height:40px;
		width:310px;
		border-radius:5px;
		font-size:12px;
		text-align:center;
		z-index:999;
		
	}
	
	.bubble-point{
		position:absolute;
		/* font-size: 30px; */
	  margin-top: 7px;
		margin-left:50px;
	}
	#screen, #screen2, #screen3, #screen4{
		cursor:pointer;
	 }
	/*
	***********************************************
		 BOUTONS FLAT
	***********************************************/

	/*.btn {
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		line-height: 18px; 
		padding: 12px 26px 10px 26px;
		margin-bottom: 0;
		font-family: economica;
		font-style: normal;
		font-size: 18px;
        font-weight:bold;
        opacity:0.99;
		color: #F2F2F2;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.2); 
		border:none;
        text-rendering: optimizeLegibility;
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
    }*/

	/*.btn:hover, .btn:focus, .btn:active, .btn.active{
		color: #333333;
		background-color: #333333;
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
		
	}*/
	/*.btn:hover, .btn:focus {
		color: white;
		background-position: 0 -60px;*/
		/*-webkit-transition: background-position 0.1s linear;
		-moz-transition: background-position 0.1s linear;
		-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;*/
    /*    -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	/*.btn i {
		display: inline-block;
		font-weight: normal;
		font-size: 18px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		vertical-align:middle;
		padding-bottom:2px;
	}*/
	/*.btn.gauche i {
		margin-right: 10px;
	}
	.btn.droite i {
		margin-left: 10px;
	}*/


	/*.rose {
		background-color: #d22378;*/
		/*background-image: -moz-linear-gradient(top, #d22378, #d22378);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d22378), to(#d22378));
		background-image: -webkit-linear-gradient(top, #d22378, #d22378);
		background-image: -o-linear-gradient(top, #d22378, #d22378);
		background-image: linear-gradient(to bottom, #d22378, #d22378);
		background-repeat: repeat-x;*/
    /*    -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	/*.rose:hover {
		color: white;
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/

    /*.btnGrey {
        background-color: #505050;
        /!*background-image: -moz-linear-gradient(top, #505050, #505050);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#505050));
        background-image: -webkit-linear-gradient(top, #505050, #505050);
        background-image: -o-linear-gradient(top, #505050, #505050);
        background-image: linear-gradient(to bottom, #505050, #505050);
        background-repeat: repeat-x;*!/
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
    }*/
    /*.btnGrey:hover {
        color: white;
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
    }*/

	/*.orangeFont{
		color: #F7941D;
	}*/
	/*.orange {
		background-color: #F7941D;
		/!*background-image: -moz-linear-gradient(top, #F7941D, #F7941D);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7941D), to(#F7941D));
		background-image: -webkit-linear-gradient(top, #F7941D, #F7941D);
		background-image: -o-linear-gradient(top, #F7941D, #F7941D);
		background-image: linear-gradient(to bottom, #F7941D, #F7941D);
		background-repeat: repeat-x;*!/
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	/*.orange:hover {
		color: white;
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	/*.bleu {
		background-color: #039bdd;
		/!*background-image: -moz-linear-gradient(top, #039bdd, #039bdd);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#039bdd), to(#039bdd));
		background-image: -webkit-linear-gradient(top, #039bdd, #039bdd);
		background-image: -o-linear-gradient(top, #039bdd, #039bdd);
		background-image: linear-gradient(to bottom, #039bdd, #039bdd);
		background-repeat: repeat-x;*!/
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	/*.bleu:hover {
		color: white;
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	
	/*.gris {
		background-color: #888;*/
		/*background-image: -moz-linear-gradient(top, #888, #888);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888), to(#888));
		background-image: -webkit-linear-gradient(top, #888, #888);
		background-image: -o-linear-gradient(top, #888, #888);
		background-image: linear-gradient(to bottom, #888, #888);
		background-repeat: repeat-x;*/
    /*    -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;

	}*/
	/*.gris:hover {
		color: white;
	}*/
	/*.noirBtn{
		background-color: #515151;*/
		/*background-image: -moz-linear-gradient(top, #000000, #000000);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
		background-image: -webkit-linear-gradient(top, #000000, #000000);
		background-image: -o-linear-gradient(top, #000000, #000000);
		background-image: linear-gradient(to bottom, #000000, #000000);
		background-repeat: repeat-x;*/
    /*    -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	/*.darkGray{
		background-color: #515151;*/
		/*background-image: -moz-linear-gradient(top, #222222, #222222);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
		background-image: -webkit-linear-gradient(top, #222222, #222222);
		background-image: -o-linear-gradient(top, #222222, #222222);
		background-image: linear-gradient(to bottom, #222222, #222222);
		background-repeat: repeat-x;*/
    /*    -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;

        transition: background-color linear 0.2s;
	}*/
	/*.jaune{
		background-color: #c7b002;*/
		/*background-image: -moz-linear-gradient(top, #c7b002, #c7b002);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c7b002), to(#c7b002));
		background-image: -webkit-linear-gradient(top, #c7b002, #c7b002);
		background-image: -o-linear-gradient(top, #c7b002, #c7b002);
		background-image: linear-gradient(to bottom, #c7b002, #c7b002);
		background-repeat: repeat-x;*/
    /*    -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	
	/*.jaune:hover {
		color: white;
        -webkit-transition: background-color linear 0.2s;
        -moz-transition: background-color linear 0.2s;
        -o-transition: background-color linear 0.2s;
        transition: background-color linear 0.2s;
	}*/
	/*.btnRight{
		margin:0 0 40px 0;
		float:right;
		border-radius: 2px 0px 0px 2px;
		-moz-border-radius: 2px 0px 0px 2px;
		-webkit-border-radius: 2px 0px 0px 2px;
		
	}*/
	
	.redError {
		cursor: initial;
		color:#cc0000;
	}
	/*.disabled {
        background-color:#b7b7b7;
        -moz-osx-font-smoothing: auto;
    }
	.disabled:hover{
        background-color:#b7b7b7!important;
	}*/
	.mandatory {
		font-size:12px;
        letter-spacing: -0.5px;
	}
	
	/********************************
	CheckBox Mobile/Webapp Confirm 
	*********************************/
		.checkbox{
			width: 23px;
			height: 21px;
			background: transparent url(https://static.youpass.com/frontend/images/home/checkoff-yp4.png) no-repeat 0 50%
		}
		.checked{
			width: 23px;
			height: 21px;
			background: transparent url(https://static.youpass.com/frontend/images/home/checkon-yp4.png) no-repeat 0 50%
		}
	
	
	/*
	***********************************************
		 BANNER
	***********************************************/
	
	.footer_img {
		position: relative;
		clear: both;
        width: 944px;
        margin: 60px auto 0px auto;
		background-color: rgba(255,255,255,0.9);
        border-radius: 0px 0px 10px 20px;
        -moz-border-radius: 0px 0px 10px 20px;
        -webkit-border-radius: 0px 0px 10px 20px;
		text-align:center;
		padding:20px 0px 20px 0px;
	}
	.footer_img a:hover, a:focus a {
		border:none;
		}
	.footer_img img{
		//border: thin dotted #dedede;
		border-bottom: none;
		border:none;
	}
	/* ***********************************
	TAILLE DES TEXTEAREA JELIX
	**************************************/

    .messi-footbox {
        text-align: center;
    }

    .messi-actions {
        width: 100%;
    }

	 
	#jforms_contact_technicalServiceOther_service_problem{
		width: 450px;
		height: 180px;
	}

	.funct-img {
		text-align: center;
		padding: 20px 0px 0px 0px;
	}

/* ***********************************************
    login_fancybox / forgot_fancybox STYLEs
*********************************************** */

.loginHead {
	display: inline-block;
}
#login-fancybox {
    position: relative;
    z-index: 1000 !important;
}
#forgot-fancybox {
    text-align: center;
}
#forgot-fancybox .login-top,
#login-fancybox .login-top {
    margin-top: 26px;
    margin-bottom: 54px;
    text-align: center;
}
#forgot-fancybox .login-top {
    margin-bottom: 40px;
}

.forCheckBox img{
	position: relative;
	top: -1px;
	cursor: pointer;
}


.loginLogo img {
	width: 164px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	position: relative;
	top: -7px;
}
#forgot-fancybox .login-top h1,
#login-fancybox .login-top h1 {
    display:inline-block;
    vertical-align: 3px;
    font-weight: normal;
    color: #000000;
}

#login-fancybox #login_error {
    position: absolute;
    color: #ff0000;
    //right: 132px;
    top: 23px;
    margin: 20px 120px;
    padding: 10px 15px;
    background: #cc0001;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 4px;
    border: 1px solid #cc0001;
    color: white;
}

#login-fancybox .remember-me {
    margin-left: 125px;
    padding-top: 11px;
}
#login-fancybox .remember-me label {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
}
#login-fancybox .remember-me img {
    margin-right:5px;
    cursor: pointer;
}
#login-fancybox .input {
    position: relative;
}
#forgot-fancybox .input {
    margin-top: 43px;
}
#login-fancybox .inside-input  {
    font-size: 18px;
    color: #b7cedf;
    position: absolute;
    top: 12px;
    left: 141px;
}
#forgot-fancybox .inside-input {
    position: absolute;
    top: 12px;
    left: 158px;
}
.forgot-pass {
    font-size: 14px;
}
.forgot-pass i {
    font-size: 18px;
    vertical-align: -4px;
    margin-right: 4px;
}
.login-fancybox-hr,
.login-fancybox-hr-2 {
    margin-left: 55px;
    width: 490px;
}
.forgot-fancybox-hr,
.login-fancybox-hr {
    border-top: 3px solid #f2f2f2;
    margin-top: 22px;
    margin-bottom: 24px;
}
.forgot-fancybox-hr-2,
.login-fancybox-hr-2 {
    border-top: 1px solid #f2f2f2;
    margin-top: 29px;
    margin-bottom: 18px;
}
.forgot-fancybox-hr,
.forgot-fancybox-hr-2 {
    width: 340px;
    margin-left: 132px;
}
.forgot-fancybox-hr-2 {
    margin-top: 90px;
}
#email_user_login_page {
	border-radius: 0px 4px 4px 0px;
}

#password_user_login_page {
	border-radius: 0px 4px 4px 0px;
}

#forgot-fancybox .returnToLogin {
    margin-left: 130px;
    line-height: 52px;
}
#forgot-fancybox .returnToLogin i {
    vertical-align: -2px;
}

.returnIcon i {
	position: relative;
	top:2px;
}

.backLoginBtn {
	padding-top: 13px;
}

.login-spacer {
	padding-top: 20px;
}

.login-hr {
	border-top: 1px solid #f2f1f5;
}

.forgotPassword span .icon {
	font-size: 18px;
	vertical-align: sub;
}

.cursor {
	cursor: pointer;
}
.cursor i {
	position: relative;
	top: 2px;
}
.forgot-pass i {
	top: -2px!important;
	color: #fff!important;
}

#email_user_forgot {
	border-radius: 0px 4px 4px 0px;
}

.elipseStyle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#login-fancybox .connectFb,
#login-fancybox .connectPP {
	display: inline-block;
    min-height: 53px;
    width: 100%;
    float: left;
    color: #FFFFFF;
    text-align:center;
    vertical-align:middle;
	font-size: 15px;
	font-weight: 300;
	cursor:pointer;
	border-radius: 4px;

}

#login-fancybox .connectPP {
    background: #0598DC;
	margin: 20px auto;
	position: relative;
	z-index: 2;
	padding: 14px 12px 11px;
}

#login-fancybox .connectPP:hover {
	background: #3b4b63;
	color: #fff;
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}
#login-fancybox .connectFb {
	background: #506BB5;
	margin: 20px auto;
	position: relative;
	z-index: 2;
	padding: 14px 12px 11px;
}
#login-fancybox .connectFb:hover {
	background: #3b4b63;
	color: #fff;
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}
#uncheckedLoginPopup {
	cursor:pointer;
	width: 22px;
	vertical-align: -6px;
	display: inline;
	position: relative;
	z-index: 11;
}

#checkedLoginPopup {
	cursor:pointer;
	display: none;
	position: relative;
	vertical-align: -6px;
	z-index: 11;
}



.btnForgot {
	padding: 14px 40px 13px 40px;
}

.fbPpContiner {
	text-align: center;
	margin: auto;
	box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 255, 255, 0.1);
	padding: 40px 0px 40px 0px;
}

.loginButton {
	width: 70%;
}




#login-fancybox .connectFbPP{
    min-height: 55px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019be1+0,019be1+44,3b5999+56,3b5999+100 */
	background: #019be1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #019be1 0%, #019be1 44%, #3b5999 56%, #3b5999 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #019be1 0%,#019be1 44%,#3b5999 56%,#3b5999 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #019be1 0%,#019be1 44%,#3b5999 56%,#3b5999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019be1', endColorstr='#3b5999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	color: #fff;
    text-align:center;
    vertical-align:middle;
    font-size: 16px;
	font-weight: 300;
    cursor:pointer;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

#login-fancybox .connectFbPP:hover {

	background: #3b4b63;
	background: -moz-linear-gradient(-45deg, #3b4b63 0%, #3b4b63 27%, #3b4b63 42%, #3b4b63 54%, #3b4b63 74%, #3b4b63 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3b4b63), color-stop(27%,#3b4b63), color-stop(42%,#3b4b63), color-stop(54%,#3b4b63), color-stop(74%,#3b4b63), color-stop(100%,#3b4b63)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%); /* IE10+ */
	background: linear-gradient(135deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4b63', endColorstr='#3b4b63',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

#login-fancybox .connectFbPP {
    margin: 8px 0px 8px 0;
    background-size: 100%;
	padding: 15px;
}
#login-fancybox .connectFbPP span{
    display: inline-block;
    margin-top: 17px;
}
#login-fancybox .connectFbPP span > span{
    font-weight: bold;
}
.backLoginBtnMobile a {
	color: #fff;
}
.backLoginBtnMobile a:hover {
	color: #fff;
	text-decoration: none;
}

.inputMobileMenu i {
	color: #516177!important;
}
.fullWidth {
	width: 100%!important;
}

.forgotPass {
	width: 63%;
}

.mobileReturn {
	padding-top: 10px;
}

.or-choice {
	text-transform: uppercase;
}


@media (max-width: 991px) {
	#login-fancybox .connectFb {
		margin: 2% 17%;
		width: 67%;
	}

	#login-fancybox .connectPP {
		margin: 2% 17%;
		width: 67%;
	}
	.or-choice {
		padding-top: 0px;
		text-transform: uppercase;
	}

}
@media (max-width: 569px) {
	#login-fancybox .connectFb {
		margin: 2% 0%;
		width: 100%;
	}

	#login-fancybox .connectPP {
		margin: 2% 0%;
		width: 100%;
	}
	.or-choice {
		padding-top: 0px;
	}

}


.resend-pwd {
    margin-top:22px;
}
/*.resend-pwd span {
    color: #22b2ee;
}*/
/*.label-success {
    display: block;
    background: #8DC640;
    width: 276px;
    margin: 40px auto 38px;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px 30px;
}*/

.label-success,
.label-send-failure {
	top: 4px;
	padding: 10px 15px;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: white;
	font-size: 100%;
	font-weight: normal;
	line-height: normal;
	white-space: normal;
	display: block;
	margin: 10px 0 -10px;
}

.label-success {
	border: 1px solid #6aaf18;
	background: #6aaf18;
}

.label-send-failure {
	border: 1px solid #cc0000;
	background: #CC0000;
}




/******************FireFox Specific Rules******************************/
    @-moz-document url-prefix() {





}


/*/***********************End FireFox Specific Rules**********************************/


	<style>


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

        YouPass Screen Stylesheet
        website:   www.youpass.com
        -----------------------------------------------------------------------------*/


	/*-----------------------------------------------------------------------------*/
	/** main_css **/

	/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 1, 2015 */



@font-face {
    font-family: 'encode_sans';
    src: url('https://static.youpass.com/frontend/font/font/encodesans-black-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesans-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-black-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesans-black-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesans-black-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-black-webfont.svg#encode_sansblack') format('svg');
    font-weight: 900;
    font-style: normal;

}



@font-face {
    font-family: 'encode_sans';
    src: url('https://static.youpass.com/frontend/font/font/encodesans-extrabold-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-extrabold-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesans-extrabold-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesans-extrabold-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-extrabold-webfont.svg#encode_sansextrabold') format('svg');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'encode_sans';
    src: url('https://static.youpass.com/frontend/font/font/encodesans-bold-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-bold-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesans-bold-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesans-bold-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-bold-webfont.svg#encode_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;

}



@font-face {
    font-family: 'encode_sans';
    src: url('https://static.youpass.com/frontend/font/font/encodesans-semibold-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-semibold-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesans-semibold-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesans-semibold-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-semibold-webfont.svg#encode_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}



@font-face {
    font-family: 'encode_sans';
    src: url('https://static.youpass.com/frontend/font/font/encodesans-medium-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesans-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-medium-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesans-medium-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesans-medium-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-medium-webfont.svg#encode_sansmedium') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'encode_sans';
    src: url('https://static.youpass.com/frontend/font/font/encodesans-regular-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-regular-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesans-regular-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesans-regular-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-regular-webfont.svg#encode_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'encode_sans';
    src: url('https://static.youpass.com/frontend/font/font/encodesans-light-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-light-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesans-light-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesans-light-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesans-light-webfont.svg#encode_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;

}


@font-face {
    font-family: 'encode_sans_compressedSBd';
    src: url('https://static.youpass.com/frontend/font/font/encodesanscompressed-semibold-webfont.eot');
    src: url('https://static.youpass.com/frontend/font/font/encodesanscompressed-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://static.youpass.com/frontend/font/font/encodesanscompressed-semibold-webfont.woff2') format('woff2'),
    url('https://static.youpass.com/frontend/font/font/encodesanscompressed-semibold-webfont.woff') format('woff'),
    url('https://static.youpass.com/frontend/font/font/encodesanscompressed-semibold-webfont.ttf') format('truetype'),
    url('https://static.youpass.com/frontend/font/font/encodesanscompressed-semibold-webfont.svg#encode_sans_compressedSBd') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Handling typography */
/*-----------------------------------------------------------------------------*/

h1, .h1 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
}

.h1 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
}
.h1 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

h2 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #224095;
    margin: 0 0 10px;
}

.h2 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #224095;
    margin: 0 0 10px;
}

h3 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 10px;
}

.h3 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 10px;
}

h4 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight:700;
    font-size: 16px;
    color: #224095;
    margin: 8px 0;
}

.h4 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight:700;
    font-size: 16px;
    color: #224095;
    margin: 8px 0;
}

h5 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight:300;
    font-size: 16px;
    margin: 10px 0;
}
.h5 {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight:300;
    font-size: 16px;
    margin: 10px 0;
}


h6 {

    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.h6 {

    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight: 300;
    font-size: 14px;
}

p {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.p {
    font-family: 'encode_sans', Verdana, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

h1 i {
    text-transform: none;
}

h1, .h1, h3, h5, h6, p {
    color: #3b4b63;
}
.h1, .h3, .h5, .h6, .p {
    color: #3b4b63;
}

html {
    overflow-y: scroll;
}
.nav-canvas-slid {
    top: -2px!important;
    opacity: 1!important;
}

.mid-blue-txt {
    color: #22b2ee;
}

.ypBlue {
    color: #224095;
}

.t-c {
    font-size: 12px;
}



/* Handling typography */
/*-----------------------------------------------------------------------------*/
.font-fix-ff-ch {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.font-fix-ff {
    -moz-osx-font-smoothing: grayscale;
}




/* global link styles */
/*-----------------------------------------------------------------------------*/
a,
a:focus {
    color: #224095;
}
a:hover {
    color: #224095;
    text-decoration: underline;
    cursor: pointer;
}
ul.zoneBreadcrumbs {
    width: auto;
    margin-top: 25px;
    min-height: 44px;
    height: auto;
    margin-bottom: 25px;
}
ul.zoneBreadcrumbs li {
    position: relative;
    float: left;
    font-family: encode_sans;
    vertical-align: middle;
    height: 48px;
    max-width: 275px;
    /*margin-left: -1px;*/

}

/*ul.zoneBreadcrumbs li a:nth-child(1) */


ul.zoneBreadcrumbs li a {
    text-decoration: none;
    border-left: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    background: #fff;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    max-height: 44px;
    height: 44px;
    padding: 11.5px 12px 11.5px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
ul.zoneBreadcrumbs li a div {
    position: absolute;
    width: 0;
    z-index: 1;
    left: 99%;
    height: 0;
    top: -11.5px;
    border-style: solid;
    border-width: 21px 0 21px 28px;
    border-color: transparent transparent transparent #D9D9D9;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
ul.zoneBreadcrumbs li a div:after {
    content: '';
    position: absolute;
    width: 0;
    z-index: 1;
    right: 1px;
    height: 0;
    top: -20px;
    border-style: solid;
    border-width: 20px 0 20px 27px;
    border-color: transparent transparent transparent #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

ul.zoneBreadcrumbs li span {
    background: #f2f1f5;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    max-height: 44px;
    height: 44px;
    padding: 11.5px 25px 11.5px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.zoneBreadcrumbs i {
    color: #224095;
    font-size: 25px;
    position: relative;
    vertical-align: text-top;
    top: -4px;
}
.zoneBreadcrumbs a:hover {
    text-decoration: none;
    background: #3b4b63;
    color: #fff!important;
}
.zoneBreadcrumbs a:hover i {
    color: #fff!important;
}

ul.zoneBreadcrumbs li a:hover div:after{
    border-color: transparent transparent transparent #3b4b63;

}

.modal-header .close {
    margin-top: -5px;
}

.shopCat-filter-tabs {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

@media (max-width:997px) {
    .shopCat-filter-tabs {
        padding-left: 30px!important;
        padding-right: 15px!important;
    }
}

@media (max-width:767px) {
    .shopCat-filter-tabs {
        padding-left: 7px!important;
        padding-right: 15px!important;
    }
}

/* global button styles */
/*-----------------------------------------------------------------------------*/
.btn {
    padding: 11px 12px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: encode_sans;
    vertical-align: middle;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #fff;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.messi-footbox {
    width: 100%;
    height: 65px!important;
    overflow: hidden;
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.messi .btn {
    display: inline-block;
    padding: 11px 12px 11px!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: encode_sans;
    margin-bottom: 0;
    font-size: 16px!important;
    line-height: 26px;
    text-align: center;
    text-shadow: none!important;
    vertical-align: middle;
    cursor: pointer;
    background: transparent!important;
    color: #aac9e1!important;
    background-color: transparent!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-repeat: repeat-x;
    border: 1px solid!important;
    background: transparent!important;
    border-color: #aac9e1!important;
    border-color: #aac9e1!important;
    border-bottom-color: #aac9e1!important;
    filter: none!important;
    filter: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

.messi .btn:hover {
    background: #3b4b63!important;
    border-color: #3b4b63 !important;
    color: #fff!important;
    -webkit-transition: background 0.1s linear!important;
    -moz-transition: background 0.1s linear!important;
    -ms-transition: background 0.1s linear!important;
    -o-transition: background 0.1s linear!important;
    transition: background 0.1s linear!important;
}

.btnbox + .btnbox .btn {
    background-color: #22b2ee!important;
    color: #fff!important;
    border: transparent!important;
}

.btnbox + .btnbox .btn:hover {
    background: #3b4b63!important;
    color: #fff!important;
    -webkit-transition: background 0.1s linear!important;
    -moz-transition: background 0.1s linear!important;
    -ms-transition: background 0.1s linear!important;
    -o-transition: background 0.1s linear!important;
    transition: background 0.1s linear!important;
}

.sa-button-container .cancel {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: encode_sans;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 16px!important;
    line-height: 26px;
    text-align: center;
    text-shadow: none!important;
    cursor: pointer;
    background: transparent!important;
    color: #aac9e1!important;
    background-repeat: repeat-x;
    border: 1px solid!important;
    background: transparent!important;
    border-color: #aac9e1!important;
    border-color: #aac9e1!important;
}

.sa-button-container .confirm {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: encode_sans;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 16px!important;
    text-align: center;
    text-shadow: none!important;
    cursor: pointer;
    background-repeat: repeat-x;
    border: 0px solid!important;
    border-color: #aac9e1!important;
    border-color: #aac9e1!important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset!important;
}

.sa-button-container .cancel:hover, .sa-button-container .confirm:hover {
    background: #3b4b63!important;
    color: #fff!important;
    -webkit-transition: background 0.1s linear!important;
    -moz-transition: background 0.1s linear!important;
    -ms-transition: background 0.1s linear!important;
    -o-transition: background 0.1s linear!important;
    transition: background 0.1s linear!important;
}

.btn:hover, .btn:focus, .btn.focus {
    text-decoration: none;
}

.green-btn {
    color: #fff!important;
    background: #6AB017;
}

.clearBtn {
    background: transparent;
    border: 1px solid #aac9e1;
    color: #aac9e1!important;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.clearBtn:hover {
    color: #fff!important;
    border-color: #3b4b63;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.clearBtn:focus, .clearBtn.focus {
    color: #aac9e1;
}
.bot-container  label {
    margin: 5px 0px 5px 0px;
}
.btn i {
    font-size: 18px;
    vertical-align: sub;
    line-height: 1.2;
    position: relative;
    top: -1px;
}

.address-info i, .max-adddress i {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #b7cedf;
}



.btn-facebook {
    background: #3B5999;
    max-height: 44px;
    max-width: 130px;
    float: right;
}

.btn-twitter {
    background: #55ACEE;
    max-width: 130px;
    max-height: 44px;
    float: left;
}

.btn-dkBlue {
    background: #224095;
}
.btn-mdBlue {
    background: #22b2ee;
}
.btn-DkBlueGrey {
    background: #516177;
}
.btn-lgtBlue {
    background: #aac9e1;
}
.btn-dkGrey {
    background: #b7cedf;
}
.btn-mdGrey {
    background: #cbddeb;
}

.btn-orange {
    background: #ff9600;
}

.btn-lgtGrey,
.btn-disabled {
    background: #f2f1f5;
}
.btn-disabled {
    cursor: default;
}
.btn-green {
    background: #6ab017;
}
.btn-white {
    background: #fff;
    color: #3b4b63;
}
.btn-white:focus {
    color: #3b4b63;
}
.btn-outline {
    background: transparent;
    color: #b7d1df;
    border: 1px solid #b7d1df;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.btn-outline:focus {
    color: #b7d1df;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.btn-search {
    padding: 11px 22px 11px 21px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.btn-search i {
    color: #1f272f;
}
.btn:hover {
    background: #3b4b63;
    background: #3b4b63;
    color: #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.btn-outline:hover {
    border-color: transparent;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.btn-disabled:hover {
    background: #f2f1f5;
}
.btn.disabled,
.btn[disabled] {
    opacity: 1;
    background: #ccc;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    /*outline: thin dotted;*/
    /*outline: 5px auto -webkit-focus-ring-color;*/
    outline: none;
    outline-offset: -2px;
    color: #fff;
}
.showMoreBtn:focus,
.showMoreBtn:active:focus,
.showMoreBtn.active:focus,
.showMoreBtn.focus,
.showMoreBtn:active.focus,
.showMoreBtn.active.focus,
.showLessBtn:focus,
.showLessBtn:active:focus,
.showLessBtn.active:focus,
.showLessBtn.focus,
.showLessBtn:active.focus,
.showLessBtn.active.focus{
    color: #3b4b63;
    outline: none;
    outline-offset: -2px;
    color: #3b4b63;
}


.comp-doc {
    counter-reset: list-counter;
}
.comp-doc dt {
    position: relative;
    font: 400 14px encode_sans;
    padding: 0px 0 15px 0;
}
.comp-doc dt:before {
    content: counter(list-counter);
    counter-increment: list-counter;
    position: absolute;
    left: 0;
    top: 0;
    font: 500 12px/1 encode_sans;
    color: #fff;
    border-radius: 50%;
    background: #b7d1df;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    padding-top: 7px;
    text-align: center;
}
.comp-doc dd {
    margin: 0 0 50px 0;
}
.comp-doc dt {
    padding-top: 4px;
    padding-left: 35px;
}
.comp-doc-infos {
    padding-top: 15px;
}
.comp-doc-infos-3 {
    padding-top: 15px;
}
.comp-doc-infos p{
    max-width: 308px;
}
.comp-doc-infos-3 p {
    max-width: 308px;
    margin-left: 15px;
}
.use-youwallet-img,
.use-micropayment-img,
.use-marketplace-img {
    max-width: 308px;
    height: 272px;
    border: 1px solid #f2f1f5;
}
.use-youwallet-img {
    background: url("https://static.youpass.com/frontend/images/common/utilise-youwallet.jpg") no-repeat #f2f1f5;
}

.use-micropayment-img {
    background: url("https://static.youpass.com/frontend/images/common/micropayment-eg.jpg") no-repeat #f2f1f5;
}

.use-marketplace-img {
    background: url("https://static.youpass.com/frontend/images/common/marketplace-eg.jpg") no-repeat #f2f1f5;
    margin-left: 15px;
}

.submit-docs-btn {
    width: 263px;
}


.accept-files span {
    font-size: 12px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .use-youwallet-img,
    .use-micropayment-img,
    .use-marketplace-img {
        text-align: center;
        margin: auto!important;
    }
    .comp-doc-infos p {
        text-align: center;
        margin: auto;
        padding-bottom: 30px;
    }

    .comp-doc-infos-3 p {
        text-align: center;
        margin: auto;
        padding-bottom: 30px;
        margin: auto;
    }

    .document-verif .noPaddingRight,
    .document-verif .noPaddingLeft {
        padding-left: 0px;
        padding-right: 15px
    }
    .document-verif .right {
        float: none!important;
    }
    .document-verif .submit-docs-btn {
        text-align: center;
        margin: auto;
    }
    .document-verif .col-md-12 {
        text-align: center;
    }
    ul.zoneBreadcrumbs {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    ul.zoneBreadcrumbs li {
        height:29px;
    }
    ul.zoneBreadcrumbs li a {
         font-size: 12px;
         text-decoration: none;
         border-left: 1px solid #D9D9D9;
         border-top: 1px solid #D9D9D9;
         border-bottom: 1px solid #D9D9D9;
         background: #fff;
         -webkit-border-radius: 4px 0px 0px 4px;
         -moz-border-radius: 4px 0px 0px 4px;
         border-radius: 4px 0px 0px 4px;
         max-height: 44px;
         height: 44px;
         padding: 6.5px 4px 6.5px 16px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         -webkit-transition: all 0.1s linear;
         -moz-transition: all 0.1s linear;
         -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
         transition: all 0.1s linear;
     }
    ul.zoneBreadcrumbs li a div {
        position: absolute;
        width: 0;
        z-index: 1;
        left: 99%;
        height: 0;
        top: -4.5px;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        border-color: transparent transparent transparent #D9D9D9;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }
    ul.zoneBreadcrumbs li a div:after {
        content: '';
        position: absolute;
        width: 0;
        z-index: 1;
        right: 1px;
        height: 0;
        top: -15px;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        border-color: transparent transparent transparent #fff;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }
    ul.zoneBreadcrumbs li span {
        font-size: 12px;
        background: #f2f1f5;
        border: 1px solid #D9D9D9;
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        max-height: 44px;
        height: 44px;
        padding: 6.5px 8px 6.5px 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    i.icon-boutique {
        font-size: 18px;
        /*line-height: 28px;*/
    }
    .zoneBreadcrumbs i {
        position: relative;
        vertical-align: text-top;
        top: -1px;
        font-size: 18px;
    }
}

.btn-search:hover i {
    color: #fff;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -ms-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}
.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
}
.btn-disabled:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 11px 12px 11px;
}

.modalOptBtn {
    width: 75px;
}
.more-link {
    display: block;
    margin-top: 5px;
    padding-top: 5px;
}

.imp-message {
    font-size: 12px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 0px solid transparent;
    border-radius: 4px;
}

.prodReceiptAmount {
    font-size: 24px;
    color: #22b2ee;
    line-height: 15px;
}
h2.prodReceiptAmount span {
    float: left;
    font-weight: 500;
    font-size: 14px;
    color: #263346;
}

.btnMargin {
    margin-top: 30px;
}
.btnMarginBtm {
    margin-bottom: 20px;
}

.btnMarginTop {
    margin-top: 20px;
}

.uploadBox-1 {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 20px;
}

.sweet-alert button {
    background-color: #22b2ee!important;
}

/* global color styles */
/*-----------------------------------------------------------------------------*/
.red {
    color: #cc0000;
}
.green {
    color: #6ab017;
}
.orange {
    color: #ff9600;
}
.lgtBlue {
    color: #85cbff;
}

.full-width {
    width: 100%;
}

/* full width row */
.full-width-all {
    padding: 0 5px;
}


/* padding resets */
.padReset {
    padding-left: 0;
    padding-right: 0;
}
.padResetLeft {
    padding-left: 0;
}
.padResetRight {
    padding-right: 0;
}


/* global page title styles */
/*-----------------------------------------------------------------------------*/
.pageTitle {
    padding: 15px 15px 10px;
}



/* global icon styles */
/*-----------------------------------------------------------------------------*/
.icon-star,
.icon-star-half,
.icon-star-empty,
.icon-star-half-empty,
.icon-star-o,
.fa .fa-star,
.fa .fa-star-half,
.fa .fa-star-half-empty,
.fa .fa-star-half-full,
.fa .fa-star-half-o,
.fa .fa-star-o {
    color: #ff9600;
    /*margin-left: -3px;*/
}
/*
.icon-star:first-of-type,
.icon-star-empty:first-of-type {
    margin-left: 0;
}
*/

.icon-star-empty:after {
    content: "\f006";
    color: #cc0000;
    position: absolute;
    left: 0;
}



/* global icon styles */
/*-----------------------------------------------------------------------------*/
.modal-header {
    border-bottom: 0px solid #f2f1f5;
}
.modal-footer {
    border-top: 1px solid #f2f1f5;
}


/* global pagination styles */

/*-----------------------------------------------------------------------------*/
.gift-code-container .pagination {

    display: flex;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    justify-content: center;
}

.pagination-lg>li>a, .pagination-lg>li>span {
    font-size: 14px;
    align-self: flex-end;
    cursor: pointer;

}
.pagination>li>a, .pagination>li>span {
    color: #22b2ee;
    border: 1px solid #f2f1f5;
    max-height: 44px;
    min-height: 44px;
    min-width: 44px;
    vertical-align: middle;
    font-weight: 300;
    padding: 11px 12px 11px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover {
    background-color: #22b2ee;
    border-color: #D9D9D9;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.pagination>li>a:hover,
.pagination>li>span:hover {
    color: #fff;
    background-color: #22b2ee;
    border-color: #D9D9D9;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a:focus,
.pagination>li>span:focus {
    cursor: pointer;
    color: #fff;
    background-color: #22b2ee;
    border-color: #D9D9D9;
    outline: none;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.pagination>li>a:active,
.pagination>li>a:focus,
.pagination>li>span:active,
.pagination>li>span:focus {
    max-width: 46px;
    cursor: pointer;
    outline: none;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;

}

.pagination>li>.selected {
    z-index: 5;
    outline: none;
    outline-offset: -2px;
    background-color: #22b2ee;
    color: #fff!important;
    -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    border-color: #D9D9D9!important;
}


/* global input styles */
/*-----------------------------------------------------------------------------*/
label {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 16px;
    margin-top: 13px;
    white-space: nowrap;
}
.form-control {
    font-weight: 300;
}
.form-control,
.input-lg,
.form-group-lg .form-control {
    height: 45px;
    font-size: 14px;
    color: #3b4b63;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0px 0px 0px rgba(0,0,0,.075);
}

/* setting input type="number" default: show number spinners Chrome */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
}

textarea.form-control {
    color: #3b4b63;
    font-family: encode_sans, Verdana, sans-serif;
}
.input-group-addon {
    background: #fff;
    border: 1px solid #D9D9D9;
    border-right: none;
    color: #516177;
}
.input-group {
    height: 44px;
}

.input-group .form-control {
    height: 45px;
}

input::-webkit-input-placeholder {
    color: #b7cedf !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #b7cedf !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #b7cedf !important;
}

input:-ms-input-placeholder {
    color: #b7cedf !important;
}

::-webkit-input-placeholder {
    color: #b7cedf;
    font-weight: 300;
}

input.reverse::-webkit-input-placeholder {
    color: #3b4b63 !important;
}

input.reverse:-moz-placeholder { /* Firefox 18- */
    color: #3b4b63 !important;
}

input.reverse::-moz-placeholder {  /* Firefox 19+ */
    color: #3b4b63 !important;
}

input.reverse:-ms-input-placeholder {
    color: #3b4b63 !important;
}

.reverse::-webkit-input-placeholder {
    color: #3b4b63;
    font-weight: 300;
}

input.reverse:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input.reverse:focus:-moz-placeholder { /* Firefox 18- */
    color: transparent !important;
}

input.reverse:focus::-moz-placeholder {  /* Firefox 19+ */
    color: transparent !important;
}

input.reverse:focus:-ms-input-placeholder {
    color: transparent !important;
}

.reverse:focus::-webkit-input-placeholder {
    color: transparent;
    font-weight: 300;
}

textarea::-webkit-input-placeholder {
    color: #b7cedf !important;
}


textarea:-moz-placeholder {
    color: #b7cedf !important;
}

textarea:-ms-input-placeholder {
    color: #b7cedf !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #b7cedf;
    font-weight: 300;
}


::-moz-placeholder {  /* Firefox 19+ */
    color: #b7cedf;
    font-weight: 300;
}

:-ms-input-placeholder {
    color: #b7cedf;
    font-weight: 300;
}

.newNumber {
    margin-left: 10px;
}

.chose-image-small,
.chose-image-list {
    width: 30px!important;
    max-height: 30px!important;
    vertical-align: middle;
    margin: -3px 5px 0 0!important;
    padding: 0 3px 0 0;
}


/* Anti-aliasing issue ! img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}*/

.imgUploadBox ::-webkit-input-placeholder {
    color: #b7cedf;
}
.imgUploadBox :-moz-placeholder {
    color: #b7cedf;
}
.imgUploadBox ::-moz-placeholder {
    color: #b7cedf;
}
.imgUploadBox :-ms-input-placeholder {
    color: #b7cedf;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.inputBackground .chosen-container-single .chosen-single {
    border-radius: 0px 4px 4px 0px;
}

#loginlogin .icon {
  color: #224095;
}

.require {
    position: relative;
    color: #b7d1df;
    font-weight: 700;
    white-space: nowrap;
    width: 0px;
}

.require i {
    position: absolute;
    top: 16px;

}

.requireSelect {
    display: block;
    color: #b7d1df;
    margin-top: 12px;
    margin-left: 4px;
    font-weight: 700;
    margin-right: 0px;
    padding-right: 5px;
    white-space: nowrap;
    position: absolute;
    top: 41px;
    right: -4px;
}

.modal {
    position: fixed;
    z-index: 10000;

}


.remove-overflow {
    overflow-y: hidden;
}


.socialM {
    position: relative;
    z-index: 2;
}



    /* global nav tabs style */
/*-----------------------------------------------------------------------------*/
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: none;
    border-left: 1px solid #f2f1f5;
    border-right: 1px solid #f2f1f5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.nav-tabs.nav-justified>li>a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #3b4b63;
    padding: 11px 0 10px 15px;
    -webkit-box-shadow: inset -1px -1px 3px rgba(80, 80, 80, 0.1);
    -moz-box-shadow: inset -1px -1px 3px rgba(80, 80, 80, 0.1);
    box-shadow: inset -1px -1px 3px rgba(80, 80, 80, 0.1);
    font-size: 20px;
    text-align: center;
    /*margin-bottom: 10px;*/
    border-bottom: 1px solid #f2f1f5;
    border-left: 1px solid #f2f1f5;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #3b4b63;
}
.tab-content,
.nav-tabs.nav-justified>li {
    background: #fff;
}
.nav-tabs.nav-justified>li {
    border-top: 3px solid #f2f1f5;
}
.nav-tabs.nav-justified>li.active {
    border-top: 3px solid #22b2ee;
}
.nav-tabs.nav-justified>li:hover {
    border-top: 3px solid #22b2ee;
}
.nav>li>a:hover, .nav>li>a:focus {
    background: #fff;
}
.nav-tabs>li>a {
    border: none;
}
.tab-content>.tab-pane {
    margin-top: -10px;
    padding-top: 30px;
}


/* global content style */
/*-----------------------------------------------------------------------------*/

.backgroundFilter {
    background: rgba(255,255,255,0.7);
    position: relative;
    top: -12px;
}

.contentWrap {
    position: relative;
    background-image: linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 108px, #fff 0px, #fff 100%);
    background-image: -o-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 108px, #fff 0px, #fff 100%);
    background-image: -moz-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 108px, #fff 0px, #fff 100%);
    background-image: -webkit-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 108px, #fff 0px, #fff 100%);
    background-image: -ms-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 108px, #fff 0px, #fff 100%);
    padding-bottom: 60px;
    overflow-x: hidden;
}
.bypass-container {
    line-height: 0px;
    height: 0px;
}
@media (max-width: 767px) {
    .bypass-container {
        height: 20px;
    }
}
@media (max-width: 470px) {
    .bypass-container {
        height: 0px;
    }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none!important;
    margin: 0!important;
}

input[type=number] {
    -moz-appearance:textfield!important;
}

noindex:-o-prefocus,
input[type=number] {
    padding-right: 1.2em!important;
}
.contentWrap:before {
    content: "";
    height: 40px;
    width: 100%;
    position: absolute;
    background-color: #fff;
    border-top: 5px solid white;
    top: 73px;
}

.contentWrapGrey {
    background: #f2f1f6;
}

.contentWrapWhite {
    background: #fff;
}

.contentGrey {
    background: #f2f1f6;
}

.avatarPadding {
    padding: 50px 0px;
}


/* global helper styles */
/*-----------------------------------------------------------------------------*/
.helper {
    padding: 15px;
    color: #fff;
    font-weight: 300;
}
.helper.success {
    background: rgba(106,176,23,1);
}
.helper.warning {
    background: rgba(255,150,0,1);
}
.helper.danger {
    background: rgba(204,0,0,1);
}
.helper.info {
    background: rgba(0,180,255,1);
}



/* set position relative */
/*-----------------------------------------------------------------------------*/
.relative {
    position: relative;
}



/* home/shop page : gameCard styles */
/*-----------------------------------------------------------------------------*/
.yp4-gameCard {
    border: 1px solid #eeeeee;
    border-left: 3px solid #b7d1df;
    background: #ebedef;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
    height: 169px;
    margin-bottom: 20px;
    padding: 15px 8px 15px;
}
.seller {
    font-size: 12px;
    color: #1f272f;
    display: inline-block;
}
.productRating {
    font-size: 12px;
    display: inline-table;
    float: right;
}
.productRating i {
    vertical-align: sub;
    color: #ff9600!important;
}

.alsoBought .productRating i {
    margin-left: -2px;
}

/*#ratingBtnShow.hide,
#ratingBtnHide.hide {
    display: none;
}*/

#ratingBtnShow,
#ratingBtnShow2 {
    margin-top: 15px;
}

/*.r-form label {
    margin-bottom: 30px;
}*/

#r-form .clearBtn {
    margin-right: 15px;
}

.r-form-hr {
    border-top: 1px solid #D9D9D9;
}

.platform {
    margin-bottom: 20px;
}
.cartBtn {
    float: right;
}

.cartItemPrice {
    margin-top: 13px;
}

.itemTotal {
    margin-top: 14px;
}

.itemQuantity {
    width: 53px;
    height: 45px;
    border: 1px solid #dbe5ea;
    text-align: center;
    float: right;
}
.productImageContainer {
    width: 149px;
    height: 143px;
}
.productImage {
    /*max-width: 100px;*/
    /*max-height: 100px;*/
    max-width: 70%;
    max-height: 70%;
    -webkit-box-shadow: 1px 2px 11px 0px rgba(0,0,0,.15);
    -moz-box-shadow: 1px 2px 11px 0px rgba(0,0,0,.15);
    box-shadow: 1px 2px 11px 0px rgba(0,0,0,.15);
}

.prod-img-back {
    padding: 0;
    position: relative;
    border: 1px solid #edecef;
    background-image: url(https://static.youpass.com/frontend/images/prod-back-pattern.jpg);
    width: 100%;
    min-height: 295px;
    margin: auto;
    text-align: center;
    font: 0/0 a;
}
.prod-img-back:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    min-height: 295px;
}
.prod-img-back img {
    display: inline-block;
    vertical-align: middle;
}


/* cart page style */
/*-----------------------------------------------------------------------------*/
.cartPageTitle {
    padding: 0px 15px 10px;
}
.cartContainer {
    padding-left: 0;
    padding-right: 0;
}
.cartPadding {
    /*padding-right: 15px;*/
}
.receiptOpts {
    margin-top: 110px;
}
.cartHeadings {
    margin-top: 46px;
    border-bottom: 1px solid #f2f1f5;
    padding-bottom: 21px;
}
.cartLineTwo {
    margin-top: 14px;
}
.cartLineTwo .youProtect {
    height: 24px;

}
.cartLineTwo {
    font-size: 10px;
}
.lineError {
    color: #cc0000;
    text-align: left;
}
.cartHeading,
.cartContents {
    font-size: 12px;
}
.cartItemPrice,
.cartInsure {
    font-size: 14px;
    padding-right: 0px;
}
.cartContents {
    margin-top: 17px;
}
.cartItem {
    border-bottom: 1px solid #f2f1f5;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.cartItemTitle {
    font-family: encode_sans_compressedSBd;
    margin: 0;
}
@-moz-document url-prefix() {
    .cartItemTitle {
        font-weight: 500;
    }
}
.cartImg{
    min-width: 91px;
    /*min-height: 87px;*/
    margin-left: -2px;
    padding: 0;
    height: 100%;
    text-align: center;
    font: 0/0 a;
}
.cartImg img {
    border: 1px solid #f2f1f5;
}
.cartQte {
    width: 64px;
}
.cartFunction {
    font-size: 11px;
    cursor: pointer;
}
.cartFunction:hover .icon,
.cartFunction:active .icon,
.cartFunction:focus .icon {
    opacity: 0.6;
}
.cartFunction .icon {
    font-size: 19px;
    vertical-align: -5px;
}
.cartInsure {
    color: #1f3d91;
}
.cartContainer input[type=number]::-webkit-inner-spin-button,
.cartContainer input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cartTotal {
    border-bottom: 1px solid #f2f1f5;
    padding: 17px 15px;
}
.cartTotal>h2>span {
    font-size: 24px;
    color: #22b2ee;
}

.cartInfoMsg {
    font-size: 12px;
    text-align: left;
    padding: 15px;
    background:#f2f1f5;
}

.cartAcceptTerms {
    margin: 16px 0 23px 0;
    font-size: 12px;
}


.cartFinaliseDisabled {
    opacity: 0.35;
    cursor: initial;
}

.cartFinaliseDisabled a:hover,
.cartFinaliseDisabled a:focus {
    text-decoration: none;
}

.cartFinaliseDisabled * {
    pointer-events: none;
}

.alsoBought {
    margin: 75px 0 50px 0;
}
.alsoBought .cardcaption {
    color: #1f272f;
    /*padding: 3px 0 7px 19px !important;*/
}
.alsoBought .cardcaption h4 {
    font-family: encode_sans_compressedSBd, verdana, sans-serif;
    text-align: left;
    line-height: 20px;
    margin: 6px 0px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@-moz-document url-prefix() {
    .alsoBought .cardcaption h4 {
        font-weight: 500;
    }
}
.alsoBought .cardcaption .productPlatform {
    min-height: 20px;
    white-space: nowrap;
    overflow: hidden;
}

.alsoBought .cardcaption .productPlatform .icon {
    padding-right: 10px;
}
.alsoBought .cardcaption .icon {
    color: #aac8e2;
}
.alsoBought .cardcaption a {
    color: #224095;
}

.alsoBought .cap-bot-inner .cardcaption .productQuantity {
    position: absolute;
    top: 36px;
    width: 73px;
    right: 105px;
}
.alsoBought input[type="text"],
.alsoBought input[type="number"] {
    height: 44px;
    border-color: #f2f1f5;
    border-style: solid;
    border-width: 1px;
    background-color: #fff !important;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 14px;
}

.item-unavailable {
    padding-top: 15px;
    text-align: right;
}

.item-unavailable span {
    font-size: 12px;
    font-weight: 300;
    color: #263346;
}

.item-unavailable i {
    position: relative;
    top: 2px;
    color: #cc0000!important;
}


/* youShare Button style */
/*-----------------------------------------------------------------------------*/
.ySBtnShareIt {
    padding: 7px 12px 7px!important;
    /*height: 51px!important;*/
}

#ySBtn2 {
    display: block;
    margin: 0 auto;
    background: #2244a4;
    width: 165px;
    border: none;
    padding: 12px 15px 12px!important;
    color: #fff;
}
#ySBtn2 > p:first-of-type {
    font-size: 16px;
    margin: 0;
    color: #fff;
}
#ySBtn2 > p:first-of-type span {
    font-weight: bold;
    color: #fff;
}
#ySBtn2 > p:last-of-type {
    font-size: 11px;
    margin: -5px;
    color: #fff;
}

#ySBtn {
    display: block;
    margin: 0 auto;
    background: #2244a4;
    width: 165px;
    height: 45px;
    border: none;
    padding: 6px 15px 6px;
    color: #fff;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    position: relative;
}
#ySBtn .icon {
    font-size: 26px;
}
#ySBtn > p:first-of-type {
    font-size: 16px;
    margin: 0px 8px;
    color: #fff;
}
#ySBtn > p:first-of-type span {
    font-weight: bold;
    color: #fff;
}
#ySBtn > p:last-of-type {
    font-size: 10.5px;
    margin: -5px -21px 0 0;
    color: #fff;
    font-weight: 500;
    position: absolute;
    left: 57px;
}

.ySBtn {
    width: 100%!important;
}

.ySBtn i {
    font-size: 28px;
}

.ySBtn:hover {
    background: #3b4b63!important;
}


/* footer social links  */
.yPSocialCol {
    margin-right: 10px;
}
.yPSocialFooter {
    width: 43px;
    height: 43px;
    padding: 7px 8px 0 7px;
    margin-bottom: 30px;
    margin-left: 8px;
    -webkit-border-radius: 29px 32px / 3px 3px;
    -moz-border-radius: 29px 32px / 3px 3px;
    border-radius: 29px 32px / 3px 3px;
}
.fB {
    color: #3b5999;
}
.tW {
    color: #55acee;
}
.yT {
    color: #cc0000;
}
.bL {
    color: #ff9600;
}
.sc {
    color: #fffb01;
    text-shadow:
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;
}

.iN {

    height: 48px;
}
.twitch {
    color: #6441a5;
}

.iN img {
    position: absolute;
    height: 49px;
    width: 50px;
    top: -2px;
    left: -4px;
}

.followLinks .icon {
    font-size: 28px;
    color: #fff;
    position: relative;
}
.followLinksIn {
    position: relative;
    width: 43px;
    height: 43px;
    padding: 7px 8px 0 7px;
    margin-bottom: 30px;
    margin-left: 8px;
}

.followLinksIn .icon {
    font-size: 28px;
    color: #fff;
    position: relative;
}


.followLinks {
    position: relative;
    width: 43px;
    height: 43px;
    padding: 7px 8px 0 7px;
    margin-bottom: 30px;
    margin-left: 8px;
}
.followLinks:before {
    position: absolute;
    content: "\e052";
    font-family: "youpass" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: -1px;
    left: -3px;
    font-size: 48px;
}

p.t-y {
    font-size: 11px;
    position: relative;
    top: 2px;

}

.t-y-prod .pegiImgAge {
    display: inline-block;
    float: none;
    text-align: left;
}

.t-y-prod {

}

.t-y-prod p{
    position: relative;
    top: -7px;
    padding-top: 15px;
    text-align: left;
    font-size: 12px;
    font-weight: 300;

}

.cartAcceptTerms img {
    width: 24px;
    vertical-align: -6px;
    display: inline;
    position: relative;
    z-index: 11;
    cursor: pointer;
}

.youProtectLabel {
    margin-top: 0px;
    font-size: 12px;
    font-weight: normal;
}

.youProtect {
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 7px;
    margin-left: 8px;
    margin-bottom: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.youProtect:before {
    position: absolute;
    z-index: 1;
    color: #224095;
    font-family: YouPass;
    content: "\e055";
    font-size: 82px;
    left: 0px;
    top: 14px;
    line-height: 0;
}

.youProtect div {
    position: relative;
    z-index: 2;
}

.youProtect div span {
    font-weight: 300;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    min-height: 44px;
}
.multiselect-container input[type=checkbox] {
    min-height: 0px;
}

.multiselect-all {
    width: 100%!important;
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200%!important;
    padding: 20px 0px 20px 2px;
    height: auto;
    max-height: none!important;
}

.multiselect-container>li {
    padding: 0;
    float: left;
    min-height: 38px;
    width: 48%;
    max-height: 400px!important;
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    padding: 3px 20px 3px 40px;
    width: auto;
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    margin: 0;
    background: none;
}
.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 0px;
    position: relative;
    top: -1px;
    left: -4px;
}


/*dropdown style */
/*-----------------------------------------------------------------------------*/
.yPDropdown {
    position: relative;
    height: 45px;
    width: 100%;
    border: 1px solid #354356;
    background: transparent;
    padding: 0 12px 0 14px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.yPDropdown span {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #22b2ee;
}



.dropdown-menuFooter>li>a {
    display: block;
    padding: 8px 15px 10px;
    font-size: 12px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menuFooter {
    min-width: 165px;
    margin: 0;
    background-color: #263346;
    border: 1px solid #354356;
    -webkit-box-shadow: 0 6px 14px 4px rgba(0,0,0,.20);
    box-shadow: 0 6px 14px 4px rgba(0,0,0,.20);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.dropdown-menuFooter>li>a:hover, .dropdown-menuFooter>li>a:focus {
    text-decoration: none;
    background-color: #2244a4!important;
}

.checkboxStyle {
    width:24px;
    vertical-align:middle;
    position: relative;
    z-index:3;
}

.check-box {
    width: 24px;
    vertical-align: -6px;
    position: relative;
    z-index: 11;
    cursor:pointer;
}

.you-protect-check {
    width: 24px;
    vertical-align: -6px;
    margin-top: -2px;
    position: relative;
    z-index: 11;
}

/***********Begin Date Picker Styles********************/

.dtpicker-components .dtpicker-comp>* {
    display: block;
    height: 30px;
    color: #204097!important;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}

.dtpicker-header .dtpicker-value {
    padding: .8em .2em 0.6em!important;
    color: #204097!important;
    text-align: center;
    font-size: 1.4em;
    color: #204097!important;
    text-align: center;
    font-size: 16px!important;
    font-weight: bold!important;
}



.dtpicker-components .dtpicker-comp>* div {
    display: block;
    text-align: center;
    line-height: 30px;
    margin: auto;
}

.dtpickArrow-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #cbddeb;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;

}

.dtpickArrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #cbddeb;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;

}

.dtpicker-twoButtons .dtpicker-buttonClear {
    float: left!important;
}

.dtpickArrow-down:hover {
    border-top: 20px solid #22b2ee;
}

.dtpickArrow-up:hover {
    border-bottom: 20px solid #22b2ee;
}

.dtpicker-components {
    overflow: hidden;
    margin: 1em 0em;
    font-size: 1.4em;
    border-top: 3px solid #f2f1f5;
    border-bottom: 1px solid #f2f1f5;
}

.dtpicker-singleButton .dtpicker-button {
     margin: auto!important;
}

.dtpicker-buttonCont .dtpicker-button {
    display: block;
    float: left;
    padding: 1.3em 0!important;
    width: 100%!important;
    background: transparent!important;
    border-left: 1px solid #f2f1f5;
    color: #3b4b63!important;
    text-align: center;
    cursor: pointer;
    text-transform: initial;
    font-size: 16px!important;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.dtpicker-buttonCont .dtpicker-button:hover {
    background: #f2f1f5!important;
    text-decoration: none!important;
}

.dtpicker-components {
    overflow: hidden;
    margin: 0em!important;
    font-size: 1.4em;
}

.dtpicker-buttonCont {
    overflow: hidden;
    margin: 0em 0em!important;
}

.dtpicker-content {
    margin: 0 auto;
    padding: 1em 0em 0em 0em!important;
    max-width: 500px;
    background: #fff;
}

.dtpicker-content {
    margin: 0 auto;
    padding: 1em 0;
    max-width: 325px!important;
    background: #fff;
}


.dtpicker-components .dtpicker-compValue {
    margin: .4em 0;
    width: 100%;
    border: 0;
    background: #FFF;
    border-bottom: 1px solid #D9D9D9;
    font-size: 100%;
    -webkit-appearance: none;
    font-size: 16px!important;
}


.dateTicket i {
    position: absolute;
    top: 56px;
    left: 30px;
    color: #9f9f9f;
}
@media (max-width: 767px) {
    .dateTicket i {
        left: 13px;
    }
    .dateTicket {
        padding-left: 0px!important;
    }
}


.dtpicker-components .dtpicker-compOutline {
    display: inline-block;
    float: left;
    margin: 2% 0%;
}

.dtpicker-comp3 {
    width: 33.3%;
    padding: 15px 20px!important;
}
.dtpicker-components .dtpicker-compValue {
    margin: .4em 0;
    width: 101%;
    padding: 0px;
    background: #FFF;
    border-bottom: 1px solid #D9D9D9!important;
    font-size: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0px 0px 0px rgba(0,0,0,.075);
}

.dtpicker-components .dtpicker-compButton {
    background: #FFF;
    font-size: 140%;
    cursor: pointer;
    height: 20px!important;
}

.dtpicker-header .dtpicker-title {
    color: #204097!important;
    text-align: center;
    font-size: 16px!important;
    font-weight: bold!important;
    text-transform: initial;
    display: none;
}


/*/**********End Date Picker Styles********************/

.dashboardContainer {
    margin: 0px auto 50px auto;

}

/* sell online style */
/*-----------------------------------------------------------------------------*/

.so-space {
    padding-top: 0;
}

@media (min-width:992px) {
    .so-space {
        padding-top: 30px;
    }
}

.sellOnlineTabContent {
    margin-top: 10px;
    padding-bottom: 40px;
}

span.roundStep {
    width: 46px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #cee0ee;
    text-align: center;
    font-size: 16px;
    color: #22b2ee;
}




/* sell online search bar style */

#chooseProduct {
    min-height: 740px;
}

.soSearchZone {
    margin: 30px 0 30px;
}

.soSearchZone .input-group-addon {
    font-size: 16px;
    color: #224194;

}

.yp4-soSearchInput {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #D9D9D9;
    border-left: none;
    background-position: 90% center;
    background-repeat: no-repeat;
    font-family: encode_sans;
    color: #3b4b63;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    font-weight: 300;
    outline: none;
}

.yp4-soSearchInput.disabled {
    background: rgba(242,241,245,0.75);
    cursor: not-allowed;
}

ul.searchProdList {
    overflow-y: auto;
    max-height: 431px;
    border-bottom: 0px;
    border-right: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.15);
}

.searchProd-li {
    border-bottom: 1px solid #D9D9D9!important;
}

.searchProdRow {
    clear: both;
    min-height: 43px;
    padding: 10px;
    border-left: 1px solid #f2f1f5;
    border-right: 1px solid #f2f1f5;
}

.searchProdList .searchProdRow:hover {
    background: #E3EDF2;
}

.searchProdRow:nth-of-type(odd){
    background: #f2f1f5;
}

.searchProdRow:nth-of-type(even){
    background: #fff;
}

.searchProdRow:last-child {
    border-bottom: 1px solid #f2f1f5;
}

.searchProdRow p {
    float: left;
    font-family: encode_sans_compressedSBd;
    margin: 0;
}

.searchProdImgOuterCont {
    float: left;
    width: 80px;
    padding: 0px 15px 0px 0px;
    height: 100%;
    text-align: center;
    font: 0/0 a;
}

.searchProdImgCont {
    /*border: 1px solid #dcdcdc;
    border-left: none;*/
    width: 75px;
    height: 41px;
    float: left;
    text-align: center;
    font: 0/0 a;
}

.searchProdImgCont img {
    /*min-width: 100%;*/
    min-height: 100%;
    height: inherit !important;
    display: inline-block;
    vertical-align: middle;
}

.sellProdNameCont {
    float: left;
    width: 69%;
}

.sellProdName {

}

.searchProdRow .regions {
    padding: 8px 8px 0 0;
    white-space: nowrap;
}

.regions .icon {
    font-size: 24px;
    margin-left: 10px;
    color: #aac9e1;
}

.regions .icon:last-of-type {
    margin-right: 50px;
}

.light-blue {
    color: #aac9e1;
}

/* sell online product info style */
.soProductInfo .gameTitle,
.soProductDesc .gameTitle {
    font-family : encode_sans_compressedSBd;
    font-size: 17px;
    margin-bottom: 30px;
}

.actionTitle {
    font-family: encode_sans;
    color: #3b4d63;
    font-weight: 900;
    font-size: 16px;
    margin-bottom: 30px;
}

.systemConfiguration {
    font-weight: 500;
    font-size: 14px;
    color: #3b4b62;
    text-transform: uppercase;
}
.soChecks {
    height: 100px;
}
.soProductControl {
    margin-top: 50px;
}

.soControlStepTitle {
    margin-bottom: 30px;
}
.soControlStepTitle span.roundStep,
.soProductDesc span.roundStep {
    background: #224095;
    color: #fff;
    border: none;
}

.soProductDesc {
    margin-top: 50px;
}

.soProductInfo{

}

.soProductInfo h3,
.soProductDesc h3,
.soProductDetails h3 {
    line-height: 27px;
}

/*.soProductInfo p {
    margin-top: 15px;
}*/

/*.soProductInfo p:first-child,
.soProductDesc p,
.soProductDetails p {
    margin-top: 0px;
}*/

.soProductInfoTitle ,
.soProductDescTitle {
    margin-top: 25px;
}

.soProductInfo .icon,
.soProductDetails .icon {
    position: relative;
    font-size: 24px;
    top: -1px;
    vertical-align: middle;
    margin-left: 5px;
    color: #a9c9e2;
}

.soProductInfo .icon:first-of-type {
    margin-left: 10px;
}

.soProductInfo .hr,
.soProductDetails .hr,
.soProductPricing .hr {
    background: #f2f1f6;
    height: 3px;
}
.soProductPricing .hr {
    margin-bottom: 20px;
}
.soProductPricing .priceToReceive,
.soProductPricing .customerPays {
    height: 60px;
    font-size: 24px;
    color: #3b4b63;
    font-weight: 300;
}

.soProductPricing .priceToReceive.offers,
.soProductPricing .customerPays.offers {
    height: 45px;
    font-size: 16px;
}

.soProductPricing  .customerPays,
.soProductPricing .priceToReceive.active,
.soProductPricing .customerPays.active,
.soProductPricing .input-group .priceToReceive,
.soProductPricing .customerPays {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 /*   background: #224095;
    color: #fff;*/
}



/* start styles offer_frag */
/* --------------------------------------------------------- */

@media (max-width: 480px) {
    .listTabs {
        min-height: 60px;
    }
}

.editOfferCont.space {
    padding-bottom: 40px;
}

.editOfferBg {
    background: rgba(242,241,245,1) !important;
    box-shadow: none !important;
}

.listRowMarket.editOfferBg {
    margin-bottom: 0;
}

.editOfferBg .remove-prod {
    color: #cc0000;
}

.editOfferBg .remove-prod:hover,
.editOfferBg .remove-prod:active {
    cursor: pointer;
    opacity: 0.75;
}

.productTypeDisplay.edit {
    display: none;
}

.editOfferBg .productTypeDisplay .cdKey,
.editOfferBg .productTypeDisplay .downloadLink {
    margin: 0;
}

.alreadyUploaded {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.soDescPlatform {
    line-height: 0;
    margin-bottom: 0px;
}
.calculat {
    font-size: 40px!important;
    position: relative;
    top: 13px;
}

.cdKey div {
    float: right;

}

.alreadyUploaded-remove {
    float: right;
    padding-bottom: 8px;
}

.soDescPlatform .icon {
    font-size: 21px;
    vertical-align: middle;
}
#platformIcon {
    font-size: 18px;
    color: #a9c9e2;
}

.soDescConfig {

}

.soDescConfig p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}

.soDescConfig .icon {
    margin-right: 10%;
    color: #b7d1df;
}

/* sell online product details style */
.soProductDetails .hrThin {
    height: 1px;
    background: #f2f1f5;
    margin: 17px 0 25px;
}

/* sell online : product pricing styles */
.soProductPricing,
.soProductUpload {
    margin-top: 30px;
}

.soProductPricing .icon,
.listBoxTable .soProductPricing .icon {
    font-size: 13px;
    vertical-align: -62px;
}

.soProductPricing img {
    width: 15px;
    height: 15px;
    vertical-align: -63px;
    display: inline-block;;
}

.modal-bypass-cart {
    padding: 15px 30px 30px 30px;
}
.procceed-checkout button {
    padding: 11px 20px 11px 20px;
}

.procceed-checkout .btn-outline {
    margin-right: 15px;
}

@media (max-width: 403px) {
    .procceed-checkout .btn-outline {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

.product-pr-chk {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px 15px 15px 15px;

}

.modal-open .checkout-modal {
    display: flex;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    align-items: center;
    justify-content: center;
}



.direct-purchase h3 {
    padding-top: 15px;
    font-weight: 400;
}

.direct-purchase .icon {
    color: #aac9e1;
    position: relative;
    top: 8px;
    font-size: 30px;
}

.input-info {
    font-size: 11px;
    padding: 5px 0px 0px 55px;
}


.product-pr-chk .productImage {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
}

.product-pr-chk img {
    max-width: 150px!important;
}

.procceed-checkout {
    text-align: right;
    padding: 15px;
}

.currentBestPrice {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.currentBestPrice p {
    display: inline-block;
    margin: 0;
    font-size: 16px;
}
.currentBestPrice span {
    display: inline-block;
    font-family: encode_sans;
    font-size: 18px;
    font-weight: 700;
    color: #224096;
}

.productTypeDisplay {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.productTypeDisplay .cdKey {
    /*color: #dbdbdb;*/
}

.imgUploadContainerEmpty {
    border: 3px solid #f2f1f5;
    width: 85px;
    height: 82px;
    overflow: hidden;
    margin: 7px;
    position: relative;
}
/*.imgUploadContainer:hover:after */
.imgUploadContainerEmpty:after {
    content: "B";
    font-family: youpass;
    font-size: 32px;
    color: #224095;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    cursor: pointer;
    line-height: 76px;
}

.productTypeDisplay.keys,
.productTypeDisplay.links,
.productTypeDisplay.img-prod{
    display: none;
}

.productTypeDisplay img {
    max-width: 100px;
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.productTypeDisplay .cdKey,
.productTypeDisplay .downloadLink {
    margin: 5px 0;
}

.productTypeDisplay .remove-prod {
    color: #cc0000;
    position: relative;
    top: 2px;
}
.productTypeDisplay .remove-prod:hover,
.productTypeDisplay .remove-prod:active {
    cursor: pointer;
    opacity: 0.75;
}

.soProductUpload .acceptTerms {
    margin-top: 10px;
    margin-bottom: 30px;
}
.acceptTerms p {
    display: inline-block;
    font-size: 16px;
}

/* uplaod box styles */
.imgUploadBox {
    margin-bottom: 15px;
    position: relative;
}
.btnImgUpload,
.btnImgUploadCreate {
    padding: 11px 34px 10px;
    z-index: 2;
}
.btnImgUpload:active,
.btnImgUploadCreate:active {
    padding: 12px 34px 9px;
}
.btnImgUploadCreate {
    margin-top: 38px;
    height: 78%;
}
#productDescription {
    height: 209px;
}

.custom-file-input {
    color: #fff;
    font-family: youpass;
    max-width: 100%;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: "\e099";
    background: #aac9e1;
    border: none;
    border-radius: 4px;
    padding: 10px 34px 10px;
    outline: none;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
.custom-file-input:hover::before {
    background: #3b4b63;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
.custom-file-input:active::before {
    padding: 11px 34px 9px;
    background: #3b4b63;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
input[type=file].custom-file-input:focus {
    outline: none;
}

.custom-submit-button {
    color: #fff;
    font-family: youpass;
    max-width: 100%;
}
/*.custom-submit-button::-webkit-file-upload-button */
.custom-submit-button::before {
    content: "\42";
    background: #aac9e1;
    border: none;
    border-radius: 4px;
    padding: 10px 34px 10px;
    outline: none;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
.custom-submit-button:hover::before {
    background: #3b4b63;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
.custom-submit-button:active::before {
    padding: 11px 34px 9px;
    background: #3b4b63;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.uploadBox {
    border: 1px solid #ECECEC;
    padding: 20px 10px 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.uploadBox p {
    color: #3b4b63;
    font-weight: 300;
}
.uploadBox .btn {
    margin: 0 auto 10px;
    color: #fff;
    font-weight: 300;
    padding: 11px 57px;
}
.uploadBox .btn:hover,
.uploadBox .btn:active {
    color: #fff;
}
.uploadBox .btn:active {
    padding: 12px 57px 10px;
}

.labelExtra span {
    font-size: 14px;
    color: #aac9e1;
    font-weight: normal;
}

/* sell online step buttons style */
.soStepButtons {
    margin: 50px 0 0 0;
}


/* Vertical Offset Bottom */
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

.messi-box {
    background-color: rgb(255, 255, 255)!important;
    border-radius: 4px!important;
    box-shadow: 0 0 1em rgba(68, 68, 68, 0.22)!important;
}

@media (max-width: 400px) {
    div.messi-box {
        width: 400px !important;
        max-width: 80% !important;
        margin: 0 auto !important;
    }
}

.messi-content {
    font: .9em normal encode_sans, verdana, sans-serif!important;
}

.messi-closebtn::before {
    top: -14px;
    color: rgba(38, 51, 70, 0.54);
    text-shadow: none!important;
    font-size: 35px;
    background-color: transparent!important;
}
.messi-titlebox {
    padding: 10px;
    overflow: hidden;
    font: 1.3em encode_sans, verdana, sans-serif!important;
    color: #263346!important;
    font-weight: 300!important;
    text-shadow: none!important;
    text-transform: uppercase;
    background-color: #3b3b3b;
    background-image: none!important;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
}

.messi-wrapper>.messi-titlebox {
    background-color: transparent!important;
    border-bottom: 2px solid #ff9600;
}

.messi-titlebox.anim.warning {
    background-color: transparent!important;
    border-bottom: 2px solid #ff9600;
}


/* create new product stlyes */
/*-----------------------------------------------------------------------------*/
.createNewTitle {
    color: #3b4b64;
    margin: 10px 0 20px;
    line-height: 1.3;
}



/* form wizard*/
/*-----------------------------------------------------------------------------*/
.wizard {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    font-family: encode_sans, Verdana, sans-serif;
    text-transform: uppercase;
}
.wizard > .wizard-step {
    padding: 0;
    position: relative;
}
.wizard > .wizard-step + .wizard-step {

}
.wizard > .wizard-step .wizard-info {
    color: #3b4b63;
    font-size: 10px;
    margin-top: -5px;
}
.wizard > .wizard-step > .wizard-dot,
.wizard > .wizard-step > .wizard-dot-active {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background-color: #fff;
    top: 19px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #b7cedf;
    color: #22b2ee;
    text-align: center;
    line-height: 30px;
}
.wizard > .wizard-step > .wizard-dot-active {
    background: #22b2ee;
    border: 1px solid #22b2ee;
    color: #fff;
}
.wizard > .wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 1px;
    box-shadow: none;
    margin: 20px 0;
}

.progresslast {
    width: 50%;
}
.wizard > .wizard-step > .progress > .progress-bar {
    width:0px;
    box-shadow: none;
    background: #f2f1f5;
}
.wizard > .wizard-step.complete > .progress > .progress-bar {
    width:100%;
}
.wizard > .wizard-step.active > .progress > .progress-bar {
    width:50%;
}
.wizard > .wizard-step:first-child.active > .progress > .progress-bar {
    width:0%;
}
.wizard > .wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}
.wizard > .wizard-step.disabled > .wizard-dot {
    background-color: #f5f5f5;
}
.wizard > .wizard-step.disabled > .wizard-dot:after {
    opacity: 0;
}
.wizard > .wizard-step:first-child  > .progress {
    left: 50%;
    width: 50%;
}
.wizard > .wizard-step:last-child  > .progress {
    width: 50%;
}
.wizard > .wizard-step.disabled a.wizard-dot{
    pointer-events: none;
}
/* END form wizard */





.checkboxLabel {
    display: inline-block!important;
    padding-left: 5px;
}





/* global popover styles */
/* ------------------------------------------------------------------- */
.popover {
    font-family: "encode_sans",Verdana,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}






/* global alert styles */
/* ------------------------------------------------------------------- */
.alert-success {
    background-color: #6ab017;
}

.alert-info {
    background-color: #22b2ee;
}

.alert-warning {
    background-color: #ff9600;
    border: none;
}

.alert-,
.alert-danger,
.alert-failure,
.alert-error {
    background-color: #cc0000;
}

.alert,
.alert-mail-seller {
    position: relative;
    color: #fff;
    font-weight: 300;
    border-radius: 0px;
    margin: 10px 0;
    padding-right: 30px;
}

.alert a,
.alert-mail-seller a {
    color: #fff;
    text-decoration: underline;
}

.alert .close,
.alert-mail-seller .close {
    opacity: 1;
    font-size: 13px;
}

.alert .close:hover, .alert .close:focus,
.alert-mail-seller .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.alert .close,
.alert-mail-seller .close, .alert-mail-seller .close {
    position: relative;
    top: -10px;
    right: -15px;
    color: inherit;
}

.alert span,
.alert-mail-seller span {
    opacity: 1;
}

.alert  span i,
.alert-mail-seller span i {
    color: #fff;
}



.modal-footer {
    border-top: 0px solid #f2f1f5;
}

.popover {
    z-index: 619;
}



/* global alertRegister styles */
.alertRegister {
    display: block;
    position: absolute;
    bottom: 56px;
    left: 193px;
    color: #fff;
    background-color: #cc0000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    z-index: 99;
    content: "";
    padding: 15px;
}

.alertRegister:after {
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #cc0000;
    top: -8px;
    left: 10px;
    z-index: 99;
    content: "";
}


/* jforms css over-rides */
/*-----------------------------------------------------------------------------*/

input.jforms-error, textarea.jforms-error, select.jforms-error {
    border: 1px solid #C00;
    border-radius: 4px;
    background: none !important;
}



/* Search bar dropdown */
/*-----------------------------------------------------------------------------*/
ul.ui-autocomplete {
	background-color: white;
	z-index: 999 !important;
    border: 1px solid #D9D9D9;
    -webkit-box-shadow: 6px 4px 6px -6px rgba(0,0,0,0.44);
    -moz-box-shadow: 6px 4px 6px -6px rgba(0,0,0,0.44);
    box-shadow: 6px 4px 6px -6px rgba(0,0,0,0.44);
}
ul.ui-autocomplete li {
    padding: 7px 10px 7px 37px !important;
    font-weight: 300;
}

ul.ui-autocomplete li a {
    text-decoration: none;
    color: #3b4b63;
}

ul.ui-autocomplete li.category a::before {
	content: "Catégorie  : ";
}

ul.ui-autocomplete li:hover,
.ui-state-focus {
    background-color: #f2f1f5;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-weight: 300 !important;
}

.padding-left-small {
    padding-left: 0px;
}





/*-----------------------------------------------------------------------------*/
/* ------------------------- start media query styles ------------------------ */
/*-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------*/
/*--------------------------------- max widths --------------------------------*/
/*-----------------------------------------------------------------------------*/


/* max-width: 1200px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 1200px) {
    .full-width-lg {
        padding: 0 5px;
    }
    .container {
        width: 100%;
    }
    .contentWrap {
        position: relative;
        background-image: linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 86px, #fff 0px, #fff 100%);
        background-image: -o-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 86px, #fff 0px, #fff 100%);
        background-image: -moz-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 86px, #fff 0px, #fff 100%);
        background-image: -webkit-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 86px, #fff 0px, #fff 100%);
        background-image: -ms-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 86px, #fff 0px, #fff 100%);
        padding-bottom: 60px;
    }


}



/* max-width: 1199px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 1199px) {
    .yPSocialCol {
        margin-right: -33px;
    }
    ul.row li {
        margin-left: 20px;
    }
    ul.row li:first-of-type {
        margin-left: 15px;
    }
    .dropdownColFix {
        padding-right: 0;
    }
    .dropdown-menu {
        min-width: 145px;
    }
    .sellOnlineSteps .soProcessSteps > li {
        margin: 0 9% 0 10%;
    }

}


/* max-width: 1126px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 1126px) {
    .cartProtectNoPad {
        padding-right: 1px;
        padding-left: 1px;
    }
}




/* max-width: 1180px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 1180px) {
    .contentWrap:before {
        top: 60px;
    }
}




/* max-width: 997px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 997px) {
    h1, .h1 {
        font-size: 16px;
    }
    .h1 {
        font-size: 16px;
    }
    h2 {
        font-weight: 600;
        font-size: 16px;
    }
    .h2 {
        font-weight: 600;
        font-size: 16px;
    }
    h3 {
        font-weight: 600;
        font-size: 14px;
    }
    #footer-yp4 {
        color: #fff;
        padding-top: 15px;
    }
    .cartPgContainer {
        padding-right: 0px;
        padding-left: 0px;
    }
    .padding-left-small {
        padding-left: 15px;
    }
}


/* max-width: 992px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 992px) {
    .full-width-md {
        padding: 0 5px;
    }
    .container-full-width {
        padding-left: 0;
        padding-right: 0;
    }
}


/* max-width: 991px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 991px) {
    .legalLinks {
        font-size: 12px;
    }
    .t-y-prod {
        margin: auto;
        text-align: center;
    }

    .accountOptions {
        margin-top: 20px;
    }
    .dropdownColFix {
        padding-right: 15px;
    }
    span.roundStep {
        font-size: 16px;
        width: 38px;
        height: 38px;
        line-height: 38px;
    }
    .receiptOpts {
        margin-top: 20px;
    }
    .cartContainer.pad-xs {
        padding-left: 15px;
        padding-right: 15px;
    }

    .noPaddingSm {
        padding-left: 0;
        padding-right: 0;
    }

    .cartInfoMarginXs {
        margin-left: 15px;
        margin-right: 15px;
    }

}


/* max-width: 768px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 768px) {
    .full-width-sm {
        padding: 0 5px;
    }
    .container-full-width {
        padding-left: 0;
        padding-right: 0;
    }

    /* inline nav tabs justified at small screen size */
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .contentWrap {
        background-image: linear-gradient(top, #f2f1f5 0%, #f2f1f5 69px, #f2f1f5 70px, #fff 60px, #fff 100%);
        background-image: -o-linear-gradient(top, #f2f1f5 0%, #f2f1f5 69px, #f2f1f5 70px, #fff 60px, #fff 100%);
        background-image: -moz-linear-gradient(top, #f2f1f5 0%, #f2f1f5 69px, #f2f1f5 70px, #fff 60px, #fff 100%);
        background-image: -webkit-linear-gradient(top, #f2f1f5 0%, #f2f1f5 69px, #f2f1f5 70px, #fff 60px, #fff 100%);
        background-image: -ms-linear-gradient(top, #f2f1f5 0%, #f2f1f5 69px, #f2f1f5 70px, #fff 60px, #fff 100%);
    }
    .contentWrapGrey {
        background: #fff;
    }
}


/* max-width: 767px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 767px) {
    .btn,
    .btn-search,
    .btn:active,
    .btn.active {
        /*padding-left: 0px;*/
    }
    .legalLinks {
        font-size: 12px;
    }
    .versign {
        margin-top: 25px;
    }

    .followLinks:before {
        font-size: 46px;
    }
    .followLinks .icon {
        font-size: 26px;
    }
    .yPSocialCol {
        margin-right: -4px;
        left: -5px;
    }

    /* nav-tabs display inline fix ??? */
    /*.min-width{ overflow-x:auto }
    ul.nav{display:inline-flex}*/

    .cartImg {
        min-width: 114px;
    }
    .cartSeller {
        display: inline-block;
        margin-bottom: 7px;
    }
    .itemTotal {
        margin-top: 14px;
        margin-right: 16px;
    }
    .cartQte {
        float: left;
    }
    .insureDisplayMob {
        margin-top: 5px;
    }
    .soStepButtons .btn-mdBlue {
        padding-left: 0px;
    }
}


/* max-width: 480px */
/*-----------------------------------------------------------------------------*/
@media (max-width: 480px) {

    .container-full-width {
        padding-left: 0;
        padding-right: 0;
    }
    #ySBtn {
        width: 150px;
        height: 42px;
    }
    #ySBtn > p:first-of-type {
        font-size: 14px;
    }
    #ySBtn > p:last-of-type {
        font-size: 10px;
        left: 53px;
    }
    .cartImg {
        min-width: 100px;
    }
}



/*-----------------------------------------------------------------------------*/
/*--------------------------------- min widths --------------------------------*/
/*-----------------------------------------------------------------------------*/

/* min-width: 480px */
/*-----------------------------------------------------------------------------*/
@media (min-width: 480px) {
    .productImage {
        max-width: 85%;
        max-height: 85%;
        margin: auto;
    }
}


/* min-width: 767px and max-width: 991px */
/*-----------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    .cartLineTwo {
        margin-top: 34px;
    }
    .cartItemTitle,
    .cartTotal h2,
    .itemTotal {
        font-size: 22px;
    }
    .cartTotal>h2>span {
        font-size: 24px;
    }
    .cartSeller {
        margin-top: 5px;
        display: inline-block;
    }
    .itemTotal {
        margin: 8px 16px 0;
    }
    .cartItemPrice,
    .cartInsure {
        font-size: 16px;
    }
    .cartHeading,
    .cartContents,
    .cartFunction {
        font-size: 13px;
    }
    .cartImg img {
        border: 1px solid #f2f1f5;
        width: 75%;
    }
}


/* min-width: 768px */
/*-----------------------------------------------------------------------------*/
@media (min-width: 768px) {
    .btnMargin {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .pageTitle {
        padding: 30px 15px 20px;
    }
    .productImage {
        /*max-width: 147px;*/
        /*max-height: 141px;*/
        max-width: 95%;
        max-height: 95%;
    }
    .soSearchZone {
        margin: 50px 0 50px;
    }
    .product-type {
        margin-bottom: 25px;
    }
    .soProductInfo .gameTitle {
        margin-bottom: 30px;
    }
    .soProductDetails .gameTitle {
        margin-bottom: 20px;
    }
    .createNewTitle {
        margin-top: 40px;
        margin-bottom: 0px;
    }
}


/* min-width: 991px */
/*-----------------------------------------------------------------------------*/
@media (min-width: 991px) {
    .noPadding-md {
        padding-left: 0;
        padding-right: 0;
    }
    .soProductDesc {
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .nav-tabs.nav-justified>li>a {
        padding: 21px 0 20px 15px;
    }
    .soProductInfo p:nth-child(1),
    .soProductDesc p {
        margin-top: 15px;
        margin-left: 15px;
    }
    .soProductPricing,
    .soProductUpload {
        margin-top: 30px;
    }
    .currentBestPrice {
        margin-top: 60px;
    }
    .currentBestPrice h4 {
        display: block;
    }
    .currentBestPrice span {
        display: block;
        font-size: 30px;
    }
}


/* min-width : 992px */
/*-----------------------------------------------------------------------------*/
@media only screen and (min-width : 992px) {
    .wizard {
        margin-top: 50px;
    }
    .wizard > .wizard-step .wizard-info,
    .wizard > .wizard-step > .wizard-dot,
    .wizard > .wizard-step > .wizard-dot-active {
        font-size: 18px;
    }
    .wizard > .wizard-step .wizard-info {
        margin-top: 35px;
    }
    .wizard > .wizard-step > .wizard-dot,
    .wizard > .wizard-step > .wizard-dot-active {
        left: 47%;
        width: 46px;
        height: 46px;
        top: 11px;
        line-height: 45px;
        font-weight: 500;
    }
}


/* min-width: 992px and max-width: 1092px */
/*-----------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1180px) {
    .cartImg {
        min-width: 76px;
        min-height: 72px;
    }
}


/* min-width: 1199px */
/*-----------------------------------------------------------------------------*/
@media (min-width: 1199px) {
    .productImage {
        /*max-width: 147px;*/
        /*max-height: 141px;*/
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
}


/* only screen and (min-width : 1200px) */
/*-----------------------------------------------------------------------------*/
@media only screen and (min-width : 1200px) {
    .wizard > .wizard-step > .wizard-dot,
    .wizard > .wizard-step > .wizard-dot-active {
        left: 48%;
    }
    .yPSocialCol {
        margin-right: -40px;
    }
}



/* iPhone 5 in landscape */
/*-----------------------------------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .youProtectMobile {
        padding-left: 202px;
    }
}


/* iPhone 5 in portrait */
/*-----------------------------------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .cartFunction>.icon-remove {
        position: relative;
        right: 10px;
    }
    .regions .icon {
        margin-left: 10px;
        font-size: 20px;
    }

    .regions .icon:last-of-type {
        margin-right: 0;
    }
    .searchProdRow .regions {
        max-width: 70px;
        padding: 10px 8px 0 0;
    }
    #chooseProduct {
        min-height: 640px;
    }
    .productImageContainer {
        width: 140px;
        height: 90px;
    }
}

@media (max-width: 767px) {
    .productImageContainer {
        width: 140px;
        height: 90px;
    }
}


@-moz-document url-prefix() {
        .dateTicket i {
            top: 54px;
        }
}




</style>













/** help_css **/

#main {
    min-height: 400px;
}
.blocMarginSupport {
    margin: 0 30px;
    min-height: 450px;
    padding-top: 6px;
}

#faq {
  width:107%;
  height:135px;
  margin-left:-30px;
  font-family : Economica;
    text-rendering: optimizeLegibility;
}

.blue {
    min-height: 132px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}



.noir {
    min-height: 132px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}

.btnContactBlue{
	min-height:132px;
}

.btnContactBlue span {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.btnContactBlue i {
    font-size: 50px;
    color: #516177;
    text-align: right;
}

.btnContactNoir {
	min-height:132px;
}

.btnContactNoir .btn {
    margin-top: 20px;
}


.btnContactNoir span {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.btnContactNoir i {
    font-size: 50px;
    color: #516177;
    text-align: right;
}

.btnContactBlue .btn {
    margin-top: 20px;
}

.jforms-submit {
    background: #22b2ee;
    width: 100%;
    padding: 11px 12px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: encode_sans;
    vertical-align: middle;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #fff;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
    border: none;
    outline-offset: -2px;
}

.jforms-submit:hover,
.jforms-submit:active {
    background: #3b4b63;
    color: #fff;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.textRight {
    text-align: right;
}

#faq a:hover  .btnContactBlue{
	background-color: #039BDD;
	-webkit-transition:all  0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#faq a:hover  .btnContactNoir{
	background-color: #333333;
	-webkit-transition:all  0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.text-black {
  color : black;
  font-size : 20px;
}
.text-black-epais {
  color : black;
  font-size : 25px;
}

.text-white {
  color : white;
  font-size : 20px;
}

.text-yellow-epais {
  color : #d9c10e;
  font-size : 25px;
}
.text-tabulation{
	/*padding-left : 70px;
	padding-right : 140px;*/
}
.tableFAQ td:first-child{
	width : 34px;
}

/* ****login_help****/
.helpLoginTitle {
    font-size: 32px;
    text-align: center;
    float: left;
    width: 69%;
    letter-spacing: 0px;
}
.supportTitle,
.confirmMsg {
    text-align: center;
}
.confirmMsg {
    margin: 40px 0;
}
.blocMargin h2 {
    font-size: 32px;
    font-weight: bold;
}
#btnRetour,
#btnRetourSupport {
    padding: 15px 28px 15px 14px;
    text-transform: uppercase;
    cursor: pointer;
}
#btnRetourSupport,
#btnRetourHome {
    display: block;
    margin: 40px auto;
    padding: 15px 0;
    text-transform: none;
}
#btnRetour i {
    font-size: 18px;
    vertical-align: text-bottom;
}


.loggin-input-sm {
    padding-right: 62px;
}

.loginFbPpSupport .connectFb,
.loginFbPpSupport .connectPP {
    font-family: economica;
    height: 46px;
    width: 193px;
    float: left;
    color: #FFFFFF;
    color: rgba(255,255,255,1.00);
    text-align:center;
    vertical-align:middle;
    font-size: 17px;
    cursor:pointer;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity:0.99;
    text-rendering: optimizeLegibility;
}

.loginFbPpSupport .connectFb span,
.loginFbPpSupport .connectPP span {
    line-height: 49px;
}

.loginFbPpSupport .connectPP {
    background: url(https://static.youpass.com/frontend/images/layouts/fond_btn_paypal.jpg) center center no-repeat;
    margin: 8px 29px 8px 0;
    background-size: 100%;
}
.loginFbPpSupport .connectFb {
    background: url(https://static.youpass.com/frontend/images/layouts/fond_btn_facebook.jpg) center center no-repeat;
    margin: 8px 8px 8px 0;
    background-size: 100%;
}


.supportImage {
    border: 3px solid #f2f2f2;
    max-width: 400px;
    height: 224px;
    background: url('https://static.youpass.com/frontend/images/home/support-img-yp.jpg') no-repeat;
    background-position: center;
    margin: 23px auto 0px auto;
}
.supportImage h2 {
    background-color: rgba(34,64,149,0.85);
    padding: 10px 25px;
    color: #fff;
    margin: 152px 0px 0 0px;
    font-size: 21px;
    font-weight: 400;
}

.forgotLink {
    cursor: pointer;
}

.helpConnectBtn {
    width: 80%;
}

.captchaPadFix canvas {
    width: 50%!important;
}


.connectFbPP {
    min-height: 55px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019be1+0,019be1+44,3b5999+56,3b5999+100 */
    background: #019be1; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #019be1 0%, #019be1 44%, #3b5999 56%, #3b5999 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #019be1 0%,#019be1 44%,#3b5999 56%,#3b5999 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #019be1 0%,#019be1 44%,#3b5999 56%,#3b5999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019be1', endColorstr='#3b5999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    float: left;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
    margin: 8px 0px 8px 0;
    background-size: 100%;
    padding: 15px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.connectFbPP:hover {
    background: #3b4b63;
    background: -moz-linear-gradient(-45deg, #3b4b63 0%, #3b4b63 27%, #3b4b63 42%, #3b4b63 54%, #3b4b63 74%, #3b4b63 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3b4b63), color-stop(27%,#3b4b63), color-stop(42%,#3b4b63), color-stop(54%,#3b4b63), color-stop(74%,#3b4b63), color-stop(100%,#3b4b63));
    background: -webkit-linear-gradient(-45deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%);
    background: -o-linear-gradient(-45deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%);
    background: -ms-linear-gradient(-45deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%);
    background: linear-gradient(135deg, #3b4b63 0%,#3b4b63 27%,#3b4b63 42%,#3b4b63 54%,#3b4b63 74%,#3b4b63 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4b63', endColorstr='#3b4b63',GradientType=1 );
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

#paypal-facebook-connect {
    margin-top: 34px;
}
.loginFbPpSupport {
    margin-top: 30px;
    margin-left: 20px;
}

.newUser {
    margin-top: 30px;
}

.supportPgHr,
.supportPgHrTwo ,
.supportPgHrThree {
    border-top: 1px solid #f2f2f2;
    margin: 30px 0 28px;
}
.supportPgHrTwo {
    margin: 21px 0 14px;
}
.supportPgHrThree {
    margin: 14px 0 14px;
}

.supportLoginQs .btnPinfos {
    display: block;
    margin: 7px 0;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
.supportLoginQs .btnPinfos i {
    color: #039bdd;
}
.supportLoginAns {
    display: inline-block;
    margin-top: 12px;
    padding: 0 23px;
}
#contactSupBtn {
    display: table;
    margin: 40px auto;
    padding-left: 40px;
    padding-right: 40px;
}
.helpTopic .btnPinfos,
.helpTopic .btnMinfos {
    margin: 7px 0;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
.helpTopic .btnPinfos i {
    color: #22b2ee;
}
.helpTopic .btnMinfos i {
    color: #aac9e1;
}
.helpTopic .btnPinfos i,
.helpTopic .btnMinfos i {
    font-size: 22px;
    vertical-align: -5px;
}

.helpTopic .btnPinfos h6,
.helpTopic .btnMinfos h6 {
    display: initial;
}

.helpTopic .howTxtInfo2 {
    margin: 0 0 0 28px;
}

.helpTopic .howTxtInfo2 .icon {
    font-size: 14px;
    vertical-align: text-bottom;
    color: #224095;
}

/*.howTxtInfo2 #contactSupBtn:hover {
    border-bottom: none;
}*/

/*ticket creation forms*/

.infoSuspended {
    margin-top: 15px;
    color:#cc0001;
    font-weight: bold;
}
.infoSuspended i {
    font-size: 18px;
    vertical-align: -4px;
}
.serviceConnect{
    display: block;
    margin: 15px 0 25px 0;
}

/*.contact_service{
    !*width:100%;*!
    border:1!important;
}*/

/*.contact_service tr td:first-of-type {
    width: 30%;
}*/

/*.contact_service tr td{
    padding:20px;
    font-size:12px;
}*/

/*.contact_service tr{
    border-bottom : 1px solid white;;
}*/

/*.contact_service tr:nth-child(even){
    background-color:#fbfbfb;
}

.contact_service tr:nth-child(odd){
    background-color:#f7f7f7;
}*/

/*.contact_service #number {
    display: table-row;
}*/

#formProblem label span {
    font-size: 14px;
    color: #aac9e1;
    font-weight: normal;
}

#number label {
    white-space: normal;
}

#browse {
    margin-right: 10px;
    white-space: nowrap;
}
#browse i {
    display: inline-block;
    padding-bottom: 2px;
}

#browse.groupFileUploadBtn {
    margin-right: 0;
    line-height: 21px;
}

.select{
    float:left;
    background-color : white;
    width:272px!important;
}

.requireForInput {
    display: block;
    left: 8px;
    color: #b7d1df;
    margin-top: 12px;
    margin-left: 4px;
    font-weight: 700;
    margin-right: 0px;
    padding: 0px;
    white-space: nowrap;
}
.requireForInput i {
    position: relative;
    left:8px;
}

/*#support_area{
    width:100%;
    margin-top:5px;
}*/
.g-recaptcha {
    position: relative;
}

.ticketFormListStyle {
    left: 5px;
}

@media screen and (max-height: 575px){
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}


/*#main .bugState sup {
    position: relative;
    bottom: -1px;
    font-size: .8em;
    line-height: 3em;
    vertical-align: super;
    text-decoration: none;
}*/

.file-wrapper {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 20px;
    margin: auto;
    text-align: center;
}

.file-wrapperBS {
    padding: 20px;
    margin: auto;
    text-align: center;
}


.connectBug {
    width: 100%;
}

@media (max-width: 767px) {
    .smNoPadding {
        padding: 0px;
    }
}


.ticketSubmitBtn {
    display: block;
    margin: 20px auto 0;
}
.jforms-ctrl-textarea {
    width: 100%;
    height: 180px;
}
.supportTableBtm {
    border-top: 1px solid #D9D9D9;
}

/*login box style*/
#log_error {
    position: absolute;
    color: #ff0000;
    top: 80px;
    margin: 20px 41px;
    padding: 10px 15px;
    background: #cc0001;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 4px;
    border: 1px solid #cc0001;
    color: white;
}

/*ticket form style*/

/*.contact_service textarea {
    font-size: 14px;
    color: #333;
}*/

/*.contact_service .input input[type="email"] {
    width: 290px;
    font-size: 14px;
}*/
/*#upload {
    margin: 3px 0;
}*/
#upload .removeImg {
    top: -2px;
    right: -21px;
}
#upload a:hover {
    border-bottom: none;
}
.tktUploads {
    position: relative;
    display: inline-block;
    margin: 3px 20px 0 0;
}
.tktUploads:hover .removeImg {
    display: block;
}

/* ticket confirmation style */
.or-rtn {
    text-align: center;
    position: relative;
    color: #90989d;
}
.or-rtn-text {
    display: inline-block;
}
.or-rtn-text:before,
.or-rtn-text:after {
    border-top: 2px solid #e7eaeb;
    display: block;
    height: 2px;
    margin-left: 27%;
    content: " ";
    width: 14%;
    position: absolute;
    left: 0;
    top: 0.5em;
}
.or-rtn-text:after {
    right: 27%;
    left: auto;
}


.supportFormInfoTitle {
    margin-top: 45px;
}

.antispam1 label {
    white-space: normal;
}

.antispam label {
    white-space: normal;
}

.labelAntispam {
    margin-bottom: 15px;
}

.captchaPadFix {
    padding-left: 15px;
}

#type {
    max-width: 100%;
}




/* account suspended ticket form styles */
#jforms_contact_technicalService_errors .close,
#jforms_contact_technicalServiceOther_errors .close {
    right: 5px;
}

#jforms_contact_technicalService_service_mail {
    max-width: 100%;
}

.supInfo {
    color: #fff;
    background: #ff9600;
    padding: 15px;
    font-weight: 300;
}

.susUserBtn {
    margin: 20px auto 40px;
}




/* start media query styles */

@media (min-width: 1099px) {

    .contactSupNoPadLeft-MdLg {
        padding-left: 0;
    }

}

@media (min-width: 992px) and (max-width: 1098px) {
    .noPadLeftFix {
        padding-left: 0;
    }
}

@media (max-width: 991px) {

    .contactSupNoPadLeft-XsSm {
        padding-left: 0;
    }

}

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

    .contactSupNoPadLeft-Sm {
        padding-left: 0;
    }

}

@media (max-width: 767px) {

    .contactSupNoPadLeft-Xs {
        padding-left: 0;
    }

    .captchaPadFix {
        padding-left: 5px;
    }

}

@media (max-width: 480px) {

    .captchaPadFix {
        padding-left: 0;
        margin-left: -15px;
    }

}




/** sponsorship_css **/


#home-sponsorship p { 
  color:#8E8E8E;
}

#home-sponsorship #money { 
  padding:3px 0 0 2px;
}

#home-sponsorship-content .button {
  margin:5px 5px 0 0;
}

#home-sponsorship {
  margin-top:10px;
  float:left;
}

#home-sponsorship-header {
  width:291px;
  height:6px;
  background-image: url('/frontend/images/news-header.png');
  background-position: top;
}

#home-sponsorship-footer {
  width:291px;
  height:5px;
  background-image: url('/frontend/images/news-footer.png');
  background-position: bottom;
}

#home-sponsorship-content {
  background-image: url('/frontend/images/news-background.png');
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #43474A;
  min-height: 180px;
  width:281px;
  padding:8px 0 0 10px;
}

.sponsorship-white-bloc {
float:left;
width:700px;
margin-top:5px;
}

.sponsorship-white-bloc .sponsorship-list li {
list-style-image : url('/frontend/images/puce.png');
font-size: 12px;
}

.sponsorship-white-bloc p {
font-size: 12px;
margin-left:35px;
}
.sponsorship-white-bloc p.left {
margin-left:7px;
}

.sponsorship-white-bloc p.hint {
font-size: 10px;
margin-left:10px;
float:left;
}

.sponsorship-white-bloc p span {
font-size: 14px;
color:#71B3ED;
font-weight: bold;
}

.sponsorship-white-bloc .sponsorship-list {
margin-top:15px;
margin-bottom:15px;    
margin-left:75px;
}                 
.sponsorship-white-bloc h2.whitetitle  {
background-image: url('/frontend/images/whitetitle.png');
color: black;
width:100%;
padding-top:10px;
}

.sponsorship-white-bloc .large_input {
background-image: url('/frontend/images/whiteinput.png');
height:35px;
padding-left:15px;
padding: 5px 10px;
width:588px;
background-repeat: no-repeat;
}

.textAreaFlash{
margin-top:10px;
border:1px solid grey;
background:#CFCFBF;

}


/** earning_css **/



#home-earning p { 
  color:#8E8E8E;
}

#home-earning #money { 
  padding:3px 0 0 2px;
}

#home-earning-content .button {
  margin:5px 5px 0 0;
}

#home-earning {
  float:left;
  margin-right:5px;
}

#home-earning-header {
  width:291px;
  height:6px;
  background-image: url('/frontend/images/news-header.png');
  background-position: top;
}

#home-earning-footer {
  width:291px;
  height:5px;
  background-image: url('/frontend/images/news-footer.png');
  background-position: top;
  background-repeat:no-repeat;
  margin-bottom:10px;
}

#home-earning-content {
  height:402px;
  background:#27282A;
  background: -webkit-linear-gradient( top, #3E3E41, black);
  background: -moz-linear-gradient( top, #3E3E41, black); 
  background: -ms-linear-gradient( top, #3E3E41, black); 
  background: -o-linear-gradient( top, #3E3E41, black); 
  background: linear-gradient( to bottom, #3E3E41, black);
  border-radius:8px;
  min-height: 387px;
  width:281px;
  padding:14px 0 0 10px;
}

#home-earning-content #rank {
  margin: 10px auto 0 auto;
  width: 230px;
  height:50px;
}

#home-earning-content .dotted {
  float:left;
  height:5px;
  width:270px;
  border-top: 1px #8E8E8E dotted;
  margin-top:3px;
}

#home-earning-content .details {
  margin:4px 0 0 5px;
}

#home-earning-content .detailsplus {
  height:35px;
}

#home-earning-content .details .date {
  width:65px;
  float:left;
}

#home-earning-content .details .day {
  background-color:#858585;
}

#home-earning-content .details .hour {
  color:#fff;
}

#home-earning-content .details .pseudo {
  color:#fff;
  width:150px;
  display:inline;
}

#home-earning-content .details .gains {
  color:#8e8e8e;
}

.earning-white-bloc {
  margin:10px auto;
}

.earning-white-bloc h2.title {
  margin:0 0 0 0px;
}

.earning-white-bloc .white-bloc-content {
  width:914px;
  padding-left:10px;
}

.earning-white-bloc hr {
  background-color:#EEE;
  height:1px;
  width:96%;
  margin-bottom:10px;
}

.earning-white-bloc .year {
  color:#000;
  width:200px;
  float:left;
}

.earning-white-bloc .year .label {
  color:#000;
  text-transform:uppercase;
  padding:0 15px 5px 15px;
  font:12px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
}

.earning-white-bloc .btn {
  background-image: url('/frontend/images/btn-211w.png');
  width:211px;
  height:43px;
  margin: 10px 7px 10px 0;
  float:left;
  font:14px/43px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
  color:#393939;
  text-align:center;
  text-transform:uppercase;
}

.earning-white-bloc .selected {
  background-image: url('/frontend/images/btn-210b.png');
  background-repeat: no-repeat;
  background-position: right;
  color:#fff;
}

.earning-white-bloc .btn:hover {
  background-image: url('/frontend/images/btn-210b.png');
  background-repeat: no-repeat;
  background-position: right;
  color:#fff;
}

.earning-white-bloc .searchbtn .btn {
  background-image: url('/frontend/images/btn-71w.png');
  width:71px;
  height:24px;
  margin: -5px 7px 10px 0;
  float:left;
  font:14px/24px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
  color:#393939;
  text-align:center;
  text-transform:uppercase;
}

.earning-white-bloc .searchbtn .selected {
  background-image: url('/frontend/images/btn-70b.png');
  background-repeat: no-repeat;
  background-position: right;
  color:#fff;
}

.earning-white-bloc .searchbtn .btn:hover {
  background-image: url('/frontend/images/btn-70b.png');
  background-repeat: no-repeat;
  background-position: right;
  color:#fff;
}

#gains {
  width:875px;
  text-align:center;
  margin:5px;
}

#gains th {
  text-transform:uppercase;
  vertical-align: top;
}

#gains tr {
  height:25px;
}

#gains tfoot tr, #gains tr:last-child {
  height:25px;
  border-bottom: 0px #8E8E8E dotted;
  text-align:center;
}

#gains td {
  padding:6px 0px;
}

#gains .td {
  padding: 16px 0px 2px 0px;
  font-weight: bold;
}

#gains td .day {
  background-color:#858585;
  padding:0 5px;
  color:#000;
}

#gains th .desc {
  margin:0 0 0 7px;
}

.no-register {
  text-align:center;
  padding:30px;
}

img.search {
  margin-left:10px;
  float:left;
}

#search {
  color:#858587;
  font:14px/25px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
  text-transform:uppercase;
  display:block;
  margin:-5px 0 0 10px;
  width:135px;
  float:left;
}

/** account_menutop_css **/


/* ---------Hover menu dashboard ------------------------- */

.Selected {
    border-bottom: 4px solid #f7941d!important;
   color: #505050!important;
}

.menuHoverSelected {
    border-bottom: 4px solid #f7941d!important;
    color: #505050!important;
}

#account_menu_top .tableMenu1 li:hover {
    border-bottom: 4px solid #f7941d;
    }

#account_menu_top .menuHover:hover a#aColor{	
	color: #505050;
	border:0;
}

#account_menu_top .menuHover:hover div#iconSize{	
	color:#505050;
}

/* -------end hover----------------------------------------- */

#account_menu_top {
    position: relative;
    float: left;
    font-family: economica;
    font-weight: normal;
    z-index: 2;
    text-rendering: optimizeLegibility;
    top:-12px;
    width: 100%;
    padding-left: 7px;
}

#account_menu_top .tableMenu1 li {
    text-align: left;
    font-size: 16px;
    letter-spacing: -0.2px;
    width: 145px;
    height: 45px;
    display: inline-block;
    border-bottom: 4px solid rgba(255, 255, 255, 0);
    transition: border-bottom linear 0.2s;
}

#account_menu_top #aColor{
	color:#505050;
}

#account_menu_top li a{
    display: block;
    height: 100%;
    padding-top: 10px;
    line-height: 25px;
}

#account_menu_top #aColorSelected{
    color:#505050;
}

#account_menu_top  #iconSize{
    font-size: 24px;
    color: #f7941d;
    float: left;
    padding: 0 7px 0 12px;
    transition: color linear 0.2s;
}

.menu-greyBorder {
    border-bottom: 1px solid #f2f2f2;
}
.menu-greyBorderThick {
    border-bottom: 2px solid #d9d9d9;
    width: 559px;
}

.accountAvatar {
    position: relative;
    height: 0px;
}
#accountMenuAvatar i {
    position: absolute;
    z-index: 6;
    top: 3px;
    right: 35px;
    font-size: 26px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#accountMenuAvatar:hover i {
    opacity: 1;
    position: absolute;
    z-index: 6;
    top: 33px;
    right: 34px;
    font-size: 26px;
    text-shadow: 2px 5px 0px rgba(0, 0, 0, 0.26);
}



#accountMenuAvatar span {
    top: -40px;
    position: absolute;
    z-index: 1;
    height: 100%;
    width:100%;
    background: rgba(0,0,0,0.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    white-space:nowrap;

}

#accountMenuAvatar p {
    position: absolute;
    font-size: 9px;
    color: #fff;
}
#accountMenuAvatar:hover span {
    top: 0px;
    opacity: 1;
    -webkit-backface-visibility: hidden;

}

#accountMenuAvatar {
    position: relative;
    cursor: pointer;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

}

@media (max-width: 1064px) {

    #accountMenuAvatar i {
        position: absolute;
        z-index: 6;
        top: 3px;
        right: 25px;
        font-size: 26px;
        color: #fff;
        opacity: 0;
    }

    #accountMenuAvatar:hover i {
        opacity: 1;
        position: absolute;
        z-index: 6;
        top: 27px;
        right: 25px;
        font-size: 26px;
        text-shadow: 2px 5px 0px rgba(0, 0, 0, 0.26);
    }


    #accountMenuAvatar {
        height: 80px;
        width: 80px;
    }

    #accountMenuAvatar img {
        height: 90px!important;
    }
}

@media (max-width: 638px) {
    #accountMenuAvatar {
        height: 50px;
        width: 50px;
    }

    #accountMenuAvatar img {
        height: 60px!important;
    }

    #accountMenuAvatar i {
        position: absolute;
        z-index: 6;
        top: 3px;
        right: 15px;
        font-size: 18px;
        color: #fff;
        opacity: 0;
        -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    #accountMenuAvatar:hover i {
        opacity: 1;
        position: absolute;
        z-index: 6;
        top: 15px;
        right: 15px;
        font-size: 18px;
        text-shadow: 2px 5px 0px rgba(0, 0, 0, 0.26);
    }

}


#accountMenuAvatar:hover {
    -webkit-backface-visibility: hidden;
}

#accountMenuAvatar img {
    position: relative;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    height: 110px;
    left: -7px;
}



#account_menu_top  #iconSizeSelected{
    font-size: 24px;
    color: #505050;
    float:left;
    padding:0 7px 0 12px;
}

#account_menu_top .tableMenu1 li:nth-child(1) {
    margin-right: 25px;
}

#account_menu_top .tableMenu1 li:nth-child(2) {
    width: 164px;
}

.orangeBig{
	color:#f7941d;
	font-weight:bold;
	margin:0px;
}

.accountInfoLeft {
    float: left;
    width: 350px;
}

.accountInfoRight {
    float: right;
    width: 107px;
}
.infoSpace {
    height:42px;
    font-size: 18px;
    float: right!important;
    padding-right: 8px;
    font-weight: normal;
}

.h6Align{
	float:left;
	margin: 7px 2px 0px 0px;
    white-space: nowrap;
}

#account_menu_top .liAlignLeft{
    text-align: left;
    padding-top: 40px;
}

.tableMenu2{
    width:100%;
    display: inline-block;
    list-style: none outside none;
}

.tableMenu2 li{
    list-style: none outside none;
    padding: 5px 20px 20px 20px;
    margin: 20px 0px 0px 0px;
    float: left;
    cursor: default;
}



#account_menu_top .tableMenu2 li:nth-child(2) {
    border: 1px solid #f2f2f2;
    width:517px;
}

.infoRight {
    float: right!important;
    width: 251px;
}

.currentActivityConfirm {
    position: relative;
    z-index: 10;
    margin-top: 15px;
    white-space: nowrap;
}
.currentActivityConfirm i,
.currentActivityConfirm span {
    color: #f7941d;
}
.currentActivityConfirm span {
    padding: 6px 0 6px 0;
}
.currentActivityConfirm a {
    display: inline !important;
}
/*.currentActivityConfirm a:hover {
    border-bottom: none !important;
}*/
.currentActivityConfirm a span {
    color: #296192;
    margin-right: 0px;
}
.currentActivityConfirm span {
    font-size: 12px;
}
.currentActivityConfirm i {
    font-size: 22px;
    vertical-align: -6px;
}
.activityConfirm-fix {
    padding-right: 0px !important;
    width: 271px;
}
.currentActivityConfirm .divider {
    border-left: 1px solid #e5e5e5;
    margin: 0 11px 0 14px;
}
/* *** Operation Amazon *** */

.bonusAmazon{
	position:relative;
	width:220px;
	height: 50px;
	background-color: #f7941d;
	padding: 4px 5px 0 10px;
	float:right;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.bonusTxt1 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
}
.bonusTxt2 {
	color: #fff;
	font-size:22px;
	font-weight:bold;
    letter-spacing:-1px;
}
.bonusTxt3 {
	color: #fff;
	font-size:16px;
	font-weight:bold;
}
.cumulTxt1{
	font-size:14px;
}
.cumulTxt2{
	color: #fff;
	font-size:14px;
}
.cumulTxt3{
	color: #fff;
	font-size:16px; 
}
/* ******* toolTip1*/

	.hoverTxtBonus{
		display:none;
	}
	
	.bonusAmazon:hover .hoverTxtBonus{
		display: block;
		position: absolute;
		padding: 15px;
		bottom: 55px;
		left: -56px;
		width: 220px;
		color: #fff;
		background-color: #333;
		font-weight: normal;
		text-align: left;
		font-size: 11px;
		border-radius: 5px;
	}

	.hoverTxtBonus:after {
		position: absolute;
		width: 32px;
		height: 10px;
		background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
		background-repeat: no-repeat;
		border-color: #333 transparent;
		bottom: -10px;
		left: 180px;
		z-index: 99;
		content: "";
	}
	
/* ****** end toolTip1*/

/* ****** bandeau Promo Amazon*/
.promoWarpper{
	position: relative;
	margin:5px;
	padding: 4px 5px;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	z-index:2;
	clear:both;
}
.bandeauPromo {
	width:100%;
	padding: 3px 0 4px 0;
	background-color: #f7941d;
}

.iPromo{
	padding:7px 12px;
	float:left;
	text-align:center;
	color:#f2f2f2;
	font-size:18px;
}
.txtPromo{
	font-size:12px;
    letter-spacing:-1px;
}

.closePromo{
	position:absolute;
	top:14px;
	right:15px;
	color:#f2f2f2;
	font-size:18px;
	cursor:pointer;
}

/* ****** end bandeau Promo Amazon*/


/******************FireFox Specific Rules******************************/
@-moz-document url-prefix() {




}



/*/***********************End FireFox Specific Rules**********************************/


/** account_register_css **/




.register_form_bloc{
float: right;
}

.register_form_label{
text-align:right;
}

.white-bloc-register-top {
height: 14px;
width: 909px;
background-image: url('/frontend/images/whitebloc/white-bloc-top.png');
background-repeat: repeat-x;
}

#register_left{
float:left;
width:200px;
margin:15px;
font-size:1.1em;
font-weight:bold;
}
.register{
	font-size:14px;
}

.register td{
	font-size:12px;
}
.register td input{
	font-size:14px;
}

#register_right{
float:left;
width:610px;
margin:15px;
}

/*.register-white-bloc input {
  background-image: url('/frontend/images/input_register.png');
  height:21px;
  line-height:normal;
  padding:5px 10px;
  width:175px;
  background-repeat: no-repeat;
} */ 

.register-white-bloc input#jforms_account_login_remember {
  background-image: none;
   height:10px;
  line-height:normal;
  padding:5px 10px;
  margin:20px 0 0 0;
  width:10px;
  background-color:white;
}

.register-white-bloc input#jforms_account_register_use_conditions_user {
  background-image: none;
  height:10px;
  line-height:normal;
  padding:5px 10px;
  margin:20px 0 0 0;
  width:10px;
  background-color:white;
}

.register-white-bloc .nobackground input {
  background-image: none;
}

.register-white-bloc label {
font-weight:none;
}


.register-form-submit input {
    background: url('/frontend/images/bt_register.png') no-repeat scroll 0 0 transparent;
    color: white;
    float: right;
    font-size: 13px;
    font-weight: bold;
    height: 37px;
    margin:20px 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 225px;
}
/*
.register-white-bloc textarea {
background-image: url('/frontend/images/	_register.png');
padding:10px;
width:319px;
height:77px;
background-repeat: no-repeat;
overflow:auto;
}*/

.register-white-bloc textarea {
border:1px black solid;
}

.jelix-msg{
	border:1px;
}


/*.jelix-msg-item-default {
text-align: center;
}*/

<style>
	
/** account_profile_css **/

.profile-table {
    width:100%;
    margin-top: 1px;
}

.profile-table tr:nth-child(odd){
    background-color: #fbfbfb;
    border-bottom: 1px solid white;
}

.profile-table tr:nth-child(even){
    background-color: #f7f7f7;
    border-bottom: 1px solid white;
}

.profile-table td{
    font-size: 12px;
}

.profile-table input[type=text], .profile-table input[type=password] {
    float:left;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1) inset;
    color: #333333;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
    width:270px;
}

.profile-table .address input[type=text] {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1) inset;
    color: #333333;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
    width:93%;
}

.profile-table input[type=submit] {
    /*  height:24px;
      line-height:normal;
      text-align:center;
      width:108px;
      background-repeat: no-repeat;
      margin:20px 0 10px 0;
      color:#fff;
      text-transform:uppercase;
      border-radius:5px;*/
}
.infoProfileTable {
    margin-bottom:5px;
}
.iconProfilBtn{
    position: absolute;
    margin-left: 15px;
    color: white;
    font-size:22px;
}

.procedureState{
    padding-right: 25px;
}
.champsObligatoire{
    color: #f7941d;
    font-size: 14px;
    font-weight: bold;
}

.champsObligatoire2{
    text-align : right;
    padding-right : 13px;
    padding-top : 16px;
}

.profile-table td{
    padding: 15px 0 15px 25px;
}

.selectPays {
    width: 320px;
    height: 40px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(204,204,204,1.00);
    -webkit-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
    box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
    background: #FFFFFF url(https://static.youpass.com/frontend/images/common/flecheBas.png);
    background-position: 90% center;
    background-repeat: no-repeat;
    -webkit-margin-left: 2px;
}

.selectPays select{
    width: 320px;
}

.verif {
    padding:0px;!important;
}
/* 	*** VERIF 2.0 *** */
/* -Name Table- */
.profileContactTable {
    width: 100%;
    margin-top: 1px;
}
.profileContactTable tr {
    border-bottom: 1px solid white;
}
.profileContactTable td {
    height: 68px;
    padding: 15px 0 15px 0;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profileContactTable .profilNameTr {
    background-color: #fbfbfb;
}
.profileContactTable .profilNameTr td:nth-child(1) {
    width: 130px;
    padding-left: 25px;
}
.profileContactTable .profilNameTr td:nth-child(2) {
    width: 205px;
}
.profileContactTable .profilNameTr td:nth-child(3) {
    width: 110px;
}
.profileContactTable .profilNameTr td:nth-child(4) {
    padding-left: 0;
    width: 110px;
}
.profileContactTable .profilNameTr td:nth-child(5) {
    width: 126px;
}
.profileContactTable .profilNameTr td:nth-child(6) {
    width: 147px;
}
/* -End Name Table- */


/* -Address Table- */
.profilAdressTable {
    width: 100%;
}
.profilAdressTable td {
    padding: 15px 0 15px 0;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profilAdresseTr {
    background-color: #f8f8f8;
    padding: 15px 0 15px 0;
    display: table-cell;
}
.profilAdresseTr td {
    height: 68px;
}
.profilAdresseTr td:nth-child(1) {
    width: 130px;
    padding-left: 25px;
    vertical-align: top;
}
.profilAdresseTr td:nth-child(2) {
    width: 750px;
    height: 0;
    padding: 0;
}
/*Table inside*/
.profilAdressTableInside tr:first-child {
    border-top: 0;
}
.profilAdresseTrInside {
    vertical-align: top;
    border-top: 1px solid #fff;
}
.profilAdresseTrInside td:nth-child(1) {
    width: 410px;
    padding-left: 0;
    padding-right: 8px;
}
.profilAdresseTrInside td:nth-child(2) {
    width: 90px;
    padding-top: 15px;
}
.profilAdresseTrInside td:nth-child(3) {
    width: 90px;
}
.profilAdresseTrInside td:nth-child(4) {
    width: 100px;
}
.profilAdresseTrInside td:nth-child(5) {
    width: 180px;
}
.addressInfo {
    font-size: 14px;
}
.addressInfoStoke {
    width: 100%;
    height: 1px;
    padding-right: 20px;
    background-color: #fff;
}


/*end table inside*/

/* -End address Table- */
/* -Email Table- */
.profileEmailTable {
    width: 100%;
    margin-top: 1px;
}
.profilEmailTr {
    display: table-cell;
    margin-bottom: 1px;
    border-bottom:1px solid #D9D9D9;
    background-color: #fbfbfb;
}
.profileEmailTable td {
    height: 68px;
    padding: 15px 0 15px 0;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profileEmailTable .profilEmailTr td:nth-child(1) {
    width: 130px;
    padding-left: 25px;
}
.profileEmailTable .profilEmailTr td:nth-child(2) {
    width: 388px;
}
.profileEmailTable .profilEmailTr td:nth-child(3) {
    width: 205px;
}
/* -End Email Table- */

/* -Phone Table- */
.profilePhoneTable {
    width: 100%;
    margin-top: 1px;
}
.profilePhoneTr {
    display: table-cell;
    margin-bottom: 1px;
    border-bottom:1px solid #fff;
    background-color: #fbfbfb;
}
.profilePhoneTable tr:last-child {
    margin-bottom: 1px;
    border-bottom: 1px solid #D9D9D9;
}
.profilePhoneTable td {
    padding: 15px 0 15px 0;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.profilePhoneTable td:nth-child(4){
    width: 120px;
}

/*Table phone inside*/
.profilePhoneTableInside tr:first-child {
    border-top: 0;
}
.profilePhoneTableInside tr:last-child {
    border-bottom: 0;
}
.profilePhoneTrInside {
    vertical-align: top;
    border-top: 1px solid #fff;
}
.profilePhoneTrInside td:nth-child(1) {
    width: 264px;
    padding-left: 0;
}
.profilePhoneTrInside td:nth-child(2) {
    width: 105px;
    padding-left: 0;
}
.profilePhoneTrInside td:nth-child(3) {
    width: 104px;
    padding-left: 0;
}
.profilPhoneTrInside td:nth-child(4) {
    width: 140px;
}
.addressInfo {
    font-size: 14px;
}
.phoneInfoStoke {
    width: 100%;
    height: 1px;
    padding-right: 20px;
    background-color: #fff;
}
/*end table inside*/

/* -End Phone Table- */
/* -Tranfer Table- */
.profilTransferTable {
    width: 100%;
}
.profilTransferTable td {
    padding: 15px 0 15px 0;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profilTransferTr {
    background-color: #f8f8f8;
    padding: 15px 0 15px 0;
    display: table-cell;
}
.profilTransferTr td:nth-child(1) {
    width: 130px;
    padding-left: 25px;
    vertical-align: top;
}
.profilTransferTr td:nth-child(2) {
    width: 750px;
    height: 0;
    padding: 0;
}
/*Table inside*/
.profilTranferTableInside tr:first-child {
    border-top: 0;
}
.profilTranferTrInside {
    vertical-align: top;
    border-top : 1px solid #fff;
}
.profilTranferTrInside td:nth-child(1) {
    width: 150px;
    padding-left: 0;
}
.profilTranferTrInside td:nth-child(2) {
    width: 275px;
    padding-top: 15px;
}
.profilTranferTrInside td:nth-child(3) {
    width: 75px;
}
.profilTranferTrInside td:nth-child(4) {
    width: 85px;
}
.profilTranferTrInside td:nth-child(5) {
    width: 90px;
}
.profilTranferTrInside td:nth-child(6) {
    width: 134px;
}
.addressInfo {
    font-size: 14px;
}
.addressInfoStoke {
    width: 100%;
    height: 1px;
    padding-right: 20px;
    background-color: #fff;
}
/*end table inside*/
/* -Check Table- */
.profileCheckTable {
    width: 100%;
    margin-top: 1px;
}
.profileCheckTable tr {
    margin-bottom: 1px;
    border-bottom:1px solid #D9D9D9;
    background-color: #fbfbfb;
}
.profileCheckTable td {
    height: 68px;
    padding: 15px 0 15px 0;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profileCheckTable .profilCheckTr td:nth-child(1) {
    width: 235px;
    padding-left: 25px;
}
.profileCheckTable .profilCheckTr td:nth-child(2) {
    width: 283px;
}
.profileCheckTable .profilCheckTr td:nth-child(3) {
    width: 185px;
}
/* -End Email Table- */
.otherAddress {
    width: 100%;
    height: 40px;
    background-color: #f2f2f2;
    border-top: 1px solid #fff;
}
.otherAddress td {
    display: block;
    text-align: center;
    border-top: 1px solid #f2f2f2;
}
.otherAddress td span i {
    margin-right: 8px;
}
.borderbottomTable {
    padding: 0 !important;
    height: 1px;
    border-bottom: 1px solid #f2f2f2;
}
.profileName {
    font-weight: bold;
    letter-spacing:-0.5px;
    font-size: 14px;
}

.add-prof-detail {
    font-weight: normal;

}
.have-conf{
    color:#6ab017;
}

.have-conf-space {
    padding-left: 17px;
    display: inline-block;
}

.fontConfirm {
    vertical-align: middle;
    cursor:pointer;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fontConfirm i {
    margin-right: 2px;
}
.fontChoice {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}

.fontChoice i {
    text-decoration: none!important;
}

.fontChoice span {
    text-decoration: underline;
}

.fontChoice.mid-blue-txt span {
    text-decoration: none;
}

.defaultCursor {
    cursor: default;
    margin-left: 2%;
}

.removeDisabled {
    cursor: default!important;
}
.fontChoice i{
    margin-right: 2px;
    vertical-align: text-bottom;
}

.confirmProcess {
    position: absolute;
    width: 135px;
    color:#333;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    letter-spacing:-0.5px;
}
.profilBtn {
    padding: 15px 0 15px 0;
    text-align: center;
}

/*toolTipModifyHover*/
.addTxtNameModify {
    display:none;
}
.addHoverModify {
    position: relative;
}
.addHoverModify:hover {
    cursor: pointer;
}
.addHoverModify:hover .addTxtNameModify {
    display:block;
    position: absolute;
    padding: 12px;
    bottom: 31px;
    left: -111px;
    width: 265px;
    color: #fff;
    background-color: #333;
    font-weight:normal;
    text-align: left;
    font-size: 11px;
    border-radius:5px;
    line-height: 13px;
}
.addHoverModify:hover .addTxtNameModify:after {
    position: absolute;
    width: 32px;
    height: 10px;
    background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
    background-repeat: no-repeat;
    border-color: #333 transparent;
    bottom: -10px;
    left: 45%;
    z-index: 99;
    content: "";
}
/*toolTipFinalizeHover*/
.addTxtFinalize {
    display:none;
}
.addHoverFinalize {
    position: relative;
}
.addHoverFinalize:hover {
    cursor: pointer;
}
.addHoverFinalize:hover .addTxtFinalize {
    display:block;
    position: absolute;
    padding: 12px;
    bottom: 28px;
    left: -148px;
    width: 265px;
    color: #fff;
    background-color: #333;
    font-weight:bold;
    text-align: left;
    font-size: 11px;
    border-radius:5px;
    line-height: 13px;
}
.addHoverFinalize:hover .addTxtFinalize:after {
    position: absolute;
    width: 32px;
    height: 10px;
    background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
    background-repeat: no-repeat;
    border-color: #333 transparent;
    bottom: -10px;
    left: 67%;
    z-index: 99;
    content: "";
}
/*toolTipInfoHover*/
.addTxtInfo {
    display:none;
}
.addHoverInfo {
    position: relative;
}
.addHoverInfo:hover {
    cursor: pointer;
}
.addHoverInfo:hover .addTxtInfo {
    display:block;
    position: absolute;
    padding: 12px;
    bottom: 24px;
    left: -81px;
    width: 265px;
    color: #fff;
    background-color: #333;
    font-family: Tahoma, Arial, sans-serif;
    font-weight:normal;
    text-align: left;
    font-size: 11px;
    border-radius:5px;
    line-height: 13px;
}
.addHoverInfo:hover .addTxtInfo:after {
    position: absolute;
    width: 32px;
    height: 10px;
    background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
    background-repeat: no-repeat;
    border-color: #333 transparent;
    bottom: -10px;
    left: 45%;
    z-index: 99;
    content: "";
}

.addTxtInfo-wait {
    display:none;
}
.addHoverInfo-wait {
    position: relative;
}
.addHoverInfo-wait:hover {
    cursor: pointer;
}
.addHoverInfo-wait:hover .addTxtInfo-wait {
    display: block;
    position: absolute;
    padding: 12px;
    bottom: 24px;
    left: -201px;
    width: 317px;
    color: #fff;
    background-color: #333;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    border-radius: 5px;
    line-height: 13px;
}
.addHoverInfo-wait:hover .addTxtInfo-wait:after {
    position: absolute;
    width: 32px;
    height: 10px;
    background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
    background-repeat: no-repeat;
    border-color: #333 transparent;
    bottom: -10px;
    left: 66%;
    z-index: 99;
    content: "";
}
/*toolTipToConfirmyHover*/
.addTxtToConfirm {
    display:none;
}
.addHoverToConfirm {
    position: relative;
}
.addHoverToConfirm:hover {
    cursor: pointer;
}
.addHoverToConfirm:hover .addTxtToConfirm {
    display:block;
    position: absolute;
    padding: 12px;
    bottom: 31px;
    left: -111px;
    width: 265px;
    color: #fff;
    background-color: #333;
    font-family: Tahoma, Arial, sans-serif;
    font-weight:normal;
    text-align: left;
    font-size: 11px;
    border-radius:5px;
    line-height: 13px;
}
.addHoverToConfirm:hover .addTxtToConfirm:after {
    position: absolute;
    width: 32px;
    height: 10px;
    background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
    background-repeat: no-repeat;
    border-color: #333 transparent;
    bottom: -10px;
    left: 45%;
    z-index: 99;
    content: "";
}
.removeDisabled{
    color: #D9D9D9;
}


.hide{
    display:none;
}
.addHover {
    position: relative;
}
.addTxt {
    display:none;
}
.addHover:hover .addTxt {
    display:block;
    position: absolute;
    padding: 12px;
    bottom: 31px;
    left: -111px;
    width: 265px;
    color: #fff;
    background-color: #333;
    font-family: Tahoma, Arial, sans-serif;
    font-weight:normal;
    text-align: left;
    font-size: 11px;
    border-radius:5px;
    line-height: 13px;
}
.addHover:hover .addTxt:after {
    position: absolute;
    width: 32px;
    height: 10px;
    background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
    background-repeat: no-repeat;
    border-color: #333 transparent;
    bottom: -10px;
    left: 45%;
    z-index: 99;
    content: "";
}

/******************Private Messages*****************************/

.senderName {
    float: left;
}

.searchNewMessageContainer {
    border-left: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 0px;
    margin-top: 30px;
    padding: 15px 15px 15px 15px;
}
.dateTimeBox {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #516177;
}

.messageSnipBox {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #516177;
}

.messageInfo {
    border: solid 1px #D9D9D9;
    border-radius: 4px;
    height: 500px;
    overflow: auto;
    background: #fff;
}

#sender {
    font-weight: bold;
}

.searchMessage {
    color: #1f272f;
    border-radius: 0px 4px 4px 0px!important;
    border-color: #D9D9D9;
    height: 45px;
}

.searchMessage:focus {
    background: #3b4b63;
}

.searchMessage i {
    color: #224194;
}

.searchMessage:hover i,
.searchMessage:focus i {
    color: #fff;
}

.userMessage {
    background: #8dc640;
    color: #1f272f;
    max-width: 50%;
    min-width: 50%;
    border-radius: 4px;
    padding: 10px 30px 14px 10px;
    position: relative;
    margin: 3px 0;
}



.userMessage:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 3px 0 7px 19px;
    border-color: transparent #8dc640;
    display: block;
    width: 0;
    z-index: 1;
    right: -16px;
    bottom: 1px;
}

.userMessageReply {
    background: #f2f1f5;
    color: #1f272f;
    max-width: 50%;
    min-width: 50%;
    border-radius: 4px;
    padding: 10px 30px 14px 10px;
    position: relative;
    margin: 3px 0;
}

.userMessageReply:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 3px 19px 7px 0px;
    border-color: transparent #f2f1f5;
    display: block;
    width: 0;
    z-index: 1;
    left: -17px;
    bottom: 2px;
}

.alert-warning .close {
    font-size: 13px;
}

.alert-warning .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.alert-warning .close, .alert-warning .close {
    position: relative;
    top: -10px;
    right: -15px;
    color: inherit;
}

.alert-warning span {

}
.alert-warning span i {

}

.messageConent {
    word-break: break-word;
}

@media (max-width: 997px) {
    .userMessage {
        max-width: 70%;
        min-width: 70%;
    }
    .userMessageReply {
        max-width: 70%;
        min-width: 70%;
    }
}

.user1 {
    font-weight: 400;
    color: #f2f1f5;
}

.user2 {
    color: #6ab017;
    font-weight: 400;
}


.dateCreation {
    position: absolute;
    bottom: 3px;
    right: 3px;
    font-size: 9px;
    color: #fefefe;
}

.messagingContainer .dateReply {
    text-align: center;
    color: #d4d4d4;
    font-size: 9px;
    margin: 4px 0;
}

.messagingContainer {
    height: 421px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 19px;
}

.messageTo {
    border-bottom: 1px solid #D9D9D9;
}

.messageInput {
    font-size: 14px;
    color: #333;
    width: 100%;
    height: 47px;
    border: 1px solid #D9D9D9;
    border-top: none;
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: left;
    padding: 13px 0 7px 20px;
}

.sendMsgBtn {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 47px;
}

@media (max-width: 480px) {
    .sendMsgBtn {
        padding-left: 8px;
    }
}

.sendMessage {

}

.sendMessage textarea {
    width: 100%;
    height: 300px;
    padding: 15px;
    border: 1px solid #D9D9D9;
    resize: none;
}

.messageTo input {
    width: 70%;
    border: 0px;
    padding-left: 15px;
}


.messageTo input:focus, textarea:focus, keygen:focus, select:focus {
    outline-offset: 0px;
    outline: -webkit-focus-ring-color auto 0px;
}

.disabled-other-user{
	position: absolute;
	bottom: 70px;
	background: #FFB400 none repeat scroll 0% 0%;
	width: 92%;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	border-radius: 4px;
	padding: 10px 15px;
}

.fullWidth {
    width: 100%!important;
}

.searchMessage:hover {
    color: #fff;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -ms-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}

#messageBox {
    border: solid 1px #D9D9D9;
    border-radius: 4px;
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: 6px 4px 6px -6px rgba(0,0,0,0.44);
    -moz-box-shadow: 6px 4px 6px -6px rgba(0,0,0,0.44);
    box-shadow: 6px 4px 6px -6px rgba(0,0,0,0.44);
}

@media (max-width: 767px) {
    #messageInfo {
    }

   /* #offCanvasMessages {
        position: absolute;
        width: 300px;


    }
    .offCanvasContainer {
        position: relative;
        width: 0px;
    }*/

    .hideShowmesage {
        cursor: pointer;
    }

    .hideShowmesage:hover {
        text-decoration: none!important;
    }

    .newMessageBtn {
        height: 46px;
        padding: 10px 10px 0px 14px!important;
    }
}

.canvas-slid-messages {
    overflow: hidden;
}

#table_notif {
    padding: 15px 15px 0px 15px;
    border: 1px solid #D9D9D9;
    background: #F8F8F8;
    margin: 0 0 20px 0;
    overflow: hidden;
}

@media (max-width: 767px) {
    #table_notif {
        min-height: 570px;
    }
}

.priv-mess-sbt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.inboxList {

}

ul.inboxList li {
    padding: 10px;
    border-bottom: solid 1px #D9D9D9;
    cursor: pointer;
}

ul.inboxList li.active {
    background: #f2f1f5;
}

/******************FireFox Specific Rules******************************/
@-moz-document url-prefix() {




}


/*/***********************End FireFox Specific Rules**********************************/



	
</style>/** account_operation_css **/

<style>
/*					CSS Mouille Hervé 15/01/2014 10h08				*/
.refund-square{
	//position:relative;
	float:left;
	width:31%;
	height:265px;
	text-align:center;
	padding:7px;
	border:thin solid #F0F0F0;
	margin:1px;
	overflow:hidden;
	cursor:pointer;
}


.refund-square table td:first-child{
	text-align:left;
}
.refund-square table td:last-child{
	text-align:right;
}
.refund-square table{
	height:265px;
	width:100%;
}
.alterned{
	background:#F8F8F8;
}
.tick {
	font-size:80px;
	color:white;
	text-shadow: 1px 1px 0 #F3F3F3,
    -1px 1px 0 #F3F3F3,
    1px -1px 0 #F3F3F3,
    -1px -1px 0 #F3F3F3,
    0px 1px 0 #F3F3F3,
    0px -1px 0 #F3F3F3,
    -1px 0px 0 #F3F3F3,
    1px 0px 0 #F3F3F3,
    2px 2px 0 #F3F3F3,
    -2px 2px 0 #F3F3F3,
    2px -2px 0 #F3F3F3,
    -2px -2px 0 #F3F3F3,
    0px 2px 0 #F3F3F3,
    0px -2px 0 #F3F3F3,
    -2px 0px 0 #F3F3F3,
    2px 0px 0 #F3F3F3,
    1px 2px 0 #F3F3F3,
    -1px 2px 0 #F3F3F3,
    1px -2px 0 #F3F3F3,
    -1px -2px 0 #F3F3F3,
    2px 1px 0 #F3F3F3,
    -2px 1px 0 #F3F3F3,
    2px -1px 0 #F3F3F3,
    -2px -1px 0 #F3F3F3;
    vertical-align:middle;
    cursor:pointer;
}

.free_paypal{ 
	color:#8BC344;
}
.label-free{
position:relative;
	background: none repeat scroll 0 0 #8BC344;
    color: #FFFFFF;
    left: -118px;
    top:16px;
    width: 300px;
    font-weight:bold;
    padding: 5px 0;
   // position: relative;
    text-align: center;
    transform: rotate(316deg);
    -webkit-transform:rotate(316deg);
    -o-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    z-index: 10;
}

#advert{
	float:none;
	clear:both;
}

.greened{
  background-color: #8DC640;
  padding: 10px;
  margin-right: 3px;
  color: white;
  font-size: 16px;
  font-family: Economica;
    letter-spacing:-0.5px;
    text-rendering: optimizeLegibility;
}
.green-bg{
  color: #8DC640;
  font-weight: bold;
    letter-spacing:-5px;
}
.table-form{
	width:100%;
}
.table-form td{
	padding:10px 0px;
}
.table-form td:first-child{
	padding-left:50px;
}
.jforms-ctrl-menulist{
	padding:10px;
}

#pending_operations th {
	
	text-transform: uppercase;
	vertical-align: top;
}
#pending_operations{
	color:#505050;
	width:100%;
	text-align:center;
}
#pending_operations tr{
	height: 40px;
}

.fulldatefirst{
	border-bottom : 3px solid #fcdfbf;
}

.fulldate{
	border-bottom : 3px solid #f2f2f2;
}

#pending_operations td{
	text-align:center;
}
/*#number{
	display:inline;
}*/
.validated-op p{
	font-size:15px;
}

.validated-op .green{
	font-weight:bold;
	font-size:18px;
}
.validated-op{
	width:100%;
}
#progression{
	background:#939393;
	background-image: repeating-linear-gradient(120deg, transparent, transparent 5px, #FEFEFE 2px, #FEFEFE 10px);
	border:thin solid #5A5A5A;
	box-shadow:2px 2px E6E6E6;
	height:10px;
	animation:myfirst 2s linear infinite;
}

@keyframes myfirst
{
from{background-position:0 0}
	to{background-position:80px 0}
}

@-moz-keyframes myfirst /* Firefox */
{
from{background-position:0 0}
	to{background-position:80px 0}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from{background-position:0 0}
	to{background-position:80px 0}
}

@-o-keyframes myfirst /* Opera */
{
from{background-position:0 0}
	to{background-position:80px 0}
}


/************************************
 CSS OPERATION_VALIDATION 
*************************************/
.tableContainer{
	position:relative;
}

.titreTableAmazon{
	font-family:economica;
	color: #f7941d;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    opacity:0.99;
    text-rendering: optimizeLegibility;
}

.amazonValidateTable{
	margin:5px 0 35px 0;
	width:100%;
	position:relative;
}
.amazonValidateTable tr{
 height:78px;
}
.amazonValidateTable tr:nth-child(odd){
 	background-color: #f8f8f8;
}
.amazonValidateTable tr:nth-child(even){
 
	background-color: #fbfbfb;
}
.amazonValidateTable tr td:first-child {
	width:auto;
	padding: 20px;
	font-size: 12px;
	border:2px solid #ffffff;
}

.amazonValidateTable tr td:last-child{
	padding: 20px 20px 20px 50px;

	border:2px solid #ffffff;
}
.amazonValidateTable{
	margin-top:5px;
}
.getCode{
	font-size:22px;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    opacity:0.99;
	font-family:economica;
	color:#333333;
    text-rendering: optimizeLegibility;
}
.amazonAmount{
	font-size:30px; 
	font-family:economica;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    opacity:0.99;
	color: #f7941d;
    text-rendering: optimizeLegibility;
}
.copyCode{
	position:relative;
	margin-left:60px;
	font-family: economica;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    opacity:0.99;
	font-size: 14px;
	color: #f7941d;
    text-rendering: optimizeLegibility;
}
.amazonText p{
	font-size: 14px;
}
.amazonText{
	margin:30px 0 0 0;
}
.zclip{
	left: 0px;
	top: 0px;
}

.DivInside{
	clear:both;
	margin-top: 3px;
}
.DivInside>div{
	float:left;
}
.hideShowOnHover>div{
	cursor:pointer;
}
.hideShowOnHover>div:first-child{
	display:block;
}
.hideShowOnHover>div:nth-child(2){
	display:none;
}
.hideShowOnHover:hover>div:first-child{
	display:none;
}
.hideShowOnHover:hover>div:nth-child(2){
	display:block;
}
.zoneOne .tick:hover{
	color:#F7941D;
}
.boutiqueMargin{
	margin: 0 25px; 
}
.zoneOne *{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.zoneOne{
	position: relative;
	float: left;
	width: 292px;
	height: 234px;
	background: #F3F3F3;
	border: 1px solid D9D9D9;
	text-align: center; 
	margin: 2px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.topZoneOne{
	height: 74px; 
	padding: 15px 0 0 0;
} 
.baseline{
	font-family: economica;
	font-size: 16px;
    text-rendering: optimizeLegibility;
}
.infoInside{
	position: relative;
	z-index: 2;
	width: 94px;
	height: 64px;
	font-family: economica;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    opacity:0.99;
	padding-top:10px;
    text-rendering: optimizeLegibility;
}
.infoInside i{  
	font-size: 30px;
}
.delayZone{
	position: absolute;
	top: 1px;
	left: 5px;
	width: 89px;
	height: 64px;
	padding:20px;
	line-height: 12px; 
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.strokeInside{
	width: 1px;
	height: 34px;
	margin: 15px 0 0 0;
	background-color: #e9e9e9; 
} 
.bottomZoneOne{
	position: relative;
	z-index: 1;
	clear: both;
	padding: 10px 0 0 10px;
	text-align: left;	
}
.bottomZoneOne img{ 
	float: left;
}
.tick{
	display:inline-block;
	padding-left: 55px;
}
/*toolTip1*/
	.hoverMessage {
		display:none;
	} 
	.delayZone:hover .hoverMessage{
		display:block;
		position: absolute;
		padding: 12px;
		bottom: 70px;
		left: 8px;
		width: 180px;
		height: 50px;
		color: #fff; 
		background-color: #333;
		font-weight:normal;
		text-align: left;
		font-size: 11px;
		border-radius:5px;
	}
	.hoverMessage:after {
		position: absolute;
		width: 32px; 
		height: 10px;
		background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
		background-repeat: no-repeat; 
		border-color: #333 transparent;
		bottom: -10px;
		left: 12%;
		z-index: 99;		
		content: "";
	}
/*Tooltip2*/
	.infoHover{
		cursor: pointer;
	}
	.hoverMessage2 {
		display:none;
	} 
	.infoHover:hover .hoverMessage2{
		display:block; 
		position: absolute;
		padding: 12px;
		bottom: -92px;
		left: -95px;
		width: 290px; 
		color: #fff; 
		background-color: #333;
		font-weight:normal;
		text-align: left;
		font-size: 11px;
		line-height: 13px;
		border-radius:2px; 
	}
	.hoverMessage2:after {
		position: absolute;
		width: 32px;
		height: 10px;
		background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
		background-repeat: no-repeat; 
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		border-color: #333 transparent;
		top: -10px;
		left: 43%;
		z-index: 99;
		content: "";
	}
/*Tooltip Bonus*/ 
	.hoverMessageBonus {
		display:none;
	} 
	.infoHoverBonus:hover .hoverMessageBonus{
		display:block;
		position: absolute;
		padding: 12px;
		bottom: 60px;
		left: 8px;
		width: 200px;
		height: 50px;
		color: #fff; 
		background-color: #333;
		font-weight:normal;
		text-align: left;
		font-size: 11px;
		border-radius:5px;
	}
	.hoverMessageBonus:after {
		position: absolute;
		width: 32px; 
		height: 10px;
		background-image:url(https://static.youpass.com/frontend/images/cms/bubble-point.png);
		background-repeat: no-repeat; 
		border-color: #333 transparent;
		bottom: -10px;
		left: 12%;
		z-index: 99;		
		content: "";
	}	
/* **End Tooltip3** */

	.loaderBlock {
		display: none;
		position: absolute;
		background:url(https://static.youpass.com/frontend/images/common/loading.gif) no-repeat;
		width: 50px;
		height: 50px;
		top: 50px;
		left: 220px;
		
	}
	.promoBoutique { 
	  position: absolute;
	  overflow: hidden;
	  width: 150px; 
	  height: 150px; 
	  top:0;
	  font-family: economica;
	  font-size: 18px;
        text-rendering: optimizeLegibility;
    }
	.promoBoutique::before { 
	  position: absolute;
	  content:"PROMO";
        letter-spacing:-0.5px;
	  top: 9px;
	  left: -56px;
	  color:#fff;
	  text-align: center;
	  padding: 6px;
	  background-color: #8BC344;
	  width: 150px; 
	  height: 21px;
	  -webkit-transform: rotate(316deg);
	  -moz-transform: rotate(316deg);
	  -ms-transform: rotate(316deg);
	  -o-transform: rotate(316deg);
	  transform: rotate(316deg);
	}
	
	.promoBoutique.bonus::before{
		content:"BONUS";
	}
	
	#promo-div{
		position:relative;
		overflow: hidden;
		width: 600px;
		height: 30px;
		padding-right: 0px;
		right: 0px; 
		margin-right: 5px;
		float: right;
		/*clear: both;*/
	}	
	.discounts{
		position:relative;
		left: -1200px;
	}
	.discounts.id_1{
		left: 0px
	}
.iconBonus {
	font-size: 32px;
}
.headlineAccount {
	white-space: nowrap;
	position: absolute;
	font-size: 14px;
	line-height: 26px;
	/*padding: 0 12px 0 8px;*/
	padding: 0 1px 0 8px;
	overflow: hidden;
	z-index: 1;
	right:0px;	
}
</style>

/** dashboard_css **/


/************Begin YP4 css************************/

.dashboardContainer {
    padding: 0px;
}
#avatarContainer {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.pseudoContainer {
    padding: 0px;
}
.account-info {
    font-weight:normal;
    font-size: 12px;
    color: #505050;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity:0.99;
}

.processing-bal {
    position: relative;
    z-index: 8;
    border-left: 1px solid #fff;
    padding-left: 70px!important;
    margin-left: 0px;
}

.cashbackable-bal {
    position: relative;
    z-index: 9;

}
.cashbackable-bal-1 {
    position: relative;
    z-index: 10;
}

.pseudonym {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.youwalletContainer {
    padding: 15px 0px;
    margin-top: 15px;
}

.walletSmScr {
    position: relative;
    top: -33px;
}

.youwalletMobile {
    margin-top: -6em;
    margin-bottom: 1em;
}

.youwalletMobile img {

}

.formSearchGroupDashboard {
    padding: 0px;

}

#search-groupDashboard {
    position: relative;
    width: 100%;

}

#search-groupDashboard input {
    padding-left: 37px;
    border-radius: 0px 4px 4px 0px;

}

#search-groupDashboard i {
    position: absolute;
    top: 14px;
    left: 13px;
    color: #224194;
    z-index: 3;
}

.dropDownDashboard {
    color: #3b4b63;
    font-size: 14px;
}

.btn-dashboardCat {
    background: #fff;
    color: #3b4b63;
    font-size: 14px;
    border: 1px solid #D9D9D9;
    border-right: 0px;
    border-radius: 4px;
    padding: 11px 12px 11px 12px;
}

ul.filterSort {
    border-radius: 0px 0px 4px 4px;
}

.btn-dashboardCat:active {
    padding: 12px 12px 9px;
}

.btn-dashboardCat i {
    top: 1px;
}

.dashboardCancel {
    cursor:pointer;
    text-align:center;
    padding:14px 0px"
}


.btn-dashboardCat:hover, .btn-dashboardCat:focus, .btn-dashboardCat.focus {
    background: #fff;
    color: #3b4b63;
    font-size: 14px;
    text-decoration: none;
}

.filterSort {
    background: #fff;
    border: 1px solid #f2f1f5;
    top: 43px;
    z-index: 1;
    width: 263px;

}

.dashTable>thead>tr>th, .dashTable>tbody>tr>th, .dashTable>tfoot>tr>th, .dashTable>thead>tr>td, .dashTable>tbody>tr>td, .dashTable>tfoot>tr>td {
    position: relative;
    padding: 13px 40px 13px 20px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 0px;
    white-space: nowrap;
}
#white-block-table {
    position: relative;
}

#white-block-table tr:before {
    border-top: 1px solid #f2f1f5;
    position: absolute;
    content: "";
    left: 20px;
    right: 20px;
}

.dashboardTableDate:before {
    border-top: 4px solid #f2f1f5;
    position: absolute;
    content: "";
    bottom: -1px;
    width: 100%;
    left: 0px;
}

.vertical-line{
    border-left: 1px solid #f2f1f5;
    margin: 0 5px 0 5px
}

@media (max-width: 997px) {
    #white-block {
        width: 100%;
    }
    .dashTable>thead>tr>th, .dashTable>tbody>tr>th, .dashTable>tfoot>tr>th, .dashTable>thead>tr>td, .dashTable>tbody>tr>td, .dashTable>tfoot>tr>td {
        padding: 13px 15px 13px 15px;
        line-height: 1.42857143;
        vertical-align: top;
        width: auto;
        border-top: 1px solid #f2f1f5;
    }
}

.filterSort>li>a {
    display: block;
    padding: 12px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.filterSort>li>a:hover, .filterSort>li>a:focus {
    text-decoration: none;
    background-color: #cbddeb;
}

.dashTabsPad {
    padding-left: 15px;
    padding-right: 15px;
}

.dashboardTabContent {
    margin-top: 10px;
    padding-bottom: 40px;
}

.dashboardDatePick {
    display: inline-block;
    float: left;
    position: relative;
    margin: 0px 30px 0px 0px;
}

.dashboardDatePick i {
    position: absolute;
    top: 15px;
    left: 14px;
    color: #224095;
}

.dateRange {
    float: left;
    padding-right: 30px;
}

@media (max-width: 1083px) {
    .dateRange {
        padding-left: 15px;
    }
}

.datePickInput {
    background-color: #fff!important;
    cursor: pointer!important;
    padding-left: 37px;
}
#date {
    position: relative;
}

#date input[type="text"]::-webkit-input-placeholder:before {
     position: absolute;
     font-family: 'YouPass';
     content: ',';
     top: 52px;
     left: 27px;
     color: rgba(159, 159, 159, 0.81);
 }

@media (max-width: 1083px) {
    .next-line {
        clear: both;
    }
}



.personaliseTile {
    display: table-cell;
    float: left;
    font-size: 16px;
    padding: 13px 10px 0px 15px;
    height: 44px;
    vertical-align: middle;
    white-space: nowrap;
}

.noPaddingLeft {
    padding-left: 0px;
}

.personaliseRow {
    padding-bottom: 40px;
    padding-top: 32px;
}
@media (max-width: 991px) {
    .personaliseRow .noPadding {
        padding-left: 15px;
        padding-right: 15px;
    }

}



#balance-menu-top {
    color: #ff9600;
}

.youwalletImgCon img {
    padding-left: 32px;

}

.dateRangeDe {
    float: left;

}
.dateRangeA {
    float: left;
}

/*********test**********/


.main-table {
    width: 100%;
}

.fixed-table {
    /* magic */
    width: 100%;
    table-layout: fixed;

    /*not really necessary, removes extra white space */
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}
.fixed-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nowrap {
    /* used to keep buttons' text in a single line,
     * remove this class to allow natural line-breaking.
     */
    white-space: nowrap;
}

@media (max-width: 1055px) {


}
.personaliseTile i {
    color: #aac9e1;
    font-size: 26px;
    padding-right: 10px;
    position: relative;
    top: 5px;
}

.wizardDashboard {
    margin-top: 0px;
    padding: 0 0 10px 0;
    border-bottom: 0px;
    overflow-x: hidden;
}

.csvBtn {
    width: 100%;
    float: right;
}

.btnFullWidth {
    width: 100%;
}

.dashboardTableDate {
    background: #f2f1f5;
    border-top: 0px!important;
}

#white-block-table .icon {
    font-size: 24px;
    color: #aac9e1;
}

@media (max-width: 1064px) {
    .pseudonym {
        margin-top: 10px;
    }

}


@media (max-width: 991px) {
    .dashTabsPad {
        padding: 0;
    }

    .processing-bal {
        border-left: 0px solid #fff;
        padding-left: 0px!important;
    }

    .pseudonym {
        margin-top: 18px;
    }
    .nickname-verif {
        margin-top: 23px;
    }
    .youwalletIcon {
        margin-top: 14px;
    }

    .personaliseTile {
        display: table-cell;
        font-size: 16px;
        height: 44px;
        vertical-align: middle;
        padding: 0px 0px 0px 15px;
    }

    .btnFullWidth {
        width: 50%;
        text-align: center;
        margin: auto;
    }
    .dashbordSearchInputGroup {
        padding-left: 0px;
        padding-right: 0px;
    }
    .noPaddingLeft {

    }

    .smNoPaddingLeft {
        padding-left: 15px!important;
    }

}

@media (max-width: 800px) {
    .pseudonym {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .youWalletBal {
        font-size: 22px!important;
    }
    .youWalletBalCashbackable {
        font-size: 18px;
    }
    .youWalletInfo {
        position: relative;
        top: 5px;
    }
    .dashboardContainer {
        padding: 0px;
        margin: 0px auto 20px auto;
    }
    .mainMargin {
        display:none;
    }
    .tooltipYouWalletBal {
        width: 286px!important;
    }
    .pseudonym {
        margin-top: 29px;
        margin-left: 6px;
    }
}

@media (max-width: 767px) {
    .youwalletMobile {
        margin-top: -3.4em;
        margin-bottom: 0em;
    }
    .youwalletIcon {
        margin: 13px 5px 14px 0;
    }
    .centerRowSm {

    }

    .dateRangeDe {
        width: 50%;
        padding-left: 15px;

    }
    .dateRangeA {
        width: 50%;
        padding-left: 15px;
    }
    .dateRange {
        padding-left: 2px;
    }
    .dtpicker-reset-btn {
        padding-left: 15px;
    }
}
@media (max-width: 690px) {
    .dateRange {
        width: 100px;
    }
}

@media (max-width: 638px) {
    .pseudonym {
        
    }
    .nickname-verif {
        margin-top: 10px;
    }
    .cashbackable-bal {
        padding-top: 0px;
    }

    .btnFullWidth {
        width: 100%;
        text-align: center;
        margin: auto;
    }
}

.pseudonym h2 {
    font-size: 20px;
    font-weight: normal;
    color: #22b2ee;
    white-space: nowrap;
    
    
}

.dashboardContainer .nickname-verif {
    overflow: hidden;
}

.nickname-verif {
    position: relative;
    font-size: 11px;
    font-weight: 300;
    color: #3b4b63;
    white-space: nowrap;

}

.nickname-verif:before {
    position: absolute;
    z-index: 1;
    color: #6ab017;
    font-family: YouPass;
    content: "\e055";
    font-size: 56px;
    transform: scale(2,3);
    -webkit-transform: scale(1,1.2);
    -moz-transform: scale(1,1.2);
    -ms-transform: scale(1,1.2);
    -o-transform: scale(1,1.2);
    width: 600px;
    left: 42px;
    top: 12px;
    line-height: 0;
}

@media (max-width: 991px) {
    .nickname-verif {
        padding-left: 15px;
    }
    .nickname-verif:before {
        left: 65px
    }
    .pseudonym h2 {
        font-size: 18px;
        line-height: 20px;
    }
}

.nickname-verif a {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 13px;
    line-height: 1.8;
}

@media (max-width: 997px) {
    .nickname-verif a {
        padding: 2px 21px;
    }
}
.nickname-verif a:hover, .nickname-verif-not a:hover {
    cursor: default;
    color: #fff;
    text-decoration: none;

}

.nickname-verif-not {
    position: relative;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 300;
    color: #3b4b63;
}


@media (max-width: 991px) {
    .nickname-verif-not {
        top: 25px;
    }
}

@media (max-width: 767px) {
    .nickname-verif-not {
        top: 14px;
    }
}

.nickname-verif-not:before {
    position: absolute;
    z-index: 1;
    color: #aac9e1;
    font-family: YouPass;
    content: "\e055";
    font-size: 76px;
    width: 600px;
    left: 42px;
    top: 12px;
    line-height: 0;
}

.nickname-verif-not a {
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: 'encode_sans', Verdana, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 11px;
    line-height: 19px;
}

@media (max-width: 997px) {
    .nickname-verif-not a {
        padding: 2px 12px;
    }
    .youWalletBal {
        font-size: 36px;
    }
}

.youWalletBal {
    font-size: 40px;
    font-weight: bold;
    color: #224095;

}
@media (max-width: 1024px) {
    .youWalletBal {
        font-size: 36px;
    }
}
.youWalletInfo {
    z-index: initial;
    position: relative;
    cursor: pointer;
    font-size: 31px;
    color: #22b2ee;
    padding-right: 10px;
}


.tooltipYouWalletBal {
    position: absolute;
    z-index: 5;
    top: 48px;
    left: -187px;
    width: 288px;
    height: auto;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

.tooltipYouWalletBal p {
    font-size: 12px;
    margin: 0px;
}

.tooltipYouWalletBal span {
    content: "";
    border: 11px solid transparent;
    border-bottom: 12px solid #fff;
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    top: -19px;
    left: 67%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transform: scale(2,1);
    -webkit-transform: scale(1.6,1);
    -moz-transform: scale(1.6,1);
    -ms-transform: scale(1.6,1);
    -o-transform: scale(1.6,1);
    text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.10);
}

.tooltipYouWalletRev {
    position: absolute;
    z-index: 1;
    top: 48px;
    left: -119px;
    width: 288px;
    height: auto;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

.tooltipYouWalletRev p {
    font-size: 12px;
    margin: 0px;
}

.tooltipYouWalletRev span {
    content: "";
    border: 11px solid transparent;
    border-bottom: 12px solid #fff;
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    top: -19px;
    left: 122px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transform: scale(2,1);
    -webkit-transform: scale(1.6,1);
    -moz-transform: scale(1.6,1);
    -ms-transform: scale(1.6,1);
    -o-transform: scale(1.6,1);
    text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.10);
}

.tooltipMoneyIn {
    position: absolute;
    z-index: 1;
    top: 35px;
    left: -146px;
    width: 288px;
    height: auto;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

.tooltipMoneyIn p {
    font-size: 12px;
    margin: 0px;
}

.tooltipMoneyIn span {
    content: "";
    border: 11px solid transparent;
    border-bottom: 12px solid #fff;
    color: #fff;
    position: absolute;
    width: 0;
    height: 0;
    top: -19px;
    left: 124px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transform: scale(2,1);
    -webkit-transform: scale(1.6,1);
    -moz-transform: scale(1.6,1);
    -ms-transform: scale(1.6,1);
    -o-transform: scale(1.6,1);
    text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.10);
}

.tooltipMoneyOut {
    position: absolute;
    z-index: 1;
    top: 35px;
    left: -143px;
    width: 288px;
    height: auto;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

.tooltipMoneyOut p {
    font-size: 12px;
    margin: 0px;
}

.tooltipMoneyOut span {
    content: "";
    border: 11px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    width: 0;
    height: 0;
    top: -19px;
    left: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transform: scale(2,1);
    -webkit-transform: scale(1.6,1);
    -moz-transform: scale(1.6,1);
    -ms-transform: scale(1.6,1);
    -o-transform: scale(1.6,1);
    text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.10);
}
.moreInfoPending {
    display: none;
    top: -13px;
    right: -26px;
    position: absolute;
}
.amountPending i {
    font-size: 11px;
}
@media (max-width: 991px) {
    #dropDownPendingicon {
        color: #b7d1df;
    }
    .moreInfoPending {
        display: block;
        padding: 10px 0px 0px 0px;
    }

    .amountPending {
        width: 50%;
        float: left;
    }
    .tooltipMoneyIn {
        left: -232px;
    }
    .tooltipMoneyIn span {
        left: 210px;
    }
    .tooltipMoneyOut {
        left: -97px;
    }
    .tooltipMoneyOut span {
        left: 74px;
    }
    .tooltipYouWalletRev span {
        left: 125px;
    }

}

.dHistoryLoading {
    display:none;
    margin-left:auto;
    margin-right:auto;
    padding-top: 30px;
}

@media (max-width: 803px) {
    .tooltipYouWalletRev {
        left: -183px;
    }
    .tooltipYouWalletRev span {
        left: 186px;
    }
}

@media (max-width: 767px) {
    .youWalletInfo {
        z-index: initial;
    }
}


.cashback {
    font-size: 12px;
    font-weight: 300;
    color: #224095;
}

.cashback span {
    font-weight: bold;
}
.youWalletBalCashbackable {
    font-size: 22px;
    font-weight: bold;
    color: #224095;
}

.ywIcon-position {
    position: relative;
    top: 6px;
}

#amount_process {
    color: #224095;
    font-weight: 600;
}
#amount_process h4 {
    float: left;
    margin: 7px 0px 0px 0px;
}

#amount_process .youWalletInfo i {
    position: relative;
    font-size: 24px;
    padding-left: 5px;
    top:-4px;
    float: left;
}


.strike{
    text-decoration: line-through;
}

.exportCSV {
    color: #f7941d;
}

.exportCSV:hover{
    border-bottom: none!important;
}

.orange-smiley{
    color: #f7941d
}

.red{
    color: #cc0000;
}

.highlight-rowActive {
    background-color: #cbddeb!important;
}

.highlight-rowActive i {
    color: #fff!important;
}

.hiddenDetail {
    height: 0px;
    padding: 0px!important;
    border: 0px!important;
}

.arow {
    background-color: #cbddeb;
    padding-top: 15px;
    padding-left: 5px;
}
@media (max-width: 991px) {
    .arow {
        text-align: center;
    }
}

tr.highlight-row:hover {
    background-color: #cbddeb!important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.highlight-row:hover i {
    color: #fff!important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.loader{
    position: absolute;
    width: 100%;
    margin: auto;
    text-align: center;
}
.payment-meth-det {
    padding-bottom: 15px;
}
.pay-meth-txt {
    font-weight: normal;
}

#white-block-table tr {
    border-left: 1px solid #f2f1f5;
    border-right: 1px solid #f2f1f5;
}

#white-block-table tfoot tr {
    border-left: 0px solid #f2f1f5;
    border-right: 0px solid #f2f1f5;
    border-top: 1px solid #f2f1f5;
}

#white-block-table .payment-meth-det i {
    color: #516177;
    padding-right: 8px;
}
#white-block-table .payment-meth-det span {
    color: #263346;
    font-size: 14px;
    font-weight: normal;
    position: relative;
}

.vndr {
    padding-right: 15px;
}
@media (max-width: 991px) {
    .mkt-vdr {
        position: relative;
        top: 10px;
    }

}

.print-btn-space {
    padding-top: 60px;
}

.split-divide {
    color: #fff!important;
    padding: 0px 25px 0px 25px;
    font-size: 12px;
    font-weight: 600;
}

.dtpicker-reset-btn {
    position: relative;
    float: left;
    z-index: 1;
    padding-top: 4px;
    display: inline-block;
    background: transparent;
    border: none;
    color: #224095;
}
.dtpicker-reset-btn:hover {
    text-decoration: underline;
}


.reset-holder {
    position: relative;
}

.reset-holder .loader {
    position: absolute;
    top: 12px;
    left: -8px;
}

/************End Begin YP4 css************************/

.white-bloc-content {
  float:left;
  width:700px;
  margin-top:5px;
}

.dashboard-white-bloc-mini {
  float:left;
  width:350px;
  margin-top:5px;
}

.white-bloc-content #blue1 {
	background: url('/frontend/images/dashboard/blue1new-fr_FR.png') no-repeat;
 /* background-image: url('/frontend/images/dashboard/blue1.png');*/
  height: 101px;
  width: 321px;
  float:left;
}

.white-bloc-content #blue2 {
background: url('/frontend/images/dashboard/blue2new-fr_FR.png') no-repeat;
 /* background-image: url('/frontend/images/dashboard/blue2.png');*/
  height: 101px;
  width: 321px;
  float:left;
  margin-left:10px;
}
.buttonBleuBackground {
    min-height: 1.5em;
    display: inline-block;
	opacity:0.95;
    -webkit-border-radius: 9px;
     -khtml-border-radius: 9px;
       -moz-border-radius: 9px;
         -o-border-radius: 9px;
            border-radius: 9px;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
     -khtml-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}
.buttonBleuBackground:hover {
	opacity:1;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.buttonBleuBackground:active {
	opacity:1;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.shine {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    padding: 0px 12px;
   /* top: -12px;*/
    left: -24px;
    height: 1px;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
     -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
       -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
         -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
            box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
     -khtml-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.buttonBleuBackground:hover .shine {left: 75px;}
.buttonBleuBackground:active .shine {opacity: 0;}

.white-bloc-content #blue1 h3 {
  color: white;
  margin-top:35px;
  margin-left:125px;
  line-height: 15px;
}

.white-bloc-content #blue2 h3 {
  color: white;
  margin-top:35px;
  margin-left:135px;
  line-height: 15px;
}

.white-bloc-content h2.whitetitle  {
  background-image: url('/frontend/images/whitetitle.png');
  color: black;
  width:100%;
  padding-top:10px;
  text-transform:uppercase;
  font:13px/25px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
}

.dashboard-white-bloc-mini h2.whitetitle  {
  background-image: url('/frontend/images/whitetitlemini.png');
  color: black;
  width:100%;
  padding-top:10px;
  text-transform:uppercase;
  font:13px/25px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
}

.white-bloc-content #grandtotal {
  float:left;
  width:157px;
  height:96px;
  background-image: url('/frontend/images/dashboard/grantotal.png');
  margin-left:5px;
}
.white-bloc-content #items {
  float:left;
  width:157px;
  height:96px;
  background-image: url('/frontend/images/dashboard/items.png');
  margin-left:10px;
}
.white-bloc-content #total {
  float:left;
  width:157px;
  height:96px;
  background-image: url('/frontend/images/dashboard/total.png');
  margin-left:10px;
}
.white-bloc-content #sponsorship {
  float:left;
  width:157px;
  height:96px;
  background-image: url('/frontend/images/dashboard/totalsponsorship.png');
  margin-left:10px;
}
.white-bloc-content h3 {
  /* float:left; mis en commentaire 3mai2013 probleme de décalage ligne surcout appel*/
  display: block;
  margin-left:67px;
  margin-top:20px;
  line-height: 12px;
  height:25px;
}

.white-bloc-content .imgfb {
  margin-left:10px;
}

.white-bloc-content span.amount_blue {
  font-size: 12px;
  color:#1D67DD;
  font-weight: bold;
  float:left;
  display:block;
  width:80px;
}

.white-bloc-content span.amount {
  margin-left:67px;
}

.white-bloc-content #grandtotal h3 {
  height:15px;
  margin-top:30px;
}
.white-bloc-content img {
  float:left;
  clear:both;
  margin-top:2px;
  margin-left:0px;
}
.white-bloc-content p.fb {
  float:left;
  margin-top:2px;
  margin-left:10px;
}

.white-bloc-content span.support-cost {
  font-size:9px;
  color:#000;
  font-weight: normal;
  font-style:italic;
}

.white-bloc-content span.commission {
  color:#00A0E7;
  font-weight: bold;  
  font-size:10px;
}

#btn201 {
  width:201px;
  height:37px;
  background-image: url('/frontend/images/btn201.png');
  color:#fff;
  font:13px/37px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  margin:7px;
  float:left;
  background-color: transparent;
}

.soldeinf {
  height:27px;
  margin:10px 0 0 20px;
  display:block;
  font-size:9px;
  width:290px;
  float:left;
}

.moneyquote {
  height:27px;
  margin:10px 0 0 20px;
  display:block;
  font-size:9px;
  width:450px;
  float:left;
}


.black-block {
  float:left;
  width:683px;
  margin-left:10px;
 
}
.black-block .black-block-header {
  float:left;
  width: 683px;
  height:12px;
  background-image: url('/frontend/images/dashboard/blackblocktop.png');
}

.black-block .black-block-footer {
  float:left;
  width: 683px;
  height:18px;
  background-image: url('/frontend/images/dashboard/blackblockbottom.png');
} 

.black-block .black-block-content {
   background:#27282A;
  background: -webkit-linear-gradient( top, #3E3E41, black);
  background: -moz-linear-gradient( top, #3E3E41, black); 
  background: -ms-linear-gradient( top, #3E3E41, black); 
  background: -o-linear-gradient( top, #3E3E41, black); 
  background: linear-gradient( to bottom, #3E3E41, black);
  border-radius:8px;
  padding:12px 0 18px 0;
  float:left;
  width:683px;
  
  min-height:253px;

}

.black-block  h3.black-block-title{
  background-image: url('/frontend/images/dashboard/blackblocktitle.png');
  margin-left : 10px;
  padding-left: 10px;
  padding-top: 5px;	
  height : 30px;
  color: white;
  background-repeat: no-repeat;
  text-transform:uppercase;
}

#black-block-table{
  width : 662px;
  text-align:center;
  margin:10px;
}

#black-block-table th {
  text-transform:uppercase;
  color:#858587;
  vertical-align: top;
}

#black-block-table tr {
  height:25px;
  border-bottom: 1px #8E8E8E dotted;
}

#black-block-table td {
  color:#fff;
  text-align :center;
}

#black-block-table td.align-left {
  text-align :left;
}

#black-block-table tfoot tr:last-child{
  height:25px;
  border-bottom: 0px #8E8E8E dotted;
  text-align:center;
}
#black-block-table tfoot tr{
  height:25px;
  border-bottom: 0px #8E8E8E dotted;
  text-align:center;
}
#black-block-table tfoot tr:hover {
 background:none;
}
#black-block-table tr:last-child {
  height:25px;
  border-bottom: 1px #8E8E8E dotted;
  text-align:center;
}

#black-block-table tfoot td{
text-align:center;
}

#black-block-table .datetime{
	background-color:#858585;
}

#black-block-table tr:hover {
background:#5E605D;
}

#black-block-table tr:first-child:last-child:hover {
background:transparent;
}

#black-block-table  .day {
  color:black ;
}

#black-block-table  .hour {
  color: white;
}

.repayby {
  font-weight: bold;
  margin:-10px 0 0 15px;
  font-size:14px;
  text-transform:uppercase;
  display:inline-block;
  width:600px;
}

.payment {
  margin:10px 0 0 15px;
}

.white-bloc-content #number {
  display:inline;
}

#socialButtons {
	float:right;
	display:block;
	margin-top:-3px;
}

div.plusone, .twitter, .fb-like {
	font-size:1px;
	display:inline-block;
}

div.fb_reset {
    display:inline;
}

#dashboardSlide {
	width:auto;
	height:360px;
	/*overflow:hidden;*/
}

.displayHistory {
    position: relative;
    display: block;
    width: 100%;
    margin: 18px 0px 0px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(255,255,255,0.9);
    font-size: 16px;
    text-transform: uppercase;
    color: #3b4b63;
    border: 1px solid #f2f1f5;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.displayHistory:before, .displayHistory:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
    -webkit-transition: border-top-color 0.1s linear;
    -moz-transition: border-top-color 0.1s linear;
    -ms-transition: border-top-color 0.1s linear;
    -o-transition: border-top-color 0.1s linear;
    transition: border-top-color 0.1s linear;
}

.displayHistory:before {
    position: absolute;
    bottom: -10px;
    border-top-color: rgba(1, 1, 1, 0.1);
    border-width: 10px;
    right: 0;
    left: 0;
    margin: auto;
}

.displayHistory:after {
    position: absolute;
    bottom: -8px;
    border-top-color: rgba(255,255,255,0.9);
    border-width: 12px;
    right: 0;
    left: 0;
    margin: auto;
}

.displayHistory span:after {
    content: '...';
    position: absolute;
    color: #3b4b63;
    font-family: encode_sans, verdana, sans-serif;
    top: 20px;
    left: 0;
    right: 0;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -ms-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}

.displayHistory:focus {
    color: #3b4b63;
}

.displayHistory:hover {
    border-color: #3b4b63;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.displayHistory:hover:before, .displayHistory:hover:after {
    border-top: 10px solid #3b4b63;
    -webkit-transition: border-top-color 0.1s linear;
    -moz-transition: border-top-color 0.1s linear;
    -ms-transition: border-top-color 0.1s linear;
    -o-transition: border-top-color 0.1s linear;
    transition: border-top-color 0.1s linear;
}

.hiddenDetailTitle {
    padding: 5px;
}

#displayOldHistory{
	display:block;
	padding:8px;
	margin:4px;
	background-color:#6891E7;
	border-color:#0053a6 #0053a6 #000;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff4495e7,EndColorStr=#ff0053a6);
	background-image:-moz-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-ms-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-o-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4495e7),color-stop(100%,#0053a6));
	background-image:-webkit-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:linear-gradient(to bottom,#4495e7 0,#0053a6 100%);
	color:#fff;
	border:1px solid;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px ;
	border-color:#0053A6 #0053A6 #000;
}
#displayOldHistory:hover{
	border-color:#002d59 #002d59 #000;
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,0.35), 0 1px 3px rgba(0,0,0,0.5);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,0.35), 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,0.35),0 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 0 1px 0 rgba(256,256,256,0.35), 0 1px 3px rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff096bd2,EndColorStr=#ff0053a6);
	background-image:-moz-linear-gradient(top,#096bd2 0,#0053a6 100%);
	background-image:-ms-linear-gradient(top,#096bd2 0,#0053a6 100%);
	background-image:-o-linear-gradient(top,#096bd2 0,#0053a6 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#096bd2),color-stop(100%,#0053a6));
	background-image:-webkit-linear-gradient(top,#096bd2 0,#0053a6 100%);
	background-image:linear-gradient(to bottom,#096bd2 0,#0053a6 100%);
	
}

.imgLoading {
	width:auto;
	display:none;
	margin:15px 0px 0px 170px;
}

.btBackToDashboard {
	.color:#000;
	color:#FFF;
	display:none;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	padding-left:10px;
	text-decoration:underline;
}
#backDashboardFromArchive{
	color:#FFF;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	padding-left:10px;
	text-decoration:underline;
}



h3{
    /*margin:0px;*/
}
.icon-container{
    position:absolute;
    top:20px;
    right:30px;
}
.icon1 i {
    display:block;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    font-size:100px;
    color:#f2f2f2;
}
.icon2 i{
    position:relative;
    bottom:40px;
    left:15px;
    font-size:24px;
    color:#fff;
    text-shadow: 0em 0em 0.3em E6E6E6;
}
.white-block{
    width:100%;
    float:left;
    margin-left:10px;
}

.table_footer {
    background-color:#ffffff!important;
    text-align: center!important;
    margin: auto;
    height: 0px!important;
    border-bottom: 1px solid #fff!important;
}
.detailsRow span.detail-info-clr {
    color: #3b4b63;
    font-size: 14px;
    display: inline-block;
}

.detail-info-clr {
    color: #3b4b63;
    font-size: 14px;
    display: inline-block;
}
.detail-info-clr-prod {
    font-weight: normal;
}

.detailsRow span.detail-info-clr-prod {
    color: #3b4b63;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}
.clear-detail-row {
    padding-bottom: 30px;
}
.detail-code {
    color: #3b4b63;
    font-size: 16px;
}

#detail-table {
    font-size: 14px;
}
@media (max-width: 767px) {
    #detail-table {
        text-align: center;
        font-size: 12px;
    }
}

#detail-table tr:nth-child(even) {
    background-color: #fdead2!important;
    border-bottom: 0px solid;
}


#detail-table tr:nth-child(odd) {
     background-color: #fdead2!important;
    border-bottom: 0px solid;
 }


.text_orange {
    color: #ff9600;
}


.netPlus {
     color:#8dc640;
    font-size: 14px;
    font-weight: bold;
 }
.netminus {
    color:#cc0000;
    font-size: 14px;
    font-weight: bold;
}

.tdDetailDashboard {
    font-size: 12px;
    color: #3b4b63;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 450px;

}

.tdHiddenDetailDashboard {
    font-size: 14px;
    color: #3b4b63;
}


@media (max-width: 991px) {
    .tdDetailDashboard {
        width: 410px;

    }

    .nav-tabs.nav-justified>li>a {
        font-size: 14px;

    }
}

@media (max-width: 771px) {
    .tdDetailDashboard {
        width: 320px;

    }
}

@media (max-width: 736px) {
    #white-block-table td {
        width: 200px;
    }
    .tooltipYouWalletRev {
        left: -100px;
    }
    .tooltipYouWalletRev span {
        left: 105px;
    }
    .tdDetailDashboard {
        width: 167px;
    }
}

@media (max-width: 640px) {
    .tooltipYouWalletRev {
        left: -100px;
    }
    .tooltipYouWalletRev span {
        left: 105px;
    }
    .tdDetailDashboard {
        width: 167px;
    }
}

@media (max-width: 600px) {
    .tooltipYouWalletRev {
        left: -100px;
    }
    .tooltipYouWalletRev span {
        left: 105px;
    }
    .tdDetailDashboard {
        width: 167px;
    }
    .datePickInput {
        padding-left: 10px;
    }
}

@media (max-width: 414px) {
    #white-block-table td {
        width: 132px;
    }
    .dashboardTabContent {
        margin-top: 0px;
    }
    .personaliseRow {
        padding-bottom: 20px;
        padding-top: 10px;
    }
}

@media (max-width: 478px) {
    .tdDetailDashboard {
        width: 125px;

    }
    .tooltipYouWalletRev {
        left: -75px;
    }
    .tooltipYouWalletRev span {
        left: 81px;
    }
}

@media (max-width: 320px) {
    #white-block-table td {
        width: 120px;
    }
    .tooltipYouWalletRev {
        left: -100px;
    }
    .tooltipYouWalletRev span {
        left: 105px;
    }
    .datePickInput {
        width:132px;
    }
}
.tdDetailDashboard div {
    font-weight: 600;

}


.detail-titles {
    font-size: 14px;
    color: #3b4b63;
    min-height: 29px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    margin: auto;
}
.detailsRow {
    text-align: left;
}

.code-prob {
    font-size: 10px;
    white-space: normal;
}
.code-prob a {
    text-decoration: underline;
}
@media (max-width: 991px) {
    .detailsRow {
        text-align: center;
    }
    .code-prob {
        white-space: normal;
        font-size: 10px;
    }
}
.detailsRow span.orange {
    color: #ff9600!important;
    font-weight: 600;
}

 .detailsRow span {
    color: #3b4b63;
    font-size: 14px;
}
.image-code {
     padding-bottom: 7px;
 }
.image-code a {
    cursor: pointer;
    color: #224095;
    font-size: 14px
}

.modalImage {

}

.image-code img {
    background: #fff;
    padding: 3px;
    margin: 0px 3px 2px 3px;
    border: 3px solid #f2f1f5;
    max-height: 32px;
    vertical-align: bottom;
}
.view-btn {
    background: #fff;
    border: #f2f1f5;
    color: #516177;
    font-size: 14px;
}
.view-btn:hover {
    color: #fff!important;
}


.detailsRow span.toPrint {
    color: #516177;
    font-size: 14px;
}
.view-btn:hover span.toPrint  {
    color:#fff;
}

@media (max-width: 997px) {
    .view-btn {
        margin-top: 20px;
    }
}
.dashboardMoreInfo {
    background-color:#fdead2!important;
    Position: absolute;
    width: 900px;
}

.clientMessage {
    text-align: center;
    font-size: 13px;
    height: 25px;
}

.printResult {
    height: 75px;
    font-size: 16px;
    font-weight: 600;
    color: #ff9600;
    text-align: left;
    padding: 15px 0px 0px 15px;

}

@media (max-width: 997px) {
    .printResult {
        text-align: center;
        padding:0px;
    }

    .payment-meth-det {
        padding-bottom: 0px;
    }
    .seeresullsbtn {
        margin-top: 0px;
    }
    .clear-detail-row {
        padding-bottom: 15px;
    }


}

.dashboardTotal {
    font-size: 14px;
    font-weight: 300;
    color: #3b4b63;

}

.toPrint {
    cursor: pointer;
}
.toPrint i {
    position: relative;
    top: 2px;
    font-size: 16px;
}

.info-border {
    border-bottom: none!important;
}

.bTopLine {
    border-bottom: 1px solid #e8d7c2;
    width:70px;
    text-align: center;
    margin: auto;
    height: 20px;
}

.fulldate,.fulldateFirst {
    background-color:white!important;
}

#recap{
    background-color:#f2f2f2;
    width:100%;
    border-collapse: separate;
}

#recap tr td{
    text-align:center;
    padding:20px;
}

#recap tr td:last-child{
    border-left:1px solid white;
}

.operateur{
    font-size:30px;
    color:white;
    font-family:tahoma;
    font-weight:bold;
}

/**********Dashboard Search CSS*****************/



#zoneDashboardSearch {
    height: 62px;
    clear: both;
    width: 100%;
    text-align: center;
    margin: auto;
}

.searchHolder {
    position: relative;
}




.dashboardSearch {
    width: 491px;
}

.dashboardListFilter {
    float: left;
    margin-left: 11px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}

.boutonDiv {
    padding: 10px 20px 9px 20px;
    font-size: 20px;
    margin-left: 11px;
}

.personaliseContainer {
    position: relative;
    height: auto;
    clear: both;
    margin: 0px 0px 0px 6px;
    float: left;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}

.personalise {
    cursor: pointer;
    width: 233px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0px 0px 23px 0px;
    padding: 10px;
    height: 42px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(204,204,204,1.00);
    -webkit-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
    box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
    background-position: 90% center;
    background-repeat: no-repeat;
    -webkit-margin-left: 2px;
    font-size: 14px;
    font-family: Tahoma, Arial, sans-serif;
}



.personalise .cal-ic {
    font-size: 18px;
    color: #333333;
    position: absolute;
}

.personalise .angleUpDown {
    left: 206px;
    font-size: 18px;
    color: #333333;
    position: absolute;
}
.personalise span {
    font-size: 14px;
    color: #333333;
    font-family: Tahoma, Arial, sans-serif;
    margin: 0px 0px 0px 20px;
    line-height: 21px;
}

#personaliseMenuContainer {
    top:46px;
    left: -1px;
    white-space: normal;
    position: absolute;
    z-index: 2;
    width: 233px;
    background: rgba(255,255,255,0.95);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(204,204,204,1.00);

}

ul.personaliseMenu li.chooseDateFirst:after {
    position: absolute;
    width: 32px;
    height: 10px;
    background-image: url(https://static.youpass.com/frontend/images/cms/angleUp.png);
    background-repeat: no-repeat;
    border-color: #333 transparent;
    bottom: 72px;
    top: -10px;
    left: 27%;
    z-index: 99;
    content: "";
}

ul.personaliseMenu li.chooseDateFirst:hover:after   {
    cursor: pointer;
    background-image: url(https://static.youpass.com/frontend/images/cms/angleDown.png);
    background-repeat: no-repeat;
    bottom: 72px;
    top: -10px;
    left: 27%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}


ul.personaliseMenu {
    
}

ul.personaliseMenu li {
    display: block;
    border-bottom: 1px solid #D9D9D9;
    padding: 10px 10px 10px 28px;

}

ul.personaliseMenu li.personalise-lastItem {
    border-bottom: none;
    padding: 10px 10px 10px 10px;
}

ul.personaliseMenu li.chooseDateFirst:hover {
    cursor: pointer;
    background: rgba(253, 234, 210, 0.9);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

ul.personaliseMenu li.chooseDate:hover {
    cursor: pointer;
    background: rgba(253, 234, 210, 0.9);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.pers-title {
    padding: 0px 0px 20px 18px;
}
.dateTitle {
    padding: 0px 0px 0px 18px;
}
.personaliseDU {
    float: left;
    width: 103px;
}

.personaliseAU {
    float: left;
    width: 100px;

}

.dateDashboard {
    margin: 8px 0px 0px 16px;
    cursor: pointer;
    width: 83px;
    font-size: 12px!important;
    color: #333333;
}
.customDate {
    margin: 13px 0px 13px 11px;
    width: 94px;
}


.datepicker, .datepicker_table{
    width : 209px;
}
.datepicker_calendar{
    width : 248px;
}
.impair{
    background-color:#fbfbfb;
    border-bottom : 1px solid white;
}

.pair{
    background-color:#f7f7f7;
    border-bottom : 1px solid white;
}

.fulldate,.fulldateFirst {
    background-color:white!important;
}

.totalTime {
    width:530px;
    margin:1px 0px 0px 30px;

}

.totalTime h2 {
    color: #333333;
}

.totalTime i {
    font-size: 25px;
    position: relative;
    top: 5px;
    margin: 3px;
}

..exportCSV:hover {
    border-bottom: none!important;
}

.exportCSV {
    float: right;
    color: #f7941d;
    font-size: 16px;
    font-family: economica;
    font-weight:bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity:0.99;
    cursor: pointer;
    text-rendering: optimizeLegibility;
}
.exportCSV span {
    position: relative;
    top: 23px;
    left: -13px;
}

.exportCSV i {
    position: relative;
    top: 3px;
}
.screen-mask {
    position: absolute;
    background: url('https://static.youpass.com/frontend/images/common/screenmask_overlay.png');
    z-index: 9998;
    top: 0px;
    left: 0px;
}









/** cms_css **/

/*
***********************************************
	 ZONE COMPTATIBILITE
***********************************************/
.blocMargin {
    margin: 0 30px;
    overflow-x: hidden;
}

.gCleft {
    width: 205px;
    float: left;
    line-height: 20px;
    color:#333;
}
.gCRight {
    width:671px;
    float: right;
    padding-left: 7px;
    margin-right: 32px;
    border-left: 1px solid #f2f2f2; color:#333;
}

.contentRight {
    background: #fff;
    padding: 13px 0 25px 0;
    margin-bottom: 40px;
}

.inputBackground {
    background: #f2f1f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

#cty {
    width: 100%;
}

.gCleft ul {
    padding-top: 5px;
}

.gCleft ul li {
    padding: 19px 17px 22px 12px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    letter-spacing: -0.9px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.conditionsNav {
    display: none;
}

#agree-to-terms .cmsmenuTabContent {
    position: relative;
    margin-top: 10px;
    padding-bottom: 40px;
}

#agree-to-terms .cmsmenuTabs a {
    font-size: 16px!important;
    padding: 10px!important;
}

@media (max-width: 891px) {

    #agree-to-terms .cmsmenuTabs a {
        font-size: 13px!important;
        padding: 5px!important;
    }

}

@media (max-width: 709px) {

    #agree-to-terms .cmsmenuTabs a {
        min-height: 47px;
    }

}

@media (max-width: 415px) {

    #agree-to-terms .cmsmenuTabs a {
        min-height: 65px;
    }

}


#agree-to-terms .cmsmenuTabs>li:nth-child(1):after {
    position: absolute;
    content: "";
    border-top: 1px solid #f2f1f5;
    width: 100%;
    left: -100%;
    top: 96.6%;
}
#agree-to-terms .cmsmenuTabs>li:nth-child(2):after {
    position: absolute;
    content: "";
    border-top: 1px solid #f2f1f5;
    width: 100%;
    left: 100%;
    top: 96.6%;
    overflow: hidden;
}


#agree-to-terms .cmsmenuTabs>li:nth-child(3):after {
    position: absolute;
    content: "";
    border-top: 1px solid #f2f1f5;
    width: 100%;
    left: 100%;
    top: 96.6%;
}

#agree-to-terms .cmsmenuTabs>li:before {
    position: absolute;
    content: "";
    top: -4px;
    width: 100%;
    border-top: 3px solid #fff;
}

#agree-to-terms .cmsmenuTabs>li.active {
    border-top: 3px solid #00b4ff;
}

#agree-to-terms .cmsmenuTabs>li:hover {
    border-top: 3px solid #00b4ff;
}

#agree-to-terms .cmsmenuTabs>li:hover:before {
    position: absolute;
    content: "";
    top: -4px;
    width: 100%;
    border-top: 0px;
}

#agree-to-terms .cmsmenuTabs>li.active {
    border-top: 3px solid #00b4ff;
}


#agree-to-terms .cmsmenuTabs>li.active:before {
    position: absolute;
    content: "";
    top: -4px;
    width: 100%;
    border-top: 0px;
}

#conditionsNav .nav-tabs.nav-justified>li {
    border-top: none;
    position: relative;
}
#conditionsNav .nav-tabs.nav-justified>li:hover:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 1px;
    width: 99%;
    border-top: 3px solid #22b2ee;
    z-index: 1;
}

#conditionsNav .termsTabs>li:before {
    position: absolute;
    content: "";
    top: -4px;
    width: 100%;
    /*border-top: 3px solid #fff;*/
}

#conditionsNav .nav-tabs.nav-justified>li.active:before {
    position: absolute;
    content: "";
    top: 0px;
    width: 100%;
    border-top: 3px solid #22b2ee;
    z-index: 1;
}

#agree-to-terms .cmsmenuDropdown {
    height: 44px;
    border-color: #f2f1f5;
    border-style: solid;
    border-width: 1px;
    background-color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    list-style: none;
}

.cmsmenuDropdown a {
    display: block;
    padding: 10px 20px !important;
    font-size: 14px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #3b4b63 !important;
    white-space: nowrap;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

#agree-to-terms .cmsmenuDropdown a i {
    position: relative;
    float: right;
    top: 2px;
}

.nav .open>.cmsmenuToggle,
.nav .open>.cmsmenuToggle:hover,
.nav .open>.cmsmenuToggle:focus {
    background-color: #fff!important;
    border-color: #337ab7;

}

.dropDowncmsmenu-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-right:1px solid #f2f1f5;
    border-left:1px solid #f2f1f5;
    border-bottom: 1px solid #f2f1f5;
    border-top: 0px;
    border-radius: 4px;
    -webkit-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
    box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);

}


.dropDowncmsmenu-menu>.active>a,
.dropDowncmsmenu-menu>.active>a:hover,
.dropDowncmsmenu-menu>.active>a:focus {
    color: #333;;
    text-decoration: none;
    background-color: #f5f5f5;
    outline: 0;
}

@media (max-width: 991px) {
    .cmsmenuTabs a {
        font-size: 12px!important;
    }
}

@media (max-width: 480px) {
    .nav.cmsmenuTabs>li>a {
        padding: 10px 0!important;
        min-height: 55px;
    }
}

#agree-to-terms ul .active li {
    color: #3b4b63;
    background: #fff;
    border-bottom: 1px solid #f2f1f5;
    border-top: 1px solid #f2f1f5;
}

#agree-to-terms ul .active li:after {
    content: "K";
    font-family: "youpass" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    color: #3b4b63;
}

ul.termsBullets {
    font-size: 12px;
    margin-top: 15px;

}

ul.termsBullets li {
    display: block;
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

ul.termsBullets li:before {
    display: inline-block;
    content:"•";
    list-style: disc;
    width: 2em;
    margin-left: -2em;
}

ul.termsdash {
    font-size: 12px;
    margin-top: 15px;

}



ul.termsdash li {
    display: block;
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

ul.termsdash li:before {
    display: inline-block;
    content:"-";
    list-style: disc;
    width: 2em;
    margin-left: -2em;
}

ul.termCircle {
    font-size: 12px;
    margin-top: 15px;

}

ul.termCircle li {
    display: block;
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

ul.termCircle li:before {
    display: inline-block;
    content:"o";
    list-style: disc;
    width: 2em;
    margin-left: -2em;
}

/*.nav-tabs>li.active>a.termsNav {
    border: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 11px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 11px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 11px rgba(0,0,0,0.25);
}*/

.nav-tabs.terms {
    border-bottom: 1px solid #f2f1f5;
    -webkit-box-shadow: inset 0px -4px 11px -7px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -4px 11px -7px rgba(0,0,0,0.2);
    box-shadow: inset 0px -4px 11px -7px rgba(0,0,0,0.2);
}

.conditionsNav .nav-tabs>li>a {
    margin-right: 0;
}

.conditionsNav .nav-tabs>li,
.conditionsNav .nav-tabs>li:hover,
.nav-tabs>li>a.termsNav:hover,
.nav-tabs>li>a.termsNav:focus {
    cursor: pointer;
}
.conditionsNav .nav-tabs>li:hover {
    background: #fff;
}

.conditionsNav .nav-tabs.terms>li.active>a,
.conditionsNav .nav-tabs.terms>li.active>a,
.conditionsNav .nav-tabs.terms>li.active>a:hover {
    border: 3px solid #f2f1f5;
    border-bottom: 2px transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.conditionsNav .nav-tabs.terms>li.active:first-of-type>a,
.conditionsNav .nav-tabs.terms>li.active:first-of-type>a,
.conditionsNav .nav-tabs.terms>li.active:first-of-type>a:hover {
    border-left-color: #fff;
}

.conditionsNav .nav-tabs.terms>li.active>a:after,
.conditionsNav .nav-tabs.terms>li.active>a:after,
.conditionsNav .nav-tabs.terms>li.active>a:hover:after {
    content: "";
    position: absolute;
    background: #3b4b63;
    height: 4px;
    width: 100%;
    top: -2px;
    left: 0;
}

.terms-pic {
    margin:0px 20px 40px 20px;
    border: 10px solid #fff;
    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.15);

}

.headingBorder {
    border-bottom: 1px solid #f2f1f5;
    padding-bottom: 10px;
}

.listMargin {
    margin: 20px 0 20px 35px;
}

.partOne {
    color: #2244a4;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

/*.partOne:hover {
    color: #D22378;
}*/

/*.tab-content {
    display: none;
}*/

#agree-to-terms {
    padding: 22px;
}

.termsMargin {
    margin-top: 50px;
    float: inherit;
}
.termsMarginBtm {
    margin-bottom: 50px;
}

.navLeft {
    padding-left: 0;
    padding-right: 0;
}

.navLeft ul li {
    padding: 20px 15px 20px 10px;
    border-bottom: 1px solid #f2f1f5;
    font-size: 12px;
}
.navLeft ul li:hover {
    background: #fff;
    cursor: pointer;
}
ul a.active:hover {
    text-decoration: none;
}

/*#partOne {
    display: block;
}*/

.gCPartTitle {
    font-weight: bold;
    font-size: 17px;
    padding: 3px 0 7px 17px;
    text-transform: uppercase; color: #505050;
}

.gCBlockTitle {
    background: #f2f2f2;
    font-weight: bold;
    font-size: 17px;
    padding: 13px 0 13px 17px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

.gCArtTitle {
    font-weight: bold;
    font-size: 17px;
    padding: 25px 0 7px 17px;
}

.gCSection {
    margin-left: 17px;
    line-height: 17px;

}

.gCSection h5 {
    font-weight: bold;
    padding: 7px 0 7px;

}

#blocCompt {
    background-image: url('https://static.youpass.com/frontend/images/cms/bulle-forfait-compatible-YES.png');
    background-repeat: no-repeat;
    background-position: -28px 0px;
    float: left;
    max-width: 425px; /*45.55084%;*/
    padding: 75px 10px 5px 10px;
    margin: 15px 7px 15px 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#blocCompt h2 {
    line-height: 20px;
    letter-spacing: -0.5px;
}

/*  #blocCompt3{
	background-image: url('https://static.youpass.com/frontend/images/cms/bulle-forfait-compatible-YES.png'); 
	background-repeat: no-repeat;
	background-position: -28px 0px;
	clear:both;
	float:left;
	max-width: 432px;
	margin-top: 40px;
	padding: 75px 0 5px 0px;
}

 #blocCompt4{
	background-image: url('https://static.youpass.com/frontend/images/cms/bulle-forfait-compatible-NOK.png'); 
	background-repeat: no-repeat;
	background-position: -28px 0px;
	float:right;
	max-width: 400px;
	margin-top: 40px;
	padding: 75px 0px 5px 0px;
} 
 #blocComptFOOT{
	background-image: url('https://static.youpass.com/frontend/images/cms/bulle-forfait-compatible-OK-NOK.png'); 
	background-repeat: no-repeat;
	background-position: 2px 0px;
	margin-top: 40px;
	margin-bottom: 50px;
	float:left;
	padding: 75px 25px 5px 0px;
	clear:both;
} 
 */
.alignJustifie {
    text-align: justify;
}

.alignJustifie2 {
    background-color: #f2f2f2;
    padding: 12px;
    font-size: 12px;
    text-align: justify;
}

#FAQcomptabilite {
    float: right;
}

.textOui {
    margin-right: 8px;
    display: inline;
    font-size: 60px;
    line-height: 50px;
    float: left;
}

.comptSuscribe {
    clear: both;
    margin: 0 30px 0 30px;
    font-size: 30px;
    font-weight: bold;
    color: #d22378;
}

/*
***********************************************
	 ZONE COMBIEN ME RESTE T'IL EN FORFAIT
***********************************************/

#contentTextPetit {
    font-size: 12px;
}

#contentTextPetit .text {
    font-size: 14px;
}

#orange {
    background: url('https://static.youpass.com/frontend/images/cms/forfaitRestantOrange.jpg') 100% 0% no-repeat;
    clear: both;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 20px;
}

#sfr {
    background: url('https://static.youpass.com/frontend/images/cms/forfaitRestantSFR.jpg') 100% 0% no-repeat;
    clear: both;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
}

#bouygues {
    background: url('https://static.youpass.com/frontend/images/cms/forfaitRestantBouygues.jpg') 100% 0% no-repeat;
    clear: both;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
}

#autreOperateur {
    clear: both;
    width: 100%;
    margin-top: 20px;
}

#autreOperateur td {
    padding-right: 10px;
}

.tabulation {
    margin-left: 40px;
}

/******************************************************************	22/10/2013 13h36 : CMS numéro caché	*****************************************************************/
.title_hidden {
    color: #D92275;
    background: none;
    width: auto;
    font-size: 20px;
    padding: 5px 0 0 15px;
}

.dotted {
    margin-left: 15px;
    margin-top: -5px;
}

.accroche {
    font-weight: bold;
    font-size: 13px;
    margin-top: 5px;
}

#cms_container {
    width: 90%;
    margin: auto;
}

.ptitle {
    color: #0075C0;
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.big_question {
    font-size: 20px;
    color: #4F4F4F;
    margin-top: 15px;
}

#grey_bar {
    width: 100%;
    margin: auto;
    margin-top: 25px;
    background: #333333;
    border-radius: 5px;
    height: 50px;
}

/*p {
    font-size: 12px;
}*/

/******************************************************************************************************************************************************************************/

/******************************************************************	WEB APP + ANDROID	*************************************************************************/
/* Webapp */
.blueee {
    color: #53c5ff;
}

.vertical-bar-webapp {
    background: #265468;
    width: 1px;
    height: 40px;
    float: left;
}

.webappBlue-button {
    text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    background: #333333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #265468;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    padding-left: -20px;
}

.webappBlue-button:active {
    -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
}

.logo-webapp {
    float: left;
    /*border-right: 1px solid #265468;*/
    width: 40px;
    height: 100%;
    margin-top: 3px;
}

.label-webapp {
    float: right;
    margin-right: 24px;
    color: #53c5ff;
}

.content_webapp {
    margin-top: 10px;
    margin-left: 4px;
    width: 937px;
    background: white;
    border-radius: 5px;
}

.title_webapp {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
}

.title_pink {
    color: #d92275;
    font-weight: bold;
}

.title_blue {
    font-size: 20px;
    color: #039bdd;
    font-weight: bold;
    opacity: 0.99;
    margin-top: 10px;
}

.col1_webapp {
    float: left;
    margin-left: 25px;
    width: 45%;
    text-align: justify;
}

.col2_webapp {
    float: left;
    margin-left: 25px;
    width: 45%;
    text-align: justify;
}

.col1_webapp .paragraph, .col2_webapp .paragraph {
    margin-top: 10px;
    font-size: 12px
}

.col2_webapp .img {
    margin-left: 36px;
}

.content_webapp .tablett {
    margin-top: 40px;
    float: left;
    width: 36%;
    margin-left: 86px;
}

.video_webapp {
    float: left;
    /*margin-left: 62px;*/
    width: 45%;
    text-align: justify;
}

.exposant_webapp {
    margin: 30px 34px 5px 34px;
    font-size: 10px;
    color: #333333;
}

.top50 {
    margin-top: 50px;
}

.href_webapp {
    float: left;
    margin-left: 75px;
    clear: both;
    text-align: center;
    font-size: 12px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-top: 58px;
}

.webappLink {
    margin: 15px 30px;
    padding: 10px;
}

.QRC {
    display: inline-block;
    width: 270px;
    text-align: right;
    padding-right: 55px;
}

.QRC img {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
}

.linkMobileAndroid {
    float: left;
    padding: 15px;
    margin: 10px 50px;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
}

.linkMobile {
    float: left;
    padding: 15px;
    margin: 10px 50px;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
}

.linkMobile a {
    display: inline-block;
    width: 177px;
    height: 26px;
    background-image: url('https://static.youpass.com/frontend/images/webapp/url_YouPass-mobile.png');
    background-repeat: no-repeat;
    margin-top: 15px;
}

.linkMobile a:hover {
    background-image: url('https://static.youpass.com/frontend/images/webapp/url_YouPass-mobile_over.png');

}

.linkMobile img {
    margin-top: 15px;
}

.link p {
    margin-bottom: 10px;
}

.sms_webapp {
    float: left;
    background-image: url('https://static.youpass.com/frontend/images/webapp/fond_fleches.png');
    width: 616px;
    height: 154px;
    margin: 0px 0 30px 155px;
    text-align: center;
    padding-top: 30px;
}

.sms_title_webapp {
    color: white;
    font-weight: bold;
    font-size: 20px;

}

.SMS_input_webapp {
    font-size: 20px;
    text-align: center;
    float: left;
    width: 400px;
    height: 40px;
    border: 2px solid #029cdc;
    border-radius: 5px;
}

.left {
    float: left;
}

.center {
    text-align: center;
}

.input_webapp {
    float: left;
    padding-left: 28px;
    padding-top: 20px;
}

.CGU_webapp {
    width: 100%;
    float: left;
    color: #c6c6c6;
    margin-top: 10px;
    font-size: 15px;
}

.CGU_webapp a {
    color: #c6c6c6;
    text-decoration: underline;
}

.selectPos {
    float: left;
    margin: 1px 15px 0 0;
}

.messages_SMS {
    font-size: 13px;
}

.mymessage_border {
    margin-left: 156px;
    margin-top: 5px;
    width: 50%;
    background: white;
    border-radius: 5px;
}

#tutoWebapp {
    width: 100%;
    margin: 30px 10px 10px 10px;
}

.tutoWebapp {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    margin: 0 0.74152%;
    float: left;
    width: 31%;
    height: 285px;
    overflow: hidden;
    font-size: 12px;
    font-style: normal;
    text-align: justify;
    text-align: center;
    border: 1px solid #f2f2f2;
}

.tutoWebappContent {
    text-align: justify;
    padding: 10px 0 5px 0;
}

.tutoWebappContent ul {
    list-style: square;
    margin-left: 13px;
}

/* End Webapp */

/*****************************************************************************************************************

												CMS ANDROID
		
*****************************************************************************************************************/
.logo-android {
    float: left;
    /*border-right: 1px solid #515B36;*/
    width: 40px;
    height: 100%;
    margin-top: 3px;
}

.label-android {
    float: right;
    margin-right: 24px;
    color: #7AB040;
}

.vertical-bar-android {
    background: #515B36;
    width: 1px;
    height: 40px;
    float: left;
}

.androidGreen-button {
    margin-top: 30px;
    text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    background: #333333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #515B36;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    padding-left: -20px;
    /*#97C03D*/
}

.androidGreen-button:active {
    -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
}

.content_android {
    margin-top: 10px;
    margin-left: 4px;
    width: 937px;
    background: white;
    border-radius: 5px;
}

.title_android {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
}

.video_android {
    float: left;
    margin-left: 62px;
    width: 45%;
    text-align: justify;
    margin-top: 50px;
}

.green_android {
    margin: 0 0 10px 0;
    font-size: 16px;
    text-align: center;
    width: 280px;
    color: #94C43A;
    font-weight: bold;
}

.under_video_android td {
    text-align: center;
}

.under_video_android {
    width: 250px;
    padding: 0 80px;
}

.href_android {
    text-align: center;
    font-size: 12px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-top: 80px;
    width: 400px;
    float: left;
}

.QRC_android {
    padding: 20px 55px 0 0;
    display: inline-block;
    width: 280px;
    text-align: right;

}

.smsAndroid {
    float: left;
    background-image: url('https://static.youpass.com/frontend/images/webapp/fond_fleches.png');
    width: 616px;
    height: 154px;
    margin: 0px 0 30px 155px;
    text-align: center;
    padding-top: 30px;
}

.sms_title_android {
    color: white;
    font-weight: bold;
    font-size: 20px;
}

.SMS_input_android {
    font-size: 20px;
    text-align: center;
    float: left;
    width: 400px;
    height: 40px;
    border: 2px solid #029cdc;
    border-radius: 5px;
}

.input_android {
    float: left;
    padding-left: 28px;
    padding-top: 20px;
}

.CGU_android {
    width: 100%;
    float: left;
    color: #c6c6c6;
    margin-top: 10px;
    font-size: 15px;
}

.CGU_android a {
    color: #c6c6c6;
    text-decoration: underline;
}

.col1_android {
    float: left;
    margin: 20px 0 0 25px;
    width: 45%;
    text-align: justify;
}

.col2_android {
    float: left;
    margin: 20px 0 0 25px;
    width: 45%;
    text-align: justify;
}

.col1_android .paragraph, .col2_android .paragraph, .last_column_android .paragraph {
    margin-top: 10px;
    font-size: 12px
}

.col2_android .img {
    margin-left: 36px;
    margin-bottom: 50px;
}

.last_column_android {
    clear: both;
    margin-left: 25px;
    width: 90%;
    float: left;
    margin-bottom: 50px;
}

.appAndroidLink {
    margin: 15px 30px;
    padding: 10px;
}

.videoAlign {
    display: inline-block;
    width: 944px;
    height: 316px;
    vertical-align: top;
    background: url(https://static.youpass.com/frontend/images/layouts/fondAmazon_944x316.jpg) center top no-repeat;
}

/*--------------------------------------------- END CMS ANDROID---------------------------------------*/

#prefixes,
#prefixes option {
    background-repeat: no-repeat;

}

#prefixes option {
    color: black;
}

.confirm-num-container {
    white-space: nowrap;
}

#prefixes {
    float: left;
    width: 110px;
    padding-left: 15px;
    background-position: 1px 12px;
}

#spanTarget span {
    float: left;
}


@media (max-width: 767px) {
    #spanTarget span img {
        width: 23px;
    }
}


/*#prefix {
    float: left;
    margin: 1px 12px 0 0;
    padding: 0 2px;
    background-color: #fff;

}*/

#phone_number {
    margin-right: 10px;
}

/* Buttons */

.SMS-button {
    float: left;
    margin: 1px 0 0 5px;
    width: 60px;
}

.common-button {
    cursor: pointer;
    letter-spacing: 0px;
}

.blue-button {
    text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    background: #029cdc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #0276a6;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.blue-button:active {
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.text-tabulation {
    /*padding-left: 4px;
    padding-right: 140px;*/
}

/* End Buttons */

/* ---------- ICON TOP PAGE ----------  */

.icon-container {
    position: absolute;
    top: 10px;
    right: 12px;
}

.icon1 i {
    display: block;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    font-size: 100px;
    color: #f2f2f2;
}

.icon2 i {
    position: relative;
    bottom: 35px;
    left: 15px;
    font-size: 24px;
    color: #fff;
    text-shadow: 0em 0em 0.3em #D9D9D9;
}

/* ---------- END ICON TOP PAGE ----------  */

/************************Compliance Page***************************************/
.subHead {
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 27px;
}

ol.compl-ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}

ol.compl-ol li {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
    font-size: 12px;
}

ol.compl-ol li:before {
    display: inline-block;
    content: counter(item) ". ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
}

ol.compl-ol, li a {
    /*word-break: break-all;*/

}

.lastnbrP {
    margin-bottom: 0em !important;

}

ul.comp-ol {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 12px;
}

ul.comp-ol li {
    list-style-type: disc;
    padding: 0px 0px 0px 0px;
}

.bult-comp {
    padding: 3px 0px 0px 47px;
    font-size: 12px;
}

.word-break {
    word-break: break-all;

}

.address-comp {
    margin-left: 2em;
    margin-top: .2em;

}

.comliance-table {
    overflow: auto;
    
}

.comliance-table table {
    margin-bottom: 25px;
}
.comliance-table>table.half:nth-child(odd) {
    float:left;
    width:49%;
}

.comliance-table>table.half:nth-child(even) {
    float:right;
    width:49%;
}

@media (max-width: 580px) {
    .comliance-table>table.half {
        
        width:100% !important;
    }
}
.comp-table-td-heading {
    background-color: #263346 !important;
    height: 70px;
    color: #fff;
    text-align: left;
    padding: 0px 24px;
}

.comp-table-td-heading td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.comp-table-td-heading td:last-child,
.comp-table-td td:last-child {
    padding-right: 24px;
}

.comp-table-td td:nth-child(1) {
    padding: 5px 24px;
    width: 85px;
}

.comp-table-td td:nth-child(2) {
    padding-right: 24px;
    width: 62px;
}

.comp-table-td td:nth-child(3) {
    padding-right: 24px;
    width: 128px;
}

.comp-table-td td:nth-child(4) {
    padding-right: 24px;
    width: 166px;
}

.comp-table-td td:nth-child(5) {
    padding-right: 24px;
    width: 166px;
}

.comp-table-td td:nth-child(6) {
    width: 109px;
    padding-right: 24px
}

.comp-table-td {
    font-size: 12px;
    padding: 0px 24px;
    width: 100%;
}

.comp-table-td tr td {
    height: 38px;
    width: 200px;
    text-align: left;
}

.comp-table-td tr:nth-child(odd) {
    /*background-color: rgba(242,241,245,1);*/
    border-bottom: 1px solid #f2f1f5;
}

.comp-table-td tr:nth-child(even) {
    /*background-color: rgba(242,241,245,0.50);*/
    border-bottom: 1px solid #f2f1f5;
}

.comp-table-td tr:last-of-type {
    border-bottom: 1px solid #D9D9D9;
}

.comptable-btmBrd {
    border-bottom: 1px solid #505050;
}

.compSpace {
    padding-top: 12px;
}

.comp-lst {
    padding-top: 43px;
}

.fees-table {
    margin-bottom: 20px;
}
.fees-table-td tr:nth-child(even) {
    background-color: #fbfbfb;
    border-bottom: 1px solid white;
}
.fees-table-td tr:nth-child(odd) {
    background-color: #f8f8f8;
    border-bottom: 1px solid white;
}
.fees-table-td {
    font-size: 12px;
    padding: 0px 24px;
}
.fees-table-td tr:nth-child(1) td:nth-child(1) {
    padding: 0px 24px;
    width: 836px;
}
.fees-table-td tr:nth-child(2) :nth-child(1),
.fees-table-td tr:nth-child(3) :nth-child(1),
.fees-table-td tr:nth-child(4) :nth-child(1),
.fees-table-td tr:nth-child(5) :nth-child(1),
.fees-table-td tr:nth-child(6) :nth-child(1) {
    width: 34px;
    margin-right: -10px;
}
.fees-table-td tr:nth-child(2) :nth-child(2),
.fees-table-td tr:nth-child(3) :nth-child(2),
.fees-table-td tr:nth-child(4) :nth-child(2),
.fees-table-td tr:nth-child(5) :nth-child(2),
.fees-table-td tr:nth-child(6) :nth-child(2){
    width: 50px;
}
.fees-table-td tr:nth-child(2) :nth-child(3),
.fees-table-td tr:nth-child(3) :nth-child(3),
.fees-table-td tr:nth-child(4) :nth-child(3),
.fees-table-td tr:nth-child(5) :nth-child(3),
.fees-table-td tr:nth-child(6) :nth-child(3){
    width: 150px;
    position: relative;
    right: 18px;
}
.fees-table-td tr td {
    height: 38px;
    width: 110px;
    text-align: left;
}
.payMethods {
    width: 34px;
    height: 22px;
    margin: 10px;
    display: inline-block;
    background: transparent url(https://static.youpass.com/frontend/images/products/logo/paymentSolutionsSprite.png ) no-repeat 0 bottom;
    vertical-align: -15px;
    position: relative;
    left: 20px;
}
.amex {
    background-position: -2px -279px;
}
.visa {
    background-position: -2px -253px;
}
.mastercard {
    background-position: -2px -332px;
}
.visaElectron {
    background-position: -2px -180px;
}
.youWallet {
    background-position: -2px -156px;
}
ol.fifth-addition li {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
ol.fifth-addition li {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    font-size: 12px;
}

/**********help and FAQ**********************/
.icon-container {
    position: absolute;
    top: 0px;
    right: 0px;
}

/***********cms_how does it work******************/

.icon1 i {
    display: block;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    font-size: 100px;
    color: #f2f2f2;
}

.icon2 i {
    position: relative;
    bottom: 40px;
    left: 23px;
    font-size: 24px;
    color: #fff;
    text-shadow: 0em 0em 0.3em #D9D9D9;
}

.icon-container{
    position:absolute;
    top:0px;
    right:0px;
}
.icon1 i {
    display:block;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    font-size:100px;
    color:#f2f2f2;
}
.icon2 i{
    position:relative;
    bottom:40px;
    left:23px;
    font-size:24px;
    color:#fff;
    text-shadow: 0em 0em 0.3em #D9D9D9;
}

.youpasseurs-help {
    padding: 0px;
    margin: 0px;
}

.yb-container {
    position: relative;
    background: #f2f1f5;
    border: solid 1px #D9D9D9;
    margin-bottom: 4px;
    border-radius: 4px;
}
.yb-container-2 {
    position: relative;
    background: #fff;
    border: solid 1px #D9D9D9;
    margin-bottom: 4px;
    border-radius: 4px;
}

.bottomSpace {
    margin-bottom: 15px;
}

.btn.messageChatbotBtn {
    font-size: 16px;
}

.btn.messageChatbotBtn .icon {
    line-height: 0.6;
}

.contactSupBtn {
    width: 75%;
}

.yp-bot {

}
.yp-bot img {
    position: relative;
    padding-top: 30px;
    left: 23px;
}
@media (max-width: 1120px) {
    .yp-bot img {
        left: 5px;
        padding-top: 15px;
    }
}

@media (max-width: 997px) {
    .yp-bot img {
        max-height: 110px;
        left: 0px;
        padding-top: 15px;
    }
}

@media (max-width: 767px) {
    .yp-bot img {
        left: 0px;
        max-height: 150px;
    }
}

@media (max-width: 480px) {
    .yp-bot img {
        left: 0px;
        max-height: 100px;
    }
}


.messageContainer {
    float: right;
}

@media (max-width: 767px) {

    .messageContainer {
        float: none;
    }

    .messageContainer #message {
        padding: 6px;
    }

    .messageContainer #message.form-control::-webkit-input-placeholder { /* Safari, Chrome and Opera */
        font-size: 12px;
        color:  #b7cedf;
    }

    .messageContainer #message.form-control:-moz-placeholder { /* Firefox 18- */
        font-size: 12px;
        color:  #b7cedf;
    }

    .messageContainer #message.form-control::-moz-placeholder { /* Firefox 19+ */
        font-size: 12px;
        color:  #b7cedf;
    }

    .messageContainer #message.form-control:-ms-input-placeholder { /* IE 10+ */
        font-size: 12px;
        color:  #b7cedf;
    }

    .messageContainer #message.form-control::-ms-input-placeholder { /* Edge */
        font-size: 12px;
        color:  #b7cedf;
    }

    .messageContainer #message.form-control:placeholder-shown { /* Standard one last! */
        font-size: 12px;
        color:  #b7cedf;
    }

}


.yp-mob {
    /*background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
    background: -webkit-gradient(linear, left left, left right, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(74%, rgba(255, 255, 255))), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
    background: -ms-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%)url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;*/
    /*width: 100%;*/

    background: url('https://static.youpass.com/frontend/images/home/contact-support-yp.jpg') no-repeat;
    background-size: cover;
    background-position: 45%;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear  0.1s;
    -ms-transition: all linear  0.1s;
    -o-transition: all linear  0.1s;
    transition: all linear  0.1s;
}

@media (min-width: 1175px) {

    .yp-mob {
        background-size: 100%;
        height: 224px;
    }

}

.yp-mob-overlay {

}

 /*
}

@media (max-width: 997px) {
    .yp-mob {
        background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 87%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -webkit-gradient(linear, left left, left right, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(87%, rgba(255, 255, 255))), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 87%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -o-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 87%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -ms-linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 87%)url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 87%), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        height: 224px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .yp-mob {
        background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0) 38%, rgba(255, 255, 255, 0) 77%, rgb(255, 255, 255) 97%), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -webkit-gradient(linear, left left, left right, color-stop(38%, rgba(255, 255, 255, 0)), color-stop(77%, rgba(255, 255, 255, 0)), color-stop(97%, rgba(255, 255, 255))), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 38%, rgba(255, 255, 255, 0) 77%, rgb(255, 255, 255) 97%), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -o-linear-gradient(to right, rgba(0, 0, 0, 0) 38%, rgba(255, 255, 255, 0) 77%, rgb(255, 255, 255) 97%), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -ms-linear-gradient(to right, rgba(0, 0, 0, 0) 38%, rgba(255, 255, 255, 0) 77%, rgb(255, 255, 255) 97%),url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 38%, rgba(255, 255, 255, 0) 77%, rgb(255, 255, 255) 97%),url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        height: 224px;
        width: 100%;
    }
}

@media (max-width: 447px) {
    .yb-container-2-width {
        width: 100%;
    }

    .yb-container-2-width .col-xs-6 {
        width: 100%;
    }
    .yp-mob {
        background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(74%, rgba(255, 255, 255))), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%) url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%)url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 74%), url('https://static.youpass.com/frontend/images/home/contact-support.jpg') no-repeat;
        height: 224px;
        width: 100%;
   */ }
}
.yp-mob img {

}



.yb-bot-area {
    display: inline;
    margin: 15px;
}

.yb-bot-area textarea {
    float: left;
    height: 19px;
    width: 590px;
    margin: 0px 15px 0px 0px;
    font-size: 13px;
    resize: none;
}

#talkbox {
    padding: 6px 7px;
    margin-bottom: 10px;
    margin-top: 20px;
    min-height: 310px;
    max-height: 310px;
    width: 100%;
    border-width: 1px;
    border-color: #D9D9D9;
    border-style: solid;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: inset 3px 3px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 3px 3px 10px rgba(255, 255, 255, 0.1);
    box-shadow: inset 3px 3px 10px rgba(255, 255, 255, 0.1);
    overflow: auto;
    word-wrap: break-word;
    white-space: normal;
    margin-right: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.bot {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    overflow: hidden;
}

.bot img {
    width: 50px;
}


#botname {

}


.boutonDivSup {
    padding: 12px 20px 10px 20px;
    font-size: 20px;
    margin-left: 11px;
    float: right;
    margin-right: 42px;
}

.contactSup {
    margin-top: 30px;
    margin-bottom: 30px;
}


.faq-col-end {
    border-bottom: 6px solid #f2f2f2;
}

#helpContainer .nav-tabs.nav-justified>li {
    position: relative;
    border-top: 3px solid #f2f1f5;
    cursor: pointer;
}

#helpContainer .nav-tabs.nav-justified>li:nth-child(3):after {
    position: absolute;
    content: "";
    border-top: 1px solid #f2f1f5;
    width: 100%;
    left: 100%;
    top: 79.1%;
}

#helpContainer .nav-tabs.nav-justified>li:nth-child(1):after {
    position: absolute;
    content: "";
    border-top: 1px solid #f2f1f5;
    width: 100%;
    left: -100%;
    top: 79.1%;
}


@media (max-width: 445px) {

    #helpContainer .nav-tabs.nav-justified>li a {
        height: 64px;
    }

}

/*#helpContainer {
    overflow: hidden;
}*/

.helpTabContent {
    position: relative;
    margin-top: 10px;
    padding-bottom: 40px;
}

/*.helpTabs {
    overflow: hidden;
}*/


.helpTabs a {
    font-size: 16px!important;
    padding: 10px!important;
}

#helpContainer .nav-tabs.nav-justified>li:nth-child(1):after {
    position: absolute;
    content: "";
    border-top: 1px solid #f2f1f5;
    width: 100%;
    left: -100%;
    top: 42px;
}

#helpContainer .nav-tabs.nav-justified>li:nth-child(3):after {
    position: absolute;
    content: "";
    border-top: 1px solid #f2f1f5;
    width: 100%;
    left: 100%;
    top: 42px;
}

#helpContainer .nav-tabs.nav-justified>li:before {
    position: absolute;
    content: "";
    top: -4px;
    width: 100%;
    border-top: 3px solid #fff;
}
#helpContainer .nav-tabs.nav-justified>li:hover {
    border-top: 3px solid #22b2ee;
}

#helpContainer .nav-tabs.nav-justified>li:hover:before {
    position: absolute;
    content: "";
    top: -4px;
    width: 100%;
    border-top: 0px;
}

#helpContainer .nav-tabs.nav-justified>li.active {
    border-top: 3px solid #22b2ee;
}


#helpContainer .nav-tabs.nav-justified>li.active:before {
    position: absolute;
    content: "";
    top: -4px;
    width: 100%;
    border-top: 0px;
}

.help-status-container {
    background-color: #f2f1f5;
    margin: 28px 0px 34px 0px;
}




ul.faq-col li:nth-child(1){
}

ul.faq-col li.q-gen {

}

ul.faq-col li.q-bou {

}

ul.faq-col li.q-bus {

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    
    text-decoration: none;
    
}

#conditionsNav .nav-tabs.nav-justified>li>a {
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #3b4b63;
    padding: 20px 5px !important;
    -webkit-box-shadow: inset -1px -1px 3px rgba(80, 80, 80, 0.1);
    -moz-box-shadow: inset -1px -1px 3px rgba(80, 80, 80, 0.1);
    box-shadow: inset -1px -1px 3px rgba(80, 80, 80, 0.1);
    font-size: 13px;
    text-align: center;
    /* margin-bottom: 10px; */
    border-bottom: 1px solid #f2f1f5;
    border-left: 1px solid #f2f1f5;
}


@media (max-width: 1049px) {
    #conditionsNav .nav-tabs.nav-justified > li:nth-child(5) > a {
        position: relative;
        top: -9px;
        padding-top: 0 !important;
        height: 48px;
    }
}

@media (min-width: 768px) {
    #conditionsNav .nav-tabs.nav-justified>li>a {
        margin-bottom: 10px;
    }
}

#conditionsNav .nav-tabs.nav-justified>li.active>a {
    background-color: #fff;
    -webkit-box-shadow: inset 0px 0px 0px rgba(80, 80, 80, 0.1);
    -moz-box-shadow: inset 0px 0px 0px rgba(80, 80, 80, 0.1);
    box-shadow: inset 0px 0px 0px rgba(80, 80, 80, 0.1);
    border-bottom: 0px;
}

.verificationDropdown {
    position: relative;
    height: 44px;
    border-color: #f2f1f5;
    border-style: solid;
    border-width: 1px;
    background-color: #fff !important;
    /*padding: 6px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
    width: 100%;
}

.verificationDropdown a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.verificationDropdown span i {
    position: absolute;
    top: 14px;
    right: 10px;
}

.nav .open>.verifToggle, .nav .open>.verifToggle:hover, .nav .open>.verifToggle:focus {
    background-color: #fff!important;
    border-color: #337ab7;

}

.dropDownVerification-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-right:1px solid #f2f1f5;
    border-left:1px solid #f2f1f5;
    border-bottom: 1px solid #f2f1f5;
    border-top: 0px;
    border-radius: 4px;
    -webkit-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
    box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);

}


.dropDownVerification-menu>.active>a, .dropDownVerification-menu>.active>a:hover, .dropDownVerification-menu>.active>a:focus {
    color: #333;;
    text-decoration: none;
    background-color: #f5f5f5;
    outline: 0;
}


.msgRemain{
    margin-left: 259px;

}
.tktCreateCont {
    margin: 30px 0;
}

.text-tabulation {
    /*padding-left: 4px;
    padding-right: 140px;*/
}

/***********cms_how does it work******************/

.icon-container {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 113px;
    height: 100px;
}

.icon-cogs1 {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    writing-mode: lr-tb;
}

.icon-cogs1 i {
    display: block;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    font-size: 100px;
    color: #f7f7f7;
}

.icon-cogs2 {
    position: relative;
    bottom: 40px;
    left: 21px;
    color: white;
    border: 1px blck;
}

.icon-cogs2 i {
    font-size: 22px;
    text-shadow: 0em 0em 0.3em #D9D9D9;
}

#tuto2 table tr td {
    text-align: center;
    vertical-align: top;
}

#tuto2 table tr td p {
    text-align: justify;
}

.justify {
    text-align: justify;
}

.methodRefund td {
    border: 1px solid #f2f2f2;
    padding: 10px;
    width: 33%;
}

.methodRefund {
    height: 100px;
    padding: 0 10px;
    margin-top: 25px;
    /*border: 1px solid #f5f5f5;*/
    /*border-bottom: 2px solid #d6d6d6;*/
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*cursor: pointer;*/
    box-shadow: 0px 2px 0px #D9D9D9;
}

.methodRefund p {
    font-size: 18px;
}

.imgContainer {
    display: inline-block;
    height: 45px;
    line-height: 45px;
}

.imgContainer img {
    vertical-align: middle;
    max-height: 40px;
}

.title-methodRefund {
    height: 26px;
    margin-bottom: 12px;
    line-height: 12px;
    vertical-align: middle;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.title-methodRefund2 {
    display: block;
    margin-top: -15px;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
}

.bottomSetting {
    margin-top: 10px;
}

.suscribeBottom {
    margin: 30px auto 0 auto;
}

.spacingtop {
    margin-bottom: 20px;
}

.content-margin {
    margin: 0 30px 0 30px;
}

#method .method1, #method .method2 {
    background-color: #f3f3f3;
    padding: 7px;
    -moz-box-sizing: border-box;
}

#methodContaineur {
    margin: 0 25px;
}

.iconPosition {
    padding-left: 10px;
    padding-right: 10px;
    text-align: top;
    font-size: 16px;
}

.iconPosition2 {
    padding-left: 10px;
    padding-right: 10px;
    text-align: top;
    font-size: 42px;
}

#tuto table {
    margin: 0 auto;
}

#tuto table tr td {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 295px;
    height: 550px;
    background-color: #f2f2f2;
    padding: 0 10px 15px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
<!-- margin : - 0 0.8 % 0 0.8 %;
-->
}

#tuto table tr td:nth-child(2) {
    display: inline-block;
    margin: 0 16px 0 16px;
}

#tuto table {
    border-collapse: separate;
<!-- border-spacing : 15 px 0 px;
-->
}

#tuto table tr td p:first-child {
    font-size: 78px;
    color: white;
    font-weight: bold;
    text-shadow: 0px 3px 0px rgba(223, 223, 223, 1);
}

#tuto table tr td p:nth-child(2) {
    color: #D22378;
    color: rgba(210, 35, 120, 1.00);
    font-size: 22px;
}

.bleu-titre {
    padding-bottom: 20px;
    color: #039dbd;
    color: rgba(3, 155, 221, 1.00);
    font-size: 19px;
}

.icon-connect-sign:before {
    padding-top: 27px;
    content: "\f040";
    font-size: 36px;
    color: #039dbd;
    color: rgba(3, 155, 221, 1.00);
}

.icon-credit-sign:before {
    padding-top: 20px;
    content: "\f074";
    font-size: 36px;
    color: #039dbd;
    color: rgba(3, 155, 221, 1.00);
}

.icon-account-sign:before {
    padding-top: 10px;
    content: "\f16c";
    font-size: 36px;
    color: #039dbd;
    color: rgba(3, 155, 221, 1.00);
}

#tuto table tr td div {
    color: rgba(51, 51, 51, 1.00);
    color: black;
    font-size: 14px;
    line-height: 16px;
}

.payement {
    width: 47.3%;
    padding: 0 10px;
}

.payement h1 {
    padding: 0 30px 0 30px;
}

#tuto .icon-pencil {
    display: inline-block;
    margin: 26px 0 0 0;
    color: rgba(3, 155, 221, 1);
    color: #039bdd;
    font-size: 36px;
}

#tuto .icon-random {
    display: inline-block;
    margin: 23px 0 0 0;
    color: rgba(3, 155, 221, 1);
    color: #039bdd;
    font-size: 36px;
}

#tuto .icon-stackexchange {
    display: inline-block;
    margin: 10px 0 0 0;
    color: rgba(3, 155, 221, 1);
    color: #039bdd;
    font-size: 36px;
}

.hachuresWarper {
    text-align: center;
    font-size: 22px;
}

.tiltleMargin {
    margin: 0 30px 15px 30px;
}

.vid1 {
    display: inline-block;
    border: 6px solid #f2f2f2;
    margin: 20px 99px 20px 26px;
}

/* **Hide Show** */
.btnPinfos {
    display: block;
    margin: 7px 0;
    font-size: 14px;
    font-weight: bold;
    color: #296192;
    cursor: pointer;
}

.btnMinfos {
    display: none;
    margin: 7px 0;
    font-size: 14px;
    font-weight: bold;
    color: #3b4b63;
    cursor: pointer;
}

.btnPinfos i, .btnMinfos i {
    margin-right: 5px;
    vertical-align: text-bottom;
}

.howTxtInfo {
    letter-spacing: -0.5px;
}

.howTxtInfo2 {
    display: none;
    height: auto;
    margin-top: 10px;
    font-size: 12px;
    /*text-align: justify;*/

}

.dash:before {
    content: "- ";
}
/* **End Hide Show Full Css** */


.icon-container{
    position:absolute;
    top: 10px;
    right: 15px;
    width:113px;
    height:100px;
}
.icon-cogs1{
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    writing-mode: lr-tb;
}
.icon-cogs1 i{
    display:block;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    font-size:100px;
    color:#f7f7f7;
}
.icon-cogs2{
    position:relative;
    bottom:40px;
    left:21px;
    color:white;
    border: 1px blck;
}
.icon-cogs2 i{
    font-size: 22px;
    text-shadow: 0em 0em 0.3em #D9D9D9;
}

#tuto2 table tr td{
    text-align : center;
    vertical-align : top;
}

#tuto2 table tr td p{
    text-align : justify;
}

.justify{
    text-align : justify;
}

.methodRefund td{
    border: 1px solid #f2f2f2;
    padding : 10px;
    width:33%;
}

.methodRefund{
    height:100px;
    padding: 0 10px;
    margin-top:25px;
    border: 1px solid #f5f5f5;
    /*border-bottom: 2px solid #d6d6d6;*/
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.methodRefund p{
    font-size: 18px;
}
.imgContainer {
    display: inline-block;
    height: 45px;
    line-height: 45px;
}
.imgContainer img{
    vertical-align: middle;
    max-height: 40px;
}
.title-methodRefund{
    height:26px;
    margin-bottom:12px;
    line-height:12px;
    vertical-align:middle;
    font-size: 20px;
    text-align:center;
    font-weight: bold;

}
.title-methodRefund2{
    display:block;
    margin-top:-15px;
    vertical-align:middle;
    font-size: 18px;
    text-align:center;
}
.bottomSetting {
    margin-top: 10px;
}
.suscribeBottom{
    margin: 30px auto 0 auto;
}
.spacingtop{
    margin-bottom: 20px;
}
.content-margin{
    margin: 0 30px 0 30px;
}
#method .method1 , #method .method2{
    background-color : #f3f3f3;
    padding:7px;
    -moz-box-sizing:border-box;
}
#methodContaineur {
    margin: 0 25px;
}
.iconPosition {
    padding-left : 10px;
    padding-right : 10px;
    text-align : top;
    font-size:16px;
}

.iconPosition2 {
    padding-left : 10px;
    padding-right : 10px;
    text-align : top;
    font-size:42px;
}

/*#meth1, #meth2{
    padding:7px;
    margin-top:10px;
    display: none;
    line-height:15px;
    font-size: 12px;
}*/

#tuto table{
    margin:0 auto;
}

#tuto table tr td{
    display :inline-block;
    text-align : center;
    vertical-align : top;
    width:295px;
    height:550px;
    background-color:#f2f2f2;
    padding: 0 10px 15px 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
<!-- margin: -0 0.8% 0 0.8%; -->
}
#tuto table tr td:nth-child(2){
    display :inline-block;
    margin: 0 16px 0 16px;
}
#tuto table{
    border-collapse: separate;
<!-- border-spacing: 15px 0px;  -->
}

#tuto table tr td p:first-child {
    font-size:78px;
    color:white;
    font-weight:bold;
    text-shadow: 0px 3px 0px rgba(223, 223, 223, 1);
}

#tuto table tr td p:nth-child(2) {
    color: #D22378;
    color: rgba(210,35,120,1.00);
    font-size: 22px;
}

.bleu-titre {
    padding-bottom:20px;
    color: #039dbd;
    color: rgba(3,155,221,1.00);
    font-size: 19px;
}

.icon-connect-sign:before{
    padding-top: 27px;
    content:"\f040";
    font-size:36px;
    color: #039dbd;
    color: rgba(3,155,221,1.00);
}

.icon-credit-sign:before{
    padding-top: 20px;
    content:"\f074";
    font-size:36px;
    color: #039dbd;
    color: rgba(3,155,221,1.00);
}

.icon-account-sign:before{
    padding-top: 10px;
    content:"\f16c";
    font-size:36px;
    color: #039dbd;
    color: rgba(3,155,221,1.00);
}


#tuto table tr td div {
    color: rgba(51,51,51,1.00);
    color: black;
    font-size: 14px;
    line-height : 16px;
}
.payement{
    width: 47.3%;
    padding:0 10px;
}

.payement h1{
    padding:0 30px 0 30px;
}

#tuto .icon-pencil {
    display:inline-block;
    margin:26px 0 0 0;
    color: rgba(3, 155, 221, 1);
    color: #039bdd;
    font-size:36px;
}

#tuto .icon-random {
    display:inline-block;
    margin:23px 0 0 0;
    color: rgba(3, 155, 221, 1);
    color: #039bdd;
    font-size:36px;
}

#tuto .icon-stackexchange {
    display:inline-block;
    margin:10px 0 0 0;
    color: rgba(3, 155, 221, 1);
    color: #039bdd;
    font-size:36px;
}

.hachuresWarper{
    text-align: center;
    font-size: 22px;
}
.tiltleMargin{
    margin: 0 30px 15px 30px;
}

.vid1{
    display: inline-block;
    border: 6px solid #f2f2f2;
    margin: 20px 99px 20px 26px;
}
/* **Hide Show** */
.btnPinfos {
    display: block;
    margin: 7px 0;
    font-size: 14px;
    font-weight:bold;
    color: #296192;
    cursor: pointer;
}
.btnMinfos {
    display: none;
    margin: 7px 0;
    font-size: 14px;
    font-weight:bold;
    color: #3b4b63;
    cursor: pointer;
}
.btnPinfos i, .btnMinfos i {
    margin-right: 5px;
    vertical-align: text-bottom;
}

.howTxtInfo {
    letter-spacing: -0.5px;
}
.howTxtInfo2 {
    display: none;
    height: auto;
    margin-top: 10px;
    font-size: 12px;
    /*text-align: justify;*/

}
.dash:before {
    content:"- ";
}
/* **End Hide Show Full Css** */

/************Start terms and conditions menu1*****************/



#conditionsMenu {
    position: relative;
    font-size: 14px;
    text-align: center;
    z-index: 2;
    width: 100%;
    white-space: nowrap;
    margin: auto;
    text-align: center;
    overflow-x: hidden;
}

/*ul.conditions {
    margin: 38px 0px 0px 0px;
    padding: 0;
    width: auto;
}*/

ul.conditions li {
    /*position: relative;*/
    cursor: pointer;
    padding:0px 15px 10px 15px;
    display: inline-block;
    vertical-align: bottom;
    min-height: 42px;
    white-space: normal;
    text-transform: uppercase;
}

ul.conditions li:nth-child(1) {

}

li.conditionsSingleLine {
    line-height: 36px ;
}

ul.conditions li.conditionsNoPipe:after {
    content: "";
    position: absolute;
    z-index: -1;
    background: #ffffff;
    height: 30px;
    width: 909px;
}
.conditionsActive:before {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 0px;
    background: #d22378;
    height: 5px;
    width: 100%;
    left: 0%!important;

}

.aColorStyle {
    color: #333333;
    border: 0px!important;
}

ul.conditions li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0px;
    background: #d22378;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

ul.conditions li:after {
    content: "";
    position: absolute;
    border-right: 1px solid #f2f2f2;
    height: 17px;
    left: 0px;
    top: 10px;
}

ul.conditions li:hover:before, ul.conditions li:focus:before, ul.conditions li:active:before {
    left: 0;
    right: 0;
}

.terms-title h1 {
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-left: 15px;
}

.hachuresConditions {
    position: relative;
    margin: 24px auto 26px auto;
    text-align: center;
    height: 14px;
    width: 93%;
    background: url(https://static.youpass.com/frontend/images/home/hachures_grises.gif) center center no-repeat;
}

/*Support page style*/

ul.sup-table {
    float: left;
    text-align: left;
    border-bottom: 3px solid #f2f1f5;
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    padding-top: 12px;
}

ul.sup-table li {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
}

.sup-table {
    font-size: 12px;
    width: 100%;
}

.sup-table .icon-plus-sign {
    color: #22b2ee;
}

.sup-table .icon-minus-sign {
    color: #aac9e1;
}

.sup-table tr th {
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 3px solid #f2f2f2;
    padding-left: 25px;
    color: #333333;
    width: 90px;
    position: relative;
}

.sup-table tr th:first-of-type,
.sup-table tr td:first-of-type {
    width: 10px;
}
.sup-table tr td {
    height: 60px;
    padding-left: 20px;
    cursor: pointer;
    width: 90px;
}

.sup-table  tr:nth-child(odd) {
    background-color: #fbfbfb;
    border-bottom: 1px solid white;
}

.sup-table  tr:nth-child(even) {
    background-color: #f8f8f8;
    border-bottom: 1px solid white;
}

.sup-table tr:first-of-type {
    background-color: transparent;
    border-bottom: 1px solid white;
}
.sup-table tr:last-of-type {
    border-bottom: 1px solid #D9D9D9;;
}

.sup-table i {
    font-size: 16px;
}

.sup-table .notif {
    font-size: 14px;
    vertical-align: sub;
}
.sup-table .enCours {
    color: #224095;
}
.sup-table .resolu {
    color: #6ab017;
}
.sup-table .enCoursComment {
    color: #f7941d;
}

/* chatBox style */
#chatBox {
    margin: 20px 0 40px;
}

.chatBoxSpace {
    margin: 0 0 40px;
}

ul.tabs {
    width: 100%;
    margin-top: 40px;
}
.tab-link {
    min-height: 30px;
    float: left;
    background: #f2f1f5;
    border: 1px solid #D9D9D9;
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #ccc;
    cursor: pointer;
    width: 50%;
}

.tab-link.current {
    border-bottom: transparent;
}

.tab-link div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#chatBox .current {
    background: #fff;
}
/*#chatBox .current {
    border-bottom: none;
}*/

.attach i {
    color: #999;
    font-size: 30px;
}

.tktDet {
    display: none;
    float: left;
    width: 100%;
    height: 278px;
    max-height: 278px;
    margin: 0px 0px 0 0px;
    border: 1px solid #D9D9D9;
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 20px 20px 0 20px;
    overflow-x: hidden;
}
.imgUploadContainer {
    float: left;
    margin: 7px;
    max-width: 85px;
    min-width: 85px;
    min-height: 82px;
    max-height: 82px;
    position: relative;
    border: 3px solid #f2f1f5;
    overflow: hidden;
}
.imgUploadContainer img{
    cursor: pointer;
    min-width: 85px;
    min-height: 85px;
    width: 100%;
    /*height: auto;*/
    margin-top: 0px!important;
}
.removeImg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f2f1f5;
    color: #cc0000;
    border: none;
    width: 20px;
    height: 20px;
    min-height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0 0 0 2px;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
}
.removeImg:hover {
    background: #f2f1f5;
    color: #cc0000;
    transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
}
.imgUploadContainer:hover .removeImg {
    display: block;
}

.tktDet .imgUploadContainer:hover:after {
    display: none;
}

.tktDet.current{
    display: inherit;
}
.current {
    background: #fff;
    color: #505050;
}

.tktChat {
    width: 100%;
    height: 228px;
    margin-right: 25px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 5px 19px 0px 19px;
    overflow-x: hidden;
}
.tktChat .dateReply {
    text-align: center;
    color: #d4d4d4;
    font-size: 9px;
    margin: 4px 0;
}
.tktChat .supReply,
.tktChat .userReply {
    float: left;
    background: #e5e5e5;
    color: #505050;
    max-width: 258px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 30px 14px 10px;
    position: relative;
    margin: 3px 0;
}
.tktChat .userReply {
    float: right;
    background: rgba(106,176,23,0.75);
    color: #fff;
}

.tktChat .userReply p {
    color: #1f272f;
}

.tktChat .timeReply {
    position: absolute;
    bottom: 3px;
    right: 3px;
    font-size: 9px;
    color: #fff;
}

.tktChat .timeReply.alt {
    color: #1f272f;
}

ul.sub-tableInfo {
    text-transform: none;
    cursor: pointer;
    height: auto;
    height: 46px;
}

.tktChatTxt {
    font-size: 14px;
    color: #333;
    width: 100%;
    height: 47px;
    border: 1px solid #D9D9D9;
    border-top: none;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: left;
    padding: 13px 0 7px 20px;
}
.attach{
    float: left;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    height: 47px;
    width: 100%;
    padding: 7px 0px 0px 0px;
    cursor: pointer;
    margin: auto;
    text-align: center;
}
.attach img {
    width: 26px;
}
.supChatLeft {
    margin: 40px 0;
}
.supChatRight {
    margin: 36px 0;
}
.sendSupMsg {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    height:47px;
}
.tktDet .upload {
    font-size: 10px;
    text-align: center;
}
.tktDet .upload {
    color: #D9D9D9;
    margin-top: 110px;
}
/*.tktDet .upload:first-of-type {
    margin-top: 110px;
    color: #D9D9D9;
}*/
/*.tktDet .upload:last-of-type {
    color: #039bdd;
    cursor: pointer;
}*/
.tktDet .info {
    font-size: 12px;
    margin: 8px 0;
}
.tktDet .codes {
    color: #D9D9D9;
}
.tktDet .info:nth-of-type(odd) {
    color: #ccc;
}
.tktDet .info:nth-of-type(even) {
    color: #505050;
}
/*.tktDet .info:last-of-type {
    color: #D9D9D9;
}*/
.tktDet .code {
    color: #505050;
}
.tktOpt li a {
    color: #3b4b63;
}

.tktOpt li a:active,
.tktOpt li a:hover {
    text-decoration: none;
}

#optMenu0 li a:hover,
#optMenu1 li a:hover,
#optMenu2 li a:hover,
#optMenu3 li a:hover,
#optMenu4 li a:hover,
#optMenu5 li a:hover,
#optMenu6 li a:hover,
#optMenu7 li a:hover,
#optMenu8 li a:hover,
#optMenu9 li a:hover,
#optMenu10 li a:hover,
#optMenu11 li a:hover,
#optMenu12 li a:hover,
#optMenu13 li a:hover,
#optMenu14 li a:hover,
#optMenu15 li a:hover {
    border-bottom: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.image-requirement {
    font-size: 12px;
}
.contentWrapHelp {
    position: relative;
    background-color: #fff;
    padding-top: 30px;
}

.contentWrapHelp:before {
    content: "";
    height: 5px;
    width: 100%;
    position: absolute;
    top: -5px;
}
.contentWrapLegal {
    position: relative;
    overflow-x: hidden;
    background-image: linear-gradient(top, #f2f1f5 0%, rgba(242, 241, 245, 0) 0px, rgba(242, 241, 245, 0) 150px, #fff 0px, #fff 100%);
    background-image: -o-linear-gradient(top, #f2f1f5 0%, rgba(242, 241, 245, 0) 0px, rgba(242, 241, 245, 0) 150px, #fff 0px, #fff 100%);
    background-image: -moz-linear-gradient(top, #f2f1f5 0%, rgba(242, 241, 245, 0) 0px, rgba(242, 241, 245, 0) 150px, #fff 0px, #fff 100%);
    background-image: -webkit-linear-gradient(top, #f2f1f5 0%, rgba(242, 241, 245, 0) 0px, rgba(242, 241, 245, 0) 150px, #fff 0px, #fff 100%);
    background-image: -ms-linear-gradient(top, #f2f1f5 0%, rgba(242, 241, 245, 0) 0px, rgba(242, 241, 245, 0) 150px, #fff 0px, #fff 100%);
}

.contentWrapLegal:before {
    content: "";
    height: 91px;
    width: 100%;
    position: absolute;
    background-color: #fff;
    border-top: 5px solid white;
    top: 59px;
}
@-moz-document url-prefix() {
    .contentWrapLegal:before {
        height: 92px;
    }
}

@media (min-width: 991px) {
    .nav > li > a.termsNav {
        height: 59px;
    }
}

@media (max-width: 1180px){
    /*.contentWrapLegal:before {
        top: 42px;
        height: 110px;
    }*/
}

@media (max-width: 998px){
    .contentWrapLegal {
        position: relative;
        background-image: linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 10px, #fff 0px, #fff 100%);
        background-image: -o-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 10px, #fff 0px, #fff 100%);
        background-image: -moz-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 10px, #fff 0px, #fff 100%);
        background-image: -webkit-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 10px, #fff 0px, #fff 100%);
        background-image: -ms-linear-gradient(top, #f2f1f5 0%, #f2f1f5 0px, #f2f1f5 10px, #fff 0px, #fff 100%);
    }

    .contentWrapLegal:before {
        content: "";
        height: 40px;
        width: 100%;
        position: absolute;
        background-color: #fff;
        border-top: 5px solid white;
        top: 0;
    }
}

.help-input {
    width: 100%;
}

select#verification {
    max-width: 100%;
}

.youpasseurs-help {
    padding: 0px;
    margin: 0px;
}

.drop {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
    border: 2px dashed #22b2ee;
    color: #22b2ee;
    line-height: 32px;
    text-align: center;
    margin-bottom: 20px;
}

.drop.drag{
    border-color: #F7931D;
    color: #F7931D;
}

.dkBlue {
    color: #224095
}

h2 #choiceType {
    color: #224095;
}

.midBlue {
    color: #22b2ee;
}

.ltBlue {
    color: #85cbff;
}

.orange {
    color: #ff9600;
}

.tableFAQ {
    margin: 40px 0 80px;
}

.tableFAQ h2 {
    padding-top: 11px;
}

.tableFAQ table .icon-minus-sign {
    color: #aac9e1;
}

.tktMgt {
    position: relative;
    margin-top: 39px;
}
.tktWarning {
    float: left;
    padding: 6px;
    color: #ff9600;
}
.tktMgt i {
    vertical-align: middle;
}
.timeAct,
.timeDis {
    color: #333;
}
.tktOptContainer {
    float: right;
    padding: 12px 0px 3px 0px;
    color: #999;
    cursor: pointer;

}
.tktOptContainer:hover {
    color: #3b4b63;
    transition: color 0.1s ease-in-out;
}
.tktOpt {
    display: none;
    width: 160px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    right: -4px;
    top: 38px;
    position: absolute;
    z-index: 1;
}
ul.tktOptMenu {
    float: right;
    background: #fff;
    position: relative;
    margin-bottom: 5px;
}


ul.tktOptMenu li {
    display: inline-block;
    padding: 0px 10px;
    margin-left: 5px;
}
ul.tktOptMenu li:nth-child(2) {
    border-left: 1px solid #D9D9D9;
}

ul.tktOptMenu li:nth-child(1) {
    padding: 0px 3px;
}


ul.tktOptMenu li a {

}

.tktOptMenu li:hover {
    cursor: pointer;
    transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
}

.tktOptMenu li:last-of-type {
    border-bottom: none;
}
.moreTkts {
    width: 133px;
    margin: 10px auto 30px;
    white-space: nowrap;
}



/* legal mentions style */
/*-----------------------------------------------------------------------------*/

/*.legalMentions {
    background: url(https://static.youpass.com/frontend/images/youpass4/hammer.png) no-repeat;
    background-size: 42%;
    background-position: 60% 45%;
}*/

.legalMentions p {
    font-size: 12px;
}

.legalMentionsLogo img {
    margin-top: 20px;
    width: 250px;
    position: absolute;
    right: 16px;
}


/* conditions dropdown (mobile) style */
/*-----------------------------------------------------------------------------*/

.conditionsDropdown {
    height: 44px;
    border-color: #f2f1f5;
    border-style: solid;
    border-width: 1px;
    background-color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    list-style: none;
}

.conditionsDropdown a {
    display: block;
    padding: 10px 20px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #3b4b63 !important;
    white-space: nowrap;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conditionsDropdown a i {
    position: absolute;
    right: 8px;
    top: 14px;
}

.dropDownConditions-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-right:1px solid #f2f1f5;
    border-left:1px solid #f2f1f5;
    border-bottom: 1px solid #f2f1f5;
    border-top: 0px;
    border-radius: 4px;
    -webkit-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
    box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
}

.dropDownConditions-menu>.active>a,
.dropDownConditions-menu>.active>a:hover,
.dropDownConditions-menu>.active>a:focus {
    color: #333;;
    text-decoration: none;
    background-color: #f5f5f5;
    outline: 0;
}

.conditions-group .open>.conditionsToggle,
.conditions-group .open>.conditionsToggle:hover,
.conditions-group .open>.conditionsToggle:focus {
    background-color: #fff!important;
    border-color: #337ab7;

}

.groupFileUploadInput {
    border-radius: 4px 0px 0px 4px!important;
}
.groupFileUploadBtn {
    border-radius: 0px 4px 4px 0px!important
}

/* static page styles */
/*-----------------------------------------------------------------------------*/
.identity .icon,
.proofAddress .icon,
.minorVerif .icon,
.proofPayment .icon,
.bankAccount .icon {
    color: #22b2ee;
    vertical-align: text-bottom;
    font-weight: bold;
}
.proofAddress {
    cursor: crosshair;
}

.contentRight .well {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
    padding: 9px 19px;
    background-color: #f2f1f5;
}

/* start media query styles */
/*-----------------------------------------------------------------------------*/
@media (max-width: 1199px) and (min-width: 999px) {
    .hidden-md-tandcs {
        display: none !important;
    }
}
@media (min-width: 999px) {
    .conditionsNav {
        display: block;
    }
}
@media (max-width: 991px) {
    .terms-title h1 {
        padding-left: 10px;
        margin-top: 35px;
    }
    .tabs-menu {
        margin-bottom: 40px;
    }
    .navLeft ul li {
        padding: 20px 15px 20px 10px;
        border-top: none !important;
        width: 32%;
        display: inline-block;
        background: #FFF;
        text-align: center;
    }
    #agree-to-terms ul .active li:after {
        content: "";
    }
}
@media (max-width: 767px) {
    .legalMentionsLogo img {
        width: 110px;
    }
    .legalMentions .h1 {
        font-size: 20px;
    }
    #agree-to-terms {
        padding: 10px;
    }
}
@media (max-width: 567px) {
    .navLeft ul li {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .legalMentions {
        background-size: 42%;
        background-position: 90% 15%;
    }
}



/** received_css **/



#content-popup-received{
margin:25px;
}

#popup-received{
background-color:white;
height:450px;
width:320px;;
}

#table-popup-received{
  width : 300px;
  margin: 10px;
  margin-left:20px;
}

#table-popup-received tr {
  height : 35px;
}

#table-popup-received td {
  color:black;
}

/*#title{
	text-align: center;
}*/

/** header_zone_css **/



body {
    padding-top: 137px;
    background-color: #f2f1f5;
    font-family: 'encode_sans', Verdana, sans-serif;
    color: #3b4b63;
    text-rendering: optimizeLegibility;
    font-smooth: always;
}

/*cookies*/

.cc_banner-wrapper {
    z-index: 9001;
    position: relative
}

.cc_container .cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: 0.6em;
    transition: font-size 200ms;
    line-height: 1em
}

.cc_container .cc_message {
    font-size: 0.6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em
}

.cc_container .cc_logo {
    display: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 100px;
    height: 22px;
    background-size: cover;
    background-image: url(//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/logo.png);
    opacity: 0.9;
    transition: opacity 200ms
}

.cc_container .cc_logo:hover,
.cc_container .cc_logo:active {
    opacity: 1
}

@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: 0.8em
    }
    .cc_container .cc_message {
        font-size: 0.8em
    }
}

@media screen and (min-width: 768px) {
    .cc_container .cc_btn {
        font-size: 1em
    }
    .cc_container .cc_message {
        font-size: 0.85em;
        line-height: 1em
    }
    .cc_message {
        padding-top: 7px!important;
    }

}

@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 0.85em;
    }
    #zoneConnectNOK .btn {
        padding: 14px 24px;
    }
}

@media print {
    .cc_banner-wrapper,
    .cc_container {
        display: none
    }
}

.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px
}

.cc_container .cc_btn {
    padding: 8px 10px;
    cursor: pointer;
    transition: font-size 200ms;
    text-align: center;
    font-size: 0.6em;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 60px
}

.cc_container .cc_message {
    transition: font-size 200ms;
    font-size: 0.6em;
    display: block
}

@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: 0.8em
    }
    .cc_container .cc_message {
        margin-top: 0.5em;
        font-size: 0.8em
    }

}

@media screen and (min-width: 768px) {
    .cc_container {
        padding: 10px 30px 10px
    }
    .cc_container .cc_btn {
        font-size: 1em;
        padding: 8px 15px
    }
    .cc_container .cc_message {
        font-size: 0.85em;
    }
}

@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 0.85em;
    }
}

.cc_container {
    background: #cbddeb;
    color: #263346;
    font-size: 14px;
    font-family: 'encode_sans', Verdana, sans-serif;
    box-sizing: border-box;
    border: 0px solid transparent!important;
}
@media (min-width: 1200px) {
    .cookie_col {
        width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

.cc_container::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #263346;
    background-color: transparent;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #fff;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
    background-color: #fff;
    color: #263346;
    text-decoration: none;
}

.cc_container a,
.cc_container a:visited {
    text-decoration: none;
    color: #224095;
    white-space: nowrap;
    word-break: break-all;
    transition: 200ms color
}

.cc_container a:hover,
.cc_container a:active {
    text-decoration: underline;
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.cc_container,
.cc_message,
.cc_btn {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

/*end cookies*/


#header {

}

#dk-navigation {

}

.headerLgScr {
    width: 100%;
    margin: auto;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    background: #25316d; /* Old browsers */
    background: -moz-linear-gradient(top,  #25316d 0%, #224095 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #25316d 0%,#224095 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #25316d 0%,#224095 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25316d', endColorstr='#224095',GradientType=0 ); /* IE6-9 */

    border: none;
    height: 87px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shrink .headerLgScr  {
    height: 51px;
}



.shrink .youpassLogo {
    height: 50px;
    padding: 3px 15px 21px 0px;
    left:-14px;
}

.shrink .youpassLogo img {
    height: 65px;
    image-rendering: auto;
}



.shrink .dropDownSellOnline {
    top: 45px!important;
}


.shrink .dropDownNotification {
    top: 56px!important;

}

.shrink #avatar {
    opacity: 1;
    margin-top: 2px;
    width: 38px;
    height: 38px;
}

.shrink #avatar img {
    height: 42px;
}

#zoneConnectNOK .btn {
    padding: 10px 20px;
    font-weight: 300;
    font-size: 13px;
    margin-right: 14px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#zoneConnectOK  {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shrink #zoneConnectNOK {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    padding-top: 26px;
}

.shrink #zoneConnectNOK .btn {
    padding: 4px 10px;
}

.youpassLogo {
    position: relative;
    left: -28px;
    float: left;
    height: 87px;
    padding: 3px 15px 21px 0px;
    font-size: 18px;
    line-height: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.youpassLogo img {
    height: 116px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.yp4-button {
    padding: 12px 26px 10px 26px;
    margin-bottom: 0;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    -webkit-transition: background-color linear 0.2s;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
}

.yp4-button a {
    text-decoration: none!important;
}

.yp4-button:hover, .yp4-button:focus, .yp4-button:active, .yp4-button.active {
    color: #ffffff;
    text-decoration: none!important;
    background-color: #22b2ee;
    -webkit-transition: background-color linear 0.2s;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
}

.mid-blue {
    background-color: #22b2ee;
}
.navbar-nav {
    float: left;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.leftNavigation {
    margin-top: 20px;
    margin-left: 0%;

}

.shrink .leftNavigation {
    margin-top: 3px;
    margin-left: 8%!important;
}

.shrink #zoneConnectOK {
    margin: 5px!important;
    padding: 0px!important;

}

.navbar-default .navbar-nav>li>a {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    color: #ffffff;
    cursor: pointer;
}

.navbar-header .nav>li>a {
    padding: 10px 12px;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    .navbar-default .navbar-nav>li>a {
        font-weight: 400;
    }

}}
#dropDownSellOnlineicon {
    color: #aac9e1;
    position: relative;
    top: 2px;
}
#dropDownAccounticon {
    color: #aac9e1;

}


.navbar-default .navbar-nav>li>a>i {
    font-size: 20px;

}



.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
}

#compte #zoneConnectOK #monCompte li .helpNotification {
    color: #f7941d;
    font-size: 16px;
    vertical-align: sub;
}
#compte #zoneConnectOK #monCompte li:hover{
    background-color:rgba(29, 29, 29, 0.9);

}



.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;

}

.shirnk .navbar-right {
    margin-top: 0px;
    padding-top: 0px;
}

.shrink #dropDownAccount {
    right: -6px;
    left: auto;
    top: 74%;
}

.navbar-right {
    float: right!important;
    margin-right: 0px;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#user {
    color: #22b2ee;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}
.ammountContainer {
    width: 190px;
}
.ammountContainerIcon {
    position: relative;
    top: -2px;
    margin-left: 3px;
}

.amountNav {
    font-weight: 300;
    text-transform: none;
    float: left;
    margin-right: 5px;
}

#balance-header {
    font-weight: 500;
}

.balance-heading {
    font-weight: 500;
    color: #ff9600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    max-width: 119px;
}



.navbar-default .navbar-nav>.cart>a:before {
    content: "";
    background: transparent;
    height:0px;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 3px;
}

.navbar-default .navbar-nav>.notifications>a:before {
    content: "";
    background: transparent;
    height:0px;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 3px;
}

.notifications{
    margin-left: 20px;
    margin-right: 0px;
    padding-top: 26px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shrink .notifications {
    padding-top: 11px;
    margin-top: 4px;
}

.cart {
    margin-right: 30px;
    padding-top: 23px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.cart i {
    font-size: 22px!important;
}
.shrink .cart {
    padding-top: 8px;
    margin-top: 4px;
}



.dropDownNotification {
    top: 85px!important;
    left: -316px!important;
    width: 436px;
    background-color: #323d4f;
}

#dropDownNotification:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -19px;
    left: 76.6%;
    border: 11px solid transparent;
    border-bottom: 12px solid #22b2ee;
}

.scrollable-menu {
    height: auto;
    max-height: 315px;
    overflow-x: hidden;
}

.scrollable-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
}
.scrollable-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: lightgray;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);
}

#dropDownNotification li {
    padding: 7px 7px 3px 7px;
    min-height: 44px;
    border-bottom: 1px solid #3b4b64;

}

#dropDownNotification li a {
    padding: 0px 0px;
}

#dropDownNotification li a:hover {
    text-decoration: none;

}

.dropDownSellOnline {
    top: 60px!important;
    width: 244px;
    background-color: #323d4f;
}

.dropDownSellOnline .icon {
    color: #22b2ee;
}

#dropDownSellOnline li {
    height: 44px;
    border-bottom: 1px solid #25316d;

}

#dropDownSellOnline li i {
    position: relative;
    top: 2px;
    padding-right: 10px;
    font-size: 16px;
}

.dropDownAccount .icon {
    color: #22b2ee;
}

#dropDownAccount li i {
    position: relative;
    top: 2px;
    padding-right: 10px;
    font-size: 16px;
}

#dropDownSellOnline li a {
    padding: 10px 20px;
}


#dropDownAccount {
    right: -11px;
    left: auto;
    top: 94%;

}


.dropDown li a:hover {
    left:0px;
    right: 0px;
    background: transparent;
}

.offcanvas.in {
    display: block;
    z-index: 999999;
    height: 100%;
}


#dropDownAccount {
    width: 206px;

}

.offcanvas:before {
    content: "";
    position: absolute;
    width: 100%;
    background: black;
}

#dropDownAccount li {
    height: 44px;
    border-bottom: 1px solid #25316d;
}

#dropDownAccount li a {
    padding: 10px 20px;
    position: relative;
}

#dropDownAccount li a:hover {
    color: #ffffff;
}



..navbar-default .navbar-toggle {
    border: none;
    border-color: transparent;
}

.inputMobileMenu {
    background: #ffffff;

}
.inputMobileMenu i {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.imgLoginLoading {
    position: relative;
    display: inline-block;
    height: 44px;
    min-width: 86px;
    border-radius: 4px;
    font-family: encode_sans;
    vertical-align: middle;
    text-align: center;

}

.imgLoginLoading .btn:hover {
    background-color: #3b4b63; /* #22b2ee #3b4b63 */
}

.imgLoginLoading img {
    position: absolute;
    top: 8px;
    left: 26px;
}

.iconRotate {

}

.rotate i {
    display: inline-block!important;
    transform: rotate(90deg);
    transition: .3s;

}
.rotate-reset i {
    display: inline-block!important;
    transform: rotate(0deg);
    transition: .3s;
}
.hiddenOverflow {
    overflow: hidden!important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
@-moz-document url-prefix() {
    .hiddenOverflow {
        overflow: scroll !important;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
}
.cart-pop-img-container {
    width: 115px!important;
    padding-top: 5px!important;
    padding-left: 5px!important;
    padding-bottom: 5px!important;
}


/*Dropdown styles*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #ffffff;
    background-color: transparent;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #22b2ee;
    background-color: transparent;
}



.dropdown-menu-nav {
    position: absolute;
    top: 87%;
    left: -59%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px 0px 0px;
    margin: 2px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background: rgba(37, 49, 109, 0.95);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu-nav:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0%;
    right: 0%;
    top: 0px;
    background: #22b2ee;
    height: 5px;

}

.dropdown-menu-nav>li>a:hover, .dropdown-menu-nav>li>a:focus {
    text-decoration: none;
    background-color: #224095;
    height: 43px;
    padding: 10px 20px!important;
    color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.dropdown-menu-nav:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -19px;
    left: 43%;
    border: 11px solid transparent;
    border-bottom: 12px solid #22b2ee;

}

.dropdown-menu-nav>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
}

.navbar-right {
    float: right!important;
    margin-right: -21px;
    margin-top: -4px;
    padding-bottom: 0px!important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.shrink .navbar-right {
    margin-top: -15px;
    height: 66px;
}

.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
    top: 94%;
}

.accountLgScr {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 205px;
    padding-top: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}


.accountDropdownLg {
    height:80px;
}




#zoneConnectNOK {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    padding-top: 31px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.zoneConnectOK {
    padding-top: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-toggle {
    border: 0px solid transparent;
}

.youpassIcon {
    position: absolute;
    top: -12px;
    left:25px;
    height: 35px;
    padding: 21px 15px;
    font-size: 18px;
    line-height: 20px;
}

.youpassIcon img {
    height: 35px;
}

.navigationTitle {
    position: absolute;
    left: 86px;
    top: 0px;
}

.navigationTitle h1 {
    font-size: 14px;
    color: #ffffff;
    text-transform: none;
    font-weight: 300;

}

.navigationTitle div {
    font-size: 14px;
    color: #ffffff;
    text-transform: none;
    font-weight: 500;
    margin-top: 17px;
    margin-bottom: 10px;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 734px) {
    .navigationTitle div {
        max-width: 270px;
    }

    #zoneConnectNOK {
        padding-top: 0px;
    }
    .loginTitle {
        position: relative;
        top: 0px !important;
    }
}

ul.NotificationMobile li a.cancel {
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #2b2e41;
    line-height: 15px;
    border-bottom: 1px solid #D9D9D9;
    text-align: center;
    margin-top: 5px;
    background-color: #fff;

}

#load-moreMobile {
    background-color: #fff;
}

.headerSmScr .navbar-right>li {
    display: inline-block;
    padding: 0px 0px!important;
}
.headerSmScr ul.navbar-right li a {
    padding: 11px 8px!important;
}
.headerSmScr .navbar-right {
    margin-top: 0px;
    margin-bottom: 0px;
}
.headerSmScr .notiUserTitle {
    color: #263346;
}
@media (min-width: 768px) {
    .headerSmScr .notiUserTitle {
        position: relative;
        top: -20px;
    }
    .headerSmScr .game-info {
        position: relative;
        top: -20px;
    }
}
@media (max-width: 357px) {
    .headerSmScr .notiUserTitle {
        position: relative;
        top: -20px;
    }
    .headerSmScr .game-info {
        position: relative;
        top: -20px;
    }
}
#notification-listMobile li {
    padding: 7px 7px 3px 7px;
    min-height: 44px;
    border-bottom: 1px solid #D9D9D9;
}
#notification-listMobile {
    background-color: #fff;
}

.headerSmScr .notiGameTitle p {
    color: #263346;
    width: 79%;

}
#notificationMobile {
    position: absolute;
    top: 7px;
    right: 1px;
}


.headerSmScr .notiSalesTitle p, .headerSmScr .notiSaleDate p {
    color: #263346;
    font-size: 11px;
}

.headerSmScr .notiSalesTitle {
    padding: 0px!important;
}

.headerSmScr .notiNavPipes {
    margin-left: 10px!important;
}

.notification-modal-sm {
    top: 94px;
}

.notification-modal-sm .modal-content {
    overflow: hidden;
    background-color: transparent;
}

.mob-tab-menu {
    float: left;
    width: 100%;
    max-height: 44px;
    position: relative;
    /*top: -2px;*/
    opacity: 1;
    transition: all 0.2s ease-in-out;
    clear: none;
    background: #f2f1f6;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    z-index: 9999;


}

.nav-up {
    top: -50px;
    opacity: 0;
}

.noti-container {
    background: #fff;
}
ul.mob-tab-menu-items {
    line-height: 40px;
    width: auto;
    position: static;
    text-align: center;
}
ul.mob-tab-menu:before {
    content: " ";
    display: table;
}
ul.mob-tab-menu:after {
    clear: both;
}


ul.mob-tab-menu-items li {
    position: relative;
    display: inline-block;
    margin: auto;

}
ul.mob-tab-menu-items li a {
    cursor: pointer;
    color: #263346;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    font-size: 13px;
    line-height: 40px;
    display: block;

}
ul.mob-tab-menu-items li a i {
    position: relative;
    top: 2px;
    padding-right: 3px;
}

ul.mob-tab-menu-items li a span.mainNavPipes {
    color: #d6d9dc;
    border-top: 12px solid #d6d9dc;
    border-right: 1px solid #d6d9dc;
    border-left: 0px solid #d6d9dc;
}

.sell-online-modal-sm {
    top: 94px;
}

.sell-online-modal-sm .modal-content {
    background-color: transparent;
}

ul.sellonline-modal {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 0px;
    border-radius: 4px;
    overflow: hidden;
}
ul.sellonline-modal li{
    background-color: #fff;
}

ul.sellonline-modal li a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #2b2e41;
    line-height: 50px;
    border-bottom: 1px solid #f2f1f5;
}
ul.sellonline-modal li a:hover {
    text-decoration: none;
}
ul.sellonline-modal li span {
    color: #b2b3b5;
    line-height: 40px;
}
ul.sellonline-modal li.title {
    border-bottom: 1px solid #D9D9D9;
}

ul.sellonline-modal li a.cancel {
    margin-top: 5px;
}


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

  HAMBURGER ICONS COMPONENT

----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 80px;
    height: 50px;
    font-size: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 25px;
    left: 10px;
    right: 10px;
    height: 2px;
    width: 22px;
    background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
}

.c-hamburger span::before {
    top: -5px;
}

.c-hamburger span::after {
    bottom: -5px;
}


/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
    background-color: transparent;
}

.c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
    background-color: transparent;
}

.c-hamburger--htx.is-active span {
    background: none;
}
.c-hamburger--htx.is-active .accountBar {
    width: 22px!important;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}


.c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}


/*/Navigation icon animation*/

/* Site Overlay */
.site-overlay {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);

}

.canvas-slid .site-overlay {
    display: block;
    position: absolute;
    -webkit-animation: fade 500ms;
    animation: fade 500ms;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;

}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/***Cart and popover cart styles***/
.cart-noti {
    background: #6ab017!important;
}

.cart .popover {
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0px;
}

.cart .popover-content {
    padding: 0px 0px 0px 0px;

}

.cart .cart-popover-txt {
    padding: 10px 14px;
}
@media (max-width: 997px) {
    .cart-popover-txt {
        padding: 4px 14px;
    }
    #login_error_tablet {
        color: #FFFFFF !important;
        background-color: #CC0000 !important;
        padding: 5px 10px !important;
    }
}


.cart .cardImgContainer img {
    max-width: 100%;
}

.shrink .cart .popover {
    top: 52px!important;
}

.cart .popover {
    top: 81px!important;
}

.cartpop .popover {
    top: 51px!important;
    position: fixed;
    margin: auto;
    /* text-align: center; */
    right: 0%!important;
}
.cartpop .popover {
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0px;
}

.cartpop .popover-content {
    padding: 0px 0px 0px 0px;

}

.cartpop .cart-popover-txt {
    padding: 10px 14px;
}

.cartpop .popover.bottom>.arrow {
    border-bottom: 0px;
}

.cartpop .popover.bottom>.arrow:after {
    border-bottom-color: transparent;
}

.cartpop .cardImgContainer img {
    max-width: 100%;
    height: auto!important;
}


/*/*******/


@media (max-width: 450px) {
    .navigationTitle div {
        max-width: 135px;
    }
}

#headerSm {
    background: transparent;
    border-bottom: 0px;

}
.mobile-top-menu {
    width: 100%;
    position: relative;
    margin: auto;
    /*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);*/
    /*-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);*/
    /*-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);*/
    background: #25316d;
    background: -moz-linear-gradient(top, #25316d 0%, #224095 60%);
    background: -webkit-linear-gradient(top, #25316d 0%,#224095 60%);
    background: linear-gradient(to bottom, #25316d 0%,#224095 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25316d', endColorstr='#224095',GradientType=0 );
    height: 49px;
    border: none;
    z-index: 10000;
}

.navmenu, .navbar-offcanvas {
    width: 263px;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
}
.navmenu-default .navmenu-nav>.active>a, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a, .navmenu-default .navmenu-nav>.active>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover, .navmenu-default .navmenu-nav>.active>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
    color: #ffffff;
    background: rgba(37, 49, 109, 0.95);
}



#avatarSm{
    position: absolute;
    right: 28px;
    top: 8px;
    width: 35px;
    height: 35px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    /*background: url(https://static.youpass.com/frontend/images/avatar.png) center center no-repeat;*/
}


#avatarSm img {
    height: 40px;
}

.accountBar {
    width: 3px!important;
    left: 50px!important;
    transition: width 0s 0.3s;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #2a3878;
    border: none;
}

.navmenu-nav li {
    border-bottom: 1px solid #25316d;
}

.navmenu-default .navmenu-nav>li>a, .navbar-default .navbar-offcanvas .navmenu-nav>li>a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    min-height: 50px;
}

.navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
    color: #ffffff;
    background: rgba(37, 49, 109, 0.95);
}

.offcanvas .icon{
    position: relative;
    top: 2px;
    font-size: 16px;
    color: #22b2ee;
}

#dropdown-menuMobile li a {
    color: #ffffff;
    font-size: 12px;
    padding: 10px 37px 10px 45px;
    width: 100%;
    white-space: nowrap;
}

#dropdown-menuMobile li {
    padding-top: 9px;
    height: 40px;
}

#dropdown-menuMobile li:hover {
    background-color: #3b4b63;

}
#dropdown-menuMobile li a:hover {
    text-decoration: none;
}

#userNotification {
    position: absolute;
    top: 13px;
    left: 48px;
}
.notifyBell {
    position: relative;
    top: -1px;
}

.notifyBell i {
    prosition: relative;
}

.helpNotify {
    display: inline-block;
    text-align: right;
    width: 45px;
}

.noticiationSm {
    height: 17px;
    width: 17px;
    float: right;
    background: #cc0000;
    border-radius: 17px;
    padding: 0px 1px 0px 0px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    font-size: 9px;
    font-weight: 300;
    text-align: center;
    margin: auto;
    line-height: 17px;
    position: relative;
    top: 2px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}

.noticiationLg {
    height: 17px;
    width: 17px;
    float: right;
    background: #cc0000;
    border-radius: 17px;
    padding: 0px 0px 0px 1px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    font-size: 9px;
    font-weight: 300;
    text-align: center;
    margin: auto;
    line-height: 17px;
    position: relative;
    top: 2px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}
#cartNotification {
    position: absolute;
    top: 12px;
    right: 0px;
    background: #6ab017;
}
#cartNotificationMobile {
    position: absolute;
    top: 7px;
    right: -6px;
    background: #6ab017;
}

#notification {
    position: absolute;
    top: 10px;
    right: 1px;
}


@-moz-document url-prefix() {
    #cartNotification {
        position: absolute;
        bottom: 24px;
        left: 29px;
        background: #6ab017;
    }

    #notification {
        position: absolute;
        bottom: 22px;
        left: 26px;
    }
}
.notifItem {
    position: relative;
    float: left;
    width: 100%;
}

.notifItem h5 {
    color: #fff;
    padding: 0px;
    margin: 5px 0px;
}

.notifPrice h5 {
    font-size: 24px;
    color: #22b2ee;
    font-weight: 600;
    padding: 0px;
    margin: 5px 0px;

}

.notifPrice h5.sale {
    margin: 0 0 15px;
}

.notiItem {
    padding-top: 5px;
}

.notiItemNumber p {
    font-size: 12px;
    color: #fff;
}

.notiStatus {
    margin-left: 34px;
    float: left;
}

.notiStatus p {
    font-size: 12px;
    color: #fff;
}

.notiStatus p span {
    color: #6ab017;
    text-transform: uppercase;
    font-weight: 500;
}

.notiNavPipes {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 1px;
    height: 16px;
    margin-left: 34px!important;
    vertical-align: middle;
    border-top: 12px solid #3b4b64;
    border-right: 1px solid #3b4b64;
    border-left: 0px solid #3b4b64;
}

.notiClose {
    background: url(https://static.youpass.com/frontend/images/youpass4/notification_sprite.png) no-repeat;
    position: absolute;
    top: 0%;
    right: 0%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.notiClose:hover {
    background-position: 0px -155px;
}

.nofiImage {
    padding: 0px;
    width: 90px;
    max-height: 90px;
    overflow: hidden;
}

.nofiImageContainer {
    padding: 0;
    height: 100%;
    text-align: center;
    font: 0/0 a;
    max-width: 90px;
    max-height: 90px;
    overflow: hidden;
}

.nofiImageContainer:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.nofiImageContainer img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.notiSalesTitle {
    word-break: break-word;
}

.notiSalesTitle p,
.notiSaleDate p {
    font-size: 12px;
    color: #fff;
}

.notiSalesTitle span {
    text-transform: uppercase;
    color: #6ab017;
    font-weight: 500;
}

.notiGameTitle p {
    font-size: 16px;
    color: #fff;
    margin: 0 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.notiUserComment {
    font-size: 12px;
}

.notiPointTitle {
    word-break: break-word;

}

.giftIconNotify {
    text-align: center;
}
.notiPointTitle h5 {
    font-size: 12px;
}

.giftPoints {
    padding: 13px 7px 13px 7px!important;

}

.notifPoints h5 {
    font-size: 14px;
    color: #22b2ee;
    font-weight: 600;
}

.notiUserTitle {
    word-break: break-word;
    font-size: 14px;
    color: #fff;
}

.notiUserTitle p {
    word-break: break-word;
    font-size: 14px;
    color: #fff;
}

.notiUserTitle i {
    color: #ff9600;

}

.notiUserTitle span {
    color: #22b2ee;
}

.nofiImage img {
    max-width:180px;
}

.nofiImage i {
    font-size: 30px;
    color: #f2f1f6;
    text-align: center;
    margin: auto;
}



#email_user_login {
    border-radius: 0px 4px 4px 0px;
}

#password_user_login {
    border-radius: 0px 4px 4px 0px;
}


#notiAvatar {
    opacity: 1;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    margin-top: 6px;
    overflow: hidden;

}

#notiAvatar img {
    position: relative;
    border-radius: 50%;
    width: 48px;
}
.supportNotification {
    position: absolute;
    top: 35px;
    left: 36px;
    background: #f7941D;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    z-index: 1;
    text-align: center;
    font-size: 9px;
}
#avatar img {

    height: 50px;

}

#login_error_page, #login_error_popup, #login_error_tablet, #login_error_support {
    text-align: left;
    color: #cc0000;
    font-weight: 300;
    padding: 10px 0px 10px 42px;
    font-size: 13px;
}

#login_error_page a,
#login_error_popup a,
#login_error_tablet a,
#login_error_support a {
    color: #fff;
    text-decoration: underline;
}

#login_error_tablet {
    margin-bottom: 15px;
}

#login_error_page, #login_error_popup .label {
    /* white-space: normal; */
    /* padding: .2em .6em .3em; */
    /* font-size: 14px; */
    /* font-weight: 400; */
    line-height: 1;
    /* color: #fff; */
    /* text-align: center; */
    /* vertical-align: baseline; */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.showMoreNoti {
    text-align: center;
    margin-top: 5px;
}
.showMoreNoti div {
    cursor: pointer;
}

.showMoreNoti i {
    font-size: 20px;
    color: #aacae1;
}

.icon-spin-custom, .icon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/***********Icon Trigger*************/



/*****************************/

/**************Login***************/

#zoneConnectNOK li {
    padding: 15px;
    color: #ffffff;
}

#zoneConnectNOK li:nth-child(2) {
    padding: 0 15px;
}

.yp4-input {
    position: relative;
}

.yp4-Iconinside-input {
    font-size: 18px;
    color: #22b2ee;
    position: absolute;
    top: 11px;
    left: 10px;
}

.yp4-input input[type="email"], .yp4-input input[type="text"], .yp4-input input[type="password"] {
    float: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 35px;
    height: 44px;
    margin-bottom: 20px;
    color: #263346;


}

#notConnectNav {
    margin-left: 6%;
}

#search-group {
    position: relative;
}

#search-group input {
    padding-left: 49px;
    color: #fff;
}

#search-group i {
    position: absolute;
    top: 14px;
    left: 6px;
    color: #fff;
}



@media (max-width: 1180px) {
    #dk-navigation {
        width: 100%;
    }

    #zoneConnectNOK .btn {
        margin-right: 14px!important;
    }


    .leftNavigation {
        margin-left: 5%!important;
        margin-top: 27px;
    }
    .navbar-right {
        float: right!important;
        margin-right: -8px;
        margin-top: -3px;
        padding-bottom: 0px!important;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .youpassLogo {
        position: relative;
        left: -20px;
        float: left;
        height: 78px;
        padding: 9px 15px 21px 0px;
        font-size: 18px;
        line-height: 20px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .youpassLogo img {
        height: 100px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .mainNavPipes {
        position: relative;
        display: inline-block;
        top: -1px;
        width: 1px;
        height: 16px;
        margin-left: 16px!important;
        vertical-align: middle;
        border-top: 12px solid #25316d;
        border-right: 1px solid #25316d;
        border-left: 0px solid #25316d;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 14px 8px!important;
    }
    .shrink .leftNavigation {
        margin-top: 9px;
        margin-left: 14%!important;
    }


}
@media (max-width: 1110px) {
    .shrink .leftNavigation {
        margin-top: 9px;
        margin-left: 10%!important;
    }
}
@media (max-width: 1070px) {

    .leftNavigation {
        margin-left: 0%!important;
        margin-top: 27px;
    }
    .youpassLogo img {
        height: 87px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .shrink .leftNavigation {
        margin-top: 9px;
        margin-left: 4%!important;
    }

}

@media (max-width: 1031px) {
    /*#notConnectNav */

}

.conntectBtns {
    padding: 11px 11px 11px!important;
    min-width: 86px;
}

 #login_error {
    position: absolute;
    color: #ff0000;
    top: 24px;
    margin: 0px -82px;
    padding: 8px 10px;
    background: #cc0001;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 4px;
    border: 1px solid #cc0001;
    color: white;
}


/*****************************/

/*************Menu Mobile************/

.headerLgScr {
    display: block;
}

.headerSmScr {
    display:none;
}



@media (max-width: 997px) {

    body {
        padding-top: 110px;
    }

    .modal-sellonlineMob {
        max-width: 300px;
        margin: 30px auto;
    }
    li.accountLgScr a:hover {
        background-color: #2a3878!important;
        cursor: default;
    }

    .headerLgScr {
        display: none;
    }

   .headerSmScr {
        display: block;
    }

    .navbar-toggle {
        display: block;
        padding-top: 0px;
    }

    .accountLgScr {
        width:auto;
    }

    #user {
        float: left;
        width: 65%;
        padding-top: 8px;
    }


}





/*






/************************************************
     ZONE LOGIN TOP
***********************************************/
.inputheader{
    width:55%;
    line-height: 40px;
    vertical-align: bottom;
    padding: 4px 0 4px 10px;
    /*margin-left:10px;*/
}

.inputheader input[type="text"], .inputheader input[type="email"]{
    float: none;
    line-height: 12px;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
    color: #333333;
    color: rgba(51,51,51,1.00);
    height: 44px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(204,204,204,1.00);
}

.inputheader input[type="password"]{
    float: none;
    line-height: 12px;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
    color: #333333;
    color: rgba(51,51,51,1.00);
    height: 44px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(204,204,204,1.00);
}

.buttonloginheader span{
    color:white!important;
}


.forgot-pass a {
    color: #ffffff;
}

.forgot-pass a:hover {
    text-decoration: none;
}

.forgot-fancybox-hr, .login-fancybox-hr {
    border-top: 1px solid #3b4b63;
    margin-top: 15px;
    margin-bottom: 15px;
}

.conntectLink {
    color: #22b2ee;
    margin-right: 20px;
    cursor: pointer;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.conntectLink span {
    position: relative;
    top: 1px;
    font-size: 13px;
    font-weight: 300;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{

    #zoneConnectNOK .btn {
        font-weight: 500;
    }
    .conntectLink span {
        font-weight: 500;
    }
}}

.conntectLink:hover {
    color: #fff;
}

.login-fancybox-hr, .login-fancybox-hr-2 {
    margin-left: 0px;
    width: 100%;
}

.resend-pwdSm {
    margin-top: 22px
}

.alignLeft {
    text-align: left!important;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
}
.remember-me {
    text-align: center;
    padding-bottom: 12px;
}

.navigationSearch {
    background: #3b4b64;
    border: 0px;
}

.navigationSearch i {
    color: #ffffff;
    border: 0px;
}

.navigationSearchField {
    background: #3b4b64!important;
    border-color: #3b4b64!important;
    border: 0px;
    padding: 6px 8px;
}

.formSearchGroup {
    margin: 10px 7px 0px 7px;
}
.loginTitle {
    position: relative;
    top: -25px;
}

.navmenu-fixed-left i {
    position: relative;
    top:2px;
    color: #02b4fe;
    margin-right: 15px;
    margin-left: 8px;
    font-size: 16px;
}
.mobLftNavHead {
    margin: 15px 0px 10px 0px;
}

li.mobLftNavHead {
    border-bottom: 0px;
}
.mobLftNavHead a {
    color: #ffffff;
    list-style: none;
    margin-left: 1px;
}

.mobLftNavHead a:hover {
    text-decoration: none;
}

    .mobLftNavHeadNotCon {

    }

    li.mobLftNavHeadNotCon {

    }
    #mobLftNavLink {
        color: #ffffff;
        list-style: none;
        margin-left: 1px;
        padding: 14px 8px!important;
    }
    #mobLftNavLink i {
        position: relative;
        top: 2px;
        color: #02b4fe;
        margin-right: 15px;
        margin-left: 5px;
        font-size: 16px;
    }

    .mobLftNavHeadNotCon a:hover {
        text-decoration: none;
    }

.navigationSearch i {
    margin: 0px;
    color: #ffffff;
}
.notConnect {
    margin-bottom: 0px!important;
}

/************************************************
     ZONE MENU PRINCIPAL
***********************************************/


/*
***********************************************
     ZONE SOUS MENU
***********************************************/



/*
***********************************************
     ZONE INFO
***********************************************/




/* Header
-----------------------------------------------------------------------------*/


/*
***********************************************
     ZONE MINI MENU COMPTE & INTERNATIONAL
***********************************************/



.mainNavPipes {
    position: relative;
    display: inline-block;
    top: -1px;
    width: 1px;
    height: 16px;
    margin-left: 30px;
    vertical-align: middle;
    border-top: 12px solid #25316d;
    border-right: 1px solid #25316d;
    border-left: 0px solid #25316d;
}


#avatar,
#avatarYouPass {
    opacity: 1;
    width: 48px;
    height: 48px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    /*background: url(https://static.youpass.com/frontend/images/avatar.png) center center no-repeat;*/
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#avatarYouPass {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#avatar img,
#avatarYouPass img {
    height: 50px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#avatarYouPass img {
    height: 100%;
}


/************************************************
     ZONE LOGIN TOP
***********************************************/


.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 3px;
    background: #039bdd;
    height: 5px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}



/* Header
-----------------------------------------------------------------------------*/
/*#header {
    position: relative;
    width: 944px;
    margin: auto;
    background-color: #000000;
    background-color: rgba(0,0,0,1);
    background: url('https://static.youpass.com/frontend/images/header/fondHeaderlogo.jpg') top center no-repeat;
    height: 202px;
}*/





/** header_zone_css **/


/*
***********************************************
	 ZONE FOOTER
***********************************************/
#footer {
	clear: both;
	width: 100%;
	margin: auto;
	/*background-color: #333333;
	background-color: rgba(51,51,51,1);*/
	height: auto;
	color: #F2F2F2;
	color: rgba(242,242,242,1.00);
    text-align: center;
    background: #333333; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTJhMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #333333 0%, #323232 62%, #2a2a2a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(62%,#323232), color-stop(100%,#2a2a2a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333333 0%,#323232 62%,#2a2a2a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333333 0%,#323232 62%,#2a2a2a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333333 0%,#323232 62%,#2a2a2a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #333333 0%,#323232 62%,#2a2a2a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-8 */
}
#footer #liens {
    padding-top: 4px;
	text-align: center;
	text-shadow: 1px 1px 0px #000000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}
#footer #partenaires {
    position: relative;
}
/*.longlink {
    margin: 0px!important;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-size: 14px;
}
.shortlink {
    margin: 0px!important;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-size: 14px;
}*/

#footer #partenaires span,
#footer #liens span{
	color: #505050;
	margin: 0 10px;
}
/*#footer #partenaires span */
#footer #liens a {
	color: #F2F2F2;
	color: rgba(242,242,242,1.00);
}
#footer #liens a:hover {
	border-bottom: thin dotted rgba(242,242,242,1.00)!important;
}
#footer #partenaires {
	display:inline-block;
	margin: 20px 0 20px 0;
	height: 50px;
    width: 957px;
}
#footer #partenaires h2 {
    display: inline;
    color: #f2f2f2;
    cursor: pointer;

}
.icon-twitter-sign,
.icon-facebook-sign,
.icon-youtube{
    -webkit-transition: color linear 0.2s;
    -moz-transition: color linear 0.2s;
    -o-transition: color linear 0.2s;
    transition: color linear 0.2s;
}
#footer #partenaires h2 a:hover .icon-twitter-sign,
#footer #partenaires h2 a:hover .icon-facebook-sign,
#footer #partenaires h2 a:hover .icon-youtube,
#footer #partenaires h2 a:hover {
    color: #309ac1;
    -webkit-transition: color linear 0.2s;
    -moz-transition: color linear 0.2s;
    -o-transition: color linear 0.2s;
    transition: color linear 0.2s;
}
#footer #partenaires h2 a:hover .icon-twitter-sign {
    color: #00aced;
}
#footer #partenaires h2 a:hover .icon-facebook-sign {
    color: #3b5998;
}
#footer #partenaires h2 a:hover .icon-youtube {
    color: #bb0000;
}
#footer #partenaires div {
	/*min-width: 80px;*/
	float: left;
	margin: 0 6px;
}
#footer #partenaires div img {
	padding-top: 2px;
}


.verticalStroke{
width:1px;
height: 100px;
border-right: #505050 thin solid;
display:inline-block;
float: left;
margin: 30px 0 20px 0;
}

/* -------------- HOVER LOGO -------------- */

/*--- paypal--- */

#footer #partenaires .paypalGray {
	display:block;
	width: 108px;
	height:51px;
	float: left;
	background: url(https://static.youpass.com/frontend/images/partner/logo_PayPal.png) center left no-repeat;
}

#footer #partenaires .paypal:hover .paypalGray{
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity .2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
.paypalColor {
	display:block;
	position:absolute;
	width: 108px;
	height:51px;
	opacity:0;
	 background-repeat: no-repeat;
	background-image:url(https://static.youpass.com/frontend/images/partner/logo_PayPal-couleur.png);
}
#footer #partenaires .paypal:hover .paypalColor{
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
/* ---------- */

/*--- norton--- */

#footer #partenaires .nortonGray {
	display:block;
	width: 92px;
	height:51px;
	float: left;
	background: url(https://static.youpass.com/frontend/images/partner/logo_Norton.png) center left no-repeat;
}

#footer #partenaires .norton:hover .nortonGray{
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
.nortonColor {
	display:block;
	position:absolute;
	width: 92px;
	height:51px;
	opacity:0;
	 background-repeat: no-repeat;
	background-image:url(https://static.youpass.com/frontend/images/partner/logo_Norton-couleur.png);
}
#footer #partenaires .norton:hover .nortonColor{
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
/* ---------- */

/*--- verisign--- */

.verisignGray {
	display:block;
	width: 80px;
	height:51px;
	float: left;
	background: url(https://static.youpass.com/frontend/images/partner/logo_Verisign.png) center left no-repeat;
}
.verisign:hover .verisignGray{
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
#footer .verisign{
    position: relative;
    clear: both;
    width: 180px;
    margin: 20px auto;
    background-color: transparent;
}

.trustwave {
    float: left;
    padding: 4px 0px;
    margin-left: 30px;
}

.verisignColor {
	display:block;
	position:absolute;
	width: 80px;
	height:51px;
	opacity:0;
	 background-repeat: no-repeat;
	background-image:url(https://static.youpass.com/frontend/images/partner/logo_Verisign-couleur.png);
}
.verisign:hover .verisignColor{
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
/* ---------- */

/*--- amazon--- */

#footer #partenaires .amazonGray {
	display:block;
	width: 145px;
	height:38px;
	float: left;
	background: url(https://static.youpass.com/frontend/images/partner/amazonfr_nb.png) center left no-repeat;
}
#footer #partenaires .amazon{
		margin: 6px 0 0 6px;
}

#footer #partenaires .amazon:hover .amazonGray{
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
.amazonColor {
	display:block;
	position:absolute;
	width: 145px;
	height:38px;
	opacity:0;
	 background-repeat: no-repeat;
	background-image:url(https://static.youpass.com/frontend/images/partner/amazonfr_couleur.png) ;
}
#footer #partenaires .amazon:hover .amazonColor{
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
/* ---------- */

/*--- YOUPASS--- */

#footer  #youpass{
	display:inline-block;
	margin:15px 25px 10px 30px;
	height: 100px;
	width:200px;
	float: left;
	background: url(https://static.youpass.com/frontend/images/partner/YouPassStartupBlueprint.png) center left no-repeat;
}

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

/*--- googleplay--- */

#footer #apps .googleplay{
	display:inline-block;
	margin:10px 0 0 5px;
}

#footer #apps .googleplayGray {
	display:block;
	width: 124px;
	height:41px;
	float: left;
	background: url(https://static.youpass.com/frontend/images/partner/logo_GooglePlay.png) center left no-repeat;
}

#footer #apps .googleplay:hover .googleplayGray {
	opacity:0;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
.googleplayColor {
	display:block;
	position:absolute;
	width: 124px;
	height:41px;
	opacity:0;
	 background-repeat: no-repeat;
	background-image:url(https://static.youpass.com/frontend/images/partner/logo_GooglePlay-couleur.png);
}
#footer #apps .googleplay:hover .googleplayColor{
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition:  opacity 0.2s ease-in-out;
    -ms-transition:  opacity 0.2s ease-in-out;
    -o-transition:  opacity 0.2s ease-in-out;
    transition:  opacity 0.2s ease-in-out;
}
/* ---------- */
/* #footer #apps .googleplay {
	background: url(https://static.youpass.com/frontend/images/partner/logo_GooglePlay.png) center left no-repeat;
} */

#footer #apps {
	margin: 20px 0 0 20px;
	float: left;
}
#footer #apps div {
	margin: 0 auto;
	cursor: pointer;
}
#footer #apps div img {
	padding-top: 2px;
}

#footer #apps .applestore {
	background: url(https://static.youpass.com/frontend/images/partner/logo_AppStore.png) center left no-repeat;
}
#footer #apps .amazonappstore {
	background: url(https://static.youpass.com/frontend/images/partner/logo_AmazonAppstore.png) center left no-repeat;
}
#footer #apps .windowsstore {
	background: url(https://static.youpass.com/frontend/images/partner/logo_WindowsStore.png) center left no-repeat;
}
#logoMEGA {
    position: relative;
    left: -3px;
    clear: both;
    width: 89px;
    margin: auto;
    background-color: transparent;
	background: url(https://static.youpass.com/frontend/images/common/payer-avec-ton-forfait2_5.png) top center no-repeat;
    height: 48px;
    background-size: 100%;
}
.mentionCapital{
    text-align: center;
	margin-top: 29px;
    padding-bottom: 8px;
	font-size: 9px;
	color: E6E6E6;
	letter-spacing: 0px;
	text-shadow: 1px 1px #333;
}

/* ------ Social Icons ----- */
.socialIcons {
    width:191px;
    position: relative;
    top: 1px;
}
.socialIcons h2 {
    margin-right: 19px;
    font-size: 30px;
}

/* ------ LinksYoupass ----- */
#footer #partenaires .linksYoupass {
    margin:0 auto;
    width:529px;
    padding-left: 15px;
    padding-top: 7px;
}
#footer #partenaires .linksYoupass a h4{
    color: #f2f2f2;
    display: inline;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    transition: color linear 0.2s;
    -webkit-tansition: color linear 0.2s;
    -moz-transition: color linear 0.2s;
    -o-transition: color linear 0.2s;
}
#footer #partenaires .linksYoupass a h4:hover{
    color: #309ac1;
}
#footer #partenaires .linksYoupass span {
    color: #505050;
    margin: 0 10px;
    text-shadow: 1px 1px 0px #000000;
}


/***********YouButton Footer Styles******************/

.youbuttonFooter {
    position: relative;
    cursor: pointer;
    float: left;
    padding-top: 2px;
    right: 3px;
}

.youbuttonFooter h6 {
    position: absolute;
    color: #333333;
    top: 0px;
    left: 50px;
}

#youbutton-popinFooter {
    cursor: default;
    position: absolute;
    font-family: Tahoma, Arial, sans-serif;
    padding: 9px;
    background: #ffffff;
    -webkit-box-shadow: 2px 3px 0px 0px rgba(204,204,204,1);
    -moz-box-shadow: 2px 3px 0px 0px rgba(204,204,204,1);
    box-shadow: 2px 3px 0px 0px rgba(204,204,204,1);
    border: solid 1px #f2f2f2;
    width: 501px;
    min-height: 391px;
    bottom: 55px;
    right: 30px;
    z-index: 99;
}

#youbutton-popinFooter:before {
    content: "";
    background: url(https://static.youpass.com/frontend/images/webmastertool/triangle-down-ts-popin.png) no-repeat;
    position: absolute;
    left: 397px;
    bottom: -15px;
    height: 15px;
    width: 25px;
}



.popin-closeFooter {
    background-image: url(https://static.youpass.com/frontend/images/webmastertool/popin_sprite.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.popin-closeFooter:hover {
    background-position: 0px -155px;
}

.popin-containerFooter {
    position: relative;
    width: 501px;
    margin: 0px!important;
    float: none!important;
}

.popin-containerFooter h3 {
    text-align: center;
    margin-top: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #505050;
}

.popin-containerFooter h3 span {
    font-size: 30px;
    color: #ffffff!important;
    background: #8dc640;
    border-radius: 12px 8px 12px 8px;
    padding: 3px 12px 5px 15px;
    margin: 0px!important;
}


.popin-learn-moreFooter {
    position: relative;
    float: right!important;
    width: 155px;
    padding: 19px 0px 8px 0px;
    margin: 0px!important;
}
.popin-learn-moreFooter h6 {
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    margin: 0px;
    color: #296192;
    font-weight: bold;
}

.popin-learn-moreFooter h6 i {
    position: relative;
    top: 2px;
}
.popin-sec-2Footer {
    min-width: 100%!important;
    margin:0px!important;
    padding-top: 10px;
}

.popin-sec-2Footer h3 {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    color: #505050;
}

.titleypFooter {
    color: #333333;
    font-size: 16px;
    font-family: economica;
    margin: 58px 0px 3px 19px!important;
    text-transform: uppercase;
    letter-spacing: -1px;
    float: left;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.cpy-ys-codeFooter {
    width: 100%;
}*/

.cpy-ys-codeFooter tr td {
    height: 67px;
    padding: 0px 19px;
}

.cpy-ys-codeFooter tr:nth-child(odd) {
    background-color: #f7f7f7;
    border-bottom: 1px solid white;
    border-top: 1px solid #ffffff;
}
.cpy-ys-codeFooter tr:nth-child(even) {
    background-color: #fbfbfb;
    border-bottom: 1px solid white;
}

.cpy-ys-codeFooter tr td:nth-child(1) {
    width:353px;

}
.cpy-ys-codeFooter tr td {
    height: 67px;
    padding: 0px 19px;
}

.cpy-ys-codeFooter tr td h3 {
    text-align: left;
    margin: 0px;
}

.cpy-ys-codeFooter tr td .link {
    color: #505050;
    font-size: 12px;
    margin: 0px !important;
}

.cpy-ys-codeFooter tr td:nth-child(2) {
    position: relative;
    text-align: right;
    padding: 0px 19px 0px 0px;
    width:109px;
}

/*.copyGreenFooter {
    cursor: pointer;
    position: relative;
    font-family: 'Economica';
    letter-spacing: -.5px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.99;
    font-size: 14px;
    color: #8DC640!important;
    margin: 0px!important;
}*/

.formula-bottom-border {
    border-bottom: 1px solid #f2f2f2;
}


/* yp4 footer style */
/*-----------------------------------------------------------------------------*/
#footer-yp4 {
    color: #fff;
    background: #263346;
    padding-top: 64px;
}
#footer-yp4 p,
#footer-yp4 a {
    color: #fff;
}
.yp4-footerRowTwo {
    padding-top: 40px;
    padding-bottom: 40px;
}
#footer-yp4 .copyright {
    font-size: 11px;
    color: #b7cedf;
    padding: 0 80px;
}
.yPLogoFooter {
    height: 38px;
    margin-top: 27px;
    margin-bottom: 27px;
}
ul.row li {
    display: inline-block;
    margin: 10px 0 0 12px;
    padding-bottom: 20px;
}
.legalLinks {
    padding-bottom: 15px;
}
.versign {
    width: 77px;
}
.methodsPayment {
    margin-bottom: 5px;
}

.footerLogos {
    background: url(https://static.youpass.com/frontend/images/youpass4/footer_logos_sprite.png) no-repeat;
    height: 33px;
}
.visaLogo {
    width: 46px;
    background-position: -10px -11px;
}
.maestroLogo {
    width: 47px;
    background-position: -65px -17px;
}
.visaElectronLogo {
    width: 56px;
    background-position: -130px -11px;
}
.visaDebitLogo {
    width: 53px;
    background-position: -203px -11px;
}
.mastercardLogo {
    width: 41px;
    background-position: -269px -17px;
}
.mastercardDebitLogo {
    width: 43px;
    background-position: -328px -17px;
}
.carteBancaireLogo {
    width: 44px;
    background-position: -398px -15px;
}
.jcbLogo {
    width: 27px;
    background-position: -463px -16px;
}
.paypalLogo {
    width: 55px;
    background-position: -514px -17px;
}
.skrillLogo {
    width: 37px;
    background-position: -592px -17px;
}
.ukashLogo {
    width: 50px;
    background-position: -655px -17px;
}
.appelPremiumLogo {
    width: 102px;
    background-position: -10px -65px;
}
.appelAvecSMSLogo {
    width: 110px;
    background-position: -135px -65px;
}
.paysafeCardLogo {
    width: 95px;
    background-position: -263px -65px;
}
.sofortLogo {
    width: 51px;
    background-position: -375px -68px;
}
.webMoneyLogo {
    width: 72px;
    background-position: -448px -65px;
}
.alipayLogo {
    width: 54px;
    background-position: -536px -65px;
}

.nortonSecure {
    width: 72px;
    height: 39px;
    background-position: -618px -54px;
}
.nortonVeri {
    width: 76px;
    height: 39px;
    background-position: -20px -104px;
}

.trustwave {
    width: 65px;
    height: 39px;
    background-position: -139px -101px;
}
.trustwavescript {
    position: relative;
    top:-38px;
}
.ssl {
    width: 72px;
    height: 39px;
    background-position: -228px -105px;
}

.blankSec {
    width: 72px;
    height: 39px;
}


@media (max-width: 991px) {
    .trustwavescript {
        top: -38px;
    }
}

.norton-row {
    white-space: normal;
    text-align: right;
    padding: 0px 30px 0px 0px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1137px) {
    .norton-row {
    }
}
@media (max-width: 991px) {
    .norton-row {
        white-space: normal;
        text-align: left;
        padding-left: 15px;
    }
}
.noPadding,
.noPadding-xs,
.noPadding-sm,
.noPadding-md {
    padding:0px;
}

.noPaddingLeft {
    padding-left:0px;
}

@media (max-width: 1099px) {

    .noPaddingLeft-md {
        padding-left:0px;
    }

    #footer-yp4 .copyright {
        padding: 0;
    }

}

@media (max-width: 991px) {

    .noPaddingLeft-sm {
        padding-left:0px;
    }

}

@media (max-width: 767px) {

    .noPaddingLeft-xs {
        padding-left:0px;
    }

}


.noPaddingRight,
.noPaddingRight-xs,
.noPaddingRight-sm,
.noPaddingRight-md {
    padding-right:0px;
}

/* you share popin styles */
.youButtonPopin {
    position: absolute;
    z-index: 20;
    bottom: 60px;
    right: 16px;
    width: 540px;
    height: auto;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
}
.youButtonPopin .point {
    content: "▲";
    z-index: 1;
    font-size: 19px;
    color: #fff;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -11px;
    right: 66px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transform: rotate3d(1,0,0,130deg);
    -webkit-transform: rotate3d(1,0,0,130deg);
    -moz-transform: rotate3d(1,0,0,130deg);
    -ms-transform: rotate3d(1,0,0,130deg);
    -o-transform: rotate3d(1,0,0,130deg);
    text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.10);
}
#youButtonPopin,
#youButtonPopin p {
    color: #3b4b63;
}
#youButtonPopin a {
    color: #224095;
    cursor: pointer;
}
#youButtonPopin .config-percent {
    font-size: 18px;
    font-weight: bold;
}

.youShareLink {
    background: #f2f1f5;
    padding: 13px 10px;
    font-weight: 600;
    overflow-wrap: break-word;
}
.copyYouShareLink {
    border: 1px solid #f2f1f5;
    background: #fff;
    font-size: 11px;
    padding: 15px 17px 14px;
    cursor: pointer;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
.copyYouShareLink .icon {
    color: #22b2ee;
    font-size: 18px;
    vertical-align: sub;
    margin-right: 4px;
}
.copyYouShareLink:active {
    -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25);
    padding: 17px 17px 13px;
    border-top: 0;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
.copyYouShareLink:focus,
.copyYouShareLink:active:focus,
.copyYouShareLink.active:focus,
.copyYouShareLink.focus,
.copyYouShareLink:active.focus,
.copyYouShareLink.active.focus{
    outline: none;
    outline-offset: -2px;
}

.youSharePopinBorder {
    border-bottom: 1px solid #f2f1f5;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.youSharePopinBorder.first {
    margin-bottom: 0px;
}

.youShareInfoLinks {
    margin: 20px 0;
}

.youShareInfoLinks .icon {
    color: #224095;
    font-size: 18px;
    vertical-align: sub;
}

.market-place-ft {
    white-space: nowrap;
}


/* start media query styles */
/* youshare button */
@media (min-width: 992px) {
    .noPadding-lg {
        padding:0px;
    }
    .noPaddingLeft-lg {
        padding-left:0px;
    }
    .noPaddingRight-lg {
        padding-right:0px;
    }
}

@media (max-width: 991px) {
    .youButtonPopin {
        right: 81px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .noPadding-md {
        padding:0px;
    }
    .noPaddingLeft-md {
        padding-left:0px;
    }
    .noPaddingRight-md {
        padding-right:0px;
    }
}

@media (max-width: 767px) {
    .youButtonPopin {
        width: 145%;
        right: 105px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .noPadding-sm {
        padding:0px;
    }
    .noPaddingLeft-sm {
        padding-left:0px;
    }
    .noPaddingRight-sm {
        padding-right:0px;
    }
}

@media (max-width: 480px) {
    .youButtonPopin {
        width: 185%;
        right: 14px;
    }
    .noPadding-xs {
        padding:0px;
    }
    .noPaddingLeft-xs {
        padding-left:0px;
    }
    .noPaddingRight-xs {
        padding-right:0px;
    }
}





<style>/** register_css **/
	
	
	#champsInscription {
		width:100%;
		float:left;
		padding:20px;
	
	}
	
	#champsInscription table{
		width:100%;
	}
	
	#champsInscription td{
		font-size : 12px;
		font-weight : bold;
		line-height : 40px;
	}
	
	
	#champsInscription .text-law {
		padding: 5px;
		text-align:justify;
		font-size:9px;
	}
	
	#champsInscription input{
	  background-image: url('/frontend/images/input_register.png');
	  background-size: 300px 40px;
	  height:30px;
	  line-height:normal;
	  padding:5px 10px;
	  width:305px;
	  background-repeat: no-repeat;
	}
	
	#champsInscription select{
	  background-image: url('/frontend/images/input_register.png');
	  background-size: 300px 30px;
	  height:30px;
	  line-height:normal;
	  padding:5px 10px;
	  width:305px;
	  background-repeat: no-repeat;
	}
	
	
	    #notInputStyle input{
        width:20px;
    }
	
	#submitInput input{
		height: 50px;
		width: 250px;
		background-color: #d22378;
		background-image: -moz-linear-gradient(top, #d22378, #d22378);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d22378), to(#d22378));
		background-image: -webkit-linear-gradient(top, #d22378, #d22378);
		background-image: -o-linear-gradient(top, #d22378, #d22378);
		background-image: linear-gradient(to bottom, #d22378, #d22378);
		background-repeat: repeat-x;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		line-height: 18px;
		display: inline-block;
		padding: 12px 26px;
		margin-bottom: 0;
		margin-right: 10px;
		font-family: economica;
		font-style: normal;
		font-size: 18px;
        font-weight:bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity:0.99;
		color: white;
		text-align: center;
		vertical-align: middle;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		cursor: pointer;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
        text-rendering: optimizeLegibility;
    }
	
	#submitInput input:active, #submitInput input.active, #submitInput input.disabled, #submitInput input[disabled] {
		color: #333333;
		background-color: #333333;
	}
	
	#submitInput input:hover, #submitInput input:focus {
		color: #333333;
		background-color: #333333;
		color: white;
		border-bottom: none;
		background-position: 0 -50px;
		-webkit-transition: background-position 0.1s linear;
		-moz-transition: background-position 0.1s linear;
		-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;
	}

.register .input {
    width: 348px;
}
.input {
    position: relative!important;
}
.inside-input  {
    font-size: 18px;
    color: #b7cedf;
    position: absolute;
    top: 15px;
    left: 40px;
}
.select-input {
    font-family: youpass;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    z-index: 9;
    color: #b7cedf;
    position: absolute;
    top: 10px;
    left: 12px;
}

#register_area .input-group .input-group-addon i {
	font-size: 18px;
	color: #224095;
}

#register_area .chosen-container-single .chosen-single {
	position: relative;
	display: block;
	height: 44px;
	overflow: hidden;
	padding: 0 0 0 14px;
	background-color: #fff;
	border: 1px solid #D9D9D9;
	border-radius: 0px 4px 4px 0px;
	border: 1px solid #D9D9D9;
	font-family: encode_sans, Verdana, sans-serif;
	font-size: 14px;
	color: #3b4b63;
	text-decoration: none;
	white-space: nowrap;
	line-height: 38px;
}

#register_area .birthday-group .chosen-container-single .chosen-single {
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	border-radius: 4px!important;
}

/** register 2.0 **/
/* td class*/

.registerInfoFz {
	padding-top: 15px;
}
	.register .registerInfoFz {
		display: inline-block;
        position: absolute;
        width: 180px;
		margin-left: 20px;
		font-size: 11px;
		padding-top: 12px;
		vertical-align: middle;
        font-weight: bold;
	}

.register .registerInfoFz i {
    position: relative;
    left:-17px;
}

    .register .chosen-container-single .chosen-single {
        padding-left: 52px;
        position: relative;
}

	.register .registerUser input{
		width: 348px;
        color: #333333;
	}
	.register .resgisterMail{
		position: relative;
        width: 348px;
	}
	.register .resgisterMail input{
		width: 348px;
        color: #333333;
	}

    .register .register-password input {
        width: 348px;
    }
.register .register-password-1 input {
    width: 348px;
}
	.registerBirth{	
		position: relative;
	}
	.registerCaptcha {
		position: relative;
		margin-top: 15px;
	}
	.registerCgu {
		position: relative;
	}
	.registerSubmit {
		position: relative;
		padding-top:40px!important;
	}
	.passwordQuality {
		display: inline-block!important;
		width: 90px;
	}
	.register tr td:first-child{
		padding-left:20px;
		width: 20%;	
	}
	
	.register tr td:last-child{
		width: 80%;	
	}
	.register .findUsSpecify {	
		padding: 12px 0 0px 12px;
		font-size: 14px;
		margin: 0 0 0 10px;
		vertical-align: top;
		//line-height: 0px;	
		height: 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
				
	}
	.registerRequire{
		display:inline-block;
		margin: 1px 0px 0 0;
		vertical-align: middle;
		font-weight:bold;
		font-size: 14px;
	}
	.registerRequirePassword{
		display:inline-block;
		margin:0 5px 0 0;
		vertical-align: middle;
		font-weight:bold;
		font-size: 14px;
	}
	.register .registerPassword {
		display: inline-block;
		margin-top: 12px;
		margin-left: 5px;
		font-size: 11px;
		vertical-align: top;
	}

	.registerfindUs .chosen-container{
		vertical-align: baseline;
	}

	#strength_message div {
		padding: 10px 0;
	}
	.password-info {
		padding-top: 8px;
	}
/* ***** alert ToolTip*/

.check-error {
	position: absolute;
	top: 0px;
	left: 15px;
	height: 20px;
	width: 20px;
	border: 1px solid #cc0001;
	border-radius: 4px;
	z-index: 8;
}

.check-error p {
    position: relative;
    width: 300px;
    font-size: 14px;
    margin:20px

}

.check-error p i {
    color:#cc0001;
    position: relative;
    top: 4px;
    font-size: 15px;
}

.alert-captcha {
    position: absolute;
    top: 3px;
    height: 151px;
    width: 344px;
    border: 3px solid #cc0001;
    border-radius: 11px;
}

.alert-captcha p {
    position: absolute;
    width: 300px;
    font-size: 11px;
    left: 352px;
    top:60px;

}

.alert-captcha p i {
    color:#cc0001;
    position: relative;
    top: 2px;
    font-size: 15px;
}

#jforms_account_register .input-group {
	border: 1px solid transparent;
}

#jforms_account_register .password-group-error {
	border: 1px solid #cc0000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alertRegister {
	/* display: block; */
	position: absolute;
	padding: 9px 14px;
	bottom: -65px;
	color: #fff;
	background-color: #cc0000;
	text-align: left;
	border-radius: 4px;
	z-index: 99;
	content: "";
}

.alertRegister:after {
	position: absolute;
	height: 0px;
	width: 0px;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #cc0000;
	border-right: 8px solid transparent;
	top: -8px;
	left: 161px;
	z-index: 99;
	content: "";
}
	
/* ****** end toolTip1*/
	.alertIcone {
		color:#fff;
		font-size: 20px;
		margin-right: 5px;
		vertical-align: middle!important;
	}

.PPBlue{
    display: none !important;
}
#paypal-connect button{
    display:none!important;
}
.promoAmazonRegister{
    display: inline-block;
    margin: 10px 0;

}
.registerTitlePromo {
    font-size: 24px;
    display: inline-block;
    height: 30px;
    font-weight: bold;
    padding-top: 4px;
    padding-right: 22px;
    margin-right: 22px;
    border-right: 1px solid #f2f2f2;

}

/**** ajout partie indication sécurité rajout des couleur de la barre du niveau de sécurité *****/


     input[type="text"], input[type="email"]{

     }
input[type="password"]{
    color: #333333;
    float: left;
}

#register_area {
	text-align: left;
}

.input-group .jforms-ctrl-input, .input-group .jforms-ctrl-secret {
	border-radius: 0px 4px 4px 0px;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #3b4b63;
	border: 1px solid #D9D9D9;
	padding: 6px 12px;
}



.select{
    padding-left: 52px;
    float:left;
    background-color:white;
}

.selectCountry{
    width:200px!important;
}


#month,#year{
    margin-left : 10px;
}

.selectYear{
    width:86px!important;
}
.selectYear select{
    width:116px!important;
    padding: 10px;
}

.div-recaptcha div:first-child {
    margin:0px 0px 10px 0px;
    position: relative;
    z-index: 3;
    width: 100%!important;
}

#rc-imageselect, .g-recaptcha {
	display: inline; //the most important
}

#rc-imageselect{
	max-width: 100%;
}

.g-recaptcha>div>div {
	width: 100% !important;
	height: 78px;
	text-align: center;
	position: relative;
	padding-top: 15px;
}

@media screen and (max-width: 767px){
    #notInputStyle {
        font-size:12px;
    }
}

@media screen and (max-width: 480px){
	.g-recaptcha>div>div {
		width: 100% !important;
		height: 78px;
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		text-align: center;
		position: relative;
	}
    #notInputStyle {
        font-size:12px;
        letter-spacing: -0.2px;
    }
}
@media screen and (max-width: 320px) {
    #notInputStyle {
        font-size: 10px;
        letter-spacing: -0.3px;
    }
}

.bug_description {
	min-height: 166px;
	margin-bottom: 1px;
}

/*@media screen and (max-height: 575px)*/
/*}*/

/*@media screen and (max-width: 480px)*/
/*}*/




.border{
    border : none!important;
}

.recaptchatable #recaptcha_image{
    border : none!important;
}

#verif {
    padding: 3px 0px 0px 5px;
    line-height : 20px;
}

.bar {
    height: 2px;
}

.pw-very-weak .bar {
    background: #d00;
    width: 35px;
}

.pw-weak .bar {
    background: #FF4500;
    width: 70px;
}

.pw-mediocre .bar {
    background: yellow;
    width: 105px;
}

.pw-strong .bar {
    background: #0d0;
    width: 140px;
}

.pw-very-strong .bar {
    background: green;
    width: 175px;
}

.text-law {
    padding: 5px;
    text-align:justify;
    font-size:9px;
}

.young_info_title{
    color : rgba(210,35,120,1.00);
    font-weight : bold;
}

.young_info_text{
    font-style: italic;
    padding-left : 10px;
}

.disable {
	background: #ccc;
    color: #fff;
    cursor: not-allowed;
}
.disable:hover {
	background: #ccc;
}


.registerTitle {
    width: 320px;
    float: right;
    font-family: economica;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.99;
    font-size: 30px;
    text-align: center;
    margin-top: 20px;
    margin-right: 10px;
    text-rendering: optimizeLegibility;
}

.inscription {
    width: 320px;
    text-align: right;
    letter-spacing: -1px;
    padding-bottom: 35px;
}

#ayah-canvas-bg {
    width: 348px;
}
#ayah-canvas {
    width: 348px;
}

#ayah-canvas-fg {
    width: 348px;
}

.checkBox {
	width:20px;
	vertical-align: -4px;
	position: relative;
	z-index:11;
}

/* change_password.tpl styles */

.loginLogo img {
	width: 164px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	position: relative;
	top: -7px;
}

.errorBox {
	margin: 20px 0;
	padding: 20px 15px;
}

.newPassTitle {
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 10px;
}

.fbPpContiner .popover {
	position: relative;
	background: transparent;
	font-family: "Encode Sans";
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0px;
	border: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #cc0000;
}


.fbPpContiner  .popover.top>.arrow {
	bottom: 0px;
	left: 0px;
	margin-left: 0px;
	border-top-color: transparent;;
	border-top-color: transparent;
	border-bottom-width: 0;
}

.fbPpContiner .popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: transparent;
	border-bottom-width: 0;
}

.fbPpContiner .popover-content {
	padding: 0px 0px 0px 56px;
	font-size: 11px;
}

.under {
	top: 1px!important;
	left: 2px!important;
}

.birthInfoBoxReg div.text-young-info-reg {
	font: 400 14px/1 encode_sans;
	text-align: left;
	padding: 15px 0px 0px 0px;
	color: #263346;
}

.age-reg {
	counter-reset: my-badass-counter;
}
.age-reg dt {
	position: relative;
	font: 400 12px encode_sans;
	padding: 0px 0 15px 0;
}
.age-reg dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	font: 500 12px/1 encode_sans;
	color: #fff;
	border-radius: 50%;
	background: #b7d1df;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	padding-top: 7px;
	text-align: center;
}
.age-reg dd {
	margin: 0 0 50px 0;
}
.age-reg dt, .faq dd {
	padding-top: 4px;
	padding-left: 35px;
}

.reg-input-spcr {
	padding-top: 0px;
}

.reg-alert {
	padding-top: 5px;
	color: #cc0000;
}
.registerBtn {
	margin-bottom: 6px;
}



.fb-select-group .chosen-container-single .chosen-single {
	position: relative;
	display: block;
	height: 44px;
	z-index: 1;
	overflow: hidden;
	padding: 0 0 0 14px;
	border-radius: 0px 4px 4px 0px;
	font-family: encode_sans, Verdana, sans-serif;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	line-height: 38px;
}


</style>

* {
	/*this class is here cause .chosen-container was not visible on the web site without it*/
}

.chosen-container {
	height:44px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
    font-weight: 300;
	zoom: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.chosen-container a:focus  {
	text-decoration: none;
	/*border-bottom:1px solid blue !important;*/
	border-bottom: 1px solid #aaa !important
}

.chosen-container a:hover {
	border-bottom:1px solid #aaa !important;
}
.chosen-container .chosen-drop {
	 color: #3b4b63;
	 position: absolute;
	 top: 100%;
	 left: -9999px;
	 z-index: 1010;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 width: 100%;
	 border: 1px solid #D9D9D9;
	 border-top: 0;
	 background: #fff;
     -webkit-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
     -moz-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
     box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}


.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  height:44px;
  overflow: hidden;
  padding: 0 0 0 14px;
	background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
	border: 1px solid #D9D9D9;
	/*border: 1px solid rgba(204,204,204,1.00);*/
	/*-webkit-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
	box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);*/
	font-family: encode_sans, Verdana, sans-serif;
	font-size: 14px;
	color: #3b4b63;
	/*color: rgba(51,51,51,1.00);*/
  text-decoration: none;
  white-space: nowrap;
  line-height: 38px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
    line-height: 42px;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 3px;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
/*.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat 0px 10px;
}*/
.chosen-container-single .chosen-single div b:before,
 .chosen-container-active.chosen-with-drop .chosen-single div b:before {
  font-family: "youpass" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  /*line-height: 1;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #516177;
}
.chosen-container-single .chosen-single div b:before {
  content: "&";
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #D9D9D9;
  background: white url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat 100% -20px;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}


.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 0px 4px 0;
  padding: 0 0 0 0;
  max-height: 240px;/* 240px d'origine */
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 14px 6px 15px 14px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
	background-position:8px 13px;
	background-repeat:no-repeat
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
	background-position: 5px 8px;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #D9D9D9;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #f2f1f5;
}
.chosen-container .chosen-results li.highlighted.addNumber {
  background-color: #f2f1f5;
  color: #22b2ee;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f2f1f5;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}


.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: urlurl('https://static.youpass.com/frontend/images/common/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #D9D9D9;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #D9D9D9;
  cursor: default;
}


.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #D9D9D9;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);*/
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
/*.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 10px;
}*/
.chosen-container-active.chosen-with-drop .chosen-single div b:before {
  content: "'";
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}


.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat -30px -20px;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}






* {
	/*this class is here cause .chosen-container was not visible on the web site without it*/
}

.chosen-container {
	height:44px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
    font-weight: 300;
	zoom: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.chosen-container a:focus  {
	text-decoration: none;
	/*border-bottom:1px solid blue !important;*/
	border-bottom: 1px solid #aaa !important
}

.chosen-container a:hover {
	border-bottom:1px solid #aaa !important;
}
.chosen-container .chosen-drop {
	 color: #3b4b63;
	 position: absolute;
	 top: 100%;
	 left: -9999px;
	 z-index: 1010;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 width: 100%;
	 border: 1px solid #D9D9D9;
	 border-top: 0;
	 background: #fff;
     -webkit-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
     -moz-box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
     box-shadow: -1px 8px 11px -5px rgba(0,0,0,0.2);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}


.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  height:44px;
  overflow: hidden;
  padding: 0 0 0 14px;
	background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
	border: 1px solid #D9D9D9;
	/*border: 1px solid rgba(204,204,204,1.00);*/
	/*-webkit-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
	box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);*/
	font-family: encode_sans, Verdana, sans-serif;
	font-size: 14px;
	color: #3b4b63;
	/*color: rgba(51,51,51,1.00);*/
  text-decoration: none;
  white-space: nowrap;
  line-height: 38px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
    line-height: 42px;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 3px;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
/*.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat 0px 10px;
}*/
.chosen-container-single .chosen-single div b:before,
 .chosen-container-active.chosen-with-drop .chosen-single div b:before {
  font-family: "youpass" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  /*line-height: 1;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #516177;
}
.chosen-container-single .chosen-single div b:before {
  content: "&";
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #D9D9D9;
  background: white url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat 100% -20px;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}


.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 0px 4px 0;
  padding: 0 0 0 0;
  max-height: 240px;/* 240px d'origine */
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 14px 6px 15px 14px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
	background-position:8px 13px;
	background-repeat:no-repeat
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
	background-position: 5px 8px;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #D9D9D9;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #f2f1f5;
}
.chosen-container .chosen-results li.highlighted.addNumber {
  background-color: #f2f1f5;
  color: #22b2ee;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f2f1f5;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}


.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: urlurl('https://static.youpass.com/frontend/images/common/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #D9D9D9;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #D9D9D9;
  cursor: default;
}


.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #D9D9D9;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);*/
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
/*.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 10px;
}*/
.chosen-container-active.chosen-with-drop .chosen-single div b:before {
  content: "'";
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}


.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat -30px -20px;
  background: url('https://static.youpass.com/frontend/images/common/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}