/* @override https://www.lip6.fr/css/su.css */

/* @override http://127.0.0.1/~jlm/www/css/su.css */


:root {
	--SU_logo_color: white; /* couleur du logo Sorbonne Université */
	--SU_color: white; /* #e6332a couleur du mot Sorbonne Université */
	--SU_Science_color: #56B7E6;
	--LIP6_logo_color: #25314F;
}


ul, ol { margin-bottom: 0px; margin-top: 0px; }

ul li {
	line-height:  var(--line-height);
}

h1 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 10px 0 0;
	letter-spacing: -1px;
}

h2 {
	font-size: 1.3em;
	margin-bottom: 0px;
}

h3 {
	font-size: 1.2em;
	margin-bottom: 0px;
	margin-top: 6px;
}

.encadre h2, .encadre h3, .encadre h4 {
	margin-left: 5px;;
}


h1 + h2 {
	margin-top: 2px;
}

h2 + h3 {
	margin-top: -10px;
}

ol li {
	margin-left: 10px;
}

#pubs ul, ol {
	padding-bottom: 0px;
	margin-top: 0;
	margin-bottom: 0;
}


ul#pubs {
	padding: 0;
	list-style-type: none;
}

.actualite li:before {
	content: ""; /* on affiche une chaîne de caractère */
}

li.actu_these, li.actu_equipe, li.actu_organise {
	padding-bottom: 10px;
}
	
/* @end */

/* @group navigation */

#navigation li:before {
	content: "";
}

#navigation .home a {
	top: 3px;
}

#navigation .home .fa-li {
	left: 5px;
	bottom: 3px;
	font-size: 1.4em;
}
/* @end */

label,
legend {
	font-family: var(--font-family);
	color: var(--color_scheme_text-color);
}

.presentation .border, .presentation .border a, .presentation .border a:visited {
	color: var(--color_scheme_selected_tab_text_color);
	font-weight: bold;
}

.presentation .border a {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.presentation .border a:not([href]) {
	border-bottom-style: none;
}

.degrade {
	background: linear-gradient(
		to right,
		var(--primary_color_700),
		var(--primary_color_900)
	);
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	.degrade {
		background: linear-gradient(
			to right,
			var(--gray_color_600),
			var(--gray_color_800)
		);
	}
}

.actualite a p.accroche, .actualite a:visited p.accroche  {
	font-weight: normal;
	color: var(--color_scheme_text_color);
}

.actualite {
	background-color: var(--color_scheme_background_light);
}

.actualite.bas {
	background-color: var(--color_scheme_background_light);
}

ul.fil li a, ul.fil li a:visited { color: var(--color_scheme_secondary_link_text_color); }
ul.fil li a:hover, ul.fil li a:focus { color: var(--color_scheme_secondary_link_hover_text_color); }

.actualite .highlight, .actualite .not_highlight,
.startup .highlight, .startup .not_highlight {
	background-color: var(--color_scheme_background_light);
	border: 1px solid var(--color_scheme_background);
	/*box-shadow: 4px 4px 6px var(--color_scheme_field_background);*/
	box-shadow: 4px 4px 6px rgba(0,0,0,.2);
}

.actualite .highlight:hover, .actualite .not_highlight:hover,
.startup .highlight:hover, .startup .not_highlight:hover
 {
	background-color: var(--color_scheme_field_background);
	box-shadow: 4px 4px 6px rgba(0,0,0,.2);
}

/*
https://animate.style
https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css
*/
/*
@keyframes anime{
	from{padding: 14px;}
	50%{padding: 9px;}
	to{padding: 4px;}
}
*/

@keyframes zoomIn {0% {
	opacity: 0;
	transform: scale3d(.9,.9,.9)
	}
	80% {
	opacity: 1
	}
}

.animate__zoomIn {
	animation-name: zoomIn;
	animation-duration: 1s;
}

.actualite .animate__zoomIn {
	animation-name: zoomIn;
	animation-duration: 1s;
}

.zoom_later {
 	animation-duration: 2s;
}

.zoom_latest {
 	animation-duration: 6s;
}

@media (prefers-color-scheme: dark) {
	.highlight {
	background: linear-gradient(
		to bottom,
		var(--primary_color_700),
		var(--primary_color_900)
	);
	}
	.highlight a {
		color: var(--primary_color_50);
		float: none;
		border-bottom-style: dotted;
		border-bottom-width: 0.5px;
	}
	.highlight h2, .highlight h3, .highlight h4 {
		color: var(--primary_color_50);
	}
}

@media only screen and (max-width: 767px) {
	.zoom_later {
	 	animation-duration: 3s;
	}
	.zoom_latest {
	 	animation-duration: 8s;
	}
}

.exemple, .exemple p {
	font-style: italic;
	color: var(--primary_color_600);
}


span.year_number {
	color: var(--color_scheme_text-color);
	font-weight: bold;
}

.secondplan {
	display: none;
}

/* @end */

.chiffre {
	font-size: 1.8em;
	line-height: 30px;
}

/* @group chiffrescles */

#chiffrescles {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	border-radius: 0px 10px 0px 10px;
	color: var(--primary_color_50);
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-top: 5px;
	border-style: solid;
	border-width: 1px;
	margin-left: 0;
	padding-left: 5px;
}

#chiffrescles a {
	color: var(--primary_color_50);
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#chiffrescles h1, #chiffrescles h2, #chiffrescles h3, #chiffrescles li {
	margin: 0;
	padding: 0 0 0 9px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

#chiffrescles li {
	list-style-type: none;
	text-indent: -1em;
	margin-left: 1em;
}
#chiffrescles li:before {
	content: "\2013  ";
}

#chiffrescles h1, #chiffrescles h2, #chiffrescles h3 {
	font-family: 'Century Gothic',Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	color: var(--color_scheme_list_header_text_color);
	margin-bottom: 7px;
	margin-top: 5px;
	padding-left: 0;
}

#chiffrescles h1 {
	font-size: 2em;
	margin-bottom: 10px;
	font-variant: small-caps;
	line-height: 1em;
}

#chiffrescles h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1em;
}

#chiffrescles h3 {
	font-size: 1.3em;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1em;
}

#chiffrescles p {
	margin-bottom: 2px;
	text-indent: -16px;
	margin-left: 20px;
}
/* @end */

img.miniature {
	border: 1px solid var(--color_scheme_field_border);
	transition: all 0.5s ease-in-out;
}

.presentation img.miniature {
	height: 100px;
	border: 0;
}

.startup img.miniature, .information_fiche img.miniature, .projet img.miniature, .logiciel img.miniature,
.startup img.miniature_simple, .information_fiche img.miniature_simple, .projet img.miniature_simple, .logiciel img.miniature_simple {
	width: 200px;
	height: auto;
}

.portraits img.miniature {
	width: 400px;
	height: auto;
}

img.miniature:hover, .startup img.miniature:hover {
	transform: scale(2) translate(-5em,-1em);
}

.autre_cote {
	margin-bottom: 5px;
	margin-top: 5px;
	margin: 5px;
}

.autre_cote {
	float: right;
	margin-left: 10px;
}

/* @group organisation */

.organisation .encadre {
	line-height: 1.5em;
}

.organisation .portrait {
	height: 65px;
}

@media only screen and (min-width: 1024px) {
	.organisation .portrait {
		height: 60px;
	}
}
@media only screen and (max-width: 1024px) {
	.organisation .portrait {
		height: 45px;
	}
}
@media only screen and (max-width: 900px) {
	.organisation .portrait {
		height: 45px;
	}
}
@media only screen and (max-width: 768px) {
	.organisation .portrait {
		height: 100px;
	}
}
@media only screen and (max-width: 480px) {
	.organisation .portrait {
		height: 65px;
	}
}
@media only screen and (max-width: 420px) {
	.organisation .portrait {
		height: 52px;
	}
}

.logos_axes svg {
	height: 128px;
	float: right;
}

.organisation hr {
	margin-bottom: 5px;
	margin-top: 5px;
}
/* @end */

/* @group listes encadre */

.intro ul li:before, .encadre ul li:before, .pubs li:before, #pubs li:before, #pubs li li:before, .presentation ul li:before, .presentation ul li:before {
	content: "→ "; /* on affiche une chaîne de caractère */
}

.encadre.actualite li.voir {
	padding-bottom: 4px;
	padding-top: 4px;
}

.encadre {
	background-color: var(--color_scheme_background_light);
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 4px;
	border: 1px solid var(--color_scheme_background);
	/*box-shadow: 4px 4px 6px var(--color_scheme_field_background);*/
	box-shadow: 4px 4px 6px rgba(0,0,0,.2);
}

.listes .sujet,
.encadre .sujet {
	font-style: normal;
}

.intervenant, .horaire,
.encadre .intervenant, .encadre .horaire {
	font-style: normal;
	font-weight: bold;
}

.rubrique,
.encadre .rubrique {
	font-size: smaller;
	opacity: 0.7;
}

.listes.actualite img {
	float: none;
	padding: 0;
}

.listes.actualite img.ics {
	float: right;
}

/* @end */

.justify {
	text-align:justify;
}

/* screenwidth less than or equal 900px
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

	.autre_cote.\37 5ans {
		width: 100%;
	}
}

.centers {
	text-align: center;
	vertical-align: middle;
}
.embedvideo {
	padding-right: 5px;
	display: block;
}
iframe{
  height: 230px;
}
.titre.current a {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/* @group BulleTex */
div.bulletex {
	--s:10em; /*Size of the circle */
	--p:0px;  /*padding*/

	line-height: 1.25em;
	text-align:justify;
	width: var(--s);
	height: var(--s);
	border-radius: 50%;
	background: var(--primary_color_700);
	background: linear-gradient(
		to bottom,
		var(--primary_color_500),
		var(--primary_color_800)
	);
	color: var(--color_scheme_list_header_text_color);
	display:inline-block;
	vertical-align:middle;
	margin:5px;
	hyphens: auto;
}

div.bulletex a, div.bulletex a:hover, div.bulletex a:visited {
	color: var(--color_scheme_list_header_text_color);
	border-bottom-style: dotted;
	border-bottom-width: 0.5px;
}

div.cercle_exterieur:before {
	content: '';
	float: left;
	clear: left;
	height: calc(var(--s)/2);
	width: calc(var(--s)/2);
	shape-outside: radial-gradient(farthest-side at bottom right, transparent calc(100% - var(--p)), red 0);
}

div.cercle_exterieur.contenu:before {
shape-outside: radial-gradient(farthest-side at top right, transparent calc(100% - var(--p)), red 0);
}

div.cercle_exterieur:after {
	content: '';
	float: right;
	clear: right;
	height: calc(var(--s)/2);
	width: calc(var(--s)/2);
	shape-outside: radial-gradient(farthest-side at bottom left, transparent calc(100% - var(--p)), red 0);
}

div.cercle_exterieur.contenu:after {
	shape-outside: radial-gradient(farthest-side at top left, transparent calc(100% - var(--p)), red 0);
}

/* @end */

.SEM { /* Chrome 37, Opera 24, Safari 7.1 */
	shape-outside: url(../images/SciencesEnMarche.png);
	shape-image-threshold: 0.3;
	shape-margin: 4px;
	-webkit-shape-margin: 4px;
	-webkit-shape-outside: url(../images/SciencesEnMarche.png);
	-webkit-shape-image-threshold: 0.3;
}

.Charlie { /* Chrome 37, Opera 24, Safari 7.1 */
	width: 200px;
	margin-right: 10px;
	shape-outside: url(../images/charlie.jpg);
	shape-image-threshold: 0.3;
	shape-margin: 4px;
	-webkit-shape-margin: 10px;
	-webkit-shape-outside: url(../images/charlie.jpg);
	-webkit-shape-image-threshold: 0.3;
}

.France { /* Chrome 37, Opera 24, Safari 7.1 */
	width: 200px;
	margin-right: 10px;
	shape-outside: url(../images/logo/LIP6@France.svg);
	shape-image-threshold: 0.1;
	shape-margin: 4px;
	-webkit-shape-margin: 10px;
	-webkit-shape-outside: url(../images/logo/LIP6@France.svg);
	-webkit-shape-image-threshold: 0.1;
}

.Olympic { /* Chrome 37, Opera 24, Safari 7.1 */
	width: 200px;
	margin-right: 10px;
	shape-outside: url(../images/logo/LIP6@Olympic.svg);
	shape-image-threshold: 0.1;
	shape-margin: 4px;
	-webkit-shape-margin: 10px;
	-webkit-shape-outside: url(../images/logo/LIP6@Olympic.svg);
	-webkit-shape-image-threshold: 0.1;
}

.Paralympic { /* Chrome 37, Opera 24, Safari 7.1 */
	width: 200px;
	margin-right: 10px;
	shape-outside: url(../images/logo/LIP6@Paralympic.svg);
	shape-image-threshold: 0.1;
	shape-margin: 4px;
	-webkit-shape-margin: 10px;
	-webkit-shape-outside: url(../images/logo/LIP6@Paralympic.svg);
	-webkit-shape-image-threshold: 0.1;
}

.Belgique { /* Chrome 37, Opera 24, Safari 7.1 */
	width: 200px;
	margin-right: 10px;
	shape-outside: url(../images/logo/LIP6@Belgique.svg);
	shape-image-threshold: 0.1;
	shape-margin: 4px;
	-webkit-shape-margin: 10px;
	-webkit-shape-outside: url(../images/logo/LIP6@Belgique.svg);
	-webkit-shape-image-threshold: 0.1;
}


.bulletex ul li:before {
	content: "";
}
.bulletex ul li {
	text-transform: uppercase;
	font-size: 92%;
}

p.signature {
	text-align: right;
}

td {
/*	padding:  calc(var(--line-height)/4);*/
}

td.bureau {
	width: 33%;
}

tr.break {
	border-top-style: dotted;
	border-top-width: 1px;
}

.actualite.axes .col-6 {
	margin-bottom: 15px;
	margin-top: 20px;
}

div.actualite li.four.columns p {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
}

.vcard span.url, span.geo, span.og , span.country-name {
	display: none;
}

.vcard span.locality {
	text-transform: uppercase;
}

.adresse {
vertical-align:top;
}

.adresse p {
	text-align: left;
}

.adresse .vcard {
	color: var(--color_scheme_text_color);
	border: 1px solid var(--color_scheme_text_color);
	padding: 5px;
	margin-right: 5px;
	border-radius: 3px;
	font-family: "Courier New", Courier, mono;
}

.vcard span.street-address, .vcard span.post-office-box {
	display: block;
}

.intro p, .intro li {
	margin-right: 1em;
	margin-left: 1em;
}

.hidden {
	display: none;
}

.char1 {
	font: 45px/0 Georgia, "Times New Roman", Times, serif;
	vertical-align: -3px;
}

/*	Blockquotes */
blockquote {
	margin: 30px 0px;
	padding-left: 40px;
	position: relative;
}
blockquote:before {
	content: "\201C";
	opacity: 0.45;
	font-size: 80px;
	line-height: 0px;
	margin: 0;
	font-family: arial, sans-serif;
	position: absolute;
	top:  30px;
	left: 0;
}
blockquote p {
	font-family: georgia, serif;
	font-style: italic;
	padding: 0;
	font-size: 18px;
	line-height: 30px;
}
blockquote cite {
	display: block;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
}
.nav-link {
	padding-left: 0;
}