/*////////////////////////////////////////////////////*/
/*/               A P S Y N E T                      /*/
/*////////////////////////////////////////////////////*/
/*/ Version : @@@Version@@@                          /*/
/*////////////////////////////////////////////////////*/

/***FONT******************************************
****Personnalisation de la police*****************
*************************************************/
body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


table.dataTable tr.odd { 
    background-color: #FFF; 
}

/*
 * Table wrapper
 */
.dataTables_wrapper {
    background-color: white;
}

.dataTables_length {
	float: right;
}

.dataTables_filter {
	visibility:hidden;
}



.paging_full_numbers a.paginate_button:hover {
    background-color: #e5bada;
}

.paging_full_numbers a.paginate_active {
	background-color: #c260a8;
}

.node-chart {
     /* background-color: white:important;*/
	  background:none transparent;
}

.footer_font_color {
    /*Modifie la couleur de police du pied de page
      et des titres des pages de contenus*/
    color: #d9dde2;
}

/*.cat-name {
    color: rgb(1,64,35);
}*/

.username {
    color:#d9dde2;
}

.titlebloc {
	z-index: 10;
    /*Modifie la couleur de police du pied de page
      et des titres des pages de contenus*/
      margin-top: 10px;
      height: 30px;
    color: white;
	 background-color: #A0A0A0;
	
}

.welcome_msg {
    /*Modifie la couleur de police du message de bienvenue
      sur accueil.html*/
    color: #696969;
    text-align: center;
    font-size: 26px;
    margin: 20px 0 30px;
    line-height: 35px;
}


/***BACKGROUND************************************
****Personnalisation du background****************
*************************************************/
.loadingframe_container {
    /*Personnalise l'image de fond du body*/
	/*background-image: url('../../CommonDashboard/resources/bgd.png');*/
    background-color: #F3F3F1;
}

.background_img {
    /*Personnalise l'image de fond du body*/
    /*background-image: url('../../CommonDashboard/resources/bgd.png');*/
    background-color: #0;
	 background:none transparent;
}

.background_img_doc {
    /*Personnalise l'image de fond du body*/
	 background:none transparent;
	 background-color: #0;
    /*background-image: url('../../CommonDashboard/resources/bgdoc.png');*/
}


/***BANNER****************************************
****Bannière logo de l'entreprise******************
*************************************************/
.banner_img {
    /*Personnalise la bannière du portail avec le logo de votre entreprise*/
    background: url('/portal/images/bann24.png') no-repeat;
    /*Permet de positionner l'image, valeurs conseillées : Right, Center ou Left*/
    background-position: left;
    /*Spécifier ici la hauteur en pixel de vote image de bannière*/
    /*height: 169px;*/
}

.navbar {
    /*Spécifier la hauteur de votre image de bannière -30pixel
        pour que le menu s'ajuste à celle-ci*/
    padding-top: 80px;
    margin-bottom: 0px;
}

.banner_color {
    /*Personnalise la couleur de fond de la bannière*/
    background-color: #d87673;
}

.society_name {
    /*Modifie la couleur de police du nom de la société dans la bannière*/
    /*color: #704454;*/ 
    /*ou charge le logo de l'entreprise
    background: url('/portal/images/Ydentity.png') no-repeat;
	 en ranseignant les dimensions de l'image ici
    background-size: 200px 78px;/* largeur en pixel   hauteur en pixel
    background-position: 0px;
    width : 300px;
    height: 100px;*/
}

.society_name2 {
    /*Modifie la couleur de police du nom de la société dans la bannière*/
    /*color: #704454;*/ 
    /*ou charge le logo de l'entreprise*/

    /*en ranseignant les dimensions de l'image ici*/
    height:50px; /*hauteur*/
    width:323px; /*largeur*/
}


/***MENU*****************************************
****Personnalisation du menu*********************
*************************************************/

.navbar-inner {
    /*On modifie ici la couleur de fond du menu*/
    background-color: white;
    box-shadow: 0 1px 10px rgb(8 8 8 / 27%);
    /*On modifie ici le dégradé du menu en restant compatible avec les différents navigateurs.
        La 1ère couleur est la plus fonçée, la 2ème la plus claire.
        Vous pouvez vous aider d'outils comme color-hex.com pour déterminer une couleur
        en valeur hexadecimale.*/
    /*background: linear-gradient(to bottom, #445571, #36445a);
    -webkit-background-image: linear-gradient(to bottom, #36445a, #36445a);*/
}

.navbar .nav > li > a {
    /*On modifie ici la couleur des textes des onglets du menu*/
    color:black;
    /*On modifie la couleur des ombres des textes des onglets du menu*/
   /*text-shadow: 0 1px 0 #fff;*/
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    /*Permet de déterminer la couleur des triangles qu'on onglet est déroulant*/
    border-top-color: #fff;
    border-bottom-color: #4F6A7A;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav li.topmenu a:hover,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    /*On modifie ici la couleur d'un onglet actif...*/
    background-color: #404040;
    /*Ainsi que la couleur de police.*/
    color: #fff !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    /*On modifie la couleur d'un lien dans un menu déroulant ici*/
    background-color: #404040;
}

.selecto {
    z-index: 1000;
    /*On modifie ici la couleur du triangle d'un onglet actif*/
    border-top-color: #404040;
}

/***BACKGROUND & COLOR DIVERSES*******************
Personnalisation des couleurs des éléments diverses
*************************************************/

.login_container {
    /*Personnalise la couleur de fond du container
        qui affiche le nom de l'utilisateur*/
    background-color: #8fd300;
    /*Personnalise la couleur de la police du container
        qui affiche le nom de l'utilisateur*/
    color: #d9dde2;
}

.footer_color {
    /*Personnalise la couleur de fond du footer*/
    background-color: #cccccc;
}

.main_container, .bloc_acceuil {
    /*Personnalise la couleur de fond du container principal
        et des blocs de l'acceuil*/
    background-color: #fff;
}

.bloc_accueil h1 {
    /*Personnalise la couleur de fond du titre des blocs de l'acceuil*/
    /*Personnalise la couleur de la police des blocs de l'accueil*/
    background-color: white;
    color: #404040;
    border-bottom: 2px solid #404040;
}

.bloc_accueil {
    border-radius: 10px;
    border: 5px solid #fff;
    margin: 16px;
}


.bg-mob {
    /*Personnalise la couleur de rappel société en web mobile*/
    background-color: rgb(190,208,0);
}

.bloc-img-mob {
    /*Personnalise la bordue des icônes de la page d'accueil en mobile*/
    border: 3px solid #704454;
}

.button-search-class {
     background-color: #4F6B79;
     color: white;
}

.button-color {
    background-color: #4F6B79;
}


/***SHAPES & SHADOWS*******************
Personnalisation des ombres et des arrondis des éléments
*************************************************/

.shape-box {
    border-radius : 15px;
}

.shadow-box {
    box-shadow : 0 5px 10px rgba(0,0,0,0.2);
}

.border-box {
    border : 0px none rgba(0,0,0,0.2);
}

/*** SURCHARGES CSS *******************
Les surcharges sont à renseigner ci-dessous
*************************************************/ 

.accueil-eco {
    margin: 5px;
}

#homeback {
    background-color: #4F6B79;
    display: inline-block;
    border : 1px solid white;
    color: white;
    padding : 5px;
    width: 60px;    
    cursor: pointer;
}

#currentnav {
    background: white;
    display: inline-block;
    padding : 5px;
}

#homeback:hover {
    background: -webkit-gradient(linear, 0% 0% 0% 100% from(#e1e2e3), color-stop(0.5, #d3d3d3), color-stop(0.5, #c7c7c7), color-stop(0.5, #c7c7c7), to(#c7c7c7));
	background: -webkit-linear-gradient(top, #e1e2e3, #d3d3d3 50%, #c7c7c7, #c7c7c7 50%, #c7c7c7);
	background: -moz-linear-gradient(top, #e1e2e3, #d3d3d3 50%, #c7c7c7, #c7c7c7 50%, #c7c7c7);
	background: -ms-linear-gradient(top, #e1e2e3, #d3d3d3 50%, #c7c7c7, #c7c7c7 50%, #c7c7c7);
	background: -o-linear-gradient(top, #e1e2e3, #d3d3d3 50%, #c7c7c7, #c7c7c7 50%, #c7c7c7);
    border: 1px solid #979797;
    color: black;
}

#homeback:active {
    background: -webkit-gradient(linear, 0% 0% 0% 100% from(#c7c7c7), color-stop(0.5, #c7c7c7), color-stop(0.5, #e1e2e3), color-stop(0.5, #d3d3d3), to(#e1e2e3));
	background: -webkit-linear-gradient(top, #c7c7c7, #c7c7c7 50%, #e1e2e3, #d3d3d3 50%, #e1e2e3);
	background: -moz-linear-gradient(top, #c7c7c7, #c7c7c7 50%, #e1e2e3, #d3d3d3 50%, #e1e2e3);
	background: -ms-linear-gradient(top, #c7c7c7, #c7c7c7 50%, #e1e2e3, #d3d3d3 50%, #e1e2e3);
	background: -o-linear-gradient(top, #c7c7c7, #c7c7c7 50%, #e1e2e3, #d3d3d3 50%, #e1e2e3);
    border: 1px solid #979797;
    color: black;
}

/**Personnalise les blocs de l'accueil dynamique*/
.element { 
    border-radius: 6px !important;
    box-shadow : 0 5px 10px rgba(0,0,0,0.2)!important;
    border: 0px !important; 
    background-color:#ffffff!important;
    padding:0px!important;
}
.act { 
    padding:0px!important; 
    margin:0px!important;
}
.element object, 
.element div, 
p {
    font-size:14px !important;
}
.element img {
    height:200px !important;
    width:200px !important;
    margin:0px !important;
}
.cat-name { 
    font-size : 18px !important;  
    font-weight:300 !important;
}
.cont-text {
    min-height: 15px!important;
}

.pull-right.username a img {
    width: 16px;
    height: 16px;
    right: -10px;
}

.pull-right.username a  {
 color :white;
}

.Homebutton {
    background-color:#4F6B79;
}

.Homebutton:hover {
    background-color:#696969;
}


.image-chart-node, .image-chart-node-wrapper {
    height: 50px!important;
    width: 50px;
} 
	
.dataTables_filter {
float: left;	
text-align: left;
visibility: hidden;
}
.dataTables_length {width : 200px;}

.HomeButton {
    background-image: url();
	background-size: 37px 37px;
	background-repeat: no-repeat;
    background-position: 0px 5px;
}

#iframe-title{
	display:none;
	height:0px;
	margin-top:0px;
	padding:0px;
}

#lang-wrapper {
    background-color: white;
    height: 22px;
    width: 70px;
    border-radius: 20px;
}