in footer (only one right now) */
text-align: center;
background: #988;
color: #000;
}
.calendar tfoot .ttip
{
/* Tooltip (status bar) cell | */
border-top: 1px solid #655;
background: #dcb;
color: #840;
}
.calendar tfoot .hilite
{
/* Hover style for buttons in footer */
background: #faa;
border: 1px solid #f40;
padding: 1px;
}
.calendar tfoot .active
{
/* Active (pressed) style for buttons in footer */
background: #c77;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo
{
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #ffe;
color: #000;
font-size: 90%;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix
{
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { background: #fc8; }
.calendar .combo .active
{
border-top: 1px solid #a64;
border-bottom: 1px solid #a64;
background: #fee;
font-weight: bold;
}
.calendar td.time
{
border-top: 1px solid #a88;
padding: 1px 0px;
text-align: center;
background-color: #fed;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm
{
padding: 0px 3px 0px 4px;
border: 1px solid #988;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm { text-align: center; }
.calendar td.time .colon
{
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite
{
border-color: #000;
background-color: #866;
color: #fff;
}
.calendar td.time span.active
{
border-color: #f00;
background-color: #000;
color: #0f0;
}
.special
{
background-color: #cfc;
color: red;
}
/* ----- Fin styles Calendrier DHTML */
@media only screen and (max-width: 1400px) {
.rowH.fixnav .pointsforts {display:none;}
#FormStd2 label {width:180px;}
}
@media only screen and (max-width: 1250px) {
#FormStd2 label {width:150px;}
.pres15.col2black #FormStd2 table td h5 {font-size:13px;}
}
@media only screen and (max-width : 1050px) {
#FormStd2 #formc1 {width:100%;}
.row:not(.rowcontactForm) #FormStd2 #formc1 table {margin:auto;}
td.lab2 img {width:auto;}
#FormStd2 .labtitre {float:none;text-align:left;}
#FormStd2 label {float:none;clear:both;width:100%;min-height:10px;text-align:left;}
#FormStd2 label.suite {float:left;clear:none;}
#FormStd2 input[type="text"], #FormStd2 input[type="password"], #FormStd2 textarea {width:calc(100% - 25px);}
}
@media only screen and (min-width : 992px) {
.rowbg5fd2, .rowC25 {background-attachment: fixed !important;}
/* le parallax ne fonctionne pas sur iphone donc on l'enlève des mobile ou pluto on ne le mets que sur grand écran */
}
@media only screen and (max-width: 767px) {
body {background:#ffffff;margin:0px;padding:0px;}
.pasmobile{display:none;}
.rowpasmobilefigure figure{display:none;}
.rowpasmobile{display:none;}
.quemobile{display:block !important;}
.rowquemobile{display:block !important;}
.surlign1::before {display:none;}
.rowcadrefdbleu .pres5 {
background-color: rgba(0, 50, 102, 0.63);
padding: 20px 10px 20px 10px;
margin-left: 20px;
margin-right: 20px;
width: calc(100% - 60px);
}
ul.show-on-mobile{top:100px!important}
.fixnav ul.show-on-mobile{top:65px!important}
.menu-mobile{display:block!important}
#demanderappel{display:none;}
#innerrgpd{width:100%;}
#innerrgpd iframe {
width: 100%;
height: 106px;
}
.containerA {width:100%;}
.colA {width:100%;}
.colB {width:100%;padding:10px 0px 0px 0px;}
header{position:relative;}
.rowH .cclient {top: 50px;left: -30px;z-index:1002;}
.rowH .pointsforts{display:none}
.rowH.fixnav .pointsforts {display:none;margin-top: 25px;margin-right: 10px;float:right;font-family:Arial;font-size:8px;line-height:8px;color:black;font-weight:bold;width:max-content;}
.rowH.fixnav .pointsforts .pf{padding:0px 0px 0px 0px}
.rowH.fixnav .pointsforts .pf2{line-height:10px;}
.rowH.fixnav .pictopf{width:6px}
.rowH .containerA {width:100%;}
.rowH .containerA .int { border-radius:0px;padding:0px;}
.rowH .containerA .int .intdecal{padding:17px 0px 5px 0px;}
.rowH .containerA .int .intdecal2 { padding:30px 0px 0px 0px;width:100%;}
.rowH .containerA .int .intdecal2 .c1 {padding:0px;width:100%;overflow:hidden;text-align:center;}
.rowH .containerA .int .intdecal2 a img {max-width:90%;}
.rowH {height:50px;}
.rowH .c1{ position:absolute; padding:0px 0px 0px 0px;margin:8px 0px 0px 50px;z-index: 1001;text-align: center; width: calc(100% - 58px);}
.rowH .c1 a {display:block;width:180px;height: 53px;text-align:center;margin-left:auto;margin-right:auto;}
.rowH .c2{ position:absolute;padding:0px 0px 0px 0px;z-index:1000;}
.rowH .c2 .menu-container{display:block;z-index:1000;}
/*
.rowH.fixnav #logo{transform: scale(0.57,0.57) translate(-55px,-40px) rotate(15deg);}
*/
.rowH.fixnav #logo{transform: scale(0.57,0.57) translate(-105px,-60px) rotate(5deg);}
#telheader.fixnav {
top:18px;
}
.rowH2a {height:auto;padding:80px 0px 20px 10px;}
.rowH2a .c1{ float:none; padding:0px 0px 0px 0px;}
.rowH2a .c1 img{max-width:90%;text-align:center;}
.rowH2a .c2{ float:none;padding:25px 0px 0px 25px;font-size:17px;}
.rowH .cabs{display:none;}
.rowH .flags{display:none;}
.rowh1fond {display:none;}
.add1 .rowh1fond {display:block;}
.add1 .rowh1{padding-top:0px;}
.rowh1{padding-top:50px;}
.rowh1fond {width:calc(100% - 5px);}
.rowh1fond .containerA h1{width:calc(100% - 5px);}
.row1actu > .containerA{width:calc(100% - 50px);padding: 0px 5px 0px 5px;}
#ZC{clear:both;padding:5px 5px 5px 5px;}
#fil{display:none;}
.recherche{display:none;}
/*.menu-mobile{display:none !important;}*/
a.menu-mobile{color:black;min-width:200px;padding:20px 0px 20px 0px;display:block}
#gdiapo{margin:0px ; width:100%; height:auto;}
.rowH .c0 { float:none;left:12px;top:12px;padding-top: 0px;padding-right: 0px;position:fixed;width: 100%;z-index: 1000}
.rowH .c0 > a{display:block;width:31px;}
#menuresp{display:none;position:absolute}
/*###Configurateur*/
.fixed {position: relative;}
#anim{display:none;}
h1 {
font-size: 20px;
line-height: 30px;
}
h1.intdecal3 { padding: 10px 0px 10px 0px;}
.rowfd3 {width:calc(100% - 5px);}
.rowintrogris{width:calc(100% - 8px);}
.pres1, .pres2, .pres3, .pres4, .pres5, .pres6, .pres7, .pres8, .pres9, .pres10, .pres11, .pres12, .pres13, .pres14, .pres15, .pres16, .pres17, .pres18, .pres19, .pres20, .pres21, .pres22, .pres23 , .pres24, .pres25, .pres26, .pres27, .pres28, .pres29, .pres30, .pres31, .pres32, .pres33 {width: calc(100% - 5px);}
.colA .pres1, .colA .pres2, .colA .pres3, .colA .pres4, .colA .pres5, .colA .pres6, .colA .pres7, .colA .pres8, .colA .pres9, .colA .pres10, .colA .pres11, .colA .pres12, .colA .pres13, .colA .pres14, .colA .pres15, .colA .pres16, .colA .pres17, .colA .pres18, .colA .pres19, .colA .pres20, .colA .pres21, .colA .pres22, .colA .pres23 , .colA .pres24, .colA .pres25, .colA .pres26, .colA .pres27 {width: 90%;}
.colB .pres1, .colB .pres2, .colB .pres3, .colB .pres4, .colB .pres5, .colB .pres6, .colB .pres7, .colB .pres8, .colB .pres9, .colB .pres10, .colB .pres11, .colB .pres12, .colB .pres13, .colB .pres14, .colB .pres15, .colB .pres16, .colB .pres17, .colB .pres18, .colB .pres19, .colB .pres20, .colB .pres21, .colB .pres22, .colB .pres23 , .colB .pres24, .colB .pres25, .colB .pres26, .colB .pres27 {width: 90%;}
.rowfd3 .pres5, .rowintrogris .pres15{width:100%}
.pres1 img, .pres2 img, .pres3 img, .pres4 img, .pres5 img, .pres6 img, .pres7 img, .pres8 img, .pres9 img, .pres10 img, .pres11 img, .pres12 img, .pres13 img, .pres14 img, .pres15 img, .pres16 img, .pres17 img, .pres18 img, .pres19 img, .pres20 img, .pres21 img, .pres22 img, .pres23 img, .pres24 img, .pres25 img, .pres26 img, .pres27 img {width:100%;}
.listeonglets .onglet, .listeonglets label { order: initial; }
.listeonglets label { width: 100%; margin-right: 0; margin-top: 0.2rem; }
.pres28{width: calc(100% - 60px);}
.pres28sep{width: calc(100% - 60px);}
.pres28top{width: 100%;}
.flip-box-front{cursor:pointer;}
p.textenoir{padding-left:0px;}
#FormStd2 #formc1 {width:100%;}
.row:not(.rowcontactForm) #FormStd2 #formc1 table {margin:auto;}
td.lab2 img {width:auto;}
#FormStd2 .labtitre {float:none;text-align:left;}
#FormStd2 label {float:none;clear:both;width:100%;min-height:10px;text-align:left;}
#FormStd2 label.suite {float:left;clear:none;}
#FormStd2 input[type="text"], #FormStd2 input[type="password"], #FormStd2 textarea {width:calc(100% - 25px);}
.presAC, .colA .presAC, .colB .presAC{width:100%;}
.colB .imageAC{width:90%;padding:0px;}
.colB .imageAC img{width:100%;max-width:100%;}
.colB .texteAC{clear:both;}
.colB .image3{width:90%;padding:0px;}
.colB .image3 img{width:100%;max-width:100%;}
.colB .texte3{clear:both;}
.pres3actus3A .image3 {float:none;width: 100%;margin-left: 0px;}
.pres3actus3A .texte3 {float: none;width: calc(100% - 10px);padding: 5px;}
.image4{float:none;width:100%;padding: 0px 0px 0px 0px;}
.image4 img{width:100%;}
.texte4{float:none;width:100%;}
.pres4 .acc1titre {width:calc(100% - 10px);background-position: top 2px right 0px;padding:0px 10px 0px 0px;}
.pres4 .acc1titre h3 {padding:0px;}
.pres1 .image1{width:100%;}
.pres1 .texte1{width:100%;clear:both;}
.pres2 .image2{float:none;width:100%;}
.pres5 img{max-width:100%;}
.pres5Mod5D{width:calc(100% - 75px);}
.pres5 > .presAC {float:none;width:calc(100% - 25px);margin: 30px 20px 20px 20px;}
.slider-for .item figure {float: none; width: 100%; padding: 0px 0px 0px 0px;}
.slider-for .item figure img{width:100%}
.pres10 img{padding:0px 0px 0px 10px;}
.pres15 h2 {padding: 0px 0px 0px 10px;}
.pres15 > .col {float:none;width:calc(100% - 10px);padding: 0px 0px 0px 10px;}
.pres15 > .col1 {padding: 0px 0px 0px 10px;}
.pres15 > .col2 iframe {max-width:100%;}
.pres15 > .col .intcol .acc1titre {width:calc(100% - 10px);background-position: top 2px right 0px;padding:0px 10px 0px 0px;}
.pres15 > .col .intcol .acc1titre h3 {padding:0px;}
.pres15fullwidth2{display:block}
/* Form contact */
.pres15contactForm {width:100%;}
.pres15 > .col {padding: 0 5px;}
.pres15contactForm .col1 {display:none;}
.pres15contactForm #FormStd2 #formc1 {grid-template-columns:1fr;}
/* Contenu tel & score */
.rowfondRtoB {width: calc(100% - 50px);padding-left: 25px;padding-right: 25px;}
.pres5fondRtoB > * {text-align:left;}
.telScore img {width:auto;}
.telScoreTxt {display:flex;}
.pres18 > .col1{width:100%;padding:0px;}
.pres18 > .col2{width:100%;padding:0px;}
.pres18 > .col3{width:100%;padding:0px;}
.pres18 > .col4{width:100%;padding:0px;}
.pres19 > .col{width:100%}
.rowintrobleu .pres19{padding-left:7px}
.rowcol3fd1 .pres19{padding-left:7px}
.pres22 >.col, .colA .pres22 >.col{ width:100%;max-width:350px;float:none;padding:0px 0px 0px 0px;margin:10px 0px 0px 10px;}
.pres23 >.col{ width:100%;max-width:350px;float:none;padding:0px 0px 0px 0px;margin:10px 0px 0px 10px;background:#000001;}
.pres23 >.col3{ width:100%;max-width:350px;padding:0px 0px 0px 0px;margin:10px 0px 0px 10px;}
.pres24 .image24 {float:none;width:100%;padding:0px 0px 0px 0px;}
.pres24 .image24 img{max-width:90%}
.pres24 .legimg{font-style:italic;padding:0px 0px 10px 0px;}
.pres24 .carousel24{display:none;}
.pres24 .texte24 {float:none;width:100%;padding:0px 0px 0px 10px;}
.pres24 table{max-width:100%;}
.pres27 > .col {float:left;width:100%;padding: 0px 0px 0px 10px;}
.pres32 .col {float:none;width:100%;margin-left:0px;padding:10px 0px 0px 0px;}
.rowbg32fd1{width:calc(100% - 15px)}
/*.containerC25 {width:290px; overflow:hidden;}*/
/*.caroufredsel_wrapper{margin: 0px 0px 0px 10px !important;} *//*width:100%;*/
/*.carousel25{background:none;width:100%;position:relative;}*/
/*.carousel25 ul{width:200px !important;} *//*inset:0px 0px 0px 0px;*/
/*
.carousel25 a.prev {left: 0px; top:25px ; background: url(/picts/css/prec1.png) no-repeat; text-decoration:none; border:none;}
.carousel25 a.prev:hover { }
.carousel25 a.next { right: 33px; top:25px ;background: url(/picts/css/suiv1.png) no-repeat;text-decoration:none;border:none; }
*/
.containerC25 {width:290px; overflow:hidden;}
.carousel25{background:none;}
.carousel25 a.prev {left: 0px; top:85px ; background: url(/picts/css/prec1.png) no-repeat; text-decoration:none; border:none;}
.carousel25 a.prev:hover { }
.carousel25 a.next { right: 0px; top:85px ;background: url(/picts/css/suiv1.png) no-repeat;text-decoration:none;border:none; }
/*
.pres25Mod25C .carousel25 a.prev {display:block !important;left: 0px; top:120px ; background: url(/picts/css/prec1.png) no-repeat; text-decoration:none; border:none;}
.pres25Mod25C .carousel25 a.prev:hover { }
.pres25Mod25C .carousel25 a.next { display:block !important;right: 85px; top:120px ;background: url(/picts/css/suiv1.png) no-repeat;text-decoration:none;border:none; }
.pres25Mod25C .carousel25 li{width:130px;}
*/
.pres33 .listeonglets label{background-color:#d42a2a}
footer .footc{float:none;padding:10px 0px 10px 60px;margin: 5px 0px 5px 0px;}
footer .footc1{padding:20px 0px 0px 60px;margin: 5px 0px 0px 0px;}
/*rp201130 responsive*/
footer .rowF1 .c1,footer .rowF1 .c2,footer .rowF1 .c3{float:none;display:block;margin-right:auto;margin-left:auto;}
footer .rowF1 .c1{width:max-content;}
footer .rowF1 .c1 img{transform:rotate(15deg);}
footer .rowF1 .c2{padding:0px;width:calc(100% - 15px);}
footer .rowF1 .c3{display:flex}
footer .rowF1 .c3 .c31{margin-left:auto;}
footer .rowF1 .c3 .c36{margin-right:auto;}
footer .rowF2 .containerA{display:flex;flex-wrap:wrap;align-content:stretch}
footer .rowF2 .containerA div{padding:0px;flex: 1 0 50%;text-align:center;float:none;}
footer .rowF2 .containerA div a{}
footer .rowF3 .containerA{display:flex;flex-wrap:wrap;align-content:stretch}
footer .rowF3 .containerA div{padding:0px;flex: 1 0 50%;text-align:center;float:none;}
footer .rowF3 .containerA div a{}
.rowflipbox .pres19.ImageFond .col{padding-top:20px;width:100%;}
.rowflipbox .pres19.ImageFond .col .txt{position:relative;}
.rowflipbox .pres19.ImageFond .col .txt p{color:#000}
.rowflipbox .flipbox{pointer-events:none;}
.pres19 > .col .box-img h2{bottom:20px;}
.containerrecherche input{min-width:50%}
.texte4 h2{text-align:center;}
.FormSubmit{width:100%;text-align:center;padding-left:0px;}
.pres15.col2black p.textenoir{padding-left:0px;width:100%}
#iconemenuresp{display:block}
.slick-prev{left:0px;z-index:999;}
.slick-next {right:0px;z-index:999;}
.slider-for .item .bltext { float: none; width: calc(100% - 35px); padding: 15px 0px 0px 15px;}
.slider-for .item .bltextpaire { float: none; width: calc(100% - 35px); padding: 15px 20px 0px 15px; text-align: right;}
.listeonglets .onglet{display:block /*!important*/;}
.listeonglets .pres1,.listeonglets .pres2,.listeonglets .pres5{width:100%}
.listeonglets label{margin-left:0px;margin-right:0px;}
/*.listeonglets input[type="radio"] + label::before{display:none !important;}*/
/* rp210630 responsive configurateur + cmd*/
.listedesmatchscontainer{display:none;}
.rowresult .colfiltre {
position:relative;
width: 100%;
padding:0px;
background:#f6f6f6;
z-index:1;
}
.texte2{float:none;width:100%;display:block}
.lsuggestionmatch .LigneHaut .logo1, .lsuggestionmatch .LigneHaut .logo2 {
max-height: 50px;
min-width: auto;
}
.lsuggestionmatch .LigneBas .PrixMin{display:block}
.imgclubvs{display:block;max-width:50px;max-height:100px;padding:5px;margin:auto;}
.text-between-clubs{display:block;padding-top:20px;}
.text-between-clubs p, .nomstade,.nomcompet {font-size:15px;line-height:18px;}
.text-between-clubs p.vs{font-size:30px;line-height:40px;margin-top:-10px;padding:0px}
label.part-input{display:none;}
#TelPart.MaxContentWidth{width:100%;}
.lmatch{background:#f6f6f6;padding: 5px;}/*lmatchcentered*/
#rowresultmatchlist .lmatch {padding: 20px 5px;}
.lmatch .lib1,.lmatch .datem,.lmatch .lib2,.lmatch .action,.infoprixmin{float:none;margin:auto;text-align:center;}
.lmatch .libprojet{float:none;width:calc(100% - 10px);text-align:left;padding-top:15px;}
.infoprixmin{width:max-content;display:block;margin-top:5px;}
.lmatch .datem .infobulle,.infoprixmin .infobulle,.infoprixmin .imginfo{display:none;}
.lmatch .lib1 p {text-align:center;}
.lmatch .logo1, .lmatch .logo2{width:200px;float:none;margin:auto;}
#rowresultmatchlist {margin-top:50px;}
#rowresultmatchlist .containerAresult {flex-direction:column;}
#rowresultmatchlist .colfiltreTitle {border: 0;border-radius: 0;box-shadow: none;padding: 0 ;}
#rowresultmatchlist .colmatchliste{width: calc(100% - 5px);margin:0;}
.rowresult .colfiltre{position:fixed;width:100%;background:#fff;overflow:auto;padding:20px 0px;height:calc(100vh - 66px);padding:20px 0px;top:66px;display:block;}
.rowresult .colfiltre.hiddencrits {display:none;}
.critville{background:#f6f6f6;}
.btnRespListMatchs{display:block;margin:auto;width:200px;margin-bottom:10px;}
.DivPrixTot{right:unset;margin:auto;}
.DivPrixTot.fixed,.DivPrixTot.abs{position:relative;top:unset;right:unset;}
.divinfobulle{display:none!important;}
.radiocategorie,.radiocategorie_left,.radiocategorie_right{width:100%;}
.radiocategorie .radiocategorie_right img:hover{transform:none;}
.radiocategorie .radiocategorie_right img{transform:none;inline-size:60%}
.TabListeHotels p.ClassifHotel{width:30%;}
.TabListeHotels p.PrixHotel{width:55%;}
.LignePresta *{max-width:80%;}
.rowradio.rowass{width:100%;}
.rowradio.rowass *{max-width: calc(100% - 25px);}
.btnRetourCmd{margin-right:0px;margin-bottom:5px;}
.card.cardformconn{width:80%;}
.part-input{width:95%;}
.cardTopBot {flex-direction:column;}
.groupCard {grid-template-columns: 1fr;}
#ZC .nbCli select.part-input {width:inherit;}
.card .FormCmd .rowradio {width:100%;}
/* fin responsive configurateur + cmd*/
} |