/***HORAIRES**/
@media screen and (min-width: 768px){
	#horaires-jour{
		display:none;
	}
	#horaires-hebdo{
		display:block;
	}
}
@media screen and (max-width: 767px) {
	#horaires-jour{
		display:block;
	}
	#horaires-hebdo{
		display:none;
	}
}

article .top-row{
	/* min-height:2em; */
}


#edit-promote-wrapper,
#edit-sticky-wrapper,
.page-ext-app .title,
.page-ext-app #sidebar_second
{
	display:none;
}
.page-ext-app .content-row
{
	width:100%;
}
iframe
{
	border:0;
}

li {
	margin-left:20px;
}
h2 {
	text-transform: none;
}
article .content-row .content {
	padding:0 2em;
}

#block-bib-bloc_de_droite .content p span:nth-child(3) {
	font-size:10px;
	line-height:12px;
}
#sidebar_second .block a {
	font-style:normal!important;
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	footer #footer-wrapper{
		flex-direction:column-reverse;
	}
	#block-block-81{
		margin:2em 0;
	}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
	footer #footer-wrapper{
		flex-direction:column-reverse;
	}
	#block-block-81{
		margin:2em 0;
	}
}
@media screen and (min-width: 1024px) {
	footer #footer-wrapper{
		align-items:center;
	}
	footer .block{
		width:33%;
		text-align:center;
	}
	footer .block .content{
		display:inline-block;
		margin:auto;
		text-align:left;
	}

}
/*RESEAUX SOCIAUX FLOTTANTS*/
#besoin-sociaux {
}
#besoin-sociaux ul,
#besoin-sociaux li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#besoin-sociaux li a{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 50px;
   height: 50px;
   /* line-height: 50px; */
   /* text-align: center; */
   font-size: 21px;
   background-color: #e6142d;
   color: white;
   padding: 1.5em 1em;
   writing-mode:vertical-rl;
}

@media screen and (min-width: 640px){
	#besoin-sociaux {
		position: fixed;
		top: 278px;
		right: 0;
		z-index:100;
	}
	#besoin-sociaux li {
		box-shadow:0 0 20px rgba(0,0,0,0.6);
	}
	#besoin-sociaux li:nth-child(1),
	#besoin-sociaux li:nth-child(2) {
		/* border-bottom:thin solid white; */
	}
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	#besoin-sociaux {
		position: relative;
		margin:2em;
	}
	#besoin-sociaux ul{
		display:flex;
		justify-content:center;
	}
	#besoin-sociaux li {
		margin:0 5px;
	}
}











.page-admin article.content div.content-row fieldset table{
	margin:0;
}
.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{
	padding:0;
	border:none;
}

#bib-other-settings .form-radios.defaut,
#bib-other-settings .form-radios.niveau1,
#bib-other-settings .form-radios.niveau2{
	height:80px;
	overflow:scroll;
}
#bib-other-settings .form-item *{
	margin:0;
	padding:0;
	margin-right:20px;
}
#bib-other-settings .form-item {
	display:flex;
	align-items:center;
	height:80px;
}
#bib-other-settings .form-item label.option{
	display:flex;
	flex-direction:row;
	align-items:center;
	height:80px;
	line-height: 80px;
}
#bib-other-settings .form-item label.option img{
	border-bottom:1px solid white;
}

/*PAGE ACCUEIL*/
.page-home-page.no-sidebars #sidebar_second {
	width:0;
}
.page-home-page.no-sidebars .content-row {
	width:100%;
}








/*RECHERCHE*/
div#searchcont{
   position: relative;
   height: 120px;
   width: 100%;
}

div#searchbib{
	position:absolute;
   z-index:3;
   left:0;
   top:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	background-color:rgba(230,20,45,1);
}
div#searchbib li{
	list-style-type:none;
/*	height:2em;
	line-height:2em;
*/}
div#searchbib li.acces-direct{
	overflow:visible;
	position:relative;
}
div#searchbib li.acces-direct ul{
	position:absolute;
	left:-2500px;
	z-index: 200;
}
div#searchbib li.acces-direct ul li a{
	white-space:nowrap;
}
div#searchbib li.acces-direct:hover > ul{
	left:0;
}


ul#menu-recherche{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:center;
	padding:0;
}
form#recherche-accueil{
	width:100%;
/*	border-bottom:thin solid #e6142d;*/
	padding:0;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}
div#acces-direct{
/*	padding-top:10px;*/
	width:100%;
}
ul#menu-recherche li{
	width:300px;
	margin-bottom:0;
	margin:5px 0;
}
ul#menu-recherche li a{
	display:block;
}
/* ul#menu-recherche li:last-child{
	margin:5px 0;
} */
ul#menu-recherche li.cmp-lecteur{
}
ul#menu-recherche li.cmp-lecteur a:link,
ul#menu-recherche li.cmp-lecteur a:visited{
	background-color:rgb(51, 51, 51);
	color:white;
	width:100%;
	text-align:center;
   line-height: 34px;
   border: 0;
   height: 34px;
   text-decoration:none;
}
ul#menu-recherche li.cmp-lecteur a:hover,
ul#menu-recherche li.cmp-lecteur a:active{
	background-color:rgb(151,151, 151);
	color:white;
}
ul#menu-recherche li.acces-direct a:link,
ul#menu-recherche li.acces-direct a:visited{
   background: #fff url('http://bo-k2s.sciences-po.fr/sites/sciencespo.fr.bibliotheque/files/css-accueil/arrow-select.png') no-repeat right;
	color:#2a2a2a;
	width:100%;
	text-align:center;
   line-height: 34px;
   border: 0;
   height: 34px;
}
ul#menu-recherche li.acces-direct a:hover,
ul#menu-recherche li.acces-direct a:active{
   background: #e6142d url('http://bo-k2s.sciences-po.fr/sites/sciencespo.fr.bibliotheque/files/css-accueil/arrow-select.png') no-repeat right;
	color:white;
}
ul#menu-recherche li.acces-direct ul{
	padding:0;
	margin:0;
	box-shadow:0 10px 20px rgba(0,0,0,0.6);
	border-top: thin solid #2a2a2a;
	background-color:white;
	display: inline-block;
}
ul#menu-recherche li.acces-direct ul li{
	text-align:left;
	width:auto;
}
ul#menu-recherche li.acces-direct ul li a:link,
ul#menu-recherche li.acces-direct ul li a:visited{
	width:auto;
	text-align:left;
	background:none;
	background-color:white;
	color:#2a2a2a;
	padding:0 1em;
}
ul#menu-recherche li.acces-direct ul li a:hover,
ul#menu-recherche li.acces-direct ul li a:active{
	background-color:#e6142d;
	color:white;
}

#champ-recherche{
   line-height: 35px;
   height: 35px;
   padding: 5px;
	border:none;
	margin: 0 0 0 1px;
}
.select-wrapper {
	margin:1px;
}
.select-wrapper select {
	padding: 5px;
	line-height: 35px;
	border: 0;
	height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	border-radius:0;
/*	background-image: linear-gradient(bottom, #EDEDED 12%, #FFFFFF 53%);
	background-image: -o-linear-gradient(bottom, #EDEDED 12%, #FFFFFF 53%);
	background-image: -moz-linear-gradient(bottom, #EDEDED 12%, #FFFFFF 53%);
	background-image: -webkit-linear-gradient(bottom, #EDEDED 12%, #FFFFFF 53%);
	background-image: -ms-linear-gradient(bottom, #EDEDED 12%, #FFFFFF 53%);
*/	background: #fff url('http://bo-k2s.sciences-po.fr/sites/sciencespo.fr.bibliotheque/files/css-accueil/arrow-select.png') no-repeat right;
}
#bouton-rechercher {
	margin:1px 1px 1px 0;
    border: none;
	 cursor:pointer;
    width: 35px;
    height: 35px;
    background: rgb(51,51,51) url('http://bo-k2s.sciences-po.fr/sites/sciencespo.fr.bibliotheque/files/css-accueil/rechercher.png') no-repeat;
}
#bouton-rechercher:hover {
    background: rgb(151,151,151) url('http://bo-k2s.sciences-po.fr/sites/sciencespo.fr.bibliotheque/files/css-accueil/rechercher.png') no-repeat;
}
@media screen and (min-width: 640px) {
	.select-wrapper select {
		width:130px;
	}
	#champ-recherche{
		width:565px;
	}
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	.select-wrapper select {
		display:none;
		width:300px;
	}
	#champ-recherche{
		width:264px;
	}
}








/*ALERTE*/
@media screen and (min-width: 1024px) {
	#alert{
		margin:1em 0;
	}
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	#alert{
		margin:1em 0;
	}
}
#alert{
	background:repeating-linear-gradient(225deg, black 0, rgb(0,0,0) 20px, yellow 20px, yellow 40px);
	color: #fff;
	padding:4px;
   display: flex;
}
#alert .bkg{
   background-color: white; /* rgba(200,200,200, 0.9); */
   padding:1em;
	width:100%;
}
#alert date{
   font-style: italic;
}
#alert .chapo{

}
/*PUBLICS*/
@media screen and (min-width: 1024px) {
	.front #publics{
		flex-direction:row;

	}
	#entre-etudiant {
		width:29%;
		padding:0.5em;
	}
	#entre-enseignant {
		width:38%;
		border-left:thin solid silver;
		padding:0.5em;
	}
	#entre-venir {
		width:33%;
		border-left:thin solid silver;
		padding:0.5em;
	}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
	#entre-etudiant {
		width:25%;
		padding:0.5em;
	}
	#entre-enseignant {
		width:45%;
		border-left:thin solid silver;
		padding:0.5em;
	}
	#entre-venir {
		width:30%;
		border-left:thin solid silver;
		padding:0.5em;
	}
}

@media screen and (min-width: 320px) and (max-width: 639px) {
	.front #publics{
		flex-direction:column;
	}
	#entre-etudiant, #entre-enseignant, #entre-venir {
		width:100%;
		border-bottom:thin solid silver;
		padding:0.5em;
	}
}

.front #publics{
	display:flex;
	justify-content:space-between;
	font-size:0.9em;
}
.front #publics div ul{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:0;
	margin:0;
}

.front #publics div li{
	list-style-type:none;
	padding:0 0 0 60px;
	margin:0;
/*	align-self:center;
	text-align:center;*/
}
.front #publics div h2{
	margin:0 1em;
}
.public-title img{
	width:40px;
	height:40px;
}
.public-title{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}
table.schedule{
	width:auto;
	margin:10px auto;
}
div#horaires-plus{
	margin: 10px auto;
	width:100%;
	text-align:center;
}
#entre-venir p {
	margin:0 4em;
}
table.schedule caption{
	display:none;
}
table.schedule td{
	padding: 0 5px;
	border-color: white;
	border-width: 2px;
}
table.schedule td.loc{
	background-color: #e6142d;
	color: white;
	vertical-align:middle;
}

h2.news{
	width:100%;
	text-align:center;
	font-style:italic;
	margin: 1em 0 0 0;
}

/*PROMOTIONS*/
@media screen and (min-width: 1024px) {
	#promotion, #tabs, #promos{
		height:284px;
	}
	#promotion #promos .home-promotion{
		display:flex;
		flex-direction:row;
		position: absolute;
		height:100%;
		width:100%;
	}
	#promotion #promos .home-promotion .img{
		height:100%;
		width:55%;
	}
	#promotion #promos .home-promotion .promo_img{
		height:100%;
		width:100%;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
	}
	#promotion #promos .home-promotion .texte{
		height:100%;
		width:45%;
	}
	#promotion #promos .home-promotion .img img.linkIcon{
		width:20px;
		height:20px;
	}
	#promotion #tabs{
		width:25%;
		padding:0;
	}
	#promotion #promos{
		width:75%;
		position:relative;
	}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
	#promotion #tabs{
		width:0;
		padding:0;
		display:none;
	}
	#promotion #promos .home-promotion{
		display:flex;
		flex-direction:row;
		border-bottom:thin solid silver;
		height:284px;
	}
	#promotion #promos .home-promotion:last-child{
		border-bottom:none;
	}
	#promotion #promos .home-promotion .texte p{
		overflow:hidden;
	}
	#promotion #promos .home-promotion .texte{
		height:100%;
		width:45%;
	}
	#promotion #promos .home-promotion .img{
		height:100%;
		width:55%;
	}
	#promotion #promos .home-promotion .promo_img{
		height:284px;
	}
	#promotion #promos .home-promotion .img img.linkIcon{
		width:20px;
		height:20px;
	}
	#promotion #promos .home-promotion .img img{
		max-width:none;
		height:284px;
	}

}

@media screen and (min-width: 320px) and (max-width: 639px) {
	#promotion #tabs{
		width:0;
		padding:0;
		display:none;
	}
	#promotion #promos{
		width:100%;
		position:relative;
	}
	#promotion #promos .home-promotion{
		display:flex;
		flex-direction:column-reverse;
		border-bottom:thin solid black;
	}
	#promotion #promos .home-promotion:last-child{
		border-bottom:none;
	}
	#promotion #promos .home-promotion .img img{
		max-width:none;
		width:100%;
		height:auto;
		display:none;
	}
	#promotion #promos .home-promotion .img img.linkIcon{
		width:auto;
	}
}
#promotion{
	display:flex;
	flex-direction:row;
	font-size:0.9em;
	margin:1em 0;
	border-top:thin solid silver;
	border-bottom:thin solid silver;
}
#promotion #promos .home-promotion{
}
#promotion #promos .home-promotion.inactive{
	left:-25000px;
}
#promotion #promos .home-promotion.active{
	left: 0;
}
#promotion #promos .home-promotion h3{
	color:black;
}
#promotion #tabs li{
	height:71px;
	padding:0.1em 1em;
	margin:0;
	list-style-type:none;
	border-bottom: thin solid lightgrey;
}
#promotion #tabs li.active{
	background-color: #E8E7EC;;
}
#promotion #tabs li.active a aside,
#promotion #tabs li.active a h3{
	color:#3A3838;
}
#promotion #tabs li.inactive{
	background-color:#3A3838;
}
#promotion #tabs li.inactive a aside,
#promotion #tabs li.inactive a h3{
	color:white;
}
#promotion #tabs li.active a:link,
#promotion #tabs li.active a:visited,
#promotion #tabs li.active a:hover,
#promotion #tabs li.active a:active,
#promotion #tabs li.inactive a:link,
#promotion #tabs li.inactive a:visited,
#promotion #tabs li.inactive a:hover,
#promotion #tabs li.inactive a:active{
	text-decoration:none;
}

#promotion #tabs ul{
	margin:0;
	padding:0;
}
#promotion #tabs ul{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:284px;
}
#promotion #tabs aside{
	font-style:italic;
	font-weight:400;
	font-size:0.9em;

}
#promotion #tabs h3{
	margin:0 0 0 0;
	font-size:0.9em;
	text-transform:uppercase;
	line-height:1em;
	font-weight:400;
}
#promotion #promos .home-promotion .texte {
	padding:1em;
	box-sizing:border-box;
	background-color:rgb(232,231,236);

}
#promotion #promos .home-promotion .texte h3,
#promotion #promos .home-promotion .texte p{
	margin:0.1em;
	font-size:1em;
}
#promotion #promos .home-promotion .texte p{
	font-size:1em;
	line-height:1.2em;
}
#promotion #promos .home-promotion .texte h3{
	text-transform:uppercase;
}
#promotion #promos .home-promotion .img a{
	position:relative;
	display: block;
}
#promotion #promos .home-promotion .img aside{
	position:absolute;
	right:0;
	bottom:0;
	font-style:italic;
	padding:0.05em 0.6em;
	background-color:rgba(255,255,255, 0.8);
	z-index:1;
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	#promotion #promos .home-promotion .img aside{
		display:none;
	}
}


/*ACTUALITE*/
#actualite .home-actualite:nth-child(4){
	display:none;
}
@media screen and (min-width: 1024px) {
	#actualite{
		flex-direction:row;
		justify-content: space-between;
		margin:1em 0;
	}
	#actualite .home-actualite{
		border-left:thin solid silver;
		padding:0 2em;
	}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
	#actualite .home-actualite{
		border-left:thin solid silver;
		padding:1em;
	}
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	#actualite{
		flex-direction:column;
		margin:1em 0;
	}
	#actualite .home-actualite{
		border-bottom:thin solid silver;
		padding:1em 0.5em;
	}
	#actualite .home-actualite:last-child{
		border-bottom:none;
	}
	#actualite .home-actualite h3{
		margin:1em 0;
	}
}
#actualite{
	display:flex;
	margin:1em 0;
}

#actualite .home-actualite aside{
	font-style:italic;
}
#actualite .home-actualite time{
	font-size:0.8em;
}
#actualite h3{
/*	font-size:1em;*/
	font-weight:400;
}
#actualite .home-actualite:first-child{
	border-left:none;
}
#actualite .home-actualite:last-child a{
	white-space:nowrap;
}

/*GUIDES*/
#guides{
	display:inline-block;
	 background-image: linear-gradient(to bottom, rgb(51,49,49) 80%, white 20%);
/*	background-color:rgb(51,49,49);
	background-size:100% 80%;
*/	width:100%;
	margin-bottom: 4em;
	margin-top: 1em;
}
#guides h2{
	text-align:center;
	width:100%;
	color:white;
	text-transform:uppercase;
	font-style:italic;
}
#guides ul{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	margin:0;
	padding:0;
	width:100%;
	margin:auto;
}
#guides li{
	list-style-type:none;
	width:30%;
	min-width:320px;
	margin:0.2em;
	border:thin solid silver;
}
#guides li a{
	display:flex;
	flex-direction:row;
	width:100%;
	color: #595959;
	background-color:white;
}
#guides li a img{
	height:95px;
}
#guides li a div{
	display:flex;
	flex-direction:column;
	justify-content:center;
	color: #595959;
	margin-left:1em;
	background: url('http://bo-k2s.sciences-po.fr/sites/sciencespo.fr.bibliotheque/files/css-accueil/fleche-noire-droite-big.png') no-repeat 95% 50%;
	width:100%;
}
#guides li a div h3{
	color: #595959;
	margin:0;
}


/*SPIRE*/
@media screen and (min-width: 1024px) {
	#block-spire-pub #result {
		display:flex;
		flex-direction:row;
	}
	#block-spire-pub li {
	}
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	#block-spire-pub #result {
		display:flex;
		flex-direction:column;
	}
}
#block-spire-pub {
	display:flex;
	flex-direction:column;
	align-items: center;
}
#block-spire-pub #result {
	display:flex;
	justify-content:space-between;
	padding:0;
	margin:0;
}
#block-spire-pub li {
	list-style-type:none;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin:5px;
	background-color: #eae9ee;
	padding:0.5em;
}
#block-spire-pub li h3 {
	margin:5px;
	font-size:1em;
	font-weight:400;
}
#block-spire-pub h2,
#block-spire-pub p {
	margin: 10px;
	font-style:italic;
}
#block-spire-pub li .spire-tag {
	margin:5px;
}
#block-spire-pub li .spire-link {
	width:30px;
	height:30px;
	align-self:flex-end;
	margin-right:-0.5em;
	margin-bottom:-0.5em;
}
#block-spire-pub li .spire-link a {
	display:block;
	background-color:#e6142d;
	color:white;
	text-align:center;
	width:100%;
	line-height:30px;
	height:30px;

}















/*ZONE ADMIN*/
#admin-area {
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:1110px;
	margin:0 auto;
	margin-top:2em;
}
#admin-area div.tabs {
	margin: auto;
	width: 100%;
}
#admin-area 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;
}
#admin-area div.tabs ul li {
	background-color: #f2f2f2;
	padding: 0 0.5rem;
}
#admin-area ul.primary li a {
	background:none;
}
#admin-area div.tabs ul li.active a,
#admin-area div.tabs ul li a:hover {
	background: none;
	color: #fff;
}
#admin-area div.tabs ul li.active,
#admin-area div.tabs ul li:hover {
	background-color: #707070;
}
#admin-area div.tabs ul li.active a,
#admin-area div.tabs ul li a:hover {
	background: none;
	color: #fff;
}
/*.admin-menu .breadcrumb a,
.admin-menu nav div.breadcrumb,
.admin-menu article h1.title,
article .sous-titre p {
	color:black;
}
*//*div#admin-area > div {
	position:absolute;
	left:50%;
	margin-left:;
}
*/

/*pages generiques*/
/*RaZ*/
/*.node-type-page-generique nav.breadcrumb,
.node-type-page-generique nav.breadcrumb *,
.node-type-page-generique article h1.title,
.node-type-page-generique article .sous-titre,
.node-type-page-generique article .sous-titre * {
	padding:0;
	margin:0;
	line-height:auto;
}
*/
/*breadcrumb page generique*/
.node-type-page-generique .breadcrumb a {
	color:white;
	font-weight:400;
}
.node-type-page-generique nav.breadcrumb {
	height: 40px;
	color:white;
}
.node-type-page-generique nav div.breadcrumb {
	padding:8px;
	color:white;
}
@media screen and (min-width: 1024px) {
	.node-type-page-generique #sidebar_second {
		margin-top:112px;/*old=160 px*/
	}
}

body.bib * {
	box-sizing:border-box;
}


@media screen and (min-width: 1024px) {
	article h1.title {
		padding:0 8px;
		font-size:1.9em;
		height:76px;
	}
	article .sous-titre p {
		font-size:0.9em;
	}
	.node-type-page-generique .breadcrumb,
	.node-type-page-generique .breadcrumb a {
		font-size:14px;
	}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
	article h1.title {
		/* padding:20px 8px; */
		/* font-size:1em; */
		/* height:auto; */
		/* line-height:auto; */
	}
	article .sous-titre p {
		font-size:0.9em;
	}
	.node-type-page-generique .breadcrumb,
	.node-type-page-generique .breadcrumb a {
		font-size:12px;
	}
	article div.menu-local {
		display:none;
	}
	#sidebar_first .block, #sidebar_second .block{
		flex:none;
	}
}
@media screen and (min-width: 320px) and (max-width: 639px) {
	article h1.title {
		padding:20px 8px;
		font-size:1em;
		height:auto;
		line-height:auto;
	}
	article .sous-titre p {
		font-size:0.8em;
	}
	.node-type-page-generique .breadcrumb,
	.node-type-page-generique .breadcrumb a {
		font-size:12px;
	}
	article div.menu-local {
		display:none;
	}
}
/*titre pages génériques*/
.node-type-page-generique article h1.title {
	margin:0;
	color:white;
	font-weight:400;
	border-bottom:0 none transparent;
}
.page-admin h1.title{
	color:#2a2a2a;
}
article .sous-titre{
	min-height:80px;
	color:white;
}
article .sous-titre p {
	color:white;
	font-weight:400;
	padding:0 8px;
	margin:0;
	height:80px;
}

article .sous-titre p *{
	color:white;
}
@media screen and (min-width: 320px) and (max-width: 1023px) {
	div#localMenuDiv {
		display:none;
	}
}
@media screen and (min-width: 1024px) {

	main{
		position:relative;
	}
	div.page-generique .content{
		/* margin-top:80px; old*/
	}
	div#localMenuDiv {
		width:100%;
		position:absolute;
		top:196px;
		left:0;
		z-index:20;
	}
	ul#localMenuList{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		width:100%;
		margin:0;
		padding:0;
		background-color:black;
	}
	ul#localMenuList li{
		list-style-type:none;
		border-right:thin solid white;
		margin:0;
		padding:0.6em;
		text-align:center;
	}
	ul#localMenuList li:last-child{
		border-right:0 none white;
	}

	ul#localMenuList li a{
		color:white;
		text-decoration:underline;
		font-weight:400;
		font-size:0.9em;
	}
}

.node-type-web-forcast article h1.title {
	color:#2a2a2a;
}

article .misajour{
	display:inline-block;
	margin: 35px 8px;
	background-color: #eae9ee;
	color: black;
	padding: 8px;
}


/*PROJETS*/


.view-id-Projets .view-content{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.view-id-Projets .view-content .views-row:first-child {
    margin: 0 0 1rem 0;
}

.view-id-Projets .view-content .views-row{
	border: 1px solid #eaeaed;
	flex: 1 1 48%;
	margin: 0 0 1rem 0.5rem;
}

article div.view .views-row div.views-field-field-image-actualite-fid,
.view-id-Projets .view-content .views-row img{
	margin: 0;
}

.view-id-Projets .view-content .views-row h2.title,
.view-id-Projets .view-content .views-row p{
	margin: 0.5rem;
}

@media only all and (max-width: 639px){
	.view-id-Projets .view-content .views-row{
	flex: 1 1 100%;
	}
	.view-id-Projets .view-content .views-row .views-field-field-image-actualite-fid{
	height: 44vw;
	overflow: hidden;
	}
	.view-id-Projets .view-content .views-row img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	}
}

.node-type-page-projet .field-field-projet-terme{
	background-color:#EAEAED;
	padding: 0.5rem;
}

/*Fleche "top"*/

#top{
	width: 64px;
	height: auto;
	text-align: center;
	margin: 0.5rem auto;
}