@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Alegreya:700);
.panel-group .panel {overflow:visible;}
body {font-family: 'Roboto', sans-serif;font-size: 14px; line-height: 23px;padding-top: 50px; overflow-x: hidden;background-color:#FFF; color: #000;}
p {margin: 0 0 23px 0;}
.ombre{-moz-text-shadow:0px 0px 3px #fff; -webkit-text-shadow:0px 0px 3px #fff; text-shadow:0px 0px 3px #fff;}
.cell_sep { border-bottom:2px solid black !important; padding-top:10px !important;  }
.disp_page{position:fixed; color:#000000; font-size:400px; top:150px; left:10px; font-weight:900;opacity: 0.1; -moz-opacity:0.1; -ms-filter: "alpha(opacity=10)"; filter: alpha(opaciy=10);}
.list-group {margin-bottom: 0px !important;}
a {color: #0000aa; -moz-text-shadow:0px 0px 0px #000; -webkit-text-shadow:0px 0px 0px #000; text-shadow:0px 0px 0px #000;}
a:hover {color: #382c27;text-decoration: none;}
h1 {font-family: 'Roboto Condensed', sans-serif;font-weight: 700;line-height: 46px;font-size: 40px;margin: 0 0 25px 0;}
h2 {font-family: 'Roboto Condensed', sans-serif;font-weight: normal;font-size: 26px;line-height: 23px;text-transform: uppercase;letter-spacing: 2px;margin: 0 0 23px 0;}
h2 span{line-height: normal;text-transform: none;font-size: 12px;letter-spacing: 0;}

/*
button.btn.dropdown-toggle {white-space: normal !important;background-color:#FFF;height: 34px !important;z-index:1000}
.dropdown-toggle .filter-option {height: 20px !important;background-color:#FFF; }
.dropdown-toggle .filter-option:hover {height: 65px !important; }
*/	
	
.micro{font-size:9px }
.mini{font-size:10px }
.prix{font-size:40px !important }
.texte{font-family: 'Roboto Condensed', sans-serif;font-weight: normal;font-size: 21px;line-height: 23px;}
.survole { }
.survole:hover {background-color:#eee }
.recherche_box > a {color:#333; text-shadow:0px 0px 0px #fff;}
.recherche_box > a:hover {color:#000;  text-shadow:2px 2px 5px #000;}
.btndoc{width:100%; cursor:pointer; display:block; margin:2px }

.transparent{opacity: 0.2;}
.pastransparent{opacity: 1;}

.bp {opacity: 0.5;}
.bp:hover {opacity: 1; }

.text-transparent{ opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50); }
.navbar-pink {
  background-color: #ed639c;
  border-color: #e94186;
}
.navbar-pink .navbar-brand {
  color: #760e39;
}
.navbar-pink .navbar-brand:hover,
.navbar-pink .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-pink .navbar-text {
  color: #760e39;
}
.navbar-pink .navbar-nav > li > a {
  color: #760e39;
}
.navbar-pink .navbar-nav > li > a:hover,
.navbar-pink .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-pink .navbar-nav > .active > a,
.navbar-pink .navbar-nav > .active > a:hover,
.navbar-pink .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #d21865;
}
.navbar-pink .navbar-nav > .disabled > a,
.navbar-pink .navbar-nav > .disabled > a:hover,
.navbar-pink .navbar-nav > .disabled > a:focus {
  color: #d21865;
  background-color: transparent;
}
.navbar-pink .navbar-toggle {
  border-color: transparent;
}
.navbar-pink .navbar-toggle:hover,
.navbar-pink .navbar-toggle:focus {
  background-color: #ed639c;
}
.navbar-pink .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-collapse .navbar-form,
.navbar-pink .navbar-collapse,
.navbar-pink .navbar-form {
  border-color: #e94186;
}
.navbar-pink .navbar-nav > .open > a,
.navbar-pink .navbar-nav > .open > a:hover,
.navbar-pink .navbar-nav > .open > a:focus {
  background-color: #d21865;
  color: #ffffff;
}
@media (max-width: 479px) {
  .navbar-pink .navbar-nav .open .dropdown-menu > li > a {
    color: #760e39;
  }
  .navbar-pink .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-pink .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-pink .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-pink .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-pink .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #d21865;
  }
  .navbar-pink .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-pink .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-pink .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #d21865;
    background-color: transparent;
  }
}
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > li > a {
  color: #760e39;
}
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > .active > a,
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #d21865;
}
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-pink.navbar.navbar-autocollapse.collapsed .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #d21865;
  background-color: transparent;
}
.navbar-pink .navbar-link {
  color: #760e39;
}
.navbar-pink .navbar-link:hover {
  color: #ffffff;
}
.navbar-pink .btn-link {
  color: #760e39;
}
.navbar-pink .btn-link:hover,
.navbar-pink .btn-link:focus {
  color: #ffffff;
}
.navbar-pink .btn-link[disabled]:hover,
fieldset[disabled] .navbar-pink .btn-link:hover,
.navbar-pink .btn-link[disabled]:focus,
fieldset[disabled] .navbar-pink .btn-link:focus {
  color: #d21865;
}
.navbar-pink.navbar.navbar-autocollapse .navbar-collapse .nav > .divider-vertical,
.navbar-pink .nav > .divider-vertical {
  border-color: #e94186;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #e10071;
    outline: 0;
}





.navbar {
    border-radius: 4px;
    min-height: 50px;
    margin-bottom: 20px;
}

nav{ opacity: 1; }
nav:hover { opacity: 1; }

.recherche_box { padding:15px; z-index:2; top: 42px; position:absolute; overflow:auto; min-height:50px; max-height:400px; background-color:#fff; box-shadow:4px 4px 10px #000000;  }
.bp_close{ position:absolute; right:0px; height:20px; width:20px; cursor:pointer; z-index:1;margin-top:-16px }

.bloc_div,.bloc_div_files {border:1px solid #382c27;background-color: #000000;opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50); margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.bloc_div:hover, .bloc_div_files:hover {opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100);}
.bloc_div_files{height:100px  }

.table_editeur > thead > tr > th, .table_editeur > tbody > tr > th, .table_editeur > tfoot > tr > th, .table_editeur > thead > tr > td, .table_editeur > tbody > tr > td, .table_editeur > tfoot > tr > td,  
.table_somme > thead > tr > th, .table_somme > tbody > tr > th, .table_somme > tfoot > tr > th, .table_somme > thead > tr > td, .table_somme > tbody > tr > td, .table_somme > tfoot > tr > td {padding: 0px; vertical-align: middle ;}
.table_editeur > tbody > tr > td > textarea {height:28px  } 

.table_editeur > thead > tr > th:first-child { width:20px }
.table_editeur > tbody > tr > td:nth-child(1) { text-align:center }
.table_editeur > tbody > tr > td:nth-child(2) { text-align:right }
.table_editeur > thead > tr > th:nth-child(3) { width:50px }
.table_editeur > tbody > tr > td:nth-child(3) { text-align:center }
.table_editeur > thead > tr > th:nth-child(4) { width:70px }
.table_editeur > tbody > tr > td:nth-child(4) { text-align:center }
.table_editeur > thead > tr > th:nth-child(5) { width:40px }
.table_editeur > tbody > tr > td:nth-child(5) { text-align:center }
.table_editeur > thead > tr > th:nth-child(6) { width:70px }
.table_editeur > tbody > tr > td:nth-child(6) { text-align:right }
.table_editeur > thead > tr > th:nth-child(7) { width:70px }
.table_editeur > tbody > tr > td:nth-child(7) { text-align:right }
.table_editeur > thead > tr > th:nth-child(8) { width:70px }
.table_editeur > tbody > tr > td:nth-child(8) { text-align:right }
.table_editeur > thead > tr > th:nth-child(9) { width:70px }
.table_editeur > tbody > tr > td:nth-child(9) { text-align:right }
.table_editeur > thead > tr > th:nth-child(10) { width:70px }
.table_editeur > tbody > tr > td:nth-child(10) { text-align:right }
.table_editeur > thead > tr > th:nth-child(11) { width:70px }
.table_editeur > tbody > tr > td:nth-child(11) { text-align:right }
.table_somme > tbody > tr > td:first-child { text-align:right; }
.table_somme > tbody > tr > td:nth-child(2) { text-align:right; width:160px; padding-right:70px}
.table_somme, .table_editeur {margin-bottom: 0px;}


.table.home> thead > tr > th,.table.home> tbody > tr > th,.table.home> tfoot > tr > th,.table.home> thead > tr > td,.table.home> tbody > tr > td,.table.home> tfoot > tr > td {
  padding: 0px !important;}


.text-devis {color: #8a6d3b !important; }
a.text-devis:hover { color: #66512c !important;}
.badge-devis{background-color: #8a6d3b !important;  }

.text-factures {color: #a94442 !important;}
a.text-factures:hover { color: #843534 !important;}
.badge-facture{background-color: #a94442 !important; }

.text-bc {color: #00e6b1 !important; }
a.text-bc:hover { color: #00e6b1 !important;}
.badge-bc{background-color: #00e6b1 !important; }

.text-bl {color: #0000AA !important; }
a.text-bl:hover { color: #0000AA !important;}
.badge-bl{background-color: #0000AA !important; }

.text-avoirs {color: #00AA00 !important; }
a.text-avoirs:hover { color: #843534 !important;}
.badge-avoirs{background-color: #a94442 !important; }



.text-gris {color: #cacaca;}
a.text-gris:hover { color: #b3b3b3;}
.bg-gris {background-color: #FFFFFF;}
a.bg-gris:hover {background-color: #FFFFFF;}
.btn-gris:hover,.btn-gris:focus,.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris 
{color: #fff; background-color: #d6d6d6; border-color: #c1c1c1;}
.btn-gris:active,.btn-gris.active,.open .dropdown-toggle.btn-gris {background-image: none;}
.btn-gris.disabled,.btn-gris[disabled],fieldset[disabled] .btn-gris,.btn-gris.disabled:hover,.btn-gris[disabled]:hover,fieldset[disabled] .btn-gris:hover, .btn-gris.disabled:focus,.btn-gris[disabled]:focus,fieldset[disabled] .btn-gris:focus, .btn-gris.disabled:active,.btn-gris[disabled]:active,fieldset[disabled] .btn-gris:active,.btn-gris.disabled.active,.btn-gris[disabled].active,fieldset[disabled] .btn-gris.active 
{background-color: #e5e5e5; border-color: #d43f3a;}
.btn-gris .badge {color: #e5e5e5;background-color: #fff;}
.label-gris {background-color: #e5e5e5; color: #000 !important;  }
.label-gris[href]:hover,.label-gris[href]:focus {background-color: #d1d1d1;}
.alert-gris {  color: #cacaca;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-gris hr {  border-top-color: #FFFFFF;}
.alert-gris .alert-link {  color: #b3b3b3;}
.panel-gris {border-color: #FFFFFF;}
.panel-gris > .panel-heading {color: #cacaca;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-gris > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-gris > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-gris {background-color: #e5e5e5;}
.badge-gris[href]:hover,.badge-gris[href]:focus {background-color: #d1d1d1;}

.text-rouge {color: #AA0000;}
a.text-rouge:hover { color: #AA0000;}
.bg-rouge {background-color: #ffaaaa;}
a.bg-rouge:hover {background-color: #FFFFFF;}
.btn-rouge:hover,.btn-rouge:focus,.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge 
{color: #fff; background-color: #AA0000; border-color: #AA0000;}
.btn-rouge:active,.btn-rouge.active,.open .dropdown-toggle.btn-rouge {background-image: none;}
.btn-rouge.disabled,.btn-rouge[disabled],fieldset[disabled] .btn-rouge,.btn-rouge.disabled:hover,.btn-rouge[disabled]:hover,fieldset[disabled] .btn-rouge:hover, .btn-rouge.disabled:focus,.btn-rouge[disabled]:focus,fieldset[disabled] .btn-rouge:focus, .btn-rouge.disabled:active,.btn-rouge[disabled]:active,fieldset[disabled] .btn-rouge:active,.btn-rouge.disabled.active,.btn-rouge[disabled].active,fieldset[disabled] .btn-rouge.active 
{background-color: #AA0000; border-color: #d43f3a;}
.btn-rouge .badge {color: #AA0000;background-color: #fff;}
.label-rouge {background-color: #AA0000; color: #fff !important;  }
.label-rouge[href]:hover,.label-rouge[href]:focus {background-color: #AA0000;}
.alert-rouge {  color: #AA0000;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-rouge hr {  border-top-color: #FFFFFF;}
.alert-rouge .alert-link {  color: #AA0000;}
.panel-rouge {border-color: #FFFFFF;}
.panel-rouge > .panel-heading {color: #AA0000;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-rouge > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-rouge > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-rouge {background-color: #AA0000;}
.badge-rouge[href]:hover,.badge-rouge[href]:focus {background-color: #AA0000;}

.text-vert {color: #00AA00;}
a.text-vert:hover { color: #00AA00;}
.bg-vert {background-color: #FFFFFF;}
a.bg-vert:hover {background-color: #FFFFFF;}
.btn-vert:hover,.btn-vert:focus,.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert 
{color: #fff; background-color: #00AA00; border-color: #00AA00;}
.btn-vert:active,.btn-vert.active,.open .dropdown-toggle.btn-vert {background-image: none;}
.btn-vert.disabled,.btn-vert[disabled],fieldset[disabled] .btn-vert,.btn-vert.disabled:hover,.btn-vert[disabled]:hover,fieldset[disabled] .btn-vert:hover, .btn-vert.disabled:focus,.btn-vert[disabled]:focus,fieldset[disabled] .btn-vert:focus, .btn-vert.disabled:active,.btn-vert[disabled]:active,fieldset[disabled] .btn-vert:active,.btn-vert.disabled.active,.btn-vert[disabled].active,fieldset[disabled] .btn-vert.active 
{background-color: #00AA00; border-color: #d43f3a;}
.btn-vert .badge {color: #00AA00;background-color: #fff;}
.label-vert {background-color: #00AA00;  color: #fff !important;  }
.label-vert[href]:hover,.label-vert[href]:focus {background-color: #00AA00;}
.alert-vert {  color: #00AA00;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-vert hr {  border-top-color: #FFFFFF;}
.alert-vert .alert-link {  color: #00AA00;}
.panel-vert {border-color: #FFFFFF;}
.panel-vert > .panel-heading {color: #00AA00;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-vert > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-vert > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-vert {background-color: #00AA00;}
.badge-vert[href]:hover,.badge-vert[href]:focus {background-color: #00AA00;}

.text-bleu {color: #0000AA;}
a.text-bleu:hover { color: #0000AA;}
.bg-bleu {background-color: #FFFFFF;}
a.bg-bleu:hover {background-color: #FFFFFF;}
.btn-bleu:hover,.btn-bleu:focus,.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu 
{color: #fff; background-color: #0000AA; border-color: #0000AA;}
.btn-bleu:active,.btn-bleu.active,.open .dropdown-toggle.btn-bleu {background-image: none;}
.btn-bleu.disabled,.btn-bleu[disabled],fieldset[disabled] .btn-bleu,.btn-bleu.disabled:hover,.btn-bleu[disabled]:hover,fieldset[disabled] .btn-bleu:hover, .btn-bleu.disabled:focus,.btn-bleu[disabled]:focus,fieldset[disabled] .btn-bleu:focus, .btn-bleu.disabled:active,.btn-bleu[disabled]:active,fieldset[disabled] .btn-bleu:active,.btn-bleu.disabled.active,.btn-bleu[disabled].active,fieldset[disabled] .btn-bleu.active 
{background-color: #0000AA; border-color: #d43f3a;}
.btn-bleu .badge {color: #0000AA;background-color: #fff;}
.label-bleu {background-color: #0000AA;  color: #fff !important;  }
.label-bleu[href]:hover,.label-bleu[href]:focus {background-color: #0000AA;}
.alert-bleu {  color: #0000AA;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-bleu hr {  border-top-color: #FFFFFF;}
.alert-bleu .alert-link {  color: #0000AA;}
.panel-bleu {border-color: #FFFFFF;}
.panel-bleu > .panel-heading {color: #0000AA;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-bleu > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-bleu > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-bleu {background-color: #0000AA;}
.badge-bleu[href]:hover,.badge-bleu[href]:focus {background-color: #0000AA;}


.text-cyan, .text-commande {color: #00e6b1;}
a.text-cyan:hover { color: #00e6b1;}
.bg-cyan {background-color: #00e6b1;}
a.bg-cyan:hover {background-color: #00e6b1;}
.btn-cyan:hover,.btn-cyan:focus,.btn-cyan:active,.btn-cyan.active,.open .dropdown-toggle.btn-cyan 
{color: #fff; background-color: #00e6b1; border-color: #00cece;}
.btn-cyan:active,.btn-cyan.active,.open .dropdown-toggle.btn-cyan {background-image: none;}
.btn-cyan.disabled,.btn-cyan[disabled],fieldset[disabled] .btn-cyan,.btn-cyan.disabled:hover,.btn-cyan[disabled]:hover,fieldset[disabled] .btn-cyan:hover, .btn-cyan.disabled:focus,.btn-cyan[disabled]:focus,fieldset[disabled] .btn-cyan:focus, .btn-cyan.disabled:active,.btn-cyan[disabled]:active,fieldset[disabled] .btn-cyan:active,.btn-cyan.disabled.active,.btn-cyan[disabled].active,fieldset[disabled] .btn-cyan.active 
{background-color: #c0c0c0; border-color: #ffffff;}
.btn-cyan .badge {color: #ffffff;background-color: #00e6b1;}
.label-cyan {background-color: #00e6b1;  color: #000 !important;  }
.label-cyan[href]:hover,.label-cyan[href]:focus {background-color: #00d2d2;}
.alert-cyan {  color: #ffffff;  background-color: #ffff00;  border-color: #ffffff;}
.alert-cyan hr {  border-top-color: #00aeae;}
.alert-cyan .alert-link {  color: #00ffff;}
.panel-cyan {border-color: #bbbb00;}
.panel-cyan > .panel-heading {color: #848400;  background-color: #ffffa6; border-color: #00aeae;}
.panel-cyan > .panel-heading + .panel-collapse .panel-body {border-top-color: #00aeae;}
.panel-cyan > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #00aeae;}
.badge-cyan {background-color: #00e6b1;}
.badge-cyan[href]:hover,.badge-cyan[href]:focus {background-color: #00d2d2;}

.text-jaune, .text-produit {color: #d2d200;}
a.text-jaune:hover { color: #d2d200;}
.bg-jaune {background-color: #ffffb3;}
a.bg-jaune:hover {background-color: #bfbf00;}
.btn-jaune:hover,.btn-jaune:focus,.btn-jaune:active,.btn-jaune.active,.open .dropdown-toggle.btn-jaune 
{color: #fff; background-color: #0000AA; border-color: #e8e800;}
.btn-jaune:active,.btn-jaune.active,.open .dropdown-toggle.btn-jaune {background-image: none;}
.btn-jaune.disabled,.btn-jaune[disabled],fieldset[disabled] .btn-jaune,.btn-jaune.disabled:hover,.btn-jaune[disabled]:hover,fieldset[disabled] .btn-jaune:hover, .btn-jaune.disabled:focus,.btn-jaune[disabled]:focus,fieldset[disabled] .btn-jaune:focus, .btn-jaune.disabled:active,.btn-jaune[disabled]:active,fieldset[disabled] .btn-jaune:active,.btn-jaune.disabled.active,.btn-jaune[disabled].active,fieldset[disabled] .btn-jaune.active 
{background-color: #c0c0c0; border-color: #ffffff;}
.btn-jaune .badge {color: #ffffff;background-color: #c4c400;}
.label-jaune {background-color: #c4c400;  color: #000 !important;  }
.label-jaune[href]:hover,.label-jaune[href]:focus {background-color: #c4c400;}
.alert-jaune {  color: #ffffff;  background-color: #c4c400;  border-color: #ffffff;}
.alert-jaune hr {  border-top-color: #ffff00;}
.alert-jaune .alert-link {  color: #ffff00;}
.panel-jaune {border-color: #bbbb00;}
.panel-jaune > .panel-heading {color: #848400;  background-color: #c4c400; border-color: #ffffff;}
.panel-jaune > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-jaune > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-jaune {background-color: #c4c400;}
.badge-jaune[href]:hover,.badge-jaune[href]:focus {background-color: #c4c400;}


.text-violet, .text-fournisseur {color: #9900AA;}
a.text-violet:hover { color: #9900AA;}
.bg-violet {background-color: #facaff;}
a.bg-violet:hover {background-color: #facaff;}
.btn-violet:hover,.btn-violet:focus,.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet 
{color: #fff; background-color: #9900AA; border-color: #9900AA;}
.btn-violet:active,.btn-violet.active,.open .dropdown-toggle.btn-violet {background-image: none;}
.btn-violet.disabled,.btn-violet[disabled],fieldset[disabled] .btn-violet,.btn-violet.disabled:hover,.btn-violet[disabled]:hover,fieldset[disabled] .btn-violet:hover, .btn-violet.disabled:focus,.btn-violet[disabled]:focus,fieldset[disabled] .btn-violet:focus, .btn-violet.disabled:active,.btn-violet[disabled]:active,fieldset[disabled] .btn-violet:active,.btn-violet.disabled.active,.btn-violet[disabled].active,fieldset[disabled] .btn-violet.active 
{background-color: #9900AA; border-color: #808080;}
.btn-violet .badge {color: #9900AA;background-color: #fff;}
.label-violet {background-color: #9900AA;  color: #fff !important;  }
.label-violet[href]:hover,.label-violet[href]:focus {background-color: #9900AA;}
.alert-violet {  color: #9900AA;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-violet hr {  border-top-color: #FFFFFF;}
.alert-violet .alert-link {  color: #9900AA;}
.panel-violet {border-color: #FFFFFF;}
.panel-violet > .panel-heading {color: #9900AA;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-violet > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-violet > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-violet {background-color: #9900AA;}
.badge-violet[href]:hover,.badge-violet[href]:focus {background-color: #9900AA;}


.text-orange, .text-fournisseur {color: #ff8040;}
a.text-orange:hover { color: #ff8040;}
.bg-orange {background-color: #ffca95;}
a.bg-orange:hover {background-color: #ffca95;}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange 
{color: #fff; background-color: #ff8040; border-color: #ff8040;}
.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange {background-image: none;}
.btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus,.btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active,.btn-orange[disabled].active,fieldset[disabled] .btn-orange.active 
{background-color: #ff8040; border-color: #808080;}
.btn-orange .badge {color: #ff8040;background-color: #fff;}
.label-orange {background-color: #ff8040; color: #fff !important;  }
.label-orange[href]:hover,.label-orange[href]:focus {background-color: #ff8040;}
.alert-orange {  color: #ff8040;  background-color: #FFFFFF;  border-color: #FFFFFF;}
.alert-orange hr {  border-top-color: #FFFFFF;}
.alert-orange .alert-link {  color: #ff8040;}
.panel-orange {border-color: #FFFFFF;}
.panel-orange > .panel-heading {color: #ff8040;  background-color: #FFFFFF; border-color: #FFFFFF;}
.panel-orange > .panel-heading + .panel-collapse .panel-body {border-top-color: #FFFFFF;}
.panel-orange > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #FFFFFF;}
.badge-orange {background-color: #ff8040;}
.badge-orange[href]:hover,.badge-orange[href]:focus {background-color: #ff8040;}



.home-vcenter{height: 40px;/*line-height: 40px;*/  }

/*
.btn-default {color: #fff;background-color: #000;border-color: #fff; margin-top:-3px;}
.btn-default:hover {color: #fff;background-color: #382c27;border-color: #fff; }
.btn-default:focus,.btn-default:active {color: #fff;background-color: #382c27;border-color: #fff;outline: none; -webkit-box-shadow: none;box-shadow: none;}
*/
a.home {color: #fff;background-color: #000; border:1px solid #382c27; margin:0 60px 0 0; padding:20px ; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
a.home:hover {color: #fff;background-color: #382c27;border-color: #fff;}
a.home:focus,.btn-default:active {color: #fff;background-color: #382c27;border-color: #fff;outline: none; -webkit-box-shadow: none;box-shadow: none;}



.btn-primary {color: #fff;background-color: #382c27;border-color: #382c27;}
.btn-primary:hover {color: #fff;background-color: #382c27;border-color: #382c27;}
.btn-primary:focus,.btn-primary:active,.open .dropdown-toggle.btn-primary {color: #fff;background-color: #382c27;border-color: #382c27;outline: none; -webkit-box-shadow: none;box-shadow: none;}

.bt-overlay {position: absolute;width: 100%;}

.fond_degrade{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,111111+60,2b2b2b+76,1c1c1c+91,131313+100&0+0,1+5,1+92,0+100 */
background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(81,81,81,1) 5%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(27,27,27,1) 92%, rgba(19,19,19,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%,rgba(81,81,81,1) 5%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(27,27,27,1) 92%,rgba(19,19,19,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(76,76,76,0) 0%,rgba(81,81,81,1) 5%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(27,27,27,1) 92%,rgba(19,19,19,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#00131313',GradientType=0 ); /* IE6-9 */}

/*Home Page */
.wrap {position: absolute;top: 25%;left: 0;right: 0; background-color: rgba(0, 0, 0,0);}
.logo {font-size: 100px;padding-top: 15px;}

/*Service Page*/
.cat_over{ opacity: 0.8; -moz-opacity:0.8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opaciy=80); position:absolute; padding-left:5px;}
   
#service {overflow-y: hidden;}
#service .row {margin: 0 0 50px 0;}
.fa-stack:hover {-webkit-animation-name: pulse;animation-name: pulse;}

/*#about img {border: 10px solid #382c27;} */
#about .row {margin: 0 0 25px 0;}

.chart {position: relative;display: inline-block;width: 170px;height: 170px;margin-bottom: 20px;text-align: center;}
.chart canvas {position: absolute;top: 0;left: 0;}
.percent {display: inline-block;line-height: 170px;font-size: 50px;font-weight: 300;z-index: 2;}
.percent:after {content: '%';margin-left: 0.1em;font-size: .8em;}

/*Portfolio Page*/
.caption {display: inline-block;position: relative;margin: 10px;overflow: hidden;background: rgba(0,0,0,0.2);-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.caption:hover {background: rgba(0,0,0,0);}
.caption img {display: block;max-width: 100%;-webkit-transition: -webkit-transform 0.4s ease-in-out;-moz-transition: -moz-transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out;}
.caption:hover img {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}
.caption::before,.caption::after {position: absolute;width: 100%;z-index: -1;background: #382c27;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: -webkit-transform 0.4s ease-in-out;-moz-transition: -moz-transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out;}
.caption::before {content: attr(data-title);height: 40%;color: #FFFFFF;font-size: 20px;font-weight: 300;padding: 10px;}
.caption::after {content: '\201C' attr(data-description) '\201D';top: 40%;height: 70%;color: #fff;font-size: 14px;padding: 20px 30px;}
.caption:hover::before,.caption:hover::after {-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}

.tag span {margin-right: 7px;text-transform: uppercase;}

.label {display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: normal;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 1em;}
.label-default {background-color: #382c27;}
.img-responsive {width:100%;}
.back-link {margin-top: 100px;font-size: 50px;}

.post {margin-bottom: 20px;}
.meta-tag {padding: 5px 0;background-color: #382c27;font-size: 12px; color:#FFFFFF}
.meta-tag span {padding: 0 10px;}
.post-content {padding: 20px;margin: 0;background-color: #111;color: #FFF;}
.post-content p {margin: 0;}

/* Sidebar */
#sidebar {border-left: 1px dashed #382c27;}
#sidebar {position:fixed; top: 120px; right:80px}
@media screen and (max-width: 991px) {#sidebar {position:Static;  top: 0px; right:0px}}

.widget {margin-bottom: 30px;}
.widget-title {background-color: #e80b8e;}
.widget-title h4 {margin-top: 0;padding: 6px 10px;font-size: 16px;}
.widget .glyphicon {padding-right: 8px;}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border: 0;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;color: #444;text-decoration: none;background-color: #eee;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #000;border-color: #382c27;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #fff;background-color: #000;border-color: #382c27;opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50);}

 /*Blog Single Page*/
#comment {padding: 0 15px;}
.comment-submit {margin-top: 30px;}
.comment-title {border-bottom: 2px solid #382c27;padding-bottom: 5px;padding-left: 5px;}
.gravatar img {max-width: 80px;max-height: 80px;}

@media (min-width: 768px) {#comment-list ul {list-style-type: none;padding: 0 0 50px 160px;}}

 /*Contact Page*/
.contact-form textarea,
.contact-form button { position: relative;margin-top: 20px;}
.form-control {margin-bottom: 0px;}

 /*Footer*/
#home footer,#service footer,#about footer,#portfolio footer,#contact footer {position: relative;}
footer a {color: #888;}

@media (min-width: 768px) {
#home footer,#service footer,#about footer,#portfolio footer,#contact footer {position: fixed;bottom: 0;right:0;padding-right: 30px;}
}

/*Components*/
/* Form */
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.428571429;color: #555;background-color: #f2f6f7;background-image: none;

-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* Dropdown Menu */
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 220px;width: 100%;padding: 5px 0;margin: 2px 0 0;font-size: 14px;list-style: none; background-color: #f2f6f7;background-clip: padding-box; margin-top: 2px; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #888;text-decoration: none;background-color: #382c27;}
.nav > .dropdown-menu > li > a > .label { margin-top:-18px; float:right; }


.nav-tabs.nav-justified > li > a {border-bottom: 0;border-radius: 0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #000;cursor: default;background-color: #EEE;border: 0;border-bottom-color: #382c27; height:43px}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #382c27;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border: 0;}

.tab-content {color: #000;cursor: default;background-color: #EEE;border: 0;border-bottom-color: #382c27;padding: 10px 15px 0 15px;}
.tab-content a {}

.badge {display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 11px;font-weight: normal;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline; border-radius: 10px;}

/* Switcher */
.switcher {display:none; position:fixed;right:-160px;top:250px;width:160px;z-index:100;text-align:center;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.switcher-active{right:0}
.switcher .switcher-content {position:relative;padding:20px 0 10px;background-color: rgba(0, 0, 0,0.5);}
.switcher h2{margin-bottom:10px;font-size:0.8em;line-height:1.4;letter-spacing:2px}
.switcher .color-thumbs{margin-bottom:20px;padding:0 10px;list-style:none;text-transform:uppercase;font-weight:bold;line-height:1;text-align:center}
.switcher .color-thumbs li{display:inline-block;width:15px;height:15px;margin:0 2px 4px;background-repeat:no-repeat;background-position:0 0;-webkit-background-size:200% 200%;background-size:200% 200%;cursor:pointer}
.switcher .color-thumbs li:hover{outline:1px solid #fff;}
.rose {color:#e4ab01 }
.cyan {color:#1abc9c }
.blanc {color:#FFF }
.gris {color:#888 }
.switcher .color .color-1 {background:#e4ab01;}
.switcher .color .color-2 {background:#3498db;}
.switcher .color .color-3 {background:#e74c3c;}
.switcher .color .color-4 {background:#9b59b6;}
.switcher .color .color-5 {background:#95a5a6;}
.switcher .switcher-btn{position:absolute;left:-55px;top:0;display:block;outline:none;background-color:#fff;padding: 5px}


#defaut_message {width:100%; height:800px}
.menu_bas{position:fixed; left:0; bottom:0; WIDTH:100%}
.menu_bas a { WIDTH:100%}
.espace{display:inline-block; width:80px; text-align:center }
.espace2{display:inline-block; width:25px; text-align:center }

  

#msgbox{ position:fixed; top:40px; left:30px; right:30px; z-index:1032;  padding:10px; border:2px solid #e4ab01; text-align:center;       opacity: 0.95; -moz-opacity:0.95; -ms-filter: "alpha(opacity=95)"; filter: alpha(opaciy=95); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size: 25px;   
}
#pubbox{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:#000000; z-index:1031; opacity: 0.5; 
padding:10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;

 -moz-box-shadow:4px 4px 10px #000000; -webkit-box-shadow:4px 4px 10px #000000; box-shadow:4px 4px 10px #000000;}
.bg{background-color:#ffffff;}
.bg0{background-color:#c5fffe;} /*Bleu ciel*/
.bg1,.bgrouge{background-color:#880000;} /*rouge*/
.bg1 {color:#000000 }
.bg2,.bgvert{background-color:#008800;} /*vert*/
.bg3,.bgorange{background-color:#ffb10b;} /*orange*/
.bg4,.bgjaune{background-color:#fffa73;} /*jaune*/
.bg5, .bggris{background-color:#eeeeee;} /*gris*/
.bgh{background-color:#888888;} /*gris*/
.bg6{background-color:#e5e7ff;} /*bleu foncé*/
.bg7{background-color:#000000;} /*noir*/
.bg7 H2{color:#FFFFFF; margin-left:10px} /*bLANC*/
.new {color: #FFF; padding-top:10px; text-shadow:0px 0px 3px #FFF; }
.marbot{margin-bottom:15px }
.martop{margin-top:15px }
.padbot{padding-bottom:15px }
.padtop{padding-top:15px }
.padtb{padding-top:5px; padding-bottom:5px }
.martb{margin-top:5px; margin-bottom:5px }
.bgrouge{color:#FFFFFF !important; min-height:20px }
.bgvert, .bggris {color:#e4ab01 !important;  font-size:23px;  }

.tab-content, .nav-tabs{font-size:18px;color:#000; }
.tab-content, .nav-tabs, .tab-pane{font-size:14px; }
.non_paye{color:#fff; background-color:#FF1111 !important; }
.nonfini{ border: 1px dashed #fff ;}

.innertext .underdiv{position:absolute; display:none; top:2%; height:84%; width:86%; left:7%;  min-height: 84%; background-color:#000; opacity: 0.85; -moz-opacity:0.85; -ms-filter: "alpha(opacity=85)"; filter: alpha(opaciy=85); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  overflow:auto; cursor: url('../highslide/graphics/zoomin.cur'), pointer !important  }
.innertext .underdiv h4 { font-size:12px; padding: 5px 0 5px 0; line-height: 12px; margin: auto; text-shadow: 0px 0px 0px #000000;}
.innertext .underdiv p{color:#FFFFFF; font-size:10px; line-height: 12px; text-shadow: 0px 0px 0px #000000;word-wrap: break-word; margin: auto;}
.innertext:hover .underdiv{display:flex; }

.gradients1 {display:inline-block;color:#ffffff; font-size:18px; height:25px; background-image: -webkit-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:    -moz-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:     -ms-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:      -o-linear-gradient(top, #383e3a 0%, #2f292d 100%);background-image:         linear-gradient(top, #383e3a 0%, #2f292d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#383e3a',endColorstr='#2f292d', GradientType=0);}
.gradients2 {display:inline-block;color:#ffffff; font-size:18px; height:25px; background-image: -webkit-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:    -moz-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:     -ms-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:      -o-linear-gradient(top, #bf185e 0%, #f349d6 100%);background-image:         linear-gradient(top, #bf185e 0%, #f349d6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf185e',endColorstr='#01ca00', GradientType=0);}
.admin { border:3px solid #FFFFFF; background-color:#aa0000; color:#FFFFFF}
.admin2 {  background-color:#900; }

.blink {animation-name: blink;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes blink {0% {opacity: 1;}80% {opacity: 1;}81% {opacity: 0.5;}100% {opacity: 0;}}

.blink2 {animation-name: blink2;animation-duration: 0.5s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes blink2 {0% {opacity: 1;}80% {opacity: 1;}81% {opacity: 0;}100% {opacity: 0;}}

.shake  {animation-name: shake;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes shake  {from {transform: translateX(0);}to   {transform: translateX(-10px);}}

.shake2  {animation-name: shake2;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes shake2  {from {transform: translateY(0);}to   {transform: translateY(-10px);}}

.rotation  {animation-name: rotation;animation-duration: 8s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes rotation  {from {transform: rotateY(0deg);}40% {transform: rotateY(0deg);}80%   {transform: rotateY(360deg);}to   {transform: rotateY(360deg);}}

.rgb  {animation-name: rgb;animation-duration: 2s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes rgb{ from { color:blue; } 35%  { color:green; } to   { color:red; }}

.cadre_form {padding:4px; border:0px solid #4b1313; background: #333; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.cadre_form2 {padding:0px; background: #333;}
.cadre_form3 {padding:0px; background: #555;}

.ecran_tel{ width: 240px; height:482px; padding:52px 11px 54px 12px; background-image:url('../images/iphone6.png');}
.ecran_tel textarea{ width:100%; height:330px; background-color:#FFFFFF; vertical-align: text-bottom; font-size:25px}
.ecran_tel input{ width:100%; height:26px; background-color:#FFFFFF; color:#000000; font-size:20px; font-family: 'Roboto Condensed', sans-serif;font-weight: normal;font-size: 21px;line-height: 23px;}
.ecran_tel select{ width:100%; height:22px; background-color:#FFFFFF; }
.ecran_tel #sms_sender2{ width:100%; height:26px; background-color:#FFFFFF; color:#000000; font-size:20px; font-family: 'Roboto Condensed', sans-serif;font-weight: normal;font-size: 21px;line-height: 23px; }
.cadre{ background-color:#DDD; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#nbc{display:inline-block};

#compteur {text-align:right;width:100%;font:12px Verdana; color:#444444;}

.co_admin{position:fixed; right:10px; top:5px; z-index:1000;border:1px solid #382c27;  background-color:#333333; padding:0px 5px 0px 5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.flag {position: fixed; bottom:5px; left:10px; z-index:1000 }
#bp_prec, #bp_suiv  {position:fixed; top:50%; font-family: "Times New Roman", Georgia, Serif; font-size:30px; color: #FFFFFF; -moz-text-shadow:1px 1px 2px #000000; -webkit-text-shadow:1px 1px 2px #000000; text-shadow:1px 1px 2px #000000;background-color:#888888; width:42px;height:42px; padding:1px;border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50); }
#bp_prec:hover, #bp_suiv:hover { opacity: 1; -moz-opacity:1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opaciy=100); }
#bp_prec {left:-10px;}
#bp_suiv {right:-10px}
.attention{color:#cc0000;} /*rouge*/
input, textarea, select { color:#000000; }
input[type=file] {color: #888;background-color: #ffffff; border-color: #FFF; padding:0px}

ul#list-photos{list-style:none; margin:0; padding-bottom:10px }
ul#list-photos li{cursor:move;width:80px;font-size:9px; font-family:Tahoma; text-align:center; height:20px; -moz-box-shadow:2px 2px 5px #888; float:left; margin:5px;}
ul#list-photos li.highlight{ width:80px;height:20px; border:1px dashed #AA0000;}
.bp_fermer{ cursor:pointer}
.loading {position : fixed; z-index: 9999; opacity: 0.5; -moz-opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opaciy=50);background : #FFF url('../images/loader.gif') 50% 50% no-repeat;top : 0px;left : 0px;height : 100%;width : 100%;cursor : wait;}
.erreur-champ{ border:2px solid #f00; background-color:#fAA;  }
.bon-champ{ border:2px solid #FFF; background-color:#FFF;  }

.cal1 { height:141px;  font-size:11px; background:#EEE;color:#000;border:1px solid #000; margin-bottom: 10px}
.cal1 div:hover { color:#000000;}
.cal1 div:active  { background:#F00;}

.msgpage{display:none; position:fixed; top:50px; left:50px; right:50px; bottom: 50px; z-index:1001;  padding:10px;  border:1px solid #e4ab01; text-align:center;   opacity: 0.95; -moz-opacity:0.95; -ms-filter: "alpha(opacity=95)"; filter: alpha(opaciy=95);background-color:#000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.msgpage div:first-child { padding:10px; }
.msgpage a,img:first-child {margin:0px 0px 0px 10px }

.act  { background:#EEE; color:#AAA;}
.noact   { background:#FFF;}
.noact:hover   { background:#0F0;}
.today {  background:#0F0;}
.busy { background: cyan;}
.noconfirm {background: orange;}
.overbusy {background: red; }
.cel {display:inline-block;width:19px; height:19px;  }
.st1 {font-weight:bold; background:Turquoise; }
.st2 {font-weight:bold; color:Purple; }

#list_maillings {background-color:#222; padding-left:5px; padding-right:5px }
#list_maillings .sujet {font-size:10px;}
#list_maillings .infos {font-size:10px; font-style: italic; color:#CCC }
#list_maillings div{border-bottom:1px solid #888}



.calculatrice
{
        width:300px;
        height:300px;
        background-color:#eeeeee;
        border:2px solid #CCCCCC;
        margin:auto;
        padding-left:5px;
        padding-bottom:5px;
}
.calculatrice td
{
        height:16.66%;
}
.calc_td_resultat
{
        text-align:center;
}
.calc_resultat
{
        width:90%;
        text-align:right;
}
.calc_td_calculs
{
        text-align:center;
}
.calc_calculs
{
        width:90%;
        text-align:left;
}
.calc_td_btn
{
        width:25%;
        height:100%;
}
.calc_btn
{
        width:90%;
        height:90%;
        font-size:20px;
}