/*note: seule feuille de style du site non valide w3c*/

/*PARTIE ORIGINAL DU TUTORIEL*/
.dhtmlwindow{
position: absolute;
border: 1px solid black;
visibility: hidden;
background-color: white;
}
.case {/*ajout perso*/
display:none;
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 12px Arial;
background-color: #000000;
color: #000000;/*texte en noir pour le cacher (sur fond noir!) sans changer la taille de la barre de titre
/*cursor: move;*/
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%; 
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid white;
background-color: white;
color: black;
height: 150px;
width:100%;/*ajout pour éviter liseré blanc dans IE*/
padding: 0px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/*AJOUTS PERSOS sans rapport avec les pop-up*/
html {
height:100%;
}
body {
margin:0px;
padding:0px;
height:100%;
overflow:hidden;
}
#titre {
position:absolute;
width:100%;
z-index:30;
text-align:center;
top:50%;/*astuce centrage vertical*/
margin-top:-200px;/*idem*/
}
p {
position:absolute;
z-index:20;
color:#000000;
text-align:left;
font-family:Franklin Gothic Medium, Gill Sans MT, Lucida Sans, Arial, sans-serif;
font-size:12px;
top:0px;
left:0px;
margin:0px;
padding-top:5px;
padding-left:10px;
}
a {
position:absolute;
z-index:20;
}
a:hover {
color:#000000;
}
#alertjs, #alertfp {
position:absolute;
font-family:Franklin Gothic Medium, Gill Sans MT, Lucida Sans, Arial, sans-serif;
font-size:18px;
text-align:center;
background-color:#FFFF00;
z-index:50;
}
#alertfp {
position:relative;
font-size:12px;/*taille passe-partout qqsoit redimensionnement*/
z-index:30;
}
#alertfp a {
position:relative;
display:inline;
text-decoration:underline;
color:#999999;
font-family:inherit;
font-size:inherit;
}
#accueil {
width:20px;
height:26px;
margin-top:10px;
margin-left:15px;
background-image:url("../images/bouton_accueil.gif");
background-repeat:no-repeat;
}
#accueil:hover {
background-image:url("../images/bouton_accueil_over.gif");
}