/* main css */

* {
    margin: 0;
    padding: 0;
}

:root {
    --link-color: #1892cc;
}


/*
MAIN BODY BEHAVIOR
*/

body {
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    color: #333;
    background: #fff;
    text-align: center;
    /* pour corriger le bug de centrage IE */
    font-family: Arial, sans-serif;
    font-size: 15px;
}

table {
    padding: 0;
}

table tr td {
    border: 0;
    vertical-align: top;
}

a img {
    border: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
    margin: 0;
}

hr {
    border: 1px solid #ccc;
    clear: left;
    margin-top: 10px;
}

hr:before {
    content: ".";
    display: block;
    height: 10px;
    visibility: hidden;
}

ul,
li {
    padding: 0;
    list-style-type: none;
}

p {
    margin-bottom: 10px;
    line-height: 1.35em;
}

h2 {
    font-size: 1.8em;
    font-weight: bolder;
    margin: 0 0 16px 0;
}

h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

h3 a {
    /*    color: #000;*/
    text-decoration: none;
}

H4 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

h4.item {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    text-transform: none;
    margin-left: 1em;
    line-height: 1.2em;
}

h4.item:not(:first-child) {
    margin-top: 2em;
}

h4.item .fa {
    font-size: 16px;
    margin-right: .5em;
    margin-left: -1.3em;
}

.fa.grey {
    color: #ccc;
}

.fa.green {
    color: #87dd31;
}

.fa.red {
    color: #ff4949;
}

.fa.yellow {
    color: #ffd23e;
}

#content .tablepadding ul {
    margin-bottom: 1em;
}

#content .tablepadding li {
    list-style-image: none;
    list-style-type: circle;
    margin: .3em 0 0 2em;
}

#content .tablepadding li a {
    color: #1892CC;
    font-weight: 400;
    font-family: "Roboto", Arial, sans-serif;
    border-bottom: 1px solid;
}

#content .tablepadding li a:hover {
    text-decoration: none;
    color: #333;
}

h5 {
    font-size: 12px;
    line-height: 1.2em;
    color: #000;
}

input {
    display: block;
    margin: 5px 0;
}

a,
li a {
    /*     font-weight: bolder;
   color: #004db3;*/
    color: var(--link-color);
    text-decoration: none;
}

p a {
    color: #111;
    font-weight: 400;
    font-family: "Roboto", Arial, sans-serif;
    transition: all .2s;
    box-shadow: inset 0 -1px 0 #5bbfef, inset 0 -1px 0 #5bbfef;
}

p a:hover {
    color: var(--link-color);
}


/*p a:hover{color:#ff3300;}*/

#nav3 a {
    font-weight: normal;
}

.line {
    background: none repeat scroll 0% 0% #6F93A4;
    height: 12px;
    margin: 20px 0px 10px;
    padding: 0px 2px 5px;
    width: 100%;
}

.light:hover {
    opacity: 0.8;
}

.lecteurpdf {
    margin-bottom: 2em;
}

.bigger {
    font-size: 1.2em;
    line-height: 1.4em;
}


/*
--------------------
*/

#global {
    background: #fff;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 940px;
}


/*------------
LOGO
---------------*/


/* 
#logo-wrapper {
    float: right;
    width: 400px;
    height: 95px;
    background: #eaeaea;
    background-color: rgba(255, 255, 255, 0.7);
}
#logo {
    margin: 0px 0px 0px 50px;
}

*/

#artdesigncafe {
    padding: .3em 0 .3em 20px;
    font-size: 3.5em;
    font-weight: normal;
    font-family: 'Roboto', Arial, sans-serif;
}

#artdesigncafe a {
    color: #112B3D;
    font-weight: 500;
    border: none;
    box-shadow: none;
}

#logo p {
    display: inline;
}

#logo {
    margin: 0 0 0 40px;
    font-size: 40px;
    font-weight: normal;
    font-family: Arial, sans-serif;
}


/*

#cafe,
#listing h2 {
    color: #6f93a4;
}
*/

#trademark {
    color: #6f93a4;
    font-size: .5em;
    position: relative;
    top: -10px;
    left: 5px;
}

#about {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #eaeaea;
    font-size: 16px;
    color: #6f93a4;
    font-family: Arial, sans-serif;
    padding: 12px 20px;
}

#about2 {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #eaeaea;
    font-size: 16px;
    color: #6f93a4;
    font-family: Arial, sans-serif;
    padding: 12px 20px;
    margin-top: 20px;
}


/* 
CONTENT ----------------------
*/

.mini-button {
    color: #353535;
    text-decoration: none;
    display: block;
    text-align: center;
    border: 1px solid #d7d7d7;
    padding: 1em;
    border-radius: 3px;
    background: linear-gradient(#f6f6f6, #e3e3e3);
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
    max-width: 200px;
    box-shadow: 0 1px 0 #bbb;
}

#content .mini-button:hover {
    text-decoration: none;
    color: #36c;
    opacity: 0.9;
}

#content.full {
    width: 960px;
}

#content {
    float: left;
    width: 650px;
    margin-bottom: 30px;
}

#content #headlines {
    margin-bottom: 2px;
    border-bottom: 1px solid #999;
    padding-bottom: 12px;
}


/*
#content h1 {
    font-size: 30px;
    color: #222;
    font-weight: bold;
    margin-bottom: 20px;
}
*/

#content.art p {
    margin: 0 0 1em 0;
}


/*
#content.art p a {
    color: #6F93A4;
}
*/

#content.art h2 {
    margin: 0;
    color: #666;
    font-family: arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
}


/*
#content a:hover {
    text-decoration: underline;
}
*/

#content ul,
#rpp ul {
    padding-top: 0px;
}

#content .padding ul,
#rpp .padding ul {
    padding-top: 0px;
}

#content li,
#rpp li {
    margin: 10px 0 8px 20px;
    list-style-image: url(square.gif);
}

#content .adp-form li {
    list-style-image: none;
}

#content .adp-form li input {
    border: 1px solid #999;
    padding: 0.5em;
}

#content.listing .latest-art h2,
#content.listing .latest-art h2 a {
    color: #225771;
    margin-bottom: .3em;
}

#content.listing .latest-art h2 a:hover {
    color: var(--link-color);
}

#content.listing .latest-art {
    margin-bottom: 3em;
}

#content.listing .latest-art .content {
    width: 560px;
}


/*


#content.listing .latest-art:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
}
*/

#content.listing .latest-art img {
    margin-top: 6px;
}

#content.listing .latest-art .info {
    font-family: "Roboto condensed", arial, sans-serif;
    color: #999;
    padding: 0 4px;
}

.infobox {
    border-bottom: 1px solid #ccc;
    padding: 1em 0 1em 0em;
    margin-bottom: 2em;
    line-height: 1.5em;
    font-family: "Roboto condensed", arial, sans-serif;
    color: #999;
}

.infobox a {
    color: var(--link-color);
    font-weight: 400;
}

#share-col {
    float: right;
    width: 140px;
    text-align: right;
    padding-top: 2px;
}

#text {
    line-height: 1.3em;
    width: 560px;
}

#text.photo900 {
    width: 930px;
}

#text .spip_documents_left,
.left {
    margin: 4px 20px 10px 0;
}

#text .spip_documents_right,
.right {
    margin: 4px 0 10px 20px;
}

#text h1 {
    line-height: 100%;
}


/* tmp pour les articles pas encore upgrade */

#dontmiss {
    font-size: 12px;
    border-top: 1px solid #999;
    margin: 12px 0;
}

#dontmiss h4 {
    margin-top: 10px;
    color: #000;
    font-weight: bold;
    font-weight: 16px;
}

.topheadline {
    font-size: 10px;
    margin-bottom: 14px;
    color: #555;
    margin-top: 0;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 4px;
}


/*
ART ROOM 
*/

#content.art-room h1 {
    font-size: 30px;
}

#content.art-room h2 {
    color: #222;
}

#content.art-room li {
    border-bottom: 1px dotted #999;
    padding-bottom: 4px;
    line-height: 1.4em;
    list-style-image: none;
    margin: 10px 20px;
}

#content.art-room li a {
    font-size: 16px;
}

#content.art-room li a .date {
    color: grey;
    font-weight: normal;
}

.addthis_toolbox {
    width: 400px;
    float: left;
}

.fb-like {
    float: left;
    margin: 0 30px 0 0;
}

.fb-like iframe {
    width: 150px;
}


/*---------
cafe adverts
----------*/

#cafe-library-ad {
    margin: 40px 0 20px 20px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    width: 360px;
    float: right;
}

#cafe-library-ad h4 {
    font-size: 13px;
    font-weight: bolder;
    margin: 0;
    padding: 0;
}

#cafe-library-ad ul {
    margin: 0;
    padding: 0;
}

#cafe-library-ad ul li a {
    margin: 0;
}


/*---
HOMEPAGE
---*/


/* AD 900 px sections */

#ad900 {
    height: 52px;
    left: 640px;
    position: relative;
    top: -27px;
}


/* AD footer */

.footer-ad {
    float: left;
    width: 180px;
    height: 150px;
    padding-left: 10px;
}

.footer-ad.first {
    padding-left: 0;
}

.ad-300-250,
.ad-468-60,
.ad-468-15,
.ad-160-200,
.ad-160-100 {
    width: 610px;
}

.ad-300-250 a img,
.ad-468-60 a img,
.ad-468-15 a img,
.ad-160-200 a img,
.ad-160-100 a img {
    float: left;
    margin-top: 2px;
}

.ad-300-250 a img {
    margin-right: 4px;
}

.ad-160-200 a img,
.ad-160-100 a img {
    margin-right: 24px;
}

.ad-125-125 {
    float: left;
    height: 125px;
    width: 125px;
    background: #6F93A4;
    margin: 5px 15px 10px 0;
}

#socialicons {
    float: right;
    height: 30px;
    margin-right: 10px;
}

#socialicons li {
    display: inline;
}

#socialicons img {
    padding: 4px 0 0 0;
}

#socials {
    position: relative;
    top: -5px;
    height: 28px;
}

#socialbox {
    border: 20px solid #eee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 4px 0 20px 0
}


/* 

HOMEPAGE 

*/

#homepage-content #socialbox h3 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    margin: 3px 0;
}

#homepage-content #socialbox ul {
    text-align: center;
    padding: 10px;
}

#homepage-content #socialbox li:before {
    content: none;
}

#homepage-content #socialbox ul li {
    border: none;
    display: inline;
    list-style-type: none;
}

#homepage-content {
    line-height: 1.3em;
}


/*

#homepage-content a {
    color: #0088C3;
}
*/

#homepage-content .seemore {
    background: url(stripe1.png);
    padding: 3px 2px;
    margin: 0 0 10px 0;
}

#homepage-content .brick,
#content .brick {
    border-bottom: 1px dotted #ccc;
    padding: 0;
    margin-bottom: 4px;
    min-height: 140px;
}

#text .brick {
    font-size: 12px;
    line-height: 1.2em;
}

#homepage-content .brick.grey {
    background: #eee;
    padding: 0 8px 0 0;
}

#content .brick.grey {
    background: #fff;
    padding: 0;
}

#homepage-content .brick .txt-200 {
    width: 202px;
    float: right;
}

#content .brick .txt-200 {
    float: right;
    width: 202px;
}

#homepage-content .brick .txt-140 {
    width: 130px;
    float: right;
}

#content .brick .txt-140 {
    width: 120px;
    float: right;
}

h1,
#homepage-content h1,
#homepage-content h2,
#content h1,
#content.art h1 {
    font-family: 'Roboto', arial, sans-serif;
    padding: .5em 0 .5em 0;
    font-size: 2.5em;
    line-height: 1.3em;
}

#homepage-content h2 a {
    color: #fff;
}

#homepage-content h3 {
    margin: 0 0 8px 0;
    font-size: 24px;
    padding: 0;
    line-height: 1.1em;
    font-family: "Roboto", Arial, sans-serif;
}


/* for listings in section */

.list-container {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.list-container .logo {}

.list-container div.txt {
    margin-left: 1em;
}

.list-container h3 a {
    color: #225771;
}

.list-container h3 a:hover {
    color: var(--link-color);
}


/*

#homepage-content h2.black {
    background: #112b3d;
    color: #fff;
}

#homepage-content h2.red {
    background: #f00;
    color: #fff;
}

#homepage-content h2.grey {
    background: #6f93a4;
    color: #fff;
}

#homepage-content h2.green {
    background: #478e84;
    color: #fff;
}

#homepage-content h2.blue {
    background: #5fbbdf;
    color: #fff;
}

#homepage-content h2.orange {
    background: #e7820c;
    color: #fff;
}
*/


/*
#homepage-content h3.black,
#homepage-content h3.black a,
#content h3.black,
#content h3.black a {
    color: #112b3d;
}


#homepage-content h3.grey,
#homepage-content h3.grey a {
    color: #6f93a4;
}

#homepage-content h3.blue,
#homepage-content h3.blue a {
    color: #1e6682;
}

#homepage-content h3.green,
#homepage-content h3.green a {
    color: #478e84;
}

*/

#homepage-content h5,
#homepage-content h5 a {
    font-family: georgia, sans-serif;
    font-weight: normal;
    font-style: italic;
    margin: 0;
    font-size: 12px;
}

#homepage-content td {
    width: 300px;
    vertical-align: top;
    padding: 0 10px 0 0;
}

#homepage-content li:before {
    content: "\25B8";
    color: #112b3d;
}

#homepage-content li a {}

#homepage-content li.grey {
    background: #eee;
    padding: 2px 4px;
}

#homepage-content .date {
    font-size: 10px;
    font-family: verdana;
    color: #666;
}

.bottom-line {
    border-bottom: 1px solid #ccc;
}

#homepage-content {
    width: 940px;
    padding: 0;
}

#homepage-content li {
    list-style-image: none;
    margin: 4px 0;
    border-bottom: 1px dotted #ccc;
    text-align: left;
    padding: 0 0 4px 0;
}

#homepage-content .col2 {
    width: 560px;
}

#homepage-content .col2 .thumbs {
    margin: 20px 0;
    border-bottom: 2px solid #6F93A4;
    padding-bottom: 10px;
}

#homepage-content .col2 em {
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
}


/*

#homepage-content .col2 .brick {
    margin: 0 0 10px 0;
}

#homepage-content .col2 .brick img {
    float: left;
}

#homepage-content .col2 .brick h3 {
   width: 520px;
margin-left: 1em;
}

#homepage-content .col2 .brick .txt {
    width: 530px;
}
*/

#homepage-content .col2 .ad {
    margin: 0 0 15px 0;
}

#homepage-content a.squarebutton {
    color: #fff;
    font-size: 32px;
    background: #999;
    background: linear-gradient(#aaa, #888);
    text-align: center;
    width: 300px;
    display: inline-block;
    height: 84px;
    border-radius: 7px;
    line-height: 1em;
    text-decoration: none;
    padding-top: 20px;
    margin: 5px;
    box-shadow: 0 1px 2px #ccc;
}

#homepage-content a.squarebutton:hover {
    opacity: 0.9;
    box-shadow: none;
}

#homepage-content a.squarebutton.red {
    background: #ff3e34;
    background: linear-gradient(#ff6159, #ff3e34);
}

#homepage-content a.squarebutton.blue {
    background: #62a3cf;
    background: linear-gradient(#71b3e0, #62a3cf);
}

#homepage-content a.squarebutton.lightblue {
    background: #6f92a5;
    background: linear-gradient(#86abbf, #6f92a5);
}


/* 

DESIGN MERIDEN

*/

#content #headlines.design-meriden-section {
    border: none;
}

.design-meriden-section .section {
    padding: 1em 1em 2em 2em;
    ;
    background: rgb(250, 250, 250) none repeat scroll 0% 0%;
    box-shadow: 0px 1px 2px rgb(170, 170, 170);
    margin-bottom: 1em;
}

#content #headlines.design-meriden-section h1 {
    border-top: 4px solid #6F93A4;
    font-size: 24px;
    text-transform: uppercase;
    padding: 10px 0 0 0;
    color: rgb(51, 51, 51);
    margin-bottom: 1em;
}

.design-meriden-section ul.nav {
    border-left: 2px solid;
    padding-left: 1em;
    margin: 1em 0;
}

.design-meriden-section .section h2 {
    font-size: 22px;
    margin: 2em 0px 0.6em;
}

.design-meriden-section .section h3 {
    text-transform: uppercase;
    color: #222;
    margin: 1em 0;
}

#content .design-meriden-section li {
    list-style-image: none;
}

#content .design-meriden-section .nav li {
    display: block;
    margin: 0;
}

#content .design-meriden-section .nav li a {
    font-weight: bold;
    color: #222;
}

#content .design-meriden-section li a {
    color: #0088c3;
    font-weight: normal;
}

.design-meriden-section #about {
    color: #222;
    background: #b4dcec;
}


/*
    
    FOOTER
    
    
    */

#nav-footer ul {
    margin: 0px 0 0 0;
    padding: 4px;
    font-size: 15px;
    color: #fff;
    background: #0088C3;
    text-align: center;
    clear: left;
}

#nav-footer.id1 ul {
    background: #f00;
}

#nav-footer.id15 ul {
    background: #112B3D;
}

#nav-footer.id3 ul,
#nav-footer.id60 ul {
    background: #6F93A4;
}

#nav-footer {
    margin-top: 10px;
    text-align: center;
    color: #666;
}

#nav-footer li {
    border: none;
    display: inline;
}

#nav-footer li a {
    color: #fff;
}

#nav-footer li:before,
#nav-footer-2 li:before {
    content: none;
}


/*---
STORE
---*/

#content.store {
    width: 940px;
    padding: 0;
}

#content.store li {
    list-style-image: none;
    margin: 4px 0;
    border-bottom: 1px dotted #ccc;
    text-align: left;
    padding: 0 0 4px 0;
}

#content.store td {
    padding: 0 10px;
    text-align: justify;
}

#content.store td.books-img {
    vertical-align: bottom;
    height: 260px;
    padding-bottom: 10px;
}


/*
--------------------------
RPP formating
*/

#rpp {
    float: left;
    margin-left: 20px;
    width: 420px;
    margin-bottom: 30px;
}

#rpp h2 {
    padding-bottom: 9px;
    border-bottom: 1px solid #ccc;
}

#legend {
    width: 120px;
    font-size: 10px;
}

#legend a {
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}

#legend li {
    list-style-image: url(legend.gif);
}

#legend li a {
    list-style: none;
    margin: 0;
}

#legend li a:hover,
#legend a:hover {
    color: #999;
}

.subtitle {
    font-size: 13px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
}

h4 {
    margin-bottom: 14px;
}

blockquote {
    width: 400px;
    margin: 18px 0 20px 40px;
}


/*
MOT
-------------------
*/

.keyword-text {
    padding: .5em 3em 1em 0;
    font-size: 1.1em;
    line-height: 1.3em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
}

/*
.keyword-text a {
    color: #699;
}
*/

a.circle-link {
    font-size: .95em;
    /* color: #1892CC;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    border-bottom: 1px solid;
    margin: .3em 0 0 0;*/
}

a.circle-link::before {
    content: "\25CB";
    margin-right: 1em;
}

/*
#content a.circle-link:hover {
    text-decoration: none;
    color: #111;
}
*/

.tag15 {
    color: #6F93A4;
}


/*
--------------------
ARTICLE
*/

.padding {
    padding: 10px 20px
}

.background {
    background: #f4F4F4;
    color: #333;
    padding-right: 20px;
    float: left;
    margin-bottom: 10px;
    width: 520px;
}

.background2 {
    background: #f4F4F4;
    color: #333;
    padding-right: 20px;
    float: left;
    margin-bottom: 10px;
    width: 580px;
}

.background3 {
    background: #f4F4F4;
    color: #333;
    padding-right: 20px;
    float: left;
    margin-bottom: 10px;
}

.background h2 {
    padding-top: 10px;
}

.corner {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.item h4 a {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

.item li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.summary a,
.summary a:visited {
    color: #000;
}

.date {
    font-size: 12px;
    color: #999;
}

.bold {
    font-weight: bolder;
}

.left {
    float: left;
}

.right {
    float: right;
}

.spip_documents_left,
.left {
    margin: 20px 26px 20px 0;
}

.spip_documents_right,
.right {
    margin: 10px 0 10px 30px;
}

.clear {
    clear: left;
}

.border img {
    border: 1px solid #ddd;
}

.authors-list {
    border-top: 1px solid #eee;
    clear: both;
}

.authors-list h3 {
    margin-top: 10px;
}

.separator {
    border-bottom: 1px solid grey;
    clear: both;
}

.custom-font,
.font-size {
    line-height: 1.2em;
}


/* -------
 LISTING
-------- */

#listing {
    clear: both;
}

#listing li {}

#content #listing li.lettrine {}

.colonne .lettrine {
    font-size: 18px;
    text-transform: uppercase;
    padding: 1em 0 0 0;
    border-top: 1px solid #ddd;
    font-weight: 700;
}

.colonne-b .lettrine {
    font-size: 18px;
    text-transform: uppercase;
    padding: 4px 0;
}

.colonne-b li a {
    font-weight: 500;
}

#content #listing ul {
    list-style: none;
}

#listing ul.colonne {
    margin-right: 30px;
    list-style: none;
    float: left;
    width: 268px;
}

#listing ul.colonne.wider {
    width: 560px;
}

#listing ul.colonne.wider li {
    line-height: 1.3em;
    margin-bottom: .8em;
}

#listing ul.colonne li {
    font-size: .9em;
    margin-left: .5em;
    text-indent: -.5em;
    line-height: 1.3em;
}

#listing ul.colonne li a:hover {
    color: #111;
}

#content #listing ul.colonne-b li,
#content #listing ul.colonne-auto li {
    list-style-image: none;
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
}

#content #listing ul.colonne li {
    font-size: .9em;
}

#content #listing ul.colonne-b a {
    font-weight: normal;
}

#content #listing ul.colonne-b li a:hover {
    color: #000;
}


/* page mot */

#content #listing-cafe-mot {
    padding-left: 62px;
}

#content #listing-cafe-mot li {
    width: 500px;
    text-indent: -62px;
}

#content #listing-cafe-mot li a {
    font-weight: normal;
}

#content .listing-cafe-annee {
    font-weight: bold;
}


/* SIDEBAR & ADS */

.sidebar {
    float: right;
}

.sidebar .dm-ad {
    background: #fbf7f8;
    ;
}

.sidebar .ad {
    /*    background: #eee;*/
    margin-bottom: 15px;
    display: block;
    min-height: 80px;
    width: 200px
}

.sidebar .dm-ad .list {
   width: 185px;

padding: .5em .5em 1em .5em;

display: block;

line-height: 1.4em;

font-size: 15px;

font-family: "Roboto Condensed", Arial, sans-serif;
}
.sidebar .dm-ad .list:hover{
    color: #666;
}

.sidebar .dm-ad .list h3 {
    color: #333;
}


/* QUICKSEARCH */

#quicksearch input,
#quicksearch span {
    display: inline;
}

#quicksearch span {
    color: #ff5e47;
    margin-left: 10px;
    font-weight: bold;
}

#quicksearch label {
    display: block;
}


/* SITEMAP */

#sitemap li a {
    color: #444;
}

#sitemap li a:hover {
    color: #000;
}

#sitemap li.l1,
#sitemap li.l2,
#sitemap li.l3,
#sitemap li.l4,
#sitemap li.l5 {
    list-style-image: none;
}


/* LEVEL 1 */

#sitemap li.l1 {
    padding: 2px 7px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #eaeaea;
    font-size: 18px;
    list-style-image: none;
    margin: 0;
    margin-left: 20px;
    list-style-type: upper-roman;
}

#sitemap li.l1 a {
    color: #6f93a4;
    font-weight: normal;
}

#sitemap li.l2 {
    font-size: 16px;
    list-style-type: circle;
    margin-left: 40px;
}

#sitemap li.l2 a {
    font-size: 16px;
}

#sitemap li.l3 {
    margin-left: 80px;
}

#sitemap li.l4 {
    margin-left: 120px;
}

#sitemap li.l4 a {
    color: #6f93a4;
}

#sitemap li.l5 {
    margin-left: 160px;
}

#sitemap li.l5 a {
    color: #6f93a4;
}


/* editorial page */

.editorial-person {
    width: 270px;
    height: 160px;
}

.margin-top {
    margin-top: 12px;
}



/*

catalogue

*/
.catalogue{
        font-family: 'Roboto', sans-serif;

}
.catalogue .art-info{
 font-size: .9em;
color: #575757;
padding: 1em;
margin: 0 0 3em 0em;
background: #fbf7f8;
width: 350px;
box-shadow: 1px 1px 2px #ccc;
    
}
.catalogue h3{
font-size: 2em;
font-weight: 300;
line-height: 1.3em;
border-bottom: 1px solid #ccc;
padding-bottom: .5em;
    margin: 1em 0;
    
}
.catalogue h4{
font-size: 1.3em;
font-weight: 400;
text-transform: none;
margin-left: 1em;
line-height: 1.2em;
    margin: 1em 0 0.8em 0;
    
}
.catalogue .toggle{
background: #f9f9f9;
border: none;
box-shadow: 1px 2px 2px #ccc;
border-radius: 0;
border-left: 7px solid #eed7dd;
    
}

/*
FORM
*/

fieldset {
    border: 1px solid #ccc;
}

legend {
    font-size: 16px;
    padding: 5px;
}

.subscribe-radio {
    border: 1px solid;
    display: inline;
    margin-right: 5px;
}

.error {
    padding: 10px;
    width: 300px;
    border: 1px solid #cc0000;
    background: #FFC0C8;
}

.ok {
    padding: 10px;
    width: 300px;
    background: #DAFFC7;
    border: 1px solid green;
}

.grey-box-padding {
    padding: 20px 20px 0 0;
}

.capital {
    text-transform: uppercase;
}

.pusher {
    height: 20px;
    width: 500px;
    margin: 10px;
}

#footer {
    clear: left;
    font-size: 12px;
    padding: 5px;
    border-top: 1px solid #999;
    margin-top: 5em;
}

.red {
    color: #FF330A;
}

.redline {
    border-top: 1px solid #FF5E47;
}

.blueline {
    border-top: 1px solid #3366CC;
}

.greyline {
    border-top: 1px solid #ccc;
}

#adc-mailing input[type="radio"] {
    display: inline;
    margin: 0 2px 0 4px;
}


/* Footer leaders */

#links {
    border: radius: 2px;
    margin: 5px 0 10px 0;
    padding: 3px 8px;
    background: url("stripe1.png") repeat scroll 0 0 transparent;
}

#links li {
    display: inline;
    font-weight: bolder;
    text-transform: uppercase;
    margin: 0 12px 0 0;
}

#leaders {
    float: left;
    width: 900px;
    border: 2px solid #eee;
    padding: 20px;
    margin: 10px 0;
    min-height: 400px;
}

#leaders a {
    color: #000;
    font-weight: normal;
}

.leader {
    font-weight: bolder;
    font-size: 15px;
    margin: 6px 0;
}

.links_column {
    float: left;
    width: 160px;
    margin-right: 20px;
}

#leaders .links_column li {
    margin: 3px 0;
}

#leaders .links_column li a:hover,
#leaders .links_column li a:visited {
    color: #6F93A4;
}

#footer-copy {
    float: left;
    margin: 10px 0;
    text-align: center;
    color: #999;
    width: 900px;
}

.arial12 {
    font-size: 12px;
}

.arial12 p {
    margin-bottom: 12px;
}

#tmp-lib-overview,
#rub-overview {
    width: 560px;
}

#tmp-lib-overview h1,
#rub-overview h1 {
    font-size: 30px;
    margin: 0 0 8px 0;
}

#tmp-lib-overview h2,
#rub-overview h2 {
    border-bottom: 1px dotted #ccc;
    color: #112B3D;
    font-size: 20px;
    margin: 0 0 14px 0;
}

#tmp-lib-overview h4,
#rub-overview h4 {
    margin: 0;
    color: #57788f;
    font-size: 14px;
}

#tmp-lib-overview h4,
#rub-overview h4 a {
    color: #57788f;
}

#tmp-lib-overview ul li,
#rub-overview ul li {
    list-style-image: none;
    margin: 0 0 8px 0;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
    width: 120px;
}

#tmp-lib-overview ul li a,
#rub-overview ul li a {
    color: #112B3D;
}

#tmp-lib-overview ul li a:hover,
#rub-overview ul li a:hover {
    color: #999;
    text-decoration: none;
}

#tmp-lib-overview ol li,
#rub-overview ol li {
    margin: 0 0 4px 0;
    border-bottom: 1px dotted #999;
    padding: 4px 0;
    list-style-image: none;
    line-height: 1.4em;
}

#tmp-lib-overview ol li a,
#rub-overview ol li a {
    font-size: 14px;
}

#rub-overview .txt {
    line-height: 1.4em;
    width: 470px;
}

#rub-overview img {
    border: 1px solid #999;
}

.brick .spip_documents_left,
.left {
    margin: 0;
    float: none;
}

#content .brick .txt li {
    margin: 0;
    padding: 0;
}


/*
.brick:after {
    content: ".";
    display: block;
    height: 10px;
    clear: both;
    visibility: hidden;
}
*/

.brick .txt {
    float: right;
    width: 228px;
}

.text {
    border: 1px solid;
    clear: both;
}

.read-more {
    width: 560px;
    font-size: 12px;
    line-height: 15px;
}

.read-more a {
    color: #FF5E47;
    font-weight: normal;
}


/* ADVERTISE */

.readmore,
.readmore2,
.showmore,
#showmore2 {
    padding: 3px 0 0 35px;
    height: 21px;
    background: url('toggle.png') no-repeat;
    font-size: 14px;
    text-transform: uppercase;
}

.readmore a,
.showmore a,
#showmore2 a {
    color: #FF5E47;
}

.readmore.active {
    background-position: bottom left;
}

.readmore3 {
    font-size: 14px;
    float: right;
    color: #1892CC;
    text-transform: uppercase;
    position: relative;
    top: -35px;
}

.readmore3:hover {
    cursor: pointer;
}

.readmore3.active {
    color: #ccc;
}

#content.art h2.readmore,
#content.art h2.readmore2 {
    cursor: pointer;
    margin: 0 0 2em 0;
}

#content.art h2.readmore2 {
    text-transform: none;
    color: #111;
    font-weight: bolder;
}

#content.art h4.readmore2 {
    text-transform: none;
    font-size: 1.1em;
}

.toggle {
    border: 1px solid #6f93a4;
    background: #FEFDEF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px 30px;
    margin: 10px 0;
}

#homepage-content h2#entrance-h {
    text-transform: none;
    background: none;
    font-size: 20px;
}

#homepage-content h2#entrance-h:before {
    content: none;
}

.fb-title {
    font-size: 12px;
    text-transform: uppercase;
    background: #112b3d;
    color: #fff;
    margin: 20px 0 10px 0;
    padding: 2px 0 0 2px;
    width: 560px;
    font-weight: bold;
}

.google-title {
    font-size: 12px;
    background: #6f93a4;
    color: #fff;
    height: 12px;
    margin: 20px 0 10px 0;
    padding: 0 2px 5px;
    width: 560px;
    font-weight: bold;
}

.vert {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

form.dropdown,
li.dropdown {
    margin: 0 7px 0 0;
    float: left;
}

form.dropdown select {
    font-size: 10px;
    padding: 1px;
}

form.dropdown selected {
    color: #FF5E47;
}


/* 
	LEVEL ONE
*/


/*
ul.dropdown {
    position: relative;
    z-index: 900;
}

ul.dropdown li {
    float: left;
    zoom: 1;
}

ul.dropdown a:hover {
    color: #000;
}

#nav2 ul.dropdown a:active,
#nav3 ul.dropdown a:active {
    color: #ffa500;
}

#nav2 ul.dropdown li a,
#nav3 ul.dropdown li a {
    display: block;
    padding: 0 6px 10px;
}

ul.dropdown li:last-child a {
    border-right: none;
}




#nav2 ul.dropdown li.hover,
#nav2 ul.dropdown li:hover,
#nav3 ul.dropdown li.hover,
#nav3 ul.dropdown li:hover {
    background: #DEDEDE;
    color: black;
    position: relative;
}

ul.dropdown li.hover a {
    color: black;
}

#nav2 .sub_menu li a,
#nav3 .sub_menu li a {
    padding: 8px;
}
*/


/* 
	LEVEL TWO
*/

ul.dropdown ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}

#nav3 ul.dropdown ul {
    width: 450px;
}

#nav2 ul.dropdown ul li,
#nav3 ul.dropdown ul li {
    background: #eee;
    color: #000;
    float: none;
    padding: 6px 3px;
}


/* IE 6 & 7 Needs Inline Block */

#nav2 ul.dropdown ul li a,
#nav3 ul.dropdown ul li a {
    border-right: none;
    width: 100%;
    display: inline-block;
}


/* 
	LEVEL THREE
*/

ul.dropdown ul ul {
    left: 100%;
    top: 0;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}