/*------------------------------------------------------------
*Filename: smart.css
*Version: 1.1.1 (2018-06-21)
*Description : mise en page de tous les éléments utilisés uniquement sur tablette ou smartphone avec une résolution < 640px.

==INDEX=======================================================
_MASQUAGES-DES-BLOCS-POUR-ORDI
_HEADER
_NAVIGATIONS
_ARTICLE_BOUTON_ACTUS
_ARTICLE-TYPE-SPECIFIQUE
_ARTICLE-BLOCK-DERNIERES-PUBLI
_HOMEPAGE-EDITO
_HOMEPAGE-ZONING
==============================================================
------------------------------------------------------------*/


/***********************************
== _MASQUAGES-DES-BLOCS-POUR-ORDI ==
************************************/
#block-zone_editoriale-zone_editoriale,
#search,
nav#barre-corp,
#navigation,
#topbox{
   display:none !important;
}

/************
== _HEADER ==
*************/

/*Bouton Burger*/

button.burger{
	background-image:linear-gradient(to bottom,  #e6142d 0%, #e6142d 20%, white 20%, white 40%, #e6142d 40%, #e6142d 60%, white 60%, white 80%, #e6142d 80%, #e6142d 100%);
  height:1.5rem;
  margin:1.5rem;
  width:2rem;
  border:none;
}


/*Logos + bouton burger pour écran dont résolution <= 520px*/

@media only all and (max-width: 520px){
	
	/*Logo SCPO + titre de site sur bandeau + second logo*/
	
	header.univ .logo:first-child{
		min-width:initial;
	}
	
	header.univ .logo:first-child img{
		height:1.5em ;
		margin: 1.5em;
	}
	
	header.univ .title{
	font-size: 1.5em;
	padding: 0.5rem 0 0.5rem 1.5rem;
	}
	
	header.univ .second img {
		height: 1.5em;
		margin: 1.5em 0 1.5em 0;
	}
	
	/*Logo SCPO appelation sans titre avec bandeau + second logo*/
	
	header.dedic .logo:first-child img{
		height:2.25em;/*2em si besoin plus petit 1 ligne*/
		/*height:2.90em;*//*2 lignes, voir 3 > height > 2.55 pour logo 2 lignes long type LIEP + cnrs*/
		/*height:3.15em;*//*3 lignes*/
		margin: 1.25em;
	}
	
	header.dedic .logo.second img{
		height: 2.25em;/*possibilité de réduire à 1.75em si besoin*/
	}
	
	/*Bouton Burger*/
	header.dedic button.burger{
		width:1.75rem;
		margin:1.25rem 1.25rem 1.25rem 0.5rem;
	}
}

/*****************
== _NAVIGATIONS ==
******************/

/*MENUS*/
#allMenus{
	width:100%;
}

/*MENU LOCAL*/
#menu-local-container{
	width:auto;
}

/***************************
== _ARTICLE_BOUTON_ACTUS ==
***************************/
@media all and (max-width: 600px){
  div.bouton-actu,
  div.bouton-actu p{
  width: 100%;
  } 
  div.bouton-actu a{
    width: auto;
    padding: 2.5% 15% 2.5% 15%!important;
  }
}

@media all and (max-width: 440px){
  div.bouton-actu a{
    padding: 2.5% 5% 2.5% 5%!important;
  }
}



/******************************
== _ARTICLE-TYPE-SPECIFIQUE ==
******************************/

#publications li .image, #partenaires li .image{
	float:left;
}

#publications li .content, #partenaires li .content{
	padding:0;
}

/************************************
== _ARTICLE-BLOCK-DERNIERES-PUBLI ==
************************************/

#carousel_dernieres_publications .image{
	width:12.5%;
}

#carousel_dernieres_publications .content{
	width: 77.5%;
}

/********************
== _HOMEPAGE-EDITO ==
*********************/

.region-edito #zone_editoriale_mobile .bloc {
    margin: 0.5rem;
	height: auto;
    display: inline-block;
    border: 1px solid #bbb;
}

.region-edito .titre {
    position: relative;
}

.region-edito #zone_editoriale_mobile .titre a{
	color:#2A2A2A;
}

.region-edito #zone_editoriale_mobile .titre h2, 
.region-edito #zone_editoriale_mobile .titre .sous-titre, 
.region-edito #zone_editoriale_mobile .titre .sous-titre-2, 
.region-edito #zone_editoriale_mobile .titre:hover h2, 
.region-edito #zone_editoriale_mobile .titre:hover .sous-titre, 
.region-edito #zone_editoriale_mobile .titre:hover .sous-titre-2{
    background: none;
}

.region-edito #zone_editoriale_mobile .titre h2{
   color:#595959;
   font-size: 1.3em;
}

.region-edito .titre p.sous-titre{
	font-size: 1em;
}

.region-edito .titre p.sous-titre-2{
	font-size: 0.95em;
}

/**********************
== _HOMEPAGE-ZONING ==
**********************/

.zoning .zone,
.zoning_1 .zone1,
.zoning_1_3 .zone1,
.zoning_1_3 .zone2,
.zoning_1_2_3 .zone1,
.zoning_1_2_3 .zone2,
.zoning_1_2_3 .zone3,
.zoning_1_3_3 .zone1,
.zoning_1_3_3 .zone2,
.zoning_1_3_3 .zone3,
.zoning_3_1_3 .zone1,
.zoning_3_1_3 .zone2,
.zoning_3_1_3 .zone3,
.zoning_3_3_3_3 .zone1,
.zoning_3_3_3_3 .zone2,
.zoning_3_3_3_3 .zone3,
.zoning_3_3_3_3 .zone4{
	float: none;
	padding:0;
	width: 100%;
}