.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; opacity: 0.65; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #3071a9; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ /* .serif-font(@weight:normal, @style:normal) { font-family: 'Playfair Display', serif; font-weight: @weight; font-style: @style; } .serif-regular(@style:normal) { .serif-font(400, @style); } .serif-bold(@style:normal) { .serif-font(700, @style); } .serif-light(@style:normal) { .serif-font(300, @style); } */ /*.sansserif-thin(@style:normal) { .sansserif-font(100, @style); }*/ /*.narrow-regular(@style:normal) { .narrow-font(400, @style); }*/ /*.narrow-light(@style:normal) { .narrow-font(300, @style); } .narrow-thin(@style:normal) { .narrow-font(100, @style); } */ /*.body-thin(@style:normal){ .sansserif-thin(@style); } */ /* strong { .sourceSans-bold(); } */ /*.lien(@color,@in:0) { background: @color; border: 1px solid @color_secondaire; color: @color_secondaire; .rounded(); }*/ /* *
*/ .img-align-middle { height: 200px; } .img-align-middle img { min-height: 0; } .grey_container { background-color: rgba(125, 125, 125, 0.5); } /*----------------------------------------------------------------------------*/ /* CHECKBOX CSS specific */ .switch { cursor: pointer; position: relative; } .switch .switch-container { float: left; } .switch .switch-label { float: left; line-height: 2em; margin-left: .5em; } /*----------------------------------------------------------------------------*/ /* CHECKBOX CSS */ input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=checkbox].css-checkbox + .switch-container { color: #aaa; border: 1px solid #d5d5d5; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; width: 4.1em; font-size: 1em; background: #ffffff; display: block; } input[type=checkbox].css-checkbox + .switch-container .switch-toggle { margin-left: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; -webkit-transition-delay: .25s; -moz-transition-delay: .25s; -o-transition-delay: .25s; -ms-transition-delay: .25s; transition-delay: .25s; } input[type=checkbox].css-checkbox + .switch-container + .switch-checkmark { position: absolute; top: .5em; left: .5em; opacity: 0; color: #292A35; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; -ms-transition: opacity .25s linear; transition: opacity .25s linear; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } input[type=checkbox].css-checkbox:checked + .switch-container { font-weight: normal; color: #292A35; background: #61637d; border-color: #444558; } input[type=checkbox].css-checkbox:checked + .switch-container .switch-toggle { margin-left: 2em; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } input[type=checkbox].css-checkbox:checked + .switch-container + .switch-checkmark { opacity: 1; -webkit-transition-delay: .25s; -moz-transition-delay: .25s; -o-transition-delay: .25s; -ms-transition-delay: .25s; transition-delay: .25s; } /*------------------------------------------------------------------*/ /* Google maps */ #googlemaps_map { width: 100%; height: 300px; border: solid 1px #2945AA; } #googlemaps_map ul { margin: 0; padding: 0; list-style: none; } /*------------------------------------------------------------------*/ /* Telechargements */ ul.telechargements { margin: 0; padding: 0; list-style: none; } ul.telechargements a { position: relative; display: block; height: 54px; line-height: 52px; background-color: #2945AA; text-align: left; color: #FFF; font-size: 15px; padding-left: 45px; margin-bottom: 15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } ul.telechargements a .fa { position: absolute; left: 10px; top: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } ul.telechargements a:hover { text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding-left: 55px; } ul.telechargements a:hover .fa { -webkit-transform: scale(1.1) rotate(30deg); -moz-transform: scale(1.1) rotate(30deg); -o-transform: scale(1.1) rotate(30deg); -ms-transform: scale(1.1) rotate(30deg); transform: scale(1.1) rotate(30deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /*------------------------------------------------------------------*/ /* Message */ .message_ok, .message_erreur { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .message_ok { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .message_erreur { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } /*------------------------------------------------------------------*/ /* Genealogie */ table.genealogie { border: 0; border-collapse: collapse; border-spacing: 0; width: 100%; } table.genealogie td { font-variant: small-caps; padding: 6px 0px; border-bottom: 1px #292A35 solid; vertical-align: middle; } table.genealogie td span.race { font-style: italic; } table.genealogie td.mere { border-bottom: none; } table.genealogie .col1.pere { border-bottom: none; } table.genealogie tr:nth-child(2) td.col3.mere, table.genealogie tr:nth-child(6) td.col3.mere { border-bottom: 1px #292A35 solid; } .cadre_genealogie { background-color: #333; padding: 10px 30px 12px 15px; margin-bottom: 1.5em; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* slicknav */ .slicknav_menu { display: none; width: 100%; z-index: 999; color: #292A35; padding: 0; position: relative; } .slicknav_menu .slicknav_btn { margin: 0; width: 100%; background-color: transparent; color: #292A35; text-shadow: none; } .slicknav_menu .slicknav_btn .slicknav_menutxt { float: right; text-shadow: none; color: #292A35; } .slicknav_menu .slicknav_nav a { color: #292A35; text-transform: uppercase; background-color: transparent !important; } .slicknav_menu .slicknav_nav a.noborder { display: none; } /*------------------------------------------------------------------*/ /* flexslider */ .flexslider { margin: 0; background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: hidden; } .flexslider img { width: 100%; } /*------------------------------------------------------------------*/ /* img vertical align */ .img-align-middle { width: 100%; overflow: hidden; position: relative; display: inline-block; } .img-align-middle img { position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; width: auto; min-width: 0; height: auto; max-height: 100%; } /*------------------------------------------------------------------*/ img.widewidth { width: 100%; } /*------------------------------------------------------------------*/ .center { text-align: center; } /*----------------------------------------------------------------------------*/ /* WAITFORIT JQUERYPLUGIN */ #noTrespassingOuterBarGWrapper { height: 210px; padding-top: 90px; } #noTrespassingOuterBarG { height: 20px; width: 160px; border: 1px solid #fad21f; overflow: hidden; background-color: #FFFFFF; margin-left: auto; margin-right: auto; } .noTrespassingBarLineG { background-color: #fad21f; float: left; width: 14px; height: 120px; margin-right: 24px; margin-top: -28px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .noTrespassingAnimationG { width: 236px; -moz-animation-name: noTrespassingAnimationG; -moz-animation-duration: 1.3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -webkit-animation-name: noTrespassingAnimationG; -webkit-animation-duration: 1.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -ms-animation-name: noTrespassingAnimationG; -ms-animation-duration: 1.3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: noTrespassingAnimationG; -o-animation-duration: 1.3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: noTrespassingAnimationG; animation-duration: 1.3s; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes noTrespassingAnimationG { 0% { margin-left: 0px; } 100% { margin-left: -38px; } } @-webkit-keyframes noTrespassingAnimationG { 0% { margin-left: 0px; } 100% { margin-left: -38px; } } @-ms-keyframes noTrespassingAnimationG { 0% { margin-left: 0px; } 100% { margin-left: -38px; } } @-o-keyframes noTrespassingAnimationG { 0% { margin-left: 0px; } 100% { margin-left: -38px; } } @keyframes noTrespassingAnimationG { 0% { margin-left: 0px; } 100% { margin-left: -38px; } } /*----------------------------------------------------------------------------*/ /* TABLELESS CSS */ .tableless { display: table; background-color: rgba(0, 0, 255, 0.5); } .tableless .tableless-row { display: table-row; vertical-align: top; background-color: rgba(0, 255, 0, 0.5); } .tableless .tableless-cell { display: table-cell; vertical-align: top; background-color: rgba(255, 0, 0, 0.5); } #navrow { position: relative; z-index: 1; } .navbar { margin: 0; } .navbar .menu { text-align: center; } .navbar .menu ul { margin: 0 -5px; padding: 0; list-style-type: none; } .navbar .menu ul li { display: inline-block; } .navbar .menu ul li a { padding: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #FFF; background-color: #2945AA; text-transform: uppercase; text-decoration: none; display: block; overflow: hidden; z-index: 0; position: relative; } .navbar .menu ul li a:before { content: ""; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; height: 100%; position: absolute; left: 0; top: -100%; z-index: -1; background-color: #292A35; } .navbar .menu ul li a:hover:before, .navbar .menu ul li.actif a:before, .navbar .menu ul li.actif a:hover:before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; top: 0; } #footer .navbar .menu ul { margin: 0; } #footer .navbar .menu a { padding: 0; margin: 0; } #footer .navbar .menu a:hover { color: #242328; } #footer .navbar .menu a:before { display: none; } #footer .navbar .menu li.actif a { color: #242328; } #footer .navbar .menu li.manager { float: none; } #footer .navbar .menu li.manager a { color: inherit; } #footer .navbar .menu li.manager a:hover { color: #242328; } /* [class*="col"], [class^="col"], [class*="container"], [class^="container"]{ background-color: rgba(255, 0, 0, 0.3); } */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-decoration: none; } .btn:hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .btn-inherit { color: inherit; background-color: inherit; font-weight: 100; } .btn-default { background-color: transparent; border-color: #292A35; text-transform: uppercase; padding-left: 24px; padding-right: 24px; } .btn-default:hover, .btn-default.active { color: #292A35; background-color: #FFF; border-color: #292A35; } .btn-inverse { color: #292A35; background-color: #FFF; border-color: #292A35; text-transform: uppercase; } .btn-inverse:hover, .btn-inverse.active { color: #292A35; background-color: #FFF; border-color: #292A35; } .btn-vide { background-color: transparent; } .btn-grey { background-color: #777; color: #ccc; border-color: #ccc; } .btn-groupe0 { color: #2945AA; border-color: #2945AA; } .btn-groupe1 { color: #758cde; border-color: #758cde; } .btn-groupe2 { color: #9E8844; border-color: #9E8844; } .alert { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .circled { border: 2px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .block-content { margin-top: 60px; margin-bottom: 60px; } .block-btn { margin-bottom: -20px; } .btn-lg { padding: 10px 40px; } .alert > ul { padding: 0; list-style: none; } hr { background-color: #242328; border: none; height: 1px; } .flex { display: flex; flex-wrap: wrap; } /*----------------------------------------------------------------------------*/ /* Flexslider */ .flexslider .flex-control-thumbs li { width: 111px; height: 111px; overflow: hidden; position: relative; display: inline-block; } .flexslider .flex-control-thumbs li img { position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; max-height: 100%; width: auto; } /*----------------------------------------------------------------------------*/ /* Pagination */ .navBox, .noNavBox { padding: 15px; text-align: right; clear: both; } .noNavBox { margin-top: -30px; } .navBox a, .navBox a.no_more:hover { display: inline-block; width: 25px; height: 27px; line-height: 27px; text-align: center; font-weight: normal; color: silver; margin-left: 5px; border: 1px solid; text-decoration: none; } .navBox .no_more { opacity: 0; cursor: default; } .navBox a.active_page, .navBox a:hover { background-position: 0 -27px; color: #242328; text-decoration: none; } .navBox span.ellipse { display: inline-block; width: 25px; text-align: center; margin-left: 5px; } .navBox span.ellipse.no_more { color: #FFF; } .navBox-info_text { font-family: 'Josefin Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 20px; line-height: 1.1; color: inherit; margin: 0; text-transform: uppercase; } /*----------------------------------------------------------------------------*/ /* SQUARED CHECKBOX */ .squaredCheckbox { visibility: hidden; position: absolute; } .squaredCheck { display: block; width: 28px; height: 28px; background: #292A35; /* background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); margin: 20px auto; -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); */ position: relative; } .squaredCheck label { cursor: pointer; position: absolute; width: 26px; height: 26px; left: 1px; top: 1px; background: #FFF; white-space: nowrap; text-indent: 30px; font-size: 12px; font-weight: normal; line-height: 24px; /* -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); background: -webkit-linear-gradient(top, #222 0%, #45484d 100%); background: -moz-linear-gradient(top, #222 0%, #45484d 100%); background: -o-linear-gradient(top, #222 0%, #45484d 100%); background: -ms-linear-gradient(top, #222 0%, #45484d 100%); background: linear-gradient(top, #222 0%, #45484d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); */ } .squaredCheck label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; content: ''; position: absolute; width: 24px; height: 24px; top: 1px; left: 1px; background: #292A35; /* background: #00bf00; background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%); background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%); background: -o-linear-gradient(top, #00bf00 0%, #009400 100%); background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%); background: linear-gradient(top, #00bf00 0%, #009400 100%); -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); */ } .squaredCheck label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity: 0.75; } input[type=checkbox].squaredCheckbox:checked + .squaredCheck label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /*----------------------------------------------------------------------------*/ .flexslider .flex-direction-nav a { color: #E9EAE2; text-shadow: none; } .flexslider .flex-direction-nav a:hover { color: #292A35; } .nothumbs .flex-control-thumbs { display: none; } /*----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*/ *:focus { outline: none !important; } .nowrap { white-space: nowrap; } body { color: #292A35; background-color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; } a { color: #2945AA; } a:hover { color: #242328; } .form-control { width: 100%; color: #292A35; } .form-control[type="submit"] { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-decoration: none; color: #333; background-color: #fff; border-color: #ccc; background-color: transparent; padding-left: 24px; padding-right: 24px; color: #292A35; background-color: #FFF; border-color: #292A35; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-control[type="submit"]:focus, .form-control[type="submit"]:active:focus, .form-control[type="submit"].active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .form-control[type="submit"]:hover, .form-control[type="submit"]:focus { color: #333; text-decoration: none; } .form-control[type="submit"]:active, .form-control[type="submit"].active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .form-control[type="submit"].disabled, .form-control[type="submit"][disabled], fieldset[disabled] .form-control[type="submit"] { cursor: not-allowed; pointer-events: none; -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; opacity: 0.65; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control[type="submit"]:hover, .form-control[type="submit"]:focus, .form-control[type="submit"]:active, .form-control[type="submit"].active, .open > .dropdown-toggle.form-control[type="submit"] { color: #333; background-color: #e6e6e6; border-color: #adadad; } .form-control[type="submit"]:active, .form-control[type="submit"].active, .open > .dropdown-toggle.form-control[type="submit"] { background-image: none; } .form-control[type="submit"].disabled, .form-control[type="submit"][disabled], fieldset[disabled] .form-control[type="submit"], .form-control[type="submit"].disabled:hover, .form-control[type="submit"][disabled]:hover, fieldset[disabled] .form-control[type="submit"]:hover, .form-control[type="submit"].disabled:focus, .form-control[type="submit"][disabled]:focus, fieldset[disabled] .form-control[type="submit"]:focus, .form-control[type="submit"].disabled:active, .form-control[type="submit"][disabled]:active, fieldset[disabled] .form-control[type="submit"]:active, .form-control[type="submit"].disabled.active, .form-control[type="submit"][disabled].active, fieldset[disabled] .form-control[type="submit"].active { background-color: #fff; border-color: #ccc; } .form-control[type="submit"] .badge { color: #fff; background-color: #333; } h1, h2 { font-family: 'Josefin Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 30px; line-height: 1.1; color: inherit; margin: 0; text-transform: uppercase; } h1 a, h2 a { text-decoration: none; } h1 a, h2 a { text-decoration: none; } .titre a { text-decoration: none; } .fleche { position: relative; height: 1px; width: 15px; background-color: #292A35; display: inline-block; vertical-align: middle; margin-right: 10px; } .fleche:before { position: absolute; right: 0; top: 3px; content: ""; display: block; height: 1px; width: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background-color: inherit; } .fleche:after { position: absolute; right: 0; top: -3px; content: ""; display: block; height: 1px; width: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: inherit; } .carre { margin-top: 2em; } .carre:before { content: ""; display: block; width: 120px; height: 120px; background-color: #E9EAE2; margin-right: -75px; float: left; margin-top: -1em; } .carre > span, .carre > a > span { display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-style: normal; font-size: .6em; color: #2945AA; } .carre a { text-decoration: none; color: inherit; } .encart .illus { background: #E9EAE2; } .encart .content { padding-left: 45px; padding-right: 45px; } .encart figure figcaption { overflow: hidden; } .encart figure figcaption .titre { margin: 0; } .encart figure figcaption .titre a { text-transform: uppercase; text-decoration: none; } .encart figure figcaption .titre .nom:after { content: ","; } .encart figure figcaption .details { font-weight: bold; text-transform: uppercase; /*float: left;*/ } /*.encart figure figcaption .details + .btn { float: right; } .encart figure figcaption .btn + .commentaire { clear: both; margin-top: 4em; }*/ #footer { background-color: #292A35; color: #FFF; text-transform: uppercase; display: flex; flex-wrap: wrap; } #footer div { width: 33.33%; } #footer a { color: #FFF; text-decoration: none; } #footer .logo a { margin: auto; display: block; background: transparent url('../images/logo.png') center center no-repeat; background-size: 75%; width: 100%; max-width: 320px; min-height: 141px; text-indent: -999px; overflow: hidden; line-height: 141px; } #footer .contact { display: flex; flex-wrap: wrap; } #footer .contact p { width: 50%; margin: auto; } #footer .fb { border-top: 1px solid #E9EAE2; font-weight: bold; padding: 1em 0; margin: 0; } #footer .fb i { color: #2945AA; font-size: 1.5em; padding-right: 1em; vertical-align: text-bottom; } #footer .credits { font-size: .75em; margin: 1em 0; padding: 0; list-style: none; color: #E9EAE2; } #footer .credits li { display: inline; } #footer .credits li:before { content: "| "; display: inline-block; } #footer .credits li:first-child:before { content: ""; } #page #header { background-color: #242328; color: #FFF; } #page #header #titre { margin: 0; } #page #header #titre a { margin: auto; display: block; background: transparent url('../images/logo.png') 50% 0 no-repeat; min-width: 320px; height: 141px; text-indent: -999px; overflow: hidden; line-height: 141px; } #page #header #titre span { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; display: block; text-align: center; text-transform: uppercase; margin: 1em 0 0; padding-bottom: 1em; } #page.accueil #header { display: flex; flex-wrap: wrap; } #page.accueil #header #header_slider { width: 66.66%; position: relative; } #page.accueil #header #header_slider #navbar { position: absolute; z-index: 10; width: 100%; } #page.accueil #header #header_slider #titre { position: absolute; bottom: 0px; left: 0; z-index: 5; width: 100%; } #page.accueil #header #header_slider_container { position: relative; overflow: hidden; } #page.accueil #header #header_slider_container:before { content: ""; display: block; position: absolute; z-index: 4; left: -15%; width: 130%; bottom: 0; height: 120%; -webkit-box-shadow: inset 0px -80px 60px 20px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px -80px 60px 20px rgba(0, 0, 0, 0.75); box-shadow: inset 0px -80px 60px 20px rgba(0, 0, 0, 0.75); } #page.accueil #header #header_aside { width: 33.33%; padding-left: 45px; padding-right: 45px; background-color: #242328; color: #FFF; } #page.accueil #header #header_aside .logo { display: block; width: 60%; margin: 1.5em auto 3em; max-width: 250px; } #page.accueil #header #header_aside .contact { display: flex; flex-direction: row; } #page.accueil #header #header_aside .contact a { color: inherit; text-decoration: none; } #page.accueil #header #header_aside .contact a:hover { text-decoration: none; color: #FFF; } #page.accueil #header #header_aside .contact .telmail { flex: 1; } #page.accueil #header #header_aside .contact .tel, #page.accueil #header #header_aside .contact .mail { display: block; } #page.accueil #header #header_aside .contact .mail { text-transform: uppercase; color: #2945AA; } #page.accueil #header #header_aside .contact .fb { display: flex; align-items: center; font-size: 2em; color: #2945AA; } #page.accueil #main #premiere { display: flex; align-content: flex-start; } #page.accueil #main #premiere article { flex-grow: 1; width: 33.33%; } #page.accueil #main #premiere #competition { order: 1; background: #2945AA url('../images/accueil/competition-bg.png') 0 0 no-repeat; color: #FFF; padding-left: 45px; padding-right: 45px; display: flex; flex-direction: column; justify-content: center; } #page.accueil #main #premiere #competition h3, #page.accueil #main #premiere #competition h3 ~ p { padding-left: 45px; padding-right: 45px; } #page.accueil #main #premiere #competition .fleche { background-color: #FFF; margin-left: -25px; } #page.accueil #main #premiere #competition .titre span { display: block; color: #292A35; } #page.accueil #main #premiere #competition .carre:before { background-color: rgba(41, 42, 53, 0.25); } #page.accueil #main #premiere #selection { order: 2; background: #FFF; } #page.accueil #main #premiere #selection .actualite { clear: both; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px; } #page.accueil #main #premiere #selection .actualite .illus { width: 25%; height: 100px; margin-right: 1em; background-color: #E9EAE2; } #page.accueil #main #premiere #selection .actualite .content { flex: 1; } #page.accueil #main #premiere #selection .actualite .content .titre { margin: 0; } #page.accueil #main #premiere #selection .actualite .content .titre a { text-decoration: none; } #page.accueil #main #premiere #selection .actualite .content .titre + p { margin: 0; } #page.accueil #main #premiere #etalons { order: 3; background: #E9EAE2; position: relative; } #page.accueil #main #premiere #etalons .fleche { background-color: #FFF; } #page.accueil #main #premiere #etalons .carre { position: relative; z-index: 1; color: #FFF; } #page.accueil #main #premiere #etalons .carre:before { background-color: #2945AA; } #page.accueil #main #premiere #etalons .carre span { color: #FFF; } #page.accueil #main #premiere #etalons .encart_cheval { position: relative; z-index: 0; top: -150px; margin-bottom: -100px; left: 0; width: 100%; } #page.accueil #main #premiere #etalons .encart_cheval figure { margin: 0; } #page.accueil #main #premiere #etalons .encart_cheval figure .img-align-middle { height: auto; } #page.accueil #main #premiere #etalons .encart_cheval figure .img-align-middle img { position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; } #page.accueil #main #premiere #etalons .encart_cheval figure figcaption { padding-left: 45px; padding-right: 45px; margin-top: 2em; } #page.accueil #main #pension { display: flex; position: relative; } #page.accueil #main #pension:after { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #FFF url('../images/accueil/pension-bg.png') 0 0 no-repeat; } #page.accueil #main #pension #diapo { width: 66.66%; padding: 50px 0 45px 50px; background: -webkit-linear-gradient(left, transparent 50%, #292A35 50%); background: -ms-linear-gradient(left, transparent 50%, #292A35 50%); background: -moz-linear-gradient(90deg, transparent 50%, #292A35 50%); background: -o-linear-gradient(90deg, transparent 50%, #292A35 50%); background-image: -ms-linear-gradient(90deg, transparent 50%, #292A35 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292A35', endColorstr='transparent', GradientType=0); background: linear-gradient(90deg, transparent 50%, #292A35 50%); } #page.accueil #main #pension #diapo span { display: block; float: left; width: 33.33%; padding: 0 5px 10px 5px; } #page.accueil #main #pension #diapo span img { vertical-align: middle; width: 100%; } #page.accueil #main #pension #diapo span:first-child { width: 66.66%; padding: 0 5px 0 0; } #page.accueil #main #pension #ecurie { width: 33.33%; background-color: #292A35; color: #FFF; padding: 45px; } #page.accueil #main #pension #ecurie .fleche { background-color: #FFF; margin-left: -25px; } #page.accueil #main #pension #ecurie .titre { font-weight: 300; } #page.accueil #main #pension #ecurie .titre span { display: block; color: #2945AA; } #page.accueil #main #pension #ecurie .carre:before { opacity: .05; } #page.accueil #main #chevaux { display: flex; align-content: flex-start; padding-top: 45px; background: #FFF url('../images/accueil/chevaux-bg.jpg') right top no-repeat; background-size: auto 100%; } #page.accueil #main #chevaux article { width: 33.33%; } #page.accueil #main #chevaux .intro { padding-left: 45px; padding-right: 45px; } #page.accueil #main #chevaux .intro .titre + p { margin-top: 4em; } #page.accueil #main #chevaux #catalogue { display: flex; flex-wrap: wrap; } #page.accueil #main #chevaux #catalogue .encart_cheval { width: 50%; } #page.accueil #main #chevaux #catalogue .encart_cheval figure { margin: 15px 5px; } #page.accueil #main #chevaux #catalogue .encart_cheval figure .img-align-middle { height: 150px; } #page.chevaux-a-vendre #main, #page.etalons #main, #page.actualites #main { display: flex; align-content: flex-start; } #page.chevaux-a-vendre #main #signature, #page.etalons #main #signature, #page.actualites #main #signature { width: 33.33%; background: #2945AA url('../images/accueil/competition-bg.png') 0 0 no-repeat; color: #FFF; padding-left: 45px; padding-right: 45px; font-weight: 100; padding-top: 150px; } #page.chevaux-a-vendre #main #signature .carre:before, #page.etalons #main #signature .carre:before, #page.actualites #main #signature .carre:before { background-color: rgba(41, 42, 53, 0.25); } #page.chevaux-a-vendre #main #signature + #content, #page.etalons #main #signature + #content, #page.actualites #main #signature + #content { width: 66.66%; } #page.chevaux-a-vendre #main #content, #page.etalons #main #content, #page.actualites #main #content { width: 100%; margin-bottom: 45px; } #page.chevaux-a-vendre #main #content .imprimer, #page.etalons #main #content .imprimer, #page.actualites #main #content .imprimer { padding-left: 45px; padding-right: 45px; } #page.chevaux-a-vendre #main #content .tri .tri-content a, #page.etalons #main #content .tri .tri-content a, #page.actualites #main #content .tri .tri-content a, #page.chevaux-a-vendre #main #content .tri .tri-content button, #page.etalons #main #content .tri .tri-content button, #page.actualites #main #content .tri .tri-content button { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-decoration: none; color: #333; background-color: #fff; border-color: #ccc; background-color: transparent; border-color: #292A35; text-transform: uppercase; padding-left: 24px; padding-right: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1px 18px; } #page.chevaux-a-vendre #main #content .tri .tri-content a:focus, #page.etalons #main #content .tri .tri-content a:focus, #page.actualites #main #content .tri .tri-content a:focus, #page.chevaux-a-vendre #main #content .tri .tri-content button:focus, #page.etalons #main #content .tri .tri-content button:focus, #page.actualites #main #content .tri .tri-content button:focus, #page.chevaux-a-vendre #main #content .tri .tri-content a:active:focus, #page.etalons #main #content .tri .tri-content a:active:focus, #page.actualites #main #content .tri .tri-content a:active:focus, #page.chevaux-a-vendre #main #content .tri .tri-content button:active:focus, #page.etalons #main #content .tri .tri-content button:active:focus, #page.actualites #main #content .tri .tri-content button:active:focus, #page.chevaux-a-vendre #main #content .tri .tri-content a.active:focus, #page.etalons #main #content .tri .tri-content a.active:focus, #page.actualites #main #content .tri .tri-content a.active:focus, #page.chevaux-a-vendre #main #content .tri .tri-content button.active:focus, #page.etalons #main #content .tri .tri-content button.active:focus, #page.actualites #main #content .tri .tri-content button.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #page.chevaux-a-vendre #main #content .tri .tri-content a:hover, #page.etalons #main #content .tri .tri-content a:hover, #page.actualites #main #content .tri .tri-content a:hover, #page.chevaux-a-vendre #main #content .tri .tri-content button:hover, #page.etalons #main #content .tri .tri-content button:hover, #page.actualites #main #content .tri .tri-content button:hover, #page.chevaux-a-vendre #main #content .tri .tri-content a:focus, #page.etalons #main #content .tri .tri-content a:focus, #page.actualites #main #content .tri .tri-content a:focus, #page.chevaux-a-vendre #main #content .tri .tri-content button:focus, #page.etalons #main #content .tri .tri-content button:focus, #page.actualites #main #content .tri .tri-content button:focus { color: #333; text-decoration: none; } #page.chevaux-a-vendre #main #content .tri .tri-content a:active, #page.etalons #main #content .tri .tri-content a:active, #page.actualites #main #content .tri .tri-content a:active, #page.chevaux-a-vendre #main #content .tri .tri-content button:active, #page.etalons #main #content .tri .tri-content button:active, #page.actualites #main #content .tri .tri-content button:active, #page.chevaux-a-vendre #main #content .tri .tri-content a.active, #page.etalons #main #content .tri .tri-content a.active, #page.actualites #main #content .tri .tri-content a.active, #page.chevaux-a-vendre #main #content .tri .tri-content button.active, #page.etalons #main #content .tri .tri-content button.active, #page.actualites #main #content .tri .tri-content button.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #page.chevaux-a-vendre #main #content .tri .tri-content a.disabled, #page.etalons #main #content .tri .tri-content a.disabled, #page.actualites #main #content .tri .tri-content a.disabled, #page.chevaux-a-vendre #main #content .tri .tri-content button.disabled, #page.etalons #main #content .tri .tri-content button.disabled, #page.actualites #main #content .tri .tri-content button.disabled, #page.chevaux-a-vendre #main #content .tri .tri-content a[disabled], #page.etalons #main #content .tri .tri-content a[disabled], #page.actualites #main #content .tri .tri-content a[disabled], #page.chevaux-a-vendre #main #content .tri .tri-content button[disabled], #page.etalons #main #content .tri .tri-content button[disabled], #page.actualites #main #content .tri .tri-content button[disabled], fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content a, fieldset[disabled] #page.etalons #main #content .tri .tri-content a, fieldset[disabled] #page.actualites #main #content .tri .tri-content a, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content button, fieldset[disabled] #page.etalons #main #content .tri .tri-content button, fieldset[disabled] #page.actualites #main #content .tri .tri-content button { cursor: not-allowed; pointer-events: none; -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; opacity: 0.65; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #page.chevaux-a-vendre #main #content .tri .tri-content a:hover, #page.etalons #main #content .tri .tri-content a:hover, #page.actualites #main #content .tri .tri-content a:hover, #page.chevaux-a-vendre #main #content .tri .tri-content button:hover, #page.etalons #main #content .tri .tri-content button:hover, #page.actualites #main #content .tri .tri-content button:hover, #page.chevaux-a-vendre #main #content .tri .tri-content a:focus, #page.etalons #main #content .tri .tri-content a:focus, #page.actualites #main #content .tri .tri-content a:focus, #page.chevaux-a-vendre #main #content .tri .tri-content button:focus, #page.etalons #main #content .tri .tri-content button:focus, #page.actualites #main #content .tri .tri-content button:focus, #page.chevaux-a-vendre #main #content .tri .tri-content a:active, #page.etalons #main #content .tri .tri-content a:active, #page.actualites #main #content .tri .tri-content a:active, #page.chevaux-a-vendre #main #content .tri .tri-content button:active, #page.etalons #main #content .tri .tri-content button:active, #page.actualites #main #content .tri .tri-content button:active, #page.chevaux-a-vendre #main #content .tri .tri-content a.active, #page.etalons #main #content .tri .tri-content a.active, #page.actualites #main #content .tri .tri-content a.active, #page.chevaux-a-vendre #main #content .tri .tri-content button.active, #page.etalons #main #content .tri .tri-content button.active, #page.actualites #main #content .tri .tri-content button.active, .open > .dropdown-toggle#page.chevaux-a-vendre #main #content .tri .tri-content a, .open > .dropdown-toggle#page.etalons #main #content .tri .tri-content a, .open > .dropdown-toggle#page.actualites #main #content .tri .tri-content a, .open > .dropdown-toggle#page.chevaux-a-vendre #main #content .tri .tri-content button, .open > .dropdown-toggle#page.etalons #main #content .tri .tri-content button, .open > .dropdown-toggle#page.actualites #main #content .tri .tri-content button { color: #333; background-color: #e6e6e6; border-color: #adadad; } #page.chevaux-a-vendre #main #content .tri .tri-content a:active, #page.etalons #main #content .tri .tri-content a:active, #page.actualites #main #content .tri .tri-content a:active, #page.chevaux-a-vendre #main #content .tri .tri-content button:active, #page.etalons #main #content .tri .tri-content button:active, #page.actualites #main #content .tri .tri-content button:active, #page.chevaux-a-vendre #main #content .tri .tri-content a.active, #page.etalons #main #content .tri .tri-content a.active, #page.actualites #main #content .tri .tri-content a.active, #page.chevaux-a-vendre #main #content .tri .tri-content button.active, #page.etalons #main #content .tri .tri-content button.active, #page.actualites #main #content .tri .tri-content button.active, .open > .dropdown-toggle#page.chevaux-a-vendre #main #content .tri .tri-content a, .open > .dropdown-toggle#page.etalons #main #content .tri .tri-content a, .open > .dropdown-toggle#page.actualites #main #content .tri .tri-content a, .open > .dropdown-toggle#page.chevaux-a-vendre #main #content .tri .tri-content button, .open > .dropdown-toggle#page.etalons #main #content .tri .tri-content button, .open > .dropdown-toggle#page.actualites #main #content .tri .tri-content button { background-image: none; } #page.chevaux-a-vendre #main #content .tri .tri-content a.disabled, #page.etalons #main #content .tri .tri-content a.disabled, #page.actualites #main #content .tri .tri-content a.disabled, #page.chevaux-a-vendre #main #content .tri .tri-content button.disabled, #page.etalons #main #content .tri .tri-content button.disabled, #page.actualites #main #content .tri .tri-content button.disabled, #page.chevaux-a-vendre #main #content .tri .tri-content a[disabled], #page.etalons #main #content .tri .tri-content a[disabled], #page.actualites #main #content .tri .tri-content a[disabled], #page.chevaux-a-vendre #main #content .tri .tri-content button[disabled], #page.etalons #main #content .tri .tri-content button[disabled], #page.actualites #main #content .tri .tri-content button[disabled], fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content a, fieldset[disabled] #page.etalons #main #content .tri .tri-content a, fieldset[disabled] #page.actualites #main #content .tri .tri-content a, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content button, fieldset[disabled] #page.etalons #main #content .tri .tri-content button, fieldset[disabled] #page.actualites #main #content .tri .tri-content button, #page.chevaux-a-vendre #main #content .tri .tri-content a.disabled:hover, #page.etalons #main #content .tri .tri-content a.disabled:hover, #page.actualites #main #content .tri .tri-content a.disabled:hover, #page.chevaux-a-vendre #main #content .tri .tri-content button.disabled:hover, #page.etalons #main #content .tri .tri-content button.disabled:hover, #page.actualites #main #content .tri .tri-content button.disabled:hover, #page.chevaux-a-vendre #main #content .tri .tri-content a[disabled]:hover, #page.etalons #main #content .tri .tri-content a[disabled]:hover, #page.actualites #main #content .tri .tri-content a[disabled]:hover, #page.chevaux-a-vendre #main #content .tri .tri-content button[disabled]:hover, #page.etalons #main #content .tri .tri-content button[disabled]:hover, #page.actualites #main #content .tri .tri-content button[disabled]:hover, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content a:hover, fieldset[disabled] #page.etalons #main #content .tri .tri-content a:hover, fieldset[disabled] #page.actualites #main #content .tri .tri-content a:hover, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content button:hover, fieldset[disabled] #page.etalons #main #content .tri .tri-content button:hover, fieldset[disabled] #page.actualites #main #content .tri .tri-content button:hover, #page.chevaux-a-vendre #main #content .tri .tri-content a.disabled:focus, #page.etalons #main #content .tri .tri-content a.disabled:focus, #page.actualites #main #content .tri .tri-content a.disabled:focus, #page.chevaux-a-vendre #main #content .tri .tri-content button.disabled:focus, #page.etalons #main #content .tri .tri-content button.disabled:focus, #page.actualites #main #content .tri .tri-content button.disabled:focus, #page.chevaux-a-vendre #main #content .tri .tri-content a[disabled]:focus, #page.etalons #main #content .tri .tri-content a[disabled]:focus, #page.actualites #main #content .tri .tri-content a[disabled]:focus, #page.chevaux-a-vendre #main #content .tri .tri-content button[disabled]:focus, #page.etalons #main #content .tri .tri-content button[disabled]:focus, #page.actualites #main #content .tri .tri-content button[disabled]:focus, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content a:focus, fieldset[disabled] #page.etalons #main #content .tri .tri-content a:focus, fieldset[disabled] #page.actualites #main #content .tri .tri-content a:focus, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content button:focus, fieldset[disabled] #page.etalons #main #content .tri .tri-content button:focus, fieldset[disabled] #page.actualites #main #content .tri .tri-content button:focus, #page.chevaux-a-vendre #main #content .tri .tri-content a.disabled:active, #page.etalons #main #content .tri .tri-content a.disabled:active, #page.actualites #main #content .tri .tri-content a.disabled:active, #page.chevaux-a-vendre #main #content .tri .tri-content button.disabled:active, #page.etalons #main #content .tri .tri-content button.disabled:active, #page.actualites #main #content .tri .tri-content button.disabled:active, #page.chevaux-a-vendre #main #content .tri .tri-content a[disabled]:active, #page.etalons #main #content .tri .tri-content a[disabled]:active, #page.actualites #main #content .tri .tri-content a[disabled]:active, #page.chevaux-a-vendre #main #content .tri .tri-content button[disabled]:active, #page.etalons #main #content .tri .tri-content button[disabled]:active, #page.actualites #main #content .tri .tri-content button[disabled]:active, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content a:active, fieldset[disabled] #page.etalons #main #content .tri .tri-content a:active, fieldset[disabled] #page.actualites #main #content .tri .tri-content a:active, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content button:active, fieldset[disabled] #page.etalons #main #content .tri .tri-content button:active, fieldset[disabled] #page.actualites #main #content .tri .tri-content button:active, #page.chevaux-a-vendre #main #content .tri .tri-content a.disabled.active, #page.etalons #main #content .tri .tri-content a.disabled.active, #page.actualites #main #content .tri .tri-content a.disabled.active, #page.chevaux-a-vendre #main #content .tri .tri-content button.disabled.active, #page.etalons #main #content .tri .tri-content button.disabled.active, #page.actualites #main #content .tri .tri-content button.disabled.active, #page.chevaux-a-vendre #main #content .tri .tri-content a[disabled].active, #page.etalons #main #content .tri .tri-content a[disabled].active, #page.actualites #main #content .tri .tri-content a[disabled].active, #page.chevaux-a-vendre #main #content .tri .tri-content button[disabled].active, #page.etalons #main #content .tri .tri-content button[disabled].active, #page.actualites #main #content .tri .tri-content button[disabled].active, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content a.active, fieldset[disabled] #page.etalons #main #content .tri .tri-content a.active, fieldset[disabled] #page.actualites #main #content .tri .tri-content a.active, fieldset[disabled] #page.chevaux-a-vendre #main #content .tri .tri-content button.active, fieldset[disabled] #page.etalons #main #content .tri .tri-content button.active, fieldset[disabled] #page.actualites #main #content .tri .tri-content button.active { background-color: #fff; border-color: #ccc; } #page.chevaux-a-vendre #main #content .tri .tri-content a .badge, #page.etalons #main #content .tri .tri-content a .badge, #page.actualites #main #content .tri .tri-content a .badge, #page.chevaux-a-vendre #main #content .tri .tri-content button .badge, #page.etalons #main #content .tri .tri-content button .badge, #page.actualites #main #content .tri .tri-content button .badge { color: #fff; background-color: #333; } #page.chevaux-a-vendre #main #content .lien, #page.etalons #main #content .lien, #page.actualites #main #content .lien { display: none; } #page.chevaux-a-vendre #main #content .flex, #page.etalons #main #content .flex, #page.actualites #main #content .flex { clear: both; margin-top: 45px; justify-content: space-around; } #page.chevaux-a-vendre #main #content .flex .encart, #page.etalons #main #content .flex .encart, #page.actualites #main #content .flex .encart { width: 32%; margin-bottom: 45px; } #page.chevaux-a-vendre #main #content .flex .encart figure, #page.etalons #main #content .flex .encart figure, #page.actualites #main #content .flex .encart figure { margin: 0; } .background-regular { background-color: #292A35; color: #FFF; } .background-regular .btn { color: #FFF; border-color: #FFF; } .background-regular .btn:hover { color: #292A35; } #page.actualite #main .flex, #page.cheval-a-vendre #main .flex, #page.etalon #main .flex { justify-content: space-around; } #page.actualite #main .flex .exergue, #page.cheval-a-vendre #main .flex .exergue, #page.etalon #main .flex .exergue { clear: both; } #page.actualite #main .flex .col-sm-6, #page.cheval-a-vendre #main .flex .col-sm-6, #page.etalon #main .flex .col-sm-6 { width: 48%; } #page.actualite #main .aptitudes ul, #page.cheval-a-vendre #main .aptitudes ul, #page.etalon #main .aptitudes ul, #page.actualite #main .races_reproduction ul, #page.cheval-a-vendre #main .races_reproduction ul, #page.etalon #main .races_reproduction ul { margin: 0; padding: 0; } #page.actualite #main .aptitudes ul li, #page.cheval-a-vendre #main .aptitudes ul li, #page.etalon #main .aptitudes ul li, #page.actualite #main .races_reproduction ul li, #page.cheval-a-vendre #main .races_reproduction ul li, #page.etalon #main .races_reproduction ul li { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-decoration: none; color: #333; background-color: #fff; border-color: #ccc; background-color: transparent; border-color: #292A35; text-transform: uppercase; padding-left: 24px; padding-right: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #page.actualite #main .aptitudes ul li:focus, #page.cheval-a-vendre #main .aptitudes ul li:focus, #page.etalon #main .aptitudes ul li:focus, #page.actualite #main .races_reproduction ul li:focus, #page.cheval-a-vendre #main .races_reproduction ul li:focus, #page.etalon #main .races_reproduction ul li:focus, #page.actualite #main .aptitudes ul li:active:focus, #page.cheval-a-vendre #main .aptitudes ul li:active:focus, #page.etalon #main .aptitudes ul li:active:focus, #page.actualite #main .races_reproduction ul li:active:focus, #page.cheval-a-vendre #main .races_reproduction ul li:active:focus, #page.etalon #main .races_reproduction ul li:active:focus, #page.actualite #main .aptitudes ul li.active:focus, #page.cheval-a-vendre #main .aptitudes ul li.active:focus, #page.etalon #main .aptitudes ul li.active:focus, #page.actualite #main .races_reproduction ul li.active:focus, #page.cheval-a-vendre #main .races_reproduction ul li.active:focus, #page.etalon #main .races_reproduction ul li.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #page.actualite #main .aptitudes ul li:hover, #page.cheval-a-vendre #main .aptitudes ul li:hover, #page.etalon #main .aptitudes ul li:hover, #page.actualite #main .races_reproduction ul li:hover, #page.cheval-a-vendre #main .races_reproduction ul li:hover, #page.etalon #main .races_reproduction ul li:hover, #page.actualite #main .aptitudes ul li:focus, #page.cheval-a-vendre #main .aptitudes ul li:focus, #page.etalon #main .aptitudes ul li:focus, #page.actualite #main .races_reproduction ul li:focus, #page.cheval-a-vendre #main .races_reproduction ul li:focus, #page.etalon #main .races_reproduction ul li:focus { color: #333; text-decoration: none; } #page.actualite #main .aptitudes ul li:active, #page.cheval-a-vendre #main .aptitudes ul li:active, #page.etalon #main .aptitudes ul li:active, #page.actualite #main .races_reproduction ul li:active, #page.cheval-a-vendre #main .races_reproduction ul li:active, #page.etalon #main .races_reproduction ul li:active, #page.actualite #main .aptitudes ul li.active, #page.cheval-a-vendre #main .aptitudes ul li.active, #page.etalon #main .aptitudes ul li.active, #page.actualite #main .races_reproduction ul li.active, #page.cheval-a-vendre #main .races_reproduction ul li.active, #page.etalon #main .races_reproduction ul li.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #page.actualite #main .aptitudes ul li.disabled, #page.cheval-a-vendre #main .aptitudes ul li.disabled, #page.etalon #main .aptitudes ul li.disabled, #page.actualite #main .races_reproduction ul li.disabled, #page.cheval-a-vendre #main .races_reproduction ul li.disabled, #page.etalon #main .races_reproduction ul li.disabled, #page.actualite #main .aptitudes ul li[disabled], #page.cheval-a-vendre #main .aptitudes ul li[disabled], #page.etalon #main .aptitudes ul li[disabled], #page.actualite #main .races_reproduction ul li[disabled], #page.cheval-a-vendre #main .races_reproduction ul li[disabled], #page.etalon #main .races_reproduction ul li[disabled], fieldset[disabled] #page.actualite #main .aptitudes ul li, fieldset[disabled] #page.cheval-a-vendre #main .aptitudes ul li, fieldset[disabled] #page.etalon #main .aptitudes ul li, fieldset[disabled] #page.actualite #main .races_reproduction ul li, fieldset[disabled] #page.cheval-a-vendre #main .races_reproduction ul li, fieldset[disabled] #page.etalon #main .races_reproduction ul li { cursor: not-allowed; pointer-events: none; -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; opacity: 0.65; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #page.actualite #main .aptitudes ul li:hover, #page.cheval-a-vendre #main .aptitudes ul li:hover, #page.etalon #main .aptitudes ul li:hover, #page.actualite #main .races_reproduction ul li:hover, #page.cheval-a-vendre #main .races_reproduction ul li:hover, #page.etalon #main .races_reproduction ul li:hover, #page.actualite #main .aptitudes ul li:focus, #page.cheval-a-vendre #main .aptitudes ul li:focus, #page.etalon #main .aptitudes ul li:focus, #page.actualite #main .races_reproduction ul li:focus, #page.cheval-a-vendre #main .races_reproduction ul li:focus, #page.etalon #main .races_reproduction ul li:focus, #page.actualite #main .aptitudes ul li:active, #page.cheval-a-vendre #main .aptitudes ul li:active, #page.etalon #main .aptitudes ul li:active, #page.actualite #main .races_reproduction ul li:active, #page.cheval-a-vendre #main .races_reproduction ul li:active, #page.etalon #main .races_reproduction ul li:active, #page.actualite #main .aptitudes ul li.active, #page.cheval-a-vendre #main .aptitudes ul li.active, #page.etalon #main .aptitudes ul li.active, #page.actualite #main .races_reproduction ul li.active, #page.cheval-a-vendre #main .races_reproduction ul li.active, #page.etalon #main .races_reproduction ul li.active, .open > .dropdown-toggle#page.actualite #main .aptitudes ul li, .open > .dropdown-toggle#page.cheval-a-vendre #main .aptitudes ul li, .open > .dropdown-toggle#page.etalon #main .aptitudes ul li, .open > .dropdown-toggle#page.actualite #main .races_reproduction ul li, .open > .dropdown-toggle#page.cheval-a-vendre #main .races_reproduction ul li, .open > .dropdown-toggle#page.etalon #main .races_reproduction ul li { color: #333; background-color: #e6e6e6; border-color: #adadad; } #page.actualite #main .aptitudes ul li:active, #page.cheval-a-vendre #main .aptitudes ul li:active, #page.etalon #main .aptitudes ul li:active, #page.actualite #main .races_reproduction ul li:active, #page.cheval-a-vendre #main .races_reproduction ul li:active, #page.etalon #main .races_reproduction ul li:active, #page.actualite #main .aptitudes ul li.active, #page.cheval-a-vendre #main .aptitudes ul li.active, #page.etalon #main .aptitudes ul li.active, #page.actualite #main .races_reproduction ul li.active, #page.cheval-a-vendre #main .races_reproduction ul li.active, #page.etalon #main .races_reproduction ul li.active, .open > .dropdown-toggle#page.actualite #main .aptitudes ul li, .open > .dropdown-toggle#page.cheval-a-vendre #main .aptitudes ul li, .open > .dropdown-toggle#page.etalon #main .aptitudes ul li, .open > .dropdown-toggle#page.actualite #main .races_reproduction ul li, .open > .dropdown-toggle#page.cheval-a-vendre #main .races_reproduction ul li, .open > .dropdown-toggle#page.etalon #main .races_reproduction ul li { background-image: none; } #page.actualite #main .aptitudes ul li.disabled, #page.cheval-a-vendre #main .aptitudes ul li.disabled, #page.etalon #main .aptitudes ul li.disabled, #page.actualite #main .races_reproduction ul li.disabled, #page.cheval-a-vendre #main .races_reproduction ul li.disabled, #page.etalon #main .races_reproduction ul li.disabled, #page.actualite #main .aptitudes ul li[disabled], #page.cheval-a-vendre #main .aptitudes ul li[disabled], #page.etalon #main .aptitudes ul li[disabled], #page.actualite #main .races_reproduction ul li[disabled], #page.cheval-a-vendre #main .races_reproduction ul li[disabled], #page.etalon #main .races_reproduction ul li[disabled], fieldset[disabled] #page.actualite #main .aptitudes ul li, fieldset[disabled] #page.cheval-a-vendre #main .aptitudes ul li, fieldset[disabled] #page.etalon #main .aptitudes ul li, fieldset[disabled] #page.actualite #main .races_reproduction ul li, fieldset[disabled] #page.cheval-a-vendre #main .races_reproduction ul li, fieldset[disabled] #page.etalon #main .races_reproduction ul li, #page.actualite #main .aptitudes ul li.disabled:hover, #page.cheval-a-vendre #main .aptitudes ul li.disabled:hover, #page.etalon #main .aptitudes ul li.disabled:hover, #page.actualite #main .races_reproduction ul li.disabled:hover, #page.cheval-a-vendre #main .races_reproduction ul li.disabled:hover, #page.etalon #main .races_reproduction ul li.disabled:hover, #page.actualite #main .aptitudes ul li[disabled]:hover, #page.cheval-a-vendre #main .aptitudes ul li[disabled]:hover, #page.etalon #main .aptitudes ul li[disabled]:hover, #page.actualite #main .races_reproduction ul li[disabled]:hover, #page.cheval-a-vendre #main .races_reproduction ul li[disabled]:hover, #page.etalon #main .races_reproduction ul li[disabled]:hover, fieldset[disabled] #page.actualite #main .aptitudes ul li:hover, fieldset[disabled] #page.cheval-a-vendre #main .aptitudes ul li:hover, fieldset[disabled] #page.etalon #main .aptitudes ul li:hover, fieldset[disabled] #page.actualite #main .races_reproduction ul li:hover, fieldset[disabled] #page.cheval-a-vendre #main .races_reproduction ul li:hover, fieldset[disabled] #page.etalon #main .races_reproduction ul li:hover, #page.actualite #main .aptitudes ul li.disabled:focus, #page.cheval-a-vendre #main .aptitudes ul li.disabled:focus, #page.etalon #main .aptitudes ul li.disabled:focus, #page.actualite #main .races_reproduction ul li.disabled:focus, #page.cheval-a-vendre #main .races_reproduction ul li.disabled:focus, #page.etalon #main .races_reproduction ul li.disabled:focus, #page.actualite #main .aptitudes ul li[disabled]:focus, #page.cheval-a-vendre #main .aptitudes ul li[disabled]:focus, #page.etalon #main .aptitudes ul li[disabled]:focus, #page.actualite #main .races_reproduction ul li[disabled]:focus, #page.cheval-a-vendre #main .races_reproduction ul li[disabled]:focus, #page.etalon #main .races_reproduction ul li[disabled]:focus, fieldset[disabled] #page.actualite #main .aptitudes ul li:focus, fieldset[disabled] #page.cheval-a-vendre #main .aptitudes ul li:focus, fieldset[disabled] #page.etalon #main .aptitudes ul li:focus, fieldset[disabled] #page.actualite #main .races_reproduction ul li:focus, fieldset[disabled] #page.cheval-a-vendre #main .races_reproduction ul li:focus, fieldset[disabled] #page.etalon #main .races_reproduction ul li:focus, #page.actualite #main .aptitudes ul li.disabled:active, #page.cheval-a-vendre #main .aptitudes ul li.disabled:active, #page.etalon #main .aptitudes ul li.disabled:active, #page.actualite #main .races_reproduction ul li.disabled:active, #page.cheval-a-vendre #main .races_reproduction ul li.disabled:active, #page.etalon #main .races_reproduction ul li.disabled:active, #page.actualite #main .aptitudes ul li[disabled]:active, #page.cheval-a-vendre #main .aptitudes ul li[disabled]:active, #page.etalon #main .aptitudes ul li[disabled]:active, #page.actualite #main .races_reproduction ul li[disabled]:active, #page.cheval-a-vendre #main .races_reproduction ul li[disabled]:active, #page.etalon #main .races_reproduction ul li[disabled]:active, fieldset[disabled] #page.actualite #main .aptitudes ul li:active, fieldset[disabled] #page.cheval-a-vendre #main .aptitudes ul li:active, fieldset[disabled] #page.etalon #main .aptitudes ul li:active, fieldset[disabled] #page.actualite #main .races_reproduction ul li:active, fieldset[disabled] #page.cheval-a-vendre #main .races_reproduction ul li:active, fieldset[disabled] #page.etalon #main .races_reproduction ul li:active, #page.actualite #main .aptitudes ul li.disabled.active, #page.cheval-a-vendre #main .aptitudes ul li.disabled.active, #page.etalon #main .aptitudes ul li.disabled.active, #page.actualite #main .races_reproduction ul li.disabled.active, #page.cheval-a-vendre #main .races_reproduction ul li.disabled.active, #page.etalon #main .races_reproduction ul li.disabled.active, #page.actualite #main .aptitudes ul li[disabled].active, #page.cheval-a-vendre #main .aptitudes ul li[disabled].active, #page.etalon #main .aptitudes ul li[disabled].active, #page.actualite #main .races_reproduction ul li[disabled].active, #page.cheval-a-vendre #main .races_reproduction ul li[disabled].active, #page.etalon #main .races_reproduction ul li[disabled].active, fieldset[disabled] #page.actualite #main .aptitudes ul li.active, fieldset[disabled] #page.cheval-a-vendre #main .aptitudes ul li.active, fieldset[disabled] #page.etalon #main .aptitudes ul li.active, fieldset[disabled] #page.actualite #main .races_reproduction ul li.active, fieldset[disabled] #page.cheval-a-vendre #main .races_reproduction ul li.active, fieldset[disabled] #page.etalon #main .races_reproduction ul li.active { background-color: #fff; border-color: #ccc; } #page.actualite #main .aptitudes ul li .badge, #page.cheval-a-vendre #main .aptitudes ul li .badge, #page.etalon #main .aptitudes ul li .badge, #page.actualite #main .races_reproduction ul li .badge, #page.cheval-a-vendre #main .races_reproduction ul li .badge, #page.etalon #main .races_reproduction ul li .badge { color: #fff; background-color: #333; } #page.actualite #main .aptitudes ul li:hover, #page.cheval-a-vendre #main .aptitudes ul li:hover, #page.etalon #main .aptitudes ul li:hover, #page.actualite #main .races_reproduction ul li:hover, #page.cheval-a-vendre #main .races_reproduction ul li:hover, #page.etalon #main .races_reproduction ul li:hover { cursor: default; background: inherit; } #page.actualite #main .telechargements a, #page.cheval-a-vendre #main .telechargements a, #page.etalon #main .telechargements a { text-decoration: none; } #page.actualite #main .imprimer, #page.cheval-a-vendre #main .imprimer, #page.etalon #main .imprimer { margin: 1em; float: left; } #page.actualite #main .retour, #page.cheval-a-vendre #main .retour, #page.etalon #main .retour { margin: 1em; float: roght; } #page.actualite #main .illus .widewidth, #page.cheval-a-vendre #main .illus .widewidth, #page.etalon #main .illus .widewidth { width: 90%; display: block; margin: auto; padding: 3em; } #page.cheval-a-vendre h4, #page.etalon h4 { margin: 2em 0 0; text-transform: uppercase; color: #2945AA; } #page.contact .flex { clear: both; justify-content: space-around; } #page.contact .flex > .col-sm-6 { width: 50%; padding-left: 45px; padding-right: 45px; } #page.contact .flex > .col-sm-6:first-child { background: #2945AA url('../images/accueil/competition-bg.png') 0 0 no-repeat; color: #FFF; } #page.contact .flex .content { padding: 45px; } #page.contact .flex .carre:before { background-color: rgba(41, 42, 53, 0.5); } /* #page.cheval{ h1{ .race { color: @color_fg; } } .desc_cheval { font-weight: bold; text-transform: uppercase; } .race{ color: @color_link_active; } h2 { margin-top: 15px; padding-top: 10px; //border-top: 1px solid @color_reverse_bg; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid @color_reverse_bg; color: @color_reverse_bg; //background: @color_reverse_bg; //color: @color_reverse_fg; } .retour { margin-top: 6em; } } */ /* #home_slider_wrapper { //max-height: 500px; max-width: 1920px; margin: auto; overflow: hidden; .flex-viewport { .slides li { position: relative; max-height: 500px; .slide_text_container { position: absolute; top: 0; // height: 100%; width: 100%; } .container { position: relative; top: 150px; } } } &.img-valign { .slides li { position: relative; height: 500px; img { position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; min-height: 100%; min-width: 100%; display: block; max-width: 100%; width: auto; min-height: 0; } } } } .share { text-align: right; a { margin: 10px; display: inline-block; } } .titre a {color: inherit;} .btn.lien { text-transform: uppercase; background-color: @color_link; color: @color_secondaire; &:hover {background-color: @color_link_active;} } h4 { .sansserif-light(18px); color: @color_1; border-bottom: 1px solid @color_1; } a.bouton{ .rounded(0); text-transform: uppercase; // color: @color_secondaire; text-align: center; // line-height: 50px; text-transform: uppercase; .sansserif-bold(); padding: 15px 30px; } a.bouton.btn-info { background-color: @color_link; &:hover { background-color: darken(@color_link,10); } } a.bouton.btn-danger { background-color: @color_1; &:hover { background-color: darken(@color_link ,50); //background-color: darken(@color_1,10); } } .vers { margin-top: 15px; } /* a.button { display: block; background-color: @color_green_light; padding: 10px; color: @color_secondaire; font-size: 1.3em; margin-bottom: 1em; .transition(); .fa { padding-right: 10px; vertical-align: middle; } &:hover { text-decoration: none; background-color: @color_green_light; //color: @color_bg; .transition(); } } *\/ .pictos { overflow: hidden; width: 155px; border: 1px solid @color_darken_reverse_fg; dd{ border-left: 1px solid @color_darken_reverse_fg; line-height: 25px; text-transform: uppercase; width: 50px; height: 50px; float: left; .sansserif-light(12px); text-align:center; &:first-child {border-left: none;} i { display:block; width: 100%; margin-top: 10px; } } } .block() { background: @color_secondaire; .drop-shadow(0,0,5px,0.2);// 0,-2px,8px,0.1); position: relative; padding-top: 15px; padding-bottom: 15px; &:before, &:after { content:''; .drop-shadow(0,6px,20px,0.25); position: absolute; bottom: 4px; height: 40px; background: @color_secondaire; width: 25%; left: 5%; z-index: -1; .rounded(50%); } &:after { right: 5%; left: auto; } .row:first-child { // background: @color_secondaire; } } .exergue { font-weight: bold; } .display-table { display: table; } .display-table-cell { display: table-cell; } body { color: @color_fg; background-color: @color_secondaire; .sansserif-regular(14px); } h1{ .titre(); a {color:inherit;} } #titre_page { background-color: @color_reverse_bg; h1{ color: @color_reverse_fg; text-transform: uppercase; padding: 20px 0; margin: 0; .sansserif-light(36px); } } section header { overflow: hidden; .titre(); u { .sansserif-regular(70px); color: @color_titre; text-decoration: none; border-bottom: 8px solid @color_titre; float: left; } p { .sansserif-thin(26px); text-transform: uppercase; } } #footer { margin-top: 70px; background: @color_1 url('../images/footer_logo.png') center top no-repeat; color:@color_secondaire; // padding: 10px; min-height: 285px; /* .titre a { display: block; background: transparent url('../images/footer_logo.png') 0 0 no-repeat; width: 270px; height: 40px; text-indent: -999px; overflow:hidden; } *\/ .informations_client { padding-top: 80px; height: 285px; font-weight: 700; h5{ .titre(@color_secondaire,16px); text-transform: uppercase; } .contact { text-transform: uppercase; a { color:@color_2; } } } .footernav { margin-top: 30px; padding-top: 10px; border-top: 1px solid #8f3d6d; } .menu { } .menu ul { text-align: center; } .menu ul li { .sansserif-regular(); color: lighten(@color_purple,20%); &:before {content: " | ";} &:first-child:before {content:"";} } .menu ul li a { line-height: 30px; .sansserif-regular(); padding: 0; display: inline; } .menu ul li a, .menu ul li.actif a:hover { background-color: transparent; color: lighten(@color_purple,20%); } .menu ul li a:hover, .menu ul li.actif a { color: @color_secondaire; background-color: transparent; } .menu ul li a.noborder { display: none; } } .flexslider .flex-control-thumbs li { width: 111px; height: 111px; overflow: hidden; position: relative; display: inline-block; img { position:absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; min-height: 100%; min-width: 100%; width: auto; //max-width: 100%; } } #page.contact { h1:after{ content:""; display:block; width:25%; margin:10px auto; border-bottom: 1px solid @color_1; } .contact-content { text-align: center; p { .sansserif-regular(); &.title-contact{ .sansserif-bold(22px); } } } .contact-form { padding-top: 10px; padding-bottom: 10px; label{ .sansserif-light(18px); } .form-btn-block { text-align: center; } .form-legend { color:@color_1; font-size: .8em; text-align: center; } .help { color: #737373; font-size: .7em; } .form-btn { //font-family: open_sanssemibold; color: #fff; background-color: @color_1; padding: 16px 70px; border: 1px solid @color_1; .transition(all,.3s,ease); margin-top: 10px; margin-bottom: 10px; &:hover { .transition(all,.3s,ease); color: @color_1; background-color: @color_secondaire; } } } /* form { *zoom: 1; float: left; clear: none; text-align: inherit; padding-left: 0; padding-right: 0; width: 100%; margin-left: 0%; margin-right: 3%; } form:before, form:after { content: ''; display: table; } form:after { clear: both; } form:last-child { margin-right: 0%; } form label { display: block; clear: both; float: none; width: 100%; margin-left: auto; margin-right: auto; } form label:first-child { margin-left: auto; } form label:last-child { margin-right: auto; } form input, form textarea { display: block; clear: both; float: none; width: 100%; margin-left: auto; margin-right: auto; max-width: 600px; margin-left: 0 !important; //border: 1px solid @color_green; } form input:first-child, form textarea:first-child { margin-left: auto; } form input:last-child, form textarea:last-child { margin-right: auto; } #googlemaps_map { width: 100%; height: 300px; border: solid 1px @color_line; } *\/ } .grey_container { figure { background-color: @color_secondaire; padding: 10px; margin-bottom: 20px; a { display: block;} figcaption { h3.titre {font-size: 1.2em;} } } } #chevaux { article { position: relative; overflow: hidden; padding:0; figcaption { position: absolute; bottom: -50px; left: 50%; width: 80%; margin-left: -40%; z-index: 1; background: @color1_faden; text-align: center; padding: 15px 5px; .transition(bottom); h3 { margin: 0; a { .titre(@color_secondaire,25px); text-transform: uppercase; } } .informations_generales { .sansserif-thin(20px); color: @color_secondaire; text-transform: uppercase; } .btn.lien { color:@color_secondaire; .lien(@color_secondaire,1); .transition(padding); &:hover{padding:6px 20px; .transition(padding);} } } &:hover figcaption { .transition(bottom); bottom:10%; } figure { position: relative; &.img-align-middle { height: 300px; img { max-width: 130%; } } } } } @media (max-width: 700px) { #chevaux article figure.img-align-middle img{ max-width: 100%; } } */ /* @media (min-width: 992px) { .img-align-middle img{ max-width: 100%; } } */ @media (max-width: 767px) { .slicknav_menu { display: block; } .navbar #menu > ul { display: none; } } /*@media (min-width: 768px) { .img-align-middle img{ max-width: none; } } */ @media (max-width: 700px) { .img-align-middle img { min-width: 0; } } @media (max-width: 500px) { .col-xxs-12 { width: 100%; } .col-xxs-push-0 { left: 0; } .col-xxs-6 { width: 50%; } .col-xxs-4 { width: 33.33333333%; } .fa-xxs-1x { font-size: 1em; } } /** * **/ @media (max-width: 1024px) { #page.accueil #main #chevaux { background-position: 150% 0; } } @media (max-width: 992px) { .navbar #menu li a { font-size: 14px; } } @media (max-width: 900px) { #page.accueil #main #chevaux { background: rgba(255, 255, 255, 0.8); } #page.accueil #main #chevaux #catalogue { width: 66.66%; } } @media (max-width: 800px) { #page.chevaux-a-vendre #main, #page.etalons #main, #page.actualites #main { display: block; } #page.chevaux-a-vendre #main #signature, #page.etalons #main #signature, #page.actualites #main #signature { width: 100%; padding: 45px; } #page.chevaux-a-vendre #main #signature + #content, #page.etalons #main #signature + #content, #page.actualites #main #signature + #content { width: 100%; } #page #main .flex .col-sm-6 { width: 90% !important; } } @media (max-width: 768px) { #page.accueil #header #header_slider, #page.accueil #header #header_aside, #page.accueil #main #premiere article, #page.accueil #main #pension #ecurie, #page.accueil #main #content article { width: 100%; } #page.accueil #main #premiere { display: block; overflow: hidden; background: #FFF; } #page.accueil #main #premiere #competition { padding: 45px 45px 90px 45px; position: relative; } #page.accueil #main #premiere #etalons .encart { position: relative; } #page.accueil #main #pension { display: block; } #page.accueil #main #pension #diapo { display: none; } #page.accueil #main #content { display: block; background: #FFF; } #page.accueil #main #chevaux .titre { font-size: 24px; } #footer { display: block; padding-left: 45px; padding-right: 45px; } #footer div { width: 100%; } } @media (max-width: 500px) { /* .carre { font-size: .7em; &:before { height: 3em; width: 3em; } }*/ .navbar .menu ul li { display: block; text-align: center; } #footer .navbar .menu ul li { text-align: left; } #footer .navbar .menu ul li a { padding: 5px 0; } #page.accueil #main #chevaux { display: block; } #page.accueil #main #chevaux article, #page.accueil #main #chevaux #catalogue { width: 100%; } #page.accueil #main #chevaux .titre { font-size: 30px; } #page.chevaux-a-vendre #main #signature, #page.etalons #main #signature, #page.actualites #main #signature { width: 100%; display: none; } #page.chevaux-a-vendre #main #content .flex, #page.etalons #main #content .flex, #page.actualites #main #content .flex { display: block; padding-left: 45px; padding-right: 45px; } #page.chevaux-a-vendre #main #content .flex .encart, #page.etalons #main #content .flex .encart, #page.actualites #main #content .flex .encart { width: 100%; } #page .imprimer, #page .retour { float: none !important; } #page .imprimer a, #page .retour a { display: block; } } /* @media (max-width: 736px) { header#page_header { height: auto; #header_slider { position:relative; height: auto; img { max-width: 100%; min-height: 0; top: 0; bottom: auto; position: relative; left: 0; } } } } */