* {
margin:0; padding:0; font-size:100%; font-family:monospace;
}
html {
}
body{
}
a{
text-decoration: none
}
a:active{
outline:none;
}
hr {
margin:10px;
}
h1, h2, h3 {
padding-top:10px;
max-width:550px
}
h1 {
font-size:150%;
margin-top:20px;
max-width:1000px
}
h2 {
font-weight:bolder;
}
h2:before{
content:'>';
margin:5px
}
h2:after{
content:'<';
margin:5px
}
sup{
font-size:70%;
}
img {
border : 0;
max-width:500px
}
iframe { /*Cf listeVideos*/
width:560px;
height:315px;
border:0;
}
li, ul{
text-align:left;
margin-left:15px;
list-style:disc;
}
ul{
margin-top:20px;
margin-bottom:10px;
}
li:hover {
list-style:disc;
}
li:first-letter {
font-size:150%
}
p:first-letter {
font-size:250%
}
p{
margin-top:20px;
margin-bottom:20px;
}
ol li {
list-style: decimal;
}
table {
max-width: 80%;
margin-left: 10%;
}
video {
width:540px;
}
.zoom{height:30px}/*Cf effets zoom sur Cds etc...*/
.zoom:hover{height:100px}
.zoom2{width:230px; transition: width 0.5s ease;}
.zoom2:hover{width:400px; transition: width 0.5s ease;}

/*====== BLOCS USUELS ======*/
#boiteCouleur{
	padding:5px;padding-top:0px;
	margin-top:10px;
	margin-bottom:6px;
	background:#a0ad22;
	color:white;
	shadow:2px;
	border-radius: 10px;
	box-shadow: 3px 3px 4px #888;
	text-align:center;
	font-weight:bolder;
}
#lecteur {
	width:550px;
	padding-bottom:5px;
	margin-top:10px;
	background: #f2f0f2;
	border-radius: 10px;
	box-shadow: 3px 3px 4px #888;
	text-align:center
}
#pousses img{
height:160px;border-radius:20px}
/*======== AGENCEMENT =====*/
#conteneur {
margin-left: auto;
margin-right: auto;
width:1000px;
}
/*GAUCHE*/
.colonneGauche {
z-index:-1;
float: left;
width:170px;
padding-right:15px;
color:dark-grey;
}
.colonneGauche img {
z-index:5;
margin-bottom:-13px;
opacity:.9;

}
/*CENTRE*/
#colonneCentre {
z-index:0;
width:550px;
float:left;
margin-top:30px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
text-align:center;
font-size:110%;
}
#logo {
z-index:-1;
margin-top:-30px;
margin-bottom:0px;
}
/*DROITE*/
.colonneDroite {
z-index:0;
float: left;
width: 170px;
text-align:center;
margin-left:30px;
margin-top:7px;
}
.colonneDroite h2:before,.colonneDroite  h2:after {
content:'';/*Cf page des dates */
}
/*DATES*/
.dates {
width: 170px;
font-size:13px;
}
.dates a{
font-weight: bold;
}
.dates li{
list-style:"★" ;
padding:0px;
padding-left:2px;
margin:0px;
border-radius: 5px;
background-image:linear-gradient(to right,#e3e3da, white);
}
.dates li:nth-child(even) {
background-image: none;
}
.dates li:hover{
background: #daeaea;
}
.dates.news li{
list-style:square;
}

#mini-blog {
margin-left:20px;
width:180px;
color:black;
}
#mini-blog {
font-size:10px;
text-align:center
}
#mini-blog #titre{
margin-left:25px;
}
#mini-blog h2 {
font-size:11px;
}
#mini-blog img{
max-width:150px
}
#ejs_photo_box {
margin-left:10%;
text-align:center}

/*====== EDITEURS =======*/
textarea{max-width:540px; }

#editdates textarea, #editnews textarea, #editaccueil textarea,#ad textarea, #editblog textarea, #editentrenous textarea{
height:400px;
width:85%;
margin-left:15px;
color:black;
}
#editnews textarea, #editaccueil textarea{
height:300px;
}
#editdates, #editnews, #editaccueil{
width:40%;
}
#editnews,#editaccueil{
margin-top:-480px;
margin-left:50%;
height:00px;
}
#editaccueil{
margin-top:400px;
margin-bottom:80px;
}
#editnews textarea, #editaccueil textarea{
height:300px;
}

/*======= MENU ======== */
#menu{
position:fixed;
margin-left:-400px;
left:50%;
top:-3px;
}
#menu ul {
 margin:0;
 padding:0;
 list-style:none;
 text-align:center;
}
#menu li {
 float:left;
 padding:0;
 list-style:none;
 width:120px;
 margin-left:10px;
 border-radius: 0px 0px 10px 10px ;
 opacity:.8;
}
#menu li a {
 display:block;
 padding:5px;
 color:white;
 text-decoration:none;
 font-weight:bold;
 outline:none;
 opacity:1;
 transition:.2s;
}
#menu li a:first-letter {
 font-size:130%
}
#menu li a:hover {
 color:gray;
 transition:.1s;
}
#menu ul li ul {
 display:none;
 transition:.2s;
}
#menu ul li:hover ul {
 display:block;
}
/* Couleurs */
#menu-dates   	{background:#b50ab1; display:none}
#menu-accueil   {background:#7e7c25}
#menu-audio     {background:#eb4140}
#menu-video     {background:#f9c010}
#menu-plus      {background:#4C34ee}
#menu-pro       {background:#a0ad22}
#menu-contacts  {background:#c22d22}

#drapeau a{
 opacity:0.5;
 margin-top:-3px;
}
#drapeau a:hover{
 opacity:1;
 transition:.5s;
}

/*==== AFFICHAGE PETITS ECRANS ===
@media only screen and (max-width: 800px){
	*{font-size:102%;}
	.colonneGauche, .colonneDroite {display:none}
	#conteneur, #colonneCentre {width:100%; margin:0px; padding:0px}
	#menu{position:relative;margin:0px;top:-10px;left:10px;max-width:95%;margin-bottom:10px}
	#menu li { border-radius: 10px ;margin:2px;width:auto; }
	#menu-dates {display:block} /*sinon il est caché
	#drapeau {top:0px}
	img, video{max-width:100%}
	#lecteur {width:100%};
}