.lblTitre
{
    font-family: museo300;
    font-weight:bold;
    color:#e1127a;
}

.lblInfo
{
    font-family:museo300;
}

.lblInfoRose
{
    font-family:museo300;
    color:#e1127a;
}

.lblInfoRoseBold
{
    font-family:museo300;
    color:#e1127a;
    font-weight:bold;
}

.lblTitre
{
    font-family: museo300;
    font-weight:bold;
    color:#e1127a;
    font-size : larger;
}

/*********************************************************************************/
/*										LOGO									 */
/*********************************************************************************/
h1 a{ 
	display: block;
	width:190px; 
	height:190px; 
	background:url(../images/logo.png) no-repeat;
	
	position: relative;
	top:20px;
	left:450px;
}

.imgifip
{
    
}

.imgifipprint
{
    display:none;
}

/****************************************************************************/
/******************** boutton accès fonction ******************************************/
/****************************************************************************/
.btn_function
{
    /*display: block;*/
    background-color: #07c05f;
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 30px 0px;
    float: right;
    cursor: pointer;
    margin-left: 10px;
}

.displaynone{
    display:none;
}

.btn_function_notopmargin {
    background-color: #07c05f;
    /*padding: 5px 10px 5px 18px;*/ 
    padding:10px 20px;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    margin:0px;
    float: right;
    cursor: pointer;
    margin-left: 10px;
}

.btn_function_right
{
     /*display: block;*/
    background-color: #07c05f;
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 30px 0px;
    float: left;
    cursor: pointer;
    margin-left: 10px;
}

.btn_function_marginleft
{
     /*display: block;*/
    background-color: #07c05f;
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 0px 0px;
    float: left;
    cursor: pointer;
    margin-left: 150px;
}

.btn_function_noright {
    /*display: block;*/
    background-color: #07c05f;
    /*padding: 5px 10px 5px 18px;*/ /*width:132px;*/
    padding: 10px 20px;
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    /*margin: 30px 0px;*/
    margin: 0px;
    cursor: pointer;
    /*margin-left: 10px;*/
}

.btn_function_Exercice
{
     /*display: block;*/
    background-color: #07c05f;
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
   /* display: inline-block;*/
    position:absolute;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 30px 0px;
   /float: left;*/
    cursor: pointer;
    margin-left: 10px;
}

.btn_function_Calculateur
{
    /*display: block;*/
    background-color: #07c05f;
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 0px 0px; /*float: left;*/
    cursor: pointer;
    margin-left: 10px;
}

.btn_function_Calculateur2
{
    /*display: block;*/
    background-color: #07c05f;
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 0px 0px; /*float: left;*/
    cursor: pointer;
    margin-left: 10px;
    float:right;
}

.btn_function_info
{
    background-color: #07c05f;
    /*padding: 5px 10px 5px 18px;*/ 
    padding: 10px 20px;
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
    /*margin: 0px 0px;*/ 
    margin:0px;
    cursor: pointer;
    margin-left: 10px;
    float:right;
}
/****************************************************************************/
/******************** ddl pop up ******************************************/
/****************************************************************************/
.ddlPopUp
{
    background-color: #f6cbdb;
    color: #000;
    text-align: center;
    font-family: museo300;
    font-size: 16px;
    font-weight: bold; /* color: #3b3b3b;*/
    padding: 5px; /*    background: -moz-linear-gradient( top, #f0f0f0 0%, #d6d6d6);         background: -webkit-gradient( linear, left top, left bottom,  from(#f0f0f0), to(#d6d6d6));*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999999;
    -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1);
    box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1);
    text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px 1px 0px rgba(255,255,255,0);
    width:400px;
    margin-bottom:5px;
}



/****************************************************************************/
/******************** Arbre css ******************************************/
/****************************************************************************/


.CompositeEditor
{
    width: 800px;
    height: auto;
    background-color: transparent;
    float: left;
    margin-left: 50px;
    margin-top: 0px; /*panel2base*/
}
.CompositeEditor .Title
{
    display: block;
    font-weight: bold;
}

.criterepanel
{
    float: left;
    margin-top: 0px; /*25*/
    margin-bottom: 0px; /*25*/
    height: auto;
    width: auto;
}

.childrenpanel
{
    float: left;
    width: 500px;
    height: auto;
    background-color: transparent;
    margin-left: 25px;
    margin-top: 0px; /*width:500px;  */
    border-color: Black;
}


.btncomposite
{
    /*  margin-left:100px;      margin-top :25px;*/
    color: #4F81BD;
    background-color: transparent;
    font-size: 35px;
    font-weight: bold;
    border-style: none;
    cursor: pointer; /*                   //  ctlAddComposite.BackColor = System.Drawing.Color.Transparent;               //  ctlAddComposite.Font.Size = 25;               ////  ctlAddComposite.ForeColor = System.Drawing.Color.Green;               //  ctlAddComposite.Font.Bold = true;               //  ctlAddComposite.BorderStyle = System.Web.UI.WebControls.BorderStyle.None;*/
}

.btncritere
{
    position: relative;
    cursor: pointer;
    font-family: museo500;
    width: 150px;
    height: 75px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; /*background-color:#F8BCB2;*/
    color: Black; /*vert :#3E9849  rouge :#F80301 rose : #F8BCB2  gris : #F2F2F2 bleu fleche :#4F81BD */ /* vert pale : #C6D89C , rose pale :#E2ADA5,*/
    cursor:pointer;
     /*white-space:normal;*/
     white-space:pre-line;
}

.btncritereauto
{
    position: relative;
    width: auto;
    height: auto;
}

.btncriterelong
{
    position: relative;
    width: 250px;
    height: auto; /*25px;*/
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; /*background-color:#3E9849;*/ /*color:White;*/
    cursor:pointer;
}

.ctlGridviewCritere {
    font-size: 13px;
    font-style: italic;
    font-family: museo500;
    margin-bottom: 10px; /* Cela ajoutera un espace sous la grille entière, séparant le GridView des éléments suivants. */
}

.ctlGridviewCritere td,
.ctlGridviewCritere th {
    padding-left: 10px;
}

.lblForceFaiblesse
{
    font-family: museo300;
    /*font-size: 16px;*/
    color:#e1127a;
}

.lblForceFaiblesseBold
{
    font-family: museo300;
    /*font-size: 16px;*/
    color:#e1127a;
    font-weight:bold;
}

.btnDecoInfoArbre
{
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;

    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #888;
    border-radius: 3px;
   /* margin: 0px 0px 10px 0px;
    margin-left: 10px;*/
     padding:5px 5px 5px 5px;
     margin:5px 5px 5px 5px;
    width:125px;
}

/****************************************************************************/
/******************** modal dialog ******************************************/
/****************************************************************************/


.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color : #ffffff;
    /*background-color: #d9dadb;*/
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    font-family: museo500;
    font-size: 16px; /*background-color : transparent;*/
}

modalTitle {
	background-color : transparent ;
	border : none ;
}


/****************************************************************************/
/******************** ecran prevision ******************************************/
/****************************************************************************/

.rowheaderPrevision
{
    font-family: museo300;
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
}

.rowheader2Prevision
{
    font-family: museo300;
    background-color: #536192;
    color: #fff;
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
}

/*e1127a fuschia*/
.rowAlternatingPrevision
{
    font-family: museo300;
    background-color: #fbe6ee;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight:normal;
}

.rowPrevision
{
    font-family: museo300;
    background-color: #f6cbdb;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight:normal;
}

.rowResultatTechnique
{
    font-family: museo300;
    /*font-size:15px;*/
    height: 35px;
    background-color: #f6cbdb;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight: normal;
}

.rowAlternatingResultatTechnique
{
    font-family: museo300;
    /*font-size:15px;*/
    height: 35px;
    background-color: #fbe6ee;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight: normal;
}

.rowheaderResultatTechnique
{
    font-family: museo300;
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
}

.rowheaderCol0ResultatTechnique
{
    font-family: museo300;
    background-color: #536192;
    color: #fff;
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    text-align:left;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
    
}

.colonne_vide{
	background-image: none;
	background-repeat: repeat;
	background-color : White;
	
}

.colonne_gris{
    font-family : museo900;
	background-image: none;
	background-repeat: repeat;
	background-color : #bbb;
	border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
	padding:5px 10px 5px 10px;
	
}

.colonne_violet {
    font-family: museo900;
    background-image: none;
    background-repeat: repeat;
    background-color: #6469ab;
    border-color: White;
    border-right-color: White;
    border-right-style: solid;
    border-right-width: 2px;
    padding: 5px 10px 5px 10px;
}

.ligneFuschia{
	background-color : #e1127a;
	color:#fff;
	 font-family: museo300;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
	
}

.ligneRose{
	background-color : #f6cbdb;
	
	font-family: museo300;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight:normal;
    font-style:italic;
    border-color:White;
	border-top-color:White;
	border-top-style:solid;
	border-top-width:10px;
	
}
.ligneFuschiaResultatTechnique{
	background-color : #e1127a;
	color:#fff;
	font-family: museo300;
	/*font-size:15px;*/
	height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
	
}

.ligneSerieIfipTop{
	background-color : #d9dadb;
	font-family: museo300;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight: normal;
    font-style:italic;
	border-color:White;
	border-top-color:White;
	border-top-style:solid;
	border-top-width:10px;
}

.ligneSerieIfip{
	background-color : #d9dadb;
	font-family: museo300;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight: normal;
    font-style:italic;
}

.lblPrevision
{
    font-family: museo300;
    font-weight:bold;
    color:#e1127a;
    font-size : larger;
}

.lblright{
    float:right;
}

.lblSsTitrePrevision
{
    font-family: museo300;
    font-weight:bold;
    color:#536192;
}

.labelCenter
{
    background-color:transparent;
    font-family: museo300;
    font-size: 16px;
    width: 50px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    border-right: 0px solid;
    text-align : center;
    vertical-align:middle;
    
}

.btn_function_noright_Prevision
{
     /*display: block;*/
    background-color: #07c05f;
    padding: 5px 10px 5px 18px; /*width:132px;*/
    width: auto;
    color: #fff;
    font-family: museo300;
    font-size: 17px;
    text-decoration: none;
    /*display: inline-block;*/
    border: 1px solid #888;
    border-radius: 3px;
    margin: 10px 0px;
    cursor: pointer;
    margin-left: 10px;
}

.colonne_CritLibLong{
        padding-left: 10px;
}

/****************************************************************************/
/******************** ecran calculateur ******************************************/
/****************************************************************************/

.ddlCalc
{
    background-color: #536192;
    color: #fff;
    text-align: center;
    font-family: museo300;
    font-size: 16px;
    /*margin: 0px 0p 0px 0px;*/
}

.CalcRowStyle
{
    background-color: #6469ab;
    color: #fff;
    text-align: center;
    font-family: museo300;
    font-size: 16px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 0px;
    vertical-align: middle; /*HeaderStyle-HorizontalAlign = "Left"     HeaderStyle-BackColor="#536192"     HeaderStyle-ForeColor="White"     HeaderStyle-Font-Bold="True"*/
}

.CalcRowStyleHeader
{
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
    text-align:left;
    text-indent:10px;
    margin-left:50px;
    font-family: museo300;
    font-size: 16px;
    height: 35px;
   /* margin: 0px 0px 0px 10px;*/
    padding: 5px 10px 5px 10px;
    vertical-align: middle; /*HeaderStyle-HorizontalAlign = "Left"     HeaderStyle-BackColor=""     HeaderStyle-ForeColor="White"     HeaderStyle-Font-Bold="True"*/

    /*HeaderStyle-HorizontalAlign="Left" HeaderStyle-BackColor="#6469ab"*/
}

.rowheadercalculator
{
    font-family: museo300;
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
}

.rowtitlecalculator
{
    font-family: museo300;
    background-color: #e1127a;
    color: #fff;
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
}

.rowcalculator
{
    font-family: museo300;
    background-color: #f6cbdb;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-size:16px;
    font-weight:normal;
}

.rowAlternatingcalculator
{
    font-family: museo300;
    background-color: #fbe6ee;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-size:16px;
    padding-left:0px;
    /*font-weight: bold;*/
}

.rowcalculator
{
    font-family: museo300;
    background-color: #f6cbdb;
    height: 35px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-size:16px;
    padding-left:0px;
    /*font-weight: bold;*/
}

.LabelCritere
{
    display:block;
    margin-top:15px;
    float:left
}

.ElementCalc
{
    color: #e11779;
    font-family: museo300;
    font-size: 16px;
   /* margin: 5px 0px 5px 0;*/
}

.ElementCalcTypeElv
{
    color: #e11779;
    font-family: museo300;
    font-size: 16px;
   /* margin: 5px 0px 5px 0;*/
}

.lblElementCalc
{
    color: #e11779;
    font-family: museo300;
    font-size: 16px;
    margin: 10px 0px 10px 0;
    font-weight:bold;
}

div.center
{
    width: auto;
    left: 50%;
    right: 50%;
    margin: 0px 0px 50px 0px;
}

div.left
{
    width: auto;
    float: left;
    margin: 0px 25px 50px 0px;
}

div.leftfin
{
    width: auto;
    float: left;
    width: 500px;
    margin: -50px 0px 50px 0px;
}

div.right
{
    /*display: block;*/
    width: auto;
    float: right;
    margin: 0px 0px 0px 0px;
}

.rowdetailcalculator
{
    font-family: museo300;
    text-align: left;
    text-indent: 25px;
    background-color: #aed5ae;/*#a0a4ce;*/
    font-size:14px;
}


.lblresultat
{
    background-color: #a8aaab;
    Width : 500px;
}

.lblinfomerial
{
    color:Black;
    font-family: museo300;
    font-style:italic;
    margin:15px 0px 15px 0px;
    float:left;
}


#content .edtReadOnly
{
    background-color: White;
    font-family: museo300;
    font-size: 16px;
    width: 50px;
    text-align:right;
    
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #fbe6ee;
    margin: 10px 10px 0px 0px;
}

#content .edtReadOnlyLeft
{
    background-color: White;
    font-family: museo300;
    font-size: 16px;
    width: 50px;
    text-align:left;
    
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #fbe6ee;
    margin: 10px 10px 0px 0px;
}

#content .edtReadOnlyModify
{
    background-color: White;
    font-family: museo300;
    font-size: 16px;
    width: 50px;
    text-align:right;
    
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #fbe6ee;
    margin: 10px 10px 0px 0px;
    color: #e1127a;
    font-weight:bold;
}

#content .ReadOnly
{
    background-color: #f6cbdb;
    font-family: museo300;
    font-size: 16px;
    width: 50px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    border-right: 0px solid;
    
}

#content .ReadOnlyCenter
{
    background-color: #f6cbdb;
    font-family: museo300;
    font-size: 16px;
    width: 50px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    border-right: 0px solid;
    text-align : left;
    margin-left:10px;
    
}

#content .edtReadOnlyLargeWidth
{
    background-color: White;
    font-family: museo300;
    font-size: 16px;
    width: 100px;
    text-align:right;
    
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #fbe6ee;
    margin: 10px 10px 0px 0px;
}

#content .ReadOnlyLargeWidth
{
    background-color: #f6cbdb;
    font-family: museo300;
    font-size: 16px;
    width: 100px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    border-right: 0px solid;
    
}

#content .edtReadOnlyInfoPeriode
{
    background-color: White;
    font-family: museo300;
    font-size: 16px;
    width: 250px;
    text-align:right;
    
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #f6cbdb;
    margin: 10px 10px 0px 0px;
}

#content .ReadOnlyTooltip
{
    background-color: #F1F2F7;
    font-family: museo300;
    font-size: 12px;
    width: 25px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color:GrayText;
    color:GrayText;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom:10px;
    padding:2px 2px 2px 2px;
   

}

#content .ReadOnlyTooltipCritere
{
    background-color: #9EDBDC;
    font-family: museo300;
    font-size: 16px;
   /* width: 300px;*/
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    border-right: 0px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:20px;
    margin-top:20px;
    padding:25px 25px 25px 25px;
   

}


.PnlGMQold
{
    margin-top:900px;
    margin-bottom:200px;
     font-family: museo300;
    /*text-align: left;*/
    text-indent: 25px;
    background-color: #f6cbdb;
}

.PnlGMQ
{
   /* margin-top:25px;*/
    margin-bottom:5px;
   /* width: 500px;*/
    /*margin-left: -45px;*/
     font-family: museo300;
    /*text-align: left;*/
    /*text-indent: 25px;
    background-color: #f6cbdb;*/
    /*z-index:-1;*/
}

.checkboxalim
{
    font-family: museo300;
    text-align: left;
    text-indent: 25px;
    background-color: #f6cbdb;
    width: 700px;
}

.PnlInfoPeriode
{
    font-family: museo300;
    background-color: #f6cbdb;
    width:475px;
    margin-right:50px;
}

.PnlGMQ2
{
    margin-top:25px;
      margin-bottom:25px;
      font-family: museo300;
    /*text-align: left;*/
   /* text-indent: 25px;*/
   /* background-color: #f6cbdb;*/
}

.ResultatsCalculator
{
    /*float: right;*/
   /* margin-left: 25px;*/
    font-family: museo300;
    font-size: 16px;
    background-color: #f6cbdb;
   /* margin:10 20 20 30;
    padding:20 20 20 20;*/
    /*width:500px;*/
    
}

.ImgBtnInfo
{
    cursor:pointer;
    margin-top: 15px;
}


.ResultatNiveau1
{
    background-color: #e1127a;
    margin:10px 0px 10px 0px;
    padding:10px 0px 10px 0px;
    height:30px;
    color:white;
    text-align:left;
    text-indent:10px;
    font-size: 18px;
    
}

.ResultatNiveau2
{
    background-color: #f6cbdb;
    color:black;
    font-style:italic;
    font-size:15px;
     margin:5px 0px 5px 0px;
     padding:5px 0px 5px 0px;
     height:25px;
     text-align:left;
     text-indent:10px;
    
}

.ResultatsCompl
{
    background-color:#f6cbdb;/*#F1F2F2;*/
    /*color:#F1F2F2;*/
    margin-top:25px;
    padding:5px 5px 5px 5px;
   /* margin-left:50px;*/
   font-family: museo300;
    font-size: 18px;
    /*font-weight:initial;*/
    width:500px;
    text-align:left;
}

.ResultatsComplAlternating
{
    background-color:#fbe6ee;
    /*color:#F1F2F2;*/
    margin-top:25px;
    padding:5px 5px 5px 5px;
   /* margin-left:50px;*/
   font-family: museo300;
    font-size: 18px;
    /*font-weight:initial;*/
    width:500px;
    text-align:left;
}

.tableDiff
{
    width:500px;
    background-color: #f6cbdb;
}

.rowheaderCalculateur
{
    font-family: museo300;
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
   /* height: 35px;*/
    vertical-align: middle;
    text-align:left;
    padding: 0px 10px 0px 10px;
    margin: 0px 10px 0px 10px;
    border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
}

.rowheaderResCalculateur
{
    font-family: museo300;
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
    height: 35px;
    text-indent:10px;
    text-align:left;
    vertical-align: middle;
    /*text-align:left;*/
   padding: 10px 10px 10px 10px;
   /*margin: 10px 10px 10px 10px;*/ 

  /*  border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;*/
}


.rowheaderResCalculateurComp
{
    font-family: museo300;
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
   /* height: 35px;*/
    vertical-align: middle;
    text-align:left;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    font-size: 16px;

  /*  border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;*/
}
.rowheader2Calculateur
{
    font-family: museo300;
    background-color: #536192;
    color: #fff;
    font-weight: bold;
    /*height: 35px;*/
    vertical-align: middle;
    padding: 0px 2px 0px 2px;
    margin: 0px 2px 0px 2px;
    border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
}

.lblwarning
{
    float:left;
    margin-left:0px;
    margin-bottom:50px;
}
/****************************************************************************/
/******************** ecran GTE + ******************************************/
/****************************************************************************/
.lblTitreExercice
{
    color:#e1127a;
    font-weight:bold;
}

.lblTitrePeriode
{
    font-family: museo300;
    font-weight:bold;
    color:#536192;
    margin-bottom:15px;
    margin-top:100px;
    padding-top:100px;
    padding-bottom:15px;
    margin-left:0px;
    font-weight:bold;
    
}

.lblPeriode
{
    font-family: museo300;
    font-weight:bold;
    color:white;
    background-color:#bbb;
	border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
	padding:5px 10px 5px 0px;
	text-align:center;
	text-transform: uppercase;
}

.divRight
{
    float:right;
    margin-right:200px;
    margin-top:10px;
}

.divLeftExercice
{
   /* float:left;*/
    margin-left:25px;
    padding-top:10px;
   /* margin-top:10px;*/
}

.centerleft
{
    width: auto;
    float: left;
   /* margin: 0px 0px 50px 400px;*/
   margin-left:400px;
   padding-left:800px;
}


.tab 
{
    font-family: museo300;
    font-size : 14px;
    color: #ffffff;
    /*background-color: #6469ab;*//*#fbe6ee; */
}




.tab2
{
    font-family: museo300;
    font-size : 14px;
    background-color: #fbe6ee;
    background-image: none;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
	background-color:#fbe6ee !important;/*add gtdirect*/
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
	color:White;/*add gtdirect*/
	font-weight:bold;/*add gtdirect*/
	background-color: #6469ab;
}


.rowheaderGtePlusGris
{
    font-family: museo300;
    background-color: #bbb;
    color:White;
    font-weight: bold;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
   /* border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;*/
}

.rowheaderGtePlusGrisBorderLeft
{
    font-family: museo300;
    background-color: #bbb;
    color:White;
    font-weight: bold;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    border-color:White;
	border-left-color:White;
	border-left-style:solid;
	border-left-width:2px;
}

.rowheaderGtePlus
{
    font-family: museo300;
    background-color: #6469ab;
    color: #fff;
    font-weight: bold;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
    border-color:White;
	border-right-color:White;
	border-right-style:solid;
	border-right-width:2px;
}

.rowheader2GtePlus
{
    font-family: museo300;
    background-color: #536192;
    color: #fff;
    font-weight: bold;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 10px;
}

.rowAlternatingGtePlus
{
    font-family: museo300;
    background-color: #fbe6ee;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
    font-weight:normal;
}

.labelInGridGtePlus
{
    text-align: center;
    font-family: museo300;
    vertical-align:middle;
     
}


.lblGtePlus
{
    font-family: museo300;
    font-weight:bold;
    color:#e1127a;
}



.modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }

.loading {
    font-family: museo500;
    font-size: 14px;
    /* border: 5px solid #67CFF5;*/
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    /*z-in*/
}

/************************************************************************************************/
/*************************** ecran pertes maternité ****************************************/
/************************************************************************************************/
.btn_AnalyserGris {
    background-color: #d9d9d9;
    width: auto;
    color: #000;
    font-family: museo300;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 2px 2px;
    cursor: default;
}

.btn_AnalyserBlanc {
    background-color: white;
    width: auto;
    color: #000;
    font-family: museo300;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 2px 2px;
    cursor: pointer;
}

.btn_AnalyserRougeClair {
    background-color: #F59385;
    width: auto;
    color: #fff;
    font-family: museo300;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 2px 2px;
    cursor: pointer;
}

.btn_AnalyserRouge {
    background-color: #E92529;
    width: auto;
    color: #fff;
    font-family: museo300;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 2px 2px;
    cursor: pointer;
    /*margin 0;*/
}

.btn_AnalyserVert {
    background-color: #07c05f;
    width: auto;
    color: #fff;
    font-family: museo300;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 2px 2px;
    cursor: pointer;
    /*margin 0;*/
}

.btn_AnalyserRose {
    background-color: #ffacc8;
    width: auto;
    color: #000;
    font-family: museo300;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 2px 2px;
    cursor: pointer;
}

.lblRem {
    font-family: cursive;
    font-weight: bold;
    /*color: #536192;*/
    color: #e1127a;
    text-decoration: underline;
    margin-top: 25px;
}

.lblTitre {
    font-family: museo300;
    font-weight: bold;
    color: #536192;
    font-size:small;
}

.lblRemSsTitre {
    font-family: cursive;
    font-weight: bold;
    color: #536192;
}

.lblRemText {
    font-family:cursive;
}

.BorderRoset1 {
    /*background: url('../Images/post-it.png') no-repeat; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;*/
    padding: 25px 25px 25px 25px;
}

.BorderRoset2 {
    /*background: url('../Images/post-it.png') no-repeat;
    background-size: 425px 380px;*/
    padding: 25px 25px 25px 25px;
    /*max-width: 100%;*/
}


@keyframes wheelHueColor {
    from, to {
        color: red
    }

    10% {
        color: red
    }

    20% {
        color: red
    }

    30% {
        color: red
    }

    40% {
        color: red
    }

    50% {
        color: red
    }

    60% {
        color: white
    }

    70% {
        color: white
    }

    80% {
        color: white
    }

    90% {
        color: white
    }
}

.textnew {
    color: hsl(324, 70%, 45%);
    animation: wheelHueColor 2s infinite;
}

/*************************** ecran pertes maternité : impression reserves****************************************/
.displayprint{
    display:none;
}

/*************************** ecran 3 pertes maternité : post-it****************************************/

.post-it-top {
    background: url('../Images/post-it-haut.png') no-repeat;
    height: 61px;
    width: 500px;
    position: relative;
    /*font-family: 'museo';*/
    font-weight: 500;
    z-index: 1;
    /*background-size: contain;*/
}

    .post-it-top span {
        /*position: absolute;*/
        position: relative;
        top: 35px;
        left: 40px;
        color: #e1127a;
    }

.post-it-middle {
    background-image: url('../Images/post-it-milieu.png');
    background-repeat: repeat-y;
    width: 500px;
    position: relative;
    z-index: 2;
    /*background-size: contain;*/
}

    .post-it-middle span {
        display:block;
        position: relative;
        top: 10px;
        left: 40px;
        width: 410px;
        /*margin-bottom: 10px;*/
        text-align: justify;
        overflow-wrap: break-word;
        /*font-family: 'museo';*/
        font-weight: 500;
    }

    .post-it-middle input {
        display: inline-block;
        position: relative;
        top: 10px;
        left: 40px;
        /*width: 410px;
        margin-bottom: 10px;
        text-align: justify;
        overflow-wrap: break-word;
        /*font-family: 'museo';*/
        /*font-weight: 500;*/
    }

    .post-it-middle textarea {
        display: inline-block;
        position: relative;
        top: 10px;
        left: 40px;
        /*width: 410px;
        margin-bottom: 10px;
        text-align: justify;
        overflow-wrap: break-word;
        /*font-family: 'museo';*/
        /*font-weight: 500;*/
    }

.post-it-bottom {
    background: url('../Images/post-it-bas.png') no-repeat;
    width: 500px;
    height: 60px;
    position: relative;
    /*top: -10px;*/
    z-index: 1;
    /*background-size: contain;*/
}

.float_left{
    float:left;
}

.imgbtninfofact {
    float: right;
    margin-right: 75px;
    margin-top: -40px;
}

.titre_tableauxPM {
    clear: both;
    margin-top: 50px
}

.pnlGraphs {
    float: left;
    margin-right: 50px;
    margin-top: 5px;
}

.tableFacteurs {
    width: auto;
}