/* tbse.css 20070810 */
body {
	background:white;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
 	font-family: 'Trebuchet MS' ,arial, helvetica, sans-serif;
	font-size:11px;
   	color:black;
}

div#phraseform , div#catform {
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	border:dashed 1px #3366cc;
	padding-top:0px;
}

div#phraseform h2, div#catform h2, div#autopromo h2 {	
	font-size:11px;
	padding-left:8px;
	color:white;
	margin:0;
	background-color:#0080C0;	
}

#phraseform form, #catform form {
	padding:10px;
}

#phraseform input, #catform input {
	border:solid 1px #303030;
	
}

div.element {
	padding-top:3px;
	position:relative;	
	margin-bottom:5px;
	border:solid 1px #c0c0c0;
}

div.element hr {
	visibility:hidden;
	clear:both;
}

div.element div.eltcontent {
	margin-left:150px;
}

div.element span.label {
	float:left;
	display:block;
	width:130px;
	padding:2px;
	margin-right:10px;
	background-color:white;
	color:black;
}

span.mycheckbox {
	display:block;
	border:solid 1px #c0c0c0;
	margin:2px 20px 2px 0;
	float:left;
	width:100px;
	background-color:#f0f0f0;
}

span.mycheckbox:hover {
	background-color:#e0e0e0;
}

span.mycheckbox label {

}
.required {
	padding-left:0.5em;
}

div.element span.error {
	display:block;
	color:red;
}
input, textarea, select {
	border:solid 1px gray;
}

input:hover, textarea:hover, select:hover {
	background-color:#f0f0f0;
}

input.submit {
	background-color:#e0e0e0;
}

input.submit:hover {
	background-color:#c0d0c0;
}

strong.regid {
	font-size:2em;
}

div.howtolink {
	text-align:center;
	background-color:#f0f0f0;
	border:solid 1px gray;
}

div.howtolink h3 {
	margin-top:0;
	text-align:left;
	background-color:#0080C0;	
	color:white;
}

div.htmlcode {
	font-family:courier;
	font-weight:bold;
	background-color:#ffffc0;
	border:solid 1px gray;
	margin:10px;
}

input.button {
	background-color:#0080C0;
	color:white;
	font-weight:bold;
	border:1px solid black;
}

/* formulaire simulant un lien */
form.inlined {
	display:inline;
}

/* bouton simulant un lien */
input.contactbutton {
	border:none;
	background-color:white;
	color:blue;
	text-decoration:none;
	font-size:11px; 
}

#catform div {
	position:relative;
	/* obligé de spécifier taille pour ie */
	width:350px;
}

#catform select {
	padding:0;
	width:200px;
	border:1px solid black;
	margin-left:130px;
	margin-bottom:6px;
	display:block;
}

#catform span.label {
	display:block;
	background-color:#0080c0;
	color:white;
	font-weight:bold;	
	position:absolute;
	left:0;
	top:3px;
	width:120px;
	padding-right:4px;
	text-align:right;

}

.exemple {
	color:#900000;
}

a, .linklike {
	color:blue;
}

a {
	text-decoration:underline;
}

a:hover, input.contactbutton:hover {
	color:red;
}

td {
	font-size:11px;
}

div.pres {
	border:solid 1px #3366cc;
	padding:5px;
	margin:10px;
}
.pres strong {
	color:#990000;
}

img {
	border:none;
}

h1,h2,h3 {
	margin-top:8px;
	margin-bottom:4px;
}

#cont {
	position:relative;
	border:solid 1px white;
	z-index:0;
	top:0;
	left:0;
	
}

#main, #footer {
	margin-left:200px;
	margin-right:0px;
	padding:10px;
	border-left:dashed 1px #0080c0;
	border-bottom:dashed 1px #0080c0;
}

#main {
	margin-top:50px;
}

#copyright {
	font-size:9px;
}

#instructions {
	position:absolute;
	top:40px;
	left:0;
	width:180px;
	font-size:10px;
	padding:10px;
}

@media print {
	#instructions {
		display:none;
	}
	#main, #footer {
		margin-left:10px;
	}
}

#footer {
	text-align:center;
	margin-bottom:10px;
}

#footer a {
	text-decoration:none;
	margin-left:10px;
}

#principal {
	padding-left:10px;
}

h2, h1 {
	color:#333333;
}

h1 {
	font-size:15px;
}

h2 {
	font-size:13px;
}

#instructions h1 {
	font-size:15px;
	text-align:center;
}




h2.welcome {
	background-image:url(/immisc/ours2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:38px;
	
}

#navbar div {
	background-image:url(/immisc/flg.gif);
	background-position:3px 2px;
	background-repeat:no-repeat;
	padding-left:20px;
	text-align:center;
	display:block;
	width:100px;
	float:left;
}

#navbar div.first {
	padding-left:0;
	background-image:none;
}

#navbar div a {
	border:solid 1px black;
	display:block;
	background-color:#0080c0;
	color:white;
	font-weight:bold;
	text-decoration:none;
}

.hint1, .hint2, .hint3, .hint4, .hint5, .noresults, .lunettes {
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:38px;
	text-align:left;
	padding-top:4px;
	padding-bottom:15px;
}

.hint1 {
	background-image:url(/immisc/savant.gif);
}

.hint2 {
	background-image:url(/immisc/moust.gif);
}

.hint3 {
	background-image:url(/immisc/clinoeil.gif);
}

.hint4, .lunettes {
	background-image:url(/immisc/detente.gif);
}

.hint5 {
	background-image:url(/immisc/etonne.gif);
}

.noresults {
	background-image:url(/immisc/ours4.gif);
	height:40px;
}

h3 {
	font-size:12px;
}

h5 {
	font-size:9px;
}

.coltamp {
	width:130px;
	border:none;
	padding:0px;
	margin-top:10px;
}

/* flottant si navigation */
#principal .coltamp {
	float:left;
	margin-left:10px;
}

.coltamp h3 {
	width:110px;
	background:#0080c0;
	color:white;
	font-size:13px;
	font-weight:bold;
	padding:2px;
	margin-bottom:0;
}

.coltamp ul {
	margin-top:0;
	margin-left:0;
	width:130px;
	border:solid 1px #0080c0;
	padding-left:3px;
	padding-bottom:4px;
	padding-top:4px;
	font-size:10px;
}

.coltamp ul li {
	list-style-type:none;
}

/* si liste d'interview dans corps article */
ul.items li {
	display:inline;
	margin-left:10px;
}

/* si dans menu de gauche */
#instructions ul.items {
	padding:0;
	margin-top:5px;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	list-style-type:none;
}

#instructions ul.items li {
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:10px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:4px;
	border:solid 1px #0080c0;
	background-color:white;
}

#instructions ul.items li a {
	padding-left:4px;
	font-size:12px;
	background-color:#e0e0e0;
	display:block;
	text-decoration:none;
}

#instructions ul.items li a:hover {
	background-color:#c0c0c0;
}

#menu {
	position:absolute;
	top:0;
	left:0;
	/* if faut positionner la largeur pour que l'on puisse poser les items fils en right:0;
		sinon la taille n'est pas connue et le positionnement est impossible */
	width:100%;
	border-bottom:solid 1px #3366cc;	
	height:50px;
}

#menu a#mainlink {
	position:absolute;
	top:5px;
	left:25px;
	background:none;
	margin:0;
	padding:0;
	display:block;
	height:40px;
	width:150px;
	background-image:url(/immisc/tbutton.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#menu a#mainlink span {
	visibility:hidden;
}

#menu a, #menu a.selected:hover {
	display:block;
	position:absolute;
	padding:5px;
	bottom:0;
	background-color:#e0e0e0;
	color:#0000cc;
	text-decoration:none;
}

#menu a:hover, #menu a.selected {
	background-color:#3366cc;
	color:white;
	font-weight:bold;	
}

.question {
	z-index:1;
	font-style:italic;
	width:400px;
	background:#e0e0e0;
	border-bottom:solid 2px #c0c0c0;
	padding:2px;
}

p	{
	margin:2px;
}

b,strong {
	font-weight:bold;
}

#autopromo {
	border:solid 1px #3366cc;
}

#links {
	text-align:center;
}

#howtolink div {
	padding:8px;
}

.stamp {
	color:black;
	font-size:10px;
	padding:0px;
	margin-bottom:10px;
	text-align:right;
}

.miniurl {
	padding:0;
	margin:0;
	font-size:10px;
	color:#009040;
}

/* fiche de site */
.record {
	border-bottom:solid 1px #3366cc;
	margin-bottom:10px;
}

.record .head {
	position:relative;
	margin-bottom:6px;
}

.record .paystyles {
	position:absolute;
	right:130px;
	top:0;
}

.record .typecountry {
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	font-weight:bold;
}

.record .typecountry p {
	font-weight:normal;
}

.record .linkowner a {
	display:block;
	font-weight:bold;
}

.record .lang {
	color:#700000;
}

.important {
	color:red;
}

.mini {
	font-size:10px;
}

.sponsor {
	display:none;
}

.separateur {
	clear:both;
	visibility:hidden;
}

.artistpresent {
	position:relative;
	clear:both;
	margin-bottom:20px;
	height:220px;
}

.presentation {
	width:300px;
	border:dashed 1px gray;
	padding:10px;
}

.portrait {
	position:absolute;
	top:0;
}

#listedin {
	position:relative;
	width:353px;
	height:61px;
	background-image:url(/immisc/listedin.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#listedin a {
	display:block;
	text-decoration:none;
}

#listedin span {
	visibility:hidden;
}

#yahoo, #dmoz, #looksmart, #go {
	position:absolute;
}

#yahoo {
	left:10px;
	top:28px;
	width:81px;
	height:23px;
}

#looksmart {
	left:102px;
	top:28px;
	width:87px;
	height:18px;
}

#dmoz {
	left:201px;
	top:20px;
	width:69px;
	height:32px;

}

#go {
	left:277px;
	top:20px;
	width:67px;
	height:36px;
}

.okw3c {
	padding-top:4px;
	text-align:center;
}

.okw3c a {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:80px;
	margin-top:13px;
	margin-bottom:13px;
	height:15px;
	background-position:top left;
	background-repeat:no-repeat;
	border:none;
	text-decoration:none;
}

.okw3c a span {
	display:none;
}	

.okw3c .xhtml {
	background-image:url(/immisc/xhtml10.png);
}

.okw3c .vcss {
	background-image:url(/immisc/vcss.png);
}

.warning {
	color:red;
}

.getfirefox {
	margin-top:10px;
	margin-bottom:6px;
	text-align:center;
}