@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { background:#0B0B0B url(../images/bg_content.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; font-size:12px}

a:link, a:visited {color:#A3041C; text-decoration: none}
a:hover {color:#A3041C; text-decoration: none}

p { font-size:11px; color:#333333}
h1 { font-size:20px; color:#A3041C}
h2 { font-size:17px; color:#2B2B2B}
h3 { font-size:17px; color:#2B2B2B}
h6 { font-size:12px; color:#333333}
h6 a { color:#A3041C; text-decoration:none}


/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/

#wrapper { width:1000px; margin:0 auto; position:relative; text-align:left}


/*
---------------------------------------------
03. header
---------------------------------------------
*/

#header { width:1000px; height:229px; float:left; background:url(../images/bg_header.jpg) no-repeat top center;}

.toplink { width:976px; height:32px; float:left; background:url(../images/bg_toplink_right.png) no-repeat top right; border-top:5px solid #A3041C; padding-right:24px}
.toplink ul { height:32px; float:right; background:url(../images/bg_toplink_left.png) no-repeat}
.toplink ul li { float:left; color:#FFFFFF; font-weight:bold; padding-left:6px}
.toplink ul li a { height:26px; float:left; background:url(../images/bg_button_toplink_left.gif) no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:10px}
.toplink ul li a span { height:18px; float:left; background:url(../images/bg_button_toplink_right.gif) no-repeat top right; padding:4px 20px 0 10px}


.logo { width:370px; height:100px; float: right; background:url(../images/logo.png) no-repeat; position:relative; margin-top:80px; padding-right:20px}
.logo-link { width:370px; height:100px; float:left; position:absolute}
.nodisplay { display:none}


/*
---------------------------------------------
04. menu
---------------------------------------------
*/


#menu { width:1000px; float:left}

#menu .nav { width:1000px; height:37px; float:left; background:#2A2A2A url(../images/bg_mainmenu.gif) repeat-x top right}
#menu .nav ul { float:left; font-size:13px; font-weight:bold; padding-left:4px}
#menu .nav ul li { float:left; color:#FFFFFF;}
#menu .nav ul li a { float:left; color:#FFFFFF; height:27px; padding-top:10px; text-decoration:none; padding-left:13px; padding-right:1px}
#menu .nav ul li a span { padding-right:10px}
#menu .nav ul li a:hover { background:url(../images/nav_hover_left.gif) no-repeat left; padding-left:13px;}
#menu .nav ul li a:hover span { background:url(../images/nav_hover_right.gif) no-repeat right;  color:#333333; padding-top:10px; padding-bottom:11px;}
#menu .nav ul li a.selected { background:url(../images/nav_hover_left.gif) no-repeat left; padding-left:13px}
#menu .nav ul li a.selected span { background:url(../images/nav_hover_right.gif) no-repeat right;  color:#333333; padding-top:10px; padding-bottom:11px; padding-right:10px}


#menu .subnav { width:1000px; height:37px; float:left; background:#E4E3E3}
#menu .subnav p { font-size:12px; color:#A3041C; font-weight:bold; padding-top:12px}
#menu .subnav p a { color:#292929; text-decoration:none; padding:0 16px}
#menu .subnav p a:hover { text-decoration:underline}
#menu .subnav p a.selected { text-decoration:underline}


/*
---------------------------------------------
05. content
---------------------------------------------
*/


#content { width:960px; float:left; background:#FFFFFF; padding:12px 18px 22px 22px}

#content h1 { font-weight:bold; background:url(../images/bg_border_red.gif) repeat-x bottom left; padding-bottom:3px; margin-bottom:11px}
#content h2 { font-weight:bold; background:url(../images/bg_border_black.gif) repeat-x bottom left; padding-bottom:5px; padding-top:6px}
#content h3 { padding-top:17px; padding-bottom:24px}
#content h6 { color:#2B2B2B}


/*
---------------------------------------------
06. actualites
---------------------------------------------
*/


#actualites { width:308px; float:left; padding-right:20px}

#actualites .leftbox { width:308px; float:left}
#actualites .leftbox_bordertop { width:308px; height:10px; float:left; background:url(../images/bg_leftbox_bordertop.gif) no-repeat; overflow:hidden}
#actualites .leftbox_bordermiddle { width:268px; float:left; background:#4E4D4D; padding:10px 20px}
#actualites .leftbox_borderbottom { width:308px; height:10px; float:left; background:url(../images/bg_leftbox_borderbottom.gif) no-repeat; overflow:hidden}

#actualites .set { width:268px; height:101px; float:left; padding-bottom:20px}
#actualites .set .photo { float:left}
#actualites .set .arrow a { width:14px; height:54px; float:left; background: url(../images/bg_arrow.gif) no-repeat; padding-left:8px; padding-top:47px}


#actualites .setbox { width:268px; float:left}
#actualites .setbox_bordertop { width:268px; height:10px; float:left; background:url(../images/bg_leftsetbox_bordertop.gif) no-repeat; overflow:hidden}
#actualites .setbox_bordermiddle { width:235px;	float:left; background:#2A2A2A; padding-left:13px; padding-right:20px}
#actualites .setbox_borderbottom { width:268px; height:10px; float:left; background:url(../images/bg_leftsetbox_borderbottom.gif) no-repeat; overflow:hidden}


#slider2 ul { width:235px; height:100px; float:left; overflow:hidden;}
#slider2 ul, #slider2 li { width:235px; height:100px; margin:0; padding:0; list-style:none}
#slider2 img { width:52px; height:77px; float:left; padding-right:14px}
#slider2 li .content { width:169px; float:left}	
#slider2 li .content h6 { color:#E4E3E3; padding-bottom:8px}
#slider2 li .content h6 a { font-weight:bold}
#slider2 li .content p { color:#E4E3E3}


/*
---------------------------------------------
07. alaffiche
---------------------------------------------
*/



#alaffiche { width:630px; float:left;}
#alaffiche h1 { margin-left:26px}

#alaffiche .rightbox { width:630px; float:left;}
#alaffiche .rightbox_bordertop { width:630px; height:10px; float:left; background:url(../images/bg_rightbox_bordertop.gif) no-repeat; overflow:hidden}
#alaffiche .rightbox_bordermiddle { width:587px; float:left; background:#D7D7D7; padding:10px 22px 0 21px}
#alaffiche .rightbox_borderbottom { width:630px; height:10px; float:left; background:url(../images/bg_rightbox_borderbottom.gif) no-repeat; overflow:hidden}


#prevBtn, #nextBtn, #slider1prev, #slider1next { display:block; overflow:hidden;text-indent:-8000px;}

#slider ul, #slider li	{margin:0; padding:0; list-style:none;}
#slider li { width:587px; height:370px; overflow:hidden; }	
#prevBtn, #nextBtn, #slider1next, #slider1prev { display:block; width:220px; height:31px; z-index:1000; position:absolute; left:374px; top:684px;}
#nextBtn, #slider1next { left:740px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display:block;  position:relative;
 width:220px; height:31px; background:url(../images/button_back.gif) no-repeat 0 0 }	
#nextBtn a, #slider1next a { background:url(../images/button_next.gif) no-repeat 0 0;}	

#slider .set { width:556px; height:132px; float:left; background:#E4E3E3; border:1px solid #CCCCCC; padding:14px 13px 15px 16px; margin-top:3px; margin-bottom:7px}
#slider .set .photo { width:95px; float:left; padding-right:24px}
#slider .set .content { width:435px; float:left}
#content #slider .set h6 { color:#333333; padding-bottom:10px}
#content #slider .set h6 a { font-weight:bold}

#slider .set p { padding-bottom:11px}
#slider .set .button_reserver { float:left; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; padding-right:19px}
#slider .set .button_reserver a { height:25px; float:left; background:url(../images/bg_button_reserver_left.gif) no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:9px}
#slider .set .button_reserver a span { height:21px; float:left; background:url(../images/bg_button_reserver_right.gif) no-repeat top right; padding:4px 18px 0 8px}

#slider .set .button_plus { float:left; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold; padding-right:19px}
#slider .set .button_plus a { height:25px; float:left; background:url(../images/bg_button_plus_left.gif) no-repeat; color:#ffffff; text-decoration:none; cursor:pointer; padding-left:9px}
#slider .set .button_plus a span { height:21px; float:left; background:url(../images/bg_button_plus_right.gif) no-repeat top right;  padding:4px 18px 0 8px}


/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/


#footer { width:961px; float:left; background:#2A2A2A url(../images/bg_footer.gif) no-repeat; padding:20px 22px 10px 17px}
#footer p { font-size:11px; color:#999999}
#footer h6 { color:#CCCCCC} 


#footer .footerlinks { width:660px; float:left; background:url(../images/bg_divider_footer.gif) repeat-y; margin-bottom:24px}
#footer .footerlinks ul li { font-size:10px; color:#999999}
#footer .footerlinks ul li a { color:#999999; text-decoration:none}
#footer .footerlinks ul li a:hover { color:#999999; text-decoration:underline}
#footer .footerlinks .set { padding-bottom:15px}

#footer .list1 { width:145px; float:left; padding-left:12px; padding-right:60px}
#footer .list2 { width:150px; float:left; padding-right:50px}
#footer .list3 { width:145px; float:left;}

#footer .footer_rightcontent { width:300px; float:right}
#footer .footer_rightcontent ul li { float:left; padding-right:22px; padding-bottom:20px}
#footer .footer_rightcontent ul li.last { padding-right:0}

#footer .copyright { width:961px; float:left; border-top:1px solid #404040; padding:12px 0; text-align:right}
#footer .copyright img { margin-bottom:-12px}
#footer .copyright p span { color:#FFFFFF}


.spacer { width:100%; height:300px; float:left}




/*
---------------------------------------------
10. Formulaire de contact
---------------------------------------------
*/


.contact-titre
{
	font-size: 14px;
	margin:10px 0px;
	font-weight:bold;
}
.contact-conteneur
{
	width: 100%;
	margin-bottom:5px;
}
.contact-label
{
	width: 85px;
	display: inline-block;
}
.contact-input_text
{
	width: 150px;
}
.contact-input_textarea{ width: 150px; }

.contact-obligatoire
{
	color:Red;
}



/*
---------------------------------------------
10. Spectacles Archivés
---------------------------------------------
*/

.LstArchives
{
	margin:0px;
	padding:0px;
}

.LstArchives li
{
	float:left;
	margin: 0px 15px 25px 0px;
	padding: 0px;
	width:100px;
	height:130px;
	display:block;
	
	text-align:center;
}

.LstArchives li a { margin:0px auto; }


/*
---------------------------------------------
10. Form
---------------------------------------------
*/

.ItemForm { margin:10px 0px; padding:0px; }
.ItemForm label{ font-size:12px; font-weight:bold; display:block;}
.ItemForm input{ width:170px; height:20px; line-height:20px; padding:0px 2px; }
.ItemForm textarea{ width:250px; height:70px; padding:3px;}
.ItemFormObligatoire{ color:Red;}
.ItemFormButton { width:250px; text-align:right; margin:10px 0px;}
.ItemFormButton input{ padding: 5px 10px; font-weight:bold;}