@import url(header.css);

BODY {margin:0 0 250px 0; padding:0; background-color:#0069a7; font-family:Roboto,tahoma; font-size:100%; text-align:center; min-height:100%;}
.titre {margin:30px 0; font-size:28px; color:#ffffff; text-shadow:1px 1px 2px #252525;font-weight:400;}
.cadre {width:850px; margin:auto; margin-bottom:35px; padding:30px; background-color:#0980c7; border-radius: 5px; transition: all .5s ease-in-out; text-align:left; box-sizing: border-box;}
.cadre:hover {background-color:#0d8cd6; box-shadow: 1px 1px 3px #0980c7;}

.cadre p {font-size:18px; margin-bottom:10px; color:#ffffff;}
.cadre .tit {display:inline-block; font-size:26px; line-height:50px; color:#ffffff;}
.cadre a {font-size:18px;; color:yellow;}
.cadre a:hover {font-size:18px;; color:white;}

html {position:relative; min-height:100%;}
.footer {position:absolute; bottom:0; width:100%; background-color:#ffffff; border:0px solid blue;}
.footer p {margin:3px 0;}
.footer .box1 {margin:0;  background-color:#f5f5f5; padding: 1rem; font-size:14px; color:#4e4b45; border-top:1px #bababa solid;}
.footer .box2 {padding:10px; border-top:1px #dadada solid;}
.footer a{font-size:14px; color:#798ce2; line-height:25px; padding-right:20px;}
.footer a:hover{color:#975515;}

@media screen and (max-width: 868px) {
  .header {display: none;}
  .cadre {width:90%;}
}