/* on met tout à zéro pour  */
/* * {margin:0;padding:0;} */

p, div, span, ul, li, h1, h2, h3, h4, dl, dt, dd, form {margin:0;padding:0;}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #B4B3B4;
	background-color:#000000;
	background-image: url(img/bg_page.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 12px;
}


td, ul,li{
	margin: 0;
	padding: 0; 
  font-family: Arial, Helvetica, sans-serif;
	color: #B4B3B4;
}
a img {border:none;}
a {color:#b4b3b4;}
a:hover {color:#b4b3b4;}


/*on fixe le contenu de page*/
#container{position:absolute;top:91px;
	width:983px;

}
#header {

	padding:27px 0 0 231px;
	height:250px;
	margin:0;
	background-image: url(img/bg_header.gif);
	background-repeat: no-repeat;
}

#header2 {

	padding:27px 0 0 231px;
	height:250px;
	margin:0;
	background-image: url(img/bg_header2.gif);
	background-repeat: no-repeat;
}

#header #logo,#header2 #logo {position:absolute; z-index:5; top:0px; left:0px; width:150px; height:79px;display:block;}



/*////////////////////////////////////*/
/* colonne de gauche*/

#colleft{width:340px; padding:0;float:left;margin:73px 0 0 0;}
#colleft .illus{padding-top:235px;}
#minmenu {padding-top:1px;width:142px;margin-left:18px;}
#colmiddle{width:310px; margin-left:340px;margin-top:67px;}
#colfull{width:600px; margin-left:340px;margin-top:67px;}
 h1{margin-top:15px;	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	background-color:#000000;		font-size: 13px;}
#colmiddle p,#colfull p {margin-top:15px;}
#colmiddle span,#colfull span {color:#CF0000;font-weight:bold;}
#colright{width:320px; padding:0;float:right;margin:0 0 0 0;}
#illustration {margin-top:15px;text-align:right;}
.aquarium{	background-image: url(spectacles/img/illus_aquarium2.jpg);	background-position: right bottom;	background-repeat: no-repeat;}
.marneur{	background-image: url(compagnie/img/illus2_antoine_marneur.jpg);	background-position: right bottom;	background-repeat: no-repeat;}

/*colonne de droite*/
#onglet{width:307px;	background-image: url(img/ongletcadreTop.gif);	background-repeat: no-repeat;padding-top:1px;}
#onglet2,#onglet3{width:307px;	background-image: url(img/ongletcadreTop.gif);	background-repeat: no-repeat;padding-top:40px;}
#onglet2 p{clear:both;text-align:center;color:#CF0000;padding: 0px 10px 10px 10px;}
#onglet3 p{clear:both;text-align:center;color:#CF0000;padding: 0px 24px 10px 24px;}

#spectacles{color:#CF0000;padding: 0px 10px 0px 10px;}
#spectacles #laus{padding-top:40px;}
#spectacles img{float:left;	border: 1px solid #383837;margin-right:10px;}
#spectacles #stage{clear:both;text-align:center;padding-top:10px;}

#onglet2 p{clear:both;text-align:center;color:#CF0000;padding: 0px 10px 0px 10px;}
.calendrier table {margin-bottom:47px;}
.calendrier table strong{color:#CF0000;}
.calendrier td{vertical-align:top;
	padding :5px 5px 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #454445;
}
.calendrier p {color:#FFFFFF;padding-bottom:15px;}
.calendrier table #info td{
	border-bottom-color: #868586;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #454445;
}

#lectorales p{
	clear:both;text-align:left;
	color:#CF0000;
	padding: 0px 24px 10px 24px;
	background-image: url(img/puce_rouge.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
}

/*----Separation----------------------*/
/*home*/
#separe{clear:both;height:20px;width:970px;background-color:#D3F1B2;}
#separe2{clear:both;height:40px;}

/*pages*/

/*dans cantenu quand illustration*/
#separe3 {clear:both;height:35px;}

/**************************/