body {
margin: 0 0 0 0;
padding: 0 0 0 0;
color:#6D6D6D;
font-family:verdana;
font-size:11px;
}
a, a:visited {
font-family:verdana;
font-size:10px;
color:#AFAFAF;
text-decoration:none;
}

a:hover {
color:#686868;
font:bold;
}

h1 {
margin:0 0 0 0;
padding: 5px 0 0 0;
font-size:26px;
}

h2{
margin:0 0 5px 0;
font-size:18px;
color:#898989;
}

h3{
margin:0 0 0 0;
font-size:14px;
color:#D3D3D3;
}

h4{
margin:3px 0 0 0;
padding: 0 0 0 0;
font:verdana bold 10px;
color:#6D6D6D;
}

h5 {
margin:0 0 0 0;
padding:0 0 0 0;
font:verdana 8px;
color:color:#6D6D6D; 
}

p {
margin:0 0 10px 0;
}

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

#conteneur {
position:absolute;
width:900px;
height:660px;
left:-450px;
margin-left:50%;
margin-top:10px;
background-image:url(../img/degrade.png);
}



/* ---------------------------------- Style pour la partie gauche comportant les menus et voir les news ----------------------- */

#gauche {
float:left;
width:173px;
height:660px;
/*background-color:blue;*/
}

#logo {
float:left;
width:173px;
height:161px;
}

/* ---------------------------------- Style pour le menu ----------------------- */

/*#menu{
float:left;
width:190px;
height:10px;
background-color:red;
}*/

#galerie{
float:left;
width:173px;
height:37px;
background-image:url(../img/galerie.png);
}

#galerie:hover{
background-image:url(../img/galerieHover.png);
}

#artistes{
float:left;
width:173px;
height:37px;
background-image:url(../img/artistes.png);
}

#artistes:hover{
background-image:url(../img/artistesHover.png);
}

#expositions{
float:left;
width:173px;
height:37px;
background-image:url(../img/expositions.png);
}

#expositions:hover{
background-image:url(../img/expositionsHover.png);
}

#partenaires{
float:left;
width:173px;
height:37px;
background-image:url(../img/partenaires.png);
}

#partenaires:hover{
background-image:url(../img/partenairesHover.png);
}

#presses{
float:left;
width:173px;
height:37px;
background-image:url(../img/presses.png);
}

#presses:hover{
background-image:url(../img/pressesHover.png);
}

#contact{
float:left;
width:173px;
height:37px;
background-image:url(../img/contact.png);
}

#contact:hover{
background-image:url(../img/contactHover.png);
}

#compteurVisite {
float:left;
width:173px;
background-color:#D3D3D3;
margin-top:280px;
text-align:center;
font-size:14px;
color:#FFF;
}

/*--------------------- style pour la partie centrale de la page de présentation -----------------------------------------*/

#zoneflash {
float:left;
width:450px;
height:384px;
/*background-color:red;*/
}

#contenuBas{
float:left;
width:436px;
height:276px;
margin-left:5px;
text-align:justify;
}

#droite{
float:left;
width:700px;
height:660px;
/*background-color:blue;*/
margin-left:5px;
}

#expo {
display: inline;
float:left;
width:197px;
height:250px;
margin: 0 0 0 42px;
/*background-color:blue;*/
}

#enbas {
display: inline;
float:left;
width:197px;
height:250px;
margin: 0 0 0 50px;
/*background-color:blue;*/
}

#tabHoriz{
float:left;
}

#liensArtistes {
display: inline;
float:left;
margin: 20px 0 0 40px;
}

/*------------------------ STYLE POUR LA PAGE ARTISTES -------------------------------------------------------------*/


#liste{
display: inline;
float:left;
width:118px;
height:660px;
margin:0 0 0 5px;
background:url(../img/traits.png) no-repeat;
}

#contenuListe {
display: inline;
float:left;
height:470px;
width: 110px;
margin:161px 0 0 4px;
/*overflow:hidden;*/
}

#flecheHaut {
display: inline;
position:absolute;
width:14px;
height:13px;
left:240px;
top:140px;
}

#flecheBas{
display: inline;
position:absolute;
top:640px;
left:210px;
width:14px;
height:13px;
margin-left:30px;
}
	
#centreGauche {
float:left;
width:569px;
height:660px;
/*background-color:red;*/
}
	
#tableaux{
display: inline;
float:left;
width:554px;
height:384px;
margin: 0 0 0 5px;
/*background-color:green;*/
}

#bas {
display: inline;
float:left;
width:597px;
height:272px;
margin: 3px 0 0 5px;

}

#descArtistes {
display: inline;
float:left;
width:355px;
height:260px;
margin: 0 0 0 0;
text-align:justify;
/*overflow:hidden;*/
}

#F_haut {
position:relative;
width:14px;
height:13px;
top:50px;
}

#F_bas{
position:relative;
width:14px;
height:13px;
top:200px;
}

#details {
display: inline;
float:left;
width:197px;
height:75px;
margin:0 0 0 0;
font-size:9px;
/*background-color:grey;*/
}

#details p {
color:black;}

#miniatures{
display: inline;
float:left;
width:197px;
height:144px;
margin:20px 0 0 -10px;
/*background:yellow;*/
display: inline;
}
.min1{
display: inline;
float:left;
width:39px;
height:39px;
margin:10px 0 0 10px;
background:#E8E8E8;
}
.min2{
display: inline;
float:left;
width:39px;
height:39px;
margin:10px 0 0 10px;
background:#E8E8E8;
}

#link_min{
display: inline;
float:left;
width:180px;
height:20px;
margin:10px 0 0 10px;
/*background:blue;*/
}

/*------------------------------------------- STYLE POUR LA PAGE PARTENAIRES -------------------------------------- */

#pagepartenaires{
display: inline;
float:left;
width:408px;
height:473px;
margin: 161px 0 0 5px;
/*background-color:blue;*/
}


#liste_liens {
display: inline;
float:left;
width:520px;
margin-left:103px;
/*background-color:red;*/
color:#5E5E5E;
}

#liste_liens2 {
display: inline;
float:left;
width:450px;
height:470px;
margin: 0 0 0 0;
text-align:justify;
/*overflow:hidden;*/
}

#liste_liens ul li {
margin-bottom: 5px;
}

#liste_liens a {
margin-bottom: 5px;
font-family:verdana;
font-size:11px;
color:#5E5E5E;
}

#liste_liens a:hover {
color:#8E8E8E;
font:bold;

}

.titre_liens{
font-size:9px;
color:#5E5E5E;
}

.description_liens {
font-size:9px;
color:#8E8E8E;
}


/*------------------------------------------- STYLE POUR LA PAGE CONTACT -------------------------------------- */

#pagecontact {
display: inline;
float:left;
width:408px;
height:473px;
margin: 161px 0 0 5px;
/*background-color:blue;*/
}

#adresse {
display: inline;
float:left;
width:305px;
height:90px;
margin-left:103px;
/*background-color:red;*/
color:#5E5E5E;
}

.nomAdresse {
font:verdana bold;
font-size:14px;
color:#444444;
}
.coordonnées {
font-size:9px;
color:#5E5E5E;
}
.tel {
font-size:9px;
color:#8E8E8E;
}

#formulaire {
float:left;
margin-top:30px;
width:408pxpx;
height:353px;
color:grey;
}
.form{
background-color: #F2F2F2;
border: 0px;
}

#cadrePhoto {
display: inline;
float:left;
width:230px;
margin: 0 0 0 40px;
font-size:9px;
color:#5E5E5E;

}

#footer {
float:left;
width:900px;
text-align:center; height: 25px; line-height: 25px;
}

#footer a { color: #686868; text-decoration:none;}
#footer a:hover { color: #686868; text-decoration:underline; }