body {
	margin:0; padding: 0;
	font: normal 80% Arial, Helvetica, sans-serif;
	color: #000;
}

h1 {
	margin: 0;
	color: #878787;
	font-variant: small-caps;
}
hr.spip { 
	margin: 12px 0; 
	color: #fff;
	border-top: 1px dotted #ccc;
}

#signature_cym {position: absolute; margin-top: 5px; right: 30px; text-align: right;font: normal 0.8em Arial, Helvetica, sans-serif;color: #666 }
#signature_cym a {color: #666 }

.spip_doc_titre strong{font-weight: normal}
h2 {color: black;}
img {border: none;}

p.spip{ margin: 6px 0}
a {
	text-decoration: none;
	/*color: #A0A0A0;*/
	color: #666;
}
a:hover {color: #CC3366;}

#page_artistes #nav_artists, #page_artiste #nav_artists, #page_exhibitions #nav_exhibitions, #page_sommaire #nav_exhibitions, a:hover, #page_news #nav_rub25, #rub31 #nav_rub31, #page_about #nav_rub2, #page_contact #nav_contact {color: #CC3366;}
.rose {color: #CC3366;}
.gris {	color: #878787;}
.noir {color: black}
.italic {font-variant: italic}
.normal {font-weight: normal}

/* gestion de la mise en valeur du texte dans la langue */
.pale,
a.pale {color:#999}

.fonce, 
a.fonce {color:#000}

/* gestion des items des pages artistes */
#items { height: 410px; width: 400px; padding:0; margin: 0 auto; overflow: hidden;}
#items img {border: none;top:0; left:0 }
#items span {display:none;}
#items div { text-align:center;width: 400px;}

dd.spip_doc_descriptif {margin:0 15px 0 0; font-size: 0.9em}
dl {margin: 15px 15px 15px 0;}

img.spip_logos{ margin: 5px 10px 5px 0;}

ul{
	padding:0;
	margin: 0;
	list-style-type: none;
}
li {
	margin: 0;
	padding:0;
}

/* permet a ie de gerer la transparence des png, appelle un fichier htc a la racine */
.img_png, .image_typo, .format_png, .spip_logo {
	behavior: url("win_png.htc");
}

#site {
	position:absolute;
	top:5%;left:50%;
	width: 900px;
	margin-left:-450px;
	background: white url(../_images/jpg/fond_site_carre.jpg) no-repeat top left; 
	/*border: 1px solid magenta;*/
}

#site_popup {
	position:absolute;
	top:5%;left:50%;
	width: 800px;
	margin-left:-400px;
	background: white url(../_images/jpg/fond_site_carre.jpg) no-repeat top left; 
	/*border: 1px solid magenta;*/
}

#bandeau_haut {
	position: relative;
	width: 100%;
	height: 150px;
	background: url(../_images/jpg/fond_site_carre.jpg) no-repeat top right; 
}

#logo_accueil {
	position: absolute;
	top: 85px;
	left: 256px ;
	width: 299px;
	height: 55px;
	/*border: 1px solid blue;*/
}

#logo_galerie {
	position: absolute;
	top: 35px;
	left: 56px ;
	width: 299px;
	height: 55px;
	/*border: 1px solid blue;*/
}

#logo_galerie_popup {
	float: left;
	width: 299px;
	height: 55px;
	margin-bottom: 25px;
}

#logo_paris {
	position: absolute;
	top: 38px;
	left: 0px ;
/*	background: white url(../_images/gif/paris_on_02.gif) no-repeat top; */
}

#logo_ny {
	position: absolute;
	top: 38px;
	right: 43px;
/*	background: white url(../_images/gif/new_york_off_02.gif) no-repeat top; */
}

ul#menu_haut {
	position: absolute;
	top: 120px;
	left: 55px;
	height: 28px;
	width: 792px;
	list-style-type:none;
	margin:0;
	/*
	border: 1px solid blue;
	overflow: hidden;
	*/
}
#menu_haut li {
	margin:0; padding:0;
	display:block;
	float:left;
}
#menu_haut li.spacer {
	width:0;
}
#menu_haut li.item { 
	text-align: center;
	font: normal small-caps 1.2em Arial, Helvetica, sans-serif;
}

#sous_item_exhibitions {position: absolute; top: 16px; font-size: 0.9em; left: 150px; width:200px;}
#sous_item_exhibitions li {float:left; padding-right:12px}
#sous_item_exhibitions a {color:#A5A5A5}
#sous_item_exhibitions a:hover {color:#666666}

#contenant {
	position: relative;
	width: 790px;
	left: 56px;
	margin-top:15px;
	margin-bottom:15px;
	overflow: hidden; /* permet a la div de s agrandir qd elle contient des float */
}

#contenant_popup {
	position: relative;
	width: 750px;
	left: 26px;
	top:15px;
	padding-bottom:25px;
	text-align: justify;
	overflow: hidden; /* permet a la div de s agrandir qd elle contient des float */
}

#contenant.encadrement {
	background: url(../_images/gif/fond_encadrement.gif) no-repeat top right; 
}

#contenant.encadrement.artistes {
	/*border: 1px solid red;*/
	width: 833px;
	left: 10px;
	background: url(../_images/gif/fond_encadrement.gif) no-repeat top right; 
	background-position: 41px 0; 
} 

#contenant_art {
	position: relative;
	width: 783px;
	left: 60px;
	/*margin-top:15px;*/
	margin-bottom:15px;
	overflow: hidden; /* permet a la div de s agrandir qd elle contient des float */
	background: url(../_images/gif/fond_encadrement_long02.gif) no-repeat top right; 
	text-align: justify;
}

.ecart {
	float: left;
	width: 783px;
	text-align: right;
	height: 45px;
}

.ecart a.back{
	float: right;
	padding: 15px 3px 0 0; 
	font-size: 1.2em;
}

a.close{
	float: right;
	padding: 15px 53px 0 0; 
	font-size: 1.2em;
}

#menu_artistes{
	float: right; 
	padding-right: 141px; 
	text-align: right;
	/*border: 1px solid red;*/
}
#menu_artistes li{
	float: right;
	text-align: right;
	line-height: 4em;
	height: 25px;
	padding: 0 0 0 15px;
}

#pied_de_page {
	float: left;
	width: 100%;
	height: 22px;
	clear: both;
	background: url(../_images/jpg/fond_site_carre.jpg) no-repeat bottom right; 
}


/************** page exhibitions ***********************/

.exhibitions_paris {
	float: left;
	padding: 15px 0 0 0; 
	width: 320px;
	/*
	border:1px solid green;
	*/
}

.exhibitions_new_york {
	float: right;
	padding: 15px 0 0 0; 
	margin:0;
	width: 320px;
	/*
	border:1px solid green;
	*/
}


.photo_exhibition {
	float: left;
	margin:0;
	border: none;
	width: 320px;
	height: 310px;
	overflow: hidden;
	background: #ffffff;
	/*
	background:orange;
	*/
}

.texte_exhibition {
	float: left;
	text-align: left;
	width: 320px;
	clear: both;
	padding: 0 0 0 5px;
}
/************** page exhibitions passées ou à venir***********************/

.col_gauche {
	float: left;
	width: 610px;
	margin: 0px 20px 10px 0;
	overflow: hidden;
	/*text-align: right;
	color: #CC3366;*/
}

.col_gauche h1{
	padding: 5px 0px 5px 0;
}

/* Styles pour la page expo */
.exhibitions_paris h1.rose, .exhibitions_new_york h1.rose {
	color: #CC3366;
}
.separation_expo {
	font-weight: 10;
	margin: 15px 0 2px 0;
	background: url(../_images/gif/pointilles.gif) no-repeat bottom;
	/*
	font-size: 1.1em;
	*/
}

#page_sommaire .separation_expo h1{
	float:left; 
	width: auto;
	padding:0 4px 0 0;
	margin: 10px 0 0 0 ; 
}

#page_sommaire .separation_expo {
	font-weight: 10;
	margin: 15px 0 2px 0;
	background:none;
}

#page_sommaire .separation_expo h2{
	float:right; padding:0 0 0 4px;
	margin: 10px 0 0 0 ; 
	color: #878787;
	width: auto;
	font-style: normal;
}

.col_gauche hr {
	border:none;
	clear:both;
	visibility:hidden;
}

p.rose.date {background:white; float:left; padding:0 4px 0 0;}
p.rose.lieu {background:white; float:right; padding:0 0 0 4px;}

#contenant.encadrement.artistes .col_gauche {
	float: left;
	width: 160px;
	margin: 5px 20px 10px 0;
	overflow: hidden;
	text-align: right;
	color: #CC3366;
}

.col_gauche a:hover{
	color: #CC3366;
}
.col_gauche ul {
	padding:0;
	margin: 0;
	list-style-type: none;
}
.col_gauche li {
	margin: 0;
	padding:0;
	margin: 0 0 6px 0;
	color: #878787;
}
.col_gauche li a {
	color: #878787;
}


#col_centrale {
	float: left;
	width: 460px;
	margin: 5px 20px 10px 10px;
	overflow: hidden;
	text-align: justify;
}

#col_centrale.artistes {
	float: left;
	width: 450px;
	height: 450px;
	margin-left: 35px;
	text-align: center;
	/*
	border: 1px solid blue;
	*/
}
.col_droite {
	float:right;
	width: 150px;
	margin: 19px 0 0 0;
	text-align: left;
	overflow: hidden; 
	border: 1px solid white;
	/*
	position: relative;
	float:right;
	*/
}
.col_droite.artistes {
	width: 140px;float: left;
}
/*.col_gauche a, */.col_centrale a, .col_droite a{
	color: #CC3366;
}

.col_gauche a{
	color: black;
}

.col_gauche a.gris{
	color: #878787;
}

.col_gauche a:hover, .col_centrale a:hover, .col_droite a:hover {
	color: #666;
}

#documents_exhibitions {
	float: left;
	width: 250px;
	margin: 0 20px 10px 0;
}

/*******************************contact*********************************/
.blocs_contact {
	float: left;
	width: 260px;
	text-align: left;
	margin: 20px 10px 10px 0;
	overflow: hidden;
}

.blocs_contact p{
	margin: 5px 0;
}
.blocs_contact h2{
	margin:24px 0 0 12px;
}

.blocs_contact03 {
	float: right;
	width: 210px;
	margin: 20px 0px 10px 0px;
	overflow: hidden;
}

#form_contact {
	float: left;
	margin: 05px 0 0 0;
	width: 237px;
	/**/height: 134px;
	background: url(../_images/gif/join_us.gif) no-repeat bottom left; 
}
#form_contact fieldset#global{
	color: #878787;
}

#form_contact form{
	margin: 15px 0 0 0;
	color: white;
}
#form_contact form input.champ, #form_contact input.demichamp, fieldset#category {
	margin: 7px 0 0 4px;
	padding:0 5px;
	border: none;
	height: 20px;
	color: white;
}
#form_contact form input.champ, #form_contact input.demichamp {
	background: #CCCCCC; 
}
fieldset#person {
	overflow:hidden;
	border:none;
}
#form_contact form input.champ, fieldset#category select {
	width: 220px;
}

#form_contact input.demichamp {
	width: 100px;
}
#form_contact input#name {
float:left;
}
#form_contact input#surname {
float:right;
margin-right:3px;
}
#form_contact form input.left{
	float: left;
	width: 100px;
	height: 20px;
	margin: 7px 4px 0 4px;
	background: #CC3366;
	color: white;
	border: none;
}

#form_contact form input.right{
	float: right;
	width: 100px;
	height: 20px;
	margin: 7px 4px 0 4px;
	background: #878787; 
	color: white;
	border: none;
}

#navigation_artistes {
	margin-left: 10px;
}
#item_titre {font-style: italic}
#nav_artistes a.active {
color:#c36;
font-weight:bold;
}

#debug, #debug2, #debug3, #debug4, #debug5 {
	position:fixed;
	top:0; left:0;
	padding: 2px 12px;
	background:magenta;
	color: white;
	font: bold 1.5em Times;
}
#debug2 {top:30px}
#debug3 {top:60px}
#debug4 {top:90px}
#debug5 {top:120px}

.invisible {display:none}
.visible {display:block}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*pour ie*/
.clearfix {height:1%}

p#message_nl {
	color:green;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	padding:10px 5px;
}	

.press ul {
	padding:0; margin:0;
}
.press ul li {
	margin:0; padding: 0;
}
.press h1 {
	margin:12px 0;
}
/*
	background:yellow;
	background:red;
	background:cyan;
*/

.art_press {
	clear: both;
}
li.art_press {
	margin:0; 
	height: 35px;
}


.orange {background:#ffdd00}
.jaune  {background:#ffff00}