* {font-size: 12px;font-family: "Times New Roman", Georgia, Serif;margin: 0; padding: 0;}

.erreur {
    background-color: red;
    color: yellow;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    margin: 10px auto;
    width: 50%;
}

body {background-repeat: no-repeat;margin: 0 auto 100px;width: 100%;}
body .content * {box-sizing: border-box;}
body .content .admin_wrapper {background-color: black;width: 100%;}
body .content .admin_wrapper .admin {color: #EEE; margin: 0 auto;padding: 2px 10px; width: 1200px;}
body .content .admin_wrapper .admin a {color:#CCF786;}
body .content .admin_wrapper .admin .lien-admin {margin-left: 10px;background-color: #FFFDDC;padding:2px 5px;}
body .content .admin_wrapper .admin .lien-admin a {color:#000;margin: 0 5px;}

/* entête */

body .content .entete_wrapper {background-color: #6987FF;border-bottom: 1px solid #EEE;height:100px;text-align: center;width: 100%;}
body .content .entete_wrapper .entete {border-bottom: none;margin: 0 auto;width: 1200px;}

body .content .entete_wrapper .entete .logo {float:left;padding: 10px 0 10px 20px;}
body .content .entete_wrapper .entete .logo img {height:80px;width:80px;}

body .content .entete_wrapper .entete .title {height:80px;padding: 10px 20px;text-align: left;width:400px}
body .content .entete_wrapper .entete .title h3 { color:white;font-size: 30px;line-height: 80px;}
body .content .entete_wrapper .entete .title .subtitle {font-size: 18px;}

body .content .entete_wrapper .entete .link { box-sizing: border-box;height: 80px;padding: 40px 20px 10px 20px;text-align: left;}
body .content .entete_wrapper .entete .link ul li {list-style-type: none;margin-bottom: 2px;}
body .content .entete_wrapper .entete .link ul li:before { color: white; content: '\27A4';/* Unicode bullet symbol */ padding-right: 0.5em;}
body .content .entete_wrapper .entete .link a {color: white;font-weight: bold;}

body .content .entete_wrapper .entete .form-item label {color:white;font-size: 16px; height: 20px;line-height: 20px; width: inherit;}
body .content .entete_wrapper .entete .form-item input {height: 24px;}
body .content .entete_wrapper .entete .form-item button {border: none;height: 24px;padding: 0;width: 24px;}
body .content .entete_wrapper .entete .form-item button img {height:20px; width: 20px;}
body .content .entete_wrapper .entete .form-item a {border: none;height: 24px;padding: 2px;width: 24px;}
body .content .entete_wrapper .entete .form-item a img {height:20px; width: 20px;}
body .content .entete_wrapper .entete .form-item select {-webkit-appearance:none;-moz-appearance: none;-ms-appearance: none;background-color: white;font-size: 16px;height: 24px;margin-top: 0;padding-left: 5px;width: 80px;}

/* filtre */
body .content .filter_wrapper {width: 100%;}
body .content .filter_wrapper .filter {border-bottom: none;height: 50px;margin: 0 auto;padding: 5px 5px 5px 20px;width: 1200px;}
body .content .filter_wrapper .filter .form-item label {width: inherit;}


/* info */
body .content .info_wrapper {background-color: #370D8C; width: 100%;}
body .content .info_wrapper .info { border-bottom: none;height: 50px; margin: 0 auto;padding: 5px 5px 5px 20px;position: relative;width: 1200px;}
body .content .info_wrapper .info .personne { float: left;height: 40px;line-height: 40px;margin-right: 30px;min-width: 250px;}
body .content .info_wrapper .info .personne h2 { color: #FFF; font-size: 16px;text-transform: uppercase;}

/* principale */
body .content .main_wrapper .main { margin: 0 auto;width: 1200px;}



/* formulaire */
label, div.label {
    font-weight: bold; 
    font-size: 11px;
    line-height: 19px;
    height: 19px;
    vertical-align: middle;
}
select, input, textarea { 
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #eee; 
    font-size: 12px;
    line-height: 13px;
    margin:1px 2px;
    padding: 2px;
    vertical-align: middle;
}
select {
  background-repeat:no-repeat;
  background-position: right;
  background-size: 16px 16px;
  background-image: url('../img/dropdown_arrow.gif');
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  padding-right: 15px;
}

input[type=text],textarea,select {
    border-left: 2px solid #DDDDDD;
    border-top: 2px solid #DDDDDD;
    border-right: none;
    border-bottom: none;
    box-sizing: border-box; 
}

textarea[disabled],input[disabled] { background-color: white;}
button {padding: 2px 7px;}
.button {-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #eee;display: inline-block;font-size: 13px;font-weight: bold;height: 24px;height: 32px;line-height: 21px;margin:0px 2px;padding:3px 4px;text-align: center;vertical-align: top;width:34px;} 
.button img {margin: 0;padding: 0;}
input {height: 19px;}

option {font-size: 10px;padding-left:5px;vertical-align: middle;}
a {text-decoration: none;}
/*
//button{-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;border: 1px solid #eee;display: inline-block;font-size: 13px;font-weight: bold;height: 32px;line-height: 21px;margin:0 2px;padding:3px 4px;text-align: center;width:34px;}
*/

button.primary, a.primary {background: greenyellow;color:#333;}

label.top {vertical-align: top;}
table {border-collapse: collapse;}
table th {padding: 0 10px; }
img {display: block;margin:0;padding: 0;}
.invisible {display:none;}
.w33 {
    box-sizing: border-box;
    width: 33%;
}
.w50 {
    box-sizing: border-box;
    width: 50%;
    float:left;
}
.w100 {
    clear: both;
    box-sizing: border-box;
    width: 100%;
}

/* couleur */ 
.background-primary {background: greenyellow;}
.background-secondary {background: blanchedalmond;}
.background-warning {background: #FDFF00;}
.font-white {color: white;}
.font-black {color: black;}
.row {box-sizing: border-box; clear:both; float: none;}
.column {float:left;}
.fl {float: left;}
.fr {float: right;}
.cb {clear:both; float: none;}
.background-yellow {background-color: #CCF786;}


.menu, .sub-menu {background-color: #5876EE ; border-bottom: 1px solid white;height:26px;text-align: center;}
.menu ul, .sub-menu ul {display: inline-block; margin: 0; padding: 0;}
.menu ul li, .sub-menu ul li {float: left;list-style-type: none;margin: 0 1px;}
.menu ul li a, .sub-menu ul li a {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #223ad6 0%, #2989d8 70%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#223ad6), color-stop(70%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#223ad6 0%,#2989d8 70%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#223ad6 0%,#2989d8 70%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#223ad6 0%,#2989d8 70%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#223ad6 0%,#2989d8 70%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    border-radius: 8px;
    background-color: #5876ff; color:white;display: block;font-size: 12px;height:20px;line-height: 20px;
    margin:2px;
    padding: 0 7px;
    text-decoration: none;
}

.menu ul li a.bouton_violet {
    width: 60px;
    height: 20px;
    padding: 0;
    background: none;
    background-image: url('../img/bouton_violet60x20.png');
}
.menu ul li a.bouton_orange {
    width: 60px;
    height: 20px;
    padding: 0;
    background: none;
    background-image: url('../img/bouton_orange60x20.png');
}
.menu ul li a.bouton_marron {
    width: 60px;
    height: 20px;
    padding: 0;
    background: none;
    background-image: url('../img/bouton_marron60x20.png');
}
.menu ul li a.bouton_bleu {
    width: 60px;
    height: 20px;
    padding: 0;
    background: none;
    background-image: url('../img/bouton_bleu60x20.png');
}

.menu ul li a.bouton_bleu_large {
   width: 110px; 
   background-image: url('../img/bouton_bleu110x20.png');
}
.menu ul li a.bouton_orange_large {
   width: 110px; 
   background-image: url('../img/bouton_orange110x20.png');
}

.sub-menu ul li a {background-color: #75FFA8; color: #ddd;}
.navbar {box-sizing: border-box; height: 50px;padding: 5px 5px 5px 20px;}
.navbar h1 {line-height: 40px;}

.menu-actions {background-color: #370D8C; box-sizing: border-box; height: 50px;padding: 5px 5px 5px 20px;position:relative;}
.menu-actions .form-button {position: absolute; right:0;top:10px;}
.menu-actions a {color: #FFF;}

.menu-actions button.transfert { border:2px solid #eee;color: #000;font-size: 16px;height:31px;margin:-18px 2px;padding:3px 4px;text-decoration: none;width: 30px;}

.menu-actions .personne {float: left;height: 40px;line-height:40px;margin-right:30px;min-width: 250px;}
.menu-actions .personne h2 {color:#FFF;font-size: 16px;text-transform: uppercase;}

.menu-actions .personnes-select {padding-left:448px;text-align: center;width:290px;}
.menu-actions .personnes-select .button {height: 23px;margin-bottom: 5px;padding: 1px 4px 5px 4px;text-align: center;}
.menu-actions .personnes-select .button span {font-size: 9px;line-height: 9px;}
.menu-actions .personnes-select .button img {height: 15px;margin: 0 3px;}

.pad100 {padding: 50px 0;}
#aide { 
    background-color: #FFF;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: border-box;
    display: none;
    font-size: 12px;
    left: 50%;
    padding: 20px;
    position: absolute;
    top:150px; 
    width: 600px;
    z-index: 10;
}
#aide .aide-inner {
    background-color: #EFE;
    padding: 20px;
    position: relative;
}
#aide .aide-inner .close {position: absolute;right:5px;top:5px;}
#aide img {height:12px;margin-right: 5px;}
#aide .close img{height: 24px;}


.contenu-secondaire-2 {box-sizing: border-box; border: 1px solid #000;width: 34%;margin-top: 5px;padding: 5px;}
#adresse-1 .field-label {display:block;float:left;width: 50%;}

.personne-adresse-1-secteur {float: left;margin: 5px 0;text-align: left;width: 50%}
.personne-adresse-1-secteur label {box-sizing: border-box; display: inline-block; height: 26px;line-height: 20px;padding-right: 10px;text-align: right;vertical-align: top;width:60px; }
.personne-adresse-1-secteur select {box-sizing: border-box; width: 120px;}

.personne-adresse-1-responsable {float: left;margin: 5px 0;text-align: left;width: 50%}
.personne-adresse-1-responsable  label {box-sizing: border-box; display: inline-block; height: 26px;line-height: 20px;padding-right: 10px;text-align: right;vertical-align: top;width:60px; }
.personne-adresse-1-responsable  input {box-sizing: border-box;width: 120px;}

.personne-adresse-1-bloc {margin: 0;text-align: left;}
.personne-adresse-1-bloc label {box-sizing: border-box; display: inline-block; height: 26px;line-height: 20px;padding-right: 10px;text-align: right;vertical-align: top;width:60px; }
.personne-adresse-1-bloc input {box-sizing: border-box;width:290px;}

.error {background-color: red; color: #000; font-size: 18px;margin: 5px; padding: 5px;}


.message {background-color: red; color: #000; font-size: 18px;margin: 5px; padding: 5px;}
.message ul li {font-size: 14px;list-style-type: none;padding-left: 50px;}

.menu li.fichierB a {
    background: orangered;
}
.ui-slider-horizontal {height: 0.6em;}
.ui-slider .ui-slider-handle {height: 1em;width:1em;}

.navbar .w33 {box-sizing: border-box;float:left;width:20%;}
.navbar .w66 {box-sizing: border-box;float:left;padding-left: 20px; width:80%;}

.ficheB {background-color: orangered;}

.form-wrapper {display: inline-block;position: relative;}
.form-wrapper .fa-caret-down {position: absolute; right: 7px;top: 6px;}
.annee .form-wrapper {float: right;}
.annee .form-wrapper {float: right;}


.entete .form-item label {
    color: white;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}

.entete .form-item input {
    font-size: 20px;
    height: 30px;
    width: 30px;
}

.form-modal {
    background-color: #eee;
    border: 3px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    /*display: none;*/
    margin:0 25%;
    padding: 20px 80px;
    position: fixed;
    top: 40%;   
    width: 50%; 
    z-index:100;
}

.form-item {
    text-align: left;
}

.form-item label {
    box-sizing: border-box;
    display: inline-block;
    padding-right: 10px;
    text-align: left;
    width: 120px;
}
.form-item select, .form-item input,.form-item textarea  {
    border-color: #dddddd -moz-use-text-color -moz-use-text-color #dddddd;
    border-left: 2px solid #dddddd;
    border-style: solid none none solid;
    border-width: 2px medium medium 2px;
    box-sizing: border-box;
    width: 240px;
}
.form-item label.radio {width: 60px;}
#filtre .form-item select,
#filtre .form-item input {width:inherit;}

.ui-autocomplete { max-height: 200px; overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
.ui-menu .ui-menu-item {width:300px;}
.ui-menu .ui-menu-item.ui-state-focus {font-weight: normal;}

hr.legend {margin-bottom: 20px;margin-left: 2px;width: 210px;}
h3.legend {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px 0;
    width: inherit;
}

fieldset {
    background-color: rgba(255, 255, 255, 0.4);
    border: medium none;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 15px 2px 2px;
    width: 100%;
}

.bouton_main {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-weight: 700;
    height:20px;
    line-height: 18px;
    margin: 1px 2px;
    padding: 0 5px;
    text-decoration: none;
    
}

.bouton_main.bouton_main_defaut {
    border: 1px solid #bbb;
    background-color: white;
}
.bouton_main.bouton_main_ajouter {
    
    background-color: lightblue;
}

.bouton_main.bouton_main_supprimer {
    background-color: red;
    color: white;
}


/* template 2*/
.entete .annee {padding: 0 3px;}
.entete .secteur {padding: 0;}
.first-line {margin-top: 20px;margin-bottom:13px;text-align: right;}
.second-line {text-align: right;}
.second-line .form-item {margin: 0px 0px 5px;}
.second-line .button {display: inline-block;height: 23px;line-height: 19px;padding: 1px 2px 1px 3px; width: 25px;}
.second-line .button img {height: 18px;width: 18px;}

.entete .slider {float: left;margin-top: 20px;}
.entete .select
{text-align: center;width:220px;}
.entete .select .button {height: 20px;line-height: 16px;margin-bottom: 5px;margin-top: 4px;padding: 1px 1px 5px 1px;text-align: center;width: 24px;}
.entete .select .button.current {height:24px;margin-top: 0;width: 28px;}
.entete .select .button span {font-size: 9px;line-height: 9px;}
.entete .select .button img {height: 15px;margin: 0 3px;}
#slider {
    margin: 0 0 0 10px;
    width: 205px;
}

div.plus {padding-left: 110px;}


.last_update span {font-size: 10px;}

.form-item select.day, 
.form-item select.month,
.inline select.day, 
.inline select.month {
    height: 20px;
    min-width: 40px !important;
    width: 40px !important;
}
.form-item input.year,
.inline input.year
 {
    border-width: 2px medium medium 2px;
    border-style: solid none none solid;
    border-color: #DDD -moz-use-text-color -moz-use-text-color #DDD;
    box-sizing: border-box;
    height: 20px;
    padding-top: 3px;
    min-width: 40px !important;
    width: 40px !important;

 }