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,
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;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {display: block;}
body {line-height: 1;}
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;}
@-webkit-keyframes apparition{
0% { opacity: 0.5;}
100% { opacity: 1;}
}
@-moz-keyframes apparition{
0% { opacity: 0.5;}
100% { opacity: 1;}
}
@keyframes apparition{
0%  { opacity: 0.5;}
100% { opacity: 1;}
}
img { max-width:100%;}
a { text-decoration:none; color:#000;}
a:hover { text-decoration:underline;}
nav li { display:inline-block;}
/* Mobile */
html {font-family: 'Arimo', sans-serif; background:#ece8df;}
h1,h2 { text-transform:uppercase;} 
header, main, aside, footer p{ padding:0 1em; position:relative;}
h1 { font-size:1.75em; margin-top:1em;}
header h2 {font-size:1.80em;}
header h2:first-of-type { margin-top:1em;}
h1, header h2.gris { color:#6790a6;}
header h2 span.cha { font-size:0.4em; color:#000;}
p.number { margin-top:1em; color:#6790a6; font-size:1.5em;}
header a { font-size:1em;}
header img { margin-top:0.5em;}
nav.home { margin:2em 0;}
nav.home li {width:30%; text-transform:uppercase;}
nav.home li:nth-child(2) { width:33%;}
nav.home li:nth-child(3) { text-align:center;}
nav.main, aside { background-color:#6790a6;}
nav.main li{ display:block; padding:1em 0 1em 1em;} 
nav.main li a { border-left:#f9f8f6 thin solid; padding-left:1em; color:#ece8df; text-transform:uppercase; font-size:0.95em;}
nav.main li a:hover { text-decoration:none;}
img.left, nav.footer  {display:none;}
main {padding-bottom:2em; }
main h2 { text-transform:uppercase; font-size:1.25em; margin-top:0;}
main h2.margin {margin-top:1em;}
main p, footer p { margin-top:1em; text-align:justify;}
main p.nomargin {margin-top:0;}
main p.adress { clear:both;}
main p.bold { font-weight:700;}
main ul { list-style:disc; margin-left:2em;}
main li { margin-top:0.5em;}
main.demande h1{ margin-top:1em;}
main form.demande {padding-bottom:2em;}
main form input, main select { float:right; font-family:'Arimo', sans-serif; }
main select {width:50%;}
main div.g-recaptcha { float:right; margin:1em 0 0 0; clear:both;}
main form input.soumettre { clear:both; margin:1em 0; background-color:#262022; color:#f9f8f6; border:none; padding:0.3em 0.6em;}
aside { padding:0.05em 1em 2em 1em; clear:both;}
aside p, aside a {color:#ece8df; font-size:0.9em; padding-left:0;}
aside p.number{color:#ece8df;}
aside p.copy { margin-top:2em;}
aside p.ymark { margin-top:0;}
footer { padding-bottom:1.5em; position:relative;border-top:2px solid #6790a6;clear:both; }	
form p.phone{display:none;}
/*CSS for mobileLandscape (400px and above)*/
@media only screen and (min-width: 25em) {
header img {position:absolute; top:0; right:1em; margin-top:-0.85em;}
aside { float:left; width:40%;}
main form { float:left; width:60%; margin-right:1em;}
main form.demande { width:100%;}
main form.demande input{ width:55%;}
main form.demande select { width:56%;}
main p.adress { clear:none; margin-top:3em;}
footer { padding-bottom:0;}
footer p.ft { width:48%; position:absolute; top:0; right:0;}
}   
/*CSS for tablets (768px and above)*/
@media only screen and (min-width: 48em) {
nav.main li a { font-size:1.15em;}	
aside { width:30%; padding:0.5em 1em 3em 1em;}
main form {  margin:2em 2em 1.25em 0; border-right:thin solid #262022; padding-right:2em; width:50%;}
main form input.soumettre { width:auto;}
main.contact form { margin-bottom:8.5em;}
main p.adress { margin-top:5em;}
footer { padding-bottom:0;}
footer img { width:65%;}
footer p.ft { top:7em; width:62.5%; margin-top:0.5em;}
}   
/*CSS for tablets (800px and above)*/
@media only screen and (min-width: 50em) {
aside { width:30%; padding:0.5em 1em 3em 1em;}
footer img { width:66%;}
footer p.ft { width:62.5%;}
} 
/* CSS for desktops (1024px and above) */
@media only screen and (min-width: 64em) {
html { background:#ece8df;}	
body { background:#ece8df; width:1100px; margin:-2em auto 0 auto; position:relative;}
header { padding:2em 0 0 1em;}
header img { display:none;}
img.left {display:block; margin-top:0; right:0;}
header a { font-size:0.9em;}
header p.number { margin-top:2em;}
nav.home { width:30%; margin-top:3.45em;}
nav.home li {width:25%;}
nav.main { width:24.9%; background:url(../images/pret-prive-residentiel.jpg) top left no-repeat; padding-bottom:40em; float:left; z-index:10;}
nav.main li {padding:1.25em 0 1.25em 0.5em;}
nav.main li a { font-size:0.75em;}
nav.main li:hover {background:-webkit-linear-gradient(rgba(59,54,56,1),rgba(39,22,35,1));
background:-moz-linear-gradient(rgba(59,54,56,1),rgba(39,22,35,1));
background:linear-gradient(rgba(59,54,56,1),rgba(39,22,35,1));
background:-o-linear-gradient(rgba(59,54,56,1),rgba(39,22,35,1)); -webkit-animation:apparition 1s;-moz-animation:apparition 1s; animation:apparition 1s;}
section { width:71%; float:right; padding-top:1em; padding-bottom:2em;}
main { position:absolute; top:38em; right:1em; width:750px;}
main.haut{ top:20em;}
main h1 { font-size:1.5em;}
main h2{ font-size:1.15em;}
main a.jours { margin:0 auto 3em auto; display:block;}
main li { margin-top:0.35em;}
main form { border-right:none;}
aside { width:22%; padding-bottom:1em;}
aside p.copy { margin-top:13.25em;}
nav.footer { display:block; padding:1em 0; float:right; margin-right:3.5em;}
nav.footer li { width:24%; padding-left:0.5em; text-transform:uppercase; border-left:#ece8df thin solid;}
nav.footer li:first-child { width:15%;}
nav.footer li:nth-child(3) { width:26%;}
nav.footer li:last-child { width:13%;}
nav.footer li:hover { border-left:#000 thin solid;}
nav.footer li:hover a {text-decoration:none;}
nav.footer li a { font-size:0.8em;}
footer img { width:75%; clear:right;}
footer p.ft { position:static; width:65%; padding-bottom:1em; padding-left:20em;}
}