@font-face{font-family:Bouygues Speak;font-style:normal;font-weight:400;font-display:swap;src:local("Bouygues Speak"),url(/assets/fonts/bouygues-speak.woff2) format("woff2"),url(/assets/fonts/bouygues-speak.woff) format("woff")}@font-face{font-family:Bouygues Read;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/bouygues-read-regular.woff2) format("woff2"),url(/assets/fonts/bouygues-read-regular.woff) format("woff")}@font-face{font-family:Bouygues Read;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/bouygues-read-medium.woff2) format("woff2"),url(/assets/fonts/bouygues-read-medium.woff) format("woff")}@font-face{font-family:Bouygues Read;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/bouygues-read-semibold.woff2) format("woff2"),url(/assets/fonts/bouygues-read-semibold.woff) format("woff")}
html{overflow:hidden;overflow-y:auto;height:100%;scrollbar-color: #009dcc #FFF;scrollbar-width: thin;}
body {font-family: Bouygues read, Arial,Helvetica,sans-serif;color: #105272;font-size:12px;background-color:white;width:100%;margin:0;padding:0;min-height:100%;height:100%;min-width:100%;width:100%;}
/**/
#page{/* This fixes the IE7 overflow hidden bug */width:100%;height:100%;min-height:100%;}
#frame{text-align:center;margin-bottom:20px;margin-top:20px;border-radius:8px;background-color:#fff;padding:20px;max-width:1000px;margin-left: auto;margin-right: auto;}
#frame, .list_by_name #frame {margin-top: 0px;top: 20px;position: relative;}
#header{color:#454545;width: 100%;z-index:2;position:relative;height:61px;}
/**/
/**/
h1{color:#009dcc;font-size:30px;font-weight:normal;line-height:30px;margin:0;}
h2{color:#009dcc;font-size:23px;font-weight:normal;line-height:30px;margin:0;}
h1,h2{text-align:center;margin-top:30px;margin-bottom:30px;}
/**/
/**/
a{color:#109db9;}
a:hover{text-decoration:none;}
a img{border:0;}
/**/
/**/
form{margin:0;padding:0;}
fieldset.hidden{margin:0;padding:0;border-style:none;border-width:0;position:relative;z-index:7;}
/**/
/**/
#logo{float:left;min-width:162px;min-height:60px;display:block;}
#divbaseline{position:relative;color:#ffffff;background-color:transparent;}
#baseline_header{font-family: Bouygues speak;font-size:48px;margin:0 0 11px;text-align:center;}
.has-variant{font-feature-settings: "ss01";}
#baseline{font-family:Bouygues read;font-size:24px;margin:0 0 11px;text-align:center;}
#toc{font-family: Bouygues read;color:white;background-color:#ffffff;position:relative;height:60px;border-width: 0px 0px 1px 0px;border-style: solid;border-color:#D8D8D8;width:100%;position:fixed;z-index:33;}
#search{float:left;top:15px;left:15px;position:relative;}
#search i, #authent_sms i{font-size:36px;color:#ADADAD;float:right;border-width: 0px;background-color: #e3e3e3;height: 33px;border-color:#7D7D7D;border-radius:0px 5px 5px 0px;border-style:solid;cursor:pointer;}
#authent_sms i{float: none;position:relative;top:10px;border-width:0px;color: #fe544b;background-color:transparent;}
#authent_sms a{color: #fe544b;background-color: #FFF;text-decoration: none;height: 30px;border-width: 0px;padding-left:5px;font-size: 20px;cursor:pointer;}
#q, #authent_msisdn{width:222px;border-radius:5px 0px 0px 5px;border-width: 0px;background-color: #e3e3e3;height: 33px;line-height: 1.4;border-color:#7D7D7D;border-style:solid;}
#authent_sms #authent_msisdn{height:26px;}
.menu_bar{float:right;z-index:10;margin:0;padding:0;list-style-type:none;height:60px;}
.opendropmenu i{display:none;}
.dropmenu{float:right;display:block;iheight:61px}
.dropbtn{background-color: transparent;color: #454545;padding: 19px;font-size: 14px;border-width: 0px; border-style:solid;border-color:#D8D8D8;cursor: pointer;}
.dropbtn:hover, .dropbtn:focus{border-width: 0px 0px 3px 0px; border-style:solid;border-color:#009dcc;padding-bottom:14px;color:#0055A4;}
.dropdown{position: relative;display: inline-block;height:61px}
.dropdown-content {display: none;position: absolute;background-color: #ffffff;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;border-width: 1px;border-style: solid;border-color:#E8E8E8;right:0px;white-space: nowrap;}
.dropdown-content a {font-size: 20px;color: #454545;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content{min-width:180px;}
.dropdown-content-letter a {float:left;width:13px;}
.dropdown button{height:61px;padding-bottom:14px;}
.dropdown button.active {border-width: 0px 0px 3px 0px;color:#0055A4; border-style: solid; border-color: #0055A4; padding-bottom: 14px;}
.dropdown a:hover {background-color: #F3F3F3;color:#0055A4;}
.show {display: block;}
.menu_title{display:table-cell;height:60px;}
.menu_title a{color:#7D7D7D;font-size:20px;line-height:33px;text-decoration:none;text-transform:uppercase;margin:0px;padding:0px;display:block;height:60px;border-width: 0px 0px 0px 1px;border-style: solid;border-color:#D8D8D8;}
.menu_title .bg{padding:14px;display:block;}
.menu_title .current{color:#696c71;background-color:#F3F3F3;border-width: 0px 0px 5px 1px;border-color:#009dcc;border-style:solid;height:55px;}
/*.menu_title a:hover .bg{background-image:url(toc/item-on.png);}*/
.menu_items{background-color:white;top:61px;left:0;z-index:20;margin:0;padding:00px;list-style-type:none;display:block;height:0px;overflow:hidden;}
.menu_item{display:list-item;white-space:nowrap;}
.menu_alpha{text-align:center;width:16px;height:16px;padding-left:10px;display:inline-block;color:silver;}
.menu_item a{color:#696c71;font-size:20px;line-height:32px;background-image:none;text-transform:none;letter-spacing:normal;height:auto;margin:0;padding-right:10px;padding-left:10px;}
.menu_alpha a{padding:0;}
.menu_item a:hover{color:#009dcc;background-image:none;}
.menu_title:hover .menu_items{display:block;}
#main{position:relative;z-index:1;background: url(/assets/media/transparent-noise.7cd35704.png),url(/assets/media/pattern-dark-logo.svg) no-repeat,linear-gradient(#1b3650,#109db9);background-size: auto,120%,auto;background-position: 0 0,260px -30%,0 0;position:relative;padding-right: 0px;padding-left: 0px;padding-bottom:30px;min-height:CALC(100% - 91px);}
.back{background-color:#fe544b;color:#FFF;height:40px;font-size:20px;text-decoration:none;border-radius:5px;vertical-align: middle;display:table-cell;padding-left:7px;padding-right:7px;margin-bottom:10px;}
.button_buy{background-color:#009dcc;color:#FFF;height:35px;font-size:20px;text-decoration:none;border-radius:5px;vertical-align: middle;display:inline-block;padding-left:7px;padding-right:7px;margin-bottom:10px;padding-top: 5px;cursor:pointer;}
.back i, .button_buy i{padding-top:3px;float:left;}
/**/
/**/
#footer{color:#7D7D7D;font-size:13px;z-index:3;font-family: Bouyrgues read;;background-color:white;position:fixed;left:0;padding-right:5px;;bottom:0;padding-top:5px;padding-bottom:2px;}
#footer a{color:#7D7D7D;}
/**/
/**/
#carousel{position:relative;width:100%;height:300px;margin-bottom:10px;z-index:0;}
#carousel_content{position:absolute;top:0;height:100%;overflow:hidden;overflow-x:show;background-color:rgba(0, 0, 0, 0.16);width:100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
#carousel_previous, #carousel_next{color:#FFF;text-align:center;position:absolute;top:0;width:48px;display:block;overflow:hidden;background: #FFFFFF;border-radius: 100%;height: 48px;top: CALC(150px - 24px);z-index:9;box-shadow: 0 2px 4px 0 rgba(10,10,10,.5);}
#carousel_previous{left:0;}
#carousel_next{right:0;}
.carousel_content{background-color:transparent;height:300px !important;float:left;margin-bottom:6px;display:block;min-width:200px;}
.carousel_content img{width:100%;height:100%;object-fit:contain;}
#carousel_previous i,#carousel_next i{font-size:50px;margin-left:-5px;position:relative;height:48px;color:#109db9;}
#carousel_next i{margin-left:0px;}
.jcarousellite ul{margin:0px;margin-left:auto;margin-right:auto;width:1040px;}
/**/
/**/
#content{width:100%;display:inline-block;}
.content{position:relative;width:32vw;height:15vw;overflow:hidden;padding:0px;border-radius:10px;display:inline-block;background-color:#ffffff;float:left;margin:0.5vw;margin-bottom: 10px;min-height:175px;}
.content:hover{box-shadow: -5px 0 0 0 #fe544b;}
.content .text{float:right;width:CALC(100% - MAX(15vw, 175px) - 10px);padding-left:10px;min-height:40px;overflow:hidden;margin:0;background-color:#FFFFFF;height: CALC(100% - 35px);font-size:20px;}
.content .message{width: CALC(100% - 10px) !important;padding-top: 10px;font-size:18px;}
#content .error, #frame .authent_sms{font-size:20px;text-align:center;font-weight:bold;}
.title, .artist{color:#696c71;font-weight:bold;width:195px;width: 100%;display: block;}
.message .title,.message .artist{width:100%;}
.message .title{padding-bottom:10px;}
.content .action{vertical-align:middle;float:right;position:absolute;right:0px;bottom:3px;width: 240px !important;}
.action{float:right;width:240px;}
/*.content .pause,.content .play{margin-right:8px;}*/
/**/
/**/
.first_name{border-collapse:collapse;font-weight:bold;text-transform:uppercase;text-align:left;width:100%;}
.first_name .th{font-size:13px;line-height:28px;background-color:#d9eaf2;text-transform:capitalize;display:block;border-radius:4px;}
.first_name .initial{color:#696c71;font-size:16px;line-height:44px;}
.first_name th:first-of-type{padding-right:5px;}
.first_name th:last-of-type{padding-left:5px;}
.first_name th,.first_name td{vertical-align:top;text-align:center;font-size:18px;line-height:2em;}
.first_name a{text-decoration:none;}
.first_name a:hover{text-decoration:underline;}
/*.male{}*/
.female{color:#fe544b;}
/**/
/**/
#product #cover_player{width:250px;height:250px;float:left;overflow:hidden;}
#product #cover{margin-right:auto;margin-left:auto;display:block;width:250px;height:250px;background-color:#F3F3F3;object-fit: contain;float:left;margin-bottom:40px;position:absolute;}
.cover{float:left;width: 15vw;height: 15vw;min-width:175px;min-height:175px;display:block;background-color:#EEE;}
#product{color:#696c71;font-weight:bold;margin-right:auto;margin-left:auto;display:inline-flex;display:block;width:560px;}
#product_content{min-width:310px;font-size:20px;float:left;margin-bottom:20px;text-align:justify;max-width:310px;}
/*#product_content .pause,#product_content .play{margin-top:3px;margin-left:5px;display:inline-block;}*/
#product_content .listen{margin-left:19px;}
#product_content .text{margin:0;float:right;max-width:310px;}
#product_content .text_only{margin:0;float:right;}
table.buy{width:325px;margin-right:auto;margin-top:20px;margin-bottom:20px;margin-left:auto;font-size:14px;min-width:100%;}
table.buy td{text-align:left;padding:0 20px 0 0;white-space:nowrap;}
a.buy,form.buy{margin-top:30px;margin-bottom:30px;display:block;}
/**/
/**/
p.cgu{color:#696c71;font-size:16px;font-weight:normal;margin:0 25px 25px;}
/**/
.ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;}
.normal{font-weight:normal;}
.listen{color:#454545;font-size:22px;max-height:22px;float:left;}
#product_content .listen{margin-top:100px;width: 40px;background-size: cover;min-height: 40px;margin:10px;MIN(125px, CALC(50% - 50px));}
.listen i{font-size:35px;position:relative;top:-3px;}
#product_content .listen i{font-size:50px;padding:5px;position:relative;top:-3px;}
.listen span{display:none;}
.select{color:#fe544b;background-color:#FFF;text-decoration:none;height:30px;border-radius:5px;vertical-align: middle;display:table;padding-left:7px;padding-right:7px;font-size:20px;float:right;}
.select i{float:left;position:relative;top:3px;}
.play_media,.stop_media{width:30px;min-height:30px;height:30px;display:inline-block;margin-top:4px;position:relative;margin:0px;background-size:contain;}
#product #cover_player .play_media,#product #cover_player .stop_media{width:250px;min-height:250px;}
.play_media{background-image:url(../media/play.png);background-size:cover;}
.stop_media{background-image:url(../media/stop.png);background-size:cover;}
#product #cover_player .play_media{background-image:url(../media/play_250.png);}
#product #cover_player .stop_media{background-image:url(../media/stop_250.png);}
.navigation{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align:center;background-color:#009dcc;color:#FFF;font-size:15px;font-weight:bold;margin:5px 0px;display: inline-block;width: 100%;}
.navigation a{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:5px;color:#FFF;text-decoration:none;display:block;}
.navigation a:hover{background-color:#109db9;}
#banner {text-align: center;}
/* width */
::-webkit-scrollbar {width: 7px;}
/* Track */
::-webkit-scrollbar-track {background: #FFF;}
/* Handle */
::-webkit-scrollbar-thumb {background: #009dcc;border-radius: 5px;cursor:pointer;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #0081A5;cursor:pointer;}
@media (max-width: 1111px) {
h1, h2{margin-top:10px;margin-bottom:10px;}
.opendropmenu{display:block;width:222px;color:#454545;float:right;position:absolute;right:0px;z-index:5;}
.dropbtn {padding:12px;}
#main{padding-left:0px;padding-right:0px;padding-top:0px;}
#baseline_header{font-size: 30px;}
#baseline{font-size: 16px;}
#frame{padding:10px;}
#product{max-width: 100%;overflow-x:hidden;}
#product_content{min-width: CALC(100% - 135px);max-width: CALC(100% - 135px);text-overflow:ellipsis;font-size:14px;}
#product #cover_player, #product #cover,#product #cover_player .play_media, #product #cover_player .stop_media{width:125px;height:125px;}
.opendropmenu i{float:right;height: 53px;font-size: 48px;margin-top: 8px;display:block;}
.dropmenu{max-width:222px;background-color:#FFF;display:none;overflow-y: scroll;overflow-x: hidden;max-height: 100vh;}
.dropdown{width:222px;border-bottom:1px solid #EEE;}
.dropdown-content{left:0px;min-width:222px;position:relative;box-shadow: inset 0px 0px 14px 3px rgba(0,0,0,0.15);background-color: #FBFBFB;}
.dropbtn{width: 222px;text-align: left;}
#logo{max-width:111px;min-width:111px;}
#q{width:150px;}
#carousel{height:200px;}
.carousel_content {margin:0px;height:200px !important;}
#carousel_previous i, #carousel_next i {top:-5px;}
.content{width: 48vw;height:15vw;min-height:175px;}
.cover {width: 15vw;height: 15vw;min-width: 175px;min-height: 175px;}
.content .text {width: CALC(100% - MAX(15vw, 175px) - 10px);font-size:17px;}
#carousel_previous, #carousel_next {top: CALC(100px - 24px);}
}
@media (max-width: 750px) {
.content{width: 98vw;height:20vw;min-height:194px;}
.cover {width: 20vw;height: 20vw;min-width:194px;min-height:194px;}
.content .text {width: CALC(100% - MAX(20vw, 194px) - 10px);font-size:20px;}
}