/*
Theme Name: Collectif-Roosevelt
Author: Matthieu Marcé
Author URI: http://www.matthieumarce.com/
Description: Thème créé pour le site Collectif-Roosevelt.fr.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: Collectif-Roosevelt
*/


@font-face {font-family: 'Lato';src: url('./fonts/Lato-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-Italic.ttf') format('truetype');font-weight: 400;font-style: italic;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-Hairline.ttf') format('truetype');font-weight: 100;font-style: normal;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-HairlineItalic.ttf') format('truetype');font-weight: 100;font-style: italic;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-Bold.ttf') format('truetype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-BoldItalic.ttf') format('truetype');font-weight: 700;font-style: italic;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-Black.ttf') format('truetype');font-weight: 900;font-style: normal;}
@font-face {font-family: 'Lato';src: url('./fonts/Lato-BlackItalic.ttf') format('truetype');font-weight: 900;font-style: italic;}

html, body {margin:0;padding:0;font-size:14px;font-family:'Lato';font-weight:400}
a, a:hover, a:active, a:visited {color:#000;text-decoration:none}
a:hover {text-decoration:underline}
b, strong {font-weight:700}
input, select {padding:1em 2em;box-sizing:border-box;border:0;border:1px solid #ccc;background-color:#fff;outline:none;font-size:1em}
textarea {padding:1em 2em;width:100%;height:10em;box-sizing:border-box;border:0;border:1px solid #ccc;background-color:#fff;outline:none;font-size:1em;resize:none}
input[type=submit] {font-size:1em;border:0;background-color:#5ea87c;color:#fff;text-transform:uppercase;box-sizing:border-box;outline:none}

.red {color:#d25e53;color:rgba(210,94,83,1)}
a.red:hover, a.red:visited {color:#d25e53;}
.orange {color:#ed6939;color:rgba(237,105,57,1)}
a.orange:hover, a.orange:visited {color:#ed6939;}
.green {color:#5ea87c;color:rgba(94,168,124,1)}
a.green:hover, a.green:visited {color:#5ea87c;}
.gray {color:#403d36;color:rgba(64,61,54,1)}
a.gray:hover, a.gray:visited {color:#403d36;}
.lightgray {color:rgba(64,61,54,0.33)}
a.lightgray:hover, a.lightgray:visited {color:rgba(64,61,54,0.33)}
.white {color:#fff}
a.white:hover, a.white:visited {color:#fff;}
.black {color:#000}
.upcase {text-transform:uppercase}
.normcase {text-transform:none}
.inline {display:inline-block}
.center {text-align:center}
.right {text-align:right}
.double {font-size:2em}
.large {width:100%}
.justify {text-align:justify}
.shadow {box-shadow:5px 5px 0 rgba(0,0,0,0.1)}
.hide {display:none}
.nomargin {margin:0}
.lato-bold {font-weight:700}
.lato-black {font-weight:900}
.fa {cursor:pointer}
.alignleft {display: inline;float: left;margin-right: 0;}
.alignright {display: inline;float: right;margin-left: 0;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

.btn_green, .sib-default-btn {display:inline-block;font-family: 'lato';background-color:#5ea87c;color:#fff;text-align:center;padding:1em;margin:1em 0;box-sizing:border-box;transition:border-radius .1s,background-color .1s}
.btn_green:hover, .sib-default-btn:hover {background-color:#6eb189;border-radius:10px;}
.btn_orange {display:inline-block;font-family: 'lato';background-color:#ed6939;color:#fff;text-align:center;padding:1em;margin:1em 0;box-sizing:border-box;transition:border-radius .1s}
.btn_orange:hover {background-color:#ef784d;border-radius:10px;}
.btn_red {display:inline-block;font-family: 'lato';background-color:#d25e53;color:#fff;text-align:center;padding:1em;margin:1em 0;box-sizing:border-box;transition:border-radius .1s}
.btn_red:hover {background-color:#d76e65;border-radius:10px;}
.btn_gray {display:inline-block;font-family: 'lato';background-color:#403d36;color:#fff;text-align:center;padding:1em;margin:1em 0;box-sizing:border-box;transition:border-radius .1s}
.btn_gray:hover {background-color:#53514a;border-radius:10px;}
.btn_white {display:inline-block;font-family: 'lato';background-color:#fff;color:#000;text-align:center;padding:1em;margin:1em 0;box-sizing:border-box;transition:border-radius .1s}
.bigbtn_white {display:inline-block;font-family: 'lato';font-weight:700;color:#fff;text-align:center;text-transform:uppercase;padding:1em;margin:1em 0;box-sizing:border-box;border:2px solid #fff;border-radius:8px;transition:background-color .2s}
.bigbtn_white:hover {background-color:rgba(255,255,255,0.2)}
.bigbtn_black {display:inline-block;font-family: 'lato';font-weight:700;color:#000;text-align:center;text-transform:uppercase;padding:1em;margin:1em 0;box-sizing:border-box;border:2px solid #000;border-radius:8px;transition:background-color .2s}
.bigbtn_black:hover {background-color:rgba(0,0,0,0.05)}

#page {width:100%;max-width:1200px;margin:auto}
#preheader {position:relative;background-color:#4e9a69;color:#fff;padding:2em}
#preheader_td_content {vertical-align:top;text-align:left}
#preheader_td_button {vertical-align:top;text-align:center}
#preheader_close {position:absolute;top:0.5em;right:0.5em;cursor:pointer}
#header {background-color:#d25e53;min-height:150px}
#header_table {width:100%;border-collapse:collapse;border-spacing:0}
#header_table td {width:33%}
.header_btn {display:inline-block;height:150px;line-height:150px;vertical-align:middle;color:#fff;text-transform:uppercase;background-color:rgba(0,0,0,0.1);width:auto;padding:0 1em;transition:background-color .1s}
.header_btn:hover {background-color:rgba(0,0,0,0.25)}
#header_table_logo {vertical-align:middle;text-align:center}
#header_table_campagne {text-align:right}
#logo {text-align:center;padding:0.5em 0;transition:transform .2s}
#logo:hover {transform:rotate(5deg)}
#menu {background-color:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.1)}
#menu i {padding:0.5em;background-color:rgba(255,255,255,1);border-radius:5px;transition:background-color .1s,color .1s}
#menu i:hover {background-color:rgba(210,94,83,1);color:#fff}
#menu_table {width:95%;margin:auto;border-collapse:collapse;border-spacing:0}
#menu_table_nav, #menu_table_social, #menu_table_newsletter {position:relative;width:33%;padding:0.5em 0}
#menu_table_social {text-align:center}
#menu_table_newsletter {text-align:right}
#menu_search_show {cursor:pointer}
#menu_search_block {display:inline-block}
#menu_search_form {display:inline-block}
#menu_search_form input[type=text] {font-size:0.8em;border:1px solid #403d36;border-radius:4px;padding:0.5em 1em;height:2em}
#menu_search {cursor:pointer}
#menu_block {display:none;position:absolute;top:3em;left:0;background-color:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.1);z-index:10}
#menu_items {width:100%;text-align:left;margin:auto;}
.menu {text-transform:uppercase;padding:1em}
ul.menu, ul.sub-menu {list-style-type:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
ul.sub-menu {display:none}
.menu .menu-item {position:relative;display:block;margin:0 0.5em}
.menu .menu-item a {color:#888;text-decoration:none}
.menu .menu-item a:hover, .menu .current-page-parent a, .menu .active a, .menu .current-category-parent a {color:#000;border-bottom:2px solid #000}
.sub-menu {position:absolute;top:1.5em;left:0;width:150px;background-color:#e3e9eb}
.sub-menu .menu-item {width:100%;border-left:5px solid #000;list-style-type:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;text-transform:none}
.sub-menu .menu-item:hover {border-left:5px solid #2d96fa}
.sousmenu_box {position:relative;display:inline-block;width:200px;text-align:center;background-color:rgba(0,0,0,0.5);color:#fff;padding:2em auto;margin:0 0.5em;font-family: 'PlayfairDisplay-Bold';font-size:1.25em;vertical-align:top}
#sousmenu {border-top:1px solid #878787;background-color:#f1f4f5;text-align:center;padding:1em}
#sousmenu div {display:inline-block;font-family: 'BrandonGrotesque-Black';text-transform:uppercase;margin:0 2em;font-size:0.7em}
#sousmenu a {color:#888;text-decoration:none}
#sousmenu a:hover, #sousmenu .current {color:#000;border-bottom:2px solid #000}

#home_banner {position:relative;height:400px;color:#fff;background-color:#403d36;overflow:hidden}
#home_banner_prev {position:absolute;top:45%;left:1em;opacity:0.5;z-index:2;transition:opacity .2s}
#home_banner_next {position:absolute;top:45%;right:1em;opacity:0.5;z-index:2;transition:opacity .2s}
#home_banner_prev:hover, #home_banner_next:hover {opacity:.75}
#home_banner_inner {width:10000px;height:400px}
.home_banner_slide {float:left;position:relative;width:800px;height:400px;background-repeat:no-repeat;background-position:center top;background-size:cover;box-sizing:border-box;z-index:1}
.home_banner_slide_mask {position:absolute;top:0;left:0;width:100%;height:400px;background-color:rgba(0,0,0,0.6);z-index:-1}
.home_banner_slide_txt {width:50%;padding:2em 5em}
#home_news h2 {text-align:center}
#home_news_table {width:100%;border-collapse:collapse;border-spacing:0}
#home_news_manifeste, #home_news_groupes, #home_news_agenda {width:33%;vertical-align:top}
#home_news_manifeste {padding:0 2em;box-sizing:border-box}
#home_news_groupes {background-color:#f8f8f8}
#home_news_groupes_carte {text-align:center;height:300px;background-image:URL('https://collectif-roosevelt.fr/wp-content/uploads/2017/09/carte-groupes-locaux-sept-2017-ok.png');background-repeat:no-repeat;background-position:center center;background-size:contain}
.home_event {margin-bottom:1em}
.home_event_table {width:90%;border-collapse:collapse;border-spacing:0;margin:auto}
.home_event_table td {vertical-align:top}
.home_event_thumb {width:100px}
.home_event_thumb img {width:100%}
.home_event_txt {padding-left:1em}
.home_event_txt h3 {margin:0}
#home_actions_vivre {padding:1.5em 	2em;width:66%;background-color:#403d36;color:#fff;background-image:URL('./img/fond-encart-vivre.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover}
#home_actions_boutons {width:33%;}
#home_text {padding:0 2em 2em 2em}
#home_lab h2 {text-align:center;margin-top:0}
#home_lab_table {width:100%;border-collapse:collapse;border-spacing:0}
#home_lab_table td {width:33%;color:#fff;vertical-align:top}
#home_lab_table td a {color:#fff}
#home_lab_dons {background-color:#ed6939;background-image:URL('./img/fond-encart-dons.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover;padding:2em;box-sizing:border-box}
#home_lab_lab {background-color:#5ea87c;padding:2em;box-sizing:border-box}
#home_lab_fb {text-align:center}

#content_table {width:100%;margin:3em auto;border-spacing:0;border-collapse:0}
#content_main {width:75%;vertical-align:top}
#content {width:95%;}
#content_sidebar {width:25%;vertical-align:top}

.post-thumbnail {width:100%;height:400px;background-repeat:no-repeat;background-position:center top;background-size:cover;margin:auto;}
.post-thumbnail-sep {padding-top:1em;border-bottom:8px solid #f8f8f8}
.post-infos {text-align:center;margin-top:8em;margin-bottom:2em}
.post-cat {background-color:#403d36;color:#fff;padding:1em;}
.post-padding {padding:0 2em 5em 2em;box-sizing:border-box}
.post h1:first-of-type {margin:0em auto 1em auto;padding:0;font-family: 'lato';font-weight:900;font-size:2em;text-align:center}
.post a {text-decoration:underline}
.sticky_cat_article {background-color:#2d96fa;color:#fff;padding:2em}
.sticky_thumb {background-color:#fff}
.pagination h2 {display:none}
.nav-links {text-align:center}
.nav-links .page-numbers {padding:0 0.5em}
.nav-links .page-numbers.current {font-weight:900}

.page h1 {display:inline-block;width:auto;padding:0;font-family: 'lato';font-weight:900;font-size:2em;text-align:center;border-bottom:8px solid #f8f8f8;padding-bottom:0.5em;margin:0 auto 2em auto;}
.page b, .page strong {font-family: 'lato';font-weight:700}
.page_content h1 {display:block;border:0}
.page_content a {text-decoration:underline}
.page_content img.alignleft {float:left;margin:0 1em 1em 0}
.page_content img.alignright {float:right;margin:0 0 1em 1em}

.manifeste_theme {display:inline-block;position:relative;width:31%;height:200px;color:#fff;vertical-align:top;text-align:center;font-weight:900;padding:1em 0;margin:0.5em;cursor:pointer;box-sizing:border-box}
.manifeste_content {position:relative}
.manifeste_back {display:none;position:absolute;top:3em;left:2em;color:#fff;z-index:10}
.manifeste_mesure {display:inline-block;width:28%;height:200px;color:#fff;vertical-align:top;text-align:center;font-weight:900;padding:1em;margin:0.5em;cursor:pointer}
.manifeste_detail {display:none;background-color:#f8f8f8;padding:1em;color:#000;text-align:justify;margin:1em auto}
.manifeste_detail h2 {text-align:center}

.cat h1 {display:inline-block;width:auto;padding:0;font-family: 'lato';font-weight:900;font-size:2em;text-align:center;border-bottom:8px solid #f8f8f8;padding-bottom:0.5em;margin:0 auto 2em auto;}
.cat_description {padding-bottom:3em;margin-bottom:3em;border-bottom:8px solid #f8f8f8}
.cat_article {padding-bottom:3em;margin-bottom:3em;border-bottom:8px solid #f8f8f8}
.cat_table td {vertical-align:top}
.cat_table_thumb {width:200px;padding-right:2em}
.cat_table_thumb img {width:100%}
.cat_table td h2 {padding:0;margin:0}
.cat_table td a {text-decoration:none}
.cat_table td a:hover {text-decoration:underline}
.cat_table_details a {color:inherit}

.tag h1 {display:inline-block;width:auto;padding:0;font-family: 'lato';font-weight:900;font-size:2em;text-align:center;border-bottom:8px solid #f8f8f8;padding-bottom:0.5em;margin:0 auto 2em auto;}
.tag_article {padding-bottom:3em;margin-bottom:3em;border-bottom:8px solid #f8f8f8}
.tag_table td {vertical-align:top}
.tag_table_thumb {width:200px;padding-right:2em}
.tag_table_thumb img {width:100%}
.tag_table td h2 {padding:0;margin:0}
.tag_table td a {text-decoration:none}
.tag_table td a:hover {text-decoration:underline}

.search h1 {display:inline-block;width:auto;padding:0;font-family: 'lato';font-weight:900;font-size:2em;text-align:center;border-bottom:8px solid #f8f8f8;padding-bottom:0.5em;margin:0 auto 2em auto;}
.search_article {padding-bottom:3em;margin-bottom:3em;border-bottom:8px solid #f8f8f8}
.search_table td {vertical-align:top}
.search_table_thumb {width:200px;padding-right:2em}
.search_table_thumb img {width:100%}
.search_table td h2 {padding:0;margin:0}
.search_table td a {text-decoration:none}
.search_table td a:hover {text-decoration:underline}

.sidebar_pave {background-color:#f8f8f8;padding:1em;margin-bottom:3em}
.sidebar_pave h2 {font-family: 'lato';font-weight:900;text-align:center;font-size:1em;text-transform:uppercase}
.sidebar_dutravailpourtous {background-image:URL('./img/fond-encart-dutravailpourtous.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;text-align:center}
.sidebar_dutravailpourtous img {width:75%}
.sidebar_manifeste {background-color:#d25e53;color:#fff}
.sidebar_newsletter {margin-bottom:1em}
.sidebar_social {width:auto;text-align:center;margin:auto}
.sidebar_experts_slider {position:relative;width:250px;margin:auto;overflow:hidden}
.sidebar_experts_prev {position:absolute;top:60px;left:0;width:35px;height:35px;line-height:35px;text-align:center;background-color:rgba(0,0,0,0.1);color:#fff;border-radius:50%;cursor:pointer;background-image:URL('./img/ico_fleche_prec.png');background-repeat:no-repeat;background-position:center center}
.sidebar_experts_next {position:absolute;top:60px;right:0;width:35px;height:35px;line-height:35px;text-align:center;background-color:rgba(0,0,0,0.1);color:#fff;border-radius:50%;cursor:pointer;background-image:URL('./img/ico_fleche_suite.png');background-repeat:no-repeat;background-position:center center}
.sidebar_experts_inner {width:1000px;}
.sidebar_experts_expert {display:inline-block;width:250px;text-align:center}
.sidebar_experts_expert_photo {width:150px;height:150px;border-radius:50%;margin:auto;background-repeat:no-repeat;background-size:cover;background-position:center center}

#groupes_map {position:relative;width:600px;margin:auto}

.accordion-title {background-color:#d25e53;color:#fff;font-weight:900;padding:0.5em 1em;cursor:pointer;outline:0}
.accordion-title:before {content:"> "}
.accordion-title.open:before {content:"v "}
.accordion-title .accordion-title {background-color:#f8f8f8;color:#000;font-weight:900;padding:0.5em 1em;cursor:pointer;outline:0}

#footer {background-color:#f8f8f8;box-shadow:0 -5px 5px rgba(0,0,0,0.1);padding:2em 0}
.footer_table {width:95%;margin:auto}
.footer_table td {vertical-align:top}
#footer_table_social {text-align:right}
.footer_social_item {display:inline-block;width:50px;height:50px;background-color:#d25e53;color:#fff;margin:0 0.25em;text-align:center;line-height:56px;transition:border-radius .1s,background-color .1s}
.footer_social_item:hover {border-radius:10px;background-color:#d76e65;}

#sitemap {background-color:#f8f8f8;padding:0 0 2em 0}
#sitemap_table {width:95%;margin:auto}
#sitemap_table td {vertical-align:top}

@media screen and (max-width: 768px) {
	input[type=text], input[type=email], select, textarea {padding:1em 0;text-indent:1em}
	.smallhide {display:none}
	.menu .menu-item {display:block;margin:1em 0;width:100%}
	.sub-menu {position:relative;top:0;left:0;margin-bottom:1em}
	.sub-menu .menu-item {display:block;margin:0;width:100%;z-index:1000}
	#header_table td {display:block;width:100%}
	.header_btn {height:2em;line-height:2em}
	#home_news_manifeste, #home_news_groupes, #home_news_agenda {display:block;width:100%}
	#home_actions_vivre, #home_actions_boutons {display:block;width:100%}	
	#home_lab_table td {display:block;width:100%}
	#content_main {display:block;width:100%}
	#content {width:100%;}
	#content_sidebar {display:block;width:100%}
	.sidebar_pave {margin-bottom:1em}
	.cat_table td, .tag_table td, .search_table td {display:block;width:100%}
	.experts_td {display:block;width:100%}
	#groupes_map {width:275px}
	.footer_table td {display:block;width:100%;text-align:center}
	.footer_table_sep {border-right:0}
	#footer_plan {margin:auto}
	#footer_contact, #footer_links, #footer_social {padding-left:0;padding-top:2em}
	.footer_social_item {display:inline-block}
}
@media screen and (max-width: 400px) {}