/* @override http://logomotive.celeonet.fr/style.css */

/* Logomotive Théâtre - coding: utf-8
/* Général
*******************************************************************************/

*{
  margin: 0;
  padding: 0;
}

body {
	background-image: url(images/degrade.jpg);
	background-color: #9C1615;
	background-repeat: repeat-x;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

p {
	font-size: small;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-top: 5px;
	clear: left;
	text-align: justify;
}

h1, h2, h3 {
	margin-bottom: 5px;
	margin-left: 15px;
	border-width: 0px;
	background: url(images/bullet_white.gif) no-repeat left;
	padding-left: 25px;
}

/* Page
*******************************************************************************/

img {
	padding: 0px;
	margin: auto;
}
a {
	color: #d9dea3;
	text-decoration: none;
}
#conteneur {
	margin: auto;
	background-repeat: repeat-y;
	width: 950px; 
}

/* Header
*******************************************************************************/

#header {
	background-repeat: no-repeat;
	background-image: url(images/header2.jpg);
	height: 99px;
	margin-top: 5px;
}

/* Menu
*******************************************************************************/

#haut {
	border-right-width: 1px;
	border-right-color: #8f8f8f;
	border-right-style: solid;
	background-repeat: repeat-x;
	background-image: url(images/bouton.gif);
	height: 24px;
}

.menuhaut {
	margin: 0px;
	padding-top: 4px;
	list-style-type: none;
}

.menuhaut li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

.menuhaut a {
	z-index: 4;
	border-left-width: 1px;
	border-left-color: #8f8f8f;
	width: 100%;
	border-left-style: solid;
	border-right-color: #8f8f8f;
	border-right-width: 1px;
	border-right-style: solid;
	background-repeat: repeat-x;
	background-image: url(images/bouton.gif);
	text-align: center;
	padding-left: 15px;
	padding-bottom: 4px;
	padding-right: 15px;
	padding-top: 4px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
}

.menuhaut a:hover, .menuhaut a.active {
	background-repeat: repeat-x;
	background-image: url(images/bouton_in.gif);
	text-decoration: none;
}

/* Contenu
*******************************************************************************/

#centre {
	height: 400px;
	background-color: #373737;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8f8f8f;
	border-right-width: 1px;
	border-right-color: #8f8f8f;
	border-right-style: solid;
	color: white;
	background-repeat: no-repeat;
}

html>body #centre {
	min-height: 400px;
	height: auto;
}

#acceuil {
	border-style: none;
	display: block;
	top: -30px;
}

.liens {
	margin: auto;
	width: 40%;
}

#flashcontent {
	text-align: center;
	font-size: x-small;
	width: 920px;
	top: 130px;
	position: absolute;
}

#flashcontent p {
	font-size: x-small;
	text-align: center;
}

#container{
	width: 320px;
	margin: auto;
}

#img_acceuil {
	border-style: none;
	display: block;
}

.descriptif {
	padding-right: 0px;
	padding-bottom: 10px;
	border-bottom-color: #575757;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-left: 20px;
	border-left-color: #575757;
	border-left-width: 2px;
	border-left-style: solid;
	clear: none;
	margin-right: 50px;
	margin-left: 200px;
}
.membre {
	top: -50px;
	position: relative;
	padding-left: 0px;
	border-width: 0px;
	background-image: url(none);
	margin-right: 20px;
	display: inline;
}

.spectacle a {
	text-shadow: 2px 2px 7px black;
	width: 290px;
	display: block;
	text-align: center;
	font-size: medium;
}

.img_spect:hover {
	border-bottom-width: 0px;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	text-decoration: none;
}

.img_spectacle {
	border-style: none;
	display: block;
	height: 196px;
}

.img_spect {
	margin-bottom: 5px;
	font-size: medium;
	display: block;
	width: 290px;
	text-align: center;
}

.presentation {
	margin-left: 5px;
	clear: left;
}

.left_part {
	padding-left: 5px;
	width: 73%;
}

.dotted:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.left_part h1,.left_part h2, .left_part h3,.left_part h4 {
	font-variant: small-caps;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	background-image: url(none);
	display: inline;
}

#main_title {
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #e7e7e7;
	border-bottom-style: solid;
	padding-left: 25px;
	margin-left: 10px;
	background-image: url(images/bullet_white.png);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	font-variant: normal;
}

.left_part p {
	margin-top: 10px;
}

#menuright {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 10px;
	margin-top: 0;
	float: right;
	border-color: #515151;
	border-style: solid;
	border-width: 1px;
	width: 200px ;
	padding: 0 ;
}

#menuright li {
	border-bottom-color: #373737;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	list-style: none ;
	background: #373737 ;
	color: #fff ; 
}

#menuright a {
	margin-top: 0px;
	margin-bottom: 0px;
	display: block ;
	background: #373737 ;
	color: #d9dea3 ;
	text-align: center ;
	text-decoration: none ;
	padding: 4px 0 ;
}

#menuright a:hover, #menuright li a:focus, #menuright li a:active, #menuright .eclaire{
	background-image: url(images/fond_menu.jpg); ; ;
}

.info {
	padding: 0px;
	top: -50px;
	position: relative;
	font-size: x-small;
	word-spacing: 10px;
}

.cv a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.apercu {
	padding: 5px;
	display: inline;
	margin-left: 25px;
	width: 90px;
}

.gros_titre {
	margin-right: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #8f8f8f;
	border-bottom-style: solid;
}
.img_right {
	margin: 10px;
	width: 200px;
	float: right;
}

.img_left {
	height: 150px;
	border-width: 10px;
	border-style: solid;
	margin: 10px;
	float: left;
}

/* Footer
*******************************************************************************/


fieldset {
	margin: auto;
	width: 45%;
	padding: 20px;
}

#centre legend {
	color: white;
}

input {
	margin: 20px;
}

input[type=text] {
	padding: 0px;
	margin: 10px;
	background-color: #e7e7e7;
	width: 375px;
}

textarea {
	margin: 10px;
	background-color: #e7e7e7;
}

legend {
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 0px;
	margin-top: 0px;
}

#pied {
	max-height: 30px;
	font-variant: small-caps;
	text-align: right;
	font-size: x-small;
	color: white;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #8f8f8f;
	border-left-color: #8f8f8f;
	border-bottom-color: #8f8f8f;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	background-image: url(images/ardoise_pied.jpg);
	background-repeat: repeat-x;
}

#degrade {
	background-repeat: no-repeat;
	height: 20px;
	width: 950px;
	background-image: url(images/degrade_bas.jpg);
}

#pied p {
	font-size: x-small;
	clear: right;
	border-width: 1px;
	padding: 5px;
	text-align: right;
}

.evenement {
	padding-bottom: 0px;
	margin-bottom: 17px;
	margin-right: 40px;
	margin-left: 40px;
	background-color: #2a2a2a;
}

.evenement h2, .evenement h3 {
	padding-bottom: 10px;
	margin-right: 20px;
	background-image: url(none);
}

.evenement a {
	font-size: x-large;
	margin-right: 0px;
	padding-right: 0px;
	font-variant: small-caps;
}

.evenement a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.evenement p {
	padding-bottom: 0px;
	top: -15px;
	position: relative;
	line-height: 150%;
	padding-left: 25px;
	margin-left: 15px;
}

.sticker_spectacle {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/sticker-spectacle-fond.gif);
	top: -17px;
	left: -25px;
	position: relative;
	background-color: #373737;
	height: 50px;
	width: 150px;
}

.sticker_bainsdouches {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/sticker-bainsdouches.gif);
	top: -17px;
	left: -25px;
	position: relative;
	background-color: #373737;
	height: 50px;
	width: 197px;
}

.sticker_atelier {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/sticker-atelier.gif);
	top: -17px;
	left: -25px;
	position: relative;
	background-color: #373737;
	height: 50px;
	width: 150px;
}

.sticker_stage {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/sticker-stage.gif);
	top: -17px;
	left: -25px;
	position: relative;
	background-color: #373737;
	height: 50px;
	width: 150px;
}

.sticker_autre {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/sticker-autre.gif);
	top: -17px;
	left: -25px;
	position: relative;
	background-color: #373737;
	height: 50px;
	width: 150px;
}

.sticker_conference {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/sticker-conference.gif);
	top: -17px;
	left: -25px;
	position: relative;
	background-color: #373737;
	height: 50px;
	width: 150px;
}

.sticker_lecture {
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(images/sticker-lecture.gif);
	top: -17px;
	left: -25px;
	position: relative;
	background-color: #373737;
	height: 50px;
	width: 150px;
}

.people-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/people.gif);
	text-align: right;
	margin-bottom: 30px;
}

.learn-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/chat.gif);
	text-align: right;
	margin-bottom: 30px;
}

.photo-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/camera.gif);
	text-align: right;
	margin-bottom: 30px;
}

.event-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/flash.gif);
	text-align: right;
	margin-bottom: 30px;
}

.forbidden-title {
	padding-left: 45px;
	margin-left: 40px;
	font-size: 180%;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(images/bomb.gif);
	text-align: left;
	margin-bottom: 30px;
}

.nodroit-title {
	padding-left: 45px;
	margin-left: 40px;
	font-size: 180%;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(images/code.gif);
	text-align: left;
	margin-bottom: 30px;
}

.erreur-title {
	padding-left: 45px;
	margin-left: 40px;
	font-size: 180%;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(images/glass.gif);
	text-align: left;
	margin-bottom: 30px;
}

.agenda-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/clock.gif);
	text-align: right;
	margin-bottom: 30px;
}

.contact-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/mail.gif);
	text-align: right;
	margin-bottom: 30px;
}

.link-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/link.gif);
	text-align: right;
	margin-bottom: 30px;
}

.spectacle-title {
	font-size: x-large;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 40px;
	background-image: url(images/star.gif);
	text-align: right;
	margin-bottom: 30px;
}

.delete {
	margin: auto;
	display: block;
	height: 20px;
	width: 20px;
	background-image: url(images/fileclose.png);
	background-repeat: no-repeat;
}

.edit {
	margin: auto;
	display: block;
	height: 20px;
	width: 20px;
	background-image: url(images/edit.png);
	background-repeat: no-repeat;
}

table {
	border-collapse: collapse;
	border-width: 1px;
	width: 100%;
	border-style: solid;
}

td, th {
	padding: 5px;
}

.error {
	margin-left: 30px;
}

#show_table {
	border-style: none;
	border-spacing: 0px 0px;
	border-collapse: collapse;
}

.item {
	padding: 10px;
	margin: auto;
	width: 80%;
	border-bottom-color: #8f8f8f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.item a {
	font-size: x-large;
	margin-left: 40px;
	margin-right: 0px;
	padding-right: 0px;
	font-variant: small-caps;
}

.item a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.item h1, .item h2, .item h3 {
	padding: 0px;
	background-image: url(none);
	display: inline;
}

.carte {
	padding: 15px;
	margin: auto;
	width: 730px;
}

#map {
	border-width: 10px;
	border-style: solid;
	margin: auto;
	display: block;
}

.adresse {
	margin-right: 80px;
	float: right;
	display: inline;
	height: 290px;
	border-color: #e7e7e7;
	margin-top: 10px;
	border-width: 1px;
	border-style: solid;
}

.adresse p {
	padding-left: 30px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-top: 10px;
}

.adresse h4 {
	padding-top: 30px;
	padding-left: 30px;
}

.contact {
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 0px;
	margin-left: 5%;
}

object {
	height: 350px;
	width: 700px;
}

.on {
	text-shadow: 0px 0px 5px white;
	border-bottom-style: solid;
	color: #eaecc8;
	border-bottom-width: 1px;
}

.pagination {
	background-color: #2A2A2A;
	width: 20%;
	text-align: center;
	margin: auto;
	border-width: 0px;
}

#pied a {
	padding-left: 15px;
	right: 670px;
	position: relative;
	text-align: left;
	color: white;
}

.effect {
	top: -40px;
	position: relative;
}

#accueil_admin {
	border-style: none;
}

#accueil_admin h4 {
	text-align: center;
	margin: auto;
}

#accueil_admin img {
	height: 130px;
	width: 130px;
	display: block;
	margin: auto;
}

.plan_site h3 {
	margin-left: 50px;
	background-image: url(none);
}

.plan_site h2 {
	border-bottom-color: #8f8f8f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: large;
}

.plan_site {
	width: 50%;
	margin: auto;
}

.plan_site p {
	margin-left: 20px;
}

.anim_item {
	margin-left: 70px;
}

a img {
	border-width: 0px;
}