/*같같같같같같같같같같같같같같같같같같같같같같같같? CSS*/ body>table td{padding: 0 5%;display: block;} body>table{display:initial;} *{ font-family: Verdana, Arial, Helvetica; font-size: 12pt; } html { height: 100%; overflow:auto; } body { margin: 0; padding: 0; background-color: #1d1b1c; overflow:auto; color: #ffffff; } h1 { font-size: 2em; color:#d4af94; } h2 { font-size: 1.5em; color:#d4af94; } h3 { font-size: 1.17em; color:#d4af94; } h4 { font-size: 1.12em; color:#d4af94;} h5 { font-size: .83em; color:#d4af94;} h6 { font-size: .75em; color:#d4af94;} h7 { font-size: 1.12em; color:#ffffff;} hr { color: #bcbcbc; background-color: #bcbcbc; height: 1px; border: 0; } @-webkit-keyframes valid { from { background-color: red; } to { background-color: inherit; } } @-moz-keyframes valid { from { background-color: red; } to { background-color: inherit; } } @-o-keyframes valid { from { background-color: red; } to { background-color: inherit; } } @keyframes valid { from { background-color: red; } to { background-color: inherit; } } .valid { -webkit-animation: valid 1s infinite; /* Safari 4+ */ -moz-animation: valid 1s infinite; /* Fx 5+ */ -o-animation: valid 1s infinite; /* Opera 12+ */ animation: valid 1s infinite; /* IE 10+ */ } .lightbox h1{ color:#d4af94; } .lightbox, .lightbox * { color:#000000; } .tooltip { display:none; position:absolute; border:1px solid #fff; background-color:#161616; border-radius:5px; padding:10px; color:#fff; font-size:12px Arial; } #footer { position:fixed; left:0px; bottom:0px; height:160px; width:100%; background:#2c292a; } /* IE 6 */ * html #footer { position:absolute; top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); } /* LIEN */ a { color: #ffffff; text-decoration:none ; } a:visited { color: #ffffff; text-decoration:none ; } a:hover { color: #ffffff; text-decoration: underline ; } /* CONTACT */ #after_submit, #email_validation, #name_validation { display:none; } #after_submit{ background-color: #c0ffc0; line-height: 31px; margin-bottom: 10px; padding-left: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } label, #after_submit{ color: #6c6c6c; } input{ line-height: 31px; } input, textarea{ width: 288px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(255,255,255,.6); border: solid 1px #b6c7cb; } #contact_form{ height: 400px; background-color: #e1e9eb; border: solid 1px #e5e5e5; padding: 10px 20px 50px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #submit_button{ width: 109px; height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #86c5fa; -webkit-box-shadow: inset 0 2px rgba(255,255,255,.29); -moz-box-shadow: inset 0 2px rgba(255,255,255,.29); box-shadow: inset 0 2px rgba(255,255,255,.29); border: solid 1px #77a4cb; font-weight: bold; color: #fff; margin-left: 7px; } label.required:after { content:'*'; color:red; } .error { background-color:#FFDFDF; color:red; } .error_message{ font-style: italic; font-size: 10px; } .row { margin:5px; } /* INPUT ADMIN */ .InputAdmin { width:200px; height:30px; display: inline; border: none; border-radius: 4px; padding: 5px 8px; color: #333; box-shadow: inset 0 2px 0 rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,0.1); } .InputAdmin:focus { outline: none; box-shadow: inset 0 2px 0 rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,0.1), 0 0 5px 1px #51CBEE; } /* BOUTTON RECHERCHE */ .osx { clear: both; margin: 0px 10px 0px 10px; cursor: pointer; cursor: hand; height: 50px; } .osx, .osx:hover { cursor: pointer; cursor: hand; color: #000; text-decoration: none; text-shadow: 0 1px rgba(255,255,255,.2); font: 400 13px/19px "Helvetica Neue", Arial, sans-serif; -webkit-tap-highlight-color: transparent; padding: 0 12px; border: 1px solid; border-top-color: #9d9d9d; border-bottom-color: #939393; border-left-color: #949494; border-right-color: #949494; -webkit-border-radius: 4px; box-shadow: 0 1px rgba(0,0,0,0.1); -moz-border-radius: 4px; -moz-box-shadow: 0 1px rgba(0,0,0,0.1); border-radius: 4px; -webkit-box-shadow: 0 1px rgba(0,0,0,0.1); -webkit-appearance: none; background: #ffffff; /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, /* Chrome, */ color-stop( 0%, #ffffff), /* Safari4+ */ color-stop(25%, #ffffff), color-stop( 30%, #fcfcfc), color-stop(35%, #f9f9f9), color-stop(40%, #f7f7f7), color-stop(45%, #f5f5f5), color-stop( 50%, #f2f2f2), color-stop(50%, #ececec), color-stop(80%, #ededed), color-stop(95%, #efefef), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #fcfcfc 30%, #f9f9f9 35%, /* Chrome10+, */ #f7f7f7 40%, #f5f5f5 45%, #f2f2f2 50%, #ececec 50%, /* Safari5.1+ */ #ededed 80%, #efefef 95%, #f2f2f2 100%); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #fcfcfc 30%, #f9f9f9 35%, /* FF3.6+ */ #f7f7f7 40%, #f5f5f5 45%, #f2f2f2 50%, #ececec 50%, #ededed 80%, #efefef 95%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 25%, #fcfcfc 30%, #f9f9f9 35%, /* Opera 11.10+ */ #f7f7f7 40%, #f5f5f5 45%, #f2f2f2 50%, #ececec 50%, #ededed 80%, #efefef 95%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 25%, #fcfcfc 30%, #f9f9f9 35%, /* IE10+ */ #f7f7f7 40%, #f5f5f5 45%, #f2f2f2 50%, #ececec 50%, #ededed 80%, #efefef 95%, #f2f2f2 100%); background: linear-gradient(top, #ffffff 0%, #ffffff 25%, #fcfcfc 30%, #f9f9f9 35%, /* W3C */ #f7f7f7 40%, #f5f5f5 45%, #f2f2f2 50%, #ececec 50%, #ededed 80%, #efefef 95%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( /* IE6-9 */ startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .osx:active, .osx.primary, .osx.primary:hover { background: #bcd6ef; /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, /* Chrome, */ color-stop( 0%, #bcd6ef), /* Safari4+ */ color-stop( 5%, #a3c1ef), color-stop( 10%, #98b8e9), color-stop(15%, #91b3e9), color-stop(20%, #8ab1e9), color-stop(25%, #8ab2ea), color-stop( 30%, #83abe8), color-stop(35%, #7cabe9), color-stop(40%, #73a6e8), color-stop(45%, #6ca4e9), color-stop( 50%, #67a1e9), color-stop(50%, #4693ea), color-stop(70%, #579eec), color-stop(75%, #64a7ee), color-stop( 80%, #6eaeee), color-stop(85%, #7db6ef), color-stop(90%, #88bfef), olor-stop(95%, #97caef), color-stop(100%, #abd4ef)); background: -webkit-linear-gradient(top, #bcd6ef 0%, #a3c1ef 5%, #98b8e9 10%, #91b3e9 15%, /* Chrome10+, */ #8ab1e9 20%, #8ab2ea 25%, #83abe8 30%, #7cabe9 35%, /* Safari5.1+ */ #73a6e8 40%, #6ca4e9 45%, #67a1e9 50%, #4693ea 50%, #579eec 70%, #64a7ee 75%, #6eaeee 80%, #7db6ef 85%, #88bfef 90%, #97caef 95%, #abd4ef 100%); background: -moz-linear-gradient(top, #bcd6ef 0%, #a3c1ef 5%, #98b8e9 10%, #91b3e9 15%, /* FF3.6+ */ #8ab1e9 20%, #8ab2ea 25%, #83abe8 30%, #7cabe9 35%, #73a6e8 40%, #6ca4e9 45%, #67a1e9 50%, #4693ea 50%, #579eec 70%, #64a7ee 75%, #6eaeee 80%, #7db6ef 85%, #88bfef 90%, #97caef 95%, #abd4ef 100%); background: -o-linear-gradient(top, #bcd6ef 0%, #a3c1ef 5%, #98b8e9 10%, #91b3e9 15%, /* Opera 11.10+ */ #8ab1e9 20%, #8ab2ea 25%, #83abe8 30%, #7cabe9 35%, #73a6e8 40%, #6ca4e9 45%, #67a1e9 50%, #4693ea 50%, #579eec 70%, #64a7ee 75%, #6eaeee 80%, #7db6ef 85%, #88bfef 90%, #97caef 95%, #abd4ef 100%); background: -ms-linear-gradient(top, #bcd6ef 0%, #a3c1ef 5%, #98b8e9 10%, #91b3e9 15%, /* IE10+ */ #8ab1e9 20%, #8ab2ea 25%, #83abe8 30%, #7cabe9 35%, #73a6e8 40%, #6ca4e9 45%, #67a1e9 50%, #4693ea 50%, #579eec 70%, #64a7ee 75%, #6eaeee 80%, #7db6ef 85%, #88bfef 90%, #97caef 95%, #abd4ef 100%); background: linear-gradient(top, #bcd6ef 0%, #a3c1ef 5%, #98b8e9 10%, #91b3e9 15%, /* W3C */ #8ab1e9 20%, #8ab2ea 25%, #83abe8 30%, #7cabe9 35%, #73a6e8 40%, #6ca4e9 45%, #67a1e9 50%, #4693ea 50%, #579eec 70%, #64a7ee 75%, #6eaeee 80%, #7db6ef 85%, #88bfef 90%, #97caef 95%, #abd4ef 100%); filter: progid:DXImageTransform.Microsoft.gradient( /* IE6-9 */ startColorstr='#bcd6ef', endColorstr='#abd4ef',GradientType=0 ); border-top-color: #5158ab; border-bottom-color: #464872; border-left-color: #4b4d8c; border-right-color: #4b4d8c; } .osx.primary, .osx.primary:hover { -webkit-animation: pulsate 730ms infinite alternate ease-in-out; -moz-animation: pulsate 730ms infinite alternate ease-in-out; animation: pulsate 730ms infinite alternate ease-in-out; } .osx.primary:active { animation: none; -moz-animation: none; -webkit-animation: none; } @-webkit-keyframes pulsate { 0% { -webkit-box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 2px #d2f7ff; box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 2px #d2f7ff; } 100% { -webkit-box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 0px #a0c1ed; box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 0px #a0c1ed; } } @-moz-keyframes pulsate { 0% { -moz-box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 2px #d2f7ff; box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 2px #d2f7ff; } 100% { -moz-box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 0px #a0c1ed; box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 0px #a0c1ed; } } @keyframes pulsate { 0% { box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 2px #d2f7ff; } 100% { box-shadow: 0 1px rgba(0,0,0,0.1), inset 0 0 19px 0px #a0c1ed; } } .osx:focus { -webkit-box-shadow: 0 1px rgba(0,0,0,0.1), 0 0 4px hsl(204, 100%, 88%); -moz-box-shadow: 0 1px rgba(0,0,0,0.1), 0 0 4px hsl(204, 100%, 88%); box-shadow: 0 1px rgba(0,0,0,0.1), 0 0 4px hsl(204, 100%, 88%); border-color: hsl(204, 68%, 58%); } .osx.round { -webkit-border-radius: 9999px; -moz-border-radius: 9999px; border-radius: 9999px; padding: 0 10px; } .osx.single{ padding: 0 6px; } .osx b, .osx strong { font-weight: 500; } input[type=text], input[type=password], select, textarea, input[type=file], input[type=email]{ background: #ffffff; border: 1px solid #5f5b5b; padding: 7px 5px; font-family: Georgia, serif; width: 270px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .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 { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .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; }