body {
background:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#271500;
margin:0px;
padding:0px;
}
a{
text-decoration:none;
border:none;}														 
a:hover{
text-decoration:none;
border:none;}														 
#corps {
width:766px;
height:550px;
margin:5px auto;
border:1px solid #ffffff;
background:url(images/fond.jpg) no-repeat;
}
#contenu{
margin:13px auto;
width:650px;
height:527px;
}
#top-contenu{
width:650px;
height:13px;
margin:0px;
background:url(images/top.jpg) no-repeat;
}
#milieu-contenu{
width:650px;
height:452px;
height:472px !important;
margin:7px auto;
}
/*---------------------------------left---------------------*/
#left{
width:198px;
height:412px;
height:472px !important;
float:left;
}
#logo{
margin:0px;
width:198px;
height:161px;
background:url(images/logo.jpg) no-repeat;
}

#menu{
margin:9px 0 0 0;
padding:5px 5px 5px 5px!important;
width:186px;
height:292px;
background:url(images/fond-menu.jpg) no-repeat;
}
#menu ul li {
margin:10px 0;
padding:0px 15px;
list-style:none;
background:url(images/icon.gif) no-repeat 0 3px;
font-size:12px;
font-family:"Tahoma", Times New Roman, serif;
color:#000000;
}
#menu ul li a {
text-decoration:none;
font-size:12px;
font-family:"Tahoma", Times New Roman, serif;
color:#000000;
}
#menu ul li a:hover {
  color:#A22B01;
}
#newsletter{
margin:10px 0px;
width:180px;
height:80px;
}
.form label {
    margin:5px 0; 
}
.form input{
width:170px; 
height:14px;
margin:5px 0; 
font-size:9px; 
padding:0px;
color:#666666;
}
form input.bt-envoyer{
margin:3px 0 0 120px;
width:50px;  
height:18px; 
background:#FFF; 
font-size:9px;
}
.form-info input{
width:170px; 
height:12px;
margin:5px 0; 
font-size:9px; 
padding:0px;
color:#666666;
}

/*----------------------------------------right-index------------------------*/
#right{
width:447px;
height:473px;
margin:0px 0 0 7px;
float:left;
}
#right-index{
width:445px;
height:472px;
margin:0px 0 0 5px;
float:left;
}
/*-----------------------------------------------------------------------------*/
#footer{
margin:7px 0;
padding:5px;
width:650px;
height:17px;
background:url(images/footer.jpg) no-repeat;
font-size:10px;
color:#666666;
clear:both;
text-align:center;
}
a{
text-decoration:none;
color: #333333;
}
a:hover{
  color:#A22B01;
}
.footer-left{
margin:0 240px 0 0;
text-align:left; 
float:left;
}
.footer-right{
text-align:right;
margin:0px; 
float:left;
}
/*----------------------------------------right-apropos------------------------*/
#right-apropos{
width:445px;
height:472px;
margin:0px 0 0 7px;
float:left;
}
#apropos-top{
margin:0 0 1px 0;
width:445px;
height:168px;
clear:both;
background: url(images/img-apropos-top.jpg) no-repeat;
}
#apropos-top1{
margin:6px;
width:107px;
height:156px;
background: url(images/matisse-welcome.jpg) no-repeat;
border:1px solid #000000;
float:left;
}
#apropos-top2{
margin:0;
padding:3px 0;
text-align:justify;
width:304px;
height:135px;
float:left;
font-size:10px;
}
#apropos-milieu{
width:445px;
height:29px;
margin:0 0 1px 0;
background:url(images/ap-milieu1.jpg) no-repeat;
clear:both;
}
#apropos-bas{
width:445px;
height:273px;
clear:both;
}
#apropos-bas1{
width:209px;
height:273px;
margin:0 1px 0 0;
padding:0px;
background: url(images/app-milieu1.jpg) no-repeat;
float:left;
}
#expo{
margin:0px;
padding:0px;
width:207px;
height:auto;
}
#apropos-bas2{
width:235px;
height:273px;
background:url(images/app-milieu2.jpg) no-repeat;
float:left;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------------collection-apropos------------------------*/
#right-collections{
width:445px;
height:472px;
margin:0px 0 0 7px;
float:left;
}
#collections-top{
margin:0 0 1px 0;
width:445px;
height:168px;
clear:both;
background: url(images/img-apropos-top.jpg) no-repeat;
}
#collections-top1{
margin:10px 10px 0 5px;
width:87px;
height:74px;
background:url(images/collect.jpg) no-repeat;
border:1px solid #000000;
float:left;
}
#collections-top2{
margin:0;
padding:5px 0;
text-align:justify;
width:304px;
height:135px;
float:left;
font-size:10px;
}
#collections-milieu{
width:445px;
height:29px;
margin:0 0 1px 0;
background:url(images/coll-milieu1.jpg) no-repeat;
clear:both;
}
#collections-bas{
width:445px;
height:273px;
clear:both;
}
#collections-bas1{
width:209px;
height:273px;
margin:0 1px 0 0;
background:url(images/bas-milieu1.jpg) no-repeat;
float:left;
}
#expo{
margin:0px 0px 0px 10px;
width:200px;
height:50px;
clear:both;
}
#collections-bas2{
width:235px;
height:273px;
background:url(images/bas-milieu-coll.jpg) no-repeat;
float:left;
}
/*-----------------------------------------------------------------------------*/
h1{
font-family:Arial, Helvetica, sans-serif;
color:#930000;
font-size:12px;
font-weight:bold;
margin:0px;
}
h2{
font-family:Arial, Helvetica, sans-serif;
color:#271603;
font-size:12px;
font-weight:bold;
background:url(images/motif.jpg) no-repeat 0 5px;
padding:0px 5px 0 5px;
margin:5px 0 0 5px;
}
h3{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background:#000000;
font-size:11px;
padding:5px;
margin:10px 10PX 0 5PX ;
width:179px;
height:79px;
float:left;
}
h3 a{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:10px;
}
h3 a:hover{
font-family:Arial, Helvetica, sans-serif;
color: #CC3300;
font-size:10px;
}
h4{
margin:5px 0px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background:#000000;
font-size:12px;
padding:5px;
width:190px;
height:14px;
float:left;
font-weight:bold;
}
h4 a{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:10px;
}
.date{
font-size:10px;
color:#990000;
}
/*----------------------------------------right-artistes------------------------*/
#right-artistes{
width:445px;
height:482px;
margin:0px 0 0 7px;
float:left;
background:url(images/fond-galerie.jpg) no-repeat;
}
#artistes-top{
margin:0 0 1px 0;
padding:5px;
width:434px;
height:482px;
}
#liste-artiste{
width:410px;
height:442px;
margin:0px;
padding:5px;
}
#artiste-milieu{
width:440px;
height:24px;
background:#FFFFFF;
margin:0 0 1px 0;
padding:5px 0 0 5px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
color:#930000;
font-size:12px;
font-weight:bold;

}
#artistes-bas{
width:445px;
height:273px;
background: url(images/artiste-bas.jpg)no-repeat;
clear:both;
}
#artistes-bas1{
width:209px;
height:273px;
margin:0 1px 0 0;
background:url(images/bas-milieu1.jpg)no-repeat;
/*background:url(images/sculpteurs.jpg) no-repeat;*/
float:left;
}
#expo{
margin:0px;
width:207px;
height:50px;
clear:both;
}
#artistes-bas2{
width:235px;
height:273px;
background:url(images/bas-milieu2.jpg)no-repeat;
/*background:url(images/peintres.jpg) no-repeat;*/
float:left;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------------style galerie------------------------*/
#right-galerie{
width:446px;
height:473px;
margin:0px 0 0 5px;
float:left;
padding:0px;
background:url(images/fond-galerie.jpg) no-repeat;
}
#right-galerie-art{
width:436px;
height:463px;
margin:0px 0 0 5px;
float:left;
padding:5px;
background:url(images/fond-galerie.jpg) no-repeat;
}
#galerie-top{
margin:0 0 1px 0;
width:445px;
height:168px;
clear:both;
background: url(images/img-apropos-top.jpg) no-repeat;
}
#galerie-top1{
margin:10px 10px 0 5px;
width:87px;
height:74px;
background:url(images/collect.jpg) no-repeat;
border:1px solid #000000;
float:left;
}
#galerie-bas{
width:235px;
height:273px;
background:url(images/bas-milieu-coll.jpg) no-repeat;
float:left;
}
#galerie-matisse-top{
background:url(images/galerie-top.jpg) no-repeat;
width:436px;
height:25px;
margin:0px;
padding:5px;
}
#galerie-matisse-milieu{
width:446px;
height:437px;
margin:0px;
clear:both;
}
#galerie-matisse-milieu a{
border:none;
text-decoration:none;
}
.galerie-maright{
width:208px;
height:437px;
margin:0px 7px 0px 0px;
float:left;
border:none;
}
.galerie-maleft{
width:208px;
height:437px;
width:223px;
margin:0px 0px 0px 7px;
border:none;
float:left;
}
.galerie-maright a{
border:1px solid #33FF33;
text-decoration:none;
float:left;
}
.galerie-maleft a{
border:1px solid #33FF33;
text-decoration:none;
float:left;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------------right-news------------------------*/
#right-news{
width:445px;
height:472px;
margin:0px 0 0 7px;
float:left;
}
#news-top{
margin:0 0 1px 0;
padding:5px;
width:435px;
height:147px;
background:url(images/fond-news.jpg) no-repeat;
}
#news-milieu{
width:440px;
margin:0;
padding:0px 0 0 5px;
height:151px;
background: #FFFFFF;
background:url(images/fond-info.jpg) no-repeat;
}
#info{
margin:5px 0px;
width:435px;
height:70px;
}
#news-bas{
margin:1px 0;
width:440px;
padding:5px 0 0 5px;
background:url(images/fond-revue.jpg) no-repeat;
height:162px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------------right-contact------------------------*/
#right-contact{
width:445px;
height:472px;
margin:0px 0 0 7px;
float:left;
}
#contact-top{
margin:0 0 1px 0;
width:445px;
height:168px;
clear:both;
background: url(images/img-apropos-top.jpg) no-repeat;
}
#contact-top1{
margin:6px;
width:107px;
height:156px;
background: url(images/matisse-welcome.jpg) no-repeat;
border:1px solid #000000;
float:left;
}
#contact-top2{
margin:0;
padding:3px 0;
text-align:left;
width:304px;
height:135px;
float:left;
font-size:10px;
}
#contact-milieu{
width:445px;
height:29px;
margin:0 0 1px 0;
background:url(images/contact-milieu.jpg) no-repeat;
clear:both;
}
#contact-bas{
width:443px;
height:270px;
background:url(images/bas-contact.jpg) no-repeat;
margin:0px;
border:1px solid #FFFFFF;
}
.form-contact{
    margin:15px 0; 
}
.form-contact input{
width:170px; 
height:14px;
margin:5px 0; 
font-size:9px; 
padding:0px;
color: #333333;
background: #E8E8E8;
}
.form-contact textarea{
color: #333333;
background: #E8E8E8;
height:135px; 
width:240px;
}
form-contact input.bt-envoyer{
margin:3px 0 0 120px;
width:50px;  
height:18px; 
font-size:9px;
}
.para-contact-left{
width:180px; 
height:140px; 
float:left; 
margin:2px; 
}
.para-contact-right{
width:120px; 
height:160px; 
float:left;
margin:5px 0;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------------right-artistes-galerie------------------------*/
#right-artistes-galerie{
width:445px;
height:472px;
margin:0px 0 0 7px;
float:left;
background:url(images/fond-galerie.jpg) no-repeat;
}
#artistes-galerie-top{
margin:0 0 1px 0;
width:443px;
height:120px;
clear:both;
}
#artistes-galerie-top1{
margin:6px;
width:107px;
height:107px;
float:left;
border:1px solid #000000;
}
#artistes-galerie-top2{
margin:0;
padding:3px 0;
text-align:justify;
width:304px;
height:107px;
float:left;
font-size:10px;
}
#artistes-galerie-milieu{
width:435px;
height:330px;
margin:0 0 1px 0;
padding:0 0 0 5px;
clear:both;
}
#artistes-galerie-bas{
width:440px;
height:11px;
padding:0px 5px 0 0 ;
text-align: center;
font-size:10px;
font-weight:bold;
color:#660000;
/*color:#930000;*/
clear:both;
}
#artistes-galerie-bas a{
background:url(images/icon.jpg) 0px  no-repeat;
background:#FFFFFF;
padding:0 5px 0 10px;
font-size:12px;
font-weight:bold;
color:#660000;
}
/*-----------------------------------------------------------------------------*/
/*--------------------------galerie - laila/04/06/2007-------------------------------------------------*/
#galerie{
margin:0px;
width:435px;
height:450px;
}
.photos-ar{
  margin:2px 0px 0px 3px;
  width:72px;
  height:72px;
  background: #999999;
  float:left;
  border:2px #EEEEEE solid ;
}
/*-----------------------------------------------------------------------------*/

/*--------------------------news- laila 26/06/2007-------------------------------------------------*/
.img_news{
  float:left;
  border:1px solid #FFFFFF;
  display:block;
  font-size:10px;
}
.plus-info{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
color:#fff;
text-align:right;
font-size:10px;
font-weight:bold;
padding:0px;
clear:both;
}
#exposition{
width:120px; 
height:auto; 
float:left; 
font-size:10px; 
margin:10px 0px;
}
.news{
margin:0px 0 0 10px;
padding:0;
}
.img-expo{
width:50px; 
height:50px; 
float:left; 
margin:10px 5px 0 5px; 
border:#000000 1px solid;
}
#right-coll-galerie{
width:435px;
height:462px;
margin:0px 0 0 7px;
padding:5px;
float:left;
background:url(images/fond-galerie.jpg) no-repeat;
}


/**************************************laila 18/09/2007*************************************/

#img{
float:left;
width:90px;
height:80px;

}
#top-new{
width:435px;
height:80px;
clear:both;
}

h5{
font-family:Arial, Helvetica, sans-serif;
color:#930000;
font-size:12px;
font-weight:bold;
margin:0px;
}
#date{
margin:0px 0px 0px 10px;
float:left;
width:320px;
height:80px;
}

#desc{
margin:10px 0px;
width:430px;
height:300px;
clear:both;
}
.photos-artiste{
border: #FFFFFF;}