@charset "iso-8859-1";

/********** Popup **********/

#transparent      { position:absolute; left:0px; top:0px; width:100%; height:400%; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; z-index:1; background-color:#000; display:none; }
#popup, #subpopup { position:absolute; left:0px; top:50px; width:100%; height:100%; display:none; z-index:2; text-align:center; }
#subpopup         { z-index:2000; }
div.popup         { position:relative; top:0px; top: expression( ( 10 + ( value = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); left:-2%; width:600px; margin:0px auto; text-align:left; }

div.popup div#close { position:absolute; float:right; top:18px; right:-18px; cursor:pointer; z-index:10; width:28px; height:15px; overflow:hidden; background:url('../img/images.png') no-repeat -42px 0px; }
div.popup div#close:hover { background-position:-70px 0; }
div.popup div.content div.left div.feeds  { width:100%; height:100%; margin-left:20px; }

div.popup div.header            { width:100%; height:20px; }
div.popup div.footer            { width:100%; height:20px; }
div.popup div.content div.right,
div.popup div.content           { width:100%; height:100%; font-size:11px; }
div.popup div.content div.left  { height:100%; }
div.popup div.left              { width:100%; }

div.popup div.header div.left,
div.popup div.footer div.left   { height:20px; }

div.popup div.header div.right  { position:absolute; top:0px; right:-38px; width:38px; height:20px; }
div.popup div.content div.right { position:absolute; top:20px; right:-38px; width:38px; }
div.popup div.footer div.right  { position:relative; float:right; bottom:20px; right:-38px; width:38px; height:20px; }

div.popup div.header div.left   { background:transparent url('../img/popup-tl.png') no-repeat; }
div.popup div.content div.left  { background:transparent url('../img/popup-ml.png') repeat-y; }
div.popup div.footer div.left   { background:transparent url('../img/popup-bl.png') no-repeat; }

div.popup div.header div.right  { background:transparent url('../img/popup-tr.png') repeat-x;}
div.popup div.content div.right { background:transparent url('../img/popup-mr.png') repeat-y; }
div.popup div.footer div.right  { background:transparent url('../img/popup-br.png') repeat-x; }

div.popup h2 { font-size:1.1em; color:#fff; padding:2px 5px; border-bottom:solid 1px #999; background:transparent url('../img/popup-title-bg.png') repeat-y; margin-bottom:10px; }
div.popup h3 { font-size:1em; color:#45aadc; margin-bottom:10px; background:url(../img/arrow.png) no-repeat 0 50%; padding-left:15px; }

/* Popup CGU */
#cguPopup { overflow:auto; height:300px; width:538px; padding:10px; border:solid 1px #999; }
#cguPopup h3 { margin:0 0 10px; }
#cguPopup p  { margin:0 0 15px; }

/********** Info Bulle **********/

.infoBulle { z-index:100; position:absolute; display:none; width:280px; color:#000; text-align:left;  }
.infoBulle .top { float:left; width:278px; height:10px; overflow:hidden; background:url(../img/bulle-t.png) no-repeat 0 0; }
.infoBulle .middle { float:left; width:278px; background:url(../img/bulle-m.png) repeat-y 0 0; }
.infoBulle .middle #bulleText  { width:260px; color:#999; margin:0 0 0 10px; font-size:11px; font-family:"Trebuchet MS", verdana, sans-serif; }
.infoBulle .bottom { float:left; width:278px; height:19px; margin:0px; overflow:hidden; background:url(../img/bulle-b.png) no-repeat 0 0; }