/*
Theme Name: Ocean
Theme URI: www.ocean.asso.fr
Description: Thème wordpress créé pour l'association Océan
Author: Mylène Boyrie
Version: 1.1
*/
    /* =Reset CSS
-------------------------------------------------------------- */
    
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    font,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }
    
    body {
        line-height: 1;
        overflow-x: hidden;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        font-weight: normal;
    }
    
    h2 {
        font-family: 'Philosopher', Verdana, sans-serif;
        ;
        font-size: 22px;
        padding: 0 0 3px 0;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #dfdfdf;
        text-decoration: none;
    }
    
    #main h2 a {
        text-decoration: none;
        color: #714f2d;
    }
    
    ol,
    ul {
        list-style: none;
    }
    
    blockquote {
        background: #f1f1f1;
        line-height: 18px;
        margin: 20px 25px 20px 20px;
        padding: 20px 20px 0 20px;
        border: 1px solid #C7C7C7;
        vertical-align: middle;
    }
    
    blockquote:before,
    blockquote:after {
        content: '';
        content: none;
    }
    
    blockquote img {
        background: #ffffff;
    }
    
    del {
        text-decoration: line-through;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    a img {
        border: none;
    }
    
    em {
        font-style: italic;
    }
    
    strong {
        font-weight: bold;
    }
    /* =Layout
-------------------------------------------------------------- */
    /*
LAYOUT: 2 colonnes
DESCRIPTION: 2 colonnes
*/
    
    #container {
        float: left;
        margin: 0 0 10px 0;
        width: 58%;
    }
    
    #container2 {
        float: left;
        margin: 0 0 50px 0;
        width: 980px;
        padding: 0 10px 0 0;
    }
    
    #container2 ul {
        margin: 0;
        padding: 0;
    }
    
    #container2 li {
        list-style: none;
        padding-bottom: 5px;
        padding-left: 30px;
        background: url(images/next.gif) 18px 10px no-repeat;
    }
    
    #content {
        margin: 0 20px 0 20px;
    }
    
    #primary,
    #secondary,
    #third2 {
        float: right;
        width: 40%;
        margin: 0;
    }
    
    #text-9 p {
        text-align: center;
    }
    
    #text-9 a {
        font-size: 14px;
        color: #3c1914;
        font-weight: bold;
        text-decoration: underline;
    }
    
    #secondary {
        clear: right;
    }
    
    #footer {
        clear: both;
        width: 100%;
    }
    /*
LAYOUT: 1 colonne
DESCRIPTION: 1 colonne, pas de sidebar
*/
    
    .one-column #content {
        margin: 0 auto;
        width: 640px;
    }
    /*
LAYOUT: Pleine page
DESCRIPTION:Pleine page, pas de sidebar
*/
    
    .single-attachment #content {
        margin: 0 auto;
        width: 900px;
    }
    /* NEWSLETTER */
    
    .mc-field-group label {
        display: block;
        font-weight: 700;
        margin-bottom: 5px;
    }
    
    .mc-field-group {
        font-family: 'Open Sans', Verdana, sans-serif;
        margin-bottom: 8px;
    }
    
    .mc-field-group label {
        font-size: 14px;
        font-weight: 700;
    }
    
    .mc-field-group input {
        display: inline-block;
        font-size: 15px;
        padding: 0 24px;
        text-align: center;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        margin: 0;
        border-radius: 6px 0 0 6px;
        color: #fff;
        width: 180px;
    }
    
    #mce-EMAIL {
        height: 34px;
    }
    
    #mc_embed_signup .button {
        display: inline-block;
        font-family: 'Open Sans', Verdana, sans-serif;
        background-color: #6a4a3c;
        border: 0 none;
        clear: both;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        border-radius: 0px 6px 6px 0px;
        font-size: 13px;
        font-weight: 700;
        height: 36px;
        width: 120px;
        padding: 9px 5px;
        margin: 0;
    }
    
    #mc_embed_signup .button:hover {
        background-color: #3c1914;
    }
    /* =Polices
-------------------------------------------------------------- */
    
    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
        font-family: "Open Sans", Verdana, sans-serif;
    }
    
    h3#comments-title,
    h3#reply-title,
    #access .menu,
    #access div.menu ul,
    #cancel-comment-reply-link,
    .form-allowed-tags,
    #site-info,
    #site-title,
    #wp-calendar,
    .comment-meta,
    .comment-body tr th,
    .comment-body thead th,
    .entry-content label,
    .entry-content tr th,
    .entry-content thead th,
    .entry-meta,
    .entry-title,
    .entry-utility,
    #respond label,
    .navigation,
    .page-title,
    .pingback p,
    .reply,
    .widget-title,
    .wp-caption-text,
    input[type=submit] {
        font-family: 'Open Sans', Verdana, sans-serif;
    }
    
    input[type=submit] {
        display: inline-block;
        font-family: "Open Sans", Verdana, sans-serif;
        text-align: center;
        background-color: #6a4a3c;
        color: #fff;
        border: 0;
        box-sizing: border-box;
        border: 1px solid #3c1914;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        cursor: pointer;
        border-radius: 0px 6px 6px 0px;
        font-size: 13px;
        font-weight: 700;
        height: 36px;
        width: 120px;
        margin: 0 0 0 -5px;
    }
    
    pre {
        font-family: "Courier 10 Pitch", Courier, monospace;
    }
    
    code {
        font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    /* =Structure
-------------------------------------------------------------- */
    /* The main theme structure */
    
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper {
        margin: 0 auto;
        width: 980px;
    }
    
    #wrapper {
        background-image: url(images/ocean_14.png);
        padding: 0;
        background-color: #fbfbfb;
        background-repeat: repeat-y;
        background-position: center top;
    }
    /* Structure the footer area */
    
    #footer-widget-area {
        overflow: hidden;
    }
    
    #footer-widget-area #fourth {
        margin-right: 0;
    }
    
    #site-generator {
        float: right;
        width: 220px;
    }
    /* =Global Elements
-------------------------------------------------------------- */
    /* Main global 'theme' and typographic styles */
    
    body {
        background: #6a4a3c;
    }
    
    body,
    input,
    textarea {
        font-size: 12px;
        line-height: 18px;
    }
    
    hr {
        background-color: #e7e7e7;
        border: 0;
        clear: both;
        height: 1px;
        margin-bottom: 18px;
    }
    /* Text elements */
    
    p {
        margin-bottom: 18px;
    }
    
    ul {
        list-style: square;
        margin: 0 0 18px 1.5em;
    }
    
    ol {
        list-style: decimal;
        margin: 0 0 18px 1.5em;
    }
    
    ol ol {
        list-style: upper-alpha;
    }
    
    ol ol ol {
        list-style: lower-roman;
    }
    
    ol ol ol ol {
        list-style: lower-alpha;
    }
    
    ul ul,
    ol ol,
    ul ol,
    ol ul {
        margin-bottom: 0;
    }
    
    dl {
        margin: 0 0 24px 0;
    }
    
    dt {
        font-weight: bold;
    }
    
    dd {
        margin-bottom: 18px;
    }
    
    strong {
        font-weight: bold;
    }
    
    cite,
    em,
    i {
        font-style: italic;
    }
    
    big {
        font-size: 131.25%;
    }
    
    ins {
        background: #ffc;
        text-decoration: none;
    }
    
    pre {
        background: #f7f7f7;
        color: #222;
        line-height: 18px;
        margin-bottom: 18px;
        padding: 1.5em;
    }
    
    abbr,
    acronym {
        border-bottom: 1px dotted #666;
        cursor: help;
    }
    
    sup,
    sub {
        height: 0;
        line-height: 1;
        position: relative;
        vertical-align: baseline;
    }
    
    sup {
        bottom: 1ex;
    }
    
    sub {
        top: .5ex;
    }
    
    input[type="text"],
    textarea {
        background: #fbfbfb;
        font-family: 'Open Sans', Verdana, sans-serif;
        font-weight: 700;
        padding: 0 24px;
        text-align: center;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        margin: 2px 0 0 0;
        border-radius: 6px 0 0 6px;
        color: #000;
        width: 180px;
    }
    
    #searchform input[type="text"] {
        width: 170px;
        height: 34px;
    }
    /* NEWSLETTER */
    
    .mc-field-group input {
        display: inline-block;
        font-size: 13px;
        padding: 0 24px;
        text-align: center;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        margin: 0;
        border-radius: 6px 0 0 6px;
        color: #000;
        width: 180px;
    }
    
    #mce-EMAIL {
        height: 34px;
    }
    
    #mc_embed_signup .button {
        display: inline-block;
        font-family: 'Open Sans', Verdana, sans-serif;
        background-color: #6a4a3c;
        border: 0 none;
        clear: both;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        border-radius: 0px 6px 6px 0px;
        font-size: 13px;
        font-weight: 700;
        height: 36px;
        width: 120px;
        padding: 9px 5px;
        margin: 0;
    }
    
    #mc_embed_signup .button:hover {
        background-color: #3c1914;
    }
    
    a:link {
        color: #0066cc;
    }
    
    a:visited {
        color: #0066cc;
    }
    
    a:active,
    a:hover {
        color: #3c1914;
    }
    /* Text meant only for screen readers */
    
    .screen-reader-text {
        position: absolute;
        left: -9000px;
    }
    /* =Header
-------------------------------------------------------------- */
    
    #header {
        padding: 0;
    }
    
    #logo {
        padding: 10px 0 10px 10px;
        box-sizing: border-box;
        display: inline-block;
        width: 230px;
        max-width: 230px;
        height: auto;
    }
    
    #logo img {
        width: 100%;
        height: auto;
    }
    
    #tagline {
        display: inline-block;
        width: 690px;
        max-width: 690px;
        height: auto;
        padding-right: 20px;
    }
    /* Fil d'ariane
-------------------------------------------------------------- */
    
    .front_page li {
        list-style: none;
    }
    
    .front_page li {
        list-style: none;
    }
    
    .breadcrumb {
        font-size: 11px;
        color: #595150;
        margin: -30px 0 50px 0;
        font-family: "Open Sans", Verdana, sans-serif;
        background-image: url(images/bread.png);
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    
    .breadcrumb a {
        color: #3c1914;
        text-decoration: none;
        padding: 0 5px 0 0;
    }
    
    .breadcrumb a:hover {
        text-decoration: underline;
    }
    
    .breadimg {
        margin: 0 3px 0 0;
        vertical-align: text-top;
    }
    /* =Menu
-------------------------------------------------------------- */
    
    #fondbleu {
        height: 68px;
        background-color: #1b9fd0;
        width: 4000px;
        margin: 3px 0 0 -1500px;
    }
    
    #access {
        display: block;
        float: left;
        margin: 0 auto;
        width: 1100px;
        overflow: visible;
        height: 92px;
        margin: 0 0 0 -60px;
        background-image: url(images/ocean06.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        text-shadow: 1px 1px 1px #6a4a3c;
    }
    
    #access .menu-header,
    div.menu {
        font-size: 16px;
        margin: 20px 0 0 75px;
        width: 980px;
        text-transform: uppercase;
        text-align: center;
    }
    
    #access .menu-header ul,
    div.menu ul {
        list-style: none;
        margin: 0;
    }
    
    #access .menu-header li,
    div.menu li {
        float: left;
        position: relative;
    }
    
    #access a {
        color: #FFFFFF;
        display: block;
        line-height: 38px;
        padding: 0 15px;
        text-decoration: none;
        height: 92px;
    }
    
    #access ul ul {
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
        display: none;
        position: absolute;
        top: 38px;
        left: 0;
        float: left;
        width: 180px;
        z-index: 99999;
    }
    
    #access ul ul li {
        min-width: 180px;
    }
    
    #access ul ul ul {
        left: 100%;
        top: 0;
    }
    
    #access ul ul a {
        display: none;
    }
    
    #access li:hover > a,
    #access ul ul:hover > a {
        color: #EDEDED;
    }
    
    #access ul li:hover > ul {
        display: block;
    }
    
    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
        background-image: url(images/triangle.png);
        background-repeat: no-repeat;
        background-position: center 42px;
    }
    
    * html #access ul li.current_page_item a,
    * html #access ul li.current-menu-ancestor a,
    * html #access ul li.current-menu-item a,
    * html #access ul li.current-menu-parent a,
    * html #access ul li a:hover {
        background-image: url(images/triangle.png);
        background-repeat: no-repeat;
        background-position: center 42px;
    }
    /* =Content
-------------------------------------------------------------- */
    
    #main {
        clear: both;
        overflow: hidden;
        margin: 80px 0 0 0;
    }
    
    #content {
        margin-bottom: 36px;
    }
    
    #content,
    #content input,
    #content textarea {
        font-size: 14px;
        line-height: 1.6;
    }
    
    #content p,
    #content ul,
    #content ol,
    #content dd,
    #content pre,
    #content hr {
        margin-bottom: 24px;
    }
    
    #content ul ul,
    #content ol ol,
    #content ul ol,
    #content ol ul {
        margin-bottom: 0;
    }
    
    #content pre,
    #content kbd,
    #content tt,
    #content var {
        font-size: 15px;
        line-height: 21px;
    }
    
    #content code {
        font-size: 13px;
    }
    
    #content dt,
    #content th {
        color: #000;
    }
    
    #content h1,
    #content h2,
    #content h3,
    #content h5,
    #content h6 {}
    
    h1.page {
        font-family: 'Open Sans', Verdana, sans-serif;
        font-size: 21px;
        font-weight: normal !important;
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    
    #content h3 {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #1b9fd0;
        font-weight: normal;
        padding: 0;
        margin: 40px 0 1% 0;
        text-decoration: none;
        font-size: 18px;
        text-transform: uppercase;
        text-align: left;
    }
    
    #content h3 a {
        color: #1b9fd0;
        text-decoration: underline;
    }
    
    #content h4 a {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #4f3921;
        font-weight: bold;
        padding: 0;
        margin: 0;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
    }
    
    .soustitre {
        font-variant: small-caps;
        font-size: 14px;
    }
    
    h5 {
        font-size: 12px;
        font-weight: bold;
    }
    
    .date {
        font-size: 13px;
        font-family: 'Open Sans', Verdana, sans-serif;
        font-weight: normal;
        color: #3c1914;
        margin: -15px 0 0 0;
    }
    
    #content table {
        border: 1px solid #e7e7e7;
        margin: 0 -1px 24px 0;
        text-align: left;
        width: 100%;
    }
    
    #content tr th,
    #content thead th {
        color: #888;
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
        padding: 9px 24px;
    }
    
    #content tr td {
        border-top: 1px solid #e7e7e7;
        padding: 6px 24px;
    }
    
    #content tr.odd td {
        background: #f2f7fc;
    }
    
    .hentry {
        margin: 0 0 48px 0;
    }
    
    .home .sticky {
        background: #f2f7fc;
        border-top: 4px solid #000;
        margin-left: -20px;
        margin-right: -20px;
        padding: 18px 20px;
    }
    
    .single .hentry {
        margin: 0 0 36px 0;
    }
    
    #printicon {
        margin: -23px 0 20px 50px;
    }
    
    .page-title {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 36px 0;
    }
    
    .page-title span {
        color: #333;
        font-size: 16px;
        font-style: italic;
        font-weight: normal;
    }
    
    .page-title a:link,
    .page-title a:visited {
        color: #888;
        text-decoration: none;
    }
    
    .page-title a:active,
    .page-title a:hover {
        color: #ff4b33;
    }
    
    .date {
        font-size: 12px;
    }
    
    .entry-meta {
        color: #3c1914;
        font-size: 12px;
        display: inline-block;
    }
    
    .entry-meta abbr,
    .entry-utility abbr {
        border: none;
    }
    
    .entry-meta abbr:hover,
    .entry-utility abbr:hover {
        border-bottom: 1px dotted #666;
    }
    
    .entry-content,
    .entry-summary {
        margin: 20px 0;
        padding: 0;
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #3c1914;
        font-size: 13px;
        display: inline-block;
        width: 100%;
    }
    
    .entry-summary .text {
        margin-top: 5px;
    }
    
    .entry-img {
        float: left;
        padding: 4px;
        margin: 0 10px 0 0;
    }
    
    .entry-summary h4::after,
    .entry-meta::before {
        display: block;
        content: '';
        clear: both;
        height: 3px;
    }
    
    .entry-summary h4 {
        padding-top: 3px;
        box-sizing: border-box;
    }
    
    .entry-summary h4,
    .entry-meta,
    .entry-summary .text {
        display: inline-block;
        width: 436px;
        vertical-align: baseline;
        padding-right: 20px;
        box-sizing: border-box;
    }
    
    .categ {
        font-size: 13px;
        font-family: 'Open Sans', Verdana, sans-serif;
        font-weight: normal;
        margin: -15px 0 0 0;
        color: #1b9fd0;
    }
    
    .categ a:link,
    .categ a:visited {
        color: #1b9fd0;
        text-decoration: none;
    }
    
    .categ a:hover {
        font-weight: normal;
    }
    
    .entry-content fieldset {
        border: 1px solid #e7e7e7;
        margin: 0 0 24px 0;
        padding: 24px;
    }
    
    .entry-content fieldset legend {
        background: #fff;
        color: #000;
        font-weight: bold;
        padding: 0 24px;
    }
    
    .entry-content input {
        margin: 0 0 24px 0;
    }
    
    .entry-content input.file,
    .entry-content input.button {
        margin-right: 24px;
    }
    
    .entry-content label {
        color: #888;
        font-size: 12px;
    }
    
    .entry-content select {
        margin: 0 0 24px 0;
    }
    
    .entry-content sup,
    .entry-content sub {
        font-size: 10px;
    }
    
    .entry-content blockquote.left {
        float: left;
        margin-left: 0;
        margin-right: 24px;
        text-align: right;
        width: 33%;
    }
    
    .entry-content blockquote.right {
        float: right;
        margin-left: 24px;
        margin-right: 0;
        text-align: left;
        width: 33%;
    }
    
    .page-link {
        color: #000;
        font-weight: bold;
        margin: 0 0 22px 0;
        word-spacing: 0.5em;
    }
    
    .page-link a:link,
    .page-link a:visited {
        background: #f1f1f1;
        color: #333;
        font-weight: normal;
        padding: 0.5em 0.75em;
        text-decoration: none;
    }
    
    .home .sticky .page-link a {
        background: #d9e8f7;
    }
    
    .page-link a:active,
    .page-link a:hover {
        color: #3c1914;
    }
    
    body.page .edit-link {
        clear: both;
        display: block;
    }
    
    #entry-author-info {
        background: #f2f7fc;
        border-top: 4px solid #000;
        clear: both;
        font-size: 14px;
        line-height: 20px;
        margin: 24px 0;
        overflow: hidden;
        padding: 18px 20px;
    }
    
    #entry-author-info #author-avatar {
        background: #fff;
        border: 1px solid #e7e7e7;
        float: left;
        height: 60px;
        margin: 0 -104px 0 0;
        padding: 11px;
    }
    
    #entry-author-info #author-description {
        float: left;
        margin: 0 0 0 104px;
    }
    
    #entry-author-info h2 {
        color: #000;
        font-size: 100%;
        font-weight: bold;
        margin-bottom: 0;
    }
    
    .entry-utility {
        clear: both;
        color: #888;
        font-size: 12px;
        line-height: 18px;
    }
    
    .entry-meta a,
    .entry-utility a {
        color: #888;
    }
    
    .entry-meta a:hover,
    .entry-utility a:hover {
        color: #3c1914;
    }
    
    #content .video-player {
        padding: 0;
    }
    /* Archives Catégories & Ressources
-------------------------------------------------------------- */
    
    .category #content,
    .page-template-ressources #content {
        padding: 0 50px 50px 50px;
        box-sizing: border-box;
    }
    
    .category h1,
    .page-template-ressources h1 {
        text-align: center;
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #1b9fd0;
        font-weight: normal;
        padding: 0;
        margin: 0;
        font-size: 28px;
        text-transform: uppercase;
    }
    
    .category h2,
    .page-template-ressources h2 {
        border: none;
        display: inline-block;
        margin-bottom: 5px;
        width: 740px;
    }
    
    .category .entry-meta {
        display: inline-block;
    }
    
    .category section {
        display: block;
        margin: 70px auto;
        min-height: 80px;
        height: 80px;
    }
    
    .page-template-ressources h2 {
        margin-top: 50px;
    }
    
    .page-template-ressources #content img {
        border: none;
    }
    
    .page-template-ressources #content p {
        margin: 5px 0;
        padding-left: 22px;
        box-sizing: border-box;
    }
    
    .page-template-ressources #content .fichier {
        padding-left: 0;
    }
    
    .page-template-subpage01 .btn {
        display: inline-block;
        vertical-align: middle;
        width: 200px;
        height: auto;
        margin: 0 15px 0 0;
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #3c1914;
        font-size: 14px;
        padding: 5px 10px;
        text-decoration: none;
        text-align: center;
        background: #f1f1f1;
        border: 1px solid rgba(124, 124, 124, 0.5);
        font-weight: bold;
        background-image: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
        background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
        -webkit-border-radius: 1;
        -moz-border-radius: 1;
        border-radius: 1px;
    }
    
    .page-template-subpage01 .btn:hover {
        color: #fefefe;
        background: #3c1914;
        background-image: -webkit-linear-gradient(top, #3c1914, #3c1914);
        background-image: -moz-linear-gradient(top, #3c1914, #3c1914);
        background-image: -ms-linear-gradient(top, #3c1914, #3c1914);
        background-image: -o-linear-gradient(top, #3c1914, #3c1914);
        background-image: linear-gradient(to bottom, #3c1914, #3c1914);
        text-decoration: none;
    }
    /* Boutons de partage sur les réseaux sociaux
-------------------------------------------------------------- */
    
    #container2 .sharedaddy {
        text-align: center;
    }
    
    #container2 .sd-title {
        margin: 20px auto;
    }
    
    #container2 .sd-content ul li {
        list-style-type: none;
        margin: 0 20px 0 0;
        padding: 0;
        background-image: none;
    }
    /* PAGES MERES
-------------------------------------------------------------- */
    
    .subpages {
        /* Résumés + images de la page pédagogie */
        border: 1px solid #7c7c7c;
        width: 280px;
        text-align: left;
        background-color: #ffffff;
        height: 300px;
        overflow: hidden;
        line-height: 19px;
        margin-top: 1%;
    }
    
    .subpages p,
    .subpagesquart p {
        font-size: 0.875em;
        padding: 0 2% 2% 2%;
        color: rgba(0, 0, 0, 0.8);
    }
    
    .subpagesbis {
        /* Résumés  de la page rédactionnel*/
        width: 435px;
        margin: 5px 10px 0 0;
        padding: 0 8px 0 8px;
        text-align: justify;
        overflow: hidden;
        line-height: 19px;
    }
    
    .publidoc {
        /* Div contenant Titre + résumé + image de la page Publications et documentaires */
        display: inline-block;
        padding: 10px 10px 10px 0;
        margin: 0 10px 0 0;
        float: left;
        width: 450px;
    }
    
    .subredac {
        /* Résumés + images de la page Publications et documentaires */
        border: 1px solid #7c7c7c;
        width: 400px;
        margin: 5px 0 0 0;
        padding: 0 8px 0 0;
        text-align: left;
        background-color: #ffffff;
        height: 80px;
        overflow: hidden;
        line-height: 19px;
    }
    
    .subpagesquart {
        /* Résumés + images de la page Tourisme culturel */
        border: 1px solid #7c7c7c;
        width: 290px;
        text-align: left;
        background-color: #ffffff;
        height: 300px;
        overflow: hidden;
        line-height: 19px;
    }
    
    .subpagesquartimg {
        float: left;
        padding: 0 5px 5px 0;
        margin: 0;
    }
    
    .subpagesimg,
    .subpagester img {
        display:block;
        text-align: center;
        padding: 0 5px 5px 0;
        margin: 0;
    }
    
    .subpages ul,
    .subpages li {
        padding: 0;
        margin: 0;
    }
    
    .pedagogie {
        display: inline-block;
        margin: 0 14px 15px 0;
        width: 300px;
    }
    
    .pedagogie:nth-child(3n+3) {
        margin-right: 0;
    }
    
    .pedagogie a,
    subpages a,
    .subredac a {
        color: #3c1914;
        text-decoration: none;
    }
    
    .pedagogie a:hover,
    .subredac a:hover {
        color: #545454;
    }
    
    .headerpedagogie {
        margin: 10px 0 10px 0;
    }
    
    .redac {
        display: inline-block;
        padding: 10px 20px 10px 0;
        margin: 0;
        float: left;
        width: 450px;
    }
    
    #redac a,
    .redac a {
        color: #3c1914;
        text-decoration: underline;
    }
    
    #redac a:hover,
    .redac a:hover {
        text-decoration: underline;
    }
    
    #redac {
        width: 300px;
        text-indent: 30px;
    }
    
    .liste03 a {
        color: #3c1914;
        text-decoration: none;
    }
    
    .liste03 a:hover {
        text-decoration: underline;
    }
    /* =Asides
-------------------------------------------------------------- */
    
    .home #content .category-asides p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    
    .home .hentry.category-asides {
        padding: 0;
    }
    
    .home #content .category-asides .entry-content {
        padding-top: 0;
    }
    /* =Gallery listing
-------------------------------------------------------------- */
    
    .category-gallery .size-thumbnail img {
        border: 10px solid #f1f1f1;
        margin-bottom: 0;
    }
    
    .category-gallery .gallery-thumb {
        float: left;
        margin-right: 20px;
        margin-top: -4px;
    }
    
    .home #content .category-gallery .entry-utility {
        padding-top: 4px;
    }
    /* =Attachment pages
-------------------------------------------------------------- */
    
    .attachment .entry-content .entry-caption {
        font-size: 140%;
        margin-top: 24px;
    }
    
    .attachment .entry-content .nav-previous a:before {
        content: '\2190\00a0';
    }
    
    .attachment .entry-content .nav-next a:after {
        content: '\00a0\2192';
    }
    /* =Images
-------------------------------------------------------------- */
    
    #content img {
        max-width: 930px;
        border: 1px solid #cccccc;
    }
    
    #content .subpages img,
    #content .subredac img,
    #content .subpagesquart img {
        border: none;
    }
    
    #content .attachment img {
        max-width: 900px;
    }
    
    #content .alignleft,
    #content img.alignleft {
        display: inline;
        float: left;
        margin-right: 24px;
        margin-top: 4px;
    }
    
    #content .alignright,
    #content img.alignright {
        display: inline;
        float: right;
        margin-left: 24px;
        margin-top: 4px;
        margin-right: 10px;
    }
    
    #content .aligncenter,
    #content img.aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    #content img.alignleft,
    #content img.alignright,
    #content img.aligncenter {
        margin-bottom: 12px;
    }
    
    #content .wp-caption {
        background: #ffffff;
        line-height: 18px;
        margin-bottom: 20px;
        padding: 8px 4px 4px 4px;
        text-align: center;
        border: 1px solid #C7C7C7;
    }
    
    #content .wp-caption img {
        margin: 0;
        padding: 0;
    }
    
    #content .breadcrumb img {
        margin: 0;
        padding: 0;
        border: none;
    }
    
    #content .wp-caption p.wp-caption-text {
        color: #888;
        font-size: 13px;
        margin: 5px;
    }
    
    #content .wp-smiley {
        margin: 0;
    }
    
    #content .gallery {
        margin: 0 auto 18px;
    }
    
    #content .gallery .gallery-item {
        float: left;
        margin-top: 0;
        text-align: center;
        width: 33%;
    }
    
    #content .gallery img {
        border: 2px solid #cfcfcf;
    }
    
    #content .gallery .gallery-caption {
        color: #888;
        font-size: 12px;
        margin: 0 0 12px;
    }
    
    #content .gallery dl {
        margin: 0;
    }
    
    #content .gallery img {
        border: 10px solid #f1f1f1;
    }
    
    #content .gallery br+br {
        display: none;
    }
    
    #content .attachment img {
        /* single attachment images should be centered */
        display: block;
        margin: 0 auto;
    }
    /* =Navigation
-------------------------------------------------------------- */
    
    .navigation {
        color: #888;
        font-size: 12px;
        line-height: 18px;
    }
    
    .navigation a:link,
    .navigation a:visited {
        color: #888;
        text-decoration: none;
    }
    
    .navigation a:active,
    .navigation a:hover {
        color: #1b9fd0;
    }
    
    .nav-previous {
        float: left;
    }
    
    .nav-next {
        float: right;
    }
    
    #nav-above {
        margin: 0 0 18px 0;
    }
    
    #nav-above {
        display: none;
    }
    
    .paged #nav-above,
    .single #nav-above {
        display: block;
    }
    
    #nav-below {
        margin: 20px 0 0 0;
    }
    
    #rss {
        margin: 5px 0 0 0;
        text-indent: 30px;
        background-image: url(images/rss.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        height: auto;
        overflow: visible;
    }
    
    #rss a {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        text-decoration: none;
    }
    
    #rss a:hover {
        text-decoration: underline;
    }
    
    #mail {
        margin: 5px 0 0 0;
        text-indent: 30px;
        background-image: url(images/mail.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        height: auto;
        overflow: visible;
    }
    
    #mail a {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        text-decoration: none;
    }
    
    #mail a:hover {
        text-decoration: underline;
    }
    
    #news {
        margin: 30px 0 0 0;
        text-indent: 30px;
        background-image: url(images/news.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        height: auto;
        overflow: visible;
    }
    
    #news a {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        text-decoration: none;
    }
    
    #news a:hover {
        text-decoration: underline;
    }
    /* =Widget Areas
-------------------------------------------------------------- */
    
    .widget-area ul {
        list-style: none;
        margin-left: 0;
    }
    
    .widget-area ul ul {
        list-style: square;
        margin-left: 1.3em;
    }
    
    .widget_search #s {
        /* This keeps the search inputs in line */
        width: 60%;
    }
    
    .widget-container {
        margin: 0 0 18px 0;
    }
    
    #primary .widget-title,
    #secondary .widget-title,
    #third2 .widget-title {
        font-family: 'Philosopher', Verdana, sans-serif;
        font-size: 22px;
        color: #3c1914;
        padding: 0;
        margin: 0 0 10px -15px;
        text-align: left;
        line-height: 1.4;
        border: none;
    }
    
    .widget-area a:link,
    .widget-area a:visited {
        text-decoration: none;
    }
    
    .widget-area a:active,
    .widget-area a:hover {
        text-decoration: underline;
    }
    
    .widget-area .entry-meta {
        font-size: 11px;
    }
}
.widget_rss a.rsswidget {
    color: #000;
}
.widget_rss a.rsswidget:hover {
    color: #3c1914;
}
.widget_rss .widget-title img {
    width: 11px;
    height: 11px;
}
#primary .widget_text,
#secondary .widget_text,
#third2 .widget_text,
.widget_facebook_likebox {
    width: 90%;
    margin: 0 0 50px 0;
    text-align: justify;
    font-family: "Open Sans", Verdana, sans-serif;
    color: #3c1914;
    overflow: visible;
}
#facebook-likebox-2 {
    overflow: visible;
}
#primary .textwidget,
#secondary .textwidget,
#third2 .textwidget {
    border: 1px solid #7c7c7c;
    padding: 8px;
    width: 355px;
    margin: 0 0 0 -15px;
    background-color: #ffffff;
    font-size: 13px;
}
#primary .textwidget p:nth-of-type(2),
#secondary .textwidget p:nth-of-type(2),
#third2 .textwidget p:nth-of-type(2) {
    padding: 0 15px;
    box-sizing: border-box;
}
.searchform {
    display: block;
    width: 355px;
    padding: 8px;
    margin: 0 0 50px -15px;
}
.wp_calendar {
    display: block;
    height: 290px;
    margin: 0 0 50px 0;
}
span.brown a {
    color: #3c1914;
}
.textwidget .aligncenter {
    display: block;
    text-align: center;
    margin: 8px auto 5px auto;
    font-size: 14px;
}
.textwidget .aligncenter a {
    text-decoration: underline;
    color: #3c1914;
    font-weight: normal;
}

/* Main sidebars */
#main .widget-area ul {
    margin-left: 0;
    padding: 0 20px 0 0;
}
#main .widget-area ul ul {
    border: none;
    margin-left: 1.3em;
    padding: 0;
}
#primary,
#secondary {
    margin: 10px 0 15px 0;
}

/* Footer widget areas */
#footer-widget-area {
    width: 940px;
    color: #000000;
    margin: 25px auto 0 auto;
    padding: 0 0 0 40px;
    font-family: "Open Sans", Verdana, sans-serif;
}
#first,
#second {
    margin-right: 20px;
    vertical-align: top;
}
#first {
    width: 220px;
    display: inline-block;
}
#second {
    text-align: center;
    width: 465px;
    display: inline-block;
}
#third {
    width: 208px;
    display: inline-block;
    vertical-align: top;
}
.xoxo .widget_text {
    margin: 0 20px 0 0;
    text-align: justify;
}
#first h3,
#second h3,
#third h3 {
    list-style: none;
    list-style-image: !important none;
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: normal;
    font-size: 18px;
    padding: 0 0 15px 0;
    text-shadow: 1px 1px 1px #fff;
}
#first a,
#second a,
#third a,
.blogroll a {
    color: #000000;
    text-decoration: underline;
}
.blogroll li {
    list-style: none;
    list-style-image: url(images/next.gif);
}
#first a:hover,
#second a:hover,
#third a:hover,
.blogroll a:hover {
    text-decoration: underline;
}
#second ul {
    width: 465px;
}
#second li {
    text-align: center;
    width: 465px;
}
#second img {
    margin: 2px;
    padding: 0px;
    vertical-align: middle;
    border: 1px solid #D6D1D1;
}
#third li {
    margin: 0;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
    margin-bottom: 20px;
}
#colophon {
    border-top: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    overflow: hidden;
    width: 100%;
    background-color: #eeecec;
}
#footerinfos {
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    width: 100%;
    padding: 0 0 30px 0;
    margin: -10px 0 0 0;
    ;
}
#footerinfos a {
    color: #ffffff;
    text-decoration: underline;
}
#footerinfos a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* =Plan du site
-------------------------------------------------------------- */
.children li {
    margin: 0 0 0 15px;
}
.children li a {
    color: #3c1914;
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
    -webkit-text-size-adjust: 140%;
}
code {
    -webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
    -webkit-text-size-adjust: 120%;
}
#site-description {
    -webkit-text-size-adjust: none;
}

/* =Print Style
-------------------------------------------------------------- */
@media print {
    body {
        background: none !important;
    }
    
    #wrapper {
        clear: both !important;
        display: block !important;
        position: relative !important;
        margin: 0 auto 0 auto;
        padding: 10px;
        width: 90%;
    }
    
    #print-header img {
        float: left;
        padding: 0 8px 0 0;
    }
    
    #print-header {
        font-family: 'Open Sans', Verdana, sans-serif;
        font-size: 13px;
        color: #000000;
        border-bottom: 1px solid #666;
        padding: 0 0 5px 0;
        line-height: 19px;
    }
    
    #print-link {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        font-size: 13px;
        padding: 0 0 5px 0;
    }
    
    .entry-content {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        text-align: justify;
        font-size: 13px;
        border-bottom: 1px solid #666;
        padding: 0 0 5px 0;
    }
    
    .entry-content li {
        list-style: none;
        list-style-image: url(images/next.gif);
        list-style-position: inside;
        line-height: 18px;
    }
    
    img {
        display: none;
    }
    
    .entry-title {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        font-size: 18px;
        font-weight: bold;
    }
    
    #container,
    #header,
    #footerprint {
        margin: 0;
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        font-size: 13px;
        padding: 10px 0 5px 0;
    }
    
    .disclaimerprint {
        font-family: 'Open Sans', Verdana, sans-serif;
        color: #000000;
        font-size: 13px;
        text-align: center;
    }
    
    .wp-caption {
        display: none;
    }