﻿/*propriétés du body, alignement centre du contenu de la page */
html
{
	text-align: center ;
}



.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}

.glt-elm img{
	display: block;
	
}

.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}	



.submit_recherche
{
border: solid 1px #000;
font-weight: bold;
background-color: #FFFFFF;
color: #000;
cursor: pointer;
height: 20px;
font-size:9px;
width: 35px;
}





body
{
background: url(../../IMG/type_fond2.png);
margin: 0px;
padding: 0px;
font-size: 0.8em;
text-align: center ;

}


	
ul, li
{
margin: 0;
padding: 0;
}

/*fond image */
.conteneur
{
background: url(../../IMG/type_fond.jpg);
background-position: top;
background-position: center;
background-repeat: no-repeat;
width: 970px ;
height: 603px ;
text-align: left ;

position:absolute;
     left: 50%; 
     top: 50%;
  
     margin-top: -302px; /* moitié de la hauteur */
     margin-left: -485px; /* moitié de la largeur */
	

}


h1#logo
{
	height: 110px ;
	margin: 0 ;
}


/*logo addm */
div#logo a
{
width: 310px ;
height: 100px ;
display: block ;
background: url(../../IMG/type_logo.jpg) ;
background-repeat: no-repeat;
position: absolute ;
/*positionnement logo addm */
left: 647px ;
	top: 13px;
	text-indent: -5000px ;

}




/*menu musique et danse */




div#danse
{
position:absolute;
left: 132px;
top: 50px;
float: left;
}

div#musique
{
position:absolute;
top: 50px;
left:292px;
float: left;
}



/*sous-menu p1*/

div#navcontainerH1
{
position:absolute;
top:120px;
left:132px;
}
	
div#navcontainerH2
{
position:absolute;
top:142px;
left:137px;
}



#navcontainerH1 ul
{
padding: 5px;
}


	
#navcontainerH1 li
{
display: inline;
background-repeat: no-repeat;
}

#navcontainerH2 li
{
display: inline;
background-repeat: no-repeat;
}



.lienon a
{
color : #66CC00  ;
padding-right: 20px;
padding-bottom: 0px;
text-decoration: none;
font-family: Georgia, Times New Roman;
font-size: 14px;
font-weight: bold;
word-spacing: 2px;
}

.lien a
{
word-spacing: 1px;
padding-right: 20px;
padding-bottom: 0px;
text-decoration: none;
color: #7a7a7a;
font-family: Georgia, Times New Roman;
font-size: 14px;
font-weight: bold;

}

.titre1
{
line-height: 16px;
margin-top: 0;
font-family: Georgia;
font-weight: bold;
font-size: 12px;
background: url(../../IMG/type_sepa1.jpg) no-repeat ;
background-position: bottom left;
padding-bottom: 10px;
padding-top: 0;
text-align: left;
color: #000;

	}
	
		.titre1 a:link, .titre1 a:visited, .titre1 a:hover, .titre1 a:active
{
line-height: 18px;
margin-top: 0;
font-family: Georgia;
font-weight: bold;
font-size: 12px;
background-position: bottom left;
padding-bottom: 8px;
padding-top: 0;
text-align: left;
color: #000;
text-decoration: none;}



.lien a:link
{ 
text-decoration : none; 
color : #7a7a7a;  
}


.lien a:visited
{ 
text-decoration : none; 
color: #7a7a7a;
}


.lien a:hover
{
text-decoration : none;
color : #66CC00  ;
} 

.lien a:active 
{ 
text-decoration : none;
color : #66CC00;
}

.fondpopup
{
background: url(../../IMG/type_fond3.png);

font-size: 0.8em;

}
.pop
{
margin: 5px 10px 10px 15px;
}

.pop p
{
margin-top: 0px;
padding-top: 0px;
font-family: arial;
padding-bottom: 0px;
margin-bottom: 0px;
text-align: left;
}



.p1{
padding-top: 300px;
margin-top: 0;
font-family: arial;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 0;


font-size: 11px;
line-height: 12px;
text-align: left;
background-color : #f1f1f1;
}



.p2{
padding-top: 4px;
margin-top: 0;
font-family: arial;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 10px;
margin-bottom: 0px;
height: 365px;

font-size: 11px;
line-height: 12px;
text-align: left;
background-color : #f1f1f1;
}




.frame2 h3
{
margin-top: 0;
padding-top: 0;
font-family: arial;
font-size: 11px;
line-height: 12px;
padding-left: 10px;
margin-bottom:5px;
text-align: left;
color: #7a7a7a;
margin-right: 10px;

}

.frame2 h2
{
font-family: arial;
font-weight: bold;
font-size: 12px;
background: url(../../IMG/type_sepa1.gif) no-repeat ;
background-position: left bottom ;
line-height: 27px;
margin-top: 0;
margin-left: 10px;
padding-bottom: 1px;
margin-bottom: 0;
padding-top: 0;
}

.frame3 h2
{
font-family: arial;
font-weight: bold;
font-size: 12px;
background: url(../../IMG/type_sepa1.gif) no-repeat ;
background-position: left bottom ;
line-height: 27px;
margin-top: 0;
margin-left: 10px;
padding-bottom: 1px;
margin-bottom: 0;
padding-top: 0;
}

.p2 i.spip {
font-family: arial;
font-size: 11px;
font-style: italic;
color: #7a7a7a;
}

.p2 strong.spip {font-family: arial;
font-size: 11px;
color: #7a7a7a;
}

.p2 a{
font-family: arial;
font-size: 11px;
color: #7a7a7a;
text-decoration: none;
}

.p2 a.spip_in {
font-family: arial;
font-size: 11px;
color: #7a7a7a;
text-decoration: none;
}

.p2 a.spip_out {
font-family: arial;
font-size: 11px;
color: #7a7a7a;
text-decoration: none;

}



#conteneur_gauche
{
padding-top: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0px;
position:absolute;
top:143px;
left:138px;
height: 440px;
width: 160px;
}


#conteneur_gauche ul
{
margin: 0;
padding-top: 0
}



.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;

}

.submenu{
margin-bottom: 0.5em;
}












.frame {

	top:143px;
	left:318px;
position: absolute;
width: 632px;

	}

/*cadre centre*/
.frame1
{
overflow: auto;
margin-left: 0;
margin-right: 0;
width:455px;
float: left;
height:440px;
margin-bottom: 5px;
}







.frame1 h2
{
margin: 0;
font-family: arial;
font-size: 13px;
font-weight: bold;
font-style: italic;
padding-top: 10px;
padding-bottom: 0;
}







/*cadre droite*/
.frame2 
{
float:right;
overflow: auto;
width: 165px;
margin: 0;
height:400px;

}


.frame3 
{
padding-top: 220px;
overflow: auto;
width: 165px;
margin: 0;
height:150px;
padding-left:10px
}






/* * Couleurs des liens de Spip */





.frame4
{
overflow: auto;
margin-left: 0;
margin-right: 0;
width:660px;
float: left;
height:390px;
top:175px;
left:288px;
position: absolute;
text-align: right;

}



.footer
{
height: 20px;
top:570px;
left:150px;
width:450px;
position: relative;
margin-top: 2px;
}

.footer2
{
height: 20px;
top:512px;
left:716px;
width:250px;
position: relative;
margin-top: 2px;
}



.footer h1
{
color: #cccccc;
font-family: georgia;
font-size: 12px;
height: 0px;
margin-left: 0px;
}

.footer a
{
color: #cccccc;
font-family: georgia;
font-size: 12px;
text-decoration : none; 
}



.sepa2{
width: 135px;
height:15px;
background: url(../../IMG/type_sepa1.gif) no-repeat ;
padding-bottom: 1px;
}


.entreesF
{
background: url(../../IMG/type_fleche1.gif);
background-repeat: no-repeat;
position:absolute;
top:410px;
left:16px;
width:70px;
height:50px;
margin: 0;
padding-left: 4px;
}

ul.entreesF2
{
padding-top: 55px;
list-style-type: none;
padding-left: 3px;
}

.entreesF2 li
{
padding-bottom: 6px;
line-height: 14px;
}


.entreesF2 a
{
font-family: georgia;
font-size: 12px;
font-weight: bold;

}

.entreesF2 a:link
{ 
text-decoration : none; 
color : black;  
list-style-type: none;

}

.entreesF2 a:visited
{ 
text-decoration : none; 
color: black; 
}

.entreesF2 a:active 
{ 
text-decoration : none;
color : #7a7a7a;
}

.entreesF2 a:hover 
{ 
text-decoration : none;
color : #7a7a7a; 
}

.search1
{
width: auto;
height: 30px;
position:absolute;


float:right;

top:135px;
left:770px;

	padding-left: 18px;

}
.conteneursite
{
height: 105px;
}



.conteneursite p a:link, .conteneursite p a:visited, .conteneursite p a:hover, .conteneursite p a:active
{
font-size: 12px;
text-decoration: none;
color: #7a7a7a;
font-weight: bold;

}

.logosite
 {
  float: left;
  margin-right: 15px;
  border:1px;
  border-color: #000000;
  margin-top: 0px;
  padding-top: 0px;
  
  
}
.pressite
{
margin-top: 4px;
font-family: arial;
font-size: 12px;
line-height: 15px;
padding-right: 10px;
text-align: justify;
color: #7a7a7a;
padding-top: 6px;
}




.presaddm p.spip
{
margin-top: 4px;
font-family: arial;
font-size: 12px;
line-height: 16px;
padding-right: 10px;
text-align: justify;
color: #000000;
}







