@font-face{
    font-family: "alegreya";
    src: url("doc/font/Alegreya/Alegreya-Regular.ttf") format("truetype");
}
@font-face{
    font-family: "alegreya italic";
    src: url("doc/font/Alegreya/Alegreya-Italic.ttf") format("truetype");
}
@font-face{
    font-family: "alegreya bold";
    src: url("doc/font/Alegreya/Alegreya-Bold.ttf") format("truetype");
}
@font-face{
    font-family: "alegreya bold italic";
    src: url("doc/font/Alegreya/Alegreya-BoldItalic.ttf") format("truetype");
}

body {
    margin: 0;
    font-size: 13pt;
    font-family: alegreya;
    line-height: 15pt;
    color: var(--grey);
    letter-spacing: 0.01em;

    --red: rgb(196, 79, 53);
    --grey: rgb(138,138,138);
	--grey2: #D1D3D5;
	--beige: rgb(201, 193, 134);
	--fontSize: 18pt;
    --headsize: 65px;
    --contentsize : 50px;
}


a {
    text-decoration: none;
    color: var(--grey);
}

p a { text-decoration: underline}

p {
    margin: 0;
}
.green {
    background: var(--green);
    color: var(--green);
}

.desktop {
    display: block;
}

.phone {
    display: none;
}
.italic{
	font-family: alegreya italic;
}

main {
    display: block;
    width: 80%;
    margin: auto;
    position: static;
}

/****HEADER***/
header {
    width: 100%;
    height: var(--headsize);
    position: relative;
}
#headbis{
    width: 100%;
    height: calc(var(--headsize) + 13px);
    background: var(--red);
    position: absolute;
}

#baner {
    width: 100%;
    height: var(--headsize);
    position: absolute;
    background: linear-gradient(to right, black, grey);
}

#headtitle {
    position: absolute;
    width: 100%;
}

#roger {
    font-size: 35px;
    color: dimgray;
    margin-left: 3%;
    line-height: calc(var(--headsize) - 5px);
}



/*****MENU****/
section {
    display: block;
    position: static;
    width: 100%;
}

nav {
	font-size: 17pt;
	position: relative;
    width: 190px;
    height: auto;
    margin-top: 33px;
	line-height: 21pt;
	float: right;
}

.navbis {
    position: absolute;
    width: 25%;
    height: auto;
    margin-top: var(--contentsize);

}

div.element {
    margin-top: 20px;
	margin-bottom: 24px;
}

a.element {
    color: var(--red);
}

.hyphen {
    width: 50px;
    height: 2px;
    background: var(--grey2);
}
.hyphenCore{
	margin: 40px 0px;
    width: 50px;
    height: 2px;
	background: var(--grey2);
}

.hyphenM {
    width: 30px;
    height: 1px;
	margin-left: 23px;
    background: var(--grey);
}

.sep {
    width: 2px;
    height: 915px;
    background: var(--grey2);
    z-index: -1;
	margin-left: -50px;
}
.navsepdiv{
    position: relative;
}
.navsep {
    position: absolute;
    top: -20px;
}

/*****CONTENT****/
#content {
    position: relative;
    width: 100%;
    height: auto;
    margin: auto;
}

#core {
	position: absolute;
    width: calc(100% - 290px);
    top: 50px;
}
.paraHeight{
	line-height: 10pt;
}
#contentbis {
    width: 67%;
    height: auto;
    position: absolute;
    right: 0;
}

#summary {
    position: static;
}
.object{
    color: var(--red);
    font-size: var(--fontSize);
	line-height: 24pt;
}
div.arrow{
    width:27%;
    position: relative;
}
svg.arrow{
	display: inline-block;
    width:19px;
    height:12px;
    /*position: absolute;
    top:8px;
    right: 0;*/
}
polygon{
    fill: var(--red);
}

.core {
    position: static;
    top: calc(var(--headsize) + 100px);
    margin-bottom: 30px;
}

h2 {
	margin-top: -5px;
    color: var(--grey);
    font-size: 23pt;
	line-height: 25pt;
	font-family: alegreya;
	font-weight: 100;
}
.h2remerciments{
    font-size: var(--fontSize);
    margin-top: -10px;
    cursor:pointer;
    text-decoration: underline;
}
.subTitle{
	font-size: 13pt;
	line-height: 15pt;
}
.line {
    width: 100%;
    height: 1px;
    background: var(--grey);
    margin-bottom: 10px;
}

/*****ARTICLES*****/
h3{
	font-weight: 100;
	margin: 0;
	font-size: var(--fontSize);
	line-height: 22pt;
}
.dateArticle{
	margin-bottom: 14px;
}
.titreArticle{
	font-family: alegreya bold;
	color:black;
	display: inline;
}


.imgPhotos{
    width: 100%;
    height: auto;
}


.iframe-container {
  overflow: hidden;
  padding-top: 70%;
    margin-bottom: 5px;
  position: relative;
}

.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}






@media all and (min-width:1400px){
	
	main{
		width:1120px;
	}
}

@media all and (max-width:800px){
    .imgPhotos{
        width: 100%;
        height: auto;

    }
}

























body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}
body {
	-epub-hyphens:none;
}
div.Bloc-de-texte-standard {
	border-style:solid;
}
p{
    margin-bottom: 15px;
    padding:0;
    border-width: 0;
}
p.Paragraphe-standard {
	color:#000000;
	font-family:"Minion Pro", serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
.Styyyle1 {
	color:#7199ad;
	font-family:Alegreya, serif;
	font-size:24px;
	font-style:normal;
	font-weight:normal;
}
span.Styyyle2 {
	color:#000000;
	font-family:alegreya bold, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
p.ParaOverride-1 {
	-epub-hyphens:none;
}
span.CharOverride-1 {
	color:black;
	font-family:Alegreya, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-2 {
	color:rgb(138,138,138);
	font-family:Alegreya, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-3 {
    color:rgb(138,138,138);
	font-family:Alegreya italic, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-4 {
	color:#000000;
	font-family:alegreya bold, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-5 {
	color:rgb(138,138,138);
	font-family:Alegreya, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-6 {
	color:black;
	font-family:Alegreya, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-8 {
    color:black;
	font-family:Alegreya, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-9 {
    color:black;
	font-family:Alegreya bold italic, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
span.CharOverride-12 {
    color:black;
	font-family:Alegreya bold italic, serif;
	font-size:17px;
	font-style:normal;
	font-weight:normal;
}
#_idContainer002 {
	display:inline-block;
	height:98px;
	width:24px;
}
div._idGenObjectStyleOverride-1 {
	border-width:0px;
}
div._idGenObjectLayout-1 {
	text-align:center;
}