/* Website CSS : custom.css -------------------------------------------------------------- */ /* Général -------------------------------------------------- */ body { padding-bottom:0;color:#1a191b;font-family:'Nunito',sans-serif;font-size:16px;line-height:24px;width:100%;background:#fff; } .IC2Site { background:#fff;padding-top:165px;padding-bottom:40px;position:relative;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s; } .smaller .IC2Site { padding-top:145px; } a { color:#72b0ad;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s; } a:hover, a:active, a:focus { color:#397a77;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s; } a,a:hover { outline:none !important;text-decoration:none; } p { margin:0 0 1em 0; } hr { background:#dedede;border:none;height:1px;margin:1em 0; } header hr { background:#dedede;margin:0; } .clear { clear:both; } .part { clear:both;margin:0 0 30px 0;padding:0; } #header_print { display:none; } /* Lien dans les blocs tableau en noir */ .BlocTable a { color: #000; } select, textarea,input[type="text"],input[type="password"], input[type="datetime"],input[type="datetime-local"], input[type="date"],input[type="month"],input[type="time"], input[type="week"],input[type="number"],input[type="email"], input[type="url"],input[type="search"],input[type="tel"], input[type="color"],.uneditable-input { -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#999;font-family:'Nunito',sans-serif; font-size:1em;line-height:1em;padding:0.6em 10px 0.7em 10px;height:16px; } textarea { height:auto; } textarea,input[type="text"],input[type="password"], input[type="datetime"],input[type="datetime-local"], input[type="date"],input[type="month"],input[type="time"], input[type="week"],input[type="number"],input[type="email"], input[type="url"],input[type="search"],input[type="tel"], input[type="color"],.uneditable-input { border:1px solid #dedede;background:#fff;box-shadow:none; } textarea:focus,input[type="text"]:focus,input[type="password"]:focus, input[type="datetime"]:focus,input[type="datetime-local"]:focus, input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus, input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus, input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus, input[type="color"]:focus,.uneditable-input:focus { box-shadow:none;border:1px solid #72b0ad;color:#1a191b; } select { padding:4px;border:1px solid #dedede;height:auto; } label, input, button, select, textarea { font-size:1em; } /* Sprite -------------------------------------------------- */ .sprite { background:url('/Htdocs/Images/sprite.svg') no-repeat 0 0 transparent; } .sprite:hover, .sprite:focus, .sprite:active { background-color:transparent; } /* Typographie -------------------------------------------------- */ .IC2Site .default-title { font-family:'Nunito',sans-serif; font-size:1.125em; font-weight:800; font-style:normal; color:#72b0ad; text-transform:uppercase; text-decoration:none; line-height:1.2em; text-align:left; background:none; margin:0 0 1em 0; padding:0; border:none; letter-spacing:0.05em; } .IC2Site .default-subtitle { font-family:'Nunito',sans-serif; font-size:1.25em; font-weight:700; font-style:normal; color:#1a191b; text-transform:none; text-decoration:none; line-height:1.2em; text-align:left; background:none; margin:0 0 1em 0; padding:0; border:none; letter-spacing:-0.02em; } .IC2Site .default-title .sprite, .IC2Site .default-subtitle .sprite { display:none; } .IC2Site .book-title, .IC2Site .video-title, .IC2Site .disc-title, .IC2Site .music-title, .IC2Site .web-title { font-family:'Nunito',sans-serif; font-size:1.125em; font-weight:800; font-style:normal; color:#1a191b; text-transform:uppercase; text-decoration:none; line-height:30px; text-align:left; background:none; margin:0 0 1em 0; padding:0 0 0 40px; border:none; letter-spacing:0.05em; position:relative; } .IC2Site .book-title .sprite, .IC2Site .video-title .sprite, .IC2Site .disc-title .sprite, .IC2Site .music-title .sprite, .IC2Site .web-title .sprite { display:block; width:30px; height:30px; position:absolute; top:0; left:0; } .IC2Site .book-title .sprite { background-position:0 -400px; } .IC2Site .video-title .sprite { background-position:-40px -400px; } .IC2Site .disc-title .sprite { background-position:-80px -400px; } .IC2Site .music-title .sprite { background-position:-120px -400px; } .IC2Site .web-title .sprite { background-position:-160px -400px; } .IC2Site .wysiwyg-h1 { font-family:'Nunito',sans-serif; font-size:1.125em; font-weight:700; font-style:normal; color:#72b0ad; text-transform:none; text-decoration:none; line-height:1.2em; text-align:left; background:none; margin:0 0 0.5em 0; padding:0; border:none; letter-spacing:-0.02em; } .IC2Site .wysiwyg-h2 { font-family:'Nunito',sans-serif; font-size:1em; font-weight:800; font-style:normal; color:#1a191b; text-transform:uppercase; text-decoration:none; line-height:1.2em; text-align:left; background:none; margin:0 0 0.5em 0; padding:0; border:none; letter-spacing:0.05em; } .IC2Site h1.pageTitle, .IC2Site h2.pageTitle { font-family:'Nunito',sans-serif; font-size:3.0625em; font-weight:700; font-style:normal; color:#1a191b; text-transform:none; text-decoration:none; line-height:1.2em; text-align:left; background:none; margin:0 0 1em 0; padding:0; border:none; letter-spacing:-0.02em; } .home .IC2Site h1.pageTitle { display:none !important; } .home .IC2Site h2.pageTitle { text-align:center; } .grey { background:#f0f0f0; } .center { text-align:center !important; } .IC2Site .default-title.coeurTitle { font-size:1em;line-height:1.2em;margin:0 0 0.5em 0;letter-spacing:0.05em;display:block; } @media (min-width: 1200px) { /*.IC2Site h1.pageTitle, .IC2Site h2.pageTitle { font-size:1.5em;line-height:1.5em;margin:0 0 0.7em 0; } .IC2Site .default-pageTitle { font-size:1.5em;line-height:1.5em;margin:0 0 0.7em 0; } .IC2Site .default-title { font-size:1.2857em;line-height:1.5em;margin:0 0 1em 0; } .IC2Site .default-subtitle { font-size:1.2857em;line-height:1.5em;margin:0 0 1em 0; }*/ } @media (max-width: 979px) and (min-width: 768px) { .IC2Site h1.pageTitle, .IC2Site h2.pageTitle { font-size:2.5em;line-height:1.2em;margin:0 0 1em 0;letter-spacing:-0.02em; } /*.IC2Site .default-title { font-size:1.7142em;line-height:1.1em;margin:0 0 1em 0; } .IC2Site .default-subtitle { font-size:1.2857em;line-height:1.1em;margin:0 0 1em 0; } .IC2Site .wysiwyg-h1 { font-size:1.7142em;line-height:1.5em;margin:0 0 0.7em 0; } .IC2Site .wysiwyg-h2 { font-size:1.2857em;line-height:1.5em;margin:0 0 0.7em 0; }*/ .IC2Site { padding-top:213px; } .smaller .IC2Site { padding-top:183px; } } @media only screen and (max-width: 767px) { .IC2Site h1.pageTitle, .IC2Site h2.pageTitle { font-size:2.125em;line-height:1.2em;margin:0 0 1em 0;letter-spacing:-0.02em; } /*.IC2Site .default-title { font-size:1.7142em;line-height:1.1em;margin:0 0 1em 0; } .IC2Site .default-subtitle { font-size:1.2857em;line-height:1.1em;margin:0 0 1em 0; } .IC2Site .wysiwyg-h1 { font-size:1.7142em;line-height:1.5em;margin:0 0 0.7em 0; } .IC2Site .wysiwyg-h2 { font-size:1.2857em;line-height:1.5em;margin:0 0 0.7em 0; }*/ .IC2Site { padding-top:133px; } .smaller .IC2Site { padding-top:123px; } } @media only screen and (max-width: 480px) { .IC2Site { padding-top:123px; } .smaller .IC2Site { padding-top:113px; } } /* Center spans into rows-fluid -------------------------------------------------- */ .row-fluid.center { text-align:center; } .row-fluid.center [class*="span"], .center { float:none;display:inline-block; } .wideContainer { padding:0 50px !important;margin:0 auto !important;max-width:1760px; } /* Message -------------------------------------------------- */ .error, .alert, .notice, .success, .infomessage { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } .notice { background: #fff6bf; color: #514721; border-color: #ffd324; } .success { background: #e6efc2; color: #264409; border-color: #c6d880; } .infomessage { background: #d5edf8; color: #205791; border-color: #92cae4; } .error a, .alert a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .infomessage a { color: #205791; } /* Boutons -------------------------------------------------- */ a.button,button,span.button { display:block;float:left;margin:0.7em 0.5em 0.7em 0;padding:1.2em 2.5em;background:#72b0ad;letter-spacing:0.07em;border:1px solid #72b0ad; font-family:'Nunito',sans-serif;font-size:0.8125em;line-height:1em;text-decoration:none;text-transform:uppercase;font-weight:800; color:#fff;cursor:pointer;box-shadow:none;position:relative;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } a.button:hover,button:hover,span.button:hover { background:#397a77;color:#fff;border-color:#397a77; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } /* Header -------------------------------------------------- */ header { margin:0;padding:0;position:fixed;top:0;left:0;right:0;width:100%;z-index:101;box-shadow:none;background:#fff; -webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s; } .connexionIC2 header { position:relative; } a.button.btn-navButton { margin:0;padding:1.2em 0;border:none;line-height:20px;text-transform:uppercase;letter-spacing:0.07em;font-size:1.125em;font-weight:700; color:#fff;font-family:'Nunito',sans-serif;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none;float:none; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } a.button.btn-navButton .hamburger { position:relative;top:-1px; } a.button.btn-navButton .sprite { display:inline-block;width:20px;height:18px;position:relative;top:3px;background-position:-200px 0; } a.button.btn-navButton:hover .sprite { background-position:-220px 0; } a.button.btn-navButton:hover { border:none;background:none;color:#fff; } a.button.btn-navButton:hover .hamburger-inner, a.button.btn-navButton:hover .hamburger-inner::before, a.button.btn-navButton:hover .hamburger-inner::after { background:#fff; } .opacityMask { background:#1a191b;width:100%;height:100%;display:none;position:absolute;top:0;left:0;right:0;margin:0;padding:0;z-index:9;opacity:0; } /* Logo -------------------------------------------------- */ header .brand-wrapper { background:#fff;padding:30px 0;margin:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s; } .smaller header .brand-wrapper { padding:15px 0; } header .brand { margin:0;padding:0;float:none;position:relative;z-index:1;display:block;text-align:center; } header .brand img { margin:0;width:50%; } header .row-fluid .brandbox { width:330px; } header .brand-wrapper .buttons { float:left;margin:0; } header .brand-wrapper .buttons .button { margin:0;color:#72b0ad;background:#e2efee;border-color:#e2efee;padding-left:2em;padding-right:2em;} header .brand-wrapper .buttons .button:hover { color:#fff;background:#72b0ad;border-color:#72b0ad; } header .brand-wrapper .buttons .button + .button { margin:0 0 0 12px; } header .brand-wrapper .quicklinks { float:left;margin:12px 0 0 20px; } header .brand-wrapper .quicklinks a { display:block;float:left;margin:0;opacity:1; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } header .brand-wrapper .quicklinks a:hover { opacity:0.7; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } header .brand-wrapper .quicklinks a + a { margin:0 0 0 12px; } header .brand-wrapper .quicklinks a.facebook { margin:0 0 0 12px; } header .brand-wrapper .quicklinks a.instagram { margin:0 0 0 12px; } header .brand-wrapper .quicklinks a .sprite { display:block;width:20px;height:20px; } header .brand-wrapper .quicklinks a.home .sprite { background-position:0 0; } header .brand-wrapper .quicklinks a.contact .sprite { background-position:-20px 0; } header .brand-wrapper .quicklinks a.sitemap .sprite { background-position:-40px 0; } header .brand-wrapper .quicklinks a.facebook .sprite { background-position:-60px 0; } header .brand-wrapper .quicklinks a.instagram .sprite { background-position:-209px 0; } header .tools-wrapper a.button { -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:1.2em 5%;margin:0;width:40%;border:none;background:#e2efee;color:#72b0ad; } header .tools-wrapper a.button:hover { background:#72b0ad;color:#fff; } header .tools-wrapper a.button + a.button { text-align:right; } /* Navigation -------------------------------------------------- */ header .navbar-wrapper { margin:0;padding:0;background:#72b0ad; } header .navbar .navbar-inner { border:0; } header .navbar .nav-collapse { position:static;display:block;width:100%; } header .navbar { margin:0; } header .navbar .nav { margin:0;padding:0;font-family:'Nunito',sans-serif;position:static;background:none;float:none;text-align:left; } header .navbar .nav > li { display:block;float:left; } header .navbar .nav > li > a { padding:20px 12px;margin:0;font-weight:700;font-size:1em;line-height:20px;text-transform:uppercase;letter-spacing:0.07em; color:#fff;text-shadow:none;background:none;position:relative;z-index:1000;position:relative;overflow:hidden; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; } header .navbar #nav2 > li > a { font-size:1.125em;line-height:20px;letter-spacing:-0.015em;text-transform:none; } header .navbar .nav > li:hover > a, header .navbar .nav > li:active > a, header .navbar .nav > li:focus > a, header .navbar .nav > li.selected > a { color:#1a191b;background:#e2efee; -webkit-transition:color .2s, background .2s;-moz-transition:color .2s, background .2s;-ms-transition:color .2s, background .2s; -o-transition:color .2s, background .2s;transition:color .2s, background .2s; } header .navbar #nav0 > li > a { background:#e2efee !important;color:#72b0ad; } header .navbar #nav0 > li:hover > a, header .navbar #nav0 > li:active > a, header .navbar #nav0 > li:focus > a, header .navbar #nav0 > li.selected > a { color:#1a191b;background:#e2efee !important; } header .navbar #nav0 > li + li { border-color:#c4d9d7; } /*header .navbar .nav > li.hasSubNav:hover > a:after { width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;margin:0 0 0 -8px; border-bottom:8px solid #dcd0a4;display:block;position:absolute;bottom:-1px;content:'';left:50%; }*/ header .navbar-wrapper > .container { position:static; } header .navbar .nav li.level0 .seeAllItem { display:none; } header .navbar .nav li.level0 > .inner ul { list-style:none;margin-bottom:0;padding:0;margin:0; } header .navbar .nav li.level0 > .inner { display:none;position:absolute;left:0;right:0;list-style:none;margin:0;padding:30px 0;text-align:left;width:100%;background:#e2efee; } header .navbar .nav li.level0 > .inner.collapse { height:auto;overflow:visible; } header .navbar .nav li.level0 > .inner .imgNav { float:left;width:25%;margin:0; } header .navbar .nav li.level0 > .inner .bigNav { float:left;width:75%; } header .navbar .nav li.level0 > .inner .bigNav > ul { margin:0; } header .navbar .nav li.level0:hover > .inner { display:block; } header .navbar .nav li.level1 > a { color:#72b0ad;font-weight:700;font-size:1em;line-height:1.2em;text-transform:none;letter-spacing:-0.015em;padding:10px;margin:0;position:relative; -webkit-transition:color .3s,background .3s;-moz-transition:color .3s,background .3s;-ms-transition:color .3s,background .3s;display:block; -o-transition:color .3s,background .3s;transition:color .3s,background .3s; } header .navbar .nav li.level1 { margin:0 0 0 2.3333%;padding:0;display:block;float:left;width:31%;border-top:1px solid #bdd5d3; } header .navbar .nav li.level1:nth-child(1), header .navbar .nav li.level1:nth-child(2), header .navbar .nav li.level1:nth-child(3) { border:none; } /*header .navbar .nav li.level1.first { margin:0; }*/ header .navbar .nav li.level1 a:hover { background:none;color:#1a191b; -webkit-transition:color .3s,background .3s;-moz-transition:color .3s,background .3s;-ms-transition:color .3s,background .3s; -o-transition:color .3s,background .3s;transition:color .3s,background .3s; } header .navbar .nav li.level1 > a > .sprite { display:block;width:9px;height:14px;margin:-7px 0 0 0;position:absolute;left:0;top:50%;background-position:-60px 0; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } header .navbar .nav li.level1 > a:hover > .sprite { left:3px; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } header .navbar .nav li.level1 > ul { display:none;height:auto;margin:0; } header .navbar .nav li.level2 > a { text-align:left;background:none;color:#1a191b;font-size:1.1428em;line-height:1em;font-weight:700;margin:0;padding:7px 0; display:block;text-transform:none;letter-spacing:0;position:relative; -webkit-transition:color .3s,background .3s;-moz-transition:color .3s,background .3s;-ms-transition:color .3s,background .3s; -o-transition:color .3s,background .3s;transition:color .3s,background .3s; } header .navbar .nav li.level2 a:hover { background:none;color:#e30613; -webkit-transition:color .3s,background .3s;-moz-transition:color .3s,background .3s;-ms-transition:color .3s,background .3s; -o-transition:color .3s,background .3s;transition:color .3s,background .3s; } header .navbar .nav li.level2 > a > .sprite { display:block;width:9px;height:14px;margin:-7px 0 0 0;position:absolute;right:20px;top:50%;background-position:-41px -100px; } header .navbar .nav li.level2 > a:hover > .sprite { background-position:-41px -100px; } header .navbar #nav { margin-left:-12px; } header .navbar #nav2 { margin-right:-12px; } /* Sections -------------------------------------------------- */ .section { padding:50px 0; } .bandeau { padding:25px 0; } .mainContainer { padding:50px 0; } /* PLUS PETIT AU SCROLL -------------------------------------------------- */ .paddingBox { padding:50px 0; } @media (min-width: 768px) { header .brand { text-align:left; } header .pull-right { margin-top:20px; } } @media (min-width: 1200px) { .paddingBox { padding:70px 0; } .section { padding:70px 0; } .bandeau { padding:25px 0; } .mainContainer { padding:70px 0; } header .navbar .nav > li > a { padding:20px;font-size:1.125em;letter-spacing:0.07em; } header .navbar #nav2 > li > a { font-size:1.25em;letter-spacing:-0.015em; } header .navbar #nav { margin-left:-20px; } header .navbar #nav2 { margin-right:-20px; } header .row-fluid .brandbox { width:370px; } header .brand-wrapper .buttons .button + .button { margin:0 0 0 20px; } header .brand-wrapper .quicklinks { float:left;margin:12px 0 0 60px; } header .brand-wrapper .quicklinks a + a { margin:0 0 0 20px; } header .brand-wrapper .quicklinks a.facebook { margin:0 0 0 50px; } } @media (min-width: 980px) { header .navbar .nav li.level0 > .inner { display:block;z-index:0;padding:0;height:0;overflow:hidden;-webkit-transition:all .0s;-moz-transition:all .0s;-ms-transition:all .0s;-o-transition:all .0s;transition:all .0s; } header .navbar .nav li.level0 > .inner.collapse { display:block;z-index:0;padding:0;height:0;overflow:hidden;-webkit-transition:all .0s;-moz-transition:all .0s;-ms-transition:all .0s;-o-transition:all .0s;transition:all .0s; } header .navbar .nav li.level0:hover > .inner, header .navbar .nav li.level0:hover > .inner.collapse { display:block;height:auto !important;overflow:visible;padding:30px 0;z-index:1; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } } @media (min-width: 1350px) { .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width:1320px; } } @media (max-width: 979px) and (min-width: 768px) { .paddingBox { padding:40px 0; } .section { padding:40px 0; } .bandeau { padding:25px 0; } .mainContainer { padding:30px 0; } .wideContainer { padding:0 20px !important; } .tabletContainer { width:724px;margin:0 auto;position:relative; } header .row-fluid .brandbox { width:370px; } header .navbar #nav { margin-left:0; } header .navbar #nav2 { margin-right:0; } header .navbar .nav { float:none; } header .navbar { float:none;width:100%;position:absolute;top:100%;left:0;right:0;background:#72b0ad;margin:0; } header .navbar .nav > li.hasSubNav > a:before { display:none; } header .navbar .nav li.level0 > ul.collapse { display:block;height:0;overflow:hidden;position:static;width:100%; } header .navbar .nav li.level0 > ul.collapse.in { padding:0 0 10px 0; } header .navbar .nav li.level0:hover > .inner { display:block;border:none; } header .navbar .nav li.level0 .seeAllItem { display:block;position:absolute;top:0;right:0;padding:15px 2%;z-index:1001; } header .navbar .nav li.level0 .seeAllItem .hamburger { padding:0; } header .navbar .nav li.level0 .seeAllItem .hamburger-box { top:1px; } .seeAllItem:hover .hamburger-inner, .seeAllItem:hover .hamburger-inner::before, .seeAllItem:hover .hamburger-inner::after { background:#1a191b; } header .navbar .nav li.level1 { position:relative; } header .navbar .nav li.level1 .seeAllItem { display:block;position:absolute;top:0;right:0;padding:13px 2%; } header .navbar .nav li.level1 .seeAllItem .hamburger { padding:0; } header .navbar .nav li.level1 .seeAllItem .hamburger-box { top:1px; } header .navbar .nav li.level1 > ul.collapse { display:block;height:0;overflow:hidden;position:static;width:100%;margin:0;background:#c2b791; } header .navbar .nav li.level1 > ul.collapse.in { padding:10px 0;margin:0; } header .navbar .nav li.level0 a { color:#fff; } header .navbar .nav li.level0 a:hover { color:#1a191b;background:none; } header .navbar .nav li.level1 a { padding:10px 2%;margin:0;font-weight:700;font-size:1em;line-height:1em;text-transform:none; color:#fff;text-shadow:none;background:none;position:relative;z-index:1000;display:block; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; } header .navbar .nav li.level1 strong { padding:15px 2%;margin:0;font-weight:700;font-size:1.2857em;line-height:1em;text-transform:none; color:#fff;text-shadow:none;background:none;position:relative;z-index:1000;display:block; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; } header .navbar .nav li.level1 a:hover { background:none;color:#1a191b; } header .navbar .nav > li.hasSubNav:hover > a:after { display:none; } } @media only screen and (max-width: 767px) { .paddingBox { padding:40px 0; } .section { padding:40px 0; } .bandeau { padding:25px 0; } .mainContainer { padding:30px 0; } .wideContainer { padding:0 20px !important; } .mainContainer > .container, .mainContainer .content > .container { padding:0 20px; } .toolbar-wrapper > .container { padding:0 20px; } header .navbar-wrapper > .container { padding:0 20px; } .advert > .container { padding:0 20px; } .contacts > .container { padding:0 20px; } .facebook > .container { padding:0 20px; } header .brand-wrapper { padding:15px 0; } .smaller header .brand-wrapper { padding:10px 0; } header .row-fluid .brandbox { width:100%;max-width:320px;float:none;margin:0 auto; } header .navbar #nav { margin-left:0; } header .navbar #nav2 { margin-right:0; } header .navbar .nav { float:none; } header .navbar { float:none;width:100%;position:absolute;top:100%;left:0;right:0;background:#72b0ad;margin:0; } header .navbar .nav > li.hasSubNav > a:before { display:none; } header .navbar .nav li.level0 > ul.collapse { display:block;height:0;overflow:hidden;position:static;width:100%; } header .navbar .nav li.level0 > ul.collapse.in { padding:0 0 10px 0; } header .navbar .nav li.level0:hover > .inner { display:block;border:none; } header .navbar .nav li.level0 .seeAllItem { display:block;position:absolute;top:0;right:0;padding:15px 2%;z-index:1001; } header .navbar .nav li.level0 .seeAllItem .hamburger { padding:0; } header .navbar .nav li.level0 .seeAllItem .hamburger-box { top:1px; } .seeAllItem:hover .hamburger-inner, .seeAllItem:hover .hamburger-inner::before, .seeAllItem:hover .hamburger-inner::after { background:#1a191b; } header .navbar .nav li.level1 { position:relative; } header .navbar .nav li.level1 .seeAllItem { display:block;position:absolute;top:0;right:0;padding:13px 2%; } header .navbar .nav li.level1 .seeAllItem .hamburger { padding:0; } header .navbar .nav li.level1 .seeAllItem .hamburger-box { top:1px; } header .navbar .nav li.level1 > ul.collapse { display:block;height:0;overflow:hidden;position:static;width:100%;margin:0;background:#c2b791; } header .navbar .nav li.level1 > ul.collapse.in { padding:10px 0;margin:0; } header .navbar .nav li.level0 a { color:#fff; } header .navbar .nav li.level0 a:hover { color:#1a191b;background:none; } header .navbar .nav li.level1 a { padding:10px 2%;margin:0;font-weight:700;font-size:1em;line-height:1em;text-transform:none; color:#fff;text-shadow:none;background:none;position:relative;z-index:1000;display:block; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; } header .navbar .nav li.level1 strong { padding:15px 2%;margin:0;font-weight:700;font-size:1.2857em;line-height:1em;text-transform:none; color:#fff;text-shadow:none;background:none;position:relative;z-index:1000;display:block; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; } header .navbar .nav li.level1 a:hover { background:none;color:#1a191b; } header .navbar .nav > li.hasSubNav:hover > a:after { display:none; } header { position:absolute; } } @media only screen and (max-width: 480px) { .paddingBox { padding:30px 0; } .section { padding:30px 0; } .bandeau { padding:20px 0; } .mainContainer { padding:20px 0; } header .row-fluid .brandbox { max-width:240px; } header .tools-wrapper a.button { width:90%;text-align:center;float:none; } header .tools-wrapper a.button + a.button { text-align:center;border-top:1px solid #b9d4d2; } } /* Advert -------------------------------------------------------------- */ .advert { position:relative;z-index:1;background:#854778;color:#fff;margin:-1px 0 0 0; } .advert .container { position:relative; } .advert .sprite { display:block;width:170px;height:168px;background-position:0 -30px;position:absolute;top:50%;left:0;margin:-84px 0 0 -20px; } .advert .inner { padding:0 0 0 160px; } .advert .inner .part { margin:0; } .advert .inner p { margin:0; } .advert .inner p + p { margin:1em 0 0 0; } /* Contacts -------------------------------------------------------------- */ .contacts { position:relative;z-index:1;background:#327bb5;color:#fff; } .contacts .pull-left { position:relative; } .contacts .pull-right { position:relative; } .contacts .sprite { display:block;width:150px;height:148px;position:absolute;top:50%;left:0;margin:-74px 0 0 -20px; } .contacts .pull-left .sprite { background-position:-180px -30px; } .contacts .pull-right .sprite { background-position:-360px -30px; } .contacts .inner { padding:0 0 0 140px; } .contacts .inner .part { margin:0; } .contacts .inner p { margin:0; } .contacts .inner p + p { margin:1em 0 0 0; } .contacts .inner a { font-size:1.3125em;line-height:1em;font-weight:600;letter-spacing:-0.015em;color:#fff; } .contacts .inner a:hover { color:#0c3a5f; } /* Facebook -------------------------------------------------------------- */ .bandeau.facebook { position:relative;z-index:1;background:#5a76b0;color:#fff; } .bandeau.facebook .container { position:relative;text-align:center; } .bandeau.facebook .center { position:relative; } .bandeau .footerFacebook .sprite { display:block;width:150px;height:148px;position:absolute;top:50%;left:0;margin:-74px 0 0 -20px;background-position:-540px -30px; } .bandeau .footerInstagram .sprite { display:block;width:150px;height:148px;position:absolute;top:50%;right:0;margin:-74px -20px 0 0;background-position:-712px -30px; } .bandeau.facebook .inner { padding:0 140px 0 140px;font-size:21px;} .bandeau.facebook .inner .part { margin:0; } .bandeau.facebook .inner p { margin:0; } .bandeau.facebook .inner p + p { margin:1em 0 0 0; } .bandeau.facebook .inner a { font-size:1.3125em;line-height:1em;font-weight:600;letter-spacing:-0.015em;color:#fff; } .bandeau.facebook .inner a:hover { color:#162e62; } /* Stats -------------------------------------------------------------- */ .stats { background:#000;color:#fff;text-align:center;background:url('/Htdocs/Images/bg_stats.jpg') no-repeat 50% 50% #000;background-size:cover;position:relative;z-index:0; /*margin:0 auto;max-width:1800px;*/ } .IC2Site .stats h2.pageTitle { color:#fff; } .stats .value { color:#72b0ad;font-size:3.0625em;line-height:1em;font-weight:300;letter-spacing:-0.015em;display:block;text-align:center;margin:0;padding:0; } .stats .description { color:#fff;font-size:0.9375em;line-height:1em;font-weight:800;letter-spacing:0.05em;display:block;text-align:center;text-transform:uppercase;margin:20px 0 0 0;padding:0; } .stats a.reload { display:inline-block;margin:40px 0 0 0;padding:0;text-align:center; } .stats a.reload .sprite { display:block;width:50px;height:50px;background-position:0 -220px; -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s; } .stats a.reload:hover .sprite { transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg); -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s; } /* Galeries -------------------------------------------------------------- */ .galleries { position:relative;z-index:0;/*max-width:1800px;margin:0 auto;*/ } .galleries .item { float:left;display:block;width:16.66666666%; } .galleries .item a.imageBox { display:block;position:relative; } .galleries .item a.imageBox .blur { display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(255,255,255,0.8);z-index:1;opacity:0; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .galleries .item a.imageBox:hover .blur { opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .galleries .item a.imageBox .blur .sprite { display:block;width:80px;height:74px;background-position:-60px -220px;position:absolute;top:50%;left:50%;margin:-37px 0 0 -40px; } .galleries .item a.imageBox img { position:relative;z-index:0; } /* News -------------------------------------------------------------- */ .news .titleBox a.button.pull-right { float:right;margin:0.7em 0 0.7em 0; } .news h3 { font-size:1.3125em;line-height:1.2em;font-weight:700;text-transform:none;color:#1a191b;margin:20px 0 0 0;padding:0;letter-spacing:-0.02em; } .news h3 a { color:#1a191b; } .news h3 a:hover { color:#72b0ad; } .news .textBox p { margin:20px 0 0 0; } .news .textBox p + p { margin:1em 0 0 0; } .news .textBox a { font-weight:700; } .news .textBox .info { display:block;font-weight:400;letter-spacing:0.1em;color:#999;font-size:0.8125em;line-height:1em;text-transform:uppercase;margin:25px 0 0 0; } /* Recherche -------------------------------------------------------------- */ .IC2Site .search-selects .default-title { margin:0 0 2em 0; } .search-selects + .search-selects { margin:2em 0 0 0; } .BlocTable table thead th.centerTable { text-align:center;text-transform:capitalize; } .BlocTable table tbody td.centerTable { text-align:center; } .BlocTable table tbody td .autresWeekEnd { background:#e2efee;padding:0 1em; } .IC2Site h2.pageTitle.station { font-size:2em; } .IC2Site h2.pageTitle.station img { margin:0 15px 0 0; } .printPDF { display:block;float:right; } .printPDF a { display:block; } .printPDF a .sprite { display:block;width:44px;height:44px;background-position:-200px -400px; } a.button.printButton { margin:-0.3em 0 1em 0; } .schedule-box .part { margin:0; } .schedule-box .BlocTable table.table-3 { margin:0; } .schedule-box .alert a { text-decoration:underline; } .search-selects .liste_recherche_localite, .search-selects .liste_recherche_jour { float:left;width:65.5%; } .search-selects button { float:right;width:32%;padding:1.2em 0;text-align:center;margin:0 0 0 2.5%; } .search-selects .bootstrap-select { width:100% !important; } .search-selects .bootstrap-select>.dropdown-toggle { padding:1.2em 2.5em;margin:0;background:#e2efee;letter-spacing:0.07em;border:1px solid #e2efee;text-shadow:none; font-family:'Nunito',sans-serif;font-size:13px;line-height:1em;text-decoration:none;text-transform:uppercase;font-weight:800; color:#72b0ad;cursor:pointer;box-shadow:none;position:relative;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .search-selects .bootstrap-select .dropdown-toggle:focus, .search-selects .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .search-selects .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .search-selects .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { background:#e2efee;color:#72b0ad;border-color:#e2efee;outline:none !important; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .search-selects .bootstrap-select.btn-group .dropdown-toggle .caret { display:block;width:20px;height:20px;background:url('/Htdocs/Images/sprite.svg') no-repeat -80px 0 transparent; top:50%;right:2em;margin:-10px 0 0 0;padding:0;border:none; } .search-selects .bootstrap-select.open>.dropdown-toggle { background:#72b0ad;border-color:#72b0ad;color:#fff; } .search-selects .bootstrap-select.open .dropdown-toggle:focus, .search-selects .bootstrap-select.open>.dropdown-toggle.bs-placeholder:active, .search-selects .bootstrap-select.open>.dropdown-toggle.bs-placeholder:focus, .search-selects .bootstrap-select.open>.dropdown-toggle.bs-placeholder:hover { background:#72b0ad;color:#fff;border-color:#72b0ad; } .search-selects .bootstrap-select.btn-group.open .dropdown-toggle .caret { background:url('/Htdocs/Images/sprite.svg') no-repeat -140px 0 transparent; } .search-selects .dropdown-menu li>a:hover, .search-selects .dropdown-menu li>a:focus, .search-selects .dropdown-submenu:hover>a { background:#72b0ad;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .search-selects .dropdown-menu { background:#e2efee;color:#72b0ad;border:none;box-shadow:0 3px 10px rgba(0,0,0,0.3); } /*.search-selects .bootstrap-select.btn-group .dropdown-menu { max-height:350px !important; }*/ .internal .IC2Site .schedule-box .default-title { font-size:1em; } .internal .IC2Site .search-box .default-title { font-size:1em; } .internal .search-selects button .sprite { display:block;width:20px;height:20px;background-position:-120px 0; } .internal .search-selects .liste_recherche_localite, .internal .search-selects .liste_recherche_jour { float:left;width:78%; } .internal .search-selects button { float:right;width:auto;padding:1em;text-align:center;margin:0; } .internal .search-selects .bootstrap-select>.dropdown-toggle { float:left;width:inherit; } .internal .search-selects + .search-selects { margin:1em 0 0 0; } .internal .schedule-box, .internal .subnavigation { margin:0 0 40px 0; } /* Coups de coeur -------------------------------------------------------------- */ .coeur-infos { margin:0 0 30px 0;padding:1.3em 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;display:block; color:#72b0ad;font-weight:600;font-size:0.8125em;line-height:1.2em;text-transform:uppercase;letter-spacing:0.05em; } .coeurlist { opacity:0; } .coeurlist .item-sizer { width:31.66666666%; } .coeurlist .gutter-sizer { width:2.5%; } .coeurlist .item { position:relative;width:31.66666666%;margin-bottom:20px; } .coeurlist .item a { display:block; } .coeurlist .item img { position:relative;z-index:0;width:100%; } .coeurlist .item .overlay { display:block;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;text-align:center;background:rgba(0,0,0,0.8); -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden; } .coeurlist .item:hover .overlay { display:block;opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .coeurlist .item .overlay .sprite { display:block;width:130px;height:132px;position:absolute;top:-120px;right:-120px; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .coeurlist .item:hover .overlay .sprite { top:0;right:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .coeurlist .item .overlay .button { display:inline-block;float:none;position:absolute;bottom:-50px;left:20px;right:20px;margin:0; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .coeurlist .item:hover .overlay .button { bottom:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } /* Couleurs */ .coeurlist .item.romans .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.romans .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.romans .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.bandesdessinees .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.bandesdessinees .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.bandesdessinees .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.docs-adultes .overlay .sprite { background-position:-300px -220px; } .coeurlist .item.docs-adultes .overlay .button { background:#fff;border-color:#fff;color:#72b0ad; } .coeurlist .item.docs-adultes .overlay .button:hover { background:#72b0ad;border-color:#72b0ad;color:#fff; } .coeurlist .item.docs-enfants .overlay .sprite { background-position:-300px -220px; } .coeurlist .item.docs-enfants .overlay .button { background:#fff;border-color:#fff;color:#72b0ad; } .coeurlist .item.docs-enfants .overlay .button:hover { background:#72b0ad;border-color:#72b0ad;color:#fff; } .coeurlist .item.video .overlay .sprite { background-position:-440px -220px; } .coeurlist .item.video .overlay .button { background:#fff;border-color:#fff;color:#ECD528; } .coeurlist .item.video .overlay .button:hover { background:#ECD528;border-color:#ECD528;color:#fff; } .coeurlist .item.albums .overlay .sprite { background-position:-580px -220px; } .coeurlist .item.albums .overlay .button { background:#fff;border-color:#fff;color:#29B7DD; } .coeurlist .item.albums .overlay .button:hover { background:#29B7DD;border-color:#29B7DD;color:#fff; } .coeurlist .item.type_518 .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.type_518 .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.type_518 .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.type_527 .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.type_527 .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.type_527 .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.type_523 .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.type_523 .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.type_523 .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.type_521 .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.type_521 .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.type_521 .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.type_519 .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.type_519 .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.type_519 .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.type_522 .overlay .sprite { background-position:-300px -220px; } .coeurlist .item.type_522 .overlay .button { background:#fff;border-color:#fff;color:#72b0ad; } .coeurlist .item.type_522 .overlay .button:hover { background:#72b0ad;border-color:#72b0ad;color:#fff; } .coeurlist .item.type_524 .overlay .sprite { background-position:-580px -220px; } .coeurlist .item.type_524 .overlay .button { background:#fff;border-color:#fff;color:#29B7DD; } .coeurlist .item.type_524 .overlay .button:hover { background:#29B7DD;border-color:#29B7DD;color:#fff; } .coeurlist .item.type_528 .overlay .sprite { background-position:-440px -220px; } .coeurlist .item.type_528 .overlay .button { background:#fff;border-color:#fff;color:#ECD528; } .coeurlist .item.type_528 .overlay .button:hover { background:#ECD528;border-color:#ECD528;color:#fff; } .coeurlist .item.type_520 .overlay .sprite { background-position:-160px -220px; } .coeurlist .item.type_520 .overlay .button { background:#fff;border-color:#fff;color:#6F205E; } .coeurlist .item.type_520 .overlay .button:hover { background:#6F205E;border-color:#6F205E;color:#fff; } .coeurlist .item.type_532 .overlay .sprite { background:url('data:image/svg+xml,'); } .coeurlist .item.type_532 .overlay .button { background:#fff;border-color:#fff;color:#CC5430; } .coeurlist .item.type_532 .overlay .button:hover { background:#CC5430;border-color:#6F205E;color:#fff; } /* -------- */ .coeur-filters { margin:0 0 30px 0; } .coeur-filters a.button { float:none;padding:1.2em 0;text-align:center;margin:0; } .coeur-filters button { float:none;padding:1.2em 0;text-align:center;margin:0;width:100%; } /*.coeur-filters button { float:right;width:32%;padding:1.2em 0;text-align:center;margin:0 0 0 2.5%; }*/ .coeur-filters .bootstrap-select { width:100% !important; } .coeur-filters .bootstrap-select>.dropdown-toggle { padding:1.2em 3.5em 1.2em 2.5em;margin:0;background:#e2efee;letter-spacing:0.07em;border:1px solid #e2efee;text-shadow:none; font-family:'Nunito',sans-serif;font-size:13px;line-height:1em;text-decoration:none;text-transform:uppercase;font-weight:800; color:#72b0ad;cursor:pointer;box-shadow:none;position:relative;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .coeur-filters .bootstrap-select .dropdown-toggle:focus, .coeur-filters .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .coeur-filters .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .coeur-filters .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { background:#e2efee;color:#72b0ad;border-color:#e2efee;outline:none !important; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .coeur-filters .bootstrap-select.btn-group .dropdown-toggle .caret { display:block;width:20px;height:20px;background:url('/Htdocs/Images/sprite.svg') no-repeat -80px 0 transparent; top:50%;right:2em;margin:-10px 0 0 0;padding:0;border:none; } .coeur-filters .bootstrap-select.open>.dropdown-toggle { background:#72b0ad;border-color:#72b0ad;color:#fff; } .coeur-filters .bootstrap-select.open .dropdown-toggle:focus, .coeur-filters .bootstrap-select.open>.dropdown-toggle.bs-placeholder:active, .coeur-filters .bootstrap-select.open>.dropdown-toggle.bs-placeholder:focus, .coeur-filters .bootstrap-select.open>.dropdown-toggle.bs-placeholder:hover { background:#72b0ad;color:#fff;border-color:#72b0ad; } .coeur-filters .bootstrap-select.btn-group.open .dropdown-toggle .caret { background:url('/Htdocs/Images/sprite.svg') no-repeat -140px 0 transparent; } .coeur-filters .dropdown-menu li>a:hover, .coeur-filters .dropdown-menu li>a:focus, .coeur-filters .dropdown-submenu:hover>a { background:#72b0ad;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .coeur-filters .dropdown-menu { background:#e2efee;color:#72b0ad;border:none;box-shadow:0 3px 10px rgba(0,0,0,0.3); } /* Team -------------------------------------------------- */ .teamlist { margin:0;padding:0;text-align:center; } .teamlist .item { margin:0 1% 30px 1%;display:inline-block;width:31.3333%;vertical-align:top; } .teamlist .item img { width:75%; } .teamlist .item h2 { font-size:1.0714em;line-height:1.2em;font-weight:700;color:#1a191b;margin:15px 0 0 0;letter-spacing:-0.015em; } .teamlist .item h3 { font-size:1em;line-height:1.5em;font-weight:400;color:#72b0ad;margin:7px 0 0 0; } @media (min-width: 1200px) { .coeurlist .item-sizer { width:23.125%; } .coeurlist .gutter-sizer { width:2.5%; } .coeurlist .item { width:23.125%;margin-bottom:30px; } .teamlist .item { margin:0 2% 50px 2%;width:29.3333%; } .teamlist .item img { width:85%; } .teamlist .item h2 { font-size:1.1428em;line-height:1.2em;margin:20px 0 0 0; } .teamlist .item h3 { font-size:1em;line-height:1.5em;margin:10px 0 0 0; } } @media (max-width: 979px) and (min-width: 768px) { .coeurlist .item-sizer { width:48.75%; } .coeurlist .gutter-sizer { width:2.5%; } .coeurlist .item { width:48.75%;margin-bottom:15px; } .coeur-filters .bootstrap-select>.dropdown-toggle { padding:1.2em 3em 1.2em 1.5em; } .coeur-filters .bootstrap-select.btn-group .dropdown-toggle .caret { right:1.2em; } .teamlist .item { margin:0 1% 20px 1%;width:31.3333%; } .teamlist .item img { width:75%; } .teamlist .item h2 { font-size:1em;line-height:1.2em;margin:12px 0 0 0; } .teamlist .item h3 { font-size:0.9285em;line-height:1.5em;margin:5px 0 0 0; } } @media only screen and (max-width: 767px) { .coeurlist .item-sizer { width:48.75%; } .coeurlist .gutter-sizer { width:2.5%; } .coeurlist .item { width:48.75%;margin-bottom:15px; } .coeur-filters .row-fluid .span5 { margin:0 0 15px 0; } .IC2Site h2.pageTitle.station.pull-left { float:none; } .printButtonBox.pull-right { float:none; } a.button.printButton { float:none;text-align:center;padding:1.2em 0; } .teamlist .item { margin:0 1% 20px 1%;width:31.3333%; } .teamlist .item img { width:75%; } .teamlist .item h2 { font-size:1.0714em;line-height:1.2em;margin:15px 0 0 0; } .teamlist .item h3 { font-size:1em;line-height:1.5em;margin:7px 0 0 0; } .search-box { margin:40px 0 0 0; } } @media only screen and (max-width: 550px) { .coeurlist .item-sizer { width:100%; } .coeurlist .gutter-sizer { width:0; } .coeurlist .item { width:100%;margin-bottom:15px; } .teamlist .item { margin:0 0 20px 0;width:100%; } .teamlist .item img { width:50%; } .teamlist .item h2 { font-size:1.2857em;line-height:1.2em;margin:12px 0 0 0; } .teamlist .item h3 { font-size:0.8571em;line-height:1.5em;margin:5px 0 0 0; } } /* Propriétés -------------------------------------------------------------- */ .subnavigation ul { list-style:none;padding:0;margin:0; } .subnavigation li a { color:#1a191b;font-family:'Nunito',sans-serif;font-weight:800;font-size:0.875em;line-height:1.3em;text-transform:uppercase;margin:0; padding:15px 0 15px 20px;display:block;background:none;letter-spacing:0.05em; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .subnavigation .level0 > a:hover { color:#72b0ad;position:relative; } .subnavigation .level0.selected > a { color:#1a191b;position:relative;padding:15px 0 15px 15px; } .subnavigation .level0 { margin:0;border-left:1px solid #dedede; } .subnavigation .level0.selected { border-left:6px solid #72b0ad; } .subnavigation .level0 + .level0 { border-top:1px solid #dedede; } .subnavigation .level0 ul { list-style:none;padding:5px 0 15px 0;margin:0; } .subnavigation .level1 { margin:0;padding:0.3em 0 0.3em 15px; } .subnavigation .level1 + .level1 { margin:0; } .subnavigation .level1 > a { color:#1a191b;display:block;padding:0;margin:0;background:none;line-height:1.3em;font-size:0.9375em;font-weight:700;letter-spacing:0;text-transform:none; } .subnavigation .level1 > a:hover, .subnavigation .level1.selected > a { color:#72b0ad; } .leftPad { padding:0 0 0 30px; } /* Footer -------------------------------------------------- */ footer { margin:50px 0 0 0;padding:0; } footer .backToTop { margin:0 0 0 -115px;padding:0;display:block;width:230px;height:50px;background:url('/Htdocs/Images/bg_backtop.svg') no-repeat center bottom transparent; position:absolute;top:-50px;left:50%; } footer .backToTop .sprite { display:block;width:20px;height:22px;background-position:-100px 0;position:absolute;top:20px;left:50%;margin:0 0 0 -10px; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } footer .backToTop:hover .sprite { top:15px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } footer .row-fluid .span25 { float:left;margin:0;width:18%; } footer .row-fluid .span25 + .span25 { margin:0 0 0 2.5%; } footer .inner { font-weight:500;font-size:1em;line-height:1.5em;color:#a29a97;background:#ece8e7;position:relative; } .IC2Site footer .inner .default-title { font-size:1em;color:#1d1814;margin:0 0 2em 0; } footer .inner .part { margin:0; } footer .inner .part + .part { margin:2em 0 0 0; } footer .inner .BlocLinks .box { font-size:1em;line-height:1.5em; } footer .inner .BlocLinks .box ul { margin:0;padding:0; } footer .inner .BlocLinks .box li { margin:0;padding:0;background:none;font-size:1em;line-height:1.5em;font-family:'Nunito',sans-serif;font-weight:500; } footer .inner .BlocLinks .box li + li { margin:7px 0 0 0; } footer .inner .BlocLinks .box li a { color:#a29a97;font-weight:500; } footer .inner .BlocLinks .box li a:hover { color:#1a191b; } footer .inner .BlocText .box { font-size:1em;line-height:1.5em;color:#a29a97; } footer .inner .BlocText a { color:#a29a97;font-weight:500; } footer .inner .BlocText a:hover { color:#1a191b; } footer .inner .BlocText p { margin:0; } footer .inner .BlocText p + p { margin:0.7em 0 0 0; } footer .inner .last { text-align:right !important; } .IC2Site footer .inner .last .default-title { text-align:right; } footer .BlocImage img { -webkit-filter: grayscale(100%); filter: grayscale(100%)} footer .BlocImage a:hover img { -webkit-filter:none; filter: none} footer .copyright { margin:0;padding:0;color:#1a191b;font-size:1em; } footer .copyright > .container { padding:20px 0; } footer .copyright .span6 { text-align:left; } footer .copyright .span6 + .span6 { text-align:right; } footer .copyright p { margin:0; } footer .copyright a { color:#1a191b;font-weight:400; } footer .copyright a:hover { color:#72b0ad; } footer { margin:0} .owl-carousel.owl-sponsors { display:block; text-align: center} .owl-sponsors .part { width:20%; display: inline-block} @media (min-width:768px){ .owl-sponsors .part { width:11%} } .sponsors { margin-top:50px} .sponsors-title { text-align:center; background:#92b4b3; color:#fff; padding:15px 0} .sponsors-title p { font-weight:500; margin: 0; font-size:1.2em} .sponsors-container { padding:30px 0; background: url(/Htdocs/Images/back_sponsors.jpg) no-repeat center center; background-size: cover} .sponsors .BlocImage { padding:0 10%} .sponsors .owl-controls, .sponsors .default-title, .sponsors .default-subtitle, .sponsors .info { display:none} /* Listing -------------------------------------------------- */ .listing.gridlist .item { margin-bottom:40px; } .listing.gridlist .item h2 { font-size:1.3125em;line-height:1.2em;font-weight:700;text-transform:none;color:#1a191b;margin:20px 0 0 0;padding:0;letter-spacing:-0.02em; } .listing.gridlist .item h2 a { color:#1a191b; } .listing.gridlist .item h2 a:hover { color:#72b0ad; } .listing.gridlist .item .textBox p { margin:20px 0 0 0; } .listing.gridlist .item .textBox p + p { margin:1em 0 0 0; } .listing.gridlist .item .textBox a { font-weight:700; } .listing.gridlist .item .textBox .info { display:block;font-weight:400;letter-spacing:0.1em;color:#999;font-size:0.8125em;line-height:1em;text-transform:uppercase;margin:25px 0 0 0; } .listing.gridlist.speciallist .item a.imageBox { display:block;position:relative; } .listing.gridlist.speciallist .item a.imageBox .blur { display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(255,255,255,0.8);z-index:1;opacity:0; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .listing.gridlist.speciallist .item a.imageBox:hover .blur { opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; } .listing.gridlist.speciallist .item a.imageBox .blur .sprite { display:block;width:80px;height:74px;background-position:-60px -220px;position:absolute;top:50%;left:50%;margin:-37px 0 0 -40px; } .listing.gridlist.speciallist .item a.imageBox img { position:relative;z-index:0; } /* Pagination -------------------------------------------------- */ .pagination { clear:both;margin:50px 0 0 0; } .pagination ul { list-style:none;padding:0;margin:0;float:left;box-shadow:none;overflow:auto; } .pagination li { float:left;text-align:center; } .pagination a, .pagination ul > li > a, .pagination ul > li > span { border:none;background:#195a66;color:#fff;display:block;float:left;font-size:1em;line-height:1em;font-weight:900;margin:0;padding:1.2em;width:16px; } .pagination li + li a { border-left:none; } .pagination a.selected, .pagination a:hover, .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { color:#195a66;background:#9ec7ce; } .pagination a.first { -webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px; } .pagination a.last { -webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px; } /* Login Page -------------------------------------------------- */ .LoginForm { float:left;width:48%;padding:0 0 10px 3%;border-left:1px solid #dedede; } .RegisteredForm { float:left;width:48%;padding:0; } .SocialLogin { border-top:1px solid #dedede;padding:20px 0 0; } .LoginUser p { margin-right:5px; } .LoginUser form { margin:0; } .LoginUser .light { font-size:1em;color:#999; } .LoginUser .field { margin:0 0 10px 0;clear:both; } .LoginUser .field label { display: block;width:33%;float:left;padding:9px 2% 5px 0;font-weight:normal;font-weight:700;font-size:1em; } .LoginUser .field input.text { margin-bottom:0;width:55%; } .LoginUser .field select.text { height:auto;width:40%; } .LoginUser .RememberMe label { float:none;padding:0;width:auto;display:inline;font-size:1em;line-height:1em;margin-left:3px; } .LoginUser .RememberMe input { margin-left:35%;margin-top:0; } .LoginUser .formfooter { width:100%; } .LoginUser .formfooter .button { margin:0 0 0 35%; } .LoginUser .formfooter button { margin:0 0 0 35%; } .LoginUser a.remindPassword { margin-left:35%;margin-bottom:20px;display:block; } .LoginUser fieldset { padding:0;border:none; } .LoginUser legend { font-family:'Nunito',sans-serif;font-size:1.2857em;text-transform:none;font-weight:700;letter-spacing:-0.05em; margin:0 0 10px 0;border-bottom:1px solid #dedede;color:#950d33; } .LoginUser .button.loginLogo { float:right;border:1px solid #dedede;font-weight:700;color:#1a191b;padding:11px 17px;margin:0 0 0 10px;text-transform:none; background:#ffffff;letter-spacing:0; } .LoginUser .button.loginLogo:hover { background:#f0f0f0; } .LoginUser .button.loginLogo .sprite { display:inline-block;margin:-4px 10px -4px 0; } .LoginUser .button.loginLogo.loginSuisseID .sprite { width:50px;height:19px;background-position:-420px -40px; } .LoginUser .button.loginLogo.loginQuoVadis .sprite { width:55px;height:19px;background-position:-420px -20px; } @media (min-width: 1200px) { .pagination a, .pagination ul > li > a, .pagination ul > li > span { font-size:1.1428em;line-height:1em;padding:1.2em; } .internal .search-selects .liste_recherche_localite, .internal .search-selects .liste_recherche_jour { width:82%; } } @media (min-width: 1350px) { .internal .search-selects .liste_recherche_localite, .internal .search-selects .liste_recherche_jour { width:84%; } } @media (max-width: 979px) and (min-width: 768px) { .LoginForm { float:none;width:100%;padding:0 0 10px 0;border:none; } .RegisteredForm { float:none;width:100%;padding:0 0 20px 0; } .SocialLogin { border:none;padding:20px 0 0; } .row-fluid .span8.full-tablet { width:100%;margin:0; } .schedule > .container > .row-fluid .span5 { width:48.61878453038674%; } .schedule > .container > .row-fluid .span6.offset1 { margin-left:2.7624309392265194%; } .news .titleBox a.button.pull-right { margin:0; } .galleries .item { width:33.33333333%; } } @media only screen and (max-width: 767px) { .advert .sprite { margin:-84px 0 0 0; } .bandeau.contacts { padding:0; } .contacts > .container { padding:0; } .contacts .pull-left, .contacts .pull-right { float:none; } .contacts .sprite { display:none; } .contacts .inner { padding:0;text-align:center; } .contacts .pull-right .inner { border-top:1px solid #005ea8; } .contacts .inner a { display:block;padding:25px 0;font-size:1.25em; } .bandeau.facebook { padding:0;height:190px; } .bandeau.facebook > .container { padding:0; } .bandeau.facebook .sprite { top:145px;margin-left:10px;margin-right:10px; } .bandeau.facebook .footerFacebook .sprite {left:-60px;} .bandeau.facebook .footerInstagram .sprite {right:-60px;} .bandeau.facebook .inner { padding:20px 0 0 0;text-align:center;/*display:none;*/ } .bandeau.facebook .inner a { display:block;padding:25px 0;font-size:1.25em; } .news .titleBox a.button.pull-right { float:none;margin:-1em 0 1em 0;text-align:center; } .news .titleBox h2.pageTitle.pull-left { float:none; } .galleries .item { width:33.33333333%; } } @media only screen and (max-width: 480px) { .galleries .item { width:50%; } .advert .sprite { display:none; } .advert .inner { padding:0; } } /* ----------------------------------------------- */ /* MODULE : Sitemap -------------------------------------------------------------- */ #sitemap, #sitemap ul { list-style:none;margin:0;padding:0; } #sitemap li { position:relative;margin:0;padding:2px 0 2px 18px;background:transparent url('/Htdocs/Images/lib/sitemap/arrow.gif') no-repeat 3px 6px; } #sitemap .anchor { display:block;width:11px;height:11px;background:none;font-size:0;line-height:0;text-indent:-9999px;text-align:left;cursor:pointer; padding:0;margin:0;position:absolute;top:6px;left:3px;background:transparent url('/Htdocs/Images/lib/sitemap/minus.gif') no-repeat 0 0; } #sitemap .hideSubLevels .anchor { background-image:url('/Htdocs/Images/lib/sitemap/plus.gif'); } #sitemap .hideSubLevels ul { display:none; } /* ADMIN ICECUBE -------------------------------------------------- */ .x-window-bwrap button, .x-window-bwrap input, .x-window-bwrap label, .x-window-bwrap select, .x-window-bwrap textarea { font-size:12px; margin-top:0; margin-bottom:0; font-weight:normal; } .x-window-bwrap label { display:inline; line-height:normal; } .ext-strict .x-window-bwrap .x-form-text, .ext-strict .x-window-bwrap textarea.x-form-field { padding:2px 6px 0 6px; transition:none; box-shadow:none; border-radius:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; margin:0; background-color:#fff; border-color: #B5B8C8; border-width:1px; } #siteTree .btnPin { font-family:Arial, Helvetica, sans-serif; line-height:13px; } .x-form-check-wrap { overflow:hidden; } .x-toolbar .x-btn button { background:none;text-transform:none;letter-spacing:0; } .x-btn button { text-transform:none;letter-spacing:0; } .x-toolbar .x-btn button:hover, button.x-btn-text { background:none; color:#202020; } .x-toolbar .x-btn button:active { background:none; } .x-toolbar .x-btn button:focus { background:none; } .x-btn button { font-size:11px; } .x-panel-body { margin:0; } .x-window td, .x-window th { vertical-align:top; } .IC2Editor .imagemasked {display: block;position: relative;} .IC2Editor .imagemasked .box {height: 140px;overflow: hidden;} .IC2Editor .imagemasked .box img {border-bottom: 0 none;border-top: 0 none;margin: -40% 0 0;padding: 0;} .IC2Editor .imagemasked .box span {background: url("/Htdocs/Images/imgmasked.png") repeat scroll 0 0 rgba(0, 0, 0, 0); display: block;height: 140px;left: 0;margin: 0;padding: 0; position: absolute;top: 0; width: 100%;} .IC2EditableImage { position:relative;display:block !important;} .IC2EditableImage .IC2EditableImageButton { z-index:9; top:0px !important;} .ext-trigger-noedit { cursor:pointer; } #siteTree { letter-spacing:0; } .button.btnReturn{background:#e2efee;color:#72b0ad;} /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 979px) { .navbar li.dropdown:hover ul.dropdown-menu { display:block;margin:0; } } @media (min-width: 1200px) { body { padding:0; } } @media (max-width: 979px) and (min-width: 768px) { html { background:#fff; } body { padding:0; } .clearTablet { clear:both; } /* Navigation -------------------------------------------------- */ header .navbar .nav { text-align:left;margin:0; } header .navbar .nav > li { display:block;float:none;border:none;width:100%;position:relative;border-top:1px solid #62a09d; } header .navbar .nav > li > a { padding:15px;margin:0;font-weight:700;font-size:1em;line-height:1em;text-transform:uppercase;letter-spacing:0.07em;display:block; color:#fff;text-shadow:none;background:none !important;position:relative;z-index:1000;border:none;text-align:left;float:none; } header .navbar .nav > li:hover > a, header .navbar .nav > li:active > a, header .navbar .nav > li:focus > a, header .navbar .nav > li.selected > a { color:#fff;background:none !important;border:none; -webkit-transition:color .3s, background .3s;-moz-transition:color .3s, background .3s;-ms-transition:color .3s, background .3s; -o-transition:color .3s, background .3s;transition:color .3s, background .3s; } header .navbar .nav li.level0 > .inner { display:block;position:static;background:none; } header .navbar .nav li.level0 > .inner.collapse { overflow:hidden;padding:0;height:0; } header .navbar .nav li.level0 > .inner .wideContainer { padding:0 15px 10px 15px !important; } header .navbar .nav li.level1 { margin:0;float:none;width:100%;border:none;background:none; } header .navbar .nav li.level0 a br { display:none; } header .navbar .nav li.level1 a { padding:10px 0;font-size:1em;line-height:1em;font-weight:700;color:#fff;letter-spacing:0; } header .navbar .nav li.level1 > strong { padding:10px 0;font-size:1em;line-height:1em;font-weight:700;color:#fff;letter-spacing:0; } header .navbar .nav li.level1 > a > .sprite { display:none; } header .navbar .nav li.level1 a:hover { background:none;color:#1a191b; } header .navbar .nav li.level2 a { padding:10px 2%;font-size:1.1428em;line-height:1em;font-weight:normal;color:#fff;text-transform:none;letter-spacing:-0.05em; } header .navbar .nav li.level2 a:hover { background:none;color:#1a191b; } header .navbar .nav li.level0 > .inner .imgNav { display:none; } header .navbar .nav li.level0 > .inner .bigNav { width:100%;float:none;margin:0; } header .navbar .nav-collapse.in { } header .navbar .nav-collapse { border:none; } /* Footer -------------------------------------------------- */ .IC2Site footer .inner .default-title { margin:0 0 1em 0; } .IC2Site footer .inner .last .default-title, footer .inner .last { text-align:left !important; } footer .copyright > .container { padding:15px 0; } footer .copyright p { font-size:0.9285em; } footer .row-fluid .span25 { width:48.6188%; } footer .row-fluid .span25.clearMobile { margin-left:0;margin-top:30px;clear:both; } footer .row-fluid .span25.clearMobile + .span25 { margin-top:30px; } } @media only screen and (max-width: 767px) { html { background:#fff; } body { padding:0; } .part { margin:0 0 20px 0; } .part + .part { margin:0 0 20px 0; } .IC2Site > .container { padding:0 20px; } .IC2Site .container.inner { padding:0 20px; } .section > .container { padding:0 20px; } .mid-section > .container { padding:0 20px; } .editableZone > .content > .container { padding:0 20px; } .clearMobile { clear:both; } /* Navigation -------------------------------------------------- */ header .navbar .nav { text-align:left;margin:0; } header .navbar .nav > li { display:block;float:none;border:none;width:100%;position:relative;border-top:1px solid #62a09d; } header .navbar .nav > li > a { padding:15px;margin:0;font-weight:700;font-size:1em;line-height:1em;text-transform:uppercase;letter-spacing:0.07em;display:block; color:#fff;text-shadow:none;background:none !important;position:relative;z-index:1000;border:none;text-align:left;float:none; } header .navbar .nav > li:hover > a, header .navbar .nav > li:active > a, header .navbar .nav > li:focus > a, header .navbar .nav > li.selected > a { color:#fff;background:none !important;border:none; -webkit-transition:color .3s, background .3s;-moz-transition:color .3s, background .3s;-ms-transition:color .3s, background .3s; -o-transition:color .3s, background .3s;transition:color .3s, background .3s; } header .navbar .nav li.level0 > .inner { display:block;position:static;background:none; } header .navbar .nav li.level0 > .inner.collapse { overflow:hidden;padding:0;height:0; } header .navbar .nav li.level0 > .inner .wideContainer { padding:0 15px 10px 15px !important; } header .navbar .nav li.level1 { margin:0;float:none;width:100%;border:none;background:none; } header .navbar .nav li.level0 a br { display:none; } header .navbar .nav li.level1 a { padding:10px 0;font-size:1em;line-height:1em;font-weight:700;color:#fff;letter-spacing:0; } header .navbar .nav li.level1 > strong { padding:10px 0;font-size:1em;line-height:1em;font-weight:700;color:#fff;letter-spacing:0; } header .navbar .nav li.level1 > a > .sprite { display:none; } header .navbar .nav li.level1 a:hover { background:none;color:#1a191b; } header .navbar .nav li.level2 a { padding:10px 2%;font-size:1.1428em;line-height:1em;font-weight:normal;color:#fff;text-transform:none;letter-spacing:-0.05em; } header .navbar .nav li.level2 a:hover { background:none;color:#1a191b; } header .navbar .nav li.level0 > .inner .imgNav { display:none; } header .navbar .nav li.level0 > .inner .bigNav { width:100%;float:none;margin:0; } header .navbar .nav-collapse.in { } header .navbar .nav-collapse { border:none; } /* Footer -------------------------------------------------- */ footer .inner { padding:30px 20px; } .IC2Site footer .inner .last .default-title, footer .inner .last { text-align:left !important; } footer .row-fluid .span5 { width:40%;float:left; } footer .row-fluid .span5 + .span5 { margin-left:20%; } footer .row-fluid .span8 { width:80%; } footer .row-fluid .span25 { width:100%; } footer .row-fluid .span25 + .span25 { width:100%;margin:30px 0 0 0; } footer .copyright p { text-align:center; } footer .copyright > .container { padding:20px; } /* Shop -------------------------------------------------- */ .pagination { margin:40px 0 0 0; } /* Login Page -------------------------------------------------- */ .LoginForm { float:none;width:100%;padding:0 0 10px 0;border:none; } .RegisteredForm { float:none;width:100%;padding:0 0 20px 0; } .SocialLogin { border:none;padding:20px 0 0; } .LoginUser p { margin-right:0; } .LoginUser form { margin:0; } .LoginUser .light { font-size:1em;color:#787878; } .LoginUser .field { margin:0 0 5px 0;clear:both; } .LoginUser .field label { display:block;width:28%;float:left;padding:9px 2% 5px 0;font-weight:normal;font-weight:700; } .LoginUser .field input.text { margin-bottom:0;width:61%;padding-left:4%;padding-right:4%; } .LoginUser .field select.text { height:auto;width:45%; } .LoginUser .RememberMe label { float:none;padding:0;width:auto;display:inline;line-height:1em;margin-left:3px; } .LoginUser .RememberMe input { margin-left:0;margin-top:0; } .LoginUser .formfooter { width:100%; } .LoginUser .formfooter .button { margin:10px 0 0 0;width:100%;text-align:center;padding-left:0;padding-right:0; } .LoginUser .formfooter button { margin:10px 0 0 0;width:100%;text-align:center;padding-left:0;padding-right:0; } .LoginUser a.remindPassword { margin-left:0;margin-bottom:0;display:block; } .LoginUser fieldset { padding:0;border:none; } .LoginUser legend { font-size:1em; } .LoginUser .button.loginLogo { margin:10px 0 0 0; } } @media only screen and (max-width: 480px) { .IC2Site .breadcrumbs { display:none; } .LoginUser .field label { width:100%;float:none;padding:9px 0 5px 0; } .LoginUser .field input.text { width:91%;padding-left:4%;padding-right:4%; } .LoginUser .field select.text { width:100%; } .IC2Site .toolbar-wrapper > .box, .IC2Site .navbar-wrapper > .box { padding:0 3%; } }