/* lite septembre 2018 */
@charset "utf-8";
html { font-size: 12px; }
body {
    background : #999;
    margin: 0px;
    overflow: auto;
}
body, td, p, ol, caption {
    font: normal 1.2rem aileron-regular, sans-serif;
    color: #555;/*010*/
}
body, td {
    font-weight: 600;
}
iframe {
    overflow: hidden;
    margin: 0;
    border: 0;
}
div.page {
    position: relative;
    width: 1280px;
    text-align: left;
    background: #fff;
    border: thin solid #555;
    margin-left:auto;
    margin-right:auto;
}
div.contenu {
    position: relative;
    min-height: 80vh;
    left: 0px;
    z-index: 10;
    padding: 10px 10px 120px 10px;
    overflow: hidden;
}
/* editeur */
.mce-content-body {
    background: #fff;
}
header#header {
    background-color: #e5e5e5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
header#header img {
    margin-left: 20px;
}
footer {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}
footer span {
    font-size: 0.9rem;
    color: #eee;
}
a {
    color: #060;
    text-decoration: none;
    background: none;
}
a:visited {
    color: #030;
}
a:hover {
    color: #090;
}
a:active {
    color: #f31;
}
a.gif:hover {
    background-color: transparent;
}
span.nolink {
    color: #363;
}
b, strong {
    font-weight: 900;
}
ol {
    list-style-type: disc;
}
h1, h2, h3, h4 {
    font-family: aileron-semibold, sans-serif;
}
h1 {
    font-size: 3rem;
    color: #fc0;
    text-shadow: 1px 1px 1px #900;
}
h2.intro {
    font-size: 3rem;
    color: #a00;
    text-shadow: 1px 1px 1px #fc0;
}
h1:first-letter, h2.intro:first-letter {
    font-size: 3.6rem;
}
header#header > h1 {
    font-family: aileron-semibold-italic, sans-serif;
    font-size: 2vmax;
    line-height: auto;
    padding: 0 20px;
    margin: 0;
}
header#header > h1:first-letter {
    font-size: 3vmax;
}
h2 {
    font-size: 1.8rem;
    color: #555;
    text-indent: 5px;
    text-shadow:1px 1px 1px #eee;
}
h3 {
    position: relative;
    margin-top: 2px;
    font-size: 1.5rem;
    color: #f96;
    text-indent: 3px;
    letter-spacing: 2px;
    text-shadow:1px 1px 1px #900;
}
h4 {
    font-size: 1.5rem;
    color: #fa0;
}
h5, h6 {
    color: #212;
}
span.sstitre {
    font-size: 1.3rem;
    color: #212;
    text-indent: 10px;
    line-height: 20px;
    display: block;
}
hr {
    color: #3f3;
}
div.colonne_2 {
    column-count: 2;
    margin: 0;
}
div.colonne_2 > p:first-letter {
    font-family: fantasy;
    font-size: 1.2rem;
    padding-left: 1rem;
}
div.table {
    display: table;
    border-collapse: collapse;
    border-spacing:  0;
}
div.table div {
    display: table-cell;
}
/* .image, .align : édités par tinymce */
figure, figure.image {
    margin: 1.2rem;
    display: inline-block;
}
figure > img, figure.image > img {
    margin: 0;
}
figure > figcaption, figure.image > figcaption {
    font-size : 1rem;
    margin: 0.5rem 1rem;
    color: #555;
}
figure.align-right {
    float: right;
}
figure.align-left {
    float: left;
}
figure.align-center {
    display: table;
    margin-left:auto;
    margin-right:auto;
}
div.photocontainer {
    position:relative;
    margin-top:20px;
    margin-bottom:40px;
    text-align: center;
}
p.bouton, span.photos {
    background-color: #333;
    background-image: url(bg/menu.png);
    padding: 2px;
    border: thin outset #fc0;
    font-weight: 900;
    text-align: center;
    color: #eee;
}
span.photos {
    padding-left:12px;
    padding-right:12px;
    border: none;
}
p.bouton a, span.photos a {
    color: #0c0;
}
p.bouton:hover {
    background-color: #ccc;
    background-image: url(bg/menu_hover.png);
    border: thin inset #fc0;
}
p.bouton:hover, p.bouton a:hover, .navigation a:hover  {
    position: relative;
    top: 1px;
    left: 1px;
}
p.bouton a {
    display: block;
}
p.bouton a.inline {
    display: inline;
}
p.bouton a:hover {
    color:#010;
}
span.plan {
    display:block;
    margin-top: 10px;
    width: 300px;
    text-align: center;
}
.navigation, div.textelong td.navigation, p.bouton, span.photos {
    font-family: aileron-bold, sans-serif;
    font-size: 1rem;
}
div.nocookie {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 30px;
    z-index: 120;
    background: #eee;
    color: #777;
    padding: 2px;
}
/* prompt error */
    p.prompt, p.error {
    font-weight: 900;
    text-align: center;
}
p.error {
    color:#f63;
}
/* textelong */
td.textelong {
    padding-left: 12px;
    padding-right: 12px;
}
/*td.textelong p, div.textelong, p.textelong {
    background: #333;
    border:1px outset #fc0;
}*/
td.textelong p, div.textelong p, div.textelong td, div.textelong th, div.textelong li, p.textelong {
    font: normal 1.2rem aileron-regular, sans-serif;
    color: #010;
}
td.textelong small, div.textelong small {
    font-style: italic;
    font-weight: normal;
    font-size: 1rem;
    color: #121;
}
td.textelong p, div.textelong, p.textelong {
    padding: 2px 4px;
    border-radius: 6px;
}
div.textelong > p, p.textelong {
    line-height: 1.4;
}
div.tt1 {
    position: relative;
    top: 0;
    left: 0;
    width:20px;
}
div.tt2 {
    position: relative;
    top: 0; left: 20px;
    z-index: 3;
    width: 40px;
    background:#111;
    text-align:center;
    border-radius: 10px;
}
div.tt2 a span {
    color: #eee;
    text-decoration: none;
}
span.shadow {
    position: absolute; top: 5px; left: 5px; color: #f31; font-size: 1.4rem; font-family: aileron-semibold, sans-serif; z-index: 1;
}
span.texte {
    position: absolute; top: 0; left: 0; color: #010; font-size: 1.7rem; font-family: aileron-semibold, sans-serif; z-index: 2;
}
span.plus {
    font-size: 1.7rem; font-family: aileron-semibold, sans-serif; padding-left: 2px; padding-right: 2px;
}
span.moins {
    font-size: 1.7rem; font-family: aileron-semibold, sans-serif; padding-left: 4px; padding-right: 4px;
}
/* formulaire */
div.formulaire {
    background-color: #e5e5e5;
    position: relative;
    max-width: 620px;
    max-height: 400px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
div.formulaire p.erreur {
    color:#111;
}
div.formulaire a {
    padding: 0px 2px 0px 2px ;
}
div.formulaire a.gif {
    background-color: transparent;
}
ul.form {
    display: table;
    border-collapse: separate;
    border-spacing: 12px;
    width:  100%;
    list-style: none;
}
ul.form label {
    width:  40%;
    height:  25px;
    text-align: right;
    color: #555;
}
ul.form li.but {
    text-align: center;
}
fieldset {border:0;}

article fieldset ul { padding:0; margin:0; }
article fieldset ul li { padding:0; margin:0 0 10px 0; float:none; }
article fieldset label { display:inline-block; vertical-align:baseline; }
article fieldset li::before { display:none; padding:0; margin:0; }

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], input[type="url"],  textarea {
    font-family: Lato, Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 1rem;
}
input[type="submit"], input[type="reset"], input[type="button"] {
    font-family: "DejaVu Sans Mono", "Courier New", Courier, monospace;
    font-size: 1rem;
    padding: 2px 0;
    width: 100px;
}
textarea, input {
    background-color: #333;
    color: #fff;
}
textarea, input.specie {
    padding: 2px 5px;
}
input.transp {
    background-color: transparent;
    border-style: none;
}
input.navigation {
    font-size: 1.2rem;
    font-weight: 600;
    display: inline;
    padding: 0 4px;
}
input.navigation:hover {
    color: #010;
}
input.navigation:active {
    color: #f31;
}
select {
    background-color: #333;
    font: normal 1rem aileron-regular, sans-serif;
    color: #010;
}
/* sommaires */
div.sommaire {
    position: relative;
    width:  560px;
    left:  40px;
    background: #eee;
    padding: 6px;
    border-radius: 6px;
    box-shadow: 1px 1px 2px #000;
}
div.sommaire a, div.sommaire span {
    font: normal 1.4rem "LiberationSansRegular", sans-serif;
    line-height:  1.4;
}
div.lecteur {
    position:absolute;
    top: 60px;
    right: 60px;
}
/* images */
div.images {
    position: relative;
    padding: 10px;
    display: inline;
}
div.images img {
    margin-bottom: 10px;
}
/* pages éditables */
div.integre {
    position: relative;
    margin: 0;
    overflow: hidden;
}
/* globales */
.navigation {
    background-image: url(bg/menu.png);
    background-repeat: repeat-x;
    color: #0c0;
    line-height: 20px;
}
.navigation:hover {
    background-image: url(bg/menu_hover.png);
}
.navigation a {
    color: #0c0;
    display: block;
}
.navigation a:hover {
    color: #010;
}
.navigation a:active {
    color: #f31;
}
.clrl {
    clear: left;
}
.clrr {
    clear: right;
}
.clrb {
    clear: both;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.aucentre {
    text-align: center;
}
.go2left {
    float: left;
}
.go2right {
    float: right;
}
.margeT10 {
    margin-top: 10px;
}
.margeD10 {
    margin-right: 10px;
}
.margeB10 {
    margin-bottom: 10px;
}
.margeG10 {
    margin-left: 10px;
}
.margeT20 {
    margin-top: 20px;
}
.margeD20 {
    margin-right: 20px;
}
.margeB20 {
    margin-bottom: 20px;
}
.margeG20 {
    margin-left: 20px;
}
.w20 {
    width: 20%;
}
.w25 {
    width: 25%;
}
.w40 {
    width: 40%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.citation {
    font-style: italic;
}
.citation::before {
    content: "« ";
}
.citation::after {
    content: " »";
}
/**/
img.ombre {
    box-shadow: 2px 2px 2px 0px #111;
    border: none;
}
img.ombre, div.integre img {
    border-radius: 10px;
}
p.bouton {
    box-shadow: none;
}
div.page, input, textarea, span, iframe, object, p.bouton {
    border-radius: 10px;
}
/* membres */
td.left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
td.right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* rwd */
img, object, embed, video, iframe { max-width: 100%; height: auto; }