* { color: #FFF; font-family: Helvetica, Arial, serif; font-size: 12px }
body { background: #102540; margin: 0; padding: 0; text-align: center }

a, a:link, a:focus, a:visited { color: #cf0; text-decoration: none }
a:hover { color: #FFF }
a:active { color: #3CF }

img { border: 0; margin: 0; padding: 0 }
form * { color: #333 }
select { border: 1px solid #333; padding: 0 }
input.text {  }
input.submit {  }
.clear { display: block; clear: both }

h1 { margin: 0; padding: 0 }
h1 span { display: none }
h1 a { display: block; position: relative; z-index: 99; width: 160px; height: 146px }
#main { text-align: left; margin: 0 auto; width: 1002px; padding: 0 10px; background: #102540 url(/z__imgs/ihm/bg-main.jpg) repeat-y }

h4 { font-size: 1.2em; font-weight: bold; padding: 0; margin: 0 }
h5 { font-size: 1.1em; font-weight: bold; padding: 0; margin: 0; letter-spacing: 1px }
h6 { font-size: 1em; font-weight: bold; font-style: italic; padding: 0; margin: 0 }

p { margin: 0; padding: 5px 0 }

#header { z-index: 10; width: 908px; height: 309px; background: url(/z__imgs/ihm/logo-coullier.jpg) no-repeat }


#nav { position: relative; margin: -309px 0 2px 175px; width: 807px; height: 90px; z-index: 100; }
#nav ul { background: url(/z__imgs/ihm/bg-nav.jpg) repeat-y; height: 60px; margin: 0; padding: 0; list-style-type: none; }
#nav ul li { float: left; display: inline; }
#nav ul li a,
#nav ul li a:link, 
#nav ul li a:visited { display: block; color: #FFF; line-height: 12px; background: #102038 url(/z__imgs/ihm/bg-nav-bouton.jpg) no-repeat right top; text-align: center; width: 86px; height: 36px; margin: 0 40px 0 0; padding: 24px 5px 0 }
#nav ul li a:hover { color: #CF0 }
#nav ul li a.nav2lines,
#nav ul li a.nav2lines:link,
#nav ul li a.nav2lines:visited { padding-top: 19px; height: 41px }

#nav img { height: 60px; float: right; margin: -60px 0 0 0 }


#coullierorg { color: #71c4ee; font-size: 11px; width: 800px; margin: 13px 0 0;}
#coullierorg img { height: 32px; width: 140px; float: right; margin: -13px 0 0 0; }

#content { z-index: 20; position: relative; width: 904px; margin: 0 0 0 78px; background: url(/z__imgs/ihm/bg-complet-top.png) no-repeat top left }

/*
 *	Colonne de gauche
 */

#ss_nav { width: 271px; float: left }
#ss_nav h2 { height: 41px; letter-spacing: 1px; font-size: 1.6em; font-weight: normal; margin: 0 0 0 75px; padding: 20px 0 0 0px; text-align: center; width: 200px }

#search { height: 93px; margin: 0; margin: 16px 0; padding-top: 1px }
#search h3 { float: left; text-align: left; font-size: 1.1em; font-weight: normal; width: 90px; padding: 20px 0 20px 10px; margin: 0 }
#search form { margin: 5px 0 0; padding: 0 0 0 102px }
#search form select { width: 76px; margin: 0 7px 7px 0; float: left; font-size: 0.9em }
#search form dt { display: none }
#search form dd { margin: 0; padding: 0 }
#search form input.submit { width: 76px; margin: 2px 5px 0 0; font-size: 0.9em }

#nav_artistes { background: #084878 url(/z__imgs/ihm/left-bg-edito.png) no-repeat bottom left }
#nav_artistes br { display: none }
#nav_artistes h3 { color: #c30; font-size: 1.4em; font-weight: normal; height: 20px; margin: 0; padding: 4px 0 0 75px; }
#nav_artistes ul { position: relative; left: 5px; width: 232px; margin: 0; padding: 0; list-style-type: none }
#nav_artistes li { background: #21334b; height: 70px; margin: 0 0 2px; padding: 0 }
#nav_artistes img { width: 70px; height: 70px; float: left; margin: 0; padding: 0; margin-right: 5px }
#nav_artistes .artiste { float: left; display: block; width: 153px; font-weight: bold; margin: 0 0; padding: 2px 0 0 }
#nav_artistes .artiste a,
#nav_artistes .artiste a:link,
#nav_artistes .artiste a:visited { font-size: 1em; color: #FFF }
#nav_artistes .date { float: left; display: block; width: 153px; font-size: 11px; color: #F90; margin: 0 }
#nav_artistes .salle,
#nav_artistes .lieu { float: left; display: block; width: 153px; color: #999; font-size: 0.9em; margin: 0 }
#nav_artistes .salle { padding: 0 }
#nav_artistes .lieu { padding: 0 }
#nav_artistes li a,
#nav_artistes li a:link, 
#nav_artistes li a:visited { color: #cf0; font-size: 0.9em }
#nav_artistes li a:hover { color: #fff; text-decoration: underline }
#nav_artistes .achat { font-size: 0.9em; width: 148px; display: block; float: left; text-align: right; padding-right: 5px }

#nav_pro { background: #084878 url(/z__imgs/ihm/left-bg-edito.png) no-repeat bottom left }
#nav_pro br { display: none }
#nav_pro h3 { color: #c30; font-size: 1.4em; font-weight: normal; height: 20px; margin: 0; padding: 4px 0 0 75px; }
#nav_pro ul { position: relative; left: 5px; width: 232px; margin: 0; padding: 5px 0 10px; list-style-type: none; text-align: center }
#nav_pro li { height: 20px; margin: 0 0 2px; padding: 10px 0 0; background: none }
#nav_pro li a,
#nav_pro li a:link, 
#nav_pro li a:visited { color: #cf0; font-size: 1.3em }
#nav_pro li a:hover { color: #fff; text-decoration: underline }

/*
 *	Partie centrale
 */

#main_zone { margin: 0 0 0 286px }
#main_zone_top { height: 61px }
#main_zone_top h3 { margin: 0; padding: 20px 0 0 15px; font-size: 1.9em; letter-spacing: 1px; color: #FFC300; font-weight: normal }
#main_zone_content { position: relative; top: -2px; left: 15px; margin: 18px 15px 0 -15px; padding: 5px 5px 0 5px; background: #19506D url(/z__imgs/ihm/bg-liste.png) no-repeat top left }

/*
 *	Footer
 */

#footer { margin: 0 0 0 -20px; padding: 8px 0 16px 96px; background: url(/z__imgs/ihm/bg-footer.jpg) no-repeat bottom center }
#footer ul {  margin: 0; padding: 0; list-style-type: none }
#footer ul li { font-size: 11px; color: #71c4ee; margin: 0; padding: 0 0 0 3px; display: inline }
#footer ul li a,
#footer ul li a:link, 
#footer ul li a:visited { font-size: 1em; color: #71c4ee }
#footer ul li a:hover { color: #cf0 }