* {	padding:0;
	margin:0;
	font-family:optima,verdana,helvetica,arial,sans-serif;
	font-size:0.98em;
	font-stretch:extra-condensed
  }
  


dd {
	margin-bottom:0.5em;
		}
  
.col1 {
		float: left;
		width:200px
		}
.col2 {
		width:200px;
		margin-left:260px
		}

.titre,dt {
		text-decoration:underline;
		font-size:1.2em;
		}
		
  
div.content {
	width:800px;
	height:600px;
	margin:auto;
	}
	
div.menu {
	float: left;
	}


div.menu ul {
			margin-left:31px;
			}
	
div.menu li {
	width:123px;
	height:72px;
	list-style-type:none;
	margin-bottom: 8px;
	

	}
div.menu li a{	
	width:123px;
	height:75px;
	display:block
	}
	
	
div.menu li a#acc:link,div.menu li a#acc:visited{
	background-image:url("media/bouton0.png");
	}
div.menu li a#acc:hover {
	background-image:url("media/bouton20.png");
	}
	
div.menu li a#esp:link,div.menu li a#esp:visited{
	background-image:url("media/bouton1.png");
	}
div.menu li a#esp:hover {
	background-image:url("media/bouton21.png");
	}
	
div.menu li a#gym:link,div.menu li a#gym:visited{
	background-image:url("media/bouton2.png");
	}
div.menu li a#gym:hover {
	background-image:url("media/bouton22.png");
	}
	
div.menu li a#peint:link,div.menu li a#peint:visited{
	background-image:url("media/bouton3.png");
	}
div.menu li a#peint:hover {
	background-image:url("media/bouton23.png");
	}
	
div.menu li a#infor:link,div.menu li a#infor:visited{
	background-image:url("media/bouton4.png");
	}
div.menu li a#infor:hover {
	background-image:url("media/bouton24.png");
	}
	
div.menu li a#ins:link,div.menu li a#ins:visited{
	background-image:url("media/bouton5.png");
	}
div.menu li a#ins:hover {
	background-image:url("media/bouton25.png");
	}
	
div.menu li a#tar:link,div.menu li a#tar:visited{
	background-image:url("media/bouton7.png");
	}
div.menu li a#tar:hover {
	background-image:url("media/bouton27.png");
	}
div.menu li a#info:link,div.menu li a#info:visited{
	background-image:url("media/bouton6.png");
	}
div.menu li a#info:hover {
	background-image:url("media/bouton26.png");
	}	
	

	
div.main {
		margin-left:200px;
		margin-top: 20px;
		height:600px;
		width: 500px;
		text-align:justify; 
		background-repeat:no-repeat;
		padding:7em 8em 0 5em;


		}
div.main#if {
		margin-left:200px;
		margin-top: 20px;
		height:600px;
		background-repeat:no-repeat;
		padding:5em 8em 0 5em;
		font-size:0.9em;


		}


div.main#ce {
		background-image:url("media/fond2.png");
		}
div.main#gm {
		background-image:url("media/fond3.png");
		}
div.main#pt {
		background-image:url("media/fond4.png");
		}
div.main#ft {
		background-image:url("media/fond5.png");
		}		
div.main#in {
		background-image:url("media/fond7.png");
		}
div.main#tr {
		background-image:url("media/fond8.png");
		}
div.main#if {
		background-image:url("media/fond6.png");
		}

		
/*ACCUEIL*/

div.main#accueil {
		background-image:url("media/fond1.png");
		}


/*CONSEILS*/

div.main#conseils {
		background-image:url("../media/fond2.png");
		}

div.main#conseils ul{
		margin-left:270px;
		width:200px;
		margin-top:1em;
		list-style-type:square;
		font-size:1em
		}
				
/*creations graphiques*/


		
div.main#crea ul{
		font-size:1.2em
		}

div.main#crea li{
		margin-bottom:0.3em;
		list-style-type:square;
		
		}
		
/*WEB DESIGN*/


/*PROFIL*/

div#intro {
		float:left;
		margin:-9em 0  0 -4em 
		}
		
	

div.main#profil h1 {
		margin:1em 0 0 8em;
		font-size:1.2em
		}
		
div.main#profil h2 {
		text-align: center;
		font-size:1.3em;
		margin-bottom:0.6em;
		font-variant:small-caps;
		font-weight:bold
		}

div.main#profil li {
		margin-bottom:0.5em;
		}

p#topo {
		float: top;
		margin:-9em -3em 0 30em;
		}	
		
div.main#profil div.col1 {
		height:5em;
		width:230px;
		overflow:auto;
		margin:2em 0 0 -2em;
		padding:0.3em 0.3em 0.3em 0.3em;
		background-color:#acaeaf;
		}
		
div.main#profil div.col2 {
		margin:7.6em 0 -2em 5em;
		width:230px;
		height:5em;
		overflow:auto;
		padding:0.3em 0.3em 0.3em 0.3em;
		background-color:#acaeaf;
		}		

/*GALERIE*/

div.main#galerie ul{
		margin:-1em 0 0 6em;
		list-style-type: none;
		width:250px;
		height:220px;
		overflow:auto;

		}

div.main#galerie li{
		text-align: center
		}
		
div.main#galerie li a{
		line-height:220px
		}	
div.main#galerie object{
		vertical-align: middle
		}
div.chaines#partie1{
		margin:-24.5em 0 0 46em
		}

div.chaines#partie2{
		margin:-15.7em 0 0 49em
		}		
		
div.chaines	ul {
		list-style-type:none
		}
		
div.chaines li {
	width:30px;
	height:32px;
	margin-bottom:1em
	}

div.chaines li a{
	width:30px;
	height:32px;
	display:block
	}
	
		
div.chaines li a:link,div.chaines li a:visited{
	background-image:url("../media/bouton3.png");
	}
	
div.chaines li a:hover {
	background-image:url("../media/boutons.png");
	}	
	
div.chaines li a:link p,div.chaines li a:visited p{ 
	visibility:hidden
	}
	
div.chaines li a:hover p{
	visibility:visible;
	position:absolute;
	left:340px;
	top:155px;
	color:white;
	font-weight:bold;
	font-variant:small-caps;
	font-size:1.3em;
	text-align:center;
	width:15em;

	}

/*PHOTO*/

#photo h1 {
margin:5em 0 5em 5em
}
	
/* CONTACT */



fieldset{
		border : 0px
		}

legend {
	display: none
	}
	
div#contact dt {
	text-decoration:none
	}
	
div.main#contact div.col1,div.main#contact div.col2 {	
	background-color:none
	}
	
div.main#contact div.col1 {
	margin-left:2em;
	margin-top:-8em
	}

textarea {
		width: 100%;
		height: 8em
}	

div.main#contact dt {
	margin-bottom:1em;
	margin-top:2em
	}
	
div.main#contact dd {
		width: 100%;
	}

div#bouton {
	margin-left: 18em;
	margin-top:3em
	}