﻿/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{font-family:'Myriad Pro','Arial'; margin:0;padding:0;
    text-align: left;
}
input
{font-family:'Myriad Pro','Arial'; margin:0;padding:0;    }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
#logo{float:left;}
#logo img{border:none;}
#contentlayout{width:970px;margin-left:auto;margin-right:auto; text-align:center}
#contentlayout{width:970px;padding-left:30px;background-image:url(fdcontentblock.png);}

#header{background-color:#FFFFFF;}


#divmenu{background-image:url(navigation.png);background-repeat:repeat-x;height:47px;margin:0px;padding:0px;font-family:'Myriad Pro','Arial';color:white;vertical-align:middle;margin:0px;margin-top:10px; margin-left:31px;margin-right:10px; width:934px;text-align:center;overflow:hidden;}
#menu{padding-left:19px;margin-left:auto;margin-right:auto;text-align:center;}
#blockgauche {margin-left:30px;width:257px;float:left; height:380px;}
#blockgauche ul{background-color:#633683;width:248px;margin-left:8px;padding-top:20px;padding-bottom:20px;}
#blockgauche li {margin-left:50px; color:#1083DC;  list-style-type:square; text-align:left;}
#blockgauche a{color:#50c6d9; text-decoration:none;font-weight:bold;}
#reservation {width:244px;margin-left:15px; height:178px; background-image:url(acheterenligne2011.jpg);}
#ticketnet img{margin-left:15px;}
 
#contenue{width:442px;text-align:left;float:left;}
#contenue li{float:left;margin:5px;margin-left:10px;}
#contenue h3,#contenularge h3{height:20px;background-color:#efefee; color:#7f8588; font-size:13px;padding-top:5px; padding-left:5px} 
 
#contenularge{text-align:left;float:left;width:677px;min-height:450px;}
#blockdroit{width:235px; border-left:1px solid #ccc;border-right:1px solid #ccc;float:left;}
.ofrres{text-align:left; padding-left:10px;padding-top:10px;}
.offres h1{color:#1083DC; font-size:21px; text-align:left; padding-left:10px;padding-top:10px;padding-bottom:10px;}
.p1{color:#c1c5c7; font-size:13px;padding-left:10px;text-align:left;}
.p2{color:#8c9092;padding-left:10px; font-size:13px;text-align:left; padding-top:5px;padding-bottom:5px}
.p3{color:#202f32;padding-left:10px; font-size:14px;text-align:left; padding-bottom:5px}
.plus{color:#633683; padding-left:2px; font-size:13px;text-transform: uppercase; text-align:left; padding-bottom:25px}
 
#menu li{float:left;vertical-align:middle;line-height:47px;height:32px;text-align:center;padding-left:15px;padding-right:15px;}
 
#menu li.menu_sep{background-image:url(sep.png);width:1px;overflow:hidden;padding:0px;margin:0px;}

#menu ul li{z-index:1000;font-size:12px; text-transform: uppercase;color:#bfc1c4;text-decoration:none;display:block;cursor:pointer;}
#menu a{ text-decoration:none; font-size:12px; text-transform: uppercase;color:#bfc1c4;}
#menu a:hover{ text-decoration:none; color:#fff;}
.clear{clear:both}
.menuhover {z-index:1000;font-size:12px; text-transform: uppercase;color:#bfc1c4;text-decoration:none;display:block;cursor:pointer;}

#content a{color:#50c6d9; text-decoration:none; }
#content a:hover{text-decoration:underline;}

#footer{ background-color:#633683;padding-top:0px; height:160px; text-align:center;color:#fff; font-size:12px;}

#footer a{color:#fff; text-decoration:none;font-size:12px;}
#footer div{width:970px;margin-left:auto;margin-right:auto; text-align:center}
 
#slideshow{float:left;margin-top:8px;margin-left:2px;}

.tableform td{ padding:4px}

div.clearboth{clear:both;height:0px;}
img.alaffiche{position:absolute;z-index:1;margin-top:2px;margin-left:2px;}

/** liste grille **/
ul.listegrille {width:672px;}
ul.listegrille li.fiche{padding-left:16px;padding-top:14px;padding-bottom:10px;overflow:hidden;width:320px;height:190px;float:left;}
/*ul.listegrille li.fichegauche{background-image:url(/content/fiche_fond.jpg);background-position: 100% 12px;background-repeat:no-repeat;}*/
img.imgfiche{width:131px;float:left;padding-right:3px;}
div.infosfiche{float:left;width:184px;margin-left:2px;}

ul.infos{margin:0px;padding:0px;}
ul.infos li{float:left;width:165px;width:auto; color:#505050;font-family:"Myriad Pro","Arial";font-size:13px;line-height:14px;letter-spacing:-0.5px;}
ul.infosimportantes li{display:block;float:none;margin:0px;padding:0px;font-weight:bold;font-family:"Myriad Pro","Arial";color:#000405;margin-bottom:4px;margin-top:4px;font-size:13px;}
ul.infosimportantes li.horaire{font-weight:normal;}
div.infosfiche p{font-size:13px;color:#aeb6b6;margin:0px;padding:0px;line-height:14px;margin-top:4px;margin-bottom:6px;}
li.separateur{margin-left:2px;margin-right:2px;}
.infosfiche h4{color:#50c6d9;/*#1083dc*/font-size:18px;margin-top:0px;padding-top:0px;line-height:19px;}

/** Liste artistes  **/
ul.listeartiste {width:672px;}
ul.listeartiste li.fiche{padding-left:16px;padding-top:2px;padding-bottom:0px;overflow:hidden;width:320px;float:left;}
ul.listeartiste li.fichegauche{}

/** Fiche de présentation d'un spectacle **/
#fiche{margin-left:16px;margin-right:18px;margin-top:16px;}
div.presentation{margin-left:345px;}
.presentation p{color:#818687;font-size:14px;
	/*height: 40px;*/
}
p.synopsis p{color:#818687;font-size:12px;}
img.miniature{margin-top:16px;}
img.miniaturegauche{margin-left:1px;}
img.miniaturedroite{margin-left:15px;}
#video{margin-top:16px;margin-bottom:16px;}
#video p{color:#818687;font-size:14px;}
#video a{color:#818687; text-decoration:underline;}
#video a{color:#818687; text-decoration:underline;}

ul.navigation{height:40px;}
.navigation a{color:#202F32;text-decoration:none;font-size:13px;}
.navigation a:hover{text-decoration:underline;}
ul.navigation li{position:absolute;}
li.precedent{width:200px;text-align:left;margin-left:12px;z-index:1000;}
li.suivant{width:200px;text-align:right;margin-left:460px;}
li.liste{text-align:center;width:640px;}

/* Salles */
table.salles tr, table.salles th
{
	text-align:center;
	margin:auto;
}
table.salles th
{
	font-variant: small-caps;
}
img.salle_mini {width: 120px; height:70px; padding: 2px;} 
/* artiste link*/
.artistlink
{
color:#ccee13;
font-size:13px;
text-transform:uppercase;
text-decoration:none;
}
.artistlink:hover
{color:#ccee13;
font-size:13px;
text-transform:uppercase;
text-decoration:underline;}

.paging
{
padding:15px;
width:500px;
    }
.paging a
{
 color:#202F32;text-decoration:none;font-size:14px;

}
.paging a:hover{text-decoration:underline;}


/* AJOUT POUR REPRENDRE LES STYLES DU SLIDESHOW */
/*
// "Frontpage Slideshow" by JoomlaWorks - Version 1.7.2
// Copyright (c) 2006 - 2008 JoomlaWorks, a Komrade LLC company.
// This code cannot be redistributed without permission from JoomlaWorks - http://www.joomlaworks.gr.
// More info at http://www.joomlaworks.gr and http://www.frontpageslideshow.net
// Developers: Fotis Evangelou - George Chouliaras
// ***Last update: May 4th, 2008***
*/

/* --- Slideshow Containers --- */
#fpss-outer-container {/*clear:both;*/width:414px;margin:0px auto;padding:0 0px;border:1px solid #b0b0b0;background:#fff;}
#fpss-container {/*clear:both;*/margin:0;padding:0;position:relative;width:414px;height:323px;}
#fpss-slider {overflow:hidden;background:none;/*clear:both;*/width:198px;height:323px;}

/* --- Slideshow Block --- */
.slide {position:absolute;right:0;width:414px;}
#slide-wrapper {font-size:11px;text-align:left;width:198px;height:323px;}
/*#slide-loading {background:#fff url(loading.gif) no-repeat center;text-align:center;margin-left:216px;width:198px;height:323px;}*/
#slide-outer {height:323px;}
#slide-outer .slide-inner {position:relative;margin:0;color:#8C9092;overflow:hidden;height:323px;}
#slide-outer .slide-inner a.fpss_img {display:block;margin:0 0 0 216px;padding:16px 0;border-left:1px solid #7b7b7b;overflow:hidden;}
#slide-outer .slide-inner a.fpss_img span {display:block;margin:0 0;overflow:hidden;height:291px;position:relative;}
#slide-outer .slide-inner a.fpss_img span span {margin:0; text-align:center;}

/*#slide-outer .slide-inner a.fpss_img span span span img {display:none;}*/

/* --- Content --- */
.fpss-introtext {margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden;background:#fff;width:216px;height:243px;}
.fpss-introtext .slidetext {padding:16px 8px 4px 2px;}

/* --- Navigation Buttons --- */
#navi-outer {position:absolute;bottom:0;left:0;/*clear:both;*/margin:8px 0 16px 0;padding:0;width:216px;overflow:hidden;display:block;}
#navi-outer ul {margin:0;padding:0 16px;text-align:right;}
#navi-outer li {display:inline;background:none;padding:0;margin:0;}
#navi-outer li a,#navi-outer li a:hover,#navi-outer li a.navi-active {display:block;float:left;overflow:hidden;width:30px;height:40px;padding:0;margin:2px;text-decoration:none;line-height:40px;background:#404040;}
#navi-outer li a {border:1px solid #bbb;}
#navi-outer li a:hover {border:1px solid #ccee13;}
#navi-outer li a.navi-active {border:1px solid #ccee13;}
#navi-outer li a img,#navi-outer li a:hover img,#navi-outer li a.navi-active img {height:40px;width:auto;display:block;margin:0px;}
#navi-outer li a img {opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
#navi-outer li a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a.navi-active img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a span.navbar-img {}
#navi-outer li a span.navbar-clr {display:none;}

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext{margin-left:19px;margin-right:19px;width:178px !important;}
.fpss-introtext .slidetext h1 {margin-top:20px;line-height:22px;}
.fpss-introtext .slidetext h1 a {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#0088bf;}
.fpss-introtext .slidetext h1 a:hover {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#cc3300;}
.fpss-introtext .slidetext h2 {font-size:10px;margin:0;padding:0;color:#999;}
.fpss-introtext .slidetext h3 {font-size:11px;margin:0;padding:0;display:none;}
.fpss-introtext .slidetext p {margin:0;padding:0;color:#8c9092;}
.fpss-introtext .slidetext a.readon {color:#c92d53;}
.fpss-introtext .slidetext a.readon:hover {color:#c92d53;text-decoration:none;}

/* --- Generic Styling (highly recommended) --- */
a:active,a:focus {outline:0;}
#fpss-container img {border:none;}
.fpss-introtext .slidetext img,
.fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */
.fpss-clr {/*clear:both;*/height:0;line-height:0;}

/* --- End of stylesheet --- */

	
	
	
#conteneurfpss { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0px; margin:0px; text-align:left; background:#fff; }
#conteneurfpss p,
#conteneurfpss div,
#conteneurfpss table,
#conteneurfpss tr,
#conteneurfpss td,
#conteneurfpss form,

#conteneurfpss select,
#conteneurfpss option { font-size:11px; font-weight:normal; text-decoration:none; }
#conteneurfpss h1 a  { font-size:20px; font-weight:normal; text-decoration:none; color:#50C6D9;font-family:'Myriad Pro'; }
#conteneurfpss h1 a:hover { font-size:20px; color:#c92d53; font-weight:normal; text-decoration:underline; }

#conteneurfpss h2{color:black;font-size:13px;font-weight:normal;}

    #mc_embed_signup	{ width:500px;}
    .mc-field-group {line-height:25px; width:500px;padding:5px;}
     .mc-field-group label{ 
    width:150px;
    text-align:right;
    position:absolute;
     }

     .mc-field-group input,.mc-field-group select
     {

     margin-left:170px;
     
     }

.button{ margin-left:170px;margin-top:15px;}
.indicates-required {padding:15px;}

#popupContactClose {
    cursor: pointer;
    text-decoration: none;
}
#backgroundPopup {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
#popupContact {
    background: url('popup_participer.jpg') no-repeat scroll 0 0 #FFFFFF;
    display: none;
    font-size: 13px;
    height: 350px;
    position: fixed;
    width: 300px;
    z-index: 2;
}
#popupContactClose {
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    position: absolute;
    right: 6px;
    top: 4px;
}
#btnparticiper
{
position:absolute;
top:278px;
left:59px;
}
