body {
	background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(47,58,171,0) 42%);
}

a:hover {
	border-radius:5px;
	background-color : #9AC8EB;
}

.icone{
	height : 25px;
	width : 25px;
	vertical-align : center;
}

.icone-m{
	height : 15px;
	width : 15px;
}

.trait {
	position : absolute;
	width : 100%;
	background: linear-gradient(90deg, rgba(0,60,87,1) 0%, rgba(0,113,152,1) 50%, rgba(0,60,87,1) 100%);	
}
	
.container {
	width : auto ;
	margin : 5%;	
}

.main {
	margin-top : 50px;
}

ul, ol {
  margin-left: 5px;
}

article .main a {
	text-decoration : none;
}

nav  {
	position : absolute;
	text-align : center;
}

nav ul li ul {
	display : none;
	background-color : #007198; 
	margin-left: 0px;
	width : inherit;
}

nav a {
	display : block;
}


nav a:hover {
	background-color : transparent;
	color : #5f85aa;
	text-decoration: underline;
}

.leftside a:hover {
	background-color : transparent;
	color : #5f85aa;
}

.TitleSideBar {
	margin-bottom : 10px;
	font-weight : bold;
	font-size : 25px;
}

.leftside {
	background-color: #ecedf7;
	padding : 9px;
	margin-bottom: 20px;
	border-radius : 4px;
	border-left: 2px solid white;
	border-top: 2px solid white;
	box-shadow: -40px -40px #0594D0;
}

.leftside li {
	display : inline-block;
	list-style : none;
	margin-bottom : 10px;
}

.leftside ul {
	margin : 1px;
}

.UserBar {
	position : absolute;
}

.UserBar li {
	display	: inline-block;
	margin : 5px 5px 0 5px;	
}

.UserBar a {
	display : inline-block;
}

.UserBar a:hover {
	background-color : transparent;
	color : #5f85aa;
	text-decoration: underline;
}

.secondary {
	margin-bottom : 50px;
}

#aside, #extra {
	margin-left : 45px;
}

.membre th, .membre td {
	text-align : left;
	padding : 20px;
}

.membre th {
  background-color: #0594D0;
}

.membre tr:nth-child(even){background-color: #ecedf7;}

.membre tr:hover {background-color: #ddd;}

.equipe table {
	text-align : left;
	width : 60%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.equipe td {
	width : 1%;
}

.equipe tr:nth-child(even){
	background-color: #ecedf7;
}

.equipe tr:hover {
	background-color: #ddd;
}

#content, #aside, #extra, #footer {
	text-align : justify;
}

.partenaire {
	margin-bottom : 50px;
}

.partenaire h2 {
	background: linear-gradient(90deg, rgba(5,148,208,1) 0%, rgba(5,148,208,0) 100%); 
	padding : 10px;
}

.partenaire a:hover {
	background-color : transparent;
	
}
.partenaire img {
	margin : 5px 10px;
}

#footer {
	padding-top : 50px;
	height : 250px;
	border-top : solid 2px;
	text-align : center;
	background-color: #007198;
}

.footer-wrap {
	padding-top : 25px;
}

#footer ul {
	vertical-align: top;
	display : inline-block;
	list-style: none;
	padding : 0px;
	text-align : left;
	margin-top : 10px;
	margin-bottom : 0px;
}

#footer a:hover {
	background-color : transparent;
	color : #70a1d0;
}

.ImgHome {
	margin : 2%;
	position : absolute;
}
.ImgHome img {
	float : left ;
}

.ImgHome p {
	left : 0;
	margin-bottom : 0;
	margin-left : 5px;	
}

#diagramme {
	width : 100%;
	text-align : center;
	border-collapse : separate;
	border-spacing : 10px;
	margin : 50px 0 50px 0;
}

#diagramme td {
	height : 50px;
	background-color : #ecedf7;
}

#diagramme th {
	background: linear-gradient(0deg, rgba(5,148,208,1) 0%, rgba(5,148,208,0.8743698162858894) 100%);
}

#diagramme a {
	display : block;
	line-height : 85px;
}

#diagramme a:hover {
	background-color : #9AC8EB;
	color : black;
}

.AllPub {
	text-align : center;
	height : 80px;
}

.AllPub a {
	background-color : black;
	font-size : 1.4em;
	color : white;
	line-height : 80px;
	border-radius : 5px;
	padding : 5px;
}

.AllPub a: hover{
	background-color : #0594D0;
	color : white;
}

.recherche h2 {
	background: linear-gradient(90deg, rgba(5,148,208,1) 0%, rgba(5,148,208,0) 100%); 
	padding : 10px;
}

.recherche h3 {
	background: linear-gradient(90deg, rgba(4,187,255,1) 0%, rgba(4,187,255,0) 100%);
	padding : 5px;
}

.presentation h2 {
	background: linear-gradient(90deg, rgba(5,148,208,1) 0%, rgba(5,148,208,0) 100%); 
	padding : 10px;
}

#organigramme {
	display : grid;
	gap: 10% 3%;
	grid-template-columns: 1fr 1fr 1fr;
}

#organigramme h2{
	border : 2px solid black;
	border-radius: 15px;
	padding: 10px;
}

#organigramme h3{
	text-decoration : underline;
}

#logo_orga {
	grid-column: 1 / 4;
}

#conseil, #CS, #direction, #logo_orga {
	justify-self: center;	
}