/*
Theme Name: Epicea
Theme URI: http://epicea.me
Version: 1
Author: Cibervoluntarios (Design), Cri-Greta du Velay (Code)
Author URI: http://www.cibervoluntarios.org/, http://conseil-recherche-innovation.net/
Description: Theme designed for the Epicea project

Cette création est mise à disposition selon le Contrat Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 2.0 France disponible en ligne http://creativecommons.org/licenses/by-nc-sa/2.0/fr/ ou par courrier postal à Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.

*/

@font-face {
  font-family: "Duepuntozero";
  src: url(./fonts/duepuntozero_regular.ttf); }

h1, h2, h3, h4, h5 {
  letter-spacing: 0.06em;
  font-family: Duepuntozero, Arial, sans-serif;
  font-weight: lighter; }

body {
  background-color: #7c7c7a;
  font-family: Verdana, sans-serif; }


#banner {
  background-image: url('./images/header.jpg');
  height: 110px; }
  #banner h1 a {
    display: block;
    text-indent: -9999px;
    height: 110px; }

#navigation {
  background-image: url('./images/navigation.jpg');
  height: 35px; }
  #navigation .content {
    padding: 6px; }
    #navigation .content ul li {
      display: inline; }
      #navigation .content ul li a {
        color: white;
        text-decoration: none;
        font-size: 1.1em;
        font-weight: bold; }
        #navigation .content ul li a:hover {
          color: #0095dd; }
    #navigation .content .current_page_item a {
      color: #009cf3; }

#second-header {
  background-color: #009cf3;
  height: 30px; }
  #second-header h2 {
    margin: 0;
    padding: 0 0 0 1.5em;
    color: #77e6ff;
    font-size: 1.6em; }

#content .content .inner {
  padding-top: 3em; }
#content .content p {
  text-align: justify;
  margin-bottom: 0.5em; }
  #content .content p cite {
    color: #7c7c7a; }
#content .content a {
  color: #0095dd;
  text-decoration: none; }
  #content .content a:hover {
    text-decoration: underline; }
  #content .content a:visited {
    color: #cc5da1; }
#content .content h2 {
  font-size: 1.25em;
  color: black; }
#content .content h3 {
  padding-bottom: 0.25em;
  color: #cc126f;
  font-size: 2.2em;
  border-bottom-color: #7c7c7a;
  border-bottom-width: 1px;
  border-bottom-style: dotted; }
#content .content h4 {
  padding-bottom: 0em;
  margin-bottom: 0.5em;
  color: #cc126f;
  text-decoration: none;
  font-size: 1.5em; }
#content .content h3 a, #content .content h4 a {
  color: #cc126f; }
  #content .content h3 a:hover, #content .content h4 a:hover {
    text-decoration: none; }
#content .content strong {
  color: #333333; }
#content .content .post-body {
  margin-bottom: 3em; }
  #content .content .post-body .more {
    margin-top: 2em;
    font-weight: bold;
    font-size: 0.85em; }
#content .content .post-meta {
  font-size: 0.85em;
  color: #7c7c7a;
  margin-top: -10px;
  margin-bottom: 2em; }
#content .content .date_maj {
  color: #7c7c7a;
  text-align: right;
  font-size: 0.85em;
  font-style: italic; }
#content .content .imgalignright {
  float: right;
  margin: 1em;
  clear: both; }
#content .content .alignright {
  float: right;
  margin: 1em;
  clear: both; }
#content .content .alignleft {
  float: left;
  margin: 1em;
  clear: both; }
#content .content #comments {
  margin: 3em 0 3em 0; }
  #content .content #comments .comment-body p {
    font-size: 0.85em; }
  #content .content #comments .comment-meta {
    font-size: 0.85em; }
  #content .content #comments label {
    color: #7c7c7a;
    vertical-align: top;
    margin-right: 2em;
    display: block; }
  #content .content #comments textarea {
    width: 40em; }
#content .content #right-col a {
  color: #0095dd; }
  #content .content #right-col a:visited {
    color: #0095dd; }
#content .content #right-col h3 {
  font-size: 1.5em;
  border-bottom: none;
  padding-top: 0.5em;
  padding-bottom: 0;
  margin-top: 0.5em;
  margin-bottom: 0; }
#content .content #right-col .about p {
  text-align: left;
  color: #333333;
  font-size: 0.85em;
  font-weight: bold; }
#content .content #right-col .search .about-search {
  font-size: 0.85em;
  padding: 0.5em; }
#content .content #right-col .logoslppei {
  margin-top: 4em;
  padding: 2em;
  background-color: white; }
  #content .content #right-col .logoslppei .einclusion {
    margin-top: 2em; }
  #content .content #right-col .logoslppei .logollp {
    margin-top: 2em; }
#content .last-article-outer {
  background-color: #eeeeee;
  border-bottom-color: #aaaaaa;
  border-bottom-width: 1px;
  border-bottom-style: solid; }
  #content .last-article-outer .inner {
    padding-right: 16px; }
#content .recent-articles-outer {
  background-color: white;
  padding-top: 2em; }
#content .article-outer {
  background-color: white; }
#content .page-outer {
  background-color: white; }
#content .comments-outer {
  background-color: #eeeeee;
  border-top-color: #aaaaaa;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-color: #aaaaaa;
  border-bottom-width: 1px;
  border-bottom-style: solid; }
#content .content-navigate-outer {
  padding: 3em 0;
  background-color: white; }
  #content .content-navigate-outer .inner {
    background-color: #009cf3; }
    #content .content-navigate-outer .inner a, #content .content-navigate-outer .inner a:visited, #content .content-navigate-outer .inner a:hover {
      color: white;
      font-weight: bold;
      text-decoration: none; }
      #content .content-navigate-outer .inner a:hover, #content .content-navigate-outer .inner a:visited:hover, #content .content-navigate-outer .inner a:hover:hover {
        text-decoration: underline; }
    #content .content-navigate-outer .inner .next {
      text-align: right; }
    #content .content-navigate-outer .inner .prev, #content .content-navigate-outer .inner .next {
      padding: 1em; }

#logos {
  height: 100px;
  padding-bottom: 1em;
  background-image: url('./images/logos.jpg');
  background-repeat: no-repeat;
  background-color: white; }

#footer {
  border-top-color: #009cf3;
  border-top-width: 1px;
  border-top-style: solid; }
  #footer .content {
    padding: 1em;
    background-color: #77e6ff; }
    #footer .content p {
      margin: 0;
      text-align: center;
      font-size: 0.85em;
      font-style: italic; }
    #footer .content a, #footer .content p {
      color: #0095dd; }

/* boxes */
.box {
  margin: 2em auto 1em auto;
  border-width: 2px 0 2px 0;
  border-style: solid none solid none;
  padding: 5px 20px 5px 45px;
  text-align: left; }

.box-info {
  border-top-color: rgb(181, 212, 254);
  border-bottom-color: rgb(181, 212, 254);
  background: rgb(248, 250, 252) url('./icons/info.gif') no-repeat scroll 12px 6px;
  color: rgb(94, 98, 115); }

.box-alert {
  border-top-color: rgb(255, 211, 36);
  border-bottom-color: rgb(255, 211, 36);
  background: rgb(255, 246, 191) url('./icons/alert.gif') no-repeat scroll 12px 6px;
  color: rgb(153, 102, 102); }

.box-warn {
  border-top-color: rgb(254, 171, 185);
  border-bottom-color: rgb(254, 171, 185);
  background: rgb(251, 238, 241) url('./icons/warning.gif') no-repeat scroll 12px 6px;
  color: rgb(142, 106, 100); }

.box-note {
  border-top-color: rgb(254, 171, 185);
  border-bottom-color: rgb(254, 171, 185);
  background: rgb(230, 255, 225) url('./icons/sun.gif') no-repeat scroll 12px 6px;
  color: rgb(72, 121, 63); }

.box-download {
  border-top-color: rgb(192, 192, 192);
  border-bottom-color: rgb(192, 192, 192);
  background: rgb(240, 240, 240) url('./icons/download.gif') no-repeat scroll 12px 6px;
  color: #333; }

.box-link {
  border-top-color: rgb(166, 200, 255);
  border-bottom-color: rgb(166, 200, 255);
  background: rgb(223, 235, 255) url('./icons/world.gif') no-repeat scroll 12px 6px;
  color: #333; }