body, div, a, img, h1, h2, ul, li, span, p, ol, tr, td, h3, h4,
h5, h6, blockquote {
	margin:0;
	padding:0; 
	border:0;
	} 

button, input, textarea, fieldset, label {
	margin:0;
	padding:0;
	} 

img {
	line-height:0;
	}

a:link,a:visited,a:active {
	text-decoration:none; 
	color:#752217; 
	cursor: pointer;
	}

a:hover{
	text-decoration: underline;
	}

body {
	background:url(../images/bandeau.jpg) no-repeat #e3bb5c top center; 
	font:15px/19px Verdana; 
	color:#752217; 
	font-weight:bold;
	}

.clear {clear:both;}
.center {text-align:center;}
.right {text-align:right;}
.maj {text-transform:uppercase;}
.erase {display:block;  text-align:-5000px; font-size: 0;}
.hide {display: none;}
.error{color: #ff0000;}
.important{text-align:center; font-size:120%; text-decoration:blink;}
.moins_important{text-align:center; font-size:120%;color:#000;}

a.color1{
	color: #131163;
	}

#conteneur {
	width:860px; 
	background:#f9efbb; 
	margin: auto; 
	margin-top:130px; 
	position: relative;
	}

#header { 
	height: 30px; 
	background: url(../images/content.gif); 
	}

#header h1 a {
	position: absolute; 
	top: -110px; 
	left: 110px; 
	width: 500px; 
	height: 90px;
	}

#header img {
	float:left; 
	margin-left:20px;
	}

#menu {
	background:url(../images/header-gif.gif) no-repeat; 
	padding-left:68px;
	float:right; 
	width:583px; 
	font-size:16px;
	}

#menu a {
	display: block; 
	float: left; 
	padding:0 24px; 
	line-height:24px; 
	height: 35px; 
	white-space:nowrap;
	}

#menu a:hover {
	text-decoration: none;
	}


#menu a.current {
	color:#131163;
	}

#menu a.actu:hover, #menu a.actu.current {
	background:url(../images/menu-actu.jpg) no-repeat bottom center;
	}

#menu a.cours:hover, #menu a.cours.current {
	background:url(../images/menu-cours.jpg) no-repeat bottom center; 
	}

#menu a.spectacles:hover, #menu a.spectacles.current {
	background:url(../images/menu-spectacle.jpg) no-repeat bottom center; 
	}

#menu a.qui:hover, #menu a.qui.current {
	background:url(../images/menu-qui.jpg) no-repeat bottom center; 
	}

#content {margin-top:20px; padding: 0 27px; background: url(../images/content.gif);}
#content.accueil { padding: 0 17px 0 18px; }
#content.accueil .intro { padding: 0 27px; }
		
#leftcol {position: relative; float:left;width:420px;background:url(../images/tags.jpg) no-repeat 20px 20px;}
#leftcol big {position: absolute; top: 360px; left: 150px; font-size: 15px;}
		
#content { font-size:13px;}
#content h3 {text-indent:30px; font-size:15px}
#content p {background-color:#e3bb5c; font-weight:normal;}
#content .nobg { background: 0; }
#content #galerie {margin-top:205px;}
a.galerie {color:#131163; }
#content .cite h4 {font-size:17px;text-align:left;}
#content .cite p {background-color:#f9efbb; text-align:left;}
#content .cite  {text-align:right;margin-left:30px;}
#content .cite  a {text-decoration:underline;}
#content .cite  {margin-bottom:30px;}
.equipe {position: relative; margin-left: -10px;}
				
.text-haut { position: relative; background:url(../images/txt-haut.jpg) no-repeat #e3bb5c top center; width:828px; height:29px; margin:0 auto;}
				
#tab { position: absolute; height: 37px; top: -24px; margin: 0 0 0 50px; list-style: none; }
#tab li { display: block; float: left; height: 37px; text-align: center; line-height: 44px; margin-right: 10px; }
* html #tab li { display: inline; }
#tab li a { display: block; float: left; height: 37px; cursor: pointer; }
#tab li a span { display: block; float: left; height: 37px; padding: 0 25px; }
#tab li.current { background: url(../images/tab-m.gif) repeat-x top; }
#tab li.current a { color:#131163; background: url(../images/tab-l.gif) no-repeat top left; }
#tab li.current a span { background: url(../images/tab-r.gif) no-repeat top right; }
				
.text-bas { background:url(../images/txt-bas.jpg) no-repeat #e3bb5c top center; width:828px; height:25px;margin:0 auto;}
				
.text {background:url(../images/txt-centre.jpg) repeat-y #e3bb5c center; padding:0 80px; width:668px; margin:0 auto;}
				
.text#actualite ul {font-weight:bold; list-style: none;}
.text#actualite ul li { padding-bottom: 30px; }
			
.text#qui-cv ul {font-weight:bold; list-style: none;}
.text#qui-cv ul li { padding-bottom: 30px; }
				
.text#qui ul { list-style-position: inside; }
.text#qui ul li { text-indent: 35px; }
					
.text#contact fieldset { border: 1px solid #752217; padding: 10px; }
.text#contact fieldset legend { margin-left: 30px; padding: 0 5px; }
.text#contact fieldset label { width: 150px; float: left; text-align: right; padding-right: 20px; }
.text#contact fieldset input,
.text#contact fieldset textarea { border: 1px solid #752217; padding: 1px 3px; background: 0; }
.text#contact fieldset #submit { margin-left: 170px; }
					
.text p {padding:8px 0; color:#000;}
.text .black { color:#000;}
.text strong {font-weight:bold; color:#752217}
				
.f-left {float:left; font-size:12px;}
.f-right {float:right; font-size:12px;}
.text p.f-left {width:430px;}
.text p.f-right {width:230px;}
					
.text h4 {font-size:13px; color:#131163; margin-top:10px;}
.text li h4 {font-size:15px; color:#131163; padding-top:10px;margin-top:0; text-indent:35px;}
.text li h5 {font-size:15px; color:#752217; text-align:center; border-bottom:1px dashed #752217;padding:8px 0;}
					
.onglet {margin-left:9px; background-color:#ffffff; width:760px;}	
.text-blc {background-color:#ffffff; width:720px; padding:0 20px;margin-left:9px;}
#content p.blc {background-color:#ffffff; padding-top:20px; color:#000;font-size:14px; line-height: 23px;}
#content p.dl {background-color:#ffffff; padding-bottom:15px; color:#000;font-size:14px; line-height: 23px;}
.bm {width:400px; float:left;}
.text-blc img{padding:10px;}
#content p.duree, #content p.type , #content p.public {font-weight:bold; background-color:#ffffff; padding:5px 0;}
#content p.duree {float:right;}
				
#accordion a {color:#131163;}
				
.cours p  {font-weight:normal;}
.cours ul  {margin-left:30px;}
.cours li {color:#131163; margin-top:10px;}
.cours a {color:#000; text-decoration:underline; font-weight:bold;}
				
#rightcol {float:right;}
#rightcol img {padding-top:20px; }

#footer {background:url(../images/footer.jpg) no-repeat; height:85px; font-size: 13px;}
#footer .menu { padding: 55px 0 0 74px; line-height: 25px; }
#footer a.legal {font-weight: normal; padding-right: 197px;}
#footer a.liens { padding-right: 25px; }

<!-- Pour la gallerie: -->

#gallery {
    position: relative;
    width: 750px;
}
#thumbs {
    width: 180px;
    float: left;
}
#thumbs a {
    display: block;
    float: right;
    margin: 0 0 5px 5px;
    width: 50px;
    height: 50px;
    border: 0px solid #000;
}
#thumbs a img {
    width: 50px;
    height: 50px;
    border: 0;
}
#thumbs a:hover {
    border-color: #ddd;
}
#thumbs a:hover img {
    position: absolute;
    width: 450px;
    height: auto;
    left: 330px;
    top: 160px;
    border: 1px solid #333;
}
