html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
	background: #111111;
	color : #FFCC00;
	font-family : arial;
	font-size: 12px;
	text-align: center;
}


#wrapper {
	background: black;
	text-align: left;
	margin: 0 auto;
	padding: 0;
  width: 770px;
  border-left : solid 10px black;
  border-right : solid 10px black;
  height: 100%;
  min-height: 100%;
  position: relative;
}

html>body #wrapper{
  height:auto
}

#header {
  padding: 0;
  margin: 0;
  width: 100%;
}


#leftCol {
	float: left;
  background: url(../IMG/arton94.png) 0 9px no-repeat;
	width: 135px;
}

#rightCol {
	margin: 10px 10px 10px 150px;
	padding-bottom: 20px;
}

img {
	border: none;
}

a {
  text-decoration: none;
	color :  #FF0000;
	border: 0px;
}

a:hover {
	text-decoration: underline;
}

hr {
	color: #FFCC00;
	background-color: #FFCC00;
	border: 0;
	height: 1px;
}


/* MENU GAUCHE */
/***************/

#menuAccueil {
	margin: 15px 0 10px 2px;
	padding: 0;
	list-style-type: none;
  /* Menu texte (si existe) */
	font-size: 15px;
  font-family: Verdana;
}

#menuAccueil li  {
	padding: 0 0 0 10px;
	height: 33px;
	_margin-top: -1px; // ie
}

#menuAccueil img  {
	border: none;
  margin: 0;
  padding: 0;
}

/* Menu texte (si existe) */
#menuAccueil li a:hover {
  text-decoration: none;
  color: #FFCC00;
}


/* Intro */

#intro {
}

#introCenter {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}




/* Accueil */
/***********/

.actuAccueil {
	padding: 10px 0 0 0;
	margin-bottom: 15px;
}

.actuAccueilTitre {
	font-size: 16px;
	font-weight: bold;
	color: #FC2B26;
	border-bottom: dotted 1px #FC2B26;
}

.actuAccueilTexte {
	text-align: justify;
	padding-top: 10px;
	width: 610px;
	overflow: hidden;
	_width: 585px; //ie6
}

/* Actus */

.actu {
	padding: 6px 0 0 0;
	margin-bottom: 15px;
}

.actuTitre {
  margin-top: 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 1px #FFCC00;
}

.actuTexte {
	text-align: justify;
	padding-top: 10px;
	width: 610px;
	overflow: hidden;
	_width: 585px; //ie6
}



/* Disco */

#disco {
	margin: 20px 0 0 0;
	padding: 0;
}

.discoDisque {
	float: left;
	width: 120px;
	height: 160px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.discoDisquePhoto {
	margin-bottom: 10px;
}

.discoDisqueParution {
  font-size: 10px;
  font-style: italic;
}


/* Disque */

#discoDetailDisqueParution {
  float: left;
  margin-left: 20px;
  margin-top: 7px;
  font-size: 16px;
}

#discoDetailDisqueLiendisco {
  float: right;
  margin-top: 11px;
}

#discoPochetteTracklist {
  margin-top: 15px;
  overflow: hidden;
  width: 580px;
}

#discoPochette {
  position: relative;
  float:left;
}

#discoTracklist {
  position: relative;
  float:left;
  margin: 0;
  padding-left: 10px;
  width: 285px;
  font-size: 15px;
}

#detailDisco {
  font-size: 13px;
  text-align: justify;
}

/* Biblio */

#biblio {
	margin: 20px 0 0 0;
	padding: 0;
}

.biblioLivre {
	float: left;
	width: 120px;
	height: 220px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.biblioLivrePhoto {
	margin-bottom: 10px;
}

.biblioLivreParution {
  font-size: 10px;
  font-style: italic;
}

#detailBiblio {
  clear: both;
  font-size: 13px;
  text-align: justify;
}

#biblioDetailLivreLienbiblio {
  float: right;
  margin-top: 11px;
}

/* DVDs */

#dvds {
	margin: 0;
	padding: 0;
}

.dvdsDvd {
	float: left;
	width: 150px;
	height: 240px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.dvdsDvdPhoto {
	margin-bottom: 10px;
}

.dvdsDvdParution {
  font-size: 10px;
  font-style: italic;
}

#detailDvd {
  clear: both;
  font-size: 13px;
  text-align: justify;
}

#DvdDetailLivreLienDvds {
  float: right;
  margin-top: 11px;
}

/* Footer */

#footer {
  position: absolute;
  bottom: 0;
  width: 770;
  border-top: solid 1px #3E3100;
  text-align: center;
  margin-top: 7px;
  color: #3E3100;
}

#footer a {
  color: #3E3100;
}

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


/* Footer D�tail */

#detailFooter {
  padding-left: 26px;
  font-size: 15px;
  text-align: justify;
}



/* Footer Partenaires */

.partenaire {
	padding: 5px 0;
	margin-bottom: 15px;
	overflow: hidden;
}

.partenaireLogo {
  float: left;
  width: 150px;
  margin-bottom: 15px;
}



.partenaireTexte {
  float: left;
  width: 480px;
  text-align: justify;
}



.partenaireTitre {
  margin-top: 15px;
  margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 1px #FFCC00;
}




/* G�n�ral : mise en forme titre rubrique avec puce */

#titreRubrique {
  height: 30px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#puceTitreRubrique {
  float: left;
  height: 15px;
  width: 15px;
  background-color: #FFCC00;
  margin: 8px 10px 0px 0px;
}

#texteTitreRubrique {
  float: left;
  font-weight: bold;
  font-size: 25px;
}


/* Bio */

#bio {
	text-align: justify;
}


/* Liens/Coll�gues */

.liens {
	margin-bottom: 35px;
}

.liensTitre {
  margin-top: 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 1px #FFCC00;
}

.liensTexte {
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 20px;
}


/* Livre d'or */

.newMessage {
  margin: 15px 0 0 0;
}

.aMessage {
  margin: 25px 0 0 0;
}

.aMessageHeader {
  border: dotted 1px #3C3000;
  padding: 3px;
  letter-spacing: 0.1em;
}

.aMessageContent {
  margin: 5px 0 25px 0;
  text-align: justify;
  line-height: 1.5em;
  border-left: solid 5px #3C3000;
  padding-left: 10px;
  letter-spacing: 0.1em;

}

.aMessageHeaderSt1, .aMessageHeaderSt2, .aMessageHeaderSt3, .aMessageHeaderSt4 {
  font-size: 11px;
}

.aMessageHeaderAuthor, .aMessageHeaderDate, .aMessageHeaderHeure {
  font-weight: bold;
}

#loInfo {
  color: #B6B6B6;
  padding: 13px 0;
}

#loSaisieForm {
  padding: 10px;
}

#loErreurForm {
  color: red;
  font-weight: bold;
  margin: 10px 0;
}

#loRetourForm a {
  color: #9D9D9D;
  font-style: italic;
  margin: 10px 0;
}

.saisieFormField {
  display: block;
}


/* SPIP */

.spip_documents_left {
  margin-right: 7px;
}

.spip_documents_right {
  margin-left: 7px;
}



/* OPERETTES / ARIANE */

#ariane {
  height: 40px;
}


.arianeStage {
	background: url(../IMG/flecheRouge.png)0 2px no-repeat;
  float: left;
  margin-left: 10px;
  padding-left: 14px;
  font-size: 14px;
}


/* OPERETTES */

#container {
  overflow: hidden;
}

#routeurContent {
  clear: both;
  margin-top: 25px;
}


.divRubrique {
  clear: both;
  overflow: hidden;
  margin-bottom: 25px;
}


.divRubrique21 {
  padding-bottom: 10px;
  /* border-bottom: solid 1px; */
}


.logoRubrique {
}


.descriptifRubrique {
  margin-top: 15px;
  text-align: justify;
}


.routeurContent {
  float: left;
}


.lienArticleClass26, .lienArticleClass27 {
  background: url(../IMG/puceRougeCarree.png) 0 2px no-repeat;
  padding-left: 15px;
  margin-bottom: 10px;
}