@import url(font.css);
@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%; color:#ffffff;}
b {font-weight:normal; font-family:RobotoB;}
.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 .tit {font-size:26px; padding-bottom:30px}
.cadre p {font-size:18px; padding-bottom:20px;}
.cadre a {font-size:18px;; color:yellow;}
.cadre a:hover {font-size:18px;; color:white;}

.cadre .QL {font-size:18px; margin-bottom:15px;}
.cadre .QL::before {content:url(/img/picto/button_green.png); width:16px; height:16px; position:relative; bottom:-1px; padding-right:10px;}
.cadre .QL a       {text-decoration:none; color:#ffffff;}
.cadre .QL a:hover {color:#fffc01;}

html {position:relative; min-height:100%;}
.footer {position:absolute; bottom:0; width:100%; background-color:#ffffff;}
.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;}
.footer .cb {padding-left:20px;}

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