/* CSS Document */

html, body {background:url(pics/fond.gif) #BCE4F7;
margin:0; 
padding:0; 
height:100%;
font-family:Arial, Helvetica, sans-serif; 
color:#000; 
font-size:10px;}

#entier{
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background:#FFF;
	min-height: 100%; /*  */
}

/*pour montrer à IE win mais cacher à IE mac*/
* html #entier{
	height: 100%;
}


/* truc pour cacher un div "float" de certains browsers si besoin */
#entier::after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;
}

#entete {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -400px;
	padding: 0;
	width: 800px;
	background:url("pics/entete.jpg") top left no-repeat #000;
	height:123px;
}


#breche {
	position:absolute;
	top:0px;
	width:200px;
	height:50px;
	z-index:90;
	left: 592px;
} 

#credits {
position:absolute;
float:left;
vertical-align:top;
height:30px;
margin-left:20px;
}

#contenu_programme {
position:relative;
top:123px;
width:800px;
background: url(pics/charivarue.gif) top left no-repeat #FFF;
}

#contenu_programme p {margin:0 30px;}
#contenu_programme div {margin-left:0px;}

/*/////// PAGE CALENDRIER ////////*/


#contenu_calendrier {
position:relative;
top:123px;
width:800px;
background:url(pics/fond_calend.gif) top left no-repeat #FFF;
}

#contenu_calendrier table {margin:0px 15px 0 15px;}


#crac, #basilique, #plage, #divette, #oeuf, #tourlaville, #moulin, #fourches {
	position:absolute;
	background-color:#fff;
	border:2px solid#000;
	padding:5px;
	font-size:9px;
}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8 {
	position:absolute;}

#crac{left: 210px;top: 110px;}
#p1{left: 381px;top: 122px;}
#basilique{left: 326px;top: 205px;}
#p2{left: 480px;top: 219px;}
#plage{left: 403px;top: 297px;}
#p3{left: 502px;top: 279px;}
#divette{left: 496px;top: 178px;}
#p4{left: 475px;top: 181px;}
#oeuf{left: 542px;top: 71px;}
#p5{left: 521px;top: 86px;}
#tourlaville{left: 71px;top: 172px;}
#p6{left: 150px;top: 155px;}
#moulin{left: 413px;top: 126px;}
#p7{left: 393px;top: 146px;}
#fourches{left: 605px;top: 242px;}
#p8{left: 586px;top: 251px;}
	

/*/////// MENU ////////*/

.menu {
width:800px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; font-weight:bold; position:absolute; top:99px; z-index:99; }


.menu ul {
padding:0;margin:0;list-style-type:none;
}
.menu ul li {
float:left; position:relative; 
}
.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none; color:#FFF; padding:0px 13px; line-height:24px; height:24px; 
}

.menu ul li:hover {width:auto;}

.menu ul li a.menuone:hover {background-color:#7DB3F1 ; color:#FFF; }

.menu ul li:hover a.menuone {background-color:#7DB3F1 ; color:#FFF; }

.menu ul li a.active {background-color:#86D0F1 ; color:#FFF;}

.menu ul li ul {
display: none;z-index:99;
}


/* specific to non IE browsers 
.menu ul li:hover ul {
display:block;position:absolute;top:24px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #650118;  
}
.menu ul li:hover ul.endstop {
left:-92px;  
}
.menu ul li:hover ul li ul {
display: none; 
}
.menu ul li:hover ul li a {
display:block;background:#9D0825; color:#FFF;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #650118; border-bottom:0; 
}
.menu1 ul li:hover ul li a.drop {
background-color:#F000;
}
.menu ul li:hover ul li a:hover {
color:#FFF; background-color:#000; 
}
.menu ul li:hover ul li a:hover.drop {
background-color:#F000; 
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
left:-153px; 
}



/* specific to IE5.5 and IE6 browsers 
.menu ul li a:hover ul {
display:block;position:absolute;top:22px; t\op:25px; background:#F8897B;left:0; border-bottom:1px solid #650118; z-index:99; 
}

.menu ul li a:hover ul.endstop {
left: -92px; z-index:99; 
}
.menu ul li a:hover ul li a {
display:block;background:#9D0825;color:#FFF; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #650118; border-bottom:0; z-index:99; 
}
.menu ul li a:hover ul li a.drop {
background-color:#D5453C; padding-bottom:4px; z-index:99; 
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0; z-index:99; 
}
.menu ul li a:hover ul li a:hover {
color:#000; background-color:#D5453C; z-index:99; 
}
.menu ul li a:hover ul li a:hover.drop {
background-color:#D5453C; z-index:99; 
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px; z-index:99; 
}
.menu ul li a:hover ul li a:hover ul.left {
left:-153px; z-index:99; 
}
*/



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

.img-left {margin-right:20px;
margin-bottom:10px;}

.img-right {margin-left:20px;
margin-bottom:10px;}


/*/////// STYLES TYPOS /////*/
.marge {margin:0 20px;}

.titre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-transform:uppercase;}


.date { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

.titrespec {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#13A5E3; text-transform:uppercase;}
.titreautres {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#95C154; text-transform:uppercase;}
.cat {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFE538; text-transform:uppercase;}

.spectacle1, .spectacle1 a:link, .spectacle1 a:visited { font-size:11px; font-weight:bold; color:#13A5E3; text-decoration:none;}
.spectacle1 a:hover, .spectacle1 a:active {color:#000; text-decoration:none;} 
.spectacle2, .spectacle2 a:link, .spectacle2 a:visited { font-size:11px; font-weight:bold; color:#95C154; text-decoration:none;}
.spectacle2 a:hover, .spectacle2 a:active {color:#000; text-decoration:none;} 

.coulvert {color:#95C154}

.infos {font-weight:bold; font-size:11px;}