/*
Theme Name: Resistances
Theme URI: http://www.resistances-morbihan.fr/
Description: WordPress Theme designed for www.resistances-morbihan.fr.
Version: 0.8
Author: Julien Kernanet
Resistances Theme by Julien Kernanet
*/
/* general */
body {
width: 100%;
margin: 0;
padding: 0;
font-family: "adelle", serif;
background-color: #F4EFE1;
}
a {
outline: 0;
text-decoration: none;
border: none;
cursor: pointer;
color: inherit;
}
a img {
outline: 0;
text-decoration: none;
border: none;
cursor: pointer;
}
i {
font-style: italic;
}
b {
font-weight: 700;
}
u  {
font-style: normal;
text-decoration: none;
border: none;
background-color: #84C3BE;
}
span  {
text-decoration: none !important;
}
/* _background */
section#backhead {
position: absolute;
display: block;
width: 100%;
height: 150px;
margin-top: 25px;
}
div#resi {
display: inline-block;
width: 50%;
height: 50px;
margin: 0;
padding: 0;
background-color: #020E36;
}
div#morbi {
display: inline-block;
width: 50%;
height: 50px;
margin: 0;
padding: 0;
background-color: #84C3BE;
}
section#backul {
position: absolute;
display: block;
width: 100%;
height: 25px;
margin-top: 85px;
padding: 0;
background-color: #020E36;
}
section#backfoot {
position: fixed;
display: block;
width: 100%;
height: 25px;
bottom: 0px;
padding: 0;
background-color: #84C3BE;
}
/* page */
section#page {
position: absolute;
display: block;
width: 1000px;
height: 100%;
left: 50%;
margin-left: -500px;
border-top: 125px solid #F4EFE1;
border-bottom: 125px solid #F4EFE1;
background-color: #F4EFE1;
}
/* index */
section#col-1 {
position: absolute;
display: block;
width: 495px;
height: 100%;
left: 0;
background-color: #F4EFE1;
}
section#col-1 figure {
display: block;
height: 400px;
margin: 10px 0 0 195px;
padding: 0;
overflow: hidden;
background-color: #F4EFE1;
}
section#col-1 figure img {
min-width: 300px;
max-height: 400px;
}
section#col-1 figure figcaption h3 {
position: absolute;
display: block;
margin: 25px 150px 0 -195px;
padding: 5px 10px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 23px;
color: #020E36;
border-left: 150px solid #F4EFE1;
background-color: #F4EFE1;
}
section#col-1 figure figcaption p {
position: absolute;
display: block;
margin: 335px 25px 0 0;
padding: 5px 10px;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #020E36;
background-color: rgba(244,239,225,0.7);
}
section#col-1 h4 {
display: inline-block;
margin: 10px 25px 0 0;
padding: 5px 10px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #020E36;
border-left: 150px solid #84C3BE;
background-color: #84C3BE;
}
section#col-1 a:hover h4{
color: #F4EFE1;
border-left: 150px solid #020E36;
background-color: #020E36;
}
section#col-1 figure.annonce {
display: block;
height: auto;
margin: 10px 0 0 195px;
padding: 70px 0 0 0;
background-color: #84C3BE;
}
section#col-1 figure.annonce figcaption h3 {
display: block;
margin: -45px 10px 0 -45px;
padding: 5px 10px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 23px;
color: #F4EFE1;
border: 0;
background-color: #020E36;
}
section#col-1 figure.annonce figcaption p {
position: static;
margin: 0;
padding: 0 10px 10px 10px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: left;
color: #020E36;
background-color: #84C3BE;
}
section#col-2 {
position: absolute;
display: block;
width: 505px;
height: 100%;
right: 0;
background-color: #F4EFE1;
}
section#col-2 blockquote {
margin: 10px 0 0 10px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: left;
color: #020E36;
background-color: #F4EFE1;
}
section#col-2 blockquote cite {
margin: 0;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 21px;
text-align: left;
color: #020E36;
}
section#col-2 blockquote p {
margin: 0;
padding-top: 10px;
background-color: #F4EFE1;
}
section#col-2 blockquote p.cite {
display: inline-block;
margin: 0 25px 25px 0;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
background-color: #F4EFE1;
}
section#col-2 hr {
display: inline-block;
width: 150px;
height: 10px;
margin: 0 0 5px 10px;
padding: 0;
background-color: #84C3BE;
border: 0;
}
/* single-texte */
section#single-texte {
display: block;
width: 715px;
margin: 0 auto;
left: 0;
margin-bottom: 200px;
background-color: #F4EFE1;
}
section#single-texte a{
color: #84C3BE;
}
section#single-texte h3 {
display: inline-block;
margin: 10px 100px 0 -45px;
padding: 5px 10px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #F4EFE1;
background-color: #020E36;
}
section#single-texte h5 {
display: inline-block;
margin: 10px 100px 0 -45px;
padding: 5px 10px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #020E36;
background-color: #F4EFE1;
}
section#single-texte figure {
display: block;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}
section#single-texte figure img {
width: 100%;
}
section#single-texte figcaption p {
position: absolute;
display: block;
margin: 25px 25px 0 0;
padding: 5px 10px;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #020E36;
background-color: rgba(244,239,225,0.7);
}
section#single-texte article {
display: block;
margin: 10px 0 25px 0;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 21px;
text-align: justify;
color: #020E36;
}
article small{
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 21px;
font-variant: small-caps;
}
section#single-texte article p {
margin: 0;
padding-top: 10px;
}
section#single-texte article p:first-child {
text-indent: 35px;
}
section#single-texte article p:first-of-type {
text-indent: 35px;
}
section#single-texte h5+p {
}
section#single-texte article blockquote {
margin: 0 25px;
padding: 0;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 21px;
}
section#single-texte article blockquote p:first-child::before {
content: "« ";
}
section#single-texte article blockquote p:last-child::after {
content: " »";
}
article blockquote.poeme {
text-align: left;
}
section#single-texte article blockquote+cite {
display: block;
margin: 10px 25px;
padding: 0;
font-style: italic;
font-weight: 400;
font-size: 15px;
line-height: 21px;
}
/* listes */
article ul {
margin: 0;
padding: 0;
text-align : left;
line-height: 21px;
list-style-type: none;
}
article ul sup{
font-size: 10px;
}
article ul li {
margin: 15px 0 10px 0;
padding: 0;
text-align: justify;
}
article ul li::first-line {
background-color: #84C3BE;
}
/* single-data */
section#single-data {
display: block;
width: 970px;
margin: 0 auto;
left: 0;
margin-bottom: 200px;
background-color: #F4EFE1;
}
section#single-data a{
color: #84C3BE;
}
section#single-data h3 {
display: inline-block;
width: 305px;
margin: 10px 0 0 0;
padding: 5px 10px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #020E36;
border-left: 150px solid #84C3BE;
background-color: #84C3BE;
}
section#single-data figure {
display: block;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}
section#single-data figure img {
width: 100%;
}
section#single-data figure img.portrait {
width: 475px;
}
section#single-data figcaption p {
display: block;
margin: 10px 25px 0 0;
padding: 0;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #84C3BE;
}
section#single-data h5 {
display: block;
width: 100%
margin: 10px 100px 0 -45px;
padding: 5px 10px;
font-style: italic;
font-weight: 400;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #020E36;
background-color: #F4EFE1;
}
section#single-data article {
display: block;
margin: 25px 0 25px 0;
columns: 475px 2;
-webkit-columns: 475px 2;
-moz-columns: 475px 2;
column-gap: 20px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 21px;
text-align: justify;
color: #020E36;
}
section#single-data article p {
margin: 0;
padding-bottom: 10px;
}
section#single-data article p:first-child {
text-indent: 35px;
}
section#single-data article blockquote {
margin: 0 25px;
padding: 0;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 21px;
}
section#single-data article blockquote p:first-child::before {
content: "« ";
}
section#single-data article blockquote p:last-child::after {
content: " »";
}
/* tableau */
section#single-data table {
width: 970px;
margin-top: 20px;
}
section#single-data table tr {
vertical-align: top;
}
section#single-data table tr th {
padding-bottom: 10px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-align: left;
vertical-align: bottom;
color: #020E36;
}
section#single-data table tr td {
margin: 0;
padding: 10px 25px 10px 15px;
border-top: 2px dotted #84C3BE;
}
section#single-data table tr td:first-child {
margin: 0;
padding: 5px 15px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-align: left;
vertical-align: top;
color: #020E36;
}
section#single-data table tr td ul {
margin: 0;
padding: 0;
}
section#single-data table tr td ul li {
margin: 0;
padding: 0 0 10px 0;
}
/* header */
header {
position: absolute;
display: block;
width: 100%;
margin-top: 25px;
left: 50%;
margin-left: -500px;
}
header h1 {
display: inline-block;
width: 485px;
height: 50px;
margin: 0 5px 0 0;
padding-right: 10px;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 50px;
text-align: right;
color: #F4EFE1;
background-color: #020E36;
}
header h2 {
display: inline-block;
width: 485px;
height: 50px;
margin: 0 0 0 5px;
padding-left: 10px;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 50px;
text-align: left;
color: #020E36;
background-color: #84C3BE;
}
header ul {
display: block;
width: 1000px;
height: 25px;
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
background-color: #020E36;
}
header ul li {
display: inline-block;
font-size: 18px;
line-height: 25px;
text-align: center;
vertical-align: top;
color: #F4EFE1;
background-color: #020E36;
border-left: 10px solid #020E36;
border-right: 10px solid #020E36;
}
header ul li:hover {
color: #020E36;
background-color: #84C3BE;
border-left: 10px solid #84C3BE;
border-right: 10px solid #84C3BE;
}
header ul li a {
text-decoration: none;
}
header ul li a:hover {
color: #020E36;
background-color: #84C3BE;
}
footer {
position: fixed;
display: block;
width: 1000px;
bottom: 0px;
left: 50%;
margin-left: -500px;
color: #020E36;
background-color: #84C3BE;
}
footer ul {
display: block;
width: 1000px;
height: 25px;
margin: 0;
padding: 0;
list-style-type: none;
}
footer ul li {
display: inline-block;
font-size: 15px;
line-height: 25px;
text-align: center;
vertical-align: top;
color: #020E36;
background-color: #84C3BE;
border-left: 10px solid #84C3BE;
border-right: 10px solid #84C3BE;
}
footer ul li:hover {
color: #F4EFE1;
background-color: #020E36;
border-left: 10px solid #020E36;
border-right: 10px solid #020E36;
}
footer ul li a {
text-decoration: none;
}
footer ul li a:hover {
color: #F4EFE1;
background-color: #020E36;
}
.current-cat {
display: inline-block;
font-size: 18px;
line-height: 25px;
text-align: center;
vertical-align: top;
color: #020E36;
background-color: #84C3BE;
border-left: 10px solid #84C3BE;
border-right: 10px solid #84C3BE;
}


header {
position: absolute;
display: block;
width: 100%;
margin-top: 25px;
left: 50%;
margin-left: -500px;

    
}