*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  background: #EEE
}
*::-webkit-scrollbar-thumb {
  background: #333;
}
*::-webkit-scrollbar-thumb:hover {
  background: #000;
}
html
{
	height:100%;
}
.hidden
{
  display:none!important;
}

.invisible
{
  visibility:hidden!important;
}
#form_error
{
	color:red;
	padding:10px;
	text-align:center;

}

body
{
	margin:0;
	padding:0;
	font-family:colibri, arial;
	color:#666;
	font-size:12px;
	height:100%;
}



button
{
	border:none;
	background-color:#72C5D6;
	color: #FFF;
	padding:5px;
	cursor:pointer;
}


*
{
	outline:none;
}

a
{
	text-decoration:underline;
	cursor:pointer;
	color:#72C5D6;
}

a:hover
{
	text-decoration:underline;
}

a img
{
	border:none;
}

.ib
{
	display:inline-block;
	width:15px;
	font-size:11px;
	height:15px;
	color:#FFF;
	background-color:#F60;
	border-radius:50%;
		text-align:center;
	font-weight:bold;

}
h1
{
	font-family:colibri, verdana;
	font-weight:normal;
	color:#A2B1D3;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:uppercase;

}

.main
{
	position:relative;
	background-color: #fafafa;
	background-repeat:no-repeat;
	height: 100%;
	display: flex;
	flex-direction:column;
}


.header
{
	/* min-height:40px; */
	/* margin:auto; */
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	background-color:#FFF;
	text-align:center;
	position:relative;
	border-bottom: solid 1px #DDD;
  display:none;
	/*
	border-top:solid 12px #E4ECEF;
	*/
	/* box-shadow: 0px 2px 2px 0px #DDD; */
}
.header.visible
{
	display:block;
}
.showHeaderBtn
{
	padding:5px;
	background-color: #CCC;
	font-size: 17px;
	color:#FFF;
	user-select:none;
	cursor:pointer;
	width: 100px;
	text-align: center;
  position:absolute;
  z-index: 2;
	right: 15px;
	border-radius: 0 0 15px 15px;
}


.header-phone
{
  display:none;
}

.logocontainer
{
	max-width:1000px;
	width: 100%;
	margin:auto;
	text-align:left;

}
.logo_lucas_tordeux
{

	margin-top:30px;
	margin-bottom:30px;
	max-width: 50%
}

.menu
{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr ;
	position:relative;
	padding-bottom:10px;
	margin:auto;
	max-width:1000px;
	width: 100%;

}

.menu a
{
	border-radius:5px;
	text-transform:uppercase;
	font-size:12px;
	margin:1.5px 20%;
	font-weight:bold;
	color:#888;
	text-align:left;
	padding: 3% 10%;
	width:66%;
	/* background: #FAFAFA; */
	/* border: solid 1px #EEE; */
	text-decoration:none;
	transition-type: background-color, border-color, color;
	transition-duration:0.3s;
}

.menu a:hover, .menu a.current
{
	color:#FFF;
	border-color:#72C5D6;
 background-color:#368EC4;
}










.content-wrapper
{
	/* padding-top:20px; */
	/* margin-top: 20px; */
	position:relative;
	flex:auto;
	overflow-y: scroll;
}



.content
{
	padding-top:20px;
	margin:auto;
	/* margin-top: 20px; */
	position:relative;
	max-width:1000px;
	width: 100%;
}

.content p
{
	line-height:20px;
}




a.create, a.retour_link
{
	text-decoration:none;
	display:inline-block;
	background-color:#7DC3DB;
	color:#FFF;
	border-radius : 5px;
	position:absolute;
	top:30px;
	right:0;
	margin-bottom:20px;
	padding:7px;

}










/*

FORMS


*/

form
{
	position:relative;
	padding-bottom:40px;
}

.formGrid
{
	display:grid;
	margin: 40px auto;
	grid-template-columns: 300px 1fr;
}

label
{
	display:inline-block;
	margin-top:10px;
	padding-top:5px;
	padding-right:20px;
	vertical-align:top;
	height:25px;
	min-width: 100px;
}

.formGrid label
{
	padding-right:20px;
	text-align:right;
}


select, input, textarea
{
 	font-size:12px;
	margin-top:10px;
	color:#666;
}
.inputtypetext, .inputtypepassword
{

}

.inputtypetext, .inputtypesubmit, textarea,select, .inputtypepassword, .inputtypebutton
{
	padding: 7px;
	font-size:14px;
	border:solid 1px #AAA;
	color:#999;
	/* box-shadow:3px 3px 5px #ABABAB; */
}


input[type="checkbox"]
{
  width:0;
  margin-bottom:10px;
  margin-left: -1px;

}
input[type="checkbox"]::after
{
  height:20px;
  width:20px;
  content:'';
  text-align:center;
  display:inline-block;
  position:relative;
  border:solid 1px #AAA;
  color:#000;
  font-size:20px;
  line-height:20px;
  font-weight:bold;
  cursor:pointer;

}

input[type="checkbox"]:checked::after
{
  content:'\2713\0020';
}



.inputtypesubmit, .inputtypebutton
{
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	background-color:#FCFCFC;
	border:solid 1px #999;
}
.inputtypesubmit
{
	/* position:absolute; */
	/* bottom:0; */
	/* right:4.5%; */
	float: right;
	width: 151px;
}



textarea
{
	min-height:90px;
}

.gestionfiles
{
	max-width:700px;
}

iframe
{
	width:100%;
	height:100%;
}

fieldset
{
	padding:15px;
	border:solid 1px #DDD;
	border-radius:5px;
	background-color:#FFF;

	width:90%;

}
fieldset legend
{
	font-size:15px;
	color:#666;
	font-family:verdana, arial;
}











.files_onglets
{
	padding-top:15px;
	/* margin-right:30px; */
	border-bottom:solid 1px #82BAF2;
}

.files_onglets div
{

	display:inline-block;
	border:solid 1px #82BAF2;
	padding:7px 20px 7px 20px;
	font-size:15px;
	margin-right:-1px;
	border-bottom:none;
	background-color:#FFF;
	color:#6991B5;
	cursor:pointer;
}

.files_onglets div.currentOngletFile
{
	margin-bottom:-1px;
	border-top-width:3px;
	padding-bottom:8px;
	padding-top:5px;

}













.dropfilezone
{
	padding:5px;
	width:116px;
	height:116px;
	text-align:center;
	border:dashed 2px #CCC;
	color:#DDD;
	font-size:95px;
	font-weight:bold;
	margin-top:0;
	vertical-align:top;
	margin-bottom:20px;
	display:inline-block;
	cursor:pointer;
}

.filesList
{
	padding:30px 0 30px 30px;
	/* margin-right:30px; */
	min-height:600px;
	background-color:#FFF;
	border-left:solid 1px #82BAF2;
	border-right:solid 1px #82BAF2;
}

.miniaturesList
{
	display:inline;
}

.miniaturesList .divDraggableForPosition
{
	vertical-align:top;
	width:20px;
	margin-bottom:20px;
	position:relative;
	height:130px;
	text-align:center;
	display:inline-block;

}

.miniaturesList .divDraggableForPosition > div
{
	visibility:hidden;
	border-left:dashed 4px #0C9;
	display:inline-block;
	height:130px;


}





.miniaturesList .imageDiv
{
	/*border:solid 1px #DDD;*/
	background-color:#666;
	vertical-align:top;

	margin-bottom:20px;
	width:130px;
	position:relative;
	height:130px;
	display:inline-block;
}

.miniaturesList .imageDiv img.no-miniature
{
	margin:auto;

	margin:15px 20px 0 20px;
}

.miniaturesList .imageDiv .imageInfos
{
	position:absolute;
  overflow: hidden;
  text-overflow: ellipsis;
	width:120px;
	text-align:center;
	padding:5px;
	bottom:0;
	overflow:hidden;
	white-space:nowrap;
	left:0;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	font-size:11px;
}

.miniaturesList .imageDiv .imageInfos .original_file_name
{
	color:#888;
}

.miniaturesList .deleteFileButton
{
	background:rgba(0,0,0,0.4);
	padding:3px;
	line-height:16px;
	position:absolute;
	top: 4px;
	right: 4px;
	cursor:pointer;
	width:13px;
	color: #FFF;
	font-size: 24px;
}














.onglets
{
	margin-top:20px;
	overflow:auto;
	min-width:10px;
	width:800px;
	border-left: solid 1px #E80000;
}


.onglets a
{
	padding:4px;
	display:block;
	float:left;
	border: solid 1px #E80000;
	border-left:none;
	border-bottom:none;
}

.onglets a.currentOnglet
{
	border-bottom: none;
	font-weight:bold;
	color:#FFF;
	background-color:#E80000;
}

.content_onglets
{
	padding:9px;
	margin-bottom:20px;
	width:781px;
	border: solid 1px #E80000;
	z-index:3;
}