/* INITIAL */


/*body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
}

#header
{
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
}

#content
{
    padding: 20px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}*/



/*  ------------------------------------------------------
				CSS - WashingLocker
----------------------------------------------------------    */

/*
	--------------	Général  -----------------------------
*/

body {
	/*background-color: #f1f1f3;*/
	background-color: #e8e9e3;
	font-family: Myriad pro, Verdana, serif;
	font-size: 1.2em;

	padding-top: 70px;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

h1 { 
	/*color: #065177;*/ 
	color: #0f7ab1 !important; 
	font-family: Myriad pro, Verdana, serif !important; 
	text-align: center !important;
	font-weight: lighter !important; 
	margin: 1em 0 1em 0 !important;
}

h2, h3 {
	color: #0f7ab1; 
	font-family: Myriad pro, Verdana, serif; 
	font-weight: lighter; 
}

p {
	color: #4e4e4e;
}

p.subtitle {
	text-align: center;
	margin-bottom: 50px;
	font-size: 1.3em;
}

p.summary { 
	font-style: italic;
}

.top-margin-button {
	margin-top: 30px;
}

.titles-como-funciona {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center !important;
	font-size: 3em;
}

.icon-margin-right {
	margin-right: 3%;
}

#content {
	margin-top: 50px;
}
/*
#inicio {
	margin-top: -50px;
}*/

/*
	--------------	Menu (top) for logged users // Bootstrap 2  ------------
*/

.nav-front-office {
	margin-bottom: 0px;
	overflow: visible;
}

.navbar-inner {
	background: none;
	background-color: #0f7ab1;
	border: none;
	border-radius: 0;
	min-height: 60px;
	padding-top: 7px;
}

.navbar-inner p, .navbar-inner a {
	color: #f1f1f3;
}

.navbar .container {
	width: 100%;
}

.btn-menu-top {
	border-radius: 0px !important;
	border: 1px solid #f1f1f3;
	background: none !important;
	background-color: #2d9fd9 !important;
	padding: 10px 50px !important;
}

.btn-menu-top:hover {
	background-image: linear-gradient(to bottom, #08C, #2d9fd9) !important;
}

/*
	--------------	Menu (top) for logged users // Bootstrap 3  ------------
*/

.nav-front-office {
	margin-bottom: 0px;
	overflow: visible;
}

.navbar-fixed-top {
	background: none;
	background-color: #0f7ab1 !important;
	border: none !important;
	border-radius: 0;
	/*min-height: 60px;*/
}

.navbar-logo {
	margin-top: 16px;
	margin-bottom: 16px;
}

.navbar-right-block {
	margin-top: 16px;
}

.navbar-fixed-top p, .navbar-fixed-top a {
	color: #f1f1f3 !important;
}

.navbar .container {
	width: 100%;
}

.btn-menu-top {
	border-radius: 0px !important;
	border: 1px solid #f1f1f3 !important;
	background: none !important;
	background-color: #2d9fd9 !important;
	padding: 12px 50px 10px 50px !important;
}

.btn-menu-top:hover {
	background-image: linear-gradient(to bottom, #08C, #2d9fd9) !important;
}

.navbar-toggle {
	margin-top: 10px !important;
}

.navbar-toggle, .icon-bar {
	border: 1px solid white !important;
}

.navbar-toggle:hover, .navbar-toggle:focus {
	background-color: #1a96d4 !important;
}

/*
	--------------	Menu (top) for UNlogged users  ------------
*/

.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:focus, 
	.navbar-default .navbar-nav a:hover {
    background-color: #1a96d4 !important;
}

.button-hace-tu-pedido {
	padding: 7px 30px 4px 30px !important;
	margin: 18px 20px 0 15px !important;
	font-size: 0.9em !important;
}

.navbar-toggle.navbar-unlogged {
	margin-top: 8px;
}

.navbar {
	margin-bottom: 0 !important;
	/*min-height: 20px;*/
}

.navbar .nav li a {
    padding: 25px 20px !important;
}

header a {
	font-size: 0.9em;
}


/*
	--------------	Menu (left) for logged users  ------------
*/


.sidebar-wrapper {
	background-color: #dbdbdd !important;
}

.sidebar-nav {
	/*margin-top: 20px;*/
	margin-bottom: 30px !important;
	padding-top: 2em !important;
}

.sidebar-nav hr {
	border: 1px solid #dbdbdd;
}

.sidebar-nav li, .sidebar-nav a {
	color: #0f7ab1 !important;
}

.sidebar-nav li a:hover {
	background-color: #bfcdd6;
}

.sidebar-nav .sidebar-credito {
	text-indent: 0px;
	padding-left: 0;
	text-align: center;
	margin-bottom: 0.3em;
}

/* Corrections for "Hace tu pedido" button */

.sidebar-nav.nav .btn-menu-top {
    display: inline-block;
}

.sidebar-nav.nav .btn-menu-top {
    color: #f1f1f3 !important;
}


/*
	--------------	Home page  -------------------------
*/


.background {
	background-image: url('../images/fond3.jpg');

    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
}

.background-small {
	background-image: url('../images/fond4.jpg') !important;
}

.wrapper {
	min-height: 570px !important;
	padding: 50px 0px;
}

.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}

@font-face {
    font-family: 'tondu';/* fullscreen setup */
    src: url('../fonts/Tondu_Beta-webfont.eot');
    src: url('../fonts/Tondu_Beta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Tondu_Beta-webfont.woff2') format('woff2'),
         url('../fonts/Tondu_Beta-webfont.woff') format('woff'),
         url('../fonts/Tondu_Beta-webfont.ttf') format('truetype'),
         url('../fonts/Tondu_Beta-webfont.svg#tondubeta') format('svg');
    font-weight: normal;
    font-style: normal;
}

.logo-washinglocker {
	margin: 0 0 0 0;
}

.img-logo-washinglocker {
    margin: 0 auto;
}

.title-washinglocker {
	/*font-family: 'tondu', Arial, serif;
	font-size: 4.5em;*/
	color: white !important;
	text-shadow: 3px 3px 8px #424242;
	margin-top: 0.5em !important;
	margin-bottom: 0em !important;
}

.subtitle-washinglocker {
	/*font-family: Myriad pro, Verdana, serif;
	font-size: 2.4em;*/
	color: white;
	text-shadow: 3px 2px 3px #424242;
	margin-bottom: 20px;
}


/*
	--------------	Les boutons  -------------------------
*/

.btn {
	padding: 15px 35px;
	font-family: Myriad pro, Verdana, serif;
	font-size: 1.1em;
	border-radius: 30px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #0d6897;
    background-image: linear-gradient(to bottom, #08C, #0d6897);
}

.btn-primary {
    background-color: #0f7ab1;
    background-image: linear-gradient(to bottom, #08C, #0f7ab1);
}

.text-opcion {
	color: #0f7ab1;
}

.bouton-pagar {
	padding: 5px 0px;
	margin: 20px 0 40px 0;
	text-align: center;
	background-color: #e8e8e8;
	border: 1px solid #4e4e4e;
	border-radius: 15px;
	line-height: normal;
	font-size: 2em;
}

.bouton-pagar-texte-1 {
	color: #4e4e4e;
}

.bouton-pagar-texte-2 {
	color: #0f7ab1;
}

.bouton-prix {
	padding: 5px 0px;
	/*margin: 40px 40px 0 40px;*/
	margin-bottom:40px;
	text-align: center;
	background-color: #e8e8e8;
	border: 1px solid #4e4e4e;
	border-radius: 15px;
	line-height: normal;
}

.bouton-prix-texte-1 {
	color: #0f7ab1;
	font-size: 1.6em;
}

.bouton-prix-texte-2 {
	color: #992020;
	font-size: 0.7em;
}

.bouton-prix-texte-3 {
	color: #992020;
	font-size: 1.5em;
}


/*
	--------------	Tableaux  -------------------------
*/

.table th a {
	color: #2c2c2c;
}

.table td {
	border: none;
	text-align: center;
}

.table th {
	border-bottom: 1px solid #2c2c2c;
	text-align: center;
}

.table tr.odd {
	background-color: #f9f9f9;
}


/*
	--------------	Expendable : le drop-down (FAQ, tarifs détaillés)  ---------------------
*/


.expandable {
	margin-bottom: 8em;
}

.expandable dt, .expandable dd { 
	font-weight: lighter;	
	font-size: 1.3em; 
}

.expandable dt, .expandable dd { 
	padding: 0 0 0 63px; 
}

.expandable dt { 
	color: #065177; 
	cursor: pointer; 
	height: 54px; 
	line-height: 54px; 
	margin: 0 0 15px 25px
}

.expandable dd { 
	font-size: 1em; 
	color: #393939; 
	margin: 0 40px 20px 25px; 
}

.expandable dt { 
	background: url('../images/arrow1.png') no-repeat 10px 8px;
}

.expandable .expanded { 
	background: url('../images/arrow2.png') no-repeat 10px 8px; 
	background-color: #d3e4ed;
}


/*
	--------------	Page des tarifs sur l'accueil (3 colonnes)  ---------------------
*/


.title-tarifas {
	border: 1px solid #d7d7d7;
	background-color: #e8e8e8;
	padding: 10px 0 10px 0;
	font-size: 3em;
}

.texte-tarifas {
	margin: 20px 10px 40px 10px;
}


/*
	------------------------	Page Mis Pedidos  ----------------------------
*/


.subtitle-row-mispedidos {
	font-size: 1.5em;
	color: #0f7ab1;
	/*background-color: white;*/
	padding: 20px 0 20px 0;
	margin-bottom: 40px;
}

.subtitle-mispedidos {
	padding-top: 20px;
}

.table-mispedidos {
	margin-bottom: 40px;
	margin-top: 30px;
}


/*
	------------------------	Footer  ----------------------------
*/


.footer a, .footer-phone {
	color: #4e4e4e;
	font-size: 1.3em;
}

.title-footer {
	margin-top: 30px;
}

.row-footer1 {
	margin-top: 30px;
	margin-bottom: 10px;
}

.row-footer2 {
	margin-bottom: 20px;
}

.logo-footer {
       height: 48px;
       width: 47px;
       margin-right: 20px;
}


/*
	FORMS
*/

.form-horizontal .control-label {
	padding-top: 20px !important;
	margin-bottom: 0.6em !important;
}

#MP-Checkout-dialog, .ui-dialog {
	z-index: 1200 !important;
}

.form-horizontal .radio input[type="radio"] {
	margin-left: 0px;
}

.pay:hover {
	cursor: pointer;
	background-color:#cccccc;
}

s {
	color:red;
}


/*
       LOGIN PAGE
*/

.sign_form_container .sign-row {
   margin-bottom: 20px;
}

#LoginForm_username, #LoginForm_password, #Client_email, #Client_password, 
	#Client_password_repeat, #Client_promotional_code {
   width: 20em;
   height: 2em;
   padding-left: 1.5em;
   padding-right: 1.5em;
}

.sign-row input[type="checkbox"] {
   margin: 4px 15px 0px;
}

.btn-sign-custom {
   border-radius: 0px !important;
   border: 1px solid #0e7ab1 !important;
   background: none !important;
   padding: 9px 40px 0px 40px !important;
   color: #0e7ab1 !important;
}

.btn-sign-custom p {
    color: #0b5e88 !important;
}

.btn-sign-custom:hover {
   /*background-image: linear-gradient(to bottom, #08C, #2d9fd9) !important;*/
   background-color: #2d9fd9 !important;
}