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

/*/* Styles go here */

.page-header, .page-header-space {
    height: 100px;
}

.page-footer, .page-footer-space {
    height: 80px;
}

.page-footer {
    position: fixed;
    bottom: 0;
    width: 90%;
    /*border-top: 1px solid black;*/ /* for demo */
    /*background: yellow;*/ /* for demo */
    margin-bottom: 30mm;
}



.page {
    page-break-after: always;
}

/*@page {
    margin: 20mm
}

@media print {
    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }

    button {
        display: none;
    }

    body {
        margin: 0;
    }
}*/

@page {
    size: auto; /* auto is the initial value */
    margin: 20px 0px 0px 0px; /* this affects the margin in the printer settings */
   /* margin-top: 50px;*/

    
}

body {
    -webkit-print-color-adjust: exact;
    margin-top: 10mm;
    margin-left: 10mm;
    margin-bottom: 10mm;
    margin-right: 10mm;
    width:auto;
    
}
/*********************************************************************************/
/*										LOGO									 */
/*********************************************************************************/

h1 a{ 
	display: block;
	width:190px; 
	height:190px; 
	
	display: list-item;
    list-style-image: url("../images/logo.png");
    list-style-position: inside;
	position: relative;
	top:20px;
	left:450px;
}

.imgifip
{
    /*display:none;*/
}

.imgifipprint
{
    
}

/****************************************************************************/
/******************** boutton accès fonction ******************************************/
/****************************************************************************/
.btn_function
{
    /*display: block;*/
    background-color: #444444;
    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;
    visibility:hidden;
    display:none;
}

.btn_function_notopmargin
{
    /*display: block;*/
    background-color: #444444;
    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: right;
    cursor: pointer;
    margin-left: 10px;
    visibility:hidden;
    display:none;
}

.btn_function_right
{
     /*display: block;*/
    background-color: #444444;
    /*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;
    visibility:hidden;
    display:none;
}

.btn_function_Calculateur
{
    /*display: block;*/
    background-color: #444444;
   /* 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;
    visibility:hidden;
    display:none;
}

.btn_function_Calculateur2
{
    /*display: block;*/
    background-color: #444444;
    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;
    visibility:hidden;
    display:none;
}

.btn_function_info {
    visibility: hidden;
    display: none;
}

/****************************************************************************/
/******************** 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);
}




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


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

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

/****************************************************************************/
/******************** 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;
}


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

.ddlCalc
{
    background-color: #444444;
    color: #fff;
    text-align: center;
    font-family: museo300;
    font-size: 16px;
    display:none;
}

.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: #444444;
    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 0px;
    padding: 5px 10px 5px 10px;
    vertical-align: middle; /*HeaderStyle-HorizontalAlign = "Left"     HeaderStyle-BackColor=""     HeaderStyle-ForeColor="White"     HeaderStyle-Font-Bold="True"*/
}

.rowheadercalculator
{
    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;*/
   /* padding: 5px 10px 5px 10px;*/
}

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


.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;*/
}

.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-weight:normal;
}

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

.LabelCritere
{
    font-size:18px;
    display:block;
    margin-top:0px;
    float:left; 
}

.ElementCalc
{
    color: #e11779;
    font-family: museo300;
    font-size: 16px;
 /*   margin: 10px 0px 10px 0;*/
    float:left;
    display:none;
}

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

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

.ElementCalc2
{
    color: #e11779;
    font-family: museo300;
    font-size: 16px;
    margin: 10px 0px 10px 0;
    float:none;
}

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

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

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

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

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


.ResultatsCalculator
{
    /*float: left;
    margin-left: 25px;*/
    font-family: museo300;
    font-size: 18px;
    background-color: #Fbe6ee;
   /* margin-left:-100px;
    padding-left:-100px;*/
}

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


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

    float:right;
    margin-right:50px;
    position:relative;
}


#content .ReadOnly
{
    background-color: #fbe6ee;
    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 .edtReadOnlyLeft
{
    background-color: White;
    font-family: museo300;
    font-size: 16px;
    width: 50px;
    text-align:left;
    
    border-top: 2px solid;
    border-left: 2x 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: 2x solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #fbe6ee;
   /*margin: 10px 10px 0px 0px;*/ 
    color: #e1127a;
    font-weight:bold;
}

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

#content .ReadOnly3
{
    background-color: #fbe6ee;
    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 .edtReadOnlyLargeWidth
{
    background-color: White;
    font-family: museo300;
    font-size: 16px;
    width: 100px;
    text-align:right;
    
    border-top: 2px solid;
    border-left: 2x 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;
    
}

.lblTitre
{
    color: #0DA5A8;
    font-family: museo300;
    font-size: 24px;
    font-weight:bold;
    padding-bottom:100px;
    width:750px;
}

.lblTitreAcceuil
{
    color: #0DA5A8;
    font-family: museo300;
    font-size: 24px;
    font-weight:bold;
    position:absolute;
    text-align:center;
    
    margin:10px 200px -150px -200px;
   padding-top:200px;
   
    padding-left:-200px;
    width:800px;
}

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

.lblSsTitrePrevision
{
    font-family: museo300;
    font-weight:bold;
    color:#536192;
    margin-top:100px;
    padding-top:100px;
}

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

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

#content .ReadOnlyTooltipCritere
{
    background-color: #f6cbdb;
    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;
   

}

.BtnLang
{
    visibility:hidden;
}

.btn_function_noright
{
    visibility:hidden;
    display:none;
}

.footer
{
    display:none;
    visibility:hidden;
}

.ImgBtnInfo
{
    /*cursor:pointer;*/
    visibility:hidden;
    display:none;
}

.ResultatsCompl
{
    background-color:#f6cbdb;
    /*color:#F1F2F2;*/
  /*  margin-top:200px;
    padding-top:200px;*/
     font-family: museo500;
    font-size: 16px;
   
}

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

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

.ResultatNiveau2
{
    background-color: #f6cbdb;
    font-style:italic;
    font-size:18px;
     margin:5px 0px 5px 0px;
     padding:5px 0px 5px 0px;
     height:25px;
    
}

.lblwarning
{
    float:none;
    margin-left:0px;
    margin-bottom:50px;
    margin-top:50px;
}

/************************************************************************************************/
/*************************** 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;
}

.lblInfoRose {
    font-family: museo300;
    color: #e1127a;
    margin-top: 200px;
}

.lblRem {
    font-family: museo300;
    font-weight: bold;
    /*color: #536192;*/
    color: #e1127a;
    text-decoration: underline;
}

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

.lblRemText {
    font-family: museo300;
}

.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%;
}

/*************************** ecran pertes maternité : impression reserves****************************************/
.displayprint {
    /*display:inline-block;*/
    clear: both;
    font-family: museo300;
    margin: 25px 5px 25px 5px; 
    padding:25px 5px 25px 5px;
}

.lblbold{
    font-weight:bold;
}
/*************************** 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;*/
}



.titre_tableauxPM {
/*        clear: none;*/
      /*  margin-top: -50px;*/
}


.pnlGraphs {
    /*float: left;*/
    margin-right: 50px;
    margin-top: 5px;
}
.tableFacteurs {
    width: auto;
    margin-bottom: 100px;
}

.printgraph{
    page-break-after: always;
    margin-top : 50px;
}

.printgraph2 {
    margin-top: 50px;
}