@font-face {
    font-family: 'PT_Serif-Web-Regular';
    src: url('../police/PT_Serif-Web-Regular.ttf');
}

body{
	margin: 0px;
	padding: 0px;
	font-family: 'PT_Serif-Web-Regular';
	font-size: 13px;
	background-color: #090D38;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#corps {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}

#oreilleG{
	flex: 1;
    display: flex;
    flex-direction: column;
}

#oreilleD{
	flex: 1;
    display: flex;
    flex-direction: column;
}

.titreoreille {
	height: 1020px;
	width:100%;
}

.oreillecoraux {
	height: 646px;
	width:100%;
}

.oreilleespeces {
	height: 723px;
	width:100%;
}

.oreillecauses {
	height: 574px;
	width:100%;
}

.oreillescientif {
	height: 640px;
	width:100%;
}

.oreillefin {
	height: 2924px;
	width:100%;
}

.oreillefooter {
	height: 225px;
	width:100%;
}

.oreillebouton {
	height: 0px;
	width:100%;
}

div {
	margin: 0px;
	padding: 0px;
}

#content {
	width: 1280px;
	display: flex;
	flex-wrap: wrap;
}

#corauxgauche  {
	width: 403px;
	height: 646px;
}

#titre {
	width: 1280px;
	height: 1020px;
}

#cor{
	width: 410px;
	height: 646px;
	display: flex;
	flex-wrap: wrap;
}

#p25g {
	width: 410px;/*410px;*/
	height: 423px;
	background-image: url("./images/p25a.png");
	display: flex;
	flex-wrap: wrap;
}

#p25b {
	width: 231px;/*231px;*/
	height: 423px;
}

#p25b2  {
	width: 179px;/*179px;*/
	height: 423px;
}


#corauxcentre  {
	width: 410px;
	height: 223px;
}



#corauxdroit  {
	width: 467px;
	height: 646px;
}

#cor2 {
	width: 1280px;
	height: 723px;
}

#texteimage {
	position: absolute;
	/*width: 400px;
	height: 70px;*/
	width: 0px;
	height: 0px;
	left: 440px;
	top: 653px;
	background-color: #aa6174;
	color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;

}

#textimg {
	text-align: center;
	padding:10px;
	line-height: 20px;
	font-family: 'PT_Serif-Web-Regular';
}

#especescoraux {
	width: 1280px;
	height: 723px;
	position: absolute;
}

#corauxbleus {
	width: 1280px;
	height: 723px;
	position: absolute;
	display: none;
}

#corauxdefeu {
	width: 1280px;
	height: 723px;
	position: absolute;
	display: none;
}

#corauxdurs {
	width: 1280px;
	height: 723px;
	position: absolute;
	display: none;
}

#corauxmous {
	width: 1280px;
	height: 723px;
	position: absolute;
	display: none;
}

#corauxnobles {
	width: 1280px;
	height: 723px;
	position: absolute;
	display: none;
}

#corauxnoirs {
	width: 1280px;
	height: 723px;
	position: absolute;
	display: none;
}

#corauxrouges {
	width: 1280px;
	height: 723px;
	position: absolute;
	display: none;
}

#p2050 {
	width: 1280px;
	height: 640px;
}

#causes {
	width: 1280px;
	height: 372px;
}

#bouton1 {
	width: 425px;
	height: 202px;
}

#bouton2 {
	width: 425px;
	height: 202px;
}

#bouton3 {
	width: 430px;
	height: 202px;
}

#pollution, #pollution img {
	width: 0px;
	height: 0px;
}

#surpeche, #surpeche img {
	width: 0px;
	height: 0px;
}

#rechauffement, #rechauffement img {
	width: 0px;
	height: 0px;
}

#protectiondeterminante {
	width: 1280px;
	height: 2924px;
}

#footer {
	width: 1280px;
	height: 225px;
}