/* ==============================================    FEUILLE DE STYLES CSS3 - DATABROKER 2013 V1.0  ERIC + BARDI & JB Lallemant JUN2013 Collab.    ============================================== */      /* --- OK LET'S ROCK ! --- */   /* GLOBAL STYLES -------------------------------------------------- */   /* Padding below the footer and lighter body text */  body { background: #fefefe url("http://www.databroker.fr/img/background-map.jpg")  center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  @font-face { font-family: 'Aller'; src: url('aller_rg-webfont.eot'); src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.ttf') format('truetype'), url('aller_rg-webfont.svg#webfont') format('svg'); }  h1,h3,p.lead,a.btn { font-family: 'Aller', "lucida grande", tahoma, verdana, arial, sans-serif; }  .container { height: 576px; width: 1024px; background: transparent; position: absolute; margin: -328px 0 0 -512px; left: 50%; top: 50%; }  .masthead{ height:60px; padding:0; }  footer{margin:0;padding:0;} footer.moins{margin:-20px 0 0 0;padding:0;} footer p{font-size:10px;color:#62af44;} footer a,footer a:visited{color:#62af44;} footer a:hover{color:#549938}  iframe{ height: 576px; width:100%; border-radius:5px; border:solid 1px #777777; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 1px 3px #777777; -webkit-box-shadow: 2px 1px 3px #777777; box-shadow: 2px 1px 3px #777777; }     .control-group{width:auto;}  .btn.normal{font-weight:normal;}  .form-actions { padding:0; margin:0; border: none; }  .form{width:40%;float:left;} .address{width:50%;float:right;}  .formwell{ width:auto; min-height: 20px; padding:10px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #777777; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 1px 3px #777777; -webkit-box-shadow: 2px 1px 3px #777777; box-shadow: 2px 1px 3px #777777; }  .retract{padding:0 10px 0 0;}  .brand{font-family: 'Aller', "lucida grande", tahoma, verdana, arial, sans-serif;}  .navbar{margin:0;}   /* remise ŕ zéro des couleurs de fond du menu */ .navbar-inner { min-height: 40px; padding-right: 0px; padding-left: 0px; background:transparent; background-color:transparent; background-image: -moz-linear-gradient(top, #, #); background-image: -ms-linear-gradient(top, #, #); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#), to(#)); background-image: -webkit-linear-gradient(top, #, #); background-image: -o-linear-gradient(top, #, #); background-image: linear-gradient(top, #, #); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#', endColorstr='#', GradientType=0); border-top:none  !important; border-bottom:none !important; border-left:none !important; border-right:none !important; box-shadow: none !important; }   /*couleur du titre du menu*/ .navbar .brand { float:left; margin:0; padding:0; } a:hover.brand{ color: #aaa; background-position:0 -63px; } a.brand{ display:block; background:url("http://www.databroker.fr/img/logo.png") no-repeat; background-position:0 0; width:330px; height:63px; } /*couleur des séparateurs de menu*/ .navbar .divider-vertical { height: 41px; background-color: #00ff00; border-right: 1px solid #ff00ff; }  /*couleur des liens de menu*/ .navbar .nav > li > a { padding: 10px 10px 11px; font-size: 14px; color: #bbb; font-weight: bold;  }  /*couleur des liens de menu actifs */ .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #62af44; text-shadow: none !important; box-shadow:none !important; border:none !important; }  .nav-collapse{ margin:20px 0 0 0; }  .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: none !important; text-shadow: none !important; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }   /* couleur des liens actifs de type pillule */ .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #62af44; background-color:#fffff; border:none !important; box-shadow:none !important;  }  .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #fff; text-decoration: none; background-color: #62af44; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #549938; *background-color: #549938; background-image: -moz-linear-gradient(top, #62AF44, #549938); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62AF44), to(#549938)); background-image: -webkit-linear-gradient(top, #62AF44, #549938); background-image: -o-linear-gradient(top, #62AF44, #549938); background-image: linear-gradient(to bottom, #62AF44, #549938); background-repeat: repeat-x; border-color: #549938; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62AF44', endColorstr='#549938', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }  .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #62af44; color:#fff; box-shadow:none !important; }  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { background-color: none; color:#62af44; box-shadow:none !important; }; box-shadow:none !important; }  .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: none; text-shadow:none; } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #62af44; *background-color: #d9d9d9; } .navbar .btn{ background:transparent; background-color:#62af44;  }  .navbar {padding:0 10px 0 10px;}  .nav-collapse .nav { float: none; margin: 0 0 10px 0; }  .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #62af44; }  }  /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */  /* Carousel base class */   .carousel .container { position: absolute; z-index: 9; }  .carousel-control { height:40px; margin:308px 410px 0 410px; font-size: 24px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 60; }  .carousel .item { height: 576px; } .carousel img { position: relative; top: 0; left: 0; min-width: 100%; height: 576px; border-radius:5px; }  .carousel-caption { background-color: transparent; position: static; max-width: 550px; margin:230px 0 0 70px; }  .carousel-caption h1, .carousel-caption .lead { margin: 0; line-height: 1.25; color: #fff; text-shadow: 0 3px 3px rgba(0,0,0,.4); } .carousel-caption .btn { margin-top: 10px; }  .carousel-indicators{ z-index:50; left: 0; right: 0; top: auto; bottom: 15px; text-align: center; } .carousel-indicators li { float: none; display: inline-block; cursor: pointer }  .btn-databroker { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #549938; *background-color: #549938; background-image: -moz-linear-gradient(top, #62AF44, #549938); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62AF44), to(#549938)); background-image: -webkit-linear-gradient(top, #62AF44, #549938); background-image: -o-linear-gradient(top, #62AF44, #549938); background-image: linear-gradient(to bottom, #62AF44, #549938); background-repeat: repeat-x; border-color: #549938; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62AF44', endColorstr='#549938', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-databroker:hover, .btn-databroker:active, .btn-databroker.active, .btn-databroker.disabled, .btn-databroker[disabled] { color: #FFFFFF; background-color: #549938; *background-color: #003bb3; }  .address a, .address a:hover{color:#62af44;}  .databroker a, .databroker a:hover {color:#62af44;}  .row { margin-left: 0; }  /*------------------------ RESPONSIVE CSS ------------------------ */ /*																   */ /*                                                                 */ /*------------------------ MEDIA max1200 --------------------------*/  @media (max-width: 1200px){  .btn-large { padding: 8px 12px; font-size: 14.5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }  .carousel-caption .btn { margin-top: 6px; }  .carousel-indicators{ bottom: 12px; } .carousel-indicators li{ width: 8px; height: 8px; margin-left: 4px; }   .carousel-control { height:40px; margin:266px 310px 0 310px; font-size: 22px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 60; }  .carousel-caption h1{font-size:32px;}  .carousel-caption { background-color: transparent; position: static; max-width: 380px; margin:220px 0 0 50px; }  .lead{font-size:18px;}  .container { height: 600px; width: 800px; background: transparent; position: absolute; margin: -300px 0 0 -400px; left: 50%; top: 50%; }  .carousel .item { height: 500px; } .carousel img { width: 800px; height: 500px; }  iframe{ height: 500px; }  textarea{height:50px;}  .form{width:40%;float:left;} .address{width:40%;float:right;} }  /*-------------------- END ---------------------*/ /*                                              */ /*---------------- MEDIA max980 ----------------*/  @media (max-width: 979px) {  .carousel-control.right { right: 0; left: auto; }  .btn-large { padding: 5px 10px; font-size: 10.5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }  .carousel-control { height:20px; width:20px; margin:123px 184px 0 170px; font-size: 18px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 60; }  .carousel-caption h1{font-size:22px;	text-shadow: none;font-weight:light;}  .carousel-caption { background-color: transparent; position: static; max-width: 290px; margin:100px 0 0 30px; }  .lead{font-size:12px;text-shadow: none;font-weight:light;}  .carousel-indicators{ bottom: 12px; } .carousel-indicators li{ width: 6px; height: 6px; margin-left: 3px; }  .container { height: 360px; width: 480px; background: transparent; position: absolute; margin: -180px 0 0 -240px; }  .carousel .item { height: 260px; }  .carousel img { width: 480px; height: 260px; }  iframe{ height: 260px; }  .form{width:50%;float:left;} .address{width:30%;float:right;} }     /*-------------------- END ---------------------*/ /*                                              */ /*---------------- MEDIA max768 ----------------*/   @media (max-width: 767px) {  .navbar .brand { float:left; margin-top:5px; padding:0; }  a:hover.brand{ color: #aaa; background-position:0 -34px; } a.brand{ display:block; background:url("http://www.databroker.fr/img/logo-min.png") no-repeat; background-position:0 0; width:178px; height:34px; }  .btn-large { padding: 2px 5px; font-size: 10.5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }  .carousel-caption h1{font-size:18px;	text-shadow: none;font-weight:light;}  .carousel-caption { background-color: transparent; position: static; max-width: 290px; margin:60px 0 0 0; }  .lead{font-size:11px;text-shadow: none;font-weight:light;}  .carousel-indicators{ bottom: 12px; } .carousel-indicators li{ width: 6px; height: 6px; margin-left: 3px; }  .carousel-control { display:none; }  .carousel-control.right { right: 0px; left: auto; }  .container { height: 240px; width:100%; top:0; left:0; background: transparent; margin-right:auto; margin-left:auto; margin-top:0; margin-bottom:0; }   .carousel { margin-left: auto; margin-right: auto; }  .carousel .item { height: 240px; } .carousel img { height: 240px; } .carousel-caption { width: 65%; }   iframe{ height: 240px; padding: 0 0 0 0; } textarea{height:100px;}  .limit{width:auto;}  .form{width:96%;float:left;padding:0 10px 0 10px;} .address{width:auto;padding:10px;float:none;} .separateur{/*clear:both*/}  }  /*---------------- END ----------------*/ /*----------------- OF ----------------*/ /*------------------ BEANS ------------*/