/* CSS Document */

/* Recherche -------------------------------- */

div#listActus ul {
	margin: 0px;
	padding: 0px;
}

div#listActus ul li {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
}

#recherche {
	position: relative;
	width: 240px;
	height: auto;
	color: #333;
	font-size: 12px;
	margin-bottom: 30px;
	margin-top: 30px;
	float: left;
	}
	
#ligneRecherche {
	height: 50px;
}
	
img.imgDroite {
	border-bottom: 2px solid #666;
	width: 240px;
	height: 25px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}
	
#recherche select {
	width: 240px;
}
		
/* reponses --------------------------------- */

#reponses {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	color: #333333;
	}
	
#reponseTitre {
	position: relative;
	width: 690px;
	height: 15px;
	margin-top: 15px;
	margin-left: 30px;
	background-color: #54247E;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	}
	
.reponseNom {
	font-weight: bold;
	}
	
.reponseNom a {
	text-decoration: none;
}
	
.reponseNom2 {
	color: #122371;
	font-weight: bold;
	}
	
/* voir ------------------------------------------ */

#infoComp {
	position: relative;
	width: 240px;
	color: #333;
	font-size: 12px;
	float: left;
	margin-bottom: 50px;
}

#infoComp p, a.lienSpectacle {
	position: relative;
	float: left;
	width: 240px;
	margin-bottom: 10px;
}

.info1 {
	font-size: 13px;
}

.info3 {
	font-size: 11px;
	color: #666666;
}

#voir {
	width: 620px;
	}
	
.voirNom {
	color: #54247E;
	font-weight: bold;
	text-align: right;
	}
	
.voirTitre {
	color: #122371;
	font-weight: bold;
	text-align: center;
	font-size:14px;
	}
	
#voir a, #voirGauche a {
	text-decoration: none;
	font-weight: bold;
	color: #122371;
	}
	
#voir a:hover, #voirGauche a:hover {
	color: #54247E;
	}
	
#retourListe {
	position: relative;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 10px;
	}
	
.credits {
	color: #999999;
	font-size: 9px;
	font-weight:normal;
	}
	
#anciennesTournees {
	position: relative;
	margin-top: 25px;
	float: left;
	width: 590px;
	margin-bottom: 10px;
	border-bottom: 2px solid #666;
}

.listeTournee {
	margin-top: 25px;
}

.datesTournee {
	margin: 3px 0px;
}
	
/* voir double ---------------------------------- */	

#voirGauche {
	width: 200px;
	text-align: right;
	color: #54247E;
	font-weight: bold;
	vertical-align: text-top;
	padding: 5px;
	font-size: 13px;
	}
	
#voirDroite {
	width: 490px;
	vertical-align: text-top;
	padding: 5px;
	font-size: 13px;
	}
	
#trait {
	position: relative;
	margin-left: 30px;
	width: 690px;
	margin-bottom: 60px;
	height: 10px;	
	}
	
.voirTitre2 {
	color: #54247E;
	font-weight: bold;
	text-align: right;
	font-size:14px;
	}
	
.tournees {
	position: relative;
	margin-left: 30px;
	width: 620px;
	height: auto;
	}
	
/* general -------------------------------------- */
	
.generalTitre {
	position: relative;
	width: 690px;
	height: 15px;
	margin-top: 20px;
	background-color: #4b2a46;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	}
	
.generalContenu {
	position: relative;
	width: 690px;
	height: auto;
	margin-top: 0px;
	border-bottom: 1px solid #4b2a46;
	}
	
.generalContenu a {
	text-decoration: none;
	color: #333333;
	}
	
.generalContenu a:hover {
	color: #4b2a46;
	}
	
/* mail ---------------------------------- */

.mailContact {
	font-size: 13px;
	}
	
/* compagnies ---------------------------------- */
.comp29, .comp29 a {
	color: #e64135;
	text-decoration: none;
}

.comp34, .comp34 a  {
	color: #666666;
	text-decoration: none;
}

.comp35, .comp35 a  {
	color: #bdbb00;
	text-decoration: none;
}

.comp37, .comp37 a  {
	color: #ab9984;
	text-decoration: none;
}

.comp38, .comp38 a  {
	color: #1A171B;
	text-decoration: none;
}

.comp39, .comp39 a  {
	color: #72a140;
	text-decoration: none;
}

.comp42, .comp42 a  {
	color: #d9001a;
	text-decoration: none;
}

.comp53, .comp53 a  {
	color: #321854;
	text-decoration: none;
}

.comp57, .comp57 a  {
	color: #1f257b;
	text-decoration: none;
}

.comp58, .comp58 a  {
	color: #006065;
	text-decoration: none;
}

.comp59, .comp59 a  {
	color: #7d7b5e;
	text-decoration: none;
}

.comp60, .comp60 a  {
	color: #fab700;
	text-decoration: none;
}

.comp61, .comp61 a  {
	color: #b61e7a;
	text-decoration: none;
}

.comp62, .comp62 a  {
	color: #ab9984;
	text-decoration: none;
}

.comp63, .comp63 a  {
	color: #a2a430;
}

.comp64, .comp64 a  {
	color: #0b78ba;
	text-decoration: none;
}

.comp65, .comp65 a  {
	color: #7abcce;
	text-decoration: none;
}

.comp66, .comp66 a  {
	color: #960536;
	text-decoration: none;
}

.comp67, .comp67 a  {
	color: #004a99;
	text-decoration: none;
}

.comp68, .comp68 a  {
	color: #960536;
	text-decoration: none;
}

h3 {
	font-size: 18px !important;
	margin: 0px !important;
	text-transform: none !important;
	font-weight: bold !important;
	font-family: inherit !important;
	margin-top: 20px !important;
	border-bottom: 2px solid #666;
}

h2 {
	font-size: 20px !important;
	margin: 0px !important;
	text-transform: none !important;
	font-weight: bold !important;
	font-family: inherit !important;
	color: #666;
	height: 44px;
	/*line-height: 44px;*/
	margin-bottom: 20px !important;
}

h2 img {
	position: absolute;
	left: -40px;
}

img.imgComp {
	max-width: 600px;
	margin: 30px;
}

h1 {
	font-size: 14px;
	margin-bottom: 0px;
}

div.compagnie {
	width: 620px;
	position: relative;
	float: left;
	margin-bottom: 20px;
}

div.compagnie .picto {
	position: absolute;
	left: 0px;
	top: 10px;
}

div.compagnie a {
	text-decoration: none;
}

div.compagnie h1, div.compagnie strong {
	margin-left: 30px;
	position: relative;
	width: 560px;
}

span.distri {
	color: #666666;
	font-size: 9px;
	width: 560px;
	position: relative;
	float: left;
	margin-left: 30px;
}

.listImages {
	position: relative;
	width: 240px;
	height: auto;
	float: left;
}

.imgSpectacle {
	margin-bottom: 5px;
	float: left;
	width: 240px;
	height: auto;
	text-align: center;
	position: relative;
}

div#tournees {
	font-size: 11px;
	line-height: 14px;
}

.infoCom {
	color: #808080;
	font-style: italic;
	font-size: 10px;
}

.miniPicto {
	width: 5px;
	height: 10px;
}

#documents {
	position: relative;
	width: 240px;
	height: auto;
	color: #333;
	font-size: 12px;
	margin-bottom: 50px;
	float: left;
}

#documents a {
	color: #333;
	text-decoration: none;
}

#documents em {
	color: #999;
}

.marge {
	margin-top: 30px !important;
}
	
a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

p.festival a h1 {
	color: #787878;
}

p.festival a:hover h1 {
	color: #1A171B;
}

div#listActus ul {
	margin-top: 20px;
}

li.titreActus {
	list-style-type: disc;
	margin-left: 25px;
}

li.dateActus {
	list-style-type: none;
}

#reponses #titre {
	color: #000;
	font-size: 20px;
}

#reponses em#infos {
	font-size: 9px;
	color: #666;
}

img.imgContact {
	margin-left: 80px;
	margin-top: 30px;
}

.textecentre {
	text-align: center;
}