/* CSS Document PACO EL LOBO - DESIGN BY ILIZ */

*div{ border: 0px; margin:0px;	padding:0px;}				
*img{ border: 0px;	margin: 0px;	padding: 0px;}	
ul, li{	list-style-type: none;	margin: 0;	padding: 0;}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}
.bold{	font-weight: bold;}
h1{	text-indent: -500000px;	padding: 0px;	margin: 0px;}
h2{	font-family: "Trebuchet MS", Helvetica-Light, Arial; font-size: 13px; font-weight:lighter; padding:0px;margin:0px;}
a, a:hover{text-decoration:none;}
#bodycontain{
	position: absolute;
	width: 884px;  /* selon la largeur voulue */
	margin-left: -442px; /* moitie de width */
	left: 50%;  /* constant, toujours 50% */
	font-family: Arial, Helvetica, sans-serif;
	height: 600px;
	margin-top:10px;
	top:0;	
	background-image:url(../images/templates/ombre-bas.gif);
	background-position:41px 570px;
	background-repeat:no-repeat;
	background-color:#FFFFFF;

}
.news{
	position:absolute;
	z-index:100;
	top:100px;
	left:22px;}.news img{border:none;}
*img a{text-decoration:none; border:5px;}
 .papillon{
	 width:42px;
	 height: 81px;
	 top:446px;
	 left:0px;
	 background-image:url(../images/templates/aile-gauche.jpg);
	 position:relative;
 }
 .bord-droit{
	background-image:url(../images/templates/ombre-droite.gif);
	width:17px;
	height:545px;
	top:-55px;
	margin-right:24px;
	float:right;
	position:relative;
}
.coin{position:absolute;
top:39px;
	 left:42px;
z-index:100;}
 .cadre{
	width:800px;
	height:543px;
	top:25px;
	left:42px;
	border:1px solid #000;
	z-index:1;
	position:absolute;
	overflow:visible;
 }
 .paco{
	background-image:url(../images/templates/paco2.jpg);
	width:514px;
	height:543px;
	float:right;
 }
  .paco2{
background-image:url(../images/templates/paco2.jpg);
 width:350px;
 height:543px;
 top:0px;
 left:450px;
 z-index:50;
 position:absolute;
 }
   .paco3{
 width:415px;
 height:543px;
 margin-top:0px;
 float:right;
 background-image:url(../images/templates/paco2.jpg);
 background-position:65px 0px;
 background-repeat:no-repeat;

 }
  .paco3 img{margin-top:150px; border:4px solid #fff;float:right;}
/*accueil--------------------------------*/
 .titre{
	position:relative;
	top:105px;
	left:50px;
	font-family: "trebuchet MS", Helvetica-Light, Arial;
	font-size: 13px;
	color: #989898;
	width: 184px;
	text-align: center;
 } .titre img{border:none;}
 .paco-titre{
	position:absolute;
	top:4px;
	left:490px;
	font-family: "trebuchet MS", Helvetica-Light, Arial;
	font-size: 13px;
	color: #989898;
	text-align: center;
	z-index:100;
 }
a{
	color: #000;
}
a:hover{
	color: #006699;
}

/*MENU --------------------------------------------------------------------*/
.menu ul a {
	text-decoration: none;
	padding-left:10px; /* permet de déterminer la largeur de la zone réactive */
	display:block; /* l'élément est un block afin de pouvoir le positionner en absolu et uitliser l'overflow */
	height:10px; /* hauteur de la zone réactive */
	position:absolute;
	voice-family: "\"}\""; /* pour palier aux problèmes de IE5 et de son interprétation des largeurs */
	voice-family:inherit;

}
.menu ul {
	position:absolute;
	left:0px;
	top:0px;
	height:33px;
	width:450px;
	padding:0px 0;
}
.menu{
	position:absolute;
	width:450px;
	height:33px;
	left:37px;
	padding:0;
	top:0px;
	z-index:5;
}

#lien1{
	background-image:url(../images/menu/musique.gif);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien1_active{
	background-image:url(../images/menu/musique_active.gif);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	z-index:10;
}
#lien1:hover{
	background-image:url(../images/menu/musique_hover.jpg);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien1-en{
	background-image:url(../images/menu/musique-en.gif);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien1-en_active{
	background-image:url(../images/menu/musique_en-hover.jpg);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	z-index:10;
}
#lien1-en:hover{
	background-image:url(../images/menu/musique_en-active.gif);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien1-es{
	background-image:url(../images/menu/musique-es.gif);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien1-es_active{
	background-image:url(../images/menu/musique_es-active.gif);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	z-index:10;
}
#lien1-es:hover{
	background-image:url(../images/menu/musique_es-hover.jpg);
	background-repeat:no-repeat;
	width:110px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien2{
	background-image:url(../images/menu/paco.gif);
	background-repeat:no-repeat;
	width:89px;
	height:33px;
	cursor:pointer;
	z-index:10;
	left:110px;
	top:0px;
}
#lien2:hover{
	background-image:url(../images/menu/paco_hover.jpg);
	background-repeat:no-repeat;
	width:89px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien2_active{
	background-image:url(../images/menu/paco_active.gif);
	background-repeat:no-repeat;
	width:89px;
	height:33px;
	z-index:10;
	left:110px;
	top:0px;
}
#lien3{
	background-image:url(../images/menu/pedagogie.gif);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	cursor:pointer;
	z-index:10;
	left:199px;
	top:0px;
}
#lien3_active{
	background-image:url(../images/menu/pedagogie_active.gif);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	z-index:10;
	left:199px;
	top:0px;
}

#lien3:hover {
	background-image:url(../images/menu/pedagogie_hover.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	z-index:10;
	
}
#lien3-en{
	background-image:url(../images/menu/pedagogie-en.gif);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	cursor:pointer;
	z-index:10;
	left:199px;
	top:0px;
}
#lien3-en_active{
	background-image:url(../images/menu/pedagogie_active-en.gif);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	z-index:10;
	left:199px;
	top:0px;
}

#lien3-en:hover {
	background-image:url(../images/menu/pedagogie_hover-en.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	z-index:10;	
}
#lien3-es{
	background-image:url(../images/menu/pedagogie-es.gif);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	cursor:pointer;
	z-index:10;
	left:199px;
	top:0px;
}
#lien3-es_active{
	background-image:url(../images/menu/pedagogie_active-es.gif);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	z-index:10;
	left:199px;
	top:0px;
}

#lien3-es:hover {
	background-image:url(../images/menu/pedagogie_hover-es.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:33px;
	z-index:10;	
}
#lien4{
	background-image:url(../images/menu/contact.gif);
	background-repeat:no-repeat;
	width:113px;
	height:33px;
	cursor:pointer;
	z-index:10;
	left:327px;
	top:0px;
}
#lien4_active{
    background-image:url(../images/menu/contact_active.gif);
	width:113px;
	height:33px;
	z-index:10;
	left:327px;
	top:0px;
	border:none;
}
#lien4:hover{
	background-image:url(../images/menu/contact_hover.jpg);
	background-repeat:no-repeat;
	width:113px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
#lien4-es{
	background-image:url(../images/menu/contact-es.gif);
	background-repeat:no-repeat;
	width:113px;
	height:33px;
	cursor:pointer;
	z-index:10;
	left:327px;
	top:0px;
}
#lien4-es_active{
	background-image:url(../images/menu/contact_active-es.gif);
	width:113px;
	height:33px;
	z-index:10;
	left:327px;
	top:0px;
	border:none;
}
#lien4-es:hover{
	background-image:url(../images/menu/contact_hover-es.jpg);
	background-repeat:no-repeat;
	width:113px;
	height:33px;
	cursor:pointer;
	z-index:10;
}
.footer img{border:none;}
.footer{
	position:absolute;
	font-size:11px;
	font-family:"trebuchet MS", Helvetica-Light, Arial;
	left:260px;
	color: #5d574d;
	top:581px;
	z-index:100;
}
.t24{font-size:26px;}
.marge{margin-left: 30px; margin-top:30px;}
.marge50{padding-top:50px;}
.galery-photo{padding-top:10px; witdh:500px; float:left;}
.galery-photo img{
	border:1px solid #666;
	vertical-align: middle;margin:2px 1px;
}
.galery-press2{padding-top:200px; witdh:200px; padding-left:180px;}
.galery-press{padding-top:30px; witdh:90px; float:left;}
.galery-press img{
	border:1px solid #666;
	vertical-align: middle;
	
}
.galery-press li{padding-bottom:8px;}
.musique{	
	color: #5d574d;
	font-family:"trebuchet MS", Helvetica-Light, Arial;
	font-size:13px;
	margin: 0px;
	padding: 4px 0px 20px 5px;
	float: left;
	clear: none;
	width: 50%;}
.musique li{
	padding:16px 0 0 0;
	*padding:8px 0 0 0;
	clear:left;
	list-style-type: none;
	margin:0;
	text-align:left;

}
.border{border-bottom:1px solid #666;	background-color:#e7efee;}
.musique h2{
	display:inline;
	font-size: 15px;
	color: #6c98ab;
	padding: 0 10px 0 0;
	font-weight: bold;
	margin:0;
}
.musique img{
	border:1px solid #666;
	float:left;
	margin-right:10px;
}
.t10{font-size: 10px;}
.t15{font-size: 15px;}	
.texte{
	color: #0;
	font-family:"trebuchet MS", Helvetica-Light, Arial;
	font-size:13px;
	margin: 0px;
	padding: 90px 0px 20px 20px;
	float: left;
	clear: none;
	width:42%;
	text-align:justify;
}
.galery-music img{border:1px solid #666; padding:4px; margin:4px;}