body { font-size: 14px; line-height: 1.6em; } .headline h2, .headline h3, .headline h4 { border-bottom: 2px solid #70bdf1; } input.files { border-width: 0px !important; background-color: transparent !important; } h1, h2, h3, h4, h5, h6 { color: #7d7b7b; } .color-primary { color: #0067ae; } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); float: none !important; } .wrapper, .header { background-color: #fff; } .red { color: red !important; } .div_publi { display: block; padding-bottom: 63px; } .header .topbar-v1 .top-v1-data li { background-color: #fff !important; } p, li, li a, label { color: #000; } p { text-align: justify; } .u-shadow-v2 { box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2); } .bgc-white { background-color: #fff; } .breadcrumbs h1 { font-family: 'Nothing You Could Do', cursive; color: #3598db; font-size: 36px; margin-top: 20px; text-shadow: 4px 3px 8px rgba(0, 0, 0, 0.2); } .funny-boxes-top-sea { border-top: solid 2px #60a91f; } .funny-boxes { background: #60a91f1a; } h1.titlehome { color: #fff !important; padding: 5px 0; font-size: 14px !important; margin-right: 5px; display: inline-block; margin: 0; line-height: 22.4px; padding: 0; } .header .logo img { margin: 4px 0; } .header .topbar-v1 { background: #ff9900; border-top: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0; } .footer-v1 .footer { padding: 0 !important; background: #cecece; background: -moz-linear-gradient(top, #cecece 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #cecece 0%,#ffffff 100%); background: linear-gradient(to bottom, #cecece 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ffffff',GradientType=0 ); } .padding-y-40 { padding: 40px 0; } .height-30 { height: 30px; } .sky-form { border: 0; } .trombi h4 { margin-top: 12px; margin-bottom: 0; line-height: 20px; } .trombi h4.prenom { margin-top: 0; } .trombi h5 { margin: 2px 0; font-size: 18px; } .imgRight { float: right; margin: 0 0 20px 20px; } .margin-top-20 { margin-top: 20px; } .padding-bottom-10 { padding-bottom: 10px } .padding-bottom-20 { padding-bottom: 20px } .imgLeft { float: left; margin: 0 20px 20px 0; } a.imgLeft { padding-right: 20px; } .panel { background-color: transparent; } .table-bordered { margin-bottom: 20px !important; background-color: #fff; } .content { background: url(../../images/fond-stnicolas.jpg) right 300px no-repeat; } .bg-stnicolas2 { background: url(../../images/fond-stnicolas2.png) right bottom no-repeat; } .content-main .tag-box-v1 { border-top: solid 2px #2c96de; } .content-main .color-primary { color: #2c96de !important; } .content-main .who li i, .who li:hover i, .content-main .who li:hover a { color: #2c96de; } .content-main > div:nth-of-type(1) > p:nth-of-type(1) { font-size: 16px; font-weight: bold; margin-bottom: 25px; } .content-main .btn-u { background: #2c96de; color: #fff; } .text15 { font-size: 15px !important; } .content-main .btn-u.btn-u-orange { background: #e67e22; } .carousel-v1 .carousel-indicators { display: none; } .content-main .btn-u.btn-u-orange:hover { background: #d35400; } .mt-20 { margin-top: 20px; } .content-main .btn-u:hover { background: #ea9436; color: #fff; } .content-main .btn-red { background: #ea9436 !important; color: #fff; } .content-main a { color: #2c96de; } .content-main ul li a { color: #000; font-size: 16px; } .content-main a:hover { color: #ea9436; } .sky-form fieldset { background: transparent; } blockquote.hero.hero-default { background: #2c96de url(../../images/bg-coord.png) right top no-repeat; } blockquote.hero.hero-default:hover { background: #ea9436 url(../../images/bg-coord.png) right top no-repeat; } blockquote.hero.hero-default h3 { color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); } table th { background: #f9f9f9; } .sidebar-nav-v1 > li.current, .sidebar-nav-v1 > li.current:hover { background: #3598db; color: #fff; } .sidebar-nav-v1 > li.current > a, .sidebar-nav-v1 > li.current > a:hover { color: #fff; } .sidebar-nav-v1 .list-toggle.current:after { color: #fff; } .text-white, .text-white p, .text-white li, .text-white li a, .text-white label { color: white !important; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; } .acc-v1 .panel-heading a.accordion-toggle { position: relative; } .acc-v1 .panel-heading .panel-title.in a.accordion-toggle, .acc-v1 .panel-heading a.accordion-toggle[aria-expanded="true"] { background-color: #c7b696; color: #000; } .acc-v1 .panel-heading a.accordion-toggle:after { top: 7px; right: 30px; color: #777; content: "\f105"; font-size: 14px; position: absolute; font-weight: bold; display: inline-block; font-family: FontAwesome; } .footer a, .copyright a, .footer a:hover, .copyright a:hover { color: #000; } .textebleu { color : #3598db; } #carte-wrapper{ position: relative; width: 100%; height: 100%; } .carte .tooltips-carte li.tooltip-c{ display: none; position: absolute; font-size: 10px; background: #333; color: #EEE; padding: 5px; list-style: none; } .carte .tooltips-carte li.tooltip-c:before{ content: ""; position: absolute; top: 100%; left: 0; border-style: solid; border-width: 8px 9px 0 0px; border-color: #333333 transparent transparent transparent; } .vert h3 a { color: #98c500!important; } .color-primary { color: #3598db !important; } .list-unstyled { list-style: none !important; } .panel .panel-body ul.nopaddingleft { padding-left: 0; } .acc-v1 .panel-heading .panel-title.in a.accordion-toggle:after, .acc-v1 .panel-heading a.accordion-toggle[aria-expanded="true"]:after { content: "\f107"; } .acc-v1 .panel-heading a.accordion-toggle { background-color: transparent; border-radius: 6px; } .acc-v1 .panel-heading a.accordion-toggle:hover { color: #000; } .acc-v1 .panel-heading a.accordion-toggle[aria-expanded="false"] { background-color: transparent !important; } .acc-v1 .panel-heading a.accordion-toggle[aria-expanded="false"]:after { content: "\f105" !important; } .panel { border: 0; } .panel .panel-body ul { list-style: disc; padding-left: 30px; } .acc-v1 .panel-heading { border: 1px solid #c7b696; border-radius: 6px; } /*Top Contacts*/ .accordion .panel{ border: none; box-shadow: none; border-radius: 0; margin-bottom: 15px; } .accordion .panel-heading{ padding: 0; border-radius:0; border: none; } .accordion .panel-title a{ display: block; padding: 14px 30px 14px 70px; font-size: 16px; font-weight: bold; color: #fff; background: #2c96de; position: relative; overflow: hidden; transition: all 0.5s ease 0s; text-decoration: none; } .accordion .panel-title a.collapsed{ background: #e6e6e6; color: #555; } .accordion .panel-title a.collapsed:hover{ color: #ea9436; } .accordion .panel-title a:before{ content: ""; width: 55px; height: 100%; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: -13px; transform: skewX(-25deg); transition: all 0.5s ease 0s; } .accordion .panel-title a.collapsed:hover:before{ background: #ea9436; } .accordion .panel-title a:after{ content: "\f13a"; font-family: FontAwesome; position: absolute; left: 10px; top: 50%; color: #fff; transform: translateY(-50%); } .accordion .panel-title a.collapsed:after{ content: "\f138"; } .accordion .panel-title a.collapsed:after{ color: #9f9f9f; } .accordion .panel-title a.collapsed:hover:after{ color: #fff; } .accordion .panel-body{ font-size: 14px; color: #5a3245; line-height: 25px; padding: 20px 15px 20px 40px; position: relative; border: none; transition: all 0.5s ease 0s; } .accordion .panel-body:before{ content: ""; width: 5px; height: 40px; background: #2c96de; position: absolute; top: 30px; left: 0; } .accordion .panel-body p{ margin-bottom: 20px; margin-top: 20px; } .accordion .panel-body h3 { color: #2394e2; } .accordion .panel-body h3.titre_2 { color: #7d7b7b; font-weight: 400; } .accordion .panel-body ul li a { color: #2394e2; } .clearfix { clear: both; } /*Top Contacts*/ .header .topbar-v1 ul { margin: 0; } .header .topbar-v1 .top-v1-contacts li { color: #fff; padding: 5px 0; font-size: 14px; margin-right: 5px; display: inline-block; } .header .topbar-v1 .top-v1-contacts li a { color: #fff; } .header .topbar-v1 .top-v1-contacts i { color: #fff; font-size: 14px; margin-right: 3px; } .footer-v1 .copyright { background: #fff; } .footer-v1 .copyright p, .footer-v1 .copyright a { color: #000; } .breadcrumbs { overflow: hidden; padding: 23px 0 6px; border-bottom: solid 0px #eee; background: none; } .title_agenda_home { position: relative; height: 50px; border-bottom: 1px solid #7d7b7b; margin-bottom: 25px; } .title_agenda_home h2 { color: #7d7b7b; font-size: 30px; text-transform: uppercase; font-weight: 300; margin: 0; padding: 0; border-bottom: none; display: inline-block; vertical-align: middle; } .acces_actus { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; text-transform: uppercase; font-weight: 300; font-size: 12px; color: #7d7b7b; height: 24px; text-decoration: none; } /*Agenda Home*/ .agendablock li { position: relative; } .agendablock li a { display: block; clear: both; text-decoration: none; } .agendablock li { margin-bottom: 20px; } .divevent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row.divevent { margin-right: 0; margin-left: 0; } .agendablock .divtitre { background: #3598db; padding: 20px; } .eventrubrique { text-decoration: none; text-transform: uppercase; color: #fff; font-size: 12px; line-height: 16px; font-weight: 300; } .eventrubrique2 { text-decoration: none; text-transform: uppercase; color: #555; font-size: 12px; line-height: 16px; font-weight: 300; } .eventdate { color: #fff; font-size: 15px; font-weight: 300; line-height: 18px; } .eventtitle { color: #2e96de; font-size: 22px; font-family: 'Cabin', sans-serif; font-weight: 300; margin-top: 0; } .eventtitle2 { color: #3598db; font-size: 26px; font-family: 'Cabin', sans-serif; font-weight: 300; margin-top: 0; } .eventtitle3 { color: #000; font-size: 18px; font-family: 'Cabin', sans-serif; font-weight: 300; margin-top: 0; } .eventtitle2 a:hover { text-decoration: none; } .owl-slider-actu p { font-size: 1.2em; font-family: 'Cabin', sans-serif; line-height: 24px; } .agendablock .divtexte { color: #000; background: #b5cae6; font-size: 1.2em; font-family: 'Cabin', sans-serif; padding: 20px; } .divevent:hover .divtexte { color: #000; } .divsuite { padding-top: 8px; margin-top: 16px; border-top: 1px solid #555; } .divevent:hover .divsuite { color: #3598db !important; } .owl-dot { background-color: rgba(148, 193, 32, 1); float: left; margin-right: 3px; margin-left: 3px; border-radius: 50%; width: 10px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 10px; opacity: 0.5; } .slider-actu { padding-bottom: 15px; margin-bottom: 30px; } .slider-actu .owl-dot { background-color: rgba(148, 193, 32, 1); } .owl-carousel { position: static; } .owl-dot.active { opacity: 1; } .slider-actu .owl-controls { position: absolute; bottom: 12px; left: 20px; } .owl-nav { width: 46px; height: 20px; position: relative; } .slider-actu .owl-nav { color:#fff; } .owl-publi-home { position: relative; } .owl-slider-publi { padding-bottom: 53px; max-width: 200px; margin-left: auto; margin-right: auto; } .owl-nav .owl-prev { position: absolute; top: 0px; left: 0px; background-color: #3498db; padding-left: 5px; padding-right: 5px; } .owl-nav .owl-next { position: absolute; top: 0px; right: 0px; background-color: #3498db; padding-left: 6px; padding-right: 4px; } .publications_home .owl-controls { position: absolute; bottom: 12px; right: 0; } .publications_home .owl-nav .owl-prev { position: absolute; top: 0px; left: 0px; background-color: #cecbcb; color: #fff; padding-left: 5px; padding-right: 5px; } .publications_home .owl-nav .owl-next { position: absolute; top: 0px; right: 0px; background-color: #cecbcb; color: #fff; padding-left: 6px; padding-right: 4px; } .btn_publications { position: absolute; border: 1px solid #555; color: #555; padding: 0px 5px; left: 0px; bottom: 10px; line-height: 20px; } .btn_publications:hover { background-color: #555; color: #fff; text-decoration: none; } .relative { position: relative; } .publications_home .owl-carousel .owl-item img { width: auto; } .publications_home .owl-carousel .owl-stage-outer { -webkit-box-shadow: 0px 0px 48px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 48px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 48px 0px rgba(0,0,0,0.5); } .owl-carousel-v1 { border-bottom: 1px solid #ccc; } .publications_home { padding: 10px 10px 2px 10px; } .marginright { margin: 0 10px 5px 0; } .publications_home h3 { color: #555; font-size: 18px; text-transform: uppercase; font-weight: 300; margin: 0 0 8px 0; } .publications_home h3 a { color: #555; } h4.publicationtitle { color: #3865a2; font-size: 18px; font-family: 'Cabin', sans-serif; font-weight: 300; } .margin-right-10 { margin-right: 10px; } .max-height-80 { max-height: 80px; } .max-height-100 { max-height: 100px; } .btnsuite { color: #555; text-decoration: none; } div.menu1 { background-color: #0cbe96; } div.menu1:hover { background-color: #20a587; } div.menu2 { background-color: #edB240; } div.menu2:hover { background-color: #ed9940; } div.menu3 { background-color: #ab8971; } div.menu3:hover { background-color: #8a674f; } div.menu4 { background-color: #e54401; } div.menu4:hover { background-color: #bf3d07; } div.menu5 { background-color: #0183b7; } div.menu5:hover { background-color: #076a92; } div.menu6 { background-color: #01c498; } div.menu6:hover { background-color: #20a587; } /* Thumb Info */ .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #FFF; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-family: "Maven Pro",Helvetica,Arial,sans-serif; margin-bottom: 30px; } .thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; display: block; position: relative; } .thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(36, 27, 28, 0.9); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; filter: alpha(opacity=0); opacity: 0; z-index: 1; } .thumb-info .thumb-info-action-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #CCC; border-radius: 0 0 0 25px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2; } .thumb-info .thumb-info-action-icon i { font-size: 24px; left: 3px; position: relative; top: -4px; color: #FFF; } .thumb-info .thumb-info-inner { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; line-height: 17px; } .thumb-info .thumb-info-inner em { display: block; font-size: 0.8em; font-style: normal; font-weight: normal; } .thumb-info .thumb-info-title { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(36, 27, 28, 0.9); bottom: 0; color: #FFF; font-size: 18px; font-weight: 300; left: 0; letter-spacing: -1px; padding: 9px 11px 9px; position: absolute; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); z-index: 2; width: 100%; text-align: center; } .thumb-info.item1 .thumb-info-title, .thumb-info.item1:hover .thumb-info-title { background-color: #ff9900; } .thumb-info.item2 .thumb-info-title, .thumb-info.item2:hover .thumb-info-title { background-color: #aa087c; } .thumb-info.item3 .thumb-info-title, .thumb-info.item3:hover .thumb-info-title { background-color: #aac54e; } .thumb-info.item4 .thumb-info-title, .thumb-info.item4:hover .thumb-info-title { background-color: #3868a7; } .thumb-info .thumb-info-title a { color: #FFF; } .thumb-info .thumb-info-type { background-color: #0088cc; border-radius: 2px; display: inline-block; float: left; font-size: 12px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px -2px; padding: 2px 9px; text-transform: none; z-index: 2; } .thumb-info img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 3px; position: relative; width: 100%; } .thumb-info:hover .thumb-info-wrapper:after { filter: alpha(opacity=100); opacity: 1; } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0; } .thumb-info:hover .thumb-info-title { background: #000; } .thumb-info:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .thumb-info.thumb-info-no-zoom:hover img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(36, 27, 28, 0.65); } .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-centered-icons .thumb-info-action { -webkit-transition: top 0.1s ease; -moz-transition: top 0.1s ease; transition: top 0.1s ease; top: 40%; left: 3px; right: auto; bottom: auto; width: 100%; height: 40px; margin-top: -20px; text-align: center; position: absolute; filter: alpha(opacity=0); opacity: 0; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; position: relative; z-index: 2; left: auto; right: auto; top: auto; bottom: auto; width: 40px; height: 40px; line-height: 33px; border-radius: 50%; margin-right: 3px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { position: static; font-size: 18px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action { top: 50%; filter: alpha(opacity=100); opacity: 1; } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative; } .thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 30%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 0; } .thumb-info.thumb-info-centered-info .thumb-info-type { float: none; } .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 45%; } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #FFF; left: 0; width: 100%; max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: auto; bottom: -100px; filter: alpha(opacity=0); opacity: 0; padding: 15px; text-shadow: none; color: #777777; } .thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: none; padding: 0; margin: 0; } .thumb-info.thumb-info-bottom-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; bottom: 0; } .thumb-info.thumb-info-bottom-info:hover img { -webkit-transform: translateY(-18px); -moz-transform: translateY(-18px); -ms-transform: translateY(-18px); -o-transform: translateY(-18px); transform: translateY(-18px); } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background-color: transparent; background: -webkit-linear-gradient(bottom, rgba(36, 27, 28, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent; background: linear-gradient(to top, rgba(36, 27, 28, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent; color: #FFF; } .thumb-info.thumb-info-push-hor img { -webkit-transform: translatex(-18px); -moz-transform: translatex(-18px); -ms-transform: translatex(-18px); -o-transform: translatex(-18px); transform: translatex(-18px); width: calc(100% + 19px); max-width: none; } .thumb-info.thumb-info-push-hor:hover img { -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { filter: alpha(opacity=65); opacity: 0.65; } .thumb-info.thumb-info-hide-info-hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 40%; } .thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { filter: alpha(opacity=10); opacity: 0.1; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { filter: alpha(opacity=0); opacity: 0; } .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0; } html.webkit .thumb-info .thumb-info-wrapper { margin: 4px 4px 3px 4px; } html.webkit .full-width .thumb-info .thumb-info-wrapper, html.webkit .masonry-item .thumb-info .thumb-info-wrapper, html.webkit .thumb-info-no-borders .thumb-info-wrapper { margin: 0; } /* Thumb Info - Full Width */ .full-width .thumb-info img { border-radius: 0 !important; } /* Thumb Info Caption */ .thumb-info-caption { padding: 10px 0; } .thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p { line-height: 20px; margin: 0 0 8px; padding: 10px; display: block; } .plan_footer { height: 240px; background-image: } .service-block { position: relative; overflow: hidden; } .service-block i { font-size: 50px; color: #fff; } .picto_home { width: 50%; } .service-block h3, .service-block h3:hover { color: #fff; text-decoration: none; margin-top: 1px; margin-bottom: 3px; } a.a-block:hover { text-decoration: none !important; } .a-block { display: block; text-decoration: none; } .service-block-home { padding: 0 13px 0 13px; margin-bottom: 0; min-height: 124px; } .logofooter { margin-top: 10px; margin-left: 10px; } .owl-carousel-v1 .owl-slider-publi .item { margin: 0; } .owl-carousel-v1.owl-publi-home { border-bottom: 0; } .owl-navigation-divider { border-bottom: 1px solid #fff; margin-left: -20px; margin-right: -20px; margin-top: 8px; margin-bottom: 8px; } /*Top Data*/ .header .topbar-v1 .top-v1-data { text-align: right; } .header .topbar-v1 .top-v1-data li { padding: 5px 11px; display: inline-block; border-right: solid 1px #95afca; background-color: #fff; font-size: 15px; } .header .topbar-v1 .top-v1-data li:first-child { margin-left: 0; border-left: solid 1px #95afca; } .header .topbar-v1 .top-v1-data li a { color: #687074; font-size: 15px; } .header .topbar-v1 .top-v1-data li a:hover { text-decoration: none; } .topbar-v1 ul, ul.nav.navbar-nav { font-size: 15px !important; } .header .topbar-v1 .top-v1-data li a { font-size: 15px; } .header .topbar-v1 .top-v1-data li a:hover i { color: #3598db; } .header .topbar-v1 .top-v1-data li i { color: #687074; font-size: 15px; } #diapotop { position: relative; height: auto; background-position: center center; } #diapotop2 { position: relative; height: 250px; background-position: center center; } #logotype_lcsl { width: 220px; height: 195px; position: absolute; z-index: 40; top: 20px; bottom: 0; right: 0; left: 20px; } ul.nav.navbar-nav { position: relative !important; z-index: 50; } .header .navbar-nav > li > a { font-family: "Open Sans", Arial, sans-serif; font-weight: 600; } .header .nav .search-open { z-index: 100; } .container-border { border: 2px solid #70bdf1; padding: 0 20px; margin-bottom: 30px; border-radius: 5px; } #topcontent { position: relative; } @media (max-width: 991px) { #diapotop:after, #diapotop2:after { display: none; } .divcoordonnees { background-color: #f2f2f2; } } .container-logo { padding: 20px 0 0 0; } .container-logo:after { background: url(../../images/vaguetop.png) center top no-repeat; background-size: contain; width: 100%; position: absolute; z-index: 0; right: 0; height: 300px; } .deco1:before { background: url(../../images/deco-biseau.png) center top no-repeat; background-size: 100%; width: 100%; z-index: 0; right: 0; height: 60px; top: 0; display: block; position: relative; content: ""; } .pt80 { padding-top: 80px; } .pb30 { padding-bottom: 30px; } .no-pb { padding-bottom: 0; } .mt40 { margin-top: 40px; } .mb40 { margin-bottom: 40px; } .owl-carousel div.item{ max-height: 550px; } .separateur-footer { background: url(../../images/separateur-stnicolas.gif) center bottom repeat-y; background-size: cover; height: 8px; } .planfooter { background: url(../../images/footer-map.jpg) right bottom no-repeat; min-height: 242px; background-size: cover; margin-left: -15px; margin-right: -15px; } .footer-v1 .copyright p { text-align: center; } .divcoordonnees { min-height: 340px; width: 600px; padding: 40px 20px 20px 50px; } .divcoordonnees h4 { margin-top: 0; } .divcoordonnees h5 { font-weight: bold; } .divcoordonnees ul a { color: #7d7b7b; } .divcoord { padding: 20px 0 0 10px; } @media (max-width: 991px) { .logofooter { display: none; } .divcoordonnees { width: 350px; } .divcoordonnees h5 { margin-top: 10px; } } /*Responsive Topbar v1*/ @media (max-width: 991px) { .header .topbar-v1 ul { text-align: center !important; } .header .topbar-v1 .top-v1-contacts { margin: 10px 0; } .header .topbar-v1 .top-v1-data li { top: 1px; padding: 6px 16px; margin-left: -5px; position: relative; border: solid 1px #eee; } .logoToggle { display: block; } #logotype_lcsl { display: none; } } @media (min-width: 992px) { .header .logo.logoToggle{ display: none; } #logotype_lcsl { display: block; } } /* Add here all your css styles (customizations) */ .glyphicon { margin-right:4px !important; /*override*/ } .pagination .glyphicon { margin-right:0px !important; /*override*/ } .pagination a { color:#555; } .panel ul { padding:0px; margin:0px; list-style:none; } .news-item { padding:4px 4px; margin:0px; border-bottom:1px dotted #555; } #access_map { height: 350px; width: 100%; } #map_canvas { height: 400px; margin-bottom: 30px; } /* carte touristique */ div.tab-content { padding: 10px 20px; margin-bottom: 30px; } .tab-content>.active { background: #2c96de url(../../images/bg-coord.png) right top no-repeat; padding: 10px; } .content-main .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { background: #2c96de; } .content-main .tab-v1 .nav-tabs { border-bottom: solid 2px #2c96de; } .content-main .tab-v1 .nav-tabs > li > a:hover { background: #ea9436; } .tab-pane img { margin: 0 10px 10px; border: 1px solid #000000; padding: 3px; position: relative; } .tab-v1 .tab-content { padding: 0; } .tab-v1 .tab-content h4, .tab-v1 .tab-content p, .tab-v1 .tab-content ul li { color: #fff; } #map_tourisme{ height: 600px; width: 100%; } .topbar .drapo{ padding: 0px; } .nav>li>a:focus, .nav>li>a:hover{ background: none; } a.afftooltip { float: left; padding-left: 4px!important; padding-right: 4px !important; } .btn-mini i.fa{ color: #8d8e8d; } div.ms-listing:hover{ background-color: rgba(77, 77, 77, 0.04); border: 1px solid rgba(0, 0, 0, 0.04); } div.ms-listing { padding: 10px; margin: 10px; border-radius: 10px; border: 1px solid rgba(184, 184, 184, 0.36); } h5.filter { font-size: 18px; margin: 5px 0px 5px 0px; } div#filtre-type-lieu.form-group, div#filtre-ville.form-group { border: 1px solid rgba(158, 158, 158, 0.16); padding-left: 20px; position: relative; margin-bottom: 0; } div#filtre-type-lieu.form-group::after, div#filtre-ville.form-group::after{ content: ""; width: 22px; position: absolute; right: 0; bottom: 0; top: 0; background: url(/vita/img/elements/forms/select_arrows.png) center; } #filtre-type-lieu ul { display: none; position: absolute; padding: 0; margin-bottom: 0; } #checkAllType, #filtre-type-lieu ul li.filtre.filtre-type input { position: absolute; left: 0%; margin: 0 auto; } li.filtre.filtre-type:hover { background-color: #e2e3e2; } div#filtre-type-lieu.form-group:hover ul { margin-bottom: 0; display: inline-block; background-color: #f9faf9; width: 100%; margin-top: 0; position: absolute; left: 0; z-index: 2; border-style: solid; border: 1px solid rgba(158, 158, 158, 0.16); } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } div.well.filters { height: 600px; position: relative; padding-right: 0; padding-left: 0; overflow: hidden; color: #717171; } h4.filter_heading { margin-bottom: 0; } div.row.fil { padding-right: 20px; padding-left: 20px; margin-bottom: 10px; } div#ms-listings.ms-results { overflow: auto; height: 520px; } .filters li, li.filtre.filtre-type, li.filtre.filtre-ville { list-style: none; margin: 0 5px; font-size: 12px; display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(158, 158, 158, 0.16); position: relative; padding-left: 20px; } .filters li:first-child{ color: #447124; font-weight: bold; background: rgba(125, 255, 0, .1); } div.listing div.row div.col-sm-2 { padding: 0; } .well.filters h3 { color: #e02000; margin-top: 0; font-size: 20px; margin-bottom: 5px; } .well p.coord { margin: 0 0 2px; } .well p.coord a { color: #000; } #map_tourisme { border: 1px solid rgba(158, 158, 158, 0.16); } .infoWindow h4 { margin-bottom: 5px; } .gm-style .gm-style-iw .vign { margin-bottom: 6px; } /* fin carte touristique */ ul.parsley-errors-list { padding-left: 0; list-style-type: none; margin-top: 5px; color: red; } li.parsley-length, li.parsley-required, li.parsley-type { color: red; } @media (min-width: 768px) and (max-width: 1199px) { .header .navbar-nav > li > a { bottom: -2px; position: relative; padding: 9px 10px 9px 10px; } .header .dropdown > a:after { top: 9px; right: 15px; content: "\f107"; display: none; } } @media (min-width: 992px) { #topcontent:after { content: ""; background: url(../../images/deco-diapo.png) bottom right no-repeat; position: absolute; margin-right: 0; bottom: 0; right: 0; width: 550px; height: 529px; z-index: 5; } } @media (min-width: 768px) and (max-width: 991px) { #topcontent:after { content: ""; background: url(../../images/deco-diapo.png) bottom center no-repeat; position: absolute; margin-right: 0; bottom: 0; right: 0; width: 550px; height: 529px; z-index: 5; } } @media (min-width: 1200px) { .header .navbar-nav > li > a { bottom: -2px; position: relative; padding: 9px 30px 9px 20px; } } @media (max-width: 991px) { .planfooter { background: url(../../images/footer-map2.jpg) right bottom no-repeat; min-height: 242px; border: 1px solid #ccc; background-size: cover; } } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1200px) { }