body.noscroll {overflow-y:hidden;}

.description, #player {margin: 0 1% 40px 1%;background: black; overflow: hidden;padding:20px;}
.description {padding:25px 0 20px 0;;color:white;font:300 14px Lato;margin: 0 1%;}
#player {padding:0;position:relative;}
.subchannel, .rowimg {margin: 0 1% 40px 1%;background: black; overflow: hidden;}
.subchannel {border: solid 1px #3d3d3d;color:white;}
.subchannel img {float:left;height:180px;margin-right:30px;transition:all 0.5s;}
.subchannel img:hover {  transform: scale(1.1);}
.subchannel h2 {text-transform:uppercase;color:white;color:white;font:normal 18px avenir85_heavy;}
.subchannel a.sublink {width:50px;display:block;float:right;margin-left:30px;height:180px;background:#12bd31 url('/img/arrowlink.png') no-repeat center center;transition:all 0.5s;}
.subchannel a.sublink:hover {background:#fd9226 url('/img/arrowlink.png') no-repeat 85% center;}
#ariane {margin: 0 1% 30px 1%;background: none; overflow: hidden;padding:0px;font:300 14px Lato;margin:30px 1%;color:white;}
#ariane a {color:white;text-decoration:none;text-decoration:underline;}
#ariane a:hover {text-decoration:none;}
#ariane .big {font: 700 25px Lato;}
#ariane span {display:inline-block;vertical-align:middle;margin-right:5px;}

#tv {position:relative;margin:0 auto;width:100%;border: solid 1px #3d3d3d;box-sizing:border-box;max-width:1024px;}
#subchannel {text-align:center;margin-bottom:20px;}
#subchannel a {margin:0 1% 1% 1%;text-decoration:none;text-transform:uppercase;border:solid 1px #1bcb23;background:black;color:white;font:normal 16px avenir85_heavy;display:inline-block;padding:15px 20px;transition:all 0.5s;}
#subchannel a:hover, #subchannel a.vert {color:#1bcb23;}

.usergray {background:#292828;color:white;padding:20px;}
.usergray h2:first-child {margin-top:0;}
.margintop {margin-top:90px;}

#pub {position:relative;}

/*CAROUSEL*/
.rowimg {min-height:200px;background:black url('/img/loading.gif')no-repeat center center;background-size:125px 125px;border: solid 1px #3d3d3d;}
.rowimg h2 {text-transform:uppercase;color:white;font:700 17px Lato;margin:20px 10px 20px 20px;display:inline-block;vertical-align: middle;}
.rowimg p.rowicones {display:inline-block;margin:8px;vertical-align: middle;}
.rowimg p.rowicones a {display:inline-block;position:relative;top:1px;}
.row {position:relative;display:none;}
.carousel, .carousel2 {padding:0 4% 15px 4%;width:92% !important;}
.carousel .item, .carousel2 .item {margin: 5px 15px;text-align:left;background:#38454c;}
.carousel .item img.main, .carousel2 .item img.main {position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;}
.carousel .item .infotitre, .carousel2 .item .infotitre {font:700 11px Lato;margin:10px;color:white;text-transform:uppercase;min-height:26px;}
.carousel .item a, .carousel .item, .carousel2 .item a, .carousel2 .item {color:white;text-decoration:none;font:700 11px Lato;}
.owl-buttons {position:absolute;top:0;width:100%;margin-left:-4%;}
.owl-prev, .prevempty {margin-top:4px;position:absolute;top:0;left:0;width:3.5%;-webkit-transition:border 0.5s;transition:border 0.5s;}
.owl-next, .nextempty {margin-top:4px;position:absolute;top:0;right:0;width:3.5%;-webkit-transition:border 0.5s;transition:border 0.5s;}
.rowimgune .owl-prev, .rowimgune .prevempty, .rowimgune .owl-next, .rowimgune .nextempty, .rowimgune .owl-prev:hover, .rowimgune .owl-next:hover {border:none;}
.prevempty, .nextempty {display:block;z-index:0;}
.owl-prev, .owl-next {z-index:1;}
.owl-buttons {display:block;}
.prevempty, .owl-buttons .prevdisabled {background:url('/img/previousempty.png') no-repeat center center;cursor:default !important;}
.nextempty, .owl-buttons .nextdisabled {background:url('/img/nextempty.png') no-repeat center center;cursor:default !important;}
.owl-prev {background:url('/img/prev2.png') no-repeat center center;}
.owl-next {background:url('/img/next2.png') no-repeat center center;}
.folder, .nbvideo, .videotime, .partager, .new, .infos {display:inline-block;}
.videotime {width:100%;text-align:center;font:400 18px Lato;}
.videotext, .infotitre {min-height:26px;}
.infotxt2 {padding:0 10px 10px 10px;}
p.dupliquer {margin-bottom:0;}
.download {margin-bottom:10px;}
.download a {display:block;cursor:pointer;background:#12bd31;border:none;width:100%;text-align:center;padding:15px 0;margin-top:20px;font:normal 14px avenir35_light;color:white;text-transform:uppercase;transition:all 0.5s;}
.download a:hover {background:#fd9226;}
.playlist button {cursor:pointer;background:#fd9226;border:none;width:100%;text-align:center;padding:8px 0;font: normal 11px lato !important;color:white;text-transform:uppercase;border-radius:16px;transition:all 0.5s;}
.playlist button:hover {background:#12bd31;}
.shadow {position:relative;height:0;padding-bottom:56.25%;}
.onair {display:none;font:normal 11px avenir35_light;text-transform:uppercase;background:#12bd31;color:white;padding:5px 10px;position:absolute;bottom:0;z-index:2;box-sizing:border-box;width:100%;}
.onair i {margin-right:5px;}
.owl-item .selected .onair {display:block;}
a.tirroir {float:right;color:white;font-size:30px;margin:15px 20px 0 0;}
.morenew {color:red;font:normal 14px avenir85_heavy;text-transform:uppercase;}
.playlist {position:relative;display:flex;align-items:center;margin-top:20px;padding:0 30px;justify-content:space-between;gap:12px;}
.playlist a {display:block;padding:0;flex:1;}
#playlistleft, #playlistright {position:absolute;padding:0;bottom:3px;}
#playlistleft {left:0;}
#playlistright {right:0;}

@media screen and (max-width:680px) {
    .prevempty, .owl-buttons .prevdisabled {background:url('/img/previousempty.png') no-repeat center center;cursor:default !important;background-size:100%;}
    .nextempty, .owl-buttons .nextdisabled {background:url('/img/nextempty.png') no-repeat center center;cursor:default !important;background-size:100%;}
    .owl-prev {background:url('/img/prev2.png') no-repeat center center;background-size:100%;}
    .owl-next {background:url('/img/next2.png') no-repeat center center;background-size:100%;}
}


/*BULLES*/

#insidebubulle h3 {color:black !important;font:normal 16px avenir85_heavy;;text-transform:uppercase;margin:10px 0;}
#insidebubulle {color:black;font:normal 14px avenir45_book;}
#insidebubulle input {margin-right:5px;display:inline-block;vertical-align:top;}
#insidebubulle input[type='text'] {height:25px;padding:0 2px;line-height:25px;color:black;width:180px;font:normal 14px avenir45_book;}
#insidebubulle input[type='submit'] {border:none;background:black;color:white;cursor:pointer;padding: 6px 5px 7px 5px;}
#insidebubulle a {display:inline-block;vertical-align:top;margin:0 5px 5px 0;background:black;color:white;text-decoration:none;padding:3px 7px;transition:all 0.5s;}
#insidebubulle a:hover, #insidebubulle input[type='submit']:hover {background:#12bd31;}

/*VIDEO PLAYER */
.video-js .vjs-big-play-button {background: #fd9226 !important; width: 80px !important;height: 80px !important;border:none !important;font-size:60px !important;left:50% !important;top:50% !important;margin:-40px 0 0 -40px !important;line-height:80px !important;border-radius:100% !important;}
.video-js .vjs-load-progress div {background:#12bd31 !important;}
.video-js .vjs-control-bar {background:black !important;}
.video-js .vjs-chromecast-button {font-size:13px !important;}
.video-js .vjs-control {width:35px !important;}
/*.video-js .vjs-volume-panel {width:80px !important;}*/
.video-js .vjs-volume-horizontal {opacity:1 !important;}
.vjs-button > .vjs-icon-placeholder::before {font-size: 20px !important;line-height: 1.3 !important;}
.vjs-quality-selector .vjs-icon-placeholder::before {font-size:19px !important;margin-top:2px;}
.vjs-paused:hover .vjs-big-play-button {display:block !important;transform: scale(1.2);transition:all 0.4s !important;}
.vjs-seek-to-live-control, .vjs-resize-manager {display:none !important;}
.video-js .vjs-zoom-parent, .video-js #settings_button, .vjs-reset-zoom, .vjs-reset-info {display:none !important;}
.video-js .vjs-quality-button {width:65px !important;text-align:center;}
.vjs-quality-button .vjs-menu {left:0 !important;width:65px !important;}
.vjs-quality-selector .vjs-menu {right:0 !important;left:inherit !important;}
.vjs-quality-button .vjs-menu .vjs-hd-icon {font-family:Arial, Helvetica, sans-serif !important;border: 0;margin-left: -1px;margin-top: 0;color: red;font-size: 9px;font-family: serif;text-shadow: 1px 1px 1px;text-transform:uppercase;}
.video-js .vjs-hd-icon {font-family:Arial, Helvetica, sans-serif !important;display: inline-block;color: #fff;font-style: normal;font-size: 8px;border: solid 1px #ccc;line-height: normal;padding: 1px;width: auto;margin-left: 4px;vertical-align: super;}
.video-js button {-webkit-appearance: none;border-radius: 0;}

#noplayer {position:relative;width:100%;margin:0 0 30px 0;display:inline-block;text-align:center;}
#noplayer .tvinside {border-radius:42px;padding:30px;width:98%;margin:0 auto;display:inline-block;box-sizing:border-box;background-image: linear-gradient(180deg, rgb(220,50,47) 0%, rgb(6,58,92) 100%);color:white;}
#noplayer .tvinside p {font:400 21px Lato;}
#noplayer .tvinside p strong {font:700 21px Lato;}
#noplayer .tvinside h2 {font:900 30px Lato;margin-bottom:0;}
#noplayer .tvinside h2 span {font:900 35px Lato;}
#noplayer .tvinside h3 {font:900 25px Lato;}
#noplayer .tvinside a.btnmax {background:#fc7700;padding:10px 60px;font:700 18px Lato;}
#noplayer .tvinside a.btnmax:hover {background:#82939e;color:black;}
#noplayer .tvinside ul {text-align:left;}
#noplayer .tvinside ul.twocol li {float:left;width:48%;margin:0 1%;}

#liketv {text-align:center;width:100%;display:block;position:relative;}
#liketv a, #liketv a img {display:block;width:100%;}
#liketv .vjs-big-play-button {padding: 0;cursor: pointer;opacity: 1;background: #fd9226 !important; width: 80px !important;height: 80px !important;border:none !important;font-size:60px !important;left:50% !important;top:50% !important;margin:-40px 0 0 -40px !important;line-height:80px !important;border-radius:100% !important;display: block;position: absolute;transition: all 0.4s;}
#liketv .vjs-big-play-button .vjs-icon-placeholder::before {color:white;font-family: VideoJS;font-weight: normal;font-style: normal;content: "\f101";position: absolute;text-align: center;top: 0;left: 0;width: 100%;height: 100%;}
#liketv:hover button {opacity:0;}

@media screen and (max-width:800px) {
    #noplayer .tvinside ul.twocol li {float:inherit;width:100%;margin:0;}
}

/*RECHERCHE*/
#usersearch {background:#292828;}
#appsearch {position:relative;margin: 0 1% 40px 1%;display:inline-block;background:#292828;width:98%;box-sizing:border-box;padding-bottom:10px;}
#usersearch {margin: 0 1% 40px 1%;}
#appsearch h2 {text-transform:uppercase;color:white;font:normal 18px avenir85_heavy;margin:30px;}
#formrecherche {margin:0 30px;text-align:center;font-size:0;}
#formrecherche input[type="submit"], #formrecherche a.botn {margin:10px;font-size:19px !important;box-sizing:border-box;width:180px;}
#formrecherche input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0 !important;cursor:pointer;}
#formrecherche .searchinput img, #formrecherche.searchinput input[type='text'] {display:inline-block;vertical-align:top;margin:0;}
#formrecherche .searchinput input[type="text"] {border-radius:0 !important;width:calc(100% - 55px);;height:43px;text-align:left;border:none;box-sizing:border-box;font:italic 25px avenir35_light;}
#formrecherche a.botn {border:none;}
#tabslexique {text-align:center;}
#lexique, #autocomplete {font-size: 17px;font-family: aller_lightregular, Helvetica, Arial, sans-serif;width:96%;background:white;padding:2%;text-align:center;}
#lexique, #appsearch #autocomplete {background:white;position:relative;}
#tabslexique ul, #autocomplete ul {list-style:none;padding:0; margin:0;}
#tabslexique ul li {display:inline-block;margin:5px 8px;}
#tabslexique ul li a {color:black;text-decoration:none;display:block;padding:5px 0px;border:solid 1px black;width:30px;}
#tabslexique ul li a:hover {background:#58ce1a;color:white;}
#tabslexique ul li.ui-state-active a {background:#fd9226;color:white;}
.mots {padding-top:20px;}
#autocomplete li {display:inline-block;margin:8px;}
#autocomplete li a {color:black;text-decoration:none;display:block;padding:5px 9px;border:solid 1px black;}
#autocomplete ul li a:hover {background:black;color:white;text-decoration:none;}
.mots a {display:inline-block;margin:3px;text-decoration:underline;color:black;padding:5px 8px;}
.mots a:hover {background:black;color:white;text-decoration:none;}
#lexique .ui-tabs {margin:0 auto;}
#autocomplete a.close {float:inherit;position:absolute;right:20px;top:-30px;margin:0;font-weight:bold;text-decoration:none;background:#58ce1a;color:white;font-size: 15px;padding: 5px 8px;}
a.close2 {position:absolute;right:20px;top:-30px;margin:0;font-weight:bold;text-decoration:none;background:#58ce1a;color:white;font-size: 15px;padding: 5px 8px;}
#autocomplete a.close:hover, a.close2:hover {background:black;color:white;}
#appsearch #autocomplete ul li a span {color:red;}
#choixvideos, #listvideos, #crecherche.owl-carousel .owl-item {position:relative;}

#searchlandingpage, #searchsuggestion {text-align:center;}
#searchlandingpage h1 {color:white;font-family: Lato;font-size: 67px;line-height: 1.325;font-weight: 900;text-transform: none;margin: 0;padding: 0;}
#searchlandingpage h2 {color:white;font-family: Lato;font-size: 46px;line-height: 1.325;font-weight: 900;text-transform: none;}
#searchlandingpage #appsearch  {max-width:1476px;border: 1px solid rgba(255,255,255,.24);border-radius: 24px;background-color: #1b4764;}
#searchlandingpage #appsearch p {color:white;font:300 31px Lato;line-height: 1.313;padding: 0 30px;}
#searchlandingpage #formrecherche .searchinput input[type="text"], #searchlandingpage #formrecherche .searchinput img {height:61px;}
#searchlandingpage #formrecherche .searchinput input[type="text"] {width: calc(100% - 130px);}
#searchlandingpage #formrecherche a.botn {font-size: 27px !important;font-weight: 900;width: auto;padding: 10px 40px;margin: 20px;}
#searchlandingpage #searchlpinside {padding:22px 0 50px 0;background-image: url('/img/background-4000-5120-15-2000-1.webp');background-size:cover;box-sizing: border-box;}
#searchlandingpage #searchbandotexte {background-color: #001d2f;color:white;display:inline-block;width:100%;}
#searchlandingpage #searchbandotexte h3 {font-family: Lato;font-size: 22px;line-height: 1.228;font-weight: 900;margin-bottom:5px;}
#searchlandingpage #searchbandotexte p {font-family: Lato;font-size: 22px;line-height: 1.228;font-weight: 400;margin:0 0 25px 0;}
#searchlandingpage #searchbandotexte p a {color:white;font-family: Lato;font-size: 28px;line-height: 1.228;font-weight: 900;}
#searchlandingpage #searchbandotexte p a:hover {text-decoration:none;}
#searchlandingpage #searchbandologo {background-image: linear-gradient(177deg, rgb(0,73,123) 0%, rgb(0,0,0) 100%);margin-bottom: 40px;}
#searchlandingpage #searchbandologo img.reverse {filter: contrast(400%) invert(100%);}
#searchlandingpage #searchbandologo>div {display:flex;align-items:center;}
#searchlandingpage #searchbandologo>div>div {flex:1;text-align:center;}
#searchsuggestion {display:none;}
#searchsuggestion.go {background:rgba(0,0,0,0.85);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content: center;align-items: center;}
#searchsugform {position:relative;border-radius: 24px;background-color: #00497b;width:100%;max-width:1650px;margin:0 auto;color:white;display:inline-block;width:100%;}
#searchsugform h2 {font-family: Lato;font-size: 30px;line-height: 1.201;font-weight: 900;}
#searchsugform p {font-family: Lato;font-size: 30px;line-height: 1.334;font-weight: 400;}
#searchsugform form {display:flex;gap:10px 50px;flex-wrap: wrap;padding:0 120px;}
#searchsugform form .input {width: calc(50% - 25px);text-align:left;}
#searchsugform form .textarea, #searchsugform form .checkbox {width:100%;text-align:left;}
#searchsugform form input[type="text"], #searchsugform form input[type="email"], #searchsugform form .likeinput {text-align:left;box-sizing:border-box;border: 1px solid #1288c8;background-color: #ebeaea;height: 50px;font-family: Lato;font-size: 22px;line-height: 1.228;font-weight: 400;color: #000;padding: 8px;}
#searchsugform form textarea {text-align:left;box-sizing:border-box;border: 1px solid #1288c8;background-color: #ebeaea;font-family: Lato;font-size: 22px;line-height: 1.228;font-weight: 400;color: #000;padding: 8px;}
#searchsugform form .checkbox a {color:#00acff;}
#searchsugform form .checkbox a:hover {text-decoration:none;}
#searchsugform form .submit {text-align:center;width:100%;margin:10px 0;}
#searchsugform form .submit input {font-family: Lato;font-size: 27px;line-height: 1.223;font-weight: 400;border-radius: 28px !important;background-color: #e78b01;padding:12px 80px;}
#searchsugform form .submit input:hover {background-color: #032138;border-color: #032138;color: #fff;}
a#searchsugformclose {position:absolute;right:20px;top:20px;background:#e78b01;color:white;text-decoration:none;font-size: 30px;width:40px;height:40px;text-align: center;line-height:40px;border-radius:100%;}
a#searchsugformclose img {width: 30px;height: 30px;margin-top: 5px;filter: revert;-webkit-filter: invert(100%);filter: invert(100%);}


/*
#tabslexique ul, #appsearch #autocomplete ul {margin:0;padding:0;list-style:none;}
#tabslexique ul li, #appsearch #autocomplete ul li {display:inline-block;}
#tabslexique ul li a{color:#404040;text-decoration:none;border:solid 1px #404040;width:15px;padding:5px 10px;margin:10px;display:block;transition:all 0.5s;}
#tabslexique ul li a:hover{background:#12bd31;color:white;}
#tabslexique ul li.ui-state-active a {background:#fd9226;color:white;}
.mots {margin:10px 20px 20px 20px;}
.mots a, #appsearch #autocomplete ul li a {color:#404040;margin:5px;display:inline-block;}
.mots a:hover, #appsearch #autocomplete ul li a:hover {text-decoration:none;}
#appsearch #autocomplete {position:relative;padding:20px;}
#appsearch #autocomplete ul li a span {color:#12bd31;font-weight:bold;}
#appsearch #autocomplete a.close {float:inherit;position:absolute;right:20px;top:-28px;margin:0;font-weight:bold;text-decoration:none;color:black;}

/*RESPONSIVE*/
@media screen and (max-width:1700px) {
    h1 {font-size: 30px;}
    #searchlandingpage #searchlpinside>div, #searchlandingpage #searchbandotexte>div, #searchlandingpage #searchbandologo > div, #searchsugform {max-width:960px;margin:0 auto;}
    #searchlandingpage #searchlpinside>div>img {width:130px;height:auto;}
    #searchlandingpage h1 {font-size:45px;}
    #searchlandingpage h2 {font-size:30px;}
    #searchlandingpage #appsearch p {font-size:20px;}
    #searchlandingpage #formrecherche .searchinput input[type="text"], #searchlandingpage #formrecherche .searchinput img {height:40px;font-size: 22px;}
    #searchlandingpage #formrecherche a.botn {font-size: 20px !important;}
    #searchlandingpage #searchbandotexte p {font-size:18px;}
    #searchlandingpage #searchbandotexte p a {font-size:22px;}
    #searchlandingpage #searchbandologo > div img {height:70px;width:auto;}
    #searchlandingpage #searchbandologo > div img.reverse {height:50px;}
    #searchsugform form {padding:0 60px;gap: 10px 30px;}
    #searchsugform h2 {font-size:28px;}
    #searchsugform p {font-size:17px;}
    #searchsugform form input[type="text"], #searchsugform form input[type="email"], #searchsugform form .likeinput {height:35px;font-size:15px;}
    #searchsugform form textarea, #searchsugform form .checkbox {font-size:15px;}
    #searchsugform form .submit input {padding:10px 40px;font-size: 17px;}
    #searchsugform form .input {width: calc(50% - 15px);}
}

@media screen and (max-width:1200px) {
    h1 {padding: 30px;}
    #searchlandingpage #searchlpinside>div, #searchlandingpage #searchbandotexte>div, #searchlandingpage #searchbandologo > div, #searchsugform {max-width:768px;margin:0 auto;}
    #searchlandingpage h1 {font-size:36px;}
    #searchlandingpage h2 {font-size:25px;}
    #searchlandingpage #appsearch p {font-size:16px;}
    #searchlandingpage #formrecherche .searchinput input[type="text"], #searchlandingpage #formrecherche .searchinput img {height:30px;font-size: 18px;}
    #searchlandingpage #formrecherche a.botn {font-size:17px !important;}
    #searchlandingpage #searchbandotexte h3 {font-size:20px;}
    #searchlandingpage #searchbandotexte p {font-size:15px;}
    #searchlandingpage #searchbandotexte p a {font-size:19px;}
    #searchlandingpage #searchbandologo > div img {height:50px;width:auto;}
    #searchlandingpage #searchbandologo > div img.reverse {height:30px;}
}

@media screen and (max-width:980px) {
    #ariane {font-size:14px;}
    .description, #player {margin: 0 1% 25px 1%;}
}

@media screen and (max-width:767px) {
    #searchlandingpage #searchlpinside>div, #searchlandingpage #searchbandotexte>div, #searchlandingpage #searchbandologo > div, #searchsugform {max-width:480px;margin:0 auto;}
    #searchlandingpage #searchlpinside>div>img {width:230px;height:auto;}
    #searchlandingpage h1 {font-size: 42px;}
    #searchlandingpage h2 {font-size: 30px;}
    #searchlandingpage #appsearch p {font-size: 26px;}
    #searchlandingpage #formrecherche .searchinput input[type="text"], #searchlandingpage #formrecherche .searchinput img {height: 60px;font-size: 20px;}
    #searchlandingpage #formrecherche .searchinput input[type="text"] {width: calc(100% - 80px);}
    #searchlandingpage #formrecherche a.botn {font-size: 25px !important;}
    #searchlandingpage #searchbandotexte h3 {font-size: 29px;}
    #searchlandingpage #searchbandotexte p {font-size:25px;}
    #searchlandingpage #searchbandotexte p a {font-size:30px;}
    #searchlandingpage #searchbandologo > div {flex-wrap: wrap;gap:40px;padding:20px 0;}
    #searchlandingpage #searchbandologo > div > div {width:calc(50% - 20px);flex:initial;}
    #searchlandingpage #searchbandologo > div img {height:70px;width:auto;}
    #searchlandingpage #searchbandologo > div img.reverse {height: 50px;}
    #searchsugform form {padding: 0 30px;}
    #searchsugform form .input {width:100%;}
    #searchsugform p {font-size: 22px;}
    #searchsugform form input[type="text"], #searchsugform form input[type="email"], #searchsugform form .likeinput {height: 50px;font-size: 20px;}
    #searchsugform textarea {font-size: 20px;}
    #searchsuggestion.go {align-items:start;overflow-y:auto;}
    #searchsugform h2 {padding-right:60px;}
}

@media screen and (max-width:640px) {
    .rowimg h2 {font: normal 16px avenir85_heavy;}
}

@media screen and (max-width:480px) {
    h1 {padding: 20px;font-size: 25px;}
}

@media screen and (max-width:479px) {
    #searchlandingpage #searchlpinside>div, #searchlandingpage #searchbandotexte>div, #searchlandingpage #searchbandologo > div, #searchsugform {max-width:320px;margin:0 auto;}
    #searchlandingpage #searchlpinside>div>img {width:150px;height:auto;}
    #searchlandingpage h1 {font-size: 30px;}
    #searchlandingpage h2 {font-size: 23px;}
    #searchlandingpage #appsearch p {font-size: 20px;}
    #searchlandingpage #formrecherche .searchinput input[type="text"], #searchlandingpage #formrecherche .searchinput img {height: 40px;font-size: 18px;}
    #searchlandingpage #formrecherche .searchinput input[type="text"] {width: calc(100% - 60px);}
    #searchlandingpage #formrecherche a.botn {font-size: 17px !important;}
    #searchlandingpage #searchbandotexte h3 {font-size: 19px;}
    #searchlandingpage #searchbandotexte p {font-size:16px;}
    #searchlandingpage #searchbandotexte p a {font-size:20px;}
    #searchlandingpage #searchbandologo > div img {height:40px;width:auto;}
    #searchsugform p {font-size: 18px;}
    #searchsugform form input[type="text"], #searchsugform form input[type="email"], #searchsugform form .likeinput {height: 40px;font-size: 15px;}
    #searchsugform textarea {font-size: 15px;}

}

@media screen and (orientation:landscape) and (max-height:450px) {
    #player {width:60%;margin: 0 auto 25px auto;}
}