/* CSS Document */

div#fond_som {
/*background-color: #339900;*/
position:absolute;
height: 585px;
width: 220px;
left: 200px;
top: 165px;
margin-left:50px;
}
/*____________________sommaire_Dessins_______________*/
span#dessins{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 200px;
	height: 30px;
	display: block;
	background-image:url(../img/sommaire/dessins.jpg);
	margin-top: 60px;
}
span#perso{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Cjaune.jpg);
	margin-top: 100px;
	margin-left: 8px;
}
span#perso:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/J_perso.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;

}
span#paysages{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Cjaune.jpg);
	margin-top: 120px;
	margin-left: 8px;
}
span#paysages:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/J_paysages.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;

}
span#divers{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Cjaune.jpg);
	margin-top: 140px;
	margin-left: 8px;
}
span#divers:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/J_divers.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;

}
/*_____________________________________________sommaire_2D___________________________*/
span#D2{
	background-repeat:no-repeat;
	position:absolute;
	width: 200px;
	height: 30px;
	display: block;
	background-image:url(../img/sommaire/2D.jpg);
	margin-top: 180px;
	
}
span#maquettes{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Corange.jpg);
	margin-top: 220px;
	margin-left: 8px;
}
span#maquettes:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/O_maquettes.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;

}
span#illustration{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Corange.jpg);
	margin-top: 240px;
	margin-left: 8px;
}
span#illustration:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/O_illustrations.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;
}
span#web{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Corange.jpg);
	margin-top: 260px;
	margin-left: 8px;
}
span#web:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/O_web.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;
}
span#einstein{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Corange.jpg);
	margin-top: 280px;
	margin-left: 8px;
}
span#einstein:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/O_einstein.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;
}
span#scylla{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Corange.jpg);
	margin-top: 300px;
	margin-left: 8px;
}
span#scylla:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/O_scylla.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;
}
/*_____________________________________________sommaire_3D___________________________*/
span#D3{
	background-repeat:no-repeat;
	position:absolute;
	width: 200px;
	height: 30px;
	display: block;
	background-image:url(../img/sommaire/3D.jpg);
	margin-top: 340px;
	
}
span#bouh{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Crouge.jpg);
	margin-top: 380px;
	margin-left: 8px;
}
span#bouh:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/R_bouh.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;
}
span#autres{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 20px;
	height: 20px;
	display: block;
	background-image:url(../img/sommaire/Crouge.jpg);
	margin-top: 400px;
	margin-left: 8px;
}
span#autres:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/R_autres.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
	width: 200px;
}
/*_____________________________________________CV___________________________*/
span#cv{
	background-repeat:no-repeat;
	position:absolute;
	background-color:#6600FF;
	width: 200px;
	height: 30px;
	display: block;
	background-image:url(../img/sommaire/CV.jpg);
	margin-top: 440px;
}
span#cv:hover {
	display:block;
	position:absolute;
	background-image : url(../img/sommaire/CV_hover.jpg);
	background-repeat:no-repeat;
	background-color:#CC3300;
}