/*

Theme Name: Thème Théâtre Agora

Theme URI: http://www.theatreagora.com/

Description: Thème du théâtre de l'Agora <a href="http://www.theatreagora.com/">www.theatreagora.com</a>.

Version: 1.0

Author: Damien Goubeau Développement

Author URI: http://www.damien-goubeau-developpement.fr

Tags: gris, vert, design, épuré

Ce thème a été construit par Damien Goubeau Développement

*/

/* CSS RESET */

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

body {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 30px 0 50px 30px;
margin-bottom:50px;
	}
img { border: 0; }
a {
	text-decoration: none;
	cursor: pointer;
	color: #e65a0f;
	}

.saison { -moz-box-shadow: 0 0 5px #CCC;padding:5px;color:white;width:135px;
     -webkit-box-shadow: 0 0 8px #CCC;
     box-shadow: 0 0 8px #CCC;
     background: #f59b22;-webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
        -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);z-index:-10;font-size: 12px;margin-left:613px;margin-top:-2px;
}

.saison a {text-decoration:none; color: #FFFFFF;}

.clearboth {
	clear: both;
	padding-bottom: 1px;
	margin-bottom: -1px;
	font-size: 0;
margin-bottom: 10px;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/*hides from IE mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }/*end hides from IE mac*/

/* GLOBAL */

body { cursor: default; }
p { cursor: text; }
/* MAIN */
	/* MENU */
#menu_haut {
	margin: 0;
	padding: 0 0 0 170px;
	position:relative;
	z-index:1000;
}

#searchbox {
	position:absolute;
	top:40px !important;
	top:10px;
	left:837px;
	width: 130px;
	text-align: right;
	margin: 0;
	z-index:100000;
}
#searchbox label.hidden { display: none; }
#searchbox input {
	width: 100px;
	height: 14px;
	padding: 1px;
	border: 1px #9d9ea4 solid;
	background: #f7f7f7;
	vertical-align: middle;
	font-size: 10px;
}
#searchbox input.searchsubmit {
	width: 14px;
	height: 14px;
	padding: 0;
	background: url(_img/bt_recherhce.png) center no-repeat transparent;
	border: 0;
}
/*.menu_haut {
	left:170px;
	margin: 0;
	position:absolute;
	z-index:1000;
}
.menu_haut ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 750px;
	}
.menu_haut ul li {
	padding: 0;
	margin: 0 17px 0 0;
	float: left;
	width: 110px;
	text-align: center;
	position: relative;
	text-transform: lowercase;
	}
.menu_haut ul li img {
	padding-right:5px;
	}
.menu_haut ul li ul li {
	padding: 0;
	margin: 0 17px 0 0;
	clear: both;
	width: 110px;
	text-align: center;
	}
.menu_haut ul li ul {
	display: none;
	position: absolute;
	z-index: 1005;
	top: 25px;
	left: 0;
	width: 110px;
	}
.menu_haut ul li:hover ul { display: block; }
.menu_haut ul li:hover a { color:#fff; }
.menu_haut ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f805d;
	letter-spacing: 0px;
	}
.menu_haut ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0;
	}
.menu_haut ul li ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0;
	text-decoration:underline; 
	}
.menu_haut ul li a:hover { color: #fff; }
.menu_haut ul li a span {
	display: block;
	width: 100px;
	height: 15px;
	padding: 5px;
	}
	.menu_haut ul li.marron a span { border-bottom: 1px solid #7f805d; }
.menu_haut ul li.rouge a span { border-bottom: 1px solid #ee7029; }
.menu_haut ul li.vert a span { border-bottom: 1px solid #c0d345; }
.menu_haut ul li.bleu a span { border-bottom: 1px solid #4f97c5; }
.menu_haut ul li.marron:hover span,
.menu_haut ul li.marron a:hover span { background: #7f805d; }
.menu_haut ul li.rouge:hover span,
.menu_haut ul li.rouge a:hover span { background: #ee7029; }
.menu_haut ul li.rouge:hover ul { background: #ee7029; }
.menu_haut ul li.vert:hover span,
.menu_haut ul li.vert a:hover span { background: #c0d345; }
.menu_haut ul li.vert:hover ul { background: #c0d345; }
.menu_haut ul li.bleu:hover span,
.menu_haut ul li.bleu a:hover span { background: #4f97c5; }
.menu_haut ul li a {
	display: block;
	width: 100px;
	height: 15px;
	padding: 5px;
	}
.menu_haut ul li a { border-bottom: 1px solid #7f805d; }
.menu_haut ul li.marron a { border-bottom: 1px solid #7f805d; }
.menu_haut ul li.rouge a { border-bottom: 1px solid #ee7029; }
.menu_haut ul li.vert a { border-bottom: 1px solid #c0d345; }
.menu_haut ul li.bleu a { border-bottom: 1px solid #4f97c5; }
.menu_haut ul li:hover,
.menu_haut ul li a:hover,
.menu_haut ul li.marron:hover,
.menu_haut ul li.marron a:hover  { background: #7f805d; }
.menu_haut ul li.rouge:hover,
.menu_haut ul li.rouge a:hover { background: #ee7029; }
.menu_haut ul li.rouge:hover ul { background: #ee7029; }
.menu_haut ul li.vert:hover,
.menu_haut ul li.vert a:hover { background: #c0d345; }
.menu_haut ul li.vert:hover ul { background: #c0d345; }
.menu_haut ul li.bleu:hover,
.menu_haut ul li.bleu a:hover { background: #4f97c5; }

.menu_haut ul li.bleu:hover ul { background: #4f97c5; }
.menu_haut ul li li a {
	display:inherit;
	width:auto;
	height:auto;
	padding: auto;
	 background: #7f805d;
	}
.menu_haut ul li.recherche {
	float: right;
	width: 130px;
	text-align: right;
	margin: 0;
	}
.menu_haut ul li.recherche label.hidden { display: none; }
.menu_haut ul li.recherche input {
	width: 100px;
	height: 14px;
	padding: 1px;
	border: 1px #9d9ea4 solid;
	background: #f7f7f7;
	vertical-align: middle;
	font-size: 10px;
	}
.menu_haut ul li.recherche input.searchsubmit {
	width: 14px;
	height: 14px;
	padding: 0;
	background: url(_img/bt_recherhce.png) center no-repeat transparent;
	border: 0;
	}	*/




	/* LOGO ET TITRE */

#logo {
	clear: both;
	float: left;
	padding: 15px 0 0 0;
	width: 124px;
	line-height: 0;
	}
#titre {
	margin: 0 0 0 170px;
	padding: 0 0 0 0;
	/*clear:both;
float:left;
width:124px;
line-height:0;*/
	}
#titre h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #7f805d;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: normal;
	margin-bottom: 10px;
	}
#titre h1 span {
	color: #d4021c;
	font-size: 20px;
	line-height: 15px;
	font-weight: bold;
	}

	/* CONTENT */

#content {
	clear: both;
	margin: 30px 0 0 0;
	position: relative;
	}
#content #imageappel {
	clear: both;
	width: 147px;
	margin: 32px 0 0 0;
	float: left;
	}	

	/* CAROUSEL */

	

#content #carousel {
	padding: 0;
	/*background: url(_img/bg_carousel.png) 0 31px no-repeat;*/
	width: auto;
	margin: 0 0 15px 170px;
	position: relative;
	height: auto;
	}
#content #carousel.nobg {
	padding: 0;
	width: auto;
	margin: 0 0 0 170px;
	position: relative;
	height: auto;
	}
#content #carousel .carousel_prev {
	position: absolute;
	top: 160px;
	left: 0px;
	cursor: pointer;
	z-index: 1000;
	}
#content #carousel .carousel_next {
	position: absolute;
	top: 160px;
	left: 752px;
	cursor: pointer;
	}
#content #carousel ul {
	width: 750px;
	list-style: none;
	overflow: hidden;
	/*height: 330px;*/
	}
#content #carousel ul li {
	width: 235px;
	margin: 0 15px 0 0;
	float: left;
	list-style: none;
height:330px;
	}
#content #carousel ul li.sep {
	width: 100%;
	margin: 20px;
	}
#content #carousel ul li.clearboth {
height:1px;
	}
#content #carousel ul li h2 {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #6c694a;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 0 0 23px 0;
	}
#content #carousel ul li h2 a { color: #6c694a; }
#content #carousel ul li h2 a:hover { color: #d4021c; }
#content #carousel ul li h2 span {
	color: #d4021c;
	font-size: 20px;
	line-height: 15px;
	}
#content #carousel ul li .encart {
	position: relative;
	height: 180px;
	background-color:#262626;
display:block;
        width: 237px;
	}
#content #carousel ul li .encart .image {
	position: absolute;
	top: -5px;
	left: 0;
	}
#content #carousel ul li .encart .date {
	position: absolute;
        text-align: right;
	bottom: 5px;
	left: 70px;
	color: #ffffff;
	font-size: 11px;
        font-weight: bold;
	line-height: 1em;
	}
#content #carousel ul li .encart .date h4 {
	margin: 5px 0 0 0;
	padding: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	}
#content #carousel ul li h3 {
	color: #544f4e;
	font-size: 11px;
	clear: both;
	font-weight: bold;
	margin: 10px 0 0 0;
	line-height: 1.5em;
	}
#content #carousel ul li p {
	color: #544f4e;
	font-size: 10px;
	clear: both;
	line-height: 1.5em;
	height: auto;
	display: block;
	}	

	/* SOMMAIRE */

	

#content #sommaire {
	padding: 10px;
	width: auto;
	margin: 0 0 0 170px;
	position: relative;
	}
#content #sommaire ul {
	width: 750px;
	list-style: none;
	}
#content #sommaire ul li {
	width: 240px;
	margin: 0 10px 0 0;
	float: left;
	list-style: none;
	}
#content #sommaire ul li h2 {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #e65a0f;
	letter-spacing: 0;
        margin-top: 20px;
	padding: 0 0 0 0;
	}
#content #sommaire ul li h2 a { color: #6c694a; }
#content #sommaire ul li h2 a:hover { color: #d4021c; }
#content #sommaire ul li h2 span {
	color: #6c694a;
	font-size: 18px;
	line-height: 15px;
	}
#content #sommaire ul li p {
	color: #544f4e;
	font-size: 12px;
	clear: both;
	line-height: 1.5em;
	}	

	/* CONTENT PAGE */

	

#content #texte_page {
	padding: 0;
	width: auto;
	margin: 0 0 0 170px;
	position: relative;
	width: 750px;
	}	

#content #texte_page div.desc_categ {
	padding: 0 0 0 0;
	margin: 0 0 20px 73px;
	position: relative;
	width: 655px;
	}
#content #texte_page h2 {
	font-family: verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4f4f4f;
	}
#content #texte_page h2 span {
	color: #d4021c;
	font-size: 20px;
	line-height: 15px;
	font-weight: bold;
	}
#content #texte_page p {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #544f4e;
	line-height: 2em;
	margin: 0 0 15px 0;
	padding: 0 0 0px 20px;
	text-align: justify;
	}
#content #texte_page ul {
	font-size: 12px;
	font-weight: normal;
	color: #544f4e;
	line-height: 2em;
	margin: 0 0 0 35px;
	}
#content #texte_page td {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #9d9ea4;
	line-height: 2em;
	margin: 0 0 10px 0;
	text-align: justify;
	vertical-align: top;
	padding: 0 0 0 0;
	width: 50%;
	}
	

	/* CONTENT POST */

	

#content_post {
     padding: 0;
     background: url(_img/bg_carousel.png) 110px 35px no-repeat;
     width: auto;
     margin: 0 0 0 170px;
     position: relative;
     }

#content_post h2 {
	font-family: verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #E65A0F;
	margin: 0 0 15px 20px;
	}
#texte_post {
	padding: 0;
	width: auto;
	margin: 0 0 0 115px;
	width: 510px;
	position: relative;
	}
#texte_post .chapeau {
	padding: 12px;
	width: auto;
	margin: 0;
	position: relative;
	height: 150px;
	}
#texte_post .chapeau img {
	float: left;
	margin: 7px 10px 10px 0;
	}
#content #texte_post h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	}
.contenu { clear: both; margin:0 0 0 10px; }
#content #texte_post h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	}
#content #texte_post h2 span {
	color: #d4021c;
	font-size: 20px;
	line-height: 15px;
	font-weight: bold;
	}
#content #texte_post p {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #544F4E;
	line-height: 1.6em;
	margin: 10px 0 10px 0;
	}	
	
#content div#texte_post div.colchapeau {
	width:225px;
	padding:0 0 0 5px;
	float:left;
}	
	
#content div#texte_post div.colchapeau h2 {
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0;
}
	
#content div#texte_post div.colchapeau p, div#texte_post div.chapeau p { color: #ffffff; font-size:12px; display:block; line-height:1.2em; }

/* MENU DROITE */
	
#texte_post #menu_droite {
	position: absolute;
	right: -170px;
	width: 150px;
	padding: 0 0 0 20px;
	top: 190px;
	}
#texte_post #menu_droite ul {
	list-style: none;
	margin: 0 0 0 10px;
	}
#texte_post #menu_droite ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #E65A0F;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	text-transform: lowercase;
	background: url(_img/bg_point_rouge.png) 0 10px no-repeat;
	padding: 0 0 0 5px;
	}
#texte_post #menu_droite ul li span {
	color: #d4021c;
	font-size: 20px;
	line-height: 15px;
	font-weight: bold;
	}
#texte_post #menu_droite ul li ul li {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E65A0F;
	letter-spacing: 0;
	background: none;
	}
#texte_post #menu_droite ul li ul { margin: 10px 0; }
#texte_post #menu_droite ul li ul li a {
	padding: 0 0 0 10px;
	color: #9d9ea4;
	}
	/* SOUS MENU */

	

#content #sous_menu {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 1000;
	width:140px;
	}
#content #sous_menu ul {
	list-style: none;
	margin: 0 0 0 5px;
	}
#content #sous_menu ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #7F805D;
	letter-spacing: 0;
	margin: 0 0 5px 0;
	}
#content #sous_menu ul li span {
	color: #d4021c;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	}
#content #sous_menu ul li ul {
	list-style: none;
	margin: 0 0 0 10px;
	}
#content #sous_menu ul li ul li {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #d4021c;
	letter-spacing: 0px;
	padding:0;
	}
#content #sous_menu ul li ul li a {
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	color: #666666;
	line-height: 20px;
	font-size: 12px;
	display:block;
	}
#content #sous_menu ul li ul li a:hover,
#content #sous_menu ul li ul li a.hover {
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	line-height: 20px;
	font-size: 12px;
	color: #ff0000;
	background: url(_img/bg_fleche.png) 0 8px no-repeat;
	}	

/* LISTE RESULTATS */
#content #texte_page .photo_liste {
	width: 240px;
	float: left;
	text-align: right;
	margin-top: 33px;
	}
#content #texte_page ul.liste {
	width: 400px;
	float: left;
	list-style: none;
	padding: 0 0 0 0px;
	margin-left: 20px;
	}
#content #texte_page ul.liste li { padding: 0 0 15px 0; }
#content #texte_page ul.liste li h2 {
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	}
#content #texte_page ul.liste li h3 {
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4f4f4f;
	}
#content #texte_page ul.liste li p {
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding: 5px 0 0 0px;
	line-height: 1.3em;
	color: #9D9EA4;
	}
#content #texte_page ul.liste li h3 a {
	color: #4f4f4f;
	line-height: 1.2em;
	margin-left: -10px;
	}
#content #texte_page ul.liste li h3 a:hover { color: #d4021c; }
#content #texte_page ul.liste li h3 span {
	color: #d4021c;
	font-size: 20px;
	line-height: 15px;
	font-weight: bold;
	}	
	/* MISE EN FORME DES CONTENUS */

	

#content a { }
#content a:hover {text-decoration:underline;}
#content h2 { }
#content h3 { }
#content h4 { }
#content p { }
#content ul { }
#content ul li { }	

/* FOOTER */

#menu_pied {
display:block;
        height:50px;
	bottom: 10;
	left: 40px;
	}
#menu_pied ul { list-style: none; }
#menu_pied ul li {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: -1;
	font-weight: bold;
	color: #9D9EA4;
	text-transform: uppercase;
	letter-spacing: 0px;
	}
#menu_pied ul li a { color: #9D9EA4;
	 }
#menu_pied ul li a:hover { color: #d4021c; 
	}
#menu_pied ul li ul { display: none; }
#menu_pied ul li:hover ul,
#menu_pied ul li.hover ul { display: block; }
#menu_pied ul li ul li {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #9d9ea4;
	letter-spacing: -1;
	width: 130px;
	text-transform: lowercase;
	}
#menu_pied ul li ul li a {
	padding: 0 0 0 10px;
	color: #9d9ea4;
	display: block;
	}
#menu_pied ul li ul li a:hover {
	padding: 0 0 0 10px;
	color: #d4021c;
	background: url(_img/bg_fleche.png) 0 5px no-repeat;
	}
#menu_pied ul li span {
	color: #d4021c;
	font-size: 18px;
	line-height: 15px;
	font-weight: bold;
	}