body {font-family:Helvetica,Geneva,Arial,sans-serif}
.annonce{height:30px;overflow:hidden;position:relative;}
.annonce i{color:#003366;position:absolute;width:230%;height:100%;margin:0;line-height:30px;text-align:center;-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-animation:annonce 40s linear infinite;-webkit-animation:annonce 40s linear infinite;animation:annonce 40s linear infinite;}
@-moz-keyframes annonce{0% {-moz-transform:translateX(100%);}100% {-moz-transform:translateX(-100%);}}
@-webkit-keyframes annonce{0% {-webkit-transform:translateX(100%);}100% {-webkit-transform:translateX(-100%);}}
@keyframes annonce{0%{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);}100%{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);}}
#menu {height:50px;}
#menu li {float:left;margin:auto;padding:0;background-color:#ddeeff;border:1px solid white;}
#menu li a {display:block;width:152px;color:black;text-decoration:none;padding:5px;}
#menu li a:hover {color:white;background-color:#3994ef;}
#menu li:hover ul li {float:none;}
#menu ul {margin:0;padding:0;list-style-type:none;text-align:center;}
#menu ul li ul {display:none;text-align:left}
#menu ul li:hover ul {display:block;}
.carre {color:white;font-weight:bold;text-decoration:none;}
.carre:hover {color:black;font-weight:bold;text-decoration:none;}
.lien {color:black;text-decoration:none;}
.lien:hover {color:#3994ef;text-decoration:none;}
.liens {color:black;}
.liens:hover {color:#3994ef;}
.logo {width:300px;height:200px;}
.logo:hover {width:300px;height:200px;}