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

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

.ontop {z-index: 1000;}

.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; }

.fulllarge { width: 100%;}

.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; }
.bgGrey{ background: rgba(110,110,110,0.13) !important; }

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

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

.typeahead, .tt-query, .tt-hint {
	height: 30px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 396px;
	color: #000000;
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
		border: 2px solid #0097CF;
}

.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0;
	width: 422px;
}
.tt-suggestion {
	font-size: 14px;
	line-height: 24px;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}

.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'; }

.accroche_Yellow{ margin-top: -95px; min-height: 50px; background-color: #f3ac00 !important; 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;
}

.margetopN{ margin-top: -60px;}

.margetopN20{ margin-top: -20px;}

.menu_shop{ margin-top: -120px; padding-top: 10px; min-height: 800px;}

.menu_admin{ margin-top: -95px; padding-top: 10px; min-height: 800px;}

.menu_shop a{ font-size:18px; color:rgba(255,255,255,1.00); line-height: 26pt; }

.menu2_shop a{ font-size:16px; color:rgba(255,255,255,1.00); line-height: 26pt; }

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

.inputCreateUser {
	width: 80%;	
}
.inputformat {
    padding: 1px 1px;
	height: 25px;
    box-sizing: border-box;
	color: #000000 !important;
	align-content:center;
}

.connect { padding:8px !important;}

.right-40 {
    position: absolute;
    right: 40px;
    }

.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; }

.promo table{height:190px; width:190px; border: 3px solid #0099d9;}
.promo tr{background-color: #2c7594}
.promo td{ text-align:center; font-size:12px; color:#FFFFFF;}
.promo img{max-height: 100px;  max-width: 100px;}

.prix { text-align:left; font-size:16px; color:#2c7594;}


.listcentrale table{height:120px; width:100%; border: 1px solid #0099d9;}
.listcentrale td{ text-align:left; font-size:12px; color:#2c7594;}
.listcentrale img{max-height: 70px;  max-width: 70px;}

.lissierbleu {border: 1px solid #0099d9;}

.right {text-align:right;}

.center {text-align:center;}

.dtlcentrale table{min-h1eight: 400px; width:100%; border: 1px solid #0099d9;}
.dtlcentrale td{ text-align:left; font-size:16px; color:#2c7594;}
.dtlcentrale img{max-height: 200px;  max-width: 200px;}

.imgcentrale table{height:205px; mini-height:205px; width:205px; mini-width:205px; border: 0px;}

.createuserexterne table{border: 0px;}
.createuserexterne td{padding: 15px; padding-top:2px !important; vertical-align:top}

.dtlcommandeexterne table{border: 0px;}
.dtlcommandeexterne td{padding: 10px;padding-top:4px !important; vertical-align:top}

.padding10 th td{padding: 15px !important;}

.dtlcommande tr:nth-child(odd) td{ }
.dtlcommande tr:nth-child(even) td{background: rgba(110,110,110,0.13);}
.dtlcommande tr.addtr td{background: #ffffff;}
.dtlcommande td{padding: 0px;padding-top:0px !important;}

.createuser table{height:405px; m1ini-height:205px; width:500px; border: 0px;}
.createuser td{width:40%; text-align:left;padding: 15px;line-height: 27px;}

.simple table{height:20px; width:100%; border: 0px;}
.simple td{ text-align:left; font-size:16px; color:#2c7594;}

.firstpage {text-align: center;}
.firstpage img{max-height: 700px;  max-width: 700px;}

.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; }

.stkok table{height:20px; width:20px; border: 0px solid #0099d9;}
.stkok tr{background-color: #00B31F}
.stkok td{text-align:left; font-size:12px; color:#00B31F;}
.stkok img{height: 18px;  width: 18px;}

.stk1s table{height:20px; width:20px; border: 0px solid #0099d9;}
.stk1s tr{background-color: #FFD600}
.stk1s td{ text-align:left; font-size:12px; color:#FFD600;}
.stk1s img{height: 18px;  width: 18px;}

.stk2s table{height:20px; width:20px; border: 0px solid #0099d9;}
.stk2s tr{background-color: #E40000}
.stk2s td{ text-align:left; font-size:12px; color:#E40000;}
.stk2s img{height: 18px;  width: 18px;}

.stk3s table{height:20px; width:20px; border: 0px solid #0099d9;}
.stk3s tr{background-color: #E40000}
.stk3s td{ text-align:left; font-size:12px; color:#E40000;}
.stk3s img{height: 18px;  width: 18px;}

.stkpas table{height:20px; width:20px; border: 0px solid #0099d9;}
.stkpas tr{background-color: #E40000}
.stkpas td{ text-align:left; font-size:12px; color:#E40000;}
.stkpas img{height: 18px;  width: 18px;}

.addpanier {text-align: center;}
.addpanier img{height: 25px;  width: 25px;}

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


.modal-body .form-horizontal .col-sm-2,
.modal-body .form-horizontal .col-sm-10 {
    width: 100%
}

.modal-body .form-horizontal .control-label {
    text-align: left;
}
.modal-body .form-horizontal .col-sm-offset-2 {
    margin-left: 15px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.scroll-left {
 height: 20px;	
 overflow: hidden;
 position: relative;
 
}
.scroll-left p {
 position: absolute;
 width: 80%;
 height: 100%;
 margin: 0;
 line-height: 20px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 45s linear infinite;
 -webkit-animation: scroll-left 45s linear infinite;
 animation: scroll-left 45s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}



#pwindicator {
    margin-top: 4px;
    width: 150px;
}

.bar {
    height: 2px;
}

.pw-very-weak .bar {
    background: #d00;
    width: 30px;
}

.pw-very-weak .label {
    color: #d00;
}

.pw-weak .bar {
    background: #d00;
    width: 60px;
}

.pw-weak .label {
    color: #d00;
}

.pw-mediocre .bar {
    background: #f3f01a;
    width: 90px;
}

.pw-mediocre .label {
    color: #f3f01a;
}

.pw-strong .bar {
    background: #f3b31a;
    width: 120px;
}

.pw-strong .label {
    color: #f3b31a;
}

.pw-very-strong .bar {
    background: #0d0;
    width: 150px;
}

.pw-very-strong .label {
    color: #0d0;
}

.fork img {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.download {
    float: right;
}