body{
	height: 100%;
	background-image: url('../img/fond.jpg');
	background-repeat: repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "trebuchet ms", sans-serif;
	font-size: 12px;
}


/**** liens généraux ***/
a{color:#7878DA; text-decoration: none;}
a:visited{color:#FF0000;}
a:hover{color:#EA652C;}


/*********** Menu  Banniere **********/
ul#menu{
	margin:0px;
	padding:0px;
	position:absolute;
	top:28px;
	left:0px; 
	height:18px;
	font-size:12px;
}
ul#menu li{
	float:left;
	display:inline;
	list-style-type:none;
	height:18px;
	margin:0px;
	padding:0px;
}
ul#menu li a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	background-repeat:no-repeat;
	width:58px;
	height:18px;
	text-align:center;
	padding-top:2px;
	background-position:top;

}

ul#menu li.menu_home a{background-image: url('../img/home.gif'); width: 15px; padding-left: 0.4em; padding-right: 0.4em;}
ul#menu li.menu_annuaire a{background-image: url('../img/annuaire.gif');}
ul#menu li.menu_vente a{background-image: url('../img/vente.gif');}
ul#menu li.menu_actua a{background-image: url('../img/actua.gif');}
ul#menu li.menu_aide a{width:10px; padding-left: 0.4em; padding-right: 0.4em; padding-top: 0px; font-size: 16px;}


/* logo ARTactif en haut à droite dans la banniere*/
#logo_artactif a{text-decoration: none;}
img{border: 0px;}



/* corps de la page */
div#contenu{
	text-align: center;
	position: relative;
	top: 10px;
	margin: auto;
	width: 200px;
}



#contenu_accueil{
	margin-top: 15%;
}


#mozaique img{
	padding: 2px 3px 2px 3px;	
	text-decoration: none;
}


.slogan{
	margin-top:15%;
	margin-bottom:8%;
}


.add_artactif{
	margin-top: 8%;
	margin-bottom: 20%;
}


/* Nom de l'artiste (en haut page annuaire)*/
span#titre{font-size: 15px; color: #666666;}



/******* Menu artiste *********/
ul#menu_artiste{
	position:relative;
	margin: auto;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	height:16px;
	font-size:11px;
}
ul#menu_artiste li{
	float:left;
	display:inline;
	list-style-type:none;
	height:16px;
	width:38px;
}
ul#menu_artiste li a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	background-repeat:no-repeat;
	height:16px;
	text-align:center;
	background-position:top;

}

ul#menu_artiste li.artiste_infos a{background-image: url('../img/infos_artiste.gif');}
ul#menu_artiste li.artiste_actua a{background-image: url('../img/actua_artiste.gif');}


/* Adresse de l'artiste */
#complement{
	text-align: left;
	font-size: 10px;
	color: #666666;
}

#formulaire{
	margin-top: 10%;
	margin-bottom: 5%;
}

/* champs du formulaire de recherche*/
#formulaire input{width: 135px;}
#formulaire select{width: 140px;}
.form_objet{margin: 5px 0 5px 0;}

.bouton {
	height: 20px;
	background-color:#FFFFFF;
	color:#EB9D77;
	font-weight:bold;
	border:1px #EB9D77;
	border-style:outset;
	margin-top: 5px;
}



/* 2 div colorées differement */
#titre_formulaire_violet {
	background-color: #bfbddd;
}

#titre_formulaire_jaune {
	background-color: #f8da7c;
}

#titre_formulaire_marron {
	background-color: #bfa170;
}

/*
#contenu_formulaire {
	background-color: #a2a1cb;
	padding-top: 10px;
}*/

#contenu_formulaire_violet {
	background-color: #bfbddd;
	padding-top: 10px;
}

#contenu_formulaire_jaune {
	background-color: #f8da7c;
	padding-top: 10px;
}

#contenu_formulaire_marron {
	background-color: #bfa170;
	padding-top: 10px;
}


/* coins arrondis + ombre en bas */
.coin_haut_gauche{
	background: url('../img/chg.gif') no-repeat top left;	
}
.coin_haut_droit{
	padding-top : 10px;
}

/*
.ombre_bas{
	padding-top: 10px;
	background: url('../img/bas_v.gif') repeat-x bottom left;
}*/

.ombre_bas{
	padding-top: 10px;
}


.coin_bas_droit{
	background: url('../img/cbd.gif') no-repeat bottom right;
}


.titre_classement{
	position: relative;
	left: -30px;
	background-color: #FCF4E9;
	border-bottom: 1px dotted #EB8238;
	text-align: left;
	width: 200px;
	height: 18px;
	font-size:14px;
	color:#F5974E;
	font-weight:bold;
}




#oeuvres_vente {line-height: 35px;}
#left img{float: left;}
#right {float: right;}


.puce{
	list-style-image: url('../img/puce1.gif');
	text-align: left;
}



#mozaique_form{
	margin-top: 19%;
	margin-bottom: 19%;
}

#mozaique_form img{
	padding-left:3px;
	padding-right:3px;	
	text-decoration: none;
}


.titre_annuaire{
	width:100%;
	font-size:x-large;
	background-color: #a2a1cb;
	text-align:center;
	color: #FFFFFF;
	margin-bottom: 10%;
}

.titre_vente{
	position: relative;
	width:100%;
	font-size:x-large;
	background-color: #f9ca3c;
	text-align:center;
	color: #FFFFFF;
}

.titre_actua{
	width:100%;
	font-size:x-large;
	background-color: #b08c50;
	text-align:center;
	color: #FFFFFF;
	margin-bottom: 10%;
}

#coord_titre{
	margin-top: 30%;
	color: #666666;
}

#coord{
	margin: auto;
	text-align: left;
	padding-left: 20%;
	color: #666666;
}