@charset "utf-8";


@font-face {
    font-family: 'latothin';
    src: url('lato-thin-webfont.eot');
    src: url('lato-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-thin-webfont.woff2') format('woff2'),
         url('lato-thin-webfont.woff') format('woff'),
         url('lato-thin-webfont.ttf') format('truetype'),
         url('lato-thin-webfont.svg#latothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

Body {
	  font-family: 'latothin';
	background-color: #000000;
	color : aliceblue;
    overflow-x: hidden;
	}

table a {	text-decoration: none;
	color:#0D9431;
	margin-top: 15px;}

table a:hover {
background-color:aliceblue;
color:#000;
}

a {	text-decoration: none;
	color:#fff;
	margin-top: 15px;}

a:hover {
background-color:aliceblue;
color:#000;
}

#vid{    padding: 30px;
        width: 75%;}

#index
 {	display: block;
	text-decoration: none;
	color:#0D9431;}

#menuchapitres  {
	position: relative;
	left:300px;
	top:50px;
	}

#menuchapitres a 
{margin-right: 50px;
	text-decoration: none;
	color: #0D9431;
	margin-top: 15px;}

h1 {text-transform: uppercase;
	font-size: 60px;
	text-align: center}

h2 {font-size: 30px;}
h3 {font-size : 20px}

p {text-align: center;
display: inline-block;
margin : 30px;
}

#table {
	margin-left: 80px;
	padding-top: 50px;}

td{padding: 50px}


#contenu h3 {margin-top: 50px;}

#contenu {
	line-height:normal;
    margin-top: 100px;
	margin-left:200px;
	width:800px;
	padding: 100px;
}

.imagePrincipale {width:100%;}

#imagegallerie
{width:60%;
padding : 30px;
    margin-left: 200px;
}

#parcmaximilien
{margin-left: 230px;}