/* CSS Document */

body {
	margin:0;
	padding:0;
	color:#FFFFFF;
	font: normal 80%/1em Verdana, Arial, sans-serif;
	background-color: #99CCFF;
} 

#conteneur{
	width:100%;
	padding-top:89px;
	position:absolute;
	background: #99CCFF url(../design/header.jpg) no-repeat top center;
}

#conteneur p, h1, ul, li, span{
	display:none;
}

#index{
	display:block;
	position:absolute;
	left: 50%;
	top:9px;
	width:195px;
	height:80px;
	margin-left: -97px; /* moitié de la largeur */
	text-decoration:none;
}

#pelG{
	background:#000000 url(../design/borduregauche.gif) repeat-y left;
	border-top:25px solid #0066CC;
}

#pelD{
	background: url(../design/borduredroit.gif) repeat-y right;
	border-bottom:3px solid #0066CC;
}

#contenu{
	width:650px;
	margin:auto;
	background: url(../design/bobines_fond.png) no-repeat 0 -80px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

#bobine{
	float:left;
	width:350px;
	height:400px;
	background: url(../design/bobine_tourne.gif) no-repeat 60px 60px;
}

#menu{
	float:right;
	width:195px;
	height:300px;
	background: url(../design/menu-bnv.png) no-repeat 0 80px;
	margin-right:50px;
}
/*

#menu{
	float:right;
	width:195px;
	height:300px;
	background: url(../design/menu-normal.png) no-repeat 0 80px;
	margin-right:50px;
}
*/

/*    Liens  */

#cine{
	width:100%;
	height:50px;
	display:block;
	margin-top:95px;
}

#cine:hover{
	background: url(../design/menu-bnv.png) no-repeat -198px -15px;
}

#cafe{
	width:100%;
	height:50px;
	display:block;
	margin-top:2px;
}

#cafe:hover{
	background: url(../design/menu-bnv.png) no-repeat -198px -67px;
}

#jp{
	width:100%;
	height:50px;
	display:block;
	margin-top:2px;
}

#jp:hover{
	background: url(../design/menu.png) no-repeat -199px -120px;
}

#bnv{
	width:100%;
	height:60px;
	display:block;
	margin-top:2px;
}

#bnv:hover{
	background: url(../design/menu-bnv.png) no-repeat -198px -119px;
}

#pro{
	width:100%;
	height:30px;
	display:block;
	margin-top:2px;
}

#pro:hover{
	background: url(../design/menu.png) no-repeat -205px -204px;
}

#clear{
	clear:both;
	width:100%;
}

#images{
	float:right;
	height:200px;
	width:243px;
	/*
	Valeur avant encart cinéfilous
	padding-top:18px;
	*/
	padding-top:5px;
}

#images img{
	border:1px #333333 dotted;
}

#footer{
	text-align:center;
	color:#0066CC;
	font-size:11px;
	margin:5px 0;
	padding:0;
}

#footer a{
	text-decoration:none;
	color:#0066CC;
	font-weight:bold;
}