<style type="text/css">
body {
font-size: 0.8em;
margin: 0;
padding: 0;
}
/* titre haut de page */
.titre {
font-size: 2em;
margin: 0;
padding: 0;
color:#200060;
}
/* sous titre */
.sousTitre {
font-size: 1.5em;
margin: 0;
padding: 0;
color:#200060;
}
/* banniere*/
#header {
height: 100px;
background-color: #ffffff;
}
/* contenu du site (menu rouge) */
#conteneur {
list-style-type: none;
font-family:palatino linotype;
position: absolute;
width: 740px;
left: 50%;
margin-left: -375px;
background-image:url('image/elements/fondMenuRouge.jpg');
}
/* corps du site */                                                                                                                              
#centre {
background-image:url('image/elements/Couleurfond.jpg');
margin-left: 150px;
height:440px;
}
/* titre menu */
#gauche {
position: absolute;
left:0;
width: 150px;
top:55px;
}
/* pieds de page */
#pied {
height: 40px;
background-color: #ffffff;
font-size:0.7em;
}

/* menu liens */
.menugauche {
position: absolute;
list-style-type: none;
margin: 0;
padding:0;
left:0px;
top:80px;
}
.menugauche li {
margin-bottom: 10px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: none;
}
.menugauche a:hover {
color : white ;
text-decoration : underline ;
background-image:url('image/elements/fondItem.jpg');
border : 5 px outset;
}
p {margin: 0 0 10px 0;}

/*sous menu*/
.menu2 {
text-decoration:none;
color: #000000;
font-size:0.7em;
}

/*liens menu page "equipe"*/
.menu3 {
text-decoration: none;
color: #000000;
font-size:0.9em;
}
/* menu pour liens dans le corps des pages */
.liensIn {
text-decoration: none;
color: #000000;
font-size:1.2em;
}
/* bouton retour à l'accueil */
.retourAccueil {
list-style-type: none;
text-decoration: none;
position:absolute;
color: #000000;
left: 610px;
top:517px;
}

/* bouton retour*/
.retour {
list-style-type: none;
text-decoration: none;
position:absolute;
color: #000000;
left: 660px;
top:517px;
}

/* décoration liens mail */
.mail {
text-decoration:underline;
color: #200080;
font-size:1em;
}

.mail2 {
text-decoration:none;
color: #200080;
font-size:1em;
}

/* texte corps de la page */
.texte {
list-style-type: none;
text-decoration: none;
position:absolute;
color: #200060;
left:155px;
font-size:0.8em;
margin-left: 10px;
}

/*texte dans le tableau contact */
.texteContact {
list-style-type: none;
text-decoration: none;
position:absolute;
color: #200060;
font-size:0.8em;
}

/* création d'une frame pour gérer la page */
.frame {
margin-left: 20px; /* on place ce bloc à droite du bloc menu de 170px de large */
width: 92%;
height: 350px; /* A VOIR pour modifier j'aimerais une hauteur adaptee a la fenetre*/
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
}

/* création d'un saut de page */
#sautpage {
background-color : silver;
width:100px;
float:left;
}
#sautpageContenu {
margin-left:10px;
}
/* pour les liens */
.liens {
color:#000000;
text-decoration: none;
}


/* galerie photos */
div#galerie
{
	width: 425px ;
	height: 285px;
	background: #40a0c0 ;
	border: 0px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.8em Georgia, serif ;

}
ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	text-decoration: none;
}
ul#galerie_mini li
{
	float: left ;


}
ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 0px solid #dcb ;
	color:#000000;
	text-decoration:none;
}
dl#photo
{
	clear: both ;
	margin: 0 auto ;
}
dl#photo dt /* gros titre de la page */
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
	color:#000000;
        text-decoration: none;
}
dl#photo dd
{
	margin: 0 ;
}
dl#photo img
{
	border: 0px solid #dcb ;
}


</style>
