/*SITE WEB*/

@font-face {
font-family: "Computer Modern";
font-weight: normal;
font-style: normal;
src: url("font/cmunss.otf");
}
@font-face {
font-family: "Computer Modern";
font-weight: bold;
font-style: normal;
src: url("font/cmunsx.otf");    
}
@font-face {
font-family: "Computer Modern";
font-weight: normal;
font-style: italic;
src: url("font/cmunsi.otf");    
}
@font-face {
font-family: "Computer Modern";
font-weight: bold;
font-style: italic;
src: url("font/cmunbxo.otf");   
}

body
{
	background-color:#FBFA9D;
	font-family: serif;
}

section
{
	width:100%;
}

/*HEADER DE CHAQUE PAGE*/

.PhotoHead
{
	vertical-align: top;
}

#bloc_page
{
	width: 95%;
	margin: auto;
	min-width:1500px;
	min-height:600px;
	padding-left:10px;
	padding-right:10px;
}

#construction
{
	display:block;
	color:red;
	font-weight:bold;
	text-align:center;
	margin:0px 0px;
	padding:5px 0px;
	border-bottom: 2px solid black;
}

#error
{
	display: inline-block;
	width:100%;
	padding-bottom:5px;
	margin-bottom:5px;
}

#error h3
{
	color:#FF0000;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#error p
{
	color:#FF0000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

#error a
{
	color:#0000FF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#error a:hover
{
	color:#0000FF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}

#error a:visited
{
	color:#0000FF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#errorlang
{
	color:red;
	margin:0px 0px;
	padding:5px 0px;
	font-size:14px;
	text-align:center;
	border-bottom: 2px solid black;	
}
 
#errorlang a
{
	color:red;
	font-size:14px;
	text-decoration:none;
}

#errorlang a:hover
{
	color:red;
	font-size:14px;
	text-decoration:none;
	font-style:italic;
}

#errorlang a:visited
{
	color:red;
	font-size:14px;
	text-decoration:none;
}

#errorlang a:visited:hover
{
	color:red;
	font-size:14px;
	text-decoration:none;
	font-style:italic;
}

.head
{
	display:inline-block;
	text-align: justify;
	width:100%;
	padding:0px 0px;
	margin:0px 0px;
	border-bottom: 2px solid black;	
}

.head .title
{
	display: inline-block;
	vertical-align: middle;
	left:3%;
	top:10px;
}

.title #logo
{
	display: inline-block;
	vertical-align: middle;
}

.title h2
{
	display:inline-block;
	vertical-align:middle;
	margin:0px 10px;
	font-size:28px;
}

.title a, .title a:hover, .title a:visited, .title a:hover:visited
{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

.head .Menu
{
	display: inline-block;
	vertical-align:middle;
	margin:0px 0px;	
	text-align:right;
	float: right;
}

.Sommaire
{
	display: block;
	/*width:100%;*/
	list-style-type: none;
	margin: 4px 0px;
}

.Sommaire ul
{
	margin:0px;
	padding:0px;
}

.Sommaire li
{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	text-align:center;
	background: #FFFF70;
	border: 2px solid black;
	border-radius:15px;
	/*margin:0px 0px -2px -6px;*/
	margin:0px;
	padding:0px;
	font-size:17px;
}

.Sommaire li:hover
{
	background:yellow;
	font-style: italic;
}

.Sommaire a
{
	display:block;
	color:black;
	text-decoration:none;	
	padding:2px 10px;
}

.Sommaire a:visited
{
	color:black;
	text-decoration:none;
}

.Langues
{
	display: block;
	/*width:100%;*/
	list-style-type: none;
	margin: 4px 0px;
}

.Langues ul
{
	margin:0px;
	padding:0px;
}

.Langues li
{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	/*width:50px;*/
	text-align:center;
	background: #FFFF70;
	border: 2px solid black;
	border-radius:15px;
	/*margin:0px 0px -2px -6px;*/
	margin:0px;
	font-size:17px;
}

.Langues li:hover
{
	background:yellow;
	font-style: italic;
}

.Langues a
{
	display:block;
	color:black;
	font-weight:bold;
	text-decoration:none;	
	padding:2px 10px;
}

.Langues a:visited
{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

#pagetitle
{
	font-size:25px;
	padding:10px 0px;
	margin:0px 0px;
	text-align:center;
	border-bottom: 2px solid black;	
}

/*FOOTER DE CHAQUE PAGE*/

.footerindex
{
	display: inline-block;
	font-size:12px;
	position:absolute;
	bottom:50px;
	right:3%;
	width:94%;
	border-top: 2px solid black;
}

.footerindex #footLeft
{
	display: inline-block;
	font-size:12px;
}

.footerindex #footRight
{
	display: inline-block;
	font-size:12px;
	text-align:right;
	position:absolute;
	right:0%;
}

.footer
{
	display: inline-block;
	margin-top:10px;
	font-size:13px;
	border-top: 2px solid black;
	width:100%;
}

.footer #footLeft
{
	display: inline-block;
	margin:2px 0px;
}

.footer #footRight
{
	display: inline-block;
	margin:2px 0px;
	text-align:right;
	float: right;
	right:3%;
}

/*PAGE D'ACCUEIL*/

.Index #banniere_image
{
	margin-top: 15px;
	margin-bottom: 25px;
	box-shadow: 0px 4px 4px #1c1a19;
}

.Index #site
{
	color:#FF0000;
}

.Index #Photo
{
	display: inline-block;
	vertical-align: top;
	width:300px;
}

.Index #Twitter
{
	display: inline-block;
	vertical-align: top;
	width:350px;
	float:right;
}

.Index #Presentation
{
	font-size:14px;
	display: inline-block;
	vertical-align:top;
	text-align:justify;
	max-width:55%;
	float:center;
}

.Index p
{
	font-size:14px;
	color:black;
	text-decoration:none;
	font-weight:normal;
	margin:12px 5px;
}

.Index ul
{
	font-size:14px;
	color:black;
	text-decoration:none;
	font-weight:normal;
	margin:0px 5px;
	margin-bottom:15px;
}

.Index a
{
	font-size:14px;
	color:blue;
	text-decoration:underline;
	font-weight:normal;
}

.Index a:hover
{
	font-size:14px;
	color:blue;
	text-decoration:underline;
	font-style: italic;
	font-weight:normal;
}

.Index a:visited
{
	font-size:14px;
	color:blue;
	text-decoration:underline;
	font-weight:normal;
}

.Index table
{
	font-size:14px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

.Index td
{
	font-size:14px;
	text-align:justify;
	min-width:165px;
	vertical-align:top;
}

.Index #logo
{
	height:25px;
	margin:-8px 3px;
}

/*PAGE CURRICULUM VITAE*/

#textCVFile
{
	font-size:20px;
	margin:0px;
	padding:0px;
	text-align:center;
}

.Curriculum h4
{
	display: inline-block;
	font-size:21px;
	margin:5px 0px; 
	padding-bottom: 1px;
	position: relative;
}

.Curriculum h4:after
{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0%;
	border-bottom: 2px solid black;
}

.Curriculum .partCV
{
	margin:20px 0px; 
}

.Curriculum h5
{
	font-size:17px;
	margin:8px 0px;
	margin-top:12px;
}

.Curriculum p
{
	font-size:14px;
	text-align:justify;
	margin:7px 10px;
}

.Curriculum table
{
	font-size:14px;
	margin:10px 10px; /*30*/
	text-align:justify;
}

.Curriculum td
{
	font-size:14px;
	padding:5px 0px;
	padding-right:30px;
}

.Curriculum a
{
	font-size:14px;
	color:blue;
	text-decoration:none;
	font-style: normal;
	font-weight:normal;
}

.Curriculum a:hover
{
	font-size:14px;
	color:blue;
	text-decoration:none;
	font-style: italic;
	font-weight:normal;
}

.Curriculum a:visited
{
	font-size:14px;
	color:blue;
	text-decoration:none;
	font-style: normal;
	font-weight:normal;
}

.Curriculum a:visited:hover
{
	font-size:14px;
	color:blue;
	text-decoration:none;
	font-style: italic;
	font-weight:normal;
}

.Curriculum #showlinks
{
	font-size:14px;
	color:blue;
	text-decoration:none;
	font-style: normal;
	font-weight:normal;
	cursor:pointer;
}

.Curriculum #showlinks:hover
{
	font-size:14px;
	color:blue;
	text-decoration:none;
	font-style: italic;
	font-weight:normal;
	cursor:pointer;
}

.Curriculum #Publications img
{
	height:25px;
	margin:-5px 3px;
}

/*PAGE Recherche*/

.Recherche .columns
{
	display:inline-block;
	vertical-align:top;
	width: 49.5%;
}

.Recherche .topics
{
	display:inline-block;
	vertical-align:top;
	margin:10px 0px;
	border: 1px solid black;
	border-radius: 15px;
}

.Recherche .intro
{
	display:inline-block;
	vertical-align:top;
	margin:10px 17.5%;
	border: 1px solid black;
	border-radius: 15px;
}

.Recherche h4
{
	font-size:21px;
	margin-left:10px; /*30*/
	margin-right:10px; /*30*/
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom: 1px;
	position: relative;
}

.Recherche h5
{
	font-size:18px;
	margin-left:10px; /*30*/
	margin-right:10px; /*30*/
	margin-top:12px;
	margin-bottom:12px;
}

.Recherche h6
{
	font-size:15px;
	margin-left:10px; /*30*/
	margin-right:10px; /*30*/
	margin-top:12px;
	margin-bottom:12px;
}

.Recherche .MathJax { font-size: 16px !important; }

/*.Recherche h4:after
{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0%;
	border-bottom: 2px solid black;
}*/

.Recherche p
{
	font-size:14px;
	margin-left:10px; /*30*/
	margin-right:10px; /*30*/
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	text-indent:20px;
}

.Recherche cite
{
	display:block;
	font-size:14px;
	text-align:justify;
	margin:7.5px 10px;
	font-style: normal;
}

.Recherche hr
{
	border: none;
	border-top: 4px double #333;
	color: #333;
	overflow: visible;
	text-align: center;
	height: 5px;
	margin:15px 130px;
	margin-top:-20px;
}

.Recherche a
{
	font-size:14px;
	color:inherit;
	text-decoration:none;
}

.Recherche a:hover
{
	font-size:14px;
	color:blue;
	text-decoration:none;
}

.Recherche a:visited
{
	font-size:14px;
	color:inherit;
	text-decoration:none;
}

.Recherche a:visited:hover
{
	font-size:14px;
	color:blue;
	text-decoration:none;
	font-style: italic;
}

.Recherche #alert
{
	font-size:14px;
	color:blue;
	text-align:justify;
	margin-top:30px;
	margin-bottom:20px;
}

.Recherche figure
{
	display:block;
	text-align:center;
	font-size:14px;
	margin:10px 10px;
}

.Recherche figure img
{
	display:inline-block;
	text-align:center;
	margin:0px 0px;
}

.Recherche figure iframe
{
	display:inline-block;
	text-align:center;
	width:480px;
	height:360px;
	margin:10px 10px;
}

.Recherche figcaption
{
	display:inline-block;
	font-size:14px;
	text-align: justify;
	margin:0px 0px;
}

.Recherche #button
{
	display:block;
	font-size:14px;
	text-align:justify;
	margin:7.5px 10px;
	background: #F0F0F0;
	border: 1px solid grey;
	border-radius:4px;
}

.Recherche #button:hover
{
	background: #F0F080;
}

.Recherche #button:active
{
	background: #F0F000;
}

.Recherche #button2
{
	display:block;
	font-size:14px;
	text-align:justify;
	margin:7.5px 10px;
}


/*PAGE Publications*/

.Publications #logo
{
	text-align:center;
}

.Publications #logo img
{
	margin:10px 10px;
	height:75px;
}

.Publications h5
{
	display: block;
	font-weight:normal;
	font-size:14px;
	text-align:justify;
	margin-left:0px; 
	margin-top:20px;
	margin-bottom:0px;
	padding-bottom: 1px;
	position: relative;
	
}

.Publications .affil
{
	font-size:12px;
	margin-left:20px; /*30*/
	margin-right:0px; /*30*/
	text-align:justify;
	margin-top:0px;
	margin-bottom:5px;
	text-indent:0px;
}

.Publications #display
{
	font-size:13px;
	font-style: normal;
	cursor: pointer;
	/*font-weight:bold;*/
	color: red;
}

.Publications .linkabs
{
	font-size:14px;
	font-style: normal;
	cursor: pointer;
	color: blue;
}

.Publications .linkabs:hover
{
	font-size:14px;
	font-style: italic;
	cursor: pointer;
	color: blue;
}

.Publications #abstract
{
	font-size:13px;
	margin-left:20px; /*30*/
	margin-right:0px; /*30*/
	text-align:justify;
	margin-top:0px;
	margin-bottom:5px;
	font-style: italic;
}

.Publications .abs
{
	font-size:12px;
	margin-left:20px; /*30*/
	margin-right:0px; /*30*/
	text-align:justify;
	margin-top:0px;
	margin-bottom:5px;
}


.Publications a
{
	color:blue;
	text-decoration:none;
}

.Publications a:hover
{
	color:blue;
	text-decoration:none;
	font-style: italic;
}

.Publications a:visited
{
	color:blue;
	text-decoration:none;
}

.Publications a:visited:hover
{
	color:blue;
	text-decoration:none;
	font-style: italic;
}

/*PAGE YOUTUBE*/

.Youtube h4
{
	font-size:20px;
	margin:10px 0px;
	text-align:center;
}

.Youtube p
{
	font-size:15px;
	text-indent:10px;
	text-align:justify;
	margin:5px 10px;
}

.Youtube #video
{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:49%;
	margin:5px 0px;
	
	border: 1px solid black;
	border-radius: 15px;
}

.Youtube #video_wrapped
{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:50%;
	margin:5px 0px;
}

.Youtube a
{
	color:blue;
	text-decoration:none;
}

.Youtube a:hover
{
	color:blue;
	text-decoration:none;
	font-style: italic;
}

.Youtube a:visited
{
	color:blue;
	text-decoration:none;
}

.Youtube a:visited:hover
{
	color:blue;
	text-decoration:none;
	font-style: italic;
}

/*COURS*/

.Cours h3
{
	font-size:21px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}

.Cours h4
{
	margin-left:0px; /*15*/
	font-size:18px;
	margin-top:12px;
	margin-bottom:12px;
	text-decoration:underline;
}

.Cours #intro
{
	margin-left:0px; /*30*/
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
}

.Cours p
{
	font-size:14px;
	margin-left:0px; /*30*/
	text-align:justify;
	margin-top:5px;
	margin-bottom:0px;
	font-weight:bold;
}

.Cours em
{
	display:inline-block;
	margin-left:30px;
	text-indent:0px;
	text-align:justify;
	font-size:10px;
	margin-top:0px;
	margin-bottom:5px;
	font-weight:normal;
}

.Cours mark
{
	text-decoration:underline;
	background-color:#FBFA9D;
}

.Cours a
{
	color:black;
	text-decoration:none;
}

.Cours a:hover
{
	color:blue;
	text-decoration:underline;
}

.Cours a:visited
{
	color:black;
	text-decoration:none;
}

.Cours a:visited:hover
{
	color:blue;
	text-decoration:underline;
}

.Cours-notes
{
	font-size:12px;
}

/*PAGE INTRODUCTIVE AUX PROJETS*/

.Projets h2
{
	font-size:24px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}

.Projets h3
{
	font-size:21px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}

.Projets h4
{
	font-size:18px;
	margin-top:12px;
	margin-bottom:12px;
	text-align:center;
}

.Projets p
{
	font-size:14px;
	text-indent:10px;
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
}

.Projets #image
{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:25%;
	margin:5px 0px;
}

.Projets #text 
{
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	width:73.5%;
	margin:30px 10px;
}


.Projets a
{
	color:blue;
	text-decoration:none;
	font-size:13px;
}

.Projets a:hover
{
	color:blue;
	text-decoration:underline;
	font-size:13px;
}

.Projets a:visited
{
	color:blue;
	text-decoration:none;
	font-size:13px;
}

/*PAGES PROJETS PHYSIQUES*/

.PagePhy a
{
	color:blue;
	text-decoration:none;
}

.PagePhy a:hover
{
	color:blue;
	text-decoration:underline;
}

.PagePhy a:visited
{
	color:blue;
	text-decoration:none;
}

.PagePhy #TOC
{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	margin-top:20px;
	padding-left:1%;
	padding-right:1%;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-radius:40px;
	box-shadow:5px 5px;
}

.PagePhy #TOCvideo
{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:44%;
	margin:1% 1%;
}

.PagePhy #TOCimage
{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:44%;
	margin:1% 1%;
}

.PagePhy #TOC h3
{
	font-size:21px;
	margin-top:15px;
	margin-bottom:15px;
	color:black;
	text-decoration:none;
}

.PagePhy #TOC a
{
	color:black;
	text-decoration:none;
}

.PagePhy #TOC a:hover
{
	color:black;
	text-decoration:underline;
}

.PagePhy #TOC a:visited
{
	color:black;
	text-decoration:none;
}

.PagePhy #TOCpart
{
	margin-left: 10px;
	font-size:19px;
	font-weight:bold;
	margin-bottom:5px;
}

.PagePhy #TOCsub
{
	margin-left:10px;
	margin-bottom:15px;
}

.PagePhy #intro
{
	width:100%;
	display:inline-block;
	/*margin-left:55px;*/
	margin-left:10px;
	text-align:justify;
}

.PagePhy h2
{
	font-size:21px;
	margin-top:15px;
	margin-bottom:15px;
}

.PagePhy h3
{
	font-size:21px;
	margin-top:15px;
	margin-bottom:15px;
	/*color:red;*/
	text-decoration:underline;
	font-weight:bold:
}

.PagePhy h4
{
	/*margin-left:15px;*/
	font-size:19px;
	margin-top:12px;
	margin-bottom:12px;
	/*color:green;*/
	text-decoration:underline;
	font-weight:bold:
}

.PagePhy h5
{
	/*margin-left:30px;*/
	font-size:17px;
	margin-top:10px;
	margin-bottom:10px;
	/*color:blue;*/
	text-decoration:underline;
	font-weight:bold:
}

.PagePhy h6
{
	/*margin-left:45px;*/
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:underline;
	font-weight:bold:
}

.PagePhy p
{
	font-size:14px;
	text-indent:10px;
	/*margin-left:45px;*/
	text-align:justify;
	margin-top:5px;
	margin-bottom:0px;
}

.PagePhy ul
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	padding-left:0px;
}

.PagePhy ol
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	padding-left:0px;
}

.PagePhy #figure
{
	display:block;
	text-align:center;
	font-size:14px;
	margin:10px 0px;
}

.PagePhy #figure #imagepng
{
	display:inline-block;
	text-align:center;
	width:24%;
	vertical-align:top;
}

.PagePhy #figure #imagesvg
{
	display:inline-block;
	text-align:center;
	width:100%;
	vertical-align:top;
}


.PagePhy #figure img
{
	display:inline-block;
	max-height:400px;
	max-width:100%;
}

.PagePhy #figure p
{
	font-size:14px;
	display:block;
	text-align:center;
	margin:10px 10px;
}

.PagePhy #python
{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:88%;
	margin:1% 6%;
}

/*STAGE M1*/

.StageM1 div
{
	text-align:center;
}

.PrivateVids #allvideos
{
	text-align:center;
	margin: 10px 0px;
}

.PrivateVids h4
{
	font-size:20px;
	margin: 10px 0px;
}

.PrivateVids video
{
	width:33%;
}