/*************************************************/
/********* IMPORTANT IMPORTANT IMPORTANT *********/
/******* THIS IS A MOBILE FIRST STYLESHEET *******/
/*************************************************/
/* -----------------------------------*/
/* ---->>> MASTER ELEMENTS <<<--------*/
/* -----------------------------------*/
/*---------------------------------------------------------*/
/* FONTS ARE TYPEKIT - remove this later*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
/* ---- INDEX ----1. Master elements2. Homepage-------------- */
/* -----------------------------------*/
/* ---->>> MASTER ELEMENTS <<<--------*/
/* --------- Mobile First ------------*/
body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: #2c3e50;
	line-height: 1.729;
}
a {
	color: #CC8D05;
}
/*a {
	color: #e9a821 ;
}
*/
a:hover, a:focus {
	color: #EC971F;
	text-decoration: none;
}
h1, .h1 {
	color: #2c3e50;
	/*font-weight:600*/
	;
	margin-top: 0;
}
h2, .h2 {
	color: #2c3e50;
	/*font-weight:600*/
	;
}
h3, .h3 {
	color: #2c3e50;
	font-weight: 700;
	/*text-transform:uppercase;
	*/
}
h4, .h4 {
	color: #2c3e50;
	/*font-weight: 700*/
	;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #337ab7;
	color: #fff;
}
p {
	color: #2c3e50;
}
footer {
	background: #2c3e50;
	padding: 20px 30px;
}
footer p {
	color: #FFF;
	font-size: 12px;
	text-align: center;
	line-height: 2;
}
.signature {
	margin-bottom: 12px;
}
.heading-etapes {
	text-transform: uppercase;
}
.text-blue {
	color: #2581bc;
}
.page-header {
	border-bottom: 1px solid #c5c2c2;
}
/* ---->>> Modifications Bootswatch <<<----*/
.bs-docs-section {
	margin-top: 6em;
}
#banner {
	min-height: 150px;
}
footer {
	margin: 10em 0 0 0;
}
.page-header h1 {
	font-size: 28px;
	line-height: 40px;
}
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
/* ---->>> TOP NAV mobile <<<----*/
.masthead .col-md-5 {
	padding-left: 0;
}
.menu-top {
	margin: auto;
	/*width: 200px;
	*/
}
/*#logo-irsst {
	display: block;
	height: 70px;
	margin: 20px auto 8px;
}
*/
/* header .col-lg-5{
	padding:0;
}
*/
header ul, ol {
	/*margin-top:20px;
	padding: 0;
	*/
}
.menu-top ul li {
	display: inline;
	margin-left: 2px;
}
.menu-top ul li a {
	text-decoration: none;
	color: #2c3e50;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.menu-top ul li a:hover, .menu-top ul li a:focus {
	color: #2581bc;
}
/* ---->>> MAIN NAV mobile <<<----*/
.navbar-toggle {
	background-color: #2581bc;
	margin-top: 12px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle {
	border: none;
}
.navbar-default .navbar-toggle:hover {
	background-color: #5eaee3;
}
.navbar-default .navbar-toggle:focus {
	background-color: #5eaee3;
}
.navbar-collapse {
	padding-left: 0;
}
.navbar-default {
	background-color: #2c3e50;
	border: none;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #EAA722;
}
.navbar-default .navbar-nav > li > a:active {
	color: #fff;
	background-color: #2581bc;
}
.navbar-nav > li > a {
	text-transform: uppercase;
	font-size: 14px;
}
.navbar-default .navbar-brand {
	color: #fff;
}
.navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 7px;
}
.navbar-brand {
	height: 56px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0;
	margin-right: 18px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #2581bc;
	color: #ffffff;
	height: 35px;
	margin-top: -1px;
	margin-right: -15px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background: #2c3e50;
	border-color: #e7e7e7;
}
.navbar-default .navbar-nav > li > a:focus {
	color: #fff;
}
/*Remove brand*/
/* ---->>> Accueil Page<<<----*/
#accueil .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, #app .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	background: #2581bc;
	visibility: hidden;
	margin-left: -90px;
}
#accueil ul {
	color: #2C3E50;
}
.bullet-blue {
	color: #2C3E50;
	font-size: 14px;
}
#accueil .page-header {
	margin: 0 0 20px;
}
#accueil .btn-circle-wrapper {
	margin-top: 60px;
	margin: auto;
}
#accueil .btn-circle.btn-xl {
	margin: 50px auto auto;
}
/* ---->>> NAV TOP SCROLLING DOWN <<<----*/
html,body {
	height: 100%;
	padding-top: 8px;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by its height */
	margin: 0 auto -80px;
	/* Pad bottom by footer height */
	padding: 0;
}
/* Set the fixed height of the footer here */
#footer {
	height: 60px;
	background-color: #f5f5f5;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*header {
	height:100%;
	min-height:170px;
}
*/
/*header {
	height:auto;
	min-height:170px;
}
*/
#wrap > .container {
	padding: 0;
}
.container .credit {
	margin: 20px 0;
}
#footer {
	background-color: #414141;
}
#footer a {
	color: #efefef;
}
#topNav {
	z-index: -1;
}
#nav {
	width: 100%;
}
#nav.affix-top {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: #2c3e50;
	border: 0;
}
#nav.affix {
	position: fixed;
	top: 0;
	z-index: 10;
	-webkit-transition: all .6s ease-in-out;
}
.navbar-nav {
	margin: 1px 0 0 0;
	padding-top: 10px;
	padding-bottom: 6px;
}
.navbar-toggle {
	outline: 0;
}
.divider {
	height: 50px;
}
.panel {
	border-width: 0;
}
.scroll-top {
	position: fixed;
	bottom: 0;
	right: 6%;
	z-index: 100;
	background: #f2f3f2;
	font-size: 22px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.scroll-top a:link, .scroll-top a:visited {
	color: #222;
}
section {
	color: #ffffff;
	min-height: 400px;
	height: auto !important;
	height: 100%;
	padding-top: 100px;
}
/* ---->>> Nav Bars <<<----*/
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active {
	color: #fff;
	background-color: #2581bc;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #2581bc;
	color: #fff;
}
.navbar-default .navbar-inverse textarea {
	margin: 6px;
}
.navbar-inverse {
	background-color: #fff;
	border-color: #c5c2c2;
}
.navbar-inverse .navbar-brand {
	color: #2c3e50;
}
.navbar-inverse .navbar-toggle {
	background-color: #2581bc;
	margin-top: 12px;
	border: none;
}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
	color: #fff;
	background-color: #2581bc;
}
.navbar-inverse .navbar-nav > li > a {
	color: #2c3e50;
}
.navbar-inverse .active {
	height: 54px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: #2581bc;
	color: #fff;
	height: 35px;
}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {
	color: #E9A821;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #2581bc;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #c5c2c2;
}
/* ---->>> BUTTONS <<<----*/
/*.btn-default {
	background-color: #2581bc;
	color: #fff;
	border:none;
}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #2c3e50;
	border:none;
}
*/
.btn-primary {
	background-color: #2c3e50;
	border: none;
	color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #2581bc;
	/*border:none;
	*/
}
.btn-link {
	color: #e9a821;
	font-weight: bold;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
	background-color: #afabab;
	border-color: #fff;
	color: #fff;
}
.btn-link:hover,.btn-link:focus {
	color: #2c3e50;
	text-decoration: none;
}
.btn-etapes {
	background-color: #2581bc;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 14px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 267px;
	height: 57px;
}
.btn-etapes:hover, .btn-etapes:focus, .btn-etapes.focus, .btn-etapes:active, .btn-etapes.active, .open > .btn-etapes {
	background-color: #2c3e50;
	color: #fff;
	border: none;
	text-decoration: none;
}
.btn-warning {
	background-color: #e9a821;
}
.btn-info {
	background-color: #57a8dd;
	border-color: #46b8da;
	color: #fff;
}
.row-circles {
	margin-top: 46px;
}
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;
}
.btn-circle.btn-xl {
	border-radius: 56px;
	display: block;
	font-size: 24px;
	height: 96px;
	line-height: 1.33;
	margin: auto;
	padding: 10px 16px;
	width: 96px;
}
.btn-circle.btn-ts {
	border-radius: 44px;
	display: block;
	font-size: 10px;
	height: 74px;
	line-height: 1.33;
	margin: auto;
	padding: 8px 14px;
	width: 74px;
}
.btn-circle.btn-pdf {
	border-radius: 44px;
	display: block;
	font-size: 10px;
	height: 74px;
	line-height: 1.33;
	margin: auto;
	padding: 8px 14px;
	width: 74px;
	padding-top: 14px !important;
	padding-left: 5px !important;
}
.btn-circle-wrapper {
	width: 100px;
	margin-bottom: 46px;
	margin: auto;
}
.btn-circle-wrapper p {
	text-align: center;
}
/*.btn-circle-wrapper a {
	color: #2c3e50;
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin: 10px auto auto;
	line-height:32px;
}
*/
/*.btn-circle-wrapper a:hover , .btn-circle-wrapper a:focus {
	text-decoration:none;
	color:#2581bc;
}
*/
/*.btn-circle-lnkbtn {
	color: #2c3e50;
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin: 10px auto auto;
	line-height:32px;
}
*/
.btn-circle-lnkbtn {
	color: #2c3e50;
	display: block;
	font-weight: 600;
	margin: 10px auto auto;
	line-height: 32px;
}
.btn-circle-lnkbtn a:hover, .btn-circle-lnkbtn a:focus {
	text-decoration: none;
	color: #2581bc;
}
.fa.fa-chevron-left.fa-2x {
	margin-left: -10px;
	margin-top: 13px;
}
.fa.fa-chevron-right.fa-2x {
	margin-left: 8px;
	margin-top: 13px;
}
.fa.fa-calculator.fa-2x {
	margin-left: 5px;
	margin-top: 13px;
	font-size: 30px;
}
.fa.fa-print.fa-2x {
	margin-left: 1px;
	margin-top: 0px;
	font-size: 36px;
}
.fa-custom {
	font-size: 8rem;
	margin-right: 2rem;
	float: left;
}
/*-- TYPOGRAPHIE================================================== -->*/
.text-warning, .text-warning:hover {
	color: #f39c12;
}
.text-primary {
	color: #2581bc;
}
.text-danger {
	color: #c9302c;
}
.text-success {
	color: #449D44;
}
.text-info {
	color: #57a8dd;
}
blockquote {
	border-left: 5px solid #2581bc;
	font-size: 18px;
}
.blockquote-reverse, blockquote.pull-right {
	border-right: 5px solid #2581bc;
}
/*-- TABLES================================================== -->*/
.table {
	border: 1px solid #d0d3d3;
	margin-top: 40px;
}
.table > thead > tr > th {
	border: 1px solid #d0d3d3;
	color: #2581bc;
	text-align: center;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border: 1px solid #d0d3d3;
	text-align: center;
}
.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > tfoot > tr > td.info,.table > thead > tr > th.info,.table > tbody > tr > th.info,.table > tfoot > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,.table > tfoot > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th,.table > tfoot > tr.info > th {
	background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.info:hover,.table-hover > tbody > tr > th.info:hover,.table-hover > tbody > tr.info:hover > td,.table-hover > tbody > tr:hover > .info,.table-hover > tbody > tr.info:hover > th {
	background-color: #f0f0f0;
}
.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th {
	background-color: #57A8DD;
	color: #fff;
	font-weight: 600;
}
.table-hover > tbody > tr > td.active:hover,.table-hover > tbody > tr > th.active:hover,.table-hover > tbody > tr.active:hover > td,.table-hover > tbody > tr:hover > .active,.table-hover > tbody > tr.active:hover > th {
	background-color: #51a0d3;
}
.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th {
	background-color: #2581bc;
	color: #fff;
	font-weight: 600;
}
.table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover,.table-hover > tbody > tr.success:hover > td,.table-hover > tbody > tr:hover > .success,.table-hover > tbody > tr.success:hover > th {
	background-color: #2c3e50;
}
/*-- FORMS================================================== -->*/
.well {
	background-color: #F5F5F5;
	border: none;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 19px;
}
.form-control {
	color: #2c3e50;
	font-size: 14px;
	line-height: 1.42857;
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline,.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
	color: #e9a821;
}
.has-warning .form-control {
	border-color: #e9a821;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #c9302c;
}
.has-error .form-control {
	border-color: #c9302c;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: #449d44;
}
.has-success .form-control {
	border-color: #449d44;
}
input[readonly] {
	color: #939192;
	background: #f5f5f5 !important;
	cursor: default;
}
.number-input-area .is-visually-hidden {
	display: none;
}
.number-input-area .btn-pill-area {
	display: inline;
}
.number-input-area .btn-sm {
	line-height: 1;
}
.legend {
	border-bottom: 0;
}
/*-- NAVS================================================== -->*/
.tab-content p {
	font-size: 14px;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: #f8f8f8;
}
.nav-tabs > li > a {
	font-size: 14px;
}
.nav-pills > li > a {
	font-size: 14px;
}
.breadcrumb > .active {
	color: #2c3e50;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #2c3e50;
}
.pagination > li > a, .pagination > li > span {
	background-color: #57a8dd;
	border: none;
	color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #2c3e50;
}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
	color: #fff;
	background-color: #2581bc;
	border-color: #ddd;
}
.pager li > a, .pager li > span {
	background-color: #2581bc;
	border: none;
	color: #fff;
}
.pager li > a:hover {
	background-color: #2c3e50;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
	background-color: #afabab;
	color: #fff;
	cursor: not-allowed;
}
/*-- STEPS PROGRESS================================================== -->*/
.hiddenStepInfo {
	display: none;
}
.activeStepInfo {
	display: block !important;
}
.underline {
	text-decoration: underline;
}
.step {
	margin-top: 27px;
	text-align: center;
}
.step .col-md-2 {
	background-color: #fff;
	border: 1px solid #C0C0C0;
	height: 90px;
}
.step .col-md-2:last-child {
	border: 1px solid #C0C0C0;
}
.step .col-md-2:first-child {
	border-radius: 5px 0 0 5px;
}
.step .col-md-2:last-child {
	border-radius: 0 5px 5px 0;
}
.step .col-md-2:hover {
	color: #2581bc;
	cursor: pointer;
}
.step .activestep {
	color: #2581bc;
	height: 100px;
	margin-top: -7px;
	padding-top: 7px;
	border-left: 6px solid #2581bc !important;
	border-right: 6px solid #2581bc !important;
	border-top: 3px solid #2581bc !important;
	border-bottom: 3px solid #2581bc !important;
	vertical-align: central;
}
.step .fa {
	padding-top: 5px;
	font-size: 18px;
}
.step p {
	line-height: 20px;
}
.step .btn-circle {
	font-size: 20px;
	font-weight: 600;
	padding: 2px 0;
	margin-top: 10px;
	top: 0px;
	left: 0px;
}
.step .disabled {
	margin-top: 10px;
}
.step .well {
	background: #fff;
}
/*-- INDICATORS================================================== -->*/
.alert-warning {
	background-color: #e9a821;
	color: #fff;
}
.alert > p, .alert > ul {
	color: #fff;
	margin-bottom: 0;
}
.alert-warning .alert-link {
	color: #fff;
}
.alert-danger {
	background-color: #e74c3c;
	color: #fff;
}
.alert-danger .alert-link {
	color: #fff;
}
.alert-success {
	background-color: #449d44;
	color: #fff;
}
.alert-success .alert-link {
	color: #fff;
}
.alert-info {
	background-color: #57A8DD;
	color: #fff;
}
.alert-info .alert-link {
	color: #fff;
}
.alert-primary {
	background-color: #2c3e50;
	color: #fff;
}
.alert-success .alert-link {
	color: #fff;
}
.label-default {
	background-color: #2581bc;
}
.label-primary {
	background-color: #2c3e50;
}
.label-success {
	background-color: #449D44;
}
.label-warning {
	background-color: #e9a821;
}
.label-danger {
	background-color: #e74c3c;
}
.label-info {
	background-color: #57A8DD;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: #2c3e50;
}
.badge {
	background-color: #2581bc;
}
/*-- PROGRESS BARS================================================== -->*/
.progress-bar-info {
	background-color: #2c3e50;
}
.progress-bar-success {
	background-color: #2581bc;
}
.progress-bar-warning {
	background-color: #e9a821;
}
.progress-bar-danger {
	background-color: #57A8DD;
}
/*-- CONTAINERS================================================== -->*/
.jumbotron {
	background-color: #f5f5f5;
}
.jumbotron p {
	font-size: 16px;
	font-weight: 400;
}
.jumbotron .btn-primary {
	background-color: #2581bc;
}
.jumbotron .btn-primary:hover, .jumbotron .btn-primary:focus {
	background-color: #2c3e50;
}
a.list-group-item .list-group-item-heading {
	color: #2c3e50;
}
a.list-group-item:hover, a.list-group-item:focus {
	color: #2c3e50;
	background-color: #f5f5f5;
}
.list-group p {
	font-size: 14px;
}
/* ---->>> PANNELS <<<----*/
.panel-body {
	border: 1px solid #ddd;
}
.white {
	border-radius: 4px;
}
.panel-heading {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.panel-default > .panel-heading {
	background-color: #e6e6e6;
	color: #2c3e50;
	border: none;
}
.panel-footer {
	background-color: #e6e6e6;
	color: #2c3e50;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.panel-title {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 600;
}
.panel-primary > .panel-heading {
    background-color: #2c3e50;
    color: #fff;
    border: none;
}
.panel.panel-primary .panel-body {
    border: 1px solid#2c3e50;
}

.panel.panel-primary .title-panel-primary {
    color:#fff;
}

.panel-primary > .panel-footer {
    background-color: #2c3e50;
    color: #fff;
    border: none;
}

.panel-success > .panel-heading {
	background-color: #449d44;
	color: #2c3e50;
	border: none;
}
.panel.panel-success .panel-body {
	border: 1px solid #449D44;
}
.panel-danger > .panel-heading {
	background-color: #E74C3C;
	color: #2c3e50;
	border: none;
}
.panel.panel-danger .panel-body {
	border: 1px solid #E74C3C;
}
.panel-info > .panel-heading {
	background-color: #57A8DD;
	color: #2c3e50;
	border: none;
}
.panel.panel-info .panel-body {
	border: 1px solid #57A8DD;
}
.panel-warning > .panel-heading {
	background-color: #E9A821;
	color: #2c3e50;
	border: none;
}
.panel.panel-warning .panel-body {
	border: 1px solid #E9A821;
}

#choose .panel-heading h3 {
margin:12px auto;
}

#choose .panel-body h2 {
    margin:0;
    padding: 18px 12px;
    border-bottom: 1px solid #ededed;
}



#choose .panel-footer .btn {
margin:12px auto;
}

#choose .panel-body p {
margin:0;
padding:6px 12px;
border-bottom: 1px solid #ededed;
}

    #choose .panel-body p.qui, #choose .panel-body p.jugement, #choose .panel-body p.jugement, #choose .panel-body p.resultats {
        height: 84px;
    }

    #choose .panel-body p.mesure-charge, #choose .panel-body p.courbe {
        height: 108px;
    }

    #choose .panel-body p.mesure-en {
        height: 109px;
    }

    #choose .panel-body p.resultats-en, #choose .panel-body p.courbe-en {
        height: 84px;
    }

    #choose .panel-body p.courbe {
        border-bottom: 1px solid #ededed;
    }

    #choose .panel-body p:hover {
        background-color: rgba(231, 166, 20, 0.2)
    }


#choose .panel-body:hover {
    background-color: rgba(231, 166, 20, 0.1)
}

#choose .panel-body{
    padding:0;
}
/* ---->>> ACCORDIONS <<<----*/
.accordion .panel-heading {
    cursor: pointer;
}
/* CSS Method for adding Font Awesome Chevron Icons */
.accordion-toggle::after {
	border-right: 2px solid #fff;
	content: "";
	float: left;
	font-family: "FontAwesome";
	height: 52px;
	margin-right: 14px;
	margin-top: -10px;
	padding-right: 20px;
	padding-top: 12px;
	font-size: 16px;
}
.panel-heading h4 {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	margin-top: -3px;
}
.panel-heading.collapsed .accordion-toggle:after {
	/* symbol for "collapsed" panels */
	content: "";
}
.accordion .panel-info > .panel-heading {
	background-color: #2c3e50;
	border: medium none;
	padding-left: 20px;
	color: #2c3e50;
	font-size: 12px;
	height: 52px;
}
.accordion .panel-title {
	font-size: 12px;
	font-weight: 600;
}
.accordion .panel.panel-info .panel-body {
	border: 1px solid #ddd;
	font-size: 13px;
}
#accordion-table .panel-body {
	padding: 0;
}
#panel-table {
	margin: 0;
	border: none;
}
#panel-table td {
	border: none;
	text-align: left;
	padding-left: 56px;
}
.accordion .panel-info > .panel-heading:focus {
	background-color: #2c3e50;
}
/* ---->>>CHECKBOXES <<<----*/
::-moz-selection {
	background: #59A9DD;
	color: #fff;
}
/*::selection {
	background: white;
}
*/
.checkboxes label {
	display: block;
	position: relative;
	padding: 6px 2px 10px 20px;
	line-height: 28px;
	font-weight: normal;
	cursor: pointer;
	border: 1px solid #e6e7e8;
	border-radius: 4px;
	background: #f6f6f6;
	margin-top: 16px;
	-webkit-tap-highlight-color: transparent;
}
.checkboxes label i {
	display: inline-block;
	height: 28px;
	position: relative;
	top: 6px;
	font-style: normal;
	color: #ccc;
}
.checkboxes label span {
	color: #2c3e50;
	display: unset;
	font-size: 12px;
	line-height: 20px;
	margin-left: 14px;
	min-width: 256px;
}
.checkboxes input[type="radio"] {
	display: none;
}
.checkboxes input[type="radio"] + i:before, input[type="checkbox"] + i:before {
	height: 24px;
	width: 24px;
	display: table;
}
.checkboxes input[type="radio"]:checked + i, input[type="checkbox"]:checked + i {
	position: relative;
	-webkit-animation: icon-beat 0.1s ease;
	animation: icon-beat 0.1s ease;
}
.checkboxes input[type="radio"]:checked + i + span, input[type="checkbox"]:checked + i + span {
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	color: #fff;
}
.checkboxes input[type="radio"] + i:before {
	content: url("../images/radio-unchecked.png");
}
.checkboxes input[type="radio"]:checked + i:before {
	content: url("../images/radio-checked.png");
}
.checkboxes input[type="radio"]:checked + i + span + label, input[type="radio"]:checked + i + label:before {
	color: rgba(245,245, 245);
}
.checkboxes input[type="checkbox"] + i:before {
	content: "\f10c";
}
.checkboxes input[type="checkbox"]:checked + i:before {
	content: "\f05d";
}
.checkboxes input[type="radio"]:checked + i + span + label,input[type="radio"]:checked + i:before {
	color: #57A8DD!important;
}
.checkboxes label:hover {
	background: none repeat scroll 0 0 #f9f9f9;
}
.labelselected {
	background-color: #57A8DD!important;
}
.labelselected:focus {
	background-color: #57A8DD!important;
}
/* ----------------------------------*/
/* ------>>> Div in a link <<<-------*/
div.linkbox {
	border: 1px solid #cccccc;
	background-color: #fafafa;
	padding: 20px 25px;
	z-index: 1;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	position: relative;
}
div.linkbox h3 {
	color: #CC8D05;
	font-weight: 700;
}
div.linkbox:hover {
	cursor: hand;
	cursor: pointer;
}
div.linkbox-primary:hover {
	background-color: #025B87;
	color: #fff;
}
div.linkbox-primary:hover h2, div.linkbox-primary:hover h3, div.linkbox-primary:hover h4, div.linkbox-primary:hover h5, div.linkbox-primary:hover p, div.linkbox-primary:hover li {
	color: #fff;
}
a.divlink {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
	/* Makes sure the link doesn't get underlined */
	z-index: 10;
	/* raises anchor tag above everything else in div */
	/*workaround to make clickable in IE */
	opacity: 0;
	/*workaround to make clickable in IE */
	filter: alpha(opacity=0);
	/*workaround to make clickable in IE */
}
.some-element {
	display: none;
	position: absolute;
	top: 10px;
	right: 15px;
}
.linkbox:hover .some-element {
	display: inline;
}
.wrapper-top {
	margin-top: 24px;
}
.wrapper-bottom {
	margin-bottom: 24px;
}
/** div in a link end **/
/* ---------------------------------------*/
/* ------>>> Apps RSST et ACGIH <<<-------*/
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}
/* ----------------------------------*/
/* ------>>> MEDIA QUERIES <<<-------*/
/* ---- Ordered by Mobile First -----*/
/*++++++++++++++++++++++++++++*/
/* Phone Portrait ----------- */
@media (max-width: 320px) {
}
/*MQ ends*/
/*++++++++++++++++++++++++++++*/
/* Phone Landscape ---------- */
@media (max-width: 767px) {
	.page-header {
		margin: -35px 0 20px;
		padding-bottom: 0px;
	}
	.page-header h1 {
		font-size: 26px;
	}
	h1, .h1 {
		font-size: 26px;
	}
	h2, .h2 {
		font-size: 22px;
	}
	h3, .h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.menu-top ul {
		font-size: 14px;
	}
	.menu-top ul li {
		display: inline;
		margin-left: 3px;
	}
	.menu-top ul li a {
		font-size: 14px;
	}
}
@media (max-width: 449px) {
	/*.xs-90deg {
		transform: rotate(90deg);
	}
	img.xs-90deg {
		max-width: 120px;
		height: auto;
		margin-top:40px;
		margin-left:-25px;
	}
	*/
}
/*MQ ends*/
/*++++++++++++++++++++++++++++*/
/* Tablet Portrait ---------- */
@media (min-width: 768px) {
	h1, .h1 {
		font-size: 28px;
	}
	/*h2, .h2 {
		font-size:26px;
		font-weight:600;
	}
	*/
	h3, .h3 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	h4, .h4 {
		font-size: 18px;
	}
	/*p {
		font-size:16px;
	}
	li {
		font-size:16px;
	}
	*/
	.navbar-nav.nav-justified > li {
		float: none;
	}
	/* #logo-irsst {
		height: 90px;
		margin: 20px auto 8px;
	}
	*/
	/*.menu-top {
		*margin: 20px auto auto;
	}
	*/
	.menu-top ul {
		font-size: 18px;
	}
	.menu-top ul li {
		display: inline;
		margin-left: 6px;
	}
	.menu-top ul li a {
		font-size: 18px;
	}
	#wrap > .container {
		padding: 26px 0 0;
	}
	#nav .container {
		width: 773px;
	}
	.navbar-nav {
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		background: #2c3e50;
		border-color: #fff;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		font-size: 16px;
		padding-bottom: 16px;
	}
	.navbar-nav > li > a {
		padding-bottom: 6px;
		padding-top: 16px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		height: 56px;
		margin-right: 0;
	}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		height: 54px;
	}
	.btn-circle-wrapper {
		width: 158px;
	}
	.navbar-default .navbar-right > li > a {
		color: #fff;
		font-size: 12px;
		padding: 16px 8px;
	}
	.panel-heading h4 {
		margin-top: 4px;
		font-size: 16px;
	}
	.accordion-toggle::after {
		border-right: 2px solid #fff;
		content: "";
		float: left;
		font-family: "FontAwesome";
		height: 52px;
		margin-right: 22px;
		margin-top: -10px;
		padding-right: 22px;
		padding-top: 9px;
	}
	.accordion .panel.panel-info .panel-body {
		font-size: 14px;
	}
	.checkboxes label span {
		color: #2c3e50;
		display: inline;
		line-height: 25px;
		margin-left: 14px;
		font-size: 14px;
		min-width: 642px;
	}
	.bullet-blue {
		font-size: 14px;
	}
}
/*MQ ends*/
@media (max-width: 979px) {
}
/*++++++++++++++++++++++++++++*/
/* Tablet Portrait Exceptions@media (min-width: 767px) and (max-width: 979px) {
}
/*MQ ends*/
/*++++++++++++++++++++++++++++*/
/* Desktop Standard --------- */
@media (min-width: 980px) {
	#nav .container {
		width: 980px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		height: 56px;
		margin-right: 0;
	}
}
/*MQ ends*/
/* Normal Desktop Exceptions */
@media (min-width: 992px) and (max-width:1199px) {
	#access{
		margin-right: 56px!important;
	}
}
/* Change bootstrap navbar collapse breakpoint without using LESS https://stackoverflow.com/questions/19827605/change-bootstrap-navbar-collapse-breakpoint-without-using-less */
@media (max-width: 1199px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		/*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		*/
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse.show {
		display: block!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	.navbar-default .navbar-toggle {
		float:left;
		margin-left:12px;
	}
	.navbar-default .navbar-right > li > a {
		padding:0 0 10px 0;
	}
	.navbar-right {
		padding:0 0 0 16px;
	}
	#nav .container{
		width:100%;
		padding-left:12px;
		padding-right:12px;
	}
}
@media (max-width:1199px) {
	.navbar-collapse .nav.navbar-nav {
		margin-left:12px;
	}
}
/*MQ ends*/
/*++++++++++++++++++++++++++++*/
/* Desktop Wide ------------- */
@media (min-width: 1200px) {
	#nav .container {
		width: 1170px;
	}
	.menu-top {
		margin: -17px auto auto;
		float: right;
	}
}
/*MQ closes*/
/*++++++++++++++++++++++++++++*/
/* Desktop Wide ------------- */
@media (min-width: 1600px) {
}
/*MQ closes*/
/*Ajustements*/
.selected_menu {
	border-bottom: 5px solid #E9A821;
}
.underlined {
	text-decoration: underline;
}
.error {
	font-size: 18px;
	color: Red;
	font-weight: bold;
}
.td_center {
	text-align: center !important;
}
.td_left {
	text-align: left !important;
}
.table-bordered th,.table-bordered td {
	border: 1px solid #ddd !important;
}
.hr_title_popup {
	border-bottom: 2px solid #005A84;
	padding-bottom: 10px;
}
.help {
	color: #EC971F;
	border-bottom: 1px dotted #EC971F;
	cursor: pointer;
}
.div-example {
	padding-left: 40px;
}
.div-example-double {
	padding-left: 60px;
}
.h4-example {
	color: #1778BE !important;
}
div.tooltip-inner {
	max-width: 400px !important;
}
td .div.tooltip-inner {
	position: absolute;
}
.panel_body_secteur {
	min-height: 200px;
}
.div_ressource {
	margin-bottom: 15px;
}
.tr-visible {
	display: table-row;
	visibility: visible;
}
.tr-no-visible {
	display: none;
	visibility: hidden;
}
.div-visible {
	display: block;
	visibility: visible;
}
.div-no-visible {
	display: none;
	visibility: hidden;
}
.label-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc!important;
	border-radius: 4px!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s!important;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important;
}
#footerPrint {
	display: none;
	visibility: hidden;
}
.test-10 {
	background-color: #F0F0F0;
	color: black;
	border-color: #F0F0F0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.table-bordered {
	border: 0px!important;
}
.td-separe {
	border-left-width: 4px !important;
}
.txt-width {
	width: 50px!important;
	padding: 0px 0px 0px!important;
}
.corsor {
	cursor: pointer;
}
.left {
	text-align: left!important;
}
.align-right {
	text-align: right!important;
}
.modal {
	text-align: center!important;
	padding: 0!important;
}
.modal:before {
	content: ''!important;
	display: inline-block!important;
	height: 100%!important;
	vertical-align: middle!important;
	margin-right: -4px!important;
}
.modal-dialog {
	display: inline-block!important;
	text-align: left!important;
	vertical-align: middle!important;
	/* width: 300px!important;
	*/
}
.visible {
	visibility: visible!important;
}
.no-visible {
	visibility: hidden!important;
}
.display-block {
	display: block!important;
	visibility: visible!important;
}
.display-none {
	display: none!important;
	visibility: hidden!important;
}
table {
	font-size: 1em;
}
.ui-draggable, .ui-droppable {
	background-position: top;
}
.bordered {
	border: 1px solid black!important;
	margin-bottom: 5px;
}
.row.no-pad {
	margin-right: 0;
	margin-left: 0;
}
.row.no-pad > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

/************ Parallax accueil*************/
.parallax {
  /* The image used */
  background-image: url("img/bkg.jpg");

  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax .box {background: rgba(255,255,255,0.9);padding:20px;border-radius:5px;
}

.parallax .box p.lead {margin-bottom:0;}
.parallax .box h2 {margin-top:0;}

.aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

		.aligner {height:400px; }
		.parallax {min-height: 400px; }
		.parallax .box {max-width: 90%;}

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

		.aligner {height:400px; }
		.parallax {min-height: 400px; }
		.parallax .box {max-width: 688px;}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		
		.aligner {height:400px; }
		.parallax {min-height: 400px; }
		.parallax .box {max-width: 908px;}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		
	.aligner {height:400px; }
	.parallax {min-height: 400px; }
	.parallax .box {max-width: 1108px;}

    }