/*
    @-ms-viewport {
  width: device-width;
}


    @media screen and (max-width: 480px) {
  @-ms-viewport {
    width: 480px;
  }
}*/


html {
    font-family: sans-serif;
    height: 100%;
}

body {
    font-size: 1em;
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.1;
    height: 100%;
    
}

a:visited, a:link {
    
    color:black;
}

.MediaNavigation
{
    display:none;
}


.LeftBar {
    padding: 15px;
    width: 15%;
    display: block;
    float: left;
    left: 0px;
}

.MainPanel {
    max-width: 1200px;
    margin:auto;
}


.ApplicationBanniere {
    max-width: 1200px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: white;
    padding: 10px;
    padding-left:0px;
    padding-bottom: 10px;
    border-bottom: 4px solid #23A397;
    min-height: 60px;
    margin-bottom: 10px;
}

.ApplicationTitle {
    font-size: 30px;
    
    color: #098289;
    text-decoration: none;
    padding: 15px;
    padding-left: 30px;
}

.ApplicationLogo, .ApplicationTitle {
    float: left;
}


.ChooseLangue {
    background-color:white;
    right:50px;
    top:0px;
    position:relative;
    text-align:right;
    height:25px;
    width:100px;
    position:fixed;
    text-align:left;
    padding-left:10px;
    font-weight:bold;
    border:1px solid black;
    }

    .ChooseLangue .Arrow {
        padding-left:50px;
    }        
    .ChooseLangue .Liste
    {
        position: absolute;
     display:none;
     width: 100px;
     text-align: center;
     background-color: white;
     padding: 5px;
     top:22px;
      right:-1px;
      border:1px solid black;
      
    }

.ChooseLangue .CurrentLangue {
    text-decoration:none;
    color:black;
}

    .ChooseLangue:hover.ChooseLangue .Liste, .ChooseLangue.Liste:hover .Liste {
        display:block;
    }
 .ListeOpened
{
    display:block;
    
    border-color: #CCCCCC;
    border-width: thin;
    border-left-style: double;
    border-right-style: double;
    z-index: 1;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 5px #CCCCCC;

 }

.ChooseLangue .Liste a {
    display:block;
    
    color: #000000;
}


.PanelAuth {
    /* prend 100% car pas d'auter panel*/
    text-align: left;
}


.btn {
    background-position: left center;
    background-repeat: no-repeat;
    color: black;
    background-color: #F0F0F0;
    background-position-x: 5px;
    padding: 4px;
    padding-left: 25px;
    padding-right: 15px;
    border: 1px solid grey;
    border-radius: 4px;
    min-width: 20px;
    margin: 2px;
}

    .btn:hover {
        background-color: #bbbbbb;
    }


a.btn:hover {
    text-decoration: none;
    color: black;
}

a.btn-image {
    padding: 2px;
    padding-right: 5px;
}

a.btn:visited {
    text-decoration: none;
    color: black;
}

.btn-preview {
    background-image: url('/Images/voir.png');
}

.btn-previewEval {
    background-image: url('/Images/eval.png');
}

.btn-previewSession {
    background-image: url('/Images/session.png');
}

.Panel_OU_1 {
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #a0a0a0;
}

.Panel_OU_2 {
    border: 1px solid #c0c0c0;
    width: 10%;
    left: 45%;
    position: relative;
    text-align: center;
    background-color: white;
    height: 30px;
    bottom: -15px;
    padding: 0px;
}

.CGU {
    margin-top: 5px;
    background-color: #EEE;
    padding: 10px;
    text-align: justify;
    width: 100%;
}

/* définition des formualires */

/* une ligne du formulaire */
.Field {
    width: 100%;
    border-bottom: 1px solid #9cbaae;
    border-right: 0px solid #9cbaae;
    padding: 7px;
    clear: both;
    height: auto;
}

.Smiley {
    height: 50px;
}


label {
    font-weight: normal;
    padding-left: 5px;
   
}

.Bold {
    font-weight:bold;

}
/* le container du control du champs*/
.ContainerField {
    width: 100%;
}

/* le libellé du champs*/
.LabelField_MT {
    width: 250px;
}


.ContainerField_MT {
    width: 50%;
}
/* le libellé du champs*/
.LabelField {
    width: 250px;
    display: block;
    float: left;
    color: #505050;
    font-weight: bold;
}

/* bouton de navigation dans l'enquete */
.NavigateButton {
    width: 100%;
    /*border-bottom: 5px ridge #9cbaae;*/
    /*border-right: 0px solid #9cbaae;*/
    border: 0px solid white;
    padding: 8px;
    color: black;
    display: block;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.7em;
    text-decoration: none;
    cursor: pointer;
    background-color: #FEC809;
}

.NavigateButton:hover {
    color: white;
    background-color: #0A7887;   
    text-decoration: none;
}


    .NavigateButton:visited {
        text-decoration: none;
    }

/* customize bootstrap */

.textbox {
    background-color: #C2D7ED;
    border-style: groove;
    padding: 8px;
    font-size: 1.1em;
    border-radius: 2px;
}

.textbox_error {
    background-color: #EAA1A9;
}


.textarea {
    background-color: #C2D7ED;
    border-style: groove;
    padding: 8px;
    font-size: 1.1em;
    height: 150px;
    width: 100%;
    border-radius: 2px;
}

.PanelDebug {
    display: none;
    position: fixed;
    left: 50px;
    top: 550px;
    width: 250px;
    height: 150px;
    border: 4px solid grey;
    background: linear-gradient(#eee0c8 0%, white 100%);
    box-shadow: 2px 2px 8px black;
    z-index: 2000;
    overflow: scroll;
}

.Debug {
    display: none;
    position: relative;
    border: 4px solid grey;
    background: linear-gradient(#eee0c8 0%, white 100%);
    box-shadow: 2px 2px 8px black;
    z-index: 2000;
}


.Console {
    padding: 5px;
}

.txt_warning {
    color: #f5610b;
    font-weight: bold;
    padding: 15px;
    border: 1px solid #f5610b;
}

.txt_error {
    color: red;
    font-weight: bold;
}

.txt_exclam {
    color: blue;
}

.txt_info {
    color: green;
}

.title {
    color: red;
    font-weight: bold;
    color: navy;
}

.legend {
    color: gray;
    font-style: italic;
}

.txt_legende {
    color: gray;
    font-style: italic;
    font-size: 11px;
}


.Titre {
    font-size: 1.4em;
    display: block;
    margin: 5px;
    margin-bottom: 15px;
    text-align: left;
    color: #0099A8;    
}

.DemiCol {
    border-right:1px solid black;
}

.Right {
    text-align: right;
}


.Poppup {
    border: 1px solid black;
    box-shadow: 2px 2px 8px black;
    position: fixed;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    z-index: 99999;
    background-color: lightgray;
    background-color: white;
    overflow: auto;
}

.barre {
    background: linear-gradient(#FEFEFE 0%, #a6a6a6 100%);
    border-bottom: 1px solid #C8C8C8;
    vertical-align: middle;
    background-color: #ddd9c3;
    padding: 7px;
    font-weight: bold;
}

#SaisieTerminee {
    position: relative;
    width: 70%;
    height: 50%;
    margin-top: 3%;
    left: 15%;
    text-align: center;
    background-color: #f0f0f0;
}

    #SaisieTerminee .barre {
        background: linear-gradient(#006670 0%, #ADF4FF 100%);
    }

span.ClosePoppup {
    position: absolute;
    right: 15px;
    top: 5px;
    padding: 2px;
    display: block;
    width: 25px;
    background-image: url('/Images/fermer.jpg');
    background-size: cover;
}

/* formulaire d'une evaluation en lecture seul*/
.LibelleEvaluation {
    font-weight: bold;
    font-size: 10pt;
    color: #6b6565;
    padding-left: 10px;
    border-right: 1px solid #6b6565;
    border-bottom: 1px solid #6b6565;
}

.headerEvaluation {
    border-bottom: 1px solid #6b6565;
    border-right: 1px solid #6b6565;
    text-align: center;
    font-size: 9pt;
}

    .headerEvaluation .Titre {
        width: 95%;
    }

.ExpressionLibre {
    padding: 5px;
}

    .ExpressionLibre span {
        font-weight: bold;
    }

/* simul le hr cassé par bootstrap */
.Line {
    height: 5px;
    border-bottom: 5px outset gray;
    box-shadow: 2px 2px 8px black;
}

.SessionStageButton {
    border: 2px solid #096674;
    border-radius: 10px;
    padding: 5px;
    font-size: 14pt;
    color: #096674;
    margin: 2px;

}



/* bouton des sessions dans NoAccount */
.SessionStageButton_link {
    text-decoration: none;
}

    .SessionStageButton_link:hover {
        text-decoration: none;
    }

        .SessionStageButton_link:hover .SessionStageButton {
            background-color: #cdf3f7;
        }


.SquareTitle {
    font-weight: bold;
    color: #4C4C4C;
    padding: 5px;
    padding-left: 15px;
    border: 1px solid grey;
    box-shadow: 2px 2px 5px grey;
}


/* entete de la preview formateur d'une eval*/
.EnteteForm {
    border: 0px solid white;
    border-bottom: 1px solid #c0c0c0;
    text-align: left;
}
.ContentForm {
    padding-left:10px;
}

.required {
    color: red;
}



.btn-add2 {
    background-image: url('/Images/add2.jpg');
}

.btn-back {
    background-image: url('/Images/back.png');
}

.Selected {
    font-weight: bold;
    background: linear-gradient(#aaaaaa 1%, #f0f0f0 20%, #f0f0f0 80%, #aaaaaa 100%);
}

.NoBorderRight {
    border-right: 0px solid white;
}


/* style générique pour visualiser le degré de satisaction */


.col-1-3 {
    width:33%;
    float:left;

}

.col-1-2 {
    width:50%;
    float:left;

}


.Left {
    text-align:left;
}

    
.PanelWarning {
    background: #fcfcfc;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    margin: 10px 0 1em 0;
    min-height: 20px;
    padding: 10px 10px 10px 36px;
    position: relative;
    font-size: 25px;
}

ul {
    display: block;
    list-style: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    margin-left:-25px;
}

li::before {
    content: "•";
    color: #FEC809;
    padding-right: 1em;
    height: 5px;
    width: 5px;
    margin:3px;    
}


li {
    line-height:25px;
    font-size:1.1em;
    
}

.tableConf {
    width:95%;
    margin-left:5%;
}
.Conf {
    border-top: 1px solid #c0c0c0;
    margin-bottom: 15px;
    padding: 5px;
    padding-left: 0px;
}

.ConfName {
    font-weight: bold;
 font-size:1em;
 
}

.ConfValeur {
    
}

.TitreEnvironnement {
    color:red;
    font-size:20px;
}


h2 {
    font-size:15px;
}


.hr:after {
    
    content: '';
    display: block;
    width: 230px;
    height: 4px;
    background-color: #FDC730;
    position: absolute;
    margin-top: 0px;
    margin-left: 50px;
}

tr 
{
    line-height:1.7em;
}


table {
    border-left: 0px solid #6b6565;
    border-top: 0px solid blue;
}


td {
    border-right: 0px solid #6b6565;
    
}

.ColonneIntervenant   {
    background-color:#eeeeee;
}

.tableNoBorder, .tableNoBorder td {
    border: 0px solid #6b6565;
}

footer {
    padding:30px;
    color:white;
    font-size:18px;
    background-color: #00AEB0;
    max-width:1200px;
    margin: auto;
}

    footer a, footer a:visited, footer a:active {
        color: white;
        text-decoration:none;
        padding:5px;
        display:block;
        font-size:15px
    }

    .colonneFooter {
        width: 25%;
        float: left;
    }

.Content {
    padding-left:25px;
    line-height:1.3em;
}

h3 {
    margin:10px;
}

.buttonForm {
    width: 50%;
    background: #1694A9 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0.75px;
    color: #FFFFFF;
    vertical-align: middle;
    display: table-cell;
    padding: 10px;
}