﻿html 
{
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	HEIGHT: 100%;
	MARGIN: 0px; 
	FONT-FAMILY: arial, helvetica, sans-serif; 

}

body 
{
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	HEIGHT: 100%;
	MARGIN: 0px auto; 
	BACKGROUND-COLOR: #F9F8F8;
}


div.page 
{
	position: relative;
	WIDTH: 868px; 
	HEIGHT: 100%; 	
	MARGIN: 0px auto; 
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: white; 
}

div.fond 
{
	POSITION: fixed;
	WIDTH: 868px; 
	HEIGHT: 100%; 
	BACKGROUND-COLOR: white; 
}

div.logo
{
	POSITION: absolute; 
	top: 20px;
	left: 15px;
	height: 54px;
	width: 417px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	cursor: pointer
}

div.drapeaux
{
	POSITION: absolute; 
	top: 3px;
	right: 4px;
}
a.drapeaux
{
	cursor: pointer;
	border: 0px;
}
img.drapeaux
{
	border: 0px;
}


div.backgroundindex
{
	POSITION: absolute; 
	top: 95px;
	left: 0px;
	height: 415px;
	width: 868px;
	/*background-image: url(../images/bkindex.jpg);*/
	background-image: url(../diaporama/home/cargobike_01.jpg);
	background-repeat: no-repeat;
}

div.backgroundpage
{
	POSITION: absolute; 
	left: 244px;
	width: 624px;
	height: 238px;
	top: 95px;
	/*background-image: url(../images/bkpages.jpg);*/
	background-image: url(../images/cargobike_header.jpg);
	background-repeat: no-repeat;
}

div.menutop
{
	POSITION: absolute; 
	TOP: 75px; 
	RIGHT: 4px;
	font-size: 12px;
}
a.menutop
{
	COLOR: #808080;
	TEXT-DECORATION: none
}
a.menutop:hover
{
	COLOR: #ED7A00;
	TEXT-DECORATION: none
}

div.menucopy
{
	POSITION: fixed; 
	BOTTOM: 8px; 
	padding-left: 10px;
	WIDTH: 868px; 
	MARGIN: 0px auto; 
	FONT-SIZE: 10px; 
}
div.menucopyforum
{
	POSITION: fixed; 
	BOTTOM: 8px; 
	padding-left: 20px;
	WIDTH: 868px; 
	MARGIN: 0px auto; 
	FONT-SIZE: 10px; 
}
a.menucopy
{
	COLOR: #808080;
	TEXT-DECORATION: none
}
a.menucopy:hover
{
	COLOR: #ED7A00;
	TEXT-DECORATION: none
}

div.diaporama
{
	POSITION: absolute; 
	TOP: 500px; 
	RIGHT: 9px;
}
div.diaporama2
{
	POSITION: absolute; 
	TOP: 455px; 
	left: 58px;
	background-image: url(../images/bouton_diaporama.png);
    background-repeat: no-repeat;
	cursor:pointer;
}

div.video
{
	POSITION: absolute; 
	TOP: 500px; 
	RIGHT: 155px;
}
div.video2
{
	POSITION: absolute; 
	TOP: 415px; 
	left: 58px;
	background-image: url(../images/bouton_video.png);
    background-repeat: no-repeat;
	cursor:pointer;
}


div.actualite
{
	POSITION: absolute; 
	TOP: 500px; 
	LEFT: 244px;
	WIDTH: 320px;
}
div.actualiteitem
{
	POSITION: absolute; 
	HEIGHT: 23px;
	WIDTH: 320px;
	BACKGROUND-COLOR: transparent; 
	BACKGROUND-IMAGE: url(../images/arrow-actu.gif);
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 313px 13px;
	PADDING-TOP: 8px; 
	PADDING-LEFT: 1px; 
	cursor: pointer;
}
div.actualiteitem:hover
{
	BACKGROUND-COLOR: #f5f4f4; 	
}
a.actualiteitem
{
	COLOR: #000000;
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent; 
}

div.actualitesepare
{
	POSITION: absolute; 
	HEIGHT: 1px;
	WIDTH: 320px;
	BORDER-TOP: #e1e0e0 1px solid;
}

div.content
{
	POSITION: absolute; 
	/*top: 345px;
	left: 245px;*/
	top: 148px;
	left: 270px;
	width: 600px;
	height: 100%;
}
div.contentforum
{
	POSITION: absolute; 
	top: 300px;
	left: 25px;
	width: 820px;
	height: 100%;
}


p.titre
{
	PADDING-TOP: 1px; 
	PADDING-LEFT: 00px; 
	PADDING-RIGHT: 20px; 
	FONT-SIZE: 20px;
}
p.soustitre
{
    	COLOR: #ED7A00; 

}
p.paragraphe
{
	PADDING-TOP: 5px; 
	PADDING-LEFT: 00px; 
	PADDING-RIGHT: 20px; 
	COLOR: #ED7A00;
	FONT-SIZE: 12px;
}
p.text
{
	PADDING-LEFT: 00px; 
	PADDING-RIGHT: 20px; 
	FONT-SIZE: 12px;
	TEXT-ALIGN: justify;
}
p.text a
{
	text-decoration: none;
	color: #ED7A00
}

td.text
{
	FONT-SIZE: 12px;
}
li.text
{
	PADDING-LEFT: 00px; 
	PADDING-RIGHT: 20px; 
	FONT-SIZE: 12px;
	TEXT-ALIGN: justify;
}
p.textorange
{
	PADDING-LEFT: 00px; 
	PADDING-RIGHT: 20px; 
	FONT-SIZE: 12px;
	TEXT-ALIGN: justify;
	color: #ED7A00
}
table.text
{
	width: 100%
}

div.construction
{
	POSITION: absolute; 
	TOP: 400px; 
	LEFT: 430px;
	COLOR: #CCCCCC;
	Z-INDEX: 50; 
	Font-size: 20px;
}

#newslettertext
{
	POSITION: absolute; 
	TOP: 347px; 
	LEFT: 22px;
	COLOR: #ED7A00;
	FONT-SIZE: 12px; 
	color: Black;
}
#tbemail 
{
	POSITION: absolute; 
	TOP: 360px; 
	LEFT: 22px;
	COLOR:#AAAAAA;
}
#sbemail 
{
	POSITION: absolute; 
	TOP: 359px; 
	LEFT: 197px;
	width: 30px;
	height: 24px;
	COLOR:Black;
	font-weight: bold;
	text-align:center;
	padding-top: 1px;
}
table.faq
{
	border-width: 1px;
	left: 0px;
	width: 580px;
}
TD.faqtitre
{
	HEIGHT: 20px;
	BACKGROUND-COLOR: #f6f6f5;
	BACKGROUND-IMAGE: url(../images/arrow-faq.gif);
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 555px 11px;
	PADDING-TOP: 4px; 
	COLOR: #999999;
	FONT-SIZE: 14px;
	CURSOR: pointer; 
}
TD.faqcore
{
	PADDING-TOP: 10px; 
	PADDING-BOTTOM: 30px; 
	DISPLAY: none; 
}
div.faqseparator
{
	HEIGHT: 5px;
}

IMG.presse
{
	CURSOR: pointer; 
}

#pressearticle
{
	POSITION: absolute; 
	TOP: 70px; 
	LEFT: 245px;
	WIDTH: 590px;
	HEIGHT: 480px;
	Z-INDEX: 60; 
	border: 1px solid #000;
	DISPLAY: none; 
	
	BACKGROUND-COLOR: #f6f6f5;
	BACKGROUND-IMAGE: url(presse/dossier1.jpg);
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 0px 0px;

}

div.pressetitle
{
	COLOR: #808080;
	FONT-SIZE: 11px; 
	FONT-FAMILY: arial, helvetica, sans-serif; 
}

