/**
 * @brief CookieAgreementMessage Input default CSS styles
 * @details Plugin / Input CSS styles
 * @author CaMykS Team
 * @version 1.1.1
 * @date Creation: May 2017
 * @date Modification: Jan 2026
 * @copyright 2017 - 2026 CaMykS Team
 * @note This program is distributed as is - WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */
.cookieAgreementMessage {background:black; padding:16px 32px 20px; position:fixed; opacity:0.95; transition:all 0.3s ease; max-width:100%; max-height:100%; overflow: hidden auto; box-sizing: border-box; border-radius:8px; box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75); z-index:999999;}
.cookieAgreementMessage * {text-decoration:none; box-sizing: border-box;}
.cookieAgreementMessage img {font-size:0;}
.cookieAgreementMessage .opener {display:none; width:30px; height:30px; cursor:pointer; position:relative; top:-15px; left:-15px; margin: 0 5px 5px 0;}
.cookieAgreementMessage .closer {width:50px; height:50px; cursor:pointer; margin:0 0 12px; border:solid 1px white; padding:12px; border-radius:24px; float:right; position:relative; left:16px;}
.cookieAgreementMessage .message {color:white; padding:8px;}
.cookieAgreementMessage .acceptButton {display:inline-block; color:white !important; background:#434343; padding:8px 16px; margin:0 4px 10px; border-radius:6px; min-width:160px; font-weight:bold;}
.cookieAgreementMessage .aboutButton {display:inline-block; color:black !important; background:white; padding:8px 16px; margin:0 4px 10px; border-radius:6px; min-width:160px; font-weight:bold;}
.cookieAgreementMessage .aboutButton.hidden {visibility:hidden;}
.cookieAgreementMessage .acceptButton:hover, .cookieAgreementMessage .aboutButton:hover {text-decoration:none; opacity:0.8;}

.cookieAgreementMessage.minimised {padding:32px; max-width:40px; max-height:40px; overflow:hidden;}
.cookieAgreementMessage.minimised .opener {display:block;}

.cookieAgreementMessage.top {width:100%; text-align:center; padding:20px 0 0 0 ;}
.cookieAgreementMessage.top .message {display:inline-block; max-width:1000px; margin:0 auto;}
.cookieAgreementMessage.top .services {max-width:1000px; margin:0 auto;}
.cookieAgreementMessage.top .buttons {display:inline-block;max-width:1000px; margin:0 auto;}

.cookieAgreementMessage.top-left {width:750px; text-align:center; top:10px; left:10px;}
.cookieAgreementMessage.top-left .buttons {padding:8px 0;}
.cookieAgreementMessage.top-right {width:750px; text-align:center; top:10px; right:10px;}
.cookieAgreementMessage.top-right .buttons {padding:8px 0;}

.cookieAgreementMessage.bottom {width:100%; text-align:center; bottom:0; padding:0 0 0 20px;}
.cookieAgreementMessage.bottom .message {display:inline-block; max-width:1000px; margin:0 auto;}
.cookieAgreementMessage.bottom .services {max-width:1000px; margin:0 auto;}
.cookieAgreementMessage.bottom .buttons {display:inline-block; max-width:1000px; margin:0 auto;}

.cookieAgreementMessage.bottom-left {width:750px; text-align:center; bottom:10px; left:10px;}
.cookieAgreementMessage.bottom-left .buttons {padding:8px 0;}
.cookieAgreementMessage.bottom-right {width:750px; text-align:center; bottom:10px; right:10px;}
.cookieAgreementMessage.bottom-right .buttons {padding:8px 0;}

.cookieAgreementMessage.centered {width:750px; text-align:center; position: fixed; bottom: 50%; left: 50%; transform: translate(-50%, 50%);}
.cookieAgreementMessage.centered .buttons {padding:8px 0;}
.cookieAgreementMessage.centered.minimised {bottom:10px; left:10px; transform: translate(0%, 0%);}

.cookieAgreementMessage .services {max-height:0; transition:max-height 0.3s ease-out; overflow:hidden; text-align:left; margin:12px 0 0 ;}
.cookieAgreementMessage .services.opened {max-height:500px; overflow-y:auto;}
.cookieAgreementMessage .services .title {font-weight:bold; font-size:+2em; color:white;}
.cookieAgreementMessage .services .service {padding:20px 8px; border-top:solid 1px #888; font-size:0; display:flex;}
.cookieAgreementMessage .services .service .details {flex:2;}
.cookieAgreementMessage .services .service .details .title {font-size:+1.5em;}
.cookieAgreementMessage .services .service .details .link {color:white !important; text-decoration:underline;}
.cookieAgreementMessage .services .service .actions {min-width:95px; max-width:95px;}
.cookieAgreementMessage .services .service .actions .mandatory {float:right; color:#2d867a; padding:4px 8px; font-weight:bold;}
.cookieAgreementMessage .services .service .actions .accept, .cookieAgreementMessage .service .refuse {display:block; margin-left:8px; float:right; width:39px; height:39px; background-color:#888; background-position:50% 50%; background-repeat:no-repeat; border:solid 2px #888; border-radius:21px;}
.cookieAgreementMessage .services .service .actions .accept {background-image:url(../../../cplugin/input/CookieAgreementMessage/css/../img/accept.png);}
.cookieAgreementMessage .services .service .actions .accept:hover {border:solid 2px #006e64;}
.cookieAgreementMessage .services .service .actions .accept.selected {border:solid 2px #006e64; background-color:#006e64;}
.cookieAgreementMessage .services .service .actions .refuse {background-image:url(../../../cplugin/input/CookieAgreementMessage/css/../img/refuse.png);}
.cookieAgreementMessage .services .service .actions .refuse:hover {border:solid 2px #961414;}
.cookieAgreementMessage .services .service .actions .refuse.selected {border:solid 2px #961414; background-color:#961414;}

/* mobile adaptation */
@media (max-width: 400px) {
    .cookieAgreementMessage {max-width:100%; left:0; right:0;}
    .cookieAgreementMessage.minimised {left:auto;}
    .cookieAgreementMessage.minimised.bottom-left, .cookieAgreementMessage.minimised.top-left {left:0; right:auto;}
}

@media (max-width: 750px) {
    .cookieAgreementMessage {padding:16px 16px 6px;}
    .cookieAgreementMessage.minimised {padding:32px;}
    .cookieAgreementMessage .message {padding:8px 0;}
    .cookieAgreementMessage .services .title {font-size:+1.5em;}
    .cookieAgreementMessage .services .service .details .title {font-size:+1.25em;}
}

/* print mode */
@media print {
    .cookieAgreementMessage {display:none;}
}


/*
 * CaMykS Engine
 * Developed by	    : Ideogram Design
 * Author	        : JB Lebrun
 * CaMykS Version   : 1.0b
 * Object Version   : 1.0
 * Object Type      : Plugin / Theme Main CSS Styles
 * Creation Date    : Jan 2017
 * Last Modif Date  : Jan 2017
 *
 * IdeogramEvent Theme Main CSS styles
 * Main colors :
 *
 */
/* global */
* { padding:0; margin:0; box-sizing: border-box;}
body {background:#e7ebec;}
p {padding: 8px 0;}
a {text-decoration:none; color:#f7a827; transition:color 0.2s;}
a:hover {color:#eb5145;}
ul { margin:0 0 0 28px; padding:0; list-style:url(../../../plugin/theme/IdeogramEventStyle/css/../img/bullet.png); }
ul ul { margin:0px 18px; padding:0; list-style:url(../../../plugin/theme/IdeogramEventStyle/css/../img/bullet.png); }
ol { margin:0 0 0 28px; padding:0;}
li { margin:4px 4px; }
blockquote { margin:8px 20px; }
table { border-spacing: 0; border-collapse: collapse;}
img {border:0;}
input, textarea, select { border:none; padding:0; background: rgba(255, 255, 255, 0.7); font-size:14px; border:solid 1px #BBB; border-radius:2px;}
input:focus, select:focus, textarea:focus {border:solid 1px #f7a827;}
input, textarea, option { padding:6px 4px; color:#35353c; font-size:14px;}
textarea{resize: none;}
.inputs{width:200px;} select.inputs{width:220px;}
.linputs {width:300px;} select.linputs{width:305px;}
.sinputs{width:100px;} select.sinputs{width:105px;}
.vsinputs{width:30px;} select.vsinputs{width:35px;}
.vvsinputs{width:20px;}
.vlinputs {width:100%;}
form {margin:0;}
.img{font-size:0}
sup, sub{font-size:10px; color:inherit;}
.clear {font-size:0; height:0; clear:both;}
em {font-style:italic;}
strong {font-weight:400;}
.active {cursor:pointer;}
/* icon image for layered menu */
img.icon{ float:left; margin-right:4px; }
/* error */
.error { font-size:14px; color:#CC3333; padding:16px 0; text-align:center;}
.unselectable {
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  -o-user-select: none;
  user-select: none;
  cursor:default;
}
/** editor **/
* {font-family: 'Kanit', Calibri, sans-serif; font-size: 16px; font-weight:300; font-style:normal; color:#5c5c5c;}
/* generic styles */
.eTitle1 {font-size:36px; color:#30b8ba; text-transform:uppercase;}
.eTitle2 {font-size:28px; color:#f7a827;}
.eContent1 {}
.eContent2 {font-weight:400;}
.eContent3 {font-weight:400; color:#30b8ba;}
.eContent4 {font-weight:400; color:#f7a827;}
p.eContent1, p.eContent2, p.eContent3, p.eContent4 {text-align: justify;}
a.eLink1 {}
a.eLink2 {font-weight:400;}
.quote {padding:40px 0 0 80px; font-style:italic; background:url(../../../plugin/theme/IdeogramEventStyle/css/../img/quote.png) 0 0 no-repeat;}
.quote * {font-style:italic;}
.half-size {display:inline-block; vertical-align:top; width:47%; padding-right:40px;} 
/* main content */
.mainContent {max-width:1200px; margin:0 auto;}
/** parts **/
.IdeogramEventButton {display:inline-block; background:#f7a827; padding:4px 12px; min-width:120px; text-transform:uppercase; color:white; border-radius:2px; text-align:center; transition: background 0.2s; }
.IdeogramEventButton:hover {background:#eb5145; color:white;}
/** tools **/
.mainContent {max-width:1200px; margin:0 auto;}
/* media popup background */
.mediaPopupBkgd {position:fixed; left:0; top:0; background:#303030; opacity:0.90; filter:alpha(opacity=90); width:100%; z-index:10000;}
/* media popup */
.mediaPopup { z-index:10001; padding:0; position:fixed; top:0; left:0;} 
.mediaPopup .closeButton {width:0; height:0; overflow:display; float:right; position:relative; top:-40px; left:-35px; cursor:pointer; font-size:0;}
.mediaPopup .mediaTitle {display:none;}
/* page controler in control bar */
.genericPageEmptyController {font-size:0px; height: 0px; }
.genericPageController { padding:0 4px; width:100%; clear:both; }
.genericPageController .gpcBox {margin:0 auto;}
.genericPageController .gpcButton {padding:0 2px; font-size:0; vertical-align:middle;}
.genericPageController .gpcSelected {line-height:17px; font-weight:bold; padding:6px 12px; font-size:16px; background:#cc5530; color:white; text-decoration:none; display:inline-block;}
.genericPageController .gpcLink {line-height:17px; color:white; padding:6px 12px; text-decoration:none; font-size:16px; display:inline-block;}
.genericPageController .gpcLink:hover {text-decoration:none; background:white; color:#aec954;}
.genericPageController .gpcSpacer{padding:0 2px; color:white; text-decoration:none;}
.genericPageController .gpcLPage{padding:0 2px; color:white; text-decoration:none;}
.genericPageController .gpcRPage{padding:0 2px; color:white; text-decoration:none;}
.genericPageController .gpcPage{padding:0 2px; color:white; text-decoration:none;}
/** template **/
#pageMain {background-size:100%; background-attachment: fixed; background-position:50% 90px; background-repeat: no-repeat;}
/** elements **/
#actionButtons {position:fixed; top:120px; right:0; width:50px; font-size:0; height:0; overflow:display; z-index:10001;}
#actionButtons * {font-size:0;}
#actionButtons .button {position:relative; left:0; transition: left 0.5s;}
#actionButtons .button:hover {left:-80px;}
/* header */
#pageHeader {background:url(../../../plugin/theme/IdeogramEventStyle/css/../img/header.jpg) 0 50% no-repeat; background-size:100%; padding:8px 0 60px;}
#pageHeader .mainContent {padding:20px 0 0;}
#pageHeader .large .menuButton {display:none;}
#pageHeader .large .logotype {display:inline-block; margin-right:180px;}
#pageHeader .large .title {display:inline-block; vertical-align:bottom; font-size:48px; font-weight:600; color:white; text-transform:uppercase;}
#pageHeader .large .menus {display:block; text-align:center; margin-top:32px;}
#pageHeader .large .menus .menu {display:inline-block; vertical-align:top; width:140px; margin:0 10px;}
#pageHeader .large .menus .menu .icon {text-align:center;}
#pageHeader .large .menus .menu .icon img {transition: width 0.2s; width:80px;}
#pageHeader .large .menus .menu .title {font-size:0; text-align:center;}
#pageHeader .large .menus .menu .title a {font-size:20px; color:white; font-weight:normal; line-height:24px;}
#pageHeader .large .menus .menu:hover {cursor:pointer;}
#pageHeader .large .menus .menu:hover .icon img {width:75px;}
#pageHeader .large .menus .menu:hover .title a {text-shadow:0px 0px 6px #FFFFFF;}
#pageHeader .small{}
/* footer */
#pageFooter {clear:both; background:#333538; position:relative;}
#pageFooter .mainContent {padding:20px 150px;}
#pageFooter * {color:white;}
#pageFooter * a[class=eLink1] {color:#f7a827;}
#pageFooter * a[class=eLink1]:hover {color:#eb5145;}
#pageFooter .title {padding: 20px 0; text-transform:uppercase; font-size:24px; text-align:center;}
#pageFooter .content {font-size:0;}
#pageFooter .content .contact {width:590px; display:inline-block; vertical-align:top; }
#pageFooter .content .form {width:310px; display:inline-block; vertical-align:top; }
#pageFooter .content .form .formLine {font-size:0; padding:4px 0;}
#pageFooter .content .form .formLine .formItem {display:inline-block; width:120px; color:white; text-align:right; padding: 4px 8px 0 0; vertical-align:top;}
#pageFooter .content .form .formLine .formInput {display:inline-block; width:300px; }
#pageFooter .content .form .formLine .formInput input,
#pageFooter .content .form .formLine .formInput select,
#pageFooter .content .form .formLine .formInput textarea {background:none; color:white; transition: border 0.2s;}
#pageFooter .content .form .formLine .formInput input,
#pageFooter .content .form .formLine .formInput option,
#pageFooter .content .form .formLine .formInput textarea {padding:3px 4px; color:white;}
#pageFooter .content .form .formButtons {width:300px; text-align:right; padding: 4px 0;}
/* html content */
#pageContent .mainContent.html{background:white; padding:50px; position:relative; top:-30px;}
/* home portal content */
#pageContent .mainContent.homePortal{position:relative; top:-30px;}
#pageContent .mainContent.homePortal .transparentLine {padding:0 0 0 20px; font-size:0;}
#pageContent .mainContent.homePortal .whiteLine {padding:0 0 0 20px; background:url(../../../plugin/theme/IdeogramEventStyle/css/../img/home/symbol.png) 90% 50% no-repeat white; font-size:0;}
#pageContent .mainContent.homePortal .greenLine {padding:0 0 0 20px; background:#30b8ba; font-size:0;}
#pageContent .mainContent.homePortal .redLine {padding:0 0 0 20px; background:#eb5145; font-size:0;}
#pageContent .mainContent.homePortal .blueLine {padding:0 0 0 20px; background:#00b9e9; font-size:0;}
#pageContent .mainContent.homePortal .pictureLine {padding:0 0 20px 20px; font-size:0; background-size:100%; background-position: 0% 50%;}
#pageContent .mainContent.homePortal .greenLine * {color:white;}
#pageContent .mainContent.homePortal .redLine * {color:white;}
#pageContent .mainContent.homePortal .blueLine * {color:white;}
#pageContent .mainContent.homePortal .highlight {overflow:display;}
#pageContent .mainContent.homePortal .highlight .eTitle1 {background:url(../../../plugin/theme/IdeogramEventStyle/css/../img/home/clip.png) 0 0 repeat-y; line-height: 40px; padding:40px 20px 0 40px; position:relative; top:-10px; text-align:left;}
#pageContent .mainContent.homePortal .highlight .content {padding: 0 60px 0 40px; display:inline-block; vertical-align:top; width:50%; text-align:justify;}
#pageContent .mainContent.homePortal .highlight .pictureBox {display:inline-block; width:50%; overflow:display;}
#pageContent .mainContent.homePortal .highlight .pictureBox img {width:590px;}
#pageContent .mainContent.homePortal .freeContent {padding:40px 120px;}
#pageContent .mainContent.homePortal .freeContent .button{text-align:center; padding-top:20px;}
#pageContent .mainContent.homePortal .customers {padding:20px 40px;}
#pageContent .mainContent.homePortal .customers .eTitle1 {text-align:center; color:#f7a827;}
#pageContent .mainContent.homePortal .customers .customer {display:inline-block; width:32%; vertical-align:middle; font-size:0; text-align:center; border-left:solid 1px white;}
#pageContent .mainContent.homePortal .customers .customer:first-child{border-left:none;}