/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(405,1): run-time error CSS1019: Unexpected token, found '@import'
(405,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700)'
(405,78): run-time error CSS1019: Unexpected token, found ';'
(2043,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-value'
(2047,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-half-value'
(2051,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-value'
(2055,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-half-value'
(2059,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-half-value'
(2063,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-half-value'
(2067,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-half-value'
(2068,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-half-value'
(2072,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-value'
(2073,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-value'
(2077,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-large-value'
(2968,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-value'
 */
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
.row:after{clear:both;}
[class*="span"]{float:left;min-height:1px;margin-left:20px;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1000px;}
.span12{width:1000px;}
.span11{width:915px;}
.span10{width:830px;}
.span9{width:745px;}
.span8{width:660px;}
.span7{width:575px;}
.span6{width:490px;}
.span5{width:405px;}
.span4{width:320px;}
.span3{width:235px;}
.span2{width:150px;}
.span1{width:65px;}
.offset12{margin-left:1040px;}
.offset11{margin-left:955px;}
.offset10{margin-left:870px;}
.offset9{margin-left:785px;}
.offset8{margin-left:700px;}
.offset7{margin-left:615px;}
.offset6{margin-left:530px;}
.offset5{margin-left:445px;}
.offset4{margin-left:360px;}
.offset3{margin-left:275px;}
.offset2{margin-left:190px;}
.offset1{margin-left:105px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2%;*margin-left:1.95%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2%;}
.row-fluid .span12{width:100%;*width:99.95%;}
.row-fluid .span11{width:91.5%;*width:91.45%;}
.row-fluid .span10{width:83%;*width:82.95%;}
.row-fluid .span9{width:74.5%;*width:74.45%;}
.row-fluid .span8{width:66%;*width:65.95%;}
.row-fluid .span7{width:57.5%;*width:57.45%;}
.row-fluid .span6{width:49%;*width:48.95%;}
.row-fluid .span5{width:40.5%;*width:40.45%;}
.row-fluid .span4{width:32%;*width:31.95%;}
.row-fluid .span3{width:23.5%;*width:23.45%;}
.row-fluid .span2{width:15%;*width:14.95%;}
.row-fluid .span1{width:6.5%;*width:6.45%;}
.row-fluid .offset12{margin-left:104%;*margin-left:103.9%;}
.row-fluid .offset12:first-child{margin-left:102%;*margin-left:101.9%;}
.row-fluid .offset11{margin-left:95.5%;*margin-left:95.4%;}
.row-fluid .offset11:first-child{margin-left:93.5%;*margin-left:93.4%;}
.row-fluid .offset10{margin-left:87%;*margin-left:86.9%;}
.row-fluid .offset10:first-child{margin-left:85%;*margin-left:84.9%;}
.row-fluid .offset9{margin-left:78.5%;*margin-left:78.4%;}
.row-fluid .offset9:first-child{margin-left:76.5%;*margin-left:76.4%;}
.row-fluid .offset8{margin-left:70%;*margin-left:69.9%;}
.row-fluid .offset8:first-child{margin-left:68%;*margin-left:67.9%;}
.row-fluid .offset7{margin-left:61.5%;*margin-left:61.400000000000006%;}
.row-fluid .offset7:first-child{margin-left:59.5%;*margin-left:59.400000000000006%;}
.row-fluid .offset6{margin-left:53%;*margin-left:52.900000000000006%;}
.row-fluid .offset6:first-child{margin-left:51%;*margin-left:50.900000000000006%;}
.row-fluid .offset5{margin-left:44.5%;*margin-left:44.400000000000006%;}
.row-fluid .offset5:first-child{margin-left:42.5%;*margin-left:42.400000000000006%;}
.row-fluid .offset4{margin-left:36%;*margin-left:35.900000000000006%;}
.row-fluid .offset4:first-child{margin-left:34%;*margin-left:33.900000000000006%;}
.row-fluid .offset3{margin-left:27.5%;*margin-left:27.4%;}
.row-fluid .offset3:first-child{margin-left:25.5%;*margin-left:25.4%;}
.row-fluid .offset2{margin-left:19%;*margin-left:18.9%;}
.row-fluid .offset2:first-child{margin-left:17%;*margin-left:16.9%;}
.row-fluid .offset1{margin-left:10.5%;*margin-left:10.399999999999999%;}
.row-fluid .offset1:first-child{margin-left:8.5%;*margin-left:8.399999999999999%;}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}
[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;}
.container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;}
.container:after{clear:both;}
.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;}
.container-fluid:after{clear:both;}
.nav{margin-left:0;margin-bottom:20px;list-style:none;}
.nav>li>a{display:block;}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}
.nav>li>a>img{max-width:none;}
.nav>.pull-right{float:right;}
.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
.nav li+.nav-header{margin-top:9px;}
.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;}
.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.nav-list>li>a{padding:3px 15px;}
.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px;}
.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0;}
.nav-tabs:after,.nav-pills:after{clear:both;}
.nav-tabs>li,.nav-pills>li{float:left;}
.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
.nav-tabs{border-bottom:1px solid #ddd;}
.nav-tabs>li{margin-bottom:-1px;}
.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd;}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
.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;}
.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#ffffff;background-color:#0088cc;}
.nav-stacked>li{float:none;}
.nav-stacked>li>a{margin-right:0;}
.nav-tabs.nav-stacked{border-bottom:0;}
.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{border-color:#ddd;z-index:2;}
.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.nav .dropdown-toggle .caret{border-top-color:#0088cc;border-bottom-color:#0088cc;margin-top:6px;}
.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#005580;border-bottom-color:#005580;}
.nav-tabs .dropdown-toggle .caret{margin-top:8px;}
.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}
.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer;}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#ffffff;background-color:#999999;border-color:#999999;}
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999999;}
.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}
.tabbable:after{clear:both;}
.tab-content{overflow:auto;}
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
.tab-content>.active,.pill-content>.active{display:block;}
.tabs-below>.nav-tabs{border-top:1px solid #ddd;}
.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd;}
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd;}
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
.nav>.disabled>a{color:#999999;}
.nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;background-color:transparent;cursor:default;}
.navbar{overflow:visible;margin-bottom:20px;*position:relative;*z-index:2;}
.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#fafafa;background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);border:1px solid #d4d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*zoom:1;}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0;}
.navbar-inner:after{clear:both;}
.navbar .container{width:auto;}
.nav-collapse.collapse{height:auto;overflow:visible;}
.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777777;text-shadow:0 1px 0 #ffffff;}.navbar .brand:hover,.navbar .brand:focus{text-decoration:none;}
.navbar-text{margin-bottom:0;line-height:40px;color:#777777;}
.navbar-link{color:#777777;}.navbar-link:hover,.navbar-link:focus{color:#333333;}
.navbar .divider-vertical{height:40px;margin:0 9px;border-left:1px solid #f2f2f2;border-right:1px solid #ffffff;}
.navbar .btn,.navbar .btn-group{margin-top:5px;}
.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group{margin-top:0;}
.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";line-height:0;}
.navbar-form:after{clear:both;}
.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
.navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0;}
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;}
.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0;}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.navbar-static-top{position:static;margin-bottom:0;}.navbar-static-top .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px;}
.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0;}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1000px;}
.navbar-fixed-top{top:0;}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1);}
.navbar-fixed-bottom{bottom:0;}.navbar-fixed-bottom .navbar-inner{-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 -1px 10px rgba(0,0,0,.1);box-shadow:0 -1px 10px rgba(0,0,0,.1);}
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
.navbar .nav.pull-right{float:right;margin-right:0;}
.navbar .nav>li{float:left;}
.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777777;text-decoration:none;text-shadow:0 1px 0 #ffffff;}
.navbar .nav .dropdown-toggle .caret{margin-top:8px;}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#333333;text-decoration:none;}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#555555;text-decoration:none;background-color:#e5e5e5;-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);}
.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#ededed;background-image:-moz-linear-gradient(top, #f2f2f2, #e5e5e5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));background-image:-webkit-linear-gradient(top, #f2f2f2, #e5e5e5);background-image:-o-linear-gradient(top, #f2f2f2, #e5e5e5);background-image:linear-gradient(to bottom, #f2f2f2, #e5e5e5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);border-color:#e5e5e5 #e5e5e5 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e5e5e5;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}.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:#e5e5e5;*background-color:#d9d9d9;}
.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#cccccc \9;}
.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
.navbar .nav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
.navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
.navbar-fixed-bottom .nav>li>.dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;}
.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;}
.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret{border-top-color:#333333;border-bottom-color:#333333;}
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:#e5e5e5;color:#555555;}
.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#777777;border-bottom-color:#777777;}
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}
.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{left:auto;right:0;}.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{left:auto;right:12px;}
.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{left:auto;right:13px;}
.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.navbar-inverse .navbar-inner{background-color:#1b1b1b;background-image:-moz-linear-gradient(top, #222222, #111111);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));background-image:-webkit-linear-gradient(top, #222222, #111111);background-image:-o-linear-gradient(top, #222222, #111111);background-image:linear-gradient(to bottom, #222222, #111111);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);border-color:#252525;}
.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#999999;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav>li>a:focus{color:#ffffff;}
.navbar-inverse .brand{color:#999999;}
.navbar-inverse .navbar-text{color:#999999;}
.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:transparent;color:#ffffff;}
.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#ffffff;background-color:#111111;}
.navbar-inverse .navbar-link{color:#999999;}.navbar-inverse .navbar-link:hover,.navbar-inverse .navbar-link:focus{color:#ffffff;}
.navbar-inverse .divider-vertical{border-left-color:#111111;border-right-color:#222222;}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#111111;color:#ffffff;}
.navbar-inverse .nav li.dropdown>a:hover .caret,.navbar-inverse .nav li.dropdown>a:focus .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;}
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#999999;border-bottom-color:#999999;}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;}
.navbar-inverse .navbar-search .search-query{color:#ffffff;background-color:#515151;border-color:#111111;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#cccccc;}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#cccccc;}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;}
.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
.navbar-inverse .btn-navbar{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e0e0e;background-image:-moz-linear-gradient(top, #151515, #040404);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));background-image:-webkit-linear-gradient(top, #151515, #040404);background-image:-o-linear-gradient(top, #151515, #040404);background-image:linear-gradient(to bottom, #151515, #040404);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);border-color:#040404 #040404 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#040404;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#ffffff;background-color:#040404;*background-color:#000000;}
.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#000000 \9;}
.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);white-space:normal;}.popover.top{margin-top:-10px;}
.popover.right{margin-left:10px;}
.popover.bottom{margin-top:10px;}
.popover.left{margin-left:-10px;}
.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.popover-title:empty{display:none;}
.popover-content{padding:9px 14px;}
.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.popover .arrow{border-width:11px;}
.popover .arrow:after{border-width:10px;content:"";}
.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff;}
.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0, 0, 0, 0.25);}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff;}
.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#ffffff;}
.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0, 0, 0, 0.25);}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
.modal.fade.in{top:10%;}
.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
.modal-header h3{margin:0;line-height:30px;}
.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px;}
.modal-form{margin-bottom:0;}
.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;}
.modal-footer:after{clear:both;}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
.modal-footer .btn-block+.btn-block{margin-left:0;}
.dropup,.dropdown{position:relative;}
.dropdown-toggle{*margin-bottom:-3px;}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";}
.dropdown .caret{margin-top:8px;margin-left:2px;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
.dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333333;white-space:nowrap;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{text-decoration:none;color:#ffffff;background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999999;}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:default;}
.open{*z-index:1000;}.open>.dropdown-menu{display:block;}
.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990;}
.pull-right>.dropdown-menu{right:0;left:auto;}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"";}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px;}
.typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.accordion{margin-bottom:20px;}
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
.accordion-toggle{cursor:pointer;}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
.carousel{position:relative;margin-bottom:20px;line-height:1;}
.carousel-inner{overflow:hidden;width:100%;position:relative;}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;}
.carousel-inner>.active{left:0;}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%;}
.carousel-inner>.next{left:100%;}
.carousel-inner>.prev{left:-100%;}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0;}
.carousel-inner>.active.left{left:-100%;}
.carousel-inner>.active.right{left:100%;}
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
.carousel-control:hover,.carousel-control:focus{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none;}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255, 255, 255, 0.25);border-radius:5px;}
.carousel-indicators .active{background-color:#fff;}
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333333;background:rgba(0, 0, 0, 0.75);}
.carousel-caption h4,.carousel-caption p{color:#ffffff;line-height:20px;}
.carousel-caption h4{margin:0 0 5px;}
.carousel-caption p{margin-bottom:0;}
.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
.pull-right{float:right;}
.pull-left{float:left;}
.hide{display:none;}
.show{display:block;}
.invisible{visibility:hidden;}
.affix{position:fixed;}
.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;}.fade.in{opacity:1;}
.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}.collapse.in{height:auto;}
@-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;}
@media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.7124309392265196%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.95%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38646408839779%;} .row-fluid .span10{width:82.87292817679558%;*width:82.82292817679559%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25939226519337%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69585635359117%;} .row-fluid .span7{width:57.18232044198895%;*width:57.13232044198895%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56878453038674%;} .row-fluid .span5{width:40.05524861878453%;*width:40.005248618784535%;} .row-fluid .span4{width:31.491712707182323%;*width:31.441712707182322%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87817679558011%;} .row-fluid .span2{width:14.3646408839779%;*width:14.3146408839779%;} .row-fluid .span1{width:5.801104972375691%;*width:5.751104972375691%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.42486187845304%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.66243093922652%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.86132596685083%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09889502762431%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.29779005524863%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.53535911602211%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.73425414364641%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.97182320441989%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.17071823204421%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40828729281769%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.60718232044199%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.844751381215474%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.043646408839784%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.281215469613265%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.480110497237575%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.717679558011056%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91657458563537%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.15414364640885%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.353038674033147%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.59060773480663%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.78950276243094%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02707182320442%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.22596685082873%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.463535911602209%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12,textarea.span12,.uneditable-input.span12{width:710px;} input.span11,textarea.span11,.uneditable-input.span11{width:648px;} input.span10,textarea.span10,.uneditable-input.span10{width:586px;} input.span9,textarea.span9,.uneditable-input.span9{width:524px;} input.span8,textarea.span8,.uneditable-input.span8{width:462px;} input.span7,textarea.span7,.uneditable-input.span7{width:400px;} input.span6,textarea.span6,.uneditable-input.span6{width:338px;} input.span5,textarea.span5,.uneditable-input.span5{width:276px;} input.span4,textarea.span4,.uneditable-input.span4{width:214px;} input.span3,textarea.span3,.uneditable-input.span3{width:152px;} input.span2,textarea.span2,.uneditable-input.span2{width:90px;} input.span1,textarea.span1,.uneditable-input.span1{width:28px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.514102564102564%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%;*width:99.95%;} .row-fluid .span11{width:91.45299145299145%;*width:91.40299145299146%;} .row-fluid .span10{width:82.90598290598291%;*width:82.85598290598291%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30897435897437%;} .row-fluid .span8{width:65.81196581196582%;*width:65.76196581196582%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21495726495726%;} .row-fluid .span6{width:48.717948717948715%;*width:48.66794871794872%;} .row-fluid .span5{width:40.17094017094017%;*width:40.12094017094017%;} .row-fluid .span4{width:31.623931623931625%;*width:31.573931623931625%;} .row-fluid .span3{width:23.076923076923077%;*width:23.026923076923076%;} .row-fluid .span2{width:14.52991452991453%;*width:14.479914529914529%;} .row-fluid .span1{width:5.982905982905983%;*width:5.932905982905983%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02820512820513%;} .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.46410256410257%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.48119658119658%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91709401709403%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.93418803418804%;} .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.37008547008548%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.3871794871795%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.82307692307694%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.84017094017095%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.2760683760684%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.29316239316239%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72905982905983%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.746153846153845%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.18205128205128%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1991452991453%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.63504273504274%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.652136752136755%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.08803418803419%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.105128205128203%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.541025641025637%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.558119658119654%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.994017094017092%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.01111111111111%;} .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.447008547008547%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12,textarea.span12,.uneditable-input.span12{width:1156px;} input.span11,textarea.span11,.uneditable-input.span11{width:1056px;} input.span10,textarea.span10,.uneditable-input.span10{width:956px;} input.span9,textarea.span9,.uneditable-input.span9{width:856px;} input.span8,textarea.span8,.uneditable-input.span8{width:756px;} input.span7,textarea.span7,.uneditable-input.span7{width:656px;} input.span6,textarea.span6,.uneditable-input.span6{width:556px;} input.span5,textarea.span5,.uneditable-input.span5{width:456px;} input.span4,textarea.span4,.uneditable-input.span4{width:356px;} input.span3,textarea.span3,.uneditable-input.span3{width:256px;} input.span2,textarea.span2,.uneditable-input.span2{width:156px;} input.span1,textarea.span1,.uneditable-input.span1{width:56px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}}

/*#region Bootstrap Modal */

.modal
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.modal-header
{
	border-bottom-width: 0;
}

/*#endregion */

/*#region popover */

.popover
{
    border-color: #108bf0;
    /*Désactivation des coins arrondis*/
    border-radius: 0px;
    -webkit-border-radius: 0px;
    /*Désactivation de l'ombre*/
    box-shadow: none;
    -webkit-box-shadow:  none;
    /*Taille de la popup*/
    /*max-width: 800px;
	width: auto;*/
}

.popover-content
{
    font-size: 12px;
    color: #000000;
    background-color: #e1ecf8;
}

.popover.left .arrow
{
    border-left-color: #108bf0;
}

.popover.left .arrow:after
{
    border-left-color: #e1ecf8;
}

.popover.right .arrow
{
    border-right-color: #108bf0;
}

.popover.right .arrow:after
{
    border-right-color: #e1ecf8;
}

/*#endregion */

/*#region Le smartphone */
@media only screen and (max-width: 480px)
{
    .popover
    {
        max-width: 250px;
    }
}
/*enregion smartphone*/

/*Valeur par défaut pour le site*/
:root {
    --spacing-value: 10px;
    --spacing-half-value: 5px;
    --spacing-large-value: 30px;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/*Indique au navigateur mobile de ne pas zoomer et de considérer la taille de l'écran comme celle du device*/
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

* {
    border: 0;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Segoe UI Light', 'Open Sans', Arial;
    /*font-weight: 300;
	font-size: 14px;*/
}

html, body {
    height: 100%;
}

/*Permet d'avoir la même hauteur sur les colonnes bootstrap (a désactiver sur un smartphone*/
.rowflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

body {
    background-color: white;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#collapseOne {
    background-color: #f3f3f5;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.collapseMotPasseOublie {
    display: block;
    text-align: right;
    margin-bottom: 5px
}

.collapseOneheight {
    height: 260px
}

.collapseOneSeparateur {
    height: 100px;
    margin-left: 50%;
    width: 1px;
    margin-left: 50%;
    padding: 10px 0
}

    .collapseOneSeparateur > div {
        height: 100%;
        background-color: #7e7e7e
    }

header {
    display: block;
    position: relative;
    padding-top: 5px;
    background-color: white;
}

#uiBody {
    background-color: #fff;
    padding: 15px;
    flex: 1;
    -ms-flex: 1 1 auto;
}

footer {
    display: block;
    clear: both;
    background-color: #f3f3f5;
    padding-bottom: 20px;
}

    footer a, footer a:link, footer a:visited, footer a:hover {
        color: #7f8180;
        text-decoration: none;
    }

.footer-links {
    padding: 0 0 0 20px;
}

    .footer-links h4 {
        margin: 20px 0 5px -20px;
    }

    .footer-links img {
        margin: 0 5px 0 0;
    }

footer #uiDivMiddle {
    margin-top: 20px;
    padding: 0 30px;
    border-style: solid;
    border-width: 0 1px;
    border-color: #aeaeae
}

hr {
    border: 0;
    width: 100%;
    height: 15px;
}

header > hr {
    position: absolute;
    bottom: -1px;
    height: 1px;
    background-color: #e0e0e0
}

.container {
    width: 100%;
    /*padding:0 20px;*/
    /*max-width: 1200px;*/
    max-width: 1044px;
    margin: 0 auto;
}

ul {
    padding-left: 40px;
}

a:link {
    text-decoration: underline;
}

.alink {
    text-decoration: underline;
    color: #108cf0;
    cursor: pointer
}

/*Gestion des titres */
h1 {
    color: black;
    font-size: 20px;
}

h2 {
    font-size: 42px;
    margin: 0px 0px 20px 0px;
}

h3 {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 30px;
}

h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.texte07 {
    font-size: 18px;
    color: white;
}

.texte08 {
    font-size: 14px;
    color: white;
}

.texte09 {
    color: black;
    font-size: 16px;
}

.texte10 {
    font-size: 12px;
    color: black;
    word-wrap: break-word;
}

[class^="texte-icone-"],
[class^="desktop-texte-icone-"] {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
}

.texte-icone-prestation,
.desktop-texte-icone-prestation {
    background-image: url('images/icone-prestation.png');
}

.texte-icone-quand,
.desktop-texte-icone-quand {
    background-image: url('images/icone-quand.png');
}

.texte-icone-qui,
.desktop-texte-icone-qui {
    background-image: url('images/icone-qui.png');
}

.texte-icone-conditions,
.desktop-texte-icone-conditions {
    background-image: url(images/icone-conditions.png);
}

.texte-icone-ajouter,
.desktop-texte-icone-ajouter {
    background-image: url('images/icone-ajouter.png');
    display: inline-block;
}

.texte-icone-calendrier,
.desktop-texte-icone-calendrier {
    background-image: url('images/icone-calendrier.png');
    display: inline-block;
}

.texte-icone-horloge,
.desktop-texte-icone-horloge {
    /*background-image: url('images/icone-horloge-dispo.png');*/
    background-position: 5px center;
    display: inline-block;
}

.texte-icone-horloge_dispo,
.desktop-texte-icone-horloge_dispo {
    /*	background-image: url('images/icone-horloge-dispo.png');*/
    display: inline-block;
    color: #414f69;
    font-size: 22px;
}

.texte-dispo,
.desktop-texte-dispo {
    /*	background-image: url('images/icone-horloge-dispo.png');*/
    text-align: center;
    width: 32px;
    height: 16px;
    font-family: SegoeUI;
    font-size: 14px;
    color: #424242
}


.texte-icone-alerte_dispo,
.desktop-texte-icone-alerte_dispo {
    background-image: url(images/icone-alerte-dispo.png);
    background-color: #efb5bc;
    background-position: 1% center;
    border: 1px solid #da455e;
    color: #691822;
    font-size: 14px;
    padding: 10px 0px 0px 7%;
    margin-bottom: 20px;
}

.desktop-texte-icone-alerte_dispo_horaire {
    border: 1px solid #7e7e7e;
    color: #243edc;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 10px
}

.texte-icone-info,
.desktop-texte-icone-info {
    /* background-image: url(images/icone-alerte-dispo.png);*/
    background-color: rgb(238, 231, 231);
    background-position: 1% center;
    border: 1px solid #a38e92;
    color: #675759;
    font-size: 14px;
    padding: 10px 0px 0px 7%;
    margin-bottom: 20px;
}

.texte-icone-vehicule,
.desktop-texte-icone-vehicule {
    background-image: url('images/icone-vehicule.png');
}

.texte-icone-adresse {
    background-image: url('images/icone-adresse.png');
    background-size: 8px;
    padding-left: 20px;
    font-size: 12px;
    color: #7e7e7e
}

.texte-icone-telephone {
    background-image: url('images/icone-telephone.png');
    background-size: 12px;
    padding-left: 20px;
    font-size: 12px;
    color: #7e7e7e
}

.texte-icone-itineraire,
.desktop-texte-icone-itineraire {
    background-image: url('images/icone-itineraire.png');
    display: inline-block;
}

.texte-icone-cadenas,
.desktop-texte-icone-cadenas {
    background-image: url('images/icone-cadenas.png');
}

.texte-icone-poubelle,
.desktop-texte-icone-poubelle {
    background-image: url('images/icone-poubelle.png');
}

[class^="desktop-texte-icone-titre-"] {
    padding-left: 50px;
}

.desktop-texte-icone-titre-retour,
.texte-icone-titre-retour {
    background-image: url('images/icone-retour.png');
    background-color: rgba(255, 255, 255, 0); /*transparence*/
    display: inline-block;
    height: 31px;
    width: 31px;
    margin: 0px 0px 20px 10px;
    vertical-align: middle;
}

.desktop-texte-icone-titre-retour-dispo,
.texte-icone-titre-retour-dispo {
    background-image: url('images/icone-retour.png');
    background-color: rgba(255, 255, 255, 0); /*transparence*/
    display: inline-block;
    height: 31px;
    width: 31px;
    margin: 0px 0px 20px 10px;
    vertical-align: middle;
    float: left;
}

.texte-icone-logordvonline {
    background-image: url(images/logo_rdv_online.png);
    background-color: rgba(255, 255, 255, 0); /*transparence*/
    display: inline-block;
    height: 40px;
    width: 169px;
    margin-left: 10px;
    vertical-align: middle;
}

[class^="texte-mini-icone-"],
[class^="desktop-texte-mini-icone-"] {
    margin-left: 10px;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
}

.texte-mini-icone-calendrier,
.desktop-texte-mini-icone-calendrier {
    background-image: url('images/icone-mini-calendrier.png');
}

.texte-mini-icone-horaire,
.desktop-texte-mini-icone-horaire {
    background-image: url('images/icone-mini-horaire.png');
}

.texte-mini-icone-personne,
.desktop-texte-mini-icone-personne {
    background-image: url('images/icone-mini-personne.png');
}

.texte-mini-icone-vehicule,
.desktop-texte-mini-icone-vehicule {
    background-image: url('images/icone-mini-vehicule.png');
}

[class^="texte-centrer-"] {
    text-align: center;
    vertical-align: bottom;
}

.texte-centrer-01 {
    font-size: 18px;
    font-weight: 900;
    margin: 20px 0px 10px 0px;
    white-space: nowrap; /*Evite que le texte aille à la ligne*/
}

.texte-centrer-02 {
    font-size: 16px;
    margin-bottom: 10px;
}

[class^="texte-classique-"] {
    white-space: nowrap; /*Evite que le texte aille à la ligne*/
}

.texte-classique-01 {
    font-size: 16px;
    padding-left: 30px;
}

.texte-classique-retour {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.texte-classique-02 {
    font-size: 16px;
    color: #414f69;
    background-color: #b5d7e8;
    margin: 0px 0px 3px 30px;
    padding-right: 3px;
    display: table;
}

.texte-classique-03 {
    font-size: 18px;
}

.texte-classique-04 {
    font-size: 22px;
    margin: 10px 0px 10px 0px;
    text-align: justify;
}

.texte-classique-05 {
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 5px
}

.texte-classique-06 {
    font-size: 12px;
    padding-left: 20px;
    margin-bottom: 5px;
    color: #7e7e7e
}

.texte-classique-07 {
    font-size: 12px;
    margin-left: 10px;
}

.texte-classique-08 {
    font-size: 32px;
    color: white;
}

.texte-classique-09 {
    font-size: 12px;
    color: white;
}

.texte-classique-10 {
    font-size: 14px;
    color: #7f8180;
}

.texte-classique-11 {
    font-size: 12px;
    color: #7f8180;
}

.texte-selectionne {
    color: #108cf0
}

.texte-lien {
    color: #108bf0;
}

.texte-titre {
    color: black;
    font-size: 20px;
}


.encadrement-01 {
    background-color: white;
    border: 1px solid #afaeae;
    margin-top: 20px;
    padding: 5px;
}

.encadrement-02 {
    background-color: white;
    border: 1px solid #afaeae;
}

.encadrement-coll {
    width: 50%;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    cursor: pointer;
}

    .encadrement-coll > :first-child {
        background-image: url('images/coll-fond-select.png');
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: 110px;
        position: relative;
        top: 0 !important;
        opacity: 0.5;
    }

.photo-coll {
    height: 70px;
    background-repeat: no-repeat;
    background-size: 70px;
    margin-left: 2%;
    display: grid;
    align-content: center
}

    .photo-coll > :first-child {
        margin-left: 80px
    }

.photo-coll-recap {
    height: 80px;
    background-repeat: no-repeat;
    background-size: 80px;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    width: 47%;
    margin: 5px 10px 5px 0px;
}

    .photo-coll-recap > span {
        margin-left: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.encadrement-prest {
    font-family: 'Segoe UI Light', 'Open Sans', Arial;
    font-weight: 300;
    font-size: 12px;
    max-height: 70px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 33.33%;
    height: 70px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    background-color: #dae7ef;
    background-clip: content-box;
    cursor: pointer;
}

    .encadrement-prest > :first-child {
        font-family: 'Segoe UI Light', 'Open Sans', Arial;
        font-weight: 300;
        font-size: 12px;
        max-height: 70px;
        overflow: hidden;
        position: relative;
        top: 0 !important;
        cursor: pointer;
    }

        .encadrement-prest > :first-child > :first-child {
            font-family: 'Segoe UI Light', 'Open Sans', Arial;
            font-weight: 300;
            font-size: 12px;
            font-style: italic;
            color: #108cf0;
        }

.encadrement-prest-select {
    font-family: 'Segoe UI Light', 'Open Sans', Arial;
    font-weight: 300;
    font-size: 12px;
    max-height: 70px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 33.33%;
    height: 70px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    background-color: #108cf0;
    background-clip: content-box;
    background-image: url('images/icone-select-blanc.png');
    background-repeat: no-repeat;
    background-position: 95% 5%;
    cursor: pointer;
}

    .encadrement-prest-select > :first-child {
        font-family: 'Segoe UI Light', 'Open Sans', Arial;
        font-weight: 300;
        font-size: 12px;
        color: #ffffff;
        max-height: 70px;
        overflow: hidden;
        position: relative;
        top: 0 !important;
    }

        .encadrement-prest-select > :first-child > :first-child {
            font-family: 'Segoe UI Light', 'Open Sans', Arial;
            font-weight: 300;
            font-size: 12px;
            font-style: italic;
            color: #ffffff;
        }

.encadrement-prest-error {
    font-family: 'Segoe UI Light', 'Open Sans', Arial;
    font-weight: 300;
    font-size: 12px;
    max-height: 70px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 33.33%;
    height: 70px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    background-color: #E34444;
    background-clip: content-box;
    background-image: url('images/icone-remove.png');
    background-repeat: no-repeat;
    background-position: 95% 5%;
    cursor: pointer;
}

    .encadrement-prest-error > :first-child {
        font-family: 'Segoe UI Light', 'Open Sans', Arial;
        font-weight: 300;
        font-size: 12px;
        color: #ffffff;
        max-height: 70px;
        overflow: hidden;
        position: relative;
        top: 0 !important;
    }

.encadrement-prest-select > :first-child > :first-child {
    font-family: 'Segoe UI Light', 'Open Sans', Arial;
    font-weight: 300;
    font-size: 12px;
    font-style: italic;
    color: #ffffff;
}

.encadrement-prest-commentaires {
    position: absolute;
    top: 0;
    background: url('images/icone-commentaires-presta.png') no-repeat;
    background-position: 2px 2px;
    height: 15px;
    width: 15px;
}

.encadrement-horaire {
    display: inline-block;
    width: 40%;
    height: 35px;
}

    .encadrement-horaire div {
        display: inline-block;
        width: 40%;
        line-height: 35px;
    }

    .encadrement-horaire select {
        width: 60% !important;
        float: right;
        right: auto;
    }

.encadrement-horaire-remove {
    background-image: url(images/icone-remove-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 35px;
    height: 35px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    float: right;
}

.encadrement-type-cli {
    width: 268px;
    height: 268px;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    cursor: pointer;
}

.encadrement-type-cli-text {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}

/* Gestion des boutons */
[class^="btn"] {
    cursor: pointer;
}

.btn {
    background-color: #2B87F5;
    color: white;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
}

.btndispo {
    background-color: #dae7ef;
    font-family: SegoeUI;
    font-size: 14px;
    text-align: center;
    color: #424242;
    height: 38px;
    width: 100%;
}

.btndispoprivilegie {
    background-image: url(images/icone-favoris.png) !important;
    background-repeat: no-repeat;
    position: absolute;
    height: 20px;
    width: 20px;
    background-position-x: -5px;
    background-position-y: -5px;
    border-radius: 2px;
}

.btndispoprivilegiefond {
    background-color: #8fc6e9;
}

.btndispopromotionfond {
    background-color: #ffcc80;
}

.datedujour {
    font-weight: bold !important;
}

.btnCreerCompte {
    display: block;
    background-color: #dae7ef;
    color: black;
    text-decoration: none !important;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
}

.btnCreerCompteFacebook {
    background-image: url(images/icone-facebook.png) !important;
    background-repeat: no-repeat;
    background-position: 15px 12px;
    margin-top: 20px;
    display: block;
    background-color: #3b5998;
    color: white;
    text-decoration: none !important;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
}

.libpromo {
    margin-left: 1px;
    font-family: SegoeUI;
    font-size: 10px;
    color: #ff0000;
}

.btn02 {
    background-color: #108cf0;
    color: white;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    width: 100%;
}

/*Compatible ie8*/
.btn-submit {
    background-image: url(images/icone-submit.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px; /*Pour centrer le libellé*/
}

.btn-valider {
    background-color: #4eb469;
}
/*Navigateurs récent*/
/*.btn-submit
{
	margin-bottom: 30px;
	margin-top: 10px;
	padding-right: 40px;
	position:relative;
}

.btn-submit::after
{
	background-color: #6eb5ef;
	color: white;
	font-weight:600;
	content: '>';
	position:absolute;
	right:0;
	top:0;	
	width: 40px;
	height: 100%;
}*/

.btnrecherche {
    background-color: #108bf0;
    color: white;
    height: 40px;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
    margin: 0px 0px 10px 0px;
    width: 100%;
}

.btn-a {
    padding: 0 10px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    display: block;
    line-height: 40px;
}

/*Sert à enlever le soulignement sur un lien <a> qui utilise une classe btn*/
a.btn, a:link.btn {
    text-decoration: none;
}

.btn-inactif {
    background-color: #e0e0e0;
}

.fill {
    width: 100%;
}

/*.wrap-select,*/
/*select,
input[type=text],
input[type=date],
input[type=password],
textarea*/

select,
input,
textarea {
    padding: 5px;
    height: 35px;
    border: 1px solid #7f8180;
}

    input[type=checkbox] {
        border: none;
    }

    input[class*='date'] {
        cursor: pointer;
        padding-right: 30px;
        background: url('images/dropdown-calendrier.png');
        background-repeat: no-repeat;
        background-position-x: right 2px;
        overflow: hidden;
    }

/*Bordure d'un champ de saisie*/
.input-formulaire {
    border: 1px solid #9c8c8c;
    display: inline-block;
    width: 80%;
    margin: 10px 0 0 0;
    padding-right: 30px;
}

.input-formulaire-telmobile {
    border: 1px solid #9c8c8c;
    display: inline-block;
    width: 40%;
    margin: 10px 0 0 0;
    padding-right: 30px;
}
/*.input-formulaire-indmobile
{
    width: 80%;
}*/
.form-valid-indicateur .valid {
    background-image: url(images/icone-validation.png);
    background-repeat: no-repeat;
    background-position: 99% center;
}

.input-formulaire + span,
.input-formulaire-obligatoire {
    color: red;
}

.input-formulaire-obligatoire {
    display: inline-block;
    width: 2%;
    text-align: right;
}

.input-validation-error,
.input-prestation-error /*,
input[type=text].input-validation-error*/ {
    border: 1px solid red;
}

/*Indication pour indiquer que le champ de saisie est correctement remplie*/
.input-formulaire > .icone-validation {
    display: inline-block;
    background-image: url(images/icone-validation.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 5%;
    height: 35px;
    vertical-align: top;
    visibility: hidden;
}

.icone-information,
.phone-icone-information {
    display: inline-block;
    background-image: url(images/icone-info.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 20px;
    height: 35px;
    margin-top: 10px;
    position: absolute;
}

.contenu-informations,
.phone-contenu-informations {
    border: 1px solid #108bf0;
    background-color: #e1ecf8;
    color: #0b65b0;
    margin-left: 30px;
    width: 250px;
    display: inline-block;
    position: absolute;
    padding: 5px 5px 5px 5px;
    visibility: hidden;
}

.radioboutton-option {
    border: none;
    height: 20px;
    float: left;
    margin-right: 5px;
}

.radioboutton-label {
    height: 20px;
    display: inline-block;
}

/*Bulle d'aide*/
.bulle-aide-fixe > img {
    float: left;
}

.bulle-aide-fixe > div {
    border: 1px solid #dadada;
    margin: 8px 0px 0px 8px;
}

.bulle-aide-active:hover {
    cursor: pointer;
}

.separateurvertical {
    border-left: 1px solid #9c9c9c;
    height: 600px;
}

.sepListeRdv {
    border-color: #e0e0e0;
    border-width: 0 1px 0 0;
    border-style: solid;
    margin-left: 2% !important
}

.wrap-control {
    margin-bottom: 10px;
}

    .wrap-control [class*='span'] {
        padding-right: 40px;
        position: relative;
    }

        /*.wrap-control [class*='span'] .wrap-select,*/
        .wrap-control [class*='span'] select,
        .wrap-control [class*='span'] input,
        .wrap-control [class*='span'] button {
            width: 100%;
        }

    .wrap-control .field-validation-error {
        display: block;
    }

    .wrap-control [class*='span'] .remove {
        position: absolute;
        top: 0;
        right: 0;
    }

    .wrap-control .texte-classique-01 {
        padding: 0px;
    }

.removeimma {
    background-color: #dbd8d8;
    background-image: url(images/icone-remove.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 35px;
    height: 35px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
}

.wrap-control [class*='span'] .removeimma {
    position: absolute;
    top: 9px;
    right: 0px;
}

.btnnavigation {
    background-color: #108bf0;
    color: white;
    font-weight: 600;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
}

.pageTitleContainer {
    user-select: none;
    height: 80px;
}

.userSelectNone{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* Region Flexbox */
.flexBox {
    display: flex;
}

.justifyEnd {
    justify-content: flex-end;
}

.alignItemsCenter {
    align-items: center;
}

.flexTextContainer {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}
/* EndRegion */

.field-validation-error {
    color: red;
}

/*Image pour le deroule du menu */
.icone-deroule {
    background-image: url('images/icone-plus.png');
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    text-decoration: none !important;
    text-align: right;
}
/*Apparence du menu deroule */
.menuconnexion {
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 180px;
}

.menuconnec {
    background-repeat: no-repeat;
    text-decoration: none !important;
    color: #108cf0;
}

.menucreecompte {
    margin-left: 4px;
    margin-right: 15px;
    padding-left: 6px;
    width: 100%;
    Text-decoration: none !important;
    border-left: 1px solid #afaeae;
    color: #108bf0
}

    .menucreecompte:hover {
        border-bottom: 3px solid #108bf0
    }

.sousmenuconnexion {
    height: 45px;
    text-decoration: none !important;
    text-align: right;
    line-height: 45px !important;
    padding: 0 10px 0 0 !important
}

    .sousmenuconnexion:hover {
        background-color: #dae7ef !important;
        text-decoration: none !important;
        color: black !important;
        background-image: none !important;
    }

/*Cercle*/
[class^="cercle-"] {
    width: 308px;
    height: 308px;
    -webkit-border-radius: 154px;
    -khtml-border-radius: 154px;
    -moz-border-radius: 154px;
    border-radius: 154px;
}

.cercle-info {
    background-color: red;
    border: 1px solid red;
}

.cercle-erreur-licence {
    background-color: #f87a13;
    border: 1px solid #f87a13;
    background-image: url(images/icone-alerte-grande.png);
    background-position: center 20px;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -154px;
    margin-top: -154px;
    z-index: 9999;
}

/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
  color: red;
  background-color: white; 
}*/


/*#region Gestion de la plage horaire */

.wrap-control .plage-horaire > input[type='date'] {
    width: 55%;
}

.wrap-control .plage-horaire > select {
    width: 20%;
    margin-left: 2.5%;
}

/*Frise*/
[class^="wizard_"] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    position: absolute;
    margin-left: 25px;
    border-radius: 24px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
}

.wizard_active {
    background-color: #108cf0;
}

.wizard_active_btn {
    background-color: #108cf0;
    padding: 0 0 2px 0;
    cursor: pointer
}

.wizard_inactive {
    background-color: #dae7ef;
}

[class^="navigation_"] {
    height: 3px;
    width: 100%;
    display: inline-block;
    margin: 0 0 3px 0;
}

.navigation_active {
    background-color: #108cf0;
    margin: 9px 0 0 30px;
    height: 6px;
}

.navigation_active_01 {
    background-color: #108cf0;
    height: 6px;
    position: absolute;
    width: 30px;
    margin-top: 10px;
}

.navigation_active_04 {
    background-color: #108cf0;
    position: absolute;
    height: 6px;
    width: 40px;
}

.navigation_inactive {
    background-color: #dae7ef;
    margin-left: 30px;
}

.navigation_inactive_04 {
    background-color: #dae7ef;
    position: absolute;
    width: 40px;
}

.wizard04margin {
    margin: -20px 25px 0 66px;
}

.navigation04margin {
    margin: -10px 0 0 90px;
}


.wrapper {
    /*width:200px;*/
    margin: 3% auto;
}

.dropdown dd, .dropdown dt, .dropdown ul {
    margin: 0px;
    padding: 0px;
}

    .dropdown dd ul li a span:first-child, .dropdown dt a span span:first-child {
        background-image: url('images/OQiDoZe.png');
        background-repeat: no-repeat;
        width: 16px;
        height: 11px;
        display: inline-block;
        margin: 5px;
        vertical-align: top;
    }

    .dropdown dt a span {
        cursor: pointer;
        display: block;
        padding: 5px;
        white-space: nowrap;
    }

    .dropdown dt a img {
        position: relative;
        z-index: 1;
    }

    .dropdown dt a span span:first-child:before {
        position: absolute;
        content: '';
        width: 15px;
        height: 10px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
    }

    .dropdown dt a span span {
        display: inline-block;
        padding: 0;
    }

        .dropdown dt a span span:first-child {
            padding: 0;
        }

.dropdown dd {
    position: relative;
}

.dropdown a, .dropdown a:visited {
    color: #7f8180;
    text-decoration: none;
    outline: none;
}

    .dropdown a:hover {
        color: #7f8180;
    }

.dropdown dt a:hover, .dropdown dt a:focus {
    color: #7f8180;
}

.dropdown dt a {
    position: relative;
    /*background: #e3e6ef;*/
    display: block;
    padding-right: 20px;
    overflow: hidden;
    border: 1px solid #9c8c8c;
    /*width:150px;*/
    width: 90%
}

    .dropdown dt a:after {
        content: '';
        background: #9c8c8c;
        position: absolute;
        height: 34px;
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
    }

    .dropdown dt a:before {
        background: none repeat scroll 0 0 #FFFFFF;
        content: "";
        height: 3px;
        position: absolute;
        right: 7px;
        top: 6px;
        width: 20px;
        z-index: 2;
        box-shadow: 0 8px 0 #FFFFFF, 0 16px 0 #FFFFFF;
    }

.dropdown dd ul {
    background: #ffffff;
    color: #C5C0B0;
    display: none;
    left: 0px;
    padding: 5px 0px;
    /*position: absolute; remettre absolute pour ne pas deplacer les champs en dessous*/

    width: 200% !important;
    border: 1px solid #108cf0;
    list-style: none;
    max-height: 170px;
    overflow-y: scroll;
    /*top:10px;*/
    z-index: 2;
}

li a {
    font-size: 13px;
}

    li a span:nth-child(2) {
        line-height: 2em;
    }

.dropdown dd ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border-left: 1px solid rgba(0,0,0,0.1);
}

.dropdown dd ul::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.4);
    /*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5), 1px 0 0 #5cace9 inset, 2px 0 0 #b3d5ee inset;
    border-radius:10px;*/
}

    .dropdown dd ul::-webkit-scrollbar-thumb:window-inactive {
        background: blue;
    }

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 5px;
    display: block;
    font-size: 12px !important;
}

    .dropdown dd ul li a:hover {
        background-color: rgba(0,0,0,0.05);
    }

dl.dropdown {
    display: inline-block;
    width: 240px;
    margin: -3px 0 0 1px;
}

    dl.dropdown span:nth-child(3) {
        /*color: rgba(0,0,0,0.4)*/
    }

    dl.dropdown > span:nth-child(2) {
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }

    dl.dropdown span:nth-child(3) {
        float: right;
    }

    dl.dropdown dt span:nth-child(2) {
        /*color: rgba(0, 0, 0, 0.6);*/
        font-size: 14px;
        font-weight: bold;
        line-height: 1.6em;
    }

    dl.dropdown dt span:nth-child(3) {
        display: none;
    }

.countryFlag {
    padding: 0;
    background-image: url('images/OQiDoZe.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    margin-right: 4px;
    width: 16px;
    cursor: pointer;
    white-space: nowrap;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #BFBFC1 #B6B6B6 #969696;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
/*.countryFlag:before {*/
/*-moz-border-bottom-colors: none;*/
/*-moz-border-left-colors: none;*/
/*-moz-border-right-colors: none;*/
/*-moz-border-top-colors: none;*/
/*background: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;*/
/*border-color: #BFBFC1 #B6B6B6 #969696;*/
/*border-image: none;*/
/*border-radius: 2px 2px 2px 2px;*/
/*border-style: solid;*/
/*border-width: 1px;*/
/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);*/
/*display: block;*/
/*overflow: hidden;*/
/*padding-right: 20px;*/
/*position: relative;*/
/*width: 25px;*/
/*}*/

/*spécificité pour ie9 à ie10 (s'applique également pour edge mais ce n'est pas obligatoire car sur edge la frise s'affiche bien*/
@media screen and (min-width:0\0) {
    /*
      Votre CSS pour IE versions 9 à Edge
   */
    .wizard04margin {
        margin: 0 0 0 -28px;
    }

    .navigation04margin {
        margin: 11px 0 0 -5px;
    }
}
/*spécificité pour edge (vu que edge applique les modifications pour ie9 à ie10, il faut remettre les balises classiques)*/
@supports (-ms-accelerator:true) {
    .selector {
        property: value;
    }

    .edu_input_field {
        width: 15.1% !important;
    }

    .wizard04margin {
        margin: -20px 25px 0 66px !important;
    }

    .navigation04margin {
        margin: -10px 0 0 90px !important;
    }
}

.fin_frise {
    width: 60px;
}

.fin_frise_libelle {
    padding-left: 30px;
}

/*Historique des rendez-vous*/
[class^="histoRdv-"] {
    background-repeat: no-repeat;
    background-position: 10px 10px;
    height: 60px;
}

.histoRdv-Attente {
    background-image: url('images/icone-attente.png');
    background-color: #f87a13;
}


.histoRdv-Confirme {
    background-image: url('images/icone-confirme.png');
    background-color: #19cf7a;
}

.histoRdv-Traite {
    background-image: url('images/icone-traite.png');
    background-color: #25aae2;
}

.histoRdv-Termine {
    background-image: url('images/icone-termine.png');
    background-color: #b7b2b2;
}

.histoRdv-annule {
    background-image: url('images/icone-termine.png');
    background-color: #b73f5c;
}

.histoRdvLibelle {
    margin-left: 65px;
    color: #ffffff;
    padding-top: 12px;
    max-height: 37px;
    font-size: 18px;
}

.histoRdvTitreIcone {
    color: #ffffff;
    vertical-align: bottom;
    padding-top: 10px;
    font-size: 10px;
    margin-left: 10px;
}

.histoRdvDetail {
    border: 1px solid #9c9c9c;
    margin-bottom: 20px;
}

.padding-top{
    padding-top: var(--spacing-value);
}

.padding-top-half{
    padding-top: var(--spacing-half-value);
}

.padding-bottom{
    padding-bottom: var(--spacing-value);
}

.padding-bottom-half{
    padding-bottom: var(--spacing-half-value);
}

.padding-right-half{
    padding-right: var(--spacing-half-value);
}

.padding-left-half{
    padding-left: var(--spacing-half-value);
}

.padding-horizon-half{
    padding-left: var(--spacing-half-value);
    padding-right: var(--spacing-half-value);
}

.padding-vertical{
    padding-top: var(--spacing-value);
    padding-bottom: var(--spacing-value);
}

.title-spacing{
    margin-top: var(--spacing-large-value);
}

/*Cadre*/
.cadre-logo {
    background: url(images/background-contenu-bouttons.png) no-repeat;
    padding-top: 20px;
    height: 400px;
    width: 600px;
    float: right;
}

/*Surcharge du bootstrap*/
.sansmarge {
    margin: 0px 0px 0px 0px !important;
}
/*#endregion */

/*region image*/
[class^="img-texte-"] {
    width: 60px;
    height: 60px;
    line-height: 100px;
    color: white;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-right: 40px;
}

.img-logo {
    width: 100px;
    height: 60px;
    display: inline-block;
    margin-right: 30px;
}

.img-texte-calendar {
    background: url(images/landing-calendar.png) no-repeat top;
}

.img-texte-horaire {
    background: url(images/landing-horaire.png) no-repeat top;
}

.img-texte-mouse {
    background: url(images/landing-mouse.png) no-repeat top;
}

.img-navigation-back {
    background-image: url('images/icone-horaire-gauche.png');
    background-color: rgba(255, 255, 255, 0); /*transparence*/
    background-repeat: no-repeat;
}

.img-navigation-next {
    background-image: url('images/icone-horaire-droite.png');
    background-color: rgba(255, 255, 255, 0); /*transparence*/
    background-repeat: no-repeat;
}
/*#endregion*/

.horaire_gauche_hauteur {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0); /*transparence*/
}

.separation-trait {
    border-right-color: #e0e0e0;
    border-right-style: inset;
    border-right-width: 1px;
}

.separation-trait-dispo {
    border-left-color: #e0e0e0;
    border-left-style: ridge;
    border-left-width: 1px;
    padding-left: 45px;
    border-right-color: #e0e0e0;
    border-right-style: ridge;
    border-right-width: 1px;
}

.separation-trait-recap {
    border-right-color: #e0e0e0;
    border-right-style: ridge;
    border-right-width: 1px;
}

.separation-trait-rdv {
    border-left-color: #e0e0e0;
    border-left-style: ridge;
    border-left-width: 1px;
}

.bordure-recap {
    border-color: #e0e0e0;
    border-style: ridge;
    border-width: 1px
}

.titre-login {
    font-size: 22px;
    margin: 30px 0px 20px 0px;
    text-align: center;
}


.input-formulaire-login {
    /*border: 1px solid #9c8c8c;*/
    margin: 0 0 20px 0;
    width: 100%;
}

.alerterdv {
    background-image: url(images/icone-alerte-petite.png);
    background-repeat: no-repeat;
    background-position: left;
    color: red;
    padding-left: 40px;
}

.desktop-alerterdv {
    margin-left: 40px;
}

.phone-alerterdv {
    margin-bottom: 20px;
}

.saisiemajuscule {
    text-transform: uppercase;
}

/*Surchage du placeholder pour les anciens navigateur*/
.placeholder {
    font-size: 14px;
    font-style: italic;
    color: #7f8180;
}

/*Sert à positionner le loader au centre de la page*/
.loader {
    height: 48px;
    width: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
    z-index: 9999;
    display: none;
}

/*bar de progression*/
.progressbarfrise::-webkit-progress-bar {
    background: #dae7ef;
}

.progressbarfrise::-webkit-progress-value {
    background: #108cf0;
}

/*#region Les écrans de moins de 767 px => Du smartphone à la tablette */

.visible-phone-rdv {
    display: none;
}

/*Classe servant à déterminer si javascript est acrif ou non*/
.uijavascriptActif, .uiNavigateurControle {
    display: none !important;
}

.uimessControleJavascript, .uimessControleNavigateur {
    background: url(images/logo_rdv_online-compat-browser-javascript.png) no-repeat center 40px;
    height: 400px;
    padding-top: 200px;
}

    .uimessControleJavascript > span, .uimessControleNavigateur > span {
        display: table;
        margin: auto;
    }

/*Alertify js*/
.alertify .ajs-header {
    background-color: white !important;
    border-bottom: 0px !important;
}

.alertify .ajs-footer {
    background-color: white !important;
    border-top: 0px !important;
}

    .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
        background-color: #168ef0 !important;
        color: white !important;
    }

.alertify .ajs-commands button.ajs-close {
    background-image: url(images/icone-close.png) !important;
}

/*Region Combobox avec images*/
.comboBoxImage {
    width: 200px;
    height: 50px;
    border: 1px solid black;
    background-image: url(images/arrow-down-16x16.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    align-content: center;
    overflow: hidden;
    font-weight: bold;
}

    .comboBoxImage img {
        width: 48px;
        height: 48px;
        float: left;
    }

.ulComboBoxImage {
    display: none; /*Ferme par défaut la liste*/
    width: 200px;
    background-color: #F5F5F5;
    border: 1px solid black;
    border-top: none;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

    .ulComboBoxImage li {
        border-top: 1px solid gray;
        height: 50px;
        list-style-type: none;
        vertical-align: middle;
    }

        .ulComboBoxImage li:hover {
            background-color: lightblue;
            cursor: pointer;
        }

    .ulComboBoxImage img {
        width: 49px;
        height: 49px;
        float: left;
    }

.imgComboBoxDisplay {
    display: inline;
}

.comboBoxImageTextContainer {
    width: 75%;
    padding: 16px 16px 16px 2px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
}

.collaborateurPlaceHolder {
    line-height: 45px;
    padding-left: 10px;
    color: slategray;
}
/* The container <div> - needed to position the dropup content */
.dropupComboBox {
    position: relative;
    display: inline-block;
}

.dropupElement {
    bottom: 50px;
}
/*Endregion*/

/* Region services */
.serviceContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 3px;
    justify-content: space-between;
}

    .serviceContainer::after {
        content: "";
        margin-right: 32.5%;
    }

    .serviceContainer .serviceButton {
        font-family: 'Segoe UI Light', 'Open Sans', Arial;
        font-weight: 300;
        font-size: 12px;
        background-color: #dae7ef;
        background-clip: content-box;
        overflow: hidden;
        cursor: pointer;
        height: 70px;
        max-height: 70px;
        width: 32.5%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .serviceContainer .serviceButtonIsSelected {
        background-color: #108cf0;
        background-image: url('images/icone-select-blanc.png');
        background-repeat: no-repeat;
        background-position: 95% 5%;
        color: #ffffff;
    }

    .serviceContainer .serviceButtonOnError {
        background-color: #E34444;
        background-image: url('images/icone-remove.png');
        background-repeat: no-repeat;
        background-position: 95% 5%;
        color: #ffffff;
    }

    .serviceContainer .serviceButtonIsSurplus {
        background-color: #FFA72F;
        background-image: url('images/icone-select-blanc.png');
        background-repeat: no-repeat;
        background-position: 95% 5%;
        color: #ffffff;
    }

.serviceButton span {
    width: 100%;
    padding: 0px 2px;
    overflow: hidden;
    overflow-wrap: break-word;
}

    .serviceButton span:first-child {
        margin-top:auto;
        max-height: 2.5em;
    }

    .serviceButton span:last-child {
        padding-top: 3px;
        height: 48%;
    }

.displayMoreLessButton {
    display: flex;
    flex-wrap: nowrap;
    gap: 0px 5px;
    background-color: transparent;
    font-size: 10px;
    color: grey;
}

    .displayMoreLessButton > .iconMore {
        height: 18px;
        width: 18px;
        color: white;
        background-color: forestgreen;
        border-radius: 50%;
        background-image: url('images/icone-ajouter.png');
        background-repeat: no-repeat;
        background-position-x: center;
    }

    .displayMoreLessButton > .iconLess {
        height: 20px;
        width: 20px;
        color: #E34444;
        font-size: 13px;
        font-weight: bold;
        background-color: transparent;
        border-radius: 50%;
    }

.iconLess::before {
    content: '\2500';
}

/* EndRegion */

/*Region des prestations allouées*/
.allocatedServicesList {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.serviceRow {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 5px;
    font-size: 12px;
}

.serviceLabel {
    max-width: 160px;
    width: 160px;
    word-wrap: break-word;
    font-weight: bold;
    user-select: none;
}

.allocatedServicesTable {
    border-collapse: separate;
    table-layout: fixed
}

.trAllocatedServices > td {
    font-size: 12px;
    margin-bottom: 5px;
    vertical-align: central;
}

.tdServiceLabel {
    max-width: 160px;
    width: 160px;
    word-wrap: break-word;
    font-weight: bold;
    border-right: 1rem;
    border-right-color: transparent;
}
/*EndRegion*/

/*Région du planning*/
.scheduleContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: 0px !important;
}

    .scheduleContainer .schedulerNavBar {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 5px 10px;
        margin-bottom: 10px;
    }

    .scheduleContainer .schedule {
        width: inherit;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: stretch;
        gap: 0px 10px;
        border-top: double 6px #dae7ef;
    }

.scheduleDay {
    width: 20%;
}

.scheduleDayTitle {
    text-align: center;
    line-height: 26px;
    height: 26px;
    margin-bottom: 5px;
    font-family: segoeui;
    font-size: 16px;
    color: #424242;
    user-select: none;
}

.timeSlotContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
    justify-content: space-evenly;
}

    .timeSlotContainer::after {
        content: "";
        margin-right: auto;
    }

    .timeSlotContainer .btndispo {
        width: 48.5%;
    }

.schedulerNavBar .navigationButton {
    width: 26px;
    height: 26px;
    background-position: center center;
    flex-shrink: 1;
}

.horaire_gauche {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0); /*transparence*/
    background-image: url('images/icone-horaire-gauche.png');
}

.horaire_droite {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0); /*transparence*/
    background-image: url('images/icone-horaire-droite.png');
}

.timeSlotInfo {
    width: 100%;
    height: 99%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.timeSlotPosition {
    min-width: 28%;
}

.timeSlotDiscount {
    align-self: flex-start;
}

.schedulerNavBar .navBarDateSelector {
    display: flex;
    flex-shrink: 100;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 10px;
}

.navBarDateSelector .texte-classique-01 {
    padding: 0px;
    user-select: none;
}

.datePickerContainer {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0px 2px;
}

    .datePickerContainer .ui-datepicker-trigger {
        position: initial;
    }

.datePickerImage {
    background-image: url('themes/Cupertino/images/calendar_32x32.png');
    background-repeat: no-repeat;
    background-position: center;
}
/*Endregion*/
/*Region Datepicker*/
.customDatePicker {
    min-width: 80px;
    height: 32px;
    font-size: 14px !important;
    margin-right: 2px !important;
    text-align: center;
}
/*EndRegion*/

/*Region Titre des disponibilités*/
.availabiltiesTitle {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0px 0px;
    height: 80px;
    margin-top: 30px;
    user-select: none;
}

    .availabiltiesTitle > p {
        overflow: hidden;
        text-overflow: ellipsis;
        overflow-wrap: break-word;
        margin-left: 15px;
        color: #243edc;
    }

    .availabiltiesTitle h3 {
        margin: 0px;
    }
/*EndRegion*/

/*Region du récapitulatif*/
.recapServicesBox {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*EndRegion*/

@media only screen and (max-width: 767px) {
    .collapseMotPasseOublie {
        text-align: left;
    }

    body {
        padding: 0;
    }

    .container {
        padding: 0 10%;
    }

    footer #uiDivMiddle {
        padding: 0;
        border-width: 0
    }

    /*Permet d'avoir la même hauteur sur les colonnes bootstrap (a désactiver sur un smartphone*/
    .rowflex {
        display: block
    }

    .btn02 {
        width: 60%
    }

    [class^="desktop-texte-icone-"] {
        background-image: none;
    }

    .texte-icone-logordvonline {
        background-image: url(images/logo_rdv_online-phone.png);
        width: 40px;
    }

    .desktop-texte-icone-alerte_dispo {
        background-position: 0% center;
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
    }

    .desktop-texte-icone-alerte_dispo_horaire {
        color: #243edc;
        background-position: 0% center;
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
        text-align: justify;
    }

    .desktop-texte-icone-info {
        background-position: 0% center;
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
    }

    .visible-phone-rdv {
        display: inline;
    }

    .titre-login {
        font-size: 22px;
        margin: 30px 0px 30px 30px;
        text-align: left;
    }

    .container-phone {
        margin-left: 30px;
    }

    /*Page accueil*/
    .cadre-logo {
        background: url(images/background-contenu-bouttons-phone.png) right no-repeat;
        padding-top: 0px;
        height: 240px;
        float: right;
    }

    .img-logo {
        width: 100px;
        height: 60px;
        display: inline-block;
        margin-right: 2px;
    }

    .texte-classique-08 {
        font-size: 16px;
    }

    .separation-trait {
        border-right-color: #e0e0e0;
        border-right-style: none;
        border-right-width: 1px;
    }

    .separation-trait-dispo {
        border-left-color: #e0e0e0;
        border-left-style: none;
        border-left-width: 1px;
        padding-left: 0px;
        border-right-color: #e0e0e0;
        border-right-style: none;
        border-right-width: 1px;
    }

    .separation-trait-recap {
        border-right-color: #e0e0e0;
        border-right-style: none;
        border-right-width: 1px;
    }

    .separation-trait-rdv {
        border-left-color: #e0e0e0;
        border-left-style: none;
        border-left-width: 1px;
    }

    .sepListeRdv {
        border-width: 0;
        margin-bottom: 10px
    }

    .position-text-accueil {
        clear: both;
        float: right;
        width: 350px;
        text-align: center;
    }
    /**/

    [class^="wizard_"] {
        position: static;
        margin-left: 0;
    }

    [class^="navigation_"] {
        margin: 0 0 1px 0;
    }

    .navigation_active {
        width: 26%
    }

    .navigation_inactive {
        margin-left: 0;
        width: 26%
    }

    .input-formulaire-telmobile {
        border: 1px solid #9c8c8c;
        display: inline-block;
        width: 80%;
        margin: 10px 0 0 0;
        padding-right: 30px;
    }
    /*.input-formulaire-indmobile
    {
       width: 80%;
    }*/
    .dropdown dd ul {
        width: 80% !important;
    }

    /*Region des prestations allouées*/
    .serviceRow {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 5px;
        font-size: 12px;
    }
    /*EndRegion*/

    /*Region du planning*/
    .scheduleDay {
        width: 100%;
    }

    .timeSlotContainer .btndispo {
        width: 32.2%;
    }

    /*EndRegion*/
}

/*#endregion */

/*#region Le smartphone */

@media only screen and (max-width: 480px) {
    .collapseMotPasseOublie {
        text-align: left;
    }

    .container {
        padding: 0 2%;
    }

    footer #uiDivMiddle {
        padding: 0;
        border-width: 0
    }

    .rowflex {
        display: block
    }

    .btn02 {
        width: 60%
    }

    [class^="desktop-texte-icone-"] {
        background-image: none;
    }

    .desktop-texte-icone-alerte_dispo {
        background-position: 0% center;
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
    }

    .desktop-texte-icone-alerte_dispo_horaire {
        color: #243edc;
        background-position: 0% center;
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
        text-align: justify;
    }

    .desktop-texte-icone-info {
        background-position: 0% center;
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
    }

    .texte-icone-logordvonline {
        background-image: url(images/logo_rdv_online-phone.png);
        width: 40px;
    }

    h3 {
        margin-top: 10px;
    }

    .texte-classique-04 {
        font-size: 16px;
        margin: 10px 0px 0px 0px;
        text-align: justify;
    }

    .visible-phone-rdv {
        display: inline;
    }

    .titre-login {
        font-size: 22px;
        margin: 30px 0px 30px 30px;
        text-align: left;
    }

    .container-phone {
        margin-left: 30px;
    }

    .title-spacing {
        margin-top: var(--spacing-value);
    }

    /*Page accueil*/
    .cadre-logo {
        background: url(images/background-contenu-bouttons-phone.png) right no-repeat;
        padding-top: 0px;
        height: 240px;
        float: right;
    }

    .img-logo {
        width: 100px;
        height: 60px;
        display: inline-block;
        margin-right: 2px;
    }

    .texte-classique-08 {
        font-size: 16px;
    }

    .separation-trait {
        border-right-color: #e0e0e0;
        border-right-style: none;
        border-right-width: 1px;
    }

    .separation-trait-dispo {
        border-left-color: #e0e0e0;
        border-left-style: none;
        border-left-width: 1px;
        padding-left: 0px;
        border-right-color: #e0e0e0;
        border-right-style: none;
        border-right-width: 1px;
    }

    .separation-trait-recap {
        border-right-color: #e0e0e0;
        border-right-style: none;
        border-right-width: 1px;
    }

    .separation-trait-recap {
        border-right-color: #e0e0e0;
        border-right-style: none;
        border-right-width: 1px;
    }

    .separation-trait-rdv {
        border-left-color: #e0e0e0;
        border-left-style: none;
        border-left-width: 1px;
    }

    .sepListeRdv {
        border-width: 0;
        margin-bottom: 10px
    }

    .position-text-accueil {
        clear: both;
        float: right;
        width: 350px;
        text-align: center;
    }
    /**/
    [class^="wizard_"] {
        position: static;
        margin-left: 0;
    }

    [class^="navigation_"] {
        margin: 0 0 1px 0;
    }

    .navigation_active {
        width: 26%
    }

    .navigation_inactive {
        margin-left: 0;
        width: 26%
    }

    .input-formulaire-telmobile {
        border: 1px solid #9c8c8c;
        display: inline-block;
        width: 80%;
        margin: 10px 0 0 0;
        padding-right: 30px;
    }
    /*.input-formulaire-indmobile
    {
       width: 80%;
    }*/
    .dropdown a, .dropdown a:visited {
        width: 80%;
    }

    .dropdown dd ul {
        width: 80% !important;
    }

    /*Region des prestations allouées*/
    .serviceContainer .serviceButton{
        width: 48%;
    }

    .serviceRow {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 5px;
        font-size: 12px;
    }
    /*EndRegion*/

    /*Region du planning*/
    .photo-coll-recap {
        width: 100%;
    }

    /*EndRegion*/

    /*Region Titre des disponibilités*/
    .availabiltiesTitle {
        margin-top: 10px;
    }
    /*EndRegion*/
}