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


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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;	
	font-weight:bold;
}

p {
	text-align:justify;
}

#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:#060000;
	width:765px;
	/*left:50%;
	margin-left:-375px;*/
	border: 1px;
	border-style:solid;
	border-color:#FFFFFF;

}



div#global_photos {
	position:relative;
	margin-left: auto;
    margin-right: auto;
	width:600px;
	border: 1px;
	border-style:solid;
	border-color:#FFFFFF;
}
div#conteneur_photos {
	position:relative;
	margin-left: auto;
    margin-right: auto;
	width:500px;
	color:#FFFFFF;
}

div#menu_bas_photos {
	margin-top:20px;
	margin-bottom:10px;
}

div#menu_haut_photos {
	margin-top:10px;
}

div#precedent_photos {
	float:left;
	margin-bottom:10px;
}

div#suivant_photos {
	float:right;
	margin-bottom:10px;
}

div#box_photo {
	text-align:center;
}

div#legende_photos {
	text-align:center;
	font-size:8pt;
}

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: 160px;
}

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

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

div#titre_expo58 {	
	position: absolute;
	width: 308px;
	height: 135px;
	margin-top: 10px;	
	margin-left: 228px;
	text-align:center;
}



/*Sans fleches*/
div#titre {	
	position: absolute;
	width: 320px;
	height: 135px;
	margin-top: 10px;	
	margin-left: 228px;
	text-align:center;
}

div#titre_expo58_nofleches {	
	width: 320px;
	height: 96px;
	text-align:center;
	margin-bottom: 5px;
}

div#titre_exposition {	
	width: 320px;
	height: 12px;
	text-align:center;
	margin-bottom:5px;
}

div#titre_entre_utopie {
	width: 320px;	
	text-align:center;
}
/*fin sans fleches*/


div#titre_expo58_print {	
	display: none;
}

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

div#menuhaut {
	float: right;
	width: 547px;
	text-align:center;
	color:#FFFFFF;
}
div#titre {
	float: left;
}

div#langue {
	float: right;
}

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



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

div#boules {
	/*background-image:url(images/img_boules_anim.gif);*/
	margin-top:5px;
	margin-left: 0px;
	width:180px;
	height:183px;
}

/* MENU BLOBS */

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

#blobs a {display: block;}

#blob1 {left: 0px; top: 0px; width: 60px; height: 60px;}
#blob2 {left: 120px; top: 0px; width: 60px; height: 60px;}
#blob3 {left: 60px; top: 61px; width: 60px; height: 60px;}
#blob4 {left: 0px; top: 122px; width: 60px; height: 60px;}
#blob5 {left: 60px; top: 122px; width: 60px; height: 60px;}
#blob6 {left: 120px; top: 122px; width: 60px; height: 60px;}

#blob1 a {height: 60px;}
#blob2 a {height: 60px;}
#blob3 a {height: 60px;}
#blob4 a {height: 60px;}
#blob5 a {height: 60px;}
#blob6 a {height: 60px;}

#blob1 a:hover {background: url(../images/menu_boules_noires.jpg) -0px -183px no-repeat;}
#blob2 a:hover {background: url(../images/menu_boules_noires.jpg) -120px -183px no-repeat;}
#blob3 a:hover {background: url(../images/menu_boules_noires.jpg) -60px -244px no-repeat;}
#blob4 a:hover {background: url(../images/menu_boules_noires.jpg) -0px -305px no-repeat;}
#blob5 a:hover {background: url(../images/menu_boules_noires.jpg) -60px -305px no-repeat;}
#blob6 a:hover {background: url(../images/menu_boules_noires.jpg) -120px -305px no-repeat;}

div#titre_menu {
	margin-top:10px;
	width:180px;
	height:25px;
}

div#sous-menu {
	width: 180px;
	margin-top: 20px;
}

div.sous-menu_cadre {
	background-image:url(../images/fond_sous-menu2.gif);
	height:17px;
	width:180px;
	margin-left:0px;
	margin-bottom: 10px;
}

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


div#menu_top {
	width: auto;
	height:16px;
	/*border-bottom:#999999 solid 1px;*/
	background-image:url(../images/fond_traillis.gif);
	margin-bottom: 10px;
}


div#texte{
	padding: 10px;
	background-color:#FFFFFF;	
	/*height:500px;
	overflow:auto;*/
}

ul.liste_texte {
	list-style:url(../images/fleche.gif);
	margin-left:18px;
}

ul.liste_conf {
	margin-left:40px;
}

li.liste_texte {
	margin-bottom:17px;
}


.prop {
	height:400px;
	float:left;
	width:1px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

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

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


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

div#bottom_menu {
	height:25px;
	width:765px;
	text-align:center;		
	padding:15px 0px 5px 0px;
}

.phototheque2_boxphotos {
	width:490px;
	height:200px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.phototheque2_boxphotosverti {
	width:490px;
	height:240px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.phototheque2_boxphotos2 {
	width:490px;
	height:150px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.phototheque2_boxphotosverti2 {
	width:490px;
	height:190px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.phototheque2_boximg1 {
	width:235px;
	float:left;
	border-right:1px solid #F26531;
	text-align:center;
	padding-right: 5px;
}

.phototheque2_boximg2 {
	width:240px;
	float:right;
	text-align:center;
}

.phototheque2_boxtxt1 {
	width:235px;
	float:left;
}

.phototheque2_boxtxt2 {
	width:240px;
	float:right;
}

.phototheque3_boxphotos {
	width:490px;
	height:150px;
	margin-bottom:15px;
	border-bottom:1px solid #F26531;
}

.phototheque3_boxphotos2 {
	width:490px;
	height:100px;
	margin-bottom:15px;
	border-bottom:1px solid #F26531;
}

.phototheque3_boximg1 {
	width:240px;
	float:left;
	border-right:1px solid #F26531;
}

.phototheque3_boximg2 {
	width:240px;
	float:right;
}

td.phototheque3_boxphototable {
	width:75px;
	vertical-align:top;
}

td.phototheque3_boxtextetable {
	vertical-align:top;
}


.boxphotos_4 {
	width:490px;
	height:210px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.boxphotosverti_4 {
	width:490px;
	height:240px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.boxphotos_4_2 {
	width:490px;
	height:150px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.boxphotosverti_4_2 {
	width:490px;
	height:200px;
	margin-bottom:10px;
	border-bottom:1px solid #F26531;
}

.boximg1_4 {
	width:230px;
	float:left;
	border-right:1px solid #F26531;
	text-align:left;
	padding-right: 10px;
}

.boximg2_4 {
	width:240px;
	float:right;
	text-align:left;
}

table.photos td {
	vertical-align:top;
}

td.ligne_hori {
	width: 1px;
	background-color:#F26531;
}

tr.ligne_verti {
	height: 1px;
	background-color:#F26531;
}

td.programme {
	padding-bottom:20px;
	vertical-align:top;
}


.boxportfolio {
	width:490px;
	height:115px;
	margin-bottom:10px;	
	padding-bottom:10px;
	border-bottom:1px solid #F26531;
}

.boxportfolioverti {
	width:490px;
	height:155px;
	margin-bottom:10px;	
	padding-bottom:10px;
	border-bottom:1px solid #F26531;
}

.imgportfolio {
	width:150px;
	float:left;
	padding-right:10px;
	border-right:1px solid #F26531;
}

.imgportfolioverti {
	width:110px;
	float:left;
	padding-right:10px;
	border-right:1px solid #F26531;
}

.txtportfolio {
	width:315px;
	float:right;
	margin-right:5px;
	height:115px;
	text-align:justify;
}

.txtportfolioverti {
	width:355px;
	float:right;
	margin-right:5px;
	height:155px;
	text-align:justify;
}


img { border:0px; }
img.droite { border:0px; padding-left:10px; padding-bottom: 10px; }
img.droite_marge { border:0px; padding-left:10px; margin-top: 5px; }
img.gauche { border:0px; padding-right:10px; padding-bottom: 10px; }
.lienimg {
	margin-bottom:5px;
	border:1px;
	border-style:solid;
	border-color:#FFFFFF;
}
/*--------------------------------------CARACTERES--------------------------------------*/

.orange {
	color:#F26531;
}

.rouge {
	color:#FF0000;
}

.orange_titre {
	color:#F26531;
	font-weight:bold;
	background-color:#FFFFFF;
	padding: 1px 5px 1px 5px;
	margin-left: 20px;
}

.legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#060000;
}


.orange_menu {
	color:#FFFFFF;
	background-color:#060000;
	padding: 1px 5px 1px 5px;
	float:right;
}

.orange_gras {
	color:#F26531;
	font-weight:bold;
}

.blanc_gras {
	color:#FFFFFF;
	font-weight:bold;
}


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

.souligne {
	text-decoration:underline;
}
/*----------------------------------------LIENS------------------------------------------*/

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

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

a.gras {
	color:#F26531;
	text-decoration:none;
	font-weight:bold;
}

a.gras:hover {
	color:#F26531;
	text-decoration:underline;
	font-weight:bold;
}


a.menu {
	color:#F26531;
	text-decoration:none;
	margin-top:5px;
}

a.menu:hover {
	color:#FFFFFF;
	text-decoration:none;
	margin-top:5px;
}

a.menu_ok {
	color:#FFFFFF;
	text-decoration:none;
	margin-top:5px;
}

a.menu_ok:hover {
	color:#FFFFFF;
	text-decoration:none;
	margin-top:5px;
}
a.sousmenu {
	color:#FFFFFF;
	text-decoration:none;
}

a.sousmenu:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

a.sousmenu_ok {
	color:#FFFFFF;
	text-decoration:underline;
}

a.sousmenu_ok:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

a.top {
	color:#F26531;
	font-weight:bold;
	text-decoration:none;
}

a.top:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a.top_ok {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a.top_ok:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

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

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

a .lienimg {
	border:1px;
	border-style:solid;
	border-color:#FFFFFF;
}

a:hover .lienimg {
	border:1px;
	border-style:solid;
	border-color:#F26531;
}