body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 10pt arial, helvetica, sans-serif;
	/* background: url(../images/fond.gif) repeat-y;
	background-position: center; */
}

form {
	margin-top: 0px;
}

p {

}

a img {
	border-style: none;
}

a {
	color: #266554;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:focus {
	color: #266554;   
	font-weight: bold; 
	text-decoration: underline; 
}

h1 {

}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.vert_center {
	vertical-align: middle;
	text-align: center;
}

#conteneur  {
	width: 983px;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	font-weight: normal;
	font-size: 9pt;
	/* margin-top: 10px; */
	/* margin-bottom: 10px; */
	text-align: left ;
	/* background: #CCCCFF; */
	border-left: 1px solid #266554;
	border-right: 1px solid #266554;
	border-bottom: 1px solid #266554;
	border-top: 1px solid #266554;
	/* background: url(../images/fond.gif) repeat-y; */
}

#header {
	margin-bottom: 20px;
}

#gauche {
	float: left;
	width: 130px;
	margin-right: 20px;
	margin-bottom: 80px;
}

#droite {
	float: right;
	width: 160px;
	margin-left: 20px;
	margin-bottom: 80px;
}

#centre {
	overflow: auto;
	margin-bottom: 80px;
}

#footer {
	clear: both;
	background: #D5EFE8;
	border: 1px solid #266554;
	color: #000000;
	font-size: 8pt;
	text-align: center;
	padding: 5px 5px 5px 5px;
	overflow: auto;
}

.footer_gauche {
	float: left;
	margin: 0 0 0 15px;
}

.return_top {
	float: right;
	margin: 0 15px 0 0;
}

#menu {
	margin-top: 25px;
	color: #266554;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	background: #D5EFE8;
	border: 1px solid #266554;
	padding: 6px 5px 6px 5px;
}

.encart_cadre {
	margin-bottom: 20px;
	text-align: center ;
	border: 1px solid #266554;
}

.encart_titre {
	color: #266554;
	background: #D5EFE8;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #266554;
	padding: 3px 10px 3px 10px;
}

.encart_contenu {
	overflow: auto;
	background: #FFFFFF;
	font-weight: normal;
	font-size: 9pt;
	text-align: left;
	padding: 10px 10px 10px 10px;
}

.titre_page {
	background: #D5EFE8;
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}

.sous_titre_page {
	margin-top: 5px;
	margin-left: 5px;
	font-size: 10pt;
}

.image_titre_page {
	float: right;
	clear: both;
	display: block;
	margin-right: 3px;
}

.titre_droite {
	float: right;
	margin: 0 0px 0 0;
}

.erreur {
	font-weight: bold;
	color: #FF0000;
	font-size: 10pt;
	border-bottom: 1px solid #FF0000;
	display: list-item;
	list-style-image: url('../images/attention.jpg');
	list-style-position: inside;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.annonce {
	color: #266554;
	/* background: #D5EFE8; */
	font-weight: bold;
	text-align: center;
	/* border: 1px solid #266554; */
	width: 400px;
	padding: 3px 10px 3px 10px;
}

.liste_se_connecte_avec {
	float: left;
	width: 720px;
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
}

.liste_nouveautes {
	float: left;
	width: 720px;
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
}

.boite_demandes {
	width: 75px;
	margin-left: 20px;
	/* height: 125px;*/
	border: 1px solid #266554;
	color: #000000;
	text-align: center;
	font-weight: normal;
	font-size: 8pt;
	padding: 0px 5px 6px 5px;
	float: left;
}

.boite_demandes_titre {
	font-weight: bold;
	text-align: center;
	padding: 6px 5px 0px 5px;
}

.boite_demandes_bouton {
	padding: 10px 5px 0px 5px;
	width: 65px;
	text-align: center;
	float: left;
	border-top: 1px solid #266554;
	margin-top: 10px;
}

.boite_demandes_texte {
	width: 65px;
	text-align: center;
	margin: 3px 5px 0px 0px;
}

/**************************/
/* Index & présentation        : */

.presentation {
	width: 700px;
	text-align: justify;
}

.paragraphe {
	text-align: left;
	border: 1px solid #266554;
	padding: 10px 12px 10px 10px;
	margin-bottom: 30px;
	text-align: justify;
}

.titre_paragraphe {
	font-weight: bold;
	padding-bottom: 15px;
	/* border-bottom: 1px solid #266554; */
}

.image_titre_paragraphe {
	float: right;
	padding: 0 10px 10px 10px;
}

.tableau_presentation {
	border-collapse:collapse;
	width: 100%;
}

.tableau_presentation tr {
	
}

.tableau_presentation td {
	text-align: left;
	padding: 10px 5px 10px 5px;
	width: 33%;
	text-align: center;
}

/* Fin Index & présentation */
/************************/

/**************************/
/* Recherche (recherche.php) : */

.recherche_boutons {
	margin-left: 50px;
}

#rech_legende {
	float: right;
	margin-right: 60px;
	margin-top: 130px;
	width: 210px;
	height: 200px;
	color: #266554;
	text-align: left;
	font-weight: bold;
	font-size: 8pt;
	background: #D5EFE8;
	border: 1px solid #266554;
	padding: 6px 10px 6px 10px;
}

.rech_legende_titre {
	font-weight: bold;
	padding-bottom: 8px;
	text-align: center;
	border-bottom: 1px solid #266554;
}

#rech_legende_cr {
	float: right;
	margin-right: 60px;
	margin-top: 130px;
	width: 210px;
	height: 200px;
	color: #266554;
	text-align: justify;
	font-size: 8pt;
	background: #D5EFE8;
	border: 1px solid #266554;
	padding: 6px 10px 6px 10px;
	line-height: 16px; 
}

#rech_legende_fam {
	float: right;
	margin-right: 60px;
	margin-top: 130px;
	width: 210px;
	height: 200px;
	color: #266554;
	text-align: justify;
	font-size: 8pt;
	background: #D5EFE8;
	border: 1px solid #266554;
	padding: 6px 10px 6px 10px;
	line-height: 16px; 
}

#rech_legende_ref {
	float: right;
	margin-right: 60px;
	margin-top: 130px;
	width: 210px;
	height: 200px;
	color: #266554;
	text-align: justify;
	font-size: 8pt;
	background: #D5EFE8;
	border: 1px solid #266554;
	padding: 6px 10px 6px 10px;
	line-height: 16px; 
}

#rech_legende_page {
	float: right;
	margin-right: 60px;
	margin-top: 130px;
	width: 210px;
	height: 200px;
	color: #266554;
	text-align: justify;
	font-size: 8pt;
	background: #D5EFE8;
	border: 1px solid #266554;
	padding: 6px 10px 6px 10px;
	line-height: 16px; 
}

.rech_cr a {
	display: block;
	width: 150px;
	height: 120px;
	background: url('../images/rech_cr.jpg') no-repeat 0 0;
	text-decoration: none;
}

.rech_cr a:hover {
	background: url('../images/rech_cr.jpg') no-repeat 0 -120px;
}

.rech_fam a {
	display: block;
	width: 150px;
	height: 120px;
	background: url('../images/rech_fam.jpg') no-repeat 0 0;
	text-decoration: none;
}

.rech_fam a:hover {
	background: url('../images/rech_fam.jpg') no-repeat 0 -120px;
}

.rech_ref a {
	display: block;
	width: 150px;
	height: 120px;
	background: url('../images/rech_ref.jpg') no-repeat 0 0;
	text-decoration: none;
}

.rech_ref a:hover {
	background: url('../images/rech_ref.jpg') no-repeat 0 -120px;
}

.rech_page a {
	display: block;
	width: 150px;
	height: 120px;
	background: url('../images/rech_page.jpg') no-repeat 0 0;
	text-decoration: none;
}

.rech_page a:hover {
	background: url('../images/rech_page.jpg') no-repeat 0 -120px;
}

/* Fin Recherche */
/**************/

/*******************/
/* Recherche avancée*/

.selection_recherche {
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}

.gauche_boites_recherche {
	float: left;
}

.boite_recherche_famille {
	width: 200px;
	height: 200px;
	color: #000000;
	text-align: left;
	font-weight: normal;
	font-size: 8pt;
	background: #FFFFFF;
	border: 1px solid #266554;
	padding: 0px 3px 0px 3px;
	overflow: auto;
	/* float: left; */
	margin-right: 10px;
	margin-bottom: 20px;
}

.boite_recherche {
	width: 200px;
	height: 96px;
	color: #000000;
	text-align: left;
	font-weight: normal;
	font-size: 8pt;
	background: #FFFFFF;
	border: 1px solid #266554;
	padding: 0px 3px 0px 3px;
	overflow: auto;
	/* float: left; */
	margin-right: 10px;
	margin-bottom: 20px;
}

.boite_recherche_titre {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #266554;
	padding: 6px 5px 6px 5px;
	margin-bottom: 9px;
}

.boite_recherche_contenu {
	/* width: 200px;
	height: 92px;
	overflow: auto; */
}

.boite_recherche_ligne {
	padding: 3px 5px 3px 5px;
}

.boite_recherche_ligne_select {
	padding: 5px 5px 5px 5px;
	background-color: #D5EFE8;
	font-weight: bold;
	font-style: italic;
}

.deselect {
	float: right;
	margin-right: 5px;
	/* vertical-align: middle; */
	font-style: normal;
}

.resultats_rech_avancee {
	float: right;
	width: 720px;
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
}

/* Fin recherche avancée */
/**********************/

/**************************/
/* Catalogue (catalogue.php) : */

.sommaire {
	float: left;
	width: 300px;
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

.sommaire_famille {
	/* margin-bottom: 10px; */
	border-collapse:collapse;
}

.sommaire_famille tr {
	/* border-bottom: 1px solid #266554; */
}

.sommaire_famille td {
	padding: 5px 5px 15px 5px;
	/* border-bottom: 1px solid #266554; */
}

.sommaire_famille td.sommaire_famille_image {
	width: 20%;
}

.sommaire_famille td.sommaire_famille_liste {
	
}

.liste_famille {
	/* margin-bottom: 10px; */
	border-collapse:collapse;
}

.liste_famille tr {
	
}

.liste_famille td {
	padding: 0 0 0 0;
	
}

.liste_famille td.libelle {
	padding: 0 0 2px 5px;
	
}

.image_famille {
	width: 100px;
}

.sommaire_onglet {
	padding: 0px 0px 0px 8px;
	margin-top: 3px;
}

.famille {
	float: right;
	width: 620px;
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
}

.titre_famille {
	background: #D5EFE8;
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 10px 10px 20px;
	margin-bottom: 20px;
}

.titre_onglet {
	margin-top: 5px;
	margin-left: 5px;
	font-size: 10pt;
}

.commentaire {
	font-size: 8pt;
}

.commentaire_liste {
	font-size: 8pt;
}

.tableau_famille_dder_cadre {
	float: left;
	width: 100%;
}

.tableau_famille_dder {
	float: right;
	text-align: center;
	width: 210px;
	font-size: 8pt;
	/* border-bottom: 1px solid #266554;
	padding: 0 0 5px 0; */
}

.tableau_famille {
	border-collapse:collapse;
}

.tableau_famille tr {
	border-bottom: 1px solid #266554;
}

.tableau_famille tr.tr_normal {
	background-color:#FFFFFF;
}

.tableau_famille tr.tr_over {
	background-color:#D5EFE8;
} 

.tableau_famille td {
	text-align: left;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #266554;
}

.tableau_famille td.td_page {
	width: 6%;
	text-align: left;
	/* font-weight: bold; */
	padding: 10px 5px 10px 5px;
}

.tableau_famille td.td_titre_ref {
	/* width: 60%; */
	text-align: left;
	padding: 10px 5px 10px 5px;
}

.tableau_famille td.td_photo {
	width: 40px;
	text-align: left;
	padding: 10px 5px 10px 5px;
}

.tableau_famille td.td_pdf {
	width: 40px;
	font-size: 8pt;
	text-align: center;
	padding: 10px 5px 10px 5px;
}

.tableau_famille td.td_ech {
	width: 40px;
	font-size: 8pt;
	text-align: center;
	padding: 10px 5px 10px 5px;
}

.tableau_famille td.td_devis {
	width: 40px;
	font-size: 8pt;
	text-align: center;
	padding: 10px 5px 10px 5px;
}

.tableau_famille td.td_se_connecte_avec {
	width: 6%;
	font-size: 8pt;
	text-align: center;
	padding: 10px 5px 10px 5px;
}

a.lien_photo {
	text-decoration: none;
}

a.lien_photo:hover {
	background: none; 
}

a.lien_photo span {
	display: none;
}

a.lien_photo:hover span {
	display: inline;
	position: fixed;
	top: 100px;
	left: 134px;
	text-align: center;
	color: white;
	background: #FFFFFF;
	border: 2px solid #266554;
}

.photo_page_sommaire {
	width: 100px;
	border: 1px solid #266554;
}

.cadre_formulaire_pdf {
	width: 400px;
	border: 1px solid #266554;
	margin: 10px 0px 20px 0px;
}

.cadre_formulaire_ech {
	width: 981px;
	border: 1px solid #266554;
	margin: 10px 0px 20px 0px;
}

.cadre_formulaire_devis {
	width: 981px;
	border: 1px solid #266554;
	margin: 10px 0px 20px 0px;
}

.cadre_formulaire_contact {
	width: 981px;
	border: 1px solid #266554;
	margin: 10px 0px 20px 0px;
}

.form_gauche {
	float: left;
	width: 450px;
	/*border-right: 1px solid #266554;*/
	padding: 0 20px 0 5px;
	margin-bottom: 30px;
}

.form_droite {
	float: left;
	width: 460px;
	border-left: 1px solid #266554;
	padding: 0 5px 0 20px;
	margin-bottom: 30px;
}

.formulaire {
	/* height: 100%; */
	/* border: 1px solid #266554; */
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 20px 0px;
}
.formulaire label {
	float: left;
	width: 120px;
	margin-bottom: 10px;
}

.formulaire  input {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #266554;
	border: 1px solid #969696;
	padding: 2px 2px 2px 2px;
}
.formulaire  input:hover {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #000000;
	border: 1px solid #266554;
}
.formulaire  input:focus {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #000000;
	border: 1px solid #266554;
}

.formulaire  textarea {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #266554;
	border: 1px solid #969696;
}
.formulaire  textarea:hover {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #000000;
	border: 1px solid #266554;
}
.formulaire  textarea:focus {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #000000;
	border: 1px solid #266554;
}

.formulaire  select {
	vertical-align: middle;
	margin-bottom: 10px;
	width: 175px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #266554;
}
.formulaire  select:hover {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #000000;
	border: 1px solid #266554;
}
.formulaire  select:focus {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 9pt tahoma, helvetica, sans-serif;
	color: #000000;
	border: 1px solid #266554;
}

.formulaire  button {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 10pt arial, helvetica, sans-serif;
}
.formulaire  button:hover {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 10pt arial, helvetica, sans-serif;
}
.formulaire  button:focus {
	vertical-align: middle;
	margin-bottom: 10px;
	font: 10pt arial, helvetica, sans-serif;
}

/* Fin Catalogue */
/**************/

/******************/
/* Cross références */

.cross_references {
	float: left;
	width: 400px;
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

.tableau_cross_references {
	border-collapse:collapse;
	width: 100%;
}

.tableau_cross_references tr {
	border-bottom: 1px solid #266554;
}

.tableau_cross_references tr.tr_normal {
	background-color:#FFFFFF;
}

.tableau_cross_references tr.tr_over {
	background-color:#D5EFE8;
} 

.tableau_cross_references td {
	text-align: left;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #266554;
}

.tableau_cross_references td.td_ref_concurrent {
	width: 40%;
	text-align: center;
	/* font-weight: bold; */
	padding: 10px 5px 10px 5px;
}

.tableau_cross_references td.td_concurrent {
	width: 20%;
	text-align: center;
	/* font-weight: bold; */
	padding: 10px 5px 10px 5px;
}

.tableau_cross_references td.td_ref_antelec {
	width: 40%;
	text-align: center;
	/* font-weight: bold; */
	padding: 10px 5px 10px 5px;
}

.resultats {
	float: right;
	width: 520px;
	border: 1px solid #266554;
	padding: 10px 10px 10px 10px;
}

/* Fin Cross références */
/*********************/

/*****************************/
/* Page du catalogue (page.php) : */

	.page {
		width: 770px;
		height: 1200px;
		border: 1px solid #266554;
		padding: 0px 0px 0px 40px;
		float: left;
		margin-bottom: 30px;
	}

	.page_gauche {
		float: left;
	}

	.page_droite {
		float: right;
	}
	
	.page_bas {
		width: 100%;
		padding: 0 0 0 0;
	}

	/* .page_bas tr {
		
	}

	.page_bas td {
		vertical-align: top;
		padding: 0 0 0 0;
	} */

	.corps_page {
		float: left;
		width: 670px;
		margin-right: 30px;
	}
	
	.page_haut {
		width: 100%;
		height: 1120px;
	}

	.onglets {
		float: right;
		width: 50px;
		height: 800px;
		background: #D5EFE8;
		font: 10pt arial;
		font-weight: bold;
		text-align: center;
		padding: 300px 0 0 0;
	}

	.bandeau_haut {
		color: #000000;
		height: 30px;
		margin: 20px 0 20px 0;
	}

	.contacts {
		width: 350px;
		float: left;
		font: 10pt arial;
		font-weight: bold;
		text-align: right;
		padding: 5px 5px 5px 5px;
	}

	.pas {
		/* width: 80px; */
		float: right;
		background: #D5EFE8;
		font: 12pt arial;
		font-weight: bold;
		text-align: center;
		padding: 5px 12px 5px 12px;
	}

	.titre {
		float: left;
		width: 625px;
		height: 20px;
		color: #000000;
		background: #D5EFE8;
		font: 12pt arial;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		padding: 15px 5px 15px 5px;
		margin: 0 0 25px 0;
	}

	.rohs {
		float: right;
		width: 35px;
		height: 50px;
		background: url(../images/rohs.gif);
	}

	.caractéristiques {
		width: 318px;
		height: 340px;
		float: left;
		margin: 0 0 10px 0;
	}

	.caracteristiques_bandeau {
		height: 15px;
		color: #000000;
		background: #D5EFE8;
		font: 9pt arial;
		font-weight: bold;
		text-align: center;
		padding: 5px 5px 5px 5px;
	}

	.caracteristiques_contenu {
		/* height: 300px; */
		color: #000000;
		font: 8pt arial;
		text-align: left;
		padding: 8px 5px 5px 5px;
	}

	.photo {
		/* width: 333px;
		height: 192px; */
		border: 1px solid #266554;
		margin: 0 0 15px 0;
		float: right;
	}

	.se_connecte_avec {
		width: 333px;
		height: 125px;
		float: right;
		margin: 0 0 10px 0;
	}

	.se_connecte_avec_bandeau {
		height: 15px;
		color: #000000;
		background: #D5EFE8;
		font: 9pt arial;
		font-weight: bold;
		text-align: center;
		padding: 5px 5px 5px 5px;
	}

	.se_connecte_avec_contenu {
		/* height: 88px; */
		color: #000000;
		font: 8pt arial;
		text-align: center;
		padding: 8px 5px 5px 5px;
	}

	.se_connecte_avec_gauche {
		float: left;
		width: 160px;
		text-align: left;
	}

	.se_connecte_avec_droite {
		float: right;
		width: 160px;
		text-align: left;
	}

	.dessin {
		/* width: 670px;
		height: 317px; */
		/* background: url(../images/fond_dessin.jpg); */
		/* margin: 0 0 10px 0; */
	}

	.livraison {
		width: 260px;
		height: 25px;
		color: #000000;
		font: 8pt arial;
		text-align: left;
		padding: 1px 5px 5px 1px;
		margin: 10px 0 5px 0;
	}

	.livraison_image {
		width: 40px;
		margin: 0 0 0 0;
		vertical-align: middle;
	}

	.gamme {
		width: 175px;
		/* height: 110px; */
		float: right;
		margin: 10px 0 10px 0;
	}

	.gamme_bandeau {
		height: 15px;
		color: #000000;
		background: #D5EFE8;
		font: 9pt arial;
		font-weight: bold;
		text-align: center;
		padding: 5px 5px 5px 5px;
	}

	.gamme_contenu {
		/* height: 88px; */
		color: #000000;
		font: 8pt arial;
		text-align: left;
		padding: 10px 0px 5px 5px;
	}

	.gamme_tableau {
		float: right;
		max-width: 100%;
		/* max-height: 200px; */
		margin-bottom: 10px;
	}

	.position_1d1g {
		float: right;
	}

	.reference_bandeau {
		width: 260px;
		height: 15px;
		color: #000000;
		background: #D5EFE8;
		font: 9pt arial;
		font-weight: bold;
		text-align: center;
		padding: 5px 5px 5px 5px;
		margin: 0 0 15px 0;
	}

	.reference {
		border-collapse:collapse;
	}

	.reference tr {
		padding: 3px 3px 3px 3px;
	}

	.reference td {
		padding: 3px 3px 3px 3px;
		vertical-align: top;
	}

	.reference_case_fleche {
		text-align: center;
		margin-right: 15px;
	}

	.reference_case {
		/* width: 30px; */
		background: #D5EFE8;
		border: 1px solid #266554;
		padding: 3px 8px 3px 8px;
		color: #000000;
		font: 13pt arial;
		font-weight: bold;
		text-align: center;
	}

	.reference_fleche {
		width: 12px;
		margin-bottom: 1px;
	}

	.reference_libelle {
		margin-bottom: 10px;
		text-align: left;
		font: 8pt arial;
	}

	.num_page {
		width: 98%;
		float: left;
		color: #000000;
		font: 12pt times;
		font-weight: bold;
		text-align: right;
		padding: 5px 0px 5px 5px;
		margin: 20px 0 20px 0;
		
	}

	.page_speciale {
		float: left;
		max-width: 670px;
		max-height: 950px;
	}
	
/* Fin Page du catalogue */
/*********************/