/* @override http://methodarts.com/v1/style.css */
<!--[if IE ]><link rel="stylesheet" type="text/css" href="ie7.css" title="default" media="screen" /><![endif]-->
<!--[if lt IE 7]>
		/*<link rel="stylesheet" type="text/css" href="ie.css" title="default" media="screen" />
	<![endif]*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;
	font-size: 100%;font-family: inherit;text-align: left;vertical-align: baseline;}
/*a img, :link img, :visited img {border: 0;}*/
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {content: "";}
	
/* 
light beige : #d2d2bb 
olive: 949074
dark orange: bc3501
light orange ea4100
chocolate: 2d2921
daaaark: 0f0f0e
*/

body {/*behavior:url("images/csshover.htc");*/background-color: #7aa1a6;margin: 0;padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;font-size: small;font-weight:lighter line-height: 160%;}
#conteneur {width: 916px;margin: 0 auto;border-left: 7px solid #689195;border-right: 7px solid #689195;border-bottom: 7px solid #689195;background-color: #2d2920;}

#haut {width: 916px;height:230px;margin: 0;padding:0;
	background: #fff url(images/info-cenomane3.gif) 0% 0% no-repeat}
	#haut h1 {text-indent:-32697px;}
	
/*#haut {height:140px;margin: 0;color: #2d2921;background: #d2d2bb url(images/clavier.gif) 0% 88% no-repeat;border-bottom:4px solid #ea4100}#FF8D1C*/

#principal {margin: 0;padding: 1px 0 20px 0;}

#gauche {position:relative;width:165px;margin: 40px 0 0 69px;padding: 0 0 50px 0;
	     float: left;color: #d4cfa5;}
#centre {position:relative;float:left;width:400px;line-height:160%;font-size:14px;
		margin:30px 0 0 35px;color:#959174}
#droit{position:relative; margin:30px 0 0px 60px;padding-bottom:30px;float:left;
	width:170px;color: #d4cfa5;font-size:110%;}
	
#bas {bottom:0px;clear:both;height:30px;position:relative;width:100%;margin-top: 20px;padding-top:5px;
	background-color:#0f0f0f;color: #d4cfa5;text-align:center}
	
	
#gauche  a { font-size:90%;margin:55px 50px 0 0;}
#gauche h3 {margin: 0; padding: 0;width: 118px;height:14px;}
#gauche ul, #droit ul {margin:14px 0 0 0;padding:0 0 0 0;width:  165px;list-style-type:none;}
#gauche ul li, #droit ul li div  {
	margin:0;line-height:120%;padding:11px 12px;
	position:relative;z-index:2}
#gauche h5{margin-bottom:5px;padding-borttom:5px;border-bottom: 1px solid #959174}
#gauche ul li p{font-size:90%;margin:0;color:#d3d0a7;}
#gauche ul li p.ville, #centre .ville{
	margin:2px 0;font-size:110%;color:#959174;font-weight:bold}
#gauche h5 {font-size:110%;color: #e73f00;text-decoration:none;text-transform: uppercase;}


#menu {position:relative;top:-24px;width: 916px/*;right:0px;left:396px !important;width:550px*/;padding:0;display:block}
/** html #menu {position:absolute;top:77px;left:406px;/* Que pour IE *//*width:500px;border:1px solid blue}*/

#menu2 {float:right;width:550px;height:37px;background-color:#d2d2bb;display: block ;}
#menu2 a {float:right;margin: 0 1px;font-size:normal;/*text-indent: -99999px;*/color:#8A7048;padding:10px 10px 0px 10px;text-align:center}
/*#menu li a {margin: 0px 1px;}overflow:hidden;*/
/*#menu li a:hover {} border-color: #bc3501;background-position: 0 -13px;*/

#menu-accueil {width:85px;height:33px;border-right:1px solid #8A7048
			;/*background:#d2d2bb url(images/accueil1.gif) 0 0 no-repeat;*/}
#menu-particulier{width:100px;height:33px;border-right:1px solid #8A7048
			;/*background:#d2d2bb url(images/particulier1.gif) 50% 0 no-repeat;*/margin-left:15px}
#menu-entreprise{width:100px;height:33px;border-right:1px solid #8A7048
			;/*background:#d2d2bb url(images/entreprise1.gif) 50% 0 no-repeat;*/margin-left:15px}
#menu-tarif {width:70px;height:33px;border-right:1px solid #8A7048
			;/*background: #d2d2bb url(images/tarif1.gif) 0 0 no-repeat;*/}
#menu-lien {width:80px;height:33px;border-right:1px solid #8A7048
			;/*background: #d2d2bb url(images/lien1.gif) 0 0 no-repeat*/}
#menu-contact {width: 80px;height:33px;/*background: #d2d2bb url(images/contact1.gif) 0 0 no-repeat;*/}
#menu2 a:hover{border-bottom:2px solid #8A7048;background-color:white;color:#330000}/*:#EFEAE7*/
		
#centre h4 {color: #d3d0a7;font-weight: bold;font-size: 100%;margin-bottom: 0;padding: 0;}
#centre p {margin-top: 0;margin-bottom: 15px;}
#centre .ville {margin:-.5em 0 0 47px;padding:0 0 0 3px;}
#centre .ville img {position:absolute;top:8px;left:0px;border:1px solid #444033;margin:0 0 0 0;}


#centre a {padding:2px;}


#droit ul li { padding:6px 7px; font-size:90%;}
#droit2 ul{margin:0 0 0 0;padding: 0 0 0 0;}
#droit2 h4 {width: 114px;height:14px;	
	/*background: #2d2920 url(/v1/graphics/heads/droit2.gif) 0 0 no-repeat;*/
	margin: 0 0 12px 0; padding: 0;	}
#logo {clear:both;/*width: 84px;*/height:100px;margin:auto 75px  ;}
#logo img{/*width: 84px;*/height:auto;margin:auto 15px ;}
#lenovo {margin: 35px 0 0 0 ;}

#heyoka a {text-align:center;font-weight:lighter;font-size:smaller;color:#56462E}
/*---------------------------------------------------*/
#droit img{margin: 10px;padding:0;border:none}

h1, h1 a {margin: 0; padding: 0;width: 916px;height: 99px;}
h1 a {display:block;text-indent: -99999px;
		/*background: url(/v1/graphics/haut.jpg) top left no-repeat;*/}
img { border-width: 0;}
.clear { clear:both; }

a       {text-decoration: none;font-weight:bold;}
/*a:link  {color: #ea4100;}
a:visited {color: #ea4100;}
a:hover {background-color: #bc3501;color: #fff;}*/

/*-----------------   TITRES PAGES ----------------------------------*/
#titre-page-accueil,#titre-page-particulier,#titre-page-entreprise,
#titre-page-tarif,#titre-page-lien,#titre-page-contact
	  {position: absolute;left:150px;top:-145px;width:500px;height:100px;
		/*position:absolute !important;left:200px !important;top:-160px !important*/}
	
	#titre-page-accueil h2 {height:40px; margin:10px 0 0 80px; text-indent:-32697px; 
 		      background: url(images/titres/depannage2.png) no-repeat 0 0; }
	#titre-page-particulier h2 {height:40px; margin:10px 0 0 75px; text-indent:-32697px; 
 		      background: url(images/titres/depannage2.png) no-repeat 0 0; }
	#titre-page-tarif h2 {height:30px;width:80px; margin:20px 0 0 200px; text-indent:-32697px;
 		      background: url(images/titres/tarif1.png) no-repeat 0 0; }
	#titre-page-contact h2 {height:100px; margin:30px 0 0 150px; text-indent:-32697px; 
 		      background: url(images/titres/contact.png) no-repeat 0 0; }
	
	#titre-page-accueil p, #titre-page-particulier p, #titre-page-entreprise p,
	#titre-page-tarif p, #titre-page-lien p, #titre-page-contact p
		   {margin-top:-10px;font-weight:normal;font-size: 110%;line-height:120%;
			text-align:center;letter-spacing:1.5px;color:#482400;}
			#titre-page-tarif p {margin:0px 0px 0px 0px;}

/*-----------------   TITRES paragraphes ----------------------------------*/			  
#part-entrep { height:80px; margin:0px 0 0 0; text-indent:-32697px;  
 						background: url(images/titres/part-entrep2.gif) no-repeat 0 0 ; }
#deplace { height:30px; margin:40px 0 15px 0; text-indent:-32697px;  
 						background: url(images/titres/deplace2.gif) no-repeat 0 0 ; }

#install h1 { /*width:300px;*/height:70px;margin-top:10px;margin-left:-7px; text-indent:-32697px; 
			background: url(images/titres/installation.gif) no-repeat 0 0 ; }				
#antivirus h1 { width:150px;height:50px; margin-left:-12px; text-indent:-32697px; 
			background: url(images/titres/antivirus.gif) no-repeat 0 0 ; }
#ventepc h1 { width:150px;height:50px; margin:20px 0 0 -20px; text-indent:-32697px;  
 						background: url(images/titres/ventepc.gif) no-repeat 0 0 ; }
#install-entreprise h1 { height:70px;margin-top:28px;margin-left:-7px; text-indent:-32697px; 
			background: url(images/titres/installation.gif) no-repeat 0 0 ; }
			
#tarif h1 { width:300px;height:30px; margin-left:-7px; text-indent:-32697px; 
			background: url(images/titres/tarif.gif) no-repeat 0 0 ; }
#paiement h1 { width:400px;height:80px;margin:30px 0px 0px -3px; text-indent:-32697px;  
 						background: url(images/titres/paiement.gif) no-repeat 0 0 ; }
						
#accueil a{color:#FFFFCC}				
#accueil h4 {font-size:110%;font-weight:lighter ;margin-left:65px}	
.moyen{font-size:110%;font-weight:bold}