@import url('/themes/asapfrance/css/structure.css');
@import url('/themes/asapfrance/css/specials.css');

/* temp  : error on page http://www.asapfrance.info/asapeurope/le-dico-d-asap/ */
div.error {
	display:none;
}

/* basic stuff */
body {
color:#555;
font:normal normal 0.9em "Trebuchet MS", verdana, arial, sans-serif;
}
.spacer {
clear:both;
float:none;
position:relative; 
}
.alternate {
display:none;
}
noscript {
background-color:#fea;
color:#333;
display:block;
text-align:center;
}
#TB_closeWindowButton {
background:transparent url('/themes/asapfrance/images/close-red-small.png') no-repeat right center;
padding-right:15px;
}

/* node styles */ 
a img, img.usemap {
border:1px dashed #d7e3f4;
padding:5px;
}
a:hover img, img.usemap:hover {
border:1px dashed #004fb8;
}
a img.button, a img.button:hover {
	border:0;
	padding:0;
}
h1 {
color:#666;
font-size:2em;
line-height:70%;
margin:1.5em 0 1em 0;
padding:0;
}
h2 {
background:transparent url('/themes/asapfrance/images/deco-h2.png') no-repeat 0 0;
clear:both;
color:#999;
font-weight:normal;
font-size:1.6em;
padding:12px 0 10px 75px;
}
h3 {
background:transparent url('/themes/asapfrance/images/deco-h3.png') no-repeat 78px 6px;
clear:both;
color:#444;
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
padding:0 0 0 95px;
}
p {
margin:0.5em 0 1em 0;
}
p, li {
line-height:1.5em;
}
ul {
list-style:square;
margin:0.5em 0;
padding:0;
}
ol {
margin:0.5em 0;
padding:0 0 0 23px;
}
li {
margin:0.5em 0;
}
ul li {
background:transparent url('/themes/asapfrance/images/bullet.png') no-repeat 0 0.5em; 
list-style:none;
padding-left:20px;
}
ul li li {
background:transparent url('/themes/asapfrance/images/sub-bullet.png') no-repeat 0 0.5em; 
list-style:none;
padding-left:20px;
}
a {
color:#004fb8;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
table {
background-color:white;
border:1px solid #ddd;
border-collapse:collapse;
font-size:90%;
width:100%;
}
td {
border:1px solid #ddd;
padding:0.2em 0.3em;
}
td p {
line-height:100%;
margin:0;
padding:0;
}
blockquote {
background:transparent url('/themes/asapfrance/images/quotation-marks.png') no-repeat 0 0.5em;
color:#000;
font-style:italic;
font-family:georgia, times, serif;
height:35px;
margin:0;
padding:0 0 2em 80px;
}
html>body blockquote {
height:auto;
min-height:35px;
}
/* content */
.left {
float:left;
margin:0 1em 0.5em 0;
}
.right {
float:right;
margin:0 0 0.5em 1em;
}
.center, .middle {
text-align:center;
margin:0 auto 0.5em auto;
padding:0;
}
img.middle {
	display:block;
}
.bottom {
margin-bottom:-3px;
}
.external {
background:transparent url('/themes/asapfrance/images/decorations/arrow-circle-gray.png') no-repeat 100% 50%;
padding-right:15px;
}
.game {
background:transparent url('/themes/asapfrance/images/chessboard.png') no-repeat 0 0.7em;
color:#000;
height:60px;
margin:0;
padding:0 0 0 60px;
}
html>body .game {
height:auto;
min-height:60px;
}
.quizz {
background:transparent url('/themes/asapfrance/images/question-mark.png') no-repeat 0 0.7em;
color:#000;
font-style:italic;
height:60px;
margin:1.5em 0 0 0;
padding:0 0 0 50px;
}
html>body .quizz {
height:auto;
min-height:60px;
}
.wink {
background:transparent url('/themes/asapfrance/images/wink.png') no-repeat 0 0.7em;
color:#000;
font-family:'Comic Sans MS', sans-serif;
height:60px;
margin:0;
padding:0 0 0 70px;
}
html>body .wink {
height:auto;
min-height:60px;
}
.saying {
background:transparent url('/themes/asapfrance/images/gugus-soleil.png') no-repeat 0 0;
height:80px;
margin:0;
padding:0 0 0 90px;
}
html>body .saying {
height:auto;
min-height:80px;
}
/* help stuff */
a.bulle {
background:transparent url('/themes/asapfrance/images/comic-info.png') no-repeat 100% 0;
display:inline-block;
padding-right:27px;
}
.help {
border:0;
width:350px; 
}
#content .help .wrapper {
background:transparent url('/themes/asapfrance/images/help-bg.png') no-repeat 0 0;
padding:30px 40px 0 80px;
width:230px;  
}
.help .wrapper * {
background-color:white;
}
.help .wrapper p, .help .wrapper li {
font-size:90%;
}
.help .spacer {
background:transparent url('/themes/asapfrance/images/help-bg-bottom.png') no-repeat 0 0;
height:66px;
}
.help .close {
border:1px solid black;
color:black;
cursor:pointer;
display:block;
font-size:100%;
font-weight:bold;
padding:0 5px;
position:absolute;
right:70px;
text-decoration:none;
top:120px;
z-index:100;
}
.help .close:hover {
background-color:black;
color:white;
text-decoration:none;
}
/* help when javascript is activated on the client (i.e. browser) */
.javascript-on .help {
/*left:50%;
margin-top:-175px;
margin-left:-17px;
position:fixed;
z-index:100;*/
left:-50%;
margin-left:-550px;
margin-top:-375px;
position:absolute;
z-index:100;
}
.javascript-on .help .wrapper {
cursor:move;
}
/* help states */
.hidden {
display:none;
}
.visible {
display:block;
}
/* help content */
.help .wrapper * {
position:relative;
}
.help h2 {
background-image:none;
padding-left:0;
}
.help p, .help ul {
margin-bottom:0;
padding-bottom:1em;
}
/* end of help stuff */
.lettrine {
font-family:georgia, serif;
font-size:250%;
line-height:100%;
}
.bg {
color:#000;
padding:0 3px;
}
.green {
background-color:#abc837;
}
.blue {
background-color:#37abc8;
}
.red {
background-color:#ff3b00;
}
.yellow {
background-color:#f3c200;
}
.streetname {
background-color:#003380;
border:#000 2px solid;
color:#fff;
display:block;
float:left;
font:1.2em georgia, times, courier, serif;
margin:-0.2em 0.5em 0.5em 0;
padding:0.1em 0.3em;
text-align:center;
width:60px;
}
/* columns */
.column {
float:left;
padding-right:3%;
width:30%;
}
.column h2 {
background:none;
border-bottom:5px solid #ececec;
clear:none;	
color:#999;
font-family:serif;
margin-bottom:0;
padding-bottom:0;
padding-left:0;
}
.column li {
background:none;
margin:0;
padding-left:0;
}