body {
	background:url(images/bg.jpg) repeat-x #fff;
	margin:0px;
	padding:0px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#0076cc;
	margin:0px;
	padding:4px 0px 3px 0px;
	display:block;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	color:#0076cc;
	margin:0px;
	padding:5px 0px 10px 0px;
	display:block;
}
.h2-principal{
	 color:#FFFFFF; font-size:18px; font-weight:normal; font-style:italic; text-align:center;
	}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	color:#fff;
	margin:0px;
	padding:10px 0px 4px 22px;
	display:block;
}
.reparation {
	background:url(images/fl4.gif) no-repeat left 10px;
}
.reseaux {
	background:url(images/fl5.gif) no-repeat left 12px;
}
.conseil {
	background:url(images/fl1.gif) no-repeat left 12px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#fff;
	margin:0px;
	padding:10px 0px;
	display:block;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#596e91;
	margin:0px;
	padding-top:20px;
	display:block;
}
p {
	margin:0px;
	padding:0px;
}
/* ----- Accueil ----- */
#ban {
	width:935px;
	height:166px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	border-left:#fff solid 10px;
	border-right:#fff solid 10px;
}
#ban img {
	margin:7px 0px;
}
#header {
	width:935px;
	height:166px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	border-left:#fff solid 10px;
	border-right:#fff solid 10px;
}
.informatique {
	background:url(images/evidence-micro.jpg) no-repeat;
}
/*------- Menu -------*/
#header ul {
	height:26px;
	padding:0px;
	margin:0px;
	/*border:#000 solid 1px;*/
}
#header li {
	list-style-type:none;
	padding:0px;
	margin:0px;
	display:inline;
	/*border:#000 solid 1px;*/
}
/*--------------*/
#header li a.bta{
	width:108px;
	height:26px;
	display:block;
	float:left;
	background:url(images/bta.gif) no-repeat;
}
#header li a.bta:hover , a.acc{
	background:url(images/bta_on.gif) no-repeat;
}
#header li a.acc{
	background:url(images/bta_on.gif) no-repeat;
}
/*--------------*/
#header li a.btm{
	width:338px;
	height:26px;
	display:block;
	float:left;
	background:url(images/btm.gif) no-repeat;
}
#header li a.btm:hover , a.main{
	background:url(images/btm_on.gif) no-repeat;
}
#header li a.main{
	background:url(images/btm_on.gif) no-repeat;
}
/*--------------*/
#header li a.btv{
	width:134px;
	height:26px;
	display:block;
	float:left;
	background:url(images/btv.gif) no-repeat;
}
#header li a.btv:hover , a.vent{
	background:url(images/btv_on.gif) no-repeat;
}
#header li a.vent{
	background:url(images/btv_on.gif) no-repeat;
}
/*--------------*/
#header li a.btp{
	width:112px;
	height:26px;
	display:block;
	float:left;
	background:url(images/btp.gif) no-repeat;
}
#header li a.btp:hover , a.pres{
	background:url(images/btp_on.gif) no-repeat;
}
#header li a.pres{
	background:url(images/btp_on.gif) no-repeat;
}
/*--------------*/
#header li a.btr{
	width:118px;
	height:26px;
	display:block;
	float:left;
	background:url(images/btr.gif) no-repeat;
}
#header li a.btr:hover , a.acce{
	background:url(images/btr_on.gif) no-repeat;
}
#header li a.acce{
	background:url(images/btr_on.gif) no-repeat;
}
/*--------------*/
#header li a.btc{
	width:125px;
	height:26px;
	display:block;
	float:left;
	background:url(images/btc.gif) no-repeat;
	/*border:#000 solid 1px;*/
}
#header li a.btc:hover , a.cont{
	background:url(images/btc_on.gif) no-repeat;
}
#header li a.cont{
	background:url(images/btc_on.gif) no-repeat;
}
/* ---------- */
#contenu {
	width:855px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border-left:#fff solid 10px;
	border-right:#fff solid 10px;
	padding:20px 40px 0px 40px;
}
.bg1{
	background:url(images/informatique.jpg) no-repeat;
}
.bg2{
	background:url(images/souris.jpg) no-repeat;
}
.bg3{
	background:url(images/materiel.jpg) no-repeat;
}
.bg4{
	background:url(images/accessoires.jpg) no-repeat;
}
#contenu p.pc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	margin:10px 0px;
	padding:0px;
	display:block;
}
#contenu p.equipe {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#1e5f80;
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
}
#contenu ul {
	margin:0px;
	padding:10px 0px 50px 20px;
}
#contenu li {
	padding:5px 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	list-style-type:disc;
	list-style-position:inside;
}

/* ---------- */
#gauche {
	width:245px;
	height:auto;
	float:left;
	padding:0px 10px 0px 0px;
	/*border:#000 solid 1px;*/
}
#gauche p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	margin:10px 0px;
	padding:0px;
	display:block;
	text-align:justify;
}
#gauche p.photo{
	margin:0px;
	padding:10px;
	display:block;
	background:url(images/coin.gif) no-repeat;
}
#gauche ul {
	margin:0px;
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#gauche li {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	list-style-type:disc;
	list-style-position:inside;
	text-align: justify;
}
#contenu p.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
/* ---------- */
#droite {
	width:580px;
	height:auto;
	float:left;
	background:url(images/coin.gif) no-repeat left 20px;
	padding:30px 10px 10px 10px;
	/*border:#000 solid 1px;*/
}
#droite p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	padding:10px;
	display:block;
}
#droite p.encart {
	width:285px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#164a68;
	padding:30px 20px 10px 120px;
	margin:0px;
	display:block;
	background:url(images/infos.jpg) no-repeat;
	padding:30px 20px 10px 120px;
}
#droite .puce {
	background:url(images/fl3.gif) no-repeat 0px 0px;
	padding-left:15px;
	margin:5px 0px 0px 0px;
	padding-left:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color:#164a68;
	display:block;
}
#droite p a {
	font-weight:bold;
	color:#164a68;
}
#droite p a:hover {
	color:#fd6306;
}
#droite img {
	padding:0px 5px 0px 0px;
}
#droite img.cd {
	padding:0px;
}
/* ----- Maintenance ----- */
.installation {
	width:420px;
	height:auto;
	float:left;
	/*border:#000 solid 1px;*/
}
.maintenance {
	width:300px;
	height:auto;
	float:left;
	padding:10px 10px 10px 0px;
}
.maintenance p{
	background:url(images/puce.gif) no-repeat 0px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	display:block;
	padding:3px 0px 3px 15px;
}
.prix {
	width:90px;
	height:auto;
	float:left;
	padding:10px;
}
.prix p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#ffd321;
	display:block;
	padding:5px 0px 5px 0px;
	/*background-color:#fff;*/
}
.prix .couleur1{
	color:#155f84;
	display:block;
}
.prix .couleur8{
	color:#ff6000;
	display:block;
}
/* ----- Vente ----- */
.alimentation {
	width:200px;
	height:360px;
	float:left;
	padding:0px 6px;
	/*border:#000 solid 1px;*/
}
.alimentation p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	display:block;
	padding:5px 0px;
}
.alimentation a{
	color:#ffcc00;
	text-decoration:none;
}
.alimentation a:hover{
	color:#fff;
}
/* ---------- */
.processeur {
	width:200px;
	height:auto;
	float:left;
	padding:0px 6px;
	/*border:#000 solid 1px;*/
}
.processeur p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#246286;
	display:block;
	padding:5px 0px;
}
.processeur p.webcam{
	height:30px;
}
.processeur a{
	color:#f36e1d;
	text-decoration:none;
	font-weight:bold;
}
.processeur a:hover{
	color:#ffcc00;
}
.couleur2{
	color:#246286;
	display:block;
}
/* ----- Images ----- */
.float_left {
	float:left;
	margin-right:5px;
	margin-top: 5px;
}
.float_right {
	float:right;
	margin:20px 0px 0px 0px;
	border:#fff solid 1px;
}
.marge {
	margin-top:3px;
}
.marge2 {
	margin-top:30px;
}
/* ----- Nav bas ----- */
#navbas {
	clear:both;
	width:935px;
	height:auto;
	margin:0px auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#3b7292;
	border-left:#fff solid 10px;
	border-right:#fff solid 10px;
	padding-top:10px;
}
#navbas a{
	color:#3b7292;
	text-decoration:none;
}
#navbas a:hover{
	color:#fd6306;
}
/* ----- Logo TT ----- */
p.tt {
	margin-top:20px;
	display:block;
}
p.tt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	color:#000;
	text-decoration:none;
}
p.tt a:hover {
	color:#000;
}
/* ----- Contact ----- */
#plan {
	width:255px;
	height:auto;
	float:left;
	padding:10px 15px 15px 15px;
	margin:0px;
	background:url(images/coin.gif) no-repeat;
}
#plan p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#043d54;
	padding-top:10px;
}
#plan img{
	border:#fff solid 1px;
	cursor:pointer;
}
/*-----------*/
#clavier {
	width:260px;
	height:auto;
	float:left;
	padding:10px;
	margin:0px;
	/*border-right:#596e91 solid 1px;*/
}
#clavier p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	padding:10px 0px;
	display:block;
}
#clavier p.mail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	padding:5px 0px 0px 0px;
	display:block;
}
/*-----------*/
form{
	width:255px;
	height:auto;
	margin:0px;
	padding:0px;
	/*background-color:#CCCCCC;*/
}
#formulaire {
	width:255px;
	height:auto;
	float:left;
	padding:10px;
	margin:0px;
}
#formulaire p{
	padding:10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
}
textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	overflow:auto;
	width:255px;
	border:1px solid #043d54;
}
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	overflow:auto;
	width:255px;
	border:1px solid #043d54;
}
input.bt {
	width:121px;
	height:21px;
	border:0px;
	margin-top:10px;
}
#formulaire .txtsm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#043d54;
	padding:10px 0px;
}