@charset "ISO-8859-1";

@font-face {
	font-family: marianne;
	src: url("/assets/fonts/marianne-regular.woff");
}

@font-face {
	font-family: marianne-bold;
	src: url("/assets/fonts/marianne-bold.woff");
}

@font-face {
	font-family: marianne-xbold;
	src: url("/assets/fonts/marianne-extrabold.woff");
}

/* body,html{
margin:0;
padding:0;
font-family:marianne;
font-size: 13px;
} */
.page-container {
	width: calc(100% - 30px);
	margin: 0 auto;
}

header {
	float: left;
	width: 100%;
}

header>div {
	float: left;
}

/*
.gauche-5-12eme > div{
float:left;
}
*/
.gauche-5-12eme {
	width: 100%;
}

.droite-7-12eme {
	width: 100%;
}

.rf {
	float: left;
	width: 70px;
	margin-right: 20px;
}

.rf img {
	width: 100%;
	max-height: 113.56px;
	padding-top : 10%;
	padding-left : 15%;
}

.identite-site {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 169.31px);
	height: 61.47px;
	float: right;
	/*text-align: right; Permet d'avoir le text a droite pour les écrans a petite résolution */
}

.intitule {
	/**/
	/*adapter cette taille selon la longueur du nom - max 30px*/
	font-size: 25px;
	/**/
	font-family: marianne-bold;
	word-wrap: anywhere;
	line-height: 1em;
	width: 100%;
}

.intitule .nom {
	/*adapter ces tailles selon les besoin - max : 1em*/
	font-size: 1em;
	line-height: 1em;
	color: #0083AE;
}

.intitule .domaine {
	/*adapter ces tailles selon les besoin - max : 1em*/
	font-size: .75em;
	line-height: .75em;
	display: block;
	/* permet retour à la ligne. A activer selon longueur du nom complet et la taille choisie pour intitule*/
}

.intitule .domaine .impots {
	color: #8F8F8F;
}

.intitule .domaine .gouv, .intitule .domaine .fr {
	color: #BCBCBC;
}

.baseline {
	font-family: marianne;
	font-size: .4em;
	line-height: 1em;
	padding-top: 1em;
}

.rf img {
	display: block;
	max-width: 129.31px;
	width: 100%;
	height: auto;
}

@media ( max-width :760px) {
	.identite-site {
		margin-top: 20px;
	}
}

@media ( min-width :576px) {
	/* .identite-site{
float:left;
text-align:left;
width: calc(100% - 90px);
} */
	.intitule .domaine {
		/*adapter ces tailles selon les besoin - max : 1em*/
		display: block;
		/*permet retour à la ligne. A activer selon longueur du nom complet et la taille choisie pour intitule*/
	}
	.page-container {
		width: 100%;
		max-width: 540px;
	}
}

/*for desktop*/
.rf {
	/*width:129.31px;*/
	min-width: 129.31px;
	margin-right: 40px;
}

.rf img {
	width: 100%;
	max-height: 113.56px;
}

.intitule .nom {
	font-size: 1.2em;
}

}
@media ( min-width :992px) {
	.page-container {
		max-width: 960px;
	}
	.gauche-5-12eme {
		width: 41.66666666%;
	}
	.droite-7-12eme {
		width: 58.33333333%;
	}
	.intitule .domaine {
		/*adapter ces tailles selon les besoin - max : 1em*/
		font-size: .75em;
		line-height: .75em;
		display: block;
		/*permet retour à la ligne. A activer selon longueur du nom complet et la taille choisie pour intitule*/
		height:
	}
	.intitule {
		/**/
		/*adapter cette taille selon la longueur du nom - max 30px*/
		font-size: 30px;
	}
}

@media ( min-width :992px) {
	.page-container {
		max-width: 960px;
	}
	.identite-site {
		height: 113.56px;
	}
	.gauche-5-12eme {
		width: 41.66666666%;
	}
	.droite-7-12eme {
		width: 58.33333333%;
	}
	@media ( min-width :1200px) {
		.page-container {
			max-width: 1140px;
		}
	}
}