/********************************************************************/
/* Feuille de style css/style.css
/* Krav Magz 95
/* Juin 2009
/******************************************************************/
html {
font-size: 100%;
}

body {
margin-top:0px;
margin-left:0px;
font-size: 0.75em;
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #000000;
}

#centerpage {
position:absolute;
width:830px;
margin-left:-415px;
left:50%;
}

#backgroundBody{
position:absolute;
background-image:url(../images/background-body.png);
background-repeat:no-repeat;
width:830px;
height:650px;
}

#header{
position:absolute;
width:801px;
height:185px;
margin-left:14px;
}

#headerLogo{
position:absolute;
background-image:url(../images/header-logo.png);
background-repeat:no-repeat;
width:455px;
height:185px;
margin-left:14px;
padding-top:42px;
padding-left:20px;
}

#headerFlash{
position:absolute;
background-image:url(../images/header-flash.png);
background-repeat:no-repeat;
width:346px;
height:185px;
margin-left:469px;
}

#headerSpace{
position:absolute;
width:801px;
margin-top:217px;
margin-left:14px;
}

#menu{
position:absolute;
/*background-image:url(../images/background-menu.png);
background-repeat:no-repeat;*/
width:233px;
height:375px;
margin-top:217px;
margin-left:14px;
}

#bodyText{
position:absolute;
margin-left:249px;
margin-top:217px;
}

#contenu{
	position:absolute;
	width:536px;
	margin-left:0px;
	margin-top:30px;
	top: -1px;
}

#contenu2{
position:absolute;
width:536px;
margin-left:0px;
margin-top:0px;
}

p.marron{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #36170B;
margin-left:0px;
margin-right:15px;
margin-top:0px;
text-align:justify;
}

p.marronBig{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size:22px;
color: #36170B;
margin-left:0px;
margin-right:0px;
margin-top:0px;
text-align:center;
}

p.videos{
margin-top:-20px;
text-align:center;
}

p.orange{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size: 1.1em;
font-weight:bold;
color: #EF6907;
margin-left:0px;
margin-right:15px;
margin-top:0px;
margin-bottom:0px;
text-align:justify;
}

a.marronLinks{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #36170B;
text-decoration:none;
font-weight:bold;
}

a.marronLinks:hover{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #36170B;
text-decoration:underline;
font-weight:bold;
}

/* Formulaire Email CSS */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* Formulaire Email CSS */

#footer {
position:absolute;
width:801px;
height:45px;
margin-left:14px;
margin-top:592px;
background-image:url(../images/footer.png);
background-repeat:no-repeat;
}

#footerMenu {
position:absolute;
width:801px;
height:27px;
background-image:url(../images/footer-menu.png);
background-repeat:no-repeat;
margin-top:1px;
vertical-align:top;
}

#footerMentions {
position:absolute;
width:801px;
margin-top:618px;
margin-left:14px;
}

#footerBottom {
position:absolute;
width:801px;
height:5px;
background-image:url(../images/footer-bottom.png);
background-repeat:no-repeat;
margin-top:40px;
}

p.footerText{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size: 0.9em;
color: #EF6A07;
margin-left:14px;
margin-top:7px;
margin-right:0px;
text-align:center;
vertical-align:middle;
}

p.footerText2{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size: 0.9em;
color: #FFFFFF;
margin-left:14px;
margin-top:0px;
margin-right:0px;
text-align:left;
vertical-align:middle;
}

a.footerLinks{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size: 0.9em;
color: #FFFFFF;
text-decoration:none;
}

a.footerLinks:hover{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size: 0.9em;
color: #FFFFFF;
text-decoration:underline;
}

a.footerLinks2{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size: 0.8em;
color: #FFFFFF;
text-decoration:none;
}

a.footerLinks2:hover{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size: 0.8em;
color: #FFFFFF;
text-decoration:underline;
}

#ombreDroite{
position:absolute;
margin-left:956px;
}

#main{
 position:absolute;
 margin-left:4px;
}

#bodyTextEbayLive {
position:absolute;
margin-left:0px;
margin-top:0px;
height:500px;
width:952px;
background-image:url(images/background-body.png);
}

#marteau {
position:absolute;
width:240px;
height:636px;
background-image:url(images/marteau-ebay.png);
}

#titreRubrique {
position:absolute;
margin-left:240px;
background-image:url(images/background-body.png);
width:536px;
text-align:center;
height:114px;
}

#titreRubriqueEbayLive {
position:absolute;
margin-left:0px;
background-image:url(images/background-body.png);
}

#footerEbayLive {
position:absolute;
margin-top:1500px;
width:952px;
height:36px;
background-image:url(images/footer-vierge.png);
}

#w3c {
position:absolute;
margin-top:672px;
width:952px;
height:36px;
}

#colonneDroite {
position:absolute;
margin-left:776px;
}

p.rose{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #E1127A;
margin-left:20px;
margin-right:20px;
margin-top:0px;
text-align:justify;
}

p.roseBig{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #E1127A;
margin-left:20px;
margin-right:20px;
margin-top:0px;
text-align:justify;
font-weight:bold;
font-size:1.1em;
}

p.gris{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #7B7B7B;
margin-left:20px;
margin-right:20px;
margin-top:0px;
text-align:justify;
}

p.grisUppercase{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #7B7B7B;
margin-left:20px;
margin-right:20px;
margin-top:0px;
text-align:justify;
text-transform : uppercase; /* autres options de text-transform = capitalize, uppercase, lowercase, none, inherit */
font-weight:bold;
font-size:1.1em;
}


p.w3c{
text-align:center;
width:240px;
}


li {
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #7B7B7B;
margin-left:20px;
margin-right:20px;
margin-top:0px;
display: list-item;
list-style-image: url(images/puce.png);
text-align:justify;
line-height: 1.0;
}

/* alignement avec le texte, mais souci si plusieurs lignes...
li {
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;

color: #BFBFBF;
margin-left:20px;
margin-top:0px;
list-style-type: none;
background-image: url(images/puce.png);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 15px;
}
*/

a.mail{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #36170B;
}

a.mail:hover{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #36170B;
}