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

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration:none;
	outline:none;
	border:none;
	font: 100% Verdana, Arial, Helvetica, sans-serif;

}

body, html{
	width: 100%;
	height: 100%;
	overflow:hidden;
	background-color:#cecbca;
	font-size:9px;
}

#logo{
position:absolute;
right:60px;
top:22px;
z-index:100000;


}


/* NAVIGATION */
#navigation { position: fixed; margin: 0; padding: 0; top: 120px; right:0px; list-style: none; height: 600px; z-index:100000; }
#navigation li { width: 120px; }
#navigation li a { display: block; margin-left: 70px; padding-top: 40px; width: 143px; height: 0; overflow: hidden; background: #000; }

#navigation .accueil a { background: url(image/icons/accueil.png) no-repeat top right; }
#navigation .identite a { background: url(image/icons/identite.png) no-repeat top right; }
#navigation .print a { background: url(image/icons/print.png) no-repeat top right; }
#navigation .illustration a { background: url(image/icons/illustration.png) no-repeat top right; }
#navigation .web a { background: url(image/icons/web.png) no-repeat top right; }
#navigation .textile a  { background: url(image/icons/textile.png) no-repeat top right; }
#navigation .art a { background: url(image/icons/art.png) no-repeat top right; }
#navigation .photo a { background: url(image/icons/photo.png) no-repeat top right; }
#navigation .goodies a { background: url(image/icons/goodies.png) no-repeat top right; }
#navigation .contact a { background: url(image/icons/contact.png) no-repeat top right; }


.fondcartouche{
height:21px;
width:420px;
top:0;
left:200px;
position: fixed;
z-index:1000;

background-image:url(image/icons/c02.png);
background-repeat:no-repeat;
}


.cartouche {
height:auto;
width:auto;
left:200px;
color:#EEEEEE;
font-size:9px;
top:0;
padding-left:5px;
padding-top:9px;
text-transform:uppercase;
position: fixed;
z-index:1000000;




}

.cartouche a {
color: #888888;
font-size:9px;

}

.cartouche a:hover {
color: #DDDDDD;
font-size:9px;

}


.pprint, .pillustration, .pweb, .ptextile, .part, .pgoodies, .pphoto, .pidentite {
left:660px;
font-size:12px;
top:6px;

text-transform:uppercase;
position: fixed;
z-index:100000;


}

.pprint a, .pillustration a, .pweb a, .ptextile a, .part a, .pgoodies a, .pphoto a, .pidentite a  {

color:#EEEEEE;
padding-left:6px;
padding-right:6px;
padding-top:6px;
padding-bottom:6px;

margin-left:2px;

background-image:url(image/icons/p02.png);
background-repeat:no-repeat;


}

.pprint a:hover, .pillustration a:hover, .pweb a:hover, .ptextile a:hover, .part a:hover, .pgoodies a:hover, .pphoto a:hover, .pidentite a:hover{
color: #222222;
background-image:url(image/icons/p02.png);
background-repeat:no-repeat;


}

.pprint a.activeSlide, .pillustration a.activeSlide, .pweb a.activeSlide, .ptextile a.activeSlide, .part a.activeSlide, .pgoodies a.activeSlide, .pphoto a.activeSlide, .pidentite a.activeSlide {
color: #EEEEEE;
background-image:url(image/icons/p01.png);
background-repeat:no-repeat;



}


.tprint, .tillustration, .tweb, .ttextile, .tart, .tphoto, .tgoodies, .tidentite, .taccueil, .tcontact {
left:50px;
width:120px;
color:#EEEEEE;
font-size:9px;
top:0;
text-transform:uppercase;
height:21px;
padding-left:5px;
padding-top:9px;
position: fixed;
z-index:100000;


}


.taccueil{
background-image:url(image/icons/taccueil.png);
background-repeat:no-repeat;
}
.tidentite{
background-image:url(image/icons/tidentite.png);
background-repeat:no-repeat;

}
.tprint{
background-image:url(image/icons/tprint.png);
background-repeat:no-repeat;

}
.tillustration{
background-image:url(image/icons/tillustration.png);
background-repeat:no-repeat;

}
.tweb{
background-image:url(image/icons/tweb.png);
background-repeat:no-repeat;

}
.ttextile{
background-image:url(image/icons/ttextile.png);
background-repeat:no-repeat;

}
.tart{
background-image:url(image/icons/tart.png);
background-repeat:no-repeat;

}
.tphoto{
background-image:url(image/icons/tphoto.png);
background-repeat:no-repeat;

}
.tgoodies{
background-image:url(image/icons/tgoodies.png);
background-repeat:no-repeat;

}
.tcontact{
background-image:url(image/icons/tcontact.png);
background-repeat:no-repeat;

}



#contactfin{
top:120px;
position:fixed;

}


#remi{
top:220px;
position:fixed;

}
#julien{
top:300px;
position: fixed;

}


.intro{
left:200px;
top:120px;
position: fixed;
z-index:100;
width:360px;

}




.titre1{
text-align:left;
color: #FFFFFF;
font-size:18px;
}


.titre2{
text-align:left;
color: #FFFFFF;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
}


.titre3{
text-align:left;
padding-top:5px;
color: #262121;
font-size:9px;
text-transform:uppercase;
}

.titre3 a{
text-align:left;
padding-top:5px;
color: #262121;
font-size:9px;

}

.texte4{
padding-top:30px;
color:#FFFFFF;
font-size:12px;
text-align:justify;
}

.titre5{
padding-bottom:6px;
text-align:left;
color: #FFFFFF;
font-size:18px;
text-transform:uppercase;
}


.titre6{
text-align:left;
color: #FFFFFF;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
}


.titre7{
text-align:left;
padding-top:2px;
color: #262121;
font-size:9px;
text-transform:uppercase;
}

.titre7 a{
text-align:left;
padding-top:2px;
color: #262121;
font-size:9px;

}

.titre8{
padding-bottom:0px;
text-align:left;
color: #FFFFFF;
font-size:18px;
text-transform:uppercase;
}

.titre8 a{
padding-bottom:0px;
text-align:left;
color: #FFFFFF;
font-size:18px;
text-transform:uppercase;
}

.orange{
color: #443C3B;
}