html {
	height: 100%;
	margin: 0;
    padding: 0;
	overflow-y: scroll;
	font-size : 62.5%;
	font-size: calc(1rem * 0.625);
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: Calibri, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    color: rgba(20,20,20,0.85);
}

* {
    box-sizing: content-box;                        /* content-box : tout est ajouté à l'extérieur */
}                                                   /* border-box : margin et bordure inclus dans les dimensions */


/************************************** POLICES **************************************/

h1 {												/*titre du site sur la page d'accueil*/
	font-size: 1.7rem;
	letter-spacing: .1rem;
    line-height: 200%;
	font-weight: bold;
	color: rgba(20,20,20,0.85);
}



p {
	font-size: 1.2rem;
	letter-spacing: .09rem;
	font-weight: 400;
	color: rgba(20,20,20,0.85);
}


/************************************** FIN POLICES **************************************/


/************************************** HEADER **************************************/

header {
    position: relative;
    display: flex;
    flex-direction: row;
	border-top: 5px solid #990000;
    border-bottom: 5px solid #990000;
    background-color: white;
    text-align: center;
    height: 80px;
}

header :-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
}

.logo {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    margin: 0 0 0 20px;
    padding: 0;
}

.imglogo {
    margin: 0px;
    padding: 0px;
    height: 44px;                        /* taille logo svg : 1351x295 -> 202x44 */
	width: auto;
}


/************************************** FIN HEADER **************************************/


/************************************** PAGE REDIRECTION **************************************/

.redirection {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    width: 100%;
}

.redirection_ligne {
    display: flex;
    justify-content: center;
}


/************************************** FIN PAGE REDIRECTION **************************************/


/************************************** PAGE INDEX **************************************/

.accueil_partie1 {
	position: relative;
    margin: 0;
    padding: 1rem 5rem 3rem 5rem;
    background-color: white;
}
.accueil_titre {
    margin: auto;
    padding: 2rem 0 1rem 0;
	width: 100%;
	text-align: left;
    background-color: white;
}


/************************************** FIN PAGE INDEX **************************************/


@media all and (max-width: 800px) {

h1 {												/*titre du site sur la page d'accueil*/
	font-size: 1.7rem;
	letter-spacing: .1rem;
	font-weight: 600;
    line-height: 2.1rem;
	color: rgba(20,20,20,0.85);
}

.accueil_partie1 {
    padding: 0 2rem 1.5rem 2rem;
}

}