/* =IE Warning
----------------------------------------------------------------------*/

#warning

{
	background: #ffffe1;
	border-bottom: 1px solid #000;
	color: #000;
}

#warning a
{
	color: #33f;
}

#warning a:hover
{
	text-decoration: underline;
}

#warning p
{
	color: #000;
	font: 11px/21px Tahoma, sans-serif;
	margin: 0;
	padding: 0 0 0 5px;
}

#warning strong
{
	color: #f33;
}


/*
Remarquesmargin-left:254px;
*/
*
{
	/*border: 0;*/
	margin: 0;
	padding: 0;
}


/*body						
{
width: 760px;  


background-image: url("images/brix1024.jpg");
 background-position:50% 100%;
background-repeat: no-repeat;
 background-attachment: fixed;


 }   */
 
 
#en_tete       /* L'en-tête  la CLE DES CHAMPS*/
{
        position: absolute;
        left: 50%;
        margin-left: -380px;
		float : left;	
width: 750px;
height: 90px;	
background-image: url("images/titrelacledeschamps.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
#corps   /* Le corps de la page,....... l'ensemble de la page en dessous de la clé des champs */
{
position: absolute;
left: 50%;
margin-left: -380px;
float : left;		 
width: 760px;
font-size: 11px;	
margin-top: 105px;	
background-color:#ffc1c8;	
} 
.optimisé
{
margin-top:630px;
font-size: 11px;
background-color:  #ffffff;
}
#textsousimage     /*Nouveau bloc sous les trois images........ */
{
float : left;
text-indent: 30px;
padding: 40px;
text-align: center;
font-family:Georgia,Courier New, Arial,Trebuchet," MSComic Sans MS","Arial Black", "Times New Roman",Verdana,Impact,Times,serif;
text-align: justify;
}
#corps_indexaccueil   /* Là c IMPORTANT pour l'accueil : c la  hauteur la largeur la couleur du fond et toute l'écriture est ICI  ! */
{

	position: absolute;
        left: 50%;
        margin-left: -380px;
		
float : left;
height: 680px;
width: 750px;
 margin-top: 105px;
font-family:Georgia,Courier New, Arial,Trebuchet," MSComic Sans MS","Arial Black", "Times New Roman",Verdana,Impact,Times,serif;
border-top: 0px solid ;
border-left: 0px solid ;
border-right: 0px solid ;
border-bottom: 0px solid ;
border-color: #e8954f;
background-image: url("images/fondaccueiltrans.gif");

} 
#corps_textestructure    /* Là c IMPORTANT pur l'accueil : c la  hauteur la largeur la couleur du fond et toute l'écriture est ICI  ! */
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-bottom: 18px solid ;
border-color: #bffab2;
/*height: 4800px;		  */
width: 625px;
background-color:#bffab2;
} 
#corps_textedanse /* Là c IMPORTANT pour danse : c la  hauteur la largeur la couleur du fond et toute l'écriture est ICI  ! */
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;

border-color: #ffc1c8;
/*height: 2190px;		  */
width: 625px;
background-color:#ffc1c8;
}

#corps_textelesdanses /* Là c IMPORTANT pour lesdanses : c la  hauteur la largeur la couleur du fond et toute l'écriture est ICI  ! */
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;

border-color: #e8954f;
/*height: 945px;		  */
width: 625px;
background-color: #ffc1c8;
}
#corps_textephotodanse
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;

border-color: #e8954f;
	  
width: 625px;
background-color: #ffc1c8;
}
#corps_textedansehistorique
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;	  
width: 625px;
background-color:#ffc1c8;
}
#corps_texteforum
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;

border-color: #e8954f;
/* height: 835px;		  */
width: 625px;
background-color:#ffc1c8;
}
.titre_ladanseabrix
 {
width: 500px;
height: 49px;	
background-image: url("images/titredansesociete.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_historiquedeladanse
 {
width: 500px;
height: 50px;	
background-image: url("images/titrehistoriquedanse.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_lesphotosdeladanse
 {
width: 500px;
height: 50px;	
background-image: url("images/titrelesphotosdeladanse.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_leforum
 {
width: 500px;
height: 50px;	
background-image: url("images/titreactualite.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_bacasable
 {
width: 500px;
height: 50px;	
background-image: url("images/titrebacasable.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_lesdanses
 {
width: 500px;
height: 50px;	
background-image: url("images/titrelesdanses.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_structure
 {
width: 500px;
height: 50px;	
background-image: url("images/titrestructure.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_letheatre
 {
width: 500px;
height: 50px;	
background-image: url("images/titretheatre.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_lelabophoto
 {
width: 500px;
height: 50px;	
background-image: url("images/.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.titre_
 {
width: 500px;
height: 50px;	
background-image: url("images/.jpg");	
border: 5px solid ;
border-color: #e8954f;
}
.lemotdupresident  /* Là c un sous titre dans danse et accueil en vert  a utiliser pour d'autres sous titressss! */
 { 
color:#39541f;
font-size:15pt;
font-family:Georgia,Courier New, Arial,Trebuchet," MSComic Sans MS","Arial Black", "Times New Roman",Verdana,Impact,Times,serif;
text-align: left;
margin-top:20px;
} 
 
h1MEMOIREaaaaaaaaaaaaaaaaaaaaaaaa   /* ca c a revoir un ùmax    LA CLE DES CHAMPS*/
{
color: #224702; /* Les paragraphes seront verts */
text-align: center;/* Pour centrer le texte ou titre */
text-align: left;
text-align: right;
text-align: justify;
margin-top:50px;
margin-left:100px; 
font-size: 1.3em; /* La taille de 1.3em fois me semble pas mal   utiliser 1em pour la taille des lettres exemple  1.3em;   donc font-size: 1.3em;   */
text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */ 
font-style: italic; /*  en italique ! */
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
font-weight: bold;/*  texte en gras ! */
font-style:normal;/*  texte normal ! */
font-variant: small-caps;/*  texte petites captales ! */
text-decoration:underline;/*  texte souligne ! */ 
text-decoration: line-through;/*  texte barré ! */
text-decoration: overline;/*  ligne au dessus ! */
text-align: justify;
clear:both; 
background-repeat: no-repeat;
/* p>       La propriété CSS   <em>  text-transform    </em>    permet de décorer un peu son texte :<br /> ! */

/* Les 4 css ci-dessous pour fixer une iomage sur le fond */
background-image: url("../images/skieur.gif"); /* Le fond est l'image "skieur.gif" */
   background-repeat: no-repeat; /* Le fond ne se répète pas */
   background-position: top right; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
   }

.soustitredansefondrose    /* Là c pour la danse les sous titres avec fond rose plus foncé  ! */
{
font-family:  "Times New Roman", Times, serif; 
background-color: #ff8aa5;
   color: #6c3a46;
   text-align: left;
}
.fondtitreaccueil   /* MENU ACCUEIL Là c pour l'accueil  les sous titres avec fond vert pale #d4cdd4 ! */
{
font-family:  "Times New Roman", Times, serif; 
background-color: #66b548;
   color: black;
   text-align: left;
}

.fondlessections    /* Là c pour l'accueil  les SOUS sous titres  avec fond vert clair  ! */
{
font-family:  "Times New Roman", Times, serif; 
background-color: #aef57c;
   color: black;
   text-align: left;
}

strong    /* Là c pour clignotantl'accueil  les SOUS sous titres  avec fond vert clair  ! */
{
color: Blue;
text-decoration: blink;
}
#imagehautducorpstexteaccueilenleveeeeeeee
{

}   
#image_gaucheaccueilenleveeeeeeeeee
{

}
#image_centreaccueilenleveeeeeeeeeee
{

}
#image_droiteaccueilenleveeeeeeeeee
{

}
#plansalle
{
float : left;
width: 627px;
height: 411px;

background-image: url("images/brixici.jpg");
}
#image_gauchehistorique
{
float : left;
width: 209px;
height: 170px;
margin-top: 0px;
margin-left: 0px;
background-image: url("petitephoto/acordeonhisto.jpg");
}
#image_centrehistorique
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
background-image: url("petitephoto/catjacregardhisto.jpg");
}
#image_droitehistorique
{
float : right;
width: 208px;
height: 170px;
margin-top: 0px;
margin-right: 0px;
background-image: url("petitephoto/agonsymbaleshisto.jpg");
}

#image_gauchephotodanse
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
margin-left: 0px;
background-image: url("petitephoto/catjacorchestrelesdanses.jpg");
background-repeat: no-repeat;
}
#image_centrephotodanse
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
background-image: url("petitephoto/jaccatbras1photo.jpg");
}
#image_droitephotodanse
{
float : right;
width: 208px;
height: 170px;
margin-top: 0px;
margin-right: 0px;
background-image: url("petitephoto/jaccatbras2photo.jpg");
}
#image_gauchelogodanse
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
margin-left: 0px;
background-image: url("petitephoto/logodanse208.jpg");
border-bottom: 0px solid ;
border-color: #e8954f;
background-repeat: no-repeat;
}
#image_centrelogodanse
{
float : left;
width: 209px;
height: 170px;
margin-top: 0px;
background-image: url("petitephoto/logodanse208.jpg");
border-bottom: 0px solid ;
border-color: #e8954f;
}
#image_droitelogodanse
{
float : right;
width: 208px;
height: 170px;
margin-top: 0px;
margin-right: 0px;
background-image: url("petitephoto/logodanse208.jpg");
border-bottom: 0px solid ;
border-color: #e8954f;
}
#image_gaucheactualite
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
margin-left: 0px;
background-image: url("petitephoto/projecteur.jpg");
background-repeat: no-repeat;
}
#image_centreactualite
{
float : left;
width: 209px;
height: 170px;
margin-top: 0px;
background-image: url("petitephoto/emilio.jpg");
}
#image_droiteactualite
{
float : right;
width: 208px;
height: 170px;
margin-top: 0px;
margin-right: 0px;
background-image: url("petitephoto/orgueagon.jpg");
}
#image_gauchedanse
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
margin-left: 0px;
background-image: url("petitephoto/catfleurdanse.jpg");
}


#image_centredanse
{
float : left;
width: 209px;
height: 170px;
margin-top: 0px;
background-image: url("petitephoto/catjacbrasdanse.jpg");
}

#image_droitedanse
{
float : right;
background-image: url("petitephoto/jacquesmicrodanse.jpg");
width: 208px;
height: 170px;
margin-top: 0px;
margin-right: 0px;
}
#image_gauchelesdanses
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
margin-left: 0px;
background-image: url("petitephoto/catjacorchestrelesdanses.jpg");
background-repeat: no-repeat;
}
#image_centrelesdanses
{
float : left;
width: 208px;
height: 170px;
margin-top: 0px;
background-image: url("petitephoto/orgue1lesdanses.jpg");

}
#image_droitelesdanses
{
float : right;
width: 208px;
height: 170px;
margin-top: 0px;
margin-right: 0px;
background-image: url("petitephoto/catavenel6lesdanses.jpg");
background-repeat: no-repeat;
}
#image_gauchetheatre
{
float : left;
width: 200px;
height: 130px;
background-image: url("theatre/masque.gif");
background-repeat: no-repeat;
}
#image_centretheatre
{
float:left;
}
#image_droitetheatre
{
float : right; 
width: 200px;
height: 180px;
background-image: url("theatre/acteur.gif");
background-repeat: no-repeat;
}
#image_gauchelabo
{
float : left;
width: 200px;
height: 180px;
background-image: url("labophoto/reflex3.gif");
background-repeat: no-repeat;
}
#image_droitelabo
{
float : right;
width: 200px;
height: 170px;
background-image: url("labophoto/reflex2.gif");
background-repeat: no-repeat;
}

#menu/* Les 4  menus à gauche */
{   
float : left; 
width: 120px;
border: 5px solid ;
border-color: #e8954f;
background-color:#e8954f;	
}
  .menulogo1 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("images/logo.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.caricaturejp 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("images/caricaturejp.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
/* Menu */
.element_menuext      /* couleur centrrage bordure  du menus des liens*/
{	
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;	
width: 110px;
height:180px;
background-color: #e8954f;
text-align: center;
font-size: 20px;
}
.telephone1
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;		
width: 110px;
height:110px;	
font-size: 15px;
text-align: center;
background-image: url("images/telepjjlphone22222222222.gif");
background-repeat: no-repeat;
background-color:#e8954f;
}
.h55555555555555555555555555555555555555
{
color: #224702; /* Les paragraphes seront verts */
text-align: center;/* Pour centrer le titre */
font-size: 50px; /* La taille de 70 pixels me semble pas mal */
}
#mail
{	
float : left;
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-top: 0px solid ;
border-color: #224702;
font-size: 15px;	
width: 110px;
height:110px;	
text-align: center;
color: black;
background-repeat: no-repeat;
background-color:#e8954f;
}
.catjacactualite 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("petitephoto/catjacactualite.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.logodanse 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("images/logodanse110.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.jppetite 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("images/jppetite.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.vimontcari
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("images/vimontcari.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.jpordi 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("petitephoto/jpordi.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.logoclaudine 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("petitephoto/logoclaudine.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.logojean 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("petitephoto/logojean.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.jean 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:105px;	
	background-image: url("petitephoto/jeanlogo.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.genevieve 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:110px;	
	background-image: url("petitephoto/genevieve.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.isabelle 
{
	float : left;	  
	margin-left: 0px;	
	width: 110px;
	height:110px;	
	background-image: url("petitephoto/isabelle.jpg");
  	border-bottom: 5px solid ;
	border-left: 5px solid ;
	border-right: 5px solid ;	
	border-color: #224702;
}
.phototango
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 11px;	
background-image: url("images/tangoanime.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
.photovalse
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;		
width: 110px;
height:110px;	
font-size: 15px;
background-image: url("images/valse2.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
.jupon
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;		
width: 110px;
height:110px;	
font-size: 15px;
background-image: url("images/jupon.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
.photorock1
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;		
width: 110px;
height:110px;	
font-size: 15px;
background-image: url("images/rock2.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
.photomeringue
{
float : left;
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;
background-image: url("images/meringue.gif");
background-repeat: no-repeat;
background-color:#ff8aa5;
}
.twist
{
float : left;
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;		
width: 110px;
height:110px;	
font-size: 15px;
background-image: url("images/twist.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
.rock3
{
float : left;
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;		
width: 110px;
height:110px;	
font-size: 15px;
background-image: url("images/rock3.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
.photochacha
{
float : left;
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #224702;		
width: 110px;
height:110px;	
font-size: 15px;
background-image: url("images/chacha.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
.menuspot1
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;	
background-image: url("theatre/spot1.gif");
background-repeat: no-repeat;
background-color: #eab1b7;
}
.logotheatre
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;	
background-image: url("theatre/logotheatre.jpg");
background-repeat: no-repeat;
background-color: #eab1b7;
}
.menuspot2
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;	
background-image: url("theatre/spot2.gif");
background-repeat: no-repeat;
background-color: #eab1b7;
}
.menuspot3
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;	
background-image: url("theatre/spot3.gif");
background-repeat: no-repeat;
background-color: #eab1b7;
}
.menuspot4
{
float : left; 
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;	
background-image: url("theatre/spot4.gif");
background-repeat: no-repeat;
background-color: #eab1b7;
}
/* Quelques effets sur le Menu */
.element_menu2 h2
{  
color: black;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: left;
}
.element_menu2 ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;   
text-align: left;
}
.element_menu2 a:hover
{
background-color: #B3B3B3;
color: black;
}
.accueilmenu
{
float : left;
height:130px;
width: 160px;	  
color: white;
border-left: 5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-top: 5px solid ;
border-color: #e8954f;	
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 20px; 
background-color:#2f9d30;
margin-top: 10px;
margin-left: 0px;
padding-left:25px;
padding-top:5px;
padding-bottom:15px;
text-align: left;

}
.accueilmenu ul
{
list-style-image: url("images/puce.png");
}
.accueilmenu a:hover
{
background-color: #B3B3B3;
color: black;
}
.corps_texteorganisationphoto
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 625px;
background-color: #ffffff;
}
.corps_textephotolabophoto
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 625px;
background-color: #29d4ff;
}
.corps_textelabophoto
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 618px;	
background-color: #29d4ff;
}
.corps_texteorganisationaaaaaaaaaaaaaa
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 3680px;		  
width: 625px;

background-color: #bffab2;
}
.corps_textetheatre
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 618px;
background-color: #8dffe3;
}
.corps_textehistoriqueclub
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 625px;
background-color: #bffab2;
}
.corps_textetheatrephoto
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 625px;
background-color:#7351ff;
}
.corps_textehistoriquelabo
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 625px;
background-color:#29d4ff;
}
.corps_textehistoriquetheatre
{
float: left;
border-top: 5px solid ;
border-right: 5px solid ;
border-color: #e8954f;
height: 2135px;		  
width: 625px;
background-color:#7351ff;
}
#lacle
{
float : left;
border-top: 5px solid ;
border-bottom: 5px solid ;
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 11px;	
background-image: url("images/cle.gif");
background-repeat: no-repeat;
background-color: #ff8aa5;
}
#lacleaccueil
{
float : left;
border-top: 5px solid ;
border-bottom: 5px solid ;
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;	
background-image: url("images/cle.gif");
background-repeat: no-repeat;
background-color: #66b548;

}
#lacletheatre
{
float : left;
border-top: 5px solid ;
border-bottom: 5px solid ;
border-left: 5px solid ;
border-right: 5px solid ;
border-color: #224702;	
width: 110px;
height:110px;	
font-size: 15px;	
background-image: url("images/cle.gif");
background-repeat: no-repeat;
background-color: #1b40ab;

}

#pied_depageAREFAIREEEEEEEEEEEEEEEEEEEE
{
        position: absolute;
        left: 50%;
        margin-left: -380px;
		float : left;	
text-align: center;
width: 750px;
height:50px;	
font-size: 11px;
border-left: 2.5px solid ;
border-right: 5px solid ;
border-bottom: 5px solid ;
border-color: #e8954f;
background-color: #ff8aa5;
border : 2px;
}



.news{
float : left;
	border-top: 2px solid #bba;
	border-bottom: 2px solid #bba;
	border-right: 1px solid #bba;
	border-left: 1px solid #bba;
border-color: #224702;	
width: 532px;
font-size: 11px;
background-repeat: no-repeat;
background-color: #fff;

	margin-top:10px;
	margin-left:5px;     
        	margin-bottom:25px;

}

.news_entete
{
      margin-top: 6px;
      height : 100px;
      border-bottom: 2px solid #bba;
}

.news_img
{
       float : left;
}

.news_titre
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: bold;
	color: #039;
	margin-left:5px;
	margin-right:5px;
	margin-top:2px;

}

.news_ecrit
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #5B5A5A;
	margin-left:5px;
	margin-right:5px;
	margin-top:2px;
}


.news_contenu
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #000000;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

.news_commentaire
{
}

.news_commentaire a{
    text-decoration: none;
}

.news_commentaire a:hover{
    color: #000;
    text-decoration: underline;
}

.news_commentaire a:visited{
}

.news_commentaire a:active{
}


/* info buuule*/
a.info
{
        text-decoration: none;
        color: #000000;
       /* border-bottom: 1px gray dotted;*/
}

a.info span
{
        display: none;
}

a.info img
{
        float:left;
      /*  width: 78px; */
        height: 130px;
        margin-left: 2px;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-right: 2px;

}

a.info:hover,a.info:focus,a.info:active
{
        background: none;
}

a.info:hover span,a.info:focus span,a.info:active span
{
        display: inline;
        position: absolute;
        z-index: 500;
        margin:2em 0 0 1em;
       /* background: #F6F4F4;*/
        text-align: left;
        color: #000;
        padding: 2px;
        border: 1px solid #bba;
}



.fond_info
{
 background-color: #FFEBFF;
}


.news_tableau{
border: 2px;
border-color: #f00;
}



.blocdescription_hidden {
		display: none;
}
.blocdescription {
}


/************** Bloc Commentaires *******************/
#bloccomment {}
.bloccomment_liste_hidden {
		display: none;
}
.bloccomment_liste {
}

#bloc_ajout_comment{}

.bloc_ajout_comment_hidden {
     display: none;
}
.bloc_ajout_comment {
     border: 1px #000 solid;
}



.comment_user {	position: relative;
	margin: 5px;
	border: 1px #CDCDCD solid;
	background-color: #ebffeb;
	color: #000;
	font-size: .9em;
	margin-bottom: 10px;
	width: 408px;
}

   .comment_user_titre {
        margin-left: 15px;
        line-height: 2.4em;

   }
      .comment_user_name {
          color: #0049b0;
          background-color: #f8f8f8;
          font-weight: bold;
          font-size: 1.2em;
      }
      .comment_user_date {
          color: #527ea0;
          background-color: #f8f8f8;
          font-size: 1.2em;

      }
      .comment_user_content {
          font-size: 1.2em;
          margin-left: 10px:
          margin-top: 3px;
          margin-bottom: 6px;
      }

#bloc_ajout_comment {
     border: 1px #000 solid;
}

.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}
#gestion input {
	height: 22px;
}
#loading {
text-indent: 0px;
text-align: left;
position: absolute;
z-index: 50;
width: 580px;
background-color: #ffc1c8;
height: 100%;
}
#textsousimagephoto     /*Nouveau bloc sous les trois images........ */
{
float : left;
padding: 40px;
text-align: center;
font-family:Georgia,Courier New, Arial,Trebuchet," MSComic Sans MS","Arial Black", "Times New Roman",Verdana,Impact,Times,serif;
text-align: justify;
}

.td,.th  {font-size:12px; background:#ffe;
 border:1px solid black; margin:0px; padding2px;}

td.mid {background:#faf5d7; border:0px;} 

/* style pour les bulles. Il faudra rajouter width et height */

.sbulle {
 position:absolute;
 visibility:hidden;
 background:#ffa;
 padding:4px;
 text-align:left;
 border:2px solid black;
}

.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}
#gestion input {
	height: 22px;
}

.fondtitrebleu {
	background-color: blue;
}