html {
	overflow-x: hidden;
}

body {
	background-color:#333333;
}

a {
	color:white;
	text-decoration:none;
}

a:hover {
	color:#69e819;
	text-decoration:none;
}

.f-size-1 {
	font-size:1.25rem;
}

.f-size-2 {
	font-size:1.5rem;
}

.f-size-3 {
	font-size:2rem;
}

.no-deco {
	text-decoration:none;
	list-style:none;
}

.titlebar-close {
	display:none !important;
}

.PageLoading {
	position:fixed;
	left:0;
	top:0;
	margin:0;
	padding:0;
	z-index:99999999;
	background: url(loading.gif) no-repeat center/40%;
	background-color:#010302;
	width: 100%;
	height: 100%;
	opacity:0.8;
	border-radius: 4px;
}

.PageLoading:after {
	content: "Chargement";
	font-size:300%;
	color:white;
}

.bg-vigilance {
	background-color:#3d506d!important;
}

.alert-vigilance {
	background-color:#212529!important;
}
	

.inline {
	display:inline-block;
}

.yes-pointer {
	cursor:pointer!important;
}

.no-pointer {
	cursor:not-allowed!important;
}

.disp-none {
	display:none;
}

.disp-block {
	display:block;
}

.grosbutton {
	padding: 1.5rem 2rem;
	font-size: 2rem;
	line-height: 2;
	border-radius: 0.3rem;
}

.mediumbutton {
	padding: 0.75rem 1.25rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}

.ecran_principal {
	padding-top:134px;
}

@media only screen and (max-width: 1100px) {
	.ecran_principal {
		padding-top:275px;
	}
	.logo-right-area {
		float: none;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.gdlr-logo {
		margin: 0px auto !important;
		padding-top: 30px;
		padding-bottom: 40px;
		float: none;
	}
	.gdlr-navigation-wrapper {
		float: none;
		text-align: center;
		margin-top: 10px !important;
		line-height: 0;
	}
	
	/*.gdlr-header-wrapper {
		height: 292px;
	}*/
}

@media only screen and (max-width: 990px) {
	.ecran_principal {
		padding-top:305px;
	}
	
	h1 {
		font-size: 43px;
	}
}

@media only screen and (max-width: 767px) {
	.ecran_principal {
		padding-top:237px;
	}
	
	h1 {
		font-size: 39px;
	}
}

@media only screen and (max-width: 419px) {
	.ecran_principal {
		padding-top:277px;
	}
	
	h1 {
		font-size: 32px;
	}
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}

#header.header-fixed {
  background: rgba(52, 59, 64, 0.9);
  height: 84px;
  transition: all 0.5s;
}

#header.header-notfixed {
	position: absolute;
}

#logo_header.logo_header-fixed {
	width: 70px;
	padding-top:13px;
	transition: all 0.5s;
}

.gdlr-main-navigation-fixed {
	margin-top: -10px !important; 
}

.footer-wrapper a:hover {
    color: #2F3032 !important;
	text-decoration:none;
}

.dl-menuwrapper li a {
	text-decoration:none;
}

.dl-menuwrapper li a:hover {
	background: rgba(255,255,255,0.1);
}

.color-green {
	color:#69e819;
}

/* -------------------------------------------- */
/* ---------------  PLANNING  --------------- */
/* -------------------------------------------- */

#planning {
	max-width:1074px;
}

#planning .planning-nom-mois {
	background-color:#3d506d;
}

#planning .planning-col-mois {
	max-width:1074px;
}

#planning .planning-col-jour {
	width:107px; max-width:107px;
}

#planning .planning-nom-jour {
	background-color:#212529;
}

#planning .planning-nom-jour-bis {
	background-color:#282d32;
}

#planning .planning-num-jour {
	height:66px;
	padding-top: 16px;
	padding-bottom: 16px;
}


@media only screen and (max-width: 1100px) {
	#planning {
		max-width:1000px;
	}
	#planning .planning-col-mois {
		max-width:1000px;
	}
}

@media only screen and (max-width: 990px) {
	#planning {
		max-width:950px;
	}
	#planning .planning-col-mois {
		max-width:950px;
	}
}

@media only screen and (max-width: 940px) {
	#planning {
		max-width:920px;
	}
	#planning .planning-col-mois {
		max-width:920px;
	}
}

@media only screen and (max-width: 890px) {
	#planning {
		max-width:870px;
	}
	#planning .planning-col-mois {
		max-width:870px;
	}
}

@media only screen and (max-width: 855px) {
	#planning {
		max-width:810px;
	}
	#planning .planning-col-mois {
		max-width:810px;
	}
}

@media only screen and (max-width: 767px) {
	#planning {
		max-width:747px;
	}
	#planning .planning-col-mois {
		max-width:747px;
	}
}

@media only screen and (max-width: 419px) {
	#planning {
		max-width:389px;
	}
	#planning .planning-col-mois {
		max-width:389px;
	}
}



/* **************************************  */
/*  modification datepicker tempusdominus  */
/* **************************************  */


.list-unstyled {
	margin: 0px 10px;
}

.datepicker-days th {
	background-color:#e5e5e5;
	color:black;
}

.datepicker-days td {
	/* background-color:white; */
	/* color:black; */
}

.fa-arrow-up, .fa-arrow-down {
	color:black;
}

.fa-arrow-up:hover, .fa-arrow-down:hover {
	color:#e5e5e5;
}

/* ************************************ */
/* **** Upload Photos Consignes ******* */
/* ************************************ */

.container{
    /* width: 50%; */
    /* margin: 0 auto; */
}

#logo {
	text-align:center;
	margin-top:2em;
}

#logo img {
	max-width:400px;
	width: 100%;
	min-width:250px;
}

.upload-area{
    width: 70%;
    min-height: 200px;
	min-width:350px;
	max-width:600px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
}

.upload-area:hover{
    cursor: pointer;
}

.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    /* color: darkslategray; */
}

.resultat-area{
    width: 70%;
    min-height: 200px;
	min-width:350px;
	max-width:600px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    overflow: auto;
}

.resultat-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#file{
    display: none;
}

.thumbnail{
	width: 70%;
	min-width:350px;
	max-width:600px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 5px auto 0 auto;
	font-size:1.2em;
	text-align:left;
}

.thumbnail_rslt1{
	width: 70%;
	min-width:350px;
	max-width:600px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 2em auto 0 auto;
	font-size:1.2em;
	text-align:center;
}

.thumbnail_rslt2{
	width: 70%;
	min-width:350px;
	max-width:600px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 5px auto 0 auto;
	font-size:1.2em;
	text-align:center;
}

.size{
    font-size:12px;
}

.boutton {
	text-decoration:none;
	padding: 5px 15px;
	margin: 15px 4px;
	display: inline-block;
	color: #ffffff;
	font-size: 26px;
	cursor: pointer;
	background: #003865;
	background: linear-gradient(top, #003865 0%, #002e54 100%);
	border: 1px solid #338bf6;
	border-radius: 5px;
}

.boutton:hover {
	background: linear-gradient(top, #5aafff 0%, #003865 100%);
	background: -moz-linear-gradient(top, #5aafff 0%, #003865 100%);
	background: -webkit-linear-gradient(top, #5aafff 0%, #003865 100%);
	background: -o-linear-gradient(top, #5aafff 0%, #003865 100%);
}

.boutton:active{
	opacity:0.8;
}

/**********************************************/
/************ TinyMCE       *******************/
/**********************************************/

textarea#mentions {
  height: 350px;
}

div.card,
.tox div.card {
  width: 240px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1);
  padding: 8px;
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

div.card::after,
.tox div.card::after {
  content: "";
  clear: both;
  display: table;
}

div.card h1,
.tox div.card h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
  line-height: normal;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

div.card p,
.tox div.card p {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

div.card img.avatar,
.tox div.card img.avatar {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  float: left;
}