body {

	padding: 0;
	background: #fff url('http://www.catuelec.com/IMAGES/fd_body.jpg') no-repeat top left;
	text-align: center;
	font: 65.5% Verdana, Arial, sans-serif;
	margin: 0;
}



/* ========= SITE */

#page {

	width: 1000px;
	background: #ffffff;
	margin-top:227px;
	margin-left:97px;
	margin-right: auto;
	text-align: left;
	position: relative;
}

/* ========= ENTETE */

#promotion {

	position:absolute;
	top:0px;
	left:0;
	height:227px;

}



.marginSupp{
	margin:0;
}


#accessibilite {
	display: none;
}


.marginSupp2{
	margin:0;
}



#promotion object{
	width:1024px;
	height:227px;
}



#entete {
	height: 8em;
}

#entete h1 a {
 display:block;
color:transparent;
height:4em;
width:250px;
}

/****************************************************************************
* COMMUN
****************************************************************************/

#conteneur{
 width:1000px;
 position:relative;
 font-size:1.1em;
 margin:9px auto 0 auto;
 padding:0;
}

#col_gauche{
 float:left;
 width:230px;
 padding:0 8px 0 4px;
 margin:0 0 0 0;
}

.titre{
 color:#1967a5;
 text-decoration:underline;
}
.produit{
width:600px;
display:block;
border-bottom:1px dashed #CCCCCC;
margin:0 0 10px 0;
padding:0 0 10px 0;
float:left;
}

h1{
 font-size:1.5em;
}
h2{
 font-size:1.4em;
}

.lire_suite a{
	color:#00A6EB;
	 text-decoration:none;
}
.ref{
	color:#1967a5;
	 text-decoration:none;
	 font-size:14px;
	 font-weight:bold;
}

.norme{
	color:#1967a5;
	 text-decoration:none;
	 font-size:12px;
	 font-weight:bold;
}
.formul{
 list-style:none;
 display:inline;
 float:left;
 padding:0;
 width:600px;
 margin:0;

}

.formul li{
 list-style:none;
 display:inline;
 float:left;
 padding:0;
 margin:0;
 

}
#motcle{
height:22px;
width:104px;
border:1px solid #CCCCCC;
}

#bloc_recherche{
float:left;
background-image:url(../images/fond_recherche.gif);
background-repeat:no-repeat;
padding:0;
margin:5px 0 10px 0;
height:40px;
}

.formul li.titre_recherche{
 list-style:none;
 display:inline;
 width:340px;
 padding:0;
 font-size:20px;
 color:#999999;
 font-weight:bold;

}

.formul li.champ_recherche{
 width:160px;
}

.menu_niveau2 li.menu_bas{
list-style:none;
padding:6px 6px 0px 6px;
width:134px;
border-right:1px #1967a5 solid;
border-left:1px #1967a5 solid;
border-top:1px #1967a5 solid;
}

.menu_niveau2 img{
float:left;
}
.menu_niveau2 li.menu_haut{
list-style:none;
padding:0 6px 6px 6px;
width:134px;
border-right:1px #1967a5 solid;
border-left:1px #1967a5 solid;
}
.menu_niveau2 li.menu_centre{
list-style:none;
padding:6px;
width:134px;
border-right:1px #1967a5 solid;
border-left:1px #1967a5 solid;
border-top:1px #1967a5 solid;
}

#rub1ss{
 display:none;position:absolute;z-index:10;left:500px;top:192px;width:220px;
}
#rub2ss{
 display:none;position:absolute;z-index:10;left:500px;top:269px;width:220px;
}
#rub3ss{
display:none;position:absolute;z-index:10;left:500px;top:353px;width:220px;
}
#rub4ss{
display:none;position:absolute;z-index:10;left:500px;top:433px;width:220px;
}
#rub5ss{
display:none;position:absolute;z-index:10;left:500px;top:512px;width:220px;
}
#rub6ss{
display:none;position:absolute;z-index:10;left:500px;top:620px;width:220px;
}
#rub7ss{
display:none;position:absolute;z-index:10;left:500px;top:689px;width:220px;
}
#rub8ss{
display:none;position:absolute;z-index:10;left:500px;top:764px;width:220px;
}

.tab_reference{
	 border:1px solid #1967a5;
	 padding:2px 5px;
	 line-height:13px;
}

.lien_catalogue{
	margin:0px 0px 10px 0;
	border:1px solid #FF0000;
	padding:4px;
	width:580px;
	background-color:#F00;
	text-align:center;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	float:left;
}
.lien_catalogue a{
	color:#FFF;
	text-decoration:underline;
}

.lien_catalogue a:active, .lien_catalogue a.active, .lien_catalogue a:link,.lien_catalogue a:visited{
	color:#FFF;
	text-decoration:underline;
}

.lien_catalogue a:hover{
	color:#FFF;
	text-decoration:underline;
}



#col_gauche a{
	 text-decoration:none;
	 color:#1967A5;
}

#col_gauche a:hover{
	 text-decoration:none;
	 color:#FF7700;
}

#col_gauche ul{
	 float:left;
	 margin:0;
	 padding:0 0 0 10px;
	 list-style:none;
}

#col_gauche li{
	 float:left;
	 margin:0;
	 padding:0;
	 width:190px;
	 list-style:none;
}

#col_gauche li.leaf.first{
	padding:0 10px 12px 10px;
	background-image:url(../images/menu_niveau1_fond.gif);
	font-size:1em;
	background-repeat:no-repeat;
	font-weight:bold;
}

#col_gauche li.leaf{
	padding:3px 10px;
	font-size:0.9em;
	background-image:url(../images/menu_niveau2_fond.gif);
	background-repeat:no-repeat;
	font-weight:normal;
}

#col_gauche #bloc_menu_accueil li.leaf {
	padding:0 10px 0 10px;
	background-image:url(../images/menu_niveau1_fond.gif);
	font-size:1em;
	background-repeat:no-repeat;
	font-weight:bold;
}

#col_gauche li.collapsed{
	padding:3px 10px;
	font-size:0.9em;
	background-image:url(../images/menu_niveau2_fond.gif);
	background-repeat:no-repeat;
	font-weight:normal;
}





#col_centre{
 float:left;
 width:600px;
 padding:0 10px 20px 10px;
 margin:0;
 min-height:600px;
}

#pied_page{
 float:left;
 width:1000px;
 padding:0;
 margin:0;
 background-color:#1868A7;
 background-image:url(../images/pied_page_fond.gif);
 background-repeat:no-repeat;
 color:#FFF;
 text-align:center;
 height:33px;
}

#decoration_pied_page{
	position:relative;
	top:-167px;
	left:0;
}
.decoration_droite{
	 float:right;
	 margin:56px 0 0 0;
}
.decoration_gauche{
 float:left;
 margin:0;
}


.flottant {
float:left;
}
.flottant_droit {
float:right;
}

.bloc_droite p{
	padding:0 0 0.1em 0;
}

/* ========= MENUS CORPORATE */



div#menuCorporate {
	border-top: #e20A16 solid 2px;
	border-bottom: #e20A16 solid 2px;
	background: url(http://www.catuelec.com/IMAGES/fd_menu_corporate.jpg) repeat-x left top #fff;
	height: 55px;
	position: absolute;
	top: 0px;
	left:0px;
	width: 840px;
	text-align: right;
	line-height: 54px;
	z-index: 2;

}

div#menuCorporate ul {
	height:5.4em;
	line-height: 5.4em;
	padding: 0;
	padding-top:1em;
	margin: 0 0.5em 0 0;
	float: right;
}

div#menuCorporate ul li {
	height:5.4em;
	line-height: 5.4em;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	text-align: left;
}

div#menuCorporate li a  {
	height:5.4em;
	line-height: 5.4em;
	font-size: 1.2em;
	color: #e20A16;
	text-decoration: none;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #CCCCCC;
}



div#menuCorporate li a:hover  {
	color: #2F57A5;
}

/* ========= MENU NAVIGATION */

#menuNavigation {
	margin-left: 0.8em;
	float: left;
}

#menuNavigation div.menu {
	border:1px #ccc solid;
	padding: 1em;
	margin-bottom: 0.5em;
	float:left;
}
#menuNavigation ul {
	margin: 0;
	padding: 0;
}

#menuNavigation li.titreNiveau1 {
	display:list-item;
	list-style-type: square;
	list-style-image: url(../IMAGES/liste_square.jpg);
	color: #e20a16;
	text-transform: uppercase;
	font-weight: bold;
	margin-left:10px;
	font-size:12px;
}

#menuNavigation li.titreNiveau1 a, #menuNavigation li.titreNiveau1 a:hover {
	font-weight: bold !important;
	text-decoration: none;
	font-size:12px;
}

#menuNavigation li.titreNiveau1 ul li{
	text-transform: none;
	color: #000000;
	list-style: none;
	list-style-image: none;
	border: 1px solid #fff;
}

#menuNavigation li.titreNiveau1 ul li a {
	text-transform: none;
	font-size:12px;
	color: #333;
	font-weight: normal !important;
	text-decoration: none;
	display: block;
}

#menuNavigation li.titreNiveau1 ul li a:hover {
	color: #e20a16;
	text-decoration: none;
	font-weight: normal;
}

#menuAdministration{
	margin-left: 0.8em;
	float: left;
	width:201px;
	border:1px #ccc solid;
	padding:10px;
}

#menuAdministration .titre{
font-size:12px;
text-decoration:none;
list-style-type: square;
	list-style-image: url(../IMAGES/liste_square.jpg);
	color: #e20a16;
}


/****************************************************************************
* SOMMAIRE
****************************************************************************/
#bloc_accueil{
	width:269px;
	background-image:url(../images/bloc_central_accueil_fond.gif);
 	background-repeat:repeat-y;
	margin:18px 9px 0 0;
	color:#FFF;
}
#bloc_accueil p{
	padding:0px 10px;
}

#bloc_carte{
	width:279px;
	background-image:url(../images/bloc_central_d1_fond.gif);
 	background-repeat:repeat-y;
	margin:18px  0 0 9px;
	color:#1C66A5;
}

.corps_carte{
	 border-top:1px solid #E3E3E3;
	 margin:0 0 0 1px;
	 padding:0;
}
#bloc_actualite{
	width:269px;
	background-image:url(../images/bloc_central_g1_fond.gif);
 	background-repeat:repeat-y;
	margin:18px 9px 0 0;
}
#bloc_accueil p{
	padding:0px 10px;
}

#bloc_actualite h2{
	padding-bottom:0;
}

/****************************************************************************
* PRODUIT
****************************************************************************/
.liste_rubrique{
list-style:none;
margin:0;
padding:0;
}
.liste_rubrique li{
list-style:none;
margin:0;
padding:0;
}

.col_gauche_produit{
float:left;
width:350px;
padding:0;
}
.col_gauche_produit tbody {
  border-top: none;
}
.col_gauche_produit tbody th {
  border-bottom: none;
}

.col_droite_produit{
float:right;
text-align:right;
width:250px;
}


/****************************************************************************
* FOOTER
****************************************************************************/


/* Basic elements */
a:link, a:visited {
	color:#1967a5;
	text-decoration: none;
	margin:0;
}

a:hover, a:active, a.active {
	color:#E20A16;
	text-decoration: none;
	margin:0;
}

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited {
	color:#000;
	text-decoration: none;
}

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {
	color:#000;
	text-decoration: underline;
}

dt {
  font-weight: bold;
}

table {
  margin: .5em auto;
  width: 100%;
}

th,
td {
  padding: .2em;
}

th {
  color: #000;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  background-color: #FAF4AA;
}

tr.odd td {
  background-color: #ffffff;
}

tr.even td {
  background-color: #d0d0d0;
}

img {
  border-width: 0;
}

strong {
  font-weight: bold;
}

/*
  Define the helper classes.
*/
.clear-block:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.hidden{
  visibility: hidden;

}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}

.clear-block {
  display: block;
}

.form-item,
fieldset {
  margin: 1em 0;
  padding: 0 .5em;
}

fieldset.collapsed {
  overflow: hidden;
  height: 1px;
  border-width: 1px 0 0 0;
}

.description {
  padding: .5em;
  font-size: .8em;
  font-style: italic;
}

.messages,
.help {
  margin: 1em;
  padding: 1em;
  border-width: 2px;
  border-style: solid;
}

.error {
  border-color: #ff0000;
  background-color: #ffdddd;
}

.status {
  font-style: italic;
  border-color: #9FE4FF;
  background-color: #D9F4FF;
}

.help {
  font-style: italic;
  border-color: #FEFF7F;
  background-color: #ffffcc;
}

.help .more-help-link {
  font-weight: bold;
}


/*
  Area specific layout
*/

/* Tabs */

div.tabs ul.primary {
  clear: both;
  margin: 2em 0 0 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 1.5em;
  border-bottom: #C4D7E6 1px solid;
}

div.tabs ul.primary li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 2px;
  list-style-type: none;
  text-align: center;
}

div.tabs ul.primary a {
  padding: 6px 10px;
  color: #999999;
  text-decoration: none;
  line-height: 1.3em;
  border-color: #C4D7E6;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  background-color: #eee;
}

div.tabs ul.primary a.active {
  padding: 6px 10px;
  color: #000000;
  font-weight: bold;
  border-color: #C4D7E6 #C4D7E6 #eeeeee #C4D7E6;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #fff;
}

div.tabs ul.primary a:hover {
  text-decoration: underline;
}

div.tabs ul.secondary {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 2em;
}

div.tabs ul.secondary li {
  display: inline;
  padding: 0 7px 0 5px;
  list-style-type: none;
  border-right: #C4D7E6 1px solid;
}

div.tabs ul.secondary a {
  color: #999999;
  text-decoration: none;
}

div.tabs ul.secondary a.active {
  color: #000000;
  font-weight: bold;
}

div.tabs ul.secondary a:hover {
  text-decoration: underline;
}

/* Main content area */
#breadcrumb {
  padding: 1em 0 0 0;
}

#mission {
  padding: .5em;
}

/* Header styles */
#header {
  padding: 1em 0 1em 0;
}

/* Main menu styles */
#main_menu {
  clear: both;
	margin: 0;
	display: inline;
	font-size: 1em;
	font-weight: bold;
}

#main_menu ul {
	display: inline;
	margin:0;
}

#main_menu li {
	margin:0;
  display: inline;
  padding: 0 .6em;
  list-style-type: none;
}

/* Secondary menu styles */
#secondary_menu {
  clear: both;
	margin: 0 0 0 2em;
	display: inline;
	font-size: .9em;
}

#secondary_menu ul {
  margin: 0 0 0 0;
	display:inline;
}

#secondary_menu li {
	margin:0;
  display: inline;
  padding: 0 .55em;
  list-style-type: none;
}

/* Sidebar styles */
#sidebar_left,
#sidebar_right {
  font-size: .95em;
  margin: 1em 0 0 0; 
}

#sidebar_left .block,
#sidebar_right .block {
  margin: 0; 
	padding: .5em .5em .5em .5em;
}

/* Footer styles */
#footer {
  clear: both;
	padding: 0 1em 0 1em;
	margin: .5em 0 0 0;
}

.imprimer{
float:left;
margin:20px 0;
padding:0;
}

.imprimer ul.links.inline{

margin:0;
padding:0;
}

#coordonnees a{
color:#FFF;	
}