/*
* RESET
*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 120%;
color: black;
background: white;
width: 100%;
height: 100%;
overflow: scroll;
}
/*
ol, ul {
list-style: none;
}
ol li,
ul li {
display: inline;
}
*/
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
margin-bottom: 1em;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
@font-face {
font-family: 'ubuntumedium_italic';
src: url('/fonts/ubuntu-mi-webfont.eot');
src: url('/fonts/ubuntu-mi-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/ubuntu-mi-webfont.woff2') format('woff2'),
url('/fonts/ubuntu-mi-webfont.woff') format('woff'),
url('/fonts/ubuntu-mi-webfont.ttf') format('truetype'),
url('/fonts/ubuntu-mi-webfont.svg#ubuntumedium_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ubuntuitalic';
src: url('/fonts/ubuntu-ri-webfont.eot');
src: url('/fonts/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/ubuntu-ri-webfont.woff2') format('woff2'),
url('/fonts/ubuntu-ri-webfont.woff') format('woff'),
url('/fonts/ubuntu-ri-webfont.ttf') format('truetype'),
url('/fonts/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background-image: url(/images/a100x200px.png);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
font-family: ubuntuitalic, /*Calibri, Arial, Helvetica,*/ serif;
font-size: 1em;
line-height: 120%;
background-color: #beb7b0;
color: #504b46;
/* font-style: italic; */
font-weight: normal;
font-style: normal;
min-width: 320px;
}
h1 {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
display: block;
margin: 0;
padding: 0;
/*font-style: italic;*/
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
font-size: 2.2em;
line-height: 130%;
color: #A0968C;
text-align:center;
}
h2 {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
display: block;
margin: 0 0 1em 0;
padding: 0;
/*font-style: italic;*/
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
font-size: 1.6em;
line-height: 130%;
color: #504b46;
text-align:center;
}
h3 {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
display: block;
margin: 0 0 1em 0;
font-size: 1.2em;
line-height: 130%;
padding: 0;
margin: 0;
padding: 0 0 1em 0;
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
}
li h3 {
font-size: 1em;
display: inline;
}
em {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
font-size: 1em;
/*font-style:italic;*/
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
}
a,
a:link,
a:visited {
color: #2888A0;
text-decoration: none;
}
a:active,
a:hover {
color: #32aac8;
text-decoration: underline;
}
p {
display: block;
margin: 0 0 1em 0;
padding: 0;
text-align: justify;
}
ul {
list-style: none;
padding: 0 0 .5em 0;
margin: 0;
}
ul li {
text-align: justify;
padding: 0 0 .5em 40px;
margin: 0;
background-image: url(/images/crochet-seul-16px.png);
background-size: 16px 16px;
background-position: 12px 0;
background-repeat: no-repeat;
}
strong {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
}
em {
font-family: ubuntuitalic, /*Calibri, Arial, Helvetica,*/ serif;
/*font-style: italic;*/
font-weight: normal;
font-style: normal;
}
em strong,
strong em {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
font-weight: normal;
font-style: normal;
}
blockquote {
display: block;
margin: 0 2em 1em 2em;
padding: 0;
text-align: justify;
font-size: .9em;
}
th,
td {
font-size: 1em;
padding: .5em;
}
img {
display: block;
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
}
.iconeContact {
display: block;
width: 16px;
height: 16px;
background-position:0 0;
background-repeat: no-repeat;
background-size: 16px 16px;
}
#iconeTelephone {
background-image: url(/images/telephone-16px.png);
}
#iconeCourriel {
background-image: url(/images/courriel-16px.png);
}
#iconeFacebook{
background-image: url(/images/facebook-16px.png);
}
#icone-bouton-menu {
display: block;
width: 45px;
height: 45px;
background-position:0 0;
background-repeat: no-repeat;
background-size: 45px 45px;
background-image: url(/images/menu-45px.png);
}
#logoPrincipal {
display: block;
width: 194px;
height: 150px;
background-position:0 0;
background-repeat: no-repeat;
background-size: 194px 150px;
background-image: url(/images/logo-syntaxix-194x150px.png);
}
table#tableauCoordonnees td,
table#tableauCoordonnees th,
table#tableauCoordonnees td img,
table#tableauCoordonnees th img,
table#tableauCoordonnees td a,
table#tableauCoordonnees th a,
table#tableauCoordonnees td span,
table#tableauCoordonnees th span {
vertical-align: top;
}
table#tableauCoordonnees td img,
table#tableauCoordonnees th img {
padding: 2px 0 0 0;
}
table#tableauTarifs {
width: 90%;
margin: 0 0 1em 5%;
border-collapse: collapse;
}
table#tableauTarifs th,
table#tableauTarifs td {
border: 1px solid #2888A0;
vertical-align: top;
}
table#tableauTarifs th {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
text-align: right;
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
}
table#tableauTarifs td {
width: 50%;
}
#zone-page {
display: block;
height: auto;
margin: 2% auto 2% auto;
padding: 2% 0 2% 0;
max-width: 980px;
background-color: white;
background-color: rgba(255,255,255,.5);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#zone-contenu-page {
display: block;
height: auto;
/*background-color: rgba(255,255,0,.5);*/
}
#zone-entete-logo,
#zone-menu,
#zone-menu-mobile {
display: block;
float: left;
width: 100%;
height: auto;
padding: 0;
margin: 0;
/*background-color: rgba(255,255,0,.5);*/
}
#zone-entete-titre,
#zone-contenu-corps {
display: block;
float: left;
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
#zone-entete-logo {
/*background-color: rgba(128,0,255,.5);*/
position: relative;
top: 0;
left: 0;
}
#zone-menu {
/*background-color: rgba(0,255,255,.5);*/
}
#zone-entete-titre {
text-align:center;
/*background-color: rgba(0,255,0,.5);*/
}
#zone-contenu-corps {
/*background-color: rgba(255,0,128,.5);*/
}
#zone-contenu-corps,
#zone-menu,
#zone-fil-ariane,
#zone-pied {
padding-top: 20px;
}
#zone-slogan {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
font-size: 1.3em;
line-height: 130%;
/*font-style: italic;*/
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
color: #2888A0;
padding: 6px 0 0 0;
}
#zone-corps,
#zone-fil-ariane,
#zone-pied {
clear: both;
}
#zone-fil-ariane ul {
display: block;
width: auto;
height: auto;
padding: 0;
margin: 0;
}
#zone-fil-ariane ul li {
display: block;
float: left;
width: auto;
height: auto;
padding: 0 12px 0 0;
margin: 0;
background-image: none;
}
#zone-fil-ariane ul li strong {
font-family: ubuntuitalic, /*Calibri, Arial, Helvetica,*/ serif;
/*font-style: italic;*/
font-weight: normal;
font-style: normal;
}
#zone-menu ul,
#zone-menu-mobile ul {
display: block;
width: 100%;
height: auto;
padding: 0 0 16px 0;
margin: 0;
float: left;
}
#zone-menu-mobile ul {
padding: 0;
}
#zone-menu ul li,
#zone-menu-mobile ul li {
display: block;
width: auto;
height: auto;
padding: 0;
margin: 0;
font-size: 1.2em;
background-image: none;
}
#zone-menu ul li a,
#zone-menu ul li strong,
#zone-menu-mobile ul li a,
#zone-menu-mobile ul li strong {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
/*font-weight: bold;*/
/*font-style: normal;*/
font-weight: normal;
font-style: normal;
width: 100%;
padding: 0;
margin: 0;
}
span.element-menu {
display: block;
width: auto;
height: auto;
padding: 6px 8px 6px 8px;
margin: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#zone-menu span.element-menu-actif span.element-menu,
#zone-menu-mobile span.element-menu-actif span.element-menu {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
color: #ffffff;
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
background-color: #a7a19d;
background-color: rgba(167,161,157,.5);
}
#zone-menu ul li a,
#zone-menu ul li a:link,
#zone-menu ul li a:visited,
#zone-menu ul li a:active,
#zone-menu ul li a:hover,
#zone-menu-mobile ul li a,
#zone-menu-mobile ul li a:link,
#zone-menu-mobile ul li a:visited,
#zone-menu-mobile ul li a:active,
#zone-menu-mobile ul li a:hover{
color: #504b46;
text-decoration: none;
}
#zone-menu ul li a span.element-menu,
#zone-menu ul li a:link span.element-menu,
#zone-menu ul li a:visited span.element-menu,
#zone-menu-mobile ul li a span.element-menu,
#zone-menu-mobile ul li a:link span.element-menu,
#zone-menu-mobile ul li a:visited span.element-menu {
background-color: transparent;
}
#zone-menu ul li a:active span.element-menu,
#zone-menu ul li a:hover span.element-menu,
#zone-menu-mobile ul li a:active span.element-menu,
#zone-menu-mobile ul li a:hover span.element-menu {
color: #ffffff;
background-color: #2888a0;
background-color: rgba(40,136,160,.5);
}
#zone-menu ul li strong,
#zone-menu-mobile ul li strong {
color: #ffffff;
}
#zone-pied {
padding: 20px 0 12px 0;
}
#zone-pied p {
text-align: right;
font-size: .9em;
}
#zone-pied p.note-legale {
clear: both;
text-align: center;
margin: 0;
padding: 0;
font-size: .9em;
}
#zone-pied p.lien-pied {
display: block;
clear: both;
text-align: center;
margin: 0;
padding: 1em 0 0 0;
font-size: .7em;
}
.descriptionMembreEquipe {
display: block;
padding: 0 0 2em 0;
}
#site-disponible-bientot {
text-align: center;
margin: 0 auto 0 auto;
padding: 0 0 40px 0;
}
#site-disponible-bientot h1,
#site-disponible-bientot p {
display: block;
text-align: center;
margin: 0 auto 1em auto;
}
#site-disponible-bientot p {
font-size: 1.1em;
}
#site-disponible-bientot em {
font-family: ubuntumedium_italic, /*Calibri, Arial, Helvetica,*/ serif;
/*font-style: italic;*/
/*font-weight: bold;*/
font-weight: normal;
font-style: normal;
color: #2888A0;
font-size: 1.3em;
}
#site-disponible-bientot h1 {
padding: 1.6em 0 1em 0;
margin: 0;
}
#zone-page {
width: 96%;
}
#zone-contenu-page {
width: auto;
margin: 0 auto 0 auto;
padding: 0 2% 0 2%;
}
#zone-entete-logo {
text-align: center;
}
#zone-entete-logo a,
#zone-entete-logo #logoPrincipal {
margin: 0 auto 0 auto;
display: block;
float: none;
width: 194px;
}
#zone-entete-titre h1 {
display: none;
}
.descriptionMembreEquipe img {
width: 115px;
}
#zone-bouton-menu {
display: block;
position:absolute;
top: 0;
right: 0;
width: 45px;
margin: 0;
}
#zone-entete-logo #zone-bouton-menu a,
#zone-entete-logo #zone-bouton-menu span {
width: 45px;
}
#zone-menu {
display: none;
}
#zone-menu-mobile {
display: none;
float: left;
width: 100%;
background-color: #a7a19d;
background-color: rgba(255,255,255,.5);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 0 0 2% 0;
}
#zone-menu-mobile.visible {
display: block;
}
#zone-menu-mobile ul li{
text-align: center;
}
#zone-menu ul li {
text-align: left;
}
#fin-zone-page {
display: none;
}
@media only screen and (min-width:500px) and (max-width:929px),
only screen and (min-width: 50em) and (max-width: 92em) {
#zone-menu-mobile ul {
width: 49%;
margin: 0 2% 0 0;
}
#zone-menu-mobile ul li{
text-align: right;
}
#zone-menu-mobile ul.dernier {
margin: 0;
}
#zone-menu-mobile ul.dernier li{
text-align: left;
}
}
@media only screen and (min-width:930px),
only screen and (min-width: 93em) {
#zone-menu {
display: block;
}
#zone-bouton-menu {
display: none;
}
#zone-menu-mobile.visible {
display: none;
}
#zone-entete-logo,
#zone-menu {
text-align: left;
width: 32%;
margin: 0 2% 0 0;
}
#zone-entete-logo a,
#zone-entete-logo #logoPrincipal {
margin: 0;
}
#zone-entete-titre,
#zone-contenu-corps {
width: 66%;
margin: 0;
}
#zone-entete-titre {
padding: 82px 0 0 0;
text-align:left;
}
#zone-entete-titre h1 {
display: block;
}
h1 {
text-align:left;
}
h2 {
text-align:left;
}
}
@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) {
body {
background-image: url(/images/a200x400px.png);
background-size: 100px 200px;
}
#iconeTelephone {
background-image: url(/images/telephone-32px.png);
}
#iconeCourriel {
background-image: url(/images/courriel-32px.png);
}
#iconeFacebook{
background-image: url(/images/facebook-32px.png);
}
ul li {
background-image: url(/images/crochet-seul-32px.png);
}
#icone-bouton-menu {
background-image: url(/images/menu-90px.png);
}
#logoPrincipal {
background-image: url(/images/logo-syntaxix-388x300px.png);
}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and ( min--moz-device-pixel-ratio: 3),
only screen and ( -o-min-device-pixel-ratio: 3/1),
only screen and ( min-device-pixel-ratio: 3),
only screen and ( min-resolution: 288dpi),
only screen and ( min-resolution: 3dppx) {
body {
background-image: url(/images/a300x600px.png);
background-size: 100px 200px;
}
#iconeTelephone {
background-image: url(/images/telephone-48px.png);
}
#iconeCourriel {
background-image: url(/images/courriel-48px.png);
}
#iconeFacebook{
background-image: url(/images/facebook-48px.png);
}
ul li {
background-image: url(/images/crochet-seul-48px.png);
}
#icone-bouton-menu {
background-image: url(/images/menu-135px.png);
}
#logoPrincipal {
background-image: url(/images/logo-syntaxix-582x450px.png);
}
}