/*
    Document   : layout
    Description:
        CSS globale
    Syntax recommendation:
        http://www.w3.org/TR/REC-CSS2/
*/
body {
    margin: 0px;
    padding: 0px;  
    background-color: #f5f5f5 !important;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
}


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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Abel', Helvetica, Arial, Lucida, sans-serif !important;
}

form, table, tr, td, th, div, p, select, input, label, fieldset, hr, textarea, a, span, ul, ol, img, li, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}
#top-header {
  background-color: #003a73;
  position: fixed; 
  width: 100%;
  font-size: 12px;
  line-height: 5em;
  z-index: 100000;
  color: #ffffff;
  height: 58px;
  overflow: hidden;
  padding-right: 30px;
  padding-left: 30px;
  font-weight: bold;
}

.btinscription {
  margin-top: 11px;
    display: block;
    line-height: 3em;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #43A047;
    border-radius: 2px;
    height: 36px;
    width: 160px;
    overflow: hidden;
}

.righthead {
    float: right;
}

.lefthead li {
    margin-right: 19px;
}

#top-header ul li {
    float: left;
}


#top-header a {
  color: #ffffff
    
}

#top-header .container{ width: 100%; max-width: 100%; padding-right: 30px; padding-left: 30px; }


                

body #content {
    width: auto;
    margin: auto;
    background: #fff;
    padding-left: 25px;
	padding-right: 25px;
    padding-top: 150px;
    min-height: 551px;
    background-color: #f5f5f5 !important;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

input[type=text],
input[type=password], 
textarea {
  line-height: normal;
  border: 1px solid #ddd;
  color: #666;
}

h1 {
  color: #d32f2f !important;
  font-size: 30px !important;
    margin-bottom: 10px !important;
}

h2 {
    font-size: 16px;
    margin-bottom: 8px;
}
h3 {
    font-size: 15px;
    margin-bottom: 8px;
}
p {
    font-size: 13px;
}

/* registerpage */
#registertexteinfo {
    border-radius: 5px;
    border:1px solid #3399FF;
    background-color: #00FFFF;
    padding: 10px;
}

#registerForm {
    display: block;
    margin-top: 20px;
    border-radius: 5px;
    border:1px solid grey;
    padding: 10px;
}

#registerForm ul {
    font-size: 11px;
}

#registerForm ul li {
    clear: right;
    margin-top: 20px;
}

#registerForm ul li input ,
#registerForm ul li textarea {
    float: right;
    margin-right: 50px;
}
#registerForm ul li textarea {
    width: 170px;
    height: 50px;
}

ul.errors {
    font-style: italic;
    color: red;
}
#registerForm ul li ul.errors li {
    margin: 2px;
}


#registerForm .registerleft {
    width: 49%;
    border-right: 1px solid grey;
    float: left;
}

#registerForm .registerright {
    width: 49%;
    float: left;
    margin-left: 10px;
}
#registerForm .registerright ul li input {
    margin-right: 30px;
}


#registerForm .registerright input[type=file] {
    float: right;
    margin-top: 20px;
}

.registerlogin {
    padding-bottom: 70px;
}

.registerbr {
    border-bottom: 1px solid #bce8f1;
    width: 70%;
    margin: auto;
}

.registerdocuments {
}

.registerdocuments p {
    font-size: 11px;
}

.registerdocuments #contentfiles {
    color: #666;
    font-size: 11px;
    padding: 0px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 273px;
    float: right;
    padding: 10px;
    border-color:#337ab7!important;
}
#contentfiles .border {border-top:1px solid #ccc}
#contentfiles .img {padding:5px}
#contentfiles .img img {cursor: pointer; float:left}
#contentfiles .nom {width:460px; font-size:12px}
#contentfiles .nom div {background-color: #fff; cursor: pointer;}
#contentfiles .delete {width:40px; padding-left:20px}
#contentfiles table {padding:10px}
#contentfiles .header {height:30px; background:#337ab7}
#contentfiles .footer {height:30px;  padding:7px; background:#337ab7; color:#fff; text-align:center}
#contentfiles .footer a {color:#fff;font-weight:bold;}
                                            
.clear {
    clear: both;
}

.blockdashboard {
    width: 190px;
    height: 170px;
    border: 1px solid #000;
    text-align: center;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    margin-left: 10px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    display:  block;
    float: left;
    
}

#dropdocumentutile {
    width: 100%;
    border: 1px solid #ccc;
    background-image: url('../images/Deposer-devoir.jpg');
    background-repeat: no-repeat;
    background-position-y: 17px;
    padding: 10px;
    background-position: 132px 19px;
}

#bottom-header {
    top: 58px;
    position: fixed;
    line-height: 23px;
    font-weight: 500;
    height: 62px;
    background-color: #fff;
    z-index: 10000;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.logoba {
    height: 61px;
    float: left;
    margin-left: 29px;
}

.logoba img {
    height: 60px;
}

.menubottom {
    float: right;
    margin-right: 12px;
    margin-top: 17px;
}
.menubottom ul li {
    float: left;
    font-size: 14px;
    padding-right: 22px;  
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
}


.menubottom ul li a {
    color: #616161 !important;
    font-size: 12px;
    word-wrap: break-word;
    line-height: 1em;
    text-decoration: none;
}

.menubottom ul li a.active {
    color: #003a73 !important;
}


/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#main-footer { background-color: #263238; }
#footer-widgets { padding: 6% 0 0; }
.footer-widget { float: left; color: #fff; }
.last {  margin-right: 0px !important; }
.footer-widget .fwidget:last-child { margin-bottom: 0 !important; }
#footer-widgets .footer-widget li { padding-left: 14px; position: relative; }
#footer-widgets .footer-widget li:before { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-style: solid; border-width: 3px; content: ""; left: 0; position: absolute; top: 9px; }
#footer-widgets .footer-widget li a { color: #fff; text-decoration: none; }
#footer-widgets .footer-widget li a:hover { color: rgba(255, 255, 255, 0.7); }
#footer-bottom { background-color: #1f1f1f; background-color: rgba(0, 0, 0, 0.32); padding: 20px 0 0px; }
#footer-bottom a { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#footer-info { text-align: left; color: #666; padding-bottom: 10px; float: left; }
#footer-info a { font-weight: 700; color: #666; }
#footer-info a:hover { opacity: .7; }
#et-footer-nav { background-color: rgba(255,255,255,0.05); }
.bottom-nav { padding: 12px 0 3px; }
.bottom-nav li { display: inline-block; font-size: 14px; padding-right: 22px; }
.bottom-nav a { color: #bbb; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.bottom-nav a:hover { opacity: .7; }
.footer-widget .et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget label {
  line-height: 1.7em;
  text-align: justify;
}
#footer-widgets .footer-widget li:before {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-style: solid;
  border-width: 3px;
  content: "";
  left: 0;
  position: absolute;
  top: 9px;
}
.footer-widget li:before {
  border-color: #d32f2f;
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
  border-color: #003a73;
}
#footer-widgets .footer-widget li {
  padding-left: 14px;
  position: relative;
}
.et_pb_widget ul li {
  margin-bottom: .5em;
}

#main-footer .footer-widget h4 {
  color: #d32f2f;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  text-decoration: none;
}

.footer-widget {
  width: 20.875%;
  margin: 0 5.5% 5.5% 0;
  float: left;
  color: #fff;
}

h4 {
  color: #d32f2f !important;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  text-decoration: none;
  font-size: 18px;
}

.container {
  text-align: left;
  position: relative;
}

#loginbox .errors {
    border-left: 1px solid #ddd;
    padding: 0px;
    height: 61px;
    margin: 0px;
    padding-left: 9px;
    padding-top: 38px;
}

#registerforme label {
    font-size: 13px;
    font-weight: normal;
}

.previewtmp {
    background-color: #fff;
    width: 100%;
}

#pager * {
    outline: none;
    font-weight: bold;
}

.first, .prev, .next, .last {
    cursor: pointer;
}

.dz-progress {
    margin-top: 5px;
    width: 150px;
    height: 10px;
    float: right;
    border-radius: 3px;
    background-color: #bfbfbf;
}

.dz-upload {
    height: 10px;
    background-color: #99bfe6;
    display: block;
    border-radius: 3px;
}

.attentevalidation {
    color: orange;
}

.comptevalide {
    color: green;
}

.comptebloque {
    color: red;
}

input[type=radio] {
    height: 16px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;  
    display: inline;
    width: 30px;
    vertical-align: -3px;
}
.conditionproduct label {
    padding-top: 10px;
}

.conditionproduct input[type=checkbox] {
    width: 20px;
    height: 15px;
    display: inline;
    clear: both;
    margin-right: 20px;
    vertical-align: -3px;
}

.inputinline.form-control {
    width: 60px; 
    display: inline;
}

.namedocument {
    display: block; 
    float: left;
    height: 15px;
    overflow: hidden;
    width: 185px;
    cursor: pointer;
}

.deletedocumentx {
    font-weight: bold;
    color: red;
    cursor: pointer;
    font-size: 12px;
}

#commercesusage {
    display: none;
}

#haspj {
    margin-left: 151px;
}

#hasalbinjia {
    margin-left: 232px;
}

.backf {
    background-color: #99bfe6;
}

.backb {
    background-color: #ebf2fa;
}

#conditionAffichage {
    clear: both;
    margin-top: 30px;
    border: 1px solid #333;
    border-radius: 3px;
    color: #333;
    padding: 10px;
    font-weight: bold;
    
}
#formAideChoix {width: 300px}
#formAideChoix label {font-weight: normal}
#formAideChoix dt {float : left; margin-top:15px; width:100px}
#formAideChoix dd {float : left;margin-top:10px;width:200px}

.aideChoixBloc {width:50%; padding:0 5%; float:left; text-align:center}
.aideChoixBloc > div {border:2px solid #ccc; margin-bottom:10px}
.aideChoixBloc img {height:63px}

#date_resiliation {
    width: 100px;
    position: absolute;
    top: 20px;
    left: 160px;
    display:none;
}

#date_contrat_sanseffet {
    width: 100px;
    position: absolute;
    top: 70px;
    left: 160px;
    display:none;
}


#devis_non_valide_explain {
    position: absolute;
    top: 50px;
    left: 160px;
    display:none;
}

.form-control[readonly] {background:inherit!important}

.multicheckbox label {margin-top:5px}
.multicheckbox input {float:left; width:15px!important; margin:-5px 5px 0 0!important }
.garage {width:70px; margin:15px 0 20px 0 }

#modalChangerStatut dt {display:inline-block; vertical-align: super;margin-right:5px}
#modalChangerStatut #date_contrat_sanseffet {top:90px}
#modalChangerStatut #date_resiliation {top:40px}

.control-label.text-left {text-align:left!important}
#captcha-element img {width:100%; height:auto}

/* NOUVEAUX DEVIS */
.color1 a,
.color2 a,
.color3 a,
.color4 a {padding-left:0; padding-right:0;}

.color1 a:hover,
.color2 a:hover,
.color3 a:hover,
.color4 a:hover {text-decoration:none}

.color1 div,
.color2 div,
.color3 div,
.color4 div { color:#fff; padding:5px 10px; font-weight:bold; height:50px}

.color1 h2,
.color2 h2,
.color3 h2,
.color4 h2 { width:100%;  padding:5px 10px; }

.color1,
.color1 a,
.color1 a:hover {color:#4f7cac}
.color1 div {background:#4f7cac;}
.color1 h2 {color:#4f7cac;}
.color1 h2.no-margin {margin-top:0}

.color2,
.color2 a,
.color2 a:hover {color:#8d99ae}
.color2 div {background:#8d99ae;}
.color2 h2 {color:#8d99ae;}

.color3,
.color3 a,
.color3 a:hover {color:#8eadbf}
.color3 div {background:#8eadbf;}
.color3 h2 {color:#8eadbf}

.color4,
.color4 a,
.color4 a:hover {color:#337ab7}
.color4 div {background:#337ab7}
.color4 h2 {color:#337ab7}

.color1 a.blockdashboard,
.color2 a.blockdashboard,
.color3 a.blockdashboard,
.color4 a.blockdashboard { width:240px; height:175px}