/** CSS Additionnelle au thème Futurio **/
/** Auteur : Sylvain Granon **/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');

body {font-family: 'Roboto', "Helvetica Neue", helvetica, arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: Impact, sans-serif;}
a {color: #00b2e0;text-decoration:underline;transition: 1s all ease;}
.site-title a, .surnav .navbar-nav > li > a {text-decoration:none;}
.site-description {font-size: 16px;color: #114689;}
a:hover {text-decoration:none;}
h2 {color: #003399; margin: 80px 0 30px 0 ; padding: 10px; }
.post h2 {background-color: #fff; color:#003399;margin: 30px 0; padding: 10px;text-align: left;}
h3 {  color: #e74124;margin: 20px 0 0 0;padding: 10px 10px 10px 0;font-size: 1.5em;line-height: 1.4em;}
h4 {color: #e74124;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;font-family: 'Inter', sans-serif;}
.has-drop-cap:not(:focus)::after {content: "";display: table;clear: both;padding-top: 14px;}
.has-drop-cap:not(:focus)::first-letter {float: left;font-size: 8.4em;font-style: normal;font-weight: 100;line-height: .68;margin: .05em .1em 0 0;text-transform: uppercase;}
.home .has-drop-cap:not(:focus)::first-letter {color: #fff;}
.home .homeresume .wp-block-group__inner-container {max-width: 1024px;margin: 0 auto;}
.page-id-56 h2 {margin-top:50px;}
.page-id-56 h3 {border-bottom:none;margin-bottom:0;}
.full-head-img {padding: 0 2px; background:#000;}
.full-head-img h1.single-title {display:none;}
.centersansborder {text-align: center;border: none;}
.home.container {width: 100%;}
.home article {padding:0;}
.size-large {text-align: center;}
.footer-credits-text {display:none;}
.search-form input[type="submit"] {text-indent: -1000em;background:url("/wordpress/wp-content/themes/futurio/img/loupe.png") center center no-repeat;background-size: 80%; border:none;}
.navbar-header {padding: 0 0 30px 0;background-color: #e74124;color:#fff;}
.navbar-header, .site-heading {display: block;width: 100%; text-align: center; float:none;}
.site-branding-logo img {max-height:120px;}
.site-heading .site-branding-logo, .site-heading .site-branding-text, .navbar-brand, .site-heading.navbar-brand {display: block; width: 100%;margin:3px 0 0 0;height:auto;}
.site-branding-logo {background:url("medias/logo-la-ref-moyen.png") center center no-repeat; width:150px;height:72px;}
.site-branding-text .site-title {text-align: center;}
.navbar-nav > li > a {padding: 10px 10px 10px 20px;font-weight: bold;}
.nav > li > a::before {top: 58px;background-color: #003399;-webkit-transition: all 0.8s;transition: all 0.8s;}
.shrink .nav > li > a::before {top:48px;}
.nav > li.active > a:before, .current-page-parent:before {height: 0;}
h2, .wp-block-button {text-align:center}
.surnav {background-color: #003399; color: #fff;}
.surnav a {color: #fff;}
.returnlink {text-align: right;}
.returnlink a {background: url("../medias/arrow-laref20.png") left center no-repeat transparent;padding: 10px 0 10px 40px;display: inline-block;text-decoration: none;}
/* Home */
.home .single-entry-summary {margin-top: 0;}
.page-area {padding-top: 0;}
.home h3 {text-align: center; border: none;margin: 0;}
#contact div {background:url("http://laref.org/wp-content/uploads/2020/06/sprite_mail.png") 10px 5px no-repeat #fff;margin: 0 auto;}
#contact div:hover {background:url("http://laref.org/wp-content/uploads/2020/06/sprite_mail.png") 10px -30px no-repeat #003399;margin: 0 auto;}
.conf {background-color:#003399;}
.titreconf { color:#fff;box-shadow: 0 5px 10px #ccc;position:relative;min-height:58px;padding:10px;line-height:20px;}
.imgshadow {box-shadow: 0 4px 10px #aaa;}
.imgshadow p, .imgshadow img {margin:0;box-shadow: none;}
.art-home {transition: 0.2s all ease;}
.art-home img, .art-home p {cursor:pointer;margin:0;box-shadow: none;}
.art-home:hover, .art-home:hover img, .art-home:hover p {box-shadow:none; cursor:pointer;}
.wp-block-button__link {background-color: #003399;box-shadow: 0 5px 10px #666;}
.wp-block-button__link:hover {box-shadow: none;}
.btn {padding: 20px;margin: 20px; background-color:#003399;color:#fff;box-shadow: 0 2px 5px #666;border-radius: 5px;-webkit-transition: all 0.4s;transition: all 0.4s;text-decoration: none;font-weight: bold; }
.btn:hover {padding: 20px; background-color:#fff;color:#003399;box-shadow: 0 0px 2px #666;border-radius: 5px; }
a.btn:active, a.btn:focus {color: #ffffff;}
.lienplus {clear:both;display: block;width: 50px;height: 50px;background:url("../medias/plus-2.png") center center no-repeat transparent;transition: 0.1s all ease;margin: 20px 0 0 0; text-indent: -1000em;}
.lienplus:hover {display: block;width: 50px;height: 50px;transform: rotate(-90deg);cursor:pointer; }
hr {margin: 10px 0;}
.owl-carousel .owl-item img {box-shadow: 0 0 5px #CCC;}
.owl-item strong {color: #003399;}
.owl-item a {text-decoration: none;font-weight: bold;text-transform: uppercase;}
.intro h2 {background-color: #fff;color: #003399;padding: 0;margin: 0 0 20px 0;}
.btn-Ref21, .btn-Ref21small {text-align: center;font-size: 18px;background: url(../medias/bgd_btn_ref21-Copie.jpg) center center no-repeat transparent;background-size: auto;background-size: cover;
    border: none;border-radius: 0;max-width: 250px;margin: 20px 0;display: block;color: #fff;text-decoration: none;padding: 20px;}
.btn-Ref21franco, .btn-Ref21francosmall {text-align: center;font-size: 18px;background: url(../medias/bgd_btn_franco-Copie.jpg) center center no-repeat transparent;background-size: auto;
    background-size: cover;border: none;border-radius: 0;max-width: 250px;margin: 20px 0;display: block;color: #fff;text-decoration: none;padding: 20px;}
.btn-Ref21plateauTV {text-align: center;font-size: 18px;background: url(../medias/bgd_btn_plateauTV.jpg) center center no-repeat transparent;background-size: auto;background-size: cover;border: none;border-radius: 0;max-width: 250px;margin: 20px 0;display: block;color: #fff;text-decoration: none;padding: 20px;}
.wp-block-column {width: 50%;float: left; box-sizing: border-box;padding: 10px;}
.btnhome .wp-block-column {width: 33%; float: left;box-sizing: border-box;}
.cadre {border: 10px solid #111085;}

.surnav {border:none;}
.surnav .container {width: 100%;padding: 0;}
.surnav .menu-container {background-color: #003399; color:#fff;}
.navbar-nav {margin: 0 -15px 7.5px -15px;}
.surnav .navbar-nav > li > a {color:#fff;}
.surnav .navbar-nav > li > a:hover {background-color: #fff;color:#114689; }
.surnav .navbar-nav > li.active > a, .surnav .navbar-nav > li.active > a:hover {color:#fff;background-color:#e74124;}
.paddingtop {padding-top: 230px;}
.latest-post-selection-slider>div .overlay {background-color: #fff; color:#333;font-size: 14px;line-height: 21px;}
.latest-post-selection-slider>div .overlay h3 {color:#003399;font-size: 24px;margin: 0 0 3px 0;}
.site-description {font-size: 20px;color: #fff;text-transform: uppercase;font-family: roboto;}
.shrink .site-heading .site-branding-text {margin: 0;}
#content-footer-section {background-color:#003399;margin: 50px 0 0 0;}
#content-footer-section .container {text-align:center;text-transform: uppercase;}
.number {color:#003399;margin: 40px 0 0 0;}
.number img {margin:0 0 10px 0;}
.number .gdnombre {font-size:30px; font-family:impact;display:block;}
.number > div {text-align:center}
.comments-meta {display: none;}
.content-date-comments {width: 60px;}
.date-meta {background-color: #003399;color: #fff;opacity: 0.5;padding: 2px 0;}
#content-footer-section a {color: #fff;}
#content-footer-section i {opacity: 0.8; font-size: 32px; margin: 0 5px;color: #fff;}
#content-footer-section i:hover {opacity:1;}
a.biglink {display: inline-block;padding:  0 0 0 27px;background:url("http://laref.org/wp-content/uploads/2020/06/plus2.png") left 0px no-repeat #fff;transition: 0.2s all ease;}
a.biglink {display: inline-block;padding: 0 0 0 21px;background: url(http://laref.org/wp-content/uploads/2020/06/plus2.png) left 5px no-repeat #fff;transition: 0.2s all ease;color: #666;text-decoration: none;margin: 0 0 0 0px;}
a.biglink:hover {cursor: pointer;}
.wpcu-front-box span.title {font-size: 15px;color: #003399;}
.wplp_container .wpcu-front-box span.date {font-size: 0.7em;}
.wplp_widget_default .insideframe ul li {padding: 0 2px;}
.wplp_widget_default .insideframe ul li:first-child {padding: 0 4px 0 0;}
.wplp_widget_default .insideframe ul li:last-child {padding: 0 0 0 4px;}
.intro {font-weight: bold;margin: 50px 96px;color: #003399;text-align: justify;background-color: #fff;padding: 40px 30px;border-radius: 10px;box-shadow: 0px 0px 6px #003399;}
.intro2 {font-weight: bold;margin: 0 96px;color: #003399;text-align: justify;background-color: #fff;padding: 40px 30px;
}
.wplp_container.default .title {font-size: 1.3em;}
.wplp_container .wpcu-front-box span.date {color: #e74124;padding: 10px 0 5px 0;}
.programme h2 {clear: both;}
.programme h3 {margin: 20px 0 0px 0;text-transform: uppercase;clear: both;}
.programme .subtitle {color: #e74124;font-size: 18px;font-weight: bold;display: inline-block;margin: 0 0 8px 0;}
.programme .subtitle a {color: #e74124;}
.programme .descriptif {width:50%;float: left;box-sizing: border-box; margin: 0 0 20px 0; padding:0 20px 0 0;}
.programme .intervenants-pgm {width: 50%;float: left;box-sizing: border-box;padding: 10px;color: #fff;background-color: #f78639;font-size: 13px;margin:7px 0 30px 0;}
.programme .intervenants-pgm a {color: #fff;}
.programme .intervenants-pgm ul {margin:0 0 10px 0;padding:0 0 0 14px;}
.programme .intervenants-pgm ul + p {margin:0 0 0 13px;}
.page-id-2197 span.category {display: none;}

/* Pages partenaires, intervenants, bio */
.partenaires, .intervenant {margin:0;}
.partenaires img, .intervenants img, .intervenant img  {box-shadow: 0 0 10px #ccc;}
.partenaires h3, .intervenants h3, .intervenant h3  {margin: 60px 0 0 0;border: none;clear:both;}
.intervenants h4, .intervenant h4 {color: #e74124;border-bottom: 1px solid #003399;padding: 0 0 5px 0;}
.partenaires .wp-block-column {padding: 10px;background-color: #003399;color: #fff;min-height: 292px;float: left; width:50%;box-sizing: border-box;margin: 0 0 15px 0;border-right:4px solid #fff;transition: 0.5s all ease;}
.intervenants .wp-block-column, .intervenant .wp-block-column {width: 33%;padding: 0 10px 0 0;min-height: 292px;float: left; box-sizing: border-box;margin: 0 0 15px 0;transition: 0.5s all ease;position: relative;}
.credit {position: absolute;font-size: 10px; bottom: 10px;color: #fff;background-color: #000;line-height: 10px;text-align: left;}
.intervenant .wp-block-column {width: 100%;}
.intervenants {font-size:14px;}
.intervenants h4 + p span {display: block;min-height: 100px;}
.partenaires .wp-block-column img, .intervenants .wp-block-column img, .intervenant .wp-block-column img {box-shadow: none;margin: 0;}
.partenaires .wp-block-column:after {content: " ";clear: both; }
.partenaires .wp-block-column img, .partenaires .wp-block-column > div, .intervenants .wp-block-column .img + div {float: left;width: 50%;}
.intervenant .wp-block-column .img + div {float: left;width: 80%;}
.partenaires .wp-block-column > div, .intervenants .wp-block-column > div, .intervenant .wp-block-column > div {box-sizing: border-box;padding: 0 0 0 10px;text-align: left;}
.intervenants .wp-block-column .img, .intervenant .wp-block-column .img {max-width: 200px;float: left;width: 50%;padding: 10px;box-sizing: border-box;background-color: #003399;position: relative;}
.intervenant .wp-block-column .img p {margin: 0 10px 0 0;}
.intervenants .wp-block-column .img p {margin: 0;}
.intervenant .wp-block-column .img {width: 20%;}
.intervenant .wp-block-column > div {padding: 0 0 0 30px;}
.intervenant h4 + p {margin: 0 0 20px 0;color:#e74124;}
.partenaires2 .wp-block-column, .danslesmedias .wp-block-column, .themes .wp-block-column {clear: both; padding: 30px 0 0 0;margin: 0;}
.partenaires2 .img img, .danslesmedias .img, .themes .img  {padding: 10px;background-color: #003399;width: 30%;float: left;margin: 0;}
.partenaires2 .img img {width: 100%;}
.partenaires2 .img {width: auto;margin: 0 30px 0 0;}
.partenaires2 .wp-block-column .img + div {float: left;width: 60%;}
.danslesmedias .img  {width: 20%;}
.danslesmedias .img + div, .themes .img + div {float: left;width: 70%;box-sizing: border-box;padding: 0 0 0 20px;}
.partenaires2 h3, .danslesmedias h3, .themes h3 {clear: both;padding: 60px 0 10px 0;margin: 0;}
.infoplus {display: block; padding: 0 0 0 15px;background:url("/wp-content/uploads/2020/10/bullet.jpg") left 8px no-repeat transparent;}
.partenaires2 .img3 {padding: 10px;background-color: #111085;}
.wp-block-columns {flex-wrap: nowrap;display: flex;}
.wp-block-column:not(:first-child) {margin-left: 32px;}
.intervenants .wp-block-column:not(:first-child) {margin-left: 0;}

/* Page Thématiques */
.themes .wp-block-column {width: auto;}
.themes h3 {padding: 0;}
.themes h4 {clear:both;}
.themes .partenaires + h4 {padding: 20px 0 0 0;}
.themes .img {background-color: transparent;}
.themes .partenaires img {margin: 5px;width: 20%;box-sizing: border-box;padding: 10px;background-color: #003399; float: left;}
.themes .partenaires img:hover {box-shadow: none;cursor: pointer;}
.themes .partenaires + p {clear: both;}
.themes .img + div {float: left;width: 66%;box-sizing: border-box;padding: 0 0 0 20px;margin: 13px 0 0 0;}
.themes .sommaire ul {color:#003399;text-align: center;max-width: 400px; margin: 50px auto 0 auto;}
.themes .sommaire ul li {font-weight: bold;margin: 5px 0;list-style: none;background-color: #003399;color:#ffffff;transition: all ease 1s;padding: 10px 0;}
.themes .sommaire ul li a {text-decoration: none;color:#ffffff;}
.themes .sommaire ul li:hover {background-color: #e74124;padding: 10px 0;}
.themes .sommaire ul li:hover a {text-decoration: none;color:#ffffff;}
.title_art {color: #0081c5;font-weight: bold;}
.strongtitle {font-size: 4em;color: #e74124;background-color: #fff;}

/* Accordion */
#blog .wpsm_panel-group {padding: 0;}
#blog .ac_title_class, #blog .wpsm_panel-body {font-family: "Helvetica Neue", helvetica, arial, sans-serif;}

/* Boutons réseaux sociaux */
.sfsi_responsive_icons .sfsi_responsive_icon_facebook_container, .sfsi_responsive_icons .sfsi_responsive_icon_twitter_container, .sfsi_responsive_icons .sfsi_responsive_icon_follow_container {background-color: #003399;}

/* Infos pratiques */
h3.taxi, h3.voiture, h3.metro, h3.bus {margin:40px 0 0 0;}
h3.taxi {background:url("http://laref.org/wp-content/uploads/2020/06/taxi.png") left top no-repeat transparent; padding: 12px 10px 10px 54px;}
h3.voiture {background:url("http://laref.org/wp-content/uploads/2020/06/voiture.png") left top no-repeat transparent; padding: 7px 10px 10px 54px;}
h3.metro {background:url("http://laref.org/wp-content/uploads/2020/06/metro.png") left top no-repeat transparent; padding: 40px 10px 10px 55px}
h3.bus {background:url("http://laref.org/wp-content/uploads/2020/06/bus.png") left top no-repeat transparent; padding: 28px 10px 10px 60px;}

/* Media queries */
@media (max-width: 1200px) {
	.partenaires .wp-block-column img, .partenaires .wp-block-column > div {float: none;width: 100%;}
	.intro {margin: 50px 66px;}
	.intervenants .wp-block-column {width: 50%;}
}
@media (max-width: 991px) {
	#passcontact {margin: 0;}
	.intervenants .wp-block-column {width:50%;}
	.intro {margin: 50px 0;}
	.intervenant .wp-block-column .img {width: 30%;}
	.intervenant .wp-block-column .img + div {width: 70%;}
	.intervenants h4 + p span {min-height: 80px;}	
}
@media (min-width: 768px) {
	.navbar-left {float: none !important;width: 430px;margin: 0 auto;text-align: center;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0;}

	.navbar-nav > li > a {padding:20px 10px;}
	.navbar-nav li:first-child a {background:url("../medias/home.png") center center no-repeat transparent;background-size:60%;padding:20px 72px 20px 0;text-indent:-1000em;}
	.shrink .navbar-nav li:first-child a {background-size:50%;padding:20px 60px 10px 0;}
	.navbar-nav li:first-child a:hover {background:url("../medias/home-hover.png") center center no-repeat transparent;background-size:60%;padding:20px 72px 20px 0;text-indent:-1000em;}
	.shrink .navbar-nav li:first-child a:hover {background-size:50%;padding:20px 60px 10px 0;}
	.single-post p {padding:0 80px;}
	.single-post .main-container ul {padding:0 80px 0 93px;}
	.single-post .main-container h4 {padding:20px 80px 0 80px;}
	.single-post .sfsi_responsive_icons {padding:68px;}
}
@media (min-width: 600px) {
	.admin-bar .surnav.shrink {top: 0;}
}
@media (max-width: 992px) {
	.btnhome {margin:0;}
}
@media (max-width: 781px) {
	.lienplus {margin:0;}
}
@media (max-width: 767px) {
	.number div:nth-child(3), .number div:nth-child(4) {margin-top:30px;}
	.brand-absolute.visible-xs {color:#ffffff;}
	.open-panel span {background: #ffffff;}
	.surnav {color: #114689;}
	.surnav .navbar-nav a, .openNav .menu-container {border-bottom: 1px solid #fff;}
	.openNav .menu-container {top:0;}
	.themes .img + div, .themes .img {width: 100%;padding:0;}
	.wplp_widget_default .insideframe ul li {margin: 0 0 40px 0;}
	.programme .descriptif {width: 100%;margin: 0;}
	.programme .intervenants-pgm {width: 100%;margin: 0 0 30px 0;}
	.partenaires2 .img {margin: 0 20px 0 0;}
}
@media (max-width: 600px) {
	.number > div {margin-top:30px;}
	.partenaires2 .wp-block-column, #blog .intervenants .wp-block-column, #blog .intervenant .wp-block-column {width:100%;clear: both;}	
	.wp-block-column, .intervenants .wp-block-column {float: none;width: 100%;}
	.wp-block-column img, .wp-block-column img {width: 100%;}
	.wp-block-column > div {padding: 0 0 0 10px;}
	.partenaires2 .wp-block-column > div {padding: 0;}
	.intro {margin: 50px 0;}
	.partenaires2 .wp-block-columns {display: block;}
	.wp-block-column:not(:first-child) {margin-left: 0;}
	.themes .partenaires img {width: 30%;}
}
@media (max-width: 450px) {
	.partenaires2 .wp-block-column {display: block;}
	.partenaires2 .wp-block-column .img, .danslesmedias .wp-block-column .img {width: 100%; float: none;margin: 0 0 10px 0;}
	.partenaires2 .wp-block-column .img + div, .danslesmedias .img + div {float: none;width: 100%;padding: 10px 0 0 0;clear: both;}
}
	}
@media (max-width: 413px) {
	.site-description {text-align: center;}
	.biglink {text-align: center;}
	#blog .intervenants .wp-block-column, #blog .intervenant .wp-block-column {text-align: center;}
}