/* CSS ARTISTE ANGLE ART CONTEMPORAIN.COM */
#out-min-height {
  padding-top:572px;          /* voici le min-height  pour forcer le centre à une valeur mini */
  min-height: 1px;           /* pour Opéra */
  }
#in-min-height {  
  margin-top: -572px 
          /* pour compenser le padding-top */ 
  }
  
  
  /* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }



body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

form{
	padding: 0 0 8px 0;
	margin: 0px;
}


p {
margin: 0 0 18px 0;}



a:link{
color:#DDD;
text-decoration:underline;
}

a:visited {
color:#AAA;
text-decoration:underline;
}

h1, h2, h3 , h4, h5, h6{
margin:0;
padding:0;
}

img{
border:0 solid #000000
}

#logo{
float:left;
width:154px;
}

#menus{
width:796px;
margin-left:154px;
}

#header {
height: 158px;
width:950px;
}
#conteneur {
position: relative;
width: 950px;
margin: 0 auto;
background-image:url(../img-design/gauche-fond-global.gif);
background-position:0 158px;
background-repeat:repeat-y;
background-color:#000;
}



#centre-large {
margin-left: 154px;
width:796px;
color:#FFFFFF;
/*background-image:url(../img-design/fond-centre-gris-noir.gif);*/
background-position:left top;
background-repeat:repeat;

}
#centre-large h1{
font-size:1.5em;
color:#FFFFFF;
font-family:"Trebuchet MS", Verdana, sans-serif;
}

#gauche {
position: absolute;
left:0;
width: 154px;
height: 650px;
}

#pied {
clear:both;
height: 43px;
background-image:url(../img-design/fond-pied.gif);
background-position:left top;
background-repeat:no-repeat;
text-align:center;
}


#pied a{
text-decoration:none;
color:#000000;
}

/* -------------------------------------------------------
 	TITRES ENTREES
 ------------------------------------------------------- */
#artistes-nom {
background-image:url(../img-design/espace-artiste-horizon.gif);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
height:99px;
font-family:"Trebuchet MS", Verdana;
}

#artistes-nom a{
text-decoration:none;
color:#FFFFFF;
}
#artistes-nom h1{
padding:15px 0 1px 0px;
float:left;
font-size:2.2em;
font-weight:bold;
}
#tous a{
color:#FFFFFF;
float:left;
padding:32px 45px  1px 22px;
text-decoration:none;
}

#tous a:visited{
color:#FFFFFF;
float:left;
padding:32px 45px  1px 22px;
text-decoration:none;
}

#recherche {
margin:10px 0px 1px 10px;
padding-right:10px;
float:right;
}

#accueil-liner {
background-color:#FFFFFF;
height:60px;
border-right:1px solid #000000;
}

#accueil-liner p {
color:#000000;
font-family:"Trebuchet MS", Verdana;
font-size:1.15em;
padding: 8px 40px 10px 40px;
font-weight:bold;
}


/* -------------------------------------------------------
 	MENU HORIZONTAL 1
 ------------------------------------------------------- */

#menu-line1 {
height: 29px;
background-color: #717171;
border-top:1px solid #CCC;
}
.menu dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 ;
padding: 0;
}
.menu li {
float: left;
margin: 0 ;
height:29px;
display:block;
background: #717171;
}
.menu a {
padding:6px 9px;
text-align: center;
border-right: 1px dotted #000;
text-decoration: none;
color: #FFF;
line-height: 29px;
}
.menu a:hover {
background: #848484;
border-right: 1px dotted gray;
line-height: 29px;
}
.menu a:active {
background: gray;
border-right: 1px dotted gray;
color: #fff;
}
#menu-on {
padding:0px 20px;
text-align: center;
border-right: 1px dotted #000;
text-decoration: none;
color: #FFF;
line-height: 25px;
background-color:#ccc;
display:block;
height:29px;
}/* voir liens exposes dans la feuille de style spip_style.css*/

/* -------------------------------------------------------
 	MENU HORIZONTAL 2 
 ------------------------------------------------------- */

#menu-line2 {
height:28px;
background-color: #848484;
border-top:1px solid #CCC;
}
#menu-line2 h3{
color: #555;
font-size:1em;
font-weight:normal;
margin-left:28px;
}

#menu-line2 dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 ;
padding: 0;
}
.menu2 li {
float:left;
margin: 0 ;
height:28px;
display:block;
background: #848484;
}
.menu2 a {
padding:6px 12px;
text-align: center;
border-right: 1px dotted #333;
text-decoration: none;
color: #FFF;
line-height:28px;
}
.menu2 a:visited {
border-right: 1px dotted #333;
color: #DDD;
}
.menu2 a:hover {
background: #404040;
border-right: 1px dotted #333;
line-height:28px;
}

/* class on dans la feuille de style de spip, prendre la couleur
 ------------------------------------------------------- */
#menu2-on {
padding:0px 20px;
text-align: center;
border-right: 1px dotted #666;
text-decoration: none;
color: #333;
line-height: 25px;
background-color:#404040;
display:block;
height:28px;
}



/* -------------------------------------------------------
 	ANCRES et outils à droite
 ------------------------------------------------------- */
#ancres-line {
height: 25px;
background-color: #E9E4D3;
margin-left: 106px;
padding-left:18px;
padding-top:8px;
}
#ancres-line h1 {
padding-right:350px;
margin:0 0 10px 10px;
line-height: 18px;
color:#444;
font-size: 1.9em;
}
#ancres-line h2{
font-size:1.4em;
font-weight:normal;
margin-left:25px;
float:left;
}
.ancres li {
float: left;
display:block;
font-weight:bold;
}
.ancres a {
padding:5px 12px;
text-align: left;
text-decoration: none;
color: #666;
}
.ancres a:visited {
color:#777;
text-decoration: none;
}
.ancres a:hover {
text-decoration: underline;

}
/* -------------------------------------------------------
 	CENTRE GAUCHE
 ------------------------------------------------------- */
#centre-gauche {
width:320px;
padding:45px 20px 20px 20px;
min-height:510px;
font-family:"Trebuchet MS", Verdana;
float:left;
}



#centre-gauche h1{
font-size:1.4em;
}

#centre-gauche h2{
font-size:1.3em;
margin-bottom:30px;
color:#CCC;

}

#centre-gauche h3 a{
margin-top:10px;
letter-spacing:1px;
font-size:1.1em;

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
font-weight:bold;
}

#centre-gauche h3 a:visited{
margin-top:10px;
letter-spacing:1px;
font-size:1.1em;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#EEE;

}

#centre-gauche h3 a:hover{
margin-top:10px;
letter-spacing:1px;
font-size:1.1em;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#EEE;

text-decoration:underline;
}


#centre-gauche h4{
font-size:1em;
color:#CCC;
}


#centre-gauche li{
margin-left:10px;

}

#centre-gauche li a{
font-size:1.2em;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#centre-gauche li a:visited{
font-size:1.2em;
letter-spacing:2px;
color:#EEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.actu-logo-liste {

float:right;
margin:5px 5px 0px 0px;

}
.zoom {
float:left;
margin-right:10px;
}
.centre-gauche-texte {
font-size:1em;
margin-bottom:15px;
}

#centre-gauche-zoom {
padding:9px 5px 5px 9px;
font-size:0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#333333;
}
#centre-gauche-zoom2 {
padding:9px 5px 5px 9px;
font-size:0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#222;
}

/* -------------------------------------------------------
 	CENTRE DROIT
 ------------------------------------------------------- */
#centre-droit {
width:383px;
padding:20px 20px 45px 30px;
float:left;
font-size:1em;
color:#FFF;
}

#centre-droit .portrait{
margin-left:30px;
}

#centre-droit h1{
font-size:1.4em;
}

#centre-droit h2{
font-size:1.2em;
margin-bottom:30px;
color:#CCC;

}

#centre-droit h3{
font-size:1em;
}

#centre-droit h4{
font-size:1em;
color:#CCC;
}

.artiste-recent-img {
float:right;
margin-left:15px;
margin-bottom:30px;
}
.artiste-recent-texte {
padding:9px 5px 5px 0px;

}


/* -------------------------------------------------------
 	CENTRE DROIT ACTU RUBRIQUE
 ------------------------------------------------------- */
#centre-droit-actu-rub {
width:435px;
padding:0;
float:left;
/*pour aligner visuel au pixel*/

}

.visuel-rubrique{
margin-left:30px;
}


/* -------------------------------------------------------
 	CENTRE DROIT actus
 ------------------------------------------------------- */


.actu-logo {
float:right;
margin-left:15px;
margin-bottom:30px;
}
.actu-chapo {
padding:10px 0px 30px 0px;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.actu-texte {
clear:both;
padding:9px 5px 5px 0px;

}

.actu-site {
text-decoration:underline;
color:#CCCCCC;
}







/* -------------------------------------------------------
 	OEUVRE 
 ------------------------------------------------------- */
 
#centre-gauche-oeuvre {
width:400px;
padding:0;
min-height:510px;
font-family:"Trebuchet MS", Verdana;
float:left;
background-color:#000;

}
 
#centre-oeuvre {
position:relative;
margin-left: 154px;
width:796px;
color:#FFFFFF;
}

.oeuvres-ref {
text-align:center;
padding:10px;
}

#oeuvres-portfolios {
background-color:#555;
}
#oeuvres-portfolios a{

}

.oeuvre-chapo {
padding:10px 100px 10px 100px;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.oeuvre-titre {
padding:10px 100px 10px 100px;
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.oeuvre-texte {
padding:10px 100px 30px 100px;
font-size:0.85em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.imprimer
{
margin-top:25px;
}

.actu-site {
text-decoration:underline;
color:#CCCCCC;
}

.ps-oeuvre {
margin-top:30px;
font-style:italic;
}
/* -------------------------------------------------------
 	CONTENU MENU GAUCHE
 ------------------------------------------------------- */

#menugauche {
list-style-type: none;
margin: 45px  0px 0 60px;
padding:0;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:1.3em;
}

#menugauche .pictos {
padding-top:180px;
}

#menugauche .pictos a{
padding:0px;
margin:0px;
height:auto;
}




/* -------------------------------------------------------
 	CENTRE DROIT ARTICLES OEUVRES
 ------------------------------------------------------- */
#centre-droit-oeuvre {
width:352px;
padding:20px 15px 45px 27px;
float:left;
font-size:1.1em;
color:#FFF;

}

.texte-oeuvre-intro {
font-size:1.1em;
font-style:italic;
margin-bottom:15px;
font-family:"Trebuchet MS", Verdana;
}

.texte-oeuvre {
clear:both;
padding:2px 0px 5px 0px;
font-size:1.em;
text-align:justify;
}

#centre-droit-oeuvre h1{
padding:30px 10px 5px 0px;
font-size:1.5em;
}

#centre-droit-oeuvre h2{
font-size:1.2em;
margin-bottom:4px;
color:#CCC;
}

#centre-droit-oeuvre h3{
font-size:1em;

}

#centre-droit-oeuvre h4{
font-size:1em;
color:#CCC;

}


#select-langue {
padding-left:280px;
}


/* -------------------------------------------------------
 	CENTRE GAUCHE
 ------------------------------------------------------- */
#centre-gauche-plan {
width:310px;
padding:45px 20px 20px 30px;
min-height:510px;
font-family:"Trebuchet MS", Verdana;
float:left;
}

#centre-gauche-plan h1{
font-size:1.4em;

}

#centre-gauche-plan h2 a{
font-size:1.5em;
margin-top:10px;
margin-bottom:2px;
color:#CCC;
text-decoration:none;
display:block;
color:#FFFFFF;
}

#centre-gauche-plan h3 a{
margin-top:40px;
font-size:1.3em;
color:#FFF;
}

#centre-gauche-plan h3 a:visited{
display:block;
margin-top:25px;
font-size:1.3em;
color:#CCC;
}

#centre-gauche-plan h4{
font-size:1em;
color:#CCC;
}

#centre-gauche-plan li{
margin-left:18px;
}

#centre-gauche-plan li a{
font-size:1.1em;
text-decoration:none;
}

#centre-gauche-plan li a:visited{
color:#CCC;
}

.centre-gauche-texte {
font-size:1em;
margin-bottom:15px;
}






