/*
Theme Name:     Expressifs 2012
Theme URI:      http: //www.lesexpressifs.com/
Description:    Theme les Expressifs 2012
Author:         Poitiers Jeunes
Author URI:     http: //www.poitiers-jeunes.com
Template:       twentyeleven
Version:        1
*/
@import url('../twentyeleven/style.css');


/* CSS for 3 column Layout
------------------------------------------------ */
body{background-color: #fff}
a {color:#CD3333}
#branding {border-top:0;}
#branding img {
    height: auto;
    margin-bottom: -8px;
    width: 100%;
	display: inline;
}
#page { max-width: 989px;}
#primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
#content {
    margin: -22px 34% 0 26.4%;
    width: 46.4%;
}
/*#content a {color:#CD3333}*/
#secondary {
    float: right;
    margin-right: 2.6%;
    width: 19.8%;
}
#extra-sidebar{
	position:relative;
    float: left;
    width: 19.8%;
    margin-left: -70%;
}

.entry-title {color:#CD3333;text-align: center;width: 100%;}


/* Adjust the comments */
.commentlist, #respond {
    margin-right: -2%;
}
/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
#main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}

/*PAGE*/
#page {margin: 0 auto;max-width: 1000px;}


/*MENU HAUT*/

#access {
	background: #000;
	clear: both;
	display: block;
	float: left;
	margin: -46px auto 6px;
	width: 100%;
}

#access div {margin: 0 0 0 142px;} /*CENTRE LE MENU*/

#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #cc3333;
}
#access li:hover > a,
#access a:focus {
	background: #cc3333; /* Show a solid color for older browsers */
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/*MENU HAUT HAUT*/
#menu_haut-haut {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
}
#menu_haut-haut ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 1em;
	padding-left: 0;
}
#menu_haut-haut li {
	float: right;
	position: relative;
}
#menu_haut-haut a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#menu_haut-haut ul ul menu_haut-haut
#menu_haut-haut ul ul ul {
	left: 100%;
	top: 0;
}
#menu_haut-haut ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#menu_haut-haut li:hover > a,
#menu_haut-haut ul ul :hover > a,
#menu_haut-haut a:focus {
	background: #222;
}
#menu_haut-haut li:hover > a,
#menu_haut-haut a:focus {
	background: #cc3333; /* Show a solid color for older browsers */
	color: #fff;
}
#menu_haut-haut ul li:hover > ul {
	display: block;
}
#menu_haut-haut .current-menu-item > a,
#menu_haut-haut .current-menu-ancestor > a,
#menu_haut-haut .current_page_item > a,
#menu_haut-haut .current_page_ancestor > a {
	font-weight: bold;
}

/*MENU BAS*/
#menu_bas {
	background: #cc3333; /* Show a solid color for older browsers */
	clear: both;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
}
#menu_bas ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 1em;
	padding-left: 0;
	margin-left:228px;
}
#menu_bas li {
	float: left;
	position: relative;
}
#menu_bas a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#menu_bas ul ul menu_bas
#menu_bas ul ul ul {
	left: 100%;
	top: 0;
}
#menu_bas ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#menu_bas li:hover > a,
#menu_bas ul ul :hover > a,
#menu_bas a:focus {
	background: #000;
}
#menu_bas li:hover > a,
#menu_bas a:focus {
	background: #000; /* Show a solid color for older browsers */
	color: #373737;
}
#menu_bas ul li:hover > ul {
	display: block;
}
#menu_bas .current-menu-item > a,
#menu_bas .current-menu-ancestor > a,
#menu_bas .current_page_item > a,
#menu_bas .current_page_ancestor > a {
	font-weight: bold;
}

/* PROGRAMME */

#programme{width:1000px}

#titre-jour{text-align:center; margin-bottom: 20px;}

#jeudi{width:245px;float:left;padding:2px;}

#vendredi{width:245px;float:left;padding:2px;}

#samedi{width:245px;float:left;padding:2px;}

#dimanche{width:245px;float:left;padding:2px;}

#spectacle{background-color:#eee;height:50px;margin-bottom:10px}


img.attachment-post-thumbnail {height:50px;width:60px}
#programme-heure{background-color: #000000;float: left;height: 50px;width: 56px;}
.programme-heure {color: #FFFFFF;margin-left: -30px;}
#programme-image {width: 45px;float:left;}
#programme-titre {width: 120px;margin-left:18px;float:left;}
#programme-titre a {text-transform:uppercase;color:#000;font-size: 0.78em;}
#type-spectacle{float: left;height: 10px;margin-left: 8px;}
.type-spectacle{margin-left: 10px;color: #CACACA;font-size: 0.76em;}
#heure-spectacle{}
.heure-debut{color:#FFF;font-size: 1.2em;font-weight: bold;height: 20px;margin: 0;text-align:center;}
.heure-fin{text-align:center;color:#ccc;padding-top: 3px;}
.post-meta {list-style:none}
.post-meta ul li {margin: 0; color: #FFF}
.post-meta-key {}


#programme-jour-spectacle-infos {margin-top:10px;text-align:center;width:478px}
#programme-jour-spectacle-infos-type {background: none repeat scroll 0 0 black;color: white;}
#programme-jour-spectacle-infos-lieu {background: none repeat scroll 0 0 #CD3333;color: black;}
#programme-jour-spectacle-infos-duree {background: none repeat scroll 0 0 white;color: black}
#programme-jour-spectacle-infos-heure-debut {background: none repeat scroll 0 0 white;color: black}

/*======= SLIDER ======== */

#slider-top{height:270px; background:url(images/bandeau_haut_bas.jpg) no-repeat;}
#slider{margin: 0 auto;height:240px}
.nivoSlider{height:240px}
/*======= MENU GAUCHE ======== */

#menu-gauche{
	list-style:none;
	text-align:right;
		}
#menu-gauche a{ /*couleur des liens dans la boite menu gauche*/
	color:black;
	}
#site-generator{
	height:150px; background:url(images/bandeau_bas.jpg) no-repeat;
    clear: both;
}
/*======= MENU DROIT ======== */
#menu-droit{
	list-style:none;
	text-align:left;
		}
#menu-droit a{ /*couleur des liens dans la boite menu droit*/
	color:black;
	}

/*======= BLOG ======== */	
#article{
	border: 1px solid black;
	height: 170px;
	width: 500px;
	}
#article-vignette{
		border: 1px solid purple;
	height: 160px;
	width: 160px;
	float: left;
	}
#article-contenu{
	border: 1px solid green;
	height: 160px;
	width: 320px;
	float: left;
	}
#article-titre{
	border: 1px solid yellow;
	}
#article-resume{
	border: 1px solid red;
	}

a.contenu-titre {color:#CD3333}
a.contenu-excerpt {color:#000;text-decoration:none}
a.contenu-suite {color:#CD3333}
#nav-above a {color:#CD3333}
#nav-below a {color:#CD3333}
#nav-single {display:none;}

.suite a {color:#CD3333}


/*#################
PAGE PROGRAMME JOUR
##################*/

#programme-jour{width:1000px}

#programme-jour-titre{background-color: #cc3333;font-size: 3em;font-weight: bold;margin-bottom: 30px;text-align: center;}

#programme-jour-spectacle{background-color:#eee;height:50px;margin-bottom:10px}

/*Page programme - Heure*/
#programme-jour-heure{background-color: #000000;float: left;height: 42px;width: 100px; padding-top: 8px}
.programme-jour-heure {color: #FFFFFF;margin-left: -30px;}
.programme-jour-heure-debut{color:#FFF;font-size: 1.2em;font-weight: bold;margin: 0;text-align:center;}

/*Page programme - Image*/
#programme-jour-image img {float:left;height: 50px;width: 50px;}
/*img.attachment-programme-jour-thumb {width:50px; height: 50px;}*/

/*Page programme - Titre*/
#programme-jour-spectacle-titre {float: left;height: 42px;margin-left: 18px;width: 220px;font-size: 1.3em;text-align: center; padding-top: 8px}
#programme-jour-spectacle-titre a {text-transform:uppercase;color:#000;font-size:1em;}

/*Page programme - Type*/
#programme-jour-spectacle-type{float: left;background-color:#000;color:#FFF;font-size: 1em;height: 38px;width:220px;margin-left: 18px;text-align: center; padding-top: 12px}

/*Page programme - Lieu*/
#programme-jour-spectacle-lieu {float: left; height: 42px; width:256px;font-size: 1.3em;text-align: center;padding-top: 8px}
#programme-jour-spectacle-lieu p {text-align: center;}

/*Page programme - Duree*/
#programme-jour-spectacle-duree{float: right;background-color:#000;color:#FFF;width:100px;height: 42px;margin-left: 18px;font-size: 1.3em;text-align: center;padding-top: 8px}


/*Page programme - Meta*/
.post-meta {list-style:none}
.post-meta ul li {margin: 0; color: #FFF}
.post-meta-key {}

/*###############
#PAGE SPECTACLE##
###############*/
#comments{margin-right: 15px;}
.commentlist, #respond {
	margin-left: 5px;
}
#respond {
    background: none repeat scroll 0 0 #CACACA;
    border-radius: 3px 3px 3px 3px;
    margin: 0 auto 1.625em;
    padding: 1.625em;
    position: relative;
    width: 100%;
}
#respond input#submit {background: none repeat scroll 0 0 #CD0000;}

#entry-image-spectacle {background-color: #EEEEEE;border: 1px solid #BBBBBB;height: 171px;padding: 6px;text-align: center;width: 100%;}