/**
 * @file
 * Subtheme specific CSS.
 */
 
@import url('https://fonts.googleapis.com/css2?family=Amaranth&family=Mr+Dafoe&display=swap');

body,html {
    font-family: Segoe UI,Helvetica,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 1rem;
    color: #333;
    line-height: 1.3rem;
    margin: 0;
    padding: 0;
    background: rgb(141,255,227);
    background: linear-gradient(180deg, rgba(141,255,227,1) 25%, rgba(255,255,255,1) 100%);
}

input,text,textarea {
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
}

a {
    text-decoration: none;
    color: #CB3F22;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

h1,h2,h3,h4,h5 {
    margin: 20px 0 10px 0;
    padding: 0 0 10px 0;
}

h1.title,h2.title {
    padding: 0 0 20px 0;
    margin: 0;
}

p {
    margin: 1rem 0;
    font-size: 1.1rem;
    line-height: 1.4rem;
    ;}

sup {
    vertical-align: top;
    line-height: .8em;
}

h1 {
    font-size: 2rem;
    font-weight: normal;
    line-height: 2rem;
}

h1 a {
    color: #1F88A7;
}

h1 a:hover {
    text-decoration: none;
    color: #333;
}

h2 {
    font-size: 1.8rem;
    line-height: 1.2rem;
}

h3 {
    font-size: 1.6rem;
    line-height: 1.2rem;
}

code {
    font-family: "Courier New",Courier,monospace;
}

#navbar-main {
    background-image: url('/sites/default/files/bandeau.jpg');
    background-size: cover;
    height: 200px;
}

.navbar-brand {
    font-family: 'Mr Dafoe', cursive;
    font-size:100px;
    font-weight: 400;
    margin-left: 2%;
}

a.navbar-brand, a.navbar-brand:hover {
    text-decoration: none;
    color:white;
}

blockquote {
    border-left: 1px dashed #AAAAAA;
    color: #555;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
    line-height: 1.8rem;
    margin: 15px 0 15px 20px;
    padding-left: 20px;
}

.breadcrumb {
    padding: 0 0 15px 0;
}

#wrapper {
    margin: 0 auto;
    width: 1460px;
}

#header {
    height: 200px;
    position: relative;
}

#content {
    padding-bottom: 20px;
    overflow: hidden;
    margin-top: 25px;
    text-shadow: #eee 1px 1px;
}

#content #colLeft {
    float: left;
    width: 55%;
    margin-right: 2rem;
    padding-top: 10px;
}

#content #colRight {
    float: left;
    width: 40%;
}

#footer {
    background: #111;
    padding: 0;
    margin: 0;
    text-shadow: 1px 1px #000;
    border-top: 3px solid #000;
}

#footerInner {
    width: 1460px;
    margin: 0 auto;
    padding: 20px 0 35px;
    overflow: hidden;
}

#logo-floater {
    position: absolute;
    top: 60px;
    left: 0;
}

#logo-floater a img {
    border: none;
    vertical-align: middle;
}

#block-bootstrap-barrio-subtheme-main-menu {
    position: absolute;
    left: 10px;
    top: 10px;
    text-shadow: 1px 1px #124130;
}

#block-bootstrap-barrio-subtheme-main-menu ul.navbar-nav li {
    display: block;
    float: left;
    color: #ccc;
    text-transform: none;
    padding: 0 20px 0 0;
    margin: 0;
}

#block-bootstrap-barrio-subtheme-main-menu ul.navbar-nav li a {
    float: left;
    display: block;
    height: 32px;
    min-width: 10rem;
    color: #8DFFE3;
    font-weight: bold;
    background: #326150;
    padding: 6px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
}

a.nav-link--::before::hover {
    background-color: #8DFFE3;
    color: #CB3F22;
    text-shadow: 1px 1px #528170;
}

#block-bootstrap-barrio-subtheme-main-menu ul.navbar-nav li a:hover,
#block-bootstrap-barrio-subtheme-main-menu ul.navbar-nav li a.selected,
#block-bootstrap-barrio-subtheme-main-menu ul.navbar-nav li a.active {
    text-decoration: none;
    background-color: #8DFFE3;
    color: #CB3F22;
    text-shadow: 1px 1px #528170;
}

#site-name {
    font-size: 1.6rem;
    padding: 5px 0 0 0;
}

#topSearch {
    position: absolute;
    right: 0;
    top: 10px;
}

#content .node-front {
    float: left;
    margin: 0 15px 30px 15px;
    width: 22%;
    background: url(/sites/all/themes/journalcrunch/images/box_botttom_shadow.png) 50% 100% no-repeat;
    padding-bottom: 5px;
    position: relative;
}

#breves {
    float: right;
    width: 430px;
    position: relative;
    margin-top: 70px;
    border: 8px solid #F7F9F9;
    background: #F7F9F9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.gauche {
    float: left;
    margin-right: .5rem;
}

#content .lastBox {
    margin-right: 0;
}

#content .nodeInner {
    border: 8px solid #F7F9F9;
    background: #F7F9F9;
    padding: .5rem;
    height: 400px;
    font-size: 1.2rem;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

#content .nodeInner div.excerpt {
    height: 80px;
}

#content .nodeInner:hover {
    background: #FFF;
    border: 8px solid #B0FEEC;
}

#content .node-front .nodeInner img {
    padding: 0;
    width: 255px;
    overflow: hidden;
}

.node-front div.field-type-image {
    display: block;
    overflow: hidden;
    height: 120px;
}

.node-front.node-sticky div.field-type-image {
    display: block;
    overflow: hidden;
    height: auto;
}

#content .node-front.node-sticky .nodeInner img {
    padding: .5rem;
    width: 430px;
    height: 290px;
}

#content .nodeInner p {
    margin: .5rem 0;
}

#content .nodeInner div.meta {
    font-size: 1.1rem;
    color: #888;
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    left: 18px;
    bottom: 25px;
}

#content .nodeInner div.meta img {
    vertical-align: middle;
}

#content .node-front .nodeInner h2 {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.8rem;
    margin: 0;
    padding: .5rem 0;
}

#content #colLeft .node-front .nodeInner h2 {
    margin-bottom: 0;
}

#content .nodeInner h2 a {
    color: #353535;
}

#content .nodeInner h2 a:hover {
    color: #CB3F22;
    text-decoration: none;
}

#content .node-sticky .nodeInner h2 a:hover {
    color: #CB3F22;
    text-decoration: none;
}

#content .node-front .node-readmore a {
    position: absolute;
    bottom: -5px;
    right: 20px;
    display: block;
    width: 46px;
    height: 46px;
    text-indent: -9999px;
    background: url(/sites/all/themes/journalcrunch/images/bk_readmore.svg) 0 0 no-repeat;
}

#content .node-front .nodeInner ul.links li.upload_attachments {
    display: block;
}

#content .node-front.node-sticky .nodeInner ul.links li.upload_attachments {
    display: inline-block;
}

#content .node-front .node-readmore:hover a {
    background: url(/sites/all/themes/journalcrunch/images/bk_readmore.svg) 0 -46px no-repeat;
}

#content img {
    background: none repeat scroll 0 0 #EEF2F2;
    border: medium none;
    padding: .5rem;
}

#content img.node-front-image,.node-front .field-name-field-tags,.node-taxonomy .field-name-field-tags,.book-navigation .menu {
    display: none;
}

#content .node-front img.node-front-image {
    display: block;
}

#content .node-front.node-sticky {
    float: left;
    position: relative;
    width: 60%;
    margin: 0;
    padding: 0 15px 30px 15px;
    border: none;
    background: none;
    background: url(/sites/all/themes/journalcrunch/images/bk_dotted_big.png) repeat-x scroll 0 100% transparent;
    margin-bottom: 30px;
}

#content .node-front.node-sticky.node-taxonomy {
    margin-left: 87px;
}

#content .node-front.node-sticky .nodeInner {
    background: transparent;
    border: none;
    padding: 0;
    overflow: hidden;
    display: block;
    min-height: 500px;
}

#content .node-front.node-sticky .nodeInner h2,#content #colLeft .node-front.node-sticky.node-taxonomy .nodeInner h2 {
    font-weight: normal;
    line-height: 1.1rem;
    margin-bottom: 25px;
    padding-right: 80px;
    padding-top: 5px;
    font-size: 2.4rem;
}

#content .node-front.node-sticky .node-readmore a {
    background: url(/sites/all/themes/journalcrunch/images/bk_readmore.svg) no-repeat scroll 0 -46px transparent;
    display: none;
    height: 46px;
    left: 370px;
    position: absolute;
    text-indent: -9999px;
    top: 365px;
    width: 46px;
}

#content .node-front.node-sticky .node-readmore a:hover {
    background-position: 0 0;
}

#content .meta {
    background: url(/sites/all/themes/journalcrunch/images/bk_dotted_big.png) repeat-x scroll 0 100% transparent;
    color: #666666;
    font-size: 1.1rem;
    padding-bottom: 18px;
    text-transform: uppercase;
}

#content #colLeft div.submitted {
    margin: -5px 0 18px 0;
    padding: 0 0 18px 0;
    border: none;
    background: none;
    background: url(/sites/all/themes/journalcrunch/images/bk_dotted_big.png) repeat-x scroll 0 100% transparent;
}

#content #colLeft div.field-type-taxonomy-term-reference {
    background: url(/sites/all/themes/journalcrunch/images/ico_tag.png) no-repeat scroll 0 50% transparent;
    margin: 20px 0;
    padding: 0 0 0 25px;
}

#content #colLeft div.field-name-field-tags .field-item {
    float: left;
    display: inline-block;
    padding: 0 20px 0 0;
}

#content #colLeft div.meta ul li {
    background: none repeat scroll 0 0 transparent;
}

#colRight .block {
    background: url(/sites/all/themes/journalcrunch/images/box_botttom_shadow_right.png) 50% 100% no-repeat;
    padding-bottom: 4px;
    margin-bottom: 12px;
}

#colRight .blockInner {
    background: #F7F9F9;
    padding: .5rem;
    padding-bottom: 20px;
    border: 8px solid #EEF2F2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

#colRight .blockInner h2 {
    padding: .5rem 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.5rem;
    border-bottom: 1px solid #ddd;
}

#colRight .blockInner ul.menu {
    padding: 0;
    margin: 0;
}

#colRight .blockInner ul.menu li {
    margin: 0;
    list-style: none;
}

#colRight .blockInner ul li {
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
}

#colRight .blockInner ul li,#colRight .blockInner p,#colRight .blockInner div {
    text-shadow: none;
}

#colRight .blockInner p {
    margin: 0.7em 0;
}

ul.pager {
    overflow: hidden;
    text-align: center;
    margin: 15px auto 0;
    font-size: 1.8rem;
    padding-right: 2px;
}

ul.pager li.pager-current {
    background: url(/sites/all/themes/journalcrunch/images/bk_pagination_item.png);
    margin: 0 5px;
    display: block;
    overflow: hidden;
    width: 41px;
    height: 31px;
    text-align: center;
    text-decoration: none;
    float: left;
    font-weight: bold;
    padding: .5rem 0 0 0;
    color: #000;
}

ul.pager li a {
    background: url(/sites/all/themes/journalcrunch/images/bk_pagination_item.png);
    color: #26B8A3;
    margin: 0 5px;
    display: block;
    overflow: hidden;
    width: 41px;
    height: 31px;
    text-align: center;
    text-decoration: none;
    float: left;
    padding-top: .5rem;
    font-weight: bold;
}

ul.pager li a:hover {
    color: #000;
}

.item-list .pager li {
    padding: 0;
}

.item-list ul li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
    list-style: disc;
}

ul.pager li.pager-next a,ul.pager li.pager-last a,ul.pager li.pager-first a,ul.pager li.pager-previous a {
    float: left;
    background: none;
    width: 100px;
}

#footerInner .blockFooter {
    float: left;
    width: 22%;
    padding-right: 30px;
    overflow: hidden;
    margin-bottom: 30px;
    color: #ccc;
}

#footerInner h2 {
    font-size: 2rem;
    line-height: 2rem;
    border-bottom: 1px solid #292929;
    padding: 7px 0 12px;
    margin-bottom: 2px;
    color: #ccc;
    font-weight: normal;
    text-shadow: none;
}

#footerInner .blockFooter ul.menu {
    padding: 0;
}

#footerInner a {
    color: #CB3F22;
}

#footerInner .blockFooter ul li,#footerInner .blockFooter ul.menu li {
    padding: 7px 0;
    margin: 0;
    border-bottom: 1px dotted #292929;
    list-style: none outside none;
}

#footerInner .blockFooter ul li a {
    text-decoration: none;
    color: #555;
    font-size: 1.3rem;
    font-style: normal;
}

#footerInner .blockFooter ul li a:hover {
    color: #ccc;
}

#footer-message {
    text-align: center;
    clear: both;
    color: #CCCCCC;
}

#footerInner .blockFooter p {
    margin: 10px 0 20px 0;
}

.contact-form label,.comment-form label {
    display: block;
    padding: 0 0 5px 0;
}

.contact-form input.form-text,.comment-form input.form-text,.contact-form textarea,.comment-form textarea {
    border: 1px solid #fff;
    border-top: 1px solid #B8C4C5;
    border-left: 1px solid #B8C4C5;
    padding: 8px;
    margin-bottom: 10px;
    width: 350px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.contact-form textarea,.comment-form textarea {
    width: 100%;
    margin: 0;
}

input {
    border: 1px solid #fff;
    border-top: 1px solid #B8C4C5;
    border-left: 1px solid #B8C4C5;
    padding: 8px;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#edit-submit,#edit-preview,input.form-submit {
    color: #ffffff;
    padding: 8px 18px;
    text-shadow: 0 1px 1px #239F82;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    background: #54debf;
    background-image: -ms-linear-gradient(top,#54debf 0%,#326150 100%);
    background-image: -moz-linear-gradient(top,#54debf 0%,#326150 100%);
    background-image: -o-linear-gradient(top,#54debf 0%,#326150 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#54debf),color-stop(1,#326150));
    background-image: -webkit-linear-gradient(top,#54debf 0%,#326150 100%);
    background-image: linear-gradient(top,#54debf 0%,#326150 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54bfde',endColorstr='#326150');
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 2px #4dd8b9;
    -moz-box-shadow: 0px 1px 2px #4dd8b9;
    box-shadow: 0px 1px 2px #4dd8b9;
}

#edit-submit:hover,#edit-preview:hover,input.form-submit:hover {
    background: #326150;
    text-decoration: none;
}

#topSearch input[type="text"] {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    font-style: italic;
    font-size: 1.5rem;
    margin-right: 10px;
    padding: 4px 10px 4px;
    position: relative;
    width: 300px;
}

#topSearch label {
    color: #ffffff;
    font-weight: normal;
}

#topSearch input[type="submit"] {
    background: url(/sites/all/themes/journalcrunch/images/ico_search.png) no-repeat scroll center center #FFFFFF;
    background-size: 30px;
    position: absolute;
    top: 2px;
    right: 0;
    width: 35px;
    height: 35px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.comment,.comment-level1,.comment-level2 {
    background: url(/sites/all/themes/journalcrunch/images/bk_dotted_big.png) repeat-x scroll 0 100% transparent;
    margin-top: 25px;
    padding: 0 0 20px 0;
    position: relative;
}

.comment h3 {
    padding: 5px 0 0 0;
    margin: 5px 0 10px 0;
}

h2.comments,#comments h2 {
    background: url(/sites/all/themes/journalcrunch/images/ico_comments.png) no-repeat scroll 0 50% transparent;
    display: block;
    margin: 20px 0 0;
    padding: 10px 0 10px 40px;
}

#topSocial {
    position: absolute;
    right: 0;
    top: 100px;
}

#topSocial ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
}

#topSocial ul li {
    float: left;
    padding: 0 5px;
    width: 50px;
}

#topSocial ul li a {
    display: block;
    height: 49px;
    width: 49px;
    background: url(/sites/all/themes/journalcrunch/images/bk_topsocial.png) 0 0 no-repeat;
    text-indent: -9999px;
}

#topSocial ul li a.twitter {
    background: url(/sites/all/themes/journalcrunch/images/ico_social_twitter.png) 0 0 no-repeat;
}

#topSocial ul li a.facebook {
    background: url(/sites/all/themes/journalcrunch/images/ico_social_facebook.png) 0 0 no-repeat;
}

#topSocial ul li a.rss {
    background: url(/sites/all/themes/journalcrunch/images/ico_social_rss.png) 0 0 no-repeat;
}

#topSocial ul li a.twitter:hover,#topSocial ul li a.facebook:hover,#topSocial ul li a.rss:hover {
    background-position: 0 -49px;
}

table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #dedfe1;
    border-collapse: collapse;
    text-align: left;
}

table th {
    background: #E3E8EA;
    border-bottom: 1px solid #CCCCCC;
}

table tr.odd {
    background: #F7F9F9;
}

table tr.even {
    background: #f3f3f3;
}

table td,table th {
    padding: 5px;
}

ol {
    list-style-type: decimal;
}

ol ol {
    list-style-type: upper-alpha;
}

ol ol ol {
    list-style-type: lower-alpha;
}

li {
    display: list-item;
}

div.links {
    display: block;
    padding: 10px 0;
}

ul.inline {
    display: inline;
    padding: 0;
    margin: 0;
}

ul.inline li {
    display: inline;
    list-style-type: none;
}

ul.inline.links li {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    display: inline-block;
    *display: inline;
    zoom:1;color: #888888;
    font-size: 1.1rem;
    text-transform: uppercase;
}

#edit-submit,#edit-preview,.form-submit {
    margin: 0 10px 0 0;
}

ul.links li.comment_comments,ul.links li.comment-add,ul.links li.comment-forbidden {
    background: transparent url(/sites/all/themes/journalcrunch/images/ico_post_comments.png) no-repeat left center;
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
}

#colLeft ul.links li.comment-add {
    float: right;
    font-size: 1.4rem;
    color: #1FA2E1;
}

ul.links li.comment-add a {
    color: #1FA2E1;
}

#content #colLeft ul.primary {
    margin: 10px 0;
}

#autocomplete ul,#autocomplete ul li:hover {
    background: #ffffff;
    margin: 0;
    padding: 0;
    color: #1FA2E1;
    cursor: pointer;
}

#content #colLeft #autocomplete ul {
    margin: 0;
}

#content #colLeft #autocomplete ul li {
    background: none;
    padding: 0;
}

div.messages.status {
    background: #44c0b6;
    border: 1px solid #333;
    padding: 10px;
    margin: 0 0 15px 0;
    color: #ffffff;
    text-shadow: none;
}

div.messages.status a,div.messages.error a,div.messages.warning a {
    color: #ffffff;
    text-decoration: underline;
}

div.messages.error {
    background: #d93628;
    border: 1px solid #333;
    padding: 10px;
    margin: 0 0 15px 0;
    color: #ffffff;
    text-shadow: none;
}

div.messages.warning {
    background: #de7800;
    border: 1px solid #333;
    padding: 10px;
    margin: 0 0 15px 0;
    color: #ffffff;
    text-shadow: none;
}

.footer-logos {
    padding: 10px 0;
}

a.smashing:link,a.smashing:active,a.smashing:visited,a.smashing:hover,a.drupalizing:link,a.drupalizing:active,a.drupalizing:visited,a.drupalizing:hover {
    background: url(/sites/all/themes/journalcrunch/images/footer-logo-smashing.png) no-repeat scroll center top transparent;
    display: block;
    float: left;
    height: 54px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-indent: -9999px;
    width: 154px;
}

a.drupalizing:link,a.drupalizing:active,a.drupalizing:visited,a.drupalizing:hover {
    width: 130px;
    padding: 0;
    background: url(/sites/all/themes/journalcrunch/images/footer-logo-drupalizing.png) no-repeat scroll center top transparent;
}

a.site5:link,a.site5:active,a.site5:visited,a.site5:hover {
    background: url(/sites/all/themes/journalcrunch/images/footer-logo-site5.png) no-repeat scroll center top transparent;
    display: block;
    float: left;
    height: 42px;
    margin: 0;
    outline: 0 none;
    padding: 0 15px 0 0;
    text-indent: -9999px;
    width: 106px;
}

a.mtt:link,a.mtt:active,a.mtt:visited,a.mtt:hover {
    background: url(/sites/all/themes/journalcrunch/images/footer-logo-mtt.png) no-repeat scroll center top transparent;
    display: block;
    float: left;
    height: 45px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-indent: -9999px;
    width: 95px;
}

#slogan {
    color: #eee;
    font-weight: bold;
}

.overlay-inner {
    height: 50px;
}

.overlay-inner h3 {
    text-shadow: none;
    font-size: 1.2rem;
}

.image-caption-container {
    background-color: #EEF2F2;
    margin: 10px 30px 0 0;
}

span.image-caption {
    padding: 0 10px 15px 10px;
    font-size: .8em;
    font-weight: bold;
    width: 100%;
    background-color: #EEF2F2;
}

.view-taxonomy-term .view-content .views-row h2 {
    clear: both;
    padding-top: 1rem;
    line-height: 2rem
}

.rubriqueImage {
    float: left;
    margin-right: 1rem;
}

ul.footnotes {
    margin-top: 2em;
}

.geolocation-googlemaps-static {
    width: 100%
}

@media only screen and (max-width: 1280px) {
    body,p,a {
        font-size:1.3rem;
        line-height: 1.5rem;
    }

    html {
        width: 94%;
        padding: 0 0.8rem;
        overflow-x: hidden;
    }

    #logo-floater {
        text-align: center;
        position: absolute;
        top: 3.6rem;
    }

    #logo-floater a img {
        width: 92%;
    }

    #block-bootstrap-barrio-subtheme-main-menu {
        position: absolute;
        top: 180px;
        width: 100%;
        z-index: 1000;
    }

    #block-bootstrap-barrio-subtheme-main-menu ul.main-menu li {
        width: 22%;
        margin: 0;
        padding: 0 4px;
    }

    #block-bootstrap-barrio-subtheme-main-menu ul.main-menu li.menu-217 {
        display: none;
    }

    #block-bootstrap-barrio-subtheme-main-menu ul.main-menu li a {
        min-width: 7rem;
        padding: 0.3rem 0.3rem;
        font-size: 1rem;
    }

    li.menu-354 a,li.menu-804 a,li.menu-356 a,li.menu-589 a,#slogan {
        visibility: hidden;
    }

    li.menu-354 a:after {
        content: "archÃ©o";
        float: left;
        display: block;
        visibility: visible;
        height: 32px;
        min-width: 5rem;
        color: #8DFFE3;
        font-weight: bold;
        background: #326150;
        padding: 9px 0 0 0;
        margin: -1rem 0 0 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 1rem;
    }

    li.menu-356 a:after {
        content: "histoire";
        float: left;
        display: block;
        visibility: visible;
        height: 32px;
        min-width: 5rem;
        color: #8DFFE3;
        font-weight: bold;
        background: #326150;
        padding: 9px 0 0 0;
        margin: -1rem 0 0 -.2rem;
        text-align: center;
        text-transform: uppercase;
        font-size: 1rem;
    }

    li.menu-804 a:after {
        content: "ethno";
        float: left;
        display: block;
        visibility: visible;
        height: 32px;
        min-width: 5rem;
        color: #8DFFE3;
        font-weight: bold;
        background: #326150;
        padding: 9px 0 0 0;
        margin: -1rem 0 0 -.2rem;
        text-align: center;
        text-transform: uppercase;
        font-size: 1rem;
    }

    li.menu-589 a:after {
        content: "humour";
        float: left;
        display: block;
        visibility: visible;
        height: 32px;
        min-width: 5rem;
        color: #8DFFE3;
        font-weight: bold;
        background: #326150;
        padding: 9px 0 0 0;
        margin: -1rem 0 0 -.2rem;
        text-align: center;
        text-transform: uppercase;
        font-size: 1rem;
    }

    #slogan:after {
        content: "Le webzine de votre patrimoine";
        display: block;
        visibility: visible;
        font-size: 1.1rem;
        margin-top: -2.3rem;
    }

    #topSocial {
        position: relative;
        top: 0;
        float: left;
    }

    #topSearch input[type="text"] {
        width: 140px;
    }

    .breadcrumb {
        padding: 15px 0;
    }

    #wrapper {
        width: 100%;
    }

    #content {
        padding: 0 .5rem;
    }

    #content .node-front.node-sticky {
        width: 100%;
        padding: 0 .5rem;
    }

    #content .node-front.node-sticky .nodeInner img {
        padding: 0;
        width: 94%;
        height: auto;
    }

    #content #colLeft,#content #colRight {
        float: left;
        width: 100%;
        margin-right: 0;
        padding-top: 0;
    }

    .field-content table tbody tr td img {
        width: 200px;
        height: auto;
    }

    .pager-next a {
        clear: both;
    }

    div.gallery-thumbs {
        width: 74%;
    }

    div.wrapper {
        overflow-x: auto;
    }

    li.gallery-slide img {
        width: 92%;
    }

    #block-system-main-menu {
        display: none;
    }

    ul.pager li a,ul.pager li.pager-current {
        height: 34px;
    }

    .feed-icon {
        display: none;
    }

    #content .node-front {
        float: left;
        margin: 0;
        width: 100%;
    }

    #content .nodeInner {
        height: auto;
    }

    #breves {
        margin: 2rem 0;
        width: 96%;
    }

    #footer {
        margin: 1rem 0 0 0;
    }

    #footerInner {
        width: 94%;
        margin: 0 auto;
        padding: 10px;
        overflow: hidden;
    }

    #footerInner .blockFooter {
        float: left;
        width: 88%;
        padding-right: 0.5rem;
        overflow: hidden;
        margin-bottom: 1rem;
        color: #ccc;
    }

    #footer-message {
        padding-right: .5rem;
    }
}

@media only screen and (min-width: 1280px) and (max-width:1440px) {
    #wrapper {
        width:96%;
    }
}

div#site-name a {
    font-family: "Brush Script MT","amaranth",sans-serif;
    font-size: 3em;
    color: white;
    padding-bottom: 10px;
}

h1,h2 {
    font-family: "acme",sans-serif;
}
