/* Adding condensed-grid to reduce space between columns where needed */
/* This does 10px gutters. */
.condensed-grid.row, .condensed-grid .row { margin-left: -5px; margin-right: -5px;} 
.condensed-grid [class*="col-"]{ padding-left: 5px; padding-right: 5px; }

.loaderContent { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba(243, 243, 243, 0.50); z-index: 1000; display: none;}
.loaderAlign{
	width: 100vw;
	height: 100vh;
	display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}
.loader {
	border: 16px solid #009cde; /* blue */
	border-top: 16px solid #1e435c; /* darker Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}
.emailSend { padding: 15px; text-align: center; font-weight: 700; }

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
html, body { margin:0; padding:0; width:100%; height:100%;}
body { font-family: 'Raleway', Verdana, Arial, sans-serif; font-size:16px; line-height:18px; font-weight:400; color:#1e435c; background-color:#fff;}
p { margin-bottom:15px; }
ol, ul { margin-bottom:15px; }
h1 { font-family:'Raleway'; font-size:50px; line-height:52px; font-weight:800; text-transform:uppercase; margin-top:0; margin-bottom:20px; color:#1e435c; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
h2 { font-family:'Raleway'; font-size:22px; line-height:24px; font-weight:700; margin-top:0; margin-bottom:15px; color:#1e435c; }
h3 { font-family:'Raleway'; font-size:16px; line-height:20px; font-weight:700; margin-top:0; margin-bottom:10px; color:#009cde;}
h4 { font-family:'Raleway'; font-size:14px; line-height:18px; font-weight:700; margin-top:0; margin-bottom:10px; color:#1e435c; font-style:italic;}
label { font-weight:600; }
th { font-weight:600; }

div.site_container { position:relative; min-height: 100%; margin: 0 auto -60px;}
div.site_container a { color:#009cde; }
div.site_container a:hover { text-decoration:underline; }
div.site_container a.btn-primary { color:#fff; }
div.site_container a.btn-primary:hover { text-decoration:none; }
div.spacer30 { height:30px; }
footer, .push {	height: 60px; }

div.site_container .bandeauFormation{ width: 100%; position: fixed; top: 0; left: 0; height: 60px; background: red; color: #FFF; font-size: 28px; z-index: 99; font-weight: bold; text-transform: uppercase; text-align: center; padding: 20px 0; }
.ccm-toolbar-visible div.site_container .bandeauFormation{ top: 48px; }
.spacingFormation {margin-top: 60px; }
/* Form Elements */
div.site_container ::-webkit-input-placeholder { color:#1e435c; opacity:.6;}
div.site_container :-moz-placeholder { /* Firefox 18- */  color:#1e435c; opacity:.6;}
div.site_container ::-moz-placeholder {  /* Firefox 19+ */ color:#1e435c; opacity:.6;}
div.site_container :-ms-input-placeholder { color:#1e435c; opacity:.6; }
h3.form-section { border-bottom:1px solid rgba(30, 67, 92, 0.3); padding-bottom:5px; margin-top:15px; }
div.site_container .form-inline .form-group { margin-right:15px; }
div.site_container input, div.site_container select { color:#1e435c; }
div.site_container input[type=submit],div.site_container input.btnSubmit { color:#fff; }
div.site_container input[type=text] { }
div.site_container input.ccm-input-date { width: auto; height: 30px;}
table.borderless td,table.borderless th{border: none !important; }
table.marginbottom0 { margin-bottom:0; }
table.paddingtop0 td { padding-top:0!important; }
table.paddingbottom0 td { padding-top:0!important; }
.table tbody>tr>td.vert-align-middle { vertical-align: middle; } 
div.site_container form .error { border:1px solid #a94442}
.checkSoumisPoliceContent{ display: block;}
.dateInline div {display: inline-block; }
.btnExportExcel{float:right; display:block; background:#009cde; border:1px solid #009cde; padding:10px; color:#FFF!important;}
.btnExportExcel:hover{color:#009cde!important; background:#FFF; text-decoration:none!important; }

/* header */
div.site_container > header { color:#fff; background-image:url(../images/elements/bg_sub_header.jpg); background-size:cover; background-position:50% 50%; } 
div.site_container > header div.logo { display:inline-block; background-color:#fff; padding:25px 25px; margin-bottom:35px; }
div.site_container > header div.top-info { padding:20px 0 20px; text-align:right; }
div.site_container > header div.top-info div.home-link {display:inline-block;}
div.site_container > header div.top-info div.home-link a { color:#fff; }
div.site_container > header div.top-info div.user-info { display:inline-block; margin-left:25px; }
div.site_container > header div.top-info div.user-info a { color:#fff; text-transform:uppercase; font-weight:700; text-decoration:underline; }
div.site_container > header div.top-info div.user-info:before { content:'|'; font-weight:700; padding-right:25px; }
div.site_container > header div.top-info div.logout { margin-left:25px; color:#fff; font-weight:700; text-transform:uppercase;  display:inline-block;  }
div.site_container > header div.top-info div.logout a {color:#fff;}
div.site_container > header div.top-info div.admin-link {margin-left:25px; color:#fff; font-weight:700; text-transform:uppercase;  display:inline-block; }
div.site_container > header div.top-info div.admin-link:before { content:'|'; padding-right:25px; }
div.site_container > header div.top-info div.admin-link:after { content:'|'; padding-left:25px; }
div.site_container > header div.top-info div.admin-link a {color:#fff;}
div.site_container > div.nav-row div.quick-search-wrapper { position:absolute; bottom:52px; right:15px; text-align:right }
div.site_container > div.nav-row div.quick-search-wrapper div.quick-search-title { display:inline-block; padding:12px 25px;font-weight:800; text-transform:uppercase; color:#1e435c; background-color:#eceff1;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
div.site_container > div.nav-row div.quick-search-wrapper div.quick-search { padding:25px; background-color:#009cde; -webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;}
div.site_container > div.nav-row div.quick-search-wrapper div.quick-search input { height:36px; background-color:#fff; }
div.site_container > div.nav-row div.quick-search-wrapper div.quick-search select { height:36px; background-color:#fff; }
div.site_container > div.nav-row div.quick-search-wrapper div.quick-search input[type=submit] { width:52px; height:36px; border:none; background-color:#1e435c; background-image: url(../images/header/icon-hourglass.png); background-size:21px 21px; background-repeat:no-repeat; background-position:50% 50%; position: relative; top:12px; }
div.site_container > div.nav-row div.quick-search-wrapper div.quick-search input[type=submit]:hover { background-color:#eceff1; background-image:url(../images/header/icon-hourglass-hover.png); }
div.site_container > div.nav-row { background-color:#eceff1; }
div.site_container > div.nav-row nav>ul { list-style:none; padding:0; margin:0; text-align:center; }
div.site_container > div.nav-row nav>ul>li { display:inline-block; font-weight:800; text-transform:uppercase;}
div.site_container > div.nav-row nav>ul>li a { color:#1e435c; display:block; height:52px; line-height:52px; padding:0 40px;}
div.site_container > div.nav-row nav>ul>li a:hover { color:#009cde; background-color:#fff; text-decoration:none; }
div.site_container > div.nav-row nav>ul>li.nav-path-selected a { background-color:#009cde; color:#fff; }
div.site_container > div.sub-nav-row { background-color:#009cde; }
div.site_container > div.sub-nav-row ul { list-style:none; padding:0; margin:0; text-align:center; }
div.site_container > div.sub-nav-row ul>li { display:inline-block;}
div.site_container > div.sub-nav-row ul>li span { color:#eee; display:block; font-size:14px; font-weight:700; height:32px; line-height:32px; margin:0 20px; cursor: not-allowed;}
div.site_container > div.sub-nav-row ul>li a { color:#fff; display:block; font-size:14px; font-weight:700; height:32px; line-height:32px; margin:0 20px;}
div.site_container > div.sub-nav-row ul>li a:hover { text-decoration:underline; }
div.site_container > div.alert-expired { padding: 5px 0; text-align: center; color:red; }
div.site_container > div.alert-expired a { color: red; text-decoration: underline;}

/* Login Page */
body.login-page div.site_container { background-image:url(../images/elements/bg_login.jpg); background-size:cover; background-position:50% 50%; }
body.login-page div.site_container > header { background-image:none; }
body.login-page div.site_container div.first-login { padding:15px; }
body.login-page div.site_container div.first-login a.close { opacity:0.5; text-decoration:none; color:#000; }
body.login-page div.site_container div.login-form { max-width:90%; margin:0 auto 35px; padding:40px 25px 25px; background-color:#fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
body.login-page div.site_container div.login-form h1 { text-align:center; color:#009cde; }
body.login-page div.site_container div.login-form h2 { font-weight:400; text-align:center; }
body.login-page div.site_container div.login-form input.form-control, body.login-page div.login-form input.form-control { border:none; background-color:#eceff1; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25) inset;  -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }
body.login-page div.site_container div.login-form div.lost-password { text-align:center; font-size:12px; line-height:14px; font-weight:600; }
body.login-page div.site_container div.login-form .btn-login { font-size:22px; line-height:24px; color:#fff; font-weight:700; background-color:#1e435c; border:none; width:100%; margin:15px 0 0; padding:15px 0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; }
body.login-page div.site_container div.login-form .btn-login:hover { background-color:#009cde; }

/* Home */
div.site_container div.home { margin:40px 0; }
div.site_container div.home h2.site-title { position:relative; margin-bottom:40px; text-align:center; z-index:1; }
div.site_container div.home h2.site-title span { background-color:#fff; padding:0 25px; }
div.site_container div.home h2.site-title::before {    border-top: 1px solid #eceff1;    bottom: 0;    content: "";    left: 0;    margin: 0 auto;    position: absolute;    right: 0;    top: 50%;    width: 100%;    z-index: -1;}
div.site_container div.home div.important-info { background-color:#009cde; text-align:center; margin-bottom:40px; padding:35px 60px; color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
div.site_container div.home div.important-info h1 { color: #fff; }
div.site_container div.home section.communiques {}
div.site_container div.home section.communiques div.communique { margin-top:25px; padding-bottom:25px; border-bottom: 1px solid #eceff1;}
div.site_container div.home section.communiques div.communique:first-of-type { margin-top:0; }
div.site_container div.home section.communiques div.communique a.bt-more { display:inline-block; background-color:#1e435c; color:#fff; padding:8px 20px; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
div.site_container div.home section.communiques div.communique a.bt-more:hover { text-decoration:none; background-color:#009cde; }

/* Sub */
div.site_container div.sub { margin:35px 0; }

/* Daily Activities*/
div.daily-activity-wrapper { font-size:14px; line-height:16px;}
div.daily-activity-wrapper table td.btnTableControls { text-align:right; }
div.daily-activity-wrapper table tbody tr:first-child td.btnTableControls button.minus { display:none; }
div.daily-activity-wrapper table tbody tr td.btnTableControls button.reset { display:none; }
div.daily-activity-wrapper table tbody tr:first-child td.btnTableControls button.reset { display:inline-block; }
div.daily-activity-wrapper table tbody tr:first-child td.btnTableControls button.minusExpense { display:none; }
div.daily-activity-wrapper table tbody tr td.btnTableControls button.resetExpense { display:none; }
div.daily-activity-wrapper table tbody tr:first-child td.btnTableControls button.resetExpense { display:inline-block; }

/* Administration */
div.administration-wrapper { font-size:14px; line-height:16px; }
div.administration-wrapper div.search-results { margin-top:30px; }
div.administration-wrapper div.side-nav.right-align { text-align:right; }
div.administration-wrapper div.side-nav a { margin-bottom:10px; }

/* Constats */
div.constat-wrapper .hidden-other { display:none; }
div.constat-wrapper .visible-other { display:block!important; }
div.constat-wrapper table tbody tr:first-child td.btnTableControls button.minus { display:none; }
div.constat-wrapper table tbody tr td.btnTableControls button.reset { display:none; }
div.constat-wrapper table tbody tr:first-child td.btnTableControls button.reset { display:inline-block; }
div.constat-wrapper table tbody tr:first-child td.btnTableControls button.minusExpense { display:none; }
div.constat-wrapper table tbody tr td.btnTableControls button.resetExpense { display:none; }
div.constat-wrapper table tbody tr:first-child td.btnTableControls button.resetExpense { display:inline-block; }

/* Documents */
div.documents-wrapper strong.error { border: none; }
div.documents-wrapper div.document-header { height:1px; background-color: #1e435c; margin: 20px 0; }

/* Aside */
div.site_container aside {}
div.site_container aside a.cta { display:block; color:#fff; margin-top:25px; padding:30px 15px 30px 100px; font-size:22px; line-height:22px; background-repeat:no-repeat; background-position:0 50%; }
div.site_container aside a.cta span { display:block; font-weight:700; }
div.site_container aside a.cta:first-child {  margin-top:0; }
div.site_container aside a.cta:hover { text-decoration:none; }
div.site_container aside a.cta.reports-stats { background-color:#1e435c; background-image:url(../images/icons/icon-reports.png)}
div.site_container aside a.cta.reports-stats:hover { background-color:#18364a; }
div.site_container aside a.cta.reports-expenses { background-color:#009cde; background-image:url(../images/icons/icon-reports-expenses.png)}
div.site_container aside a.cta.reports-expenses:hover { background-color:#007cb2;}
div.site_container aside a.cta.documents { background-color:#1e435c; background-image:url(../images/icons/icon-documents.png)}
div.site_container aside a.cta.documents:hover { background-color:#18364a;}
div.site_container aside a.cta.formations { background-color:#eceff1; color:#1e435c; background-image:url(../images/icons/icon-daily-activities.png) }
div.site_container aside a.cta.formations:hover { background-color:#bdbfc1; }

/* Footer */
footer { position:relative; background-color:#009cde; color:#fff; font-size:12px; line-height:14px; z-index:1;  }
footer a { color:#fff; }
footer div.fcmq { text-align:center; font-weight:700; }
footer div.fcmq a { text-decoration:underline; }
footer div.tonik { padding:10px 0; float:none; min-height:60px; }
footer div.tonik div.logo img { display:block; float:none; margin:0 auto;  }
footer div.tonik div.keywords { float:left; vertical-align:middle; margin-left:10px; }
footer div.tonik div.keywords a { margin:0 5px; text-decoration:none; color:#fff; font:400 11px/11px Arial; display:block; }
footer div.tonik div.keywords a:hover { text-decoration:underline; }


/* sidr */
.sidr div ul:first-child { border-top:none; margin-bottom:0; }
.sidr ul li { line-height:normal; font-size:16px;} 
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { line-height:normal;  }
.sidr ul li a { padding-top:12px; padding-bottom:12px; }
.sidr ul li a span { padding:0; }
.sidr ul li ul li { line-height:normal; font-size:14px;}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { line-height:normal; }
.sidr ul li ul li span { padding-left:0px; padding-right:0; }
.sidr ul li ul li a { padding-left:25px; }
.sidr ul li ul li ul li { font-size:12px; }
.sidr ul li ul li ul li a { padding-left:35px; padding-top:8px; padding-bottom:8px; }

/* Bootstrap Specific */
.inside { margin-top: 20px; margin-bottom: 20px; background: #ededed; background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed)); background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%); background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%); } 
.inside-full-height { height: 100%;  margin-top: 0;  margin-bottom: 0; }
.row-height { display:table; table-layout:fixed; height:100%; width:100%; } 
.col-height { display:table-cell; float:none; height:100%; } 
.col-top { vertical-align:top; } 
.col-middle { vertical-align:middle; } 
.col-bottom { vertical-align:bottom; }
.table-responsive { border:none !important; }
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; }
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; }
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; }
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; }
.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; }
.text-left-xs { text-align: left; }
.text-center-xs { text-align: center; }
.text-right-xs { text-align: right; }
.text-justify-xs { text-align: justify; }
.pb { padding-bottom: 10px; }

@media screen and (min-width:320px)
{
	/* Bootstrap Specific */
	.row-xs-height { display:table; table-layout:fixed; height:100%; width:100%; }
	.col-xs-height { display:table-cell; float:none; height:100%; }
	.col-xs-top { vertical-align:top; }
	.col-xs-middle { vertical-align:middle; }
	.col-xs-bottom { vertical-align:bottom; }
}

@media screen and (max-width:767px) 
{
	

	footer div.bottom_wrapper div.copyright_wrapper span.copyright span.rights { display:block; }
	footer div.tonik div.logo { display:block; text-align:center; }
	footer div.tonik div.logo img { display:inline-block; }
}

@media screen and (min-width:768px)
{
	
	
	footer div.bottom_wrapper { padding:10px 0;  }
	footer div.bottom_wrapper div.copyright_wrapper { text-align:left; font-size:11px; line-height:13px;  }
	footer div.tonik div.keywords a { font-size:11px; line-height:13px; }
	footer div.tonik  { float:right; }
	
	
	
	
	
	/* Bootstrap Specific */
	.row-sm-height { display:table; table-layout:fixed; height:100%; width:100%; }
	.col-sm-height { display:table-cell; float:none; height:100%; }
	.col-sm-top { vertical-align:top; }
	.col-sm-middle { vertical-align:middle; }
	.col-sm-bottom { vertical-align:bottom; }
	.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; }
    .text-left-sm { text-align: left; }
    .text-center-sm { text-align: center; }
    .text-right-sm { text-align: right; }
    .text-justify-sm { text-align: justify; }
}


@media screen and (min-width:992px)
{
	
	footer div.bottom_wrapper {margin-top:0; padding:15px 0;  }
	footer div.bottom_wrapper div.copyright_wrapper { font-size:12px; line-height:14px;  }
	footer div.tonik { float:right; }
	footer div.tonik div.logo { float:left; margin:0; display:inline-block; width:auto; } 
	
	/* Bootstrap Specific */
	.row-md-height { display:table; table-layout:fixed; height:100%; width:100%; }
	.col-md-height { display:table-cell; float:none; height:100%; }
	.col-md-top { vertical-align:top; }
	.col-md-middle { vertical-align:middle; }
	.col-md-bottom { vertical-align:bottom; }
	.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; }
    .text-left-md { text-align: left; }
    .text-center-md { text-align: center; }
    .text-right-md { text-align: right; }
    .text-justify-md { text-align: justify; }
}


@media screen and (min-width:1200px)
{


	/* Bootstrap Specific */
	.row-lg-height { display:table; table-layout:fixed; height:100%; width:100%; }
	.col-lg-height { display:table-cell; float:none; height:100%; }
	.col-lg-top { vertical-align:top; }  
	.col-lg-middle { vertical-align:middle; }
	.col-lg-bottom { vertical-align:bottom; }
	.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; }
    .text-left-lg { text-align: left; }
    .text-center-lg { text-align: center; }
    .text-right-lg { text-align: right; }
    .text-justify-lg { text-align: justify; }
}