/******************************************************************/ /* Style de la Page Activer Javascript */ /******************************************************************/ .modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 99999; opacity: 1; transition: opacity 400ms ease-in; width: 100%; } #contenu_openModal { font: bold 16px Arial, Helvetica, sans-serif; color: #752000; width: 40%; position: relative; margin: 200px auto 0px auto; padding: 30px 20px 30px 20px; border-radius: 10px; background: #ffffff; text-align: left; } .titre_fond_vert { font: bold 23px Arial, Helvetica, sans-serif; text-align: center; width: 90%; line-height: 50px; margin: 0px auto 50px auto; background-color: #99ff99; border: solid 2px #cccccc; } #browsers a { display: inline-block; width: 110px; height: 50px; text-align: center; margin: 15px auto; padding: 0px; position: relative; } #browsers a span { color: #752000; display: none; left: -10px; opacity: .8; padding: 3px 10px; position: absolute; top: 50px; width: 120px; } #browsers a:hover span { display: block; } /*****************************************************/ /* Media Queries pour les écrans inférieurs à 640 px */ /*****************************************************/ @media (max-width: 641px) { #contenu_openModal { width: 90%; } #contenu_openModal { margin: 100px auto 0px auto; } }