body {
	background-color:#fff;
	font-family: Liberation Sans, Arial;
	color:#333;
}
a, a:visited {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:underline;
}
.display {
	display:none;
}
/*.notn a, .autn a, .seqn a {
	text-decoration:none;
	color:#000;
}
.notn a:visited, .autn a:visited, .seqn a:visited {
	text-decoration:underline;
	color:#000;
}*/
.notn p, .autn p, .seqn p {
	text-align: justify;
	margin-right:30px;
}
.gray {
	color:gray;
	font-style:italic;
}
.right {
	float:right;
}
.it {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.diversc p, .diversc ul, .bio p {
	text-align:justify;
	line-height: 1.5em;
}
/* HEADER - MENU HORIZONTAL */
header, header nav {
	display:inline-block;
	text-align: center;
	margin-left:10px;
}
header nav ul#wk_menu li {
	display:block;
	vertical-align: top;
	margin-bottom:10px;
	padding:5px;
	border-radius: 5px;
	box-shadow: 1px 2px 3px #888;
	font-size:0.8em;
	text-align: center;
	margin-left:-38px;
	color:#333;
}
header nav ul#wk_menu a:hover {
	text-decoration: none;
}
header ul#head_menu {
	display:block;
	vertical-align: top;
	margin-top:5px;
}
header ul#head_menu li {
	display:block;
	vertical-align: top;
	margin-bottom:8px;
	margin-left:-38px;
	color:#333;
}
header ul#head_menu li#not, header ul#head_menu li#seq, 
header ul#head_menu li#ref, header ul#head_menu li#aut,
header ul#head_menu li#vid {
	padding:14px;
	border-radius: 5px;
	box-shadow: 1px 2px 3px #888;
	font-size:1.2em;
}
header ul#head_menu li#connect {
	padding:10px;
	border-radius: 5px;
	box-shadow: 1px 2px 3px #888;
	font-size:1em;
	right:0px;
}
header ul#head_menu li#not {	
	background-color:#F7D232;
	background: radial-gradient(
         circle farthest-side at 70% 0%, 
         rgba(247,210,50,10) 90%,
         rgba(247,210,50,.4) 98%,
         rgba(247,210,50,10) 100%
     ) no-repeat;
}
header ul#head_menu li#seq {	
	background-color:#B9C414;
	background: radial-gradient(
         circle farthest-side at 40% 0%, 
         rgba(185,196,20,10) 90%,
         rgba(185,196,20,.4) 98%,
         rgba(185,196,20,10) 100%
     ) no-repeat;
} 
header ul#head_menu li#ref {	
	background-color:#F7AB31; 
	background: radial-gradient(
         circle farthest-side at 70% 0%, 
         rgba(247,171,49,10) 90%,
         rgba(247,171,49,.4) 98%,
         rgba(247,171,49,10) 100%
     ) no-repeat;
} 
header ul#head_menu li#vid {	
	background-color:#EB6C57;
	background: radial-gradient(
         circle farthest-side at 30% 0%, 
         rgba(235,108,87,10) 90%,
         rgba(235,108,87,.4) 98%,
         rgba(235,108,87,10) 100%
     ) no-repeat;
}
header ul#head_menu li#aut {	
	background-color:#14C4B9;
	background: radial-gradient(
         circle farthest-side at 70% 0%, 
         rgba(20,196,185,10) 90%,
         rgba(20,196,185,.4) 98%,
         rgba(20,196,185,10) 100%
     ) no-repeat;
}
header ul#head_menu li#connect {	
	background-color:#d40000;
	background: radial-gradient(
         circle farthest-side at 70% 0%, 
         rgba(212,0,0,10) 90%,
         rgba(212,0,0,.4) 98%,
         rgba(212,0,0,10) 100%
     ) no-repeat;
	color:#fff;
}
header ul#head_menu a:hover {
	text-decoration: none;
}
/* BOUTONS */
input.bouton, input.boutnot {
   background-color:#F7D232;
   color:#525252;
   border:0;
   padding:5px 10px 5px 10px;
   font-size:1.2em;
   border-radius: 5px;
   cursor: pointer;
}
input.boutsize, input.notform {
   font-size:1em;
}
input.inptxt {
    font-size:1.2em;
    border:1px solid #525252;
    padding:2px;
    margin-top:3px;
}
input.supprform {
    margin-left:50px;
    font-size:0.8em;
    background-color:#fff;
    border:1px solid #525252;
    padding:2px;
    margin-top:3px;
}
input.boutprof {
   background-color:#ccc;
   float:right;
   color:#333;
}
input.boutprof1 {
   background-color:#ccc;
   color:#333;
}
input.boutaut {
   background-color:#14C4B9;
   float:right;
   color:#fff;
}
input.boutseq {
   background-color:#B9C414;
   float:right;
   color:#fff;
}
input.boutref {
   background-color:#F7AB31;
   float:right;
   color:#525252;
}
.size_txt1 {
	width:7em;
}
/* SELECT */
.box {
	/*width:auto;*/
	display:inline-block;
}
.box select {
  background-color: #14C4B9;
  color: #525252;
  padding:5px 10px 5px 10px;
  border:0;
  border-radius: 5px;
  font-size: 1em;
  min-width:200px;
  left:0px;
  /*box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);*/
  /*-webkit-appearance: button;
  appearance: button;
  outline: none;
  display:inline-block;*/
  -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.box select::-ms-expand {
    display: none;
}
.references_acc .box select {
  background-color: #F7AB31;
}
.sequences_acc .box select {
  background-color: #B9C414;
  color: #fff;
  display:inline;
}
.notions_acc .box select {
  background-color: #F7D232;
}
.box::before {
  content: "\f13a";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  position: relative;
  top:4px;
  width: 0%;
  height: 100%;
  text-align: center;
  left:85%;
  font-size: 26px;
  line-height: 15px;
   color:#525252;
  background-color: transparent;
  pointer-events: none;
}
.box:hover::before {
 color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
.box select option {
  padding: 30px;
}
/* SELECT PHOTO */
.inputfile {
  /* visibility: hidden etc. wont work */
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile:focus + label {
  /* keyboard navigation */
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
  pointer-events: none;
}
.selectfile {
   background-color:#14C4B9;
   color:#525252;
   border:0;
   padding:5px 10px 5px 10px;
   font-size:1em;
   border-radius: 5px;
   cursor: pointer;
}
.selectfile_ref {
 	background-color:#F7AB31;
}
.selectfile_pro {
 	background-color:#ccc;
}
/* HABILLAGE PHOTO */
.img_profil {
	max-width:200px; 
	max-height:300px;
	border-radius:5px;
	border:1px #525252 solid;
	margin-left:10px;
	padding:5px;
}
/* HR */
hr.hr1n {
	border: 2px #F7D232 solid;
}
hr.hr2n {
	border: 1px #F7D232 solid;
}
.diversc hr {
	border: 1px #ccc solid;
}
.autc hr {
	border: 1px #14C4B9 solid;
}
.autc hr.hr1n {
	border: 2px #14C4B9 solid;
}
.seqc hr {
	border: 1px #B9C414 solid;
}
.seqc hr.hr1n {
	border: 2px #B9C414 solid;
}
.refc hr {
	border: 1px #F7AB31 solid;
}
.refc hr.hr1n {
	border: 2px #F7AB31 solid;
}
.vidc hr {
	border: 1px #EB6C57 solid;
}
.vidc hr.hr1n {
	border: 2px #EB6C57 solid;
}
/* CADRES PRINCIPAUX */
section.main {
	display:inline-block;
	padding-left: 15px;
	vertical-align: top;
	width:65%;
}
article.bandeau {
	padding-left:10px;
	margin-top:-20px;
}
article.accueil .not, article.accueil .seq, article.accueil .ref, article.accueil .aut, article.accueil .vid {
	width:40%;
	margin:10px;
	padding: 10px;
	height:175px;
	vertical-align: top;
}
article.accueil p, article.acc p {
	padding-left: 30px;
	font-size:1.2em;
}
article.accueil p, article.acc .diversc p {
	font-size:1em;
}
article.acc .notc, article.acc .vidc, article.acc .autc, article.acc .seqc, 
article.acc .refc, article.acc .diversc {
	width:79%;
	margin:10px;
	padding: 10px;
	vertical-align: top;
	display:inline-block;
	float:left;
}
article.acc h3  {
	font-size: 1.5em;
	font-weight:bold;
}
article.acc h4 {
	font-size: 1.3em;
	font-style:italic;
	height:1px;
}
article.acc .diversc h4 {
	font-size: 1.2em;
	font-style:italic;
	height:25px;
}
article.acc h5 {
	margin-left:25px;
	font-size: 1em;
}
article.acc p {
	font-size: 1em;
}
article.notions_acc .notc p.brouillon {
	font-style:italic;
}
article.art_connect {
	padding-top:100px;
	margin:auto;
	text-align:center;
	font-size:1.5em;
}
/* LISTES */
li.niv2 {
	margin-left:30px;
}
li.niv3 {
	margin-left:60px;
}
li.niv4 {
	margin-left:90px;
}
/* CADRES ACCUEIL ET CADRES DIVERS */
.not, .notc, .seq, .seqc, .ref, .refc, .aut, .autc, .diversc, .vid, .vidc {
	display:inline-block;
	border-left: #F7D232 3px solid;
	border-radius: 5px;
}
.seq, .seqc {
	border-left: #B9C414 3px solid;
}
.ref, .refc {
	border-left: #F7AB31 3px solid;
}
.aut, .autc {
	border-left: #14C4B9 3px solid;
}
.vid, .vidc {
	border-left: #EB6C57 3px solid;
}
.diversc {
	border-left: #ccc 3px solid;
}
/* POSITIONNEMENTS DIVERS */
.center {
	text-align:center;
}
.center table {
	margin:0 auto;
}
.maxwidth {
	width:650px;
	text-align: justify;
}
/* NOTIONS */
.old_vers {
	margin-left: 50px;
	padding-left:10px;
	border-left : 2px solid black;
}
.intnot {
	color:#F7D232;
}
.head_not {
	padding-bottom:55px;
}
div.floatright {
	position:absolute;
	display:inline-block;
	float:right;
	right:20px;
	top:0px;
	width:20%;
}
.margin30 {
	margin-left: 30px;
	border-radius: 5px;
}
/* BARRE et PROFIL ICO */
div.recprofile {
	display:block;
}
div.recprofile img {
	display:block;
	width:45px;
	float:right;
}
div.recprofile .input_rec {
	width:9em;
	margin-top:10px;
}
.butsub {
	color:#333;	
	border:0;	
	padding:5px 10px 5px 10px;	
	font-size:1em;	
	border-radius: 5px;	
	cursor: pointer;	
	margin-top:3px;
}
/* LISTE NOTIONS */
div#notions_liste {
	display:block;
	background-color:#F7D232;
	padding:10px;
	width:100%;
	top:15px;
	margin-top:15px;
}
.alph_liste {
	background-color: #fff;
	border:1px #ccc solid;
	padding-left:5px;
}
.alph_items {
	border-left:1px #ccc solid;
	padding-left:30px;	
}
.alph_items p {
	border-left:1px #ccc solid;
	padding-left:10px;
}
/* RECHERCHE */
.bigsearch {
	margin: 0 auto;
	text-align: center;
}
.bigsearch .input_rec {
	width:15em;
	margin-top:30px;
	font-size:1.4em;
}
.bigsearch .butsub {
	padding:5px 10px 5px 10px;	
	font-size:1.4em;	
	margin-top:3px;
}

/* AUTEURS */
.intaut {
	color:#14C4B9;
}
/* SEQUENCES */
.intseq {
	color:#B9C414;
}
ul.notice_notice {
  list-style: none;
  padding: 0;
}
ul.notice_notice li {
  margin-left:37px;
  padding-left: 1.3em;
}
ul.notice_notice li:before {
  content: "\f0da"; /* FontAwesome Unicode */
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.notice_notice li {
	content: "\f069";
}
.fa-clipboard {
	font-size: 2em;
	color:#525252;
}
.tdclip {
	vertical-align:top;
	padding-left:20px;
}
/* DIVERS */
.diversc td {
	min-width: 100px;
}
p.signal {
	color:red;
	font-weight: bold;
}
.fas {
	color:#525252;
}
/* Liens sur notices */
.notc a.notice, .notc a.notice:visited {
	text-decoration:none;
	color:#333;
}
.notc a.notice:hover {
	text-decoration:underline;
}
.autc a.notice, .autc a.notice:visited {
	text-decoration:none;
	color:#333;
}
.autc a.notice:hover {
	text-decoration:underline;
}
.seqc a.notice, .seqc a.notice:visited {
	text-decoration:none;
	color:#333;
}
.seqc a.notice:hover {
	text-decoration:underline;
}
/* Vidéos */
.videodiv {
	width:33%;
	display:inline-block;
	text-align:center;
	vertical-align: top;
	padding-right:0px;
	font-size:0.9em;
}
.img_video {
	max-width:175px;
}
/* Paniers */
.caddiediv {
	position:absolute;
	left:0px;
	top:20px;
	width:250px;
	border-radius: 5px;
	border:1px black solid;
	background-color:#fff;
	padding:10px;
	font-size:0.9em;
	text-align:left;
	z-index:100;
}