@CHARSET "UTF-8"; @font-face { font-family: 'VistaReg'; src: url('../fonts/VistaRegular.eot'); src: url('../fonts/VistaRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/VistaRegular.woff') format('woff'); } @font-face { font-family: 'VistaMed'; src: url('../fonts/VistaMed.eot'); src: url('../fonts/VistaMed.eot?#iefix') format('embedded-opentype'), url('../fonts/VistaMed.woff') format('woff'); } @font-face { font-family: 'VistaBold'; src: url('../fonts/VistaBold.eot'); src: url('../fonts/VistaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/VistaBold.woff') format('woff'); } /*********************************/ /* GEN */ /*********************************/ body { background-color: #F0EFF3; color: #392E24; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: 'VistaBold', sans-serif; line-height: 1; color: #392E24; } a { color: #a39d00; } a:hover, a:focus { color: #c4be1e; } .container { padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px){ .container { width: 992px; } } @media (max-width: 768px){ .container { width: 100%; } } ul { margin: 0 0 20px 20px; padding: 0 0 0 15px; } ul li { list-style: square; } ul li a { color: #392E24; } ul.liste-liens li { font-family: 'VistaReg', sans-serif; font-size: 16px; } ul.liste-liens li + li { padding-top: 4px; } ul.liste-liens li a { text-decoration: underline; color: #392E24; } p.big { font-size: 18px; line-height: 22px; color: #392E24; } p.legende { text-align: right; font-size: 11px; width: 50%; } p.legende.pull-right, p.legende.pull-left { width: 50%; } p.legende.pull-right { margin: 0 0 15px 15px; } p.legende.pull-left { margin: 0 15px 15px 0; } p.legende img { max-width: 100%; } p.legende.pull-right img { float: left; } p.legende.pull-left img { float: right; } p.image { } p.image img { float: none; max-width: 100%; } .no-pading-top { padding-top: 0; } .no-pading-right { padding-right: 0; } .no-pading-bottom { padding-bottom: 0; } .no-pading-left { padding-left: 0; } /*** PANEL ***/ .panel { border-radius: 0; border: 0; margin-bottom: 30px; box-shadow: none; background: #F0EFF3; } .panel-default > .panel-heading { background: #392E24; border-radius: 0; border: 0; text-transform: uppercase; text-align: center; padding: 5px 4px 4px; } .panel-default > .panel-heading h3, .panel-default > .panel-heading h4 { margin: 0; } .panel-default > .panel-heading h3, .panel-default > .panel-heading h3 a, .panel-default > .panel-heading h4, .panel-default > .panel-heading h4 a { color: #FFF; } .panel-default a.cover > img, .panel-default img.cover { width: 100%; } .panel-default a.cover:hover > img { opacity: 0.8; } .panel-default > .panel-body { padding: 18px 12px; } .panel-default > .panel-body h4 { font-size: 16px; margin-top: 0; } .panel-default > .panel-body > *:last-child { margin-bottom: 0; } .panel-primary > .panel-heading { background: #C4BE1E; color: #FFF; border-radius: 0; border: 0; text-transform: uppercase; text-align: center; padding: 5px 4px 4px; } .panel-primary > .panel-heading h3, .panel-primary > .panel-heading h4 { margin: 0; } .panel-primary > .panel-heading h3, .panel-primary > .panel-heading h3 a, .panel-primary > .panel-heading h4, .panel-primary > .panel-heading h4 a { color: #392E24; } .panel-primary a.cover > img, .panel-primary img.cover { width: 100%; } .panel-primary a.cover:hover > img { opacity: 0.8; } .panel-primary > .panel-body { padding: 10px; } .panel-primary > .panel-body h4 { font-size: 16px; margin-top: 0; } .panel-primary > .panel-body > *:last-child { margin-bottom: 0; } .panel-primary > .panel-body a { color: #1A1A1A; } .panel.panel-warning { background: none; } .panel-warning > .panel-heading { background: none; color: #392E24; border-radius: 0; border: 0; text-transform: uppercase; text-align: left; padding: 5px 0; } .panel-warning > .panel-heading h3, .panel-warning > .panel-heading h4 { margin: 0; font-family: 'VistaReg', sans-serif; font-size: 18px; } .panel-warning > .panel-heading h3, .panel-warning > .panel-heading h3 a, .panel-warning > .panel-heading h4, .panel-warning > .panel-heading h4 a { color: #392E24; } .panel-warning a.cover > img, .panel-primary img.cover { width: 100%; } .panel-warning a.cover:hover > img { opacity: 0.8; } .panel-warning > .panel-body { padding: 10px 0 0; font-family: 'VistaReg', sans-serif; } .panel-warning > .panel-body h4 { font-size: 16px; margin-top: 0; } .panel-warning > .panel-body > *:last-child { margin-bottom: 0; } .panel-warning > .panel-body a { color: #1A1A1A; } /*** FORM ***/ form .row { margin-right: -12.5px !important; margin-left: -12.5px !important; } form .row > div { padding-right: 12.5px !important; padding-left: 12.5px !important; } label { font-size: 14px; font-weight: 500; margin-bottom: 2px; display: block; } .form-control { height: 28px; padding: 2px 12px; border-radius: 0; border: 1px solid #392E24; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.1); } .form-control:focus { border-color: #BBB; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .5); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .5); } input.form-control[type="date"] { background: url('../images/ico-calendar-datepicker.png') right no-repeat; } select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../images/ico-arrow-select.png') right no-repeat; } select::-ms-expand { display: none; } input.form-control[type="date"] { background: url('../images/ico-calendar-datepicker.png') right no-repeat; } .datepicker input.form-control[type="text"] { background: url('../images/ico-calendar-datepicker.png') right no-repeat; } input.form-control.datepicker[type="text"] { background: url('../images/ico-calendar-datepicker.png') right no-repeat; } .datepicker input.form-control.add-on[type="text"] { background: url('../images/ico-calendar-datepicker.png') right no-repeat; } select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../images/ico-arrow-select.png') right no-repeat; } form button[type="submit"]:not(.intable) { text-transform: uppercase; margin-top: 15px; font-size: 19px; line-height: 21px; padding: 5px 25px; height: 28px; } form button[type="reset"]:not(.intable) { text-transform: uppercase; margin-top: 15px; font-size: 17px; line-height: 21px; padding: 5px 25px; height: 28px; } /* DOUBLE DATE */ .double-date label { display: block; } /*.double-date input[type="date"] { width: 43%; display: inline-block; }*/ .double-date input[type="date"] { width: 46%; display: inline-block; } /*.double-date input.datepicker[type="text"] { width: 43%; display: inline-block; }*/ .double-date input.datepicker[type="text"] { width: 46%; display: inline-block; } /*.double-date > .datepicker { width: 43%; display: inline-block; }*/ .double-date .line.datepicker { width: 46%; display: inline-block; } /*.double-date span { display: inline-block; width: 11%; text-align: center; }*/ .double-date span { display: inline-block; width: 8%; text-align: center; } .double-date input[type="date"]:first-child { float: left; } .double-date input.datepicker[type="text"]:first-child { float: left; } .double-date div.line.datepicker:first-child { float: left; } .double-date input[type="date"]:last-child { float: right; } .double-date input.datepicker[type="text"]:last-child { float: right; } .double-date div.line.datepicker:last-child { float: right; } .double-datepicker { width: 100%; } .info-form-date .double-datepicker { width: calc( 100% - 37px ); display: inline-block; } /* ICONE INFO */ img.info-form { margin-top: 22px; } .form-group img.info-form { margin-top: 0; } .form-group label.checkbox + img.info-form { margin-top: -20px; } /* CHECKBOX CUSTOM */ .checkbox + .checkbox { margin-top: 0px; } input.checkbox { position: absolute; left: -9999px; } label.checkbox { position: relative; cursor: pointer; width: 29px; height: 28px; margin: 0 25px 0 0; display: inline-block; } label.checkbox:before, label.checkbox:after { content:''; position: absolute; left: 0; top: 0; width: 29px; height: 28px; } label.checkbox:before { border: 1px solid #392E24; background: #FFF; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.1); } input.checkbox[type="checkbox"]:not(:checked) + label:after, input.checkbox[type="checkbox"]:checked + label:after { content: '✔'; text-align: center; font-size: 18px; color: #392E24; line-height: 28px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } input.checkbox[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } input.checkbox[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*** BTN ***/ .btn { border: 0; border-radius: 0; padding: 7px 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); font-family: 'VistaReg', sans-serif; line-height: 1; height: 26px; } .btn-primary { background: #392E24; color: #FFF; } .btn-primary:hover, .btn-primary:focus { background: #4C3929; } .btn-default, .btn-default:hover { border: 1px solid #392E24; } .btn-back { background: #C3BD1D; color: #000; font-size: 18px; height: 25px; padding: 5px 14px; box-shadow: none; } .btn-back:before { content: "-"; background: url('../images/ico-before-btn-back.png') no-repeat; display: block; float: left; height: 25px; width: 11px; margin: -5px 0 0 -29px; color: transparent; } .btn-back:hover, .btn-back:focus { background: #D8CD48; } /*** TABLE ***/ .table { color: #000; } .table caption { color: #392E24; font-family: 'VistaReg', sans-serif; font-size: 24px; padding: 30px 0; } .table th, .table td { vertical-align: middle !important; text-align: center; } .table-striped > thead > tr > th { background: #392E24; color: #FFF; border-bottom: 0; border-color: #FFF; text-transform: uppercase; font-family: 'VistaReg', sans-serif; font-size: 19px; line-height: 35px; font-weight: 500; } .table-striped > thead > tr > th:first-child { border-left-color: #392E24; } .table-striped > thead > tr > th:last-child { border-right-color: #392E24; } .table-striped > tbody > tr:nth-child(odd) { background-color: #F7F7F9; } .table-striped > tbody > tr:nth-child(even) { background-color: #E1DE8E; } .table-bordered { border-color: #392E24; } .table-bordered > tbody > tr > td { border-color: #392E24; } /** WELL **/ .well { border: 0; border-radius: 0; background: #F0EFF3; box-shadow: none; } .well p { margin-bottom: 8px; } .well p:last-child { margin: 0; } /** MODAL **/ .modal-content { border: 0; border-radius: 0; } .modal-header { background: #392E24; border: 0; } .modal-header h4 { color: #FFF; line-height: 1; } .modal-header .close { color: #FFF; } .modal-body > *:last-child { margin-bottom: 0; } .modal-body iframe { width: 100%; min-height: 500px; border: 0; } .modal-footer { border-top: 1px dashed #DDD; } /** ACCES DIRECTS **/ .acces-direct { background: #C4BE1E; padding: 15px; font-family: 'VistaReg', sans-serif; } .acces-direct ul { margin: 0; padding: 0; } .acces-direct ul li { text-transform: uppercase; font-size: 16px; list-style: none; } .acces-direct ul li:before { content:">"; margin-right: 5px; color: #392E24; float: left; } .acces-direct ul li + li { padding-top: 16px; } .acces-direct ul li a { color: #392E24; text-decoration: underline; display: block; padding-left: 13px; } .acces-direct ul li a:hover { color: #4D4D4D; } /*********************************/ /* HEADER */ /*********************************/ #header { background: #FFF; } #header .site-header { background: #C4BE1E; padding: 17px 0 8px;} #header .site-header .brand { float: left; min-width: 450px; } #header .site-header .brand a { color: #392E24; } #header .site-header .brand a:hover { text-decoration: none; } #header .site-header .brand img.logo-rm { float: left; margin-right: 8px; } #header .site-header .brand h1 { font-family: 'VistaReg', sans-serif; font-size: 30px; line-height: 1; margin: 0; padding: 20px 0 0 0; } #header .site-header .brand h1 span { display: block; font-size: 17px; } #header .acces-direct { margin-bottom: 25px; padding: 0; } #header .navbar.navbar-default { font-family: 'VistaReg', sans-serif; border:0; border-radius: 0; margin: 8px 0 0; background: #392E24; color: #FFF; min-height: 40px; } #header .navbar.navbar-default ul.navbar-nav a { color: #FFF; } @media (min-width: 769px){ #header .navbar.navbar-default .container { padding: 0; } #header .navbar.navbar-default ul.nav { width: 100%; float: none; display: table; } #header .navbar.navbar-default ul.nav li { list-style: none; } #header .navbar.navbar-default ul.nav > li.home { float: none; display: table-cell; text-align: center; vertical-align: middle; width: 40px; } #header .navbar.navbar-default ul.nav > li:not(.home) { float: none; display: table-cell; text-align: center; vertical-align: middle; width: calc( 25% - 10px ); } #header .navbar.navbar-default ul.nav > li + li:before { content: "-"; background: #FFF; color: transparent; height: 24px; width: 2px; float: left; margin: 8px 0 0 -1px; } #header .navbar.navbar-default ul.navbar-nav > li > a { height: 40px; line-height: 43px; padding: 0; display: block; font-size: 19px; text-transform: uppercase; color: #FFF; } #header .navbar.navbar-default .navbar-nav > li > a:hover, #header .navbar.navbar-default .navbar-nav > li.active > a, #header .navbar.navbar-default .navbar-nav > .open > a, #header .navbar.navbar-default .navbar-nav > .open > a:hover, #header .navbar.navbar-default .navbar-nav > .open > a:focus { color: #392E24; background-color: #C4BE1E; } #header .navbar.navbar-default ul.nav > li.active:before, #header .navbar.navbar-default ul.nav > li.active + li:before, #header .navbar.navbar-default ul.nav > li:hover:before, #header .navbar.navbar-default ul.nav > li:hover + li:before { display: none; } #header .navbar.navbar-default .open > .dropdown-menu { width: 100%; border: 0; border-radius: 0; background: none; padding: 0; box-shadow: none; } #header .navbar.navbar-default .dropdown-menu:before { content: "-"; background: url('../images/ico-after-menu.png') center no-repeat; color: transparent; width: 100%; height: 14px; display: inline-block; position: absolute; top: -5px; } #header .navbar.navbar-default .dropdown-menu > li { font-size: 16px; border-top: 1px solid #FFF; } #header .navbar.navbar-default .dropdown-menu > li a { padding: 8px 10px; color: #392E24; background: rgba(225,222,142,0.9); } #header .navbar.navbar-default .dropdown-menu > li > a:hover, #header .navbar.navbar-default .dropdown-menu > li > a:focus, #header .navbar.navbar-default .dropdown-menu > .active > a, #header .navbar.navbar-default .dropdown-menu > .active > a:hover, #header .navbar.navbar-default .dropdown-menu > .active > a:focus { background-color: #C4BE1E; } #header .navbar.navbar-default .dropdown-menu > .active > a, #header .navbar.navbar-default .dropdown-menu > .active > a:hover, #header .navbar.navbar-default .dropdown-menu > .active > a:focus { font-family: 'VistaBold', sans-serif; } #header .navbar.navbar-default .navbar-collapse { padding: 0; } } #header .date { float: right; padding: 0 20px 0 0; color: #392E24; font-family: 'VistaReg', sans-serif; font-size: 13px; margin-top: 48px; } #header form { float: right; width: 191px; text-align: right; margin-top: 44px; } #header form .form-control { float: left; height: 20px; font-size: 10px; box-shadow: none; margin: 0; padding: 5px; width: 171px; } #header form .btn-primary { float: right; margin: 0; padding: 0; width: 20px; height: 20px; line-height: 20px; box-shadow: none; font-size: 14px; } #header .navbar-toggle { float: left; margin: 0; padding: 6px 0; border: 0; border-radius: 0; width: 10%; } #header .navbar-toggle .icon-bar { background: #392E24; } @media (max-width: 900px){ #header .date { float: none; position: absolute; right: 16px; top: 40px; margin: 0; } } @media (max-width: 768px){ #header .site-header .brand { float: none; margin: 0 auto 25px; width: 450px; height: 65px; min-width: 1px; } #header form { width: 90%; margin: 0; } #header form .form-control { width: 90%; height: 26px; font-size: 12px; } #header form .btn-primary { width: 10%; height: 26px; } #header .navbar.navbar-default { min-height: 0; } #header .navbar.navbar-default .caret.visible-xs { display: inline-block !important; margin-left: 5px; } #header .navbar.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #392E24; background-color: #C4BE1E; } } @media (max-width: 450px){ #header .site-header .brand { width: 100%; } #header .site-header .brand h1 { font-size: 28px; padding: 26px 0 0 0; } #header .site-header .brand h1 span { font-size: 11px; } } /*********************************/ /* MAIN */ /*********************************/ #main { background: #FFF; padding-top: 0; padding-bottom: 60px; } #main.accueil { padding-top: 30px; } /*#main.liste-personnalites { padding-top: 30px; }*/ @media (max-width: 768px){ #main { padding-top: 15px; } } #main .row { margin-right: -7.5px; margin-left: -7.5px; } #main .row > div { padding-right: 7.5px; padding-left: 7.5px; } /*** CONTENT ***/ #main .row > div#content { padding-right: 22.5px; } #main .row > div#content.recherche { padding-right: 7.5px; } @media (max-width: 768px){ #main .row > div#content { padding-right: 7.5px; } } /* SLIDER */ .bx-wrapper { margin: 0 auto 50px; } .bx-wrapper .bx-viewport { border: 0; background: #F0EFF3; box-shadow: none; left: 0; } .bx-wrapper .bx-viewport ul { margin: 0; } .bxslider .cover { position: relative; } .bxslider .cover > a { display: block; height: 375px; overflow: hidden; } .bxslider .cover > a > img { width: 100%; } #content .bxslider .cover p.legende { width: 100%; margin: 0; padding: 2px 10px; font-size: 12px; position: absolute; right: 0; bottom: 0; left: 0; background: rgba(45,63,116,0.7); color: #FFF; text-align: left; } .bxslider .cover p.legende a { float: right; padding-top: 1px; margin-left: 5px; } .bxslider .slider-body { padding: 50px 15px 15px; } .bxslider .slider-body h2 { font-size: 22px; font-family: 'VistaBold', sans-serif; margin-top: 0; } .bxslider .slider-body h2, .bxslider .slider-body h2 a { color: #392E24; } .bxslider .slider-body p.date { font-family: 'VistaMed', sans-serif; color: #392E24; font-size: 17px; } .bxslider .slider-body p { color: #1A1A1A; } .bxslider .slider-body p.lire-la-suite { margin: 0; font-family: 'VistaMed', sans-serif; color: #392E24; font-size: 15px; text-align: right; } .bxslider .slider-body p.lire-la-suite a { color: #392E24; } .bx-wrapper .bx-pager { top: 372px; padding-top: 15px; height: 12px; } .bx-wrapper .bx-pager .bx-pager-item > a { width: 16px; height: 12px; margin: 0 3px; background: #392E24; border-radius: 0; } .bx-wrapper .bx-pager .bx-pager-item > a.active { background: #C0BB2C; } .bx-wrapper .bx-controls-direction { position: absolute; top: 158px; width: 100%; height: 30px; z-index: 1; } .bx-wrapper .bx-controls-direction > a { width: 35px; height: 30px; margin: 0; top: 0; } .bx-wrapper .bx-controls-direction > a.bx-next { right: 0; background: rgba(0,0,0,0.7) url('../images/ico-next.png') center no-repeat; } .bx-wrapper .bx-controls-direction > a.bx-prev { left: 0; background: rgba(0,0,0,0.7) url('../images/ico-prev.png') center no-repeat; } #main.liste-personnalites .bx-wrapper { margin: 0 auto 75px; } #main.liste-personnalites .bx-wrapper .bx-viewport { background: #C4BE1E; } #main.liste-personnalites .bxslider .slider-body { padding: 25px 60px; font-size: 24px; font-family: 'VistaBold', sans-serif; } #main.liste-personnalites .bxslider .slider-body .row { display: table; width: 100%; } #main.liste-personnalites .bxslider .slider-body .row > div { display: table-cell; vertical-align: middle; float: none; position: relative; } #main.liste-personnalites .bxslider .slider-body h2 { font-size: 30px; } #main.liste-personnalites .bxslider .slider-body img { width: 100%; } #main.liste-personnalites .bxslider .slider-body p { color: #392E24; } #main.liste-personnalites .bxslider .slider-body p.slider-titre { margin-bottom: 5px; line-height: 1.1em; } #main.liste-personnalites .bxslider .slider-body p.slider-date { color: #392E24; font-weigth: 200; font-family: arial, sans-serif; font-size: 0.6em;} #main.liste-personnalites .bxslider .slider-body p.slider-desc { color: #392E24; font-weigth: 200; font-family: arial, sans-serif; font-size: 0.725em; font-weight: 100; line-height: 1.2em; } #main.liste-personnalites .bxslider .slider-body p.slider-titre + p.slider-desc { margin-top: 10px; } #main.liste-personnalites .bxslider .slider-body p.lire-la-suite { margin-top: 15px; /* position: absolute; right: 0; bottom: 0; */ } #main.liste-personnalites .bxslider .slider-body p.legende { margin: 5px 0 5px 0; text-align: right; font-size: 11px; font-family: arial, sans-serif; width: 100%; } #main.liste-personnalites .bx-wrapper .bx-pager { bottom: 0; top: auto; } #main.liste-personnalites .bx-wrapper .bx-pager .bx-pager-item > a { margin-top: 20px; margin-bottom: 20px; } #main.liste-personnalites .bx-wrapper .bx-controls-direction { top: 40%; } @media (max-width: 768px){ .bxslider .cover > a { display: block; height: 225px; overflow: hidden; } .bxslider .slider-body { padding-top: 30px; } .bx-wrapper .bx-pager { display: none; } .bx-wrapper .bx-controls-direction { display: none; } } #content .bloc-iedit-accueil .panel-primary > .panel-heading { padding: 4px 3px 3px; } #content .bloc-iedit-accueil .panel-primary > .panel-heading h4 { font-size: 13px; } #content .bloc-iedit-accueil .panel-primary > .panel-body { padding: 0 10px 10px 10px; min-height: 175px; } #content .bloc-iedit-accueil .panel-primary p.copyright { text-align: right; font-size: 11px; padding: 5px 0; margin-bottom: 5px; } .bloc-visite-virtuelle h3 { font-size: 22px; } .bloc-visite-virtuelle .panel-primary > .panel-heading { padding: 4px 3px 3px; } .bloc-visite-virtuelle .panel-primary > .panel-heading h4 { font-size: 13px; } .bloc-visite-virtuelle .panel-primary > .panel-heading h4, .bloc-visite-virtuelle .panel-primary > .panel-heading h4 a { color: #392E24; } @media (max-width: 768px){ #content .bloc-visite-virtuelle .panel { margin-bottom: 10px; } #content .bloc-visite-virtuelle { margin-bottom: 20px; } #content .bloc-visite-virtuelle .panel-primary > .panel-heading { padding: 7px; } #content .bloc-visite-virtuelle .panel-primary > .panel-heading h4 { font-size: 16px; } } #content ol.breadcrumb { font-size: 11px; background: none; padding: 0; margin-top: 8px; margin-bottom: 8px; } #content ol.breadcrumb > li + li:before { padding: 0 3px; color: #392E24; content: "›"; } #content ol.breadcrumb a, #content ol.breadcrumb li.active { color: #666666; } /*#main.liste-personnalites #content ol.breadcrumb { margin-top: 8px; margin-bottom: 8px; }*/ #content header { overflow: hidden; margin-top: 30px; } #content header h1 { margin: 0 0 15px; } #content.recherche header h1 { font-size: 30px; } #main.liste-personnalites header h1 { /* font-size: 21px; */ margin: 0 0 5px; } #content header p { font-size: 18px; color: #666; margin: 0 0 15px; font-family: 'VistaBold', sans-serif; line-height: 1; } #content header + .btn-back { margin-top: 5px; } #content .btn-back + h2 { margin: 14px 0 20px; } #content h1 { /* font-size: 24px; */ } #content h2 { /* font-size: 18px; */ border-left: 4px solid #392e24; font-size: 22px; padding-left: 8px; } #content h3 { /* font-size: 15px; */ } #content h2.heading { background: #C4BE1E; text-transform: uppercase; font-size: 16px; padding: 4px; } #content p.chapeau { font-size: 18px; font-family: 'VistaMed', sans-serif; } #main.liste-personnalites #content ul { padding: 0; margin: 0; } #main.liste-personnalites #content ul li { list-style: none; font-size: 15px; padding: 4px 0; } #main.liste-personnalites #content ul li a { color: #392E24; } #content footer { border-top: 1px dashed #979313; padding: 25px 0 0; margin-top: 25px; font-family: 'VistaReg', sans-serif; } #content footer .row { margin-right: -18px; margin-left: -18px; } #content footer .row > div { padding-right: 18px; padding-left: 18px; } #content footer .row > div:last-child { border-left: 1px dashed #979313; } #content footer .row > div:last-child > *:first-child { margin-top: 0; } .bloc-docs-telecharger ul { margin: 0; padding: 0 0 0 10px; } .bloc-docs-telecharger ul li { font-size: 16px; list-style: none; } .bloc-docs-telecharger ul li:before { content:">"; margin: 0 4px 0 -10px; color: #392E24; } .bloc-docs-telecharger ul li + li { padding-top: 16px; } .bloc-docs-telecharger ul li a { color: #392E24; } /*** COLUMN ***/ #column { font-size: 14px; padding-top: 30px; } #main.accueil #column { padding-top: 0; } /*#main.liste-personnalites #column { padding-top: 30px; }*/ #column .sous-menu { background: #FFF; border: 2px solid #392E24; padding: 15px; font-family: 'VistaBold', sans-serif; } #column .sous-menu ul { margin: 0; padding: 0; } #column .sous-menu ul li { font-size: 15px; list-style: none; } #column .sous-menu > ul > li:before { content: "."; color: transparent; display: block; float: left; margin: 0px 7px 0 0; color: #392E24; background: url('../images/ico-before-sous-menu.png') no-repeat 0 2px; } #column .sous-menu ul li { padding-top: 14px; } #column .sous-menu > ul > li:first-child { padding-top: 0; } #column .sous-menu > ul ul > li { padding-top: 8px; } #column .sous-menu ul li a { color: #392E24; text-decoration: none; } #column .sous-menu ul li.active > a { text-decoration: underline; } #column .sous-menu ul li a:hover { color: #4D4D4D; } #column .sous-menu ul ul { padding: 0 0 0 24px; /*12px;*/ } #column .sous-menu ul ul li a { font-family: arial, sans-serif; } #column .panel-default > .panel-heading h3 { font-size: 16px; font-family: 'VistaReg', sans-serif; font-weight: 500; } #column .panel-default > .panel-body a:hover { color: #4D4D4D; } #column .panel-default > .panel-body .col-sm-6 { padding-left: 0; padding-right: 7.5px; } #column .panel-default > .panel-body .col-sm-6 + .col-sm-6 { padding-left: 7.5px; padding-right: 0; } #column #bloc-contact p.ville { font-size: 18px; font-weight: bold; margin: 0; } #column #bloc-contact p.adresse { font-size: 16px; } #column #bloc-carte-interactive { position: relative; } #column #bloc-carte-interactive .info-bulle { display: none; } #column #bloc-carte-interactive:hover a.cover { opacity: 0.2; } #column #bloc-carte-interactive:hover .info-bulle { display: block; position: absolute; top: 26px; bottom: 0; left: 0; right: 0; cursor: pointer; } #column #bloc-carte-interactive:hover .info-bulle a { color: #111; } #column #bloc-carte-interactive .panel-body p a { color: inherit; } /*** LISTE ***/ .liste { } .liste-item { border-top: 1px dashed #979313; padding: 30px 0; } .liste-item:first-child { border-top: 0; padding-top: 10px; } .liste-item .row > div > *:last-child { margin-bottom: 0; } .liste-item h2 { margin-top: 0; } .liste-item .classif { color: #666; font-family: 'VistaBold', sans-serif; line-height: 1; } .liste-item .date { color: #999; font-size: 12px; line-height: 1; margin-bottom: 8px; } .liste-item .btn { box-shadow: none; } /*** PAGINATION ***/ .pagination > li a { border-radius: 0 !important; color: #392E24; background: #F0EFF3; border-color: #FFF; } .pagination > li a:hover, .pagination > li a:focus { color: #392E24; border-color: #FFF; background: #FFF; } .pagination > li.active a, .pagination > li.active a:hover { background: #C4BE1E; border-color: #FFF; color: #392E24; } /*********************************/ /* FOOTER */ /*********************************/ #footer { padding: 18px 0 25px; font-size: 12px; } #footer p { margin: 0; } #footer p.mentions { margin-top: 35px; } #footer ul { padding: 0; margin: 0; } #footer ul li { list-style: none; } #footer ul li:before { content:">"; margin-right: 5px; } #footer ul li a { color: #392E24; } #footer .logo-rm { float: right; margin-top: 73px; } #global .plan ul li { list-style: none; } #global ul.nav.navbar-nav li{ /*list-style: none;*/ } #global .dropdown-menu>li>a { white-space: normal; } p.image img{ float: none !important; } #content p.legende { text-align: right; font-size: 11px; width: 50%; } #content p.legende.pull-right, #content p.legende.pull-left { min-width: 33%; width: auto; max-width: 100%; } #content p.legende.pull-right { margin: 0 0 15px 15px; } #content p.legende.pull-left { margin: 0 15px 15px 0; } #content p.legende img { max-width: 100%; } #content p.legende.pull-right img, #content p.legende.pull-left img { min-width: 100%; } #content p.legende + p.legende.pull-right { margin: 0 0 15px -15px; } #content p, #content p.image { max-width: 100%; } #content p.image img { float: none; max-width: 100%; } #content h1 { font-size: 30px; } #content h2 { font-size: 22px; } #content h3 { font-size: 19px; } #content h4 { font-size: 16px; } #content h5 { font-size: 14px; } #content h6 { font-size: 12px; } #content p.image img{ float: none !important; } #content .pleinepage { clear: both; } img.pull-right{ margin-left: 10px; margin-bottom: 10px; } img.pull-left{ margin-right: 10px; margin-bottom: 10px; } .info-form select, .info-form input, .info-form textarea { max-width: calc( 100% - 37px ); display: inline-block; } label.checkbox { width: auto; } .form-group label.checkbox + img.info-form , .info-form img.info-form, .info-form-date img.info-form, .info-form-group img.info-form { margin-top: 0; margin-left: 10px; margin-bottom: 10px; vertical-align: top; } .info-form-group .input-group { width: calc( 100% - 37px ); display: inline-block; } .info-form-group .input-group input{ display: inline-block; width: calc( 100% - 40px ); } .info-form-group .input-group .input-group-btn{ display: inline-block; } #content table.dataTable, #content table.table.table-striped.table-bordered{ } /*table-striped table-bordered*/ #content p img, #content iframe { max-width: 100%; } #formAlertCim { margin-top: 30px; } /*** Footer ***/ .row.logos { margin-right: -2px; margin-left: -2px; } .row.logos .col-sm-6 { padding-right: 2px; padding-left: 2px; } /*** TABLE ***/ /* #content table.dataTable { color: #000; } #content table.dataTable caption { color: #392E24; font-family: 'VistaReg', sans-serif; font-size: 24px; padding: 30px 0; } #content table.dataTable th, #content table.dataTable td { vertical-align: middle !important; text-align: center; } #content table.dataTable > thead > tr > th { background: #392E24; color: #FFF; border-bottom: 0; border-color: #FFF; text-transform: uppercase; font-family: 'VistaReg', sans-serif; font-size: 19px; line-height: 35px; font-weight: 500; } #content table.dataTable > thead > tr > th:first-child { border-left-color: #392E24; } #content table.dataTable > thead > tr > th:last-child { border-right-color: #392E24; } #content table.dataTable > tbody > tr:nth-child(odd) { background-color: #F7F7F9; } #content table.dataTable > tbody > tr:nth-child(even) { background-color: #E1DE8E; } #content table.dataTable { border-color: #392E24; } #content table.dataTable > tbody > tr > td { border-color: #392E24; } */ a[data-href]:not([disabled]):not(.disabled) { cursor: pointer; } /*** MODAL ***/ .modal-dialog { width: 80%; height: 80%; } .modal-dialog.obseques { width: 600px; height: auto; top: 20%; } @media screen and (max-width: 768px){ .modal-dialog.obseques { width: calc( 100% - 10px - 10px ); } .modal-dialog { width: calc( 100% - 10px - 10px ); } }