/***************************************************************************
 *				popup.css
 *				---------
 *	Cree le		: 26 Mars 2007
 *	Derniere modif.	: 5 Fevrier 2009
 *	Auteur		: Asselin Benoit Developpement
 *	Email		: contact(a)ab-d.fr
 *
 ***************************************************************************/



* { margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 10pt; }
html, body, a { color: black; }
img { border: 0px none; }
div.sep { background: url('../images/interface/popup-sep.gif') center left repeat-x; height: 2px; }


body { background: #000; }
body div.logo { position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -300px; }
body div.logo a { position: absolute; display: block; right: 0; bottom: 0; width: 130px; height: 51px; background: url('../images/interface/popup-logo.gif'); }
body div.scroll { position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -300px; width: 500px; height: 600px; overflow: auto; overflow-x: hidden; }


body.textes { }
body.textes div.carre-1 { position: absolute; width: 115px; height: 115px; left: 0px; }
body.textes div.carre-2 { position: absolute; width: 115px; height: 115px; left: 0px; margin-top: 120px; background: white; }
body.textes div.fleche { position: absolute; width: 40px; height: 10px; left: 0px; margin-top: 235px; background: url('../images/interface/popup-texte-fleche.gif') top right no-repeat; }
body.textes h1.infobulle { position: absolute; width: 115px; left: 0px; margin-top: 168px; font-size: 11pt; text-align: center; font-weight: normal; }

body.textes div.carre-img { position: absolute; left: 120px; background: white; width: 235px; height: 235px; }
body.textes div.carre-3 { margin-left: 360px; margin-bottom: 25px; width: auto; height: 235px; }
body.textes div.sep { margin: 0px 25px; height: 10px; }
body.textes h1.titre { margin: 5px 25px; font-size: 14pt; }
body.textes h2.titre { margin: 5px 25px; color: white; font-size: 20pt; font-weight: normal; }
body.textes div.blocs { margin: 5px 25px; }

body.textes form.password { margin: 40px 25px 0px 25px; text-align: center; }
body.textes form.password .padlock { margin: 0 auto; width: 32px; height: 32px; background: url('../images/interface/popup-password.png') center; }
body.textes form.password p { margin-top: 5px; }



body.cartes { }
body.cartes div.scroll { background: #fff; }
body.cartes div.carre-1 { position: absolute; width: 125px; height: 115px; left: 0px; top: 0px; background: url('../images/interface/popup-carte-fleche.gif') right no-repeat; opacity: 0.4; }
body.cartes div.carre-2 { position: absolute; width: 115px; height: 115px; left: 0px; top: 120px; }
body.cartes h1.infobulle { position: absolute; width: 115px; left: 0px; top: 48px; font-size: 11pt; text-align: center; font-weight: normal; }
body.cartes h1.titre { position: absolute; left: 135px; top: 43px; font-size: 14pt; }
body.cartes h2.titre { position: absolute; left: 135px; top: 60px; font-size: 14pt; font-weight: normal; }
body.cartes div.blocs { margin: 116px 20px 10px 135px; }

body.cartes form.password { position: absolute; left: 135px; top: 30px; text-align: center; width: 340px; }
body.cartes form.password .padlock { margin: 0 auto 20px auto; width: 32px; height: 32px; background: url('../images/interface/popup-password.png') center; }
body.cartes form.password p { margin-top: 5px; }



div.blocs { }
div.blocs div.sep { margin: 0px; }
div.blocs h1.bloc { margin: 5px 0px; font-size: 14pt; }
div.blocs h2.bloc { margin: 5px 0px; font-weight: normal; }
div.blocs a.display-none { display: block; margin: 10px 0 10px 0; padding-left: 20px; background: url('../images/interface/bloc-retracter.gif') 5px 1px no-repeat; }
div.blocs a.display-block { display: block; margin: 10px 0 0 0; padding-left: 20px; background: url('../images/interface/bloc-deployer.gif') 5px 1px no-repeat; }
div.blocs ul.data { margin: 10px 25px; }
div.blocs ul.data li { margin-left: 15px; }
div.blocs ul.data li.flash { margin: 5px -25px; text-align: center; list-style: none; } 
div.blocs ul.data li.flash h3 { margin-top: 20px; }
div.blocs ul.data li.flash object { margin: 0px auto; }
div.blocs ul.data li.image { margin: 5px -25px; text-align: center; list-style: none; }
div.blocs ul.data li.separateur { list-style: none; }


body.erreur { text-align: center; }
body.erreur h1 { margin: 30px; }