@charset "UTF-8";
/* CSS Document */
/* general */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}



body {
color:#4a4a4a; 
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
background-attachment:fixed;
background-color:#000237;
background-image:url(../images/background.jpg);
background-position:center top;
background-repeat:no-repeat;
}

ol, ul {
list-style:none outside none;
}

#global {
margin-left:auto;
margin-right:auto;
position:relative;
width:980px;
height:100%;
}

#header {
width:980px;
height: 130px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

#logo {
float:left;
position:relative;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:78px;
width:315px;
}

#menu {
float:right;
width:564px;
height:20px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:101px;
}

#top-content {
width:981px;
height:440px;
position:relative;
background-color:#ffffff;
}

#bottom-content {
width:981px;
height:380px;
position:relative;
background-color:#ffffff;
}

#edito {
float:left;
width:450px;
height:100%;
position:relative;
padding-top:20px;
padding-left:20px;
}

#video {
float:left;
width:470px;
height:100%;
position:relative;
padding-top:20px;
padding-left:20px;
}

#actualites {
float:left;
width:330px;
height:430px;
position:relative;
padding-top:20px;
}

#js-container, #js-container-2 {
float:left;
position:relative;
width:630px;
height:450px;
}

#actus_1 {
float:left;
width:330px;
margin: 0px 0px 10px 0px; 
}

#content {
float:left;
width:981px;
height:100%;
position:relative;
background-color:#ffffff;
}

#left-content {
float:left;
width:310px;
height:100%;
position:relative;
padding-top:20px;
padding-left:20px;
}

#right-content {
float:left;
width:610px;
height:100%;
position:relative;
padding-top:20px;
padding-left:20px;
}

#spectacles {
float:left;
width:285px;
height:100%;
position:relative;
margin:0 20px 0 0;
}

#intervenant {
float:left;
width:610px;
height:100%;
position:relative;
margin:0 20px 20px 0;
}

#photo {
float:left;
width:105px;
height:150px;
position:relative;
margin:0 20px 0 0;
}

#presentation {
float:left;
width:485px;
height:100%;
position:relative;
margin:0 0 0 0;
}

#download_wrap {
height:100%;
margin:0 auto 0px;
overflow:hidden;
width:610px;
text-align:center;
text-transform:uppercase;
}

#download_wrap_2 {
height:100%;
margin:0 auto 20px;
overflow:hidden;
width:285px;
text-align:center;
text-transform:uppercase;
}

.btn {
width:610px;
height:34px;
text-transform:uppercase;
text-align:center;
}

.big-btn li {
display:inline;
text-align:center;
}

.big_btn a {
      margin-top: 5px;
      float: left;
      background: transparent url(../images/btn.jpg) no-repeat 0 0;
      margin: 0 10px 0 0;
      text-decoration: none !important;
	  width:198px;
	  height:34px;
    }
	
	.big_btn a:hover {
      margin-top: 5px;
      float: left;
      background: transparent url(../images/btn.jpg) no-repeat 0px -34px;
      margin: 0 10px 0 0;
      text-decoration: none !important;
	  width:198px;
	  height:34px;
    }
      .big_btn a span {
        font-size:13px;
        padding: 0px 20px 3px 10px;
		color: #ffffff;
        float: left;
      }
      .big_btn a small {
        padding: 3px 0px 0px 10px;
        float: left;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 9px;
      }
	  
.btn_2 {
width:285px;
height:24px;
text-transform:uppercase;
text-align:center;
}

.small_btn li {
display:inline;
text-align:center;
}

.small_btn a {
      margin-top: 5px;
      float: left;
      background: transparent url(../images/btn_2.jpg) no-repeat 0 0;
      margin: 10px 10px 0 0;
      text-decoration: none !important;
	  width:127px;
	  height:24px;
    }
	.small_btn a:hover {
      margin-top: 5px;
      float: left;
      background: transparent url(../images/btn_2.jpg) no-repeat 0px -24px;
      margin: 10px 10px 0 0;
      text-decoration: none !important;
	  width:127px;
	  height:24px;
    }
    .small_btn a small {
        padding: 6px 0px 0px 10px;
        float: left;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 9px;
      }
	  
#page {
 	overflow: hidden;
	height:100%;
	width: 840px;
	height:620;
}
			
.texte li {
list-style:none outside none;
margin: 0px 0px 8px 30px;
}


#menu-gauche-ecole{
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/ecole_pro.jpg);
}

#menu-gauche-enfants{
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/ados-enfants.jpg);
}

#menu-gauche-amateur{
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/amateur.jpg);
}

#menu-gauche-intervenants{
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/intervenants.jpg);
}

#menu-gauche-stage-chant {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/stage-chant.jpg);
}

#menu-gauche-stage-clown {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/stage-clown.jpg);
}

#menu-gauche-stage-cinema {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/stage-cinema.jpg);
}

#menu-gauche-stage-danse {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/stage-danse.jpg);
}

#menu-gauche-stage-theatre {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/stage-theatre.jpg);
}

#menu-gauche-compagnie {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/compagnie.jpg);
}

#menu-gauche-spectacles-ecole {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/spectacles-ecole.jpg);
}

#menu-gauche-spectacles-cie {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/spectacles-cie.jpg);
}

#menu-gauche-contact {
float:left;
width:310px;
height:240px;
position:relative;
padding: 0;
background:url(../images/contact.jpg);
}

.nav-sec a {
      margin-top: 5px;
      float: left;
      margin: 0px 0px 0px 10px;
	  display: list-item;
	  width:100%;
      text-decoration: none !important;	  
    }
      .nav-sec a span {
        font-size:13px;
		display: list-item;
        padding: 3px 0px 0px 0px;
		color: #ffffff;
        float: left;
        font-size: 16px;
		width:100%;

      }
      .nav-sec a small {
        display: list-item;
        padding: 3px 0px 0px 0px;
        float: left;
        color: #ffffff;
        font-size: 9px;
		width:100%;
		}
		 
	  .nav-sec a:hover small {
        display: list-item;
        padding: 3px 0px 0px 0px;
        float: left;
        color: #ffffff;
        font-size: 16px;
		width:100%;
		}


#infos{
float:left;
width:310px;
height:100%;
position:relative;
padding-top:20px;
}

#push{
float:left;
width:310px;
height:100%;
position:relative;
padding-top:20px;
}

#contenus{
float:left;
width:610px;
position:relative;
margin-bottom:20px;
}

#coordonnes{
float:left;
width:193px;
position:relative;
margin-bottom:20px;
margin-right:10px;
}

#map{
float:left;
width:610px;
position:relative;
margin-bottom:20px;
}




.lien {float:right}

#space{ 
float:left;
background-color:#b7b7b7;
width:100%;
height:1px;
}

#space-footer { 
float:left;
background:url(../images/space-footer.jpg) no-repeat;
width:940px;
height:19px;
}

#footer {
float:left;
width:940px;
height:100%;
padding-top:10px;
margin-left:20px;
margin-bottom:20px;
}

#footer-menu {
text-align:right;
width:940px;
font-size: 12px;
padding-top:5px;
padding-bottom:5px;
}

#footer_1 {
float:left;
width:180px;
height:100%;
padding-top:10px;
padding-right:10px;
font-size: 10px; 
font-family: Arial, Helvetica, sans-serif;
}

#boutons {
float:left;
width:893px;
height:145px;
padding-top:8px;
margin-left:100px;
}

.bouton {width:254px; height:145px; margin-right:8px; margin-left:8px; float:left;}

/* texte */
 
h1{
margin: 0px 0px 0px 0px; 
padding: 0; 
color:#000339;
font-size:20px;
font-variant:small-caps;
}

h2{
margin: 10px 0px 0px 0px; 
padding: 0; 
color:#006;
font-size:16px;
font-variant:small-caps;
}




 /* liens */
 
a:link { color: #006; text-decoration: none; font-size: 12px;}
a:visited { color: #006; text-decoration: none; font-size: 12px; }
a:hover { color: #006; text-decoration: underline; font-size: 12px; }
a:active { color:  #006; text-decoration: underline; font-size: 12px; }

a.footer_lien:link { color: #c3c3c3; text-decoration: none; font-size: 10px;}
a.footer_lien:visited { color: #c3c3c3; text-decoration: none; font-size: 10px; }
a.footer_lien:hover { color: #c3c3c3; text-decoration: underline; font-size: 10px; }
a.footer_lien:active { color: #c3c3c3; text-decoration: underline; font-size: 10px; }