/* ------------------- Header ----------------------------*/
#header_C {
	width:100%;
	background-color: #095797;
	color: #fff;
	min-height: 110px;
	font-family: 'Roboto',sans-serif;
	display:flex;
	justify-content: space-between;
}
.headerRightLink {
	text-align:right;
	color:white;
	font-weight:Bold;
	font-size:1em;
}
.headerRightLink:hover {
	color:white;
	text-decoration: underline;
}

.loading:before {
  content: "";
  display: inline-block;
  height: 90%;
  vertical-align: middle;
}
.loading {
	background-image: url("images/loading.gif");
	background-position: center;
    background-repeat: no-repeat;
	width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
   font-size:1.5em;
}
.loadingSpan {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
/* ------------------- Fin header ----------------------------*/

/* ------------------- MenuBar ---------------------------- */
#trcuBIDONCALISSPOURQUOI {
	enlevePasCa:CachieSinon for some fucking reason;
}

#menubarContenu {
	width:95%;
	padding-left:1rem;
	/*padding-righT:1rem;*/
	margin: 0 auto;
	height:50px;
}

#navbar {
	color:#095797;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
}

.nav-item {
  float: left;
  text-transform: uppercase;
  font-weight:bold;
}

.nav-item a {
	color:#095797;
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.selectedNav, .nav-item a:hover {
	color:white !important;
	background-color: #095797;
}

#disabledWarning {
	color: red;
	width:100%;
	padding-left:7%;
	padding-top:10px;
	font-style:italic;
	background-color:#f2f1f1;
}
/* ------------------- Fin MenuBar ----------------------------*/

/* ------------------- Blocs dans accueil ---------------------------- */
.inactive, .inactive a { color: lightgray !important; }
.inactive a:hover { text-decoration:none!important; }

bufferBidon{
	barbar:0;
}

.liste-lien-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	padding-bottom: 0px;
	margin: 0 -0.5rem;
	margin-bottom: 0px;
}

.liste-lien-action li {
	position: relative;
	min-height: 8rem;
	background: white;
	border-radius: 0.5rem;
	-webkit-box-shadow: 0 0.2rem 0.33rem rgba(9,87,151,0.25);
	box-shadow: 0 0.2rem 0.33rem rgba(9,87,151,0.25);
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	flex-basis: 30%;
}

.liste-lien-action li a {
	padding: 2rem 6rem 2rem 2rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #223654;
	text-decoration: none;
}


#userGuideLink a::after {
	content: "";
	width: 3rem;
	right: 2rem;
	display: block;
	height: 100%;
	top: 0;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
	background: url(../../ressources/images/new/grandefleche_ronde_bleu_vide_BLUEBG.PNG) center left no-repeat;
	background-size: auto;
	background-size: 100%;
	position: absolute;
}
#userGuideLink a:hover:after {
	content: "";
	width: 3rem;
	right: 2rem;
	display: block;
	height: 100%;
	top: 0;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
	background: url(../../ressources/images/new/grandefleche_ronde_bleu_pleine_BLUEBG.PNG) center left no-repeat;
	background-size: auto;
	background-size: 100%;
	position: absolute;
}

.liste-lien-action li a::after {
	content: "";
	width: 3rem;
	right: 2rem;
	display: block;
	height: 100%;
	top: 0;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
	background: url(../../ressources/images/new/grandefleche_ronde_bleu_vide.PNG) center left no-repeat;
	background-size: auto;
	background-size: 100%;
	position: absolute;
}


.liste-lien-action li a:hover {
	text-decoration:underline;
}
.liste-lien-action li a:hover:after {
	content: "";
	width: 3rem;
	right: 2rem;
	display: block;
	height: 100%;
	top: 0;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
	background: url(../../ressources/images/new/grandefleche_ronde_bleu_pleine.PNG) center left no-repeat;
	background-size: auto;
	background-size: 100%;
	position: absolute;
}

/* ------------------- Fin Blocs dans accueil ---------------------------- */

/* ------------------- Tableau admin ---------------------------- */
.flagged td {
	background-color:#ffffcc !important;
}
.showme{
	display: none;
}
.showhim:hover .showme{
	display : block;
}
.changesTooltip {
    display: none;
}
.tooltipanchor:hover + .changesTooltip {
    display: block;
}
/* ------------------- fin Tableau admin ---------------------------- */

th {
	text-align:center;
	font-weight:bold;
}

.bold { font-weight: bold; }
.clickable { cursor: pointer; }

bufferBidon{
	barbar:0;
}

body{
	background-color:#fff;
	height:100%;
	color:#223654;
	font-family: "Roboto",-apple-system,BlinkMacSystemFont,
				 "Segoe UI",Roboto,"Helvetica Neue",
				 Arial,sans-serif,"Apple Color Emoji",
				 "Segoe UI Emoji","Segoe UI Symbol";;
	font-weight:400;
}

h2 { font-size:1.75em; }
h3 { font-size:1.35em; }
h4 { font-size:1.10em; }

#contenant { background-color: #f2f1f1; }

#contenu {
	min-height:300px;
	margin: 0 auto;
	max-width:90%;
	padding: 0.1rem 1rem 1.5rem 1rem;
	/*background-color: #f2f1f1;*/
}

.inactivePeople td {
	background-color: #aaaaaa;
}
.inactivePeopleModif td {
	background-color: #0099cc;
}

.alignLeft { text-align:left; }

.italic { font-style : italic; }

.pageTitleDiv {
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
	padding:10px;
	border-bottom: 1px solid black;
	margin-bottom:20px;
}
.typeContextDiv {
	//display:inline-block;
	float:right;
	color:red;
	font-style:italic;
	font-size:1em;
	padding:10px;
	border-bottom: 1px solid black;
	margin-bottom:20px;
}

.notALink {
	text-decoration: none;
}

.rightDTImg{
	float: right;
	padding-right: 20px;
	height:20px;
}

.dataTables_length { display:none; }
.indent {
	margin-left:5%;
	display:inline-block;
}
.smallText { font-size:0.8em; }

.right { text-align:right; }
.txtCentre, .center { text-align:center; }
.centered { margin: 0 auto; }

.darkerSection { background-color:#dad7d7 !important; }

.FAQTable { margin-bottom:20px; }
.FAQTable td {
  background: #d9d9d9 !important;
  border: 1px solid #999;
}
.FAQHeader {
  background: #003399 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-size: 1em !important;
  font-weight: 400 !important;
}

.passwordDirectives {
	font-style:italic;
	font-size:0.8em;
}
.red { color:red; }
.green { color:green; }


/* ------------------- Links ----------------------------*/
/*a:after { content:'' !important; }
a[href]:after { content: none !important; }*/
#menubarContenu a {
	font-size:0.8em;
	color: #095797;
	//padding: 3px 6px;
}
#menubarContenu a:hover { color:white !important; }
a:hover { color:#223654; }
.dataTable  a { font-size:1em !important; }
form  a { font-size:1em !important; }
/* ------------------- Fin Links ----------------------------*/

/* ------------------- BUTTTONS ----------------------------*/
.button-wrapper {
  min-height: 2rem;
  border-radius: 2rem;
  border: 0.125rem solid #223654;
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;*/
  padding: 0.3rem 0.9rem;
}
.button-wrapper:not([disabled]):hover {
	background-color:#223654;
	color:white;
}

/* ------------------------FIN BUTTONS --------------------*/

/*----------------------------------------Trucs Legacy-------------------------------*/
.modif {
    background-color:#7bdf7c !important;
    color: #000;
    font-weight: bold;
}

.deleted {
    background-color:#ff9999 !important;
    color: #000;
    font-weight: bold;
}

.tabbed-area { margin: 0 0 120px 0; }
  .box-wrap { position: relative; min-height: 250px; }
  .tabbed-area div div { background: white; padding: 20px; min-height: 250px; position: absolute; top: -1px; left: 0; width: 100%; }
  .cur-nav-fix-2 .tabs li a { background: -moz-linear-gradient(top, white, #eee); }
  .cur-nav-fix-2 .tabs { z-index: 2; position: relative; }
  #box-seven:target .box-seven,
  #box-eight:target .box-eight,
  #box-nine:target .box-nine { z-index: 1; }
  #box-seven:target a[href="#box-seven"],
  #box-eight:target a[href="#box-eight"],
  #box-nine:target a[href="#box-nine"] { border-bottom: 1px solid white; background: white; }
/*----------------------------------------Fin trucs legacy-------------------------------*/

/*----------------------------------------Inputs-------------------------------*/
select{
	padding: 3.5px;
	text-overflow:'';
	background-position:calc(100% - 14px) calc(0.5em + 0px),calc(100% - 10px) calc(0.5em + 0px),100% 0;
	background-size:0.75em 0.75em;
	background-repeat:no-repeat;
	border-radius:0;
	background-color:#fff;
	border:1px solid #223654;
}
input[type=radio].error, input[type=checkbox].error {
	outline: 2px solid red;
}
input[type=text].error, input[type=password].error, textarea.error, select.error,
input[type=text]:focus.error, input[type=password]:focus.error, textarea:focus.error, select:focus.error {
    outline: 1px solid red;
}
label.error {
    color: red;
    display: block;
}
th { border: 1px solid black; }
#filterTHead th { background-color: #e6e6e6 !important; }
.text_filter { width : 95px !important; }
#table-tr .text_filter { width : 60px !important; }
table.dataTable tr {
  background-color: #ffffff;
}
.error {
    font-weight: bold;
    color: red;
}
input[disabled], textarea[disabled] {
	background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;
}
.double { text-align: right; }

input.submitted:invalid,
textarea.submitted:invalid,
select.submitted:invalid {
   border:1px solid red !important;
}
input.submitted[type=radio]:invalid{
    outline: 1px solid red;
}
/*----------------------------------------Fin Inputs-------------------------------*/


/*----------------------------------------Pied de page-------------------------------*/


#pied_de_la_page {width:100%;margin:10px 0 0 0;padding:0;overflow:hidden; text-align:center;}
#pied_de_la_page #contenant_du_pied_de_la_page ul {padding-bottom: 10px;overflow:hidden;margin:0 auto;}
#pied_de_la_page #contenant_du_pied_de_la_page ul li {display:inline; list-style: none; font-size:1em;}
#pied_de_la_page #contenant_du_pied_de_la_page ul li a {font-size:0.8em; text-decoration: none;  color: #095797; border-right: 1px solid #d8d5d1; padding: 3px 6px;}
#pied_de_la_page #contenant_du_pied_de_la_page ul li#loisuracces a { border-right: none; }
#pied_de_la_page #contenant_du_pied_de_la_page ul li a:hover { text-decoration: underline; }
#pied_de_la_page #contenant_du_pied_de_la_page p {font-size:1.1em;color: #3b3935; display:block; margin:0 auto; width:230px;}


#pied_de_la_page #contenant_du_pied_de_la_page p#lienPortailFooter {margin:0 auto}
#pied_de_la_page #contenant_du_pied_de_la_page p#lienDroitsFooter {margin:0 auto}
a.libelle_copy { text-decoration: none; color: #3B3935; font-size:0.7em; }