.dialogDiv {
    position:absolute;
    background-color:white;
    /*top: 50%;
    left: 45%;*/
    color: black;
    z-index:100;
    text-align:center;
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    vertical-align:middle;
    width: 500px;
    height: 250px;
    border-radius: 4px;
    top: 80px;
    padding:32px;
  /*  display: none;*/
}
.dialogDivDemo
{
    display: none;
}
input[type=text], input[type=password] {
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    /*border: solid 1px #999;*/
    border:none;
    border: 1px solid #999;
    padding-left: 5px;
    margin-top:16px;
    margin-bottom: 16px;
}

.dialogSentMail {
    width: 800px;
    height: 400px;
    /*top: 100px;*/
    /*left: 190px;*/
    display:none;
    padding:16px;
}

.dialogSentMail a {
    color:#D7000F;
}

.dialogDivScenario {
    
    /*width: 600px;
    height: 250px;
    top: 100px;
    left: 190px;*/
    width:532px;
    height:532px;
    /*top: 80px;*/
    /*left: 220px;*/
    padding:32px;
}
.dialogDivDupliquerScenario {
    /*top: 80px;*/
    /*left: 190px;*/
    width: 532px;
    height: 352px;
    padding:32px;
}
.dialogDivBudget {
    width:532px;
    height:532px;
    /*top: 80px;*/
    /*left: 220px;*/
    padding:32px;
}
.TitleBar {
    /*background-color: lightslategray;
    background-color: #D7000F;*/
    /*background-image: linear-gradient(to bottom,#db0129 0,#b00021 100%);*/
    /*color: white;
    height: 25px;
    text-align:center;*/
    color: white;
    height: 32px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.TitleBar label {
    margin-top: 2px;
}
.closeWindowButton {
    position: absolute;
    top: 16px;
    right: 16px;
}

.closeWindowButton span{
    cursor: pointer;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    background-color: white;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.parametre
{
    margin:16px;
    text-align:left;
    color:#666;
}
.parametre > div
{
    display:inline-block;
}
.parametre > div:first-child
{
    min-width:170px;
    text-align:left;
    /*border:1px solid red;*/
}
.parametre input[type=button]
{
    margin-top:32px;
}

.dialogDivDemo {
    position: absolute;
    background-color: white;
    top: 100px;
    /* left: 220px;*/
    color: black;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
    width: 532px;
    height: 400px;
    border: 2px solid #D7000F;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.dialogDivDemo .paveLog {
  text-align:center;
  margin:0 auto;
}


/*nouvelle fenetre*/
.dialogDivLogin
{
    width:532px;
    height:600px;
    /*top: 0px;*/
   /* left: 220px;*/
    padding:32px;
}
.dialogDivLogin #icon-login {
    width: 128px;
    height: 155px;
}
.dialogDivCookieConsent {
    width: 450px;
    height: 550px;
    /*top: 0px;*/
   /* left: 260px;*/
    padding: 24px;
}
.dialogDivCookieConsentParametrer {
/*    width: 450px;         ===> pourquoi c'est redefini ici ???
    height: 750px;*/
    /*top: 0px;*/
    /*left: 260px;*/
    padding: 24px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.dialogDivDemo .paveLog
{
    /*position:absolute;*/    
    width:100%;
    height:286px;
    top:0px;
    /*left:0px;*/

    background-color:white;
    text-align:left;
}

.dialogDivDemo .paveLog .divGauche
{
    margin:0 auto;
    padding:0;
    display:inline-block;
    width:28%;
    height:100%;

    text-align:center;
    font-size:20px;
    background-color:#D7000F;
    color:white;

    vertical-align:top;

}

.dialogDivDemo .paveLog .divDroite
{
    margin:0 auto;
    padding:0;
    display:inline-block;
    
    vertical-align:top;
}
.login-input2
{ 
width:350px;
height: 40px;

border: 1px solid #cccccc;

-moz-border-radius: 4px;
border-radius: 4px;            
-webkit-border-radius: 4px;
margin:5px;
}
.titreLogin
{
    text-align:center;
    margin-top:20px;
    color:#D7000F;
    font-weight:bold;
}

.dialogDivTA
{
    top: 10%;
    /*left: 20%;*/
    width: 650px;
    height: 450px;
}


/**
 * Dialog styles
 */ 


.dialogDiv,
.dialogDivDemo {
    border: 0;
}

.dialogDivDemo {
    border-radius: 4px;
}

.dialogDiv .login-input2 {
    width: 100%;
    margin: 0 0 5px 0;
    padding-left: 5px;
}

.dialogDiv #btLoginSubmit {
    width: 100%;
}

.dialogDiv .paveLog,
.dialogDivDemo .paveLog {
    /*display: flex;*/
    justify-content: space-between;
    border-radius: 4px;
}

.dialogDivDemo .paveLog .infos-subtitle {
    text-align:center;
    margin:0 auto;
    font-size:13px;
    font-weight:bold;
    margin-top:16px;
}

.dialogDivDemo .paveLog a {
    color:#D7000F;
}
.dialogDiv .paveLog .divGauche,
.dialogDivDemo .paveLog .divGauche {
    margin: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dialogDiv .paveLog .divDroite,
.dialogDivDemo .paveLog .divDroite {
    padding: 0 24px;
    width: auto;
    flex-grow: 1;
}



/*Ipad*/
@media (max-width: 991px) {

    .dialogDivLogin
    {
        top: 150px;
        /*left: 100px;    */
    }
    .dialogDivDemo
    {
        top: 100px;
        /*left: 80px;*/
    }
    .dialogDivVideo 
    {
        top: 100px;
        /*left: 80px;*/
    }
}

/*Iphone*/
@media screen and (max-width: 376px)
{
    .dialogDivDemo, .dialogDivLogin
    {
        top: 0px;
       /* left: 0px;*/
        width:100%;
        height:550px;
        padding: 16px;
    }
    .dialogDivDemo .paveLog
    {
        width:100%;
        height:196px;
    }
    
    .dialogDivLogin svg, .dialogDivDemo svg{
        /* width:50px;
         height:55px;*/
    }
    .dialogDivLogin #icon-login {
        width: 100px;
        height: 110px;
    }
    .login-input2 {
        width: 100%;
        height: auto;
    }
    .dialogDivTA
    {
        top: 0;
       /* left: 0;*/
        width: 100%;
        height: 400px;
    }
}