
* {
	margin:0px;
	padding:0px;
}

body {
	font:11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#585c64;
}

img {
	border:0;
}

.TresPetite { font-family: Arial, Helvetica, sans-serif; font-size:9px; }
.Petite 	{ font-family: Arial, Helvetica, sans-serif; font-size:10px; }
.Normal 	{ font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.Moyenne 	{ font-family: Arial, Helvetica, sans-serif; font-size:14px; }
.Grande 	{ font-family: Arial, Helvetica, sans-serif; font-size:16px; }
.TresGrande { font-family: Arial, Helvetica, sans-serif; font-size:18px; }

.bleu 		{ color:#24617a;}
.grisClair 	{ color:#6b6b6b;}
.orange 	{ color:#f79324}
.rouge 		{ color:#ec2329;}

h1 { 
	font: bold 21px Arial, Helvetica, sans-serif;
	padding :7px 0px 8px 30px;
	margin :0px 0px 0px 0;
	color:#0e3083;
	text-align:left;
	text-transform:none;
	background:url(/accesElec_images/site/puceTitre.gif) no-repeat top left;
}
h2 { 
	font: bold 16px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 10px 0px;
	color:#8bb611;
	text-align:left;
	background:url(/accesElec_images/site/bgTitre.gif) no-repeat bottom right;
	text-transform:uppercase;
}	
h3{ 
	font: normal 14px Arial, Helvetica, sans-serif;
	padding :0px 0px 0px 0px;
	margin :0px 0 10px 0px;
	color:#585c64;
}
h4{ 
	font: bold 12px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :7px 0 0px 0px;
	color:#8bb611;
	text-align:left;	
}
h5{
	font: bold 11px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 10px 5px;
	color:#585c64;
	text-align:left;
}
p {
	font: 12px  Arial, Helvetica, sans-serif;
	color:#676d7d;
	margin:10px 0px;
	line-height:15px
}
ul { 
	padding:0;
	margin:3px 0 0 0px;
	list-style:inside
}
ol {
	padding:0;
	margin:3px 0 0 13px
}
ol li { 
	background:none;
	padding:0 0 0 0px;
}
li {
	font: 12px  Arial, Helvetica, sans-serif;
	color:#585c64;
	margin:0px;
	line-height:16px;
}
a { 
	color: #0e619c;
	text-decoration:underline;
}
a:hover {text-decoration:underline;}
#conteneur {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

/*///////////////////////////////////////////////////////////////////////////////////////

HEADER

///////////////////////////////////////////////////////////////////////////////////////*/
#header {
	background:#fff url(/accesElec_images/site/bgHead.jpg) no-repeat top left;
	width:980px;
	height:186px;
}
#header table {
	width:980px;
}
.lienHome img{
	margin:0 0 0 30px;
}
.top {
	height:88px;
}
.adresse {
	width:150px;
	margin:0px 0 0 60px;
	text-align:center;
}
.adresse p, .motsEntete p { 
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0px;
}
.motsEntete {
	text-align:center;
	width:200px;
	margin-right:40px
}
.bot {
	padding:13px 0 0 0;
}
.telephone {
	 width:275px;
	 text-align:center;
}
.telephone p, .metier p { 
	font:bold 20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	margin:0px;
}
.metier {
	text-align:center;
	width:300px;
}


/*///////////////////////////////////////////////////////////////////////////////////////

CONTENU

///////////////////////////////////////////////////////////////////////////////////////*/

#contenu {
	padding:0 0 0 7px;
	background:#fff;
}



/*///////////////////////////////////////////////////////////////////////////////////////
COLONNE GAUCHE
///////////////////////////////////////////////////////////////////////////////////////*/
.colGauche {
	width:251px;
	background:#dcdcdc url(/accesElec_images/site/bgNavBt.gif) no-repeat bottom left;
	padding-bottom:120px
}
.nav {
	background:url(/accesElec_images/site/bgNavTop.gif) repeat-x top left;
	width:251px;
}
.titre {
	color:#717786;
	font-size:14px;
	margin:0px;
	line-height:10px;
	padding:17px 0 0 17px;
}
.titre span {
	font:bold 18px Arial, Helvetica, sans-serif;
}
.nav ul {
	margin:15px 0 0 0px;
	padding:0 0 0 10px;
	list-style:none;
}
.nav li {
	margin:3px 0 3px 7px;
	_margin:3px 0 3px 5px;
	padding:0px;
	width:230px;
	float:left;
}
.nav li a {
	background:url(/accesElec_images/site/puceAmpoule.png) no-repeat top left;
	color:#495a6a;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 0 2px 22px;
	display:block;
}
.nav li a:hover, .nav li a.selected {
	background:url(/accesElec_images/site/puceAmpoule_hover.png) no-repeat top left;
	color:#262f38;
	text-decoration:none;
}
.spacerNav {
	background:url(/accesElec_images/site/navSpacer.gif) no-repeat top left;
	padding:0px;
	margin:0px;
	height:2px; 
	width:212px;
	_float:left;
}

/*///////////////////////////////////////////////////////////////////////////////////////
COLONNE DROITE
///////////////////////////////////////////////////////////////////////////////////////*/
.colDroite {
	padding:0 0 0 4px;
}
.accessElec {
	width:300px;
	float:left;
	display:inline;
	margin:30px 0 0 15px;
}
.accessElec h1 {
	background:url(/accesElec_images/site/ampoule.jpg) no-repeat top left;
	margin:0 0 5px 0px;
	padding:5px 0 2px 30px;
	color:#0e3083;
	font:normal 24px Arial, Helvetica, sans-serif;
}
.accessElec p {
	margin:0px 0 0px 5px;
}
.spacerHome {
	width:2px;
	height:159px;
	float:left;
	display:inline;
	margin:35px 7px 0 35px;
}
.produitHome {
	margin:45px 0 0 0;
}
.prdHome {
	width:141px;
	text-align:center;
}
.description {
	width:182px;
}
.description h3 {
	color:#c0c0c0;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.spacerPrd {
	height:10px;
}
.description p {
	margin:0px;
	font-size:11px;
}
.description ul {
	padding:0px;
	margin:0px;
}
.description li {
	padding:0 0 0 7px;
	_padding-left:0px;
	margin:0px;
	background:url(/accesElec_images/site/puce.gif) no-repeat 0px 7px;
	list-style:none;
	font-size:11px;
}
.marques {
	clear:both;
	margin:50px 0 0 0;
	background:url(/accesElec_images/site/bgMarques.gif) no-repeat top left;
	width:697px;
	height:49px;
}


.texteContenu {
	margin:0 0px 0 20px;
	width:681px;
}
.listeContenu {
	width:445px;
	border-right:1px solid #ebebeb;
}
.listeContenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.listeContenu li {
	 border-left:4px solid #ec720e;
	 background:#f1f1f1;
	 width:416px;
	 padding:2px 5px;
	 margin:7px 0 0 0;
	 _float:left;
	 _width:405px;
}
.image {
	text-align:right
}
.produit1 {
	float:left;
	display:inline;
	width:322px;
	margin:60px 0 0 0;
}
.produit2 {
	float:right;
	display:inline;
	width:322px;
	margin:60px 0 0 0;
}
.spacerContenu {
	width:2px;
	height:159px;
	float:left;
	display:inline;
	margin:50px 0px 0 27px;
}
.prdContenu {
	width:140px;
	text-align:center;
	vertical-align:top;
}


/*///////////////////////////////////////////////////////////////////////////////////////

CONTACT

///////////////////////////////////////////////////////////////////////////////////////*/

.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:1px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #e9e9e9 solid;
		font: normal normal 11px Verdana,Times, Helvetica, sans-serif;
		padding: 2px 5px;
		color: #6d6d6d;
	}
	.FormSubmit {
		margin: 0;
		padding: 2px 5px;
		font: normal normal 12px Verdana,Times, Helvetica, sans-serif;
		color:#fff;
		background-color: #d6d6d6;
		cursor:hand;
		cursor:pointer;
	}
	.LargeInput{
		width:261px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:185px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:123px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	



/*///////////////////////////////////////////////////////////////////////////////////////

FOOTER

///////////////////////////////////////////////////////////////////////////////////////*/

#footer {
	background:url(/accesElec_images/site/bgFooter.gif) no-repeat top left;
	height:46px;
	width:980px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding:15px 0 0 20px
}
#footer a {
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	margin:10px 0 0 0;
}

.Clikeo{
	text-align:center;
	font:10px Arial, Helvetica, sans-serif;
	color:#65b7df;
}
.Clikeo a{
	text-align:center;
	font:10px Arial, Helvetica, sans-serif;
	color:#65b7df;
	text-decoration:none;
}
.Clikeo a:hover{
	color:#ec7a08;
}



