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: 14px;
color: #6a6a6d;
font-family: 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 24px / 20px "Amaranth", serif;
color: #fff;
text-transform: none;
text-shadow: none;
}
h2,
.h2 {
font: normal normal 700 18px / 20px "Amaranth", serif;
color: #f8837e;
text-transform: none;
text-shadow: none;
}
h3,
.h3 {
font: normal normal 700 16px / 20px "Amaranth", serif;
color: #f8837e;
text-transform: none;
text-shadow: none;
}
h4,
.h4 {
font: normal normal 700 15px / 20px "Amaranth", serif;
color: #f8837e;
text-transform: none;
text-shadow: none;
}
h5,
.h6 {
font: normal normal 700 14px / 20px "Amaranth", serif;
color: #f8837e;
text-transform: none;
text-shadow: none;
}
h6,
.h6 {
font: normal normal 700 13px / 20px "Amaranth", serif;
color: #f8837e;
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: none;
color: #f8837e;
font-weight: normal;
}
a:hover {
text-decoration: none;
color: #f76c66;
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: #6a6a6d;
font-weight: bold;
font-style: normal;
}
.texte em,
.texte i {
color: #6a6a6d;
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 "Amaranth", serif;
color: #f8837e;
text-align: center;
}
.texte th {
font: normal normal 700 13px / 20px "Amaranth", 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: italic;
}
.texte blockquote {
clear: both;
width: 70%;
margin: 20px auto;
font-family: helvetica, arial, sans-serif;
font-style: italic;
font-size: 14px;
background: #fff;
color: #6a6a6d;
border-radius: 5px;
}
.texte address {
clear: both;
margin: 10px 40px;
}
.texte pre,
.texte code {
font-family: monospace;
font-size: 14px;
}
.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 "Amaranth", serif;
color: #f8837e;
}
.texte .spip_documents .spip_doc_descriptif {
display: inline-block;
font: normal normal normal 12px / 20px "Amaranth", serif;
color: #f8837e;
}
.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 "Amaranth", serif;
color: #6a6a6d;
background: #99d6e7;
color: #fff;
}
.texte .spip_bouton a:hover {
cursor: pointer;
background: #70c5dd;
color: #fff;
}
.texte .spip_bouton a:active {
background: #5bbdd8;
}
.texte .spip_gros_bouton a {
-webkit-appearance: none;
display: inline-block;
border: none;
padding: 4px 10px;
border-radius: 5px;
font: normal normal 700 16px/32px "Amaranth", serif;
color: #6a6a6d;
background: #99d6e7;
color: #fff;
}
.texte .spip_gros_bouton a:hover {
cursor: pointer;
background: #70c5dd;
color: #fff;
}
.texte .spip_gros_bouton a:active {
background: #5bbdd8;
}
.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;
}
legend {
display: block;
font: normal normal 700 16px / 20px "Amaranth", serif;
color: #f8837e;
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: none;
color: #f8837e;
font-weight: normal;
}
.formulaire_spip a:hover {
text-decoration: none;
color: #f76c66;
font-weight: normal;
}
.formulaire_spip .editer-label {
display: block;
padding: 5px 0;
text-align: left;
line-height: 20px;
font-family: helvetica, arial, sans-serif;
font-size: 14px;
}
.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: helvetica, arial, sans-serif;
font-size: 14px;
}
.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: 14px;
line-height: 20px;
color: #6a6a6d;
border: 1px solid #f8837e;
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: red;
color: red;
}
.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 "Amaranth", serif;
color: #6a6a6d;
background: #99d6e7;
color: #fff;
}
.formulaire_spip p.boutons input:hover,
.formulaire_spip p.boutons button:hover,
.formulaire_spip p.boutons a:hover {
cursor: pointer;
background: #70c5dd;
color: #fff;
}
.formulaire_spip p.boutons input:active,
.formulaire_spip p.boutons button:active,
.formulaire_spip p.boutons a:active {
background: #5bbdd8;
}
.formulaire_spip p.boutons input.ajouter,
.formulaire_spip p.boutons button.ajouter,
.formulaire_spip p.boutons a.ajouter,
.formulaire_spip p.boutons input.valider,
.formulaire_spip p.boutons button.valider,
.formulaire_spip p.boutons a.valider {
-webkit-appearance: none;
display: inline-block;
border: none;
padding: 4px 10px;
border-radius: 5px;
font: normal normal 700 16px/32px "Amaranth", serif;
color: #6a6a6d;
background: #99d6e7;
color: #fff;
}
.formulaire_spip p.boutons input.ajouter:hover,
.formulaire_spip p.boutons button.ajouter:hover,
.formulaire_spip p.boutons a.ajouter:hover,
.formulaire_spip p.boutons input.valider:hover,
.formulaire_spip p.boutons button.valider:hover,
.formulaire_spip p.boutons a.valider:hover {
cursor: pointer;
background: #70c5dd;
color: #fff;
}
.formulaire_spip p.boutons input.ajouter:active,
.formulaire_spip p.boutons button.ajouter:active,
.formulaire_spip p.boutons a.ajouter:active,
.formulaire_spip p.boutons input.valider:active,
.formulaire_spip p.boutons button.valider:active,
.formulaire_spip p.boutons a.valider:active {
background: #5bbdd8;
}
.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: red;
font-family: helvetica, arial, sans-serif;
font-size: 14px;
margin-top: 5px;
}
.formulaire_spip p.reponse_formulaire {
display: block;
margin: 20px 0;
font-family: helvetica, arial, sans-serif;
font-size: 14px;
}
.formulaire_spip .reponse_formulaire_ok {
background: none;
border: none;
color: #b6d37a;
}
.formulaire_spip .reponse_formulaire_erreur {
background: none;
border: none;
color: red;
}
.select {
display: inline-block;
width: 210px;
height: 30px;
padding: 4px 6px;
margin-bottom: 20px / 2;
font-size: 14px;
line-height: 20px;
color: #6a6a6d;
border: 1px solid #f8837e;
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: #6a6a6d;
font: normal normal normal 14px / 20px helvetica, arial, sans-serif;
}
body.mini #mini h1 {
clear: both;
margin: 10px 0 20px 0;
font: normal normal 700 28px / 40px "Amaranth", serif;
color: #f8837e;
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;
}
.enveloppe {
position: relative;
max-width: 800px;
margin: 0 auto;
text-align: left;
zoom: 1;
}
.enveloppe:before,
.enveloppe:after {
content: "";
display: table;
line-height: 0;
}
.enveloppe:after {
clear: both;
}
#haut {
padding: 0 10px;
}
#haut .enveloppe {
height: 95px;
background: #fff url(squelettes/images/nuages-1.png) no-repeat bottom right;
}
#logo a {
display: block;
position: absolute;
top: 10px;
left: 0;
z-index: 30;
margin: 0;
background: url(squelettes/images/logo-347.png) no-repeat;
text-indent: -9999px;
background-size: 100%;
width: 347px;
height: 125px;
}
#menu {
position: absolute;
top: 40px;
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 "Amaranth", serif;
color: #6a6a6d;
}
#menu ul li a:first-child {
margin-left: 0;
}
#menu ul li a:last-child {
margin-right: 0;
}
#menu ul li.encours a,
#menu ul li a:hover {
background: #b6d37a;
color: #fff;
}
#milieu {
padding: 0 10px;
background: url(squelettes/images/milieu.png) repeat-x top;
padding-top: 20px;
}
#corps {
float: left;
width: 60%;
background: #fff;
border-radius: 10px;
padding: 20px;
}
#intro {
background: #b6d37a;
border-radius: 5px;
padding: 20px;
color: #fff;
}
#intro h1 {
margin-top: 0;
}
#intro h1:last-child {
margin-bottom: 0;
}
#soins {
zoom: 1;
margin-top: 20px;
}
#soins:before,
#soins:after {
content: "";
display: table;
line-height: 0;
}
#soins:after {
clear: both;
}
#soins article {
float: left;
width: 50%;
margin-bottom: 20px;
}
#soins article.no1,
#soins article.no3,
#soins article.no5 {
clear: both;
padding-right: 10px;
}
#soins article.no2,
#soins article.no4,
#soins article.no6 {
padding-left: 10px;
}
#soins article .logo img {
border-radius: 5px;
}
#soins article h2 a {
display: block;
color: #f8837e;
}
#soins article h2 a:hover {
color: #f76c66;
}
#soins article .boutons {
text-align: right;
}
#soins article .boutons a {
display: inline-block;
padding: 0 10px;
border-radius: 5px;
font: normal normal 700 16px/32px "Amaranth", serif;
color: #fff;
background: #99d6e7;
}
#soins article .boutons a:hover {
background: #84cee2;
}
.texte {
padding-top: 20px / 2;
}
.texte img {
border-radius: 5px;
}
.texte blockquote {
width: 80%;
}
#carte {
width: 100%;
}
#carte .gmap {
width: 100%;
height: 400px;
}
aside {
float: right;
width: 40%;
padding-left: 20px;
margin-bottom: 20px;
}
aside #coordonnees {
background: #fff;
border-radius: 10px;
padding: 20px;
text-align: center;
}
aside #coordonnees #adresse strong {
font: normal normal 700 18px "Amaranth", serif;
}
aside #coordonnees #telephone {
margin: 20px 0;
}
aside #coordonnees #telephone a {
color: #f8837e;
font: normal normal 700 28px "Amaranth", serif;
}
aside #coordonnees #horaires {
margin: 20px 0;
}
aside #coordonnees #horaires:last-child {
margin-bottom: 0;
}
aside #coordonnees .carte img {
border-radius: 5px;
}
aside ul#liste-soins {
background: #fff;
border-radius: 10px;
padding: 20px;
}
aside ul#liste-soins li {
border-bottom: 1px solid #dbf1f7;
}
aside ul#liste-soins li:last-child {
border-bottom: none;
}
aside ul#liste-soins li a {
display: block;
padding: 8px 0;
font: normal normal 700 16px/20px "Amaranth", serif;
color: #f8837e;
}
aside ul#liste-soins li a:hover {
color: #f76c66;
}
aside ul#liste-soins li.encours a {
color: #84cee2;
}
aside ul#liste-soins li.encours a:hover {
color: #70c5dd;
}
#bas {
padding: 20px 10px;
}
#bas .enveloppe {
background: #f7aeab;
border-radius: 10px;
padding: 20px;
color: #fff;
}
#bas #codeqr {
float: left;
width: 16.66666667%;
}
#bas #vcard {
float: left;
width: 50%;
padding-left: 20px;
}
#bas #vcard strong {
font: normal normal 700 16px/32px "Amaranth", serif;
}
#bas nav {
float: left;
width: 33.33333333%;
text-align: right;
}
#bas nav li {
display: inline-block;
font: normal normal 700 16px/32px "Amaranth", serif;
margin: 0 10px;
}
#bas a {
color: #fff;
}
.formulaire_spip ul li .controles_label,
.formulaire_spip ol li .controles_label,
.formulaire_spip ul li .controles_champs,
.formulaire_spip ol li .controles_champs {
float: none;
width: auto;
}
@media only screen and (max-width: 689px) {
#haut .enveloppe {
height: 130px;
}
#logo a {
top: 5px;
}
#menu {
top: 90px;
right: 0;
}
#corps {
float: left;
width: 50%;
}
aside {
text-align: center;
float: right;
width: 50%;
}
#soins article {
float: none;
width: auto;
}
#soins article.no1,
#soins article.no3,
#soins article.no5 {
padding-right: 0;
}
#soins article.no2,
#soins article.no4,
#soins article.no6 {
padding-left: 0;
}
#bas #codeqr {
display: none;
}
#bas #vcard {
padding-left: 0;
float: left;
width: 50%;
}
#bas nav {
float: left;
width: 50%;
}
}
@media only screen and (max-width: 519px) {
#haut .enveloppe {
background: #fff;
}
#logo a {
width: 300px;
height: 107px;
background: url(squelettes/images/logo-300.png) no-repeat;
}
#corps {
float: none;
width: auto;
}
#intro {
text-align: center;
}
aside {
padding: 0 20px;
float: none;
width: auto;
}
aside #coordonnees {
padding: 20px;
background: #f8837e;
color: #fff;
}
aside #coordonnees #telephone a {
color: #fff;
}
#bas {
display: none;
}
body.accueil #soins {
zoom: 1;
margin-top: 20px;
padding: 0 20px;
}
body.accueil #soins:before,
body.accueil #soins:after {
content: "";
display: table;
line-height: 0;
}
body.accueil #soins:after {
clear: both;
}
body.accueil #soins article {
margin-bottom: 0;
}
body.accueil #soins article .logo,
body.accueil #soins article .descriptif {
display: none;
}
body.accueil #soins article h2 {
border-bottom: 1px solid #dbf1f7;
}
body.accueil #soins article h2:last-child {
border-bottom: none;
}
body.accueil #soins article h2 a {
text-align: center;
padding: 8px 0;
}
body.accueil #soins article .boutons {
display: none;
}
}
@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-600.png) no-repeat;
background-size: 100%;
}
}