BODY {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0;
	
}


DIV#container {
	FLOAT: none; 
	max-width: 970px;
	/*superbe hack pour simuler le max-width pour ie6*/
	width:!important;
	width:expression(document.body.clientWidth < 900? "780px":"970px" );
	/*fin*/
	min-width: 780px !important;
	background-color: #f4f2e9;
	padding-right: 20px
}


DIV#container-maestro {
	width: 706px;
	/*margin: auto;*/
}

DIV.logo-maestro {
	position: fixed;
	top: 10px;
	left: 43px
}

/*Styles pour les entêtes */
DIV#header-accueil {
	background: #ffffff url('../images/topo.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:780px;
	border:0px solid yellow;
}

DIV#header-planchers {
	background: #000 url('../images/entete_planchers.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:780px;
}

DIV#header-fabrication {
	background: #000 url('/images/entete_fabrication.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:800px;
}

DIV#header-installation {
	background: #000 url('/images/entete_installation.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:780px;
}

DIV#header-entretien {
	background: #000 url('/images/entete_entretien.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:780px;
}

DIV#header-soutien {
	background: #000 url('/images/entete_accueil.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:780px;
}

DIV#header-detaillants {
	background: #000 url('/images/entete_ou_acheter.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:780px;
}

DIV#header-apropos {
	background: #000 url('/images/entete_apropos.jpg') no-repeat left 0px;
	height: 110px;
	width: 100%;
	min-width:780px;
}
DIV#header-maestro {
	background: #000 url('/images/entete_ou_acheter.jpg') no-repeat left 0px;
	height: 110px;
	width:732px;
}

/* FIN Les différentes sections*/

DIV.logo {
	position: absolute;
	top: 35px;
	left: 220px
}



DIV.rech {
	background: transparent url('/images/detaillants_dealer.jpg') no-repeat right bottom;
	float: right;
	text-align: right;
	width: 260px;
	height: 85px;
}
/*!important : hack qui force FF a afficher ce style plutôt que celui qui suit pour ie6*/

DIV.form-recherche {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	padding: 18px 20px !important;
	padding: 18px 20px 0 20px;
	text-align: left;
}

	DIV.form-recherche SPAN {
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
	}

	FORM.rechercheFaq, INPUT.submit {
		width : 150px;
	}
	
	INPUT.textabonnez {
		border : 1px solid #c4b479;
		width : 140px;
		background-color: #fff;
		color : #000;	
	}
	
	INPUT.submitabonnez {
		border : 1px solid #c4b479;
		background-color: #b3a368;
		height : 21px;
		color : #fff;	
	}
	
	INPUT.submitrechercheFaq {
		border : 1px solid #c4b479;
		width : 184px;
		margin-top : 5px;
		background-color: #b3a368;
		color : #fff;
	}

	INPUT.TextrechercheFaq {
		border : 1px solid #c4b479;
		width : 180px;
		background-color: #fff;
		color : #000;	
	}
	
	FORM.detaillant INPUT.submit {
		width: 25px;
		background-color: #b5360b;
		color: #fff;
		padding: 2px 0 2px 0px;
	}
	
	FORM.detaillant INPUT {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 10px;
		width: 180px;
		padding: 3px 0 3px 4px;
		border: 0;
		color: #888886;
	}
	
	span.detaillant {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 10px;
		color: #fff;
		display: block;
		padding-top: 10px;
	}
	
	span.detaillant A:link {
		color: #fff;
		text-decoration:underline;
	}
	
	span.detaillant A:hover {
		color: #fff;
		text-decoration:none;
	}
	
	span.detaillant A:visited {
		color: #fff;
		text-decoration:underline;
	}
	
DIV.menu-index {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 10px;
	color: #ccc;
	text-align: right;
	padding: 8px 0px 4px 0;
	margin-right: 37px;
}

	DIV.menu-index A:link {
		text-decoration: none;
		color: #ccc;
	}
	
	DIV.menu-index A:visited {
		text-decoration: none;
		color: #ccc;
	}
	
DIV.menu-contact {
	position: absolute;
	top: 41px;
	left: 696px;
	color: #000;
	text-transform: uppercase;
	height: 34px;
}

	DIV.menu-contact A {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		color: #ccc;
	}
	
	DIV.menu-contact A:visited {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		color: #000;
	}
	DIV.menu-contact A:hover {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		color: #ccc;
	}
/* Fin Styles des entêtes */



/* Styles pour Menu principal (menu horizontal) commun*/

	div.menu-principal {
		width:990px;
		height: 20px;
		margin-top:5px;
		margin-bottom:0;
		z-index:10;
	}

	div.menu-principal UL.menu {
		list-style: none;
		padding: 0px 0px 0px 0px ;
		margin-left:10px;
	}

	div.menu-principal UL.menu LI {
		display: inline;
		float: left;
		margin: 0;
		*padding: 4px 0 0 21px;
		padding: 0px 0 0 21px !important;
		padding: 4px 0 0 21px;
		height:20px !important;
		height:22px
	}
	
	div.menu-principal UL.menu LI A {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 2px;
		padding: 3px 3px 3px 7px !important;
		padding: 3px 3px 9px 7px;
		height: 20px;
		color: #000;
		text-decoration: none;
	}
	
	div.menu-principal UL.menu LI A:visited {
		color: #000;
	}
	
	div.menu-principal UL.menu LI A:hover {
		color: #b3a368;
	}
	
	div.menu-principal UL.menu LI A.current {
		color: #927d44;
		background-color: #fff;
		border-top: 1px solid #dedcc7;
		border-right: 1px solid #dedcc7;
		border-left: 1px solid #dedcc7;
		border-bottom: 2px solid #fff;
	}

	/*
		FRANCAIS - Position à partir de la gauche et largeur pour chaque sous-menu du menu principal
	*/
	#menu-pos-1 {position:absolute;left:31px;width:154px;}
	#menu-pos-2 {position:absolute;left:178px;width:154px;}
	#menu-pos-3 {position:absolute;left:303px;width:154px;}
	#menu-pos-4 {position:absolute;left:436px;width:154px;}
	#menu-pos-5 {position:absolute;left:541px;width:154px;z-index:100}
	#menu-pos-6 {position:absolute;left:632px;width:154px;z-index:100}
    #menu-pos-7 { position:absolute; left:750px; width:219px; z-index:100 }
	
	/*
		ANGLAIS - Position à partir de la gauche et largeur pour chaque sous-menu du menu principal
	*/
	#menu-en-pos-1 {position:absolute;left:31px;width:154px;}
	#menu-en-pos-2 {position:absolute;left:150px;width:154px;}
	#menu-en-pos-3 {position:absolute;left:300px;width:154px;}
	#menu-en-pos-4 {position:absolute;left:391px;width:154px;}
	#menu-en-pos-5 {position:absolute;left:459px;width:154px;z-index:100}
	#menu-en-pos-6 {position:absolute;left:554px;width:154px;z-index:100}
	#menu-en-pos-7 { position:absolute; left:688px; width:240px; z-index:100 }

	/*	Hack pour bien afficher le menu horizontal (surtout pour IE 7) par Fred		*/
	/*	Toutes les versions d'IE voient ces attributs, et les autres non.			*/
	/*	Inspiré par http://www.centricle.com/ref/css/filters/						*/
	#menu-pos-1, #menu-pos-2, #menu-pos-3, #menu-pos-4, #menu-pos-5, #menu-pos-6, #menu-pos-7 {
		*top: -7px !important; /* IE7 garde cette ligne */
		 top: 0 ; /* Les autres IE prennent*/
		*margin:0 ;
		*padding:0 ;
	}

	/*voir à éliminer ces deux divs dep1 et dep2 qui ne semblent servir à rien...*/
	DIV#dep1 {
		position:absolute;
		top:153px;
		left:0;
		width:760px;
		height:20px;
	}
	
	DIV#dep2 {
		width:400px;
		height:20;
		border:0;
	}
	
	DIV#layerMenu {
		position:absolute;
		top:142px !important;
		top:140px;
		left:0;
		width:0px;
		height:0px;
		z-index:100;
	}
	
/*sous-menus du menu principal*/
	DIV.drop-menu {
	z-index:1000;
	}
		
		DIV.drop-menu UL {
			list-style: none;
			padding:0px;
			margin: 0px;
			background-color:#b3a368;
		}
		
		DIV.drop-menu LI {
			padding:6px 10px 10px 10px;
			margin:0;
			border-bottom:1px solid #d4cba9;
		}
		
		DIV.drop-menu LI A:link {
			color:#fff;
			text-decoration: none;
		}
		
		DIV.drop-menu LI A:visited {
			color:#fff;
			text-decoration: none;
		}
		
		DIV.drop-menu LI A:hover {
			color:#000;
			/*font-weight:bold;*/
		}

/* Styles Menu principal*/


/* Styles */
DIV.menu-second {
	float: left;
	margin-top:30px;
	padding-top: 0px;
	width: 161px;
	border-right: 1px dotted #E2DAC0;
	text-align: right;
	height:100%;
}

	DIV.menu-second span.indicateur{
		font-weight: bold;
		letter-spacing: 2px;
		color: #927d44;
		padding:4px 1em 4px 0;
		display:block;
	}
	
	DIV.menu-second UL {
		list-style: none;
		margin: 0 0 0px 0 ;
		padding: 0;
	}
	
	DIV.menu-second LI {
		padding: 1px 14px 1px 0;
	}
	
	UL.group-divider {
		border-bottom: 1px solid #e2dac0;
	}
	
	DIV.menu-second UL.divider {
		list-style: none;
	}
	
	DIV.menu-second UL.divider LI {
		padding: 10px 14px 10px 0;
		margin:0;
		border-bottom: 1px solid #e2dac0;
	}
	
	DIV.menu-second LI A:link {
		color: #92803f;
		text-decoration: none;
	}
	DIV.menu-second LI A:hover {
		text-decoration: underline;
	}
	
	DIV.menu-second LI A:visited {
		color: #92803f;
		text-decoration: none;
	}

	DIV.menu-second LI A.current {
		color: #b5360b;
	}
	DIV.menu-second LI A.current:hover {
		text-decoration: underline;
	}
	DIV.menu-second LI A.current:visited {
		color: #b5360b;
	}
	DIV#sous-menu-list {
		width:80px;
		text-align:right;
		margin-left:70px;
		padding-top:5px;
	}
	DIV.sous-menu-list {
		width:80px;
		text-align:right;
		margin-left:70px;
		padding-top:5px;
	}
	SPAN.sous-menu A{
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 11px;
		color: #B23803 !important;
		letter-spacing:1px;
	}
	SPAN.sous-menu A:visited{
		color: #B23803 !important;
	}
	
/* FIN Styles pour affichage des sous-menu de la colonne de gauche */

DIV#contenu {
	background-color: #fff;
}

DIV.main {
	min-width: 540px;
	max-width:771px;
	padding-top: 20px !important;
	padding-top: 15px;
	margin-left: 185px;
	padding-bottom: 0px;
	/*border:1px solid black;*/
}


DIV.main-colonne {
	min-width: 540px;
	max-width:771px;
	padding-top: 20px !important;
	padding-top: 15px;
	margin-left: 185px;
	padding-bottom: 0px;
	/*border:1px solid black;*/
}


DIV.main-produits {
	min-width: 550px;
	max-width:771px;
	padding-top: 30px !important;
	padding-top: 33px;
	margin-left: 185px;
	padding-bottom: 0px;
}

DIV.main-idees {
	min-width: 550px;
	max-width:771px;
	padding-top: 20px !important;
	padding-top: 15px;
	margin-left: 185px;
	padding-bottom: 0px;
}

/*Styles spécifiques pour les pages collections*/


DIV.nos-plancher {
	margin-left:30px;
	margin-right:30px !important;
	margin-right:0px;
	overflow:hidden;
	min-width:300px;
	max-width:635px;
	width:expression(document.body.clientWidth < 900? "540px":"635px" );
}


DIV.nos-plancher-stylise {
	margin-left:30px !important;
	margin-left:33px;
	margin-right:30px !important;
	margin-right:0px;
	margin-bottom:0px;
	border-right:1px solid #B2A264;
	background-color:#E2DAC0;
	overflow:hidden;
	min-width:300px;
	max-width:715px;
	width:expression(document.body.clientWidth < 900? "540px":"715px" );
}

DIV.echantillon-plancher-stylise {
	margin-top:-20px !important;
	margin-top:0px !important;
	margin-top:0px;
	margin-left:30px !important;
	margin-left:33px;
	margin-right:30px !important;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:25px;
	border-right:1px solid #B2A264;
	border-left:1px solid #B2A264;
	border-bottom:7px solid #B2A264;
	min-width:300px;
	max-width:715px;
	width:expression(document.body.clientWidth < 900? "539px":"714px" );
}

DIV.hr {
	border-bottom:1px solid gray;
	margin-top:10px;
	margin-bottom:20px;
	
	margin-right:30px !important;
	margin-right:0px;
	min-width:300px;
	max-width:635px;
	width:expression(document.body.clientWidth < 900? "540px":"635px" );
}

DIV.max {
	width:100%;
	height:100%
}

TD.titre-stylise {
	padding-top:5px;
	font-weight:bold;
}

H2.stylise {
	position:relative;
	font-size: 12px;
	font-weight: bold;
	margin-left:30px;
	text-transform: uppercase;
	margin-bottom:0;
	margin-top:20px;
}

/*Fin Styles spécifiques pour les pages collections*/



/*contenu-main : style utilisé pour placer le contenu textuel principal 
lorsque la section "main" est séparée en deux colonnes exemple page entretien avec les compléments à droite */
DIV.contenu-main, DIV.contenu-faq {
	padding-top:0px !important;
	padding-top:18px;
	float:left;
	min-width:30%;
	max-width:59%; /*bug peux pas présentement aller plus large sans que la colonne aille en dessous pour ff*/
	width:expression(document.body.clientWidth < 900? "334px":"495px" );
	/*margin-right:260px;*/
}


DIV.contenu-faq {
	min-width:30%;
	max-width:65%; /*bug peux pas présentement aller plus large sans que la colonne aille en dessous pour ff*/
	width:expression(document.body.clientWidth < 900? "334px":"500px" );
	/*margin-right:260px;*/
}


DIV.main P {
	margin-left:30px;
	margin-right:90px;
	color: #000;
	margin-bottom:20px;
	margin-top:0;
	padding-top:0;
}


	DIV.main P.nomargin {
		position:relative;
		margin-bottom:0;
		padding-bottom:0;
		margin-right:90px;
	}
	
	DIV.main P.right-margin {
		position:relative;
		margin-right:40px;
	}
	
	DIV.contenu-main P {
		margin-right:0;
	}

	H2.TitreVert {
		color : #b3a368;
		margin : 0px;
		font-size : 1.4em;
	}
	
	H2.Titre-Faq {
		margin : 0px;
		font-size : 1.2em;
	}
	
	DIV.main H2 {
		margin-left:30px;
		padding-bottom:0;
		margin-bottom:2px;
		position:relative;
	}
	
	DIV.main TABLE {
		
	}
	
	DIV.main TABLE.mirage-clean {
		margin-left:10px;
	}
	
	DIV.main TABLE.technologie {
		margin-left:0px;
	}
	
	DIV.main TABLE H2 {
		margin-left:0px;
		
	}
	DIV.main DIV.margin {
		margin-left:30px;
	
	}
	/*DIV.margin-essence {
		clear:both;
	
	}*/
	DIV.main DIV.margin P{
		margin-left:0px;
	}
	DIV.main DIV.margin H2{
		margin-left:0px;
	}
	
	
	A {
		
		text-decoration: none;
		color:#B23803;
	}
	
	A:visited {
		text-decoration: none;
		color:#B23803;
	}
	
	A:hover {
		text-decoration: underline;
		color:#B23803;
	}
	
	
	
	/*Tous les liens dans un paragraphe et dans les li sont souligné*/
	P A {
		text-decoration: underline;
		color:#B23803;
	}
	
	P A:visited {
		text-decoration: underline;
		color:#B23803;
	}
	
	P A:hover {
		text-decoration: none;
		color:#B23803;
	}
	
	
HR {
	margin-left:30px;
	margin-right:100px;
	/*width:85%;*/
	color:#cccccc;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	margin-bottom:0;
}
	
SUP {font-size:9px}
P SUP {font-size:6px}
DIV.note {
	margin:0 50px;
}

IMG.left-image {
	float:left;
	margin:0 10px 10px 30px
}

IMG.left-margin {
	float:left;
	margin:0 20px 30px 0px
}

P.decor {
	text-align:right;
	margin:5px 0 30px 0;
}

H1 {
	position:relative;
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 18px;
	color:#3d3c32;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:20px;
}

H2 {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 12px;
	color:#3d3c32;
}

H3 {
	font-size : 12px;
	margin : 0;
	color:#3d3c32;
}

H4 {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	/*background: transparent url('/images/fleche_bullet.gif') no-repeat left 8px;*/
	font-size: 12px;
	color:#B5360B;
	font-weight: bold;
	/*letter-spacing: 0.1em;*/
	padding:15px 1em 0 0;
	margin: 0 0 0 0;
	display:block;
}

H5 {
	font-size : 11px;
	margin : 10px 0 0 25px;
	padding: 0 0 0 0;
	color:#3d3c32;
}

H6 {
	font-size : 11px;
	margin : 0 0 0 25px;
	padding: 0 0 0 0;
	color:#3d3c32;
}





FORM {
	padding: 0px 0 0 0 ;
	margin: 0 0 0 0;
	z-index:0;
}

div.formrecherche {
z-index:0;
}


/*style pour affichage de la page d'accueil*/

DIV#container-accueil {
	FLOAT: none; 
	max-width: 970px;
	/*superbe hack pour simuler le max-width pour ie6*/
	width:expression(document.body.clientWidth < 900? "782px":"970px" );
	/*fin*/
	min-width: 782px !important;
	background-color: #f4f2e9;
	padding-right: 20px
}

DIV.deco {
	background: #F5F2E9 url('../images/bois_triptique.jpg') no-repeat left top;
	margin:0;
	padding: 0;
	max-width:100%;
	clear:both;
}

DIV.flash {
	width:500px;
	background-color:#f5f2e9;
	float:right;
	margin-right:24px;
	z-index:0;
}
DIV#flashobject {
	z-index:0;
}

DIV.info {
	background: #EAE3D1 url('../images/degrade.gif') no-repeat left top;
	padding-top:17px;
	width:258px;
	float:right;
}

DIV.info A {
	color:#B23803;
}

DIV.info A:hover {
	text-decoration:underline;
}

DIV.info DIV.titre {
	background-color:#b3a368;
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	color:#fff;
	font-weight:bold;
	padding:0;
	width:238px;
	margin:0
}

DIV.info P {
	padding:0px 26px;
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 12px;
	color:#6c655b;
}

DIV.info P.link {
	text-align:right;
	padding-bottom:5px !important;
	padding-bottom:0;
	margin-bottom:12px !important;
	margin-bottom:9px;
}

DIV.info P.question {
	padding:0 80px 0 26px;
}

DIV.info DIV.titre SPAN {
	padding:5px 5px !important;
	padding:4px 5px;
	display:block;
}

IMG.weather {
	border-right:3px solid #b3a368;
	position:relative;
	top:-21px !important;
	top:-19px;
	left:-20px;
	float:right;
}

IMG.etapes {
	margin-bottom:15px !important;
	margin-bottom:6px;

}

DIV.promo {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	color:#6c655b;
	padding:15px 15px 19px 15px;
	border-right:1px dotted #d9d2b5;
	border-left:1px dotted #d9d2b5;
	margin-left:10px;
	background-color:#fff;
}

DIV.promo P {
	margin-bottom:0;
	margin-top:4px;
}

DIV.promo SPAN {
	display:block;
	height:30px;
	margin-right:6px;
	float:left;
}

DIV.promo A {
	text-decoration:underline;
	color:#B23803;
	letter-spacing:1px;
}

DIV.promo A:hover {
	text-decoration:none;
}





/*styles pour la section entretien*/

TABLE.mirage-clean {
	border:1px solid #e5e0cc;
	margin-left: 0;
	padding: 0 0 0 0;
}

TD.trousse {
	background-color:#F5F2E9;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

H2.mirage-clean {
	color:#B2A465;
	font-size:18px;
	font-weight:normal;
	margin:10px 60px 5px 100px;
}

FONT.nomargin{
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
}

SPAN.numero {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size:20px;
	color:#B2A465;
	font-weight:bold;
}

H2.jaune {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size:20px;
	color:#B2A465;
	font-weight:bold;
}

ul.jaune {
	list-style-image: url(/images/bullet.gif);
	margin:0px;
	padding-left:15px;
	padding-right:0px;
}
ul.jaune LI{
	list-style-image: url(/images/bullet.gif);
	margin:10px 10px 10px 0;
	padding:0;
}




/* style pour table d'affichage des caractéristique de la section Nos plancher (collection / essence)*/

LI.rien {
	list-style-image: none;
	margin: 0 0 20px 30px;
	padding: 5px 0 5px 0;
	list-style: none none;
}

UL.flecheFaq, LI.flecheFaq {
	list-style-image: url(/images/fleche_bullet.gif);
	margin: 0 0 20px 30px;
	padding: 0 0 0 0;
	padding-left : 0px;
	padding-right : 0px;
}

UL.fleche {
	list-style-image: url(/images/fleche_bullet.gif);
	margin : 0px;
	padding-left : 57px;
	padding-right : 0px;
}

UL.fleche LI {
	list-style-image: url(/images/fleche_bullet.gif);
	margin:10px 40px 20px 3px;
	padding:0px 30px 0px 3px;
}

UL.fleche-nomargin {
	list-style-image: url(/images/fleche_bullet.gif);
	margin : 0px;
	padding-left : 20px;
	padding-right : 20px;
}
UL.fleche-nomargin LI{
	margin:10px 40px 10px 3px;
	padding:0px 30px 0px 3px;
}

/*Section Zoomable  Essence / décor */

.display {
	/*position:relative;*/
	width: 100% !important;
	width: 98.2%;
}

DIV.overflow {
	overflow:hidden;
	max-width:771px;
	width:expression(document.body.clientWidth < 900? "584px":"771px" );
}

DIV.description {
	padding-right:15px;
}

.elegants {background-color: #EC793A;}
.stylises {background-color: #A2D8f5;}
.naturels {background-color: #C2D376;}
.nom-essence {background-color: #e2dac0;}

A.orange:link {
	text-decoration:none;
	margin-top:5px;
	color: #bf6034;
}

A.orange:visited {
	text-decoration:none;
	margin-top:5px;
	color: #bf6034;
}
A.orange:hover {
	text-decoration:underline;
	margin-top:5px;
	color: #bf6034;
}


DIV.zoom {
	vertical-align:top;
	text-align:right;
	padding:15px;
	height:129px;
}

DIV.unzoom {
	position:relative;
	top:-440px;
	padding-right:0px;
	text-align:right;
	margin-top:15px;
	max-width:770px;
	width:expression(document.body.clientWidth < 900? "584px":"770px" );
}

DIV.unzoom IMG{
	margin-right:15px;
}

DIV.viewzoom {
	padding-right:20px;
	position:relative;
}

IMG.img-echantillon {
	min-width:584px;
	max-width:771px;
	width:expression(document.body.clientWidth < 900? "584px":"771px" );
}

DIV#zoom-echantillon,DIV#zoom-decor{
	position:absolute;
	top:201px!important;
	top:203px;
	left:185px !important;
	left:188px;
	min-width:595px;
	max-width:771px;
	z-index:99;
}


H1.nom-essence {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3d3c32;
	text-align: right;
	padding:0 20px;
	margin: 0;
}
H1.nom-essence-stylise {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3d3c32;
	text-align: right;
	/*padding:0 20px;*/
	margin: 0;
	margin-right:170px;
	margin-right:expression(document.body.clientWidth < 900? "170px":"0px" );
}
H1.nom-essence SPAN, H1.nom-essence-stylise SPAN {
	position:relative;
	font-size: 12px;
	font-weight: bold;
	margin-right:0px;
	text-transform: uppercase;
	margin-bottom:0;
	margin-top:20px;
}


H2.caracteristique-essence {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3d3c32;
	padding-bottom:10px;
	margin: 10px 0 0 0;
}

H3.autre-produits{
	position:relative;
	font-size: 16px;
	font-weight: bold;
	color: #3d3c32;
}

DIV.description P {
	margin: 2px 0 10px 0
}

DIV.entete-diponibilite{
padding-bottom:5px;
text-align:right;
}

DIV.disponibilite{
	margin-left:5px !important;
	margin-left:4px ;
	float:left
}

DIV.legende{
	margin-right:0 !important;
	margin-right:5px;
}



/*FIN Section Zoomable  Essence / décor */





/*Tableau des disponibilités*/

TABLE.diponibilite {
	width:100%;
	border-top: 0;
	border-right: 2px solid #cdcdcd;
	border-bottom: 2px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-collapse:collapse;
	margin-bottom:10px;
}

	TABLE.diponibilite TH {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 11px;
		border-top: 0;
		background-color:#f5f2e9;
		font-weight:normal;
		text-align:left;
		padding-left:6px;
	}
	
	SPAN.classic{
		color:#005596;
	}
	
	SPAN.engineered{
		color:#97002d;
	}
	SPAN.lock{
		color:#cbac52;
	}
	
	TABLE.diponibilite TH SPAN.lock{
		color:#cbac52;
	}
	
DIV.box-classic {
	width:10px;
	height:10px;
	float:left;
	background-color:#005596;
	margin:0 4px 0 0 !important;
	margin:0;
	font-size:8px;
	padding:0;
}

DIV.box-engineered {
	width:10px;
	height:10px;
	float:left;
	background-color:#97002d;
	margin:0 4px 0 0 !important;
	margin:0;
	font-size:8px;
	padding:0
}

DIV.box-lock {
	width:10px;
	height:10px;
	float:left;
	background-color:#cbac52;
	margin:0 4px 0 0 !important;
	margin:0;
	font-size:8px;
	padding:0
}

TD.ds {
	width:90px;
	border:1px solid #cdcdcd;
	text-align:center;
	font-size: 10px;
	padding:10px 0 10px 0;
}

DIV.dispo_align {
	margin-left: 16px;
}

DIV.fini {
	width: 225px;
	border-bottom: 1px solid #DDD0A6;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}

DIV.lien_border {
	width: 335px;
	border-top: 1px solid #DDD0A6;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
}
/*Tableau des disponibilités*/




/* mettre div.spacer à la fin du contenu pour assurer un wrap avant le footer*/
div.spacer{
	clear: both;

}

/*style pour affichage en "flow" des thumbnails échantillons (page stylise seulement*/

DIV.echantillon-stylise {
	padding:0px 0 0px 0px;
	margin:0px 0 0px 23px;
}

DIV.echantillon-stylise DIV.sample-item{
	float:left;
	width:171px;
	padding-top:10px;
}

/*style pour affichage en "flow" des thumbnails échantillons*/
DIV.echantillon {
	padding:0px 0 0px 0px;
	margin:0px 0 20px 30px;
}
DIV.echantillon DIV.sample-item{
	float:left;
	width:174px;
	padding-top:10px;
}
DIV.echantillon DIV.sample-herringbone,DIV.echantillon-stylise DIV.sample-herringbone{
	float:left;
	width:137px;
	padding-top:10px;
	text-align:center;
}


DIV.sample-item A {
text-decoration:none
}

DIV.sample-item A:hover {
text-decoration:none
}

DIV.sample-item A:active {
text-decoration:none
}

DIV.sample-item A:visited {
text-decoration:none
}

div.float {
	float: left;
}
/*fin style pour affichage des échantillons de produits*/


/* Fin style pour table d'affichage des produits*/


/* Fin Styles pour l'affichage du tableau des guides et brochures*/


A.pdf:link {
	background-image: url('/images/pdf.gif');
	background-repeat:no-repeat;
	padding-left: 16px;
}

A.pdf:hover {
	background-image: url('/images/pdf.gif');
	background-repeat:no-repeat;
	padding-left: 16px;
}

A.pdf:visited {
	background-image: url('/images/pdf.gif');
	background-repeat:no-repeat;
	padding-left: 16px;
}


/*Styles pour les compléments d'information en bas de page*/
DIV#complements{
	min-width:400px;
	max-width:760px;
	width:expression(document.body.clientWidth < 900? "575px":"770px" );
	clear:both;
	margin-top:50px;
	/*position:relative;*/
}

DIV#complements P,DT,DD{
	color: #656b6d;
	letter-spacing:1px;
	position:relative;
}

DIV#complements DIV.complement-box {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	border-right: 1px dotted #e2dbbe;
	border-left: 1px dotted #e2dbbe;
	padding: 10px 10px 10px 18px;
	min-height: 300px;
	margin: 0 20px 0 0;
	height: 100% !important;
	height: 300px;
	position:relative;
}

DIV.complement-box P {
	margin:0;
	padding:0;
	position:relative;
}

DIV.titre-environnement,DIV.titre-liens{
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	margin:0px 20px 0 0;
	padding:13px 3px 5px 18px ;
	background: #e2dbbe url('/images/coin.jpg') no-repeat left top;
}

.feuille {
	position:relative;
	top:35px !important;
	top:37px !important;
	left:200px;
	z-index:100px;
}

DIV.complement-box A:link {
	color: #B23803;
	text-decoration:underline;
}

DIV.complement-box A:visited {
	color: #B23803;
	text-decoration:underline;
}

DIV.complement-box A:hover {
	color: #B23803;
	text-decoration:none;
}


/*FIN Styles pour les compléments d'information en bas de page*/




/*Styles pour les compléments d'information en colonne à droite*/

DIV#complements-side {
	float:right;
	width:240px !important;
	width:250px;
	margin:0 0 0 0; /*position causée par la feuille*/
	/*margin:-30px 0 0 0;*/
	padding:0;
	z-index:0;
}

DIV#complements-side-essence {
	float:right;
	width:240px;
	margin-top:-30px; /*position causée par la feuille*/
	padding:0;
	z-index:0;
}

DIV#complements-side P,DT,DD {
	color: #656b6d;
	letter-spacing:1px;
	z-index:0;
}

DIV#complements-side DIV.complement-box {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	border-right: 1px dotted #e2dbbe;
	border-left: 1px dotted #e2dbbe;
	padding: 10px 10px 10px 18px;
	min-height: 300px;
	/*max-height: 400px;*/
	margin: 0 20px 0 0;
	height: 100% !important;
	height: 300px;
	z-index:0;
}

DIV#complements-side DIV.complement-box-end {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	border-right: 1px dotted #e2dbbe;
	border-left: 1px dotted #e2dbbe;
	padding: 10px 10px 10px 18px;
	min-height: 300px;
	/*max-height: 400px;*/
	margin: 0 20px 0 0;
	height: 100% !important;
	height: 300px;
	z-index:0;
	border-bottom:1px dotted #e2dbbe;
}

DIV.titre-liens-side {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	margin: 0px 20px 0 0;
	padding: 13px 3px 5px 18px ;
	background: #e2dbbe url('/images/coin_pointille.gif') no-repeat left top;
	z-index: 0;
}

.feuille-side {
	position: relative;
	top:35px !important;
	top:39px ;
	left:200px;
}
.feuille-side2 {
	position: absolute;
	top:-5px;
	left:200px !important;
	left:190px;
}


/*FIN Styles pour les compléments d'information en colonne à droite*/

DIV#footer {

	background-color: #d9d2b5;
	padding: 2px 0 2px 0 ;
	border-bottom:1px solid #c6bdc0;
}

DIV#footer-maestro {
	width: 732px;
	background-color: #d9d2b5;
	height:16px;
	padding: 4px 0 2px 0 ;
	border-bottom:1px solid #c6bdc0;
}

DIV#footer P, DIV#footer-maestro P {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #3d3c32;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

DIV#footer a ,DIV#footer-mastro a {
	color:#3d3c32;
}

DIV#footer P.copyright,DIV#footer-maestro P.copyright {
float:left;
padding-left:40px;
}
DIV#footer P.confidentialite,DIV#footer-maestro P.confidentialite {
float:right;
padding-right:76px;}

/* Style pour le tableau de la dureté des essences */
DIV.boiteDurete {
	border : 1px solid #000;
	padding : 10px;
	text-align : left;
	width : 285px;
	margin : 0 0 0 30px;
}

DIV.boiteDurete H2 {
	padding:0;
	margin:0;
}

SPAN.small {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 10px;
}

DIV.LigneTableauDurete {
	float : right;
	margin : 0 0 0 0;
	padding : 0;
	text-align : right;
}

DIV.LigneTableauTitreCoul {
	margin : 0;
	padding:0;
	background : #B3A368;
	color : #fff;
}

DIV.LigneTableauTitre, DIV.LigneTableauTitreCoul, DIV.LigneTableauTitreF {
	border-top : 1px solid #000;
	border-right : 1px solid #000;
	border-bottom : 0px solid #000;
	text-align : left;
	margin : 0;
	padding : 0;
}

DIV.LigneTableauTitreF {
	margin : 0;
	border-bottom : 1px solid #000;
}

DIV.LigneTableauTitre A:link,DIV.LigneTableauTitreCoul A:link,DIV.LigneTableauTitreF A:link{
	color: #000;
	text-decoration:none;
}

DIV.LigneTableauTitre A:visited,DIV.LigneTableauTitreCoul A:visited,DIV.LigneTableauTitreF A:visited{
	color: #000;
	text-decoration:none;
}

SPAN.LigneTableauNum {
	float : right;
}

DIV.EspaceVide, DIV.EspaceVideF {
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

DIV.EspaceVide {
	border-top: 1px solid #bbb;
	border-bottom: 0px solid #bbb;
}
/* fin pour les liens dans le tableau de dureté*/


/* Images zoomables de la section essence colonne de droite */

#ColDroiteGrA, #ColDroiteGrB, #ColDroiteGrC {
	font-size : 18px;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right : 2px solid #eee;
	border-bottom : 2px solid #eee;
	text-align : right;
	position : absolute;
	font-weight : bold;
	background : #fff;
	display : none;
	padding : 5px;
	z-index : 1000;
}

#ColDroiteA, #ColDroiteB, #ColDroiteC {
	font-weight : bold;
	font-size : 13px;
	text-align : center;
	background : #fff;
	position : relative;
	display : inline;
	float : right;
	padding : 0;
	width : 245px;
}

#ColDroiteA {
	left : 0px;
	top : 30px;
}

#ColDroiteB {
	left : 0px;
	top : 60px;
}

#ColDroiteC {
	left : 0px;
	top : 80px;
}

#ColDroiteImgGRA, #ColDroiteImgGRB, #ColDroiteImgGRC {
	margin : 5px;
	position : absolute;
	top : 0px;
	right : 0px;
	display : inline;
}

#ColDroiteImgA {
	position : absolute;
	top : 0px;
	right : 7px;
	display : inline;
}

#ColDroiteImgB {
	position : absolute;
	top : 1px;
	right : 1px;
	display : inline;
}

#ColDroiteImgC {
	position : absolute;
	top : 40px;
	left : 210px;
	display : inline;
}

#MyImgA {
	margin-left : 10px;
}
#MyImgB {
	margin-left : 15px;
}

#MyImgB {
	margin-left : 0px;
}


/*Styles pour les pages installations*/

/*utile pour créer deux boxes parallèles dans la page.*/
DIV.colonne-bloc{
	width:45%;
	min-width:282px;
	width:expression(document.body.clientWidth < 900? "282px":"350px" );
	float:left;
	padding-bottom:30px;
	/*border:1px solid black*/;
}


/* Styles pour l'affichage du tableau des idées design*/

DIV.guides-idees {
	padding:0;
	margin:0 0 20px 30px;
}

DIV.boite-idees{
	float:left;
	width:240px;
	margin-right:6px;
	padding:0 0 20px 0;
	vertical-text-align:top;
	height:310px;
}

DIV.boite-idees P{
	color:#3C3930;
	margin-right:26px;
}

IMG.idees{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Styles pour l'affichage du tableau des guides et brochures*/

DIV.guides-brochures {
	padding:0;
	margin:0px 0 20px 30px;
}

DIV.boite-brochure {
	float:left;
	width:240px;
	margin-right:6px;
	padding:0;
	/*height:685px;*/

	border-right:1px solid #DBDBBF;
}

DIV.main H2.guides-brochures {
	background-color:#f5f2e9;
	font-weight:bold;
	margin-left:0px;
	padding:2px 0 0 5px;
	margin-bottom:10px;
	width:230px;
	height:20px
}

DIV.ff {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	margin: -15px 0 20px 6px;
}

DIV.main DIV.guides-brochures P {
	margin-left: 8px;
	padding: 0;
	margin-right:0;
}

IMG.left{
	float: left;
	margin: 0 3px 0px 4px
}

DIV.option {
	padding: 0;
	margin: 10px 35px 10px 0;
	line-height: 0.45cm;
}

DIV.option:hover {
	/*background-color: #f5f2e9;*/
}


/*Styles pour formulaires*/

DIV.frmarrow { display:none;}

DIV.question {
	width: 570px;
	clear: both;
	margin-bottom: 7px;
	/*border:1px dotted gray;*/
}

DIV.submit {
	padding-left:200px;
}

DIV.submit INPUT {
	font-family: verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
}

DIV.question LABEL {
	width: 175px;
	vertical-align: top;
	display: block;
	float: left;
	text-align: right;
	padding: 3px 10px 0 0;
	font-family: verdana, geneva, helvetica, sans-serif;
	font-size: 11px;
	
	
	/*border:1px solid black;*/
	
}

DIV.question INPUT {
border:1px solid #DBDBBF;
}

DIV.question SELECT {
margin-right:7px;
border:1px solid #DBDBBF;
}
DIV.question TEXTAREA {
border:1px solid #DBDBBF;
}


span.note {font-size: 10px;font-style: italic;}

span.requis {
	color: #906b3e;
	padding: 0 3px;
	margin-top:3px;
	vertical-align: top;
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size: 20px;
}

.xxxxs {width: 25px}
.xxxs {width: 50px}
.xxs {width: 100px}
.xs {width: 150px}
.s {width: 175px}
.med {width: 200px}
.l {width: 250px}
.xl {width: 300px}
.xxl {width: 350px}
.xxxl {width: 400px}
.xxxxl {width: 450px}
.xxxxxl {width: 500px}


/*FIN Styles pour formulaires*/


/* FIN Styles pour l'affichage du tableau des guides et brochures*/




/* BEGIN STYLE POUR DREAMER */

TD.menuintdreameron {
	/*font-size: 11px;*/
	color: #842A21;
	background-color: #FCFAEB;
	border-bottom: 1px solid #FCFAEB;
	border-right: 1px solid #A79F76;
	border-top: 1px solid #000000;
	padding: 2px 2px 4px 2px;
	text-align: center;
}

TD.menuintdreameroff {
	/*font-size: 11px;*/
	background-color: #C1B98F;
	border-bottom: 1px solid #A79F76;
	border-right: 1px solid #A79F76;
	border-top: 1px solid #000000;
	text-align: center;
	padding: 2px 2px 4px 2px;
}

TD.contenuDreamer {
	background-color: #FCFAEB;
	vertical-align: top;
}

H1.titreDreamer {
	color: #353229;
	/*font-size: 14px;*/
	font-weight : bold;
	margin: 0;
}

H2.titreDreamer {
	color: #353229;
	/*font-size: 13px;*/
	font-weight : bold;
	margin : 0;
}

H3.titreDreamer {
	color: #353229;
	/*font-size: 11px;*/
	font-weight : bold;
	margin : 0;
}

DIV.contenuDreamerBeigePale {
	color: #353229;
	background-color: #FCFAEB;
	padding: 14px 14px 14px 14px;
}

DIV.contenuDreamerBeigeFoncee {
	color: #353229;
	background-color: #F5F2DF;	
	padding: 14px 14px 14px 14px;
}

IMG.dreamerThumb {
	border: 1px solid #353229;	
	margin-right: 5px;
}

TABLE.dreamerThumb {
	float: left;
	width: 234px;
	margin-top: 10px;	
	margin-bottom: 10px;
}

TABLE.dreamerSearchThumb {
	width: 234px;
	margin-left: 10px;
	margin-top: 10px;	
	margin-bottom: 10px;
}

TD.dreamerThumbPic {
	width: 104px;
	font-size: 10px;
}

TD.dreamerThumbLiens {
	width: 130px;
	font-size: 10px;
}

IMG.dreamerGros {
	margin-right: 10px;
	border-color: #353229;
	border-width: 1px 1px 0 0;
	border-style: solid;
	
}

DIV.dreamerGros {
	margin-right: 10px;
	border-color: #353229;
	border-width: 1px 1px 0 0;
	border-style: solid;
}

IFRAME.qtvr360 {
	width: 1px;
	height: 1px;
	margin: 0 0 0 0;
	border: none;
	background-color: #FCFAEB;
	color: #000000;
	font-size: 1px
}

/* END STYLE POUR DREAMER */




DIV.titre-table-technologie{

}


TABLE.technologie {
	width:95%;
	border-top: 0;
	border-right: 2px solid #cdcdcd;
	border-bottom: 2px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-collapse:collapse;
	margin-bottom:10px;
}

	TABLE.technologie TH {
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: 11px;
		border-top: 0;
		background-color:#f5f2e9;
		font-weight:normal;
		text-align:left;
		padding:2px 6px 0 3px;
		vertical-align:top;
	}

TABLE.technologie TR.alternate {
		background-color:#f5f2e9;
}
TD.t {
	vertical-align:top;
	width:80px;
	border:1px solid #cdcdcd;
	font-size: 10px;
	padding:4px 0 0 5px;
}

TD.d {
	/*width:90px;*/
	vertical-align:top;
	border:1px solid #cdcdcd;
	text-align:left;
	font-size: 10px;
	padding:2px 4px 2px 4px;
}
TD.da {
	background-color:#ffffff;
	vertical-align:top;
	border:1px solid #cdcdcd;
	text-align:left;
	font-size: 10px;
	padding:0;
}



DIV.right{
	margin:5px 0 0 209px;
}
IMG.margin-top {
	margin-top:5px;
}
A.underline:link, A.underline:visited {
	text-decoration:underline;
}

DIV.moulure {
	margin: 20px 0 20px 30px;
	width: 100%;
	border-bottom: 1px solid #B3A368;
}



/*Formulaire d'enregistrement de la garantie*/


TABLE.formulaire TD {
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
TABLE.formulaire TD.right {
	text-align:right;
	vertical-text-align:top;
}

TABLE.formulaire INPUT {
	border:1px solid #DBDBBF;
}

TABLE.formulaire SELECT {
	border:1px solid #DBDBBF;
}

TABLE.formulaire TEXTAREA {
	border:1px solid #DBDBBF;
}


H2.form {
	color: #837E61;
	margin-top: 40px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #CCC29E;
}

DIV#sendurlForm {
	position:absolute;
	top:100px;
	left:110px;
	border:30px solid #E1DAC0;
	padding:30px;
	background-color:#FFFFFF;
	width:550px;
	height:390px;
	background-color:#F7F4ED;
	text-align:left;
}

DIV#sendurlForm TABLE.formulaire TD {
	font-size: 11px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}

DIV#sendurlForm TABLE.formulaire INPUT {
	border:1px solid #DBDBBF;
}

DIV#sendurlForm TABLE.formulaire SELECT {
	border:1px solid #DBDBBF;
}

DIV#sendurlForm TABLE.formulaire TEXTAREA {
	border:1px solid #DBDBBF;
}

DIV#sendurlForm TABLE.formulaire TD.dl {
	vertical-align:top;
	text-align:right;
	font-size: 10px;
	padding-top:7px;
	padding-right:5px;
	color:#000;
}
DIV#sendurlForm TABLE.formulaire TD.dt {
	vertical-align:top;
	text-align:left;
	padding-top:7px;
	padding-right:5px;
	color:#000;
}


DIV#sendurlForm H2 {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size:20px;
	color:#B2A465;
	font-weight:bold;
	margin:0;
	padding:0;
}

DIV#sendurlForm H3 {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size:16px;
	color:#B2A465;
	font-weight:bold;
}
	
	
DIV.fermer {
	color:#B5360B;
	position:absolute;
	top:10px;
	right:10px;
}

DIV.sendit {
	position:absolute;
	top:200px;
	right:200px;
	z-index:100;
}

DIV.ErreurValidation{
color : #ff0000;
font-weight : bold;
display : none;
}

/* Plan du site */
DIV.boite-plan{
	float:left;
	width:230px;
	margin-right:10px;
	padding:0;
	height:700px;
	border-right:1px solid #DBDBBF;
	
}

DIV.plan-site
{
	margin: 0 0 10px 45px;
	padding: 0;
	
}

/*style pour faire afficher la boite du glossaire*/

A.glossaire {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
}

A.glossaire:hover{
	z-index:25 ;
	color:#000 ;
	border: 0;
	text-decoration: none;
}

A.glossaire:visited{
	text-decoration: none;
}

A.glossaire SPAN{
	display: none;
}

A.glossaire:hover SPAN { /*ce span apparaît uniquement en :hover*/
	display:block;
	position:absolute;
	top:13px;
	left:-150px;
	width:150px;
	border-top:1px solid #d76640;
	border-left:1px solid #d76640;
	border-bottom:4px solid #d76640;
	border-right:4px solid #d76640;
	background-color:#fff;
	padding:10px 10px 20px 15px;
}
.cssAdobe {
	text-decoration: none;
}
.cssAdobe:hover {
	text-decoration: underline;
}

#caixa_noticia { float:left; width:332px; margin-bottom:10px; }
				#caixa_noticia_peq { float:left; width:332px; }
				#caixa_noticia_peq img { float:left; margin-right:6px; }
				#caixa_noticia_peq { float:left; width:280px; }
				#caixa_noticia_peq_interno { float:left; width:540px; clear:both; }
				#caixa_noticia_peq_interno img{ float:left; margin-right:6px; }
				#caixa_noticia_peq img { float:left; margin-right:6px; }				
				#separador { float:left; background-image:url(../images/separador.gif); height:25px; width:532px;}
				.data { font-size:10px; color:#666666; display:block; }
				
				.titulo_destaque{ font-family:Arial; font-size:14px; color:#ff9900; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px; }

.titulo_destaque_peq{ font-size:11px; color:#ff9900; font-weight:bold; display:block; }

.titulo_destaque_med{ font-size:12px; color:#ff9900; font-weight:bold; display:block; }

.titulo_mural{ font-family:Arial; font-size:12px; color:#ff9900; text-decoration:none; font-weight:bold; }

.titulo_destaque_med_barra{ font-size:12px; color:#ff9900; font-weight:bold; display:block; width:90%; padding-bottom:4px; margin-bottom:4px;  }

.titulo_destaque_cinza{ font-family:Arial; font-size:16px; color:#666666; font-weight:bold; display:block; margin-bottom:10px; }

.borda{ border:2px solid #CCCCCC; cursor:pointer;}
