* {font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0px;padding:0px;}
html {margin:0px;padding:0px;}
body {background:#fff;margin:0px;padding:0px;position:relative;text-align:left;width:100%;}
.centrer {text-align:center;}
.gras {font-weight:bold;}
.graspetit {font-weight:bold;font-size:11px;}
img {border:0px;margin:0px;}
p {margin:7px;text-align:justify;}
.couleurRouge { color:#DC002E }
div.contact div.contact_chp.couleurRouge { color:#DC002E }


/* structure de la page */
#cadre {text-align:center;}
#cadrePrincipal{position:relative; width:915px; z-index:0; margin:0 auto 10px; padding-left:15px }
#cadreHaut { position:relative; width:915px; height:230px; overflow:hidden; left:0;
			 background:url(fichiers/designV2/diapo_ombre.png) no-repeat top right;}

#cadreBas { position:relative; width:900px; color:#fff; font-size:11px}
#cadreBas a { color:#fff}


#cadreContenu { position:relative; text-align:left;  }
#cadreContenu_header { height:20px; background:url(fichiers/designV2/contenu_haut.png) no-repeat; }
#cadreContenu_footer {  height:20px; background:url(fichiers/designV2/contenu_bas.png) no-repeat;}
*html #contenu  { /* min-height pour IE6 */ height: 730px;  }
#contenu { position:relative; text-align:left; background:url(fichiers/designV2/contenu_fond.png) repeat-y; min-height:730px }

#colonne { position:absolute; width:200px; top:0; left:0;}
#colonne #logo { width:195px; height:65px; background:url(fichiers/designV2/logo.jpg) no-repeat; display:block; }
#colonne ul { list-style-type:none; text-align:right; margin-top:20px;}
#colonne li {margin:5px 5px 5px 20px; clear:both; border-bottom:1px dotted #000; padding:5px 0}
#colonne li.spe { border:0; margin-bottom:15px}
#colonne li a { color:#000; font-weight:bold; font-size:14px; text-decoration:none }
#colonne li a span { display:block; width:20px; height:20px; float:right; 
					 background-image:url(fichiers/designV2/fleche_creux.png); background-position:0 -1px; }
#colonne li a.petit { font-size:13px}
#colonne #programme { margin-left:25px  }
#colonne #programme img {  border-width:1px; border-style:solid}
#colonne a#programme2 { display:block; text-align:center; color:#DC002E}

#page { position:relative; margin-left:200px; width:698px}

#cadreSsMenu { font-weight:bold; border-bottom:1px dotted #999; padding-left:15px;font-size:13px; padding-bottom:5px;  }
#cadreSsMenu p { float:right; margin:0; margin-right:15px; font-size:13px;}
#cadreSsMenu span { font-size:20px;  }
#cadreSsMenu a { font-size:15px;text-decoration:none; color:#000}

/* le diaporama */
.diapo { position:absolute; width:900px; height:230px; top:0; left:0;}
.diapo div {  position:absolute; bottom:0; left:10px; height:20px; width:880px; background:#000 }
.diapo div p { padding-top:2px; color:#fff; text-align:right; margin:0 }
.diapo p.gauche, p.droite { position:absolute; bottom:0; width:10px; height:20px; margin:0}
.diapo p.gauche { left:0; background-image:url(fichiers/designV2/diapo_fondGauche.png);}
.diapo p.droite { right:0; background-image:url(fichiers/designV2/diapo_fondDroite.png);}

#diapo_flecheD, #diapo_flecheG { cursor:pointer; height:210px; position:absolute; top:0; width:50px; z-index:10;}
#diapo_flecheD { background:transparent url(fichiers/designV2/diapo_flecheD.png) no-repeat center center; right:15px;}
#diapo_flecheG { background:transparent url(fichiers/designV2/diapo_flecheG.png) no-repeat center center; left:0;}


/* rubrique accueil */
#accueil_btBillet {margin:0; position:absolute; right:3px; top:-4px;}
#accueil_btBillet a { display:block; width:192px; height:30px;background:url(fichiers/designV2/accueil_btBillet.jpg) no-repeat  }


/* rubrique lieux */
#lieux h1 {  font-size:17px; margin:15px 5px 5px; }
#lieux .lieu_desc { margin:0; margin-left:5px; font-style:italic }
#lieux .lieu_bloc { clear:both}
#lieux .lieu_titreBloc { font-size:13px; font-weight:bold; margin: 30px 0 5px 10px }
#lieux .lieu_bloc .lieu_blocContent { margin: 0 10px; text-align:justify;}
#lieux .lieu_bloc .lieu_blocContent img { float:right; margin-left:10px; margin-top:-22px; }
#lieux .lieu_bloc .lieu_blocContent p { margin:0 }
#lieux .lieu_bloc ul.lieu_tech { margin-bottom:5px} 
#lieux .lieu_bloc ul.lieu_tech li  { margin:2px 0 2px 50px}
#lieux .lieu_bloc a.lieu_tech { margin-left:35px}
#lieu_cdMap { position:relative; text-align:center; margin-top:10px}
#lieux .lieu_blocContent #lieu_cdMap img { float:none; margin:0}


/* rubrique archives */
.archive_bloc  { float:left; margin:20px 12px; }
.archive_bloc  div { text-align:center; margin:2px 0}

.archive_bloc a { color:#000}
.archive_float { clear:both}



/* partenaire */
#partenaires { margin:15px 0 0 10px}

/* billeterie */
#billeterie { text-align:center;}
#billeterie img { width:698px}
#billeterie div { text-align:center}
#billeterie iframe { margin:auto}
#billeterie #billet_bt { margin:15px 25px; text-align:left }
#billeterie #billet_adhedion,#billeterie #billet_ligne{ display:block; width:191px; height:29px; }
#billeterie #billet_adhedion{ background:url(fichiers/designV2/billeterie_carteSechoir_TelechBull.png) no-repeat  }
#billeterie #billet_ligne{ float:right; background:url(fichiers/designV2/billeterie_carteSechoir_enligne.png) no-repeat  }

/* contact */
#contact_desc { margin:15px 0 30px}
#contact_desc p { margin:1px 5px}
#contact_desc p.saut { margin-top:5px}

#contact span.couleurSite { font-size:11px}

.contact_err {color:#900; font-weight:bold; text-align:center; margin-bottom:15px;}
.contact_msg {color:#060; font-weight:bold; text-align:center; margin-bottom:15px;}

div.contact{background:#e7e7e7;float:left; margin:0 5px;padding:10px 0 28px 30px;text-align:left;width:370px;}
div.contact form{margin:0px;padding:0px;}

div.contact div.contact_chp{background:#ccc;color:#000;font-weight:bold;height:33px;line-height:27px;margin:10px 0px 0px;padding:0px;text-align:center;width:77px;}
div.contact input.contact_chp{background:#fff;border:1px solid #fff;height:23px;margin:10px 0px 0px 27px;padding:0px;}
div.contact textarea.contact_chp{background:#fff;border:1px solid #fff;margin:0px 0px 0px 27px;padding:0px;}
div.contact input.reset{background:#ccc;border:0px;color:#000;cursor:pointer;font-weight:bold;height:23px;line-height:27px;margin:10px 0px 0px 22px;padding:0px;text-align:center;width:77px;}
div.contact input.submit{background:#ccc;border:0px;color:#000;cursor:pointer;font-weight:bold;height:23px;line-height:17px;margin:0px;padding:0px;text-align:center;width:77px;}
input.qui{border:0px; background:#e7e7e7; font-weight:bold;margin:10px 0px 0px 22px;width:170px;}


div.list_contact{ width:280px; margin-left:420px}
div.list_contact .gras{ margin:20px 0 5px}
div.list_contact ul{ margin: 0}
div.list_contact ul li{list-style:inside;}
div.list_contact ul li p { margin:0 0 0 15px}
span.le_contacter{color:#333;cursor:pointer;border-bottom:1px dashed;}


/* newsletter */
.newsletter_image { width:250px; position:absolute; top:0px; right:15px }
.contact.spe { margin:0 15px }







div.titre		{color:#fff;font-size:14px;font-weight:bold;height:38px;left:7px;line-height:24px;margin:0px;padding:0px;position:absolute;top:-40px;width:200px;}
div.accueil	{color:#fff;font-size:20px;font-weight:bold;height:38px;left:7px;line-height:24px;margin:0px;padding:0px;position:absolute;top:-50px;width:920px;}
div.accueil div.accueilligne2{font-size:14px;}
table.droite_contenu{border-bottom:1px dotted #333;border-collapse:collapse;margin:0px;padding:0px;text-align:left;width:100%;}
div.spectaclet{float:left;margin:10px;text-align:left;width:278px;}
div.spectaclet div.sous_texte{font-size:11px;text-align:justify;}
div.spectaclet div.sous_textepetit{font-size:9px;text-align:justify;}
div.spectacle{float:left;margin:10px;text-align:left;width:180px;}
div.spectaclet div.sous_titre{color:#fff;margin:0px 0px 15px;padding:3px;text-align:center;}
div.spectacle div.sous_texte{font-size:11px;text-align:justify;}
div.spectacle div.sous_textepetit{font-size:9px;text-align:justify;}
div.spectacle div.image{background:url('image/B.gif');height:270px;width:180px;}
div.spectacle div.sous_info{font-size:12px;}
div.spectacle div.sous_info span.mini{font-size:10px;}

div.spectaclet3{float:left;margin:10px;text-align:left;width:470px}
div.spectaclet3 p { margin:0}