@font-face {

font-family: 'officina';
src: url('officina.otf');
}

body {
	background:#8d9aa4 url('img/fond.jpg') repeat-x;
	text-align:center;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	overflow-x:hidden;
}

img {
	border:0 #fff solid;
}

h1 {
	font-family:'officina', Arial, Verdana, Geneva, sans-serif;
	font-size:18px;
	margin:0 0 0 115px;
	padding:35px 0 0 0;
	font-weight:100;
}

h2 {
	font-size:18px;
	padding:20px 0 0 20px;
	margin:0;
	text-align:left;
}

p {
	padding:20px;
	text-align:left;
}

a:link, a:visited{
	text-decoration:none;
	color:#cccccc;
}

a:hover, a:active {
	text-decoration:underline;
	color:#ffffff;
}

h2 a:link, a:visited, a:hover, a:active {
	color:#ffffff;
}

#retour {
	width:100%;
	text-align:left;
	padding:10px 20px;
}

#menu a:link,#menu a:visited,#menu a:hover,#menu a:active {
	text-decoration:none;
	color:#ffffff;
	margin:0 30px;
}


#down a:link,#down a:visited{
	text-decoration:none;
	color:#cccccc;
}

#down a:hover,#down a:active {
	text-decoration:underline;
	color:#ffffff;
}

#contenu {
	width:980px;
	margin:0 auto;
	text-align:left;
}

#ccopy p {
	text-align:right;
}

#down {
	text-align:center;
	border:1px #ffffff dashed;
	margin:35px auto 0 auto;
	width:280px;
	padding:5px;
}

.prod {
	margin-right:10px;
}

#menu {
	height:38px;
	background:url(img/fmenu.png) no-repeat;
	margin-top:188px;
	padding-top:7px;
	padding-left:10px;
	position:relative;
	font-size:14px;
	text-align:center;
}

#logos {
	position:absolute;
	text-align:left;
}

#centre {
	min-height:690px;
	background:url(img/fcentre.png) no-repeat;
	margin-top:38px;
}

#logo {
	position:absolute;
	top:-185px;
	z-index:-10;
}

#chat {
	position:absolute;
	top:-178px;
	right:30px;
}

.cgauche {
	background:url(img/cgauche.png) repeat-y;
	margin:50px 30px;
	position:relative;
	text-align:center;
}

.hautg {
	position:absolute;
	background:url(img/barrehb.png) no-repeat;
	height:2px;
	width:920px;
	top:-2px;
}

.basg {
	position:absolute;
	background:url(img/barrehb.png) no-repeat;
	height:2px;
	width:920px;
	bottom:-3px;
}


.cdroite {
	background:url(img/cdroite.png) repeat-y right;
	margin:50px 30px;
	position:relative;
}

.hautd {
	position:absolute;
	background:url(img/barrehb2.png) no-repeat right;
	height:2px;
	width:920px;
	top:-2px;
}

.basd {
	position:absolute;
	background:url(img/barrehb2.png) no-repeat right;
	height:2px;
	width:920px;
	bottom:-3px;
}


.ccopy {
	background:url(img/ccopy.png) repeat-y right;
	margin:50px 30px;
	position:relative;
	text-align:right;
}

.ccopy p {
	float:right;
	padding:0 20px 0 0;
}

.hautc {
	position:absolute;
	background:url(img/barrehbcopy.png) no-repeat right;
	height:2px;
	width:920px;
	top:-2px;
}

.basc {
	position:absolute;
	background:url(img/barrehbcopy.png) no-repeat right;
	height:2px;
	width:920px;
	bottom:-3px;
}

.clear {
	clear:both;
}


.imgg {
	float:right;
	margin:10px;
	margin-top:20px;
}

.imggd {
	float:left;
	margin:10px;
}


#flashContent {
	width:100%;
	text-align:center;
	margin-top:40px;
}

.nuage {
	position:absolute;
	z-index:-100;
}

#nuage11 {
	top:300px;
	left:300px;
}

#nuage22 {
	top:310px;
	left:750px;
}

#nuage33 {
	top:350px;
	left:600px;
}

#nuage44 {
	top:370px;
	left:1200px;
}


@media screen and (max-width: 800px) {
#nuage11, #nuage22, #nuage33, #nuage44  {
	display:none;	
}