@font-face {font-family: 'Lato';src: url('./lato/Lato-Regular.ttf') format('truetype');}

@charset "utf-8";
/* CSS Document */

h1#logo_site_spip {
	/*margin-top:30px !important;*/
	margin-bottom:40px !important;
	color:#333 !important;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1.1em;
}

#nom_site_spip {
	display:inline-block;
	margin-top:12px;
}
#slogan_site_spip {
	color:#333 !important;
}

.navbar-inverse .nav-collapse .nav li > a:hover {
	background-color: #bd3027 !important;
}

.trombinoscope { 
	float:left; 
	width:230px; 
	margin: 1em 0.7em; 
	text-align: center; 
	border: 1px solid #ccc; 
}

.trombinoscope .spip_logos { margin: 6px 3px 0 3px; /* border: 4px solid #eee; */ }
#slogan_site_spip {color:#850d4d;font-size:1em;margin-top:5px;}
.well{background-color: #f5f5f5;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border-color:#DCDCDC;}
.justifie {text-align: justify;}
hr {background:#e4e4e4;}

/* fil d'ariane */
.breadcrumb {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.active .on {color:#850d4d;}
.divider {color:black !important;}

/* footer */
.footer {border-top:none;}
.colophon {margin-bottom: 0.5em;}
.collab {float:right;}

.logo_ens {width:70px;height:auto;margin-left:0px;}
.logo_ephe {height:65px;margin-left:25px;}
.logo_cnrs {height:65px;margin-right:30px;}
.logo_cdf {width:100px;margin-left:20px;margin-top:5px;}
.logo_inrap {width:87px;}
.logo_psl {height:45px;margin-right:30px;margin-top:3px;}


/* Version bleu piscine ! */
/*html {border-left:30px solid #018eff;}*/
h1 {font-weight:bold;color:#850d4d;line-height:1.2em;font-size:1.8em;}
h1#logo_site_spip {color:black;margin-top:10px;color:#850d4d;}
a, a:focus {color:#04b2c4;color:/*#a8559c*/;outline:0;text-shadow:none !important; }
a:focus {background-color:white;}
a:hover {color:#5f0b36;background-color:transparent !important;}

/*.titre {font-size:1.5em;}*/
.soustitre {font-weight:bold;margin-bottom:10px;font-size:1em;}
.soustitre2 {font-weight:bold;margin-bottom:10px;display: block;margin-top:10px;font-size:1em;color: /*#bbbbbb*/#bd3027;}
.soustitre_plus {font-size:1.8em;line-height: 1.2em;color:/*#bbbbbb*/#bd3027;}
.item {font-size:1.05em;}
.content_liste {/*font-size:0.9em;*/}

#left { /* la div left est insérée dans squelettes/body.html */
	background: #1fd5e7;
	position: fixed;
	top: 0; bottom: 0;
	/*width: 30px;*/
	width:2.5vw;
	left: 0; 
}
h1 .titre_article {font-size:1em;}
/**/


.carre, .rectangle { 
	float:left; 
	width:237px; 
	margin: 0.5em 0.7em 0.6em 0.7em;
	text-align: center; 
	border: none;
	background:#f2f2f4;
	cursor:pointer;
}

.carre .spip_logos, .carre .ensavoirplus { 
	margin: 4px 3px 0 3px; 
	/* border: 4px solid #eee; */
}

/* filtres : https://yesyouweb.com/filtres-images-css3/ */
.carre .spip_logos img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.carre .spip_logos img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}

.rectangle .spip_logos img {
filter: brightness(70%);
-webkit-filter: brightness(70%);
}
.rectangle .spip_logos img:hover {
filter: brightness(100%);
-webkit-filter: brightness(100%);
}



div .carre_texte {
	height:40px;
	margin: 0em 0.7em 0em 0.7em;
	padding-top:0.3em;
	border: none;
	line-height: 1.2em;
	color:black;
}
div .texte_1l {
	height:22px;
}
div .carre_texte a {
	/*color:#558bc4;*/
	color:black;
}

div .carre_texte a:hover {
	background:none;
	cursor: pointer;
}

div .carre_sstitre {
	background:#383637;
	height:22px;
	margin-left:0.6em;
	padding-top:0.3em;
	line-height: 1.2em;
	width:220px;
	color:white;
}

div .carre_sstitre_date {
	background:#383637;
	margin-left:0.6em;
	padding-top:0.4em;
	padding-bottom:0em;
	line-height: 1.2em;
	width:220px;
	height:24px;
	color:#1fd5e7;
	text-align:middle;
	border:none;
}

div .carre_sstitre a {
	color:white !important;
}

div .carre_sstitre_conf a {
	color:inherit;
}
div .carre_sstitre a:hover {
	background:none;
}

div .carre_sstitre_conf a:hover {
	background:none;
}
div .publi {
	height:40px;
	padding-left:10px;
	padding-right:10px;
	width:200px;

}
div .editions {
	overflow: hidden;
	width: 100%;
	color:#12c7e0;
	margin-top:30px;
}

div .monog {
	text-transform: uppercase;
}

div .fin {height:8px;}

.titre {height:58px !important;}
.expos {font-size:0.9em;height:36px !important;}

.livre {
	height: 340px; 
	width: 240px; 
	background: #efefef; 
	float: left; 
	margin-right: 8px; 
	margin-left:8px;
	line-height: 1em;
	margin-bottom:10px;

}
.col1 {
	float:left;
	width:250px;
}
.col2 {
	float:left;
	width:250px;
}
.col3 {
	float:left;
	width:250px;
}

.spip_doc_titre, .spip_doc_descriptif {
	margin-top:0.5em;
	line-height:1.3em;
	font-size:0.8em;
}

.titre_gras {
	font-size:1.25em;margin-bottom: 10px;font-weight: bold;
}

#menu_lang {
	position:absolute;
	right:0px;
	top:100px;
}
.langue_fr, .langue_en {
	font-size:1.1em !important;
}

/* calendrier  */
.calendriermini .ui-state-highlight a {
    background: #7de3ed !important;
    border-color: #a7e2e8 !important;
}

/* barre de navigation */
.navbar-inner {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/*background-image: linear-gradient(to bottom, black, black) !important;*/
	background-image: linear-gradient(to bottom, #850d4d, #850d4d) !important; /* couleur de la barre de nav */
	font-size: 1.2em;
	border:none;
	border-bottom:none !important;
}
@media only screen and (max-width: 1024px) {
.navbar-inner {
font-size: 1em;
}
}

.navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    color: white;
    /*background-image: linear-gradient(to bottom, #1fd5e7, #1fd5e7) !important;*/
    background-image: linear-gradient(to bottom, #bd3027, #bd3027) !important; /* couleur du menu actif > hover */
}
.on {
    font-weight: normal;
    color:#850d4d;
}
.nav .active > a {
    /*background-color: #1fd5e7 !important;*/
    background-color: #bd3027 !important; /* couleur du menu actif */
    color:white !important;
}
.nav .active > a:hover, .nav .active > a:focus {
    background-color: #850d4d !important;
    color: white !important;
}
.navbar-inner a:hover {
	/*background-color: #850d4d !important;*/
	background-color: #bd3027 !important; /* couleur du menu > hover */
}
#angle {
	width:51px;
	height:18px;
	background:url(/squelettes/css/angle_bleu.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

/* recherche */
.formulaire_recherche form input.search {
	height:25px;
}
.form-search .input-append .search-query {
	webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.btn {font-weight: bold;margin-left: -5px !important;padding: 6px 10px;}

/* bootstrap */
.navbar {z-index:400;}
.navbar-responsive.navbar-inverse .navbar-inner .nav-collapse {
    background-color: black;
}
.nav-collapse .nav > li > a {
	border-radius: 0px !important;
}

/* youtube responsive */

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}