body{margin:0; font-size:10px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; background-color: #cccccc}
#placement {width : 780px; /* border: 1px solid #666666; */ margin:  0 auto; border-collapse: collapse; background-color: #ffffff}


a{font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666 ; font-size:10px; text-decoration:none;}
a:hover{text-decoration: underline}

table {border-collapse: collapse}
.dispnone {display:none}

/* ##### bandeau haut ##### */
#bandeau {background-image:url(images/bg_01.gif); background-repeat:repeat-x; width: 100%; height: 126px; width: 100%; border-collapse:collapse}
#logo {float: left; height: 108px;  position:absolute;}

#recherche {background-color:#666666; width: 180px; float: right; height:108px; padding: 0}
#recherche p{padding: 0; margin: 10px 0 10px 15px; font-weight: bold; font-size: 14px}
#recherche table {padding: 0; margin: 0 5px 0px 15px}
#recherche table td.blanc {width: 50px}
#recherche input {width: 100px; display: inline}
#recherche .button {width: 30px; margin-top: 2px}


#language {background-image:url(images/bg_01.gif); background-repeat:repeat-x; width: 30px; text-align:center; float: right; height: 108px; width: 50px}
#language img {border: 1px solid #CCCCCC; padding : 1px; display: block; margin-top: 4px; margin-left: 10px}

/* ##### Navigation principale ##### */
.navigation {position:absolute; z-index:500;  margin-top:108px; width: 780px; background-image:url(images/bg_menu.gif); background-repeat:no-repeat; height: 18px}
.navigation ul {width: 100%; text-align: center; margin: 0;padding:0} 
.navigation li {list-style-type:none; display: block; float: left; width: 111px; padding: 3px 0 0 0;}
.navigation li a, #navigation li a:visited{color:#666666; text-decoration:none; font-weight: bold}
.navigation li a:hover  {color:#000000; text-decoration: underline} 
.navigation li a.ong_cata {display:block; position:absolute; height:29px; cursor:pointer; margin-left:-60px; margin-top:-11px; width:104px; filter:none; background:url(images/onglet-catalogue.png) top left no-repeat transparent;  _background:url(images/onglet_catalogue-ie.gif) top left no-repeat transparent;}
html:not([lang*=""]) .navigation li a.ong_cata {margin-left:0; height:26px}
.navigation li a.ong_cata span {display:block;margin: 7px 0 0 0; font:bold 11px Verdana, Geneva, sans-serif; text-align:center;}
html:not([lang*=""]) .navigation li div#ssmenuCat {position:absolute; width:150px; float:none; padding:8px 15px; background-color:#FFDD1F; height:auto; margin:15px 0 0 0}
.navigation li div#ssmenuCat {position:absolute; width:150px; float:none; padding:8px 15px; background-color:#FFDD1F; height:auto; margin-top:15px; margin-left:-60px}
.navigation li div#ssmenuCat ul li{width:100%; text-align:left; padding:5px 0; clear:both; float:left; border-bottom:1px dotted #fff}

/* vous etes ici */
#navig{background-color:#9e9e9e; height:10px; color:#ffe901; padding:2px 2px 2px 5px;}
#navig a{color:#E0E0E0; text-decoration:none}
#navig a:hover{ text-decoration:underline}

/* ##### contenu ##### */
.content {padding: 0; padding: 0; border-collapse:collapse; width: 100%;} 
.interieur {border-collapse: collapse; width: 90%; margin-left: auto; margin-right: auto; margin-top: 15px}
.content td {vertical-align:top;}


/* ##### colonne gauche ##### */
#gauche {background-image:url(images/bg_gauche.gif); background-repeat:repeat-y; width: 101px; height: 100%}


/* ##### milieu ##### */
#content {margin:0; padding:0; /*width:484px;*/ height: 100%; border-collapse:collapse;}

#onglets {width: 100%; border-collapse:collapse;}
#onglets td {background:url(images/bg_03.gif) repeat-x top left; height: 32px;}
#onglets a {text-decoration:none; display: block; width: 100%; height: 100%; line-height: 27px}
#onglets .onglet_catalogue {background:url(images/onglet_catalogue.gif) no-repeat top left; width: 129px;}
#onglets .onglet_catalogue2 {background:url(images/onglet_catalogue2.gif) no-repeat top left; width: 129px;}
#onglets .onglet_catalogue3 {background:url(images/onglet_catalogue3.gif) no-repeat top left; width: 129px;}
#onglets .onglet_showroom {background:url(images/onglet_showroom.gif) no-repeat top left; width: 125px}
#onglets .onglet_showroom2 {background:url(images/onglet_showroom2.gif) no-repeat top left; width: 125px}
#onglets .onglet_showroom3 {background:url(images/onglet_showroom3.gif) no-repeat top left; width: 125px}
#onglets .ongcatint {background:url(images/onglet_catinteractif.gif) no-repeat top left; width: 203px}
#onglets .ongcatint2 {background:url(images/onglet_catinteractif2.gif) no-repeat top left; width: 203px}
#onglets .onglets {background: url(images/onglet.jpg) no-repeat top left; width: 200px;}
#onglets a.lien_onglets {font-size: 17px; font-style:italic; font-weight: normal; letter-spacing:-1; margin: 0; font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif; padding: 2px 0 0 12px}
#onglets h4, #onglets h1 {padding-left: 10px; padding-top: 4px}

#table_catalogue {border: 0; margin: 0; padding: 0;}
#table_catalogue #td_titres {width: 50%; padding-left: 17px}
#table_catalogue a {font-weight: bold; font-size: 11px}
#table_catalogue ul {margin : 0; padding:0}
#table_catalogue li {list-style-type: none; padding-top: 17px} 


/* ##### colonne droite ##### */
#droite {width: 195px; /*height:100%;*/ border-left: 1px solid #666666; background-color:#858688;}
#droite table {border-collapse:collapse; padding:0; margin:0; /*height: 100%*/}
#droite table h1 {padding-top: 7px}
.center {display: block; margin-left: auto; margin-right: auto}
#content2 {width: 195px;}
#ContentPlaceHolder2 {width: 195px;}


/*#droite #contenu_actus, #droite #onglet_contact  {background-color:#858688; width: 195px}*/
#droite #onglet_actus {background:url(images/onglet_actus.jpg) no-repeat top left; height: 25px; width: 195px; padding-top: 5px}
#droite #onglet_contact {background:url(images/onglet_contact.jpg) no-repeat top left; height: 25px; width: 195px;  padding-top: 5px}
#droite #onglet_contact #contenu_contact {background:url(images/bg_contact.gif) repeat-y top left; margin:0; padding:0; background-color:#858688; width: 100%; height:100%}
#contenu_contact img {margin-top: 15px}
#contenu_contact {background-color: White}
#droite h2, #droite h3, #droite h1, #droite p {margin-left: 10px}
#droite h2 {margin-top: 10px}



.onglets {padding-top: 10px}
.actus h3 {padding: 5px 0 5px 0}
.actus img {margin-left: 10px}

/* default   */
.default {width: 100%; border-collapse: collapse;}

/* ##### bas ##### */
#bas td {width:50%}
/* #bas .titres{background:url(images/bg_titres_bas.gif) repeat-x top; height: 31px;} */
#bas h1.titres {margin: 0; padding: 0 0 0 7px; line-height: 52px }
#bas table {margin-top: 17px}
#bas td {margin: 0 5px 0 5px}
#bas p {padding: 0}
#bas input {width: 100px}
#bas input.button {width: 30px}


	
.espaceadherents {border-top: 1px dotted #F5DE36; border-bottom: 1px dotted #F5DE36}
.espaceadherents ul {margin-left: 10px; padding: 0 0 0 20px; height: 30px; margin-top: auto; margin-bottom: auto} 
.espaceadherents li { list-style-image:url(images/fleche.gif); padding: 10px 0 0 10px; margin:0}


/* ##################### PRESENTATION  #################  */
#presentation {border-collapse: collapse; width: 90%; margin-left: auto; margin-right: auto; margin-top: 15px}
.interieur h2 {margin: 0 0 10px 0; padding:0; font-size: 14px}


.tddescriptif {padding-left: 10px; border-left: 1px solid #000066;}
.tdphotos {padding-right: 5px}
.tddescriptif ul {margin-bottom: 0}
.espaceblanc {height: 20px}

/* ##################### NOS ACTUALITES #################  */
#nosactus {border-collapse: collapse; width: 90%; margin-left: auto; margin-right: auto; margin-top: 15px}
#nosactus h2 {margin: 0; padding-top:10px; font-size: 14px}
#nosactus .separation {margin-top: 30px; padding-bottom: 10px}
#nosactus img {margin-top : 40px; padding: 2px; border: 1px solid #000066 }
#nosactus p.right {padding: 0 10px 0 0; margin: 0}
#nosactus h1 {padding-bottom: 10px; margin: 20px 0 20px 0; border-bottom : 1px dotted #F5DE36}
#nosactus h3 {padding-bottom: 10px}

.actuphotos{text-align:center; }
.actuphotos img{margin: 5px auto; border: 1px solid #ccc; padding:2px}



/* ##################### MENTIONS LEGALES #################  */
#mentionslegales {border-collapse: collapse; width: 80%; margin-left: auto; margin-right: auto; margin-top: 15px;}


/* ##################### CATALOGUE PRODUITS #################  */
.menuinterne {margin-left:auto; margin-right: auto; margin-top: 10px; width: 95%; display: block}
.menuinterne ul {padding:0; margin: 0}
.menuinterne li {display: block; float:left; margin: 0; padding: 0 0 5px 5px; width: 30%; height: 25px}

#categories{display:block; clear:both; list-style-type:none;margin:10px; padding:0; border:0}
#categories li{float:left; background-image:none; padding:0; margin:1px; padding-bottom:20px;}
#catnom{display:block; clear:both; margin:10px;font-size: 14px; padding: 0;  font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif}
.box {width: 100%;}

#sscat{display:block; clear:both; list-style-type:none;margin:10px; padding:0; border:0}
#sscat li{width:222px; float:left; height:202px; background:url(images/fond-produits.gif)  no-repeat; margin-right:5px; margin-bottom:5px; text-align:center}
#sscat h2{ font-size:12px;margin:3px 6px 3px 6px; line-height:12px; height:30px;}


/* LISTE PRODUIT  */
#listeproduits p, #listeproduits h2{font-family: Arial}
#listeproduits h2, #listeproduits p {margin:0;}
#listeproduits ul {/*margin-left: 25px;*/}
#listeproduits li {padding-bottom: 7px; margin:0; padding-left: 0}
.catproduit {font-size: 10px; font-style:italic; font-weight: bold}
p.catproduit {padding-bottom: 3px; display: block; float: left; /*border-bottom: 1px solid #cccccc;*/ width: 100% }
h2.souscatproduit {padding-top: 0px; display: block; float: left; width: 100%;  font-weight:normal; font-size:15px}
/*a.retour {display: inline; float: right; clear: right; }*/

#ulproduits{display:block; clear:both; list-style-type:none; margin:10px; padding:0; border:0; font-size:12px;  font-weight:bold}
#ulproduits li{width:222px; float:left; height:202px;background:url(images/fond-produits.gif)  no-repeat; margin-right:5px; margin-bottom:5px; text-align:center; padding-top:5px}
#ulproduits li img{ margin-top:15px;}

/* affichage des sscat sur la droite des pages produits */
#ulnavdroite{width:95%; list-style-type:none; color:#FFF; padding:0; border:0; margin:0 0 20px 0; float:left ; letter-spacing:-1px; font-size:11px;padding-left:2px}
#ulnavdroite li{width:100%;float:left ;margin:0; padding:5px 2px; border:0; border-bottom:1px dotted #F5DE36}
#ulnavdroite li a{color:#f5de35; letter-spacing:-1px; font-size:11px;}

#ulproduitsphoto{width:100%; list-style-type:none; padding:0; border:0; margin:0 0 20px 0; float:left ; }
#ulproduitsphoto li{width:100%;float:left; background-image:none; margin-bottom:5px; text-align:center; padding-top:5px; text-align:center}
#ulproduitsphoto li img{border: 1px solid #cccccc; padding: 2px;}


/* ##################### ESPACE ADHERENTS #################  */
#hautadherents {width: 200px; float: right; height:108px; text-align: right; padding-right: 10px; }
#hautadherents h4 {border-bottom: 1px dotted #F5DE36; padding-bottom: 7px; }

.catalogue {border-collapse: collapse; width: 90%; margin-top: 30px; margin-left: auto; margin-right: auto; background-color:#ffffff; border: 1px solid #cccccc}
.catalogue img {margin: 12px; border : 1px solid #000066; padding: 2px;}
.catalogue .legend {text-align: center}
.catalogue table {width: 100%; margin-left: auto; margin-right: auto}
.catalogue h2 {padding: 18px}


.nomrubrique, a.nomrubrique {font-size: 12px; padding: 0; margin:0; font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif; font-weight: bold; color: #000000}
a.nomrubrique:hover {text-decoration: none}
li.border {border-left: 10px solid #000099}
.selection {font-size: 12px; padding: 0; margin:0; font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif; font-weight: bold; color: #000000}

.tableadherents {width: 92%; margin-left: auto; margin-right: auto; border-collapse: collapse}
.tableadherents td {width: 50%; padding: 10px}
.tableadherents ul {margin: 0; padding: 0}


/* titres et textes */
h1 {font-size: 17px; font-style:italic; font-weight:normal; letter-spacing:-1; padding: 0; margin: 0; font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif;}
h2 {font-size: 16px; padding: 0; margin: 0; font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif}
h3 {font-size: 12px; font-style:normal; padding: 0; margin:0; font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif}
h4 {font-size: 25px; font-style:italic; font-weight:normal; letter-spacing:-1; padding: 0; margin: 0; font-family: "Trebuchet MS", Verdana, arial, Helvetica, sans-serif;} 


.une h1{font-size: 24px; text-align:left; font-weight:bold; color:#323232}
.une h2{font-size: 20px; text-align:right; font-style:italic; color:#686868}
.une h3{font-size: 13px; text-align:left; font-style:italic; color:#686868; clear:both; float:left; background:#FFF;ont-weight:bold;padding-right:2px; font-family:Arial; line-height:15px;}
.une h4{font-size: 14px; font-style:italic; color:#323232; background:#FFF; font-weight:bold;float:right; clear:both; font-family:Arial; line-height:15px; padding:2px 0 0 2px;}
.actus p{ font-weight:bold; line-height:15px;padding-right:2px;}


.fond{ background: url(images/lignes.gif) repeat-x left 2px; }
.intitule {color: #0099CC; font-style: italic; font-size: 13px; padding: 10px 0 10px 0;}

a.lien_suite, a.lien_suite{color:#F5DE36; font-size: 10px; margin-right: 10px}

.blanc {color: white}
.jaune {color: #F5DE36}
.gris {color:#666666}
.bleu {color:#000066}
.indigo {color:#0099CC}
.margintop20{margin-top:20px;}
.just{text-align:justify;}

.bold {font-weight: bold}
.cadregris {border: 1px solid #cccccc}
.bggris {background-color:#666666; color: #ffffff}
.bggrisclair {background-color: #858688}
.margesint {padding: 3px 3px 3px 3px}

img.photos {border: 1px solid #cccccc; padding: 2px}


.doc {color: white; margin:0; padding-left:20px; padding-right:5px;}
.doc li{margin:0; padding:0; }


/* .rayonnage, .rayonnage a{color:#000099;}
.equipement, .equipement a{color:#FF9900;}
.manutention, .manutention a{color:#00CC00;}
.securite, .securite a{color:#CC0033;}
.cloisons, .cloisons a{color:#FF9999;}
.agencement, .agencement a{color:#CC3399;)
*/

.button {border: 1px solid #ffffff; border-bottom-color: #999999; background-color:#666666; color:#FFFFFF; height: 19px; font-size:10px; line-height:12px}
.button:hover {background-color: #333333}
.button #btn_pdt {width:400px; background-color:#000033}

.separation {width:90%; border-top: 1px dotted #F5DE36; padding-top: 10px; margin-top: 90px; }
.separation2 {width:90%; border-top: 1px dotted #F5DE36; padding-top: 10px; margin-top: 10px; margin-left:10px ; margin-right: 10px; }
.separationblanc {width:90%; border-top: 1px dotted #ffffff; padding-top: 10px; margin-top: 90px; }




/* DIV SURVOL CARTE RESEAU */
div#Societe{background-color:#666666; color: #ffffff; padding-left: 8px; padding-right: 8px; border-top: 1px dotted #F5DE36; border-bottom: 1px dotted #F5DE36; width:92%; margin-top: 30px}

#divstats {display: none; width: 335px; height: 144px; border: 1px solid #666666; padding: 10px}
#divstats ul, #divstats ul ul {list-style: none; margin: 0}
#divstats ul ul {margin-top: 16px; margin-left: 12px; border-bottom:  1px dotted #F5DE36}
#divstats ul h2 {border-bottom:  1px dotted #F5DE36}
#divstats ul ul li {list-style: none; margin: 0}
#divstats ul li {list-style: none}
#divstats ul p {margin: 5px}
p.numtelfax {display: block; float: left;}



/* ##### FORMULAIRES ##### */
.formulaire {width: 92%; margin-left: auto; margin-right: auto; border-collapse: collapse}
.formulaire td {width: 50%}
.formulaire p {padding:0; margin: 0}

.titre {padding : 5px 0 5px 10px; margin-bottom: 10px}

.champcontact{background:  url("images/fond_champ.gif") repeat-x top #ffffff; /*width: 150px;*/
	border:1px solid #cccccc;padding: 0 2px 0 2px; margin:0;
	color:#405058; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.champfocus{background: url("images/fond_champfocus.gif") repeat-x top #ffffff;
	border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7; color:#407c58;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 0 2px 0 2px; margin:0; width: 150px} 
.champcontacterreur{background-color: #D20005;
	border:1px solid #5f0606; padding: 0 2px 0 2px; margin:0; color:#405058; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px; width: 150px}


.erreur{color:#be0d0d;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:bold}

.send{background: url("images/fond_send.gif") repeat-x top; background-color: #b40d0c; color: #FFFFFF;
	border:1px solid #5f0606;	text-align : center; font-weight: normal; font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;} 

#TBMessage, #TBAdresse, #TBMotivations {height: 50px; width: 220px}
#TBPoste {width: 220px}


/* ##### PIED DE PAGE ##### */
.pied {width: 100%; font-size: 9px; text-align: center; margin: 0; line-height: 15px; background-color: #858688; color: white; height: 17px; border-top: 1px solid #666}
.pied a, .pied a:link, .pied a:visited {color: White; text-decoration: none}
.pied a:hover {color: #F5DE36}
.pied img {border:none}

/* ##### LIENS ##### */
a.normal {color:#666666; text-decoration: none}
a:hover.normal {text-decoration: underline}
a.lienactu {color: #0099CC}
a.rubrique

.tablebo {border: 1px solid #666666; padding: 3px}
.tablebo th {background-color: #666666; color: White}


/* XAVIER NEW CSS */
.produits {display: block; clear:both;margin: 0 20px 0 0; padding:0;border:000;}

.produits div{background-image:none;	list-style:none;display:block;float:left;padding: 2px;margin: 0 ;margin-left : 25px;margin-right: 25px;
	margin-bottom:2px;margin-Top : 10px ;width: 150px;height: 225px; text-align: center;} 
	
.produits H1{color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; border: 1px solid #d9d2ca; background-color: #dddedf ; height:30px; text-align:center}
.produits a{border: solid 1px #efefef; width: 148px; height:100px;display:block;background-color: #ffffff;}
/*.produits a:hover{border: solid 1px #babcc1;background-color: #ededee;}*/
.produits a img{position: relative; top: 50px}

.produits ul{clear: both; margin: 0; padding:0; list-style-type: none; background: none;}
.produits li{line-height: 16px;height:17px;text-align: left; color:#6a0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px;border: 1px solid #d9d2ca; margin: 1px 0; padding:1px; background: none; list-style: none; }
.produits ul li img{cursor: pointer; margin: 0; padding: 0;}
.produits ul li img.icopanier{display: block;float: right; margin:0; padding: 0;}
.produits ul li img{display: block; float: right; margin:4px 0; padding: 0;}
.produits ul li span{display: block; float: left; margin:0; padding: 0;}


.infobulle {position: absolute;	visibility : hidden;border: 1px solid #999999;padding: 5px;padding-left: 10px;padding-right: 10px;
	font-family: Verdana, Arial;font-size: 10px;background-color: #e6e6e6;z-index: 400;}
	

/* ################ PLAN DU SITE TALON ############################*/
.sitemap{width:100%;margin:0px auto; padding:10px 0; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#505051; background-image:url(images/bg_01.gif); background-repeat:repeat-x; background-position:left bottom; background-color: #c9c9c9; height: 108px; width: 100%; border-collapse:collapse;}
.sitemap div{ display:block; float:left; margin:0 0 0 45px;}
.sitemap div a{font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#505051; text-decoration:none;}
.sitemap div ul, .sitemap div li{ margin:0; padding:0; background:none;}
.sitemap div a:hover{color:#000000;}
.sitemap div h4{padding:0; margin:0;}
.sitemap div h4 a{font-family: Arial, Helvetica, sans-serif; font-size:13px;color:#666666; text-decoration:none; font-weight:normal; padding:0; margin:0;}
.sitemap div h4 a:hover{color:#000066;font-weight:normal;}