/*
Zeller David, artiste sculpteur
Cette page réalisée par Bitin.fr configure [aux normes W3C et en CSS 2] la présentation du contenu du site
*/

body { background-repeat: no-repeat; background-color: black;
	color: #939393;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Styles généraux "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;*/

a {color: #c4c2bb; text-align: justify; text-decoration: none}

a:visited { color: #bfc3c0; text-decoration: none}

a:active { color: #821c21; text-decoration: none}

a:hover   { color: #821c21; font-weight:bold; text-decoration: none}

.spip_logos {border : none ;} 

.imgSB {border:0; text-decoration: none}

a.imgSB:link {border:0; text-decoration: none}

a.imgSB:active {border:0; text-decoration: none}

a.imgSB:hover {border:0; text-decoration: none}

.texte8 { font-size:8px;}

.texte8SC { font-size:8px; font-variant: small-caps; text-decoration: none}

.texte10 { font-size:10px;}

.texte10SC { font-size:10px; font-variant: small-caps; text-decoration: none}

.texte12 { font-size:12px;}

.texte12SC { line-height: 30px; font-variant: small-caps;  font-size:12px; text-decoration: none}

.texte14 { line-height: 22px; border-left-style: none; border-bottom-style: none; border-right-style: none; border-top-style: none; font-variant: small-caps; font-size:14px;}

.texte14SC { line-height: 30px; font-size:14px; font-variant: small-caps; text-decoration: none}

/* Des Titres */

.Titre1 {
	font-variant: small-caps;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 5px;
	font-size: 22px;
	color: #821c21;
	text-align: left;
	margin: 2px 2px 2px 2px;
	line-height: 30px;
	text-decoration: none
	}
	
a.Titre1:link {color=#FFFFFF;}

a.Titre1:visited {color=#FFFFFF;}

a.Titre1:hover {color=#BFBFBF;}

a.Titre1:active {color=#FFFFFF;}

.Titre2 {
	margin-left: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	margin-top: 1px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 4px;
	font-variant: small-caps;
	font-size: 15px;
	color: #821c21;
	text-align:right;
	line-height: 20px;
	text-decoration: none
	}
	
a.Titre2:link {color=#FFFFFF;}

a.Titre2:visited {color=#FFFFFF;}

a.Titre2:hover {color=#BFBFBF;}

a.Titre2:active {color=#FFFFFF;}

.menuimages {
  line-height: 20px;
  margin: 2px;
  float: left;
  width: 120px;
  height: 20px;
  text-align: center;
}

/* DES DIVS COTE */

.enbas

/* DES DIV COTE A COTE */

.carre {
  padding-left: 1px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-top: 450px;
  background-position: center bottom;
  margin: 1px;
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
}

a.carre:link {text-align: center; color:white; font-size:14px;}

a.carre:visited {text-align: center; color:white;}

a.carre:hover { text-align: center; background-repeat: no-repeat; color:black; font-weight:bold;}

a.carre:active {text-align: center; color: #821c21;}

.spacercarre {clear: both;}

/* Flottante */

.flottante {
background-color: none;
margin: 2px;
float: left;
width: 200px;
height: 230px;
text-align: center;
}

.flottantegrande {
margin: 2px;
float: left;
width: 30%;
height: 300px;
text-align: center;
font-size: 10px;
}

.conteneur {
width: 750px;
}
.spacer {
clear: both;
}


/* DES IMAGES */

.logo {border-width:0px;}

.logoright { float: right; clear: both; margin: 10px 10px 10px 10px; border-width:0px;}

.logoleft { float: left; clear: both; margin: 10px 10px 10px 10px; border-width:0px;}

/* MENU NAV */

#menu {
  margin:0; 
  padding:0; 
  width:100%;
  height:auto;
  overflow:hidden; 
  background:#000;
  text-align: left;
  }
#menu li {
  display:inline;
  list-style-type:none; 
  }
#menu li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:1px; 
  }
#menu li a img {
  opacity:0.7;
  margin:0.5em;
  border:0px;
  float:left;
  }
#menu li a span {
  display:none; 
  }
#menu li a:hover {
  background:#000;
  }
#menu li a:hover img {
  opacity:1;
  }
#menu li a:hover span {
  width:11em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menu .h2 {
  font-variant: small-caps;
  margin:0 5px; 
  padding:0px; 
  color: #821b1b; 
  font-size: 14px; 
  border:0px;
  text-align: left;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0px; 
  font-size: 10px; 
  color: white;
  text-align: left;
  }
.outer {
  background:transparent; 
  font-size: 10px;
  }


/* LA PAGE */

/* container: le div qui les englobe tous, centré au centre de la page, largeur 900 pixels */

#container{ background-repeat: no-repeat; background-color: black; width:1000px; margin:0 auto;
}
/* Présentation - premiere ligne*/

#espacederesistance{ font-variant: small-caps; text-align: left; background-color: black; width:100%; display:block; height:auto;}

/* la "top barre" -  div avec le logo du site*/

#topbar{ background-color: black; width: 100%; display:block; height: auto;text-align: left;}

/* les barres de navigation (repertorie les rubriques du site) */

#navbar{ text-align: left; background-color: black; width: 100%; display:block; height: auto;}

#navbar1{ background-color: black; width: 100%; display:block; height: auto;text-align: left; float: right}

/* Main content: Où sont placées les deux colonnes de contenu */

#main{width:auto; display:block;}

/* La colonne gauche, collone principale, d'une largeur de 780 px */

#column_left{padding: 3px; margin: 0px; background-color: black; width:750px; float:left;}

/* La colonne de droite, de 200 px de large */

#column_right{ border-left-color: #333333; border-left-width: 1px; border-left-style: solid; margin: 5px; padding: 5px; background-repeat: no-repeat; background-position: center bottom; background-color: black; min-height: 400px; width: 220px; float:right;}

/* Main & dedans */

#dedans {width:600px;                                     border-style: none;                                                 padding-bottom: 30px;                                                 border-left-width: 0px;                                                 border-bottom-width: 0px;                                                 border-right-width: 0px;                                                 border-top-width: 0px;             width:auto; display:block;}

#maindedans {width:auto; display:block;}

/* Les colonnes dedans */

#column_dedansleft{width: 300px; margin-right:10px; float:left;}

#column_dedansright{margin-left: 5px; padding-left: 5px; padding-top: 1px; margin-top: 1px; border-left-color: black; border-left-width: 1px; border-left-style: solid; width: 295px; float:right;}

/*
div.spacer, do 2 colonnes in the fuckin' #container
*/

div.spacer{clear:both; height:5px; display:block;}

/*Le "footer"*/

#footer{ border-style: none; width: 100%; display:block; height:80px;}