/*			STYLE GENERAL	 	   */
/*			HABILLAGE PAGE 		   */
/*			HOME			 	   */
/*			PAGE			 	   */
/*			MENU			 	   */
/*			PIED PAGE		 	   */
/*			AUTRE			 	   */
/*			FORM		 		   */
/*			SPECIAUX MEDIAS		   */







body {
	background:#fff;
	margin:10px 0px 0px 0px;
	padding:0px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #3d2700;
	text-align:center; /* center pour ie 5*/
}


/*********** STYLE GENERAL *********/

/* anulation des marges par defaut pour éviter les difference des navigateur */
p, h1, h2, h3, h4, h5, h6, fieldset, legend, ul, li, dl, dt, dd, img {
	margin:0;
	padding:0;
	border:0;
}

hr {
	padding:0;
	margin:0;
	clear:both;
	visibility:hidden;
}
h3, .colorpdf a:link , .colorpdf a:visited {
	font-size:100%;
	color: #596649;
	margin-bottom:3px;
}
.brboth {
	clear:both;
}
.brboth2 {
	clear:both;
	display:block;
	line-height:50px; /* ie opera */
	margin-bottom:70px; /* firefox */
}
.brboth3 {
	clear:both;
	display:block;
	line-height:30px; /* ie opera */
	margin-bottom:50px; /* firefox */
}

dl, .dlcontact
{
	margin: 10px 5px 15px 50px;
}
dt {
	margin:10px 0;
}
dd, .dlcontact dd
{
	padding:0 0 0 12px;
	background: url("../img/puce.mini.gif") no-repeat 0 0.4em;
}
.dlcontact
{
	margin: 10px 5px 15px 15px;
}
.dlcontact dd
{
	padding:0 0 0 12px;
	background: url("../img/puce.ssmenu.gif") no-repeat 0 0.4em;
}


.floatleft {
	position:relative;
	float:left;
	margin:10px 30px 10px 0px;
	text-align:center;
}
.floatright {
	position:relative;
	float:right;
	margin:10px 0px 10px 20px;
}

.left
{
	text-align:left;
}
.right
{
	text-align:right;
}
.justify
{
	text-align:justify;
}
/*** LIEN STYLE HABILLAGE ***/


a:focus

{ /* enleve le focus sur les liens dans FF */
	outline: none;/**/
}

a, a:link, a:visited  {
	color: #702000;
	text-decoration: none;
}
a:hover {
	color: #B83B06;
}
a.lien, a.lien:link, a.lien:visited  {
	color: #08A100;
	text-decoration: none;
	letter-spacing: 0.1em;
	Padding: 0px 0px 0px 0px;
}
a.lien:hover {
	color: #383530;
	border-bottom:#4db200 2px solid;
}

a.lienimgborder img, a.lienimgborder:link  img, a.lienimgborder:visited img,
.imgborder { /* lien img */
	border: #ccc 1px solid;
	padding:8px;
}
a.lienimgborder:hover img {
	border: #079100 1px solid;
}

.puce {
	padding:0 15px 0 0;
	background: url("../img/puce_carre_vert.gif") no-repeat right top;
}

/* Titre et sous titre */
.titre, .titre a, .titre a:link, .titre a:visited {
	font-size:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0px;
	letter-spacing: 0.1em;
	font-weight: normal;
	color: #3b2300;
	padding:0 32px 0 0;
	background: url("../img/titre.bois.02.gif") no-repeat right top;
	text-align:right;
	line-height:40px;
}
.titre a:hover, .stitre a:hover {
	color: #666;
}
.titre span { /* habillage titre page */
	display:inline-block;
	line-height:40px;
	padding:0px 0px 0px 20px;
	background: url("../img/titre.bois.01.gif") no-repeat left top;
}

.stitre	{
	font-size: 120%;
	font-family: geneva, arial, helvetica, sans-serif;
	margin-bottom: 8px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #006600;
	padding:0px 0 5px 15px;
	background: url("../img/puce.mini.gif") no-repeat left 0.4em;
}
.colortitre {
	color: #118011;
}
.titreg {
	color: #ab4c20;
}

/****** HABILLAGE PAGE ******/

/* Titre accroche haut de page */
#entete, #enteteh {
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	font-size: 9px;
	text-align: center;
}
#entete h1, #entete h1 a, #entete h1 a:link, #entete h1 a:visited,
#enteteh h1  {
	color: #95bda5;
	font-size: 9px;
	text-decoration: none;
	letter-spacing: 1px;
	display:block;
	line-height:1.5em;
	width: 940px;
	text-align: center;
	font-weight: normal;
	Padding: 0px 0px 1px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#entete h1 a:hover {
	color: #719680;
}

#home, #page /* positionnement de la page body et bordure page */
{
	width: 950px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	/*
	border-color: #b1ccbc;
	border-width: 1px;
	border-style:solid;
	Border-Collapse:Collapse;
	*/
	background-color:#fff;
	text-align:left;
}
#bandeau {
	position:relative;
	z-index:2;
	width:100%;
	margin:0;
	padding:0;
}
#logo span, #accroche span, #bandeau span, #bloc1 span, #bloc2 span,
#recherche legend, #fairepart legend, #news legend, .news legend, #produit legend, #smenu legend,
#enteteh, #loadimg, #contact legend, legend, #menuh span, .masque { /* Titre pour navigateur non graphique */
	position:absolute;
	text-indent: -5000px;
	margin:0;
	line-height:0;
	overflow:hidden;
	display:none;
}

/***** Pre HOME *****/
#logoprehome {
	MArgin-bottom:5em;
}

.clearfix::before, .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.clearfix::after {
    clear: both;
}
.ie6 .clearfix, .ie7 .clearfix {
}
.clear {
    clear: both;
    display: block;
    min-height: 0;
    overflow: hidden;
    visibility: hidden;
}
.ie8 img {
    width: auto;
}

.prehome {
	position:fixed;
	z-index:50;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/prehome/fond.jpg) repeat center center;
	background-size:cover;
}

.main_table {
    border-collapse: separate;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    transition: margin 0.5s ease-in 0s;
    width: 100%;
    height: 100%;
}
.line_table_row {
    display: table-row;
}
.line_table_cell {
    display: table-cell;
    vertical-align: middle;
}


/*** Button ***/
.button, .pattern { border-radius: 20px 0; }
.button, a.button {
	position:relative;
	cursor:pointer;
	display:inline-block;
	overflow:hidden;
	background-color:rgba(50,50,50,0.7);
	border:1px solid rgba(255,255,255,0.5);
	color: #fff;
	color: rgba(255,255,255,0.9);
	font-size:220%;
	font-weight:300;
	padding: 15px 25px;
	line-height:1.2;
	margin:1em 1em;

	-0-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in;
	-webkit-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in;
	-moz-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in;
	transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in;
}
.button:hover,
.button:focus {
	border: 1px solid rgba(105,111,104,0.6);
	color: #1f221e;
	color: rgba(31,34,30,0.7);
}
.pattern, .transition {
	-0-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.text { position:relative; z-index:1; }
.pattern { width:0; }
.button:hover .pattern,
.button:focus .pattern {
	position:absolute;
	z-index:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	background-color:rgba(255,255,255,0.8);
}



/***** HOME *****/
#home {
	background: url(../img/fond.negoce.bois.recherche.jpg) no-repeat top center #fff; /* fond sans recherche fond.negoce.bois.jpg */
	height:500px;
}
#bandeau {
	height:215px;
}

#accroche {   /* accroche du bandeau haut */
	position:relative;
	top:36px;
	left:265px;
	float:left;
}

#flash {   /* flash du bandeau haut */
	position:relative;
	top:-133px;
	right:12px;
	float:right;
}
#home #piedhome { /* menu home */
	position:relative;
	bottom:-126px;
	left:0px;
	width:620px;
	height:20px;
	clear:both;
}
#home #menuh { /* menu home */
	position:relative;
	left:10px;
	top:0px;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}
#home #menuh a { /* hauteur menu home */
	line-height:20px;
}

/* elements de la page home */
#recherche, #fairepart, #bloc2, #news  { /* positionnement des bloc général */
	position:relative;
}

#recherche { /* positionnement du bloc recherche */
	float:right;
	top:17px;
	right:63px;
	width:155px;
	height:50px;
	background:url(../img/h.recherche.bois.gif) no-repeat center top;
}
#fairepart /* positionnement du bloc faire part */
{
	float:left;
	top:104px;
	left:118px;
	width:155px;
	height:50px;
	background:url(../img/h.faire.part.gif) no-repeat center top;
}
#fairepart p /* positionnement du bloc faire part */
{
	font-size:100%;
	font-weight:bold;
	text-align:center;
	padding:13px 10px 0 0px;
}
#bloc2 { /* positionnement du bloc 2 txt accroche */
	float:left;
	width:450px;
	height:80px;
	top:150px;
	left:0px;
}

/*** sous menu rubriques home ***/
#home #smenu { /* positionnement du produit */
	position:absolute;
	top:208px;
	right:0px;
	width:255px;
}
#home #smenu ul {
	list-style:none;
}
#home #smenu li a {
	color:#8a8b7b;
	font-size:120%;
	font-weight:bold;
	line-height:1.4em;
	padding-left:16px;
	background: url("../img/puce.menu.h.gif") no-repeat 0 0.4em ;
}
#home #smenu li a:hover {
	color:#ab4c20;
	font-size:130%;
	line-height:1.3em;
	background: url("../img/puce.menu.h.hover.gif") no-repeat 0 0.4em ;
}
#ssmenu .sousmenufond li:first-letter
{
	text-transform:uppercase;
}

#news { /* positionnement du bloc news */
	position:absolute;
	top:390px;
	right:5px;
	width:340px;
	background:url(../img/h.news.bois.01.gif) no-repeat center top #fafafa;
}
#news #fond { /* positionnement du bloc news */
	background:url(../img/h.news.bois.02.gif) no-repeat center bottom;
	padding:10px 15px 12px 15px;
	text-align:justify;
	line-height:1.1em;
}
#news #fond #contenu {
	height:88px;
	overflow:hidden;
}
#news #fond img { /* cache les img sur la page d'accueil*/
	display:none;
}

#news #fond a:link, #news #fond a:visited,
{
	color:#3d2700;
	cursor:pointer;
}
#news #fond #contenu a
{
	color: #596649;
	cursor:pointer;
}
#news #fond h3,
#news #fond #contenu .news,
#news #fond #contenu .news .stitre
{
	font-size:100%;
	color: #596649;
	margin-bottom:3px;
	padding:0;
	background:url(none);
	cursor:pointer;

}
#news #fond h3 span{
	margin-left:5px;
	font-size:80%;
	font-weight:normal;
	color:#377D01;
}
#news #fond ul {
	margin:10px 0 5px 30px;
	list-style:none;
}
#news #fond li {
 	padding:0 0 0 10px;
	background: url("../img/left-mini.gif") no-repeat left 0.3em;
}


/***** PAGE *****/
#page
{
	background:url(../img/fond.bois.recherche.jpg) no-repeat center top ; /* fond sans recherche fond.bois.jpg */
}
#fondpied {

}
#page #bandeau {
	height:110px;
}

#page #logo { /* positionnement logo */
	position:absolute;
	left:0px;
	top:0px;
}
#page #logo img { /* positionnement logo */
	width:220px;
	height:230px;
}
#page #recherche { /* positionnement du bloc recherche */
	float:left;
	top:10px;
	left:258px;
	width:155px;
	height:50px;
	background:url() no-repeat center top;
}

#page #accroche {   /* accroche du bandeau haut */
	position:relative;
	top:10px;
	left:-24px;
	margin:0px;
	float:right;
}
#rubrique
{
	position:relative;
	float:left;
	top:200px;
	left:8px;
	width:208px;
	background: url("../img/p.fond.rubrique.gif") no-repeat left bottom;
	z-index:1;
}
#rubrique2
{
	position:relative;
	top:-30px;
	/*background: url("../img/p.fond.rubrique.gif") no-repeat left bottom;*/
}

#rubrique3
{
	position:relative;
	top:230px; /* avant 230px */
	margin-top:-220px;
	height:210px;
}
#rubrique2 dl,
#rubrique3 dl
{
	margin:1em 1.5em 1em 1em;
}
#rubrique2 p,
#rubrique3 p
{
	text-align:justify;
	margin:2em 1.5em 1em 1em;
}


/* encart colonne */

.encart
{
	position:relative;
	list-style:none;
	background-color:#fff;
	border:#DADFD9 1px solid;
	padding:6px 10px 6px 8px;
	margin:5px 12px 5px 6px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.encart li
{
	font-size:80%;
	background: url("../img/left-mini.gif") no-repeat left 0.4em;
	padding-left:8px;
}
.encart.current
{
	background-color:#FFFEF7;
	border-color:#C2C1B2;
}
.encart .current a
{
	font-weight:bold;
}
.encart #retourhaut,
.encart .retourhaut
{
	position:absolute;
	width:10px;/**/
	top:8px;
	right:-20px;
	background:none;
}

#retourhaut li a,
.retourhaut li a
{
	position:relative;
	display:block;
	left:-40px;
	width:10px;
	height:10px;
	background: url("../img/haut_anim.gif") no-repeat left top;
}

#encart02 li
{
	background:none;
	padding-left:0;
}
#encart02 a
{
	display:block;
	height:45px;
	background: url("../img/materiaux.ecologique/credit.impot.gif") no-repeat left center;
	padding-left:53px;
	font-size:110%;
	padding-top:6px;
}

#creditimpot
{
	position:absolute;
	top:-55px;
	right:0;
	background-color:#f6f6ef;	
	border:#DADFD9 1px solid;
	padding:10px 20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#creditimpot a
{
	
	display:block;
	height:55px;
	width:160px;
	background: url("../img/materiaux.ecologique/credit.impot.gif") no-repeat left center;
	padding-left:60px;
	font-size:110%;
}
#glossaire
{
	/* zoom:1; ie6.css ie7.css */
	display:block;
	padding:10px 20px;
}
#glossaire li
{
	font-size:110%;
	background: url("../img/left-mini.gif") no-repeat left 58%;
	padding-left:10px;
}

#rubrique2 a
{
	color:#035403;
}
#rubrique2 a:hover
{
	color:#4DB200;
}
#creditimpot a,
#creditimpot
{
	color:#118011;
}
#creditimpot a:hover
{
	color:#4DB200;
}

/* nav fiche */
#navfiche
{
	position:relative;
	/*height:40px;*/
}

#navfiche #materiaux
{
	top:11px;
}
/* conseil */
.txtconseil {
	background-color:#F3FFE5;
	border:#4F2602 dashed 1px;
	margin:20px;
	padding:10px 5px 15px 5px;
}
.titreconseil {
	position:relative;
	font-family: Geneva, Arial, Helvetica, san-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: #7A7A00; margin: 0px;
	background-image: url('../img/picto-conseil-entretien-2.gif');
	background-repeat:no-repeat;
	background-position: top left;
	padding: 0.8em 0 0.8em 3.5em;
	margin:0 0 5px 8px;
}
/* bloc ul puce */
#blocul {
	list-style:none;
	margin-left:40px;
}

#blocul li, #blocul li a, #blocul li a:link, #blocul li a:visited {
	list-style-image:url("../img/icon_pdf.gif");
	color: #666666;
	margin-top:3px;
	font-size:95%;
	font-weight:bold;
	letter-spacing: 1px;
	text-decoration:none;
	line-height:1.2em;
}

#blocul li a:hover {
	color: #f00;
	border-bottom: #f00 dashed 1px;
}




#page #bloc1 { /* positionnement du bloc 1 logo mvi */
	top:0px;
	right:0px;
	float:right;
}

/* configuration du bloc de texte */
#txtcentre, #txtcentre02, #txtcentre03, #txtcentre04 {
	position:relative;
	text-align:justify;
	float:right;
	width:65%;
	margin:0 0 0 0;
	padding: 10px 40px 20px 20px;
	font-size:110%;
	letter-spacing:0.0em;
	/*border:#f3f3f3 1px solid;*/
}
#txtcentre02 {
	position:relative;
	top:-240px;
}
#txtcentre03 {
	width:95%;
	margin:10px auto 40px -30px;
	padding: 0px 0px 0px 0px;
}
#txtcentre04 {
	width:90%;
	margin:10px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#txtcentre p, #txtcentre02 p, #txtcentre03 p {
	margin: 0px 0px 15px 0px;
}

/* bloc img page */
#bloc03 { /* positionnement du bloc 3 */
	position:relative;
	top:30px;
	left:50px;
	float:left;
	width:230px;
	padding:15px 20px;
	text-align:justify;
	font-size:110%;
	letter-spacing:0.1em;
	/*background-color:#fcfcfc;
	border:#eee 1px solid;*/
}

/***** NEWS ******/

#page .news { /* positionnement du bloc news */
	position:relative;
	bottom:0px;
	right:0px;
	width:646px;
	background:url(../img/fond.news.bois.01.gif) no-repeat center top #fafafa;
}
#page .news div { /* positionnement du bloc news */
	background:url(../img/fond.news.bois.02.gif) no-repeat center bottom;
	padding:25px 40px 90px 30px;
	text-align:justify;
	line-height:1.1em;
}
#page .news > div { /* positionnement du bloc news */
	padding:25px 40px 60px 30px;
}

#page .news img { /* positionnement du bloc news */
	float:left;
	border:#3b2300 1px solid;
	margin-right:2em;
}
#page .news h2 span { /* positionnement du bloc news */
	font-size:80%;
	color:#3b2300;
	font-weight:normal;
	margin-left:10px;
}

#page .news div p { /* positionnement du bloc news */
	position:relative;
	float:right;
	width:340px;
}
#page .news .newstxt { /* positionnement du bloc news */
	position:static;
	overflow:hidden;
	background:none;
	padding:0;
	list-style-position:inside;
}

.retour {
	float:right;
	font-size:90%;
	padding:0 0 0 15px;
	background: url("../img/haut_anim.gif") no-repeat left 0.2em;
}


/***** PRODUITS ****/
.marginleft {
	padding-left:15px;
}



/* ECO */
#eco
{
	position:absolute;
	z-index:1;
	top:56px;
	right:130px;
	width:261px;
}
#eco a
{
	display:block;
	height:50px;
	line-height:50px;
	padding-left:92px;
	padding-right:20px;
	background:url(../img/materiaux.ecologique/maison.eco.materiaux.gif) no-repeat left top;
	font-size:140%;
	font-weight:bold;
	letter-spacing:1px;
}

#eco a:hover
{
	background-position: left bottom;
}
#eco a span
{
	position:absolute;
	top:-48px;
	left:0px;
	text-indent:inherit;
	margin:0;
	line-height:normal;
	overflow:visible;
	font-size:80%;
	text-align:center;
}
#eco a:hover span
{
	display:block;
}


#page #eco
{
	position:absolute;
	top:10px;
	right:275px;
}

#eco.current a,
#eco.current a:hover
{
	border-bottom:2px solid #4DB200;
	color:#383530;
	background-color:#F1F4ED;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.titreeco
{
	text-align:center;
	color:#118011;
	letter-spacing:0px;
	margin:1em;
	font-size:155%;
	font-weight:normal;
}
/*********** ECO MATERIAUX **************/
.zoomimg
{
	position:relative;
	/*z-index:5;*/
}
.zoomimg span
{
	position:absolute;
	z-index:5;
	bottom:30px;
	right:30px;
	display:none;
	text-align:center;
	cursor:pointer;
	
}
.zoomimg:hover span
{
	/*display:block;*/
}
.peco
{
	color:#035403;
}

#imgeco,
#cache
{
	position:relative;
	margin:0 auto 0 auto;
	height:410px;
}
#cache
{
	position:absolute;
	padding-top:0em;
	margin:0;
	top:0em;
	left:0;
	width:100%;
	background-color:#fff;
	display:none;
/*	
	filter:alpha(opacity=35);
	opacity: 0.35;
	-moz-opacity:0.35;
*/
}
#point01 span, #point02 span, #point03 span, #point04 span, #point05 span, #point06 span
{
	display:none;
}
#point01 , #point02 , #point03 , #point04 , #point05 , #point06 
{
	position:absolute;
	top:-10px;
	left:-50px;
}
#point0101 a, #point0102 a,
#point0201 a, #point0202 a, #point0203 a,
#point0301 a, #point0302 a, #point0303 a,
#point0401 a, #point0402 a, #point0403 a, #point0404 a,
#point0501 a, #point0502 a,
#point0601 a, #point0602 a, #point0603 a
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:30px;
	height:30px;
	background:url(../img/materiaux.ecologique/point.png) no-repeat left top;
	cursor:help;
}
#point0101 a, #point0102 a
{
	background-image:url(../img/materiaux.ecologique/point.01.png)
}
#point0201 a, #point0202 a, #point0203 a
{
	background-image:url(../img/materiaux.ecologique/point.02.png)
}
#point0301 a, #point0302 a, #point0303 a
{
	background-image:url(../img/materiaux.ecologique/point.03.png)
}
#point0401 a, #point0402 a, #point0403 a, #point0404 a
{
	background-image:url(../img/materiaux.ecologique/point.04.png)
}
#point0501 a, #point0502 a
{
	background-image:url(../img/materiaux.ecologique/point.05.png)
}
#point0601 a, #point0602 a, #point0603 a
{
	background-image:url(../img/materiaux.ecologique/point.06.png)
}

#point0101 a { top:109px; left:97px;  }
#point0102 a { top:202px; left:217px; }

#point0201 a { top:44px;  left:120px; }
#point0202 a { top:153px; left:268px; }
#point0203 a { top:238px; left:168px; }

#point0301 a { top:29px;  left:307px; }
#point0302 a { top:136px; left:505px; }
#point0303 a { top:184px; left:469px; }

#point0401 a { top:100px; left:423px; }
#point0402 a { top:166px; left:188px; }
#point0403 a { top:182px; left:337px; }
#point0404 a { top:199px; left:403px; }

#point0501 a { top:161px; left:162px; }
#point0502 a { top:182px; left:149px; }

#point0601 a { top:198px; left:57px;  }
#point0602 a { top:247px; left:394px; }
#point0603 a { top:204px; left:553px; }



/*** menu eco ***/

#menueco
{
	position:absolute;
	bottom:-38px;
	right:0;
}
#menueco ul
{
	list-style:none;
}
#menueco li
{
	/*display:inline;*/
	float:left;
	margin-right:1px;
}
#menueco .meco,
#menueco .current,
#meco01, #meco02, #meco03, #meco04, #meco05, #meco06,
.smeco li
{
	position:relative;
}
#menueco li a,
#menueco .current ul a,
#menueco .current .smeco .current ul a
{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	
	margin:0;
	padding:0 6px;
	line-height:28px;
	white-space:nowrap;
}

#menueco li a:hover,
#menueco .current ul a:hover,
#menueco .current .smeco .current ul a:hover
{
	color:#383530;
	font-size:90%;
}
#menueco .current a,
#menueco .current a:hover,
#menueco .current .smeco .current a,
#menueco .current .smeco .current a:hover,
#menueco .current .smeco .current .ssmeco .current a,
#menueco .current .smeco .current .ssmeco .current a:hover
{
	color:#383530;
	font-size:100%;
}

#meco01 a { background:url(../img/materiaux.ecologique/fond.menu.eco.jpg) repeat-x left top;    }
#meco02 a { background:url(../img/materiaux.ecologique/fond.menu.eco.jpg) repeat-x left -30px;  }
#meco03 a { background:url(../img/materiaux.ecologique/fond.menu.eco.jpg) repeat-x left -60px;  }
#meco04 a { background:url(../img/materiaux.ecologique/fond.menu.eco.jpg) repeat-x left -90px;  }
#meco05 a { background:url(../img/materiaux.ecologique/fond.menu.eco.jpg) repeat-x left -120px; }
#meco06 a { background:url(../img/materiaux.ecologique/fond.menu.eco.jpg) repeat-x left -150px; }

/*#smeco01, #smeco02, #smeco03, #smeco04, #smeco05, #smeco06
{
	display:none;
}*/

#menueco .smeco
{
	position:absolute;
	z-index:1;
	top:28px;
	left:0px;
	list-style:none;
	border-top:#fff 1px solid;
	width:180px;
	display:none;
	/*border:#fff 1px solid;
	background:#739D3B;*/
}
#menueco #smeco06.smeco
{
	right:0px;
	left:auto;
}
#menueco .smeco a,
#menueco .current ul a,
#menueco .smeco .ssmeco a,
#menueco .current .smeco .current ul a
{
	display:block;
	width:100%;
	background:none;
	line-height:22px;
}
#menueco .smeco li
{
	/*display:inline;*/
	float:none;
	margin-right:0px;
}

#smeco01, #smeco01 .ssmeco { background:url(../img/materiaux.ecologique/fond.smenu.eco.01.jpg) repeat-x left top #739D3B; }
#smeco02, #smeco02 .ssmeco { background:url(../img/materiaux.ecologique/fond.smenu.eco.02.jpg) repeat-x left top #9D8D2B; }
#smeco03, #smeco03 .ssmeco { background:url(../img/materiaux.ecologique/fond.smenu.eco.03.jpg) repeat-x left top #6D96C2; }
#smeco04, #smeco04 .ssmeco { background:url(../img/materiaux.ecologique/fond.smenu.eco.04.jpg) repeat-x left top #608035; }
#smeco05, #smeco05 .ssmeco { background:url(../img/materiaux.ecologique/fond.smenu.eco.05.jpg) repeat-x left top #B78200; }
#smeco06, #smeco06 .ssmeco { background:url(../img/materiaux.ecologique/fond.smenu.eco.06.jpg) repeat-x left top #807FDC; }

#smeco01 .ssmeco { background-position:left -50px }
#smeco02 .ssmeco { background-position:left -50px }
#smeco03 .ssmeco { background-position:left -50px }
#smeco04 .ssmeco { background-position:left -50px }
#smeco05 .ssmeco { background-position:left -50px }
#smeco06 .ssmeco { background-position:left -50px }


#smeco01 li { border-bottom:#D4EBB5 1px solid; }
#smeco02 li { border-bottom:#EDE2A6 1px solid; }
#smeco03 li { border-bottom:#D0E2F5 1px solid; }
#smeco04 li { border-bottom:#D0E5B1 1px solid; }
#smeco05 li { border-bottom:#F0DCAF 1px solid; }
#smeco06 li { border-bottom:#CDCDFA 1px solid; }


#smeco01, #smeco02, #smeco03, #smeco04, #smeco05, #smeco06 
{	
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
}

#menueco .ssmeco
{
	position:absolute;
	z-index:2;
	top:-1px;
	left:140px;
	list-style:none;
	width:180px;
	/*border:#fff 1px solid;
	background:#739D3B;*/
}
#smeco01 li ul { border:#D4EBB5 1px solid; }
#smeco02 li ul { border:#EDE2A6 1px solid; }
#smeco03 li ul { border:#D0E2F5 1px solid; }
#smeco04 li ul { border:#D0E5B1 1px solid; }
#smeco05 li ul { border:#F0DCAF 1px solid; }
#smeco06 li ul { border:#CDCDFA 1px solid; }



/* glossaire */
.plus
{
	font-size:80%;
	/*background: url("../img/plus.gif") no-repeat right 0.2em;*/
	padding-left:5px;
	margin:0.5em 0.5em 0.5em 0.5em;
	list-style:none;
}
.popupeco .current
{
	position:relative;
	list-style:none;
	background-color:#FFFEF7;
	border:#DADFD9 1px solid;
	padding:6px 10px 6px 8px;
	margin:5px 12px 5px 6px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}





/***** TABLEAU ECO ******/
.TH2 .atitreround
/*.TH2 .aTitre1, .TH2 .aTitre2, .TH2 .aTitre3, .TH2 .aTitre4, .TH2 .aTitre5, .TH2 .aTitre6*/
{
	border:0;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	
	-webkit-border-top-left-radius: 10px 10px;
	-webkit-border-top-right-radius: 10px 10px;
	
	-moz-border-radius-topleft: 10px 10px;
	-moz-border-radius-topright: 10px 10px;
}

.aTitre1 { color:#fff; font-weight:bold; background:url(../img/materiaux.ecologique/fond.tableau.eco.jpg) repeat-x left top; }
.aTitre2 { color:#fff; font-weight:bold; background:url(../img/materiaux.ecologique/fond.tableau.eco.jpg) repeat-x left -42px; }
.aTitre3 { color:#fff; font-weight:bold; background:url(../img/materiaux.ecologique/fond.tableau.eco.jpg) repeat-x left -84px; }
.aTitre4 { color:#fff; font-weight:bold; background:url(../img/materiaux.ecologique/fond.tableau.eco.jpg) repeat-x left -126px; }
.aTitre5 { color:#fff; font-weight:bold; background:url(../img/materiaux.ecologique/fond.tableau.eco.jpg) repeat-x left -168px; }
.aTitre6 { color:#fff; font-weight:bold; background:url(../img/materiaux.ecologique/fond.tableau.eco.jpg) repeat-x left -210px; }


/* Tableaux ToHTML */
.TH2 	{ Border:0px solid #CCD6C5; Border-Collapse:Collapse; Color:#444C3D; text-align:left;}
.TH2 TD	{ Border:1px solid #CCD6C5; Padding: 2px 4px 2px 4px; Font-Family : verdana; Font-size : 8pt; }

/**/

/***** POPUP *****/
#popup { /*largeur popup et pied page */
	position:relative;
	width:90%;
	text-align:center;
	margin:10px auto 10px auto;
	border: #eff2ec 2px solid;
	border-bottom:0;
	padding:30px 10px;
}
#piedpoupup #pied { /*largeur popup et pied page */
	width:90%;
}

#popup p {
	margin:20px 0;
	font-size:120%;
	font-weight:bold;
}
#popup #accroche { /* accroche du bandeau haut */
	position:relative;
	top:0px;
	left:0px;
	float:none;
	z-index:2;
}

#popup h1 { /* titre */
	font-size:140%;
	color: #006600;
	margin:1em 0 2em 0;
}
.popupeco p,
#popup.popupeco p
{
	text-align:justify;
	font-weight:normal;
	margin:10px 0;
}
.popupeco .stitre
{
	text-align:left;
	padding-bottom:0;
}
#popup.popupeco .print
{
	text-align:right;
}
.popupeco dl,
.popupeco h3
{
	text-align:justify;
}
.popupeco dl
{
	margin-left:20px;
}
.popupeco td
{
	padding:2px 15px;
}
.popupeco .aTitre1 h2
{
	font-size:120%;
	margin:0.2em 0.5em;
}
.popupeco .TH2
{
	margin:auto;
	width:95%;
}
.popupeco .encart
{
	display:inline-block;
	float:right;
	text-align:left;
	margin:1em 2em 1em 1em;
}
/********** SOUS MENU rubriques page *****************/
#page #smenu ul { /* menu rubrique */
	list-style:none;
	text-align:right;
	margin-right:20px;
	padding: 0px 0 40px 0;
}
#page #smenu li a {
	color:#8a8b7b;
	font-size:90%;
	font-weight:bold;
	line-height:2.1em;
	padding-right:11px;
	background: url("../img/puce.menu.gif") no-repeat right 0.3em ;
}
#page #smenu li a:hover {
	color:#ab4c20;
	font-size:90%;
	background: url("../img/puce.menu.hover.gif") no-repeat right 0.3em ;
}
#page #smenu .current a, #page #smenu .current a:hover {
	color:#ab4c20;
	font-size:90%;
	line-height:2em;
	background: url("../img/puce.menu.on.gif") no-repeat right 0.3em ;
}


/********** SOUS SOUS MENU RUBRIQUE *****************/
/* Style menu popup dhtml */

.menuDhtml
{
	background: url("../img/smenu.01.gif") no-repeat top left;
	list-style:none;
	margin:0;
	padding:0;
	height:auto;
	
	filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
}

.sousmenufond
{
	background: url("../img/smenu.02.gif") no-repeat bottom left;
	font-size:90%;
	text-align:right;
	padding: 10px 30px 9px 15px;
	height:auto;
	
	line-height:1.5em;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

}
.sousmenufond a, .sousmenufond a:link, .sousmenufond a:visited
{
	color:#59663f;

}
.sousmenufond a:hover
{
	font-weight:bold;
}
#ssmenu .current {
	color:#ab4c20;
	font-weight:bold;
}

/* par les pages */
#page .menuDhtml
{
	background: url("../img/smenu.01.gif") no-repeat top right;
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90;
}
#page .sousmenufond
{
	background: url("../img/smenu.02.gif") no-repeat bottom right;
	font-size:90%;
	text-align:left;
	padding: 10px 20px 9px 20px;
	height:auto;
	list-style-position:outside; /* par aligner le texte a la migne des li dans ie */
	
	line-height:1.5em;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/**************** MENU *********************/

/*** style menu haut ***/
#menuh a, #menup a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
#menuh {
	position:relative;
	right:0px;
	top:30px;
	float:right;
	text-align:right;
	margin:0;
	padding:0;
}

#menuh ul { /* affichage verticale ou horizontale */
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 0px; /* positionne le menu horizontalement */
	list-style:none;
}

#menuh li {
	float:left;
}

#menuh a { /* LIEN display:block pour transformer le lien en block modifiable et line-height pour la hauteur*/
	color: #787a74;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 5px 0px 5px;
	text-decoration: none;
	white-space: nowrap;
	text-decoration:none;
	display:block; /* desactivé pour menu vertical */
	line-height:15px;
	border-bottom:#cfe4b9 2px solid;
}

#menuh a:hover {
	color:#465240;
	border-bottom:#b1d492 2px solid;
}

/*le bouton cliqué*/
#menuh .current {  /* img si besoins */
	margin:0px 0px 0px 0px;
}

#menuh .current a, #menuh .current a:hover {
	color: #383530;
	font-size: 120%;
	letter-spacing:1px;
	padding:0;
	margin: 0 4px 0px 4px;
	border-bottom:#4db200 2px solid;
}

/*** STYLE Menu PIED PAGE ***/

#menup {
	position:relative;
	bottom:0px;
	left:10px;
	margin:0;
	padding:0;
	background-color: transparent;
}

#menup ul { /* affichage verticale ou horizontale */
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 0px; /* positionne le menu horizontalement */
	list-style:none;
}

#menup li {
	float:left;
}

#menup a, #mpiedhome10 a { /* LIEN display:block pour transformer le lien en block modifiable et line-height pour la hauteur*/
	color: #787a74;
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 5px 0px 5px;
	text-decoration: none;
	white-space: nowrap;
	text-decoration:none;
	display:block; /* desactivé pour menu vertical */
	line-height:15px;
	border-bottom:#cfe4b9 2px solid;
}


#menup a:hover, #mpiedhome10 a:hover {
	color:#465240;
	border-bottom:#b1d492 2px solid;
}

/*le bouton cliqué*/
#menup .current {  /* img si besoins */
	margin:0px 0px 0px 0px;
}

#menup .current a, #menup .current a:hover {
	color: #383530;
	font-size: 120%;
	letter-spacing:0px;
	padding:0;
	margin: 0 4px 0px 4px;
	border-bottom:#4db200 2px solid;
}

/******* PIED PAGE ********/

/* Style pied page */
#pied {
	border-top: #eff2ec 3px solid;
	width: 950px;
	text-align: center;
	margin: 10px auto 0px auto;
	line-height: 20px;
	color: #508063;
}
#pied a, #pied a:link, #pied a:visited {
	font-size: 9px;
	color: #508063;
	font-weight: normal;
	text-decoration: none;
	Padding: 5px 0 5px 0;
}
#pied A:hover {
	color: #719680;
}



/*** AUTRE ***/
#mpiedhome10
{
	width:950px;
	margin:1em auto;
	font-weight:normal;
	font-size:90%;
	text-align:right;
}
/* Style mots ref */
#mots {
	width: 950px;
	margin: 0px auto 4px auto;
	padding-top:3px;
	text-align: justify;
}

.ref, .ref a, .ref a:link, .ref a:visited {
	color: #95bda5;
	font-size: 9px;
	line-height: 10px;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: justify;
	font-weight: normal;
	display:inline;
}
.ref a:hover{
	color: #719680;
	font-weight:normal;
	font-size: 9px;
}

.ref2, .ref2 a, .ref2 a:link, .ref2 a:visited, .ref2 a:hover {
	color: #666;
	font-size: 1px;
	text-decoration: none;
	Padding: 0px;
	margin: 0px;
	visibility: hidden;
	overflow:hidden;
	height:10px;
}


/* Signature Kyxar */
.kyxar {
	Position: absolute;
	Visibility:Visible;
	z-index:10;
	font-weight: normal;
	white-space: nowrap;
	right:30px;
	padding: 5px 0px 3px 0px;
	margin: 0px;
}
a.lienkyxar, a.lienkyxar:link, a.lienkyxar:visited {
	color: #999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px 6px 0px 0px;
	letter-spacing: 1px;
}
a.lienkyxar:hover {
	color: #666;
}


/* FORM */


/* Formulaire */

form {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin:0;
}
select, textarea, input, .normal, input.case,
select.normal, textarea.normal {		/*** configuration general ***/
	color: #557d5B;
	background-color: #cdd6c5;
	font-weight: bold;
	font-size:100%;
}
input.case {		/*** configuration case a coché ***/
	background-color: transparent;
}

.focus, .focus2, .focus3,
select.focus,
textarea.focus, textarea.focus2  {	/*** Mise en avant des champs en cours d'utilisation - onfocus="this.className='focus';" ***/
	background: #fcfffa;
	color: #3B2300;
	border: #3B2300 2px solid;
	margin:0 0;
}
textarea, input, .normal,
.search, .fpart, .fpart2 {	/*** Retour à l'état normal après l'utilisation - onblur="this.className='normal';" ***/
	padding:5px 0 5px 5px;
	
	font-weight: bold;
	margin:1px 1px;
}
.normal, .focus {	/*** taille des champs ***/
	width: 300px;
}
.normal, .fpart2 {	/*** bordure des champs ***/
	border: #95a18c 1px solid;
}
.search, .fpart {	/*** bordure des champs ***/
	border: #c4ccbe 1px solid;
}

select.normal, select.focus, .submit { /*** taille select ***/
	width: 307px;
	padding:5px 0 5px 5px;
}
textarea.normal, textarea.focus, textarea.focus2  /*** taille textarea ***/
{
	font-size:110%;
	height:8em;
}

/* champ court recherche faire part */
.search, .fpart, .focus2 {
	position:absolute;
	top:19px;
	left:17px;
}
.bt {
	position:absolute;
	top:20px;
	right:18px;
}

.search, .fpart, .focus2 {
	width: 85px;
	font-size:80%;
	font-weight:normal;
}
.bt {
	background-color: transparent;
	margin: 0 0 -4px 0;
	border:0;
}

/**** champ Module faire part dynamique *****/

/* ATTENTION REPRENDRE LES PARAMETRES DU FORMULAIRE DE BASE */
.fpart2, .focus3 /* config champ defaut */
{
	width: 150px;
	font-size:80%;
	font-weight:normal;
}
textarea.fpart2, textarea.focus3  /*** taille textarea ***/
{
	font-size:130%;
	height:8em;
	width:350px;
	padding:5px;
}
.fpTdSubmit .submit /*** bt submit ***/
{
	font-size:120%;
	width:364px;
}

.fpErreur
{
    text-align:center;
    font-weight: bold;
    color: #FF0000;
}

.fpTable
{
    margin: 0 auto 0 auto;
}

.fpTdLib
{
    text-align:right;
}
.fpTdForm
{
    text-align:left;
}
.fpTdMess
{
}
.fpTdSubmit
{
    text-align:center;
}

/* contact */

.txt {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size:80%;
	text-align:left;
}
.submit {
	color: #fff;
	background-color: #ab4c20;
	border: #ccc 1px solid;
	font-weight: normal;
	line-height:50px;
	font-size:130%;
}
.submit:hover,
.submit:focus { background-color: #557d5b; }


/*** STYLE SPECIAUX MEDIAS ***/

@media print {

body, #fondpied {
	Background-color: #FFFFFF;
	background: url(none);
}

.kyxar, .ref, .ref2, #entete, #menuh, #menup, #mots, #pied, #lang, #smproduit, .print, #formsearch,
.encart, .popupeco .encart, #glossaire, #smecob01, #menueco, #rubrique2 h2 img
{
	display:none;
	border:0;
	background:none;
}
#page, #home, #capacite
{
	width: 100%;
	position: relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border: 0px;
	Border-Collapse : Collapse;
	background: url(none);
}
#page #bloc1, #txtcentre, #bloc03 { /* positionnement du bloc 1 */
	float:none;
	width:85%;
	margin:20px;
	padding:0;
	border:0;
}
#page #accroche {
	left:35%;
}
#page #bloc1 {
	left:75%;
	top:-120px;
}
#tech {
	width:230px;
}

#txtcentre, #txtcentre02, #txtcentre03, #txtcentre04
{
	text-align:justify;
	margin:0;
	padding:0;
	width:auto;
	float:none;
}
#motif, #couleur, #retour {
	width:40%;
}
#produit {
	width:100%;
}
#popup { /*largeur popup et pied page */
	border: #DADFD9 2px solid;
}
#popup #accroche
{
	background:#fff;
}
.sizeimg
{
	width:45%;
}
#eco
{
	white-space:nowrap;
}

}

/* Tableaux ToHTML */
TABLE.TH1		    {  Border:1px solid #CCD6C5; Border-Collapse:Collapse; Color:#444C3D;}
TABLE.TH1 TD        {  Border:1px solid #CCD6C5; Padding: 2px 4px 2px 4px; Font-Family : verdana; Font-size : 8pt; }
TABLE.TH1 TD.aTitre	{  Background-Color:	#E3EDDD; Color:#6D7865;Font-weight:Bold;}
TABLE.TH1 A.aTitre	{  Background-Color:	#E3EDDD; Color:#6D7865;Font-weight:Bold;}
TABLE.TH1 TD.aLib	{  Background-Color:	#EEF2EB; }
TABLE.TH1 TD.aVal	{  Background-Color:	#FFFFFF; }
TABLE.TH1 TD.aValX	{  Background-Color:	#FFFFFF; Color:#FF0000}
TABLE.TH1 TD.aValD	{  Background-Color:	#FFFFFF; Color:#339900}
TABLE.TH1 TD.aValG	{  Background-Color:	#FFFFFF; Font-weight:Bold;}
TABLE.TH1 TD.aSep	{  Background-Color:	#BBBBBB; Font-weight:Bold;}
TABLE.TH1 TD.aCom	{  Background-Color:	#E2E2E2; }
TABLE.TH1 TD.aLink	{  Background-Color:	#E2E2E2; Color:#687360; }
TABLE.TH1 A.aLink	{  Background-Color:	#E2E2E2; Color:#687360; }





/***** POPUP *****/
#popupvideo
{
	position:absolute;
	z-index:2000;
	left:50%;
	margin-left:-320px;
	top:50%;
	margin-top:20px;
	width:640px;
	height:362px;
	color:#fff;
	background-color:#eee;
	border:1px solid #ccc;
	display:none;/**/
}
#videopage
{
	margin-left:-30px;
	width:640px;
	height:362px;
	color:#fff;
	background-color:#eee;
	border:1px solid #ccc;
}

#fermervideo
{
	position:absolute;
	display:block;
	z-index:2001;
	top:-6px;
	right:-6px;/**/
	width:12px;
	height:12px;
	/*overflow:hidden;*/
	background:url(../img/icon/fermer.png) no-repeat left top;
}
#fermervideo span
{
	position:absolute;
	text-indent:-5000px;
	font-size:50%;
	overflow:hidden;
}
#fermervideo:hover
{
	background-position: left bottom;
}
#flashContent { width:100%; height:100%; background:url(../img/capture.film2.jpg) no-repeat center center; }

#overlayvideo
{
	position:absolute;
	z-index:1900;
	left:50%;
	margin-left:-500px;
	top:50%;
	margin-top:-120px;
	width:1000px;
	height:700px;
	overflow:hidden;
	background-color:#fff;
	display:none;/**/
}

#lienvideo
{
	position:absolute;
	top:-8px;
	right:30px;
	font-size:90%;
}
#lienvideo2
{
	position:relative;
	z-index:1;
	top:42px;
	left:0px;
	font-size:120%;
	margin-top:-30px;
}
#lienvideo2 .puce,
.lienvideo .puce 
{
    background: url("../img/icon/picto.tv.png") no-repeat scroll left center;
    padding: 3px 0 0 26px;
}
#lienvideo span
{
	display:inline-block;
	line-height:normal;
	margin: 0;
	overflow:auto;
	position:static;
	text-indent:inherit;
}
.puce {
    background: url("../img/icon/picto.tv2.png") no-repeat scroll right center;
    padding: 0px 15px 0 0;
}

/*** affiche cache video ***/
.videoplay #lienvideo
{
    display: block;
    line-height:normal;
    overflow:auto;
    text-indent:inherit;
}

/* fleche historique */
.fleche
{
	position:absolute;
	top:-95px;
	left:0;
	width:131px;
	height:20px;
	background:url(../img/fleche.png) no-repeat center top;
}

/* Plan acces */
#planchambost
{
	position:relative;
}
#planchambost ul,
#planchambost li
{
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
}
#planchambost li a
{
	position:absolute;
	font-weight:bold;
	color:#000;
	background-color:#fff;
	padding:0px 6px;
	font-size:80%;
	white-space:nowrap;
	
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	border-radius:4px; 
}
#planchambost li a:hover,
#planchambost .current,
#lienreyrieux.current,
#liendomene.current,
#lienromans.current,
#lienthor.current

{
	color:#162d00;
	background-color:#FFFF00;
	display:inline-block;
}

.padding1
{
	padding:1px;
	display:inline-block;
}
#reyrieux a
{
	top:57px;
	left:135px;
}
#domene a
{
	top:140px;
	left:208px;
}
#romans a
{
	top:148px;
	left:126px;
}
#thor a
{
	top:277px;
	left:116px;
}