/* GENERAL ****/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block}
html{font-size:16px;transition-property:all;transition-duration:0.4s;scroll-behavior:smooth;}
body{position:relative;font-family:sans-serif,Arial,Helvetica;margin:0 auto;padding:0;background:#202024;transition-property:all;transition-duration:0.4s;}
a, a:visited{text-decoration:underline;background:transparent;outline:none;}
a:active, a:hover{color:#ffd3c2;outline:none;}
h1{font-family:serif,Georgia,Times;font-weight:normal;font-size:150%;}
p{line-height:1.5em;}
img{display:block;max-width:100%;height:auto;background:transparent;}

/* HEADER ****/
header{
position:relative;
max-width:320px;
margin:0 auto;
padding:3em 0 0 0;
text-align:center;
}
header img{
margin:0 auto 20px auto;
}
header p{
color:#bebebe;
font-size:1.2em;
padding:0.5em 0 1em 0;
margin:0;
letter-spacing:5px;
}

/* SECTION ****/
section{
position:relative;
max-width:320px;
margin:0 auto;
overflow:hidden;
}
section .headerH{
margin:0;
padding:0;
overflow:hidden;
text-align:center;
}
section .headerH .intro{
font-size:1.1em;
letter-spacing:0;
text-align:center;
color:#bebebe;
font-style:italic;
}
.section1{
position:relative;
padding:1em 2em 3em 2em;
margin:0 auto;
font-size:1.1em;
color:#fff;
text-align:left;
background:#202024;
text-align:center;
}
section h1, section h2{
width:100%;
font-size:1.5em;
font-weight:bold;
text-align:center;
padding:0.3em 0 0.5em 0;
margin:2em 0 1em 0;
color:#fff;
background:#000;
}
section p{
margin:0 0 1.5em 0;
color:#fff;
}
span.span1{
color:#ffd3c2;
}

/* FOOTER ****/
footer{
position:relative;
max-width:320px;
margin:0 auto 70px auto;
font-size:1em;
padding:4em 2em;
text-align:center;
color:#bebebe;
}
footer p a, footer p a:visited{
color:#bebebe;
}
footer li a:hover, footer p a:hover{
opacity:1;
color:#fff!important;
}

/* FORMULAIRES ****/
.clicCourriel{
display:inline-block;
margin:0;
padding:0;
}
.clicCourriel button{
padding:0;
background:transparent;
color:#ffd3c2;
border:none;
border-bottom:1px solid #ffd3c2!important;
}
.clicCourriel button:hover{
cursor:pointer;
color:#fff;
border-bottom:1px solid #fff!important;
}
