/*ALL*/

/*POLICES*/
@font-face {
    font-family: 'day_romanregular';
    src: url('Fonts/dayrom__-webfont.eot');
    src: url('Fonts/dayrom__-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/dayrom__-webfont.woff2') format('woff2'),
         url('Fonts/dayrom__-webfont.woff') format('woff'),
         url('Fonts/dayrom__-webfont.ttf') format('truetype'),
         url('Fonts/dayrom__-webfont.svg#day_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'dreamwalkerregular';
    src: url('Fonts/dreamwalker-webfont.eot');
    src: url('Fonts/dreamwalker-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/dreamwalker-webfont.woff2') format('woff2'),
         url('Fonts/dreamwalker-webfont.woff') format('woff'),
         url('Fonts/dreamwalker-webfont.ttf') format('truetype'),
         url('Fonts/dreamwalker-webfont.svg#dreamwalkerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	background-image:url("Images/Background.png");
}

div#bloc_page
{
	width:auto;
	margin:auto;
}

nav
{
    display: inline-block;
	text-align:right;
}

nav li
{
    display: inline-block;
}

a#on
{
	text-decoration:underline;
}

nav ul
{
    list-style-type: none;
}

nav a
{
	font-family:day_romanregular, serif;
    color: #E8E8E8;
    padding-bottom: 3px;
	text-decoration:none;
}

#titre_principal
{
	display:inline-block;
}

header h1
{
    font-weight: normal;
	color:#E8E8E8;
}

header h2
{
    margin-top: 0px;
    font-weight: normal;
	Color:#E8E8E8;
}

header h1, header h2
{
	font-family:dreamwalkerregular, serif;
}

nav a:hover
{
    color: #696969;
}

ul#logos
{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom:4%;
	margin-top:3%;
}

ul#logos li
{
	display:inline-block;
}

footer
{

	position:fixed;
	bottom:0;
	left:0;
	height:40px;
	width:100%;
	background-color:#1c1c1c;
}

#ll
{
	background-color:#CACACA;
	border:solid;
	border-width:2px;
	width:15%;
	margin:auto;
}

#l
{
	background-color:#CACACA;
	border:solid;
	border-width:2px;
	width:100px;
	margin:auto;
}

a#lien
{
	color:#000000;
	margin:auto;
	height:100%;
	width:100%;
}

a#lien:visited
{
	color:#000000;
}

span#unbold
{
	font-weight:normal;
}




/*QUERIES*/

@media (min-width:1024px) and (max-width:1280px)
{

/* TITRE */

header
{
	background-color:#1c1c1c;
	width:78em;
	margin-left:auto;
	margin-right:auto;
}

header h1
{
    font-size: 2.5em;
	margin-left:20px;
}

header h2
{
    font-size: 1.8em;
	margin-left : 40px;
}

/*MENU*/

nav
{
	width:950px;
}

nav li
{
	margin-right:15px;
}

nav a
{
	font-size: 1.3em;
}

/*BODY*/

div#block
{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}

section
{
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
	float:left;
	margin-left:15%;
	margin-top:5%;
	padding:0%;
	background-color:#1c1c1c;
	margin-bottom:100px;
}

section p
{
	font-size:120%;
	color:white;
	margin-left:5px;
	margin-right:5px;
}

section h2, aside h2
{
	text-align:center;
	color:white;
}

section img
{
	margin-top:0%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

section#projet
{
	padding:0%;
	margin-top:5%;
	margin-left:5%;
}

aside
{
	background-color:#1c1c1c;
	margin-right:3%;
	margin-top:5%;
	margin-bottom:100px;
	float:right;
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
}

aside img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

aside img#logo
{
	border-style:none;
}

aside a
{
	text-decoration:none;
}

aside p
{
	text-align:center;
	color:white;
	margin-left:5px;
	margin-right:5px;
}

em
{
	font-style:normal;
}

aside h3
{
	text-align:center;
	color:white;
	font-size: 90%;
}

aside#projet
{
	text-align:center;
	margin-right:5%;
}



footer p
{
	text-align:center;
	color:white;
}

#l
{
	width:100px;
}

}




/*SMALL SCREEN*/
@media all and (max-width: 1024px)
{

/* TITRE */

header
{
	background-color:#1c1c1c;
	height:70%;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

header h1
{
    font-size: 2em;
	margin-left:16px;
}

header h2
{
    font-size: 1.45em;
	margin-left : 32px;
}

/*MENU*/

nav a
{
	width:760px;
}

nav li
{
	margin-right:12px;
}

nav a
{
	font-size: 1.05em;
}

/*BODY*/

div#block
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

section
{
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
	float:left;
	margin-left:5%;
	margin-top:5%;
	padding:0%;
	background-color:#1c1c1c;
	margin-bottom:40px;
}

section p
{
	font-size:80%;
	color:white;
	margin-left:5px;
	margin-right:5px;
}

section h2, aside h2
{
	text-align:center;
	color:white;
}

section img
{
	margin-top:0%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
}

section#projet
{
	padding:0%;
	margin-top:5%;
	margin-left:5%;
	width:480px;
	height:360px;
}

aside
{
	background-color:#1c1c1c;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:100px;
	float:right;
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
}

aside img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

aside img#logo
{
	border-style:none;
}

aside a
{
	text-decoration:none;
}

aside p
{
	text-align:center;
	color:white;
	margin-left:5px;
	margin-right:5px;
	font-size:80%;
}

em
{
	font-style:normal;
}

aside h3
{
	text-align:center;
	color:white;
	font-size: 70%;
}

aside#projet
{
	text-align:center;
	margin-right:5%;
}

footer
{
	display:none;
}

footer p
{
	text-align:center;
	color:white;
	font-size:80%;
}

#l
{
	width:80px;
}

}


/*MEDIUM SCREEN*/
@media (min-width: 1281px) and (max-width: 1366px)
{

/* TITRE */

header
{
	background-color:#1c1c1c;
	height:70%;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

header h1
{
    font-size: 2.7em;
	margin-left:21.4px;
}

header h2
{
    font-size: 1.9em;
	margin-left : 42.8px;
}

/*MENU*/

nav
{
	width:1016.5px;
}

nav li
{
	margin-right:16.1px;
}

nav a
{
	font-size: 1.4em;
}

/*BODY*/

div#block
{
	width:1366px;
	margin-left:auto;
	margin-right:auto;
}

section
{
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
	float:left;
	margin-left:5%;
	margin-top:5%;
	padding:0%;
	background-color:#1c1c1c;
	margin-bottom:100px;
}

section p
{
	font-size:130%;
	color:white;
	margin-left:5px;
	margin-right:5px;
}

section h2, aside h2
{
	text-align:center;
	color:white;
}

section img
{
	margin-top:0%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
}

section#projet
{
	padding:0%;
	margin-top:5%;
	margin-left:5%;
	width:642px;
	height:481px;
}

aside
{
	background-color:#1c1c1c;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:100px;
	float:right;
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
}

aside img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

aside img#logo
{
	border-style:none;
}

aside a
{
	text-decoration:none;
}

aside p
{
	text-align:center;
	color:white;
	margin-left:5px;
	margin-right:5px;
	font-size:107%;
}

em
{
	font-style:normal;
}

aside h3
{
	text-align:center;
	color:white;
	font-size: 97%;
}

aside#projet
{
	text-align:center;
	margin-right:5%;
}

footer p
{
	text-align:center;
	color:white;
	font-size:90%;
}

#l
{
	width:107px;
}

}






/*BIG SCREEN*/
@media (min-width: 1367px) and (max-width: 1600px)
{

/* TITRE */

header h1
{
    font-size: 3.1em;
	margin-left:25px;
}

header h2
{
    font-size: 2.3em;
	margin-left : 50px;
}

/*MENU*/

nav
{
	width:1188px;
}

nav li
{
	margin-right:18.8px;
}

nav a
{
	font-size: 1.6em;
}

/*BODY*/

div#block
{
	width:1600px;
	margin-left:auto;
	margin-right:auto;
}

section
{
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
	float:left;
	margin-left:5%;
	margin-top:5%;
	padding:0%;
	background-color:#1c1c1c;
	margin-bottom:100px;
}

section p
{
	font-size:150%;
	color:white;
	margin-left:5px;
	margin-right:5px;
}

section h2, aside h2
{
	text-align:center;
	color:white;
}

section img
{
	margin-top:0%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
}

section#projet
{
	padding:0%;
	margin-top:5%;
	margin-left:5%;
	width:747px;
	height:560px;
}

aside
{
	background-color:#1c1c1c;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:100px;
	float:right;
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
}

aside img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

aside img#logo
{
	border-style:none;
}

aside a
{
	text-decoration:none;
}

aside p
{
	text-align:center;
	color:white;
	margin-left:5px;
	margin-right:5px;
	font-size:150%;
}

em
{
	font-style:normal;
}

aside h3
{
	text-align:center;
	color:white;
	font-size: 112%;
}

aside#projet
{
	text-align:center;
	margin-right:5%;
}


footer p
{
	text-align:center;
	color:white;
	font-size:120%;
}

#l
{
	width:125px;
}

}

/*VERY BIG SCREEN*/
@media screen and (min-width: 1601px)
{

/* TITRE */

header
{
	background-color:#1c1c1c;
	height:70%;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

header h1
{
    font-size: 3.8em;
	margin-left:30px;
}

header h2
{
    font-size: 2.7em;
	margin-left : 60px;
}

/*MENU*/

nav
{
	width:1425px;
}

nav li
{
	margin-right:22.5px;
}

nav a
{
	font-size: 2em;
}

section
{
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
	float:left;
	margin-left:5%;
	margin-top:5%;
	padding:0%;
	background-color:#1c1c1c;
	margin-bottom:100px;
}

section p
{
	font-size:180%;
	color:white;
	margin-left:5px;
	margin-right:5px;
}

section h2, aside h2
{
	text-align:center;
	color:white;
}

section img
{
	margin-top:0%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
}

section#projet
{
	padding:0%;
	margin-top:5%;
	margin-left:5%;
	width:900px;
	height:675px;
}

aside
{
	background-color:#1c1c1c;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:100px;
	float:right;
	border-style:ridge;
	border-color:#030303;
	border-width:7px;
}

aside img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

aside img#logo
{
	border-style:none;
}

aside a
{
	text-decoration:none;
}

aside p
{
	text-align:center;
	color:white;
	margin-left:5px;
	margin-right:5px;
	font-size:150%;
}

em
{
	font-style:normal;
}

aside h3
{
	text-align:center;
	color:white;
	font-size: 135%;
}

aside#projet
{
	text-align:center;
	margin-right:5%;
}


footer p
{
	text-align:center;
	color:white;
	font-size:120%;
}

#l
{
	width:150px;
}

}