/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color:;
background-image: url("../images/fond.jpg");
background-attachment: fixed ;
background-repeat:no-repeat;
background-position:center; /* pour decaler le fond*/
margin: auto;
padding: 5px;
}
/*----------------------------------------------------------------------------------------------------*/

/* PROPRIETE DE LA BANNIERE */
#header {
height: 150px;
width: 758px;
background-image: url("../images/bansmb.jpg");
background-color: #99CCCC;
}

.logoclic
{
width:150px;
height:150px;
position:absolute;
top:px;
left:px;
border:0px;
}

#conteneur {
position: relative;
width: 758px;
margin:auto; 
/* border:2px ridge #ffe300;*/
}
/*----------------------------------------------------------------------------------------------------*/

.titre
{
margin-top:2%;
margin-left:30%;
}

.titrestaff
{
margin-top:2%;
margin-left:20%;
}


#centre {
width:auto;
height:auto;
position:absolute;
text-align:center;
left:15%;
margin-left:5%;
margin-top:10%;
/* border:2px ridge #ffe300;*/}

table
{
border-collapse:collapse;
margin:auto;
border:2px solid #487b39;
}

tr
{
	border: 2px solid #487b39;
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	font-size:1em;
}

th
{
	border: 2px solid #487b39;
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	width:250px;
	font-size:1em;
}

td
{
	border: 2px solid #487b39;
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	width:350px;
	font-size:1em;
}

a
{
font-size:1em;
color:blue;
text-decoration: none;
}

p 
{
padding:5%;
}


/*----------------------------------------------------------------------------------------------------*/

#gauche 
/* PROPRIETE DU MENU GAUCHE*/
{
position:absolute; /* placement du menu, à modifier selon vos besoins */
top:150px;
left: 0px;
float: left; /* le menu flottera a gauche*/
width: 110px; /* taille du menu */
font-size:0.85em;
/* border:2px ridge #ffe300;*/
}
dl, dt, dd, ul, li 
{
margin: auto;
padding: 0;
list-style-type: none;
}
#menu 
{
width: 10em;
}
#menu dt 
{
cursor:pointer;
margin: 2px 0;
height: 15px;
line-height: px;
text-align: center;
font-weight: bold;
border: 2px ridge #ffe300;
background-image: url("../images/bouton.jpg");/*  fond du menu*/
}
#menu dd 
{
border: px outset #ffe300;
}
#menu li
{
text-align: left;
background:white;
}
#menu li a, #menu dt a 
{
color: black;/* pour changer les ecriture du menu*/
text-decoration: none;
background:none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover 
{
background:#e3e9df;
}
.liens
{
width: ;
height: 220px;
margin-top:2px;
margin-left:2px;
border:;
}
.photoliens
{
border:0px;
}

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#pied {
	background-image:url("../images/pieddepage.jpg");/*  fond du menu*/
	background-position:center; /* pour decaler le fond*/
	width:758px;
	margin-top:70%;
    text-align:center;
    font-size:1em;
	border:;

}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}