html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;}
.error{
	color:#FF0000;
}
body {
background:url(../img/header_bg.jpg) repeat-x #d7d7d7;
font:100% Arial, sans-serif;}

h1{
font-size:170%;
color:#233234;
display:block;
margin-bottom:20px;}

h2{
font-size:130%;
color:#5c5c5c;}

.gras {
font-weight:bold;}

#header {
width:1000px;
height:130px;
padding:10px 0 10px 0;
margin:auto;}

#logo {
width:260px;
height:140px;
float:left;
line-height:160%;
text-align:center;
margin-left:10px;}

#logo_child {
width:260px;
height:60px;
float:left;}

.logo {
font-weight:bold;
color:#FFFFFF;}

.logo_first {
font-size:110%;
text-transform:uppercase;}

.logo_child {
font-size:80%;}

#saison_live {
width:650px;
height:110px;
float:left;
margin-left:50px;}

#corps {
width:1000px;
margin:auto;}

#corps_child {
width:940px;
padding:10px 30px 20px 30px;
background:url(../img/bg_body.jpg) repeat-y;
float:left;}

#menu_left {
width:240px;
color:#FFFFFF;
float:left;}

.navigation { 
width:240px;
font-size:80%;
list-style:none;} 

.navigation span, .navigation a  { 
height:20px;
display:block;
padding:5px 10px;
margin-bottom:7px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
background:url(../img/bg_bouton.jpg) no-repeat #468a96;} 

.navigation span:hover, .navigation span:focus, .navigation span:active, .navigation a:hover, .navigation a:focus, .navigation a:active { 
background:url(../img/bg_boutonh.jpg) no-repeat #4d9aa7;
text-decoration:none;}

.navigation ul.subMenu {
list-style:none;}

.navigation ul.subMenu li a {
padding:0 15px; 
color:#233234;
height:inherit;
font-weight:inherit;
text-decoration:none;
background:none;}

.navigation ul.subMenu a:hover, .navigation ul.subMenu a:focus, .navigation ul.subMenu a:active  { 
background-color:#d7d7d7;} 

#actu {
width:658px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;}

#actu a, #actu a:hover{
text-decoration:none;}
 
.actu_rub p a{
text-decoration:none;
color:#468a96;}

.actu_rub p a:hover{
text-decoration:underline;
color:#4d9aa7;}

.transition {
width:485px;
height:1px;
margin:20px 0;
background:#5C5C5C;}

#newsletter {
width:658px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;}

#result_newsletter {
width:658px;
height:610px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;}

#result_newsletter_child {
width:658px;
height:400px;
margin-top:100px;
float:left;
text-align:center;
color:#5C5C5C;}

#result_newsletter_child a{
color:#468a96;}

#result_newsletter_child a:hover{
color:#4d9aa7;}

#result_newsletter_child_form1{
width:100px;
height:30px;
margin:20px 0 0 219px;
float:left;}

#result_newsletter_child_form2{
width:100px;
height:30px;
margin:20px 0 0 20px;
float:left;}

#result_newsletter_child_form1  form input[type=submit]{
width:100px;}

#result_newsletter_child_form2  form input[type=submit]{
width:100px;}

#newsletter p{
color:#5c5c5c;}

#newsletter form {
width:420px;
float:left;
margin-top:10px;}

#newsletter form  label {
width:150px;
height:20px;
margin-top:10px;
color:#5c5c5c;
float:left;}

#newsletter form input[type=text]{
width:250px;
height:20px;
padding:0 5px;
border:1px solid #9c9c9c;
margin-top:10px;
float:left;}

#newsletter form input[type=text]#postal{
float:left;
width:50px;
margin-right:150px;}

#newsletter form input[type=text]#tel{
width:100px;}

#newsletter form input[type=submit]{
width:100px;
margin-top:20px;}

#form_news_01 {
width:658px;
margin-bottom:30px;
float:left;}

.error_news {
width:658px;
margin-top:10px;
padding-left:30px;
color:#FF0000;
float:left;
display:none;}

.asterix {
color:#000000;
font-size:120%;}

#form_news_02 {
width:658px;
margin:10px 0 30px 0;
float:left;}

fieldset.submit {
width:420px;
height:50px;
float:left;}

#billeterie {
width:658px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;}
/*--------------------------------------------------
                SPECTACLE 
----------------------------------------------------*/
#cgv {
	margin:5px;
}
#cgv p {
	font:12px normal Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:10px 0;
	text-align:justify;
	color:#2c3f43;
}
#cgv p a{
	color:#2c3f43;
	font-weight:bold;
	text-decoration:underline;

}
#billeterie .spectacle {
	width:660px;
	float:left;
	border-bottom:1px solid #9e9e9e;
	background-color:#FFFFFF;
	padding-bottom:0px;
	margin-bottom:20px;
}
#billeterie .spectacle .specvisuel {
	width:145px;
	height:143px;
	float:left;
	margin-right:10px;
}
#billeterie .spectacle .specacteristik {
	width:503px;
	float:left;
}
#billeterie .spectacle .specacteristik p.titresprct {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2c3f43;
	text-transform:uppercase;
	margin-bottom:15px;
}
#billeterie .spectacle .specacteristik p.titresprct a {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:14px !important;
	font-weight:bold;
	color:#2c3f43 !important;
	text-transform:uppercase !important;
	margin-bottom:15px;
}
#billeterie .spectacle .specacteristik p.titresprct a:hover, #billeterie .spectacle .specacteristik .despsprct a:hover {
	text-decoration:none;
}
#billeterie .spectacle .specacteristik .despsprct {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	text-align:justify;
	line-height:17px;
	height:85px;
	overflow:hidden;
	margin-bottom:10px;
}
#billeterie .spectacle .specacteristik .despsprct a {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	color:#808080 !important;
	font-weight:normal !important;
}
#billeterie .spectacle .specacteristik p a.lienspec {
	text-align:right;
	text-decoration:none;
	color:#186896;
	background:url(../img/pucespec.jpg) 0px 3px no-repeat;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0 !important;
}
#billeterie .spectacle .specacteristik p a.lienspec:hover {
	text-decoration:underline;
}

/*--------------------------------------------------
                 FICHE SPECTACLE 
----------------------------------------------------*/
#billeterie #colgauche {
	float:left;
	width:445px;
	margin-right:20px;
}

#billeterie #coldoite {
	float:right;
	width:186px;
}

/*-------------------PANIER---------------------*/
#billeterie #coldoite #panier {
	float:left;
	width:166px;
	height:104px;
	background:url(../img/bgpanier.jpg) no-repeat;
	padding:10px;
	margin-bottom:20px;
}
#billeterie #coldoite #panier h4, #billeterie #coldoite #promo h4 {
	color:#373737;
	text-transform:uppercase;
	font-size:12px;
	margin-bottom:5px;
}
#billeterie #coldoite #panier p {
	width:166px;
	border-bottom:1px dashed #929292;
	color:#5d5d5d;
	height:29px;
	font:12px/29px normal Arial, Helvetica, sans-serif;
}

#billeterie #coldoite #panier p span.total, #billeterie #coldoite #panier p#leslienspanier a.lienpanier {
	float:left;
	font-weight:bold;
}
#billeterie #coldoite #panier p span.prix,  #billeterie #coldoite #panier p#leslienspanier a.liencommand  {
	float:right;
	font-weight:bold;
}
#billeterie #coldoite #panier p#leslienspanier {
	color:#373737;
	font-weight:bold;
	text-decoration:none;
	height:25px;
	border:none !important;
	font:12px/25px normal Arial, Helvetica, sans-serif;
}
#billeterie #coldoite #panier p#leslienspanier a {
	color:#373737;
	font-weight:bold;
	text-decoration:none;
	height:25px;
	border:none !important;
	font:12px/25px normal Arial, Helvetica, sans-serif;
	background:url(../img/pucepanier.jpg) 0px 9px no-repeat;
	padding-left:8px;
}
#billeterie #coldoite #panier p#lienspanier  a.liencommand:link, #billeterie #coldoite #panier p#lienspanier  a.liencommand:visited , #billeterie #coldoite #panier p#lienspanier a.lienpanier:link, #billeterie #coldoite #panier p#lienspanier a.visited  {
	color:#373737 !important;
	text-decoration:none !important;
}
#billeterie #coldoite #panier p#leslienspanier a:hover; #billeterie #coldoite #promo p#lienpromo a.boutpromo:hover {
	text-decoration:underline;
}
/*-------------------PROMOTION---------------------*/

#billeterie #coldoite #promo {
	width:166px;
	height:234px;
	float:left;
	background:url(../img/bgpromo.jpg) no-repeat;
	padding:10px;
}
#billeterie #coldoite #promo #visuelpromo {
	width:166px;
	height:120px;
	margin-top:15px;
}
#billeterie #coldoite #promo p {
	color:#373737;
	font-weight:bold !important;
	width:166px;
	border-bottom:1px dashed #929292;
	color:#5d5d5d;
	height:29px;
	font:12px/29px bold Arial, Helvetica, sans-serif;
}
#billeterie #coldoite #promo p#lienpromo {
	border:none !important;
	height:32px;
	font:12px/32px bold Arial, Helvetica, sans-serif;
	text-align:right;
}
#billeterie #coldoite #promo p#lienpromo a.boutpromo {
	color:#373737;
	font-weight:bold !important;
	text-decoration:none;
	border:none !important;
	height:32px;
	font:12px/32px bold Arial, Helvetica, sans-serif;
	background:url(../img/pucepanier.jpg) 0px 5px no-repeat;
	padding-left:8px;
}
/*------------------- VISUEL + LIENS ---------------------*/
#billeterie #colgauche #blocGauch {
	float:left;
	width:173px;
	margin-right:15px;
}
#billeterie #colgauche #blocGauch #visuelfiche {
	width:173px;
	height:170px;
	margin-bottom:20px;
}
#billeterie #colgauche #blocGauch ul {
	width:173px;
}
#billeterie #colgauche #blocGauch ul li {
	border-top:1px dashed #929292;
	color:#373737;
	height:20px;
	font:10px/20px bold Arial, Helvetica, sans-serif;
	background:url(../img/pucefiche.jpg) 0px 5px no-repeat;
	padding-left:6px; 
	list-style:none;
	font-weight:bold !important;
}
#billeterie #colgauche #blocGauch ul li a {
	color:#373737;
	font:10px/20px bold Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold !important;
}

#billeterie #colgauche #blocDroit {
	float:left;
	width:257px;
}
#billeterie #colgauche #blocDroit p {
	text-align:justify;
	line-height:18px;
}
#billeterie #colgauche #blocDroit div {
	text-align:justify;
	line-height:18px;
	color:#808080;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#billeterie #colgauche #blocDroit p#titre {
	color:#2c3f43;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:14px;
}

/*-------------------FORMULAIRE DE RESERVATION---------------------*/

#billeterie  #form3 {
	float:left;
	width:500px;
	margin:10px 0;
}
#billeterie #logospaymenet {
	width:600px;
	margin:40px auto;
	text-align:center;
}
#billeterie a #logospaymenet img {
	border:none;
}
#billeterie a:hover #logospaymenet img {
	border:none;
	text-decoration:none;
}
#billeterie #colgauche h6 {
	color:#2a3d41;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:20px;
}
#envoiAmi {
	padding:10px;
}
#billeterie  #form1, #billeterie  #form2, #envoiAmi  #form2 {
	width:400px;
	margin:10px auto;
}
#billeterie  #form1 p, #billeterie  #form2 p, #envoiAmi  #form2 p {
	width:400px;
	margin:10px 0;
}
#billeterie #form1 p label {
	width:160px;
	text-align:left;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#2e2e2e;
	float:left;
	margin-right:10px;
	padding-top:2px;
	
}
#billeterie #form2 p label, #envoiAmi  #form2 p label {
	width:160px;
	text-align:right;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#2e2e2e;
	float:left;
	margin-right:10px;
	padding-top:2px;
	
}
#billeterie #colgauche #form1 p label.tarif {
	width:70px !important;
	text-align:left;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#2e2e2e;
	float:left;
	margin-right:5px;
	padding-top:2px; 
	float:left;
}
#billeterie #colgauche #form1 input.tarif{
	width:60px;
	background-color:#fff;
	border:1px solid #468a97;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px 0;
}
#billeterie #colgauche #form1 select.tarif{
	width:76px !important;
	background-color:#fff;
	border:1px solid #468a97;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px 0; 
	float:left; 
	margin-right:5px;
	
}
#billeterie #form1 select, #billeterie #form2 select {
	width:220px;
	background-color:#fff;
	border:1px solid #468a97;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px 0;
}
#billeterie #form1 textarea, #billeterie #form1 input, #billeterie #form2 textarea, #billeterie #form2 input, #envoiAmi  #form2 p input, #envoiAmi  #form2 p textarea {
	text-align:justify !important;
	width:220px;
	background-color:#fff;
	border:1px solid #468a97;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px 0;
}
#billeterie #colgauche   #form1 p select:focus, #billeterie #colgauche  #form1 p textarea:focus, #billeterie #colgauche   #form1 p select:hover, #billeterie #colgauche  #form1 p textarea:hover,#billeterie #form1 input:focus, #billeterie #form1 input:hover, #billeterie #colgauche   #form2 p select:focus, #billeterie #colgauche  #form2 p textarea:focus, #billeterie #colgauche   #form2 p select:hover, #billeterie #colgauche  #form2 p textarea:hover,#billeterie #form2 input:focus, #billeterie #form2 input:hover, #envoiAmi  #form2 p input:hover, #envoiAmi  #form2 p textarea:hover, #envoiAmi  #form2 p input:focus, #envoiAmi  #form2 p textarea:focus, {
	border:1px solid #0a5e6e;
}
#billeterie #colgauche #form1 .boutreserver, #billeterie #form2 .boutcpt, #envoiAmi  #form2  .boutcpt {
	float:left;
	width:220px;
	cursor:pointer;
	color:#468a97 !important;
	border:1px solid #468a97;
	text-transform:uppercase !important;
	background-color:#fff;
	font-weight:bold;
	font-size:12px; 
	text-align:center !important;
}

#billeterie #colgauche #form1 .boutcontact:focus, #billeterie #colgauche  #form1 .boutcontact:hover, #billeterie #form2 .boutcpt:focus,  #billeterie #form2 .boutcpt:hover, #envoiAmi  #form2  .boutcpt:hover, #envoiAmi  #form2  .boutcpt:focus {
	color:#004856;
	border:1px solid #004856;
}
/*--------------------------------------------------
                 FICHE SPECTACLE 
----------------------------------------------------*/
#billeterie #tabcommande {
	width:650px;
	margin:0 auto;
	border:2px;
}
#billeterie #tabcommande td {
	border:1px solid #9c9c9c;
	text-align:left;
	font-size:11px;
	vertical-align:middle;
}
#billeterie #tabcommande td.titre {
	color:#468a97;
	font-weight:bold;
	text-align:center;
}
#billeterie #tabcommande td.titre2 {
	color:#468a97;
	font-weight:bold;
	font-size:12px;
}
#billeterie #tabcommande td.total {
	color:#468a97;
	font-weight:bold;
	text-align:right;
	font-size:12px;
}
#billeterie p.liencommande {
	margin-top:20px;
}
#billeterie p.liencommande span.lienleft {
	float:left;
}
#billeterie p.liencommande span.lienright {
	float:right;
}
#billeterie a {
	color:#186896;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#billeterie p {
color:#808080;}

#billeterie a:hover {
text-decoration:underline;}

#chemin_billeterie_online {
width:658px;
height:40px;
float:left;
margin-bottom:20px;
border-bottom:1px solid #9C9C9C;}

#chemin_billeterie_online_child {
width:658px;
height:40px;
font-size:85%;
color:#000000;
float:left;}

.color_billeterie_online {
color:#468a96;
padding-bottom:5px;
border-bottom:10px solid #468a96;}

.spectacle {
width:658px;
height:150px;
float:left;
background:red;
margin:10px 0;}

#mention{
width:658px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;
color:#5C5C5C;}

.mention{
margin:10px 0 20px 0;}

.mention a{
text-decoration:none;
color:#468a96;}

.mention a:hover{
text-decoration:underline;
color:#4d9aa7;}

#plan {
width:658px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;}

#erreur_url {
width:658px;
height:610px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;
color:#5c5c5c;}

#erreur_url ul{
margin:10px 0 0 30px;}

#erreur_url a{
text-decoration:none;
color:#468a96;}

#erreur_url a:hover{
text-decoration:underline;
color:#4d9aa7;}

.info_left {
width:240px;
float:left;
padding-top:10px;
margin-top:10px;
border-top:1px solid #9c9c9c;
font-size:80%;}

.info_left a{
text-decoration:none;
color:#468a96;}

.info_left  a:hover{
text-decoration:underline;
color:#4d9aa7;}

#accmailhide {
color:#233234;}

.accmailhide {
color:#468A96;}

#info_left_last {
width:240px;
height:1px;
background:#9c9c9c;
margin-top:10px;
float:left;}

#footer {
height:150px;
width:100%;
background:url(../img/footer_bg.jpg) repeat-x;
float:left;}

#footer_child {
width:1000px;
height:100px;
padding:30px 0 20px 0;
font-size:80%;
color:#FFFFFF;
margin:auto;}

#foot_adr {
width:600px;
float:left;
padding-left:10px;}

#foot_adr a {
color:#FFFFFF;}

#foot_adr a:hover {
color:#d7d7d7;}

#foot_menu {
float:right;
width:200px;}

#foot_menu li {
float:left;
list-style:none;
margin-right:15px;}

#foot_menu li a {
color:#FFFFFF;}

#foot_menu li a:hover {
color:#d7d7d7;}

#all {
width:658px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;
color:#5C5C5C;}

#all a, #all a:hover {
/*text-decoration:none;*/}

#admin {
width:658px;
margin-left:20px;
padding-left:20px;
border-left:1px solid #9c9c9c;
font-size:80%;
float:right;
}
#admin a {
text-decoration: none;
color: #CD853F;
font-size: 90%;
}

#admin p {
color:#5C5C5C;}


#admin_g {
width:400px;
height: 500px;
font-size:80%;
float:left;
}

#admin_d {
width:258px;
height: 500px;
font-size:80%;
float:right;
}

table {
width: 50%;
}
td {
padding: 5px;
text-align: center;
}
tr {

height: 20px;

}
.menu {
background-color: #BFCFFF;
text-align: left;
}
.sub {
background-color: #E6ECFF;
text-align: left;
}

.add_rub_form {

padding-top: 10px;

}
.add_srub_form {
padding-top: 10px;
}

.admin_index {
font-size:150%;
color:#000000;
font-weight:bold;}

.admin_index_ul {
margin-bottom:20px;}

.admin_index_ul li{
font-size:110%;
margin:20px 0 0 40px;
color:#000000;}

#form_gplaque {
margin-top:20px;}

#form_gplaque form label{
width:150px;
height:20px;
margin-top:10px;
color:#5c5c5c;
float:left;}

#form_gplaque form input[type=file]{
width:250px;
height:25px;
padding:0 5px;
border:1px solid #9c9c9c;
margin-top:10px;
float:left;}

#form_gplaque form input[type=submit]{
width:100px;
margin-top:20px;}

.error_ban{
width:658px;
margin:20px 0 5px 0;
padding-left:30px;
color:#FF0000;
float:left;}

.modalite img {
margin-bottom:10px;}