/*
 PPV5 - client - Ange Colonna le 18 mai 2016 .
Fichier propriétaire :  Kalistecom @Group PUBLIKA
Contact : lionel@publika.fr / ange@publika.fr
*/
.profilinfo label{
display: block;
float: left;
text-align: right;
padding-right: 10px;
width:100px;
padding-right:3px;
color:#9398a5;
font-size:12px
}
.profilmdp label{
display: block;
float: left !important;
text-align: right;
padding-right: 10px;
width: 136px !important;
font-size:12px;
color:#9398a5
}


.profilmdp label{
	float:none;
}

.h1espace_clt {
    font: 30px 'LeviReBrushed';
    color: #9ad503;
    text-align: center;
    text-transform: uppercase;
}
.fechasmall{ font-size: 9px; color:#999;}

#js_paxform label{
width:150px; text-align:right;float:left;display:block;padding-right:3px;
}

label{ text-align:left !important}


.main-client h1:before
{content: "";
width: 50%;
left: 0;
top: 0;
height: 3px;
background-color: #c41e3e;
position: absolute;}

.main-client h1:after
{
content: "";
width: 50%;
right: 0;
top: 0;
height: 3px;
background-color: #fbb03b;
position: absolute;
}
.main-client h1{
color: #FFF;
font: 20px "gotham-book";
position: relative;
padding: 20px 25px;
background-color: #11456e;
border-radius: 5px;
overflow: hidden;
}

#js_message_sender .row{ margin-bottom: 15px}

.main-client  h4{
font: 20px "gotham-bold";
color: #01a9d8;
text-align: left;
margin-bottom: 0;
}

form input{font: 14px/18px 'gotham';
color: #9398a5;
text-align: left; padding: 5px 15px}

form  button.btn-success, #js_changemdp{ background-color: #01a9d8; border: none; background-image: none !important; padding: 15px 25px; width: auto !important}

#js_changemdp:hover{ background-color:#fbb03b}

form  button.btn-success:hover{ background-color:#fbb344}

.tpl-front form{ margin-bottom: 50px}

.col-lg-6 form input{font: 13px/18px 'gotham-light'; border: 1px solid #9398a5; height: 38px}

.mycap label{font: 13px/18px 'gotham-light'; color:#9398a5}

.tabuleur li { background-color:#01a9d8; color:#FFF}

.tabuleur li:hover{ background-color:#fbb03b; text-decoration: none}

.tabuleur li:hover>a{ text-decoration: none}

.tabuleur li a{ color:#FFF; padding:15px 25px; display: block}

.h1espace_clt{font: 14px/18px 'gotham'; color:#11456e; text-align:left}

#conteneur .col-lg-6 h3{font: 14px/18px 'gotham-bold'; text-decoration: underline; margin-bottom:30px}

#js_message_sender label{ display: block; width:100%}

#js_message_sender input, #js_message_sender textarea { border:1px solid #CCC; margin-bottom: 25px; padding: 0 15px }

#js_message_sender input{ height:36px}

form button.btn-success, #js_changemdp{ display: block}

.deconnect_link{ color:#FFF; font-size:14px}

.list-inline > li{ margin-bottom: 5px}

.return{ background-color:#01a9d8; color:#FFF; display: inline-block; padding: 15px 25px; text-align:center;}

.return{ margin-top: 25px; margin-bottom:25px}

.alert-info{ background-color: #11456e !important; text-shadow: none !important}

.alert-info{ text-align:center}

.alert-info p{ color:#FFF; text-align:left; border-bottom: 1px solid #CCC}

.alert-info a{background-color:#01a9d8; color:#FFF; display: inline-block; padding: 7px 25px; text-align:center; margin: 25px auto; border-radius: 15px}

.col-lg-8 h3{ font-weight:700px; font-size: 18px; color:#11456e}

.col-lg-8 table{ background-color: transparent}

.col-lg-8 table tr{ background-color:#f0f4fe}

.col-lg-8 table tr td{ border: none}

.col-lg-8 table tr:nth-child(n+2){ background-color:#d9e3fb}

.col-lg-10 p b{ color:#11456e; font: 18px/19px "gotham-bold";}

.col-lg-10 p{font: 14px/19px "gotham-light";
color: #9398a5;}

.alert-danger{ background-color: transparent !important; text-align:center; border-radius:0px}



@media (max-width:680px){
	.profilmdp label{ width:auto !important} 
	#js_message_sender input, #js_message_sender textarea, .col-lg-6 form input, .profilmdp input{ width:100% !important}
	.list-inline > li{ margin:auto 1px 4px 5px; display: block}
	
	
}