.unselectable * { cursor : no-drop;} @font-face{ font-family:'icons';src:url('../need/css/fonts/icons/iconsb31b.eot?64918559');src:url('../need/css/fonts/icons/iconsb31b.eot?64918559#iefix') format('embedded-opentype'), url('../need/css/fonts/icons/iconsb31b.woff?64918559') format('woff'), url('../need/css/fonts/icons/iconsb31b.ttf?64918559') format('truetype'), url('../need/css/fonts/icons/iconsb31b.svg?64918559#icons') format('svg');font-weight:normal;font-style:normal} @font-face { font-family : 'icons'; src : url("../need/css/fonts/icons/iconsb31b.eot?64918559"); src : url("../need/css/fonts/icons/iconsb31b.eot?64918559#iefix") format('embedded-opentype'), url("../need/css/fonts/icons/iconsb31b.woff?64918559") format('woff'), url("../need/css/fonts/icons/iconsb31b.ttf?64918559") format('truetype'), url("../need/css/fonts/icons/iconsb31b.svg?64918559#icons") format('svg'); font-weight : normal; font-style : normal; } @font-face { font-family : 'LeagueGothic-Regular'; src : url("../need/css/fonts/leaguegothic-regular-webfont.eot"); src : url("../need/css/fonts/leaguegothic-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../need/css/fonts/leaguegothic-regular-webfont.woff") format('woff'), url("../need/css/fonts/leaguegothic-regular-webfont.ttf") format('truetype'), url("../need/css/fonts/leaguegothic-regular-webfont.svg#league_gothic_regular") format('svg'); font-weight : normal; } * { margin : 0;padding : 0;box-sizing : border-box; border-radius:10px; } html{ overflow-y:scroll;font-size:62.5%;cursor:default;} .clear{ display:block;clear:both;} a{ text-decoration:none; /*cursor:url('https://cinemaleclub.com/need/css/icons/main.png') , default;*/ cursor:pointer; } iframe { /*position: fixed; background: #000; border: none; top: 0; right: 0; bottom: 0; left: 0; */ width: 100%; height: 100%; } img{ display:block;width:100%;} body{ background:#f5f5f5; /*background:#fff102;*/ /*background:#000;*/ font-family:Lato,Helvetica,Arial,sans-serif; } .bouton_couleurs { font-size:30px; color:green; } .styled { border: 0; line-height: 2.5; padding: 0 20px; font-size: 1.5rem; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 10px; background-color: rgba(220, 0, 0, 1); background-image: linear-gradient(to top left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, 0)); box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6), inset -2px -2px 3px rgba(0, 0, 0, .6); } .styled:hover { background-color: rgba(255, 0, 0, 1); } .styled:active { box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6), inset 2px 2px 3px rgba(0, 0, 0, .6); } #container { position:relative;padding:0 2rem;} #inside-container { max-width:104rem;min-width:900px;margin:0 auto;color:#e5e5e5e5;position:relative;} #main{ position:relative;z-index:50;margin-top:1rem;padding:2rem;width:70%;float:right;color:#000000;} #page { /*background : #f5f5f5;*/ /*background:#000;position:absolute; top:350px;*/ background:#f5f5f5;position:absolute; top:350px; } .rouge { color:#FF0000;font-size:1.9rem;} /*PASTILLES RESEAUX SOCIAUX*/ .aclub-ronds { width : 57px; height : 57px; background-color : #C0C8CC; border-radius : 40px; padding : 7.8px; margin-bottom : 5px; } .aclub-ronds_petit { width : 40px; height : 40px; background-color : #ffffff; border-radius : 40px; transition : all 0.2s ease-in; } .aclub-ronds_petit:hover { transform : scale(1.3); transition : all 0.2s ease-in; } .aclub-ronds_img { transition : all 0.2s ease-in; } .aclub-ronds_img:hover { transform : scale(0.4); transition : all 0.2s ease-in; } .fclub-ronds { width : 57px; height : 57px; background-color : #3B5998; border-radius : 40px; padding : 7.8px; margin-bottom : 5px; } .fclub-ronds_petit { width : 40px; height : 40px; background-color : #ffffff; border-radius : 40px; transition : all 0.2s ease-in; } .fclub-ronds_petit:hover { transform : scale(1.3); transition : all 0.2s ease-in; } .fclub-ronds_img { transition : all 0.2s ease-in; } .fclub-ronds_img:hover { transform : scale(0.4); transition : all 0.2s ease-in; } .gclub-ronds { width : 57px; height : 57px; background-color : #dd4b39; border-radius : 40px; padding : 7.8px; margin-bottom : 5px; } .gclub-ronds_petit { width : 40px; height : 40px; background-color : #ffffff; border-radius : 40px; transition : all 0.2s ease-in; } .gclub-ronds_petit:hover { transform : scale(1.3); transition : all 0.2s ease-in; } .gclub-ronds_img { transition : all 0.2s ease-in; } .gclub-ronds_img:hover { transform : scale(0.4); transition : all 0.2s ease-in; } .tclub-ronds { width : 57px; height : 57px; background-color : #00aced; border-radius : 40px; padding : 7.8px; margin-bottom : 5px; } .tclub-ronds_petit { width : 40px; height : 40px; background-color : #ffffff; border-radius : 40px; transition : all 0.2s ease-in; } .tclub-ronds_petit:hover { transform : scale(1.3); transition : all 0.2s ease-in; } .tclub-ronds_img { transition : all 0.2s ease-in; } .tclub-ronds_img:hover { transform : scale(0.4); transition : all 0.2s ease-in; } .iclub-ronds { width : 57px; height : 57px; background-color : #3f729b; border-radius : 40px; padding : 7.8px; margin-bottom : 5px; } .iclub-ronds_petit { width : 40px; height : 40px; background-color : #ffffff; border-radius : 40px; transition : all 0.2s ease-in; } .iclub-ronds_petit:hover { transform : scale(1.3); transition : all 0.2s ease-in; } .iclub-ronds_img { transition : all 0.2s ease-in; } .iclub-ronds_img:hover { transform : scale(0.4); transition : all 0.2s ease-in; } .cont_rs_club-ronds { width : 60px; position : fixed; z-index : 500; top : 300px; height : 325px; right : 20px; } @media (max-width: 500px) and (min-width: 1px) { .cont_rs_club-ronds { display : none; } } /*FIN PASTILLES RESEAUX SOCIAUX*/ /* AFFICHETTES EN PREMIERE PAGE*/ @import url('https://fonts.googleapis.com/css?family=Playfair+Display'); @import url('https://fonts.googleapis.com/css?family=Fauna+One'); @import url('https://fonts.googleapis.com/css?family=Oswald&display=swap'); .snip1482 { font-family: 'Oswald','LeagueGothic-Regular','Fauna One', Arial, sans-serif; position: relative; margin: 10px 20px; min-width: 170px; max-width: 190px; width: 100%; min-height: 250px; max-height: 300px; color: #000; text-align: right; line-height: 1.2em; background-color: #fff102; font-size: 1.1rem; border-radius: 10px; } .snip1482 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .snip1482 img { position: absolute; right: 0%; top: 50%; opacity: 1; width: 100%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); border-radius: 10px; } .snip1482 figcaption { position: absolute; width: 50%; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 20px 0 20px 20px; } .snip1482 h2,.snip1482 h3,.snip1482 p { margin: 0; width: 100%; -webkit-transform: translateX(20px); transform: translateX(20px); opacity: 0; } .snip1482 h2 { font-family: 'Oswald','Playfair Display', Arial, sans-serif; text-transform: uppercase; margin-bottom: 5px; } .snip1482 h3 { font-family: 'Oswald','Playfair Display', Arial, sans-serif; color = #ff0000; } .snip1482 p { font-size: 1.1em; } .snip1482 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .snip1482:hover img, .snip1482.hover img { width: 55%; right: -10%; } .snip1482:hover figcaption h2,.snip1482.hover figcaption h2,.snip1482:hover figcaption h3,.snip1482.hover figcaption h3,.snip1482:hover figcaption p,.snip1482.hover figcaption p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } /*fin affichette en premiere page*/ .menu_couleurs { font-size:15rem; font-family:verdana,arial; color:white; background:black;} /* MENU accueil en haut :* { margin: 0; padding: 0; }/*body { font: 14px Georgia, serif; }*//* propriétés de base du menu */ nav {width: 100%;margin: 5px auto; text-align: center;display: block;font-family: verdana,arial; } /* attention à bien faire correspondre l'id de chaque item avec le code */ #item1 { background: #fff102; } #item2 { background: #E42B2B; } #item3 { background: #ff8400; } #item4 { background: #a800ff; } #item5 { background: #fff; } #item6{ background: #49a7f3; } #item7{ background: #49a7f3; } .top-menuA li {display: inline-block;text-align: center;margin: 5px 5px;position: relative;; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .top-menuA li:hover {margin: 0px 5px; } .top-menuA li:active {/*margin: 25px 25px;*/ } .top-menuA li a {width: 160px; z-index: 9999;position: absolute;top: 5px;font-weight: normal;display: block; text-decoration: none; font-size: 22px; color: black; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); } .top-menuA li:active a {font-size: 23px;top: 0px;text-shadow: none;border-radius:10px;} .top-menuA li div.menu-item { width: 160px;height: 40px;display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .top-menuA li:hover div.menu-item{ } .top-menuA li:active div.menu-item{ -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } /*MENU B */ .top-menuB li {display: inline-block;text-align: center;margin: 5px 5px;position: relative;; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .top-menuB li:hover {margin: 0px 5px; } .top-menuB li:active {/*margin: 25px 25px;*/ } .top-menuB li a {width: 250px; z-index: 9999;position: absolute;top: 5px;font-weight: normal;display: block; text-decoration: none; font-size: 22px; color: black; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); } .top-menuB li:active a {font-size: 23px;top: 0px;text-shadow: none;border-radius:10px;} .top-menuB li div.menu-item { width: 250px;height: 40px;display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .top-menuB li:hover div.menu-item{ } .top-menuB li:active div.menu-item{ -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } /* .top-menuA li {display: inline-block;text-align: center;margin: 5px 5px;position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .top-menuA li:hover {margin: 10px 10px; } .top-menuA li:active {margin: -10px 1px; } .top-menuA li a {width: 120px; z-index: 9999;position: absolute;top: 35px;font-weight: bold;display: block; text-decoration: none; font-size: 16px; color: lightgrey; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; } .top-menuA li:active a {font-size: 20px;top: 30px;text-shadow: none;} .top-menuA li div.menu-item {width: 150px;height: 110px;display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-border-top-left-radius: 150px; -webkit-border-bottom-right-radius: 150px; -moz-border-radius-topleft: 150px; -moz-border-radius-bottomright: 150px; border-top-left-radius: 150px; border-bottom-right-radius: 150px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .top-menuA li:hover div.menu-item{ -webkit-border-top-left-radius: 80px; -webkit-border-bottom-right-radius: 80px; -moz-border-radius-topleft: 80px; -moz-border-radius-bottomright: 80px; border-top-left-radius: 80px; border-bottom-right-radius: 80px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); } .top-menuA li:active div.menu-item{ -webkit-border-top-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-bottomright: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } */ /* fin du menu accueil*/ .mardi a{ color:red;text-decoration:none;} .mardi { padding:5px;color:red;font-family:LeagueGothic-Regular; font-weight:100;text-align:center;font-size:2.1rem;} .imageGauche { float: left;width: 20px;height : 20 px;} .imagePMR { margin-left: auto;margin-right: auto;width: 4rem;height : 4rem;} .imageACCESSIBILITE { display:inline;margin-left: auto;margin-right: auto;width: 4rem;height : 4rem;} .imageNonPMR { margin-left: auto;margin-right: auto;width: 20 px;height : 20 px; } .tableauA4_PMR{ display:inline;float:left;width:5.5rem;font-size:2rem;text-align:center;color:black;background-color:lightgrey;border-radius: 10px;padding:2px;margin:0.5rem;} .prochainement { text-align:left;color:#fff102;} .titre { text-align:right;color:#fff;} .col_gauche_film_titre { display:inline;float:left;width:100%;text-align:center;margin-top:1rem;color:white;background-color:black;border-radius: 10px;font-size:2.6rem;} .col_gauche_film_generique { display:inline;float:left;width:100%;text-align:right;margin-top:1rem;color:lightgrey;background-color:grey;border-radius: 10px;font-size:2.0rem;padding:0.5rem;font-style: italic;margin:3px;} .col_gauche_film_info { display:inline;float:left;width:100%;text-align:right;margin-top:0rem;color:white;border-radius: 10px;font-size:2.0rem;padding:0.2rem;font-style: normal;} .titres_autres_films { display:block;float:left;width:240px;text-align:center;margin:1rem;color:black;border-radius: 10px;font-size:2.0rem;padding:0.2rem;font-style: normal;background: #FFF5EE;border: solid;border-color:grey;} .les_films_a_l_affiche { display:inline;float:left;width:100%;text-align:right;margin-top:0rem;color:white;border-radius: 10px;font-size:2.0rem;padding:0.2rem;font-style: normal;} .flagProgramme { display:inline;float:left;width:100%;text-align:center;color:#fff102;margin-right:1rem;border-radius: 10px;background-color:grey;font-weight: normal;font-size:2.5rem;padding: 0.5rem;} .bordureviolette { display:inline;width:100%;border-radius: 10px;background-color:white;padding: 1rem;border:1px solid red; padding:3px;} .film-annonce-iframe-container{ display:none;width:100%;height:100%;position:absolute;z-index:1000;top:0;left:0;background:rgba(49,49,49,0.8)} .film-annonce-iframe-container.visible{ display:block} .film-annonce-iframe-container iframe{ display:block;width:100%;margin:auto;margin-top:0px;padding: 0.5px} .jaune{color:#fff102;} # h3 { float:left;position:relative;width:100%;font-family:LeagueGothic-Regular;font-weight:100;font-size:4rem;color:grey;text-align:center;text-transform:uppercase;} h3 a:link { color:grey;} h3 a:visited { color:grey;} #lists { position:relative;z-index:2;width:30%;float:left;margin-top:1em;padding-bottom:4rem} #lists h2 { float:left;position:relative;left:0;font-family:LeagueGothic-Regular;font-weight:100;font-size:2.4rem;line-height:2.4rem;background:#e5e5e5;color:black;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;margin:2rem 0 1rem 0} #lists h3 { float:left;position:relative;left:0;font-family:LeagueGothic-Regular;font-weight:100;font-size:4rem;color:grey;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;margin:2rem 0 1rem 0} #list h3 a:link { color:grey;} #list h3 a:visited { color:grey;} #lists h4 { float:left;position:relative;left:0;font-family:LeagueGothic-Regular;font-weight:100;font-size:4rem;color:#a800ff;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;margin:2rem 0 1rem 0} #lists h4 a:hover { color:#fff102;} #lists ul { display:block;padding-left:1em} #lists ul li { cursor:pointer;list-style-type:none;overflow:hidden;padding:0 0 0.4rem 0;margin:0 0 0.4rem 0;width:26rem;font-size:1.4rem} #lists ul li span.labelX { width:25rem;display:block;float:left;color:black;border-bottom:solid 0.0rem #b8b8b8;padding:0.2rem 0 0rem 0;} #lists ul li span.labelX a { color:inherit;text-decoration:none} #lists ul li span.labelX a.active { color:#000000} #lists ul li span.labelX a span.special { display:block;color:#000000;font-size:1.3rem} #lists ul li span.labelX span.more { display:block;color:#000000} #lists ul li span.flag-achetez { display:inline;float:left;width:100%;text-align:middle;margin-right:0rem;text-align:center;color:#fff;background-color:black;border-radius: 10px;font-size:120%;} #lists ul li span.flag-achetez a:link{ color:#fff;} #lists ul li span.flag-achetez a:visited{ color:#fff;} #lists ul li span.flagPMR-colonne { display:inline;float:left;width:100%;text-align:middle;margin-right:0rem;text-align:center;color:aqua;background-color:black;border-radius: 10px;font-size:120%;} #lists ul li span.flagPMR-colonne a:link { color:aqua;} #lists ul li span.flagPMR-colonne a:visited { color:aqua;} #lists ul li span.flagPMR { display:inline;float:left;width:5.5rem;font-size:2rem;text-align:center;color:black;background-color:lightgrey;border-radius: 10px;padding:2px;margin:0.5rem;} #lists ul li span.flagPMR a:link { color:blue; text-decoration : none;border-radius: 10px;} #lists ul li span.flagPMR a:visited { color:blue; text-decoration : none;border-radius: 10px;} #lists ul li span.flagPMR a:hover { color:aqua;border-radius: 10px;background-color:blue;font-weight: bold; } #lists ul li span.flagX { display:inline;float:left;font-size:2rem;width:5.5rem;text-align:center;color:#000000;border-radius: 10px;background-color:grey;padding:2px;margin:0.5rem;} #lists ul li span.flagX a:link { color:white; text-decoration : none;} #lists ul li span.flagX a:visited { color:white; text-decoration : none;} #lists ul li span.flagX a:hover { color:black;background-color:#fff102;font-weight: bold; } /* #flagJour { display:block;float:left;width:100%;text-align:left;color:red;margin-right:1rem;background:red;} */ #lists ul li span.flagJourActuellement { display:inline;float:left;width:100%;text-align:left;color:grey;margin-right:1rem; border-top: 1px #fff102 solid;font-size:2rem;} #lists ul li span.flagJourIndex { display:inline;float:left;width:100%;text-align:left;color:grey;margin-right:1rem;font-size:2rem; } /*#lists ul li span.flagJourLong {font-size:4.5rem;display:inline;float:left;width:24rem;text-align:left;color:black;margin-right:1rem}*/ #lists ul li span.flag { display:block;float:left;width:26rem;text-align:left;color:#a800ff;margin-right:1rem;font-size:11.2rem;} #lists ul li span.flagProchains { display:block;float:left;width:100%;text-align:left;color:#a800ff;margin-right:1rem;font-size:3rem;border-bottom:1px #a800ff solid;} #lists ul li span.flagProchains a:hover{ color:#fff102;} #lists ul li span.label { width:100%;display:block;float:right;color:red;font-weight: normal;text-transform: uppercase;font-size:1.7rem;text-align:right;padding-right:15px;} #lists ul li span.label a { color:inherit;text-decoration:none} #lists ul li span.label a:hover { border-radius: 10px;background-color:white; color:black;padding:0.2px } /* #lists ul li span.label a.active { color:#000000} #lists ul li span.label a span.special { display:block;color:#000000;font-size:1.3rem} #lists ul li span.label span.more { display:block;color:#000000} */ #lists ul li span.label1{ width:26rem;display:block;float:left;color:black;font-weight: bold;border-bottom:solid 0.2rem #b8b8b8;padding:0.5rem 0 1rem 0;} #lists ul li span.label1 a{ color:inherit;text-decoration:none} #lists ul li span.label1 a.active{ color:#000000} #lists ul li span.label1 a span.special{ display:block;color:#000000;font-size:1.3rem} #lists ul li span.label1 span.more{ display:block;color:#000000} #lists ul li span.label1{ width:100%;display:block;float:left;color:black;font-weight: bold;border-bottom:solid 0.2rem #b8b8b8;padding:0.5rem 0 1rem 0;text-align:center;} #lists ul li span.label2{ width:26rem;font-size:2rem;display:block;float:left;font-weight: normal;color:#000000;border:solid 0.1rem black;padding:0.2rem 1rem;background-color: #fff102;margin-bottom: 5px;margin-top: 5px;border-radius: 10px;text-transform: uppercase;} #lists ul li span.label2 a{ color:inherit;text-decoration:none} #lists ul li span.label2 a.active{ color:#000000;background-color:#fff102;} #lists ul li span.label2 a:hover{ color:#fff102;background-color:#000; -webkit-transform:scale(1.25); /* Safari et Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* Internet Explorer 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); } /* #lists ul li span.label2 a span.special{ display:block;color:#000000;font-size:1.3rem} #lists ul li span.label2 span.more{ display:block;color:#000000} */ /* body.cinema #lists ul li:hover span.labelX { color:red} body.cinema #lists ul li span.labelX a.active { color:#000000} body.cinema #lists h2 { background-color:#000000;border-bottom:solid 0.2rem #fff102} body.cinema #lists ul li span.flag{ color:#a800ff} body.cinema #lists ul li span.label a.active{ color:#000000} body.cinema #lists ul li span.label a.active span.special{color:grey} body.cinema #lists ul li span.label span.more{ color:#000000} body.cinema #lists ul li:hover span.label1{ color:red} body.cinema #lists ul li span.label1 a.active{ color:red} body.cinema #lists ul li span.label1 a.active span.special{ color:#000000} body.cinema #lists ul li span.label1 span.more{ color:#000000} body.cinema #lists ul li:hover span.label2{ color:white;background:grey} body.cinema #lists ul li span.label2 a.active{ color:#000000} body.cinema #lists ul li span.label2 a.active span.special{ color:#000000} body.cinema #lists ul li span.label2 span.more{ color:#000000} body.education #lists ul li:hover span.label1{ color:#CAC602} body.education #lists span.label1 a.active{ color:#CAC602} body.education #lists span.label1 a.active span.special{ color:#CAC602} body.education #lists span.label1 span.more{ color:#CAC602} #grey { position:absolute;left:0;top:0;width:30%;height:100%;background:#e5e5e5;z-index:1}div.identified{position:absolute;top:10rem;left:1rem;overflow:hidden;z-index:1000;font-size:1rem;font-weight:normal}div.identified a{background:#333;color:white;display:block;padding:0.2rem 0.4rem;float:left;border:solid 0.1rem white;-moz-border-radius:0.3rem;-webkit-border-radius:0.3rem;-khtml-border-radius:0.3rem;border-radius:0.3rem;opacity:0.5}div.identified a:hover{opacity:1} */ #palmares .photo-containerE { position:relative;width:100%;height:0;padding-top:1rem;background-color:#b2a801;overflow:hidden} #palmares .photo-containerT { position:relative;width:30%;height:0;padding-top:5rem;background-color:#fff102;overflow:hidden} #palmares .photo-containerT img { position:absolute;top:0;left:0;width:100%} #palmares .film-annonce { position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:none;vertical-align:middle;text-align:center} #palmares .film-annonce .centered { position:relative;top:25%;height:10rem;margin:0 4rem 0 4rem;text-align:center;color:white;-moz-border-radius:1rem;-webkit-border-radius:1rem;-khtml-border-radius:1rem;border-radius:1rem;background-color:rgba(236,0,127,0.5);cursor:pointer} #palmares .film-annonce .centered:hover { background-color:#000000;color:white} #palmares .film-annonce .centered .icon { font-family:icons;font-size:5rem;text-align:center} #palmares .film-annonce .centered .laius { font-size:1.4rem} #palmares .photo-container:hover .film-annonce { display:block} #palmares .candidate { position:relative;margin-bottom:2em} #palmares .candidate-title { position:relative} #palmares .candidate-title-inside { position:absolute} #palmares .candidate-title-inside .accroche { font-size:2rem;right:-1rem;background:#b2a801;color:#333333;float:right;padding:0.4rem 1rem;position:relative;text-align:right;border-right:solid 0.2rem #fff102;border-top:solid 0.2rem #fff102} #palmares .candidate-title-inside .accrocheE { font-size:2rem;right:4rem;background:white;color:#000000;float:right;padding:0.2rem 1rem;position:relative;text-align:right} #palmares .photo-container { position:relative;margin-top:5rem;overflow:visible;border-radius:10px;} #palmares .photo-container img { max-height:500px;position:absolute;top:0;left:0;width:60%;border-radius:30px;transform: rotate(0deg);} #palmares-first { max-height:500px;} #palmares .candidate-laius-presentation { position:relative;bottom:305px;right:30px;float:right;text-align:justify;padding:0rem ;display:block;overflow:visible;width:300px;} #palmares .candidate-laius-presentation a { display:inline-block;border-bottom:dotted 0.2rem white;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;-khtml-border-radius:0.4rem;border-radius:0.4rem;color:red} #palmares .candidate-laius-presentation a:hover { border-bottom:solid 0.2rem white} #palmares-first .candidate-laius-presentation { color:red;font-size:1.5rem} #palmares-first .candidate-laius-presentation b { border:dotted 1px white;padding:0 0.4rem;color:red} #palmares-others #palmares-others-left .candidate-laius-presentation, #palmares-others #palmares-others-right .candidate-laius-presentation { color:white;font-size:1.5rem;line-height:1.7rem; margin: 0.5rem 0.5rem 0.5rem 0.5rem} #palmares-others #palmares-others-rightX .candidate-laius-presentation { color:white;font-size:1.5rem;line-height:1.7rem; padding:0rem;margin: 0rem 0.5rem 0.5rem 0.5rem;background:#333;} #palmares .candidate-laius-link { position:relative;bottom:680px;right:-105px;float:right;text-align:justify;padding:0rem ;display:block;overflow:visible;} #palmares .candidate-laius-link a { display:block;float:right;padding:0.4rem 1rem;font-size:1.6em;text-decoration:none} #palmares .candidate-laius-link a:hover { background:#000000;color:#fff102} #palmares .candidate-laius-link a .icon { font-family:icons;padding-right:1rem} #palmares-first .candidate-title-inside { float:right;right:-4rem;bottom:0.0rem;max-width:85%} #palmares-first .candidate-title-inside h1 { font-family:LeagueGothic-Regular;font-weight:100;font-size:3.2rem;line-height:3.2rem;color:white;padding:0.5rem 0.5rem 0.2rem 0.5rem;text-transform:uppercase;text-align:right;border-right:solid 0.2rem #fff102;border-top:solid 0.2rem #fff102;} #palmares-first .candidate-laius { background:#000000;} #palmares-first .candidate-laius-link a { background:white;color:#000000} #palmares-others #palmares-others-left, #palmares-others #palmares-others-right { width:50%;float:left} #palmares-others #palmares-others-left .photo-container, #palmares-others #palmares-others-right .photo-container{ border:solid 0.3rem #b2a801;border-width:0 0 0.3rem 0;padding-top:20rem;overflow:hidden;border-radius:10px;} #palmares-others #palmares-others-left .candidate-title, #palmares-others #palmares-others-right .candidate-title { width:100%} #palmares-others #palmares-others-left .candidate-title-inside, #palmares-others #palmares-others-right .candidate-title-inside { width:100%;bottom:-0.5rem;color:#fff102} #palmares-others #palmares-others-left .candidate-title-inside h1, #palmares-others #palmares-others-right .candidate-title-inside h1 { font-family:LeagueGothic-Regular;font-weight:100;font-size:3rem;line-height:3rem;background:#b2a801;color:#000000; padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;text-align:right;border-right:solid 0.2rem #fff102; border-top:solid 0.2rem #fff102} #palmares-others #palmares-others-left .candidate-title-inside .accroche, #palmares-others #palmares-others-right .candidate-title-inside .accroche{ position:relative;clear:both;background:#b2a801;color:black;font-size:1.6rem;padding:0.2rem 0.8rem} #palmares-others #palmares-others-left .candidate-laius, #palmares-others #palmares-others-right .candidate-laius { background:#333;padding:1rem} #palmares-others-rightX {width:50%;float:right} #palmares-others #palmares-others-left .candidate-laius-link, #palmares-others #palmares-others-right .candidate-laius-link { overflow:hidden} #palmares-others #palmares-others-left .candidate-laius-link a, #palmares-others #palmares-others-right .candidate-laius-link a { display:block;float:right;padding:0.4rem 1rem;background:#b2a801;color:black;font-size:1.5rem} #palmares-others #palmares-others-left .candidate-laius-link a:hover, #palmares-others #palmares-others-right .candidate-laius-link a:hover { background:#000000;color:#fff102;} #palmares-others #palmares-others-left .candidate-laius-linkG, #palmares-others #palmares-others-right .candidate-laius-linkG { overflow:hidden} #palmares-others #palmares-others-left .candidate-laius-linkG a, #palmares-others #palmares-others-right .candidate-laius-linkG a { display:block;float:left;padding:0.4rem 1rem;background:#000000;color:white;font-size:1.5rem;border:1px solid red;margin:0.3rem} #palmares-others#palmares-others-left .candidate-laius-linkG a:hover, #palmares-others #palmares-others-right .candidate-laius-linkG a:hover { background:#555;color:white;border:1px solid #b2a801;margin:0.3rem;} #palmares-others #palmares-others-left { padding-right:1rem} #palmares-others #palmares-others-left .candidate-title-inside h1, #palmares-others #palmares-others-left .candidate-title-inside .accroche { float:left} #palmares-others #palmares-others-left .candidate-title-inside h1 { padding-left:0} #palmares-others #palmares-others-left .candidate-title-inside .accroche { left:-1rem} #palmares-others #palmares-others-right { padding-left:1rem} #palmares-others #palmares-others-right .candidate-title-inside h1, #palmares-others #palmares-others-right .candidate-title-inside .accroche { float:right} #palmares-others #palmares-others-right .candidate-title-inside h1 { padding-right:0} #palmares-others #palmares-others-right .candidate-title-inside .accroche { right:-1rem} #biscuit { position:relative} #biscuit .photo-container { position:relative;width:80%;overflow:visible; transform:rotate(0deg);text-align:center;} .affichette { position:relative;width:98%;overflow:hidden;border-radius:10px;background:#f5f5f5;margin:3px;} #biscuit .photo-containerH { position:relative;width:33%;height:24.8rem;overflow:visible;padding-top:0rem;border-radius:10px;} #biscuit .photo-containerE { position:relative;width:100%;overflow:visible;padding-top:0rem;background-color:#fff102} #biscuit .photo-container img { position:relative;top:0;left:70px;width:100%;border-radius:30px;padding-top:1rem;height:100%;margin:10px;} #biscuit .photo-containerH img { position:absolute;top:-9.0rem;left:0rem;width:100%;border-radius: 10px;} #biscuit .photo-containerE img { position:absolute;top:-9.0rem;left:0rem;width:100%;} #biscuit .photo-containerHaut img { position:absolute;top:-9.0rem;left:0rem;width:100%;} #biscuit.garniture { position:relative;float:right;right:-4rem;top:-3rem;max-width:95%;background:#f5f5f5;} #biscuit.garnitureH {position:relative;float:right;right:-4rem;top:-3rem;max-width:95%;} #biscuit.garnitureHaut { position:relative;float:right;right:-14rem;top:-3rem;max-width:65%;} #biscuit .garniture .title { background:#000000;text-align:right;padding:0;font-family:LeagueGothic-Regular;font-size:5.1rem;line-height:6rem;text-transform:uppercase;font-weight:normal;color:white;border-radius:10px;} #biscuit .garnitureH .titleH { background:#000000;margin-top:10px;padding:0.4rem 2rem;font-family:LeagueGothic-Regular;font-size:3.1rem;line-height:3rem;text-transform:uppercase;font-weight:normal;border-radius: 10px} #biscuit .garnitureH .titleH.titre { background:#000000;text-align:right;margin-top:10px;padding:0.4rem 2rem;font-family:LeagueGothic-Regular;font-size:3.1rem;line-height:3rem;text-transform:uppercase;font-weight:normal;border-radius: 10px} #biscuit.garnitureHV1 { display:inline-block;position:relative;float:right;right:0rem;top:0rem;max-width:95%;margin:1rem;padding:1rem;} #biscuit .garnitureHV1 .titleHV1 { margin-left:5rem;margin-top:5rem;font-family:LeagueGothic-Regular;font-size:2.5rem;line-height:2.8rem;text-transform:uppercase;font-weight:normal;border-radius: 10px;text-align:left;max-width:95%;color:red;transform: rotate(0deg);} #biscuit .titreHV1 { display:block;text-align:left;margin-top:10px;padding:0.4rem 2rem;font-family:LeagueGothic-Regular;font-size:6rem;line-height:6.5rem;font-weight:normal;color:white;border-radius: 10px;border-top-style: dotted;border-color: lightgrey;transform: rotate(0deg);} #biscuit .generiqueHV1 { position:relative;width:40%;font-family:Lato,Helvetica,Arial,sans-serif;margin:0.8rem 0rem 1rem 35rem;padding:0.4rem 2rem;font-size:1.8rem;color:white;text-align:right;display:block;background:#6b6666;border-radius: 10px;transform: rotate(0deg);} #biscuit .seancesHV1 { float:right;position:relative; max-width:100%;padding : 0 0 0 35rem;} #biscuit .photo-containerHV1 { position:relative;width:22%;height:24.8rem;overflow:visible;padding-top:0rem;border-radius:10px;left:5rem;} #biscuit .photo-containerHV1 img { position:absolute;top:-9.0rem;width:100%;border-radius: 10px;transform: rotate(0deg);} #biscuit .photo-containerHV2 { position:relative;width:50%;overflow:visible;padding-top:0rem;border-radius:10px;left:60rem;top:-25rem;} #biscuit .photo-containerHV2 img { position:absolute;border-radius: 10px;transform: rotate(0deg);} .prochainementHV1 { z-index:99;position:relative; top:15rem;left:80rem;text-align:center;color:#fff102;background:grey;border-radius:10px;width:25rem;margin-left:3rem;font-size:3.5rem;padding:2px;z-index:10;} #biscuit .garnitureHV1 a:link { color:lightgrey;} #biscuit .garnitureHV1 a:visited { color:grey;} #biscuit .garnitureHV1 .RESUME { left:-5rem;position:relative;width:40%;background:#d3d3d3;text-align:left;margin: 1rem 0.5rem 0 0.5rem;padding:0.4rem 1rem;font-family:Lato,Helvetica,Arial,sans-serif;font-size:1.5rem;line-height:1.8rem;font-weight:normal;color:black;border-width:1px; border-style:dotted; border-color:black;border-radius: 10px;transform: rotate(0deg);} #biscuit .garniture .RESUME { background:#d3d3d3;text-align:left;margin: 1rem 0.5rem 0 0.5rem;padding:0.4rem 1rem;font-family:Lato,Helvetica,Arial,sans-serif;font-size:1.8rem;line-height:2.0rem;font-weight:normal;color:black;border-width:1px; border-style:dotted; border-color:black;border-radius: 10px;} #biscuit .garnitureH .titleE { background:#000000;text-align:right;margin:0 0 0 0;padding:0.4rem 2rem;font-family:LeagueGothic-Regular;font-size:3.1rem;line-height:3rem;text-transform:uppercase;font-weight:normal;color:#fff102;} #biscuit .garnitureHaut .titleHaut { background:#000000;text-align:right;margin:0 0 0 0;padding:0.4rem 2rem;font-family:LeagueGothic-Regular;font-size:3.1rem;line-height:3rem;text-transform:uppercase;font-weight:normal;color:#fff102;} #biscuit .garniture .DJ { background:#fff102;text-align:right;margin: 0rem 0.5rem 0 0.5rem;padding:0.4rem 1rem;font-family:Lato,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:2.0rem;text-transform:uppercase;font-weight:normal;color:red;border-width:1px; border-style:dotted; border-color:red;} #biscuit .garniture .AC { background:lightgrey;text-align:right;margin: 1rem 0.5rem 0 0.5rem;padding:0.4rem 1rem;font-family:Lato,Helvetica,Arial,sans-serif;font-size:1.5rem;line-height:2.0rem;font-weight:bold;color:black;border-width:1px; border-style:dotted; border-color:black;} #biscuit .ingredients { clear:both;background:black;position:relative;top:1rem;padding: 0px;} #biscuit .ingredients .introduction { font-family:Lato,Helvetica,Arial,sans-serif;font-size:3rem;text-align:justify; color:#fff;line-height:3.3rem; background: black;border-radius:10px;padding:0px 5px 35px 5px;transform:rotateY(0deg);font-weight:normal;} #biscuit .ingredients .introductionE { font-size:1.4rem;text-align:justify;background:#fff102; color:#000000;line-height:2rem;margin-bottom:0rem;padding: 0.5rem 0.5rem 0.5rem 0.5rem} #biscuit .generique { padding:0.4rem 2rem;font-size:3rem;color:white;text-align:right;display:block;background:#6b6666; border-radius:10px;margin-top:15px;} #biscuit .generiqueH { margin:0.8rem 0rem 1rem 23rem;padding:0.4rem 2rem;font-size:1.5rem;color:white;text-align:right;display:block;background:#6b6666;border-radius: 10px;} #biscuit .generique span.complement-generique { clear:both;font-weight:bold;font-size:1.4rem;display:block;margin:1rem 0} #biscuit .generique span.jeune-public { clear:both;margin:1rem 0;float:right;display:block;background:white;padding:0.2rem 1rem;color:#000000;-moz-border-radius:1rem;-webkit-border-radius:1rem;-khtml-border-radius:1rem;border-radius:1rem;position:relative} #biscuit .generique span.jeune-public .age-spacer { display:inline-block;width:4rem} #biscuit .generique span.jeune-public .age { position:absolute;top:-0.5rem;z-index:10;font-family:LeagueGothic-Regular;font-size:2rem;font-weight:100;background:white;text-align:center;width:3rem;margin:0 0.5rem;height:3rem;padding-top:0.2rem;-moz-border-radius:3rem;-webkit-border-radius:3rem;-khtml-border-radius:3rem;border-radius:3rem} #biscuit .generique span.jeune-public .icon { font-family:icons;padding-right:10px} #biscuit .seances { float:right;background:white;position:relative} #biscuit .seancesH { float:right;position:relative; max-width:100%;padding : 0 0 0 23rem;} #biscuit .seances .borders { position:absolute;top:0;left:0;width:100%;height:100%;border:solid 0.1rem transparent;border-width:0 0 0.1rem 0.1rem;pointer-events:none} #biscuit .seancesH .borders { position:absolute;top:0;left:0;width:100%;height:100%;border:solid 0.1rem transparent;border-width:0 0 0.1rem 0.1rem;pointer-events:none} #biscuit .seances :hover .borders { border-color:#ccc} #biscuit .seancesH :hover .borders { border-color:#ccc} #biscuit .seances div.more { clear:both;position:relative;width:100%} #biscuit .seancesH div.more { clear:both;position:relative;width:100%} #biscuit .seances #biscuit.seancesH div.more div.text-more { width:100%;float:right;position:relative;background:white;text-align:right;color:#000000;font-size:1rem;padding:0.4rem 1rem 0.4rem 1rem;margin-top:0.4rem;border-top:dotted 0.1rem #000000} #biscuit .seances div.more div.inside-more { width:100%;display:none;position:absolute;z-index:30;background:white} #biscuit .seances:hover div.more div.inside-more { display:block} #biscuit .seancesH div.more div.inside-more { width:100%;display:none;position:absolute;z-index:30;background:white} #biscuit .seances:hover div.more div.inside-more { display:block} #biscuit .seances ul { padding:1rem 0;text-align:right} #biscuit .seancesH ul { padding:0 0;text-align:right} #biscuit .seances ul li { padding:0.4rem 1.5rem;margin:0 0 1rem 0;border-left:dotted 0.1rem #000000;float:left;display:block;color:#000000;font-size:1.9rem;list-style-type:none;text-align:right} #biscuit .seancesH ul li { padding:0.4rem 0.25rem;margin:0 0 1rem 0;border-left:dotted 0.1rem #000000;float:left;display:block;color:#000000;font-size:1.2rem;list-style-type:none;text-align:right} #biscuit .seances ul li.end { border:0;clear:both} #biscuit .seancesH ul li.end { border:0;clear:both} #biscuit .seances ul li:hover { color:#000000} #biscuit .seancesH ul li:hover { color:#ff0000} #biscuit .seances ul li span.jour, #biscuit .seances ul li span.date, #biscuit .seances ul li span.mois, #biscuit .seances ul li span.heure{ display:block;text-align:center;padding:0;margin:0} #biscuit .seancesH ul li span.jour, #biscuit .seancesH ul li span.date, #biscuit .seancesH ul li span.mois, #biscuit .seancesH ul li span.heure { display:block;text-align:center;padding:0;margin:0} #biscuit .seances ul li span.date { font-family:'LeagueGothic-Regular';font-size:2.7rem;font-weight:bold;margin:-0.5rem 0} #biscuit .seancesH ul li span.date { font-family:'LeagueGothic-Regular';font-size:2.7rem;font-weight:bold;margin:-0.5rem 0} #biscuit .seances ul li span.mois { border-bottom:dotted 1px #999;padding-bottom:0.4rem;margin-bottom:0.4rem} #biscuit .seancesH ul li span.mois { border-bottom:dotted 1px #999;padding-bottom:0.4rem;margin-bottom:0.4rem} #biscuit .seances ul li span.special { display:block;color:#000000} #biscuit .seancesH ul li span.special { display:block;color:#000000} #biscuit .seances ul li span.heure { font-size:1.4rem;font-weight:100;padding:0.4rem;line-height:1rem;position:relative} #biscuit .seancesH ul li span.heure { font-size:1.4rem;font-weight:100;padding:0.4rem;line-height:1rem;position:relative} #biscuit .seances ul li span.heure.special { background:#000000;border:0;color:white;-moz-border-radius:0.2rem;-webkit-border-radius:0.2rem;-khtml-border-radius:0.2rem;border-radius:0.2rem} #biscuit .seancesH ul li span.heure.special { background:#000000;border:0;color:white;-moz-border-radius:0.2rem;-webkit-border-radius:0.2rem;-khtml-border-radius:0.2rem;border-radius:0.2rem} #biscuit .seances ul li span.heure span.vovf { position:absolute;top:2px;right:-11px;background:#000000;color:white;width:12px;height:12px;overflow:hidden;font-size:7pt;padding-top:1px;-moz-border-radius:1rem;-webkit-border-radius:1rem;-khtml-border-radius:1rem;border-radius:1rem} #biscuit .seancesH ul li span.heure span.vovf { position:absolute;top:2px;right:-11px;background:#000000;color:white;width:12px;height:12px;overflow:hidden;font-size:7pt;padding-top:1px;-moz-border-radius:1rem;-webkit-border-radius:1rem;-khtml-border-radius:1rem;border-radius:1rem} #biscuit .seances ul li span.heure span.dernier-passage { position:absolute;z-index:10000;top:0.5rem;left:-1rem;opacity:0.8;cursor:pointer} #biscuit .seances ul li span.heure span.dernier-passage span.icon { font-family:icons} #biscuit .seances ul li span.heure span.dernier-passage span.presentation { display:none;position:absolute;top:2.5rem;left:-0.5rem;background:#1e1e1e;color:white;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;-khtml-border-radius:0.4rem;border-radius:0.4rem;font-size:1rem;padding:0.4rem;width:10rem} #biscuit .seances ul li span.heure span.dernier-passage span.presentation .arrow { position:absolute;width:0;height:0;border:solid 1rem transparent;border-bottom-color:#1e1e1e;top:-2rem;left:2rem} #biscuit .seances ul li span.heure span.dernier-passage:hover { opacity:1} #biscuit .seances ul li span.heure span.dernier-passage:hover span.presentation { display:block} #biscuit .special { margin:1rem 0 2rem 0;padding:1rem 1rem 2rem 1rem;border-bottom:dashed 1px #999;color:#000000;overflow:hidden;font-size:1.5rem} #biscuit .special .special-date { padding:4px;float:left;max-width:20%;border-right:dotted 0.1rem #000000;margin-right:1rem;padding-right:1rem;text-align:right;font-weight:bold} #biscuit .special .special-presentation { padding:4px;float:left;max-width:75%} #biscuit .film-annonce { position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:none;vertical-align:middle;text-align:center} #biscuit .film-annonce .centered { position:relative;top:50%;height:10rem;margin:-5rem 20rem 0 20rem;text-align:center;color:white;-moz-border-radius:1rem;-webkit-border-radius:1rem;-khtml-border-radius:1rem;border-radius:1rem;background-color:rgba(255,255,255,0.5);cursor:pointer} #biscuit .film-annonce .centered:hover { background-color:#fff;color:#000000} #biscuit .film-annonce .centered .icon { font-family:icons;font-size:10rem;text-align:center} #biscuit .film-annonce .centered .laius { font-size:1.4rem} #biscuit .photo-container:hover .film-annonce { display:block} #biscuit .critiques div.hr { margin-top:2rem;border-top:dashed 1px #999;padding-top:2rem;width:100%;height:0;background:#000000;clear:both} #biscuit .critiques .bulle { width:50%;background:#000000;padding: 1rem 1rem 1rem 1rem;text-align:justify;margin-bottom:2rem;color:#ffffff;font-size:1.3rem;line-height:2rem} #biscuit .critiques .bulle.bulle-left { float:left;clear:both;background:#000000;padding-right:2rem} #biscuit .critiques .bulle.bulle-right { padding-left:2rem;background:#000000;float:right;position:relative} #biscuit .critiques .bulle.bulle-right .bulle-border { position:absolute;left:0;height:100%;top:0;background:#000000;border-left:dashed 0.1rem #999} #biscuit .critiques .bulle.bulle-wide { clear:both;width:100%;border-radius:10px;background:#f5f5f5} #biscuit .critiques .bulle.bulle-wideA { clear:both;width:100%;} #biscuit .critiques .bulle .signature { position:relative;background:#000000;;margin-top:0.5rem;border-top:dotted 0.1rem #999;float:left;font-weight:bold;color:#ffffff} #biscuit .critiques .bulle .signature .arrow { display:none;width:0;height:0;position:absolute;border:solid 0.6rem transparent;border-bottom-color:#999;top:-1.2rem;left:1rem;z-index:100} #biscuit .notes{clear:both} #biscuit .notes .note .note-rubrique { float:right;position:relative;font-family:LeagueGothic-Regular;font-weight:100;font-size:2.4rem;line-height:2.4rem;background:#000000;color:white;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;right:-2rem;margin:1rem 0} #biscuit .notes .note .note-texte { clear:both;font-size:1.4rem;line-height:2rem;text-align:right;color:#000000} #biscuit .notes .note .note-texte a { color:#000000;border-bottom:dotted 1px #000000} #biscuit .notes .note .note-texte a:hover { border-bottom:solid 1px #000000} #film-annonce { display:none;width:100%;height:100%;position:absolute;z-index:1000;top:0;left:0;background:rgba(49,49,49,0.8)} #film-annonce.visible { display:block} #film-annonce iframe { display:block;width:600px;margin:auto;margin-top:200px;background:#f5f5f5} body.evenement #biscuit .ingredients.introduction { color:#fff;background-color:#f5f5f5;font-weight:bold} body.evenement #biscuit .ingredients .introduction a { color:#ffffff;background:#f5f5f5;border-bottom:dotted 0.2rem #000000;font-weight:normal} body.evenement #biscuit .ingredients .introduction a:hover { border-bottom:solid 0.2rem #ffffff} body.evenement #biscuit .ingredients .sous-titre { font-size:1.4rem;font-weight:bold;color:#555;line-height:2rem;margin:2rem 0 0 0} body.evenement #biscuit .ingredients .paragraphe { font-size:1.4rem;line-height:2rem;text-align:justify;margin:1rem 0} body.evenement #biscuit .ingredients .paragraphe b, body.evenement #biscuit .ingredients .paragraphe strong { color:#000000} body.evenement #biscuit .ingredients .films { clear:both;margin-top:0rem; padding-top:4rem;background: linear-gradient(lightgrey, lightgrey);border-radius:20px;} body.evenement #biscuit .ingredients .films .film { clear:both;position:relative;margin:0rem 0;background:transparent;} body.evenement #biscuit .ingredients .films .film .film-titre { border-bottom:solid 0rem #000000;overflow:hidden;} body.evenement #biscuit .ingredients .films .film .film-titre .film-titre-inside { float:left;font-family:LeagueGothic-Regular;font-weight:100;font-size:5rem;line-height:5.2rem;background:#000000;color:white;margin-left:15px;padding:2rem;text-transform:uppercase;border-radius:10px;transform:rotate(0deg);} body.evenement #biscuit .ingredients .films .film .film-content { margin-top:2rem;padding-top:0.4rem;clear:both;overflow:hidden;font-size:1.4rem;line-height:1.8rem;color:#000} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left { float:left;width:50%} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-photo { display:block;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-photo img { display:block;transform:rotate(0deg);padding:15px;border-radius:30px;width:90%;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-generique { margin:1rem 1rem 1rem 1rem;font-size:3rem;line-height:3.4rem;padding:1rem 0;transform:rotate(0deg);} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right { float:left;width:50%;padding-left:1rem} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume { font-size:2.2rem;line-height:2.5rem;transform:rotate(0deg);padding: 10px;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .resume { text-align:justify;margin-bottom:1rem;padding: 0rem 0.5rem 0rem 0rem; } body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a { display:inline-block;background:grey;color:white;padding:0.5rem 1rem;border-radius:10px;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a .icon { display:inline-block;margin:0 1rem 0 0;font-family:icons} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a:hover { background:#333;color:white} #rechercher .find, #rechercher .count { display:block;font-size:2rem} #rechercher .find span, #rechercher .count span { color:#000000} #rechercher .count { border-bottom:dotted 0.1rem #000000;padding-bottom:2rem} #rechercher ul.results li { display:block;margin:0 0 1rem 0;padding:1rem 0;border-bottom:dotted 0.1rem #000000;overflow:hidden} #rechercher ul.results li .result-type { float:left;font-family:LeagueGothic-Regular;font-weight:100;font-size:1.8rem;line-height:1.8rem;background:#000000;color:white;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;width:20%;color:#000000;text-align:right;background:white;border-right:dotted 0.1rem #000000} #rechercher ul.results li .result-right { float:left;width:80%} #rechercher ul.results li .result-right .result-title { font-family:LeagueGothic-Regular;font-weight:100;font-size:2rem;line-height:2rem;background:#000000;color:white;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;background:white;color:#555} #rechercher ul.results li .result-right .result-title a { color:#555} #rechercher ul.results li .result-right .result-title a:hover { color:#000000} #rechercher ul.results li .result-right .result-details{ padding:0 2rem;font-size:1.3rem;color:#555} #horaires div.semaine-dates { margin-top:3rem;font-family:LeagueGothic-Regular;font-weight:100;font-size:2.8rem;line-height:2.8rem;background:#000000;color:white;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;text-align:right;color:#555;background-color:white;border-bottom:dotted 0.1rem #000000} #horaires div.semaine-dates .date { color:#000000} #horaires table.horaires { border-collapse:collapse;width:100%;margin:20px 0 40px 0} #horaires table.horaires td, #horaires table.horaires th { font-size:10pt;padding:2px 10px;border-left:solid 1px white;border-bottom:solid 4px white} #horaires table.horaires th { padding:2px 10px;background:#000000;color:white;position:relative} #horaires table.horaires th:first-child { background:white} #horaires table.horaires tr.film.pair { background:#ff6dbb} #horaires table.horaires tr.film.impair { background:#ffecf6} #horaires table.horaires tr.film a {text-decoration:none;color:inherit} #horaires table.horaires tr.film a:hover { text-decoration:underline} #horaires table.horaires td.title { width:25%;text-align:right;font-size:9pt;font-weight:bold} #horaires table.horaires td.heure { width:100px;text-align:center;position:relative} #horaires table.horaires td.heure span.vovf { position:absolute;width:12px;right:4px;margin-top:1px;height:12px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;background:#555;color:white;font-size:7pt} #horaires table.horaires td.heure .special, #horaires table.horaires td.heure .last { position:absolute;cursor:pointer} #horaires table.horaires td.heure .special .icon,#horaires table.horaires td.heure .last .icon { font-family:icons;font-size:1.3rem;color:#333} #horaires table.horaires td.heure .special .presentation, #horaires table.horaires td.heure .last .presentation { display:none;position:absolute;z-index:30;background:#333;color:white;padding:1rem} #horaires table.horaires td.heure .special .presentation .arrow, #horaires table.horaires td.heure .last .presentation .arrow { position:absolute;border:solid 1rem transparent;border-bottom-color:#333;top:-2rem;right:3rem} #horaires table.horaires td.heure .special:hover .icon, #horaires table.horaires td.heure .last:hover .icon { color:#555} #horaires table.horaires td.heure .special:hover .presentation, #horaires table.horaires td.heure .last:hover .presentation { display:block} #horaires table.horaires td.heure .special { top:2px;right:1px} #horaires table.horaires td.heure .special .presentation { top:3.4rem;width:20rem;margin-left:-18rem} #horaires table.horaires td.heure .last {left:2px} #horaires table.horaires td.heure .last .presentation { top:2.7rem;width:12rem;margin-left:-5rem;background-color:#000000} #horaires table.horaires td.heure .last .presentation .arrow { border-bottom-color:#000000} #bottom { overflow:visible;display:block;width:100%;padding-top:1rem;padding-left:0%;position:relative} #bottom .bottom-inside { margin:0 2rem;padding:4rem 0 2rem 0;border-top:dotted 1px #000000;position:relative;bottom:0;color:red;width:100%;} #bottom .bottom-inside .bottom-col { font-size:1.4rem;position:relative;width:33%;float:left;padding:0 2rem} #bottom .bottom-inside .bottom-col .details { font-size:1.2rem} #bottom .bottom-inside .bottom-col a:link { color:red;display:inline-block;border-bottom:dotted 0.1rem #000000} #bottom .bottom-inside .bottom-col a:hover { border-bottom:solid 0.1rem #000000} #bottom .bottom-inside #logo { position:r;z-index:100;top:5rem;left:-26rem;width:18rem;height:16rem;overflow:hidden;border-radius:10px;} #bottom .bottom-inside #logo img { width:100%; max-width : 1200px;} #bottom .bottom-inside #logoBDP { box-sizing: 20%;position:relative;display:inline-block;z-index:100;border-radius:10px;} #bottom .bottom-inside #logoBDP img { max-width:150px;} /* #bottom .bottom-inside { width:30%} */ /* #bottom .bottom-inside { width:90%; padding:auto;} */ #bottom .bottom-inside #logo3 img { width:30%} #bottom .bottom-inside #logo4 img { width:30%} #bottom .bottom-inside #logo4 img{ width:30%} #logo1 { position:absolute;z-index:100;top:-6rem;left:-26rem;width:19rem;overflow:hidden;border-radius:10px;} #logo11 { position:relative;display:inline;} /*#logo1 img {display:inline;padding:1rem 1rem;}*/ #logo2 { position:absolute;z-index:100;top:-17rem;left:-22rem;width:10rem;overflow:hidden;border-radius:10px;} #logo3 { position:absolute;z-index:100;top:-28rem;left:-26rem;width:61rem;overflow:hidden;border-radius:10px;} #logo4 { position:absolute;z-index:100;top:-37rem;left:-26rem;width:61rem;overflow:hidden;border-radius:10px;} #logo5 { position:absolute;z-index:100;top:-44rem;left:-26rem;width:19rem;overflow:hidden;border-radius:10px;} #logo6 { position:absolute;z-index:100;top:-57rem;left:-26rem;width:19rem;overflow:hidden;border-radius:10px;} /*abonnez vous*/ .sg-form6470 { margin: 0 auto; border: 1px solid #5abcd1; background: grey; background: -webkit-gradient(linear, left top, left bottom, from(#c4e7ef), to(#5abcd1)); background: -webkit-linear-gradient(top, #000000, #000000); background: -moz-linear-gradient(top, #000000, #000000); background: -ms-linear-gradient(top, #000000, #5000000); background: -o-linear-gradient(top, #000000, #000000); background: linear-gradient(to bottom, #000000, #000000); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5); padding: 10px; } .sg-form6470 .sg-form-header { font-size: 18px; font-weight: bold; color: #295572; text-align: center; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 20px; } .sg-form6470 label { color: #444; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); margin-bottom: 10px; } .sg-form6470 input[type="submit"] { width: 100%; box-sizing: border-box; height: 35px; color: #fff; font-weight: bold; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-align: center; border: 1px solid #1972c4; cursor: pointer; position: relative; background-color: #1d83e2; background-image: -webkit-gradient(linear, left top, left bottom, from(#77b5ee), to(#1972c4)); background-image: -webkit-linear-gradient(top, #000000, #000000); background-image: -moz-linear-gradient(top, #000000, #000000); background-image: -ms-linear-gradient(top, #000000, #000000); background-image: -o-linear-gradient(top, #000000, #000000); background-image: linear-gradient(top, #000000, #000000); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .sg-form6470 input[type="text"], .sg-form6470 input[type="email"] { width: 100%; text-align:left; box-sizing: border-box; height: 30px; padding: 6px 10px; margin-bottom: 20px; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; outline: none; background-color: #fff; position: relative; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7); border: 1px solid #5abcd1; } .sg-form6470 .sg-form-footer { font-size:10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; text-align:center; color: #295572; } .sg-form6470 .sg-form-formulaire form { padding: 5px; width: 100%; box-sizing: border-box; } /*fin menu abonnez vous*/ /*AFFICVHAGE DU TABLEAU DES HORAIRES*/ table.redTable { border: 1px solid #000000;background-color: #ffffe0;width: 100%;text-align: center;border-collapse: collapse;position: relative;border: 1px solid #000;border-radius: 5px;overflow: hidden;margin:0 0 1rem 0rem;} table.redTable td, table.redTable th { border: 1px solid #AAAAAA; padding: 3px 2px; } table.redTable mini { font-size: 15px;} table.redTable th a:link { color: black; text-decoration: none} /* CSS link color (red) */ table.redTable th a:visited { color: grey; } /* CSS link color (red) */ table.redTable th a:hover { color: #fff102;background:black; border-radius:10px; } /* CSS link color (red) */ table.redTable td a:link { color: black;text-decoration: none;font-size: 25px; color: #000000; font-weight: bold; } table.redTable td a:visited { color: grey; } table.redTable td a:hover { color: #fff102; background:black; border-radius:10px; } #tdPMR a:link { color: aqua; background:grey; border-radius:10px; } /* CSS link color (red) */ #tdPMR a:hover { color: #000; background:#fff; border-radius:10px; } /* CSS link color (red) */ table.redTable tbody td { font-size: 25px; color: #000000; font-weight: bold;} table.redTable tr:nth-child(even) { background: #F5C8BF;} table.redTable thead { background: #ffffe0; border-radius:10px;} table.redTable thead th { font-size: 30px; font-weight: bold; color: #000000;text-align: left;border-left: 2px solid #000000;} table.redTable thead th:first-child { border-left: none;} table.redTable tfoot { font-size: 13px; font-weight: bold; color: #FFFFFF; background: #FFF102;} table.redTable tfoot td tdPMR { font-size: 13px;} table.redTable tfoot .links { text-align: right;} table.redTable tfoot .links a{ display: inline-block;background: #FFFFFF;color: #A40808;padding: 2px 8px;border-radius: 5px;} /*FIN DU TABLEAU DES HORAIRES*/ /*AFFICVHAGE DU TABLEAU DES HORAIRES version ligne 2*/ table.redTable1 { border: 1px solid #000000;background-color: #e6b0aa ;width: 100%;text-align: center;border-collapse: collapse;position: relative;border: 1px solid #000;border-radius: 5px;overflow: hidden;margin:0 0 1rem 0rem;} table.redTable1 td, table.redTable th { border: 1px solid #AAAAAA; padding: 3px 2px; } table.redTable1 mini { font-size: 15px;} table.redTable1 th a:link { color: black; text-decoration: none} /* CSS link color (red) */ table.redTable1 th a:visited { color: grey; } /* CSS link color (red) */ table.redTable1 th a:hover { color: #fff102;background:black; border-radius:10px; } /* CSS link color (red) */ table.redTable1 td a:link { color: black;text-decoration: none;font-size: 25px; color: #000000; font-weight: bold; } table.redTable1 td a:visited { color: grey; } table.redTable1 td a:hover { color: #fff102; background:black; border-radius:10px; } table.redTable1 tbody td { font-size: 25px; color: #000000; font-weight: bold;} table.redTable1 tr:nth-child(even) { background: #F5C8BF;} table.redTable1 thead { background: #e6b0aa; border-radius:10px;} table.redTable1 thead th { font-size: 30px; font-weight: bold; color: #000000;text-align: left;border-left: 2px solid #000000;} table.redTable1 thead th:first-child { border-left: none;} table.redTable1 tfoot { font-size: 13px; font-weight: bold; color: #FFFFFF; background: #FFF102;} table.redTable1 tfoot td tdPMR { font-size: 13px;} table.redTable1 tfoot .links { text-align: right;} table.redTable1 tfoot .links a{ display: inline-block;background: #FFFFFF;color: #A40808;padding: 2px 8px;border-radius: 5px;} /*FIN DU TABLEAU DES HORAIRES*/ .cf:before, .cf:after { content:""; display:table;} .cf:after { clear:both; } .droite { float:right;} *{ margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box} /***rotation 3D flip***/ img{ max-width:100%} /*pour tous les id*/ #contenu, #contenu1, #contenu2{ color:white;position:relative;display:inline-block;-webkit-perspective:600px;perspective:600px} #contenu div, #contenu1 div, #contenu2 div{ position:absolute;left:0;top:0;box-shadow:0 8px 5px hsla(0,0%,0%,.2);transition:.8s ease} #contenu .derriere, #contenu1 .derriere, #contenu2 .derriere { color:white;background:#303030;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform:rotateY(-180deg);border: 5px solid #b2a801;} #contenu div.devant, #contenu1 div.devant, #contenu2 div.devant{ overflow:hidden;transform-style: preserve-3d;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;background:#b2a801;} #contenu:hover .derriere, #contenu1:hover .derriere, #contenu2:hover .derriere{ transform:rotatey(0);-webkit-transform:rotatey(0)} #contenu:hover div.devant, #contenu1:hover div.devant, #contenu2:hover div.devant{ -webkit-transform:rotatey(180deg);transform:rotatey(180deg)} .derriere p{ color:white;word-wrap:break-word;font-family:LeagueGothic-Regular;font-weight:100;font-size:2.1rem;line-height:2.1rem;background:#303030;padding:0.5rem 0.5rem 0.5rem 0.5rem;text-transform:uppercase;padding-left:1rem;padding-right:1rem;letter-spacing:0.1rem;height:2.8rem; } .derriere pJ { color:#b2a801;} /*premier*/ #contenu{ width:220px;height:295px;margin:10px 0 0 5px} #contenu div{ width:210px;height:285px;padding:5px 5px} #contenu mardi { padding:5px;color:red;font-family:LeagueGothic-Regular;font-weight:100;text-align:center;font-size:1.1rem;background:#303030} #contenu .derriere h1{ font-family:LeagueGothic-Regular;font-weight:100;text-align:left;font-size:2.1rem;color:white;background:#b2a801} #contenu .derriere h2{ font-family:LeagueGothic-Regular;font-weight:100;text-align:left;font-size:2.1rem;color:green;background:#b2a801} #contenu .derriere h3{ font-family:LeagueGothic-Regular;font-weight:100;text-align:left;font-size:2.1rem;color:red;background:#b2a801} #contenu .devant h3{ font-family:LeagueGothic-Regular;font-weight:100;text-align:center;font-size:2.1rem;color:red;background:#303030} #contenu .derriere p{ font-size:16px;line-height:18px;color:white;} #contenu .derriere a:link { color:red;} #contenu .derriere a:visited { color:red;} /* FIN DES AFFICHETTES EN PREMIERE PAGE*/ /* fin du media minimum a 900px*/ /*_______________________________________________________________________________________________________________________________________________________*/ /*_______________________________________________________________________________________________________________________________________________________*/ /* DEBUT AFFICHAGE SUR TELEPHONE et ordinateur 930px maxi*/ /*@media (max-width: 700px) */ @media screen and (min-width: 700px) and (orientation: portrait), (max-width: 960px), { /* .snip1482 { max-width: 260px; min-width: 120px; width:100%; max-height: 360px; min-height: 160x;} */ .rouge {color:#FF0000;font-size:5rem;} .sg-form6470 {display: none;} .label {display: none;} #lists ul li span.flagProgramme {display: none;} #lists h4 {display: none;} /*#lists ul li span*/ #lists ul li span.label {display: none;} #lists ul li span.label a {display: none;} #lists ul li span.label a:hover {display: none; } #lists ul li span.label a.active {display: none;} #lists ul li span.label a span.special {display: none;} #lists ul li span.label span.more {display: none;} #lists ul li span.flag {display: none;} #lists ul li span.flagProchains {display: none;} /*table.redTable {display: none;}*/ #biscuit .photo-containerHV2 {display: none;} .flagProgramme{font-size:5rem;} #lists ul li span.flagJourIndex {font-size:7rem;} #lists ul li span.flagJourActuellement {font-size:7rem;border-top:none;} #biscuit .traitjaune {display:block; position:relative;width:100%;border: 15px solid #fff102; transform:rotate(2deg);z-index:1;} #biscuit .garnitureHV1 .titleHV1 { font-size:2.5rem;line-height:2.8rem;max-width:85%;} #biscuit .garniture .RESUME { font-size:3.5rem;line-height:3.6rem;} #biscuit .photo-containerHV1 {position:relative;width:35%;height:100%;overflow:visible;padding-top:0rem;border-radius:10px;left:3rem;top:-6rem;} #biscuit .photo-containerHV1 img {position:absolute;bottom:0rem;width:90%;border-radius: 10px;z-index:2;} #biscuit.garnitureHV1 {display:block;position:relative;float:right;right:1rem;top:-3rem;} #biscuit .garnitureHV1 .RESUME{ left:-1rem;position:relative;width:90%;font-size:3rem;line-height:3.1rem;} #biscuit .generiqueHV1 { width:60%;font-size:2.8rem;} #biscuit .titreHV1 { font-size:6rem;line-height:6.5rem;left:15rem;} .prochainementHV1 { margin-left:1rem;font-size:3rem;padding:2px;z-index:99;top:0rem;} #bottom {display:block;width:100%;position:relative} #bottom .bottom-inside {margin:0 2rem;padding:0.5rem 0 2rem 0;border-top:dotted 1px #000000;position:relative;color:#000000;width:100%;} #bottom .bottom-inside .bottom-col {font-size:3.4rem;position:relative;width:100%;float:left;padding:0 2rem;color:white;} #bottom .bottom-inside .bottom-col .details {font-size:3.2rem} #bottom .bottom-inside .bottom-col a {color:#000000;border-bottom:dotted 0.1rem #000000} #bottom .bottom-inside .bottom-col a:hover {border-bottom:solid 0.1rem #000000} #bottom .bottom-inside #logo {position:absolute;z-index:100;top:5rem;left:0rem;width:18rem;height:16rem;overflow:hidden} #bottom .bottom-inside #logo img {width:50%; max-width : 900px;} #bottom .bottom-inside #logo1 {display: fixed;top:150px;} #bottom .bottom-inside #logo1 img {width:50%; } #page {top:710px;} #container {position:absolute;padding:1rem 2rem;width:100%;} #inside-container{margin:0 auto;color:#e5e5e5e5;position:relative;width:100%;padding:0.5rem;} #main{position:relative;z-index:50;margin-top:1rem;padding:0.5rem;float:right;color:#000000;width:100%;} /* MENU de navigation: /* propriétés de base du menu */ nav {width: 100%;min-height: 150px;margin: 5px auto;text-align: center;display: block;font-family: verdana,arial; } /* attention à bien faire correspondre l'id de chaque item avec le code */ /* #item1 { background: #fff102; } #item2 { background: #E42B2B; } #item3 { background: #ff8400; } #item4 { background: #a800ff; } #item5 { background: #49a7f3; } #item6 { background: #49a7f3; } */ .top-menuA li {display: inline-block;text-align: center;margin: 5px 1px;position: relative; } .top-menuA li:hover {margin: 30px 20px; } .top-menuA li:active {margin: 10px 13px; } .top-menuA li a {width: 100%;height: 40px;z-index: 9999;position: absolute;top: 10px;font-weight: normal;display: block; text-decoration: none; font-size: 4rem; color: black; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); -webkit-transition: all 0.0s linear; -moz-transition: all 0.0s linear; -o-transition: all 0.0s linear; } .top-menuA li:active a {font-size: 5rem;top: 10px;text-shadow: none;} .top-menuA li div.menu-item {width: 650px;height: 60px;display: block; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } .top-menuA li:hover div.menu-item{ -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } .top-menuA li:active div.menu-item{ -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } /* fin du menu accueil*/ #lists {position:relative;margin-top:1rem;padding:0.5rem;z-index:2;width:100%;float:left;} #lists h2 {float:left;position:relative;left:0;font-family:LeagueGothic-Regular;font-weight:100;font-size:2.4rem;line-height:2.4rem;background:#e5e5e5;color:black;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;margin:2rem 0 1rem 0} #lists h3 {float:left;position:relative;left:0;font-family:LeagueGothic-Regular;font-weight:100;font-size:7rem;line-height:6rem;color:grey;background-color:black;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;margin:2rem 0 1rem 0;width:100%;text-align:center;} #lists ul {display:block;padding-left:1em} #lists ul li {cursor:pointer;list-style-type:none;overflow:hidden;padding:0 0 0.4rem 0;margin:0 0 0.4rem 0;width:100%;font-size:4rem} #lists ul li span.labelX {width:25rem;display:block;float:left;color:black;border-bottom:solid 0.0rem #b8b8b8;padding:0.2rem 0 0rem 0;} #lists ul li span.labelX a {color:inherit;text-decoration:none} #lists ul li span.labelX a.active {color:#000000} #lists ul li span.labelX a span.special {display:block;color:#000000;font-size:1.3rem} #lists ul li span.labelX span.more {display:block;color:#000000} #lists ul li span.flag-achetez {position:relative;float:left;width:100%;text-align:middle;margin-right:0rem;text-align:center;color:#000;background-color:black;border-radius: 10px;font-size:120%;} #lists ul li span.flagPMR-colonne {display:block;float:left;width:100%;text-align:middle;margin-right:0rem;text-align:center;color:aqua;background-color:black;border-radius: 10px;} #lists ul li span.flagPMR {display:inline;font-size:140%;float:left;width:15rem;text-align:center;color:blue;background-color:#f5f5f5;border-radius: 10px;} #lists ul li span.flagPMR a:link {color:blue; font-weight: bold; text-decoration : none;border-radius: 10px;} #lists ul li span.flagPMR a:visited {color:blue; text-decoration : none;border-radius: 10px;} /*#lists ul li span.flagPMR a:hover {color:blue;border-radius: 10px;background-color:white;font-weight: bold; }*/ #lists ul li span.flagX {font-size:140%;width:15rem;font-weight: bold;color:#000000;border-radius: 10px;background-color:#f5f5f5;} #lists ul li span.flagX a:link {color:black; text-decoration : none;} #lists ul li span.flagX a:visited {color:white; text-decoration : none;} #lists ul li span.flagX a:hover {color:grey;background-color:white;font-weight: bold; } #lists ul li span.label2{width:100%;font-size:140%;display:block;float:left;font-weight: normal;border:solid 0.1rem black;padding:0.2rem 1rem;margin-bottom: 5px;margin-top: 5px;border-radius: 10px;text-transform: uppercase;text-align:center;} #lists ul li span.label2 a{color:inherit;text-decoration:none} #lists ul li span.label2 a.active{} /*#lists ul li span.label2 a span.special{display:block;color:#000000;font-size:1.2rem}*/ #lists ul li span.label2 span.more{} body.cinema #lists ul li:hover span.label2{color:white;background:grey} body.cinema #lists ul li span.label2 a.active{color:#000000} body.cinema #lists ul li span.label2 a.active span.special{color:#000000} body.cinema #lists ul li span.label2 span.more{color:#000000} .col_gauche_film_titre {display:inline;float:left;width:100%;text-align:center;margin-top:1rem;color:white;background-color:black;border-radius: 10px;font-size:6rem;} .col_gauche_film_generique {display:inline;float:left;width:100%;text-align:right;margin-top:1rem;color:lightgrey;background-color:grey;border-radius: 10px;font-size:2.0rem;padding:0.5rem;font-style: italic;font-size:4rem;} .col_gauche_film_info {display:inline;float:left;width:100%;text-align:right;margin-top:0rem;color:white;border-radius: 10px;font-size:4.0rem;padding:0.2rem;font-style: normal;} .titres_autres_films {display:block;float:left;width:30%;text-align:center;margin:1rem;color:black;border-radius: 10px;font-size:4.0rem;padding:0.2rem;font-style: normal;background: #fafad2;border: solid;border-color:grey;} .les_films_a_l_affiche {display:inline;float:left;width:100%;text-align:right;margin-top:0rem;color:white;border-radius: 10px;font-size:4.0rem;padding:0.2rem;font-style: normal;} .imageGauche {float: left;width: 20px;height : 20 px;} .imagePMR { margin-left: auto;margin-right: auto;width: 50px;height : 50 px;} .imageNonPMR {margin-left: auto;margin-right: auto; width: 20 px;height : 20 px;} .film-annonce-iframe-container{display:none;width:100%;height:100%;position:absolute;z-index:1000;top:0;left:0;background:rgba(49,49,49,0.8)} .film-annonce-iframe-container.visible{display:block} .film-annonce-iframe-container /*iframe{display:block;width:600px;margin:auto;margin-top:200px}*/ iframe{display:block;width:100%;margin:auto;margin-top:0px;padding: 0.5px} /*AFFICVHAGE DU TABLEAU DES HORAIRES*/ table.redTable td, table.redTable th {border: 1px solid #AAAAAA; padding: 3px 2px; font-size:50px;} table.redTable mini {font-size: 50px;} table.redTable th a:link { color: blue; text-decoration: none;font-size:50px;} table.redTable th a:visited { color: blue;font-size:50px; } table.redTable th a:hover { color: red;font-size:50px; } table.redTable td a:link { color: blue;text-decoration: none;font-size:50px; } table.redTable td a:visited { color: blue;font-size:50px; } table.redTable td a:hover { color: red;font-size:50px; } table.redTable tbody td {font-size:50px;color: #000000;font-weight: bold;} table.redTable thead {background: #ffffff;border-radius:10px;} table.redTable thead th {font-size: 50px;font-weight: bold;color: #000000;text-align: left;border-left: 2px solid #000000;} table.redTable tfoot {font-size: 25px;font-weight: bold;color: #FFFFFF;background: #FFF102;} table.redTable tfoot td {font-size:50px;} table.redTable tfoot .links {text-align: right;} table.redTable tfoot .links a{display: inline-block;background: #FFFFFF;color: #A40808;padding: 2px 8px;border-radius: 5px;font-size:50px;} table.redTable1 td, table.redTable th {border: 1px solid #AAAAAA; padding: 3px 2px; font-size:50px;} table.redTable1 mini {font-size: 50px;} table.redTable1 th a:link { color: blue; text-decoration: none;font-size:50px;} table.redTable1 th a:visited { color: blue;font-size:50px; } table.redTable1 th a:hover { color: red;font-size:50px; } table.redTable1 td a:link { color: blue;text-decoration: none;font-size:50px; } table.redTable1 td a:visited { color: blue;font-size:50px; } table.redTable1 td a:hover { color: red;font-size:50px; } table.redTable1 tbody td {font-size:50px;color: #000000;font-weight: bold;} table.redTable1 thead {background: #e6b0aa;border-radius:10px;} table.redTable1 thead th {font-size: 50px;font-weight: bold;color: #000000;text-align: left;border-left: 2px solid #000000;} table.redTable1 tfoot {font-size: 25px;font-weight: bold;color: #FFFFFF;background: #e6b0aa;} table.redTable1 tfoot td {font-size:50px;} table.redTable1 tfoot .links {text-align: right;} table.redTable1 tfoot .links a{display: inline-block;background: #FFFFFF;color: #A40808;padding: 2px 8px;border-radius: 5px;font-size:50px;} /*FIN DU TABLEAU DES HORAIRES*/ /* palmares*/ /* #palmares .candidate-laius-link { position:relative;bottom:680px;right:-105px;float:right;text-align:justify;padding:0rem ;float:right;display:block;overflow:visible;} */ #palmares .candidate-laius-link a { margin-right:-10rem;font-size:3rem;} /*#palmares .candidate-laius-link a:hover { background:#000000;color:#fff102} #palmares .candidate-laius-link a .icon { font-family:icons;padding-right:1rem} */ #palmares .photo-container { position:relative;margin-top:5rem;overflow:visible;border-radius:10px;} #palmares .photo-container img { max-height:500px;position:absolute;top:0;left:0;width:60%;border-radius:30px;transform: rotate(0deg);} #palmares-first { max-height:500px;} #palmares .candidate-laius-presentation { position:relative;bottom:605px;right:50px;float:right;text-align:justify;padding:0rem ;float:right;display:block;overflow:visible;width:300px;} #palmares .candidate-laius-presentation a { display:inline-block;border-bottom:dotted 0.2rem white;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;-khtml-border-radius:0.4rem;border-radius:0.4rem;color:white} #palmares .candidate-laius-presentation a:hover { border-bottom:solid 0.2rem white} #palmares-first .candidate-laius-presentation { color:white;font-size:3.5rem} #palmares-first .candidate-laius-presentation b { border:dotted 1px white;padding:0 0.4rem;color:white} /* #palmares .photo-container {position:relative;width:100%;height:0;margin-top:5rem;overflow:hidden;border-radius:10px;} #palmares .photo-containerE {position:relative;width:100%;height:0;padding-top:1rem;background-color:#b2a801;overflow:hidden} #palmares .photo-container img {position:absolute;top:0;left:0;width:100%;border-radius:10px;} #palmares .photo-containerT {position:relative;width:30%;height:0;padding-top:5rem;background-color:#fff102;overflow:hidden} #palmares .photo-containerT img {position:absolute;top:0;left:0;width:100%} #palmares .film-annonce {position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:none;vertical-align:middle;text-align:center} #palmares .film-annonce .centered {position:relative;top:25%;height:10rem;margin:0 4rem 0 4rem;text-align:center;color:white;-moz-border-radius:1rem;-webkit-border-radius:1rem;-khtml-border-radius:1rem;border-radius:1rem;background-color:rgba(236,0,127,0.5);cursor:pointer} #palmares .film-annonce .centered:hover {background-color:#000000;color:white} #palmares .film-annonce .centered .icon{font-family:icons;font-size:5rem;text-align:center} #palmares .film-annonce .centered .laius{font-size:1.4rem} #palmares .photo-container:hover .film-annonce{display:block} #palmares .candidate{position:relative;margin-bottom:2em} #palmares .candidate-title{position:relative} #palmares .candidate-title-inside{position:absolute} #palmares .candidate-title-inside .accroche {font-size:2rem;right:-1rem;background:#b2a801;color:#333333;float:right;padding:0.4rem 1rem;position:relative;text-align:right;border-right:solid 0.2rem #fff102;border-top:solid 0.2rem #fff102} #palmares .candidate-title-inside .accrocheE {font-size:2rem;right:4rem;background:white;color:#000000;float:right;padding:0.2rem 1rem;position:relative;text-align:right} #palmares .candidate-laius-presentation{text-align:justify;padding:0rem } #palmares .candidate-laius-presentation a {display:inline-block;border-bottom:dotted 0.2rem white;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;-khtml-border-radius:0.4rem;border-radius:0.4rem;color:white} #palmares .candidate-laius-presentation a:hover {border-bottom:solid 0.2rem white} #palmares .candidate-laius-link {overflow:hidden} #palmares .candidate-laius-link a {display:block;float:right;padding:0.4rem 1rem;font-size:1.6em;text-decoration:none} #palmares .candidate-laius-link a:hover {background:#000000;color:#fff102} #palmares .candidate-laius-link a .icon {font-family:icons;padding-right:1rem} #palmares-first .candidate-title-inside {float:right;right:-4rem;bottom:0.0rem;max-width:85%} #palmares-first .candidate-title-inside h1 {font-family:LeagueGothic-Regular;font-weight:100;font-size:3.2rem;line-height:3.2rem;color:#000000;padding:0.5rem 0.5rem 0.2rem 0.5rem;text-transform:uppercase;text-align:right;border-right:solid 0.2rem #fff102;border-top:solid 0.2rem #fff102;} #palmares-first .candidate-laius {background:#000000;} #palmares-first .candidate-laius-presentation {color:white;font-size:1.5rem} #palmares-first .candidate-laius-presentation b {border:dotted 1px white;padding:0 0.4rem;color:white} #palmares-first .candidate-laius-link a {background:white;color:#000000} #palmares-others #palmares-others-left, #palmares-others #palmares-others-right {width:50%;float:left} #palmares-others #palmares-others-left .photo-container, #palmares-others #palmares-others-right .photo-container {border:solid 0.3rem #b2a801;border-width:0 0 0.3rem 0;padding-top:20rem;overflow:hidden;border-radius:10px;} #palmares-others #palmares-others-left .candidate-title,#palmares-others #palmares-others-right .candidate-title{width:100%} #palmares-others #palmares-others-left .candidate-title-inside, #palmares-others #palmares-others-right .candidate-title-inside {width:100%;bottom:-0.5rem;color:#fff102} #palmares-others #palmares-others-left .candidate-title-inside h1, #palmares-others #palmares-others-right .candidate-title-inside h1 {font-family:LeagueGothic-Regular;font-weight:100;font-size:3rem;line-height:3rem;background:#b2a801;color:#000000; padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;text-align:right;border-right:solid 0.2rem #fff102; border-top:solid 0.2rem #fff102} #palmares-others #palmares-others-left .candidate-title-inside .accroche, #palmares-others #palmares-others-right .candidate-title-inside .accroche {position:relative;clear:both;background:#b2a801;color:black;font-size:1.6rem;padding:0.2rem 0.8rem} #palmares-others #palmares-others-left .candidate-laius,#palmares-others #palmares-others-right .candidate-laius {background:#333;padding:1rem} #palmares-others #palmares-others-left .candidate-laius-presentation, #palmares-others #palmares-others-right .candidate-laius-presentation {color:white;font-size:1.5rem;line-height:1.7rem; margin: 0.5rem 0.5rem 0.5rem 0.5rem} #palmares-others-rightX {width:50%;float:right} #palmares-others #palmares-others-rightX .candidate-laius-presentation {color:white;font-size:1.5rem;line-height:1.7rem; padding:0rem;margin: 0rem 0.5rem 0.5rem 0.5rem;background:#333;} #palmares-others #palmares-others-left .candidate-laius-link, #palmares-others #palmares-others-right .candidate-laius-link {overflow:hidden} #palmares-others #palmares-others-left .candidate-laius-link a, #palmares-others #palmares-others-right .candidate-laius-link a {display:block;float:right;padding:0.4rem 1rem;background:#b2a801;color:black;font-size:1.5rem} #palmares-others #palmares-others-left .candidate-laius-link a:hover, #palmares-others #palmares-others-right .candidate-laius-link a:hover {background:#000000;color:#fff102;} #palmares-others #palmares-others-left .candidate-laius-linkG, #palmares-others #palmares-others-right .candidate-laius-linkG {overflow:hidden} #palmares-others #palmares-others-left .candidate-laius-linkG a, #palmares-others #palmares-others-right .candidate-laius-linkG a {display:block;float:left;padding:0.4rem 1rem;background:#000000;color:white;font-size:1.5rem;border:1px solid red;margin:0.3rem} #palmares-others#palmares-others-left .candidate-laius-linkG a:hover,#palmares-others #palmares-others-right .candidate-laius-linkG a:hover {background:#555;color:white;border:1px solid #b2a801;margin:0.3rem;} #palmares-others #palmares-others-left {padding-right:1rem} #palmares-others #palmares-others-left .candidate-title-inside h1, #palmares-others #palmares-others-left .candidate-title-inside .accroche {float:left} #palmares-others #palmares-others-left .candidate-title-inside h1 {padding-left:0} #palmares-others #palmares-others-left .candidate-title-inside .accroche {left:-1rem} #palmares-others #palmares-others-right {padding-left:1rem} #palmares-others #palmares-others-right .candidate-title-inside h1, #palmares-others #palmares-others-right .candidate-title-inside .accroche {float:right} #palmares-others #palmares-others-right .candidate-title-inside h1 {padding-right:0} #palmares-others #palmares-others-right .candidate-title-inside .accroche {right:-1rem} /* fin palmares*/ body.evenement #biscuit .ingredients .films .film .film-content {margin-top:2rem;padding-top:0.4rem;clear:both;overflow:hidden;font-size:3.4rem;line-height:3.8rem;color:#000} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left {float:left;width:50%} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-photo {display:block} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-photo img {display:block;width:90%;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-generique {margin:20rem 2rem 1rem 1rem;font-size:3.2rem;padding:1rem 0;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right {float:left;width:50%;padding-left:2rem} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume {font-size:3.2rem; line-height:3.6rem;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .resume {text-align:justify;margin-bottom:1rem;padding: 0rem 0.5rem 0rem 0rem; } body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a {display:inline-block;background:grey;color:white;padding:0.5rem 1rem;border-radius:10px;} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a .icon {display:inline-block;margin:0 1rem 0 0;font-family:icons} body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a:hover {background:#333;color:white} body.evenement #biscuit .ingredients .films .film .film-titre .film-titre-inside {float:left;font-family:LeagueGothic-Regular;font-weight:100;font-size:5rem;line-height:5.52rem;background:#000000;color:white;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;border-radius:10px;} /*PASTILLES RESEAUX SOCIAUX*/ /* .aclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;} .aclub-ronds_petit {width: 80px; height: 80px; } .fclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;} .fclub-ronds_petit {width: 80px; height: 80px; } .gclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;} .gclub-ronds_petit {width: 80px; height: 80px;} .tclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;} .tclub-ronds_petit {width: 80px; height: 80px; } .iclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;} .iclub-ronds_petit {width: 80px; height: 80px; } .cont_rs_club-ronds {width:100px; top:50px;height:325px;right:40px;} @media (max-width:500px) and (min-width:1px){.cont_rs_club-ronds{display:none;}} /*FIN PASTILLES RESEAUX SOCIAUX*/ */ /* fin affichage sur telephone portrait*/ } /*_______________________________________________________________________________________________________________________________________________________*/ /* DEBUT AFFICHAGE ordinateur entre 250 et 699px*/ /*@media (max-width: 700px) */ @media (min-width: 250px) and (max-width: 699px) { html{overflow-y:scroll;font-size:20%;} .rouge {color:#FF0000;font-size:10rem;} .snip1482 p { font-size: 7em; line-height:7.2rem;} .sg-form6470 {display: none;} .label {display: none;} #lists ul li span.flagProgramme {display: none;} #lists h4 {display: none;} /*#lists ul li span*/ #lists ul li span.label {display: none;} #lists ul li span.label a {display: none;} #lists ul li span.label a:hover {display: none; } #lists ul li span.label a.active {display: none;} #lists ul li span.label a span.special {display: none;} #lists ul li span.label span.more {display: none;} #lists ul li span.flag {display: none;} table.redTable {display: none;} #palmares .candidate-laius-link a { display: none;} .wrapper {display: none;} #container {position:relative;padding:0 2rem;} #inside-container {max-width:690px;min-width:300px;margin:0 auto;color:#e5e5e5e5;position:relative;} #page {top:500px;} .flagProgramme{font-size:10rem;} #lists ul li span.flagJourIndex {font-size:12rem;} #lists ul li span.flagJourActuellement {font-size:12rem;border-top:none;} #biscuit.garnitureHV1 {float:right;right:1rem;} /*#biscuit .garnitureHV1 .titleHV1 {margin-left:6rem;margin-top:5rem;line-height:11rem;width:100%;}*/ #biscuit .garnitureHV1 .titleHV1 {width:100%;text-align:right;margin-top:20rem;padding:0.4rem 2rem;line-height:13rem;} #biscuit .titreHV1 {width:100%;text-align:right;margin-top:-1rem;padding:0.4rem 2rem;font-size:20rem;line-height:21rem;} #biscuit .generiqueHV1 {width:90%;margin:1rem;font-size:8rem;} /*#biscuit .seancesHV1 {float:right;position:relative; max-width:100%;padding : 0 0 0 35rem;}*/ #biscuit .photo-containerHV1 {width:60%;overflow:visible;border-radius:10px;top:10rem;} #biscuit .photo-containerHV1 img {position:relative;} #biscuit .garnitureHV1 a:link {color:black;} #biscuit .garnitureHV1 a:visited {color:black;} #biscuit .prochainementHV1 { position:relative;font-size:15rem;width:70%;padding-top:1rem;top:-5rem;} #biscuit .garniture .RESUME {font-size:8rem;line-height:7.1rem;width:90%;} #biscuit .garnitureHV1 .RESUME { font-size:7rem;line-height:8rem;;} #palmares .photo-container { margin-top:0rem;} #palmares .photo-container img { position:absolute;top:-50rem;left:0;width:80%;} #palmares-first {} #palmares .candidate-laius-presentation { position:relative;bottom:70rem;left:10rem;padding-left:5rem;float:left;width:50%} #palmares .candidate-laius-presentation a { display:inline-block;border-bottom:dotted 0.2rem white;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;-khtml-border-radius:0.4rem;border-radius:0.4rem;color:white} #palmares .candidate-laius-presentation a:hover { border-bottom:solid 0.2rem white} #palmares-first .candidate-laius-presentation { color:white;font-size:8rem; width:80%;} #palmares-first .candidate-laius-presentation b { border:dotted 1px white;padding:0 0.4rem;color:white} /*#container {position:absolute;width:500px}*/ /*#inside-container{margin:0 auto;color:#e5e5e5e5;position:relative;width:100%;padding:0.5rem;} */ /*#inside-container{margin:0 auto;color:#e5e5e5e5;position:relative;width:100%;padding:0.5rem;} */ /*#main{position:relative;z-index:50;margin-top:1rem;padding:0.5rem;float:right;color:#000000;width:100%;}*/ /*#lists ul li span.flagJourLong {font-size:2rem;display:inline;float:left;width:12rem;text-align:left;color:grey;margin-right:1rem}*/ /*#lists ul li span.flagJour {width:2rem;}*/ /*#bottom {display:block;width:100%;position:relative}*/ /*#bottom .bottom-inside {margin:0 2rem;padding:0.5rem 0 2rem 0;border-top:dotted 1px #000000;position:relative;color:#000000;width:100%;}*/ /*#bottom .bottom-inside .bottom-col {font-size:3.4rem;position:relative;width:100%;float:left;padding:0 2rem}*/ /*$#bottom .bottom-inside .bottom-col .details {font-size:1rem}*/ /*#bottom .bottom-inside .bottom-col a {color:#000000;border-bottom:dotted 0.1rem #000000}*/ /*#bottom .bottom-inside .bottom-col a:hover {border-bottom:solid 0.1rem #000000}*/ /*#bottom .bottom-inside #logo {position:absolute;z-index:100;top:5rem;left:0rem;width:18rem;height:16rem;overflow:hidden}*/ /*#bottom .bottom-inside #logo img {width:50%; max-width : 900px;}*/ /*#bottom .bottom-inside #logo1 {display: fixed;top:150px;}*/ /*#bottom .bottom-inside #logo1 img {width:50%; }*/ /* MENU de navigation: /* propriétés de base du menu */ /* attention à bien faire correspondre l'id de chaque item avec le code */ /* #item1 { background: #fff102; } #item2 { background: #E42B2B; } #item3 { background: #ff8400; } #item4 { background: #a800ff; } #item5 { background: #49a7f3; } #item6 { background: #49a7f3; } */ .top-menuA li {display: inline-block;text-align: center;margin: 5px 1px;position: relative; } .top-menuA li:hover {margin: 30px 20px; } .top-menuA li:active {margin: 10px 13px; } .top-menuA li a {width: 100%;height: 6.5rem;z-index: 9999;position: absolute;top: 1rem;font-weight: normal;display: block; text-decoration: none;font-size: 7rem;color: black; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); -webkit-transition: all 0.0s linear; -moz-transition: all 0.0s linear; -o-transition: all 0.0s linear; } .top-menuA li:active a {font-size: 6rem;top: 10px;text-shadow: none;} .top-menuA li div.menu-item {width: 400px;height: 10rem;display: block; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } .top-menuA li:hover div.menu-item{ -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); } .top-menuA li:active div.menu-item{ -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } /* fin du menu accueil*/ /* MENU de navigation: /* propriétés de base du menub */ /* attention à bien faire correspondre l'id de chaque item avec le code */ /* #item1 { background: #fff102; } #item2 { background: #E42B2B; } #item3 { background: #ff8400; } #item4 { background: #a800ff; } #item5 { background: #49a7f3; } #item6 { background: #49a7f3; } */ .top-menuB li {display: inline-block;text-align: center;margin: 5px 1px;position: relative; } .top-menuB li:hover {margin: 30px 20px; } .top-menuB li:active {margin: 10px 13px; } .top-menuB li a {width: 100%;height: 6.5rem;z-index: 9999;position: absolute;top: 1rem;font-weight: normal;display: block; text-decoration: none;font-size: 7rem;color: black; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); -webkit-transition: all 0.0s linear; -moz-transition: all 0.0s linear; -o-transition: all 0.0s linear; } .top-menuB li:active a {font-size: 6rem;top: 10px;text-shadow: none;} .top-menuB li div.menu-item {width: 400px;height: 10rem;display: block; -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } .top-menuB li:hover div.menu-item{ -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); } .top-menuB li:active div.menu-item{ -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } /* fin du menub accueil*/ /*#lists {position:relative;margin-top:1rem;padding:0.5rem;z-index:2;width:100%;float:left;}*/ /*#lists h2 {float:left;position:relative;left:0;font-family:LeagueGothic-Regular;font-weight:100;font-size:2.4rem;line-height:2.4rem;background:#e5e5e5;color:black;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;margin:2rem 0 1rem 0}*/ /*#lists h3 {float:left;position:relative;left:0;font-family:LeagueGothic-Regular;font-weight:100;font-size:4rem;line-height:4rem;color:white;background-color:black;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;margin:2rem 0 1rem 0;width:100%;text-align:center;}*/ /*#lists ul {display:block;padding-left:1em}*/ /*#lists ul li {cursor:pointer;list-style-type:none;overflow:hidden;padding:0 0 0.4rem 0;margin:0 0 0.4rem 0;width:100%;font-size:4rem}*/ /*#lists ul li span.labelX {width:15rem;display:block;float:left;color:black;border-bottom:solid 0.0rem #b8b8b8;padding:0.2rem 0 0rem 0;}*/ /*#lists ul li span.labelX a {color:inherit;text-decoration:none}*/ /*#lists ul li span.labelX a.active {color:#000000}*/ /*#lists ul li span.labelX a span.special {display:block;color:#000000;font-size:1.3rem}*/ /*#lists ul li span.labelX span.more {display:block;color:#000000}*/ #lists ul li span.flag-achetez {font-size:10rem;} #lists ul li span.flagPMR-colonne {font-size:10rem;} #lists ul li span.flagPMR {width:30rem;} #lists ul li span.flagPMR a:link {font-size:10rem;} #lists ul li span.flagPMR a:visited {} #lists ul li span.flagPMR a:hover { } #lists ul li span.flagX {width:30rem;} #lists ul li span.flagX a:link {font-size:10rem;} #lists ul li span.flagX a:visited {} #lists ul li span.flagX a:hover { } #lists ul li span.label2{font-size:10rem;} /*#lists ul li span.label2{width:100%;font-size:2.5rem;display:block;float:left;font-weight: normal;color:#000000;border:solid 0.1rem black;padding:0.2rem 1rem;background-color: white;margin-bottom: 5px;margin-top: 5px;border-radius: 10px;text-transform: uppercase;}*/ /*#lists ul li span.label2 a{color:inherit;text-decoration:none}*/ /*#lists ul li span.label2 a.active{color:#000000}*/ /*#lists ul li span.label2 a span.special{display:block;color:#000000;font-size:1.2rem}*/ /*#lists ul li span.label2 span.more{display:block;color:#000000}*/ /*#lists ul li span.label1{display:block;float:left;color:black;font-weight: bold;border-bottom:solid 0.2rem #b8b8b8;padding:0.5rem 0 1rem 0;font-size:2rem;width:100%}*/ /*body.cinema #lists ul li:hover span.label2{color:white;background:grey}*/ /*body.cinema #lists ul li span.label2 a.active{color:#000000}*/ /*body.cinema #lists ul li span.label2 a.active span.special{color:#000000}*/ /*body.cinema #lists ul li span.label2 span.more{color:#000000}*/ /*.col_gauche_film_titre {display:inline;float:left;width:100%;text-align:center;margin-top:1rem;color:white;background-color:black;border-radius: 10px;font-size:2rem;}*/ .col_gauche_film_generique {font-size:7rem;} .col_gauche_film_info {font-size:7rem} .titres_autres_films {font-size:7rem;} .les_films_a_l_affiche {font-size:7rem;} .imageGauche {float: left;width: 20px;height : 20 px;} .imagePMR { margin-left: auto;margin-right: auto;width: 50px;height : 50 px;} .imageNonPMR {margin-left: auto;margin-right: auto; width: 20 px;height : 20 px;} .film-annonce-iframe-container{display:none;width:100%;height:100%;position:absolute;z-index:1000;top:0;left:0;background:rgba(49,49,49,0.8)} .film-annonce-iframe-container.visible{display:block} .film-annonce-iframe-container /*iframe{display:block;width:600px;margin:auto;margin-top:200px}*/ iframe{display:block;width:100%;margin:auto;margin-top:0px;padding: 0.5px} /*AFFICVHAGE DU TABLEAU DES HORAIRES*/ /* table.redTable td, table.redTable th {border: 1px solid #AAAAAA; padding: 3px 2px; font-size:50px;} table.redTable mini {font-size: 50px;} table.redTable th a:link { color: blue; text-decoration: none;font-size:50px;} table.redTable th a:visited { color: blue;font-size:50px; } table.redTable th a:hover { color: red;font-size:50px; } table.redTable td a:link { color: blue;text-decoration: none;font-size:50px; } table.redTable td a:visited { color: blue;font-size:50px; } table.redTable td a:hover { color: red;font-size:50px; } table.redTable tbody td {font-size:50px;color: #000000;font-weight: bold;} table.redTable thead {background: #ffffff;border-radius:10px;} table.redTable thead th {font-size: 50px;font-weight: bold;color: #000000;text-align: left;border-left: 2px solid #000000;} table.redTable tfoot {font-size: 25px;font-weight: bold;color: #FFFFFF;background: #FFF102;} table.redTable tfoot td {font-size:50px;} table.redTable tfoot .links {text-align: right;} table.redTable tfoot .links a{display: inline-block;background: #FFFFFF;color: #A40808;padding: 2px 8px;border-radius: 5px;font-size:50px;} */ /*FIN DU TABLEAU DES HORAIRES*/ /* palmares*/ /*#palmares .photo-container {position:relative;width:100%;height:0;margin-top:5rem;overflow:hidden;border-radius:10px;}*/ /*#palmares .photo-containerE {position:relative;width:100%;height:0;padding-top:1rem;background-color:#b2a801;overflow:hidden}*/ /*#palmares .photo-container img {position:absolute;top:0;left:0;width:100%;border-radius:10px;}*/ /*#palmares .photo-containerT {position:relative;width:30%;height:0;padding-top:5rem;background-color:#fff102;overflow:hidden}*/ /*#palmares .photo-containerT img {position:absolute;top:0;left:0;width:100%}*/ /*#palmares .film-annonce {position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:none;vertical-align:middle;text-align:center}*/ /*#palmares .film-annonce .centered {position:relative;top:25%;height:10rem;margin:0 4rem 0 4rem;text-align:center;color:white;-moz-border-radius:1rem;-webkit-border-radius:1rem;-khtml-border-radius:1rem;border-radius:1rem;background-color:rgba(236,0,127,0.5);cursor:pointer}*/ /*#palmares .film-annonce .centered:hover {background-color:#000000;color:white}*/ /*#palmares .film-annonce .centered .icon{font-family:icons;font-size:5rem;text-align:center}*/ /*#palmares .film-annonce .centered .laius{font-size:1.4rem}*/ /*#palmares .photo-container:hover .film-annonce{display:block}*/ /*#palmares .candidate{position:relative;margin-bottom:2em}*/ /*#palmares .candidate-title{position:relative}*/ /*#palmares .candidate-title-inside{position:absolute}*/ /*#palmares .candidate-title-inside .accroche {font-size:2rem;right:-1rem;background:#b2a801;color:#333333;float:right;padding:0.4rem 1rem;position:relative;text-align:right;border-right:solid 0.2rem #fff102;border-top:solid 0.2rem #fff102}*/ /*#palmares .candidate-title-inside .accrocheE {font-size:2rem;right:4rem;background:white;color:#000000;float:right;padding:0.2rem 1rem;position:relative;text-align:right}*/ /*#palmares .candidate-laius-presentation{text-align:justify;padding:0rem }*/ /*#palmares .candidate-laius-presentation a {display:inline-block;border-bottom:dotted 0.2rem white;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;-khtml-border-radius:0.4rem;border-radius:0.4rem;color:white}*/ /*#palmares .candidate-laius-presentation a:hover {border-bottom:solid 0.2rem white}*/ /*#palmares .candidate-laius-link {overflow:hidden}*/ /*#palmares .candidate-laius-link a {display:block;float:right;padding:0.4rem 1rem;font-size:1.6em;text-decoration:none}*/ /*#palmares .candidate-laius-link a:hover {background:#000000;color:#fff102}*/ /*#palmares .candidate-laius-link a .icon {font-family:icons;padding-right:1rem}*/ /*#palmares-first .candidate-title-inside {float:right;right:-4rem;bottom:0.0rem;max-width:85%}*/ /*#palmares-first .candidate-title-inside h1 {font-family:LeagueGothic-Regular;font-weight:100;font-size:3.2rem;line-height:3.2rem;color:#000000;padding:0.5rem 0.5rem 0.2rem 0.5rem;text-transform:uppercase;text-align:right;border-right:solid 0.2rem #fff102;border-top:solid 0.2rem #fff102;} /*#palmares-first .candidate-laius {background:#000000;}*/ /*#palmares-first .candidate-laius-presentation {color:white;font-size:1.5rem}*/ /*#palmares-first .candidate-laius-presentation b {border:dotted 1px white;padding:0 0.4rem;color:white}*/ /*#palmares-first .candidate-laius-link a {background:white;color:#000000} /*#palmares-others #palmares-others-left, /*#palmares-others #palmares-others-right {width:50%;float:left}*/ /*#palmares-others #palmares-others-left .photo-container, #palmares-others #palmares-others-right .photo-container {border:solid 0.3rem #b2a801;border-width:0 0 0.3rem 0;padding-top:20rem;overflow:hidden;border-radius:10px;}*/ /*#palmares-others #palmares-others-left .candidate-title,#palmares-others #palmares-others-right .candidate-title{width:100%}*/ /*#palmares-others #palmares-others-left .candidate-title-inside, #palmares-others #palmares-others-right .candidate-title-inside {width:100%;bottom:-0.5rem;color:#fff102}*/ /*#palmares-others #palmares-others-left .candidate-title-inside h1, #palmares-others #palmares-others-right .candidate-title-inside h1 {font-family:LeagueGothic-Regular;font-weight:100;font-size:3rem;line-height:3rem;background:#b2a801;color:#000000; padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;text-align:right;border-right:solid 0.2rem #fff102; border-top:solid 0.2rem #fff102}*/ /*#palmares-others #palmares-others-left .candidate-title-inside .accroche, #palmares-others #palmares-others-right .candidate-title-inside .accroche {position:relative;clear:both;background:#b2a801;color:black;font-size:1.6rem;padding:0.2rem 0.8rem}*/ /*#palmares-others #palmares-others-left .candidate-laius,#palmares-others #palmares-others-right .candidate-laius {background:#333;padding:1rem} /*#palmares-others #palmares-others-left .candidate-laius-presentation, /*#palmares-others #palmares-others-right .candidate-laius-presentation {color:white;font-size:1.5rem;line-height:1.7rem; margin: 0.5rem 0.5rem 0.5rem 0.5rem}*/ /*#palmares-others-rightX {width:50%;float:right}*/ /*#palmares-others #palmares-others-rightX .candidate-laius-presentation {color:white;font-size:1.5rem;line-height:1.7rem; padding:0rem;margin: 0rem 0.5rem 0.5rem 0.5rem;background:#333;}*/ /*#palmares-others #palmares-others-left .candidate-laius-link, #palmares-others #palmares-others-right .candidate-laius-link {overflow:hidden}*/ /*#palmares-others #palmares-others-left .candidate-laius-link a, #palmares-others #palmares-others-right .candidate-laius-link a {display:block;float:right;padding:0.4rem 1rem;background:#b2a801;color:black;font-size:1.5rem}*/ /*#palmares-others #palmares-others-left .candidate-laius-link a:hover, #palmares-others #palmares-others-right .candidate-laius-link a:hover {background:#000000;color:#fff102;}*/ /*#palmares-others #palmares-others-left .candidate-laius-linkG, #palmares-others #palmares-others-right .candidate-laius-linkG {overflow:hidden}*/ /*#palmares-others #palmares-others-left .candidate-laius-linkG a, #palmares-others #palmares-others-right .candidate-laius-linkG a {display:block;float:left;padding:0.4rem 1rem;background:#000000;color:white;font-size:1.5rem;border:1px solid red;margin:0.3rem}*/ /*#palmares-others#palmares-others-left .candidate-laius-linkG a:hover,#palmares-others #palmares-others-right .candidate-laius-linkG a:hover {background:#555;color:white;border:1px solid #b2a801;margin:0.3rem;}*/ /*#palmares-others #palmares-others-left {padding-right:1rem}*/ /*#palmares-others #palmares-others-left .candidate-title-inside h1, #palmares-others #palmares-others-left .candidate-title-inside .accroche {float:left}*/ /*#palmares-others #palmares-others-left .candidate-title-inside h1 {padding-left:0}*/ /*#palmares-others #palmares-others-left .candidate-title-inside .accroche {left:-1rem}*/ /*#palmares-others #palmares-others-right {padding-left:1rem}*/ /*#palmares-others #palmares-others-right .candidate-title-inside h1, #palmares-others #palmares-others-right .candidate-title-inside .accroche {float:right}*/ /*#palmares-others #palmares-others-right .candidate-title-inside h1 {padding-right:0}*/ /*#palmares-others #palmares-others-right .candidate-title-inside .accroche {right:-1rem}*/ /* fin palmares*/ /*body.evenement {width:100%;}*/ /*body.evenement #biscuit .ingredients .films .film .film-content {margin-top:2rem;padding-top:0.4rem;clear:both;overflow:hidden;font-size:3.4rem;line-height:3.8rem;color:#000}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-left {float:left;width:50%}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-photo {display:block}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-photo img {display:block;}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-left .film-content-generique {margin:1rem 1rem 1rem 1rem;font-size:3.2rem;padding:1rem 0}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-right {float:left;width:50%;padding-left:2rem}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume {font-size:3.2rem}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .resume {text-align:justify;margin-bottom:1rem;padding: 0rem 0.5rem 0rem 0rem; }*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a {display:inline-block;background:grey;color:white;padding:0.5rem 1rem;border-radius:10px;}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a .icon {display:inline-block;margin:0 1rem 0 0;font-family:icons}*/ /*body.evenement #biscuit .ingredients .films .film .film-content .film-content-right .film-content-resume .link a:hover {background:#333;color:white}*/ /*body.evenement #biscuit .ingredients .films .film .film-titre .film-titre-inside {float:left;font-family:LeagueGothic-Regular;font-weight:100;font-size:5rem;line-height:5.52rem;background:#000000;color:white;padding:0.5rem 2rem 0.2rem 2rem;text-transform:uppercase;border-radius:10px;}*/ /*PASTILLES RESEAUX SOCIAUX*/ /*.aclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;}*/ /*.aclub-ronds_petit {width: 80px; height: 80px; }*/ /*.fclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;}*/ /*.fclub-ronds_petit {width: 80px; height: 80px; }*/ /*.gclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;}*/ /*.gclub-ronds_petit {width: 80px; height: 80px;}*/ /*.tclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;}*/ /*.tclub-ronds_petit {width: 80px; height: 80px; }*/ /*.iclub-ronds {width: 120px; height: 120px; padding: 20px; margin-bottom: 20px;}*/ /*.iclub-ronds_petit {width: 80px; height: 80px; }*/ /*.cont_rs_club-ronds {width:100px; top:50px;height:325px;right:40px;}*/ /*@media (max-width:500px) and (min-width:1px){.cont_rs_club-ronds{display:none;}}*/ /*FIN PASTILLES RESEAUX SOCIAUX*/ /* fin affichage sur telephone portrait*/ }