.global {
     position:absolute;
     left: 50%; 
     width: 900px;
     margin-left: -450px; /* moitié de la largeur */
     border: 0px solid #ffffff;
}
.rubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	margin-left: 0px;
}
.titrerubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	line-height: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-weight: normal;
}
.creatitre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 13px;
	font-weight: normal;
	background-color:#33FFFF;
}
.barrecrea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-align: left;
}
a{
	text-decoration: none;
	color: #000000;
}

a:hover{
	text-decoration: none;
	background-color:#33FFFF;
	color: #000000;
}

.logo{
	position:absolute;
	left:0px;
	top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	width: 224px;
	height: 68px;
	z-index: 1;
}
.barre{
	position:absolute;
	left:0px;
	top:80px;
	height: 20px;
	width:900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 2;
}
.presentation{
	position:absolute;
	left:0px;
	top:100px;
	height: 200px;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 3;
}
.identite{
	position:absolute;
	left:120px;
	top:100px;
	height: 200px;
	width:140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 4;
}
.edition{
	position:absolute;
	left:280px;
	top:100px;
	height: 200px;
	width:140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 5;
}
.textile{
	position:absolute;
	left:430px;
	top:100px;
	height: 200px;
	width:140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 6;
}
.web{
	position:absolute;
	left:600px;
	top:100px;
	height: 200px;
	width:130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 7;
}
.formulairediv{
	position:absolute;
	left:768px;
	top:100px;
	height: 200px;
	width:130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 10;
}
.contact{
	position:absolute;
	left:770px;
	top:45px;
	height: 50px;
	width:130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	overflow:hidden;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 11;
	text-align:right;
}
.crea{
	position:absolute;
	left:0px;
	top:260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration:none;
	text-align:left;
	vertical-align: top;
	z-index: 12;
	background-repeat:no-repeat;
	overflow: visible;
	}
.creatxt{
	position:absolute;
	left:670px;
	top:320px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	z-index: 13;
	overflow: visible;
	}
.barrenoir{
	position:absolute;
	left:0px;
	top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: 15px;
	z-index: 14;
	background-color: #000000;
}
.barreblanche{
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
	height: 15px;
	z-index: 15;
	background-color: #FFFFFF;
}
.comment{
	position:absolute;
	left:260px;
	top:310px;
	margin-left: 0px; /* moitié de la largeur */
	margin-top: 0px; /* moitié de la largeur */
	width:250px;
	height:300px;
	background-color:#CCFF99;
	z-index: 17;
	overflow: visible;
}
.quand{
	position:absolute;
	left:240px;
	top:290px;
	margin-left: 0px; /* moitié de la largeur */
	margin-top: 0px; /* moitié de la largeur */
	width:250px;
	height:300px;
	background-color:#99FF99;
	z-index: 18;
	overflow: visible;
}
.ou{
	position:absolute;
	left:220px;
	top:270px;
	margin-left: 0px; /* moitié de la largeur */
	margin-top: 0px; /* moitié de la largeur */
	width:250px;
	height:300px;
	background-color:#00FFCC;
	z-index: 19;
	overflow: visible;
}
.qui{
	position:absolute;
	left:200px;
	top:250px;
	margin-left: 0px; /* moitié de la largeur */
	margin-top: 0px; /* moitié de la largeur */
	width:250px;
	height:300px;
	background-color:#33FFFF;
	z-index: 20;
	overflow: visible;
}
.quitxt{
	position:absolute;
	left:0px;
	top:0px;
	margin-left: 0px; /* moitié de la largeur */
	margin-top: 0px; /* moitié de la largeur */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:10px;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration:none;
	vertical-align: top;
	z-index: 21;
	margin: 20px;
}
.message{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	margin-left: 0px;
	background-color: #33FFFF;
}

.mail{
	position:absolute;
	left:200px;
	top:250px;
	margin-left: 0px; /* moitié de la largeur */
	margin-top: 0px; /* moitié de la largeur */
	width:380px;
	height:260px;
	background-color:#33FFFF;
	z-index: 22;
	overflow: visible;
}
.formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #333333;
	line-height: 18px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	height: 18px;
}
.envoyer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 290px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.formulairechps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #333333;
	line-height: 18px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	height: 100px;
	width:330px;
}
.contacttxt{
	position:absolute;
	left:0px;
	top:0px;
	margin-left: 0px; /* moitié de la largeur */
	margin-top: 0px; /* moitié de la largeur */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:10px;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration:none;
	vertical-align: top;
	z-index: 23;
	margin: 20px;
	}
.boutonlien {
background: transparent;
border: 0px;
cursor: pointer;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	margin-left: 0px;
}
.new{
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration:none;
	text-align: left;
	}