body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 11pt;
	color: black;
	font-family: helvetica,arial,sans-serif;
}

  
.container
{
	text-align: left;
}

a {
    color: black;
    text-decoration: none;
}
a img {
  border-width:0;
  }


/* No print
----------------------------------------------- */

.noprint
{
	display: none;
}

.page-actualite #subcol {
    display: none;
}
/* 
----------------------------------------------- */

#latest {
    border: 0;
}

h1 {
    text-align: center;
}

.page-produit h2,
.page-produit h3 {
    background-color: transparent !important;
    background-image: none !important;
    text-indent: 0 !important;
    width: auto !important;
    height: auto !important;
}
.page-produit div {
    width: auto !important;
    height: auto !important;
}
.page-produit div.top-produit img {
    float: right !important;
}

/*
body.page-societe h3,
body.page-phmb h3 {
    font-size: 120%;
    text-align: left;
    color: #336;
    margin: 1.5em 0 1em 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ef5ba1;
}
body.page-societe h4,
body.page-phmb h4 {
    font-size: 110%;
    text-align: left;
    color: #336;
    margin: 0.5em 0;
    padding: 0;
}

body.page-contact #subcol h3,
body.page-phmb #subcol h3,
body.page-pro #subcol h3 {
    margin-top: 0;
}
body.page-contact #subcol p {
    padding-left: 10px;
    padding-right: 10px;
}

#maincol form {
    margin: 1.5em;
    background-color: #EAEFF4;
}

form table td,
form table th {
    padding: 0.3em 0.5em;
    margin: 0.3em 0;
}
form table tr.border td,
form table tr.border th {
    border-bottom: 1px solid white;
}


form.contact select,
form.contact input,
form.contact textarea
{
	background: white;
	border: 1px solid #ccc;
	font-family: helvetica,arial,sans-serif;
	font-size: 100%;
	color: #333;
	margin: 1px;
	padding: 3px;
}
form.contact input.checkbox {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-right: 0.5em;
}

#intro-contact {
    margin: 2em 10px;
}
*/


/*
div.produit-a,
div.produit-b {
    width: 230px;
    float: left;
}
div.produit-a {
    margin-right: 5px;
}
div.produit-b {
    margin-left: 5px;
}
.liste-famille h3 {
    border-top: 0 !important;
    color: #333399;
    text-align: left;
    padding: 0 0 0 18px !important;
    margin: 1em 0 0.5em 0 !important;
    background: transparent url("/i/icon_fleche_w.gif") no-repeat 0 2px;
}
.liste-famille img {
    display: block;
    border: 0;
    float: left;
    margin-right: 5px;
}
.liste-famille p {
    padding: 0;
    margin: 0;

}
*/


/* Lists
----------------------------------------------- */

/*
ul.listes2
{
	margin: .5em 0 1em;
	padding: 0;
	list-style: none;
}

ul.listes2 li
{
	margin: 0 0 2px;
	padding: 0 0 0 18px;
	text-indent: -18px;
}

ul.listes1 {
    margin: 0;
	padding: 0;
}

ul.listes1 li
{
    clear: both;
    display: block;
	margin: 0.5em 0 0 0;
	padding: 0.5em 10px 0 10px;
	text-indent: 0;
	border-top: 1px solid #fff;
	font-size: 90%;
	white-space: normal;
}
ul.listes1 li.first
{
	border: 0;
	padding-top: 0;
}
ul.listes1 li a
{
	text-decoration: none !important;
	color: #336;
	line-height: normal;
}
ul.listes1 img
{
	float: left;
    display: block;
    margin: 0;
    padding: 0 10px 0 0;
}
*/




/*
#infos li {
    padding-left: 12px;
}
#infos li .date {
    font-size: 90%;
    font-weight: bold;
}
#infos li .titre {
    font-weight: bold;
}
#infos li .texte {
    font-size: 90%;
}
*/



/*
ul.listes2 li
{
    clear: both;
	margin: 0;
	padding: 2px 0;
	padding-left: 25px;
	text-indent: 0;
	border: 0;
	font-size: 100%;
	list-style: none;
	background-position: 2px 0.3em;
	background-repeat: no-repeat;
}
ul.listes2 li.num {
    text-indent: -25px;
}

#c-sm  #subcol ul li.fleche,
#c-smx #main   ul li.fleche2,
#c-sm  #subcol ul li.fleche2,
#c-smx #main   ul li.fleche { background-image: url("/i/icon_fleche_j.gif"); }

#c-sm  #main   ul li.fleche2,
#c-sm  #main   ul li.fleche { background-image: url("/i/icon_fleche_w.gif"); }

#c-smx #subcol ul li.fleche,
body.page-actualite #c-smx #subcol ul li.fleche,
body.page-actualite #c-sm #subcol ul li.fleche { background-image: url("/i/icon_fleche_b.gif"); }

#c-sm  #main   ul li.fleche-angle { background-image: url("/i/icon_fleche_angle_w.gif"); }


#c-smx #main   ul li.doc,
#c-sm  #subcol ul li.doc { background-image: url("/i/icon_doc_j.gif"); }

#c-smx #subcol ul li.doc { background-image: url("/i/icon_doc_b.gif"); }

#c-sm  #main   ul li.doc { background-image: url("/i/icon_doc_w.gif"); }


ul.listes2 ul {
    padding: 2px 0 0 0;
    margin: 0 0 0 -12px;
}
ul.listes2 ul li {
    font-size: 90%;
	padding: 2px 0;
	padding-left: 25px;
}
ul.listes2 ul li ul li {
    font-size: 100%;
}

ul.listes2 .current {
	color: #900 !important;
}
*/


ul li.doc-gph,
ul li.doc-tech,
ul li.doc-comm,
ul li.doc-secu,
ul li.doc-cat,
ul li.doc-autres {
	padding-left: 32px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	min-height: 32px;
}
ul li.doc-gph-16,
ul li.doc-tech-16,
ul li.doc-comm-16,
ul li.doc-secu-16,
ul li.doc-cat-16,
ul li.doc-autres-16 {
	padding-left: 18px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 2px;
	min-height: 16px;
}

ul li.doc-gph {
	background-image: url("/i/icon_gph_32_w.gif");
}
ul li.doc-tech {
	background-image: url("/i/icon_tech_32_w.gif");
}
ul li.doc-secu {
	background-image: url("/i/icon_secu_32_w.gif");
}
ul li.doc-cat {
	background-image: url("/i/icon_cat_32_w.gif");
}
ul li.doc-comm {
	background-image: url("/i/icon_comm_32_w.gif");
}
ul li.doc-autres {
	background-image: url("/i/icon_autres_32_w.gif");
}
ul li.doc-gph-16 {
	background-image: url("/i/icon_gph_16_w.gif");
}
ul li.doc-tech-16 {
	background-image: url("/i/icon_tech_16_w.gif");
}
ul li.doc-secu-16 {
	background-image: url("/i/icon_secu_16_w.gif");
}
ul li.doc-cat-16 {
	background-image: url("/i/icon_cat_16_w.gif");
}
ul li.doc-comm-16 {
	background-image: url("/i/icon_comm_16_w.gif");
}
ul li.doc-autres-16 {
	background-image: url("/i/icon_autres_16_w.gif");
}

#produits-phares {
    margin-left: 0; 
    margin-right: 0;
    clear: both;
}
#produits-phares div {
    float: left;
    margin: 0;
    padding: 0 0 5px 0;
    width: 124px;
    font-size: 80%;
    text-align: center;
}
#produits-phares div a {
    text-decoration: none;
}

dl dl { margin: 0.5em 20px; }
dt { font-weight: bold; }


dd
{
	margin: 0;
	padding: 0;
}

dd.file-pdf {
    margin-top: 0.5em;
    padding-left: 40px;
    padding-bottom: 10px;
    padding-top: 2px;
    background: transparent url("/i/icon_pdf_32_w.gif") no-repeat 0 0;
    min-height: 32px;
}
dd span.size {
    font-size: 85%;
    font-style: italic;
}


dl.doc-a,
dl.doc-b {
    width: 230px;
    float: left;
    margin: 0em 0;
}
dl.doc-a {
    margin-right: 5px;
}
dl.doc-b {
    margin-left: 5px;
}



/* Misc
----------------------------------------------- */



/*
#content div.col {
    padding: 0 10px;
}

#content div.col p {
    margin-top: 0;
    font-size: 90%;
    line-height: 1.6em;
}


.page-produit div p,
.page-produit div li,
.page-famille div p,
.page-famille div li {
    font-size: 100% !important;
    line-height: 1.2em !important;
}
.page-produit div.top,
.page-famille div.top,
.page-documentation div.top {
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
    padding: 10px;
    padding-bottom: 0;
    color: #333399;
    background-color: #EAEFF4;
}
.page-produit div.top,
.page-famille div.top {
    padding: 0;
}
.page-documentation div.top {
    padding: 0;
}

.page-produit div.top img,
.page-famille div.top img {
    float: right;
    margin-bottom: 0.85em;
}
.page-produit hr,
.page-famille hr {
    display: block !important;
}
.page-produit div.top h2.nom,
.page-famille div.top h2.nom {
    margin-top: 0;
    padding: 0;
    text-align: left;
    color: #900;
    color: #339;
    padding: 10px;
}


sup { font-size: 70%; }
*/
.page-produit div table {
    padding: 0;
    border: 1px solid #ccc;
}
.page-produit div table td,
.page-produit div table th {
    margin: 0;
    padding: 2px 3px;
    vertical-align: bottom;
    background-color: #EAEFF4;
    color: #333;
    text-align: center;
}
.page-produit div table td {
}
.page-produit div table th {
    font-weight: bold;
}
/*
.page-produit div li {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
.page-produit #description p {
    margin-bottom: 0;
}


.vignette-reference {
    display: block;
    margin: 1em 5px 0 5px;
    width: 150px;
    height: 150px;
    vertical-align: bottom;
    font-size: 80%;
    text-align: center;
    float: left;
}
.vignette-reference img {
    display: block;
    border: 0;
    margin: auto auto 5px auto;
    padding: 0;
}
*/

#references {
    margin-top: 1em;
}
#references h5 {
    margin: 1em 0 0 0;
    text-align: center;
}
#references table caption {
    text-align: left;
    font-size: 110%;
    font-weight: bold;
    padding: 5px 0 2px 0;
}
#references table caption a {
    text-decoration: none;
}
#references table td,
#references table th {
    font-size: 85%;
}
#references table td {
    text-align: center;
}
#references table td.designation,
.page-produit div table td.first {
    text-align: left;
}
#references table td.prix2_x {
    text-align: right;
}
#references table {
    width: 100%;
}
#references #tab-ref table td,
#references #tab-ref table th
{
    background-color: #FFFDE5; 
}
#references #tab-comp table td,
#references #tab-comp table th,
#references #tab-asso table td,
#references #tab-asso table th
{
    background-color: #FCE4EF; 
}

#precautions {
    border: 1px solid red;
    margin: 10px;
    padding: 5px !important;
}
#precautions img {
    float: left;
    margin-right: 5px;
}
#precautions p {
    margin:0;
    line-height: 1.4em !important;
}
.page-actualite #maincol .info,
.page-documentation #maincol .conseil {
    margin : 10px 0 20px 0;
    padding: 0 20px;
}
.page-documentation #maincol .conseil {
    padding: 0;
}
.page-documentation #maincol .conseil .textconseil {
    padding: 0 0 0 20px;
}

.page-actualite #maincol .info h3,
.page-documentation #maincol .conseil h4,
.page-recherche #maincol div h3 {
    text-align: left;
    margin: 0 0 3px 0;
    padding: 0 0 3px 0;
    color: #339;
    border-bottom: 1px solid #ef5ba1;
}
.page-documentation #maincol .conseil h4 a {
    color: #339;
}
.page-documentation #maincol .conseil h5 {
    margin: 0;
    font-size: 1em;
}
.page-documentation #maincol div h3 {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 130%;
    font-weight: bold;
    color: #339;
    text-align: left;
}
.page-recherche #maincol .grp-resultats {
    margin-top: 1em;
}
.page-recherche #maincol .grp-resultats ul {
    margin-bottom: 0.5em !important;
}
.page-recherche #maincol .grp-resultats a.switch-resultats {
    font-size: 85%;
    font-style: italic;
    margin-left: 5px;
    text-decoration: none;
}
.page-actualite #maincol .info p,
.page-documentation #maincol .conseil p {
    margin: 0.5em 0 0 0;
    padding: 0;
}
.page-actualite #maincol .info p.meta {
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 85%;
    font-style: italic;
}

.page-actualite #subcol #actu-nav {
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
}
.page-actualite #subcol #actu-nav form {
    margin: 5px auto;
    padding: 0;
}


.page-pro div.personnel {
    padding: 0 10px;
    margin:  5px 0;
    font-size: 85%;
    min-height: 42px;
}
.page-pro #carte {
    text-align: center;
}
.page-pro #carte img {
    display: block;
    border: 0;
    margin: 1em auto;
}
.page-pro div.personnel h1,
.page-pro div.personnel h2,
.page-pro div.personnel h3,
.page-pro div.personnel h4,
.page-pro div.personnel h5,
.page-pro div.personnel h6
{
    padding: 0;
    padding-top: 2px;
    margin:  0;
    font-size: 1.1em;
    font-weight: bold;
}
.page-pro div.personnel img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.page-societe #subcol div p,
.page-phmb #subcol div p {
    margin: 0 15px 1em 15px;
    font-size: 85%;
    line-height: 1em;
}
.page-societe #subcol img,
.page-phmb #subcol img {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.img-zoom {
    margin: 10px;
    float: right;
    text-align: center;
}
.img-zoom a {
    border: 0;
    text-decoration: none;
}


.clear {
  clear:both;
  }
.nowrap {
  white-space:nowrap;
}
br.clear { height: 0px; }

/*
img.block {
  display:block;
  margin:.5em 0;
  }
#log img.block, #search img.block {
  margin:1em 0;
  }

.imgleft, .left, img.left
{
	float: left;
	margin: 4px 5px 4px 0;
}

.imgright, .right, img.right
{
	float: right;
	margin: 4px 0 4px 5px;
}
*/


/*
hr { display: none; }
hr.display {
    display: block;
    height: 1px;
    width: 100%;
    border: 0;
    background-color: #ccc;
}

#reader {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 10px !important;
    font-size: 85%;
    line-height: 1.2em;
}
#reader img {
    margin: 1.2em auto 0 auto;
}
*/
p.normal {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

span.cnil {
    font-size: 85%;
    font-style: italic;
}
td.accepte,
th.accepte {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
td.inter,
th.inter {
    padding-top: 1em;
    padding-bottom: 1em;
    color: #339;
}
td.buttons,
th.buttons {
    text-align: center;
}

div.stock {
    font-size: 85%;
    font-style: italic;
}
sup.asterisk
{
	font-size: 130%;
	color: #900;
	vertical-align: text-top;
}

.voir {
    font-size: 85%;
    font-style: italic;
}

.nogap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.hide {
    display: none;
}
/* Footer
----------------------------------------------- */

#footer
{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 85%;
}

#footer p
{
	color: #BBBBBB;
/*	text-align: center;*/
/*	line-height: 1.3em;*/
}