/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}


body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	background-color:#000000;
	padding: 20px 0px 8px 0px;
	/*New*/	
	text-align: center;
	margin: 0;	
	overflow-y: visible;
}

p {
	text-align:justify;
}

div#affiche  {
	display:none;
}

#global {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 770px;
     text-align: left;
     }

div#conteneur {
	position:absolute;
	background-image:url(images/fond.gif);
	background-repeat:repeat-y;
	background-color:#000000;
	width:765px;
	border: 1px;
	border-style:solid;
	border-color:#FFFFFF;
}

div#barre { 
	position:absolute;
	background-color:#F26531;
	width: 8px;
	height:auto;
	float:left;
}

div#top {
	width: 765px;	
	margin: 0; padding:0 0 0 0px; border: 0;
	height: 90px;
}

div#archville {	
	position: absolute;
	width: 84px;
	height: 84px;
}

div#arch {	
	position: absolute;
	width: 84px;
	height: 84px;	
	margin-left: 681px;
}



div#topmenu {
	width: 765px;
	margin: 0; padding:0 0 0 0px; border: 0;
	height: 15px;
}



div#cont { 
	width: 765px;
	float:left;
	padding-bottom:20px;
}

div#expo_titre {
	margin-left: 10px;
	margin-top: 10px;	
	width: 264px;
	height: 105px;
}

div#sous_titres {
	margin-left: 10px;
	margin-top: 100px;	
	width: 264px;
	height: 50px;
	text-align:center;
}


div#containerleft {
	width: 316px;
	margin: 0 0 0 18px /*30px*/;
	border: 0;
	padding: 0;
	float: left;
}




div#containerright {
	width: 399px;
    border: 0; 
	float: right;
	background-color:#000000;	
}




div#boules {
	width:385px;
	height:384px;
}

#skyline {
 width: 212px;
 height: 50px;
 background: url(images/sous_titres.gif);
 margin: auto; padding: 0;
 position: relative;
}
#skyline li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#skyline a {display: block;}
#panel1b {left: 0px; top: 0px; width: 212px; height: 16px;}
#panel2b {left: 0px; top: 17px; width: 212px; height: 16px;}
#panel3b {left: 0px; top: 34px; width: 212px; height: 16px;}

#panel1b a {height: 16px;}
#panel2b a {height: 16px;}
#panel3b a {height: 16px;}



/* MENU BLOBS */

#blobs {
 width: 385px;
 height: 384px;
 background: url(images/menu_boules.jpg);
 margin: auto; padding: 0;
 position: relative;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block;}

#blob1 {left: 131px; top: 0px; width: 122px; height: 122px;}
#blob2 {left: 0px; top: 132px; width: 122px; height: 122px;}
#blob3 {left: 264px; top: 132px; width: 122px; height: 122px;}
#blob4 {left: 131px; top: 261px; width: 122px; height: 122px;}

#blob1 a {height: 122px;}
#blob2 a {height: 122px;}
#blob3 a {height: 122px;}
#blob4 a {height: 122px;}

#blob1 a:hover {background: url(images/menu_boules.jpg) -131px -384px no-repeat;}
#blob2 a:hover {background: url(images/menu_boules.jpg) -0px -516px no-repeat;}
#blob3 a:hover {background: url(images/menu_boules.jpg) -264px -516px no-repeat;}
#blob4 a:hover {background: url(images/menu_boules.jpg) -131px -645px no-repeat;}




div#contenu {
	width:507px;
	padding:7px;
	margin-top:0px;
	margin-left: 10px;
	margin-bottom:7px;
	background-color:#000000;
	border: 1px;
	border-style:solid;
	border-color:#f26531;
}

div#cont_right_menu {
	width:507px;
	margin-left: 10px;
	background-color:#000000;
	text-align:right;
}


div#bottom {
	width: 765px;
	float:left;	
}

div#bottom_menu {
	height:75px;
	width:765px;
	text-align:center;		
	padding:15px 0px 5px 0px;
	margin-bottom:20px;
}




img { border:0px; }
img.droite { border:0px; padding-left:10px; padding-bottom: 10px; }
img.droite_marge { border:0px; padding-left:10px; margin-top: 5px; }

/*--------------------------------------CARACTERES--------------------------------------*/

.orange {
	font-family: Arial, Helvetica, sans-serif;
	color:#F26531;
	font-size:10px;
}

.blanc {
	color:#FFFFFF;
	font-size: 10px;
}

.copyright {
	color:#FFFFFF;
	font-size:10px;
}


/*----------------------------------------LIENS------------------------------------------*/

a {
	color:#F26531;
	text-decoration:none;
}

a:hover {
	color:#F26531;
	text-decoration:underline;
}

a.lien_blanc {
	color:#FFFFFF;
	font-size:10px;
}

a.lien_blanc:hover {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
}