* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
background:#310305 url(img/site_fond.jpg) no-repeat center top;
text-align:justify;
font:100%/1.3 Arial, Verdana, sans-serif; }

a { color:#c9af6d; }
a:hover { text-decoration:none; }

/***** Page d'accueil *****/

div#conteneur_centre.page_accueil {
min-height:400px;
position:relative;
top:-70px; }

ul#choix_rubrique {
position:relative;
width:100%;
min-height:640px; }

ul#choix_rubrique li {
position:absolute;
top:0;
height:483px; }

ul#choix_rubrique li.ecole .img_ecole {
  position:absolute;
  top:410px;
  left:4px;
  }

ul#choix_rubrique li.ecole .img_ecole a {
   display:block;
   background:url(img/img_ecole.jpg) no-repeat;
   width:300px;
   height:300px;
   }

ul#choix_rubrique li.ecole .img_ecole a:hover {
   background:url(img/img_ecole_hover.jpg) no-repeat;
   }
   
ul#choix_rubrique li.troupe .img_trouple {
  position:absolute;
  top:410px;
  left:4px;
  }

ul#choix_rubrique li.troupe .img_trouple a {
   display:block;
   background:url(img/img_trouple.jpg) no-repeat;
   width:300px;
   height:300px;
   }

ul#choix_rubrique li.troupe .img_trouple a:hover {
   background:url(img/img_trouple_hover.jpg) no-repeat;
   }

ul#choix_rubrique li.ecole a, ul#choix_rubrique li.troupe a {
text-transform:uppercase;
color:#330000;
font-size:300%;
text-decoration:none;
font-family:Tahoma, Arial, sans-serif;
display:block;
width:306px;
height:77px;
line-height:77px;
text-align:center;
position:absolute;
bottom:120px; }

ul#choix_rubrique li a:hover {
color:#ddb383; }

ul#choix_rubrique li.ecole {
left:20px;
background:transparent url(img/bouton_ecole_2.png) no-repeat;
width:306px;
/*width:371px;*/ }

ul#choix_rubrique .txt1 {
font-size:90%;
line-height:1.2;
text-align:left;
left:330px;
top:100px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#c4af6d;
width:240px; }

span#lien_ancien_site a {
color:#c4af6d; }

span#lien_ancien_site a:hover {
text-decoration:none; }

cite#ref {
font-size:90%;
display:block;
padding-bottom:10px;
font-weight:bold;
font-style:normal; }

ul#choix_rubrique .lotfi:hover
{
width:50px;
height:15px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
ul#choix_rubrique li.troupe {
right:30px;
background:transparent url(img/bouton_troupe_2.png) no-repeat;
width:306px;
/*width:379px;*/ }

ul#choix_rubrique li.ecole a {
left:0; }

ul#choix_rubrique li.troupe a {
left:0; }

/***** Flash & Déco *****/

div#menu_flash {
position:absolute;
top:0px;
left:0px;
width:875px;
height:18px;
/*background:transparent url(img/menu_flash.png) no-repeat; */}


ul#menu2 {
      list-style: none;
      margin: 0;
      padding: 0;
	  width:910px;
    }
    ul#menu2 li {
      float: left;
    }
	
ul#menu2 li a {
   position:absolute;
   top:0px;
   left:0px;
   cursor:pointer;
   }

ul#menu2 .accuiel {
   width:89px;
   }
/*********menu*********/   
ul#menu2 .la_troupe {
   width:121px;

   }
   
.links { list-style-type:none; padding:0;  width:97px; }
ul#menu2 .links li {  float:none;  text-align:center;  font-size:14px; border:0;    font-family:Arial, Helvetica, sans-serif; font-weight:bold; position: relative; border-bottom:1px solid  #fff; background:#b47a37; width:200px; padding-top:10px; }
ul#menu2 .links li a { color:#fff; position:relative;  text-decoration:none; font-weight: bold; text-transform:uppercase; }
ul#menu2 .links li a:HOVER {  color: #fff; text-decoration:underline;   }  
  

/*******/
   
   
   
   
   
   
   
  /*****/ 
   
ul#menu2 .lecole {
   width:115px;
   }
   
 .link_ecole{ list-style-type:none; padding:0;  width:67px; }
ul#menu2 .link_ecole li {  float:none;  text-align:center;  font-size:14px; border:0;    font-family:Arial, Helvetica, sans-serif; font-weight:bold; position: relative; border-bottom:1px solid  #fff; background:#b47a37; width:200px; padding-top:10px;}
ul#menu2 .link_ecole li a { color:#fff; position:relative;  text-decoration:none; font-weight: bold; text-transform:uppercase; }
ul#menu2 .link_ecole li a:HOVER {  color: #fff; text-decoration:underline;   }  
  
   
  
   
   
   
   
   /****/


ul#menu2 .vide{
   width:250px;
   }
   
ul#menu2 .cours {
   width:104px;
   
   }
   
ul#menu2 .contact {
   width:108px;
   }
   
ul#menu2 .evenement {
   width:122px;
   }

div#diapo_flash {
position:absolute;
bottom:98px;
right:90px;
z-index:1;
width:300px;
height:300px;
/*background:transparent url(img/diapo_flash.png) no-repeat;*/ }

div#logo_fond {
position:absolute;
top:0;
left:320px;
z-index:2;
width:256px;
height:223px;
/*background:transparent url(img/logo_fond.png) no-repeat; */}

div#diapo {
position:relative;
top:-50px;
right:-40px;
width:544px;
height:676px; }

div#diapo_fond {
position:absolute;
top:1px;
left:0;
z-index:2;
width:544px;
height:676px;
background:transparent url(img/diapo_fond.png) no-repeat; }

div#visuel_pied {
position:absolute;
top:-100px;
right:0;
width:497px;
height:169px;
background:transparent url(img/visuel_bas.png) no-repeat; }

#liste_troupe {
position:absolute;
bottom:0px;
left:0px;
}

/***** Stylage contenu *****/

h1, .invis {
position:absolute;
top:-9999px; }

div#titre h2 {
position:absolute;
top:8px;
right:25px;
text-indent:-9999px;
height:23px; }

div#titre h2.accueil {
width:80px;
background:transparent url(img/h2_accueil.png) no-repeat; }

div#titre h2.cours {
width:194px;
background:transparent url(img/h2_cours.png) no-repeat; }

div#titre h2.partenaires {
width:124px;
background:transparent url(img/h2_partenaires.png) no-repeat; }

div#titre h2.ecole {
width:60px;
background:transparent url(img/h2_ecole.png) no-repeat; }

div#titre h2.plan {
width:50px;
background:transparent url(img/h2_plan.png) no-repeat; }

div#titre h2.troupe {
width:101px;
background:transparent url(img/h2_troupe.png) no-repeat; }

div#titre h2.contact {
width:80px;
background:transparent url(img/h2_contact.png) no-repeat; }


div#titre h2.even_video {
width:311px;
height:18px;
background:transparent url(img/h2_even_video.png) no-repeat; }

div#contenu p {
margin-bottom:10px; }

div#contenu h3 {
padding:5px;
text-transform:uppercase;
font-size:14px;
}

div#contenu h4 {
margin-left :10px;
padding:5px;
}

div#contenu .horaires table   {
width:100%;
}


div#contenu .horaires table  td  {
width:150px;
text-align:center;
border: 1px solid #8e8d8d;

}

div#contenu table  .haut  {
font-size:14px;
color: #fff;

}

#marqueecontainer{
	position: relative;
	width: 389px; /*marquee width */
	height: 110px;
	overflow: hidden;
}




#vmarquee {
	position: absolute;
	width: 389px;
 }
 
#adres_tel {
   text-align:center;
   margin-bottom:10px;
   }
   
 
#adres_tel dt,  #adres_tel dd {
   display:inline;
   }
   
#liste_video li {
   border:#dccb8d solid 2px;
   padding:10px 10px 15px 7px;
   margin: 0 10px 15px 0;
   text-align:center;
   width:180px;
   float:left;
   height:160px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   }
   
#liste_video li dl dt a{
   color:#FFFFFF;
   letter-spacing:3px;
   }
   
#liste_video li dl .border_img img{
   border:#ffffff 2px solid;
   margin:7px 0 0 ;
   }


/***** Layout *****/

html, body {
height:100%; }

.center_design {
position:relative;
width:910px;
margin:0 auto; }

div#global {
position:relative;
min-height:100%; }

div#entete {
height:223px;
position:relative;
z-index:8; }

div#colonne_gauche {
position:relative;
z-index:2;
width:450px;
padding-bottom:90px;
min-height:630px; }

div#conteneur_centre {
padding-bottom:150px; }

div#colonne_droite {
width:544px;
position:absolute;
top:0;
right:0;
z-index:1; }

#liste_partenaire {
  overflow:hidden;
  }

#liste_partenaire li {
   text-align:center;
   overflow:hidden;
   width:150px;
   float:left;
   border:#dccb8d solid 2px;
   padding:5px;
   margin:0 10px 10px 0;
   min-height:210px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   }
#liste_partenaire li dl dt   {
   font-weight:bold;
   font-size:14px;
   letter-spacing:1px;
   color:#FFFFFF;
   padding-bottom:5px;
   }
   
#liste_partenaire  li dl dd {
   padding:3px 0;
   }
   
#liste_partenaire  li dl .border_img {
   height:100px;
   }

#liste_even li {
   list-style:none;
   border:#FFFFFF  dotted 1px;
   margin-bottom:10px;
   padding:10px;
   }
   
   
#liste_even .titre { 
   color:#FFFFFF;
   font-size:14px;
   letter-spacing:2px;
   }
   
div#contenu .titre { 
   color:#FFFFFF;
   font-size:14px;
   letter-spacing:2px;
   margin-bottom:10px;
   border-bottom:#CCCCCC dotted 1px;
   }
   
div#contenu .description { 
   font-size:11px;
   }
   
div#contenu .bord_img img{ 
   border:#FFFFFF solid 3px;

   }
.img_b {
  overflow:hidden;
  margin-bottom:15px;
  }
div#contenu {
padding-top:10px;
width:450px;
font-size:80%;
color:#c9af6d; }

div#pied {
background: url(img/bg_pied_repeat.png) repeat-x #70001a;
width:100%;
position:absolute;
bottom:0;
left:0; }

/***** #entete *****/

div#menu {
width:910px;
height:53px;
/*background:transparent url(img/menu_fond.png) no-repeat;*/
position:absolute;
top:100px;
left:0;
z-index:1; }

/***** #colonne_gauche *****/

div#actualites {
position:relative;
width:449px;
height:165px;
background:transparent url(img/actualites_fond.png) no-repeat; }

div#presentation_actualites {
position:absolute;
top:29px;
left:17px;
font-size:75%;
color:#c9af6d;
overflow:auto;
width:389px; /*409*/
height:110px; /*120*/
padding:5px 10px; }

div#presentation_actualites dl {
padding-bottom:10px; }

div#presentation_actualites dl dt {
font-weight:bold; }

div#presentation_actualites dl dd {
display:inline; }

div#titre {
position:relative;
margin-top:10px;
width:430px;
height:39px;
background:transparent url(img/titre_fond.png) no-repeat; }

/***** #pied *****/

div#pied ul {
position:relative;
z-index:2;
padding-top:20px;
width:450px;
color:#8e8d8d;
height:100px;
text-align:center;
font-size:70%; }

div#pied.accueil ul {
position:relative;
z-index:2;
padding-top:20px;
width:100%;
color:#8e8d8d;
text-align:center;
font-size:70%; }

div#pied ul li {
display:inline; }

div#pied ul li.imnalys {
font-weight:bold;
display:block;
padding-top:10px; }

div#pied ul li a {
margin:0 1px;
color:#d08193;
text-decoration:none; }

div#pied ul li a:hover {
color:#fff;}
div#contenu .image1 {
 float:right;
 padding-left:10px;
 } 
div#contenu .champion {
margin-left:10px;
margin-bottom:10px;
 
}
div#contenu .champion li{
 list-style:circle;
 padding-top:5px;
 
}
div#contenu .img {
 text-align:center;
 }
div#contenu  .img_b li{
 list-style:none;
 float:left;
 padding-left:4px;

}
div#contenu  .img_b  img{
 padding-left:2px;
 width:140px;
 border:1px solid #fff;}