@charset "utf-8";


@font-face
{
	font-family:"pierbold";
	src: url('polices/piersans/pierbold.otf');
}

@font-face
{
	font-family:"pierregular";
	src: url('polices/piersans/pierregular.otf');
}

*{box-sizing: border-box; }
body{margin: 0; 
	overflow-x: hidden;
	overflow-y: auto;

	}

.article,
.aside1,
.aside2,
.aside3,
.aside4,
.other,
.section {float: left;
  		position: relative;
		min-height: 140px;
		padding: 0 75px;
		font-family: 'pierregular', 'pierbold', sans-serif;
		vertical-align: center;
		background-color: rgba(#000, 0.2);
}
.nav {float: left; 
		position: absolut;
		padding: 0 75px;
		font-family: 'pierregular', 'pierbold', sans-serif;
		vertical-align: center;
		background-color: rgba(#000, 0.2);
}

.article { width: 41.6666%;}  /* col 5 */
.section { width: 58.3333%} /* col 7 */
.other { width: 50%;} /* col 6 */
.aside3 { width: 33.3333%;} /* col 4 */
.aside4 { width: 66.6666%;} /* col 8 */
.aside1 { width: 16.6666%;} /* col 2 */
.nav { width: 100%;} /* col 12 */
.aside2 { width: 83.3333%; } /* col 10 */




.Titre {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 2.15em;
		text-align: left;
		text-justify: auto;
}
.Inter-Titre {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 1.5em;
		text-align: left;
		text-justify: auto;
}
.Texte {
		font-family: 'pierregular', sans-serif;
		font-size: 1em;
		text-align: justify;
}
.Sous-Texte {
	font-family: pierregular, sans-serif;
	font-size: 0.75em;
	text-align: left;
	text-justify: auto;
}

a:link	{
	text-decoration: underline;
	color: #000;
}
a:visited	{
	text-decoration: none;
	color: #000;
}

.Accueil {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 2.5em;
		text-align: left;
		text-justify: auto;
}

.Entree {
	font-family: 'pierregular', sans-serif;
	text-align: left;
	font-size: 1em;
	text-align: left;
	text-justify: auto;
	color: #000;
}

.containenter {
	position: absolute;
	width: 350px;
	height: 250px;
	text-align: left;
	top: 410px;
	left: 75px;
	margin: auto;
}
.containenter p {
	font-family: 'pierbold', sans-serif;
  	font-size: 1em;
}

/* span séparation */

.separation_content {
  position: absolute;
  height: 20px;
  width: 50px;
}
.separation_content span {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
}
.separation_content .separation-black {
  background: #000000;
    height: 50%;
  width: 100%;
 
}

.h3 { font-family: 'pierbold', sans-serif;
		font-size: 0.75em; }

@media screen and (max-width:1280px)
{
.Titre {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 1.9em;
		text-align: left;
		text-justify: auto;
}
.Inter-Titre {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 1.20em;
		text-align: left;
		text-justify: auto;
}
.Texte {
		font-family: 'pierregular', sans-serif;
		font-size: 0.8em;
		text-align: justify;
}
.Sous-Texte {
	font-family: pierregular, sans-serif;
	font-size: 0.66em;
	text-align: left;
	text-justify: auto;
}


.Accueil {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 2em;
		text-align: left;
		text-justify: auto;
}

.Entree {
	font-family: 'pierregular', sans-serif;
	text-align: left;
	font-size: 0.8em;
	text-align: left;
	text-justify: auto;
	color: #000;
}

.containenter {
	position: absolute;
	width: 350px;
	height: 250px;
	text-align: left;
	top: 410px;
	left: 75px;
	margin: auto;
}
.containenter p {
	font-family: 'pierbold', sans-serif;
  	font-size: 1em;
}

.h3 { font-family: 'pierbold', sans-serif;
		font-size: 0.66em; }

}

@media screen and (max-width:1024px)
{
.Titre {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 1.75em;
		text-align: left;
		text-justify: auto;
}
.Inter-Titre {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 1em;
		text-align: left;
		text-justify: auto;
}
.Texte {
		font-family: 'pierregular', sans-serif;
		font-size: 0.70em;
		text-align: justify;
}
.Sous-Texte {
	font-family: pierregular, sans-serif;
	font-size: 0.55em;
	text-align: left;
	text-justify: auto;
}


.Accueil {
		font-family: 'pierbold', sans-serif;
		text-align: left;
		font-size: 1.8em;
		text-align: left;
		text-justify: auto;
}

.Entree {
	font-family: 'pierregular', sans-serif;
	text-align: left;
	font-size: 0.70em;
	text-align: left;
	text-justify: auto;
	color: #000;
}

.containenter {
	position: absolute;
	width: 350px;
	height: 250px;
	text-align: left;
	top: 410px;
	left: 75px;
	margin: auto;
}
.containenter p {
	font-family: 'pierbold', sans-serif;
  	font-size: 1em;
}

.h3 { font-family: 'pierbold', sans-serif;
		font-size: 0.55em; }
	
}