html, body { font-family:Tahoma,Arial; font-size:10pt; height:100%; width:100%; margin:0px; padding:0px; }
* { font-family:Tahoma,Arial; font-size:10pt; }

h2 { font-size:14pt; font-weight:bold; }
h5 { font-size:8pt; text-decoration:italic; font-weight:normal; }
input, select, textarea { border:1px solid #a0a0a0; border-radius: 3px; }
input[type=text], select, textarea { width:100%; }


.login { margin: 0 auto; width:600px; text-align:center;  padding:30px;  position: absolute; top:40%; left:50%; transform: translate(-50%, -50%); }
.login .titre { width: auto; font-weight:bold; color#80a0ff; font-size:32px;  color:#808080; text-align:center;  }
.login .fieldname { width: 120px; text-align:right; display: inline-block; color:#808080;  padding-right:5px; }
.login .field { text-align:left; display: inline-block; }
.login .field input { border : 1px dotted; background-color:#e0e0e0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 2px 8px 2px 8px; width:150px; }
.login .field input:hover { background-color:#a0a0a0; color:#ffffff; }
.login .field input:focus {  background-color:#0080ff; color:#ffffff; }


.copyright {  position: absolute; top:5px; right: 5px; font-size:9pt; text-align:right;}
.logo img { position: absolute; top:5px; left: 5px; height: 90px; }

.right { text-align:right;}
.left { text-align:left;}
.center { text-align:center;}

.red { color: red; }
.green { color: green; }

.backred { background-color: #fff0f0; }
.backgreen { background-color: #f0fff0; }

.width_button { width:150px; }

.optioninactif { color:#a0a0a0; font-style:italic; }

.main_menu { width:100%;  height:80px; text-align:center; }
.main_menu .choix { width:60px; height:100%; margin:10px 2vw 0px 2vw; font-size:12px; display:inline-block; text-align:center; color:#a0a0a0; transition: 0.3s; background-color:unset; }
.main_menu .choix .image { height:60px; }
.main_menu .choix .image img { height:30px; transition: 0.3s; filter: grayscale(100%) opacity(50%) drop-shadow(0px 0px 0px #ffffff);  z-index:1;}
.main_menu .choix:hover , .main_menu .choixactif { color:#0080ff; cursor:pointer;  }
.main_menu .choix:hover .image img, .main_menu .choixactif .image img { height: 50px; filter: none;  transition: 0.3s; filter: drop-shadow(5px 5px 4px #808080); }


.content { display: flex;  flex-flow: row;  flex-direction: row; height: calc(100vh - 100px); }
.left_menu { background-color:#e0e0e0;  width: 300px; padding:0px 10px 0px 10px; text-align:center; margin:0px; }
.body_page { padding:0px 10px 0px 10px;  flex: 1 1 auto; font-size:10pt; border-top:2px solid #e0e0e0;   overflow-y:auto; }

.trcontrat input, .trcontrat select { color:#000000; }
.trcontrat input:disabled, .trcontrat select:disabled { color:#000000; -webkit-text-fill-color:#000000; }

.maxwidth { width: 90%; }


.tableau { width:95%; margin:auto;  text-align:center; }
.tableau table { border-collapse: collapse; width:100%; margin-top: 20px;}
.tableau table th { border:unset;  padding:0px; margin:0px; }
.tableau table tr { vertical-align:middle; }
.tableau table tr.mail { background-color:#f0f0ff; }
.tableau table tr.tel { background-color:#f0fff0; }
.tableau table tr.selectable { cursor:pointer; }
.tableau table tr.selectable:hover { background-color:#e0e0e0; }
.tableau table.liste_contrats { text-align:center;  margin:0px; }
.tableau .fieldname { text-align:right; width:10%; }
.tableau .fieldnamesmall { text-align:right; width:10%; }
.tableau .fieldvalue { text-align:left; width:14%;  }
.tableau .fieldvaluesmall { text-align:left; width:10%;  }
.tableau .fieldvaluesmall input:disabled { background-color:#f0f0f0;  color:#a0a0a0;}
.tableau .titre { font-size:14pt; font-weight:bold; background-color:#1d3a8f; text-align:center; color:#ffffff; padding:6px; border-radius:10px; box-shadow: 5px 5px 5px #808080; }
.tableau .soustitre { font-size:11pt; font-weight:bold; background-color:#99aeeb; text-align:center; color:#ffffff;  padding:2px; border-radius:10px; box-shadow: 5px 5px 5px #808080; }
.tableau .space { height:30px; }
.tableau .minispace { height:15px; }
.tdhref:hover { cursor:pointer; background-color#f0f0f0; color:#ff8000; }


.ligne1 {  }
.ligne2 { background-color: #f0f0f0; }

.contratetat4 input, .contratetat4 select { color:#b0b0b0; font-style:italic; }

.icon_cell { width:20px; }
.icon_cell img { height: 20px; background-color#808080;}
.icon_cell img:hover { cursor:pointer; }

.buttonimg { height: 20px; }
.buttonimg img { height: 20px; vertical-align:middle; }
.buttonimg:hover { cursor:pointer; color:#ff8000; }

.bigbuttonimg { height: 48px; }
.bigbuttonimg img { height: 48px; vertical-align:middle; }
.bigbuttonimg:hover { cursor:pointer;  color:#ff8000; }


.recherche { }
.recherche * {  font-size:10px; }
.recherche table { width:100%; }
.recherche .fieldname { text-align:right; }
.recherche .champ { background-color:#e0e0e0; width:100%; }
.recherche .compar { background-color:#ffe0e0; width:100%;  }
.recherche .valeur { background-color:#e0e0ff; width:100%;  }
.recherche .oper { background-color:#e0ffe0; width:100%;  }
.searchcount { margin: 20 auto 0 auto; text-align:center; font-size:1.2em;}

.search_result { width:95%; margin:auto; text-align:center; border-collapse:collapse; }
.search_result th { background-color:#e0e0e0; }


.right { text-align:right; }
.left { text-align:left; }

.photoid { text-align:center; vertical-align:middle; }
.photoid .photo { border-radius: 5px; margin:5px;  height:140px;  border: 1px solid #a0a0a0; }

.liens { vertical-align:top; }

.popupoff { position: fixed; margin: 0px;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0, 0, 0, 0.7);  transition: opacity 250ms;  visibility: hidden;  opacity: 0;  }
.popupoff > div {  visibility: hidden;  margin: 0px auto;  padding: 20px;  background: #ffffff;  border-radius: 7px;  position: relative; transition: opacity 500ms; }
.popupon {  position: fixed;  margin: 0px; top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(128, 128, 128, 0.9);  transition: opacity 500ms;  visibility: visible;  opacity: 1;  text-align:center;  z-index:5; }
.popupon .popup_main_content { text-align:right; visibility: visible;   padding: 20px;  background: #e0e0e0; border:1px solid #808080;  border-radius: 7px;  position: absolute; transition:opacity 500ms;  top:50%; left:50%; transform: translate(-50%, -50%); box-shadow: 10px 10px 15px #000000; } }
.popupon .cross { padding: 20px; }
.popupon .cross a { font-weight:bold; cursor:pointer;  color:#b00000;  font-size:32px;}
.popupon .cross a img { width:24px; }
.popupon .popup_content { text-align:center; max-height:80vh; }

.alink { cursor:pointer; text-decoration:underline; color:#000080; }


.param { width:95%; margin:auto;  text-align:center; }
.param table { border-collapse: collapse; width:100%; }
.param table tr.ligne { vertical-align:middle; background-color:#d0d0d0; }
.param table tr { vertical-align:middle; }
.param td { padding:10px;  }
.param .fieldname { text-align:right; width:125px;  vertical-align:top;}
.param .fieldvalue { text-align:left;   }
.param .fieldvalue textarea {height:200px;  }
.param .idrow { background-color:#808080; color:#ffffff; font-size:2em; text-align:center; width:25px; }

.parammenu { text-align:left; padding : 10px;}
.parammenu img { height: 20px; vertical-align:middle; }
.parammenu:hover { cursor:pointer; color:#ff8000; font-weight:bold; }


.contrat_titres { width : 100%; }
.contrat_titres th.isin { width:100px;}
.contrat_titres th.nom {}
.contrat_titres th.parts { width:90px;}
.contrat_titres th.val { width:90px;}
.contrat_titres th.date_val { width:90px;}
.contrat_titres th.action { width:60px;}

.contrat_titres td.isin { text-align:left; }
.contrat_titres td.isin input { text-align:left; width:100px;}
.contrat_titres td.nom { text-align:left; }
.contrat_titres td.parts input { text-align:right; }
.contrat_titres td.val input{ text-align:right; }
.contrat_titres td.date_val input{ text-align:center; }
.contrat_titres td.action {  text-align:right; }

.bourse_synthese { margin : 0px auto; width:90%; border-collapse: collapse; border:1px solid #b0b0b0;}
.bourse_synthese td,th  { border:1px solid #b0b0b0; padding:5px; }
.bourse_synthese th.titre { }
.bourse_synthese th.valeur { width:80px; }
.bourse_synthese th.evolution {  }
.bourse_synthese th.nbclt {  width:60px }
.bourse_synthese th.gain {  width:100px }

.bourse_synthese td.evolution { width:60px; text-align:right; font-size: 0.8em; }
.bourse_synthese .hier {  background-color:#ffe0e0; }
.bourse_synthese .semaine {  background-color:#ffffe0; }
.bourse_synthese .mois {  background-color:#ffe0ff; }
.bourse_synthese .annee {  background-color:#e0e0ff; }
.bourse_synthese .cinqans {  background-color:#e0ffff; }
.bourse_synthese .dixans {  background-color:#ffe0ff; }
.bourse_synthese td.valeur {text-align:right;   }
.bourse_synthese td.titre {text-align:left; }
.bourse_synthese td.nbclt {text-align:center; }
.bourse_synthese td.gain {text-align:right;  font-weight:bold; }

.popupcalendaroff { display:none;  vertical-align:middle;}
.popupcalendaron { display:inline-block;   background-color:#ffffff; position:absolute; z-index: 100;  border:1px solid #808080; padding:5px; box-shadow:10px 10px 10px #808080;}
.calendar { border-collapse:collapse; font-size:10px; width:240px; }
.calendar a:hover { cursor:pointer;  color:#ff8000;}
.calendar th a {font-size:10px; }
.calendar th {  border:unset; font-size:10px; border-bottom:1px solid #808080; }
.calendar td { width:25px; height:20px; text-align:center; border:unset; padding:5px; }
.calendar td.today { background-color: #40c040; color:#ffffff; border-radius:20px; }
.calendar td.selected { background-color: #c04040; color:#ffffff; border-radius:20px; }
.calendar td.active:hover { cursor:pointer; background-color: #0080ff; color:#ffffff; border-radius:20px; }

.suivi_popup_content { width:80vw;  border-collapse:collapse; margin:0px 10px 0px 0px; padding:0px; }
.suivi_popup_content input, .suivi_popup_content select, .suivi_popup_content textarea { padding: 3px; }
.suivi_popup_content td { padding: 2x 2px 2px 2px; vertical-align:middle; }
.suivi_popup_content td.fielname { text-align:right; }
.suivi_popup_content td.date input { width:80px; }
.suivi_popup_content td.status input { width:80px; }
.suivi_popup_content td.top { vertical-align:top; }
.suivi_popup_content td.value { text-align:left; padding:2px 2px 2px 2px; }
.suivi_popup_content tr.onmouse:hover { background-color:#d0d0d0; }

.suivi_taches { width:90%; margin: 0px auto 0px auto; border-collapse:collapse; }
.suivi_taches td { border:1px solid #b0b0b0; padding:5px; text-align:center; }
.suivi_taches th { border:1px solid #ffffff;  padding:5px; text-align:center; background-color:#99aeeb;}
.suivi_taches th:nth-child(1) , .suivi_taches td:nth-child(1) {width:10%; }
.suivi_taches th:nth-child(2) , .suivi_taches td:nth-child(2) {width:10%; }
.suivi_taches th:nth-child(3) , .suivi_taches td:nth-child(3) { width: 30%; }
.suivi_taches th:nth-child(4) , .suivi_taches td:nth-child(4) {width:10%; }
.suivi_taches th:nth-child(5) , .suivi_taches td:nth-child(5) {width:10%; }
.suivi_taches th:nth-child(6) , .suivi_taches td:nth-child(6) {width:30%; }
.suivi_taches tr.tdhref:hover { background-color:#808080; color:#ffffff; }
.suivi_taches th.titre { background-color:#1d3a8f; color:#ffffff; }
.suivi_taches th.vide { border:unset; background-color:unset;}
.suivi_taches .priorite_Haute { background-color: #ffd0d0; }
.suivi_taches .priorite_Basse { color:#a0a0a0; }
.suivi_taches .priorite_Normal { background-color: #f0fff0; }
.suivi_taches .priorite_Urgent { background-color: #ffff00; }
.suivi_taches .priorite_Moyen { background-color: #ffd0a0; }


.tache_search { margin: 20px auto 0px auto;  padding-bottom:10px; text-align:center;  border-bottom:1px solid #808080; }
.tache_search input,select { width:150px; margin-right:40px; }