/*------------------------------------------------------------
*Filename: all.css
*Version: 1.1.1 (2018-06-21)
*Description : positionnement de tous les grands éléments structurels (body, header, main, article, footer, etc.), mais aussi certains éléments particuliers (zone édito, accordéons, etc.) pour tous les types d'affichage (desktop, tablette, smartphone). Sont définis en particulier les marges, padding, display et dimensions de ces éléments.

==INDEX=======================================================
_GLOBAL
_HEADER
_NAVIGATIONS
_ARTICLE
_ARTICLE-TYPE-SPECIFIQUE
_ARTICLE-BLOCK
_HOMEPAGE-EDITO
_HOMEPAGE-ZONING
_ACCORDEONS
_FOOTER
_CCK
==============================================================
------------------------------------------------------------*/


/************
== _GLOBAL ==
************/

/*webfonts*/
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


body{
	display:flex;
	flex-direction:column;
	margin:0;
	padding:0;
	width:100%;
}

header, main{
	display:flex;
	margin:0 auto;
	width:100%;
	max-width:1110px;
}

main{
	display:flex;
	flex-direction:column;
	width:100%;
}

iframe, table{
	width:100%;
}

/*Cacher en dehors de l'écran les titres pour l'accessibilité*/
.outscreen, #navigation h2, #barre-corp h2, #block-solr_ajax_search-searchSP h2{
	left:-20000px;
	position:absolute;
}
h1.acc-title-sidebar-second{
	position: absolute;
	left:-20000px;
	/* width:0; */
}
#accessibilitylinks {
	background-color: white;
	left: 50%;
	position: absolute;
	top:35px;
	z-index: 10;
	margin: 0;
	margin-left: -30%;
	padding: 0;
}

#accessibilitylinks li {
    list-style: none;
    float: left;
}

#accessibilitylinks li a{
	padding: 0.5rem;
	color: #2a2a2a;
}

/*Masquer éléments de manière accessible*/
.sr-only{
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    /* clip-path: rect(0, 0, 0, 0); */
    white-space: nowrap; /* added line */
    border: 0;
}

.unpublished{
	/* position:absolute; */
	/* z-index:-10; */
	color:rgba(70,70,70,0.6);
	font-size:3em;
	font-style: italic;
	font-family: sans-serif;
	border: 1px dashed #707070;
	margin: 1rem 2rem;
	text-align:center;
}
#back_top{
	width:100%;
	box-sizing:border-box;
	text-align:right;
	padding: 1rem 0.5rem;
}
/*************
== _HEADER ==
*************/

/*Tous types logos*/

header.univ .logo,
header.dedic .logo{
	flex: 0 1 auto;
}

header.univ .logo:first-child,
header.dedic .logo:first-child{
	min-width:65%;
}

/*Second logo*/

header.univ .logo.second,
header.dedic .logo.second{
	flex: 0 0 auto;
}

/*Zone de recherche*/
#search{
	flex: 0 1 auto;
	width: 21%;
}

#block-solr_ajax_search-searchSP *{
	margin:0;
	padding:0;
}

#block-solr_ajax_search-searchSP .container-inline{
	align-items:center;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

/*Top box liens utiles*/

#topbox{
	flex: 0 0 auto;
	width:15%;
	z-index: 101;
}

#topbox #block-topboxes-custom{
	display: flex;
	flex-basis: auto;
	height:2em;
	margin: 2em 0;
}

#topbox ul.mainlist li{
	display: inline-block;
}

#topbox ul.mainlist li.first #custom_fleche{
	margin-left:0.5rem;
}


#topbox ul.mainlist .hiddenlist.ferme{
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}

/*************
== _ARTICLE ==
**************/

article{
   display:flex;
   flex-direction:row;
   flex-flow:wrap;
   width:100%;
}

article h1:first-child,
article .top-row,
article .content-row,
article .bottom-row{
	display:flex;
	width:100%;
}
article .top-row{
	flex: 1 1 auto;
	flex-flow: wrap;
	justify-content:  space-evenly;
	padding: 0;
	margin: 0;
}

article .content-row{
	flex-flow:column;
	padding: 0 0 1rem 0;
}

article .content-row .content{
	flex: 1 1 auto;
	padding: 0 0.5rem;
}

article .bottom-row{
   flex-flow: wrap;
   justify-content:  space-evenly;
}


/*******************
== _NODE ACTUALITE ==
*******************/
/*pour éviter que le titre n'apparaisse deux fois dans la page de l'actu, mais qu'on puisse l'afficher dans "toutes les actus"*/
.node-type-actualite h1.title-article{
	display:none;
}

/*******************
== _ARTICLE-BLOCK ==
*******************/

/*pour éviter que le titre n'apparaisse deux fois dans la page de l'article, mais qu'on puisse l'afficher les vues regroupant des articles*/
.node-type-article h1.title-article{
	display:none;
}

/*top-row*/
article .top-row .block {
	background-color: #e6142d;
	margin:0 0.5rem 0.5rem 0.5rem;
	padding: 0.5rem;
	width: 100%;
}

article .top-row .block:first-child{
	margin-top:1rem;
}

article .top-row .block:last-child{
	margin-bottom:1rem;
}

/*top-row + graphique*/
article .top-row .block .graphique{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
}

article .top-row .block .graphique div{
	margin-right: 0.5rem;
}

article .top-row .block .graphique div:last-child{
	margin-right: 0;
}


/*sidebars*/
#sidebar_first, #sidebar_second{
		width:100%;
	}

/*bottom-row*/
article .bottom-row .block{
   flex: 1 1 auto;
   margin: 0;
   margin-bottom: 3em;
   padding: 0;
   width: auto;
   max-width: 30%;
}


/*******************
== _FOOTER ==
*******************/

footer{
	display:flex;
	flex-direction:row;
	/* margin-bottom:4em; */
	width:100%;
}

#footer-wrapper .block{
	flex:1 1 auto;
}