@charset "UTF-8";

body, p {
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    font-size:12px;
}

td, tr{
    margin:0;
    padding:0;
}

#tetiere{
    position:absolute;
    height:200px;
    width:250px;
    cursor:pointer;
}

.p1{
    color:#FFFFFF;
    font-size:12px;
    text-align:justify;
}

.p1 ul{
    list-style-type:none;
    list-style-image:url(../img/ballet/puce-carree.jpg);
    margin:0;
    padding:0;
    padding-left:18px;
}

.categ_txt{
    width:260px;
    padding-bottom:40px;

}

.categ_picto{
    width:58px;
}

.p2{
    color:#FFFFFF;
    font-size:12px;
}

#contenu {
    width:892px;
    margin-left:auto;
    margin-right:auto;
    background:#000;
    padding-left:79px;
    padding-right:29px;
    color:#FFF;
    padding-bottom:10px;
    /*background-position:center top;*/
}

#liste_contenu{
    width:648px;
    float:left;
	overflow:hidden;
}

#liste_contenu_large {
	width:900px;
    float:left;
	overflow:hidden;
}

#d_billetterie{
    width:220px;
    float:left;
    margin-left:24px;
    margin-top:20px;
}

.d_img_billeterie{
    /*width:647px;
    height:177px;*/
    width:647px;
    height:177;
}

.no_border{
    border:none;
}



#page {
    width:100%;
    
    background:#000;
}

#page_index {
    width:999px;
    margin:0 auto 0 auto;
}

/* index */

.bienvenue {
    float:left;
    padding:15px 0 10px 50px;
}

.welcome {
    float:left;
    padding:40px 0px 0 30px;
}



/* generique */

.hidden {
    visibility:hidden;
}

.left {
    /*float:left;*/
    padding:0px 10px 0px 10px;
    color:#fff;
    font-size:12px;
    /*font-weight:bold;*/
    text-decoration:none;
}

.right {
    /*float:right;*/
    padding:0px 10px 0px 10px;
    color:#fff;
    font-size:12px;
    /*font-weight:bold;*/
    text-decoration:none;
}

.title {
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    text-transform:uppercase;

}

.cie {
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
}

.s_titre {
    font-size:14px;
    color:#fff;
    font-weight:bold;
}

.courant {
    font-size:12px;
}

.courant_bold {
    font-weight:bold;
    font-size:12px;
    color:#FFF;
}

.mention {
    font-size:9px;
    float:left;
}

/* #separateur {
	display:block;
	margin:auto;
	width:999px;
	height:15px;
	background-color:#000;
} 
*/
.separation {
    display:block;
    clear:both;
    height:1px;
    border-top:#FFF solid 1px;
    margin:0 20px 0 20px;
}

#contenu_page{
    float:left;
    width:645px;
    margin-left:22px;
}

#contenu_page a {
    color:gray;
    text-decoration:none;
    font-weight:bold;
}

#head_title {
    
    text-align:left;
    background-color:#000;
    height:100px;
    
}

#head_title a {
    color:#fff;
    text-decoration:none;
}

#head_title a:hover {
    color:#928C80;
    text-decoration:none;
}

#text{
    float:left;
    width:416px;
    padding-right:19px;
    border-right:1px dotted #FFF;
    text-align:justify;
    overflow:hidden;
}

    #text ul{
	padding:0;
    }

.text_basic{
     float:left;
    text-align:justify;
}

.plus {
    height:15px;
    padding-top:7px;
    margin-left:23px;
}

.image_bloc{
    height:160px;
    margin-left:20px;
    overflow:hidden;
}

.image_bloc_spec{
    height:150px;
    margin-left:20px;
    overflow:hidden;
}

.image_bloc_video{
    height:75px;
    margin-left:20px;
    overflow:hidden;
}

.plus_spec {
    height:29px;
    padding-top:8px;
    margin-left:20px;
}

#filet_mini {
    display:block;
    height:20px;
    /*background-color:#928C80;*/
    padding:5px 20px 7px 20px;
}

#right_column .text_options_mini {
    /*height:42px;*/
    padding-top:15px;
    padding-bottom:5px;
}

.text_mini {
    /*height:54px;*/
}


.block {
    display:table;
    margin:auto;
    width:650px;
    background:#000;
}

.bas {
    margin-top:20px;
    margin-bottom:20px;
    border-top:1px dotted white;
    width:100%;
    background-color:#000000;
    height:1px;
}

/* right_column */

#left_column {
    width:225px;
    float:left;
    color:#fff;
    overflow:hidden;
}

/* right_column */

#right_column_rendez_vous{
    width:540px;
    float:right;
    margin-left:24px;
}

#right_column {
    width:398px;
    float:left;
    margin-left:24px;
    text-align:justify;
	overflow:hidden;
}

#right_column a {
    color:#fff;
    text-decoration:none;
}

#right_column a:hover {
    color:#928C80;
    text-decoration:none;
}

#right_column #text a{
    color:#000;
    text-decoration:underline;
}

#right_column #text a:hover{
    color:#928C80;
}

#table_content_block a {
    color:#fff;
    text-decoration:none;
}

#table_content_block a:hover {
    color:#928C80;
    text-decoration:none;
}

#table_content_block #text a{
    color:#000;
    text-decoration:underline;
}

#table_content_block #text a:hover{
    color:#928C80;
}

/* Div bandeau */
#bandeau {
    padding-top:8px;
    padding-bottom:8px;
    
    float:left;
}

#bandeau_thickbox {
    display:block;
    margin:auto;
    width:800px;
    /*height:90px;*/
    /*background:#000000 url(../img/bandeau/bandeau.gif) top no-repeat;*/
    margin-left:10px;
}

#bandeau_titre {
    /*float:left;
    width:380px;
    height:54px;
    text-align:center;
    padding-top:25px;
    background-color:#000000;
    font-size:18px;*/
    margin-bottom:25px;
    margin-top:25px;
}

#bandeau_left {
	float:left;
	width:145px;
	height:51px;
	padding-top:29px;
}

#bandeau_right {
	float:right;
	/*width:250px;*/
	/*height:51px;
	padding-top:26px;*/
	margin-bottom:10px;
}

#bandeau_titre_thickbox {
    float:left;
    width:300px;
    height:54px;
    text-align:center;
    padding-top:25px;
}

.title_sm {
    color:#FFFFFF;
    font-size:12px;
}

#bandeau a.left, #bandeau_thickbox a.left  {
    /*float:left;*/
    padding:0px 10px 0 10px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

#nextprev{
    color:#FFF;
    text-align:right;
    float:right;
    padding-top:8px;
    padding-bottom:8px;
}

.left_btn {
    float:left;
    margin-right:10px;
    margin-top:-3px;
}

#bandeau a.right, #bandeau_thickbox a.right {
   /* float:right;*/
    padding:0px 10px 0px 10px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

.right_btn {
    clear:both;
    padding-left:10px;
    margin-bottom:-6px;
}

#bandeau a:hover, #bandeau_thickbox a:hover {
    color:#928C80;
}

/* thickbox */

.mention_thickbox {
    font-size:10px;
    color:#fff;
}

#photo_thickbox {
    float:left;
    margin-right:15px;
    margin-left:10px;
	width:225px;
	overflow:hidden;
}

#right_thickbox {
    float:left;
    width:550px;
	overflow:hidden;
}

.courant_blanc {
    font-size:12px;
    color:#fff;
}

/* Accordion */
#text_plus {
    width:648px;
    float:left;
    background-color:#000000;
}

.accordion_rdv {
    /*width:600px;*/
    height:20px;
    background:url(../img/bt/loupe.png) bottom right no-repeat;
    padding:0px;
    cursor:pointer;
}

/*.selected {
    display:block;
    width:646px;
    border-bottom: none;
}*/

#bas_accordion {
    display:block;
    height:20px;
    /*background-color:#f1f2f3;*/
}

/* actualites */

#actu_bloc{
    float:left;
    width:333px;
    border-top:1px solid #928C80;
    border-bottom:1px solid #928C80;
}

.border_actu {
    float:left;
    clear:both;
    width:331px;
    height:133px;
    border:1px solid #928C80;
}

.border_video {
    display:block;
    width:331px;
    height:268px;
    border:1px solid #928C80;
}


/* gabarit basic */

#filet_basic {
    display:block;
    clear:both;
    height:25px;
    background-color:#928C80;
    padding:10px 20px 7px 20px;
}

.filet_options{
    float:left;
    display:inline;
    padding-right:10px;
}

/* danseurs */

#block_danseurs {
    display:block;
    clear:both;
    /*width:959px;*/
    margin:auto;
    background-color:#000;
    border-left:#000 solid 10px;
    border-right:#000 solid 10px;
    border-bottom:#000 solid 10px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
}
.danseurs img{
	float:left;
	margin-right:10px;
}
.danseurs {
    float:left;
    width:280px;
    margin:0px auto 0px auto;
    padding:30px 0 30px 0;
	text-align:left;
}

.photo_bordure {
    border-right:#000 solid 1px;
    border-bottom:#000 solid 1px;
    margin-bottom:10px;
	cursor: pointer;
}

#block_danseurs a, #block_danseurs a:hover, #block_danseurs a:visited {color:#000000 ; text-decoration:none;}

#block_danseurs a:hover {color:#928C80 ; }


/* creation */

.title_creation {
    height:40px;
    margin-top:10px;
}

.date_creation {
    font-size:12px;
    color:#fff;
}

.text_creation{
    float:left;
    width:400px;
    height:57px;
    color:#000;
}



#plus_creation {
    float:left;
    width:22px;
    height:97px;
    background-color:#f1f2f3;
    padding-right:4px;
}

#plus_creation a img {
    padding-top:75px;
}

#option_creation{
    float:right;
    width:180px;
    height:77px;
    background-color:#928C80;
    padding-top:20px;
}


.option_creation_btn {
    float:left;
    padding-right:10px;
    margin-top:-5px;
}

#option_creation a {
    display:block;
    padding:0 0 15px 15px;
    color:#000;
    font-size:10px;
    text-decoration:none;
}

#option_creation a:hover {
    color:#fff;
}


/* spectacle */

.stickers{
    padding-right:4px;
}

#resum_spec{
   
}

#date_spec{
    float:left;
    width:250px;
    height:96px;
    background-color:#928C80;
    text-transform:uppercase;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    line-height:140%;
    padding:10px 0px 10px 15px;
}

#plus_spec {
    float:left;
    width:22px;
    height:138px;
    background-color:#f1f2f3;
    padding-right:4px;
}

#plus_spec a img {
    padding-top:118px;
}

#tarif {
    float:left;
    background-color:#928C80;
    width:220px;
    height:17px;
    padding-top:5px;
    padding-left:15px;
    font-size: 11px;
    font-weight: bold;
}

#panier {
    float:right;
    background-color:#928C80;
    height:26px;
    width:30px;
    margin-top:-4px;
}

/* spectacle plus */

#photo {
    width:225px;
    /*background-color:#fff;*/
    vertical-align:top;
    float:left;
    overflow:hidden;
}

#head {
    width:666px;
    height:87px;
    background-color:#000;
    padding:0 10px 10px 0px;
    vertical-align:top;
}

#right_side {
    float:left;
}

.distribution {
    font-size:11px;
}

/*#text{
    float:left;
    width:416px;
    padding-right:19px;
    border-right:1px dotted #FFF;
}*/

#infos {
    width:190px;
    float:left;
    padding-left:19px;
}

#infos a {
    font-size:10px;
    color:#ffffff;
    text-decoration:none;
}

#infos a:hover{
    font-size:10px;
    color:#000000;
    text-decoration:none;

}

#date {
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}

#date_res {
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}

#date p{
    margin-bottom:10px;
    margin-top:10px;
}

#options {
    
    margin-top:35px;
}

.option_btn {
    float:left;
    padding-right:10px;
    margin-top:-5px;
}

#options a {
    display:block;
    /*width:230px;*/
    /*float:left;
    clear:left;*/
    padding-top:25px;
    color:#FFF;
    font-size:10px;
    text-decoration:none;
}

#options a:hover {
    color:#FFF;
}

/* billetterie */

#billetterie {
    width:979px;
    height:2562px;
    margin:auto;
    background:#ADAA9E url(../img/billetterie/abo_0910.gif) center no-repeat;
    border-left:#000 solid 10px;
    border-right:#000 solid 10px;
}


/* gabarit résidence */

#resum_residence{
   
    height:118px;
    /*background-color:#928C80;*/
    color:#fff;
    font-size:12px;
    font-weight:bold;
    line-height:140%;
    /*padding:10px 15px 10px 15px;*/
    text-align:justify;
}

#text_intro {
    font-size:12px;
    color:#FFF;
    padding-top:15px;
    padding-bottom:15px;
    text-align:justify;
    /*border:#000000 solid 10px;*/
   /* border-bottom:#000000 solid 50px;*/
}

#right_column_full {
	width:600px;
	float:right;
	border-left:#000 solid 10px;
	border-right:#000 solid 10px;
}

#ss_bandeau {
	/*display:block;
	margin:auto;*/
	/*width:100%;*/
	/*height:80px;*/
	/*background:#000000 url(../img/bandeau/bandeau.gif) top no-repeat;*/
	/*text-align:center;*/
}

/* gabarit rendezvous */

#info_rdv {
    display:block;
    /*background-color:#928C80;*/
    /*margin-top:-7px;*/
    height:52px;
    /*padding:8px 20px 8px 20px;*/
}

.date1_rdv p {
    font-weight:bold;
    color:#FFFFFF;
    font-size: 12px;
}

.date2_rdv p {
    font-weight:normal;
    color:#FFF;
    font-size:11px;
}

#text_rdv {
   /* padding:10px 0 0 20px;;*/
    /*background:#f1f2f3;*/
}

/* actions culturelles */

.title_actions_presentation {
    margin-top:15px;
    margin-bottom:8px;
}

#right_column .text_actions {
    height:123px;
}

#right_column .text_actions_mini {
    height:91px;

}


/* partenaires */

#block_partenaires {
    margin:auto;
    /*width:979px;*/
    border-bottom:#000 solid 10px;
}

#rubrique_partenaires {
    display:table;
    margin-top:20px;
    margin-bottom:20px;
}

#partenaires {
    display:table;
    width:637px;
    border-left:#000 solid 1px;
    text-align:center;
}

.partenaires_bordure {
    float:left;
    width:150px;
    height:140px;
    background-color:#f1f2f3;
    border-bottom:#928C80 solid 1px;
    text-align:center;
}

.partenaires_nobordure {
    background-image:url(../media/mecenat/cadre-partenaires.gif);
    float:left;
    width:134px;
    height:90px;
    background-color:#f1f2f3;
    text-align:center;
    margin-left:20px;
    margin-bottom:20px;
    margin-top:20px;
}

.img_partenaires {
    margin:0 auto 0 auto;
}

/* equipe*/

#contact {
    /*width:150px;*/
    width:200px;
    /*height:230px;*/
    text-align:center;
    float:left;
    margin:0px 0px 0px 10px;
    font-size:14px;
    font-weight:normal;
    /*padding-bottom:40px;*/
    height:150px;
}

#contact a, #contact a:hover, #contact a:visited {color:#FFF ; text-decoration:none;}

#contact a:hover {color:#928C80 ; }

#block_equipe {
    display:block;
    /*width:979px;*/
    width:850px;
    /*border-left:#000 solid 10px;
    border-right:#000 solid 10px;*/
    border-bottom:#000 solid 10px;
    /*background:#928C80;*/
}

#service {
   /* float:left;*/
    /*width:322px;*/
    width:213px;
    vertical-align:top;
    text-align:center;
    
}

#staff {
    /*float:right;*/
    /*width:654px;*/
   
   /* background:#f2f1f0;*/
    border-left:#000 solid 1px;

}

#photo_equipe {
    width:50px;
    height:65px;
    vertical-align:top;
    text-align:left;
    background-color:#000;
    margin:0 auto 10px auto;
}

.sous_service {
    clear:both;
    display:block;
    padding-top:30px;
    padding-bottom: 20px;
    color:#FFF;
    font-weight:bold;
    font-size:14px;
}

/* dir equipe */
.text_roug {
    font-size:12px;
}


/* bulle box */

.bulle_titre {
    display:block;
    font-size:12px;
    margin-top:15px;
    margin-bottom:15px;
    color:#000;
    text-align:center;
    line-height:140%;
}

.bulle_lien {
    display:block;
    margin-top:5px;
    text-align:center;
    border:#000 dotted 1px;
    padding:5px;
    background:#928c80;
    margin-top:15px;
}

/* ACCN */

#carte_ccn {
    display:block;
    margin:auto;
    position:relative;
    /*width:979px;*/
    height:392px;
    background:#fff url(../img/accn/fond_accn.jpg) no-repeat;
   /* border-left:#000 solid 10px;
    border-right:#000 solid 10px;
    border-bottom:#000 solid 1px;*/
    overflow:hidden;
}

#lien_ccn {
    display:block;
    position:absolute;
    width:50px;
    height:10px;
    border:#000 dotted 1px;
}

.roubaix {
    top:26px;
    left:403px;
}

.lehavre {
    top:61px;
    left:331px;
}

.caen {
    top:79px;
    left:306px;
}

.creteil {
    top:99px;
    left:381px;
}

.nancy {
    top:107px;
    left:463px;
}

.rennes {
    top:117px;
    left:275px;
}

.orleans {
    top:130px;
    left:365px;
}

.mulhouse {
    top:131px;
    left:518px;
}

.angers {
    top:139px;
    left:284px;
}

.tours {
    top:151px;
    left:336px;
}

.nantes {
    top:162px;
    left:261px;
}

.belfort {
    top:149px;
    left:491px;
}

.larochelle {
    top:195px;
    left:235px;
    padding:0 7px;
}

.rillieux {
    top:206px;
    left:446px;
    padding-right:20px;
}

.grenoble {
    top:227px;
    left:468px;
}

.biarritz {
    top:302px;
    left:227px;
}

.montpellier {
    top:297px;
    left:370px;
    padding-right:10px;
}

.aix {
    top:290px;
    left:467px;
    padding-right:27px;
}

.marseille {
    top:316px;
    left:418px;
}

#mention_ccn {
    position:absolute;
    top:250px;
    left:60px;
    font-size:11px;
    color:#928c80;
}

#text_accn {
   /* background:#fff;*/
    /*width:919px;*/
   /* margin:auto;*/
   /*padding:20px 40px 20px 20px;
    border-left:#000 solid 10px;
    border-right:#000 solid 10px;
    border-bottom:#000 solid 10px;*/
}

/* footer  */

#footer {
    /*width:1000px;*/
    margin-top:50px;
}

#footer a{
    color:#FFF;
    text-decoration:none;
    font-size:12px;
    
}

.text_basic ul{
    padding:0;
}

/*
li.l1{list-style-position: outside; list-style-type: none}
p.p1{line-height: 120%; margin-top: 0px; margin-bottom: 0px}
p.p2{line-height: 120%; margin-top: 0px; margin-bottom: 0px; margin-right: 21px}
p.p3{text-align: justify; line-height: 120%; margin-top: 0px; margin-bottom: 0px}
p.p4{margin-top: 0px; margin-bottom: 0px}
p.p5{text-align: center; margin-top: 0px; margin-bottom: 0px; background-color: #666666}
p.p6{text-align: center; margin-top: 0px; margin-bottom: 0px}
font.f1{font-weight: bold; font-family: Arial; font-size: 10pt}
font.f2{font-family: Arial; font-size: 10pt}
font.f3{font-style: italic; font-family: Arial; font-size: 10pt}
font.f4{font-family: Helvetica; font-size: 12pt}
font.f5{font-weight: bold; font-family: Arial; font-size: 10pt; color: #ffffff}
.p1 a{color:#FFF; text-decoration:none; font-weight:bold;}*/

#date ul {
    padding:0;
    margin:0;
}

.txt-blanc{
    color:#FFF;
}

.txt-gris{
    color:#746E62;
}

.bold{
    font-weight:bold;
}

.italic{
    font-style:italic;
}

.bouton{
    margin-left:5px;
}

.label_newsletter {
    width:100px;
}

.ul_rubrique{
    padding:0;
    list-style:none;
}

.ul_rubrique li{
    line-height:20px;
    
}

.ul_sous_rubrique li{
    list-style-image: url(../img/ballet/puce-carree.jpg);
}

.lien_rubrique{
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}

.lien_sous_rubrique{
    color:#FFF;
    text-decoration:none;
}

.lien_sous_rubrique:hover{
    text-decoration:underline;
}

.separation_rub{
    height:1px;
    margin-top:10px;
    margin-bottom:10px;
    border-top:1px solid #FFF;
}

#d_display{
    display:none;
}

.partenariat{
    font-size:10px;
}

div.lien_document {
	margin-top:10px !important; 
}

	div.lien_document a{
		text-decoration: underline !important; 
	}
	
div#ccn_bloc_gauche{
	float: left;
	width: 190px;
	margin-right: 6px;
}

	div#ccn_bloc_gauche img.img_css{
		width: 190px;
	}

div#detail_ccn{
	color: #000;
}

div.ccn_lien{
	background-color: #928C80;
    margin-top: 5px;
    padding: 5px 2px;
}

	div.ccn_lien, div.ccn_lien a, div.ccn_lien a:hover, div.ccn_lien a:visited{
		color: #fff;
	}
	
div.ccn_texte{
	color: #000;
	margin:5px 2px;
}
	
div#ccn_bloc_droite{
	float: left;
	width: 440px;
}
	
div.clear{
	border:0 none;
	clear:both;
	float:none;
	font-size:1px;
	height:0;
	line-height:1px;
	margin:0;
	padding:0;
	visibility:hidden;
}