/* ------------------ SPRITE ICONES ------------------ */
.sprite2,.sprite3,.sprite7,.sprite11,.sprite12{cursor:pointer;background-image: url('../img/sprite-icones-big-menu_web.webp');background-repeat: no-repeat;z-index:10998;opacity:0.75;}
.sprite2 {height: 32px; width: 32px;background-position: -50px -450px;top:10px;color:#000;}
.sprite3 {height: 32px; width: 32px;background-position: -150px -450px;top:10px;}
.sprite7 {height: 32px; width: 32px;background-position: -100px -450px;top:10px;}
.sprite11 {height: 33px; width: 33px;background-position: -350px -450px;top:10px;}
.sprite12 {height: 32px; width: 32px;background-position: -300px -450px;top:10px;}
/* .sprite9 {opacity:0.75;height: 36px; width: 36px;background-position: -121px 0;top:10px;} */
.sprite2:hover,.sprite3:hover,.sprite7:hover,.sprite11:hover,.sprite12:hover{opacity: 1;}

/* Propriétés modifiables par langue */
.sprite2.fr, .sprite2.it, .sprite2.es, .sprite2.en, .sprite2.de {right: 452px; }
.sprite3.fr, .sprite3.it, .sprite3.es, .sprite3.en, .sprite3.de {right: 500px; }
.sprite7.fr, .sprite7.it, .sprite7.es, .sprite7.en, .sprite7.de {right: 404px; }


#phoneDialog .phoneIcon{cursor:pointer;display:inline-block;margin-right:12px;background-image: url('../img/sprite-icones-big-menu_web.webp');background-repeat: no-repeat;
    height: 35px; width: 35px;background-position: -250px -450px;vertical-align: middle;}

/* ------------------ DIALOG (modals contact, phone, etc.) ------------------ */
#contactDialog,#phoneDialog,#searchDialog, #albumAboDialog
{ background: rgba(255, 255, 255, 0.95);  opacity: 0.9;min-height: 20px;display: none;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;border-radius: 6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);padding:30px;text-align: right;color:#000;z-index:14000;
    position: fixed;top: 50vh;left: 50vw;transform: translate(-50%, -50%);width: 90vw;}

#contactDialog a,#phoneDialog a {color: #333333; text-decoration: none;font-size: 13px; }
#contactDialog a:hover,#phoneDialog a:hover {opacity: 0.7;}

#phoneDialog{max-width:350px;text-align:center;}
#phoneDialog p{font-weight:bold; width: 100%;}
#phoneDialog a{text-decoration:underline;}
#phoneDialog #tel,#phoneDialog #tel a{font-size:16px; overflow-wrap: break-word; }

#contactDialog {max-width:900px;text-align:left !important;opacity:1 !important;}
#contactDialog h2 {margin-left: 30px;font-family: 'Comfortaa', cursive;font-weight: normal;text-transform: uppercase;}
#contactDialog  .form-left {width:370px;margin-left:30px;float:left;}
#contactDialog  input {width:84%;display:block;}
#contactDialog textarea {min-height: 11em;display: block;width: 84%;border: 1px solid #ccc;box-shadow: inset 2px 2px 2px #ccc !important;border-radius:5px;}
#contactDialog  .form-right {float:left;width:370px;margin-left:30px;}
#contactDialog .texta {font-size:13px;width:90%;display:block;margin:20px 0 0 0;}
#contactDialog .submit {color: #929d4d;display: block;width: 84%;margin: 1em 0;padding: 29px 15px 30px 15px;text-align: left;text-transform: uppercase;font-size: 100%;font-weight: bold;color: #000;line-height: 90%;text-shadow: none;border-radius: 0;border-top: 1px dotted #000;border-bottom: 1px dotted #000;box-shadow: none;background-color: #e5e5e5;}
#contactDialog span {display: block;font-size: 85%;font-weight: normal;}
#contactDialog .ico-big {background-position: -100px -900px;display: block;float: left;margin: -18px 10px 0 0;width: 72px;height: 72px;background-image: url(../img/sprite-icones-v2.png);background-repeat: no-repeat;}
#contactDialog p{width:100%;margin:10px 0 10px 0;}
#record_email { display: none !important; }

#searchDialog {max-width:800px;text-align:left !important;opacity:1 !important;}
#searchDialog h2 {font-family: 'Comfortaa', cursive;font-weight: normal;text-transform: uppercase; }
#searchDialog label {display: block; width: 250px; }
#searchDialog submit { cursor: pointer; display: block; margin: 1em 0;padding: 12px 5px; width: 100px; text-align: center;text-transform: uppercase; color: #000; border-radius: 6px; border: 1px solid #ccc; box-shadow: inset 2px 2px 2px #ccc !important; float: left; }
#searchDialog span {display: block;font-size: 85%;font-weight: normal;}
#searchDialog p { font-size: 0.8em !important; }

.closeBtn{float: right;cursor: pointer; display: block; margin: -10px 0 15px;
    border: none;
    text-decoration:none !important;
    width: 20px; height:20px;
    line-height:20px; text-align: center; font-family: 'Comfortaa', cursive;
    font-weight:bold;font-size:16px;text-transform: uppercase; color: #000; background: rgba(0, 0, 0, 0.1);}
.closeBtn:hover{text-decoration:none !important;background: rgba(0, 0, 0, 0.25);}

@media screen and (max-width: 800px){
#contactDialog,#phoneDialog,#searchDialog {padding:10px;}
}

#albumAboDialog {text-align: start;font-family: 'Comfortaa', cursive;}
#albumAboDialog h2{text-transform: uppercase;}
#album-abo_result {color: green;}