body {	
background-color: #1e4660;
font-family: 'calibri';
font-size:13px;
text-align:justify;
text-shadow:transparent 0 0 1px;
}

/* initialisation des marges  */
*{
margin:0;
padding:0;
}

p{
text-align:justify;
}

/* Design du site */
#conteneur{
width:960px;
margin:0 auto;
}

#milieu {
background-color: #dfdfdf;
float: left;
margin-bottom: 10px;
padding: 20px;
width: 610px;
}


#milieu-admin{
width:920px;
margin-bottom:10px;
float:left;
background-color:#dfdfdf;
padding:15px;
margin-left:5px;
}

#menu{ /* le menu a son fichier css spécifique */
height:35px;
padding-left:20px;
}

#banniere{
width: 950px;
height: 200px;
margin-top:10px;
}

#droite{
background-color: #dfdfdf;
width: 262px;
float:left;
margin-left:10px;
margin-bottom:10px;
padding:10px;
}

/* mise en forme des liens */
a img{
border:none;
}

a{
outline:none;
color:black;
text-decoration:none;
}

a:hover{
color:#1e4660;
}

caption a {
color:#dfdfdf;
}

caption a:hover {
color:#dfdfdf;
}

/* mise en forme des titres */
h1{
color:#dfdfdf;
background-color:#347ba9;
font-size:18px;
font-weight:bold;
font-variant:small-caps;
text-align:center;
border-left: 5px solid #dfdfdf;
border-right: 5px solid #dfdfdf;
}

h2 {
background-color: #347ba9;
color: #dfdfdf;
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
text-align: center;
}


h3{
color:#347ba9;
font-size:14px;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
}

/* tableaux */
table.news{
border-collapse: collapse; /* Les bordures du tableau seront collées  */
text-align:justify;
width:100%;
}

table.news td{
padding-bottom:5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
}

td.com{
font-size:11px;
}

caption.news {
background-color: #347ba9;
font-variant: small-caps;
font-weight: bold;
color:#dfdfdf;
width:100%
}

tr.comm {
background-color: #dfdfdf;
border: 1px dotted #3B3E54;
font-size: 11px;
padding: 4px;
}

tr.date {
background-color: #dfdfdf;
border: 1px dotted #3B3E54;
font-size: 9px;
padding: 4px;
text-align: right;
}

tr.news {
background-color: #dfdfdf;
border: 1px dotted #3B3E54;
padding: 4px;
font-family: 'calibri';
}

@font-face {
font-family: 'STENCIL';
src: url('../fonts/stencilstd-webfont.eot?') format('eot'), 
url('../fonts/stencilstd-webfont.woff') format('woff'), 
url('../fonts/stencilstd-webfont.ttf')  format('truetype'),
url('../fonts/stencilstd-webfont.svg#svgFontName') format('svg');
}

/* Liste à puce */

#liste-elem {
font-weight:bold;
font-variant:small-caps;
text-decoration:none;
line-height:25px;
font-size:16px;
}

#liste-elem li, #liste-actu li{
display: list-item;
list-style-type: none;
}

#liste-elem li :hover{
color:#347ba9;
border-bottom:1px dotted;
}

/* pour les videos */ 
#liste-concerts {
font-variant:small-caps;
text-decoration:none;
line-height:25px;
margin-left:10px;
margin-right:10px;
text-align:center;
}

#liste-concerts li{
display: list-item;
list-style-type: none;
}

#liste-concert li :hover{
color:#1e4660;
border-bottom:1px dotted;
}

/* Centrage d'une image */
img.image-centre{
display: block;   
margin-left: auto; 
margin-right: auto;
}

img.image-cote{
display: block;   
float:left;
margin-right:25px;
}

img.image-cotedroit{
display: block;   
float:right;
padding:8px;
}

/* Bouton retour et accueil */
a#naviguation1{
color:#dfdfdf;
background-color:#347ba9;
font-size:13px;
font-variant:small-caps;
padding-left:10px;
padding-right:10px;
margin-left:270px;
text-align:center;
}

#image-elem{
display:block;
float:left;
}

#image-bio{
display:block;
float:right;
}

.notation{
text-align:center;
font-style:italic;
}

table.admin td{
border:1px solid;
padding-right:10px;
padding-left:10px;
height:20px;
}

table.admin td img{
vertical-align:-3px;
}

input[type=submit], input[type=reset]{
padding-left:10px;
padding-right:10px;
width:100px;
height:25px;
font-variant:small-caps;
margin-top:10px;
}

/* mise en forme page en bref */
.resume{
color:#1e4660;
font-size:13px;
font-weight:bold;
display:inline;
margin-left:25px;
}

td.reprises{ /*mise en forme pour la rubrique audio du site */ 
font-weight:bold;
font-variant:small-caps;
margin-left:20px;
color:#1e4660;
font-size:14px;
}

td.image{
padding:0;
margin:0;
width:83px;
height:63px;
}

/* tableaux */
table{
border-collapse: collapse; /* Les bordures du tableau seront collées  */
text-align:center;
width:100%;
}

caption{ /* titre du tableau  */
background-color:#347ba9;
color:#dfdfdf;
font-variant:small-caps;
font-weight:bold;
}

td{
border: 1px dotted #1e4660;
padding:4px;
background-color:#e1e4e6;
}

.gras{
font-weight:bold;
}

.error-message{
background:url(http://www.elem-web.fr/new/delete.png) 10px no-repeat;
padding-left:30px;
display:inline;
color:red;
display:none;
}

label {
display:block;
float:left;
width:70px;
}

#listeGalerie {
	height:250px;
	list-style:none;
	padding:10px 0 0 65px;
}

#listeGalerie li {
	display:block;
	float:left;
	padding:5px;
}