html, body, span, a, #titre > h1, #titre > h2, #piedpage, #piedpage > p  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}

body {
	line-height: 1;
	background-color: #FFF;
	color: #000;
	-webkit-text-size-adjust: none;
}

/* gestion des liens */

#mini-img > a, #telechargement > ul > li > a, #auteur > a,
#mini-img > a:visited, #telechargement > ul > li > a:visited, #auteur > a:visited {
    color : inherit;
}

#mini-img > a, #telechargement > ul > li > a {
	text-decoration: none;
}

#auteur > a:hover, #telechargement > ul > li > a:hover {
	border-bottom: dotted 1px #BABABA);
	background-color: #BABABA;
}

a.ext::after{
    content: "\279A";
}

/* entete */

#milieu > div, #entete div {
	height: 100%;
	margin: 0;
	padding: 0;
}

#milieu {
	margin-top: 5vh;
}

#logo {
	height: 120px;
	width: 120px;
}

#titre > h1 {
	font-size: 2.5em;
	line-height: 1em;
	text-indent: 70px;
	text-shadow: #FF9400 2px 2px, #FF9400 -2px 2px, #FF9400 -2px -2px, #FF9400 2px -2px;
	font-style: italic;
}

#titre > h2 {
	color: #FF9400;
	font-size: 2.2em;
    letter-spacing: -1px;
	}

/* zone a gauche */


#milieu > #milieugauche, #entete > #entetegauche {
	width: 10%;
	height: inherit;
}


/* milieu centre */


#milieu > #milieucentre {
	/* width: calc(100vw - 30% - 20px); */
	justify-content: center;
}

#milieucentre > #contenu {
	width: 80%;
	padding: 20px 50px;
	background-color: #FFD396;
	color: #000;
	text-align: justify;
	border-radius: 25px;
}

#contenu > p {
	margin-top: 20px;
	text-indent: 50px;
	line-height: 20px;
}

#contenu > #mini-img {
	text-indent: 0;
	text-align: center;
}

#contenu > p > a > img {
	width: 450px;
	height: 350px;
}

/* téléchargement et newsletter */

#milieu > #milieudroite {
	width: 15%;
	height: inherit;
}

#milieudroite > #hautmilieudroite {
	width: 100%;
}

#telechargement > span, #newsletter > span {
	text-decoration: underline;
}

#telechargement > ul, #newsletter > form {
	margin: 10px;
	padding: 5px;
}

#telechargement > ul li:not(:first-child), #newsletter > form input:not(:first-child){
	margin-top: 10px;
}

#milieudroite > #newsletter,  #milieudroite > #telechargement{
	height: auto;
	margin-top: 50px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 25px;
	color: #000;
}

#newsletter > form > input[type=text]{
    width: 150px;
}

/*  pied de page   */

#piedpage {
	padding-top: 5vh;
	padding-bottom: 2vh;
}

#piedpage > p {
	font-size: 70%;
	text-indent: 2vw;
}