@charset "iso-8859-1";

           /*             */
* {margin:0; padding:0;}
           /*             */

BODY {
  
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  margin: 0px;
  padding:0px;
	text-align:center ;
}

A {
  text-decoration: none;
}

A:hover {
  text-decoration: none;
}

a.bonus {
  color: #ffffff;
  font: 120% Tahoma, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.05em;
}
a.bonus:hover {
  color: #FCD532;
  font: 120% Tahoma, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.05em;
}
a.menu {
  color: #000000;
  font: 120%/130% Verdana, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.04em;
}
a.menu:hover {
  color: #33CCFF;
  font: 120%/130% Verdana, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.04em;
}
a.menu2 {
  color:red;
  font: 120%/130% Verdana, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.04em;
}
a.menu2:hover {
  color: #33CCFF;
  font: 120%/130% Verdana, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.04em;
}
a.work {
  color: #A1C11E;
  font: 110%/130% Tahoma, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.04em;
}
a.work:hover {
  color: #ffffff;
  font: 110%/130% Tahoma, Arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  letter-spacing:-.04em;
}
a.retour {
  color: #0066FF;
  font: 110% Tahoma, Arial, sans-serif;
  text-decoration: none;
}
a.retour:hover {
  color: #000000;
  font: 110% Tahoma, Arial, sans-serif;
  text-decoration: none;
}
a.page {
  color: #0066FF;
  font: 100% Tahoma, Arial, sans-serif;
  text-decoration: underline;
}
a.page:hover {
  color: #ffffff;
  font: 100% Tahoma, Arial, sans-serif;
  text-decoration: none;
}
a.port {
  color: #0066FF;
  font: 135% Tahoma, Arial, sans-serif;
  text-decoration: underline;
}
a.port:hover {
  color: #ffffff;
  font: 135% Tahoma, Arial, sans-serif;
  text-decoration: none;
  background-color:tomato;
}
a.versionx3 {
  border: 1px solid #ffffff;
}
a.versionx3:hover {
  border: 1px solid red;
}
a.def {
  color: #ffffff;
  text-decoration: underline;
}
a.def:hover {
  color:tomato;
  text-decoration: none;
}
a.lien_site {
  color:tomato;
  text-decoration: none;
  font: 130%/150% Tahoma, Arial, sans-serif;
}
a.lien_site:hover {
  color: #0066FF;
  text-decoration: none;
  font: 130%/150% Tahoma, Arial, sans-serif;
}

div#site {
  text-align:center;
  width:880px;
  margin: 0px;
  padding: 0px;
  background-image:url(imgs/decoupe.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
div#site2 {
  text-align:center;
  width:880px;
  margin: 0px;
  padding: 0px;
  background-image:url(imgs/decoupe2.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
div#site3 {
  text-align:center;
  width:880px;
  margin: 0px;
  padding: 0px;
  background-image:url(imgs/decoupe3.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
div#site4 {
  text-align:center;
  width:880px;
  margin: 0px;
  padding: 0px;
  background-image:url(imgs/decoupe4.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
div#site5 {
  text-align:center;
  width:880px;
  margin: 0px;
  padding: 0px;
  background-image:url(imgs/decoupe5.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
div#site6 {
  text-align:center;
  width:880px;
  margin: 0px;
  padding: 0px;
  background-image:url(imgs/decoupe6.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
div#site7 {
  text-align:center;
  width:880px;
  margin: 0px;
  padding: 0px;
  background-image:url(imgs/decoupe7.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
div.clear {
  clear:both;
  height:0;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}
div#retour {
	width:100%;
	height:15px;
	text-align:left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
div#date {
	float:left;
	width:555px;
	height:175px;
	margin: 0px;
  padding: 0px;
}
div#bonus {
	float:left;
	width:80px;
	height:175px;
	text-align:left;
	margin: 0px;
  padding: 0px;
	border: 1px solid #E2E2E2;
}
div#portfolio {
	float:left;
	width:220px;
	height:175px;
	text-align:left;
	margin: 0px;
  padding: 0px;
	border: 0px;
}
div#main1 {
	float:left;
	width:200px;
	height:277px;
	margin: 0px;
  padding: 0px;
	text-align:right;
	border: 1px solid #E2E2E2;
}
div#page {
	float:left;
	width:275px;
	height:277px;
	margin: 0px;
  padding: 0px;
	color: #ffffff;
  font: 110%/120% Tahoma, Arial, sans-serif;
  text-align: center;
}
div#main12 {
	float:left;
	width:475px;
	height:277px;
	margin: 0px;
  padding: 0px;
	text-align:center;
	border: 1px solid #E2E2E2;
}
div#main122 {
	float:left;
	width:475px;
	height:277px;
	margin: 0px;
  padding: 0px;
	text-align:center;
	border: 0px;
}
div#main3 {
	float:left;
	width:380px;
	margin: 0px;
  padding: 0px;
	height:277px;
}
div#title {
	width:380px;
	height:70px;
	margin: 0px;
  padding: 0px;
	text-align:right;
}
div#time {
	width:380px;
	height:115px;
	margin: 0px;
  padding: 0px;
	font: 180% Arial, sans-serif;
}
div#time4 {
	width:380px;
	height:115px;
	margin: 0px;
  padding: 0px;
	font: 230% Arial, sans-serif;
	font-weight:bold ;
	color: #ffffff;
}
div#link {
	width:380px;
	height:90px;
	margin: 0px;
  padding: 0px;
	text-align:right;
	border: 1px solid #E2E2E2;
}
div#menu {
	float:left;
	width:446px;
	height:180px;
	margin: 0px;
  padding: 0px;
	text-align:right;
	border: 1px solid #E2E2E2;
}
div#work {
	float:left;
	width:134px;
	height:180px;
	margin: 0px;
  padding: 0px;
	text-align:right;
}
div#loopina {
	float:left;
	width:275px;
	height:180px;
	margin: 0px;
  padding: 0px;
	text-align:right;
}
div#tions {
  clear:both;
  width: 850px;
  margin: 0px;
  padding: 0px;
}
div#loopx3 {
	float:left;
	width:150px;
	height:140px;
	margin: 0px;
  padding: 6px 3px 3px 3px;
	text-align:left;
}

p.head1 {
   padding: 95px 275px 0px 0px;
   margin: 0px;
   color: #CC99FF;
   font: 100% Tahoma, Arial, sans-serif;
   font-weight:bold;
   text-align: center;
   letter-spacing:-.03em;
}
p.head2 {
   padding: 85px 0px 0px 0px;
   margin: 0px;
}
p.head3 {
   padding: 120px 0px 0px 0px;
   margin: 0px;
   text-align:left;
}
p.titre {
   padding: 14px 33px 0px 0px;
   margin: 0px;
   color: #CC99FF;
   font: 115% Arial, sans-serif;
   font-weight:bold;
   text-align: right;
   letter-spacing: .1em;
   border: 1px solid #E2E2E2;
}
p.loops {
   padding: 80px 0px 0px 17px;
   margin: 0px;
   font: 115% Arial, sans-serif;
   text-align:left;
}
p.justify {
   padding: 0px 30px 0px 55px;
   margin: 0px;
   color:#ffffff;
   text-align:justify;
   font: 105%/120% Tahoma, Arial, sans-serif;
}
p.justify2 {
   padding: 6px 30px 0px 55px;
   margin: 0px;
   color:#ffffff;
   text-align:justify;
   font: 100%/100% Tahoma, Arial, sans-serif;
}
p.petit {
   padding: 2px 30px 0px 55px;
   margin: 0px;
   color:#FFCCCC;
   text-align:justify;
   font: 90%/110% Tahoma, Arial, sans-serif;
}
p.weblink {
   padding: 20px 0px 0px 80px;
   margin: 0px;
   text-align:left;
}
p.foot2 {
   padding: 40px 0px 0px 0px;
   margin: 0px;
   border: 1px solid #E2E2E2;
}
p.foot3 {
   padding: 68px 0px 0px 0px;
   margin: 0px;
}

div.photo {
   padding: 15px 20px 3px 0px;
   margin: 0px;
}
p.arial {
   font: 90% Arial, sans-serif;
}
p.verdana {
   font: 90% Verdana, Arial, sans-serif;
}
p.tahoma {
   font: 90% Tahoma, Arial, sans-serif;
}