@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;
padding:15px 0;
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-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% - 90px);
    height: 61.47px;
	float:right;
	/*text-align: right; permet d'avoir le logo a droite sur une petite résolution */

}

#marianne {
	
}



.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(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:inline; permet retour à la ligne. A activer selon longueur du nom complet et la taille choisie pour intitule*/
}



.page-container{
width:100%;
}
}




/*for desktop*/

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

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

.identite-site{
width:calc(100% - 169.31px);/*largeur max rf - espacement 40px*/
/*pour centrage vertical par rapport au bloc marque*/  
height:113.56px;
}



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


}

@media(min-width:768px){
.page-container{
max-width:720px;
}

@media(min-width:992px){

header{
padding: 30px 0;

}

.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*/
}

.intitule{
/**/
/*adapter cette taille selon la longueur du nom - max 30px*/
font-size:30px;

}




}

@media(min-width:1200px){
.page-container{
max-width:1140px;
}