/*------------------------------------------------------------
*Filename: ordi.css
*Version: 1.1.1 (2018-06-21)
*Description : mise en page de tous les éléments utilisés uniquement sur desktop ou tablette avec une résolution >= 1024px.

==INDEX=======================================================
_MASQUAGES-DES-BLOCS-POUR-MOBILE
_GLOBAL
_HEADER
_NAVIGATIONS
_ARTICLE
_HOMEPAGE-EDITO
_FOOTER
==============================================================
------------------------------------------------------------*/

/**************************************
== _MASQUAGES-DES-BLOCS-POUR-MOBILE ==
**************************************/
#block-zone_editoriale-zone_editoriale_mobile,
#allMenus,
#burger{
   display:none !important;
}
/*************
== _GLOBAL ==
************/

header, nav#navigation, main{
      border-right: thin solid #eaeaed;
      border-left: thin solid #eaeaed;
   }

/************
== _HEADER ==
*************/
header{
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

/*recherche*/
#block-solr_ajax_search-searchSP{
	margin:1.7vw;
}

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

/*Positionnement barre corp et navigation principale*/
nav#barre-corp, nav#barre-corp *,
nav#navigation, nav#navigation *{
	padding:0;
	margin:0;
	list-style:none;
}
nav#navigation{
	width:100%;
	max-width:1110px;
	margin:0 auto;
	z-index:100;
}
nav#barre-corp{
	width:100%;
	z-index:200;
}

nav#barre-corp #block-barre_corp-menu_corporate{
  max-width:1110px;  
  margin:auto;
}

nav#barre-corp .content>ul,
nav#navigation .content>ul{
	width: 100%;
	display: flex;
	flex-direction: row;
}

nav#barre-corp .content>ul li,
nav#navigation .content>ul li{
	position:relative;
	flex-grow:1;
}

nav#navigation .content .niveau2 ul{
	position:relative;
}

#block-barre_corp-menu_corporate .content>ul>li:hover ul,
#block-barre_corp-menu_corporate .content>ul>li a:focus + ul,
#block-nice_menus-1 .content>ul>li:hover ul,
#block-nice_menus-1 .content>ul>li a:focus + ul{
	left:0;
}

nav#barre-corp .content li,
nav#barre-corp .content a{
	height: 33px;
	line-height: 33px;
}

nav#navigation .content li,
nav#navigation .content a{
	line-height:33px;
}

nav#navigation .content > ul, 
	nav#navigation .content > ul > li, 
	nav#navigation .content > ul > li > a {
    height: 3rem;
    line-height: 3rem;
}

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

#block-barre_corp-menu_corporate .fleche-deroulant{
	margin-left:0.3em;
	width:1em;
}

nav#barre-corp .content>ul li.rezosocial{
	flex-grow:0;
}

/*Mise en forme barre corp et navigation principale*/
nav#block-barre_corp-menu_corporate .content>ul ul,
nav#block-nice_menus-1 .content>ul ul,
nav#block-barre_corp-menu_corporate .content>ul ul li,
nav#block-barre_corp-menu_corporate .content>ul ul li a,
nav#block-nice_menus-1 .content>ul ul li,
nav#block-nice_menus-1 .content>ul ul li a{
	text-align: left;
}

nav#barre-corp{
	font-size: 15px;
	border-bottom: thin solid #eaeaed;
}
nav#barre-corp ul{
	background-color:white;	
}
nav#barre-corp ul ul{
	background-color: #eaeaed;
}

nav#barre-corp .content a:link,
nav#barre-corp .content a:visited{
	background-color:transparent;
	color: #707070;
	font-size: 0.8em;
	text-decoration:none;
	text-transform: uppercase;
}
nav#barre-corp .content a:hover,
nav#barre-corp .content a:active{
	color: white;
	background-color:#707070;
}

nav#barre-corp .content ul ul a:link,
nav#barre-corp .content ul ul a:visited{
	color: #606060;
}

nav#barre-corp .content ul ul a:hover{
	color:white;
}

nav#navigation{
  border-bottom: thin solid #2A2A2A;
}

nav#navigation ul{
	background-color:white;	
}
nav#navigation ul ul{
	background-color: #eaeaed;
}

nav#navigation .content>ul>li a{
	background-color:transparent;
	border-right: thin solid #eaeaed;
	border-left: thin solid #eaeaed;
	color: #2A2A2A;
	font-family: 'inconsolata';
	font-size:1.15em;
	text-decoration:none;
	text-transform: uppercase;
}

nav#navigation .content ul li.niveau2 a{
	font-family: 'Open sans', sans-serif;
	font-size:0.95em;
}

nav#navigation .content ul li.niveau3 a{
	padding: 0 40px;
	font-size: 0.80em;
}

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

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

/*voir si on privilegie pas active-trail*/
/* .not-front nav#navigation .content ul li.active-menu>a, */
.not-front nav#navigation .content ul li.active-trail > a{
	color: white;	
	background-color:#e6142d;
	border-right: thin solid #e6142d; 
	border-left: thin solid #e6142d;
}

nav#navigation .content>ul>li a:hover,
nav#navigation .content>ul>li a:active{
	/*corrige la couleur des bordures en hover*/
	border-right: thin solid #e6142d; 
	border-left: thin solid #e6142d;
}

nav#navigation .content a:hover,
nav#navigation .content a:active{
	color: white;	
	background-color:#e6142d;
}

/*Flèches sur navigation principale*/
#navigation ul#nice-menu-1 > li > a::after {
    content: url(https://www.sciencespo.fr/sites/all/themes/SPresponsive/images/fleche-menu-deroulant-corp-black.png) ;
    margin-left: 0.5rem;
}
/* #navigation ul#nice-menu-1 > li.active-menu > a::after, */
#navigation ul#nice-menu-1 > li.niveau1 > a:hover::after,
.not-front #navigation ul#nice-menu-1 > li.active-trail > a::after{
		content: url(https://www.sciencespo.fr/sites/all/themes/SPresponsive/images/fleche-menu-deroulant-corp-white.png);
    margin-left: 0.5rem;
	
}

/*Boutons réseaux sociaux et langue*/
.rezosoc.firstrezo{
	border-left:0.2em solid #eaeaed;
}

nav#barre-corp .content li.rezosocial a:hover,
nav#barre-corp .content li.rezosocial a:active{
	background-color:transparent;
}

nav#barre-corp .content>ul li.langue-li{
	flex-grow:0.5;
}

nav#barre-corp a.langue:link,
nav#barre-corp a.langue:visited{
	background-color:#eaeaed;
}

nav#barre-corp a.langue:hover,
nav#barre-corp a.langue:active{
	color:white;
	background-color:#808080;
}

/*Masquer le bouton du menu local sur ordi*/
h1#titre-mobile-menu-local{
   display:none;
}

/********
_ARTICLE
********/
/*
*no-sidebars => 0% / 78% / 22%
*sidebar-left => 22% / 78% / 0%
*sidebar-right => 0% / 78% / 22%
*two-sidebars => 22% / 56% / 22%
*/

.front.no-sidebars .content-row {
    width: 100%;
}

.no-sidebars .content-row,
.sidebar-left .content-row,
.sidebar-right .content-row{
   width:78%;
}

.no-sidebars #sidebar_first,
.no-sidebars #sidebar_second,
.sidebar-left #sidebar_second,
.sidebar-right #sidebar_first{
   width:0;
}


.sidebar-left #sidebar_first,
.sidebar-right #sidebar_second,
.two-sidebars #sidebar_first,
.two-sidebars #sidebar_second{
   width:22%;
}

.two-sidebars .content-row{
	width:56%;
}

#sidebar_first .block, 
#sidebar_second .block{
	flex:none;
	margin:0 0.5rem 3rem 0.5rem;
	width:auto;
}

/**********************
== _ARTICLE-CAROUSEL ==
***********************/
/*	.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;
		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;
	}
*/	
	/* .not-front .content-row .scpocarousel iframe{ */
		/* width: 672px; */
		/* height: 400px; */
	/* } */
/**************
_HOMEPAGE-EDITO
**************/

.region-edito .ul-scpoeditocarousel img{
	width:initial;
	max-width: initial;
}
	
/*Remplace les marges en % par px sur ordi*/
.region-edito .gabarit2 .bloc2,
.region-edito .gabarit3 .bloc2,
.region-edito .gabarit4 .bloc2,
.region-edito .gabarit4 .bloc3{
  margin:0;
  border-left: 1px solid white;
}

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

footer #footer-wrapper{
  width:1110px;
  margin:auto;
  display:flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 2rem 0.5rem;
  /*align-items:center;*/
}