@CHARSET "ISO-8859-1";

@import url("base.css");
@import url("crud.css");

body{
margin:0;
padding:0 0 0 0;
color:#000;
/*background:#efefef url(http://localhost/BDES/assets/css/img/gray_jean.png);*/
background-color:white; /* #FFFAF0 F5F5DC FAF0E6 FFF8DC*/
font:normal 0.8em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */

}

/*---------------------------------
    IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
#fade { /*--Masque opaque noir de fond--*/
    display: none; /*--masqu� par d�faut--*/
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999;
}
.popup_block{
    display: none; /*--masqu� par d�faut--*/
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    /*--Les diff�rentes d�finitions de Box Shadow en CSS3--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--Coins arrondis en CSS3--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}
/*--G�rer la position fixed pour IE6--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}

/*---------------------------------
    OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}
#hc_chart_1{
    float: left;
}
.boite {
background-color: #FAFEFF;
border: 2px ridge #999999;
padding: 5px 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

/*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
/*-ms-filter must come before filter*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/



}
/* #document{
    border: none !important;
} */
/* .boite :focus{
    color: blue;
} */
h4.boite ,
.boite h1,
.boite h2,
.boite h3,
.boite h4,
.boite h5,
.boite h6 {
    color: #2b445a;
    font-weight: bold;
}


thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

a.form_a:link {
    /*color: #646464;*/
    color: red;
    font-family: verdana;
    font-size: 7pt;
    text-decoration: none;
}

a.form_a:hover{
    font-family:verdana;
    /*color:#646464;*/
    /*color: red;*/
    letter-spacing:1px;
    font-weight:bold;
    font-size:7pt;
}
p.form_a{
    text-align:center;
}


.milieu{
    text-align:center;
}

input.content {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05) inset;
    color: #000000;
    font-family: arial;
    font-size: 13px;
    line-height: 150%;
    padding: 4px 8px;
    text-align: center;
    width: 300px;
}
div.connect span.content {
    color: #2b445a;
}


span.espa {
    color: black;
    float: left;
    font-family: verdana;
    font-size: 9pt;
    letter-spacing: 2px;
    margin: 5px 0 20px 150px;
    width: 210px;
}
span.espb {
    color: black;
    float: left;
    font-family: verdana;
    font-size: 9pt;
    letter-spacing: 2px;
    margin: 5px 0 20px 150px;
    width: 210px;
}

#checkblock {
    margin-left: 360px;
    font-size: 8pt;
}

.mandat {
    margin-top: 10px;
    color: black;
    font-family: verdana;
}

input[name="mycheck"]{
    margin-left: 10px;
}

label.check {
    color: black;
    font-family: verdana;
    font-size: 8pt;
    letter-spacing: 2px;
    padding-left: 10px;
}

input.inscri {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05) inset;
    color: #646464;
    font-family: arial;
    font-size: 13px;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
    width: 150px;
}

.droite_m{
    float: right;
    margin-top: -1%;
    margin-right: 20px;
}


div.tab-c{
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 12px #555555;
    height: 30px;
    margin-top: 20px;
    width: auto;

}



.add_data h1{
    font-family:arial;
    font-size:1.7em;
    letter-spacing:2px;
    font-weight:bold;
    text-transform: uppercase;
    text-align: center;
}

table.t_gestion{
    border: 2px solid #000000;
}

th {
    background-color: #33FFCC;
    /* box-shadow: 0px 4px 2px 0px rgba(117, 117, 117, 0.6);
    -moz-box-shadow: 0px 4px 2px 0px rgba(117, 117, 117, 0.6);
    -webkit-box-shadow: 0px 4px 2px 0px rgba(117, 117, 117, 0.6); */
}

.tabForm_sousMenu {
    text-align : center;
    color : white;
    background-color : red;
}

.tabForm_sousSousMenu {
    text-align : center;
    color : white;
    background-color : orange;
}

/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }

#tabForm {
    /*width : 800px;*/
    margin : auto;
}

/*  Le texte des messages d'erreur est de couleur rose sur fond ocre et de
taille de caract?res l?g?rement sup?rieure ? la normale */
.erreur{
   background-color:rgb(237,210,229);
   color:rgb(203,28,128);
   font-size:1.1em;
   width:95%;
}

div.authen_content, div.add_data {
    background-color: #EDF7F2;
}

div#tabForm {
    border: 5px solid #EDF7F2;
    box-shadow: 1px 1px 12px #555;
}

#SubmitDataForm {
    width: 100%;
    height: 100%;
    /*background-color: #96CA2D;*/
    background-color: #2b445a;
    color: white;
    border: 0px;
    font-size: 20px;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -20px;
}

#SubmitDataForm:hover {
    cursor: pointer;
}

div.menu a, div.menu a:visited {
    color: #b9c7fa;
    text-decoration: none;
}

th {
    /*background-color: #96CA2D;*/
    background-color: #2b445a;
    color: white;
}

table {
    background-color: #edf7f2;
    width: 100%;
}

td.tabForm_sousMenu {
    background-color: #4BB5C1;
    width: 100%;
    padding: 20px 0 20px 0;
}

td.tabForm_sousSousMenu {
    background-color: #7FC6BC;
}

.input input[type="text"] {

    color:#000000;
    border: none;
    text-align: center;
    background-color: #edf7f2;
    width: 100%;
}

input[type="text"]:focus {
    border: none;
    color: black;
}

tr.lastElement {
    /*background-color: #96CA2D;*/
    background-color: #2b445a;
    color: white;
}

tr:active{
    /*background-color: #B5E655;*/
    /*background-color: #74b8f3;*/
}

td {
    text-align: left;
}

td.libelle {
    text-align: left;
}

.buttonTab {
    border: 2px solid black;
    border-radius: 5px;
    background-color: #edf7f2;
}

.buttonTabA {
    border: 2px solid black;
    border-radius: 5px;
    /*background-color: #96CA2D;*/
    background-color: #2b445a;
    color: white;
}

.buttonTabA:hover {
    cursor: pointer;
    background-color: #4BB5C1;
}

.buttonTab:hover {
    cursor: pointer;
    background-color: green;
}

td.tdY {
    display: none;
}

.yearsTD td {
    /*background-color : #96CA2D;*/
    background-color : #2b445a;
    color: white;
}

td.tdLibelle {
    border: none;
    background-color : #EDF7F2;
}


div.authen_content, div.add_data, div.menu {
    /*background-color: #222222;*/
    /*background-color: #303030;*/
    background-color: #FAFEFF;

}
div.connect{
    background-color: #FAFEFF;
    color: black;
}

.droite {
    float:right;
    width: 50%;
}

#gauche{
    float:left;
    margin-right:0.2px;
    width: 49%;
}

#indexmargin{
    margin-bottom: 2em;
    margin-right: 1.5em;
}

.nopoint{
    list-style-type: none;
    text-align: left;
}
#ongletgestion{
    cursor:pointer;
}

#annee{
    -webkit-appearance: text;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-image: -o-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-image: linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   margin: 1px;
   padding: 5px 10px;
}

/*
DEBUT CSS
selectbox
*/
select#soflow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../img/selectbox.jpg), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 1px;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 80px;
}
/*
Fin CSS
selectbox
*/

section#nv_mdp_section label {
    padding-left: 10px;
}

section#nv_mdp_section div.fields div:last-child {
    font-size: 0.9em;
    font-family: arial, verdana, tahoma;
}

a.link-dotted {
   color: #2b445a;
   text-decoration: none;
   border-bottom: 1px #2b445a dotted;
   font-family: verdana,tahoma,arial;
}
a.link-dotted:hover {
    color: #74B8F3;
}

.menu li:hover {
    /*background-color: #74B8F3;*/
}
.menu li.hover-bold:hover {
    font-weight: bold;
}
.menu li.border-dotted{
    border-bottom: 1px #777 dotted;
}

img.logos{
    vertical-align: middle;
}

a div#entreprise,
a div#user,
a div#document,
a div#acces,
a div#notif,
a div#secure,
a div#bdu,
a div#other,
a div#template_aide {
    border: 1px ridge #E0E0E0;
}

a#update_infos img {
    vertical-align: middle;
    /* position: relative;
    bottom: 10px; */
}

div#fixed-filigrane {
    color: grey;
    font-family: helvetica,arial,verdana,sans-serif;
    font-size: 2em;
    line-height: 1.5;
    opacity: 0.5;
    position: fixed;
    text-align: center;
    width: 100%;
    right:30px;
}
div.prohibit-copy {
    width: 100%;
    height:700px;
    right: 27px;
    position: absolute;
    z-index:200;
}
div#hide-block {
    /*background-color: #d1d1d1;*/
    height: 47px;
    position: absolute;
    /*right: 10px;*/
    width: 100%;
    z-index: 99;
}

section#lastmaj span
{
    color : #2b445a;
    font-weight: bold;
}

/* BOUTON LIENS DIRECT VERS RUBRIQUES ACCUEIL */
#link-rub-container{
    text-align: center;
}
.rub-buttons{
    font-size:0.7em;
    text-decoration:none;
    color:white;
    display:inline-block;
    vertical-align:top;
    padding:10px 15px;
    margin-bottom:10px;
    background:#3b576f;
    border-radius: 5px;
    transition-duration: 0.4s;
    }
.rub-buttons:hover{
    background:#4f7290;
}
/* FIN BOUTON LIENS DIRECT VERS RUBRIQUES ACCUEIL */

/* CHARTE */
.ui-dialog .ui-dialog-title {
  width: 100% !important;
}
.popup-charte {
    cursor: pointer;
    font-style: italic;
}
/* FIN CHARTE */

.historique-msg-fichier,
.historique-msg-fichier:visited, 
.historique-msg-fichier:hover, 
.historique-msg-fichier:focus, 
.historique-msg-fichier:active 
{
    text-decoration: none;
}

/* STATISTIQUE HISTO */
.statistique-view {
    margin: 50px 200px;
}
.statistique-view form {
    margin-top: 50px;
}
.statistique-view h4 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.statistique-view label[for=end] {
    margin-left: 50px;
}
.statistique-view input[type=submit] {
    margin-bottom: 10px;
}
.stat-group {
    margin: 20px 0;
}
.stat-group label {
    width: 140px;
}

.testsaad{
    background: red;
}

/* FIN STATISTIQUE HISTO */

/* LOGO */
.header-logo{
    margin-bottom: 15px;
}
span.logos-views-img{
    margin-left: 50px;
}
/* FIN LOGO */

a.toggle-vis
{
    cursor: pointer;
    color: #3174c7 !important;
    text-decoration: none;
}

a.toggle-vis.hided{
    color: #000000 !important;
    text-decoration: underline;
}

.none{
    display: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color : #3174c7 !important;
}

.comptes-liste .ui-widget-header a,
.historique .ui-widget-header a{
    color: #333333 !important;
}

.popup{
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}

#template_aide-content input{
    width: 250px;
}

.content:not(ul) a h2,
.tooltip-page h1{
    top: -15px;
    position: relative;
}

.content:not(ul) a:not(.cke_button) ,
.tooltip-page:not(){
    width: 80px;
    height: 50px;
    display: block;
    margin: 0 auto;
}

a.tooltip-depot-icon.tooltip-page{
    color: #2b445a;
}

.accueil .tooltip-page,
.saisie-page .tooltip-page,
.checklist-page .tooltip-page,
.template-page .tooltip-page,
.import-page .tooltip-page,
.consolidation-page .tooltip-page,
.annonce-page .tooltip-page,
.index-page .tooltip-page,
.documents-page .tooltip-page,
.moteur-page .tooltip-page,
.generique-page .tooltip-page,
.mapping-page .tooltip-page{
    width: 450px;
    display: inline;
}

.accueil .tooltip-page span,
.saisie-page .tooltip-page span,
.checklist-page .tooltip-page span,
.template-page .tooltip-page span,
.import-page .tooltip-page span,
.consolidation-page .tooltip-page span,
.annonce-page .tooltip-page span,
.index-page .tooltip-page span,
.documents-page .tooltip-page span,
.moteur-page .tooltip-page span,
.generique-page .tooltip-page span,
.mapping-page .tooltip-page span {
    font-size: 12px !important;
    font-family: 'Arial', Times;
    color: black;
}

div#section-dropdowns.saisie-page h1{
    letter-spacing: 0px;
}

.generique-page h1,
.annonce-page h1,
.index-page h1,
.documents-page h1,
.moteur-page h1,
.consolidation-page h1,
.import-page h1,
.checklist-page h1,
.template-page h1,
.mapping-page h1{
    text-align:center;
    color: #2b445a;
    letter-spacing: 0px;
    margin: 0 0 25px 0;
    font-size: 26px;

}

.marginLeft20
{
    margin-left: 20px;
}

.saved{
    font-weight: bold;
    color: #003eff !important;
}

.ui-menu-divider{
    display: none !important;
}


.select2-container--default .select2-results__group {
    font-weight: bold;
    font-style: italic;
}
.select2-container{
    width: 150px !important;
}

.left{
    float:left;
}

.right{
    float:right;
}

#table_checklist_wrapper,
#table_checklist_file_wrapper{
    padding-bottom: 45px;
}

.column-filter-widget{
    padding: 10px 0;
}

#table_checklist_length,
#table_checklist_file_length{
    position: absolute;
    bottom: 8px;
    left: 50%;
}

#table_checklist_filter,
#table_checklist_file_filter{
    position: absolute;
    right: 0px;
    bottom: 8px;
}

#table_checklist_wrapper div.dt-buttons,
#table_checklist_file_wrapper div.dt-buttons
{
    position: absolute;
    bottom: 0px;
}