@charset "utf-8";/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

/* Default button styling - this applies to all anchors with the .button class */


.app_currency2.ui-input-text {
border: none;
-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
box-shadow: inset 0px 0px 0px rgba(0,0,0,.2);
background: none;
-moz-border-radius: .0em /*{global-radii-blocks}*/;
-webkit-border-radius: .0em /*{global-radii-blocks}*/;
border-radius: .0em /*{global-radii-blocks}*/;

}


	@font-face {
				font-family: 'MyriadPro-Cond';
				src: url('myriadprocond.eot');
				src: url('myriadprocond.eot?#iefix') format('embedded-opentype'),
						 url('myriadprocond.woff') format('woff'),
						 url('myriadprocond.ttf') format('truetype'),
						 url('myriadprocond.svg#myriadprocond') format('svg');
				font-weight: normal;
				font-style: normal;
		}

 .tab-content{
            width:100%;
            height:250px;
            border-bottom-left-radius:0.5em;
            border-bottom-right-radius:0.5em;
        }
        .tab-content>div{
            padding:5px;
        }           


		
.comment:hover {
cursor:pointer;
}		
		
.ui-btn-hidden {
background-color:white;
}


body {
font-family:'MyriadPro-Cond';
}



.hiddenLi {
display: none;
}



.dettecadre {
width: 90%;
margin:auto;
border:1px solid red;
position:relative;
-moz-border-radius: 15px;
border-radius: 15px;
}

.dette {
background-color: red;
width: 100%;
height: 100%;
-moz-border-radius: 15px;
border-radius: 15px;
position:absolute;
filter: alpha(opacity=30); /* internet explorer */
	-khtml-opacity: 0.3;      /* khtml, old safari */
	-moz-opacity: 0.3;       /* mozilla, netscape */
	opacity: 0.3;           /* fx, safari, opera */

}

.dettecontent {
position: relative;
top: 2px;
padding:5px;
}

.hidden {
visibility:hidden;
}

ul li {
 list-style:none;
 margin-top: 10px;
 margin-left: 10px;
}

.creditcadre {
width: 90%;
border:1px solid green;
position:relative;
margin:auto;
-moz-border-radius: 15px;
border-radius: 15px;
}

.credit {
background-color: green;
width: 100%;
height: 100%;
position:absolute;
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=30); /* internet explorer */
	-khtml-opacity: 0.3;      /* khtml, old safari */
	-moz-opacity: 0.3;       /* mozilla, netscape */
	opacity: 0.3;           /* fx, safari, opera */

}

.creditcontent {
position: relative;
top: 2px;
padding:5px;
}

.selected.ui-btn-hidden  {
background-color:green;
}

body {

}


.logo {
text-align: center;
font-size:2em;
}

.logoLittle {

}

.ui-btn-inner {
font-size: 1.6em;

}

.center {
margin-left:auto;
margin-right:auto;
width: 150px;
}

.clearf {
	clear:both;
}
.mleft {
display:inline;
float:left;
width:33%;
}

.mleft.sureleve{
	margin-top: -20px;
}

.mleft2
{
display:inline-block;
width:23%;
-moz-border-radius: 1em /*{global-radii-buttons}*/;
-webkit-border-radius: 1em /*{global-radii-buttons}*/;
border-radius: 1em /*{global-radii-buttons}*/;
border:1px solid #FFF;
height: 25px;
padding-top: 2px;
}

.mleft3
{
display:inline-block;
width:23%;
-moz-border-radius: 1em /*{global-radii-buttons}*/;
-webkit-border-radius: 1em /*{global-radii-buttons}*/;
border-radius: 1em /*{global-radii-buttons}*/;
border:1px solid black;
height: 25px;
padding-top: 2px;
}

.logoCaash {
	background-image: url("images/logo-caash-hippy.png");
	width: 204px;
	height: 60px;
	background-size: 100%;
	margin: 0 auto;
}

.ico_new{
	background-image: url("images/home_button_new.png");
	width: 150px;
	height: 150px;
	background-size: 150px 150px;
}

.fnew {
color: black;
font-size: 25px;

font-weight: normal;
}


.fsme {
color: black;
font-size: 19px;

font-weight: normal;
white-space: nowrap;
}

.fsme2{
color: white;
font-size: 11px;

font-weight: normal;
white-space: nowrap;
top: 5px;
position: relative;
margin-left: 2px;
}

.fsme3{
color: black;
font-size: 11px;

font-weight: normal;
white-space: nowrap;
top: 5px;
position: relative;
margin-left: 2px;
}

.ico_quest {
	background-image: url("images/icones_store_apple.png");
	width:25px;
	height:25px;
	background-size: 25px 25px;

	position: absolute;
}

.spacer20 {
	height:20px;
}
.spacer10 {
	height:10px;
}
.ico_attente{
	background-image: url("images/home_button_pending.png");
	width:90px;
	height:90px;
	background-size: 90px 90px;
	margin-left: auto;
margin-right: auto;
}

form  {
width: 96%;
margin-left: auto;
margin-right: auto;
}

input {
background:#FFFFFF;
background-color:#FFFFFF;
}
input.ui-body-c {
color: #333 /*{c-body-color}*/;
background: #FFFFFF;
}
.ico_compte{
	background-image: url("images/home_button_account.png");
	width:90px;
	height:90px;
	background-size: 90px 90px;
	margin-left: auto;
margin-right: auto;
}
.ico_history{
	background-image: url("images/home_button_history.png");
	width:90px;
	height:90px;
	background-size: 90px 90px;
	margin-left: auto;
margin-right: auto;
}


.ui-body-c, .ui-overlay-c, .ui-bar-a  {
border: 1px solid #484848 /*{c-body-border}*/;
color: #333 /*{c-body-color}*/;
background: #FFFFFF /*{c-body-background-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #484848 /*{c-body-background-start}*/), to( #484848 /*{c-body-background-end}*/));
background-image: -webkit-linear-gradient( #484848 /*{c-body-background-start}*/, #484848 /*{c-body-background-end}*/);
background-image: -moz-linear-gradient( #484848 /*{c-body-background-start}*/, #484848 /*{c-body-background-end}*/);
background-image: -ms-linear-gradient( #484848 /*{c-body-background-start}*/, #484848 /*{c-body-background-end}*/);
background-image: -o-linear-gradient( #484848 /*{c-body-background-start}*/, #484848 /*{c-body-background-end}*/);
background-image: linear-gradient( #484848 /*{c-body-background-start}*/, #484848 /*{c-body-background-end}*/);
text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ black /*{a-bar-shadow-color}*/;
}

.cdrin {
-moz-border-radius: 1em /*{global-radii-buttons}*/;
-webkit-border-radius: 1em /*{global-radii-buttons}*/;
border-radius: 1em /*{global-radii-buttons}*/;
background-color: white;
text-align: center;
background-image: url("images/subtlenet2.png");
margin-left:7px;
margin-right:7px;
border-top: 1px black solid;
}

.optbt{
font-size: 12px;
font-weight: normal;
padding: 6px;
margin-top: 16px !important;
}

.optbt2{
font-size: 12px;
font-weight: normal;
padding: 6px;
margin-top: 16px !important;
float: right;
}


.txtdesc {
	text-align: center;
}
.plus_dinfo {
	text-align: right;
	color: white;
	font-size: 14px;

	font-weight: normal;
}
.column_jd , .column_omd {
	text-transform: uppercase;
	font-size: 15px;
}
.apdet {
	
}
.ui-content {
padding: 0;
}

.ui-popup{
background-color: white;
background-image: url("images/subtlenet2.png");



}
.btbhome {
	background-image: url("images/icone_home.png");
	width:40px;
	height:40px;
	background-size: 40px 40px;
	cursor:pointer;
	float: left;
	margin-left:10px;
	position:relative;
	top:15px;
}

.ui-header  .ui-title, .ui-footer .ui-title {
color:#CACACA;
font-size: 20px;
font-weight: normal;
}
.deconn {
	margin-left: 90% !important;
top: -7px !important;
}

.icobas {
	width:20px;
	height:20px;
	float:left;
	background-size: 20px 20px;
}
.ico_iphone {
	background-image: url("images/icones_store_apple.png");
}
.ico_andr {
	background-image: url("images/icones_store_android.png");
}
.ico_blackberry {
	background-image: url("images/icones_store_blackberry.png");
}
.ico_win {
	background-image: url("images/icones_store_windows.png");
}

.ico_iphone_black {
	background-image: url("images/icone_apple_noir.png");
}
.ico_andr_black {
	background-image: url("images/icone_android_noir.png");
}
.ico_blackberry_black {
	background-image: url("images/icone_bb_noir.png");
}
.ico_win_black {
	background-image: url("images/icone_win_noirpng.png");
}



.linkin { display: inline-block; }


.ui-icon-jetec  {
	background: transparent;
	width:30px;
	height:30px;
	background-size: 30px 30px;
	background-image: url("images/fleche_rouge_hori.png");
}

.ui-icon-jeteo  {
	background: transparent;
	width:30px;
	height:30px;
	background-size: 30px 30px;
	background-image: url("images/fleche_rouge_verti.png");
}


.ui-icon-tumec  {
	background: transparent;
	width:30px;
	height:30px;
	background-size: 30px 30px;
	background-image: url("images/fleche_verte_hori.png");
}
.ui-btn-icon-left .ui-icon {

}
.ui-icon-tumeo  {
	background: transparent;
	width:30px;
	height:30px;
	background-size: 30px 30px;
	background-image: url("images/fleche_verte_verti.png");
}

h3 a span .ui-btn-text {
	font-size: 16px;
	margin-left: -10px;
	
}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	margin-top: -9px;
}
.ui-mini .ui-btn-inner {
padding: 0;
padding-bottom: 4px;
font-size: 10px;
}
.ui-li-count {

font-size: 16px;
	white-space: nowrap;
text-align: right;
}
.nomu {

overflow: hidden;
text-overflow: ellipsis;

float: left;
white-space: nowrap;
}
.nodata h3 {
display:none;
padding-top:20px;
padding-bottom:20px;
text-transform: uppercase;
font-size: 15px;
}
.ui-header a.optbt .ui-btn-inner {	
	padding: 2px 2px 2px;
	font-size: 1.2em;
	border-top: 0px solid white;
}


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

}

.langage_display{
	margin-top: 20px;
}


.titre_howto {
	line-height: 0.9em;
}

.liste_howto{
	height:50px;
	padding: 10px 10px 0px 60px;
	text-align: left;
	vertical-align: center;
	
}

.icone_envoi{
	background-repeat:no-repeat;
	background-position:left top;
	background-image: url("images/icone_envoi2.png");
}

.icone_fleches{
	background-repeat:no-repeat;
	background-position:left top;
	background-image: url("images/icone_fleches.png");
}
.icone_mains{
	background-repeat:no-repeat;
	background-position:left top;
	background-image: url("images/icone_mains.png");
}
.icone_comptes{
	background-repeat:no-repeat;
	background-position:left top;
	background-image: url("images/icone_comptes.png");
}

.contact_us{
	height:50px;
	font-size: 1.5em;
	line-height: 0.9em;
	margin: 20px 50px 20px 50px;
	padding: 10px 10px 0px 55px;
	text-align: left;
	border: 1px solid black;
	border-radius: 10px;
	vertical-align: center;
	background-repeat:no-repeat;
	background-position:left top;
	background-image: url("images/icone_enveloppe.png");
}

/*
@media only screen and (min-width : 321px)  and (max-width: 360px) { 
}
@media only screen and (min-width : 361px)  and (max-width: 480px) { 
}
@media only screen and (min-width : 481px)  and (max-width: 540px) { 
}
@media only screen and (min-width : 541px)  and (max-width: 640px) { 
}
@media only screen and (min-width : 641px)  and (max-width: 720px) { 
}
@media only screen and (min-width : 721px)  { 

}
*/



/*TEST*/

.testheader{
	height:140px;
	background-image: url("images/test_bg_header.png");
	background-position: 50% 50%;
	position:relative;
	z-index: 10;
	margin-bottom:-60px;

	
}

.testcontent{
	margin-top: 0px;
}

.testhnomargin{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}


/*.div_nouveau{
	float:right;
	width:20%;
	height:100px;
	background-image: url("images/test_bg_div_nouveau.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position:relative;
	z-index: 11;

}

.button_nouveau{
	background-image: url("images/test_bg_button_nouveau.png");
	position:relative;
	z-index: 11;
	background-repeat: no-repeat;
	float:right;
	width:100%;
	height:200px;
	cursor: hand; 
	cursor: pointer;
}

.button_nouveau:hover{
	background-image: url("images/test_bg_button_nouveau_hover.png");
}*/

#test{
	max-width:600px;

}

.div_nouveau { 


}

.div_nouveau a:link{
	color:white;
	text-decoration: none;
	margin-right: 30px;
	width:20%;
	background-color: #ef440f;
	position:relative;
	z-index: 11;
	padding:3px;
}

#newpd{
	position:fixed;
	background-color:#cb3506;
	padding:3px;
	border-radius:15px;
	width: 80%;
	max-width: 400px;
	z-index:12;
	display: none;
	left: 50%;
	margin: 70px 0 0 -37.5%;
}

.cdrin_new{
	background-image: url("images/test_bg_new.png");
	background-repeat: repeat;
	border-radius: 15px;
}

.test_title_waiting{
	height:95px;
	background-image: url("images/test_bg_title_waiting.jpg");
	background-position: 50% 50%;
	position:relative;
	z-index: 1;
}

#tampon{
	background-image: url("images/test_bg_waiting.jpg");
	background-repeat: repeat;
	height:50px;
}

.cdrin_waiting {
	text-align: center;
	background-image: url("images/test_bg_waiting.jpg");
	background-repeat: repeat;


}



.test_title_friends{
	height:105px;
	background-image: url("images/test_bg_header_friends.png");
	background-position: 50% 50%;
	position:relative;
	z-index: 5;
	margin-top:-50px;
}

.cdrin_friends {
	text-align: center;
	background-image: url("images/test_bg_friends.jpg");
	background-repeat: repeat;
}

.exit a:link{
	float:left;
	text-decoration: none;
	margin-top:50px;
	color: white;
	text-shadow: 1px 1px 1px black;
}

.show_hide {
    display:none;
    background-color: #3da8d0;
    padding:5px;
    margin-left:5px;
    border-radius: 3px;
}

.show_hide a{
	color:white;
}