body{ font-family: 'Raleway', sans-serif; color: #004b6b; font-size: 16px; }

.nopd{ padding: 0px; }
.nomg{ margin: 0px; }

.museo{ font-family: 'museo_slab500'; }
.museo_bold{ font-family: 'museo_slab900'; }
.museo strong, .museo b{ font-family: 'museo_slab900'; }

.jumbotron p, .jumbotron{ font-size: 16px; }
.jumbotron h1, .jumbotron h2, .jumbotron h3{ font-size: 30px; margin: 0px; }

.white{ color: #fff !important; }
.blue{ color: #0099d9 !important; }
.blue-light{ color: #0099d9 !important; }
.bold{ font-weight: 900 !important; }
.black{ color: #000; }

.clear{ display: block; width: 100%; clear: both; height: 1px; margin: 0px !important; padding: 0px !important; }
.clearfix{ display: block; width: 100%; clear: both; height: 40px; }
.clearfix-white{ display: block; width: 100%; clear: both; height: 40px; background: url( ../dottedtitle.png ) center left no-repeat; }
.clearfix-blue{ display: block; width: 100%; clear: both; height: 40px; background: url( ../dottedtitlebleu.png ) center left no-repeat; } }

h1, h2, h3{ font-family: 'museo_slab500'; }
h1, h2, h3{ color: #000; font-size: 30px; }



.fs-14{ font-size: 14px !important; }
.fs-18{ font-size: 18px !important; }
.fs-21{ font-size: 21px !important; }
.fs-24{ font-size: 24px !important; }
.fs-30{ font-size: 30px !important; }
.fs-36{ font-size: 36px !important; }

.uppercase{ text-transform: uppercase; }
.justify{ text-align: justify; }

.jumbotron .l-font, .l-font{ font-size: 24px; }
.jumbotron .m-font, .m-font{ font-size: 18px; }
.jumbotron .xl-font, .xl-font{ font-size: 36px; }

.bgWhite{ background-color: #ffffff !important; }
.bgBlue{ background-color: #215369 !important; }
.bgBlueLight{ background-color: #0099d9 !important; }
.bgYellow{ background-color: #f3ac00 !important; }
.bgBlack{ background: #231f20 !important; }

img.floatleft{ float: left; margin: 0 10px 20px 0; }

img.floatright{ float: right; margin: 0 0 20px 10px; }

.container .text-content ul{ padding: 30px 0; }
.container .text-content  li{ list-style-type: none; background: url( ../puce.png ) center left no-repeat; margin: 0 0 0 10px; padding-left: 20px; }

.accroche{ margin-top: -95px; min-height: 435px; background: url(../accroche.png) center center ; background-size: 100% 100%; font-family: 'museo_slab500'; }

body.page .accroche{ /*border-bottom: solid 80px #205269;*/ min-height: 340px; padding-top: 90px; }

.jumbotron.breadcrumb{ height: 40px; border-radius: 0px; -webkit-border-radius: 0px; padding-top: 30px; padding-bottom: 50px; }

.accroche .container{ padding-top: 50px; }

.accroche .container img.illu{ position: absolute; top: 40px; max-width: 100%; }

body.page .accroche{ margin-bottom: 0px; }

body.page .accroche .container{ position: relative; }


body.page .accroche .container img.illu-page
{
    right: 40px;
    max-width: 100%;
    position: absolute;
    bottom: -115px;
}

.horaires{ margin-top: -120px; margin-bottom: -80px; padding-top: 10px; min-height: 800px; background: url( ../dark.png ) 188px 0 repeat-y; }


.horaires .heures
{
    background: #83d4ef url("../dark.png") repeat-y scroll 175px 0;
    height: 105px;
    padding-top: 20px;
    text-align: center;
}

.horaires .jour{ line-height: 200%; }

.horaires .heures img{ margin: 0 50px; }

.horaires .container{ padding: 0px; }

.horaires .container .horaire{ width: 100%; max-width: 400px; }

.screen-separator{ height: 50px !important; padding: 0px !important; margin: 0px !important; position: relative !important; }

.container.services {
    width: 800px;
}

.container.services div{ padding: 0px; }

.container.services a{ display: block; position: relative; text-align: center; width: 100%; }

.container.services a span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 140px;
    width: 100%;
}

body.page .accroche .container {
    padding-top: 0;
}

.services a img{ margin: 15px; }

.big-btn{ font-size: 18px; padding: 10px 90px; display: inline-block; margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px; }
.big-btn.border{ border: solid 1px #fff; }

.copyright{ font-size: 12px; }

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 145px;
    line-height: 20px;
    padding: 0;
}

ul.nav.navbar-nav{ margin-top: 40px; font-size: 18px; color: #cdcdcd !important; font-family: 'museo_slab900';  font-weight: normal; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #0099d9;
	font-weight: normal; 
}

.navbar-fixed-bottom, .navbar-fixed-top {
    background: #fff none repeat scroll 0 0 !important;
    height: 230px;
    left: 0;
    margin: 0;
    padding: 0;
    position: static;
    right: 0;
    z-index: 1030;
}

.trame{ background: url( ../trame.png ) top left no-repeat; background-size: 100% auto; }
.trame-b{ background: url( ../trame-b.png ) bottom left no-repeat; background-size: 100% auto; }

img.image{ background: #dedede; border: solid 1px #cccbcb; padding:4px; max-width: 90%; }

.prefoot-horaire img{ max-width: 100%; }

.screen-separator img{ margin-top: -20px; }

@media screen and (max-width:768px)
{
	.horaires{ margin-top: 50px; }	
}