/* CSS Document */

/* feuille de style pour la compagnie paradis-eprouvette - design Alem Alquier http://www.alemalquier.net */





/*
-----------------------------------------------------------------------------------------------------------------
·············································· balises standard ·················································
-----------------------------------------------------------------------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	background-color: #000;
}




h1 {	display: none; }

h2 {	font-family: Arial, Helvetica, sans-serif;
		color: #FDF5DE;
		clear: both;
		}
		h2 strong 	{	color: #E2008A; font-style: normal; }

h3, h5, h6 {	font-family: Arial, Helvetica, sans-serif; color: #FFF; }

h4 {	font-family: Arial, Helvetica, sans-serif; color: #E2008A; }

.important {	font-family: Arial, Helvetica, sans-serif; color: #E2008A; font-weight: normal; }

.notabene {		font-family: Arial, Helvetica, sans-serif; color: #999; font-size: small; font-weight: lighter; }

p {		font-family: Arial, Helvetica, sans-serif; color: #FFF; }

.p1 {	font-size: 1.1em; }

.p2 {	font-size: 1.2em; }

em { }

q { }

a:visited, a {
	color: #A0B0FF;
	text-decoration: none;
	}
	a:hover, a:focus, a:active {
		color: #000;
		text-decoration: none;
		background-color: #FDF5DE;
	}

a img { border: none; }



/*
-----------------------------------------------------------------------------------------------------------------
························································ structure ··············································
-----------------------------------------------------------------------------------------------------------------
*/


/* V.2.3 / IX 2011 */


#conteneur {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 1800px;
	}
	#conteneur #conteneurcol {
	position: absolute;
	width: 622px;
	top: 80px;
	height: auto;
	left: 200px;
	}
	#conteneur #col_a {
		position: absolute;
		top: 0px;
		width: 300px;
		left: 0px;
	}
	#conteneur #col_b {
		position: absolute;
		top: 0px;
		width: 300px;
		left: 320px;
	}

#conteneur #en_tete {
	position: absolute;
	left: 20px;
	width: 120px;
	height: 120px;
	top: 0px;
	background-repeat: no-repeat;
	background-image: url(../images/image_p-e_blanctrans.png);
}


#conteneur20 {
	position: absolute;
	width: 622px;
	height: 498px;
	background-color: #333;
	top: 80px;
	left: 180px;
}

/* conteneur de la page "spectacles" */

#conteneur #conteneur9 {
	position: absolute;
	width: 770px;
	height: 1042px;
	background-color: #000;
	top: 80px;
	left: 180px;
	}
	#conteneur #conteneur9 #galerie9 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 770px;
	text-align: center;
		}
		
/* fin conteneur de la page "spectacles" */

/* ---------------------------------------------------------------------------------------------------- */

/* GALERIE PHOTOS */

#conteneurgalerie {
	position: absolute;
	width: 578px;
	top: 80px;
	left: 180px;
	}
	#conteneurgalerie #titregalerie {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 578px;
		text-align: center;
	}
	#conteneurgalerie #thumbnails {
		position: relative;
		}


		
#conteneurcol #col_c {
	position: absolute;
	top: 0;
	width: 500px;
	left: 370px;
}


#conteneur #coltech {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 160px;
	height: 2500px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #444;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #444;
	padding-right: 5px;
	}
	#conteneur #coltech p {
		color: #FFC;
		font-size: 0.82em;
		font-weight: lighter;
	}
	#conteneur #coltech a, a:visited { }
	#coltech a:hover, a:focus, a:active { }
	
#conteneur #coltecharchives {
	position: relative;
	width: 160px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #444;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #444;
	padding-right: 5px;
	}
	#conteneur #coltecharchives p {
		color: #FFC;
		font-size: 0.82em;
		font-weight: lighter;
	}
	#conteneur #coltecharchives a, a:visited { }
	#coltecharchives a:hover, a:focus, a:active { }
	

#conteneurcol #encadre_f {
	background-color: #e9e8e6;
	padding: 20px;
	position: relative;
	}
	#conteneurcol #encadre_f h2, #encadre_f h3 {
		color: #E2008A;	
	}
	#conteneurcol #encadre_f p {
		color: #000;
		font-size: 1.1em;
		text-align: justify;
	}
	#conteneurcol #encadre_f a:visited, #conteneurcol #encadre_f a {
		color: #1055fa;
		text-decoration: none;
		}
		#conteneurcol #encadre_f  a:hover, #conteneurcol #encadre_f a:focus {
			color: #fff;
			text-decoration: none;
			background-color: #FDF5DE;	
		}
		
		
#col_d {
	position: absolute;
	left: 111px;
	top: 0;
	width: 400px;
}

#col_e {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
}

#col_f {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 622px;
}



/*
-----------------------------------------------------------------------------------------------------------------
························································ fin structure ··········································
-----------------------------------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------------------------------------------
························································ menus ··················································
-----------------------------------------------------------------------------------------------------------------
*/


#menuprincipal {
	position: absolute;
	left: 0px;
	top: 130px;
	width: 160px;
	height: 430px;
	z-index: 20;
	}
	#menuprincipal ul {
		margin-left: 0px;
		padding-left: 10px;
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.88em;
	}
	#menuprincipal a {
		display: block;
		padding: 10px 0 10px 10px;
		width: 140px;
		border-bottom: 1px solid #444;
		}
		#menuprincipal a:link, #navlist a:visited {
			color: #EEE;
			text-decoration: none;
		}
		#menuprincipal a:hover {
			background-color: #E2008A;
			color: #000;
		}
		#menuprincipal a#current {
			border-bottom: 1px solid #E2008A;
		}
		#menuprincipal li a#current {
			font-size: 1.1em;
			color: #E2008A;
			font-weight: bold;
		}




#menuspectacles {
	z-index: 100;
	position: absolute;
	width: 800px;
	right: 0px;
	}
	#menuspectacles li a#current {
		color: #E2008A;
		font-weight: bold;
	}
	#menuspectacles #menuspect1 {
	
	}
	#menuspectacles #menuspect2 {
	
	}
	#menuspectacles #menuspect1 #listenavigation1, #listenavigation2 {
	margin: 0;
	list-style: none;
	padding: 0.50em 0;
		}
 		#listenavigation1 li, #listenavigation2 li {
			margin: 0;
			text-indent: 0;
			display: inline;
			padding-left: 0.7em;
			text-align: center;
			}
			#listenavigation1 li a, li a:visited, #listenavigation2 li a, li a:visited {
				text-decoration: none;
				text-transform: lowercase;
				color: #A0B0FF;
				font-size: 1em;
				}
				#listenavigation1 li a:hover, li a:focus, #listenavigation2 li a:hover, li a:focus {
					color: #E2008A;
					background-color: #F6E4EF;
					border-bottom-style: solid;
					border-bottom-width: 2px;
				}
				#listenavigation1 li a#current, #listenavigation2 li a#current {
					border-bottom-style: solid;
					border-bottom-width: 2px;
					color: #E2008A;
					font-weight: bold;
				}

#pagination {
	position: absolute;
	list-style-type: none;
	margin: 0px;
	width: 622px;
	}
	#pagination li {
		display: inline;
		font-variant: small-caps;
		padding-right: 10px;
		text-align: left;
		}
		#pagination li a, #pagination li a:visited {
			color: #CCC;	
			}
			#pagination li a:hover, #pagination li a:focus, #pagination li a:active {
				background-color: #E2008A;
				color: #000;
			}
			#pagination li a#current {
				border-bottom-style: solid;
				border-bottom-width: 2px;
				border-top-style: solid;
				border-top-width: 2px;
				color: #E2008A;
				font-weight: bold;
			}

#listebalades ul {
	font-size: 1.2em;
	color: #E2008A;
	line-height: 2em;
}

/*
-----------------------------------------------------------------------------------------------------------------
························································ fin menus ··············································
-----------------------------------------------------------------------------------------------------------------
*/


/*
-----------------------------------------------------------------------------------------------------------------
························································ classes et divs speciales ······························
-----------------------------------------------------------------------------------------------------------------
*/



.titres { 	font-style: italic; }

.nouveau {  text-align: center; text-decoration: blink; }

.alinea	 {
	text-indent: 2.5em;
}

#pied_de_page {
	position: absolute;
	left: 43px;
	bottom: -407px;
}

.identite {
	position: absolute;
	left: 22px;
	bottom: 123px;
	width: 56px;
	height: 200px;
	background-repeat: no-repeat;
	background-image: url(../images/logonegvertical1_p-e-.png);
}

.image_p-e {
	position: absolute;
	left: 14px;
	bottom: 26px;
	width: 68px;
	height: 88px;
	background-repeat: no-repeat;
	background-image: url(../images/image_p-e-.png);
	z-index: 110;
}

.standards { 

	}
	.standards a {
		color: #999;
		font-size: x-small;
		text-decoration: none;
		font-variant: small-caps;
		}
		.standards a:hover {
			color: #FFF;
			text-decoration: none;
		}



.imagecentree {
	display: block;
	margin: 20px auto;
}

.imageflottante1 {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}

.imageflottante2 {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

.clearfloat {
	clear: both;
}

#legende {
	position: absolute;
	top: 597px;
	left: 95px;
	width: 811px;
	height: 39px;
}
.imageflottante1 {
	color: #999;
	font-size: small;
}

#map {
	position: absolute;
	width: 622px;
	height: 341px;
	top: 0px;
	left: 0px;
	}

#sitemap {
	position: absolute;
	top: 350px;
	width: 622px;
	}
	#sitemap p {
		text-align: center;
	}


/*
------------------------------------------------------------------------------------------------------
················································ classes speciales pour MSIE ·························
------------------------------------------------------------------------------------------------------
*/


.special1
{
	letter-spacing: 20%;
}





/* fin CSS pour paradis-eprouvette */