@charset "utf-8";
/* CSS Document */



.Style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.affiche {
	font-size: 20px;
	color: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	margin-left: 20px;
}
.Style3 {
	font-size: 10px;
	color: #00CCFF;
}
#conge {
	height: 65px;
	width: 350px;
	position: absolute;
	z-index: -1;
	top: 0px;
	right: 3px;
}
#commentaireb {
	height: 150px;
	width: 96%;
	bottom: 0px;
	text-align: justify;
	padding-left: 2%;
	line-height: 20px;
	color: #CCCCCC;
	margin-bottom: 0px;
	margin-top: 40px;
}
#commentaireb a {
	display: inline;
}
.Style4 {color: #CCCCCC}

#sitesweb a {
	background-image: url(../infographiste/site-web.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#carole a {
	height: 240px;
	width: 200px;
	background-image: url(../sites-internet/jm1.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 11px;
	background-position: right;
}
#carole a:hover {
	background-image: url(../sites-internet/jm2.png);
	background-repeat: no-repeat;
	background-position: right;
	
}

#sitesweb a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}

#serigraphie a {
background-image: url(../infographiste/serigraphie-textiles.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#serigraphie a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}

#brochures a {
background-image: url(../infographiste/brochures-flyers.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#brochures a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}

#logos a {
background-image: url(../infographiste/logos-chartes-graphiques.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#logos a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}

#animations a {
	background-image: url(../infographiste/animations-flash.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#animations a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}

#troisd a {
background-image: url(../infographiste/animation-3d.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#troisd a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}

#multimedia a {
background-image: url(../infographiste/multimedia.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#multimedia a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}

#photographie a {
background-image: url(../infographiste/photographie.jpg);
	display: block;
	height: 240px;
	width: 200px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
}
#photographie a:hover {
	color: #0099FF;
	border: 1px solid #0099FF;
}
.lienaccueil {
	display: none;
	margin: 0px;
}