/* body a remettre */


body{
	margin: 0; 

	padding: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;
	color:#FFFFFF;
	/*
	background-color:#000000;
	*/
	
	background:#080808 url(../image/image-fond/bord-degrade.png) top repeat-Y;
	/*	background: #000000 url(../image-fond/bord-degrade.gif) repeat-y top;
*/
}


a
{
   outline: none; 
}

/* infobulles */

#menu-haut-lien li#ecole a span.infobulle{
	display:none;
}

#menu-haut-lien li#ecole a:hover span.infobulle{
	z-index:500;
	display:block;
	position:absolute;
	width:100px;
	top:0px;
	left:0px;
	background:#FFFFFF;
	text-align:justify;
	color:#00000;
	padding:1em;
	
	font-size:smaller;
	border:0;
}


/* //////////////////////////////////////////////////////////////
IMAGE MORCELE QUI VARIE EN FONCTION DE LA PARTIE OU ON EST
........................................................... */


div#image-morcelee-droit-ecole_encours{
	
	width: 220px;

height: 120px;	
	background: #000000 url(../image/image-morcelee/contenu-article-droit_ecole.jpg) no-repeat top;
	
	


}

div#image-morcelee-droit-formation_encours{

	width: 220px;

height: 120px;	
	
	background: #000000 url(../image/image-morcelee/contenu-article-droit_forma.jpg) no-repeat top;

margin-top:5px;
}

div#image-morcelee-droit-eleve_encours{

		width: 220px;

height: 120px;	
	background: #000000 url(../image/image-morcelee/contenu-article-droit_eleve.jpg) no-repeat top;
	

	margin-top:5px;
}

div#image-morcelee-droit-discipline_encours{
	
	width: 220px;

height: 120px;	
	background: #000000 url(../image/image-morcelee/contenu-article-droit_disci.jpg) no-repeat top;
	/* background-position:95% 340px;  
*/

margin-top:5px;
}

div#image-morcelee-droit-spectacle_encours{
	
	width: 220px;

height: 120px;	
	
	background: #000000 url(../image/image-morcelee/contenu-article-droit_spect.jpg) no-repeat top;

margin-top:5px;
}

div#image-morcelee-droit-partenaire_encours{


	width: 220px;

height: 120px;	
	
	background: #000000 url(../image/image-morcelee/contenu-article-droit_parte.jpg) no-repeat top;

margin-top:5px;
}



div#conteneur-footer{

background: #000000 url(../image/fond-footer-poteaux.jpg) bottom no-repeat;

/* 
background-color:#CC6633;

	*/	
	width:955px;
	/* height:595px;
	*/
	position:absolute;
	left: 50%;
	/* */margin-left: -477.5px; 

}


div#conteneur-footer-plan{


width:955px;
	/* height:595px;
	*/
	position:absolute;
	left: 50%;
	/* */margin-left: -477.5px; 


}

/*
........................................................
FIN IMAGE DE FOND DU BODY SELON LA RUBRIQUE  Où l'ON EST
//////////////////////////////////////////////////////////////////////////////
*/

/*
body#page-footer{

	background: #000000 url(../image/fond-footer-poteaux.jpg) top no-repeat;


}
*/

a{
	text-decoration:none;
	color:#FF4242;
	
}
a:hover{
	 text-decoration:underline;
	/* color:#FF9900; */
	
}

div#conteneur{
/*
background-image:url(../image/ecole.jpg);
	*/	
	background-color:#000000;
	
	/*
background-color:#0000CC;
	*/	
	width:955px;
	/**/ height:595px;
	
	position:absolute;
	left: 50%;
	/* */margin-left: -477.5px; 
	
	 /*  margin-left: -500px;  */
	
	/*border-left: solid #272727 1px ;
	
	border-right: solid #272727 0.5px ;
	*/
	/*
	background: #000000 url("../image-fond/bord-degrade.gif") repeat-y top;
	
	background: transparent url('../image/bord-degrade.gif') top repeat-y;*/
}


	
div#bandeau-haut{
z-index:98;
margin-left:1px;
	width: 954px;
	height: 90px;
	
	/*
	background-color:#00CCFF;
	*/

	
	/**/ background-image:url(../image/bandeau-haut.jpg);
	
		
}

/* ________ CHAMPS RECHERCHE _________ */

#zone-recherche{
	/* position:absolute; */
	

	
	/* top:80px;
	left: 704px; */
	
	width: 150px;
	height: 20px;
	
	
	/* background-color:#FF0000; */
	/* padding-top: 3px; */

}

#champ-recherche
{
float:left;
	margin-left:14px;
	margin-top:38px;
	
	
	
	width: 100px;
	height: 13px;
	line-height: 10px;
	border: 1px;
	border-color:#666666;
	border-style:solid;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	/*
	margin-top: 5px;
	margin-left: 12px;
	*/
	/* background: transparent url('../image/fond-champ-recherche.gif') top left no-repeat; */
	/**/ background-color:#000000; 
	/* color: #FFFFFF; */
	/* padding-top: 2px;
	padding-left: 5px;
	*/
}

#validation-ok-recherche
{
	margin-top:33px;
	margin-left:2px;
	border: 0px;
	padding: 0;
	width: 26px;
	height: 28px;
	/* */background: transparent url('../image/bouton-rech-ok.gif') top left no-repeat; 
	cursor: pointer;
	
	background-color:#000000;
	
	font-weight:bold;
	
	
/*	float: left;

	float: right;
	margin-top: 5px;
	margin-right: 5px;
*/
}
#validation-ok-recherche:hover
{
background: transparent url('../image/bouton-rech-ok-on.gif') top left no-repeat; 

}

a#bouton-son{
position:absolute;

	padding:0;

	/* margin-left:40px;
	*/
	/**/ margin-left:0px; 
	margin-top:0px;
	display:block;
	width:31px;
	height:23px;
	top:60px;
	left:12px;
	
	/* IMAGE DU LOGO SON A REMETTRE MAIS PLACEMENT BIZARRE SUR IE  >> DEJA DEBUGGER */
	 /*	*/ background: transparent url('../image/bouton-son.gif') no-repeat; 
	 
/*background-color:#0099CC;*/
}
a#bouton-son span{
	visibility: hidden;
	padding:0;
}


a:hover#bouton-son{
/* IMAGE DU LOGO SON A REMETTRE MAIS PLACEMENT BIZARRE SUR IE  >> >> DEJA DEBUGGER  */
		/* */ background: transparent url('../image/bouton-son-on.gif') top left no-repeat; 
		

	text-decoration:none;
	
}


/* --------------- FIN RECHERCHE --------- */


/*
_______________________________________________________
DEBUT DU MENU HAUT PERMANENT
....................

*/

div#menu-haut{
z-index:98;
padding:0;
margin:0;
	width:955px;
	height: 20px;
	/* margin-bottom:0px;
	*/
	/**/ background-color:#000000;
	
	
	/* background-image:url(../image/menu-haut.jpg); */
}

/*div#conteneur-footer div#menu-haut{
 a remettre

bottom:10px;

	padding-bottom:10px;
	


}*/

ul#menu-haut-lien{
padding: 0 0 0 0 ; 

	width: 570px;
	height: 20px;
	margin-left:210px;
	margin-top:0px;
	/* */
	background: url(../image/menu-haut-double.gif);
	
}
ul#menu-haut-lien li {
	/* margin-left:0px;
	 */
	padding: 0 0 0 0 ;  
	list-style: none; 
	/* 	position: absolute; */
	float:left;
	top: 0;
}
ul#menu-haut-lien li, ul#menu-haut-lien a {height: 20px; display: block; z-index:10 ; text-decoration: none;}

li#accueil {left: 0px; width: 99px; text-decoration: none;}
li#ecole {left: 0px; width: 63px; text-decoration: none;}
li#formation {left: 0px; width: 73px; text-decoration: none;}
li#eleve {left: 0px; width: 68px; text-decoration: none;}
li#discipline {left: 0px; width: 75px; text-decoration: none;}
li#spectacle {left: 0px; width: 83px; text-decoration: none;}
li#partenaire {left: 0px; width: 109px; text-decoration: none;}

ul#menu-haut-lien li a span
{
	/**/ visibility: hidden; 
	/*text-decoration:none;*/
}

li#accueil a:hover {
   background: transparent url(../image/menu-haut-double.gif)
               0px -20px no-repeat;
}

li#ecole a:hover {
   background: transparent url(../image/menu-haut-double.gif)
               -99px -20px no-repeat;
}
li#formation a:hover {
   background: transparent url(../image/menu-haut-double.gif)
               -162px -20px no-repeat;
}
li#eleve a:hover {
   background: transparent url(../image/menu-haut-double.gif)
               -235px -20px no-repeat;
}
li#discipline a:hover {
   background: transparent url(../image/menu-haut-double.gif)
               -303px -20px no-repeat;
}
li#spectacle a:hover {
   background: transparent url(../image/menu-haut-double.gif)
               -378px -20px no-repeat;
}					
li#partenaire a:hover {
   background: transparent url(../image/menu-haut-double.gif)
               -461px -20px no-repeat;
}


/*
METTRE LE LIEN EN BLANC QUAND ON EST DANS LA RUBRIQUE CLIQUé
*/


li#accueil a#on {
   background: transparent url(../image/menu-haut-double.gif)
               0px -20px no-repeat;
}

li#ecole a#on{
 background: transparent url(../image/menu-haut-double.gif)
               -99px -20px no-repeat;
}
li#formation a#on{
   background: transparent url(../image/menu-haut-double.gif)
               -162px -20px no-repeat;
}
li#eleve a#on{
   background: transparent url(../image/menu-haut-double.gif)
               -235px -20px no-repeat;
}
li#discipline a#on{
   background: transparent url(../image/menu-haut-double.gif)
               -303px -20px no-repeat;
}
li#spectacle a#on{
   background: transparent url(../image/menu-haut-double.gif)
               -378px -20px no-repeat;
}					
li#partenaire a#on{
   background: transparent url(../image/menu-haut-double.gif)
               -461px -20px no-repeat;
}


/*
FIN DU MENU DU HAUT PERMANENT
_______________________________________________
*/


/* FIN DE ROLL OVER DUMENU PERMANENT HAUT */



/*
________________________________________________________________
CSS POUR LE SOMMAIRE
.....................
*/

div#focusAccueil-gaucheHaut{
	/**/ z-index:1; 
	position:relative;
	margin-left:130px;
	margin-top:30px;

	
	width:200px;
	height:460px;
	/*height:465px;
	 height:200px;
	*/
	background:none;
	/**/text-align:right;
	
	line-height:14px;
	
	
	
	/* background-image:url(../image/fond-accueil-2.jpg);
	
	
	background-color:#00CC66;
*/
}

div#focusAccueil-gaucheBas{

	z-index:98;
	position:relative;
	float:left;
	margin-left:25px;
	margin-top:-260px;

	
	width:200px;
	height:100px;
	/* height:200px;
	*/
	background:none;
	/**/text-align:right;
	
	line-height:14px;
	
	
	
	/* background-image:url(../image/fond-accueil-2.jpg);
		
	background-color:#CC6666;
	*/
}

div#focusAccueil-droite{

	z-index:1;
	position:relative;
	float:right;
	margin-right:12px;
	margin-top:-460px;

	
	width:200px;
	height:100px;
	/* height:200px;
	*/
	background:none;
	/**/text-align:left;
	line-height:14px;
	
	
	
	/* background-image:url(../image/fond-accueil-2.jpg);
	
	background-color:#33CC00;
	*/	
}

div#focusAccueil-haut-gauche img{
	
	top:0px;
	margin-top:0px;
	z-index:1;

}
div#focusAccueil-gaucheHaut a:hover{
text-decoration:none;

}
div#focusAccueil-gaucheBas a:hover{
text-decoration:none;

}

div#focusAccueil-droite a:hover{
text-decoration:none;

}

h4.soustitreAccueil-focus-orange{
	top:0px;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;

	font-size:13px;
	color:#FF9900;
	text-align:right;
	
	width:200px;
	/*
	background-color:#333333;
	*/
}
div#focusAccueil-droite h4.soustitreAccueil-focus-orange{
	top:0px;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;

	font-size:13px;
	color:#FF9900;
	text-align:left;
	
	width:200px;
	/*
	background-color:#333333;
	*/
}

p.descriptionAccueil-focus-blanc{
top:0px;
margin-top:0px;
font-size:11px;

}
a p.descriptionAccueil-focus-blanc{
color:#FFFFFF;
}

p.texteAccueil-focus-gris{
top:0px;
margin-top:0px;
padding:0;
color:#999999;
}

div#focusAccueil-droite a{

color:#999999;
}


p.noteAccueil-focus-orange{

top:0px;
margin-top:0px;
padding:0;

color:#FF9900;

}



div#accueil-centre-flash{
position:relative;

	z-index:0;
	width:955px;
	height:465px;
	
	margin-top:-490px;
	margin-bottom:0px;
	/*margin-top:-499px;
	 margin-top:-465px;
	*/
		 background-image:url(../image/fond-accueil-2.jpg);
	/*
	background-color:#00CC66;
	*/
	
	

	
}


/*

.....................
FIN CSS POUR LE SOMMAIRE
________________________________________________________________
*/


div#menu-gauche{
/* anciennement 
width:195px; */

	width: 185px;
	height:465px;
	float:left;
	margin-right: 10px;
	
	/*
	border-right:#151515 dotted;
	border-right-width:1px;
	*/
	/*
	background-color:#9999FF;
		*/
	/* background-image:url(../image/menu-gauche.jpg);
*/
}

div.rubriques{
	margin-top:30px;

}

/* 
PARTIE DROITE OU IL Y A L'IMAGE DE FOND EN TOTAL  
LES STYLES CSS QUI SUIVENT PERMETTENT DE CHANGER L'IMAGE DE FOND
EN FONCTION DE LA RUBRIQUE DE NIVEAU 1 
*/
 
div#contenu-droit{
	width: 745px;
	height:465px;
	
	float:left;

	background-image:url(../image/contenu-droit_eleve2.jpg);

}

div#contenu-droit-ecole{
	width: 745px;
	height:465px;
	float:left;
	background-image:url(../image/contenu-droit.jpg);
}

/* IMAGE DE FOND DES RUBRIQUE D'ACCUEIL DE NIVEAU 1 (ecole, eleve, forma...)
QUI CHANGE EN FONCTION DE LA RUBRIQUE Où L'ON SE TROUVE */

div#contenu-droit-ecole_encours{
	width: 745px;
	height:465px;
	float:left;
	background-image:url(../image/contenu-droit_ecole.jpg);
}

div#contenu-droit-formation_encours{
	width: 745px;
	height:465px;
	float:left;
	background-image:url(../image/contenu-droit_formation.jpg);
}
div#contenu-droit-eleve_encours{
	width: 745px;
	height:465px;
	float:left;
	background-image:url(../image/contenu-droit_eleve2.jpg);
}

div#contenu-droit-discipline_encours{
	width: 745px;
	height:465px;
	float:left;
	background-image:url(../image/contenu-droit_ecole2.jpg);
}

div#contenu-droit-spectacle_encours{
	width: 745px;
	height:465px;
	float:left;
	background-image:url(../image/contenu-droit_spectacle.jpg);
}

div#contenu-droit-partenaire_encours{
	width: 745px;
	height:465px;
	float:left;
	background-image:url(../image/contenu-droit_partenaire.jpg);
}





/* FIN DES CSS QUI PERMETTENT DE CHANGER L'IMAGE DE FOND
EN FONCTION DE LA RUBRIQUE DE NIVEAU 1 */



div#titre-rubrique{

/* */ float:left;



	width:345px;
	height:170px;
	/* background-color:#993300; */
	
	
	
}

img#img-titre-rubrique{
	margin-top:25px;
}

div#titre-rubrique img{
	margin-top:25px;
}

div#focus-droite{
margin-left:14px;
	float:left;
	position:relative;

	/* width: 400px; */
	width: 386px;
	height: 170px;
	
	/*
	 background-color:#339933; 
	 */
}
img#img-titre-focus{
	margin-top:25px;
	margin-left:156px;
}

div#focus-droite img.spip_logos{
	margin-top:25px;
	margin-left:156px;

}



/* image de focus */
img#img-titre-focus{
	border:none;
	
}


h4#soustitre-focus-orange{
	font-size:13px;
	color:#FF9900;
	
	width:200px;
	/* min-height:30px; */
	margin-left:167px;
	margin-top:3px;
	margin-bottom:8px;
	
	/* background-color:#0066FF;
	*/
}

div#focus-droite a:hover{
	text-decoration:none;
	color:#FF9900;
	/* cursor:auto; */
}
div#focus-droite a:hover h4#soustitre-focus-orange{
	/* color:#FFFFFF; */
}

p#texte-focus-gris{
	font-size:11px;
	color:#666666;
	
	width:200px;
	height:40px;
	margin-left:167px;
	/* */margin-top:0px;
	
	/*
	background-color:#00CCFF;
*/
}

p#texte-focus-gris strong.spip{
font-weight:normal;


}

div#focusAccueil-droite strong.spip{
font-weight:normal;


}



div#focus-droite a:hover p#texte-focus-gris{
	/* color:#FFFFFF; */
}


div#photo-centre{
	float:left;


	width:345px;
	height: 295px;
	
	/*
	background-color:#CCFF00;
	*/
}


div#texte-droite{
float:left;

	width:390px;
	height:295px;
	
	/*
		margin-top:14px;
	

	color:#FFFFFF;
	font-size:11px;
	*/
	
	/*background-image:url(../image/texte-accueilRub-ecole.jpg);
	 background-color:#FFCCFF;
*/
}
/*
*/
div#texte-droite p{

	padding:0;
	margin-left:14px;
	margin-top:20px;
	
	line-height:14px;

	color:#FFFFFF;
	font-size:11px;
}

p#texte-accueilRub-blanc{

	padding:0;
	margin-left:10px;
	margin-top:11px;
	
	line-height:14px;

	color:#FFFFFF;
	font-size:11px;
}

/*
--------------------------------------------------------------------------------------
------------------------------------------------------------------------------
DEBUT CONTENU DROIT DANS LES ARTICLES
................................
*/

div#contenuArticle-droit{
	padding:0px;
	/* ancienne largeur de la droite 
	
	width: 749px;*/
	width:760px;
	/* min-height:485px;
	  height:465px;  */
	
	position:relative;
	float:left;
	
	/*
	background-color:#CCCC00;
	*/
	/* background:url(../image/contenu-article-droit_defaut.jpg) no-repeat right ;*/
	/*
	background: #000000 url(../image/contenu-article-droit_defautGros.jpg) no-repeat fixed;
	*/
	/* background-attachement: fixed; */
	/* background-position:720px 250px; 
	*/
	/* ça marche pas sous ie6 donc obligé de faire une image avec une grosse protubérence noire à gauche
	background-position:80% 310px;*/
	margin-bottom:20px;
/*	background-color:#00FF33;
*/
}



/* --------------------------------------------
DEBUT DES CSS QUI PERMETTENT DE CHANGER L'IMAGE 
DE FOND EN MINIATURE EN BAS A DROITE
EN FONCTION DE LA RUBRIQUE DE NIVEAU 1 OU L'ON 
SE TROUVE (soit ecole, formation, disiplines....)
.............................
 */

div#contenuArticle-droit-ecole_encours{
	padding:0px;
	width: 745px;
	min-height:485px;
	position:relative;
	
	float:left;
	background: #000000 url(../image/contenu-article-droit_ecole3.jpg) no-repeat fixed top;
	
	/* ça marche pas sous ie6 donc obligé de faire une image avec une grosse protubérence noire à gauche */
	/* background-position:0;
	*/
	margin-bottom:20px;
}

div#contenuArticle-droit-formation_encours{
	padding:0px;
	width: 745px;
	min-height:485px;
	position:relative;
	
	float:left;
	
	background: #000000 url(../image/contenu-article-droit_formation2.jpg) no-repeat fixed;
	margin-bottom:20px;
	
	/* */
	background-position:80% 310px;
	
	/* background-color:#00FF33; */
}

div#contenuArticle-droit-eleve_encours{
	padding:0px;
	width: 745px;
	min-height:485px;
	position:relative;
	
	float:left;
	background: #000000 url(../image/contenu-article-droit_eleve.jpg) no-repeat fixed;
	margin-bottom:20px;
	background-position:80% 310px;
}

div#contenuArticle-droit-discipline_encours{
	padding:0px;
	width: 745px;
	min-height:485px;
	position:relative;
	float:left;
	background: #000000 url(../image/contenu-article-droit_discipline.jpg) no-repeat fixed;
	margin-bottom:20px;
	
		background-position:80% 310px;

}

div#contenuArticle-droit-spectacle_encours{
	padding:0px;
	width: 745px;
	min-height:485px;
	position:relative;
	float:left;
	background: #000000 url(../image/contenu-article-droit_spectacle.jpg) no-repeat fixed;
	margin-bottom:20px;
	
		background-position:80% 310px;

}

div#contenuArticle-droit-partenaire_encours{
	padding:0px;
	width: 745px;
	min-height:485px;
	position:relative;
	float:left;
	background: #000000 url(../image/contenu-article-droit_partenaire.jpg) no-repeat fixed;
	margin-bottom:20px;

		background-position:80% 310px;

}





/* ......................................
FIN DES CSS QUI PERMETTENT DE CHANGER L'IMAGE DE FOND 
EN MINIATURE EN BAS A DROITE
EN FONCTION DE LA RUBRIQUE DE NIVEAU 1 OU L'ON SE 
TROUVE (soit ecole, formation, disiplines....) 
_____________________________________________________
*/



div#fil-ariane {
	top:20px;
	margin-top:0px;
	padding:0px;
	margin-bottom:0px;
	
	position:relative;
	float:left;



	width:745px;
	height:50px;
	
	
	
	/* 
	background-color:#009999;
	
	*/
}

div#conteneur-footer div#fil-ariane{
	/**/
	left:230px;
	margin-top:0px;
	margin-bottom:0px;
	width: 600px;
	position:relative;
	float:left;
	/* 
	background-color:#9933CC;
	*/


}


div#fil-ariane a{

	color:#707070;

}

span#fil-ariane-texte{
	color:#707070;

}

div#fil-ariane h1{
	/* padding:0;
	font-size:17 px;
	font-weight:normal;
	color:#FFFFFF;
	*/
	
}
div#fil-ariane h3{

position:relative;
float:left;
margin-top:-10px;

}
h3.descr-membre{
position:relative;
float:left;
margin-top:-10px;





}

div#fil-ariane h1.premiereLettre{
	padding:0;
	font-size:17px;
	font-weight:normal;
	color:#FFFFFF;
	
}

h1.premiereLettre:first-letter{

	color:#ff9900;
	font-size:18px;
	
}

div#focus-droite-article{
/* top:30px; */
margin-top:0px;
margin-right:0px;

	position:relative;
	float:right;

/*
	background-color:#33FF66;
	*/
	/* avant
	width:240px; */
	width:220px;
	
	/* height:260px; */
	
	
}

div#focus-droite-article h4 p{
text-decoration:none;


}

div#focus-droite-article img{
	/* margin-top:-20px; */
	margin-top:-10px;
	top:5px;
/*	background-color:#663333;
float:left;
*/
}

div#focus-droite-article img:hover{
	text-decoration:none;

}

div#focus-droite-article h4#soustitre-focusArt-orange{
	margin-top:5px;
	font-size:13px;
	color:#FF9900;
	margin-bottom: 8px;
}

div#focus-droite-article h4:hover#soustitre-focusArt-orange{	
	text-decoration:none;
	color: #FF9900;


}


div#focus-droite-article p#texte-focusArt-gris{

		font-size:11px;
	color:#666666;
	
	padding-bottom:10px;

}


div#texte-article-centre{
/* */position:relative;

	float:left;
	
	
	/* width:485px;
	*/
	 width:525px;
	/* height:200px; */
	
	top:0px;
	margin-top:20px;
	
	color:#FFFFFF;
	
	/*
	background-color:#9933CC;
	*/

}


div.groupe-equipe{
position:relative;
float:left;
	/*
	background-color:#669966;
	/* 
	/* largeur avant de mettre des image paysage
	width:485px; */
	
	width:509px;
	
	margin-bottom:-15px;

padding-right: 8px;
padding-left: 8px;
/*
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
*/
background-color: #0b0b0b;
/*
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
*/
}

div.groupe-presse{
position:relative;
float:left;
	/*
	background-color:#669966;
	*/
	/* avant les images paysages  
	width:485px; */
	
	width:509px;
	
	/* margin-bottom:-15px; */

padding-right: 8px;
padding-left: 8px;
/*
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
*/
background-color: #0b0b0b;
/*
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
*/
}
div.groupe-presse h3.spip{

margin-bottom: 5px;
margin-top:8px;

}



div.groupe-equipe h3.spip{
margin-top:3px;

}

div.resume-membre{
	position:relative;
	float:left;
	
	margin-left:4px;
	margin-top:2px;
	width:236px;
	height:100px;
	/*	
	background-color:#336633;
*/
}


div.resume-presse{
	position:relative;
	float:left;
	
	margin-left:4px;
	margin-top:2px;
	width:236px;
	/* padding-bottom:10px;
	*/
	/*
	height:50px;
		
	background-color:#336633;
*/
}


div.resume-membre img.spip_logos{
margin-bottom:10px;

padding-right: 8px;
padding-left: 8px;

border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;

background-color: #0b0b0b;

border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;





}

div#groupe-entreprise{
	position:relative;
float:left;
/*background-color:#0b0b0b;
	*/
	
	
	width:480px;
	
	/*margin-bottom:-15px;*/
	top:20px;
	margin-top:0px;

padding-right: 8px;
/* padding-left: 8px;
*/



}


div#groupe-entreprise-explic{
	position:relative;
float:left;
	/*
	background-color:#669966;
	*/
	width:480px;
	
	/*margin-bottom:-15px;*/
	top:20px;
	margin-top:0px;

padding-right: 8px;
padding-left: 8px;

background-color: #0b0b0b;




}

div.resume-membre-entreprise{

	position:relative;
	float:left;
	
	margin-left:4px;
	margin-top:-1px;
	width:480px;
	height:80px;
	
	/*
	background-color:#CC9933;
	*/
	
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;

	
	border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;

background-color: #0b0b0b;

border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

div.resume-membre-entreprise a.spip_in{
font-size:12px;
font-weight:bold;



}


div.resume-membre-entreprise img.spip_logos{
margin-bottom:0px;

padding-right: 8px;
padding-left: 8px;

border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;

background-color: #0b0b0b;

border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;





}



.mot-equipe{
margin-top:10px;
}
div#texte-article-centre h2.spip{
	margin-top:-14px;
	font-size:13px;
	color:#8179b9;



}
.noir{
color:#000000;


}


div#texte-article-centre-footer{
/* */position:relative;
margin:0px;
padding:0px;

	float:left;
	
	
	width:375px;
	
	/* height:200px; */
	margin-top:20px;
	/* top:0px;
	
	*/
	left:285px;
	
	/*
	color:#FFFFFF;
	
	/*	
	background-color:#9933CC;
	*/
	/* */margin-bottom:200px;


}

div#texte-article-centre-footer-plan{
position:relative;
margin:0px;
padding:0px;

	float:left;
	
	
/* 	width:520px; */ 
width:590px;
	
	/* height:200px; */
	margin-top:20px;
	/* top:0px;
	
	*/
	left:285px;
	
	/*
	color:#FFFFFF;
	
	/*	
	background-color:#9933CC;
	*/
	/* */margin-bottom:50px;

}


div#morcelage-photo-droit{
	background-image:url('../image/image-petite-droite/morcelage-ecole.jpg');
	width:220px;
	height:101px;
	
}



/*

FIN CONTENU DROIT DES ARTICLES
--------------------------------------------------------------------------------
----------------------------------------------------------------------------------
*/



/*
------------------------------------------------------------------------------
DEBUT PIED DE PAGE
................................
*/


/*
PIED DE PAGE POUR LA PAGE D'ACCUEIL
*/

div#pied-accueil{
z-index:100;

	position:relative;
	top:0px;
	margin-top:8px;
	padding:0;
	/* top:30px;
	*/
	
	text-align:center;
	color:#666666;
	
	width: 955px;
	height: 20px;
	
	background:none;
	 /*
	 background-color:#996600; 
	*/
	float:left;
}


div#pied-accueil a.lien-pied{
	color:#666666;
	text-decoration:none;
}
div#pied-accueil a:hover.lien-pied{
	color:#FF9900;
	text-decoration:none;
}
div#pied-accueil a#lien-contact-pied{
	color:#CCCCCC;
}
div#pied-accueil a:hover#lien-contact-pied{
	color:#FF9900;
	text-decoration:none;
}

/*
------------
*/

div#pied{

/*z-index:50;
*/
	position:relative;
	
	top:0px;
	
	text-align:center;
	color:#666666;
	
	width: 955px;
	height: 20px;
	background:none;
	 /*background-color:#000000; 
	background-color:#3399FF;*/
	/*
	background-image:url(../image/pied.jpg);
	*/
	
	float:left;
}


div#pied a.lien-pied{

	color:#666666;
	text-decoration:none;
}
div#pied a:hover.lien-pied{
	color:#FF9900;
	text-decoration:none;
}
div#pied a#lien-contact-pied{
	color:#CCCCCC;
}
div#pied a:hover#lien-contact-pied{
	color:#FF9900;
	text-decoration:none;
}

span#invisible{
visibility:hidden;


}

/*

FIN PIED DE PAGE
--------------------------------------------------------------------------------

*/



div#monContenuVideo{

	z-index:10;

}
div#video-photo{
	margin-top: 20px;
	line-height:17px;
	/* border-top:#2A2A2A dotted;

	border-top-width:1px;
*/
}


div#documents_portfolio{
text-align:center;
position:relative;

}

div#documents_portfolio img#picto-photo{
	margin-bottom:0px;

}

div#documents_portfolio img{
	margin-bottom:12px;



}



div#documents_portfolio a img{
border:#333333 solid 1px;

}
/*
div#texte-article-centre-footer a{

	
color:#999999;

}
*/
div#texte-article-centre-footer-plan a{

	
color:#999999;

}
div#plan-gauche{
	position:relative;
	float:left;
	/*
	background-color:#333333;

	background-color:#009900;
	*/
	margin-left:-180px;
	
	line-height:16px;

}

div#plan-gauche h2 a, div#plan-droit h2 a{

font-size:14px;

color:#ff9900;

}


div#plan-droit{
	position:relative;
	/* float:right;
	*/
	/*background-color:#3399FF;
	
	*/
	margin-left:260px;
	/* margin-top:-1000px; */
	top:0px;
	
	line-height:16px;

}

/*
DISCIPLINES
*/

div#media-discipline{
	position:relative;
	float:left;
	
	width:250px;
	margin-bottom:5px;
	margin-top: 10px;
	


padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
/*
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
*/
background-color: #0b0b0b;
/*
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
*/


}
div#media-discipline h3.spip{
margin-top: 5px;
font-weight:normal;
}


div#def-discipline{
	position:relative;
	float:left;
	
	width:220px;
	margin-left:5px;
	
	margin-top: 10px;
	
		margin-bottom:5px;

	/*
	background-color:#0000CC;
*/


padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
/*
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
*/
background-color: #0b0b0b;
/*
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
*/

}

div#def-discipline h3.spip{
margin-top: 5px;
font-weight:normal;
}


div#caracteristique-discipline{
	position:relative;
	float:left;
	
	width:250px;
	margin-bottom:5px;
	
	/*
	background-color:#33CC00;
*/
	
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	/*
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	*/
	background-color: #0b0b0b;
	/*
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	*/
}
div#caracteristique-discipline h3.spip{
	margin-top: 5px;
	font-weight:normal;
}

div#artiste-discipline{
/*
border-left:dotted #333333 thin ;
*/
margin-left:5px;

	position:relative;
	float:left;
	
	width:220px;
	margin-bottom:5px;
	/*
	
	background-color:#FF66CC;
*/

padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
/*
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
*/
background-color: #0b0b0b;
/*
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
*/


}
div#artiste-discipline h3.spip{
	margin-top: 5px;
	font-weight:normal;
}


div#temoignage{
/*
border-left:dotted #333333 thin ;
*/
margin-left:0px;


	position:relative;
	float:left;
	
width: 250px;
	
	padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
	/*
	
	background-color:#FF66CC;
*/
/*
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
*/
background-color: #0b0b0b;
/*
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
*/


}
div#temoignage h3.spip{
	margin-top: 5px;
}

.bleu {
	color:#559FDD;
}
a:hover span.bleu {
color:#559FDD;
text-decoration:underline;
}

.gris {
	color:#D3D3D3;
	font-size:10px;
}
a:hover span.gris {
color:#D3D3D3;
text-decoration:underline;
}


.lien-intra-rub{
color:#ff9900;


}
a:hover .lien-intra-rub{
color:#ff9900;

}


div#presse-spectacle{
position:relative;
float:left;

	/*margin-top:-15px; */
	 top:-15px;

}

div#presse-spectacle p.spip{
padding-top:-10px;
/*
margin-top:-10px;
top:-10px;
*/
}


div#presentation-eleve{
position: relative;
float:left;
mergin-top:0px;
top:-15px;
width:507px;


}