body { font-family: Arial, Helvetica, sans-serif; font-size:1em; background-color:#000;}
	
h1{ color:red; font-size:2em; padding:10px 0; font-style:italic;}
h2, h2 a{ color:red; font-size:1.1em; }
h3{ padding:10px 0; font-size:1.1em; }
h4{ padding:10px 0;}
/*body * a { text-decoration:none;}*/
p{ padding-top:10px;}

.liste{ margin-left:20px; list-style:disc;}

a{ text-decoration:none; color:red;}
#logo{ height:176px; width:276px; background:url(../img/logo-trans.png) no-repeat;}
#page{width:799px; margin:0 auto; position:relative;}
	#content{position:absolute;  top:0; left:0; width:100%; z-index:6; font-size:0.8em; color:#fff; background:url(../img/bg_site2.jpg) repeat-x 0px 330px;  }
	#header{ position:relative;}
	#menu a{ display:block; width:230px; border:0; text-decoration:none; height:23px; color:transparent; margin-bottom:10px; overflow:hidden; line-height:100px;}
		#bt_accueil{background:url(../img/accueil.gif) no-repeat left top;}
			#bt_accueil:hover{background:url(../img/accueil.gif) no-repeat left -24px;}
		
		#bt_vision{ background:url(../img/vision.gif) no-repeat;}
			#bt_vision:hover, #bt_vision.selected{ background:url(../img/vision.gif) no-repeat left -23px; }
		
		#bt_charte{ background:url(../img/charte.gif) no-repeat;}
			#bt_charte:hover, #bt_charte.selected{ background:url(../img/charte.gif) no-repeat left -23px; }	

		#bt_philip{ background:url(../img/marque.gif) no-repeat;}
			#bt_philip:hover, #bt_philip.selected{ background:url(../img/marque.gif) no-repeat left -23px; }	
		
		#bt_creations{ background:url(../img/creation.gif) no-repeat;}
			#bt_creations:hover, #bt_creations.selected{ background:url(../img/creation.gif) no-repeat left -22px; }
			
		#bt_produit{ background:url(../img/produit.gif) no-repeat;}
			#bt_produit:hover, #bt_produit.selected{ background:url(../img/produit.gif) no-repeat left -23px; }

		#bt_recrutement{ background:url(../img/recrutement.gif) no-repeat; }
			#bt_recrutement:hover,#bt_recrutement.selected { background:url(../img/recrutement.gif) no-repeat left -23px; }	
					
		#bt_contact{ background:url(../img/contact.gif) no-repeat;}
			#bt_contact:hover,#bt_contact.selected{ background:url(../img/contact.gif) no-repeat left -22px; }
		
		#partenaires{ margin-top:20px; padding:10px; background-color:#301A0D; width:216px; border:1px solid #381B0B;}
		#partenaires img{ padding-right:10px;}
			
		#logo{ position:absolute; border:0; top:20px; left:20px; z-index:6;}

	#extra{height:1px; clear:both; width:100%;}
	#footer{text-align:center; position:relative; background-color:#582005; clear:both; width:100%;}
		#menu_bottom li{ display:inline; height:20px; line-height:20px; font-size:0.9em; height:30px; line-height:30px; }
		#menu_bottom li{ font-size:1em; color:#fff;}
		#menu_bottom li a{ color:#fff; text-decoration:none; font-size:0.9em;}
		#menu_bottom li a:hover{ color:red; text-decoration:none;}
		
		#copyright{ height:25px; line-height:25px; background-color:#000; text-align:center; font-size:0.9em;}
		#copyright li{display:inline; color:#fff;}
		#copyright li a{ color:#fff; font-size:0.9em;}
		#copyright li a:hover{ color:red;}
		
	#graphique{ position:absolute; top:0; left:0;z-index:5; width:100%; height:336px;}
		#graphique img {position: absolute;	top: 0;	left: 0;}
	
	#graph1{ position:absolute; top:-305px; right:0px;  height:336px; background-color:red; background:url(../img/illust_basdrt-trans.png) no-repeat right bottom; width:258px;  height:304px;}
	#corp{ color:#fff; line-height:1.1em; padding:20px 5px;}

.big-corner-right-bottom{float:left; width:100%; background:url(../img/illust_basdrt-trans.png) no-repeat bottom right; }		

img.left{ float:left; margin:12px 10px 10px 0px; }
img.right{ float:right; margin:12px 0 10px 10px;}
.center{ text-align:center;}
.more{ color:#871304; font-weight:bold;}
.more:hover{ color:red;}
.clear{ clear:both; width:100%; height:1px;}

.h1-discret{ color:#fff; font-size:12px; font-style:italic;}
.quote{ font-size:22px;}