/* Body for the whole website */
body{
	font-family: 'Trebuchet MS';
	color: rgb(71,71,75);
}

/*____________HEADER____________ */

/* Header (logo, main menu) */
header{
	display: flex;
	justify-content: space-between;
	flex-direction: row; 
	border: dashed;
	border-color: rgb(43,174,227);
	margin-bottom: 5px;
	min-width: 570px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background-color: silver;
}

/* Logo */
#logo{
	display: flex;
	flex-direction: row;
	align-items: center;
}
/* Logo title */
#logo h1{
	margin: 0px;
	margin-left: 20px;
}
/* Logo redirection links */
#logo a{
	text-decoration: none;
	color: rgb(71,71,75);
}

/* Main menu */
nav ul{
	display: flex;
	list-style-type: none;
}

/* Item of the main menu */
nav li{
	margin: 10px;
}

/* Link of the main menu */
nav a{
	color: rgb(43,174,227); 
	text-decoration: none;
}

/* Hovering a link of the menu */
nav a:hover{
	background-color: rgb(43,174,227);;
	color: white;
	text-decoration: none;
}



/*____________ARTICLE____________ */

/* Article section */
article{
	text-align: justify;
	text-align-last: left;
	margin-bottom: 10px;
	width: 80%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/* H1 title for the article */
article h1{
	color: rgb(43,174,227);
}

article a{
	color: rgb(43,174,227);
	text-decoration : none; 
}

article a:hover{
	background-color: rgb(43,174,227);
	color: white;
	text-decoration: none;
	text-decoration-color: white;
}

figcaption{
	text-align: center;
}

/* To use the float and to avoid the title and the adjacent image entering in contact (image left side) */
.articleSectionImgL .float{
	float: left;
	margin-right: 10px;
}

/* To use the float and to avoid the text and the adjacent image entering in contact (image right side) */
.articleSectionImgR .float{
	float: right;
	margin-left: 10px;
}


.articleSectionImgL, .articleSectionImgR{
	overflow: auto;
	margin-bottom: 10px;
}

/*To avoid having a space above the paragraph (image would have a higher top than the text) */
.articleSectionImgL p, .articleSectionImgR p{
	margin-top: : 0px;
}

/*article nav tiles*/
#tiles{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}


/* To remove the white spot below images used as link in the tiles as image is inline */ 
#tiles a{
	background-color: rgb(43,174,227); 
}

/* Categories used for #subjects */
#category{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}

/* To avoid blue links in categories */
#category a{
	color: white;
}

/* Do not fill in blue when hovering category link */
#category a:hover{
	background-color: transparent;
}

/* Category cat 1 */
.cat1{
	background-color: rgb(255,66,161);
	padding-left: 20px;
	padding-right: 20px;
}

/* Category cat 2 */
.cat2{
	background-color: rgb(97,216,54);
	padding-left: 20px;
	padding-right: 20px;
}



/* Title part of the cover (in the nav tiles), displayed at the bottom of the cover */
.coverTitle{
	color: white;
	background-color: rgb(43,174,227);
	margin: 0px; 
	margin-bottom: 15px; 
	padding: 0px; /* 5 */
	padding-bottom: 5px;
	text-align: center;
}

/* Image part of the cover (in the nav tiles) */
.coverImage{
	border: solid;
	border-color: rgb(43,174,227);
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

/* Head of the cover for the redirections at the bottom of the articles */
.coverHead{
	color: white;
	background-color: rgb(43,174,227);
	margin-bottom: 0px;
}

.cover a:hover{
	text-decoration: none;
}


/*Tooltips*/
.tooltip ,abbr{
	text-decoration: underline;
	text-decoration-style: dotted;
}

table, tr, td{
	border: solid;
	border-width: 1px;
	border-collapse: collapse;
	text-align:center;
}

.publicationInfo{
	text-align: right;
	font-size: : 50%;
}

/* Share buttons */
.a2a_dd:hover, .a2a_button_facebook:hover, .a2a_button_twitter:hover, .a2a_button_linkedin:hover, .a2a_button_email:hover{
	background-color: transparent;
}
/*____________FOOTER____________ */


/* Footer of the website */	
footer{
	border:dotted;
	border-right: none;
	border-left: none;
	border-bottom: none;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* URL in the footer */
footer a{
	color: rgb(43,174,227);
	text-decoration : none;
}

/* Hoovering an URL in the footer */
footer a:hover{
	background-color: rgb(43,174,227);
	color:white;
	text-decoration: underline;
	text-decoration-color: white; 
}