/* structure */
		
body
{
margin: 0;
padding: 0;
font-size: 95%;
font-family: georgia, times, "times new roman", serif;
color: #fff;
background-color: #000;
}
		
a:link, a:visited { color: #B10022; }
a:hover, a:active { color: #fff; }

h3 { color: #B10022; }
hr {
border:	0;
border-top:	1px dashed #B4936D;
height:	1px;
}
div#gauche
{
background-image:  url(img_index/bande-cine-gauche.gif);
background-repeat: no-repeat;	
margin-top: 0;	
}
		
div#droite
{
background-image:  url(img_index/bande-cine-droite.gif);
background-repeat: no-repeat;
background-position: top right;	
margin-top: 0;	
}
		
div#menugauche
{
float: left;
width: 100px;
padding: 0;
margin-top: 0;	
}
		
div#menudroite
{
float: right;
width: 100px;
margin-top: 0;	
padding:0;
color: #fff;
}
		
div#centre
{
margin-left: 100px;
margin-right: 100px;
margin-top: 0;	
padding: 0;
}

div#contenu
{
padding:15px;	
}
div#contenulachiasse
{
background-image:  url(textes/img/papier-chiotte.gif);
padding:15px;	
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
}
div#contenustinc
{
background-image:  url(stinc/img/fondcarton.jpg);
padding:15px;	
}
.lien-texte a, .lien-texte a:visited
{
color: #fff;
text-decoration:none;
}		

.lien-texte a:hover
{
color: #C38D01;
text-decoration:none;
}		

.humeur {padding: 10px;}
	
#cleardiv
{
clear: both;
}
		
div#footer
{
clear: both;
padding: .5em 1em;
text-align: center;
font-size: 90%;
}
		
div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
		
div#footer li
{
display: inline;
margin-right: 1em;
}

#bandeau {
background: white url(img_index/fondcrade.jpg) top left; 
color: #000;
}

.defil {
	color: #C38D01;
	font-weight: bold;
}
#result {
	color: #333;
	font-weight: bold;
	text-align: center;
}
li a:link, a:visited { color: #B10022; }
li a:hover, a:active { color: #fff; }		

.question-interview {
	background-color: #CCCCCC;
	border: 2;
	border-top-color: #990000;
	border-top-style: solid;
}
/* fin structure */

/* boutons survolés */
#bthome { 
position:absolute;
left: 16px;
top: 7px;
width: 66px;
height: 119px;
background:  url(img_index/BT-home-B.gif) top left no-repeat;
}

#bthome a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-home-N.gif) top left no-repeat; 
color: #000;
}
#bthome a:hover {
background: transparent none;
}	

#btkroniks { 
position:absolute;
left: 16px;
top: 132px;
width: 66px;
height: 119px;
background:  url(img_index/BT-kroniks-B.gif) top left no-repeat;
}

#btkroniks a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-kroniks-N.gif) top left no-repeat; 
color: #000;
}
#btkroniks a:hover {
background: transparent none;
}	

#btinterviews { 
position:absolute;
left: 16px;
top: 258px;
width: 66px;
height: 119px;
background:  url(img_index/BT-interviews-B.gif) top left no-repeat;
}

#btinterviews a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-interviews-N.gif) top left no-repeat; 
color: #000;
}
#btinterviews a:hover {
background: transparent none;
}	

#bttextes { 
position:absolute;
left: 16px;
top: 387px;
width: 66px;
height: 119px;
background:  url(img_index/BT-texte-B.gif) top left no-repeat;
}

#bttextes a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-texte-N.gif) top left no-repeat; 
color: #000;
}
#bttextes a:hover {
background: transparent none;
}	

#bttlwd { 
position:absolute;
right: 16px;
top: 7px;
width: 66px;
height: 119px;
background:  url(img_index/BT-tlwd-B.gif) top left no-repeat;
}

#bttlwd a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-tlwd-N.gif) top left no-repeat; 
color: #000;
}
#bttlwd a:hover {
background: transparent none;
}	

#btpapier { 
position:absolute;
right: 16px;
top: 132px;
width: 66px;
height: 119px;
background:  url(img_index/BT-papier-B.gif) top left no-repeat;
}

#btpapier a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-papier-N.gif) top left no-repeat; 
color: #000;
}
#btpapier a:hover {
background: transparent none;
}	

#btliens { 
position:absolute;
right: 16px;
top: 258px;
width: 66px;
height: 119px;
background:  url(img_index/BT-liens-B.gif) top left no-repeat;
}

#btliens a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-liens-N.gif) top left no-repeat; 
color: #000;
}
#btliens a:hover {
background: transparent none;
}	

#btstinc { 
position:absolute;
right: 16px;
top: 387px;
width: 66px;
height: 119px;
background:  url(img_index/BT-stinc-B.gif) top left no-repeat;
}

#btstinc a {
display: block;
width: 100%;
height: 100%;
background: white url(img_index/BT-stinc-N.gif) top left no-repeat; 
color: #000;
}
#btstinc a:hover {
background: transparent none;
}	

#contreinfos {
width: 230px;
height: 318px;
background:  url(img_index/fondcontre-infos.jpg) no-repeat;
text-align:left;
padding: 15px;

}
#contreinfos a {
text-decoration:none;
font-weight:bold;
color:#000;
}
#contreinfos a:hover {
text-decoration:none;
font-weight:bold;
color:#530011;
}


#lachiasse { 
width: 50px;
height: 79px;
background: url(textes/img/la_chiasse_en_gif.gif) top left no-repeat;
}

#lachiasse a {
display: block;
width: 100%;
height: 100%;
background: white url(textes/img/humeur-06.gif) top left no-repeat; 
color: #000;
}
#lachiasse a:hover {
background: transparent none;
}	

#skuds { 
width: 101px;
height: 101px;
background: url(interviews/img/SPP02.gif) no-repeat;
}

#skuds a {
display: block;
width: 100%;
height: 100%;
background: white url(interviews/img/SPP03.gif) no-repeat; 
color: #000;
}
#skuds a:hover {
background: transparent none;
}

#PHT { 
width: 180px;
height: 173px;
background: url(interviews/img/PhaseT10.gif) no-repeat;
}

#PHT a {
display: block;
width: 100%;
height: 100%;
background: white url(interviews/img/PhaseT09.gif) no-repeat; 
color: #000;
}
#PHT a:hover {
background: transparent none;
}	

#flingue { 
width: 226px;
height: 167px;
background: url(textes/img/police10.gif) no-repeat;
}

#flingue a {
display: block;
width: 100%;
height: 100%;
background: white url(textes/img/police09.gif) no-repeat; 
color: #000;
}
#flingue a:hover {
background: transparent none;
}	
/* fin boutons survolés */

/* mise en page images */
.imggauche {
  float: left;
  padding: 10px;
} 

.imgdroite {
  float: right;
  padding: 10px; 
} 
.img-survol-gauche {
  float: left;
} 

.img-survol-droite {
  float: right;
} 

/* fin mise en page images */
#stincpage
{
padding: 4px;
text-decoration: none;
background:url(stinc/img/fondcarton.jpg) repeat-x;
}
#stincnav {
padding:0;
margin:0;
height:22px;
}

#stinclist
{
padding:0;
padding-left: 20px;
border-bottom: 1px solid #000;
font: bold 12px Verdana, sans-serif;
}

#stinclist li
{
list-style: none;
margin: 0;
display: inline;
}

#stinclist li a
{
padding: 4px;
border: 1px solid #000;
border-bottom: none;
text-decoration: none;
background:url(stinc/img/fondonglet1.jpg) no-repeat;
}

#stinclist li a:link { color: #448; }
#stinclist li a:visited { color: #667; }

#stinclist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#stinclist li a#current
{

border-bottom: 1px solid white;
}
.ongleton
{
background: url(stinc/img/fondonglet1.jpg) no-repeat;
}
.ongletoff
{
background: url(stinc/img/fondonglet2.jpg) no-repeat;
}
.border {
background:url(textes/img/border.gif) repeat-y;
}
 #navcontainer
{
border-bottom: 1px solid #000;

}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li#active { background: url("navBarBgHover.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("navBarBgHover.gif") repeat-x 20px; }

.digits {
background-color: black;
color: #B10022;
font-family:"Courier New", Courier, mono;
font-size:16px;
font-weight:bold;
}

ul {
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 20px;
	margin-right: 20px;
	
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	border: none;
	
	text-indent: 4px;
	font-size: 11px;
	
	list-style: none;
	}

li {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	
	padding-left: 20px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 2px;
	
	border: none;
	
	background-image: url('img_index/bullet_li.gif');
	background-repeat: no-repeat; 
	background-position: 0px 10px;
	
	font-size: 11px;
	}

li a { 
	text-decoration: none; 
	}
	
select {
	font-family : Arial ;
	font-size : 12px ;
}