body{font:normal 80% 'Trebuchet MS',Tahoma,Helvetica,Sans-Serif;margin:0;padding:0;color:#333}
textarea{font:1em 'Trebuchet MS',Tahoma,Helvetica,Sans-Serif}

h1,h2,h3,p,ul{margin:0;padding:0;list-style:none}
h2,h3{font-size:40px;font-weight:normal;text-align:center;margin-bottom:20px}
p{font-size:25px}
a{text-decoration:none;color:#333}

h1{font-size:2.5em;width:90%;margin:20px auto 40px auto;text-align:justify;font-weight:normal;color:#fff}

.bloc > div{position:relative;margin:0 auto}
.table{display:inline-table;table-layout:fixed;width:100%;margin:0 auto}
.table .cell{display:table-cell;position:relative}
.table .cell:nth-child(1){vertical-align:top}

.header{background:#FFF;padding:10px 0;box-shadow:0px -9px 10px 10px rgba(0,0,0,.5);position:relative;z-index:1}
.header > div{padding:0;max-width:1100px}
.header .logo{margin-left:20px}
.header .logo a{font-size:2.2em;font-weight:bolder}
.header .logo img{vertical-align:middle}
.header .logo span{color:#1b76bb}
.header .slogan{position:absolute;top:0;right:20px;text-align:center}
.header .slogan p{font-size:28px;font-style:italic;width:600px;text-align:center;line-height:inherit}
.header .slogan p span{color:#1b76bb}

.background{background-color:#6ec5f9}
.background .form{background-color:#fff}

.bloc-info{background-color:rgba(255, 255, 255, .9);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.5);padding:30px;width:90%;margin:0 auto 40px auto;box-sizing:border-box}
.bloc-info h2{font-size:2em;text-align:left;border-left:5px solid;border-left-color:#f4861f;padding:0 20px;color:#0f72b7}
.bloc-info p{font-size:1.2em;line-height:22px;text-align:justify;margin:20px 0;font-style:italic}
.bloc-info p.nota{font-size:.9em;line-height:normal;color:#8a8a8a;font-style:italic}
.bloc-info ul li{font-size:1.6em;padding:8px}
.bloc-info ul li i{font-size:1.5em;color:#70c045;vertical-align:sub}
.bloc-info ul li span{display:block}
.bloc-info ul.center{text-align:center}
.bloc-info ul.center li {width:20%;display:inline-block;vertical-align:top}
.bloc-info ul.center li i{font-size:3em}
.bloc-info ul.center li span{margin-top:10px;text-transform:uppercase}

.bloc-image{width:90%;margin:0 auto 40px auto;text-align:center;border:5px solid #FFF;background:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.5);box-sizing:border-box;position:relative}
.bloc-image img{display:block;width:100%;height:auto;border-radius:8px}
.bloc-image div{position:absolute;bottom:30px;width:300px;margin:0 auto;padding:10px 20px;box-sizing:border-box;border-radius:8px;font-size:2em;text-transform:uppercase;left:50%;margin-left:-150px;box-shadow:0 0 10px rgba(0,0,0,.5);background:linear-gradient(#ffbc7e,#ea8322) no-repeat 0 0 #f4861f;border:1px solid #f4861f;color:#FFF}
.bloc-image div span{display:block}

.footer{line-height:18px;padding:20px;text-align:justify;box-shadow: 0px 9px 10px 10px rgba(0,0,0,.5);z-index: 1;position: relative}
.footer a{text-decoration:underline}
.footer > div{padding:0;max-width:1100px}
.footer p{font-size:12px;font-style:italic;line-height:22px;width:94%;margin:0 auto}
.footer .logo {text-align:center;margin-top:30px}
.footer .logo img{vertical-align:top;margin:0 10px}

@media screen and (max-width: 990px) {
    h2, h3{font-size:30px}
    .header{box-shadow:none;padding:0}
    .header .slogan{position:initial}
    .header .slogan p{width:auto;font-size:1.5em;margin-top:20px}
    .background > div{min-height:auto}
    .background .table{height:auto}
    .table{display:flex;flex-direction:column}
    .table .cell:first-of-type{order:1}
    .table .cell{display:block}
    .bloc > div{padding:20px 0}
    .bloc-info{position:inherit;top:0;box-shadow:none;width:85%;margin:20px auto;display:block;text-align:center}
    .bloc-info h2{border:0;text-align:center}
    .bloc-info ul li{background:none;padding:10px;font-size:1.1em}
    .bloc-info ul li i{display:block;text-align:center;font-size:3em}
    .bloc-info ul.center li{width:auto}
    .bloc-image div{display:none}
    .footer p{width:auto}
    .footer .logo{margin-top:10px}
    .footer .logo img{margin:10px}
}