/*------------------------------------------------------------------------------
                            STRUCTURE DU SITE
------------------------------------------------------------------------------*/
* {
    margin:0px; padding:0px; border:0; outline: none;
}
html, body {height:100%; background-color:#000000; }
body {

	font-family: Arial, helvetica, sans-serif;
	font-size:13px;
	background:url('images/bg_body.jpg');
	color:white;
	margin:0px; padding:0px; 
}

#conteneur {background:url('images/bg_conteneur.jpg') repeat-x; height:601px; }
#cadre { width:930px; height:615px; margin-left:auto; margin-right:auto; background:url('images/cadre.png') no-repeat;

behavior: url(iepngfix.htc);
/*
    -background: none; 
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/cadre.png');*/

}
a   {text-decoration:none; }
}

a, a:active, a:focus{
   outline:none;
}
ul li {margin:0px 0px 5px 0px;}
img {border:0; behavior: url(iepngfix.htc);}

/*Formatage des balises h1, h2, h3, h4, h5, h6*/
    H1 {font-size: 29px; }
    H2 {font-size: 24px; }
    H3 {font-size: 19px; }
    H4 {font-size: 15px; }
    H5 {font-size: 13px; }
    H6 {font-size: 9px; } 
    
/*Couleurs prédéfinies*/
    .bleu {color:blue; }
    .rouge {color:red; }
    .jaune {color:yellow; }
    .orange {color:orange; }
    .vert {color:green; }
    .noir {color:black; }
    .blanc {color:white; }
    
    
/*Centrage prédéfini*/
    .centrer {display:block; text-align:center;}
    .droite {display:block; text-align:right;}


/*----------------------------------------------------
		Informations Webmaster Existenceweb
-----------------------------------------------------*/
#webmaster {position:absolute; width:410px; right:20%; z-index:10000; color:#fff; text-align:center;}

#contenu_webmaster {position:relative; background:url('images/contenu_webmaster.png') no-repeat; width:410px; height:65px;}
	#contenu_webmaster p {margin:0 auto; padding-top:15px; width:380px;}
	#contenu_webmaster a {color:#5098ED; line-height:20px;}
#onglet_webmaster {background:url('images/onglet_webmaster.png') no-repeat; width:410px; height:25px; line-height:22px; cursor:pointer;}

/*-----------------------------------------------------
							Index
-----------------------------------------------------*/
#logo_index {display:block; margin:0px auto 0px auto; padding-top:80px; width:657px; height:359px; }
	#entree {background:url('images/entree.jpg') no-repeat; width:125px; height:59px; margin:30px auto 0px auto; }
	    #etoiles {margin:-500px 0 0 0;}
	    
#lecteur_audio {opacity : 0; filter : alpha(opacity=0); display:none;}
/*-----------------------------------------------------
							Menu
-----------------------------------------------------*/
#menu_haut {width:100%; height:130px; }
	#onglet_admin {
	position:absolute; left:750px;
	width:211px; height:25px;
	background:url('images/onglet_admin.png') no-repeat;
	text-align:center; line-height:25px;
	}
		#onglet_admin a {color:#d8d8d8;}
		
    #logo {width:296px; height:126px; float:left; margin-left:20px; }
    #menu_haut_liens {width:510px; height:auto; float:left; padding-top:50px; margin-left:40px; }
        #accueil {background:url('images/accueil.jpg') no-repeat; width:101px; height:42px; float:left; }
        #galerie {background:url('images/galerie.jpg') no-repeat; width:101px; height:42px; float:left; }
        #spectacle {background:url('images/spectacle.jpg') no-repeat; width:101px; height:42px; float:left; }
        #liens {background:url('images/liens.jpg') no-repeat; width:101px; height:42px; float:left; }
        #contact {background:url('images/contact.jpg') no-repeat; width:101px; height:42px; float:left; }
        
/*-----------------------------------------------------
							Accueil, Galerie, Liens, Contact
-----------------------------------------------------*/
#medias {width:880px; height:210px; margin:10px 0px 0px 15px;  border:solid 1px rgb(192,192,192); clear:left; }

#actualites {
width:600px; height:220px;
margin:10px 0px 0px 15px; -margin:10px 0px 0px 7px;
border:solid 1px rgb(192,192,192); float:left;
}
#actualites h4, #actualites p, #actualites ul{
	padding:3px 10px;
}

#contenu_actualites{overflow:auto; width:595px; height:195px; margin-top:-15px; }

      .articles_presse {
      	display:block;
      	width:150px;
		float:left;
      	margin:0 15px 10px 15px;
      }

      * html #actualites img { margin:0 15px 10px 7px;}

      #actualites ul {list-style-position:inside; display:block; width:500px;}
      
#boutons{padding:5px; height:15px; width:500px;}

#boutons a{
float:left;
margin:0 20px 0 5px;
background:url('images/boutons_actualites.gif') no-repeat;
width:130px; height:18px;

color:#ffccff;
text-align:center;
font-size:12px;
line-height:17px;

cursor:pointer; 
font-weight:bold;
display:block;
}
#boutons a:hover {color:#fff;}

#boutons img {position:absolute; margin:-5px 0 0 -40px;}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#boutons img {position:absolute; margin:-5px 0 0 -55px;}
}

      /*---------------------------------------------------------------------*/
      
      
#video {width:263px; height:220px; margin:10px 0px 0px 15px; padding-left:4px; border:solid 1px rgb(192,192,192); float:left; }
	.son {display:block; width:33px; height:44px; position:relative; left:270px; top:80px; /top:-130px; }
/*-----------------------------------------------------
							Accueil
-----------------------------------------------------*/
#dana_rev {float:left; width:141px; height:200px; margin:5px 0px 0px 45px; padding:0px;}
#texte_accueil {width:600px; margin:12px 0px 0px 220px; padding:10px; font-size:16px; }
/*-----------------------------------------------------
							Bloc Spectacle
-----------------------------------------------------*/
#bloc_spectacle {width:870px; margin:10px; padding:10px; border:solid 1px rgb(192,192,192); }
	#bloc_spectacle_gauche {width:425px; float:left; }
	#bloc_spectacle_droit {width:425px; float:left; margin-left:15px; }
		#bloc_spectacle h3, h4 {color:#e5398d;}
			#bloc_spectacle h4 {line-height:30px;}
				#bloc_spectacle ul {list-style-position:inside;}
					#bloc_spectacle hr {clear:left; visibility:hidden;}
					   #bloc_spectacle_droit ul li {margin:0px 0px 10px 0px;}
					
/*-----------------------------------------------------
                            Liens
-----------------------------------------------------*/
.bloc_liens { width:150px; height:150px; border:1px dotted #cfcfcf; margin:5px 5px; text-align:center; float:left; }

/*-----------------------------------------------------
                            FORMULAIRE CONTACT
-----------------------------------------------------*/

    #formulaire_contact { float:left; width:860px; height:160px; margin:0px 0px 0px 0px; padding:10px; }
	    #coordonnees {float:left; width:230px; padding:5px; text-align:center; background-color:#6e1c44; border:solid 1px gray; }
	    	#coordonnees img {margin:5px auto 0px auto; display:block; }
	    #form_gauche {float:left; width:230px; margin:10px 10px 0px 20px; }
	    #form_droit {float:left; width:350px; /width:365px; -width:365px; margin:10px 0px 0px 0px; }

label {float:left; display:block; width:60px; /width:50px; -width:50px; line-height:22px;}
    input { border:solid 1px gray; margin-bottom:5px; width:150px; padding:2px; background-color:#333333; color:white; font-style:bold;}

textarea {
width:234px; 
-width:230px; 
height:100px; 
border:solid 1px gray; 
margin-bottom:5px; padding:2px; clear:left; background-color:#333333; color:white; font-style:bold;
}

    #captcha {width:125px; margin-top:20px; float:left; }
    #cle {width:auto; float:left;}
      .texte_code {line-height:20px;}
    .submit {width:auto; margin-top:20px; padding:1px; display:block; float:left; font-style:bold;}

#conteneur_loading {width:100%; height:32px; margin-top:40px; text-align:center; }
    .loading {background:url(images/loading.gif) no-repeat center; width:100%; height:32px; }