/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#F0F0F0;
	color:#575757;
	font-size:16px;
}

#matomo-opt-out-warning {
	display: none;
}

a.more {
	background-color:#33b3b4;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color:#FFF;
	text-transform:uppercase;
}
a.more:hover {
	background-color:#0081AE;
	color:#FFF;
}

a.country {
	background-color:#A1C654;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color:#FFF;
	text-transform:uppercase;
	border:none;
	border-radius:0;
}
a.country:hover {
	background-color:#33b3b4;
	color:#FFF;
}

header {
	background:url(../images/bg_header.jpg) top center no-repeat #FFFFFF;
	min-height:155px;
}
header .container,
header .container .row,
header .container .row .col-md-3,
header .container .row .col-md-6 {
	min-height:155px;
}

#logo {
	position:absolute;
	top:0;
	left:0;
}

#logo img {
	max-height:190px;
}

#slogan {
	text-align:center;
}

#ue {
	display:block;
	width:200px;
	height:110px;
	margin:10px auto 10px auto;
	text-align:center;
	color:#0081AE;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
}
#ue:hover {
	text-decoration:none;
}
#ue img {
	width:150px;
	margin-top:5px;
}

.traductions {
	margin:0 0 0 40px;
	line-height:41px;
	font-family: 'Oswald', sans-serif;
	color: #FFFFFF;
	font-size: 17px;
	text-transform:uppercase;
}
.traductions span.on {
	display:inline-block;
}
.traductions span a {
	display:inline-block;
	padding:0 10px;
	background:#575757;
	color: #FFFFFF;
	text-decoration:none;
}
.traductions span.on a:hover {
	background:#FFFFFF;
	color: #575757;
}
.traductions span.on span {
	display:inline-block;
	padding:0 10px;
	background:#0081AE;
}

.nav {
	background:#575757;
}
.nav nav {
	background-color:transparent;
	border:none;
	border-radius:0;
	margin-bottom:0px;
	margin-left:35px;
	min-height:30px;
	font-family: 'Oswald', sans-serif;
	color:#FFFFFF;
	font-size:19px;
	text-transform:uppercase;
}

.navbar-nav > li > a {
	padding: 10px 13px;
}
.navbar {
	min-height:30px !important;
}

.navbar-default .navbar-nav>li>a {
	padding-top:12px !important; 
	padding-bottom:8px !important;
	font-family: 'Oswald', sans-serif;
	color:#FFFFFF;
	font-size:17px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #FFF;
	background-color: #0081AE;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #FFF;
	background-color: #0081AE;
}

.dropdown-menu {
	background-color:#0081AE;
	border:none;
	text-transform:none;
}
.dropdown-menu>li>a {
	color:#FFF;
}

.navbar-form {
	margin-top:4px;
	margin-bottom:3px;
}

#home_diapo {
	background-color:#32B3B4;
}

#home_diapo .row {
	background-color:#A1C654;
}

#home_about {
	font-family: 'Oswald', sans-serif;
	background-color:#A1C654;
	color:#FFFFFF;
	font-size:17px;
	line-height:26px;
	padding:20px 15px 0 15px;
}

#home_slide {
	padding-right:0;
}
#home_slide .carousel-control.left {
	margin-left:15px;
}
#home_slide .carousel-indicators {
	bottom:10px;
}

#home_actu_ressource {
	padding:40px 0;
	background-color: #FFF;
}
#home_actu_ressource h2{
	background:#34AE8D;
	color:#FFFFFF;
	font-family: 'Oswald', sans-serif;
	font-size:19px;
	text-transform:uppercase;
	text-align:center;
	line-height:40px;
	margin:0;
	padding:0;
}

#home_actu_ressource .carousel {
	background: url(../images/bg_titre2.jpg) top center no-repeat #FFFFFF;
	padding-top:20px;
}
#home_actu_ressource .carousel .item {
	padding:0 15px;
}
#home_actu_ressource .carousel .item img {
	width: 100%;
	height: auto;
}
#home_actu_ressource .carousel .item h3 {
	color:#0081AE;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	text-transform:uppercase;
}
#home_actu_ressource .carousel-indicators {
	width:auto;
	bottom: -40px;
	left:80%
}
#home_actu_ressource .carousel-indicators li {
	border-color:#32B3B4;
}
#home_actu_ressource .carousel-indicators .active {
	background-color:#32B3B4;
}
#home_actu_ressource .all{
	border-top: 1px solid #CCC;
	height:40px; 
	text-align:right;
	background-color:#FFFFFF;
}

#home_actu .date {
	margin-top: 10px;
	color: #32B3B4;
	text-transform: uppercase;
}
#home_actu h3 {
	color:#0081AE;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	margin-top: 0;
}
#home_actu,
#home_calendar,
#home_ressource {
	background-color:#FFFFFF;
	min-height:360px;
}

#home_calendar_container {
	padding:15px;
}

.breadcrumb {
	background-color:#FFFFFF;
}
.breadcrumb a {
	text-transform: capitalize;
}

main {
	min-height:500px;
}
main .container {
	background-color:#FFFFFF;
	padding-bottom:30px;
}
main h1 {
	background-color:#0081AE;
	color:#FFFFFF;
	padding:5px 10px;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	text-transform:uppercase;
	margin:0 0 20px 0;
}
main h2,
main h3 {
	color:#35ab8b;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
}
main h2:after,
main h3:after {
	display:block;
	content:" ";
	border-top:2px solid #35ab8b;
	background: url('../images/bg_titre2.jpg') top center no-repeat;
	width:100%;
	height:14px;
	margin-top:5px;
}
main h3.project {
	color:#0081AE;
	text-align:left;
}
main h3.project:after {
	display:none;
}
main .arts ul {
	list-style:none;
}
main .arts ul.spip {
	list-style:circle;
	margin:10px 0;
	padding-left:15px;
}
main .arts ul.spip li {
	margin-bottom:5px;
}
main .arts ul div.logo {
	min-height:200px;
	border-bottom:0;
	margin:0 0 30px 0;
	padding-right:15px;
	float:left;
}
main .arts ul div.logo img {
	width:200px;
	background-color:#FFF;
}
main .arts ul div.logo:after {
	display:none;
}
main .arts ul div.texte {
}
main .news ul .publication_date {
	margin-top:10px;
	color:#0081AE;
	text-transform:uppercase;
}
main .arts ul h2 {
	border-bottom:none;
	text-align:left;
}
main .arts.news ul h2 {
	padding-top:0;
	margin-top:0;
}
main .arts ul h2:after {
	display:none;
}
main .arts ul h2 a {
	text-decoration:none;
	color:#35ab8b;
}
main .arts ul h2 a:hover {
	color:#0081AE;
}
main .arts ul .texte h3 {
	border-bottom:0;
	text-align:left;
	text-transform:none;
	color:#0081AE;
	font-size:18px;
}
main .arts ul .texte h3:after {
	display:none;
}

main #advanced_search {
	height:100px;
	background-color:#DADC4B;
	margin-top:40px;
}
main #advanced_search .title {
	float:left;
	padding:0 100px;
	font-family: 'Oswald', sans-serif;
	font-size:50px;
	color:#FFF;
	margin-top:10px;
}
main #advanced_search form {
	float:left;
	margin-top:35px;
}

main #criteria {
	background-color:#f8f9da;
	padding:40px 0;
	text-align:center;
	vertical-align:top;
}
main #criteria h3 {
	width:100%;
	max-width:500px;
	margin:0 auto;
}
main #criteria a {
	width:100px;
	height:148px;
	display:inline-block;
	margin:10px;
	padding-top:100px;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	color:#0181ae;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
}
main #criteria a.all_type {
	background:url('../images/ico_all.png') top center no-repeat;
}
main #criteria a.all_type.active {
	background:url('../images/ico_all_ov.png') top center no-repeat;
}
main #criteria a.type_reports {
	background:url('../images/ico_type_reports.png') top center no-repeat;
}
main #criteria a.type_reports:hover,
main #criteria a.type_reports.active {
	background:url('../images/ico_type_reports_ov.png') top center no-repeat;
}
main #criteria a.type_briefs {
	background:url('../images/ico_type_briefs.png') top center no-repeat;
}
main #criteria a.type_briefs.active {
	background:url('../images/ico_type_briefs_ov.png') top center no-repeat;
}
main #criteria a.type_sci_paper {
	background:url('../images/ico_type_sci_paper.png') top center no-repeat;
}
main #criteria a.type_sci_paper.active {
	background:url('../images/ico_type_sci_paper_ov.png') top center no-repeat;
}
main #criteria a.type_training {
	background:url('../images/ico_type_training.png') top center no-repeat;
}
main #criteria a.type_training.active {
	background:url('../images/ico_type_training_ov.png') top center no-repeat;
}
main #criteria a.type_video {
	background:url('../images/ico_type_video.png') top center no-repeat;
}
main #criteria a.type_video.active {
	background:url('../images/ico_type_video_ov.png') top center no-repeat;
}
main #criteria a.type_links {
	background:url('../images/ico_type_links.png') top center no-repeat;
}
main #criteria a.type_links.active {
	background:url('../images/ico_type_links_ov.png') top center no-repeat;
}

main #results {
	background:url('../images/btn_results.png') 50% 10px no-repeat #FFFFFF;
	padding:120px 0 40px 0;
}
main #results ul {
	list-style:none;
	margin:0;
	padding:0;
}
main #results ul li {
	border-bottom:2px #dadc4b dashed;
	padding:10px 0 15px 0;
}

main .sub-menu {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}
main .sub-menu li {
	margin-bottom:5px;
}
main .sub-menu li a {
	display:block;
	width:100%;
	padding:8px;
	color:#FFF;
	background-color:#575757;
	text-decoration:none;
}
main .sub-menu li a:hover {
	background-color:#0081AE;
}


main .box {
	background-color:#DADC4B;
	padding:15px;
	margin:0 0 15px 0;
}
main .box h3 {
	color:#575757;
	font-family: 'Oswald', sans-serif;
	font-size:19px;
	text-transform:uppercase;
	text-align:center;
	padding:0 0 5px 0;
	border-bottom:#575757 1px solid;
	margin:0 0 15px 0;
}
main .box h3:after {
	display:none;
}
main .box a img {
	width:100%;
	margin-bottom:10px;
}
main .box a.lien_pagination img {
	width:auto;
	margin-bottom:0px;
}
main .box a:hover img {
	box-shadow: 1px 1px 12px #555;
}

main table.spip tr.row_first th {
	color:#0081AE;
	font-size:18px;
}
main.rub7 table.spip td,
main.rub34 table.spip td {
	min-width:220px;
}


/*Agenda*/

.row.mois_nav {
	border-bottom: 1px solid #35ab8b;
	margin:0 0 10px 0;
}
.mois_nav .col-md-6 {
	padding-right:40px;
}
.mois_nav h2 {
	font-size:20px;
	margin:0;
	padding:10px 0;
	padding-left:40px;
}
.mois_nav h2:after {
	display:none;
}
.mois_nav a {
	margin:10px 0;
	line-height:20px;
	font-size:20px;
	color:#575757;
	font-weight:300;
	display:block;
}
.mois_nav a:hover {
	color:#35ab8b;
	text-decoration:none;
}
.mois_nav a i.fa {
	font-weight:100;
}

ul.agenda {
	list-style:none;
	margin:0;
	padding:0;
}
ul.agenda li {
	padding-top:20px;
	border-bottom:#35ab8b 1px solid;
}
ul.agenda li .nom_jour {
	background-color:#35ab8b;
	color:#FFF;
	font-weight:700;
	padding:0 3px;
	width:100px;
}
ul.agenda li .jour {
	font-size:40px;
}
ul.agenda li .event {
	padding-bottom:15px;
}
ul.agenda li .event h3 {
	text-align:left;
	text-transform:none;
	margin:10px 0 5px 0;
	padding:0;
}
ul.agenda li .event h3:after {
	display:none;
}
ul.agenda li .event .descriptif {
	font-style:italic;
}


/*calendreir*/

.ui-datepicker-calendar {
	background-color:#FFF;
	font-size:14px;
}

.ui-datepicker-calendar th {
	text-align:center;
	width:30px;
	height:30px;
	padding:0;
	margin:0;
	line-height:30px;
}
.ui-datepicker td {
	padding: 1px;
}
.ui-datepicker td span {
	display:block;
	text-align:center;
	width:30px;
	height:30px;
	padding:0;
	margin:0 auto;
	line-height:30px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background-color:#0081AE;
	color:#FFF;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border:none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background-color:#DADC4B;
}


.ui-widget {

}
.ui-widget-content {
	border:none;
}
.ui-widget-header {
	font-size:18px;
	font-weight:700;
	background-color:#FFF;
	border:none;
	color:#35ab8b;
	text-align:center;
	padding:0 0 8px 0;
}

.ui-datepicker-calendar th {
	text-align: center;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	line-height: 30px;
}
.ui-datepicker td {
	padding: 1px;
}
.ui-datepicker td span {
	display:block;
	text-align:center;
	width:30px;
	height:30px;
	padding:0;
	margin:0 auto;
	line-height:30px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background-color:#0081AE;
	color:#FFF;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border:none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background-color:#DADC4B;
}


footer {
	background-color:#0081AE;
	color:#DADC4B;
	font-size:14px;
	font-family: 'Oswald', sans-serif;
}
footer .container {
/*	background:url(../images/bg-footer.jpg) bottom right no-repeat; */
	min-height:50px;
}
footer .row1 {
	color:#FFFFFF;
	font-size:19px;
	font-family: 'Oswald', sans-serif;
	padding:10px 0;
	text-align:center;
}
footer .row1 a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
}
footer .row1 a:hover {
	color:#DADC4B;
}
footer a.footer_btn {
	background-color:#DADC4B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	height:50px;
	padding:5px 5px;
	margin:40px 10px 0 0;
	float:left;
	text-decoration:none;
}
footer a.footer_btn div {
	background-color:#F0F0F0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	width:100%;
	height:40px;
	line-height:40px;
	padding:0 10px;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
}
footer a.footer_btn:hover div {
	background-color:#FFFFFF;
	color:#0081AE;
}
footer .adresse {
	padding-top:20px;
	text-align:center;
}
footer #rss {
	background:url('../images/btn_footer_rss.png') left top no-repeat;
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin:40px 10px 0 0;
}
footer #fb {
	background:url('../images/btn_footer_facebook.png') left top no-repeat;
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin:40px 10px 0 0;
}
footer #vimeo {
	background:url('../images/btn_footer_vimeo.png') left top no-repeat;
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin:40px 10px 0 0;
}
footer #ue_footer {
	display:none;
}


table { margin-bottom:1.385em;width:100% }
th { font-weight:700 }
thead th {color:inherit;background:#f8f9da }
table.spip td,
table.spip th,
th,
td,
caption { padding:.6925em }
tbody tr:nth-child(even) td,
tbody tr:nth-child(even) th,
tbody tr.even td,
tbody tr.even th { background:#f8f9da }
tfoot { font-style:italic }
caption { background:#FFFFFF; color:#35ab8b; font-family: 'Oswald', sans-serif; font-size: 20px; text-transform: uppercase; text-align: center; }
table.spip { max-width:99%;margin-right:auto;margin-left:auto;margin-bottom:1.385em;border-collapse:collapse;border-spacing:0 }
table.spip caption { caption-side:top;text-align:center;margin-right:auto;margin-left:auto;font-weight:400 }
table.spip th,table.spip td { border:1px solid #f8f9da }
table.spip td.numeric { text-align:right }


[data-youtubelazyload] {
	cursor: pointer;
}
div.bg-ytimg {
	width: 560px;
	height: 315px;
	background-color: lightgray;
	background-size: cover;
	position: relative;
	margin: 20px 0 10px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
div.bg-ytimg > .youtube-text {
	padding: 16px 28px;
	font-size: 15px;
	color: #f4f4f4;
	background-color: rgb(50, 50, 50);
	background-color: rgba(50, 50, 50, 0.66);
	position: absolute;
	width: 100%;
	bottom: 0;
}
div.bg-ytimg > .lty-playbtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	width: 68px;
	height: 48px;
	cursor: pointer;
	z-index: 1;
	background-color: red !important;
	transition: filter .1s cubic-bezier(0, 0, .2, 1);
	border: none;
	border-radius: 50% / 10%;
	padding: 0;
	text-align: center;
	text-indent: 0.1em;
	transition: all 150ms ease-out;
}
div.bg-ytimg > .lty-playbtn::before {
	background: inherit;
	border-radius: 5% / 50%;
	bottom: 9%;
	content: "";
	left: -5%;
	position: absolute;
	right: -5%;
	top: 9%;
}
div.bg-ytimg > .lty-playbtn::after {
	border-style: solid;
	border-width: 1em 0 1em 1.732em;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.95);
	content: ' ';
	font-size: 0.75em;
	height: 0;
	margin: -1em 0 0 -0.75em;
	top: 50%;
	position: absolute;
	width: 0;
}


div.bg-ytimg > .lty-playbtn > .lyt-visually-hidden {
	color: white;
/*	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;*/
}
.ytimg {
	max-width: 560px !important;
	vertical-align: left !important;
}


/* 2023 Global Gathering Event CSS */

div.fullwidthimage img {
	width: 100%;
	height: auto;
}
div.contentimage {
	margin: 30px 100px;
}
div.contentimage img {
	width: 100%;
	height: auto;
}

div.threecols {
	display: flex;
	gap: 4%;
	margin: 30px 3%;
}
div.threecols div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	max-width: 31%;
	text-align: center;
}
div.threecols h3 {
	color: #01a3b8;
}
div.threecols h3::after {
	display: none;
}
div.threecols a {
	display: inline-block;
	margin: 10px 0;
	padding: 9px 13px;
	color: #fff;
	border: 1px solid #01a3b8;
	background-color: #01a3b8;
}
div.threecols a:hover {
	color: #01a3b8;
	border: 1px solid #01a3b8;
	background-color: #fff;
	text-decoration: none;
}

div.centercol {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 50px 6%;
}
div.centercol h2 {
	margin-bottom: 30px;
	padding-bottom: 10px;
	color: #58585a;
	border-bottom: 4px solid #a5c753;
}
div.centercol h2::after {
	display: none;
}
div.centercol h2.bottomh2 {
	margin-top: -5px;
	color: #fff;
}
div.centercol p {
	text-align: justify;
}

div.cd-countdown {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 50px 6% 100px 6%;
}
div.cd-countdown h3 {
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 30px;
	color: #01a3b8;
}
div.cd-countdown h3::after {
	display: none;
}
div.cd-countdown #cd-demo {
	font-weight: 600;
	font-size: 52px;
	color: #a5c753;
}
div.cd-countdown .cd-names {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 93%;
	font-size: 18px;
	text-align: center;
	color: #58585a;
}
div.cd-countdown .cd-names span {
	width: 23%;
}




@media (max-width: 767px) {
	header,
	header .container,
	header .container .row,
	header .container .row .col-md-3,
	header .container .row .col-md-6 {
		min-height:120px;
	}
	#logo {
		position: absolute;
		top: 0;
		left: 50%;
		display:block;
		width:200px;
		margin-left:-100px;
	}
	#logo img {
		width:200px;
	}
	.langs {
		float:left;
		padding-top:5px;
	}
	#top_search {
		display:inline-block;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #FFF;
	}
	#home_about {
		padding-bottom:15px;
	}
	#home_slide {
		padding-right: 15px;
		padding-bottom:15px;
	}
	.carousel-control.left,
	.carousel-control.right {
		background-image:none;
	}
	main .arts ul {
		padding-left:0;
	}
	main .arts ul div.logo {
		min-height:70px;
		float:none;
	}
	.spip_documents  img {
		width:100%;
		height:auto;
	}
	.mois_nav a {
		font-size:13px;
		display:block;
		min-width:80px;	
	}
	.mois_nav h2 {
		font-size:16px;
		margin:0;
		padding:10px 0;
	}
	.zetero_accordion h3 {
		margin:40px 0 0 0;
	}
	.zetero_accordion h4 {
		margin:5px 0 10px 0;
		font-size:17px;
	}
	.zetero_accordion ul {
		padding-left:23px;
	}
	footer #ue_footer {
		margin:15px 0;
		display:block;
		font-size:13px;
		font-weight:normal;
	}
	footer #ue_footer img {
		width:50%;
		margin-top:5px;
	}
}