html, body { font-family: helvetica, sans-serif; font-size: 12px; color: #303030; line-height: 15px; }

a { text-decoration: none; color: #992600; }
a:hover { text-decoration: underline; }

img { border: none;  }

#main img { margin: 0 10px 10px 0; }
#columnA img { margin: 10px 10px 10px 0; }
#main .spip img { /*vertical-align: center; */ margin: 0; padding: 0;}
#main .document img { margin-bottom: 5px; }

#main .spip { margin-top: 10px; }

.spip_logos { display: block; }
.document {margin-top: 15px; font-size: 11px; color: #999999; } 

.imageBox img { }

#page { width: 830px; margin: 15px auto 45px auto; }

#columnA, #columnB, #columnC, #column_side, #column_full, #columnW, #columnS, #columnT, #columnD, #columnE, #columnF , #columnG{ float: left; padding-top: 15px; min-height: 250px;}

#columnA, #columnB, #column_side, #columnW, #columnE, #columnS { border-right: 1px solid #999999; }

#columnA { width: 370px; padding-right: 15px; }
html>body #columnA { width: 385px; padding-right: 15px; }

#columnB { padding-left: 15px; padding-right: 15px; width: 160px; }
html>body #columnB { width: 190px; padding-right: 15px; padding-left: 15px; }

#columnC { width: 175px; padding-left: 15px; }
html>body #columnC { width: 190px; padding-left: 15px; }

#columnC li li { padding-left: 30px; }

#columnW { width: 620px }

#columnD { padding-left: 15px; width: 395px;}
html>body #columnD { padding-left: 15px; width: 410px;}

#columnE { padding-right: 15px; width: 365px; }
html>body #columnE { padding-right: 15px; width: 380px; }

#columnF { padding-left: 10px; width: 410px; }
html>body #columnF { padding-left: 10px; width: 420px; }

#columnG { padding-left: 10px; width:370px;}
html>body #columnG { padding-left: 10px; width:380px;}

#columnS, #columnT { width: 177px; padding: 0 15px 0 0; margin: 5px 0 10px 0;}
#columnT { width: 162px; margin: 5px 0 10px 15px;}

#collection {padding-top: 15px;}

.box {display: relative; float: left; margin: 0 5px 5px 0;}

.past .box {width: 97px; height: 138px; overflow: hidden;}
.space .box {margin: 0 15px 15px 0; height: 150px; width: 100px;}
.now .box {margin: 0 15px 15px 0; height: 150px; width: 150px;}
.now img {display: block;}
.shop .box, .specials .box {height: 200px; width: 135px; margin: 0 0 5px 5px;}
.bio .box  {width: 100px; height: 100px; overflow: hidden; margin: 0 3px 15px 0;}
.bio img {padding-top: 5px;}
.tight .box, .posters .box {height: 100px; width: 190px; border-top: silver 1px dotted; padding: 10px 0 10px 0; margin: 0 15px 0 0;}
.tight img, .posters img {float: left; margin: 0 10px 0 0 !important; }
.posters .box {height: 150px;}
.specials .box {margin: 0 15px 15px 0; border-top: silver 1px dotted; }
.specials img {margin: 10px 0 10px 0 !important;}

.block {padding: 0 0 15px 0; margin: 15px 30px 0 0; border-bottom: 1px dotted #999999 }

/*HOMEPAGE*/
.home #columnA img {padding: 0 !important; margin: 5px 10px 5px 0 !important; float: left; }
.home #columnB img {padding: 0 !important; margin: 5px 10px 10px 0 !important; display: block; }
.home .box { padding: 5px 0 0 0; margin: 5px 0 5px 0; float: none; border-top: 1px dotted #999999;}
.home .group { border-bottom: 1px solid #999999; padding: 0; margin: 0 0 5px 0; }
.home .last { padding: 0; margin: 0 0 5px 0;  }
.home ul {margin: 5px 0 5px 0 !important;}
.home h2, .home h3 {font-size: 12px; line-height: 15px;}

.sep {margin-bottom: 15px;}

.clear { clear: left; }

h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 15px; line-height: 20px;}

h1 { color: #FF3300; }
h2 { color: gray; }
h3 { color: silver; }
h4 { color: gray; font-size: 12px; }

h3 a { color: gray; }
h2 a { color: #992600; }

h3 .extra {margin-bottom: 5px;}
#columnA .spip h3 {color: #666666;}
#columnA #text h3 {color: #666666;}

#footer { font-size: 11px; text-align: center; padding-top: 90px;} 

small, #top, .credit, #publications, .related { font-size: 11px; color: #999999; }
.credit {margin-bottom: 10px;}

.chapo {font-weight: bold; padding-top: 15px; color: black; }

#publications img {padding-top: 10px; }

#top a {color: gray;}

#topA, #topB, #topC, #topD { float: left; margin-right: 30px; }

#logo { clear: left; padding-top: 5px; }
html>body #logo { clear: left; padding-top: 30px; }

#nav {background: #FF3300; font-size: 11px; height: 22px; margin: 15px 0 0 0;}
html>body #nav {background: #FF3300; font-size: 11px; height: 22px; margin: 15px 0 22px 0;}

#navHome {background: #FF3300; font-size: 11px; height: 22px; margin: 15px 0 0 0;}

#navBar ul { /* all lists */
	padding: 0;
	list-style: none;
	line-height: 15px;
	margin: 0 0 0 -1px;
	font-weight: bold; 
}

#navBar a {
	display: block;
	min-width: 50px;
	padding: 4px 6px 3px 6px;
	border-width: 0 0 0 1px; 
	border-style: solid; 
	border-color: white;
	color: white;
	
}

#navBar a:hover {background: #992600;}
#navBar li {
	float: left;
	min-width: 50px; /* width needed or else Opera goes nuts */
}

#navBar li li { width: 150px; font-weight: normal; background: gray; border-top: 1px solid white;}

#navBar li ul a:hover { background: #999999; color: black }

#navBar li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	margin: 0;
	left: -999em; 
}

#navBar li:hover ul, #navBar li.sfhover ul { 
	left: auto;
}

#navBarSub
{
	padding: 4px 6px 3px 6px;
	background: #E8E8E8;
	clear: left;
}

#nav .hyperlinkon a {background: #992600;}
li .hyperlinkon, .hyperlinkon a {font-weight: bold;}

#main { clear: left; margin: 0 0 45px 0; }
#main ul { list-style: none; padding: 0 0 0 15px; } 
#columnC ul { padding: 0; margin: 0 0 15px 0;}
#columnC li { padding: 4px 0 3px 0; margin: 0; border-top: 1px dotted #999999 }
#columnC ul ul { margin: 5px 0 10px 0;}
#columnC li li { margin: 0 0 0 15px; padding: 4px 0 3px 0; }

#columnB .boxgroup {padding: 4px 0 4px 0; border-top: 1px gray dotted;}
#columnB .boxgroup ul, #columnB .boxlink ul {list-style: none; padding: 5px 0 5px 0; margin: 0;}
#columnB .boxgroup li {padding: 4px 4px 3px 4px; background: #E8E8E8; border-top: 1px solid white; overflow: hidden; }
#columnB .boxlink li {padding: 0; border-top: 1px solid white; overflow: hidden; }
#columnB .boxgroup li a { font-weight: bold; }

.mapThis a { padding: 4px 4px 3px 4px; background: gray; border-top: 1px solid white; font-weight: bold; color: white; }
.mapThis { display: block; margin: 10px 0 15px 0; }

#text {margin-top: 15px;}

#buttons { margin: 15px 0 15px 0;}
#buttons a {padding: 4px 6px 3px 6px; background: #E8E8E8; font-weight: bold; margin-right: 5px; }

strong {color: gray;}

.related { padding: 0; margin-top: 15px; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999 }

#columnPart1, #columnPart2, #columnPart3, #columnPart4, #columnPart5  { width: 156px; float: left; }
#columnPart2, #columnPart3, #columnPart4, #columnPart5  { margin-left: 10px; }

#columnPart1 h1, #columnPart2 h1, #columnPart3 h1, #columnPart4 h1, #columnPart5 h1 {margin-top: 15px;}

.disclaim { margin-top: 120px; }

.browse { margin-bottom: 15px; display: block;}

/*NOT GOOD / FIND OTHER SOLUTION*/
#columnB img {max-width: 190px;} 

.list {margin-top: 15px;}

/*Additions Ncls*/
/*highlights need to have height set*/
.box_highlights {display: relative; float: left; margin: 0 5px 5px 0; height:150px;}

/*quick and dirty addition to test forms*/
/*label{text-transform:capitalize;}*/
td{vertical-align:top;}
.left_form{
 width:300px;
}
td.left_form{
 width:300px;
}
.obligatoire_oublie{background-color:red;color:white;}
.obligatoire_oublie_fnt{color:red;}

.spip_form_choix_unique{
 list-style: none;
 margin:0px;
 padding:0px;
}
.spip_form_choix_multiple{
 list-style: none;
 margin:0px;
 padding:0px;
}
.spip_form_ok{font-size:16px;padding:20px;color:red;}
.warning1{color:red;}
.warning1 strong{color:red;}

/* Needed for recherche template*/
#columnX{padding-top: 15px;}

/* Icon boxes for playlist and video*/
#m3u{margin-top:10px;}
.icons{float:left;}
.m3u{margin-top:5px;}
.m3ulaunch{background-color:#EEEEEE;}

/*Shop*/
#columnApub{padding-top: 15px;}
#form{padding-top: 10px;}
.error{color:red;}
.minimenu{text-align:center;font-size:10px;color:gray;}

/*end additions Ncls*/