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

#tout {
	width:975px;
	height:714px;
	margin-left: -487px;
	position: absolute;
	left: 50%;
	margin-top: 10px;

}

#conteneur {
	width:564px;
	height:372px;
	margin-left: 205px;
	margin-right: 205px;
	margin-top: 171px;
	margin-bottom: 171px;
	
}
#phrase {
	width:564px;
	height:116px;

}

/* /////////////////////////////////////////  LIENS   ////////////////////////////////////////////*/
#here {
     width: 263px;
     height: 116px;
	 float:left;
}
.rollovera {
     width: 263px;
     height: 116px;
     background: transparent url(images/here_hover.jpg)  no-repeat;
}
.rollovera a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/here.jpg) no-repeat;
	 outline:none; 
}
.rollovera a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}
#is {
     width: 112px;
     height: 116px;
	 float:left;
}
.rolloverb {
     width: 112px;
     height: 116px;
     background: transparent url(images/is_hover.jpg)  no-repeat;
}
.rolloverb a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/is.jpg) no-repeat;
	 outline:none;
}
.rolloverb a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}
#my {
     width: 189px;
     height: 116px;
	 float:right;
}

.rolloverc {
     width: 189px;
     height: 116px;
     background: transparent url(images/my_hover.jpg)  no-repeat;
}
.rolloverc a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/my.jpg) no-repeat;
	 outline:none;
}
.rolloverc a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}
.rolloverd {
     width: 564px;
     height: 256px;
     background: transparent url(images/stuff_hover.jpg)  no-repeat;
}
.rolloverd a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/stuff.jpg) no-repeat;
	 outline:none;
}
.rolloverd a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}
/* ///////////////////////////////////////// FIN LIENS   ////////////////////////////////////////////*/


/* ///////////////////////////////////////// BOITE BLEUE   ////////////////////////////////////////////*/

#mondiv2 {
	display:block;
	background:url(images/fond_contact.jpg) no-repeat;
	height: 186px;
	width: 247px;
	position: absolute;
	left: -40px;
	top: 95px;
}
#contact {
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFF;
	letter-spacing: -0.9mm;
	line-height:7mm;
	font-size:26px;
	height: 186px;
	width: 247px;
	margin-left:3px;
}
#contact a {
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFF;
	letter-spacing: -1mm;
	line-height:7mm;
	font-size:26px;
	text-decoration : none;
	
}

/* ///////////////////////////////////////// FIN BOITE BLEUE   ////////////////////////////////////////////*/


.rouge {
	color: #e2007a;
}
.jaune {
	color: #ffed00;
}
.blanc {
	color: #ffffff;
}
.bleu {
	color: #009ee0;

}
.surligne {
	background: #009ee0;

}
.surlignejaune {
	background: #ffed00;

}


/* ///////////////////////////////////////// BOITE ROSE   ////////////////////////////////////////////*/


#mondiv3 {
	display:block;
	background:url(images/fond_is.jpg) no-repeat;
	height: 182px;
	width: 445px;
	position: absolute;
	left: 300px;
	top: -15px;
}
#moi {
	font-family:"Arial Black", Gadget, sans-serif;
	color:#1a171b;
	letter-spacing: -0.8mm;
	line-height:7mm;
	font-size:26px;
	height: 186px;
	width: 445px;
	margin-left:2px;
	margin-top:45px;
}

/* ///////////////////////////////////////// FIN BOITE ROSE   ////////////////////////////////////////////*/


/* ///////////////////////////////////////// BOITE JAUNE  ////////////////////////////////////////////*/


#mondiv5 {
	display:block;
	background:url(images/fond_my.jpg) no-repeat;
	height: 107px;
	width: 112px;
	position: absolute;
	left: 770px;
	top: 145px;
}
#tailor {
	font-family:"Arial Black", Gadget, sans-serif;
	color:#fff;
	letter-spacing: -1.1mm;
	line-height:6mm;
	font-size:26px;
	height: 107px;
	width: 95px;
	margin-left:22px;
	margin-top:30px;
}

/* ///////////////////////////////////////// FIN BOITE JAUNE   ////////////////////////////////////////////*/



/* ///////////////////////////////////////// BOITE NOIRE   ////////////////////////////////////////////*/


#mondiv4 {
	display:block;
	background:url(images/fond_book.jpg) no-repeat;
	height: 160px;
	width: 818px;
	position: absolute;
	left: 65px;
	top: 535px;
}

#liens {
	height: 122px;
	width: 744px;
	margin-top:25px;
	margin-left:20px;
}
#training {
	height: 122px;
	width: 141px;
	float:left;
	margin-right:10px;
}

#webdesign {
	height: 122px;
	width: 141px;
	float:left;
	margin-right:10px;
}

#logo {
	height: 122px;
	width: 141px;
	float:left;
	margin-right:10px;
}

#print {
	height: 122px;
	width: 141px;
	float:left;
}

#photo {
	height: 122px;
	width: 141px;
	float:right;
}

.hidden { /* masquage de lien.jpg au survol */
     display:none;
}