﻿body
{
	background-color: #000000;
	font-size: 16px;
	color: #FFFFFF;
	font-family: Tahoma;
	padding:0 0 0 0 ;
	margin:0 0 0 0 ;
	
	
}

#contenu 
{

	  background: #fff url(images/bkg.jpg) repeat-x fixed center top;

	}




/* ENTETE DU SITE */
#masterhead
{
	
	margin:0 Auto 0 Auto;
	padding:10px 0 0 0 ;
	width:823px;
	height:70px;
	}
	
#masterhead h1
{
	float:left;
	margin:0;
	padding:0;
}

img 
{
	 border-style: none;
	border-color: inherit;
	border-width: 0;
	
}
	




/* ENTETE DU SITE */
#headpub
{
	
	margin:0 Auto 0 Auto;
	padding:5px 0 0 0 ;
	width:823px;
	height:240px;
	}

/* MENU */
#menu
{
	background-image:url('images/menubck.png');
	margin:0 Auto 0 Auto;
	padding:0 0 0 0 ;
	background-repeat: repeat-x ;
	width:823px;
	height:76px;
	
	}
#menu ul {
	list-style:none;
	margin:0 0 0 0;
	 padding-top:45px;
}

#menu li {
	display:inline;
	margin:0px 10px 0 20px;
	padding:0;
	
}

#menu li.current {
	background-image:url('images/menubck_current.png');
	
}


#menu li a:link, #menu li a:visited
{
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
}
#menu li a:hover
{
	color: #FF9900;
	background-image:url('images/menubck_current.png');
}

#home #menu a.accueil
{
	border-bottom: 1px solid #FFE86C;
	border-bottom-color: #FFFFFF;
}

	
/* Conteneur de la page */
#corps
{
	border: thin solid #800000;
	background-color: #1E1E1E;
	margin: 0 Auto 0 Auto;
	padding: 10px;
	width: 803px;
	 min-height:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	
}
	

#corps ul
{
	 list-style:none;
	}


	
#corps li
{
	 
	 margin:0 0 0 10px;
	 padding:  13px 0 13px 50px;
	}



#corps ul.normal
{ list-style:disc;
	 margin: 0 0 0 20px;
	}

 #corps li.normal
{
	 margin: 0 0 0 150px;
	 padding:  2px 0 0 0px  ;
	}


.bullet1  
{	 
	 background:transparent url('images/bullet_1.png') no-repeat left top;
 
	}
	
.bullet2 
{
	
	background:transparent url('images/bullet_2.png') no-repeat left top;
	
	}
	
.bullet3
{
	
	background:transparent url('images/bullet_3.png') no-repeat left top;
	
	}
	
.bullet4
{
	
	background:transparent url('images/bullet_4.png') no-repeat left top;
	
	}


#corps p.dropcap:first-letter 
{
	float:left;
	width:40px;
	font:60px "Lucida Grande", Arial, sans-serif;
	line-height:50px;
	}	
	
#corps h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}

#corps a
{
	color: #FF6600;
	text-decoration: none;
}

/* Pied du site */
#footer
{
	 
	background-image:url('images/footer_bck.jpg');
	margin:0 Auto 0 Auto;
	padding:0 0 0 0 ;
	width:830px;
	height:30px;
	
	}
	
#footer p
{
	margin: 0 Auto 0 Auto;
	padding: 24px 0 20px 0;
	font: 11px normal Verdana,Arial,sans-serif;
	color: #808080;
	
}

#footer a
{
	color: #999999;
	text-decoration: none;
}

#footer a:hover
{
	color: #F4F2F4;
}


a
{
	font-family: Arial;
	color: #FFFFFF;
}



/* Login */

.logintitre
{
	color: #800000;
}


/* Corners */

.corners{display:block}
.corners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E0E0E0}
.corners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;
  background:#e7e7e7}
.corners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e5e5e5}
.corners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;}
.corners4{
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1}
.corners5{
  border-left:1px solid #e7e7e7;
  border-right:1px solid #e7e7e7}
.cornersfg{
  background:#E0E0E0}


/*textbox drop list */ 

.inputbox
{
	border: 1px Solid #666666;
}


.spacer 
{
	 clear:left;
	}
	
.image_float 
{
	
	float : left;
	margin :  0 30px 5px 0;
	
	}
	
	
	/* page produit */
	
	#produit
	{
		 margin-right:45%;
		 margin-bottom:10px;
		 padding:10px;
		 border:1px solid #fff;
		 position:absolute;
		}
		
		
	#produitexplication
	
		{
			float:right;
			width:36%;
			margin-bottom:10px;
			padding:10px;
			border:1px solid #fff;
			
			
			}
