@import url(https://fonts.googleapis.com/css?family=Maven+Pro);
@font-face {
font-family: 'fontello';
src: url('squelettes/polices/fontello.eot');
src: url('squelettes/polices/fontello.eot?#iefix') format('embedded-opentype'), url('squelettes/polices/fontello.woff') format('woff'), url('squelettes/polices/fontello.ttf') format('truetype'), url('squelettes/polices/fontello.svg#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'festivo-1';
src: url('squelettes/polices/festivo-1-webfont.eot');
src: url('squelettes/polices/festivo-1-webfont.eot?#iefix') format('embedded-opentype'), url('squelettes/polices/festivo-1-webfont.woff') format('woff'), url('squelettes/polices/festivo-1-webfont.ttf') format('truetype'), url('squelettes/polices/festivo-1-webfont.svg#festivo-1') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'selfielight';
src: url('squelettes/polices/selfie-light.eot');
src: url('squelettes/polices/selfie-light.eot?#iefix') format('embedded-opentype'), url('squelettes/polices/selfie-light.woff2') format('woff2'), url('squelettes/polices/selfie-light.woff') format('woff'), url('squelettes/polices/selfie-light.ttf') format('truetype'), url('squelettes/polices/selfie-light.svg#selfielight') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-bas:before {
content: '\e801';
}
/* '' */
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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
box-sizing: border-box;
}
body {
background: #fff;
font-size: 16px;
color: #040707;
font-family: "Maven Pro", helvetica, arial, sans-serif;
line-height: 20px;
width: 100%;
zoom: 1;
}
body:before,
body:after {
content: "";
display: table;
line-height: 0;
}
body:after {
clear: both;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}
a:active,
a:focus {
outline: none !important;
}
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
object,
embed,
video {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
h1,
.h1 {
font: normal normal 700 60px / 40px 'festivo-1';
color: #fff;
text-transform: none;
text-shadow: none;
}
h2,
.h2 {
font: normal normal 700 36px / 30px 'festivo-1';
color: #99bf0f;
text-transform: none;
text-shadow: none;
}
h3,
.h3 {
font: normal normal 700 30px / 24px 'festivo-1';
color: #99bf0f;
text-transform: none;
text-shadow: none;
}
h4,
.h4 {
font: normal normal 700 16px / 18px "Maven Pro", helvetica, arial, sans-serif;
color: #99bf0f;
text-transform: none;
text-shadow: none;
}
h5,
.h6 {
font: normal normal 700 14px / 20px "Maven Pro", helvetica, arial, sans-serif;
color: #99bf0f;
text-transform: none;
text-shadow: none;
}
h6,
.h6 {
font: normal normal 700 13px / 20px "Maven Pro", helvetica, arial, sans-serif;
color: #99bf0f;
text-transform: none;
text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 10px 0;
text-rendering: optimizelegibility;
}
p {
margin: 10px 0;
}
a {
text-decoration: underline;
color: #99bf0f;
font-weight: normal;
}
a:hover {
text-decoration: underline;
color: #86a70d;
font-weight: normal;
}
.gmap {
width: 100%;
height: 300px;
margin: 10px 0;
}
.gmap img {
max-width: none;
}
.texte {
zoom: 1;
}
.texte:before,
.texte:after {
content: "";
display: table;
line-height: 0;
}
.texte:after {
clear: both;
}
.texte div.hr,
.texte hr {
clear: both;
height: 0 !important;
border: 0;
overflow: hidden;
}
.texte ul,
.texte ol {
padding: 0;
margin: 10px 0 10px 10px;
}
.texte ul ul,
.texte ul ol,
.texte ol ol,
.texte ol ul {
margin: 0 0 0 30px;
}
.texte ul {
list-style-position: outside;
list-style-type: disc;
}
.texte ol {
list-style-position: outside;
list-style-type: decimal;
}
.texte li {
width: 90%;
line-height: 20px;
position: relative;
left: 20px;
}
.texte li li {
width: 100%;
left: 0;
}
.texte .flexslider ul {
list-style: none;
margin: 0;
}
.texte .flexslider ul li {
width: 100%;
left: 0;
}
.texte .flexslider ol {
margin: 0;
}
.texte .flexslider ol li {
display: inline-block;
width: auto;
position: static;
}
.texte strong,
.texte b {
color: #040707;
font-weight: bold;
font-style: normal;
}
.texte em,
.texte i {
color: #040707;
font-weight: normal;
font-style: italic;
}
.texte sub,
.texte sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.texte sup {
top: -0.5em;
}
.texte sub {
bottom: -0.25em;
}
.texte .caps {
font-variant: small-caps;
}
.texte .enveloppe-table {
max-width: 100%;
overflow: scroll;
}
.texte table {
clear: both;
margin: 20px 0;
background: #eee;
border-radius: 0;
box-shadow: 0;
max-width: 100%;
overflow: scroll;
}
.texte th,
.texte td,
.texte caption {
padding: 8px;
}
.texte caption {
font: normal normal 700 13px / 20px "Maven Pro", helvetica, arial, sans-serif;
color: #99bf0f;
text-align: center;
}
.texte th {
font: normal normal 700 13px / 20px "Maven Pro", helvetica, arial, sans-serif;
color: #fff;
background: #333;
}
.texte tbody tr:nth-child(odd) td,
.texte tbody tr.odd td {
background: #eee;
}
.texte tbody tr:nth-child(even) td,
.texte tbody tr.even td {
background: #ddd;
}
.texte tfoot {
font-style: italic;
}
.texte q,
.texte cite {
font-style: normal;
}
.texte blockquote {
clear: both;
width: 70%;
margin: 20px auto;
font-family: "selfielight", serif;
font-style: normal;
font-size: 34px;
background: #fff;
color: #040707;
border-radius: 5px;
}
.texte address {
clear: both;
margin: 10px 40px;
}
.texte pre,
.texte code {
font-family: monospace;
font-size: 16px;
}
.texte pre {
margin: 20px 0;
/* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
white-space: pre;
/* CSS 2.0 */
white-space: pre-wrap;
/* CSS 2.1 */
white-space: pre-line;
/* CSS 3.0 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
white-space: -moz-pre-wrap;
/* Mozilla */
white-space: -hp-pre-wrap;
/* HP Printers */
word-wrap: break-word;
/* IE 5+ */
}
.texte .spip_documents {
display: block;
text-align: center;
}
.texte .spip_documents .spip_doc_image {
display: block;
}
.texte .spip_documents .spip_doc_titre {
display: inline-block;
font: normal normal 700 13px / 20px "Maven Pro", helvetica, arial, sans-serif;
color: #99bf0f;
}
.texte .spip_documents .spip_doc_descriptif {
display: inline-block;
font: normal normal normal 12px / 20px "Maven Pro", helvetica, arial, sans-serif;
color: #99bf0f;
}
.texte .spip_documents_center {
clear: both;
margin: 20px 0;
text-align: center;
}
.texte .spip_documents_center .spip_doc_titre {
display: block;
}
.texte .spip_documents_center .spip_doc_descriptif {
display: block;
}
.texte .spip_documents_left {
max-width: 50%;
clear: left;
float: left;
margin: 0 20px 10px 0;
}
.texte .spip_documents_right {
max-width: 50%;
clear: right;
float: right;
margin: 0 0 10px 20px;
}
.texte .spip_bouton a {
-webkit-appearance: none;
display: inline-block;
border: none;
padding: 4px 10px;
border-radius: 5px;
font: normal normal 700 16px/32px "Maven Pro", helvetica, arial, sans-serif;
color: #040707;
background: #ec008c;
color: #fff;
text-decoration: none;
}
.texte .spip_bouton a:hover {
cursor: pointer;
background: #692173;
color: #fff;
}
.texte .spip_bouton a:active {
background: #692173;
}
.texte .colonnes {
zoom: 1;
}
.texte .colonnes:before,
.texte .colonnes:after {
content: "";
display: table;
line-height: 0;
}
.texte .colonnes:after {
clear: both;
}
.texte .colonnes .colonne {
padding: 0;
}
.texte .colonnes .interieur_colonne {
padding: 0 10px;
}
.texte .colonnes .largeur1 {
float: left;
width: 8.33333333%;
}
.texte .colonnes .largeur2 {
float: left;
width: 16.66666667%;
}
.texte .colonnes .largeur3 {
float: left;
width: 25%;
}
.texte .colonnes .largeur4 {
float: left;
width: 33.33333333%;
}
.texte .colonnes .largeur5 {
float: left;
width: 41.66666667%;
}
.texte .colonnes .largeur6 {
float: left;
width: 50%;
}
.texte .colonnes .largeur7 {
float: left;
width: 58.33333333%;
}
.texte .colonnes .largeur8 {
float: left;
width: 66.66666667%;
}
.texte .colonnes .largeur9 {
float: left;
width: 75%;
}
.texte .colonnes .largeur10 {
float: left;
width: 83.33333333%;
}
.texte .colonnes .largeur11 {
float: left;
width: 91.66666667%;
}
.texte .colonnes .largeur12 {
float: left;
width: 100%;
}
.texte .colonnes .centrer {
text-align: center;
}
.meta {
display: none;
}
.video {
margin: 20px 0;
position: relative;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
legend {
display: block;
font: normal normal 700 36px / 20px 'festivo-1';
color: #99bf0f;
text-transform: none;
text-shadow: none;
}
.formulaire_spip {
background: #fff;
border: 0;
border-radius: 5px;
}
.formulaire_spip * + .editer-groupe {
margin-top: 20px;
}
.formulaire_spip * + [class*="saisie_"] {
margin-top: 10px;
}
.formulaire_spip * + [class*="saisie_"].saisie_fieldset {
margin-top: 40px;
}
.formulaire_spip a {
text-decoration: underline;
color: #99bf0f;
font-weight: normal;
}
.formulaire_spip a:hover {
text-decoration: underline;
color: #86a70d;
font-weight: normal;
}
.formulaire_spip .editer-label {
display: block;
padding: 5px 0;
text-align: left;
line-height: 20px;
font-family: "Maven Pro", helvetica, arial, sans-serif;
font-size: 16px;
}
.formulaire_spip [class*="saisie_"] {
position: static;
width: 100%;
display: flex;
flex-direction: column;
}
.formulaire_spip [class*="saisie_"] .erreur_message {
order: 10;
}
.formulaire_spip p {
margin: 0 0 10px 0;
}
.formulaire_spip .unite {
display: inline-block;
padding: 5px 0;
line-height: 20px;
}
.formulaire_spip .explication {
display: block;
padding: 5px 0;
line-height: 20px;
}
.formulaire_spip .choix {
position: relative;
padding: 5px 0;
line-height: 20px;
}
.formulaire_spip .choix input {
display: none;
}
.formulaire_spip .choix label {
display: inline-block;
padding: 0 10px 0 25px !important;
}
.formulaire_spip .choix label:hover {
cursor: pointer;
}
.formulaire_spip .choix .explication {
padding-left: 25px;
}
.formulaire_spip .choix.css3 input {
display: none;
}
.formulaire_spip label,
.formulaire_spip input,
.formulaire_spip button,
.formulaire_spip select,
.formulaire_spip textarea {
font-family: "Maven Pro", helvetica, arial, sans-serif;
font-size: 16px;
}
.formulaire_spip select,
.formulaire_spip textarea,
.formulaire_spip input.text,
.formulaire_spip input.number,
.formulaire_spip input.tel,
.formulaire_spip input.email,
.formulaire_spip input.password {
display: inline-block;
width: 210px;
max-width: 100% !important;
height: 30px;
padding: 4px 6px;
margin-bottom: 20px / 2;
font-size: 16px;
line-height: 20px;
color: #040707;
border: 1px solid #00aeef;
background-color: #fff;
border-radius: 5px;
}
.formulaire_spip input.text,
.formulaire_spip textarea,
.formulaire_spip input.number,
.formulaire_spip input.tel,
.formulaire_spip input.email {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
}
.formulaire_spip input[type=number]::-webkit-inner-spin-button,
.formulaire_spip input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.formulaire_spip select.max,
.formulaire_spip textarea.max,
.formulaire_spip input.max {
width: 100%;
}
.formulaire_spip select.long,
.formulaire_spip .enveloppe-select.long,
.formulaire_spip textarea.long,
.formulaire_spip input.long {
width: 310px !important;
}
.formulaire_spip select.normal,
.formulaire_spip .enveloppe-select.normal,
.formulaire_spip textarea.normal,
.formulaire_spip input.normal {
width: 210px !important;
}
.formulaire_spip select.petit,
.formulaire_spip .enveloppe-select.petit,
.formulaire_spip textarea.petit,
.formulaire_spip input.petit {
width: 110px !important;
}
.formulaire_spip select.mini,
.formulaire_spip .enveloppe-select.mini,
.formulaire_spip textarea.mini,
.formulaire_spip input.mini {
width: 50px;
}
.formulaire_spip input.captcha {
text-align: center;
}
.formulaire_spip input.date {
width: 110px;
}
.formulaire_spip input.datetime {
width: 150px;
}
.formulaire_spip textarea,
.formulaire_spip select[multiple],
.formulaire_spip select[size] {
height: auto;
}
.formulaire_spip .erreur .select,
.formulaire_spip .erreur select,
.formulaire_spip .erreur textarea,
.formulaire_spip .erreur input.text,
.formulaire_spip .erreur input.password {
border-color: #d43939;
color: #d43939;
}
.formulaire_spip p.boutons {
margin-top: 0;
zoom: 1;
}
.formulaire_spip p.boutons:before,
.formulaire_spip p.boutons:after {
content: "";
display: table;
line-height: 0;
}
.formulaire_spip p.boutons:after {
clear: both;
}
.formulaire_spip p.boutons input,
.formulaire_spip p.boutons button,
.formulaire_spip p.boutons a {
-webkit-appearance: none;
display: inline-block;
border: none;
padding: 4px 10px;
border-radius: 5px;
font: normal normal 700 16px/32px "Maven Pro", helvetica, arial, sans-serif;
color: #040707;
background: #ec008c;
color: #fff;
text-decoration: none;
}
.formulaire_spip p.boutons input:hover,
.formulaire_spip p.boutons button:hover,
.formulaire_spip p.boutons a:hover {
cursor: pointer;
background: #692173;
color: #fff;
}
.formulaire_spip p.boutons input:active,
.formulaire_spip p.boutons button:active,
.formulaire_spip p.boutons a:active {
background: #692173;
}
.formulaire_spip p.boutons input.valider,
.formulaire_spip p.boutons button.valider,
.formulaire_spip p.boutons a.valider {
float: right;
}
.formulaire_spip .erreur_message {
display: block;
color: #d43939;
font-family: "Maven Pro", helvetica, arial, sans-serif;
font-size: 16px;
margin-top: 5px;
}
.formulaire_spip p.reponse_formulaire {
display: block;
margin: 20px 0;
font-family: "Maven Pro", helvetica, arial, sans-serif;
font-size: 16px;
}
.formulaire_spip .reponse_formulaire_ok {
background: none;
border: none;
color: #99bf0f;
}
.formulaire_spip .reponse_formulaire_erreur {
background: none;
border: none;
color: #d43939;
}
.select {
display: inline-block;
width: 210px;
height: 30px;
padding: 4px 6px;
margin-bottom: 20px / 2;
font-size: 16px;
line-height: 20px;
color: #040707;
border: 1px solid #00aeef;
background-color: #fff;
border-radius: 5px;
position: relative;
z-index: 50;
overflow: hidden;
max-width: 100%;
}
.select.max {
width: 100%;
}
.select.long {
width: 310px;
}
.select.petit {
width: 110px;
}
.select.mini {
width: 50px;
}
.select .selectInner {
width: auto !important;
height: 20px;
line-height: 20px;
overflow: hidden;
}
select.hasCustomSelect {
z-index: 70;
width: 100% !important;
color: #000;
}
img.ui-datepicker-trigger {
display: inline-block;
position: relative;
top: 3px;
left: -22px;
}
#ui-datepicker-div {
z-index: 100 !important;
}
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px;
}
.ui-timepicker-div dl {
text-align: left !important;
}
.ui-timepicker-div dl dt {
height: 25px;
margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 65px;
}
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
body.mini {
text-align: center;
background: #fff;
}
body.mini #mini {
max-width: 320px;
margin: 40px auto;
padding: 10px 20px;
text-align: left;
background: #fff;
border: none;
border-radius: 5px;
color: #040707;
font: normal normal normal 16px / 20px "Maven Pro", helvetica, arial, sans-serif;
}
body.mini #mini h1 {
clear: both;
margin: 10px 0 20px 0;
font: normal normal 700 28px / 28px 'festivo-1';
color: #99bf0f;
text-transform: none;
padding-bottom: 0;
border-bottom: none;
}
body.mini .formulaire_spip .controles_label,
body.mini .formulaire_spip .controles_champs {
float: none;
width: auto;
}
body {
text-align: center;
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes fontfix {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
.enveloppe {
position: relative;
max-width: 1000px;
margin: 0 auto;
text-align: left;
padding: 0 20px;
zoom: 1;
}
.enveloppe:before,
.enveloppe:after {
content: "";
display: table;
line-height: 0;
}
.enveloppe:after {
clear: both;
}
.mobile {
display: none;
}
.ipad {
display: none;
}
#haut .enveloppe {
height: 174px;
background: #fff;
}
#logo a {
display: block;
position: absolute;
top: 20px;
left: 20px;
z-index: 30;
margin: 0;
background: url(squelettes/images/logo-225.png) no-repeat;
text-indent: -9999px;
background-size: 100%;
width: 225px;
height: 134px;
text-decoration: none;
}
#menu {
position: absolute;
top: 102px;
right: 20px;
z-index: 40;
}
#menu ul li {
display: inline-block;
}
#menu ul li a {
display: inline-block;
margin: 0 10px;
padding: 0 10px;
border-radius: 5px;
font: normal normal 700 16px/32px "Maven Pro", helvetica, arial, sans-serif;
color: #692173;
text-decoration: none;
}
#menu ul li a:hover {
text-decoration: none;
}
#menu ul li a:first-child {
margin-left: 0;
}
#menu ul li a:last-child {
margin-right: 0;
}
#menu ul li.encours a {
background: #ec008c;
color: #fff;
}
#menu ul li a:hover {
background: #99bf0f;
color: #fff;
}
#intro {
position: relative;
background: #00aeef;
color: #fff;
}
#intro .enveloppe {
padding-top: 40px;
padding-bottom: 40px;
}
#intro h1 {
margin-top: 0;
margin-bottom: 20px;
}
#intro h1:last-child {
margin-bottom: 0;
}
#milieu {
padding: 20px 0;
}
#corps {
float: left;
width: 60%;
zoom: 1;
}
#corps:before,
#corps:after {
content: "";
display: table;
line-height: 0;
}
#corps:after {
clear: both;
}
#corps .articles article {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #EBF1F2;
}
#corps .articles article:last-child {
border: none;
}
#corps .articles article h2 a {
display: block;
color: #99bf0f;
font-weight: bold;
text-decoration: none;
}
#corps .articles article h2 a:hover {
text-decoration: none;
color: #86a70d;
}
#corps .articles article .boutons a {
display: inline-block;
padding: 0 10px;
border-radius: 5px;
font: normal normal 700 16px/32px "Maven Pro", helvetica, arial, sans-serif;
color: #fff;
background: #99bf0f;
font-size: 14px;
text-decoration: none;
}
#corps .articles article .boutons a:hover {
text-decoration: none;
background: #86a70d;
color: #fff;
}
#corps .articles.deux_par_ligne article {
float: left;
width: 50%;
border: none;
padding-bottom: 0;
}
#corps .articles.deux_par_ligne article:nth-child(odd) {
clear: both;
padding-right: 10px;
}
#corps .articles.deux_par_ligne article:nth-child(even) {
padding-left: 10px;
}
.texte h2 {
margin: 20px 0;
}
.texte blockquote {
position: relative;
width: 90%;
text-align: center;
margin: 40px auto;
padding: 20px 0;
}
.texte blockquote:before {
position: absolute;
top: 0;
left: 50%;
width: 80px;
height: 1px;
margin-left: -40px;
content: ' ';
background: #040707;
}
.texte blockquote:after {
position: absolute;
bottom: 0;
left: 50%;
width: 80px;
height: 1px;
margin-left: -40px;
content: ' ';
background: #040707;
}
.texte blockquote p {
line-height: 36px;
}
.formulaire_spip ul li .controles_label,
.formulaire_spip ul li .controles_champs {
float: none;
width: auto;
}
.formulaire_spip ul li.gauche {
clear: left;
float: left;
width: 50%;
padding-right: 15px;
}
.formulaire_spip ul li.droite {
clear: right;
float: left;
width: 50%;
padding-left: 15px;
}
.select {
border-radius: 5px;
color: #fff;
background: #ec008c;
}
.select:after {
position: absolute;
top: 5px;
right: 8px;
font-family: 'fontello';
content: '\e801';
font-size: 16px;
color: #fff;
}
.selectInner {
padding: 0 20px 0 0;
}
#carte {
width: 100%;
}
#carte .gmap {
width: 100%;
height: 400px;
}
#coordonnees {
padding: 0 0 0 20px;
font-size: 16px;
}
#coordonnees p.titre {
color: #ec008c;
font: normal normal 700 36px/28px 'festivo-1';
}
#coordonnees #telephone {
margin: 20px 0;
}
#coordonnees #telephone a {
color: #99bf0f;
font: normal normal 700 36px/28px 'festivo-1';
text-decoration: none;
}
#coordonnees #telephone a:hover {
text-decoration: none;
color: #040707;
}
#coordonnees #horaires {
margin: 20px 0;
}
#coordonnees #horaires:last-child {
margin-bottom: 0;
}
aside {
float: right;
width: 40%;
padding-left: 40px;
margin-bottom: 40px;
}
aside ul.articles li {
border-bottom: 1px solid #EBF1F2;
}
aside ul.articles li:last-child {
border-bottom: none;
}
aside ul.articles li a {
display: block;
padding: 12px 0;
font: normal normal 700 16px/20px "Maven Pro", helvetica, arial, sans-serif;
color: #040707;
text-decoration: none;
}
aside ul.articles li a:hover {
text-decoration: none;
color: #73900b;
}
aside ul.articles li.encours a {
color: #99bf0f;
}
aside ul.articles li.encours a:hover {
color: #73900b;
}
#bas {
background: #99bf0f;
padding: 20px 0;
min-height: 200px;
color: #fff;
}
#bas #adresse-bis {
float: left;
width: 66.66666667%;
}
#bas #adresse-bis p.titre,
#bas #adresse-bis p.telephone {
font: normal normal 700 16px/32px "Maven Pro", helvetica, arial, sans-serif;
}
#bas #adresse-bis p.titre a,
#bas #adresse-bis p.telephone a {
color: #fff;
}
#bas #adresse-bis p {
margin: 0;
}
#bas nav {
float: left;
width: 33.33333333%;
text-align: right;
}
#bas nav li {
display: inline-block;
font: normal normal 700 16px/32px "Maven Pro", helvetica, arial, sans-serif;
margin: 0 10px;
}
#bas a {
color: #fff;
text-decoration: none;
}
#bas a:hover {
text-decoration: none;
color: #040707;
}
@media only screen and (max-width: 900px) {
#menu ul {
display: none;
}
.ipad {
display: block;
}
}
@media only screen and (max-width: 689px) {
aside {
float: right;
width: 50%;
}
#corps {
float: left;
width: 50%;
}
#corps .articles.deux_par_ligne article {
float: none;
width: auto;
padding-bottom: 40px;
border-bottom: 1px solid #EBF1F2;
}
#corps .articles.deux_par_ligne article:nth-child(odd) {
padding-right: 0;
}
#corps .articles.deux_par_ligne article:nth-child(even) {
padding-left: 0;
}
#corps .articles.deux_par_ligne article:last-child {
border: none;
}
#bas #adresse-bis {
padding-left: 0;
float: left;
width: 50%;
}
#bas nav {
float: left;
width: 50%;
}
}
@media only screen and (max-width: 519px) {
.mobile {
display: block;
margin: 20px -20px 20px -20px;
background: #99bf0f;
padding: 20px;
}
.mobile .select {
border: none;
}
.accueil #corps article {
display: none;
}
#corps {
float: none;
width: auto;
margin-bottom: 20px;
}
#coordonnees {
padding: 0;
}
#coordonnees .carte img {
width: 100%;
height: auto;
}
aside {
padding: 0;
float: none;
width: auto;
}
aside ul {
display: none;
}
.formulaire_spip .formulaire_spip ul li.gauche {
float: none;
width: auto;
padding-right: 0;
}
.formulaire_spip .formulaire_spip ul li.droite {
float: none;
width: auto;
padding-left: 0;
}
#bas {
display: none;
}
}
@media only screen and (max-width: 420px) {
#haut .enveloppe {
height: 118px;
}
#logo a {
top: 20px;
width: 130px;
height: 78px;
background: url(squelettes/images/logo-130.png) no-repeat;
}
#menu {
top: 53px;
}
#intro .enveloppe {
padding-top: 20px;
padding-bottom: 20px;
}
#intro .enveloppe h1 {
font-size: 50px;
line-height: 40px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#logo a {
background: url(squelettes/images/logo-450.png) no-repeat;
background-size: 100%;
}
}
@media only screen and (max-width: 420px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 420px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 420px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 420px) and (min-device-pixel-ratio: 2), only screen and (max-width: 420px) and (min-resolution: 192dpi), only screen and (max-width: 420px) and (min-resolution: 2dppx) {
#logo a {
background: url(squelettes/images/logo-260.png) no-repeat;
background-size: 100%;
}
}