body {
	margin:0;
	padding:0;
	color:#fff;
	font:14px "Times New Roman", Times, serif;
}
.fond-accueil {
background:#003e67;
}
.fond-presentation {
background:#966500;
}
.fond-les-artistes {
background:#005569;
}
.fond-galerie {
background:#860a0a;
}
.fond-agenda {
background:#770d71;
}
.fond-contact {
background:#00714d;
}
.fond-liens {
background:#3c3c3c;
}
#container {
width:970px;
margin:0 auto;
min-height:580px;
position:relative;
}
.pAccueil {
background:url(../../images/fond-accueil.jpg) no-repeat;
}
.pPresentation {
background:url(../../images/fond-presentation.jpg) no-repeat;
}
.pLes-artistes {
background:url(../../images/fond-artistes.jpg) no-repeat;
}
.pGalerie {
background:url(../../images/fond-galerie.jpg) no-repeat;
}
.pAgenda {
background:url(../../images/fond-agenda.jpg) no-repeat;
}
.pContact {
background:url(../../images/fond-contact.jpg) no-repeat;
}
.pLiens {
background:url(../../images/fond-liens.jpg) no-repeat;
}
/******Logo*******/
#container h1 {
float:left;
margin:15px 0 0 0;
}
#container h1 a {
display:block;
width:163px;
height:113px;
background:url(../../images/arts-o-soleil.png);
}
#container h1 a span{
display:none;	
}
/******Menu*******/
#menu {
margin:0;
padding:0 0 0 50px;
margin-right:20px;
list-style:none;
background:url(../../images/menu.png) no-repeat left bottom;
float:right;
font:13px "Times New Roman", Times, serif;
}
#menu li{
float:left;
margin:0 55px 0 0;
text-align:center;
text-transform: uppercase;
padding:55px 0 40px 0;
}
#menu li a{
text-decoration: none;
color:#fff;
display:block;
padding:1px 0 0 0;
background:#000;
}
#menu li a:hover{
color:#e7ac31;
}
.presentation:hover, #presentation-selected {
background:url(../../images/menu-presentation.png) no-repeat top center;
}
.artistes:hover, #artistes-selected {
background:url(../../images/menu-artistes.png) no-repeat top center;
}
.galerie:hover, #galerie-selected {
background:url(../../images/menu-galerie.png) no-repeat top center;
}
.agenda:hover, #agenda-selected {
background:url(../../images/menu-agenda.png) no-repeat top center;
}
.contact:hover, #contact-selected {
background:url(../../images/menu-contact.png) no-repeat top center;
}
.liens:hover, #liens-selected {
background:url(../../images/menu-liens.png) no-repeat top center;
}
/******* Accueil *******/
#flash {
width:1003px;
height:240px;
background:url(../../photos/accueil.png) no-repeat top center;
float:left;
margin-left:0px;
}
#prochainement {
width:450px;
float:left;
padding-top:60px;
background:url(../../images/prochainement.png) no-repeat top left;
margin:0 30px 0 140px;
}
.dateGauche {
width:6px;
height:25px;
background:url(../../images/accueil-date-gauche.png) no-repeat top left;
float:left;
}
.dateDroite {
width:6px;
height:25px;
background:url(../../images/accueil-date-droit.png) no-repeat top left;
float:left;
}
.dateTexte {
background:#000;
float:left;
padding:3px 5px 2px 5px;
height:20px;
}
.date {
font:16px "Times New Roman", Times, serif;
height:25px;
}
#prochainement h3{
margin:3px 0 3px 0;
font:20px "Times New Roman", Times, serif;
border-top:1px solid #72b7e8;
border-bottom:1px solid #72b7e8;
}

#engalerie {
width:450px;
float:left;
padding-top:60px;
background:url(../../images/en-galerie.png) no-repeat top left;
}
#engalerie .separate {
color:#4c2222;
height: 1px;
border-bottom: 1px #72b7e8 solid; 
clear:both;
padding:0;
margin:3px 0 0 0;
}
.hidden {
display:none;
}
.accueilBloc p {
margin:7px 0 7px 0;
}
.introAccueil {
float:left;
width:718px;
text-align:center;
margin:10px 0 20px 200px;
font:16px "Times New Roman", Times, serif;
}
#galerieLink {
text-align:right;
}
/******Les artistes*******/
#artisteLink {
text-align:right;
}
#artisteLink a, .linkSelected{
color:#f7ba3e
}
#artistes {
margin-left:80px;
width:590px;
float:left;
}
#artistes h2 {
width:171px;
height:36px;
background:url(../../images/les-artistes.png) no-repeat;
margin:0;
}
#artistes h2 span{
display:none;
}
#artistes #artistesIntro {
margin:4px 0 4px 0;
border-top:2px solid #417c94;
border-bottom:2px solid #417c94;
}
#artistes #artistesIntro p{
margin:4px 0 4px 0;
}
#artistes #categories {
margin:0;
padding:0;
list-style:none;
border-bottom:2px solid #417c94;
float:left;
width:590px;
}
#artistes #categories li{
float:left;
margin:0;
padding:0;
}
#artistes #categories li a{
display:block;
padding:5px;
font:20px "Times New Roman", Times, serif;
margin-right:40px;
}
#artistes #liste {
margin:10px 0 0 0;
padding:0;
list-style:none;
float:left;
width:590px;
}
#artistes #liste li{
margin:0 0 5px 0;
padding:3px 0 6px 8px;
background:url(../../images/les-artistes-liste.png) no-repeat;
font:14px "Times New Roman", Times, serif;
}
#artistes #liste li a span{
color:#000;
}
#artistes-photo {
position:absolute;
left:80px;
top:260px;
}
#artistes-photo img{
border:1px solid #fff;
}
/******Les artistes Détail*******/
.categorie {
float:left;
width:140px;
height:36px;
margin:10px 40px 0 0;
}
.categorie span{
display:none;
}
#peintres {
background:url(../../images/categorie-peintres.png) no-repeat;
}
#sculpteurs {
background:url(../../images/categorie-sculpteurs.png) no-repeat;
}
#artisans {
background:url(../../images/categorie-artisans.png) no-repeat;
}
.titre-artiste {
margin:21px 0 0 0;
font:16px "Times New Roman", Times, serif;
height:25px;
float:left;
}
#blocTexte {
padding:15px;
border:2px solid #f5a03e;
float:left;
width:556px;
background:#fff url(../../images/trou.png) no-repeat;
}
#blocTexte p{
border:none;
color:#000;
}
#en-galerie {
display:block;
position:absolute;
left:83px;
top:229px;
width:179px;
height:107px;
background:url(../../images/en-galerie-sur-ce-site.png) no-repeat;
}
#en-galerie span{
display:none;
}
#artisteDiapo {
float:left;
width:570px;
padding:10px;
margin-top:10px;
background:#000;
position:relative;
height:130px;
}
#artisteDiapo img{
border:none;
}
#artisteDiapo .photoItem {
margin-right:5px;
float:left;
}
.photoItem img {
border:none;
cursor:pointer;
}
#artistes h3{
float:left;
width:590px;
height:44px;
margin-top:5px;
background:url(../../images/les-artistes-son-oeuvre.png) no-repeat top center;
}
#artistes h3 span{
display:none;
}
#gallery {
width:3000px;
}
#gallery ul{
margin:0;
padding:0;
list-style:none;
width:3000px;
}

#galerie1{
width:570px;
overflow:hidden;
height:130px;
position:relative;
margin:0;
padding:0;
}
/******Galerie*******/
#galeries {
margin-left:80px;
width:590px;
float:left;
}
#galeries h2 {
width:123px;
height:40px;
background:url(../../images/galerie.png) no-repeat;
margin:0;
}
#galeries h2 span{
display:none;
}
#galeriesIntro {
border-top:2px solid #cd2222;
border-bottom:2px solid #cd2222;
margin:4px 0 4px 0;
padding:4px 0 4px 0;
float:left;
width:590px;
} 
#galeries p {
padding:5px;
margin:0;
}
#artisteDiapo2 {
float:left;
width:870px;
padding:15px;
margin:10px 0 10px 40px;
background:#000;
position:relative;
height:320px;
}
#artisteDiapo2 img{
border:none;
}
#artisteDiapo2 .photoItem {
margin-right:10px;
float:left;
}
.photoItem2 img {
border:none;
cursor:pointer;
}
#galerie2{
width:870px;
overflow:hidden;
height:320px;
position:relative;
margin:0;
padding:0;
}
#gallery2 {
width:6000px;
}
#gallery2 ul{
margin:0;
padding:0;
list-style:none;
width:6000px;
}
#gallery2 h3 {
text-align:center;
color:#736e6e;
margin:3px;
font: 18px "Times New Roman", Times, serif;
}
#plaque {
width:397px;
height:86px;
padding:10px;
clear:left;
margin:10px auto;
background:url(../../images/plaque.png) no-repeat;
text-align:center;
font: 14px "Times New Roman", Times, serif;
line-height: 20px;
}
#info {
height:60px;
}
#buy {
color:#F7BA3E;
font: 18px "Times New Roman", Times, serif;
}
#previous2 {
width:21px;
height:42px;
position:absolute;
left:-21px;
top:140px;
background:url(../../images/scroll-left.png) no-repeat;
cursor:pointer;
}

#previous2:hover {
background:url(../../images/scroll-left-over.png) no-repeat;
}
#next2 {
width:21px;
height:42px;
position:absolute;
left:900px;
top:140px;
background:url(../../images/scroll-right.png) no-repeat;
cursor:pointer;
}
#next2:hover {
background:url(../../images/scroll-right-over.png) no-repeat;
}
/******Agenda*******/
#calendar{
position:absolute;
z-index:100;
left:80px;
top:285px;
width:136px;
}
#calendrier{height:24px;background:url(../../images/calendrier.png) no-repeat;}
#calendrier_bas{width:136px;height:9px;background:url(../../images/calendrier-bas.png) no-repeat;float:right}
#calendrier_contenu{width:136px;text-align:center;background:url(../../images/calendrier-contenu.png) repeat-y;float:right}
#calendrier li{list-style:none;text-decoration:none;margin:0;padding:0}
#libelle{width:134px;color:#fff;margin:0 auto;padding:0}
.ligne{width:134px;margin:0 auto;padding:0}
#libelle li{float:left;width:19px;text-decoration:none;display:block;font-family:Arial, Helvetica, sans-serif;font-size:10px;background-color:#a500b2;text-align:center}
.ligne li{color:#000;float:left;width:19px;text-decoration:none;display:block;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center}
.ligne li a:hover{list-style:none;text-decoration:none}
li.itemCurrentItem{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#FFF;background-color:#470093}
li.itemSelectedItem{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10px}
li.itemExistingItem{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#D11373;background-color:#FC0}
.itemExistingItem{color:#470093}
.itemDateItem{color:#B75B00}
.agenda_list_titre{font-size:12px;font-weight:400;padding-left:3px;margin:0}
.agenda_list_titre a{color:#000}
#agendaPart {
margin-left:80px;
width:590px;
float:left;
}
#agendaPart h2 {
width:343px;
height:45px;
background:url(../../images/agenda.png) no-repeat;
margin:0;
}
#agendaPart h2 span{
display:none;
}
#telecharger {
margin:2px 0 2px 0;
padding:5px 0 5px 0;
border-top:2px solid #a62bb0;
border-bottom:2px solid #a62bb0;
float:left;
}

#agendaPart #accordion {
margin:10px 0 0 0;
padding:0;
list-style:none;
float:left;
width:590px;
}
.toggler{
margin:0;
padding:3px 0 6px 8px;
background:url(../../images/agenda-liste.png) no-repeat;
font:14px "Times New Roman", Times, serif;
cursor:pointer;
}
.toggler span{
color:#000;
}
.element {
margin:-5px 3px 5px 3px;
background:#000;
}
.element p{
margin:15px;
}
#previous {
width:21px;
height:42px;
position:absolute;
left:-21px;
top:50px;
background:url(../../images/scroll-left.png) no-repeat;
cursor:pointer;
}
#previous:hover {
background:url(../../images/scroll-left-over.png) no-repeat;
}
#next {
width:21px;
height:42px;
position:absolute;
left:590px;
top:50px;
background:url(../../images/scroll-right.png) no-repeat;
cursor:pointer;
}
#next:hover {
background:url(../../images/scroll-right-over.png) no-repeat;
}
.blocAgenda {
width:190px;
float:left;
padding-right:4px;
}
.blocAgenda img{
float:left;
padding-right:3px;
}
.color {
color:#e6cf36;
}
/****** Présentaion *****/
#presentation {
margin-left:80px;
width:590px;
float:left;
background:url(../../images/presentation.png) no-repeat;
padding-top:40px;
}
#presentation h2{
border-top:2px solid #e2c428;
font:bold 18px "Times New Roman", Times, serif;;
margin-top:3px;
padding-top:5px;
}
.prJust{
text-align:justify;
}
#presentation h3{
border-top:2px solid #e2c428;
background:url(../../images/presentation-et-aussi.png) no-repeat bottom left;
height:47px;
padding-top:10px;
}
#presentation h3 span{
display:none;
}
.blocPrsentation {
width:219px;
float:left;
padding-top:160px;
}
.blocPrsentation h4 {
font:bold 16px "Times New Roman", Times, serif;
margin:3px;
}
#presentation-1{
background:url(../../images/art-project.jpg) no-repeat;
padding-right:75px;
border-right:1px solid #e2c428;
}
#presentation-2{
background:url(../../images/arte-verum.jpg) no-repeat;
margin-left:75px;
}
/****** Liens *****/
#liens {
margin-left:80px;
width:590px;
float:left;
padding-top:30px;
background:url(../../images/liens.png) no-repeat;
height:40px;
}
#liens h2{
border-top:2px solid #939594;
font:14px "Times New Roman", Times, serif;;
margin-top:3px;
padding-top:5px;
}
#liens h2 span{
display:none;
}
/****** Contact *****/
#contact {
margin-left:80px;
width:590px;
float:left;
padding-top:30px;
background:url(../../images/contact.png) no-repeat;
height:40px;
}
#contact h2{
border-top:2px solid #57ecba;
font:bold 14px "Times New Roman", Times, serif;
margin-top:3px;
padding-top:5px;
}
#contact h3{
clear:left;
border-top:2px solid #57ecba;
padding-top:5px;
position:relative;
}
#contact h3 span{
position:absolute;
top:5px;
right:0;
}
#contact h2 span{
display:none;
}
#contact p {
text-align:center;
font:14px "Times New Roman", Times, serif;
}
#contact fieldset {
border:1px solid #57ecba;
padding:10px;
margin-bottom:10px;
}
#contact label {
float:left;
display:block;
width:90px;
font:bold 14px "Times New Roman", Times, serif;
}
#contact input, textarea {
width:270px;
border:1px solid #57ecba;
font:12px Arial, Helvetica, sans-serif;
margin-bottom:4px;
}
.valid {
color:#333333;
}
.error {
color:#FF0000;
}
#form1 {
width:290px;
float:left;
margin-right:10px;
}
#form2 {
width:290px;
float:left;
}
.petitTexte {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color:#f7ba3e
}
#home {
position:absolute;
z-index:10000;
top:55px;
left:190px;
width:20px;
height:20px;
background:url(../../images/home.png)
}
#home span{
display:none;
}
.hidden {
display:none;
}
#flashH {
	width:1003px;
	height:200px;
	float:left;
	margin-left:0px;
	overflow:hidden;
	position:relative;
}
#flashH img{
	margin-right:8px;
	border:3px solid #fff;
	margin-left: 6px;
}
#flashHC {
	width:12036px;
	position: absolute;
	top: 0;
}
.itemsHC {
float:left;
}

/* my css */

.bodytxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5B5B5B;
	text-decoration: none;
}
.bodytxtj{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5B5B5B;
	text-align:justify;
	text-decoration: none;
}
.bodytxtb{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5B5B5B;
	text-decoration: none;
}
.bodytxtwb{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5B5B5B;
	vertical-align:super;
	height: 15px;
	border: 1px solid #999999;
}
.textarea1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5B5B5B;
	vertical-align:super;
	width:200px;
	border: 1px solid #999999;
}
.textboxb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5B5B5B;
	font-weight:bold;
	vertical-align:super;
	height: 15px;
	border: 1px solid #999999;
}
.textbw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.mandatory {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.subheading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6711;
	text-decoration: none;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006633;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
}
.Combo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5B5B5B;
	border: 1px solid #C04242;
	height: 19px;
}
.nav_link{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.nav_link:hover{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFA439;
	text-decoration: none;
}
.navlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5B5B5B;
	text-decoration: underline;
}
.navlink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid darkred;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}

/* paging css */

.pageb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #5B5B5B;
	text-decoration:none;
	vertical-align:middle;
}
.inactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.pager {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
	vertical-align:middle;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5B5B5B;
	text-decoration:none;
}

/* end paging css */