/* Source Sans Pro - Font Family */
@font-face { font-family:"Source Sans Pro"; src:url("../fonts/Source_Sans_Pro_Regular.otf"); }
@font-face { font-family:"Source Sans Pro"; src:url("../fonts/Source_Sans_Pro_Italic.otf");                           font-style:italic; }
@font-face { font-family:"Source Sans Pro"; src:url("../fonts/Source_Sans_Pro_Bold.otf");        font-weight:bold; }
@font-face { font-family:"Source Sans Pro"; src:url("../fonts/Source_Sans_Pro_Bold_Italic.otf"); font-weight:bold;    font-style:italic; }
@font-face { font-family:"Source Sans Pro"; src:url("../fonts/SourceSansPro-Light.otf");         font-weight:lighter; }
@font-face { font-family:"Source Sans Pro"; src:url("../fonts/SourceSansPro-LightIt.otf");       font-weight:lighter; font-style: italic; }

/* Hack - Font Family */
@font-face { font-family:"Hack"; src:url("../fonts/Hack-Regular.ttf");}
@font-face { font-family:"Hack"; src:url("../fonts/Hack-Italic.ttf");                       font-style:italic; }
@font-face { font-family:"Hack"; src:url("../fonts/Hack-Bold.ttf");       font-weight:bold; }
@font-face { font-family:"Hack"; src:url("../fonts/Hack-BoldItalic.ttf"); font-weight:bold; font-style:italic; }

/* Other fonts */
@font-face { font-family:"Great vibes"; src:url("../fonts/GreatVibes-Regular.otf");}
@font-face { font-family:"Cookie"; src:url("../fonts/Cookie-Regular.ttf");}

* {
	font-family:"Source Sans Pro",sans-serif;
	text-decoration:none;
}

body { background-color:#fff; color:#000; padding-bottom:4em; font-size:16pt; }
p { margin:0em; }
s,del { text-decoration: line-through; }
code, code * { font-family:"Hack"; }

img { margin:1em 0em; max-width:100%; }
img.left { display:block; float:left; margin:0em 2em 0em 0em; }
img.right { display:block; float:right; margin:0em 0em 0em 2em; }
figure { margin:1em 0em; display:inline-block; }
figure.left { display:block; float:left; }
figure.right { display:block; float:right; }
figure img { margin:1em 0em; }
figure a {  border:0em !important; }
figcaption { text-align:center; font-size:75%; }

h1,h2 { font-family:"Source Sans Pro"; font-weight:normal; margin-bottom:0em; }
/*h1 { color:#006; }*/
/*h2 { color:#339; }*/

a { color:#009; padding:0em; }

a.inherit { color:inherit; padding:0em; }

hr.dot { border-top: 0.2em dotted #ddd; }
hr { visibility:hidden; clear:both; }

table { border-collapse:collapse; width:100%; }
td { border-bottom:1px dotted #666; }
.price { text-align:right; font-weight:bold; }

div.section { border-radius: 15px; border: 1px solid #ccc; box-shadow: 5px 5px 5px rgba(0,0,0,.2); padding:1em; margin-bottom:1.5em; background-color:#fffdfb; }
div.section div { display:table-cell; vertical-align:top; }
div.section div:first-child { width: 6.1em; }
div.section table { width:100%; border: none; }
div.section table td { border: none; padding:0em; vertical-align:top; }
div.section table td:first-child { width: 6.1em; }

.w3-sidebar{ width:270px; z-index:10; }
@media (max-width:992px) { .w3-sidebar.w3-collapse{left:-270px; } }

/*th { background-color:#58f; color:#fff; padding:.1em .2em; text-align:left; }
td { border-left:1px solid #999; padding:.1em .3em; text-align:left; }
td:last-child { border-right:1px solid #999; }
tr:last-child td { border-bottom:1px solid #999; }
tr:nth-child(even) td { background-color:#fffaf3; }
tr:nth-child(odd)  td { background-color:#ffe8cc; }
table.fline td { border:1px solid #999; text-align:center; }
table.fline th { border:1px solid #333; text-align:center; }*/



ul { list-style-type: circle; color:#300; margin-top:0em; }
li p { color:#333; margin:0em; }

.menu-button { position:fixed; background-color:#fff; }

footer { margin-top: 5em; }
footer p { text-align:right; font-size:10pt; }

div.block { color:#fff; }

p.handwrite { font-family:"Cookie"; font-size:20pt; }
p.handwrite a { font-family:"Cookie"; font-size:20pt; }

/* Old color
.c1 { color:#f39c12; }
.c2 { color:#e67e22; }
.c3 { color:#d35400; }
.c4 { color:#c0392b; }
.b1 { background-color:#f39c12; color:#fff; }
.b2 { background-color:#e67e22; color:#fff; }
.b3 { background-color:#d35400; color:#fff; }
.b4 { background-color:#c0392b; color:#fff; } */

.c1 { color:#ffc000; }
.c2 { color:#e36c0a; }
.c3 { color:#984806; }
.c4 { color:#c00000; }
.b1 { background-color:#ffc000; color:#fff; }
.b2 { background-color:#e36c0a; color:#fff; }
.b3 { background-color:#984806; color:#fff; }
.b4 { background-color:#c00000; color:#fff; }

.ts { /*text-shadow: -1px 1px 2px rgba(0,0,0,.3);*/ }

.marger { padding-left:2em; }
a.fmid { float:right; margin:1em 2em; }


p.contact { margin:0.8em; line-height:200%; }
a.contact { padding:0.3em; border-radius:0.5em; font-weight:bold; }
.anileft { transition: all .3s ease-out; }
.follow { animation:lspace 7s infinite ease-in; }
.bigtitle { font-family:"Source Sans Pro"; font-size:300%; margin:0em 0.2em; font-weight:lighter; }
.midtitle { font-family:"Great vibes"; font-size:200%; margin:0em 0.2em; text-align:center; }
.aright { text-align:right; }
.fleft { float:left; }
.center { text-align:center; }
.pave { width:320px; height:250px; display:inline-block; margin:0em 0.8em 0.8em 0em; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
.fm-green { background-color:#469791; color:#fff; }

.spacer { margin:1em 0em; }

@keyframes bgrow {
        0% { border-bottom: .01em solid #f90; }
        50% { border-bottom: .30em solid #f90; }
        100% { border-bottom: .01em solid #f90; }
}
@keyframes lspace {
        0% { margin-left:0em; letter-spacing: 0em; }
        3% { margin-left:0.5em; letter-spacing: -.05em; }
        6% { margin-left:0em; letter-spacing: 0em; }
        100% { margin-left:0em; letter-spacing: 0em; }
}
/*@keyframes glowc {
        from { color:#a50; }
        to { color:#009; }
}*/

/* adaptation petit écran */
@media (max-width: 550px) {
	div.section div { display:inline-block; vertical-align:top; }
  a.fmid { float:none; margin:auto; }
}