/*------------------------------------------------------------
*Filename: style.css
*Version: 1.1.1 (2018-06-21)
*Description : mise en page de tous les éléments de structuration de contenu (titres, paragraphe, liens, listes, tableaux, img, etc.) pour tous les types d'affichage (desktop, tablette, mobile). Sont définies en particulier  les tailles, couleurs, graisses, bordures et espacements de ces éléments.

==INDEX=======================================================
_GLOBAL
_HEADER
_BREADCRUMB
_NAVIGATIONS
_ARTICLE
_ARTICLE-CAROUSEL
_ARTICLE-BOUTON-ACTUS
_ARTICLE-VIEWS
_ARTICLE-TYPE-SPECIFIQUE
_ARTICLE-BLOCK
_ARTICLE-BLOCK-VIEWS
_ARTICLE-BLOCK-GRAPHIQUES-EXERGUE
_ARTICLE-BLOCK-DERNIERES-PUBLI
_ARTICLE-BLOCK-SCPO-WEB
_ARTICLE-BLOCK-CTA-ADMISSIONS
_ARTICLE-DISPATCH
_HOMEPAGE
_HOMEPAGE-EDITO-ORDI-MOBILE
_CAROUSEL-BOUTONS
_ACCORDEONS
_SHAREBAR
_CCK (champs content-type)
_FOOTER
_BACKOFFICE
_BLOCK-ALERT
_COOKIEBOT
==============================================================
------------------------------------------------------------*/

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

*{
	color:#2a2a2a;
	font-family: 'Open Sans',sans-serif;
/*	font-size:1em;*/
	margin:0;
	padding:0;
	vertical-align:baseline;
	word-wrap:break-word;
}

.italic-red{
	color: #E6142D;
	font-style: italic;
}
.bold-red{
	color: #E6142D;
	font-weight: bold;	
}
.italic-bold-red{
	color: #E6142D;
	font-style: italic;
	font-weight: bold;	
}


h1{
	font-size:2em;
	font-weight: bold;
	line-height: normal;
	margin: 0 0.5rem 0.75rem 0.5rem;
	text-transform:uppercase;
}

h1.title{
	border-bottom: 1px solid #EAEAED;
	padding: 1rem 0 0.5rem 0;
}

h2{
	color: #595959;
	font-size:1.4em;
	font-weight: bold;
	line-height: normal;
	margin: 2rem 0 1.4rem 0;
	text-transform:uppercase;
}

h2 strong,
h2 em{
	color: #595959;
	}

h3{
	color: #E6142D;
	font-size:1.25em;
	font-weight: bold;
	line-height: normal;
	margin:1.75rem 0 1.25rem 0;
}

h3 strong,
h3 em{
	color: #E6142D;
}

h4{
	color:#2A2A2A;
	font-size:1.125em;
	font-weight: bold;
	line-height: normal;
	margin:1rem 0;
}

h5, h6{
	color:#595959;
	font-size:1.062em;
	font-weight: bold;
	line-height: normal;
	margin:1rem 0;
}

p{
	line-height:normal;
	margin:1rem 0;
}

blockquote{
	padding: 0 1rem;
}

a>strong,
a>em,
a:link,a:visited{
	color: #e6142d;
	text-decoration:none;
}
a:hover,a:active{
	color: #e6142d;
	text-decoration:underline;
}


ul, ol, ul ul, ol ol, ul ol{
	padding: 0 0 0 1rem;
}

li{
	line-height:1.5rem;
	margin-bottom:0.5rem;

}

table{
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
}

table caption{
	text-align: center;
	font-weight: bold;
	margin: 0.5rem 0 1rem 0;
}

table tr th, 
table tr td, 
table tr td.active{
	border: 1px solid #707070;
	padding: 0.5rem;
}

.page-node table tr th, 
.page-node table tr td, 
.page-node table tr td.active{
		background-color:#FFF;
}
.page-node table tr:first-child th {
    border-bottom: 2px solid #E6142D;
}

img{
	max-width:100%;
	height: auto;
}

form{
	padding: 1rem 0;
}

form input[type="submit"]{
	padding: 0 0.5rem;
}

.info{
	border: 1px dashed #e6142d;
	margin:0.5rem 0;
	padding: 0.5rem 1rem;
}

.emphasis{
    margin: 0.5rem 0;
    padding: 0.5rem 1rem;
    background-color: #fbfbfb;
	border: 0.5rem solid #eaeaed;
}

ul.emphasis{
	padding: 0.5rem 2rem;
}


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

/*Logo SCPO + titre de site sur bandeau*/

header.univ .logo img{
	height:2em;
	margin:2em;
}

header.univ .title{
	background-color:#e6142d;
	color:white;
	padding: 0.5rem 0 0.5rem 2rem;
	width:100%;
}

/*Titre dans bandeau rouge*/
header.univ .title{
    font-size:1.75em;
   }

/*Logo SCPO appelation sans titre avec bandeau*/

header.dedic .logo:first-child img{
	height:3.35em; /*logo 1 ligne*/
	/*height:4.25em; /*pour 2 lignes*/ 
	/*height:5.15em; /*pour 3 lignes*/
	margin:2em; /*ou 2.2 voir avec Steff*/
}
header.dedic .title{
	display:none;
}
header.dedic{
	border-bottom:3px solid #e6142d;
}

/*Second logo*/

header.dedic .logo.second img{
	height: 3.45em;/* si logo 1 ou 2 lignes*/
	/*height: 3.57em;*//* si logo 3 lignes*/
	margin: 2em 2em 2em 0;
	/*margin: 1.15em 2em 2em 0;*//*si logo sur 2 lignes*/
}

/*Zone de recherche*/

#block-solr_ajax_search-searchSP{
  border-bottom:0.1em solid #bbb;
  padding-bottom:0.5em;
}

#block-solr_ajax_search-searchSP input[type="text"]{
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color:#595959;
	font-style:italic;
	font-weight:100;
	width:100%;
}

#block-solr_ajax_search-searchSP input[type="text"]:focus{
	outline: dotted 1px #2a2a2a;
}

#block-solr_ajax_search-searchSP input[type="submit"] {
/*    background: none repeat scroll 0 0 transparent;*/
    border: medium none;
    font-weight: bold;
    margin: 0;
/*    overflow: hidden;*/
    padding: 0;
    text-align: center;
    cursor: pointer;
}
#block-solr_ajax_search-searchSP #edit-search-block-form-1:focus {
    outline: dotted 1px #2a2a2a;
}


#block-solr_ajax_search-searchSP label{
	display:none;
}
#block-solr_ajax_search-searchSP input[type=submit]{
	color:transparent;
	background:transparent url('../../sciencespo/images/loupe.png') no-repeat center center;
	background-size:contain;
	width: 30px;
}

/*Top box liens utiles*/
#topbox ul.mainlist{
	background-color:#FFF;
	border-bottom: 0.1em solid #bbb;
}

#topbox ul.mainlist li{
	font-size:1em;
	line-height:normal;
	margin: 0 0 0.5rem 0;
	padding: 0;
}

/****************
== _BREADCRUMB ==
****************/
div.breadcrumb{
	color:#595959;
	font-weight:bold;
	padding:1rem 0.5rem;
}

div.breadcrumb a{
	color:#595959;
	font-weight:normal;
}

/*Masquer le breadcrumb sur la homepage*/
.front .breadcrumb {
    display: none;
}

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

/*Menus coporate et principal*/
#block-barre_corp-menu_corporate .content>ul ul,
#block-nice_menus-1 .content>ul ul{
	display:inline-block;
	left:-20000px;
	padding:0;
	position:absolute;
	min-width:100%;
	text-align:left;
}

#block-barre_corp-menu_corporate .content>ul ul li,
#block-barre_corp-menu_corporate .content>ul ul li a,
#block-nice_menus-1 .content>ul ul li,
#block-nice_menus-1 .content>ul ul li a{
	text-align:left;
}


#block-barre_corp-menu_corporate .content>ul ul li a,
#block-nice_menus-1 .content>ul ul li a{
	padding: 0 30px 0 20px;
}

#block-barre_corp-menu_corporate .content a,
#block-nice_menus-1 .content a{
	background-color:white;
	display:block;
}

/*style menu covid*/
#allMenus #block-barre_corp-menu_corporate #li-0 a.level1:link,
#allMenus #block-barre_corp-menu_corporate #li-0 a.level1:visited{
	color:#E6142D;
	font-weight: bold;
}

#allMenus #block-barre_corp-menu_corporate #li-0 a.level1:hover,
#allMenus #block-barre_corp-menu_corporate #li-0 a.level1:active{
	color:#FFF;
	font-weight: bold;
}



/*Menu local*/
#sidebar_first nav.local-menu .content{
	background-color:#f2f2f2;
	margin:0 0.5rem 3rem 0.5rem;
	width:auto;
}

#sidebar_first nav.local-menu h2{
	margin: 0;
	padding:0;
	background-color: #e6142d;
	color: #fff;
	display:block;
	font-size: 1.25rem;
	font-style:normal;
	font-weight:normal;
}

#sidebar_first nav.local-menu h2.niveau1-non-cliquable{
	padding: 0.5rem;
}

#sidebar_first nav.local-menu h2 a{
	color: #fff;
	display:block;
	font-size: 1.25rem;
	font-style:normal;
	font-weight:normal;
	padding: 0.5rem;
}

#sidebar_first nav.local-menu a{
	color:#2a2a2a;
}

#sidebar_first nav.local-menu a:hover{
    background-color: #707070;
    color: #fff;
    text-decoration: none;
}

#sidebar_first nav.local-menu ul{
	padding: 0;
	margin:0;
	list-style-type:none;
	display:inline-block;
	width:100%;
}
#sidebar_first nav.local-menu ul li{
	padding:0;
	margin:0;
}
#sidebar_first nav.local-menu ul>li>a{
	font-style:normal;
	display:block;
	padding:0.5rem;
}

#sidebar_first nav.local-menu ul>li.active a{
	background-color: #707070;
	color: #FFF;
}
#sidebar_first nav.local-menu ul li.active + ul a{
	font-size: 0.9em;
	line-height: 1rem;
	padding: 0.5rem 0.25rem 0.5rem 1.5em;
}

/*Menu in-page*/




article .item-menu-inpage {
	background-color:#E6142D;
	margin:0 0 0.1rem 0;
	padding:0;
    width: 100%;
}


article .item-menu-inpage a{
  font-variant:small-caps;
  text-transform: initial;
  color:white;
  text-decoration:none;
  padding:0.5rem;
  display:block;
  margin:0;
}

article  .item-menu-inpage :hover {
  background-color:#707070;
}

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

/*Premier h2, ou p d'une node n'a pas de marge haute*/
article .content-row .body h2:first-child,
article .content-row .body p:first-child{
	margin-top:0.5rem;
}

article .field.field-type-text.field-field-sous-titre,
article .field-field-sous-titre-actualite,
article .field-field-soustitre2-actualite{
	color: #595959;
	font-size:1.312em;
	font-style:italic;
	line-height: normal;
	margin:0 0 1.1rem 0;
	}
	
/*Mots-cles*/

.terms-container{
	display:block;
	margin: 1em 0;
	padding:0.5rem 0.5rem;
	border-top: 1px solid #f2f2f2;
}

.meta .terms{
	padding-left:0.5rem;
}

.terms-inline{
    padding-top: 0.5rem;
}

ul.inline, 
ul.inline li{
	display:inline;
	padding:0;
}

ul.inline li a{
	background-color:#707070;
	color:#FFF;
	text-decoration:none;
	padding: 0 0.5em;
}

ul.inline li a:hover{
	
	background-color:#F2F2F2;
	color:#2A2A2A;
}	

/**********************
== _ARTICLE-CAROUSEL ==
***********************/

/* @media only all and (min-width: 640px){ */
	/* .no-sidebars .content-row .scpocarousel ul.ul-scpocarousel li.li-scpocarousel img.imagefield, */
	/* .sidebar-left .content-row .scpocarousel ul.ul-scpocarousel li.li-scpocarousel img.imagefield, */
	/* .sidebar-right .content-row .scpocarousel ul.ul-scpocarousel li.li-scpocarousel img.imagefield{ */
		/* height: auto !important; */
		/* max-width: 672px; */
	/* } */
	
	/* .no-sidebars .content-row .scpocarousel, */
	/* .no-sidebars .content-row .scpocarousel ul.ul-scpocarousel li.li-scpocarousel,  */
	/* .sidebar-left .content-row .scpocarousel, */
	/* .sidebar-left .content-row .scpocarousel ul.ul-scpocarousel li.li-scpocarousel, */
	/* .sidebar-right .content-row .scpocarousel, */
	/* .sidebar-right  .content-row .scpocarousel ul.ul-scpocarousel li.li-scpocarousel{ */
		/* max-width:672px; */
	/* } */
/* } */

.scpocarousel{
/* margin-bottom: 1em; */
}

.alt-display-container{
	line-height:initial;
}

.scpocarousel ul.ul-scpocarousel li.li-scpocarousel img.alt-display{
	float:none;
	margin: 0 0.25rem 0 0;
}

.scpocarousel li.li-scpocarousel{
	list-style:none;
}


article .nav-item{
	height: auto;
	margin-top: 0.35rem;
}

article .nav-arrow{
	height: 1.15em;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

div.field-field-image+div.body,
div.field-field-image-actualite+p{
	clear:both;
}

.transcription-textuelle{
	background-color: #f2f2f2;
	display: block;
	padding: 0 0.5rem;
}


/********************
== _ARTICLE-VIEWS ==
*******************/

.view-taxonomy-term,
article div.view-id-news{
	padding:0 0.5rem;
}


article div.view .content{
	padding:0;
}
article div.view .views-row{
	margin:1rem 0;
}

article div.view .views-row div{
	margin: 0.5rem 0;
}

article .item-list ul{
	padding: 0 0 0 1rem;
}

article div.view .view-filters{
	border: 1px dashed #E6142d;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
}

article div.view .view-filters form{
	padding:0;
}

article .views-exposed-form .views-exposed-widget{
	float:none;
}

article .views-exposed-form .views-exposed-widget .form-submit{
	margin-top:0.5rem;
}

/*Pager (sous vues paginées)*/
.item-list ul.pager{
	margin: 0.75rem 0;
	padding:0;
	text-align: center;
}
.item-list ul.pager a{
	color:#E6142d;
}
.item-list .pager li{
margin-left: 0;
display: inline;
padding: 0 0.5rem 0 0.5rem;
}

.item-list .pager li.first {
    margin-left: 0;
    padding-left: 0;
}
	
/*Page liste des actualites et taxonomies*/
.page-taxonomy h1.title-article,
.view-id-news h1.title-article,
.view-id-taxonomy_term  h1.title-article{
	font-size:1.6em;
	margin: 0.5em 0;
}
.page-taxonomy h1.title-article a,
.view-id-news h1.title-article a,
.view-id-taxonomy_term h1.title-article a{
	color:#2a2a2a;
}

/*********************
_ARTICLE-BOUTON-ACTUS
**********************/

div.bouton-actu{
	display: block;
	margin: 1.2em auto 1.2em auto;
	text-align: center;
  }

div.bouton-actu p{
	line-height:2em;
	margin:0; 
	text-align:center;
}

div.bouton-actu a{
  color:#FFF;
  display:inline-block;
  line-height:2em;
  padding: 0.5rem 2.5rem;
  text-align:center;
  font-weight:bold;
  background: #e6142d;
  /* border: 1px solid #FFF; */
  box-shadow: 0 1px 3px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.30);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div.bouton-actu a:hover,
div.bouton-actu a:active,
div.bouton-actu a:focus{
	background:#fff;
	text-decoration:none;
	color:#e6142d;
	/* border: 1px solid #e6142d; */
}

div.bouton-actu:hover{
	color:#e6142d;
}
  div.bouton-actu.bouton-sticky{
	position: sticky;
	position: -webkit-sticky;
    bottom: 0;
}



/***********************
_ARTICLE-TYPE-SPECIFIQUE
************************/
/*Pages = contacts, pdfs, publications, partenaires, scpo-web, résultats de recherche etc.*/

#contacts div.niveau1 div,
#maps div.niveau1 div,
#pdfs div.niveau1 div{
	padding:0;
}

#pdfs li{
	color:#E6142D;
	list-style: disc;
	margin:0 0 0.25rem 1.5rem;
}

#contacts .item-list > ul > li, 
#maps .item-list > ul > li,
#publications .item-list > ul > li,
#partenaires .item-list > ul > li,
#scpo_web .item-list > ul > li{
	list-style-type: none;
	margin: 0 0 0.25em 0;
	padding-left: 0.25rem;
}

#contacts .item-list li.even,
#maps .item-list li.even,
#publications li.even, 
#partenaires li.even, 
#scpo_web li.even,
#rs li:nth-child(even){
	background-color:#fafafa;
}

#contacts dl,
#maps li.map{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

#contacts dl dt,
#maps li.map .map-code{
	flex: 0 0 auto;
	font-weight:bold;
	margin-bottom: 1rem;
	width: 50%;
}


#maps li.map .map-code a{
	font-weight:normal;
}

#contacts dl dd, 
#maps li.map .map-autre{
	flex: 1 1 auto;
	margin-bottom: 1rem;
	width: 45%;
	padding-left:0.5rem;
}

#contacts dl dd p{
	margin:0;
}

#contacts dl dd p.contact-mail{
	font-style:italic;
}

#maps .map-autre h3{
	margin-top:0.5rem;
}

#contacts,
#faqs,
#maps, 
#pdfs, 
#publications, 
#partenaires, 
#scpo_web,
#rs{
	padding: 0 0.5rem;
}

#contacts ul,
#pdfs ul,
#publications ul,
#partenaires ul, 
#scpo_web ul,
#rs ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#publications li, #partenaires li, #scpo_web li{
	display: inline-table;
	padding:0 0.5rem 1rem 0;
	width:100%;
}


#publications li .content h2, 
#partenaires li .content h2,  
#rs li h2{
	color: #E6142D;
	font-size: 1.25em;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	text-transform:none;
}

#rs li{
	margin:0;
	padding: 0.5rem 0;
}

#publications li .image, #partenaires li .image, #scpo_web li .image{
	float:left;
	margin: 0.5rem 0.5rem 0 0.5rem;
}

#publications li .content .auteur, #partenaires li .content .auteur{
	/* display: inline-table; */
	/* float: left; */
}
	
/*Pager résultats de recherche*/

#rs .pager{
	text-align:center;
	font-weight:bold;
	margin-top:0.5rem;
	padding:0.5rem;
}
/*******************
== _ARTICLE-BLOCK ==
*******************/

.block h2, 
.block h3, 
.block h4, 
.block h5, 
.block h6,
.block p,
.block blockquote,
.block ul,
.block form{
	padding: 0 0.5rem;
}

.block ol{
	padding: 0 0.5rem 0 1.5rem;
}

.block form{
	margin: 1rem 0;
}

.block form select{
	width: 100%;
}

.top-row .block .content *{
	color: #fff;
	margin: 0.5rem 0;
	padding: 0;
}

.top-row .block .content ul {
    padding: 0 1rem;
}

#sidebar_second .block{
border: 1px solid #bbb;
padding: 0;
width: auto;
margin-bottom: 3em;
}

article .bottom-row .block{
border: 1px solid #bbb;
}

/*style pour les titres de blocs plus classiques*/
#sidebar_first .block h2,
#sidebar_second .block h2,
.bottom-row .block h2,
#sidebar_first .block h2 a,
#sidebar_second .block h2 a,
.bottom-row .block h2 a{
	font-size: 1.06rem;
	font-style:normal;
	line-height:normal;
	text-transform:uppercase;	
}

#sidebar_first .block h2,
#sidebar_second .block h2,
.bottom-row .block h2{
	color:#2A2A2A;
	margin: 0.5em 0;
}

#sidebar_first .block h3,
#sidebar_second .block h3,
.bottom-row .block h3,
#sidebar_first .block h3 a,
#sidebar_second .block h3 a,
.bottom-row .block h3 a{
	font-size: 1.06rem;
	margin: 0;
}

#sidebar_first .block h4,
#sidebar_second .block h4,
.bottom-row .block h4,
#sidebar_first .block h4 a,
#sidebar_second .block h4 a,
.bottom-row .block h4 a{
	font-size: 1rem;
}



#sidebar_first .block p,
#sidebar_second .block p,
.bottom-row .block p{
	margin: 1rem 0;
}

#sidebar_first .block a,
#sidebar_second .block a,
.bottom-row .block a{
	font-style:italic;
}

#sidebar_first .block ul,
#sidebar_second .block ul,
.bottom-row .block ul{
	list-style-type:none;
	font-style: italic;
}


#sidebar_first .block img,
#sidebar_second .block img
.bottom-row .block img{
	display: block;
	margin: auto;
}
/*cas particulier > class block-img : si utilisée dans un bloc, permet de supprimer les marges autours des images*/
#sidebar_second .block p.block-img,
.bottom-row .block p.block-img{
	margin:0;
	padding:0;
}

/*cas particulier > entretoise*/
#sidebar_first #block-mise_en_page-entretoise,
#sidebar_second #block-mise_en_page-entretoise{
	border:none;
}

#sidebar_first #block-mise_en_page-entretoise,
#sidebar_first #block-mise_en_page-entretoise-actu,
#sidebar_second #block-mise_en_page-entretoise{
	background:none;
	border: none;
	height: 0;
	margin: 0;
	padding: 0;
	width: 0;
}

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

/*Bloc avec liste déroulante + bouton (exemple : filtres news)*/
.block .views-exposed-form .views-exposed-widget{
	display: flex;
	width:100%;
	}

.block .views-exposed-form .views-exposed-widget select,
.block .views-exposed-form .views-exposed-widget input{
	flex:1 1 auto;
	width:100%;
	}

.block .views-exposed-form .views-exposed-widget .views-widget,
.block .views-exposed-form .views-exposed-widget input{
	margin: 0 0.5rem;
	width:100%;
	}

.block .views-exposed-form .views-exposed-widget input{
	margin-top: 0.5rem;
}

/***************************************
== _ARTICLE-BLOCK-GRAPHIQUES-EXERGUE ==
***************************************/

#sidebar_second #block-mise_en_page-zone_de_droite{
	background-color:#F2F2F2;
	border:none;
	padding-bottom:0.5rem;
}

#sidebar_second #block-mise_en_page-zone_de_droite .graphique{
	background-color: #FFF;
	padding-bottom: 3em;
}

#sidebar_second #block-mise_en_page-zone_de_droite .content > :first-child{
	margin-top: 0;
	padding-top:0.5rem;
}


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

#carousel_dernieres_publications , #spire_carousel_dernieres_publications {
	margin-top: 1rem;
}

#carousel_dernieres_publications  li .dernieres_publications, #spire_carousel_dernieres_publications  li .dernieres_publications{
	margin-bottom: 0.5rem;
	flex: 0 1 auto;
}


#carousel_dernieres_publications  li.li-scpocarousel, #spire_carousel_dernieres_publications  li.li-scpocarousel{
	list-style-type:none;
	display: flex;
	flex-direction: column;
}
#carousel_dernieres_publications  .image , #spire_carousel_dernieres_publications  .image {
    width: 24%;
    float: left;
	padding-left:0.5rem;
}

#carousel_dernieres_publications  .content, #spire_carousel_dernieres_publications  .content{
	float: left;
	padding: 0 0.25rem 1rem 0.5rem;
	width: 65%;
}

#block-dernieres_publications-dernieres_publications .all,
#block-spire-spire_dernieres_publications .all{
	padding:1.5rem 0.5rem 0.5rem 0.5rem;
}

#carousel_dernieres_publications  .content h3, #spire_carousel_dernieres_publications  .content h3{
	font-size:0.9em;
	font-weight:normal;
	font-style:italic;
	margin-top: 0;
	margin-bottom: 0.5rem;
	padding: 0;
}

#carousel_dernieres_publications  .auteur, #spire_carousel_dernieres_publications  .auteur{
	font-size:0.85em;	
}

/*****************************
== _ARTICLE-BLOCK-SCPO-WEB ==
*****************************/

#carousel_scpo_on_the_web div.scpo_on_the_web{
	margin:0 0.5rem 0.5rem 0.5rem;
	position:relative;
	width:auto;
}

#carousel_scpo_on_the_web ul.ul-scpocarousel li{
	list-style-type:none;
}

#carousel_scpo_on_the_web div.scpo_on_the_web h3{
	background: rgba(0, 0, 0, 0.75);
	font-size: 1em;
	font-style:italic;
	font-weight: normal;
	margin:0;
	padding:0 0.5rem 0 0.5rem;
	position: absolute;
	bottom: 0.375em;
}

#carousel_scpo_on_the_web div.scpo_on_the_web h3:hover{
	background-color:#E6142D;
}

#carousel_scpo_on_the_web div.scpo_on_the_web h3 a{
	color:#FFF;
	text-decoration:none;
}

#block-scpo_on_the_web-scpo_on_the_web .all{
	padding:1.5rem 0.5rem 0.5rem 0.5rem;
}

/***********************************
== _ARTICLE-BLOCK-CTA-ADMISSIONS ==
***********************************/

#sidebar_second #cta-admissions{
	min-width: 228px;
}

#sidebar_second #cta-admissions p.cta-admissions{
	padding:0;
}

#sidebar_second #cta-admissions  .cta-admissions.apply a{
	background-color:#e6142d;
	color:#FFF;
}

#sidebar_second #cta-admissions  .cta-admissions a{
margin: 1em 0;
display: block;
border: 0.15rem solid #e6142d;
font-size:92%;
padding: 2%;
}

#sidebar_second #cta-admissions .cta-admissions a img{
	float:right;
}
/***********************
== _ARTICLE-DISPATCH ==
***********************/


.wrapper-dispatch{
	display: flex;
	flex-direction: row;
	width: 98%;
	height: auto;
	flex-wrap: wrap;
	justify-content: space-evenly;	
	background-color:#f2f2f2;
	padding: 0 0.5rem;
	margin: 1rem 0;
}

.wrapper-dispatch col2{
	justify-content: space-around;	
}

.wrapper-dispatch .block-dispatch{
	border: 1px solid #EAEAED;
	margin: 0.5rem 0;
	background-color:#ffffff;
}

.wrapper-dispatch.col4 .block-dispatch {
    flex: 0 1 24%;;
}

.wrapper-dispatch.col3 .block-dispatch {
    flex: 0 1 32%;
}

.wrapper-dispatch.col2 .block-dispatch {
    flex: 0 1 48%;
}

.wrapper-dispatch.inline .block-dispatch {
width: 100%;
}

.wrapper-dispatch.inline .block-dispatch h2.title{
	text-transform:initial;
}

/* .wrapper-dispatch .block-dispatch:first-child{ */
	/* margin: 0 0 1rem 0; */
/* } */

article .wrapper-dispatch .block-dispatch p.block-dispatch-img{
	margin:0;
}

.wrapper-dispatch .block-dispatch p.block-dispatch-img img{
	width:100%;
	vertical-align:middle;
}

.wrapper-dispatch.inline .block-dispatch p.block-dispatch-img img{
	float:left;
	margin: 0.5rem;
	width:30%;
}

.wrapper-dispatch .block-dispatch h2.title, 
.wrapper-dispatch .block-dispatch h3.title,
.wrapper-dispatch .block-dispatch h4.title,
.wrapper-dispatch .block-dispatch p{
	margin:0.5rem;
}

.wrapper-dispatch h2.bouton-actu {
    margin: 0.5rem;
    font-size: 100%;
}
.wrapper-dispatch .bouton-actu a {
    padding: 0.5rem;
}


/*dispatch tab*/
@media only all and (min-width: 640px) and (max-width: 1023px){

.wrapper-dispatch.col4 .block-dispatch,
.wrapper-dispatch.col3 .block-dispatch,
.wrapper-dispatch.col2 .block-dispatch{
    flex: 0 1 30%;
}
}


/*dispatch mobile*/
@media only all and (max-width: 639px){
	
	.wrapper-dispatch{
		width:auto;
		padding: 0.5rem;
	}
	
	.wrapper-dispatch.col4 .block-dispatch,
	.wrapper-dispatch.col3 .block-dispatch,
	.wrapper-dispatch.col2 .block-dispatch{
	flex: 1 1 100%;
	}
	.wrapper-dispatch .block-dispatch p.block-img{
	height: 44vw;
	overflow: hidden;
	}
	.wrapper-dispatch .block-dispatch p.block-img img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	}
}
/***********************
== _END-ARTICLE-DISPATCH ==
***********************/


/***************
== _HOMEPAGE ==
***************/

.zoning h1{
	border-bottom: 1px solid #bbb;
	color:#2A2A2A;
	font-size: 1.6em;
	margin:0 0 1rem 0;
	padding:0 0 0.75rem 0;
}

.zoning h1 a{
	color:#2A2A2A;
}

.zoning .sous_titre{
	color:#2A2A2A;
	font-size:1.15rem;
	line-height:1.5rem;
	margin-bottom:0.5rem;
}

/********************************
== _HOMEPAGE-EDITO-ORDI-MOBILE ==
*******************************/
/*Positionnement zone edito*/
.region-edito, 
#block-zone_editoriale-zone_editoriale,
#block-zone_editoriale-zone_editoriale .content,
#zone_editoriale .item-list,
#zone_editoriale .scpoeditocarousel,
#zone_editoriale li li-scpoeditocarousel{
	margin:0;
	padding:0;
	width:100%;	
}

.region-edito *{
	box-sizing:border-box;
}

.region-edito{
	margin-bottom: 0.75em;
}

.region-edito .video{
	display:none;
}

.region-edito .ul-scpoeditocarousel{
  display:flex;
  flex-direction:row;
  width:100%;
  list-style:none;
  margin:0;
  padding:0;
  height:auto;
  max-height:278px;
}

.region-edito .ul-scpoeditocarousel li{
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}
.region-edito .ul-scpoeditocarousel img{
    height: auto;
	max-height: 278px;
    width: 100%; 
}

.region-edito .gabarit{
	display:block;
	max-height: 278px;
}

.region-edito .gabarit > .bloc{
	float:left;
}

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

/* Gabarit 1 */
.region-edito .gabarit1 .bloc1 {
  width: 100%;
  height: auto;
}

/* Gabarit 2 */
.region-edito .gabarit2 .bloc1 {
  width: 50%;
  height: auto;
}
.region-edito .gabarit2 .bloc2 {
  height: auto;
  margin-left: 0.09%;
  width: 49.91%;
}

/* Gabarit 3 */
.region-edito .gabarit3 .bloc1 {
  width:55.406%;
  height: auto;
}
.region-edito .gabarit3 .bloc2 {
  height: auto;
  margin-left:0.09%;
  width: 44.505%;
}

/* Gabarit 4 */
.region-edito .gabarit4 .bloc1 {
  width: 44.415%;
  height: auto;
}
.region-edito .gabarit4 .bloc2 {
  height: auto;
  margin-left:0.09%;
  width: 33.153%;
}
.region-edito .gabarit4 .bloc3 {
  height: auto;
  margin-left:0.09%;
  width: 22.253%;
}

.region-edito .titre{
  position:absolute;
  bottom:0;
  left:0;
  z-index:10;
}

.region-edito .all-news{
	float:right;
}

.region-edito .nav-item{
	height: 1em;
	margin-top: 1.15em;
}

.region-edito .nav-arrow{
	height: 1em;
	margin-top: 0.75em;
	margin-right: 0.5em;
}

.region-edito .all-news{
	margin-top: 0.5em;
    margin-right: 1em;
}

/*Mise en forme de la zone edito*/
.region-edito .titre{
	margin-bottom: 0.75rem;
}

.region-edito .titre h2{
	font-size:1.3em;
	margin: 0;
	padding: 0 7px;
	text-transform:none;
}
.region-edito .titre p{
	font-style: italic;
	margin:0;
	padding: 3px 7px;
}
.region-edito .titre p.sous-titre-2{
	font-size: 0.95em;
}
.region-edito .gabarit a {
    color: #FFF;
	text-decoration: none;
}

.region-edito .bloc .titre h2,
.region-edito .bloc .titre .sous-titre,
.region-edito .bloc .titre .sous-titre-2 {
    background: rgba(0, 0, 0, 0.75);
    clear: left;
	float: left;
}
.region-edito .bloc .titre:hover h2,
.region-edito .bloc .titre:hover .sous-titre,
.region-edito .bloc .titre:hover .sous-titre-2,
.region-edito .voirVideo:hover{
	background:#E6142D;
}

.region-edito .voirVideo{
	background: rgba(0, 0, 0, 0.75);
	font-size: 1em;
	padding: 0 0.5rem;
	position: absolute;
	top: 0.5rem;
}

.region-edito .voirVideo a{
	display: block;
	color: #FFF;
	font-size: 1em;
}

.region-edito .voirVideo a::after{
	content: " \25b6";
}

.region-edito .all-news a{
	font-weight: bold;
	font-style: italic;
}

/********************
== _HOMEPAGE-ZONING ==
*********************/
.zoning .zone_padding{
	background:none;
	padding:0 0.5rem;
}

/***********************
== _CAROUSEL-BOUTONS ==
***********************/

.nav-item a:hover, 
.nav-item a.active{
	background-color: #E6142D;
}

.nav-arrow a.next:hover, 
.nav-arrow a.prev:hover, 
.nav-arrow a#pause:hover,
.nav-arrow a.pause, 
.nav-arrow a.pause:link, 
.nav-arrow a.pause:visited, 
.nav-arrow a.pause:hover, 
.nav-arrow a.pause:active{
    background-color: #E6142D;
}


/*****************
== _ACCORDEONS ==
*****************/

.collapsible > .collapse-processed > a:link,
.collapsible > .collapse-processed > a:visited{
   background-image: url("http://bo-k2s.sciences-po.fr/misc/menu-expanded.png");
   background-repeat: no-repeat;
   background-position: right;
   border-bottom: 1px dotted #E6142D;
   display: inline-block;
   text-decoration:none;
   width: 100%;
}

.collapsed > .collapse-processed > a:link,
.collapsed > .collapse-processed > a:visited {
   background-image: url("http://bo-k2s.sciences-po.fr/misc/menu-collapsed.png");
}

.collapsible > h2.collapse-processed > a:link,
.collapsible > h2.collapse-processed > a:visited,
.collapsible > h5.collapse-processed > a:link,
.collapsible > h5.collapse-processed > a:visited,
.collapsible > h6.collapse-processed > a:link,
.collapsible > h6.collapse-processed > a:visited{
	color:#595959;
}

.collapsible > h3.collapse-processed a:hover{
	color:#595959;
}

.collapsible > h3.collapse-processed > a:link,
.collapsible > h3.collapse-processed > a:visited{
	color:#E6142D;
	border-bottom: 1px dotted #595959;
}

.collapsible > h4.collapse-processed > a:link,
.collapsible > h4.collapse-processed > a:visited{
	color:#2A2A2A;
}

.collapsible > h2.collapse-processed:hover,
.collapsible > h3.collapse-processed:hover,
.collapsible > h4.collapse-processed:hover,
.collapsible > h5.collapse-processed:hover,
.collapsible > h6.collapse-processed:hover{
	background-color:#f2f2f2;
}

.collapsible > h3.collapse-processed a:hover{
	color:#595959;
}

.collapsible div.div-wrapper{
	display:none;
	margin-left:0.5rem;
}

/****************
== _SHAREBAR ==
****************/
.content-row .share-bar{
	margin: auto;
	width: 100%;
}

.content-row .share-bar ul{
	display: flex;
	flex-direction: row;
	list-style-type: none;
	justify-content: end;
}

.content-row .share-bar ul li{
margin-left: 0.5rem;
}

/**********
== _CCK ==
**********/
/* Node display */
.field .field-label,
.field .field-label-inline,
.field .field-label-inline-first {
  font-weight:bold;
}
.field .field-label-inline,
.field .field-label-inline-first {
  display:inline;
}
.field .field-label-inline {
  visibility:hidden;
}

/*************
== _FOOTER ==
*************/
footer{
  border-top:0.2em solid #e6142d;
  /* border-bottom:0.2em solid #e6142d; */
}

footer p, footer h2, footer h3, footer h4, footer h5, footer h6, footer ul, footer ol, footer li{
	color:#2A2A2A;
	font-size:1em;
}

footer h2{
	margin:0 0 0.5rem 0; 
}

footer ul li{
	list-style-type: none;
}

footer a:active, footer a:link, footer a:visited{
	color:#2A2A2A;
}

footer a:hover{
	color:#E6142D;
}

/****************
== _BACKOFFICE ==
****************/

/*Boutons d'édition de contenus (voir, modifier, révisions, etc.)*/
article.content div.tabs{
	margin:auto;
	width:100%;
}

article.content div.tabs ul{
	background: none;
	border-bottom: 1px solid #f2F2F2;
	display:flex;
	flex: 1 1 auto;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: start;
	list-style-type: none;
	margin: 0 0 1rem 0;
	padding: 0 0.5rem;
}

article.content div.tabs ul li{
	background-color: #f2f2f2;
	padding: 0 0.5rem;
}

article.content div.tabs ul li.active,
article.content div.tabs ul li:hover{
	background-color:#707070;
}

article.content div.tabs ul li a{
	background: none;
	color:#2a2a2a;
	padding: 0 0.5rem 0 0.5rem;
}

article.content div.tabs ul li.active a,
article.content div.tabs ul li a:hover{
	background: none;
	color:#fff;
}

article.content div.tabs ul.secondary li{
	margin:0;
}

article.content div.tabs ul.secondary a{
	border:none;
	padding:0;
}

/*colorisation des liens uploadés dans back office*/

#node-form .attachments .description span,
#node-form .attachments #attach-wrapper .description small{
	color:blue;
	font-weight:bold;

}

/*Mise en page du Back Office*/
#admin-menu li{
	line-height:1.25em;
}

.page-admin article.content div.content-row form,
.page-admin article.content div.content-row dl,
.admin-menu article.content div.content-row #node-form{
	margin: 0 0.5rem;
}

.page-admin article.content div.content-row fieldset table{
	margin: 1rem 0;
}

.page-admin article.content div.content-row fieldset table.droits-admin-table{
	border: none;
	border-collapse: collapse;
}

.page-admin dl.admin-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.page-admin dl.admin-list dt{
	flex: 1 1 auto;
	margin-bottom: 1rem;
	width: 20%;
}

.page-admin dl.admin-list dd{
	flex: 1 1 auto;
	margin-bottom: 1rem;
	width: 80%;
}

.page-admin dl.multiselect{
	width:100%;
}

.page-admin dl.multiselect dd.a{
	width:20%;
}
.page-admin #views-ui-list-views-form{
	margin-top:1rem;
	margin-bottom: 1rem;
}

.page-admin #views-ui-list-views-form .form-item{
	float: left;
	margin:0;
	padding-right: 0.5rem;
}

.page-admin #views-ui-list-views-form #edit-views-apply{
	float: left;
	padding: 0 2rem;
	margin-top: 1.3rem;
}



/*TinyMCE-editeur-wysiwyg*/
#tinymce{
	font-size:1rem!important;
}

/*Formulaires (filtres, recherche, accordéons, etc.)*/
.page-admin article.content div.content-row form fieldset{
	border: 1px solid #2a2a2a;
	max-width: 100%;
}

.page-admin article.content div.content-row form fieldset.collapsed {
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.page-admin article.content div.content-row form select.form-select{
	max-width:245px;
}

.page-admin div.content-row form fieldset legend.collapse-processed > a:link,
.page-admin div.content-row form fieldset legend.collapse-processed > a:visited, 
.admin-menu div.content-row form fieldset legend.collapse-processed > a:link,
.admin-menu div.content-row form fieldset legend.collapse-processed > a:visited
{
	background-position:right;
	border-bottom:none;
	padding: 0 0.25rem 0 0.25rem;
}

.page-admin div.content-row form fieldset legend.collapse-processed, 
.admin-menu div.content-row form fieldset legend.collapse-processed{
	padding: 0 1rem 0 0;
}
.page-admin article.content div.content-row form input, 
.admin-menu article.content div.content-row #node-form input{
	padding: 0 0.5rem;
	white-space: nowrap;
}

#node-form .form-item{
	white-space: normal;
}

.page-admin article.content .theme-settings-left{
	width:43%;
}

.page-admin article.content .theme-settings-right{
	width:53%;
}

.page-admin article.content .views-edit-view{
	font-size: 0.79em;
	
}

.page-admin #weight-settings-form .form-checkboxes,
.page-admin #weight-settings-form .form-radios{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.page-admin #weight-settings-form .form-checkboxes .form-item,
.page-admin #weight-settings-form .form-radios .form-item{
	width:20%;
}

/*Tableaux*/
.page-admin article.content div.content-row table, 
.page-admin article.content div.content-row table th, 
.page-admin article.content div.content-row table td{
	border: 1px solid #2a2a2a;
	padding: 0.5rem;
}

.page-admin article.content div.content-row table#menu-overview{
	margin: 0 0 0.5rem 0;
}

.page-admin #node-admin-content table{
	margin: 0.5rem 0 0.5rem 0;
}


.page-admin article.content div.content-row #edit-body-wrapper table{
	border:0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding:0;
	margin:0;
}

.page-admin article.content div.content-row #edit-body-wrapper table td{
	border:0;
	border-top: 1px solid #ccc;
	padding:0;
	margin:0;
}

.page-admin article.content div.content-row table thead th{
text-align: center;
}

.page-admin article.content div.content-row table.views-entry{
	margin-bottom:1rem;
}

.page-admin article.content div.content-row table.views-entry td{
	width:50%;
}

.page-admin article.content div.content-row table.views-entry td.view-name,
.page-admin article.content div.content-row table.views-entry td.view-ops{
background-color: #F2F2F2;
}

/*Liste des blocs*/

.page-admin .block-region{
	background-color: #2184B3;
	color: white;
	font-weight: bold;
	height: 2rem;
	margin: 0 0.5rem 0 0.5rem;
	padding: 0.5rem;
	text-align: center;
	width: auto;
}

.page-admin #blocks tr.region-populated{
	display:none;
}

/*Cropping images*/

.group-carrousel img, 
.jcrop-preview-wrapper img,
.jcrop-holder img{
	max-width:initial;
}

/*------------------------------------------------------------
== _BLOCK-ALERT ==============================================
-------------------------------------------------------------*/
 .front article .top-row .block,
 .not-front article .top-row .block,
 .not-front article .top-row #block-block-139{
	background-color:#2a2a2a;
	border: 0.25rem solid #2a2a2a;
 }
 
 .front article .top-row #block-block-139 .content *,
 .not-front article .top-row #block-block-139 .content *{
	color:white;  
	}
	
 .front article .top-row #block-block-139 .content a,
 .not-front article .top-row #block-block-139 .content a{
	text-decoration:underline;
	}

.front article .top-row .block:nth-child(1),
.not-front article .top-row .block:nth-child(1){
	background-color:#fbfbfb;
	border:0.25rem solid #eaeaed;
}

.top-row .block:nth-child(1) .content *{
	color:initial;
}

.top-row .block:nth-child(1) .content img{
	float: left; 
	width: 19%; 
	margin: 0 0.5rem 0.5rem 0;
}

.top-row .block:nth-child(1) .content a{
	color:#e6142d;
}

@media only all and (max-width: 639px){
	.top-row .block:nth-child(1) .content img{
		width:50%;
		float: right;
		margin: 0.5rem 0 0.5rem 0.5rem ;
	}
	
}

/*------------------------------------------------------------
== _COOKIEBOT ==============================================
-------------------------------------------------------------*/

div#CybotCookiebotDialogHeader {
    display: none;
}