Présentation du collège
.mes-liens a:link {color: #2a67e3; font-weight:bold; text-shadow: 3px 3px 2px #ffffff; text-align: center; text-decoration: none;}.mes-liens a:visited {color: #2a67e3; font-weight:bold; text-shadow: 3px 3px 2px #ffffff; text-align: center; text-decoration: none;}.mes-liens a:hover {color: #2a67e3; font-weight:bold; text-shadow: 3px 3px 2px #ffffff; text-decoration: none;}.mes-liens-rouge a:link {color: #f70000; font-weight:bold; text-shadow: 1px 1px #ffffff; text-align: center; text-decoration: none;}.mes-liens-rouge a:visited {color: #f70000; font-weight:bold; text-shadow: 1px 1px #ffffff; text-align: center; text-decoration: none;}.mes-liens-rouge a:hover {color: #ffffff; font-weight:bold; text-shadow: 0px 0px #ffffff; background-color: #f70000; padding:1px 10px 1px 10px; border-radius:10px; box-shadow: 5px 5px 3px #ffffff; text-align: center; text-decoration: none;}.container {position: relative; width: 100%; height: 100%; margin: auto;}.image { display: block; width: 100%; height: auto;}.overlay { position: absolute; bottom: 100%; left: 0; right: 0; height: 0; width: 100%; opacity: 0; overflow: hidden; transition: .2s ease; background-color: #789fed;}.container:hover .overlay { bottom: 0; height: 100%; opacity: 0.8;}.text {color: rgba(255,255,255,0.8); font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}