/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  
body { 
	background-color:#377E3C ;
  color : rgb(15, 17, 120);/* Bleu */ 
	font-family: Arial, helvetica, sans-serif;
	text-align: center ;  
}

*{padding :0; margin:0;}

 
 
#boutonsFacebook{
  position : relative ;
   margin-left:auto;
  margin-right:auto;
  width : 180px ;
  height : 26px ;
  padding-bottom : 0px;
}

/* Positionnement de likeBoxFacebook fixe en haut à droite, passant sous le site    
div#likeBoxFacebook{
          position : fixed ;
          width : 200px ;
          top : 10px ;
          right : 0px ;
          z-index : 10 ;
          margin : 10px ;
          background-color:#rgb(98,122,173) ;
}
*/

/* Positionnement de likeBoxFacebook sous le menu Encontr'Oleron */
/*  
.likeBoxFacebook{
 padding : 0 ;
 margin : 0 ;
 font-size : 60% ;
 text-align : left ; 
}
*/


#Page{
	position : relative;
  width:950px ;      
  margin-left: auto;
  margin-right: auto;
  margin-top : 10px ;
  margin-bottom : 10px ;
  z-index : 100 ;
}
 
a img {border:none;}
   
#Entete { 
  position:relative ;
  height:55px; 
  padding-top: 5px;
  margin-top : 20px;
  color: #377E3C ; /* Vert */ 
  background-color: #FFCC01; /* jaune */
  background-image: url(Habillage/Entete.png);
  background-repeat: no-repeat;
	text-align: center;
}


#Logo { 	
  position: absolute;   
  left:8px ;
  top : -25px ;
  z-index:4;
   } 

#Annonce{ 	
  position: absolute;   
  right:10px ;
  top : 10px ;
  z-index:4;
  text-align:right;
  height: 180px;
  width: 210px;
 color : #377E3C;
font-weight: bold;
  font-size : 70% ; 
border-width: 0px ;
   }
#Annonce a{text-decoration:none; color : #377E3C;}  

#Kilombo { 	
  position: absolute;   
  right:30px ;
  top : 10px ;
  z-index:4;
  height: 180px;
  width: 110px;
   }   
   
#Kilombo #Decompte{
  position: absolute;  
  left:70px ;
  top : 10px ;
  
  z-index:5;
  height: 100px;
  width: 100px;
  text-align:left ;
  font-weight: bold;
  font-size : 100% ; 
  color : rgb(15, 17, 120);/* Bleu */ 
}   
/*   
#Lezardinho { 	
  position: absolute;   
  right:10px ;
  top : -10px ;
  z-index:4;
  height: 180px;
  width: 110px;
  background-image: url(Habillage/Lezardinho.gif);
  background-repeat: no-repeat;
   }   
  */ 
#Logo a img, #Kilombo a img{border:none;}

#TitreEntete{
	font-size: 170%;
	font-weight: bold;
}
#SousTitreEntete { 	
	font-weight: normal ;   
	font-size: 90%; 
	}
	
#Bandeau10ans{ 	
	position : absolute ;
	top : -23px ;
	right : -35px ;
	width : 250px ;
  height : 157px ;
	background-image: url(Habillage/macaron3.gif);
  background-repeat: no-repeat;
	}
#Bandeau10ans .petit{
  font-weight: normal ; 
  font-size: 60%;
  
 
}	

#MilieuV{
  z-index:2; 
  background-color: #FFCC01; /* jaune */ ; 
  height : 100%; 
  border-color : rgb(15, 17, 120); /* Bleu */
  /*  border-color : rgb(152,152,152); /* gris moyen */
  border-style : solid ;
  border-width : 0px 1px 0 1px ;
  }


.TitreMenu { 	
  padding : 5px; 
  font-weight: bold; 
  font-size: 110%;  
  background-color: rgb(15, 17, 120);/* Bleu */
  color : white ;
  text-transform: uppercase;
/*  height : 15px ;*/
  background-image: url(Habillage/TitreMenu.png);
  background-repeat: no-repeat;
  background-position: top;
}

#Menu1, #Menu2 { 
  position : absolute ;
	text-align: center;  
	font-size: 80%;  
	top:150px;
   width:125px;
}

#Menu1{left : 10px ;}
#Menu2{right : 10px ;} 

.BlocMenu{
  position:relative ; 
  width:125px;
  z-index : 4 ; 
	margin-top:15px;
	margin-bottom:15px;
 /* background-color:#8d9aea   ;
  border-bottom : 1px solid rgb(15, 17, 120) ;*/ 
}

.liensDeMenu{
   border-style : solid ;
   border-color : rgb(15, 17, 120);/* Bleu */
   border-width : 0 1px 1px 1px ;
    background-color:#8d9aea   ;
   	  -moz-border-radius: 0 0 5px 5px; 
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
	
	  -moz-box-shadow: 1px 1px 12px #aaa;  
  -webkit-box-shadow: 1px 1px 12px #aaa;  
  box-shadow: 1px 1px 12px #aaa; 
   
}

#Menu1 a, #Menu2 a    
{  display:block ;  color : rgb(15, 17, 120);/* Bleu */
   text-decoration: none;   
   padding:2px 0px 0px 0px ;
   line-height: 170%;
/*   border-style : solid ;
   border-color : rgb(15, 17, 120);/* Bleu */
 /*  border-width : 0 1px 0 1px ;*/
}

#Menu1 a:hover , #Menu2 a:hover { background-color: #7b8aea  ;    }

.ItemChoisi { 
 /* border:solid  rgb(15, 17, 120);
  border-width : 1px 0 1px 0 ;*/
  background-color: #4f64ea ;   
  }

.Relief{  
    font-weight: bold; 
       background-color :rgb(0,153,51) ;
/*    background-color :rgb(102,204,51);*/
  /*  border-bottom: rgb(0,0,102) dotted ;*/
     }  
  
#MilieuH{
  position : relative; 
  width:660px;
  margin-left: auto;
  margin-right: auto;
 
}

#Contenu {
position : relative ;
width : 638px ; /****/ 
	text-align: justify;    
  height : 450px;
  font-family : calibri, "Lucida Grande" ;
	font-size: 90%;
  font-weight : normal ; 
  padding : 10px 10px 5px 10px ;
  border-style: solid ; 
  border-color :  	rgb(15, 17, 120);
  border-width : 0px  1px 1px  1px ;  
	color:rgb(15, 17, 120);
	background-color:white ;

	
	  -moz-border-radius: 0 0 5px 5px; 
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
	
	  -moz-box-shadow: 1px 1px 12px #aaa;  
  -webkit-box-shadow: 1px 1px 12px #aaa;  
  box-shadow: 1px 1px 12px #aaa; 
}



html>body #Contenu{ /* Pour résoudre l'absence de min-height d'IE */
height : auto ;
min-height : 600px;  
 }

#Contenu a { text-decoration: underline;
    color: rgb(107, 108, 90);
    }
#Contenu p{padding: 3px 0 2px 0px; }

#Contenu img{
	  -moz-border-radius: 5px 5px 5px 5px; 
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
	
	  -moz-box-shadow: 1px 1px 12px #aaa;  
  -webkit-box-shadow: 1px 1px 12px #aaa;  
  box-shadow: 1px 1px 12px #aaa; 
}

#Contenu h1{ padding : 10px 0 2px 10px; 
  font-weight: bold; 
  font-size: 120%;   }
  
  #Contenu h2{ padding : 20px 0 10px 30px; 
  font-weight: normal;
  font-style: italic; 
  font-size: 120%;   }
  
  #Contenu li{list-style-type : none ;list-style-position:outside ;text-indent: 40px ; padding-top:3px; }
 
 
 .centre {text-align : center ;}
 
 div#Contenu p.image{
 
text-align : center ;
}

div#Contenu p.image img{
  padding-bottom:25px;
  display : block ;
  margin-right: auto; margin-left: auto;
  margin-top : 10px ;
}

div#Contenu span.legende
{
  position : relative ;
  top : -20px ;
  text-align : center ;
}

#Titre { 	
  padding-top: 15px;
	padding-bottom: 5px;
	font-weight: bold;   
	font-size: 150%;
	color: white;
	background-color: rgb(15, 17, 120); /* Bleu */
	height : 40px;
	background-image: url(Habillage/Titre.png);
  background-repeat: no-repeat;
  background-position: top;
	}


#SousTitre { 
	font-weight: lighter;   
	font-size: 100%;
	padding: 0px 0 5px 0;
	color: white;
	background-color: rgb(15, 17, 120); /* Bleu */
	font-family : calibri, "Lucida Grande" ;
	}

table{text-align:center ;margin:0 auto 0 auto;}
table td{ text-align:left ;padding : 5px;}

#PiedDePage { 	
	position: relative;	
  height: 28px;	
  padding: 7px 0 0 0px;
  background-image: url(Habillage/PiedPage.png);
  background-repeat: no-repeat;
	font-size: 80%;   
	text-align: center;
	font-family : calibri , "Lucida Grande" ;
	
}

#PiedDePage a  
{ color: rgb(15, 17, 120); /* Bleu */ 
  text-decoration: none;   
}

#PiedDePage a:hover { color:#377E3C ;
    	text-decoration: none;
}

#musiciens{
	padding:0px;
	margin:0px;
	border:solid;
	border-width :1px;
	border-color:rgb(15, 17, 120);
	border-collapse: collapse;
}

#musiciens td{
	border:solid;
	border-width :1px;
	border-color:rgb(15, 17, 120);
	padding:5px;
	}
/*
.vignette{
	width: 80px;
	position: absolute;
	top : 500px ;
	left : 30px ;	   
}

#Raccourcis{
  position :absolute ;
  right : 10px ;
  top:10px;
  font-size: 80%;
  text-align:right;
  color: #377E3C ; Vert 
	font-weight: normal;
	padding:3px 5px 0 0 ;
}

#Raccourcis a:link, #Raccourcis a:visited, #Raccourcis a:hover {padding-bottom : 2px ;display:block; text-decoration:none; color: #377E3C ;}
#Raccourcis a:hover{color: rgb(15, 17, 120);}
*/