/* CSS Document */
@charset "utf-8";
* { margin:0; padding:0; }

body {
	margin:0; padding:0;
	font-family: Arial, sans-serif; font-size: 100%;
	color:#000;
	background-color: #fff;
	position:relative;
}
.ui-front {
	z-index: 9999; /* Permet de contourner un bug avec l'affichage d'un jquery-ui autocomplete dans un bootstrap modal */
}
.wrapper #content {
	min-height: auto !important; background-color: #fff;
}
.wrapper #content h3 {
	position: relative;
	font-weight: bold;
	background-color: #108DC1;
	color: #fff;
	padding: 12px;
	margin:-21px -20px 20px -20px;
	border-bottom: solid 1px #ccc;
	text-align: center;
}
.wrapper #content h3.fixed {
	position: fixed;
	top: 89px; left: 0; right: 0;
	z-index: 100;
}
@media (max-width: 900px) {
	.wrapper #content h3 {
		margin-top: -21px !important;
	}
}
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/*
 * Preloader
 */
.preloader {
	position:fixed; left:0; top:0; bottom:0; right:0; z-index:10000; display:flex; justify-content:center;
	align-items:center; padding:20px; background-color: #E3F1FA; transition:.3s all ease
}
.preloader.loaded { opacity:0; visibility:hidden; }
.preloader-body { text-align:center; }
.preloader-body p { position:relative; right:-8px; }
.cssload-container{ width:100%; height:64px; text-align:center; }
.cssload-speeding-wheel{
	width:64px; height:64px; margin:0 auto; border:6px solid #00699A;
	border-radius:50%; border-left-color:transparent; border-bottom-color:transparent; -webkit-animation:cssload-spin 2s infinite linear;
	animation:cssload-spin 2s infinite linear
}
.cssload-text { margin-top:10px; font-weight:bold; font-size:16px; color: #2C61A7; }
@-webkit-keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/*
 * Header
 */
.header-top-banner { position: relative; display: inline-flex; border-top: solid 4px #333; background-color: #b5b5b5; width: 100%; height: auto; padding: 20px 20px 0 20px; }
.header-top-banner-content-logo { display: inline-block; width: 12%; min-width: 80px; height:auto; }
.header-top-banner-content-logo img { width: 100%; }
.header-top-banner-content-title { display: inline-block; width: calc(87% - 5%); height: auto; padding: 0 20px 0 20px; }
.header-top-banner-content-title h1 { font-weight: bold; font-size: 2vw; }
.header-top-banner-content-title h2 { font-weight: normal; font-size: 1.5vw; }
.header-top-banner-home { display: inline-block; width: 5%; max-width: 80px; min-width: 32px; height: auto; text-align: center; padding-top: 0.6%; }
.header-top-banner-home img { width: 60%; }
.header-top-banner-separator { display: block; clear: both; width: 100%; /*border-bottom: solid 3px #960E52;*/ margin-bottom: 0px /*10px*/;  }

.header-logo { display: inline-block; width: 120px; padding: 0; }
.header-logo img { width: 100%; }
.header-title { display:inline-block; margin-left: 25px; }
.header-title-1 { font-size: 18px; font-weight: bold; color: #FFCA05; }
.header-title-2 { font-size: 12px; font-style:italic; color: #eee; }
@media screen and (max-width:800px) {
	.header-top-banner-content-title h1 { font-size: 16px; }
	.header-top-banner-content-title h2 { font-size: 12px; }
}
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/*
 * NavBar
 */
.navbar-nav { font-size: 14px; }
.nav-link { color: #ccc !important; }
.nav-link:hover { color: #fff !important; text-decoration:underline; }
.navbar-nav li.active { text-decoration:underline; font-weight: bold; background-color: #fff; margin: 0px; margin-top: 5px; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;}
.navbar-nav li.active .nav-link { color: #960E52 !important; cursor: default; margin-top: -5px; }

.navbar { border-bottom: solid 1px #fff; box-shadow: 0 0 3px #333 !important; -moz-box-shadow: 0 0 3px #333 !important; -webkit-box-shadow: 0 0 3px #333 !important; padding: 0; padding-right: 20px; }
.dropdown-item:hover{ background-color: blue; color: #fff; }
.dropdown-item:focus  { background-color: blue !important; color: #fff !important; }
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/*
 * Bootstrap Change
 */
/* Dessine une bordure pour le plugin bootstrap checkbox */
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.form-group label { font-weight: bold; color: #454545; }
.card-header { font-size: 16px; }
.card-body label { font-size: 14px; }
.container h1 { font-weight: bold; }
.container h1.red { color: #9a1e20;  }
.container-noPadding { padding: 0; }
.row { margin-right: 0; } /*Supprime le decalage à la droite de 'class="row"' */
.btn-danger { color: #fff; background-color: #9a1e20; border-color: #9a1e20; }
.btn-danger:hover { background-color: #721616; border-color: #721616; }
.text-warning { color: #FFCA05 !important; }
.bg-warning { background-color: #FFCA05 !important; }
.page { position: relative; -webkit-flex: 1; flex:1; padding: 50px 60px 0px 60px; }
.jumbotron { margin-bottom:0px; margin-top:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.jumbotron-full { padding-left:0px; padding-right: 0px; }
.table-hover tbody tr:hover { color: #2C61A7 !important; background-color: #7CC1EA !important; }

/*Changement pour $.dialog*/
.jconfirm-box { width:75%; } /*Change la taille du box*/
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { font-size: 20px; } /*Change la taille du titre*/
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { padding-right: 10px; } /*Met une marge a droite car le texte est trop pret du scrollbar*/
.modal-xxl { max-width: 95%; margin: auto; }
.datepicker-dropdown { padding: 10px; font-size: 12px; }
.btn:disabled { cursor: not-allowed; }
.modal-backdrop.show { opacity: 0.9; }
.tooltip { z-index: 1000; }
#top-navigator { bottom: 5% !important; }
.modal-dialog .modal-content .modal-header { background-color: #7CC1EA;  }
.modal-dialog .modal-content .modal-footer { background-color: #DBDCD8; }

/*Change le background color du modal pour le bootstrap modal */
.modal-backdrop { background-color: #000 !important; opacity:0.90 !important; }

/*Change le background color du modal pour le jquery-confirm et ssi-modal */
.jconfirm-bg { background-color: #000 !important; opacity:0.90 !important; }
.ssi-backdrop{ background-color: #000 !important; opacity:0.90 !important; }

/*Restaure le background par default des boutons des jquery-confirm*/
.jconfirm-buttons button.btn-default { background-color: #ECF0F1 !important; }
.jconfirm-buttons button.btn-default:hover { background-color: #bdc3c7 !important; }

@media screen and (max-width:991px) {
	.nav-item { margin-left: 15px; }
}
@media screen and (max-width:800px) {
	.jconfirm-box { width:95%; } /*Change la taille du box*/
	.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { font-size: 12px; padding-right: 10px; }
	.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { font-size: 16px; }
	.page{ padding: 20px; }
}
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/*
 * Footer
 */
.footer { position: relative; width: 100%; height: 38px; background-color: #4D4C4A; color:#fff; padding: 10px; font-size: 12px; }
.footer span.copyright { color:#bbb; }
.footer-fixed { position: fixed; bottom: 0px; }
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/*
 * Columns
 */
.col_1-contain { position: relative; width: 100%; padding: 20px; }
.col_1-left { float: left; margin-top: 60px;}
.col_1-left .text-photo { padding: 0px 0 0 0; margin-top: 10%; }
.col_1-left .text-photo p { font-weight: bolder; font-size: 1.3vw; }
.col_1-left .text-photo i { font-size: 1.1vw; }
.col_1-right { float: right; min-height: 800px ; background-image: url("../images/right_banner.png"); background-repeat: repeat-y; background-position: center top; background-size: contain; }

@media screen and (max-width:1200px) {
	.col_1-left  .text-photo  { margin-top: 7%; }
	.col_1-left  .text-photo p { font-size: 22px; }
	.col_1-left  .text-photo i { font-size: 14px; }
}
@media screen and (max-width:992px) {
	.col_1-left  .text-photo p { font-size: 22px; }
	.col_1-left  .text-photo i { font-size: 16px; }
}

.col_2-contain { position: relative; width: 100%; padding: 40px 20px 20px 20px; margin-bottom: 40px; background-color: #fff; }

.pub_container_title { margin-bottom: 20px; font-weight: bold; font-size: 26px; color: #960E52; }
/**********************************************************************************************************************/
/*
 * Miscellaneous
 */
.highlight { background-color: yellow; color: black; padding: 3px 10px 3px 10px; }
.highlight2 { background-color: #fffad6; color: #666; padding: 3px 10px 3px 10px; font-style: italic; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.big-checkbox, .big-radio { width: 1.2rem; height: 1.2rem; top: 0.2rem }
.date-submitted { font-size: 12px; }
.red { color:#9a1e20; }
.blue { color: blue; }
.green { color: green; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.fontSize-32 { font-size: 32px; }
.fontSize-24 { font-size: 24px; }
.fontSize-22 { font-size: 22px; }
.fontSize-16 { font-size: 16px; }
.fontSize-14 { font-size: 14px; }
.radius3 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.radius5 { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.radius8 { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.exposant { vertical-align: super; font-size: 50%; }
.indent1 { margin-left: 15px; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.lower-alpha li { margin-left: 50px; font-size: 14px; }
.hand-cursor { cursor: pointer; }
p.information { font-style:italic; color: #666; margin-bottom: 20px; }
td.action a { margin:auto 10px auto 10px; }
a.underline, .underline { text-decoration: underline !important; }

.mp3-table { margin-top: 30px; width: 100%; }
.mp3-table td { padding: 5px; }


input[type=radio].bigger, input[type=checkbox].bigger { zoom: 1.5; transform: scale(1.5); -webkit-transform: scale(1.5); }
input::placeholder { font-style: italic !important; color: #ccc !important; background-color: white !important; }
option[value=""][disabled] { display: none; } /*permet de placer l'element disabled du select comme un placeholder, et de ne pas l'afficher dans les options*/
select.empty { color: #ccc; font-style: italic !important; } /* permet de placer l'element comme placeholder */
button[disabled], input[type=text].custom[disabled], select[disabled], input[type=text][disabled] , textarea[disabled] { cursor: not-allowed; }
input[type=radio]:disabled {
	-webkit-appearance: none;
	background-clip: content-box;
	border: 2px solid #bbbbbb;
	background-color: white;
	border-radius: 50%;
}
input[type="radio"]:checked {
	background-color: #666;
}
/**********************************************************************************************************************/




ul.team {list-style-type:disc; color:#333; }
ul.team li { font-size:14px; line-height:25px; color:#000;}
ul.team a:link, ul.team a:visited { color:#0000FF; text-decoration:none;  }
ul.team a:hover { color:#0000FF; text-decoration:underline; }


#leftMenu { 
	margin-left:0px;
	padding-left:0px;
	line-height:25px; 
	list-style:none; 
	font-size:14px;	
}

#leftMenu2 { 
	margin-left:20px;
	padding-left:0px;
	line-height:25px; 
	list-style:none; 
	font-size:14px;	
}

#leftMenu li.selected { 
	font-weight:bold; 
	margin-left:0px; 
	padding-left:20px; 
	background-image:url(../images/rightArrow16.png); 
	background-repeat:no-repeat; 
	background-position:left;
}

#leftMenu li.category {
    /*font-weight:bold; */
    margin-left:0px;
    padding-left:0px;
    /*background: url(../images/rightArrow16.png) no-repeat left;*/
    color:#006699; 
}


div.topic { 
	width:auto;
	margin-top:15px;
	margin-left:0px;
	margin-right:40px;
	padding:10px; 
	background-color:#FFFFFF; 
	border: #999999 solid 1px; 
	font-size:12px; display:none;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	-moz-box-shadow:3px 3px 15px #aaa; -webkit-box-shadow:3px 3px 15px #aaa; box-shadow:3px 3px 15px #aaa;
}

div.topic h2 {
	font-size:18px; 
	font-weight:bold; 
	text-align:center; background-color:#888;	 
	line-height:35px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	/*margin:-5px;*/
	color:#FFF;	
}

textarea, select {
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:0 1px 2px #ddd; -moz-box-shadow:0 1px 2px #ddd; -webkit-box-shadow:0 1px 2px #ddd;
    border:1px solid #aaa; padding:4px; margin:6px;
}

fieldset {
    margin-top: 1em; padding:5px; padding:1.5em;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    border:#aaa solid 1px; background:#eee;
    text-shadow:0 1px 0 #fff; -moz-box-shadow: 1px 1px 2px #fff inset; -webkit-box-shadow: 1px 1px 2px #fff inset; box-shadow: 1px 1px 2px #fff inset;
}

fieldset fieldset { 
	margin: 0.8em; background:#fff; border:1px solid #aaa; background:none repeat scroll 0 0 #E8E8E8; 
}

fieldset legend {
    font-weight:bold; color:#444; padding:5px 10px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    border:1px solid #aaa; background-color:   #fff;
    -moz-box-shadow:3px 3px 15px #bbb; -webkit-box-shadow:3px 3px 15px #bbb; box-shadow:3px 3px 15px #bbb;
}

.radius5 {
    border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;
}
.shadow { 
    -moz-box-shadow:6px 6px 10px #aaa; -webkit-box-shadow:6px 6px 10px #aaa; box-shadow:6px 6px 10px #888;
    
}
.imgBorder {border:#666 solid 1px; }