@CHARSET "ISO-8859-1";



BODY{
	font-family:'pt sans narrow','arial';
	color:rgb(59, 76, 94);
	font-size:15px;
	text-align: justify; 
	background-color:#f6f6f6;
}

.popupIframe{
	background-color:white;
}

select{
	font-family:'pt sans narrow';
	font-size:10pt;
	text-align:left;
	border-top :1px solid rgb(236, 170, 83);
	border-left :1px solid rgb(236, 170, 83);
	border-right :1px solid rgb(236, 170, 83);
	border-bottom :1px solid rgb(236, 170, 83);
}

/* Style du texte des boutons avec image*/
.boutonTexte{
	cursor: pointer;
    display: flex;
    width: fit-content;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}
.boutonTexte:hover{
	background-color: #FFF;
}

.boutonTexte.validation::before {
    content: url(../images/0026-iconeValidation.png);
    padding-right: 1rem;
}
.validation {
    background-color: #ECF2E6;
    color: #7BA424;
}

.boutonTexte.ajout::before {
    content: url(../images/0027-iconeAjout.png);
    padding-right: 1rem;
}
.ajout {
    background-color: #ECF2E6;
    color: #7BA424;
}

.boutonTexte.suppression::before {
    content: url(../images/0028-iconeSuppression.png);
    padding-right: 1rem;
}
.suppression {
    background-color: #FDF9EF;
    color: #CD5F1B;
}

.boutonTexte.export::before {
    content: url(../images/0029-iconeExport.png);
    padding-right: 1rem;
}
.export {
    background-color: #ECF2E6;
    color: #7BA424;
}

.miseEnGarde .validation{
margin : 30px 10px 20px 10px;
}

#boutonCalculer{
margin : 0px 10px 20px 50px;
}

.boutonsResultat{
	display: flex;
    justify-content: center;
}

.boutonsResultat .boutonTexte{
	margin:20px 10px 20px 10px;
}

.boutonsSynthese{
	display: flex;
    justify-content: flex-end;
    margin-right:5px;
}

.boutonsSynthese .boutonTexte{
	margin:20px 10px 20px 10px;
}

#resultatCalculDureeUtilisation{
padding : 0px 50px;
}

.syntheseBloc{
	
	border: 2px solid #E2E2E2;

	margin:20px 15px;
}

.syntheseBandeau{
	display: flex;
    justify-content: space-between;
	padding:10px;
   background-color: #FAFAFA;
   border-bottom : 2px solid #E2E2E2;
}

.syntheseBandeauAction{
	padding-top : 5px;
}

.syntheseResultat{
	padding:5px 10px 20px 10px;
}

.copyright{
	font-size:13px;
	color:rgb(205,95,27);
	vertical-align:bottom;
	text-align:right;
}

.langue{
	color:rgb(59, 76, 94);
	font-weight:bold;
}

.choixlangue{
	font-weight:bold;
}

.indication{
	font-family:Arial;
	font-size:8pt;
	color:rgb(59, 76, 94);
	text-align: left; 
	font-style:italic;
}

.warning{
	font-size:12pt;
	color:red;
	font-weight:bold;
}

.explanation{
	font-size:12pt;
	font-weight:bold;
}

.mandatory{
	color:red;
}

.choixAffichage{
	color:black;
}

.onglets{
	display : flex;
	margin-top :-1pt;
}

.ongletActif{
	border-top : 2px solid #cd5f1b;
	padding: 0.7rem;
	font-family:Arial;
	font-size:10pt;
	color:rgb(205,95,27);
	font-weight:bold;
	margin-left: 30px;
    margin-right: 30px;
    
}

.ongletInactif{
	border-top : 2px solid #969696;
	padding: 0.7rem;
	font-family:Arial;
	font-size:10pt;
	color:#969696;
	font-weight:bold;
	margin-left: 30px;
    margin-right: 30px;
    cursor:pointer;
 
}

.nombreResultatsMemorises{
	font-family:Arial;
	font-size:8pt;
	color:rgb(205,95,27);
	font-weight:bold;
}

.resultatVide{
	background-image:url(../images/0022-stripe.png);
}


/**
* Style du contenu des tableaux
*/

.contenu .description{
    background-color: #ECAA53;
    color: white;
    padding: 10px 45px 10px 45px;
    margin: 0px 15px 10px 15px;
}


.tableauLibelle{
	font-family:Arial;
	font-size:9pt;
	color:rgb(59, 76, 94);
	font-weight:bold;
	text-align:left;
	padding-left: 9px;
	height:26px;
}

.tableauDetail{
	font-family:Arial;
	font-size:9pt;
	color:rgb(59, 76, 94);
	font-weight:bold;
	font-style:italic;
	text-align:left;
	padding-left: 5px;
	height:26px;
}

.tableauHeader{
	font-family:Arial;
	font-size:11px;
	color:black;
	text-align:left;
	padding-left: 5px;
	height:26px;

}

.tableauCelluleAvecBordureGauche{
	border-bottom :1px solid;
	border-left :1px solid;
}

.tableauCelluleAvecBordureCentre{
	border-bottom :1px solid;
}

.tableauCelluleAvecBordureDroite{
	border-bottom :1px solid;
	border-right :1px solid;
}

.tableauCelluleAvecBordurePremiereLigne{
	border-top :1px solid;
}

.tableauAvecBorduresTLRB{
	border-top :1px solid;
	border-left :1px solid;
	border-right :1px solid;
	border-bottom :1px solid;
}

.tableauAvecBorduresTLR{
	border-top :1px solid;
	border-left :1px solid;
	border-right :1px solid;
}

.tableAvecBordureLRB{
	border-bottom :1px solid;
	border-left :1px solid;
	border-right :1px solid;
}

.tableauAvecBorduresLR{
	border-left :1px solid;
	border-right :1px solid;
}

.borderColorDark{
	border-color:#E2E2E2;
}

.borderColorLight{
	border-color:#E2E2E2;
}

/**
* Gestion du style des lignes de tableau
*/

.headerClassique{
	background-color:white;
	text-align:left;
	height:26px;
}

.ligneSelectionnee{
	background-color: #ECF2E6;
	text-align:left;
	height:26px;
}

.ligneClassique{
	background-color:#FAFAFA;
	text-align:left;
	height:26px;
}
	
.ligneSuppression{
	background-color:#FDEFEF;
	text-align:left;
	height:26px;
}


.selectionnable{
	cursor: pointer;
}

.titreSynthese{
	font-size:11pt;
	color:rgb(205,95,27);
	margin:0px;
	text-align:left;
	font-weight:bold;
}

.infosSynthese{
	font-family:Arial;
	font-size:9pt;
	color:black;
	text-align:center;
	height:24px;
	font-weight:bold;
}

.pourcentageSynthese{
	font-family:Arial;
	font-size:9pt;
	color:rgb(59, 76, 94);;
	padding-right:6px;
	text-align:right;
}

.aucunResultatSynthese{
	font-family:Arial;
	font-size:9pt;
	color:red;
	text-align:center;
	font-weight:bold;
	padding:10px;
}
.warningNiv1Synthese{
	font-family:Arial;
	font-size:9pt;
	color:orange;
	text-align:left;
	padding-left:5px;
}

.warningNiv2Synthese{
	font-family:Arial;
	font-size:9pt;
	color:red;
	text-align:left;
	padding-left:5px;
}

/*****
*	POPUP
*/


.popupBackground {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;

}

.popupVersion{
	font-size: 10px;
	font-style:italic;
}

#PopupContactezNous{
	height:565px;
	width:477px;
}

#PopupAPropos{
	height:565px;
	width:477px;
}

#PopupAideEnLigne{
	height:565px;
	width:477px;
}

#PopupAlerte{
	height:565px;
	width:477px;
}

#PopupRechercheSolvant{
	/**height:565px;*/
	width:477px;
}

.contenuPopup{
	padding-top:25px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
}

.contenuPopupFin{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
}

.tooltip {

	background-color:#FAFAFA;
	border:1px solid #ecaa53;
	padding:10px 15px;
	z-index:1000;
	
	display:none;
	color:#6A6A6A;
	text-align:left;
	font-size:12px;
}




.header{
	display:flex;
	justify-content: space-between;
	cursor:pointer;
}

.header .logo{
	
}
.header .logo img{
	width:170px;
}

.header .titre {
	margin : auto 170px auto 0px;
	text-align: left;
}

.header .date {
	margin : auto 20px auto 0px;
}

.header .titre .principal{
	border: 0;
    color: rgb(235, 105, 11);
    display: block;
    font-family: 'PT Sans Narrow','arial';
    font-size: 26px;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
     font-weight: 700;
  	font-style: normal;
}

.header .titre .secondaire{
	color: rgb(59, 76, 94);
    cursor: default;
    font-family: 'PT Sans Narrow','arial';
   	font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

.header .langue{
}


.presentation{
	padding : 20px;
}

.presentationImage{
	padding : 20px;
}

.miseEnGarde{
	border: 2px solid #E2E2E2;
	padding: 15px;
    margin: 20px;
    background-color:#FAFAFA;
}

.footer{
	display:flex;
	justify-content: space-evenly;
	padding:10px 100px;
	border-top:1px solid #e2e2e2;
}

.puce{
	padding-bottom : 8px;
	padding-right:10px;
}