body{background:#E5E9EE}
#header{}
#header .top{min-height:124px;background:#ffffff;} 
#header .top .container{padding-top:15px;}
#header .top h1{font-family:Arial Rounded MT Bold,arial;font-size:32px;color:#005DB0;}
/*#header .top a.retour{display:block;font-family:Arial Rounded MT Bold,arial;font-size:15px;color:#005DB0;margin-top:10px;}*/

.barre-couleur div {display: inline-block;float: left;height: 10px;}
#header .bottom{background:#0053B8;}
#header .bottom p{display:inline-block;font-family:Arial Rounded MT Bold,arial;font-size:22px;color:#ffffff;}

#header .bottom a{float:right;-webkit-transform: translateY(0px);transform: translateY(0px);transition:transform 0.3s;color:#ffffff;border:1px solid #ffffff;display:inline-block;line-height:33px;font-family:Arial Rounded MT Bold,arial;background:#005DB0;border-radius:4px;font-size:14px;height:33px;padding:0 15px;}
#header .bottom a:hover{-webkit-transform: translateY(-2px);transform: translateY(-2px);transition:transform 0.3s;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);line-height:33px}
#header .bottom a:active{box-shadow:none;line-height:33px}


.row { width:auto !important; }
.row .content {
    min-width: initial !important;
    max-width: initial !important;
}
/*  Authentification */
.auth-body ul.global-messages li ul li {
    text-align: center;
}

/* Auth form */
body.auth-body {
    background: #f1f1f1;
}

#auth-wrapper {
    width: 300px;
    margin: auto;
    padding: 20px 0;
}
#auth-wrapper  p.titre{font-size:15px;font-family: Arial Rounded MT Bold, arial;color: #005DB0;text-transform:uppercase;}
#auth-wrapper h1 {
    font-family: Arial Rounded MT Bold, arial;
    font-size: 24px;
    color: #005DB0;
    margin: 10px auto;
    text-align:center;
}
#auth-wrapper #main-content {
    background-color: #FFF;
    padding-bottom: 0;
    -moz-box-shadow: 0 1px 8px -4px #666;
    -webkit-box-shadow: 0 1px 6px -2px #555;
    box-shadow: 0 1px 6px -2px #555;
}

#auth-wrapper #main-content .auth-content {
    margin: 0 auto;
    width: 80%;
    padding: 20px 0;
}

#auth-wrapper #main-content .auth-content-top {
    background-color: #ffffff;
    padding: 10px 0;
}

#auth-wrapper #main-content .auth-content-top img {
    margin-left: 10px;
}

#auth-wrapper .main-logo {
    text-align: center;
    padding-bottom: 10px;
}

.auth-form .fieldbox {
    width: 98%;
    margin: auto;
    font-weight: 300;
}

.auth-form .fieldbox-password {
    float: right;
}

.auth-form .fieldbox label {
    color: #777;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
}

.auth-form .fieldbox input.input-text {
    outline: 0;
    border: 1px solid #ddd;
    background: #FBFBFB;
    color: #333;
    width: 96%;
    padding: 3px 2%;
    font-size: 24px;
    line-height: 1;
    margin: 2px 6px 16px 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
}

.auth-form .fieldbox input.input-text:focus {
    border-color: #FF881A;
    -moz-box-shadow: 0 0 2px #FF881A;
    -webkit-box-shadow: 0 0 2px #FF881A;
    box-shadow: 0 0 2px #FF881A;
}

.auth-form .fieldbox-password {
    margin-bottom: 15px;
}

.auth-form .validation-advice {
    background-color: #ce2c00;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #982300;
    font-size: 11px;
    border-radius: 2px;
    padding: 3px 5px;
    margin: -8px 0 0;
}

#auth-form .buttons-set {
    clear: both;
    margin: 15px 0 -20px -30px;
    width: 300px;
}

#auth-form .buttons-set .forgotten-password {
    float: left;
    font-size: 12px;
    color: #0F2A46;
}

#auth-form .buttons-set button {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;

}

#auth-form .buttons-set button:hover {
    border-color: transparent;
    background: #333333;
}

/*home*/
#home_client {margin-top:20px;}
dt{margin-top:15px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}
#home_client dt#infos a{background:url(/images/espace_client/picto_espace_client.png)  #ffffff no-repeat 22px 12px;}
#home_client dt#alertes a{background:url(/images/espace_client/picto_espace_client.png) #ffffff no-repeat 22px -78px;}
#home_client dt#vehicules a{background:url(/images/espace_client/picto_espace_client.png) #ffffff no-repeat 22px -176px;}
.item{background:#ffffff;padding-left:20px;line-height:65px;width:100%;height:65px;display:inline-block;position:relative;padding-right: 60px;}
#home_client .item{padding-left:80px;}
.item p{margin:0;font-weight:normal;display:inline-block;font-family:Arial Rounded MT Bold,arial;font-size:18px;line-height:18px;text-decoration:none;color:#0050BA;vertical-align:middle;}
.item:after{z-index:6;content:"";width:41px;height:41px;font-family:'FontAwesome';font-size: 27px;content:"\f107";color:#ffffff;position:absolute;right:13px;top:13px;background:#D2D7DE;border-radius:4px;text-align:center;line-height:41px;}

.item:hover:after{background:#0064B4;}
 dt.actif .item,.view-faq .item:active{box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) inset;}
 dt.actif .item:after, .view-faq .item:active:after{background:#0064B4;content:"\f106";}
dt.actif .item p,.view-faq .item:active p {color:#556073;}
 dd{box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2),0px 2px 2px rgba(0, 0, 0, 0.2) inset;background:#F7F8FA;}
#home_client dd .infos{padding:30px;}

#home_client dd .infos p{    padding-top: 7px;font-family:arial;font-size:13px;color:#31313F;font-weight:bold;margin-bottom:10px;}
#home_client dd .infos label {font-family:Arial Rounded MT Bold,arial;font-weight:normal; color:#556073;}
#home_client dd#dd_infos a{ font-family:Arial Rounded MT Bold,arial; border-radius: 4px; font-size:13px; color: white; display: block; padding: 10px; margin-bottom:15px; background-color: #96C100; text-decoration:none;}
#home_client dd#dd_infos a:hover{ background-color: #00A440; }
#home_client dd#dd_infos a span {padding-right: 10px;}


.container_vehicule .container-fluid a{ font-family:Arial Rounded MT Bold,arial; border-radius: 4px; font-size:13px; color: white; display: block; padding: 10px; margin-bottom:15px; background-color: #96C100; text-decoration:none;}
.container_vehicule .container-fluid a:hover{ background-color: #00A440; }
.container_vehicule .container-fluid a span {padding-right: 10px;}

.container_vehicule{margin:20px 0px;}
.fiche_alerte a span {padding-right: 10px;}
.fiche_vehicule, .fiche_alerte {margin-bottom:20px;background-color: #fff; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}
.fiche_vehicule p, .fiche_alerte p {padding:0 10px;}
.fiche_vehicule p.titre, .fiche_alerte p.titre {font-family:Arial Rounded MT Bold,arial;font-size:15px; padding: 10px;background-color: #0053B8; color: white;}
.fiche_vehicule p span, .fiche_alerte p span {font-weight:bold;}

.fiche_vehicule a, 
.fiche_alerte a {width:50%;font-family: Arial Rounded MT Bold,arial; font-size: 13px; color: white;float:left; padding: 10px; background-color: #96C100; text-decoration: none;}
.fiche_vehicule a:hover,
.fiche_alerte a:hover { background-color: #00A440; }
.fiche_vehicule a span,
.fiche_alerte a span {padding-right: 10px;}

.fiche_vehicule a.del, 
.fiche_alerte a.del { background-color: #CC3333; }
.fiche_vehicule a.del:hover,
.fiche_alerte a.del:hover { background-color: #AA2B2B; }

a.grey { background-color: #808080 !important; }
a.grey:hover { background-color: #606060 !important;}
@media screen and (max-width:480px) {
    #header .top  h1,h1{font-size:20px;}
    #header .bottom p{font-size:14px;}
    #header .top a.retour{margin-bottom:15px;}
    #header .logo{text-align:center;  display: block;}
    #header h1{text-align:center;  display: block;}
    #home_client .item{padding-left:70px;}
    .item p{  font-size: 13px;}
}

.form-group { margin-bottom: 5px; }
.alert { margin-bottom: 0px; margin-top: 10px; }

.datepicker .header {height:25px !important;}

.datepicker .days .day {height:22px !important;}
.datepicker .months .month { padding-top: 12px !important; height:44px !important;}
.datepicker .years .year {height: 34px !important;}
.chzn-container a { margin-bottom:1px !important;}


#auth-wrapper h2 { font-size:18px; text-align:center; font-weight: bold;}
#auth-wrapper a { color:#005DB0; font-size: 14px;}
#auth-wrapper a:hover { color:#009132;}

button.fl-button-b {
    background-color: #009132 !important
}

#auth-wrapper .creer_compte{font-size:15px;text-align:center;margin-top:15px;}

dd .button-set a {
    background-color: #96c100;
    border-radius: 4px;
    color: white;
    display: block;
    font-family: Arial Rounded MT Bold,arial;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 10px;
    text-decoration: none;
}

dd .infos {
    padding: 30px;
}

dd .infos label {
    color: #556073;
    font-family: Arial Rounded MT Bold,arial;
    font-weight: normal;
}
#auth-form{margin-top:20px;}

#edit_client h2{color: #0050ba; font-family: Arial Rounded MT Bold,arial;font-size:16px;}

.alert {margin-right:10px;margin-left:10px;}
.alert-info a{font-weight:bold;text-decoration:underline;color:#23527c;}
.alert-info a:hover{text-decoration:none;} 


/* validation choosen */
select#marque_modele  {height:1px;position:absolute;left:-9999px;display:block !important}
#marque_modele_chzn{margin-bottom:17px;width:100% !important}
select#marque_modele + .validation-advice{position:absolute;bottom:0px;}

select#code_centre  {height:1px;position:absolute;left:-9999px;display:block !important}
#code_centre_chzn{margin-bottom:17px;width:100% !important}
select#code_centre + .validation-advice{position:absolute;bottom:0px;}

#edit_alerte h2{color: #0050ba; font-family: Arial Rounded MT Bold,arial;font-size:16px;}

#header .container{padding-top:0px !important;}

a.espace_client{border:2px solid transparent;text-align:left;padding-left:25px;height:36px;width:152px;text-transform:uppercase;display:inline-block;background:#005FAD;position:relative;line-height:36px;font-family:Arial Rounded MT Bold,arial;color:#ffffff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;float:right;}
a.espace_client:before{content:'';width:20px;height:20px;position:absolute;left:10px; top :6px;}
a.espace_client:hover{background:#009CE6;text-decoration:none;}
a.espace_client:active{background:#84E0FB;border:2px solid transparent;}

/* page 404 */
#page_erreur{background:#ffffff;}
.container_error{margin:20px;border:1px solid #cccccc;padding:20px;color:#333;}
.container_error h2{font-weight:bold;border-bottom:1px solid #666666;margin-bottom:15px;}
.container_error h3{margin-bottom:10px;margin-top:10px;text-decoration:underline;}

.page_404{background:url(/images/espace_client/bg_404.png) repeat-x #ffffff;background-size:auto 290px;}
.page_404 .btn_blanc{height:50px;line-height:50px;width:192px;font-size:20px;padding:0;text-align:center;margin-right:30px;}
.page_404 .chien{margin-left:70px;position:relative;float:left;padding-top:27px;width:420px;}
.page_404 .chien .bulle{position:absolute;top:0; right:0;}
.page_404 .infos{float:left;margin-top:68px;}
.page_404 .infos h1{font-size:22px;}
.page_404 .infos p{color:#525260;font-size:13px;font-family:Arial Rounded MT Bold,arial;margin-bottom:60px;}
.page_404 .c-bleu {
    color: #0065c8;
}
.page_404 .btn_blanc {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    display: inline-block;
    font-family: Arial Rounded MT Bold,arial;
    font-size: 15px;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    transform: translateY(0px);
    transition: transform 0.3s ease 0s;
}

.page_404 .btn_bleu {
    background: #0053b8 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    color: #ffffff;
    font-family: Arial Rounded MT Bold,arial;
    font-size: 15px;
    height: 44px;
    display:block;
    text-align:center;
    line-height:44px;
    min-width: 190px;
    width:90%;
    margin:0 auto;
    transform: translateY(0px);
    transition: transform 0.3s ease 0s;
}
.page_404 .btn_bleu:hover {
    background: #009ee8 none repeat scroll 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
    transition: transform 0.3s ease 0s;
}
.page_404 .btn_bleu:active {
    background: #78e0fc none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}

@media screen and (max-width:1000px) { 
.page_404 .chien{float:none;display:block;margin:0 auto;max-width:260px;margin-left:0;width:auto;}
.page_404 .chien .bulle {right:-100px;}
.page_404 .infos{float:none;display:block;margin:0 auto;text-align:center;}
}