/* * Startuply v1.1 Custom Styles * by Vivaco * * Table of Contents * ------------------------- * 1. Fonts * 2. Global & Helpers * 3. Preloader * 4. Elements * 5. Alternative tab slider * 6. ShortCodes * 7. Navigation Header * 8. Top Hero Section * 9. Page versions * 10. Footer * 11. Mobile device 767px * 12. Mobile device 540px * 13. Mobile device 340px * 14. Tablet device Landscape 1024px and 768px * 15. Tablet device Portrait 768px and 1024px * 16. Desktop medium screen 992px and 1199px * 17. Desktop large screen 1200px * */ /* Fonts */ .thin { font-family: 'Lato', sans-serif; font-weight: 300; } input, body { font-family: 'Lato', sans-serif; font-weight: 400; } strong { font-family: 'Lato', sans-serif; font-weight: 700; } /* Global & Helpers */ body { color: #000; font-size: 16px; line-height:27px; background: #fff; margin: 0; } h1 { font-size: 38px; font-weight: 300; display: block; text-transform:uppercase;} h2 { font-size: 38px; font-weight: 300; display: block; background:url(../img/ligne.png) no-repeat center bottom; padding-bottom: 9px; } h3 { font-size: 28px; font-weight: 300; display: block; } h4 { font-size: 23px; font-weight: 400; display: block; } .resume_theme h5 { color: #313131; display: block; font-size: 29px; font-weight: 700; text-transform: uppercase;} .resume_theme h5 span{ color: #e30613; } h6 { font-size: 16px; font-weight: 300; display: block; } .h7 { color: #313131; display: block; font-size: 17px; font-weight: normal; text-transform: uppercase; } .h8 { font-size: 18px; font-weight: 400; display: block; } .highlight { color: #e30613; } .lowlight { color: #999999; } h1, .h1, h2, .h2, h3, .h3, { margin-top: 20px; margin-bottom: 20px; } .animated h2 { text-transform:uppercase;} h6, .h6, .h7 { margin-top: 20px; margin-bottom: 10px; } h5, .h5 { margin-top: 20px; margin-bottom: 00px; } h4, .h4 { margin-top:0px; } .h8 {margin-top: 0px; margin-bottom: 20px;line-height:22px;} p { font-size: 16px; line-height: 27px; color: #1D1D1D; } small { font-weight: 300; font-size: 15px; line-height: 26px; } p.focus { font-size:18px; width:800px;margin: 0 auto; } a { color: #e30613; text-decoration: none; } a:hover, a:active, a:focus { color: #e30613; text-decoration: none; outline: none; } ::selection { background-color: #e30613; color: #fff; } hr { width: 100%; border-top: 1px solid #E9E9E9; display: inline-block; } .border-top {border-style: solid; border-width: 1px 0px 0px 0px; -moz-border-image: url(../img/border.png) 1 0 0 0 stretch; -webkit-border-image: url(../img/border.png) 1 0 0 0 stretch; -o-border-image: url(../img/border.png) 1 0 0 0 stretch; border-image: url(../img/border.png) 1 0 0 0 fill stretch; } .border-bottom { border-bottom:1px solid #e4e4e4; overflow:hidden;} .date { color:#cccccc; font-size:18px;} .lower { text-transform: lowercase;} .light { color: #000; background: #edeae6; } .dark { color: #000; background: #fff; } .center {text-align:center;} .resp-center {text-align:center;} .left { text-align:left; } .btn { border: 1px solid #e30613; font-size: 15px; border-radius: 3px; background: transparent; text-transform: uppercase; font-weight: 700; padding: 10px 30px; min-width: 162px; max-width: 100%; } .btn:Hover, .btn.hovered { background:#e30613; color:#fff; } .btn:Active, .btn:Focus, .btn.pressed { opacity: 1; border: 1px solid #fff; border-top: 3px solid #17ade0; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .dropdown-toggle:Active, .dropdown-toggle.pressed { border-top: 0; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0; outline-offset: 0px; } .btn-default { background: transparent; color: #fff; border: 1px solid #fff; } .btn-default:Hover, .btn-default.hovered { background: #fff; color: #e30613; border: 1px solid #fff; } .btn-default:Active,btn-default:Focus, .btn-default.pressed { background: #fff; color: #e30613; border: 1px solid #fff;} .btn-primary { background: #e30613; border:1px solid #e30613; color: #fff; font-size: 14px;} .btn-primary:hover, .btn-primary.hovered { background: #fff; border:1px solid #e30613; color:#e30613; opacity:0.9; } .btn-primary:Active, .btn-primary:Focus, .btn-primary.pressed { background: #fff; border:1px solid #e30613; } .btn-secondary { margin-top:45px; width:100%; background: #e30613; border:1px solid #e30613; color: #fff; } .btn-secondary:hover, .btn-secondary.hovered {background: #fff; border:1px solid #e30613; color: #e30613; } .btn-secondary:Active, .btn-secondary:Focus, .btn-secondary.pressed {background: #e30613; border:1px solid #e30613; color: #fff;} .btn-create { width:220px; margin-top:20px; background: #e30613; border:1px solid #e30613; color: #fff; } .btn-create:hover {background: #fff; border:1px solid #e30613; color: #e30613; } .btn-create:Active, .btn-create:Focus {background: #fff; border:1px solid #e30613; color: #e30613; } .btn-invert { background: #fff; color: #535353; border: 1px solid #dadfe3; } .btn-invert:Hover, .btn-invert.hovered { background: #dadfe3; color: #535353; border: 1px solid #dadfe3; } .btn-invert:Active, .btn-invert:Focus, .btn-invert.pressed { background: #dadfe3; color: #535353; border: 1px solid #dadfe3; } .btn-lg { font-size: 18px; padding: 22px 40px; } .img-responsive-full { max-width: 100%; width: 100%; } .img-circle { -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden; } .section { min-height: 50px; padding-top: 30px; padding-bottom: 30px; position: relative; text-align: center; } .wrapper { width: 70%; margin: 0 auto; } .container { z-index: 1; position: relative; width:970px; } .icon-active { color: #e30613; } .gap { padding-bottom: 50px; } hr.no-margin { margin-top:0px; } article { text-align: left; } .left { float:left; } .right { float:right; } .hiding { opacity: 0; } .visible { opacity: 1; } .display{display:block;} .hide{display:none;} /* Preloader */ #mask { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #F6F6F6;z-index: 10000;height: 100%; } #loader {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url("../img/loading.gif");background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px; } .sticky { position: fixed; top:0; display: block; width: 100%; z-index: 9; } .back-to-top { text-align: center; background: #e30613 ; color: #fff; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 12px; position: fixed; right: 20px; bottom: 20px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; z-index: 9999; } .back-to-top:hover { opacity: 1; filter: alpha(opacity=100); } .navigation { background: #fafafa; z-index: 2; height:145px;} .navigation-brand {height:110px;} .navigation-brand:after { content: ''; display: table; } .navigation-brand .ad { width:728px; height:90px; float:right; margin: 10px 0px; } .navigation-brand .brand-logo { float: left; height: 85px; width: 232px;} .navigation-brand .brand-logo .logo { display:block; height: 85px; background:url(../img/logo.png) center center no-repeat; } /*.fixmenu-clone .brand-logo .logo { background:url(../img/logo-inverted.png) center center no-repeat; }*/ .navigation-brand .brand-logo h4 { margin-top:15px; } .navigation-brand .brand-logo a { color:#fff; } .navigation-navbar { display: block; padding-top:3px;} .navigation-bar { margin: 0 auto; padding: 0; list-style: none; } .navigation-bar p { color:#aaa;font-size:12px;} .navigation-bar-left { float: left; } .navigation-bar-right { float: right; } .navigation-bar > li { display: inline-block; } .navigation-bar > li a { display: inline-block; padding:15px; font-family: Arial; } #contenu .navigation-bar > li p { border: 0 none; color: #aaa; display: inline-block; font-family: Arial; line-height: 0; padding: 12px; } .navigation-bar > li a:Hover, .navigation-bar > li.active a { color: #fe4918; text-decoration: none; } .navigation-toggle { position: relative; float: right; padding: 9px 10px; margin: 10px 15px; border-radius: 4px; border: 1px solid #e30613; outline: none; background: transparent; } .navigation-toggle:after { content: ''; clear: both; height: 1%; } .navigation-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #e30613; opacity: 0.7; } .navigation-toggle .icon-bar+.icon-bar { margin-top: 4px; } /* Elements */ .sub-title { font-weight: 300; color: #8D8D8D; padding: 0px 0px 8px 0px; } .well { border:none; border-top: 2px solid #e30613; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; padding-left: 60px; } .well h6 { color: #e30613; } .well .icon { color: #e30613; font-size: 50px; position: absolute; left: 5px; top: 40px; } .alert { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; font-size: 17px; line-height: 22px; padding: 16px; padding-left: 60px; } .alert .icon { font-size: 28px; position: absolute; left: 15px; top: 13px; } .alert-success { background-color: #d8f0e4; color: #68a74c; } .alert-info { background-color: #e2f6fa; color: #4c95a4; } .alert-warning { background-color: #faf3e2; color: #a68128; } .alert-danger { background-color: #fae2e2; color: #ad5254; } .close { font-weight: 300; font-size: 28px; color: inherit !important; opacity: .8; } .social-icons { margin-top: 25px; } .social-icons li { margin-bottom: 50px; width: 16%; width: 16.2%; text-align: center; } .social { color: #e30613; font-size: 30px } .dropdown { font-size: 13px; line-height: 28px; text-align: left; } .dropdown .btn { padding: 14px 14px; border-top: 2px solid #e30613; } .dropdown .caret { margin-left: 7px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; position: relative; top: -11px; } .dropdown .caret .fa { color: #e30613; font-size: 16px; } .dropdown-menu { background: #dadfe3; border:none; border-bottom: 2px solid #e30613; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 0 0 0 transparent; border-radius: 0 0 0 transparent; box-shadow: 0px 0px 0px transparent; } .dropdown-menu > li > a { font-size: 15px; padding: 14px 20px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #e30613; color: #fff; } .long-block { background: #fff; text-align: left; padding-top: 15px; padding-bottom: 25px; } .long-block h2 { margin-bottom: 0; letter-spacing: -1px; } .long-block .icon { font-size: 60px; position: relative; margin-right: 15px; margin-top: 20px; } .long-block .btn-default, .long-block input { margin-top: 35px; } .blue-block { background: #e30613; color:#fff; text-align: left; padding-top: 15px; margin-top:30px;padding-bottom: 0px; } .blue-block .btn {border-color:#fff;color:#fff;} .blue-block .btn:hover {background:#fff;color:#e30613;} .blue-block p, .blue-block .highlight, .blue-block p.thin, .blue-block h2 {color:#fff;} .panel-group { text-align: left; } .panel-group .panel { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel-group .panel > .panel-heading { border:none; padding: 0; border-bottom: none; border-top-right-radius: 0; border-top-left-radius: 0; } .panel-group .panel > .panel-heading a { background: #e30613; color: #fff; width: 100%; display: block; font-size: 17px; line-height: 22px; padding: 15px; position: relative; padding-left: 50px; } .panel-group .panel > .panel-heading a.collapsed { color: #8e959c; background-color: #eff3f6; } .panel-group .panel > .panel-heading a.collapsed:Hover, .panel-group .panel > .panel-heading a:Hover { background: #dadfe4; color: #6b7681; } .panel-group .panel > .panel-heading a:before { position: absolute; content: '-'; color: #fff; font-weight: 300; left: 10px; top: 15px; font-size: 26px; width: 30px; text-align: center; } .panel-group .panel > .panel-heading a.collapsed:before { content: '+'; color: #8e959c; } .panel-group .panel > .panel-heading a:before::Hover { color: #8e959c; } .panel-group .panel > .panel-heading+.panel-collapse .panel-body { border:1px solid #dadfe4; border-top: none; padding: 16px 30px; } .panel-group .panel+.panel { margin-top: 8px; } .nav-tabs > li.active a { -webkit-box-shadow: inset 0px 8px 0px -5px rgba(26, 198, 255,1);-moz-box-shadow: inset 0px 8px 0px -5px rgba(26, 198, 255,1); box-shadow: inset 0px 8px 0px -5px rgba(26, 198, 255,1); } .nav-tabs > li > a { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #30353A; margin-right: 0px; background-color: #eff3f6; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px 60px; border-left: 0; border-right: 0; } .nav-tabs > li > a:Hover { background: #e30613; color: #fff; } .tab-content .tab-pane { padding: 16px 30px; border: 1px solid #ddd; border-top: 0; text-align: left; } .thumb-wrapper { position: relative; display: table; width: 100%; } .thumb-wrapper .img-responsive { width: 100%; z-index: 0; } .thumb-wrapper .overlay { position: absolute; bottom:0; background: rgba(26, 198, 255, 0.5); color: #fff; font-size: 18px; text-align: center; width: 100%; z-index: 1; display: table-cell; padding: 15px; top: auto; vertical-align: middle; font-weight: 300; } .thumb-wrapper:Hover > .overlay { top:0; cursor:url('../img/magnify-cur.cur'); cursor:url('../img/magnify-cur.png') 20 20, auto; } blockquote { position: relative; display: block; padding: 0 100px; text-align: left; font-size: 20px; line-height: 33px; border: 0; font-weight: 300; } blockquote:before { font-family: "line-icons"; position: absolute; color: #e30613; content: url('../img/icon/quotes-a.png'); left: 0; top:25%; } blockquote:after { font-family: "line-icons"; position: absolute; color: #e30613; content: url('../img/icon/quotes-b.png'); right: 0; top:25%; } blockquote ul { color: #79766e; font-size: 18px; line-height:28px; } blockquote ul li { list-style-type: initial; margin-left: 42px; text-align: left; } .progress-txt { text-align: center; color: #8e959c; } .progress { height: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; background-color: #f1f1f1; } .progress .progress-bar { background-color: #e30613; -moz-border-radius: 20px; border-radius: 20px; } .table { border-color: #d1d8dd; text-align: left; } .table > thead > tr > th { background: #e30613; color: #fff; border-bottom: 0; font-size: 13px; text-transform: uppercase; font-weight: 700; border-color: #d1d8dd; } .table > thead > tr > th, .table > tbody > tr > td { font-size: 15px; font-weight: 300; padding: 15px 20px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #fff; } .table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background: #eff3f6; } .form .form-group { margin-bottom: 25px; } .form .form-group:after { content: ''; display: block; clear: both; } .form .form-group+.form-group { margin-top: -10px; } .form .form-control, .form-control { height: 43px; border: 1px solid #d1d8dd; border-radius: 0; box-shadow: 0px 0px 0px transparent; background: #fff; font-size: 16px; font-weight: 300; } .form .form-group label { text-align: right; line-height: 50px; margin-bottom: 0; } .countdown .stat-info { font-size: 14px; font-weight: 700; color: #e30613; text-transform: uppercase; } .countdown .stat { font-size: 100px; color: #e30613; font-weight: 300; line-height: 100px; } .countdown hr { border-top: 1px solid #d1d8dd; width: 90%; margin-bottom: 10px; } .countdown .counter { position: relative; } .countdown .counter:after { position: absolute; content: '\2022'; color: #e30613; right: -19px; top: 105px; } .countdown :last-child > .counter:after { display: none; } /* Alternative tab slider */ .alt.nav-tabs { margin-bottom: 50px; border:0; display: inline-block; } .alt.nav-tabs { border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 3px; } .alt.nav-tabs li { border-right: 1px solid #ddd; margin-bottom:0; } .alt.nav-tabs > li.active { border-top: 0; } .alt.nav-tabs > li.active > a, .alt.nav-tabs > li.active > a:hover, .alt.nav-tabs > li.active > a:focus { text-transform:uppercase; opacity: 0.9;font-weight: 400; color: #fff; background:#e30613;} .alt.nav-tabs > li.active > a:hover {border:0; border-bottom: 2px solid #e30613;} .alt.nav-tabs > li > a { font-size: 13px; text-transform: uppercase; font-weight: 400; color: #596068; margin-right: 0px; background-color: #fff; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px 60px;} .alt.nav-tabs > li > a:Hover { background: #e30613; color: #fff;} .alt.tab-content .tab-pane { padding: 0; border: 0; text-align: left; } .alt.tab-content .tab-pane .btn { margin-top:15px; } /* ShortCodes */ #shortcodes-page .container { width:960px; } #shortcodes-page .section { padding-bottom: 30px; padding-top: 30px; } #shortcodes-page .header-holder { background: url('../img/background/low_poly_background.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; height: 85px; width: 100%; } #sc-heading { margin-top: 50px; } #sc-heading h1, #sc-heading h2, #sc-heading h3, #sc-heading h5, #sc-heading h6 { margin-bottom: 15px; } #sc-button ul.list-inline { margin-bottom: 30px; } #sc-button ul.list-inline > li { padding-left: 15px; padding-right: 15px; } #sc-gallery .wrapper { width: 90%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 40%; } #sc-countdown .wrapper { width: 50%; } #sc-icons ul { padding: 10px 0 0; } #sc-icons li { margin: 0 7px; } #sc-icons .icon { font-size: 55px; } #sc-icons p a { text-decoration: underline; text-align: center; font-size: 13px; color: #3b3b3b; display: block; padding: 5px 0; } #sc-countdown { margin-bottom: 50px; } /* Navigation Header */ .navigation-header { height:145px; position: absolute; top:0px; background: transparent; left: 0; right: 0; width: 100%; z-index: 99; background: #fff none repeat scroll 0 0;} .navigation-header .navigation-brand { } .navigation-header .navigation-bar > li { padding: 0px 10px; } .navigation-header .navigation-bar > li > a { font-weight: bold; text-transform:uppercase;font-size: 13px; line-height:23px; padding: 7px 0px; color: #313131; line-height: 13px; opacity: 0.8; } .navigation .container {height:145px;} .navigation-header .navigation-bar > li.active > a , .navigation-header .navigation-bar > li > a:Hover { color:#e30613;opacity: 0.9; padding: 8px 0px; background:url('../img/hover.png') no-repeat center bottom;} .navigation-header .navigation-bar > li.featured { padding: 15px 0; } .navigation-header .navigation-bar > li.featured > a { border: 1px solid #e30613; color: #e30613; padding: 10px 25px; display: inline-block; opacity: 1; border-radius: 3px; } .navigation-header .navigation-bar > li.featured > a:Hover { opacity: .9; background:#e30613; color:#fff; } /* Hero section */ #intro .text-heading { background: url('../img/background/etiquette.png') no-repeat center bottom; height:265px; } #intro .btn-primary:hover, #intro .btn-primary.hovered { background: rgba(26, 198, 255,0.9); border:1px solid #e30613;} #intro .list-inline { margin:0; } /*.static-header { background: url('../img/background/moteur_veille.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; min-height: 1155px; position: relative; }*/ .static-header { background: url('../img/background/moteur_veille.jpg') no-repeat top center; background-attachment: fixed;} .text-heading { position: relative; width: 100%; left: 0; right: 0; text-align: center; padding-top: 135px; margin-top:40px;} .text-heading p { font-size: 18px; font-weight: normal; } .text-heading h1 {margin-top:18px;margin-bottom:2px;} .static-header h4 { text-align: center; display: block; position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; margin-bottom: 0; } #register-page .text-heading { padding-top: 125px; } /* Header versions */ .plain-version .text-heading { padding-top: 15%; } .register-version.static-header { background: url('../img/background/smb_owner.jpg') top center no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; min-height: 1155px; position: relative; } .register-version .text-heading { padding-top: 20%; } .video-version .text-heading { padding-top: 12%; } .form-version {} .register-version#intro .btn-primary, .register-version .submit-wrap { width:auto; } .register-version .signup-wrapper { text-align:center; width:auto; } #color-landing-page .navigation-brand .brand-logo .logo { display:block; height: 30px; background:url(../img/logo-white.png) center center no-repeat; } /*#color-landing-page .fixmenu-stick .navigation-brand .brand-logo .logo { background:url(../img/logo-inverted.png) center center no-repeat; }*/ #color-landing-page .long-block .btn-secondary { margin-top: 35px; } #color-landing-page .static-header { background-image:none; background-color:#e30613; } #color-landing-page .navigation-header .navigation-bar > li.featured > a { color:#fff; border-color:#fff; } /*#color-landing-page .fixmenu-clone.navigation-header .navigation-bar > li.featured > a { color:#e30613; border-color:#e30613; }*/ #color-landing-page blockquote:before { content: url('../img/icon/quotes-a-white.png'); } #color-landing-page blockquote:after { content: url('../img/icon/quotes-b-white.png'); } /*#color-landing-page .fixmenu-clone.navigation-header .navigation-bar > li.featured > a:hover { color:#fff; }*/ #color-landing-page .navigation-toggle { border-color:#fff; } #color-landing-page .navigation-toggle .icon-bar{ background:#fff; } #color-landing-page .fixmenu-stick .navigation-toggle { border-color:#e30613; } #color-landing-page .fixmenu-stick .navigation-toggle .icon-bar{ background:#e30613; } #color-landing-page #documents.light p, #color-landing-page #documents { color:#e30613; } #color-landing-page #documents, #color-landing-page #features { background-color:#f0f0f0; } #documents H2 { font-weight: 400;} #color-landing-page .static-header { min-height: 325px; } #color-landing-page .inverted { background-image:none; background-color:#e30613; } #color-landing-page .inverted .btn-secondary { background-color:#fff; } #color-landing-page .inverted .btn-secondary:hover { color:#e30613; } #color-landing-page .inverted h2 { color:#fff; } #color-landing-page .inverted .highlight { color:#0b94db; } #color-landing-page .inverted .footer-content a, #color-landing-page .inverted li .icon { color:#fff !important; } .form-register { background: #eff3f6; padding: 20px 20px; margin-top: 50px; } .form-register:after { content: ''; display: block; clear: both; } .form-register .form-control { } .form-register .form-group { margin-bottom: 45px; margin-top: 20px; } .form-register .form-group .checkbox { margin-bottom: -10px; margin-top: 0px; } .form-register .form-group .checkbox label { line-height: 1.42857143; } .agree-text { font-size: 13px; line-height: 21px; padding-top: 15px; text-align: center; margin-bottom: 100px; } label.error { color: #FF4040; line-height: 0px !important;margin-top: 10px;text-align: left;font-size: 10pt;display:block; } .form-register-small label.error { display:block; position:absolute; } .form-register-small .form-group { margin-bottom: 5px; margin-top: 5px; } input[type=checkbox] { margin: 4px 15px 0 0; -webkit-border-radius:0; border-radius: 0; -webkit-appearance: button; border: 1px solid #d1d8dd; background-color: #fff; color: #000; width:19px; height:19px; cursor: pointer; } input[type=checkbox]:checked { color:#000; } input[type=checkbox]:checked::before { content: '\2713'; position: relative; top:-2px; left: 3px; font-size: 17px; color: #333; text-align: center; line-height: 15px; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: none; } .form-register-small {margin:25px 0px 0px 25px; padding:15px 15px; background: #f6f5f3; border-radius: 3px; display: inline-block; } .form-register-small .form-control {height:45px; border-radius:0;} .form-register-small .form-group { margin-right:10px; } #thematiques, #detail-thematique, #contenu { background: #edeae6; text-align: center; } #detail-thematique, #contenu-intro { text-align: left;padding-top:25px;height:676px;} #thematiques p {font-size:18px;margin-bottom:20px; } #detail-thematique p , #contenu p { font-size:14px; line-height:18px;border-bottom:1px solid #ccc; padding-bottom:20px; } #actualites-suite .btn { margin-top:20px; margin-bottom:20px;} #thematiques h1 { margin-bottom:5px; margin-top:15px; } #thematiques ul { text-align: left; margin: 0px -5px 0px -5px; list-style:none;} #thematiques ul li { text-align: left; padding-left: 25px; padding-right: 25px; font-size:14px; line-height:18px;} #thematiques ul li.selected { cursor:pointer; background: url('../img/checked.png') no-repeat;} #thematiques ul li a { color:#000; padding:2px; } #thematiques ul li.selected a.theme, #thematiques ul li a.theme:hover, #thematiques ul li a.theme.hover { cursor:pointer; background: #fdff9f } #thematiques a.voir {display:none;float:right;width:52px;height:18px;background:url('../img/voir.png');cursor:pointer;} #thematiques a.voir:hover { background:url('../img/voir_hover.png'); } #thematiques a.voir.display {display:block;} #thematiques a.show_themes, #thematiques a.hide_themes { text-align:left; font-size:14px; font-weight:normal; margin-left:25px; width: 100%;} #ressources.section.light, #actualites.section.light, #actualites-suite.section.light { margin-bottom:0px; padding-bottom:0px; background:#fff; } #documents .btn { width:220px; margin-top:65px;} #documents input { margin-top:65px;} #documents p.thin {line-height:20px;} #documents .container { padding-bottom:25px; } #documents.dark {margin-top:15px;} #liste { text-align:left; } #liste .sujets a { display:block; font-size:14px; font-family:Arial;margin:0px; padding:0px; line-height:18px; } #liste p { margin:0px; padding:0px; font-size;14px;line-height:18px; } #liste p.highlight { font-size:18px;line-height:22px; } #liste .detail { padding-top:30px; padding-bottom:30px; overflow:auto; } #liste .resume_theme{ margin-bottom:20px } #liste .detail div:first-child { width:100%; padding-right:25px; float:left;} #liste .detail div:nth-child(2) { width:100%; float:left;} #liste #zone_ads { margin-top:25px; background-color:#e9e9e9; padding:25px; text-align:center;} #liste #zone_ads img:first-child { margin-bottom:25px; } #contenu .expert {margin-top:25px; padding-bottom:25px;border-bottom:1px solid #cccccc; overflow:auto;} #contenu #liste .detail { color:#999; font-size:14px; line-height:18px;} #contenu #liste form { margin-top:20px; margin-bottom:20px; overflow:auto; } #contenu #liste form.proposer {margin-top:0px;} #contenu #liste form input, #contenu #liste form .btn { width:45%;float:left; } #contenu #liste form input { margin-right:20px;} #contenu #liste form.proposer input {margin-bottom:30px;} #contenu .expert .btn {margin-top:20px; width:100%;} #contenu .expert p { overflow:auto; border:none;} #contenu-intro { padding-bottom:25px;} #proof { height:100%; text-align:center;} #liste .detail div.pagination { width:100%; text-align:center; } .pagination ul { display:table;width:auto; margin-left:auto; margin-right:auto; } .pagination ul li { display:table-cell;} .pagination ul li a { display:table-cell; vertical-align: middle; text-align:center;color:#000; display:block; width:34px; height:34px; font-size:12px;} .pagination ul li.active a, .pagination ul li a:hover { background:#edeae6; border:1px solid #b8b4ae; cursor:hover;} .pagination ul li.previous a, .pagination ul li.next a { width:75px; } .pagination ul li.previous a:hover, .pagination ul li.next a:hover { background-color:#fff; border:none; } .pagination ul li.previous a { padding-left:20px; background:url('../img/a-left.png') 5px -1px no-repeat; } .pagination ul li.next a { padding-right:20px; background:url('../img/a-right.png') 43px -1px no-repeat; } .pagination ul li.inactive a { color:#999999; } #formulaire { background:#eef4ff; padding:20px 80px 30px 80px; width:500px;} #formulaire h3 { color:#468ed3; text-align:center; font-size:32px; } #formulaire p { text-align:center; width:100%; display:block; line-height:22px; margin-bottom:20px;} #formulaire p.legal { text-align:left;font-size:12px; line-height:16px; color:#7a7c82;margin-top:20px; } #formulaire label { width: 130px; float:left; font-size:12px;line-height:18px;} #formulaire button.btn-primary { width:220px;margin-left:60px;} #formulaire input , #formulaire select { width: 178px; float:left; height:20px; font-size:12px;} .no-close .ui-dialog-titlebar-close { display:none; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #aaaaaa; opacity: 0.7; } #landing-page .static-header { min-height: 325px; } #intro { min-height:145px } .static-header .text-heading { margin-bottom: -10px; z-index: 20; } .static-header .text-heading p { color:#000; } .static-header .list-inline { padding: 30px 0; } .static-header .list-inline li { margin-left: 15px; margin-right: 15px; } .static-header .video-wrapper { position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 10; } .static-header .video-wrapper .container { position: absolute; bottom: 0; left: 0; right: 0; } .static-header .video-container { position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 755px; z-index: 99; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 9; } .embed-container .EDGE, .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container iframe { border: 0; } /*.section { padding: 90px 0; }*/ .section .section-header { margin-top: 30px; margin-bottom: 80px; } .light .sub-heading, .light p { color: #000; } .inverted h2 { color: #e30613; } .inverted blockquote { color: #fff; opacity: 0.8; } .inverted .sub-heading { color: #fff; opacity:0.8} .inverted .fancy-line span:before, .inverted .fancy-line span:after { opacity: 0.3; } .inverted .fancy-line span {background:#fff; opacity:0.8;} .sub-heading { font-size: 19px; line-height: 28px; color: #6f6f6f; font-weight: 300; } .fancy-line { line-height: 0.5; text-align: center; margin-bottom: 30px; } .fancy-line span { display: inline-block; position: relative; background: #e30613; width: 5px; height: 5px; -webkit-border-radius: 50px; border-radius: 50px; } .fancy-line span:before, .fancy-line span:after { content: ''; position: absolute; height: 5px; border-bottom: 2px solid #e4e4e4; top: -2px; width: 110px; } .fancy-line span:before { right: 100%; margin-right: 15px; } .fancy-line span:after { left: 100%; margin-left: 15px; } #steps .col-sm-4 { position: relative; } #steps p { color: #6f6f6f; font-size:16px; font-weight: 300; } #steps .col-sm-4 .icon { position: absolute; font-size: 50px; top: 10px; right: 0; margin-right: -25px; color: #DDDDDD; } #process { padding:20px 0px 90px 0px;} .howitworks { font-size:81px; vertical-align: middle; } #feedback { background: #0e0d0a; } #feedback.section .section-header { margin-bottom: 30px; } #feedback-controls { background: #fff;padding: 10px 0px 0px 0px; } #feedback-controls p { color:#969289; line-height:20px;} #feedback-controls .highlight { color:#969289; text-transform: uppercase; font-size:15px;} #feedback .testimonials-slider p { color: #79766e; } #feedback .testimonial p { font-size:18px; line-height:30px; } /* Testimonials slider */ .flexslider { margin-bottom:30px; } .flexslider ul, ol { list-style:none; padding: 0; } .flex-manual .wrap { padding: 0px; } .flex-manual .switch { padding: 15px 0px; margin: 0px 0px 0px 30px; } .flex-manual .switch { opacity:0.75; height:75px; text-align:left; } .flex-active > .img-circle{ border-color:#fff; } .flex-manual .switch.flex-active, .flex-manual .switch:hover { opacity:1; cursor: pointer; cursor: hand; } .flex-manual .switch.flex-active .highlight, .flex-manual .switch:hover .highlight { opacity:1; cursor: pointer; cursor: hand; color:#0b94db; } .flex-manual .switch.flex-active p, .flex-manual .switch:hover p { opacity:1; cursor: pointer; cursor: hand; color:#525252; } .flex-manual, .flex-manual .switch { height:279px; } .flex-manual { margin-top: 15px; } .switch.flex-active { } .switch p, .switch .highlight { color:#0b94db; } .switch p { padding: 2px 0 0 33px; font-size:12pt; } .switch img { line-height:70px; vertical-align:middle; } .flex-manual .switch.flex-active .name { color: #e30613; } .package-column , .package-details { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .package-column { border: 1px solid #F0F0F0; background: #F7F7F7;} .package-column:hover { background: #e30613; } .package-column:hover > .package-price { background:rgba(71, 72, 76, 0.2); } .package-column:hover > .package-detail ul li { border-color: rgba(255,255,255,0.3); } .package-column:hover > .package-price .price, .package-column:hover > .package-price .period, .package-column:hover > .package-title, .package-column:hover > .package-detail ul li { color: #fff; } .package-column.featured { background: #e30613; } .package-column.featured > .package-price { background:rgba(71, 72, 76, 0.2); } .package-column.featured > .package-price .price, .package-column.featured > .package-price .period, .package-column.featured > .package-title, .package-column.featured > .package-detail ul li { color: #fff; border-color: rgba(255,255,255,0.3); } .package-column.featured > .package-detail .btn.btn-secondary, .package-column:hover > .package-detail .btn.btn-secondary { color: #fff ; border-color:#fff !important; } .package-detail .btn.btn-secondary:hover { color: #e30613 !important; background: #fff !important; border-color:#fff !important; } .package-column .package-title { color: #47484c; font-size: 25px; padding: 20px 0 18px; font-weight: 300; text-transform: uppercase; } .package-column .package-price { background:rgba(171, 172, 179, 0.1); padding: 15px; } .package-column .package-price .price { color: #e30613; font-size: 110px; font-weight: 300; line-height: 110px; position: relative; } .package-column .package-price .currency { font-size: 47px; line-height: 47px; font-weight: 300; position: relative; top:-40px; } .package-column .package-price .period { font-size: 15px; color: #e30613; text-transform: uppercase; } .package-column .package-detail { padding: 30px 15% 50px; } .package-column .package-detail ul { margin-bottom: 30px; } .package-column .package-detail ul li { font-weight: 300; font-size: 16px; color: #47484c; border-bottom: 1px solid #dadfe3; padding: 15px 0; } .package-column .package-detail ul li:last-child { border-bottom: none; } /* .package-column.featured { background: #f3f3f3; } .package-column.featured .package-title { color: #47484c; } .package-column.featured .package-price { background: #47484c; } .package-column.featured .package-price .price { color: #e30613; } .package-column.featured .package-detail ul li { color: #47484c; } */ .package-column.disabled { background: #fafafa; } .package-column.disabled .package-title { color: #8b8b8b; } .package-column.disabled .package-price { background: #e0e0e0; } .package-column.disabled .package-price .price { color: #afafaf; } .package-column.disabled .package-detail ul li { color: #8b8b8b; } .package-column.disabled .package-detail .btn { color: #dadfe3; background:transprarent; color:#A5A5A5; border:1px solid #A5A5A5; } #features { background: #f0f0f0; padding: 0px 0px 30px 0px; margin-bottom: 50px; } #featuredTab { position: relative; margin-top: 160px; } #featuredTab li { display: block; position: relative; } #featuredTab li > a { display: block; } #featuredTab li > a:after { content: ''; clear: both; display: block; } #featuredTab li > a .tab-info { float: left; text-align: left; display: block; width: 346px; padding: 25px 28px; position: relative; z-index: 2; } #featuredTab li > a .tab-icon { float: right; text-align: right; display: block; width: 113px; position: relative; z-index: 2; } #featuredTab li > a .tab-info .tab-title { font-size: 17px; line-height: 21px; font-weight: 700; color: #e30613; text-transform: uppercase; padding-bottom: 10px; } #featuredTab li > a .tab-info .tab-desc { font-size: 15px; line-height: 28px; color: #5f5f5f; font-weight: 300; display: block; } #featuredTab li > a .icon { font-size: 50px; padding: 21px 7px; display: block; padding: 46px 28px; } /* #featuredTab li.active { margin-top: -1px; padding-bottom: 2px; } */ #featuredTab li.active > a .tab-info { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; background: #e30613; } #featuredTab li.active > a .tab-icon { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background: #e30613; } #featuredTab li.active > a .tab-info .tab-title, #featuredTab li.active > a .tab-info .tab-desc, #featuredTab li.active > a .icon { color: #fff; } #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after { content: ''; width: 99%; border-bottom: 1px solid #dadfe3; display: block; position: absolute; bottom: 0; right: 0; } #featuredTab li a .tab-icon:after { left: 0; right: auto; } #featuredTab li:last-child a .tab-info:after, #featuredTab li:last-child a .tab-icon:after, #featuredTab li.active a .tab-info:after, #featuredTab li.active a .tab-icon:after { display: none; } #featuredTab .tab-content .tab-pane { border: none; padding: 0; } #feedback-controls article { margin:0px 0px 0px 0px; padding: 0px 10px; } #feedback-controls article .icon { font-size:3.3em; } #feedback-controls article p { font-size:15px; color:#1a171b;} #feedback-controls article:hover .icon { opacity:0.6; } #feedback-controlst .h7 { margin:12px 0px 13px 0px; } #feedback-controls .thin { font-family:arial; font-size:14px; line-height:20px;} #feedback-controls .ico { width:110px; height:110px; margin-left:auto; margin-right:auto } #feedback-controls .ico.ico_1 { background: url('../img/icon/ico1.png') no-repeat; } #feedback-controls .ico.ico_2 { background: url('../img/icon/ico2.png') no-repeat; } #feedback-controls .ico.ico_3 { background: url('../img/icon/ico3.png') no-repeat; } #feedback-controls .ico.ico_4 { background: url('../img/icon/ico4.png') no-repeat; } #newsletter { background: url('../img/background/low_poly_background.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; } #subscribe input { margin-right: 8px; } #response { display: block; text-align: center; position: absolute; margin-left: 7%; } #subscribe .form-control { border-left: 3px solid #e30613; } #team .thumb-wrapper .overlay { background: rgba(26, 198, 255, 0.5); top: 0px;} #team .thumb-wrapper .socials { background: rgba(0, 0, 0, 0); opacity:0; position: absolute; bottom: 0; color: #fff; font-size: 18px; text-align: center; width: 100%; z-index: 1; display: table-cell; padding: 15px; top: 43%; vertical-align: middle; font-weight: 300; } #team .thumb-wrapper .socials a { margin:0px 15px; font-size:30px; color:#fff; } #team .thumb-wrapper:hover .overlay { top: 0; cursor: pointer; background: rgba(26, 198, 255, 0); cursor: pointer 20 20, auto;} #team .thumb-wrapper:hover .socials { opacity:1;} #team .thumb-wrapper .socials a :hover{ color:#e30613; } #team .thumb-wrapper p { color: #696969; } #team .h7 { margin-top: 25px; margin-bottom: 0; } #awards { overflow: hidden; padding-top:0px; } #awards .list-inline > li { padding-left: 30px; padding-right: 30px; } #awards .list-inline > li a:hover { opacity: 0.7; } /* Footer */ .footer { background: #272930; text-align:left;} .footer h3 { margin-top: 0px; } .footer p, .footer li , .footer h3 { color: #fff; } #footer.footer p { font-size: 14px; line-height: 24px; font-weight: 300;} .footer a { color:#756f62; display:block;} .footer a:hover { text-decoration: underline; } .footer .logo-wrapper { margin-bottom: 20px; } .footer .footer-content { padding: 75px 0 65px; } .footer .footer-title { color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 700; text-align: left; margin-bottom: 25px; margin-left:30px;} .footer .list-inline { text-align: center; margin: 0 auto; } .footer .list-inline li { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .footer .list-inline li .icon { color: #e30613; font-size: 50px; } .footer .list-unstyled li { position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 15px; line-height: 24px; } .footer .list-unstyled li .icon { position: absolute; left: 0; color: #948f85; font-size: 20px; } .copyright { text-align: center; color: #fff; font-size: 14px; padding: 0px; font-weight: 300; opacity: 0.4; } .footer .socials a:hover { text-decoration: none; opacity: 0.7; } #footer p {border:none;} #footer .container {line-height:18px;} #footer .container a:hover , #footer .container a:hover h3 { text-decoration:none; color:#e30613; } .rev-big { font-size: 58px; font-weight: 300; color: #fff; } .rev-normal { font-size: 23px; line-height: 27px; font-weight: 300; color: #fff; } .rev-big span, .rev-normal span { color: #e30613; } .tp-caption a { color: #fff; } .tp-caption a:Hover { color: #fafafa; } .tp-caption .list-inline li { margin-left: 15px; margin-right: 15px; } .fixmenu-clone { position: fixed; top: 0; left: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-box-shadow: 0px 1px 5px 0px rgba(100,100,100,.3); -moz-box-shadow: 0px 1px 5px 0px rgba(100,100,100,.3); box-shadow: 0px 1px 5px 0px rgba(100,100,100,.3); } .fixmenu-stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .fixmenu-unstick { } .logo-inverted, .fixmenu-clone .logo { display: none; } .fixmenu-clone .logo-inverted { display: block; } .fixmenu-clone.navigation-header .navigation-bar > .featured > a { color: #e30613; } .fixmenu-clone.navigation-header .navigation-bar > .featured > a:hover { color: #fff; } .fixmenu-clone.navigation-header .navigation-bar > li > a { font-family:Arial; Font-size:13px; } .fixmenu-clone.navigation-header .open .navigation-bar > li > a { color: #fff; } .fixmenu-clone.navigation-header .open .navigation-bar > .featured > a { color: #e30613; } .fixmenu-clone.navigation-header .navigation-brand { display: block; } .fixmenu-clone.navigation-header .navigation-toggle { border: 1px solid #e30613; opacity: 1;} .fixmenu-clone.navigation-header .navigation-toggle .icon-bar { background: #e30613; } /* Desktop medium screen 992px and 1199px */ @media (max-width: 1199px) { #thematiques ul {padding:0px;} /* .package-column .package-detail { height: 425px; } .long-block, .long-block article { text-align: center; } .long-block .pull-left { float: none !important; } .long-block .icon { top: 0; margin-bottom: 20px; margin-right: 0; display: block; } .navigation-header .navigation-bar > li { padding: 0px 10px; } .long-block { padding-top: 10px; padding-bottom: 35px; } #sc-gallery .wrapper { width: 100%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 60%; } #sc-countdown .wrapper { width: 60%; } .list-inline img { max-width: 90%; } .social-icons { margin-left: 25px; } .social-icons li { width: 15%; width: 15%; } #sc-longblock article { width: 80%; } .alt.tab-content .tab-pane { padding-bottom: 25px; } .alt.tab-content .tab-pane .btn { margin-top:-15px; margin-right:15px;} #landing-page .static-header { min-height: 325px; } #thematiques ul.list-inline li { padding-left: 15px; padding-right: 15px; } #response { margin-left: 40%; } .static-header .video-container { max-width: 595px; } #featuredTab { margin-top: 0; } #featuredTab li { display: inline-block; width: 33%; border-bottom: 1px solid rgba(255, 255, 255, .2); margin-bottom: 20px; opacity:0.7;} #featuredTab li.active { margin-top: 0; padding-bottom: 0; opacity:1; } #featuredTab li > a:after, #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after #featuredTab li.active > a:after { display: none; } #featuredTab li > a .tab-info { width: 100%; } #featuredTab li.active > a .tab-info { -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0; } #featuredTab li > a .tab-icon { display: none; } #featuredTab .tab-content { padding: 0; border: none; z-index: 1; } #featuredTab .tab-content .tab-pane { text-align: center; } */ } /* Desktop large screen 1200px */ @media (min-width: 1200px) { .container { width: 1200px; } .navigation-header .navigation-bar > li { padding: 0px 10px; } #sc-gallery .wrapper { width: 90%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 40%; } #sc-countdown .wrapper { width: 50%; } .social-icons { margin-top: 25px; } .social-icons li { margin-bottom: 50px; width: 16%; width: 16.2%; text-align: center; } #landing-page .static-header { min-height: 325px; } #landing-page .plain-version.static-header { min-height: 700px; } .static-header .video-container { max-width: 755px; } #featuredTab { position: relative; margin-top: 115px; } #featuredTab li { display: block; position: relative; width: 100%; border-bottom: none; margin-bottom: 0; line-height: 0px; } #featuredTab li > a:after { content: ''; clear: both; display: block; } #featuredTab li > a .tab-info { float: left; text-align: left; display: block; width: 345px; padding: 25px 28px; position: relative; z-index: 2; } #featuredTab li > a .tab-icon { float: right; text-align: right; display: block; width: 113px; position: relative; z-index: 2; } #featuredTab li > a .tab-info .tab-title { font-size: 17px; line-height: 21px; color: #e30613; text-transform: uppercase; padding-bottom: 10px; font-weight: 600;} #featuredTab li > a .tab-info .tab-desc { font-size: 16px; line-height: 22px; color: #5f5f5f; font-weight: 300; display: block;} #featuredTab li > a .icon { font-size: 50px; padding: 21px 7px; display: block; padding: 46px 28px; } #featuredTab li.active > a .tab-info { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; background: #e30613; } #featuredTab li.active > a .tab-icon { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background: #e30613; } #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after { content: ''; width: 99%; border-bottom: 1px solid rgba(255, 255, 255, .2); display: block; position: absolute; bottom: 0; right: 0; } #featuredTab li a .tab-icon:after { left: 0; right: auto; } #featuredTab li:last-child a .tab-info:after, #featuredTab li:last-child a .tab-icon:after, #featuredTab .tab-content { position: absolute; top: -60px; right: 0px; padding: 0; border: none; z-index: 1; } } #adresse { background: #0e0d0a none repeat scroll 0 0; } #adresse table{ width:84%; margin: 0 auto; color:#808080; } #adresse table p{ color:#808080; } select { height: 33px; text-transform: none; width: 281px; }