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

body {	background-color: #999;}
a { color: black; text-decoration:none;}
a:hover { font-weight: bold;color: #A4B4F6; text-decoration:none;}
img {border: none;position: absolute;}

.site {position:relative;
	width: 900px;
	height: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(fond.gif);
	background-repeat: repeat-x;}
.logo {position: absolute;}
.fond {	position: absolute;}

#FrogJS {
	width: 550px;
	left: 300px;
	top: 200px;}


.mail {position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.938em;
	margin-top: 295px;
	margin-left: 316px;
	letter-spacing: 2px;}

h1 {position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.25em;
	width: 200px;
	height: 25px;
	text-align: center;
	margin-left: 45px;
	font-weight: normal;
	letter-spacing: 5px;}
	
h1.home  {margin-top: 230px;}
h1.catalogue {margin-top: 285px;}
h1.projets {margin-top: 340px;}
h1.contact {margin-top: 395px;}
h1.liens {margin-top: 450px;}
h1.gal {margin-top: 505px;}
h1.titrepage {
margin-top: 48px;
margin-left: 470px;}

h2 {position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.625em;
	letter-spacing: 5px;
	font-weight: normal;}
	
h2.filmco {
	margin-left: 320px;
	margin-top: 100px;}
h2.even {
	margin-left: 460px;
	margin-top: 145px;}

h2.lex1, h2.lex2, h2.lex3 {
	margin-left: 350px;
	font-weight: bold;}
h2.lex1{margin-top: 235px;}
h2.lex2{margin-top: 475px;}
h2.lex3{margin-top: 740px;}

h2.news {
	margin-left: 518px;
	margin-top: 125px;
	font-size: 0.688em;}
h2.descr {
	margin-top: 630px;
	margin-left: 375px;
	font-weight: bold;}	
h2.fict {
	margin-left: 695px;
	margin-top: 115px;}
h2.clients {
	margin-top: 240px;
	margin-left: 360px;
	font-weight: bold;}
h2.lienspro {margin-top: 490px;
	margin-left: 360px;
	font-weight: bold;}
h2.part {margin-top: 695px;
	margin-left: 360px;
	font-weight: bold;}
h2.galpatsy {
	margin-top: 760px;
	margin-left: 450px;}
	
p { position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.625em;
	text-align: center;
	letter-spacing: 2px;}

p.txtlex1, p.txtlex2, p.txtlex3 {
	margin-left: 400px;
	width: 330px;
	height: 165px;
	text-align: left;
	font-size: 10px;}
p.txtlex1{margin-top: 295px;}
p.txtlex2{margin-top: 535px;}
p.txtlex3{margin-top: 800px;}

p.lien1, p.lien2, p.lien3, p.lien4, p.lien5, p.lien6, p.lien7, p.lien8, .lien9 {
	margin-left: 435px;
	font-size: 0.625em;
	width: 440px;}
p.lien1 {margin-top: 300px;}
p.lien2 {margin-top: 360px;}
p.lien3 {margin-top: 420px;}
p.lien4 {margin-top: 558px;}
p.lien5 {margin-top: 618px;}
p.lien6 {margin-top: 767px;}
p.lien7 {margin-top: 830px;}
p.lien8 {margin-top: 890px;}
p.lien9 {margin-top: 950px;}

.car1, .car2, .car3, .car4, .car5, .car6, .car7, .car8, .car9
{width: 21px; height: 21px; position: absolute;margin-left: 380px;font-size: 1.25em;}
.car1:hover, .car2:hover, .car3:hover, .car4:hover, .car5:hover, .car6:hover, .car7:hover, .car8:hover, .car9:hover{
	background-image: url(carre.png);}
.car1{background-color: #A4B4F6;margin-top: 300px;}
.car2{background-color: #7985B7;margin-top: 360px;}
.car3{background-color: #606990;margin-top: 420px;}
.car4{background-color: #474D6A;margin-top: 558px;}
.car5{background-color: #717CAA;margin-top: 618px;}
.car6{background-color: #7985B7;margin-top: 767px;}
.car7{background-color: #A4B4F6;margin-top: 830px;}
.car8{background-color: #474D6A;margin-top: 890px;}
.car9{background-color: #606990;margin-top: 950px;}

p.lulu {
	margin-top: 260px;
	margin-left: 315px;
	height: 35px;
	width: 500px;}
p.instinct strong, p.jazz strong, p.stock strong, p.lulu strong {font-size: 1.25em;}
p.instinct {
	margin-top: 390px;
	margin-left: 365px;
	height: 35px;
	width: 400px;
}
p.new1, p.new2 {
	width: 379px;
	margin-left: 380px;
	font-size: 0.563em;
	text-align: justify;}
p.new1 {margin-top: 170px;}
p.new2 {margin-top: 270px;}
p.jazz {
	margin-top: 210px;
	margin-left: 290px;
	height: 35px;
	width: 400px;
	font-size: 0.5em}
p.stock {
	margin-top: 530px;
	margin-left: 290px;
	height: 35px;
	width: 400px;}
p strong { 
	letter-spacing: 4px;}
p em { 
	font-style: normal;
	letter-spacing: 4px;}
p.txtcontact1, p.txtcontact2 {
	text-align: justify;
	font-size: 0.625em;
	line-height: 18px;
	letter-spacing: 4px;}
p.txtcontact1 {
	margin-left: 340px;
	margin-top: 420px;
	height: 387px;
	width: 234px;}
p.txtcontact2 {
	margin-left: 610px;
	margin-top: 582px;
	height: 387px;
	width: 250px;}
p.txtcontact3 {
	margin-left: 65px;
	margin-top: 610px;
	height: 340px;
	width: 162px;
	font-size: 0.813em;
	line-height: 18px;}
p.numtel1, p.numtel2 {font-size: 0.75em;margin-top: 920px;}
p.numtel1 strong, p.numtel2 strong{font-size: 1.188em}
p.numtel1 {margin-left: 335px;}
p.numtel2 {margin-left: 615px;}
p.txtcontact1 span, p.txtcontact2 span{letter-spacing: 2px;}
p.txtcontact1 strong, p.txtcontact2 strong{
	letter-spacing: 3px;
	font-weight: bold;}
p.txtinst {
	text-align: justify;
	font-size: 0.563em;
	margin-left: 400px;
	margin-top: 820px;
	width: 340px;
	height: 175px;}
p.txtlulu {
	text-align: justify;
	font-size: 0.625em;
	margin-left: 375px;
	margin-top: 720px;
	width: 330px;
	height: 175px;}
p.syno1, p.syno2 {
	text-align: justify;
	margin-left: 710px;
	margin-top: 277px;
	font-size: 0.5em;
	width: 170px;
	height: 175px;}
p.syno2 {margin-top: 606px;}

img.icocontact {
	margin-top: 150px;
	margin-left: 279px;}
img.imglulu {
	margin-top: 345px;
	margin-left: 402px;}
img.imginst {
	margin-top: 480px;
	margin-left: 402px;}
img.imgpatsy {
	margin-top: 900px;
	margin-left: 402px;}
img.imgjazz {
	margin-top: 279px;
	margin-left: 323px;}
img.imgstock {
	margin-top: 605px;
	margin-left: 323px;}
	
p.foot1, p.foot2, p.foot3 {font-size: 0.438em;margin-top: 1160px;}
p.foot1 {margin-left: 110px;}
p.foot2 {margin-left: 390px;}
p.foot3 {margin-left: 670px;}

.valid1{margin-top: 650px;margin-left: 400px;}
.valid2{margin-top: 650px;margin-left: 550px;}