.cb {clear:both;}

body {
	background:white;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
 	color:#8B8989;
	}

h1 {
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
 	color:#626262;letter-spacing:0.1em;
	}

div#centrage {
	position:absolute;
	top:0px;
	left:50%; 
	padding:0 ;
	margin:0 0 0 -400px;
}

div#main { /* couleur de fond avec ombrage */
	padding:0;margin:0;background:#fff;
	position:relative;
	top:30px;
	left:0px;width:800px;
}



#logo {
	position:absolute; top:10px;left:10px;
	background:url(../images/titre2.gif) no-repeat;width:207px;height:39px;
	}







#menu { float:right;margin:10px 0 40px 0;}
#menu ul {list-style:none;}
#menu li {float:left;margin:0 10px;}
#menu a {display:block;height:16px;}
#menu_illustration {background:url(../images/illus1.gif) no-repeat;width:94px;}
#menu_illustration:hover { background: url(../images/illus2.gif) no-repeat; }
#menu_animation { background: url(../images/anim1.gif) no-repeat; width: 80px; }
#menu_animation:hover {background:url(../images/anim2.gif) no-repeat;}
#menu_communication {background:url(../images/comm1.gif) no-repeat;width:128px;}
#menu_communication:hover {background:url(../images/comm2.gif) no-repeat;}



#menu_edition {background:url(../images/ed1.gif) no-repeat;width:55px;}
#menu_edition:hover {background:url(../images/ed2.gif) no-repeat;}



#menu_contact {background:url(../images/con1.gif) no-repeat;width:74px;}
#menu_contact:hover {background:url(../images/con2.gif) no-repeat;}



#sourisverte { position: absolute; top: 150px; left: 400px; }
#sourisverte a{background:url(../images/b.jpg) no-repeat;cursor:pointer;width:200px;height:349px;display:block;}
#sourisverte a:hover{background:url(../images/b3.jpg) no-repeat;}

#ContainerDiaporama { width:600px; height:450px; text-align:left; position: absolute; top: 120px; margin:30px 0 0; }

#ContainerDiaporama img{ position:absolute;top:0;left:0;}

#ContainerDiaporama a {cursor:pointer;}



#LesBoutons { position:absolute; width:70px; top:385px; left:585px; float: left; }

#BoutonGauche{ float:left;margin-left:20px;display:block;width:9px;height:15px;background:url(../images/buttonleft.gif) no-repeat;}

#BoutonGauche:hover{ background:url(../images/buttonleftover.gif) no-repeat;}

#BoutonDroit { float:right;margin-right:20px;display:block;width:9px;height:15px;background:url(../images/buttonright.gif) no-repeat;}

#BoutonDroit:hover{background:url(../images/buttonrightover.gif) no-repeat;}

#containertitre { top:280px; left:605px; position:absolute; text-align:left; width:200px; height: 300px; }



#titre { display:inline; background-color:#fff; background-position: 0 bottom; padding:0; text-align:left }



#bottom {top:600px;left:0px;position:absolute; width:auto; padding:0 10px; text-align:right; clear:both;}




div#footer { /* couleur de fond avec ombrage */
	top:640px;left:0px;position:absolute; width:auto; padding:0 10px; text-align:right; clear:both;
	border-top:1px solid #8B8989;padding-top:9px; padding-right:30px;
}

.refsio {position:relative;bottom:10px;list-style:none;width:100%;text-align:center;}
.refsio li {float:left;margin:2px 10px;}
.refsio a {float:left;margin:2px 10px;text-decoration:none;color:#8B8989;}
.refsio a:hover {text-decoration:underline;}



.diapo { 
	float:left;border:1px solid #8B8989;margin:3px;
	}
.diapo table {width:120px;height:120px;border-collapse:collapse;border-width:0px;vertical-align:middle;}
.diapo td {height:120px!important;overflow:hidden;text-align:center;}
.diapo a{text-decoration:none;}
.diapo img{border:none;max-height:100px;max-width:100px;}