body{
	max-width: 1920px;
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	top:0px;


}


@font-face {
    font-family: timesNRSevenMTStd;
    src: url(../fonts/TimesNRSevenMTStd.otf);
}


@font-face {
    font-family: timesNRSevenMTStd;
    src: url(../fonts/TimesNRSevenMTStd-Bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: timesNRSevenMTStd;
    src: url(../fonts/TimesNRSevenMTStd-Italic.otf);
    font-style: italic;
}

p{
	font-family: timesNRSevenMTStd, times, serif;
	font-size: 24px;
	margin-top: 15px;
}

iframe{
	width: 100% !important;
	padding: 0 !important;
}
figure{
	margin:0;
}

figure *{
	margin:0 !important;
}
.table{
	display: table;
	width: 100%;
	margin-bottom: 6%;
}


.tableRow{
	display: table-row;
	font-family: timesNRSevenMTStd, times, serif;
	font-size: 24px;
}
.tableCell{
	display: table-cell;
	font-family: timesNRSevenMTStd, times, serif;
	font-size: 24px;
	padding-left:5px;
}
.tableCell p{
	display: inline;
}	
.numbersInCell{
	width:11%;
	white-space: nowrap;
	padding-left:0px;
}

/*.tableNumber{
	width:12%;
}*/

.titleWorks{
	font-style: italic;
}

.bold{
	font-weight: bold;
	margin-right: 18px;
}

.pageNumber{
	position: fixed;
	left:3%;
	top:14px;
	margin-top: 0px;
}
.pageNumberIndex{
	position: fixed;
	left:3%;
	top:15px;
	margin-top: 0px;
	padding: 0px;
}


#content{
	margin-top: 9%;
	width:66%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#content *{
	margin-top: 4.5%;
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
	box-sizing:border-box;
	float: left;

}

#content *:last-child{
	margin-bottom: 9%;
}

#content *:first-child{
	margin-top: 0px;
}

.twoImages{
	width:50% !important;
}

.threeImages{
	width:33.3% !important;	
}
.fourImages{
	width:25% !important;	
}


.tableOfContents{
	position:relative;
	margin:0px;
	
	
}
.tableOfContents *{
	margin:0px;
}


.text{
	margin-left: 12%;
	margin-right: 12%;
	clear:both;
}

header{
	margin-bottom: 6%;
}

.arrows{
position:fixed;
right: 3%;
top: 16px;
margin-top: 0px;

}

.indexButton {
	position: fixed;
	bottom:0px;
	left:3%;

}
.contactButton{

	position: fixed;
	bottom:0px;
	left:3%;
	margin-bottom: 2%;

}
.numbers{
	position: absolute;
	top:0px;
	left:0px;
	margin:0px;
}
.numbersMenu{
	display: table-cell;
}
.titles{

	position: absolute;
	top:0px;
	left:0px;
	margin:0px;

}
.titles a{
	display: table-cell;
	padding-left: 1.5em;
	font-weight: bold;
}
.titles > div:nth-last-child(2) a{
	font-weight: normal;
}
.tableRowHome{
	display: table-row;
	font-family: timesNRSevenMTStd, times, serif;
	font-size: 24px;
}
.textsCv{

	position: absolute;
	top:0px;
	left:12%;
	margin:0px;

}
.titleCv{
	display: block;
	font-family: timesNRSevenMTStd, times, serif;
	font-weight: bold;
	font-size: 24px;
	margin-top: 15px;
	margin-left: 11%;
	margin-bottom: 3%;
	padding-left: 5px;
}

a{
	text-decoration: none;
	color:black;
}
a:visited{
	color:black;
}
a:hover{
	color:blue;
}
.arrows a:visited, .indexButton a:visited{
	color:black;
}
.arrows a:hover, .indexButton a:hover{
	color:blue;
}
.infos p{
	margin-bottom: 0;
	margin-top: 0px;
}
.infos{
	margin-top:6%;
}
.extrainfos{
	margin-top:1.8%;
}
.rights{
	margin-top:6%;
	margin-bottom: 16px;
}
.rights p{
	margin-top: 0px;
	margin-bottom: 0px;
}
header span{
	position: relative;
}
#name {
	position: absolute;
	/*left: 92%;*/
	left:85%;
	
	display: none;
	color: blue;
}
#nameDeux {
	position: absolute;
	/*left: 203%;*/
	left:185%;
	
	
	display: none;
	color: blue;
}
#lastName{
	position: absolute;
}
#title{
	margin-right: 104px;
}


@media screen and (max-width: 820px) {

	p, .tableRow, .tableRowHome{
	
		
		font-size: 32px;
		
	}


	.pageNumberIndex{
		display: none;
	}
	.arrows{
		display: none;
	}
	.indexButton{
		display: none;
	}
	.contactButton{
		display: none;
	}
	#content *{
		width:86%;
		margin-left: 7%;
		margin-right: 7%;
	}
	#title{
		margin-right: 60%;
	}
	.titles{
		left:8%;
	}


@media screen and (max-width: 535px) {


	#title{
		margin-right: 30%;
	}
	.titles{
		left:12%;
	}


}