
	/* CKE FIX */
	.cke_editable {background:#F0F0F0;}
	.cke_panel_list {background:#F0F0F0;color:#343434;margin:0;}
	/* APP COMMON */
	* {padding:0;margin:0;border:0;outline:0;}
	html {width:100%;height:100%;}
	body {width:100%;height:100%;font-family:'Trebuchet MS',helvetica,sans-serif;font-size:13px;color:#343434;background:black url(/specific_images/2/background-electrophonique.jpg?update=20210624133427);background-attachment: fixed;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
	img {vertical-align: bottom;}
	ul,ol {list-style:none;}
	label, button {cursor: pointer;}
	.clear {display:block;float:none;clear:both;height:0px;font-size:0px;text-indent:-99999px;margin:0px;}
	.alert {display:block;margin:3% 20% 3% 20%;padding:64px 32px;background:rgba(3,44,83,0.5);border-radius:12px;box-sizing:border-box;font:normal 34px 'Open Sans Condensed';color:white;text-align:center;}
	.alert.nok {color:red;}
	.alert.ok {color:#00ff00;}
	#gemeapp_adminbar {position:relative;z-index:2;}
	#gemeapp_debug {position:absolute;z-index:100;}

/* STRUCT */
	#Header {min-width:800px;background-image: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9) 100%);}
	#Header #HeaderContent {width:100%;display:inline-block;text-align:left;}
	#Page {min-width:800px;}
	#Page #PageContent {min-height:350px;text-align:left;}
	#Footer {min-width:800px;background:rgba(0,0,0,0.1);text-align:center;}
	#Footer #FooterContent {}
	#Generalcont {position:relative;z-index:1;}

/* HEADER */
	#logo {float:left;width:40%;}
	#ShopMenulist {float:right;padding-right:32px;}
	#ShopMenulist li {float:left;padding:10px;}
	#ShopMenulist li img {height:18px;width:auto;}
	#langMenuList {float:right;padding:8px;}
	#langMenuList li {float:left;padding:4px;color:white;}
	#langMenuList li a {color:white;font-family:Open Sans;font-size:17px;}
	#langMenuList li.current a {text-decoration:underline;}

	#mainMenuList {clear:right;font-size:0;text-align:center;float:right}
	#mainMenuList li {display:inline-block;font:normal 26px 'Open Sans Condensed';color:#C6FF00;}
	#mainMenuList .mainMenuLink {display:inline-block;padding:2px 16px;color:white;letter-spacing:3px;}
	#mainMenuList .mainMenuLink:hover {color:#C6FF00;}
	#mainMenuList .current .mainMenuLink {text-decoration:underline;}
	#mainMenuList .subMenuList {width:230px;position:absolute;text-align:left;top:30px;display:none;border:solid 1px black;background:rgba(255,255,255,0.8);box-shadow:1px 1px 12px #444;z-index:11;}
	#mainMenuList .subMenuList li {display:block;}
	#mainMenuList .subMenuList .SubMenuLink {display:block;padding:5px 10px;}
	#mainMenuList .subMenuList .SubMenuLink:hover {background:#456789;}

/* COMMON */
	h1 {font:normal 34px 'Open Sans Condensed';color:white;font-style:italic;}
	h2 {font:bold 32px 'Open Sans Condensed';color:#C6FF00;}
	h3 {font:normal 22px 'Open Sans Condensed';color:white;}
	h4 {font:normal 34px 'Open Sans Condensed';color:white;}
	h5 {font:normal 24px 'Open Sans Condensed';color:white;}
	hr {height:1px;margin:0 2%;background:#74808b;}
	a {color:#343434;text-decoration:none;}
	a:hover {text-decoration:none;}

/* HOME */
	.Videos {width:60%;margin:1.5% auto;border-radius:12px;overflow:hidden;box-sizing:border-box;border:solid 32px rgba(38,51,63,0.5);font-size:0;}
	.Videos iframe {aspect-ratio: 16 / 9;width:100%;height:100%;}
	.SmartLinks {width:60%;margin:1.5% auto;}
	.SmartLinks h1 {font:normal 3vw 'Montserrat';margin:1%;font-style:italic;color:#53a9fa;background:rgba(3,44,83,0.2);border-radius:12px;display:inline-block;padding:0 8px;}
	.SmartLinks .TrackList {width:100%;background:rgba(38,51,63,0.5);box-sizing:border-box;border-radius:12px;}
	.SmartLinks .TrackList li {float:left;width:20%;box-sizing:border-box;padding:0.5% 2% 2% 2%;}
	.SmartLinks .TrackList h2 {color:white;position:relative;font-size:2vw;}
	.SmartLinks .TrackList h2 span {position:absolute;top:2.2vw;right:0;font-size:0.9vw;}
	.SmartLinks .TrackList .TrackImage {width:100%;box-shadow:4px 4px 16px rgba(0,0,0,0.4);border:solid 0.5vw #444;margin-top:2%;box-sizing:border-box;}

/* TRACKS SMARTLINKS */
@media screen and (min-width: 200px) {
	.Tracks {width:100%;height:100%;position:relative;z-index:2;box-sizing:border-box;}
	.TracksImage {width:100%;text-align:center;}
	.TracksImage img {width:100%;border:solid 8px rgba(38,51,63,0.8);;box-sizing:border-box;}
	.TracksTitle {width:100%;min-height:100%;background:rgba(38,51,63,0.8);box-sizing:border-box;padding:32px;}
	.TracksTitle h1 {display:block;font:bold 22px 'Montserrat';color:white;}
	.TracksTitle h2 {display:block;font:normal 20px 'Montserrat';color:white;}
	.TracksTitle h3 {display:block;font:normal 12px 'Montserrat';color:#999;}
	.TracksTitle hr {background:#54606b;margin:26px 0;}
	.TracksLinksline {color:white;font:bold 15px 'Montserrat';padding:10px 0;border:solid 1px #b1b8bf;border-radius:5px;display:inline-block;width:48%;box-sizing:border-box;text-align:center;}
	.TracksLinksline:hover {background:rgba(255,255,255,0.2);}
	.TracksLinkslineLogo {width:50%;box-sizing:border-box;display:inline-block;}
	.TracksLinkslineLogo img {width:75%;height:auto;}
}
@media screen and (min-width: 550px) {
	.Tracks {width:100%;height:100%;position:relative;z-index:2;box-sizing:border-box;}
	.TracksImage {width:90%;text-align:center;margin:0 auto;background:rgba(38,51,63,0.8);margin-top:4vh;}
	.TracksImage img {width:100%;box-sizing:border-box;}
	.TracksTitle {width:90%;min-height:100%;background:rgba(38,51,63,0.8);box-sizing:border-box;padding:32px;margin:0 auto;}
	.TracksTitle h1 {display:block;font:bold 54px 'Montserrat';color:white;}
	.TracksTitle h2 {display:block;font:normal 48px 'Montserrat';color:white;}
	.TracksTitle h3 {display:block;font:normal 32px 'Montserrat';color:#999;}
	.TracksTitle hr {background:#54606b;margin:26px 0;}
	.TracksLinksline {color:white;font:bold 26px 'Montserrat';padding:20px 0;border:solid 1px #b1b8bf;border-radius:5px;display:inline-block;width:48%;box-sizing:border-box;text-align:center;}
	.TracksLinksline:hover {background:rgba(255,255,255,0.2);}
	.TracksLinkslineLogo {width:50%;box-sizing:border-box;display:inline-block;}
	.TracksLinkslineLogo img {width:70%;height:auto;}
}
@media screen and (min-width: 1080px) {
	.Tracks {width:100%;height:100%;position:relative;z-index:2;box-sizing:border-box;}
	.TracksImage {float:left;width:65%;text-align:center;background:none;}
	.TracksImage img {box-shadow:4px 4px 16px rgba(0,0,0,0.4);width:70%;max-width:750px;border:solid 8px #444;margin-top:7vh;}
	.TracksTitle {float:left;width:35%;min-height:100%;background:rgba(38,51,63,0.8);box-sizing:border-box;padding:32px;}
	.TracksTitle h1 {display:block;font:bold 30px 'Montserrat';color:white;}
	.TracksTitle h2 {display:block;font:normal 28px 'Montserrat';color:white;}
	.TracksTitle h3 {display:block;font:normal 13px 'Montserrat';color:#999;}
	.TracksTitle hr {background:#54606b;margin:26px 0;}
	.TracksLinksline {color:white;font:bold 15px 'Montserrat';padding:10px 0;border:solid 1px #b1b8bf;border-radius:5px;display:inline-block;width:48%;box-sizing:border-box;text-align:center;}
	.TracksLinksline:hover {background:rgba(255,255,255,0.2);}
	.TracksLinkslineLogo {width:50%;box-sizing:border-box;display:inline-block;}
	.TracksLinkslineLogo img {width:auto;height:auto;}
}

/* CONTACT */
	.genericForm {display:block;margin:3% 20% 3% 20%;padding:8px 32px 32px 32px;background:rgba(3,44,83,0.5);border-radius:12px;box-sizing:border-box;}
	.genericForm label {display:block;width:30%;text-align:right;float:left;padding:5px 10px 0px 0px;font-size:17px;color:white;}
	.genericForm input,.genericForm textarea {display:block;width:60%;font-size:17px;height:24px;border:solid 1px rgba(0,0,0,0.2);background:rgba(255,255,255,0.3);color:white;float:left;padding:0 5px;margin:3px;}
	.genericForm textarea {height:85px;overflow: hidden;}
	.genericForm input.invalid,.genericForm textarea.invalid {border:solid 1px red;}
	.genericForm .captcha {float:left;}
	.genericForm .captcha img {float:left;width:20px;padding-top:3px;}
	.genericForm .captcha input {width:90px;font-size:24px;text-align:center;}
	.genericForm button {margin:16px 0 0 40%;width:220px;text-align:center;background:none;padding:5px;font-size:17px;color:#fff;text-shadow:1px 1px 1px #222;cursor:pointer;border-radius:6px;border:solid 1px white;}
	.genericFormError {text-align:center;color:#a00;font-size:17px;}

/* FOOTER */
	#FooterMenuList {display:block;}
	#FooterMenuList li {float:left;}
	#FooterMenuList .FooterMenuLink {display:inline-block;padding:4px 10px;opacity:0.8;}
	#FooterMenuList .FooterMenuLink:hover {opacity:1;}
	#FooterMenuList .current .FooterMenuLink {color:black;}
	#FooterMenuLink {clear:both;display:block;float:right;}
	#FooterMenuLink li {float:left;}
	#FooterMenuLink .FooterMenuLink {display:inline-block;padding:1px 10px;font:bold 20px 'Open Sans Condensed';color:white;}
	#FooterMenuLink .FooterMenuLink:hover {color:#C6FF00;}
