body,input,textarea,select,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
h2{
	font-size: 8pt;
}

a {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #666;
}

fieldset {
	background-color: #F2FAFD;
	border: 1px solid #888;
	margin: 2px auto 10px auto;
	border-radius: 0px;
	/*	display: block;*/
}

legend {
	font-size: 9pt;
	font-weight: bold;
	color: #555;

	border-bottom: 1px solid darkgray;
	width: 100%;
}

.div-legend {
	font-size: 9pt;
	font-weight: bold;
	color: #555;

	border-bottom: 1px solid darkgray;
	width: 100%;
	margin-bottom: 5px;
}

input,textarea,select {
	BORDER: 1px solid;
	border-radius: 0px;
}

input[type="checkbox"]
{
    border: none;
}

textarea {
	TEXT-ALIGN: justify;
}

form,p {
	margin: 0px;
}

img {
	border: none;
	vertical-align: middle;
}

/*-----------------------------
* STRUCTURE DE BASE
-----------------------------*/
.titre {
	/*font-size: 14pt;
	 font-weight: bolder; */
	font: bold 15px 'Segoe UI Regular WestEuropean','Segoe UI','Segoe WP',Tahoma,Arial,sans-serif;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	border-radius: 0px;
	height: 30px;
}

.formContenu,.titre {
	border: solid;
	border-width: 0px;
	box-shadow: 0px 0px 0px #CCC;
	margin-top: -3px;
	width:98,5%;
	padding-top: 10px;
}

.formList {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.formList fieldset {
	flex: 1;
	width: 98%;
}

.table_button_list {
	padding-top: 0px;
 	padding-bottom: 0px;
}


.titreCol,th,.titreSection {
	font-size: 8pt;
	font-weight: bold;
	color: #5B5959;
	text-decoration: none
}

.resultats {
	font-size: 8pt;
	color: #5B5959;
	font-style: italic;
}

.petitTitreCol {
	font-size: 7pt;
	font-weight: bold;
	color: #5B5959;
	clip: rect(5px, 5px, 5px, 5px);
	text-decoration: none
}

.titreSection {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.fieldsetLight{
	border: none;
	margin: 5px 0 0 0 ;
	font-size: 8pt;
}

.fieldsetLight legend{
	font-size: 9pt;
}

.formContenu,.ongletContenu { /*	background:green;*/
	padding: 4px 8px;
	margin-right: auto;
}

.formContenu fieldset {
}

.ongletClasseur { /*	margin-right: 10px;*/ /*	margin: 0 auto;*/

}

.div_pagination{
	margin-top: 8px;
	border: 1px solid #AAA;
	border-radius: 0px;
	overflow-y: auto;
}

.thead_pagination
{
	/*display: block;*/
}

.tbody_pagination
{
	/*display: block;
	max-height:500px;
	overflow-y: auto;
  	overflow-x: hidden*/
	height:auto;
}
.th_pagination{
	border-radius: 0px;
	background-color:  #F4F4F4;
	background: linear-gradient(#FFFFFF, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #AAA;
	border-top: none;
	border-left: none;
	text-align: center;
}

.tfoot_pagination{
	border-radius: 0px;
	background-color:  #F4F4F4;
	background: linear-gradient(#FFFFFF, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0px solid #AAA;
	border-top:  1px solid #888b86;
	border-bottom: none;
	border-left: none;
	text-align: center;
}

.pagination_claire {
	background-color: #fff; /*couleur claire*/
}
.pagination_foncee {
	background-color: #f2f2f2; /*couleur fonc�e*/
}
.pagination_claire:hover,.pagination_foncee:hover {
	background-color: #fcde83;
}


.messageProjet {
	font-weight: bold;
	color: black;
	/*border: thin #0B5CCA dashed;*/
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	background-color: #EDEDF0;
	text-align: center;
	padding: 15px;
	margin: 15px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
	font: /* bold */ 15px 'Segoe UI Regular WestEuropean','Segoe UI','Segoe WP',Tahoma,Arial,sans-serif;
}

.messageProjetPopup > div {
	overflow: auto;
	padding: 10px;
	text-align: center;
}

.messageProjetPopup div.taille {
	border: 1px solid gray;
	height: 230px;
}

.contenuTab {
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: #000000;
	line-height: 20px;
	width: 100%;
    font-size: 8pt;
}
/* Tableau basique vide*/
.tab {
	border-collapse: collapse;
	width: 100%;

}
/* Ajoute */
.bdHaute{
	border-top: 1px solid black;
}

.contenuTabOnglet {
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: #000000;
	line-height: 20px;
	width: 60%;
}

.contenuTab td {
	padding: 0px 1px 1px 0px;
}

.contenuSubTab {
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-color: #000000;
	line-height: 20px;
	width: 100%;
	text-align: center;
}

.nonLu {
	font-weight: bold;
}

.documentPourInfo {
	color: blue !important;
}

.documentPourAction {
	color: red !important;
}

.selectMedium {
	width: 200px;
}

.droite,.gauche {
	width: 48%;
	margin: 0px;
}

.droite {
	float: right;
}

.gauche {
	float: left;
}

/*--------------------------------------------------------------------------------------------
*Style pour rendre les cellules des tableaux  visiblent sous IE : 18-03-2009
--------------------------------------------------------------------------------------------*/
table#contenuTab {
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: #000000;
	line-height: 20px;
	width: 100%
}

table#contenuTab td {
	border: 1px solid black;
}

.bordureCel {
	border: 1px solid black;
}

.survol,.noselection1:hover,.noselection2:hover {
	background-color: #DDDDDD;
}

.hover:hover {
	background-color: #DDDDDD;
}

.message {
	font-weight: bold;
	text-align: center;
	padding: 15px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;

	/*
	width: 55% !important;
	position: absolute;
	z-index: 22;
	left: 25%;
	*/
	background-color: #EDEDF0;
	box-shadow: 1px 1px 12px #555;
}

.left27{
	left:27% !important;
}

.message_absolut_position{
	width: 46% !important;
	position: fixed;
}

.tab_msg_maintenance{
	position: fixed;
	z-index: 98;
}

.messageJQuery{
	background-color: #EDEDF0;
	height: 0px;
}

.message ul {
	list-style: circle;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.formContenu,.titre {
	margin-right: 16px;
}

.formContenu{
	border-radius: 0px;
}

.noBorder,.boutonListeSelect {
	border: 0px;
}

.enTeteMenu {
	border: 1px solid black;
	text-align: center;
	width: 160px;
	height: 107px;
	/* background-position:0px 17px; */
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.titreMenu {
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	font-weight: bolder;
	color: white;
	height: 16px;
	font-size: 10pt;
	font-variant: small-caps;
	margin-bottom: 5px;
}

.centrer {
	text-align: center;
}

.centrerAll {
	text-align: center;
	vertical-align: top;
}

/* ---------------------------------------
 CHAMPS HTML
------------------------------------------*/
.imgModifieChpInactif {
	width: 16px;
	height: 16px;
	background-image: url('images/icModif16Gris.gif');
}

.imgModifieChpActif {
	width: 16px;
	height: 16px;
	background-image: url('images/icModif16.gif');
}

.inputReadOnly {
	/*color: #35393B;*/
	color: #222;
	cursor: default;
}

/* -----------------------------------
* popup jQuery
-----------------------------------*/
#simplemodal-container {
    border-radius: 0px;
}

/* -----------------------------------
* ONGLETS jQuery
-----------------------------------*/
.container_formulaire {

}

.container_formulaire li {
	float: left;
	list-style: none;
}

.container_formulaire li a {
	display: block;
	margin: 0px 4px -1px 0px;
	padding: 4px 6px;
	background: #eeeeee;
	color: #333333;
}

.container_formulaire li a:hover {
	background: #dddddd;
	color: #000000;
}

.container_formulaire li a.selected {
	background: #ffea97;
	font-style: italic;
	text-decoration: underline;
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px #ffea97 solid;
}

.container_formulaire div {
	padding: 1px;
	letter-spacing: 1px;
	clear: left;
	font-size: 8pt;
}

/* -----------------------------------
* ONGLETS HTML Smarty
-----------------------------------*/
.ui-tabs .onglets2 li {
    padding: 6px 10px 2px 10px;
	height: 20px;
	cursor: pointer;
	margin-right: 0px;
	background-color: #FAFAFA;
}

/* aligne avec le bord gauche */
.ui-tabs .onglets2 {
	margin-left: -7px;
}

.ongletNonSelect {
	font-size: 9pt;
	font-weight: normal;
	border: 0px solid #000000;
	border-bottom: 1px dashed #000000;
}

.ongletSelect {
	font-size: 10pt;
	font-weight: bold;
	border: 0px solid #000000;
	border-bottom: 3px solid #344362;
}

.ongletTrait {
	border-bottom: 0px solid #000000;
}

.ongletContenu {
	border: 0px solid black;
	margin-top: -3px;
	font-size: 8pt;
	padding: 10px;
	/*overflow: auto;*/
	background-color: #0A246A;
}

.ongletContenu,.ongletClasseur {
	margin-right: 5px;
	border-radius: 0 0 0px 0px;
}

.ongletContenuFinancier {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	border: solid;
	border-width: 0px 2px 2px 0.25mm;
	color: #000000;
	border-color: #000000 #B79300 #B79300 #000000;
	white-space: normal;
	line-height: 20px;
	width: 98%;
	padding-top: 20px;
	border-radius: 0 0 0px 0px;
}

.ongletTrait {
	border-bottom: 1px solid #000000;
}


.ui-corner-top {
	display: inline-block;
	color: #344362;
	text-decoration: none;
}

.ui-corner-top::after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background: #000;
	transition: width .3s;
	margin-top: 6px;
}

.ui-corner-top:hover::after {
	width: 100%;
}




/* -----------------------------------
* PaRTICULaRiTE
-----------------------------------*/
	/* Masque le div de chargement durant l'upload */
#cache {
	position: absolute;
	top: 540px;
	z-index: 10;
	visibility: hidden;
}

.bleu {
	color: #0c6cef;
	font-weight: bold;
}

.bleu:hover {
	color: #68C0E6;
	text-decoration: none;
}

.jaune {
	color: #FFCC00;
	text-decoration: none;
}


.choixModule {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	color: #000;
}

.choixModule:hover {
	/*color: #F48A12;*/
	color: #d81313;
	/*text-decoration:underline;*/
}

.choixModuleActif {
	border: 1px solid #666;
	background-size:contain;
	padding: 2px;
}

/* index */
.encadre {
	background-color: #EDF4FE;
	border: 1px #000000 solid;
	padding-right: 20px;
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
	box-shadow: 3px 3px 6px #888888;
}

#formConnexion {
	width: 800px;
	height: 340px;
	margin: 0 auto;
}

#formConnexion .encadre {
	padding: 10px;
	padding-top: 15px;
	margin: 10px auto;
}

#boutonValidation {
	margin-top: 10px;
	margin-left: 10px;
}

#formConnexion .encadre label {
	float: left;
	display: inline;
	margin-top: 2px;
	width: 100px;
}

.titreProjet {
	font-size: 10pt;
	font-weight: bolder;
	background-color: #D0E3FD;
	border: 0.25mm #000000 solid;
	color: #0B5CCA;
	width: 98%;
}

.titreBoutonAction,.titreBoutonAction a {
	/*color: #278BC0;
	font-weight: bold;
	text-decoration: none;
	left: 10px;
	width: 60px;
	text-align: center;
	margin-bottom: 10px;*/
}

.titreBoutonActionInvisible,.titreBoutonActionInvisible a {
	font-size: 7pt;
	color: #278BC0;
	font-weight: bold;
	text-decoration: none;
	left: 10px;
	width: 60px;
	text-align: center;
	margin-bottom: 10px;
	display: none !important;
}

/* Taille plus petite*/
.petiteTaille7 {
	font-size: 7pt;
}

/* contenu rubrique financier */
.contenuRub {
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	width: 100%;
	background-color: #FFFFFF;
}

.classableItem {
	margin: 0 5px 5px;
	/*	padding: 5px;*/
	width: 60%;
	background: #E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
	border: 1px solid #D3D3D3;
	list-style-type: none;
	cursor: move;
}

.grip {
	padding-left: 10px;
	margin-left: 5px;
	background: url(images/grip.png) no-repeat 0px center;
}

.alternanceCouleur1,.alternanceCouleur2 {
	font-weight: bold;
}

/* contenu profil document */
.ssTitreParametres {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	color: #186B8F;
	clip: rect(5px, 5px, 5px, 5px)
}

.nomargin {
	margin: 0;
}

.colName {
	font-weight: bolder;
	padding-left : 2px;
	padding-right: 2px;
}

.classableContenu {
	margin: 0 5px 5px;
	padding: 5px;
	width: 80%;
	height: 19px;
	background: #E6E6E6 url(images/ui-bg_glass_75_v2_1x400.png) repeat-x
		scroll 50% 50%;
	border: 1px solid #D3D3D3;
	list-style-type: none;
	cursor: move;
}

.boutonListeSelect,.boutonAjoutSuppression {
	margin-bottom: 5px;
}

.invisible {
	display: none;
}

.va-middle {
	vertical-align: middle;
}
.ui-datepicker-trigger, .ui-state-default {
	vertical-align: middle;
}

/*button.ui-datepicker-current { display: none; } */


/* ------------------------------------------------------
* Page index
------------------------------------------------------ */
#formConnexion {
	width: 800px;
	height: 340px;
	margin: 0 auto;
}
#formConnexion .encadre{
	padding: 10px;
	padding-top:15px;
	margin: 10px auto;
}
#boutonValidation{
	margin-top:10px;
	margin-left:102px;
}
#formConnexion .encadre label{
	float: left;
	display: inline;
	margin-top:2px;
	width: 100px;
}

/* Ajoute un espace apres chaque paragraphe des tooltips pour eviter les sucession de <br> inutile */
#WzTtDiV p {
	margin-bottom: 10px;
}

#WzTtDiV h3 {
	margin-bottom: 0;
}
/*  */
.bt_min-width{
	min-width:125px;
	text-align: center;
}

/* Liste des boutons gener�s par les addBouton */
#boutonFormObject .bt > *{
	margin-bottom: 10px;
}
#boutonFormObject, #boutonFormObject li{
	margin: 1px 3px 4px 0px;
}

/* ------------------------------------------------------
* Bouton 3em g�n�ration
------------------------------------------------------ */
span#spanBoutons {
	display:block;
	margin: 8px 4px;
}

ul#boutonFormObject{
	display: inline;
}
ul#boutonFormObject li{
	display: inline;
}
.bt{
	cursor:pointer;
	text-decoration: none;
	padding-bottom: 4px;
	padding-top: 8px;
	padding-bottom: 10px;
	margin: 2px;
}
button.bt
{
	border: 0;
	/*margin-left:-4px;
	margin-bottom:3px;
	margin-right:-4px;*/
	padding: 0px;
	margin: 0px;
	/*height:28px;*/
}
span.bt,a.bt{
	color: #000000;
}
.bt > *{
	margin: 0;
	padding: 0;
	line-height: 2.5em;
}
.bt > .bt_debut, .bt > .bt_corps, .bt > .bt_fin{
	/*display:inline-block;*/
	height:18px;
	vertical-align:middle;
	border:1px solid gray;
}
/* boutons d'actions */
.bt > .bt_corps{
	background: #199EE0;
	padding: 5px 9px 7px 9px;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
	font-weight: normal;
	font-size: 10pt;
	color : white;
	border:0px solid transparent;
	border-radius : 3px 3px 3px 3px;
	font-family:	'Segoe UI Regular WestEuropean','Segoe UI','Segoe WP',Tahoma,Arial,sans-serif;
}

/* boutons d'actions 2014*/
.bt_default{
    padding-left:5px;
    display:inline;
    overflow:initial;
    text-decoration:none;
    color:#333;
	margin-top:10px;
	margin-left:5px;
	background-color: #EDEDF0;
    cursor:pointer;
	border:1px solid #e2e2e2;
	border-radius : 3px;
	font-size: 14px;
	font-family:	sans-serif;
	font-variant: small-caps;

	padding: 6px 5px;
/*
	background: url(images/bouton/puce/sources/bt_repeat_x.png) left center repeat-x;
	background-size: contain;
    background: linear-gradient(#f5f5f5, #f5f5f5) repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;*/
}

.bt_default:hover{
	background:#BDBDCE;
	color:#000;
	transition: 0.3s;
}

.bt_default:active{
	background: #868697;
	opacity: 1;
	transition: 0.6s
}



/* survol des boutons d'actions */
.bt > .bt_corps:hover{
	background: #6faed5;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	/*-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);*/
	color:#000;

	/*color : white;
	background: url(images/bouton/puce/sources/bt_repeat_x_red.png) left center repeat-x;
	*/
}

/* boutons de cat�gories */
.button_list_categorie > .bt_corps{
	color : white;
	background: url(images/bouton/puce/sources/bt_repeat_x_blue.png) left center repeat-x;
	border-radius : 0px	;
	box-shadow: 3px 3px 6px #888;
	-moz-box-shadow: 3px 3px 6px #888;
	-webkit-box-shadow: 3px 3px 6px #888;
	-o-box-shadow: 3px 3px 6px #888;
}
/* survol des boutons de cat�gories */
.button_list_categorie > .bt_corps:hover{
	background: url(images/bouton/puce/sources/bt_repeat_x_red.png) left center repeat-x;
}

/* boutons de cat�gories selectionn�s*/
.button_list_categorie_selected > .bt_corps{
	background: url(images/bouton/puce/sources/bt_repeat_x_red.png) left center repeat-x;
}

.table_button_list td
{
	padding: 0px;
	padding-top: 0px;
}

.table_button_list ul, .table_button_list li  {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.ulBoutonCategories{
	/*
	border: 1px;
	border-style:  solid ;
	padding:8px 1px 8px 5px;
	border-radius : 5px;
	background: url(images/bouton/puce/sources/bt_repeat_x.png) left center repeat-x;
	background-size: cover;*/
}

.button_list{
	display:inline-table;
	padding-bottom: 0px;
	padding-top: 0px;
}

.button_list_categorie
{
	display: inline-block;
	padding: 2px 2px;
	margin: 0em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	-moz-border-radius: .0em;
	-webkit-border-radius: .0em;
	border-radius: .0em;
}

.bt:before
{
	position: absolute;
	width: 3em;
	text-align: left;
	font-size: 1.15em;
	margin: 0px 2px 0 0em;
	padding: 0 .3em;
	pointer-events: none;
}


/*icones des boutons d'actions :  http://paulund.developpez.com/tutoriels/css/boutons-icones-sans-images/ */
/*
.icone > .bt_corps{
	padding-left: 18px;
	vertical-align : middle;
}

.star:before 	{ content: "\2605"; 	color: white;}
.save:before   	{ content: "\2714";		color: green;}
.cross:before 	{ content: "\2718";		color: red;}
.next:before       { content: "\279C";		color: green;}
.left_arrow:before   { content: "\25C0"; color: red;}
.right_arrow:before { content: "\25B6"; color: green;}
.up_arrow:before      { content: "\25B2"; 	color: green;}
.down_arrow:before   { content: "\25BC"; color: red;}
*/

button.bt > .bt_corps{
	/*font-family:	Verdana, Arial, Helvetica, sans-serif;*/
}
.bt > .bt_debut{
	width:15px;
	border-radius : 0px 0px 0px 5px;
}
.bt > .bt_fin{
	background: url(images/bouton/puce/sources/bt_fin_droite.png) left center repeat-x;
	width:3px;
}
/* plus utilies mais au cas ou on veut remetre une entete ou une fin de bouton..
.bt > .bt_corps{
	border-left:0;
	border-right:0;
}
.bt > .bt_debut{
	border-right:0;
}
.bt > .bt_fin{
	border-left:0;
}*/
/* bouton pour copier l'url ds le presse papier */
#d_clip_button {
        width:23px;
        text-align:center;
        margin:2px; padding:8px;
}

.btnAccueilTable {
  border-spacing: 3px 3px;
}

.btnAccueil:hover {
	background-image: url("images/accueil/background_btn_hover.png");
}

.btnAccueil:hover a{
	color: #222;
}

.btnAccueil {
	display: block;
	border: 1px solid #666;
	background-size:contain;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-image: url("images/accueil/background_btn.png");
	background-repeat: repeat-x;
	width:250px;
	border-radius : 0px 0px 0px 0px;
	font-size:1.25em;
	font-weight:bold;
	text-decoration:none;

	font-variant:small-caps;
}

.ordrePopupClass{
	border:2px solid black;
}

.btnAccueil_2{
	font-weight:bold;
	text-decoration:none;
	color: #000;
	font-family: Segoe UI Symbol;
}
.btnAccueil_2:hover {
	/*color: #d81313;*/
}

.accueil_core legend{
	color: #435794;
	border-bottom: 15px solid #a093be;
}

.accueil_liens legend{
	color: #435794;
	border-bottom: 15px solid #a093be;
}

.accueil_document{
	background-color: #FAFAFA;
	color: #FAFAFA;
	z-index: -44;
}
.accueil_document legend{
	color: #435794;
	border-bottom: 15px solid #B2DAFF;
}

.accueil_reserve{
	background-color: #FAFAFA;
	color:#FAFAFA;
}
.accueil_reserve legend{
	color:#435794;
	border-bottom: 15px solid #C8A897;
}

.accueil_financier{
	background-color: #FAFAFA;
	color:#FAFAFA;
}

.accueil_financier legend{
	color:#435794;
	border-bottom: 15px solid #B7D9B8;
}
.accueil_locaux {
	background-color: #FAFAFA;
	color:#FAFAFA;
}
.accueil_locaux legend {
	color:#435794;
	border-bottom: 15px solid #B2DAFF;
}

.accueil_messagerie {
	background-color: #FAFAFA;
	color:#FAFAFA;
}
.accueil_messagerie legend {
	color:#435794;
	border-bottom: 15px solid #90ADD3;
}

.accueilContenu{
	background-color: white !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
}
#acceuilLegend {
	color: #435794;
	border-bottom: 15px solid red;
}

#preview{
	position:absolute;
	border:0px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	border-radius: 0px;
	box-shadow: 20px 20px 20px #888888;
}

.fortypercent td {
	width: 40%;
}

textarea.champDesc {
	resize: none;
}

/*Centere les boutons close des dialogUI*/
.ui-dialog-titlebar-close > .ui-icon-closethick {
	top:0px;
	left:0px;
}

.bold{
	font-weight:bold;
}

.operationEtapeTable {
	border: 1px solid #c0c0c0;
}

.gantt_li > li {
	list-style-type: disc;
	padding-left: 10px;
	margin-left : 10px;
}

#faq_link {
	font-weight: bold;
	font-size: 16px;
	font-family: tahoma;
	text-decoration: none;
}



/* =========================================================== */


.btn:link,
.btn:visited{
	text-decoration: none;
	text-transform:uppercase;
	position:relative;
	top:0;
	left:0;
	padding:10px 20px;
	border-radius:40px;
	display:inline-block;
	transition: all .5s;
	width: 250px;
	margin-right: 25px;
}

.btn-white{
	background: #dcdcdc;
	color:#000;
}

.btn:hover{
	box-shadow:0px 10px 10px rgba(0,0,0,0.2);
	transform : translateY(-3px);
	background: #b3b7b0;
}

.btn:active{
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
	transform:translateY(-1px);
}

.btn-bottom-animation-1{
	animation:comeFromBottom 1s ease-out .8s;
}

.btn::after{
	content:"";
	text-decoration: none;
	text-transform:uppercase;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border-radius:40px;
	display:inline-block;
	z-index:-1;
	transition: all .5s;
}

.btn-white::after {
	background: #dcdcdc;
}

.btn-animation-1:hover::after {
	transform: scaleX(1.4) scaleY(1.6);
	opacity: 0;
}

/*====================================================*/

.zoom {
	transition: transform .2s;
	margin: 0 auto;
}

.zoom:hover {
	-ms-transform: scale(1.15); /* IE 9 */
	-webkit-transform: scale(1.15); /* Safari 3-8 */
	transform: scale(1.15);
}

.grayscale{
	-webkit-filter: grayscale(100%);
	filter: brightness(0%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.grayscale:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

h1shake.shake{
	display:inline-block;
}

h1shake{
	animation: spaceboots 50s infinite ease-in-out;
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }

	2% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	2.1% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	2.2% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	2.3% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	2.4% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	2.5% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	2.6% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	2.7% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	2.8% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	2.9% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	3% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }

	3.1% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
	100% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
}

/*====================================================*/
.messageWait{
	padding: 0;
	margin: 0;
	width: 30%;
	top: 30%;
	left: 35%;
	textAlign: center;
	color: #000;
	border: 0px solid #aaa;
	cursor: wait;
}

.loader  {
	margin-left: 45%;
	margin-top: 40px;
	animation: rotate 6s infinite;
	height: 50px;
	width: 50px;
}

.loader:before,
.loader:after {
	border-radius: 50%;
	content: '';
	display: block;
	height: 20px;
	width: 20px;
}
.loader:before {
	animation: ball1 2s infinite;
	background-color: #B7D9B8;
	box-shadow: 30px 0 0 #F8D28C;
	margin-bottom: 10px;
}
.loader:after {
	animation: ball2 2s infinite;
	background-color: #B2DAFF;
	box-shadow: 30px 0 0 #E1868F;
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg) scale(0.8);
		-moz-transform: rotate(0deg) scale(0.8);
	}
	50% {
		-webkit-transform: rotate(360deg) scale(1.2);
		-moz-transform: rotate(360deg) scale(1.2);
	}
	100% {
		-webkit-transform: rotate(720deg) scale(0.8);
		-moz-transform: rotate(720deg) scale(0.8);
	}
}

@keyframes ball1 {
	0% {
		box-shadow: 30px 0 0 white;
	}
	50% {
		box-shadow: 0 0 0 white;
		margin-bottom: 0;
		-webkit-transform: translate(15px,15px);
		-moz-transform: translate(15px, 15px);
	}
	100% {
		box-shadow: 30px 0 0 white;
		margin-bottom: 10px;
	}
}

@keyframes ball2 {
	0% {
		box-shadow: 30px 0 0 #E1868F;
	}
	50% {
		box-shadow: 0 0 0 #E1868F;
		margin-top: -20px;
		-webkit-transform: translate(15px,15px);
		-moz-transform: translate(15px, 15px);
	}
	100% {
		box-shadow: 30px 0 0 #E1868F;
		margin-top: 0;
	}
}

.derniereEtape {
	border: 4px solid red;
}

/*
===================================
 */

.badge1 {
	position:relative;
}
.badge1[data-badge]:after {
	content:attr(data-badge);
	position:absolute;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	top:3px;
	right:-15px;
	font-size:.8em;
	background: #cb0a09;
	color:white;
	text-align:center;
	border-radius:40%;
	box-shadow:0 0 1px #333;
	animation: spaceboots 50s infinite ease-in-out;
}

.colorBlack[data-badge]:after {
	background: black;
}

.context-menu-item {
	font-size: 12pt;
}

/*
================== FLEX-BOXX =====================
 */

.flexbox {
	display: flex;
	-webkit-flex: 1;
	align-items: stretch;
	align-content: stretch;
    height: 100%;
}

.flexbox > * {
    flex: 0;
    width: 100%;
}

.flexbox-fullscreen {
    display: flex;
    -webkit-flex: 1;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
}

.flexbox-fullscreen > * {
    flex: 1;
    width: 98%;
}

.flexbox-content-row {
	flex-direction: row;
}

.flexbox-content-column {
	flex-direction: column;
}

.flexbox-shrink {
	flex: 0;
    width: 100%;
}

.flexbox-row-grow {
    flex: 1 1 auto;
    width: 100%;
}
/*
================== AG-GRID =====================
 */
.ag-grid-list {
	height: 100%;
	width: 100%;
}

.ag-grid-container {
	/*Necessary to allow for text to grow vertically*/
	display: flex;
	flex-direction: row;
	flex: 1;
}

.ag-grid-list-container {
	/*Necessary to allow for text to grow horizontally*/
	display: flex;
	flex-direction: column;
	flex: 1;
}

.ag-grid-export {
	align-self: center;
	text-align: center;
}

.ag-cell {
	line-height: 20px !important;
	cursor: pointer;
}

.ag-cell-value {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ag-cell-wrapper{
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	/* display: flex; */
}

.ag-cell-wrap-text {
    white-space: normal !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}