/********************************************************************/
/********************************************************************/
/* LIVE-EDITION */
/********************************************************************/
/********************************************************************/

a.live-edition-logo{
    border:1px dashed #61b6d9;
}

a.live-edition-logo:hover{
    background-color:rgba(97,182,217,0.5);
}

a.live-edition-logo:hover img{
    opacity: 0.3;
    filter: alpha(opacity=30);   
}

.live-edition-texte{
    border:1px dashed #61b6d9;padding:10px;
}

.live-edition-texte:hover{
    background-color:rgba(97,182,217,0.5);
    cursor:pointer;
}

input.input-live{
    color:#000000;
    width:100%;
    font-size:15px;
}

a.btn-live-edition-photo{
    position:relative;
    top:5px;
    background-color:#61b6d9;
    padding:5px 10px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:normal;
    display:inline-block;
    border-radius:3px;
    text-decoration:none;
}

a.btn-live-edition-photo:hover {
    background-color:#3d91b4;

}


a.live-edition-footer-connexion{
    background-color:#61b6d9;
    padding:5px 10px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:normal;
    display:inline-block;
    border-radius:3px;
    text-decoration:none;
}


/********************************************************************/
/* live-edition-modal */
/********************************************************************/


.live-edition-modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .live-edition-modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.live-edition-modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.live-edition-modal .live-textarea{
    width:100%;
    height:300px;
}



/********************************************************************/
/********************************************************************/
/* live-edition-header */
/********************************************************************/
/********************************************************************/

.live-edition-header{
    background-color:#000000;
    padding:6px 0px;
    color:#DDDDDD;
    position:fixed; 
    width:100%; 
    top:0px;  
    z-index:100000; 
    height:50px;
    font-size:13px;
}


.live-edition-header-visualisation {
    background-color: #444444;
}

.live-edition-header .col-gauche{
    text-align:left;
      
}

.live-edition-header a.btn-menu{
    margin-top:4px;
    background-color:#222222;
    padding:5px 10px;
    color:#FFFFFF;
    display:inline-block;
    border-radius:3px;
    text-decoration:none;
    margin-left:5px;

}

.live-edition-header a.btn-menu:hover{
    background-color:#555555;
}


.live-edition-header .col-droite{
    text-align:right;
         
}

.live-edition-header .col-droite a.btn-mode{
    background-color:#3d91b4;
    padding:8px 10px;
    color:#FFFFFF;
    display:inline-block;
    border-radius:3px;
    text-decoration:none;

}

.live-edition-header .col-droite a.btn-mode:hover{
    background-color:#555555;
}

.live-edition-header .col-droite a.btn-mode-actif{
    background-color:#3cc039;
}

.live-edition-header a.btn-menu-discret{
    background-color:transparent;


}

.live-edition-header .col-centre{
    text-align:right;
    padding-top:8px;
}

.live-edition-header  .assistance{
    color:#FFFFFF;
}

.live-edition-header  .assistance .telephone{
    margin-left:5px;
    margin-right:0px;
    color:#52abe7;
}


/********************************************************************/
/********************************************************************/
/* live-edition .action-top */
/********************************************************************/
/********************************************************************/

.live-edition .action-top{
    background-color:#F0F0F0;
    padding:10px 0px;
}


/********************************************************************/
/********************************************************************/
/* live-edition .corps */
/********************************************************************/
/********************************************************************/

.live-edition .live-edition-box{
    /* on saute 50px pour compenser le header fixed de taille 50px */
    margin-top:50px;
}

.live-edition .corps{
    margin-top:20px;
}





/********************************************************************/
/********************************************************************/
/* CONNEXION */
/********************************************************************/
/********************************************************************/

.live-edition .connexion-body{
    background-color:#BBBBBB;
}


.live-edition .connexion{
    font-size:15px;
}

.live-edition .connexion .titre-galerie{
    text-align:center;
    font-size:18px;
    margin-top:150px;
    font-weight:bold;
    color:#000000;
    margin-bottom:30px;
}

.live-edition .connexion .logo{
    text-align:center;

     
}

.live-edition .connexion .box{
    background-color:#FFFFFF;
    padding:30px;
    width:400px;
    margin:0 auto;
    margin-top:10px;
    text-align:center;
    border:1px solid #EEEEEE;
    -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.08);
}

.live-edition .connexion .box-inscription{
    width:500px;
    padding:15px;
}

.live-edition .connexion .titre{
    text-align:center;
    font-size:16px;
    color:#333333;
    margin-bottom:25px;
}

.live-edition .connexion .col-form{
    text-align:center;
}

.live-edition .connexion .input1{
    padding:10px 10px;
    width:200px;
    border:1px solid #D0D0D0;
    color:#1093e9;
    font-weight:bold;
    border-radius:2px;
    text-align:center;
}

.live-edition .connexion .input-btn{
  background-color:#1093e9;
    padding:5px 10px;
    color:#FFFFFF;
    width:260px;
    height:40px;
    font-size:15px;
    text-align:center;
    border:0;
    text-decoration:none;
    border-radius:2px;
    text-align:center;
}

.live-edition .connexion .form-error{
    font-size:13px;
}


.live-edition .connexion .nom-champ{
    padding-bottom:7px;
}

.live-edition .connexion .valeur-champ{
    padding-bottom:7px;
    text-align:center;
}

@media (max-width: 768px) {
    .live-edition .connexion .box {
        background-color: #FFFFFF;
        padding: 30px;
        width: 90%;
    }

    .live-edition .connexion .input-btn {
        width: 200px;
    }

    .live-edition .connexion .titre-galerie{
        margin-top:50px;
        margin-bottom:30px;
        font-size:15px;
        padding:0px 10px;
    }

}


/********************************************************************/
/********************************************************************/
/* FORMULAIRE */
/********************************************************************/
/********************************************************************/


.live-edition .formulaire .trait-separation{
    background-color:#DDDDDD;
    height:1px;
    margin:20px 20px;
}

.live-edition .formulaire .champ-titre{
    text-align:right;
    padding-top:12px;
    font-weight:bold;
    font-size:13px;
    color:#333333;
}

.live-edition .formulaire .champ-valeur .legende{
    font-size:13px;
    color:#666666;
    padding:6px;
}

.live-edition .formulaire .champ-valeur{
    font-size:15px;
    color:#00ccd3;
    padding:6px;
    font-weight:bold;
}

.live-edition .formulaire .champ-valeur a{
    color:#000000;
}

.live-edition .formulaire .champ-valeur-texte{
    padding-top:11px;
}

.live-edition .formulaire .champ-valeur input{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#0068d2;
    width:80%;
    font-weight:bold;
    font-size:14px;
}

.live-edition .formulaire .champ-valeur input.langue-etrangere {
    color:#38ab00;
}

.live-edition .formulaire .champ-valeur input.width100{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#000000;
    width:100px;
    font-weight:bold;
    font-size:14px;
}


.live-edition .formulaire .champ-valeur input[type='checkbox']{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#00ccd3;
    width:30px;
    font-weight:bold;
    font-size:14px;
}



.live-edition .formulaire .champ-valeur select{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#000000;
    width:80%;
    font-weight:bold;
    font-size:13px;
}

.live-edition .formulaire .champ-valeur select.width100 {
    width:100px;
}

.live-edition .formulaire .champ-valeur .textarea{
    border:1px solid #E0E0E0;
    padding:6px;
    color:#0068d2;
    font-weight:bold;
    font-size:14px;
    width:90%;
}

.live-edition .formulaire .champ-valeur .textarea.langue-etrangere {
    color:#38ab00;
}

.live-edition .formulaire .champ-valeur .textarea-html{
        border:1px solid #52abe7;
    background-color:#22221e;
    color:#52abe7;
    padding:10px;
}

.live-edition .formulaire .champ-valeur .textarea-css{
        border:1px solid deeppink;
    background-color:#22221e;
    color:deeppink;
    padding:10px;
}

.live-edition .formulaire .champ-valeur .show-code-html{
    width:90%;
}

.live-edition .formulaire .champ-valeur .show-code-html pre,
.live-edition .formulaire .champ-valeur .show-code-html code{
    color:#555555;
}


.live-edition .formulaire input.btn-valider{
    background-color:#52abe7;
    padding:10px;
    color:#FFFFFF;
    width:180px;
    display:inline-block;
    font-size:13px;
    text-align:center;
    text-decoration:none;
    border:0px;
    border-radius:2px;
}

.live-edition .formulaire input.btn-valider-no-width{
    width:auto;
}

.live-edition .formulaire input.btn-valider:hover{
    background-color:#666666;
}

.live-edition .formulaire input.btn-valider-warning{
    background-color:#000000;
}

.live-edition .formulaire input.btn-valider-gris{
    background-color:#BBBBBB;
}

.live-edition .formulaire input.btn-valider-photo{
    background-color:#A0A0A0;
    padding:7px;
    color:#FFFFFF;
    width:160px;
    display:inline-block;
    font-size:13px;
    text-align:center;
    text-decoration:none;
    border:0px;
    border-radius:2px;

}

.live-edition .formulaire input.btn-valider-photo:hover{
    background-color:#666666;
}

.formulaire .sous-zone {
    background-color:#F0F0F0;
    padding:15px;
}


.live-edition .formulaire .info-nom-css{
    padding:5px 20px;
    color:#FFFFFF;
    font-size:14px;
    background-color:#333333;
    display:inline-block;
    border-radius:3px;
    margin-bottom:10px;
    font-weight:normal;
}

.live-edition .formulaire .info-nom-css .nom{
     color:deeppink;
}

/********************************************************************/
/********************************************************************/
/* .formulaire .ligne-titre-form  */
/********************************************************************/
/********************************************************************/

.live-edition .formulaire .ligne-super-titre{
    background-color:#FFFFFF;
    font-weight:bold;
    padding:10px 20px;
    margin-top:15px;
    font-size:20px;
}

.live-edition .formulaire .ligne-titre-form{
    background-color:#F0F0F0;
    font-weight:bold;
    padding:10px 0px;
    margin-top:15px;
}


.live-edition .formulaire .ligne-titre-form .btn-action{
    background-color:#52abe7;
    padding:8px 15px;
    color:#FFFFFF;
    display:inline-block;
    font-size:13px;
    text-align:center;
    text-decoration:none;
    border-radius:2px;
}

.live-edition .formulaire .ligne-titre-form .btn-action:hover{
    background-color:#666666;
}

.live-edition .formulaire .ligne-titre-form .btn-action-retour {
    background-color:#A0A0A0;
}







/********************************************************************/
/********************************************************************/
/* DIVERS */
/********************************************************************/
/********************************************************************/



.live-edition .notification-bloc {
    background-color:#84c6a5;
    color:#FFFFFF;
    padding:12px 20px;
    border-radius:5px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:15px;
    font-size:15px;
}



.live-edition .notification-bloc-warning {
    background-color:orange;
    color:#FFFFFF;
    padding:12px 20px;
    border-radius:5px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:15px;
    font-size:15px;
}


.live-edition .notification-bloc-alerte-importante
{
    background-color:#c10000;
    color:#FFFFFF;
    padding:12px 20px;
    border-radius:5px;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:15px;
    font-size:15px;
}





/********************************************************************/
/********************************************************************/
/* widget-bottom-contact */
/********************************************************************/
/********************************************************************/



.live-edition a.widget-bottom-help{
    width:260px;
    background-color:red;
    position: fixed; 
    display:block;
    height:90px;
    bottom:0%;
    right:30px;
    color:#FFFFFF;
    opacity: 1;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    padding:10px 0px;
    -webkit-box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    box-shadow: -2px 2px 36px -6px rgba(0,0,0,0.35);
    text-align:center;
    text-decoration:none;
}

.live-edition a.widget-bottom-help:hover{
   
}