body {
	margin: 0 auto;
	padding: 0;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.shadow {
	width:100%;
	background-image:url(../images/shadow.png);
	background-position:center;
	background-repeat:repeat-y;
}
.limiter {
	width:644px;
	margin:0 auto;
}
.limiter2 {
	width:400px;
	margin:0 auto;
}
#overhead {
	width:100%;
	height:20px;
	background: url(../images/overhead_backgr.gif);
	background-position:center;
	background-repeat: repeat-y;

}
#head {
	width:100%;
	height:75px;
	background: url(../images/head_backgr.gif);
	background-position:center;
	background-repeat: repeat-y;
}
#logo {
	float:left;
	width:138px;
	height:48px;
	border-bottom:2px solid #fff;
	margin: 10px 0 0 60px;
}
#logo:hover {
	border-bottom:2px solid  #FFCC00;
}
#logoSG {
	float:right;
	width:93px;
	height:31px;
	margin: 6px 30px 16px 0;
}
#headmenuContainer {
	float:right;
	height:22px;
	clear: right;
	background-image: url(../images/headmenu_03.gif);
	background-repeat: repeat-x;
	width: 627px;
	display:none;
}
.headmenuItem {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	float:left;
	height:22px;
	padding: 0 0px 0 4px;
}
.white, .white a, .white a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.white a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.greenText, .greenText a, .greenText a:visited {
	color:#67AB38;
	font-weight:bold;
	text-decoration:none;
}
.greenText a:hover {
	color:#67AB38;
	text-decoration:underline;
}
.headmenuSep {
	float:left;
	height:22px;
}
#search {
	float:right;
	width:189px;
	height:22px;
}
input.Search {
	width: 109px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #333333;
	position: relative;
	float:left;
	background:url(../images/searchBg.png) no-repeat right;
	border: none;
}
.searchBut {
	float:right;
	position:relative;
	cursor:pointer;
	cursor:haned;
	width:17px;
	height:17px;
	background-image:url(../images/searchButton.png);
	background-repeat:no-repeat;
	margin-top:4px;
	margin-right:5px;
}
#subhead {
	width:100%;
	background-position:center top;
	background-repeat:repeat-x;
}
#subhead.home {
background-image: url(../images/head_home_backgr.gif);
}
#subhead.intBig {
	background-image: url(../images/head_int_backgr.gif);
}
#subhead.intSmall {
	background-image: url(../images/head_int_small_backgr.gif);
}
#content {
	width:984px;
	background-position:center top;
	background-repeat: no-repeat;
}
#content.home {
	background-image: url(../images/homepic.jpg);
	
}
#footer {
	height:20px;
	background-image:url(../images/footer_backgr.gif);
	background-repeat:repeat-x;
	padding: 5px;
}
#footer a,  #footer a:visited, #footer a:active {
color:#333333;
text-decoration:none;
}
#footer a:hover {
	color:#333333;
	text-decoration:underline;
}
#leftcol {
	float:left;
	display:none;
}
#leftcol.home {
	width:320px;
	display:none;
	
}
#leftcol.intBig, #leftcol.intSmall {
	width:260px;
	display:none;
}
#nav-list {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	display:none;
}
.home #nav-list {
	padding:30px 0 0 15px;
	width: 275px;
	height:230px;
}
.intBig #nav-list, .intSmall #nav-list {
	padding:30px 0 0 18px;
	width: 230px;
	height:auto;
}

#nav-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav-list li {
	margin: 0;
	padding: 0;
	background: url(../images/pointille_gris.png) repeat-x left bottom;
	color: #FFDD00;
	font-size: 13px;
}
#nav-list a:link, #nav-list a:visited {
	background: url(../images/puce_jaune.png) no-repeat left 0.65em;
	color: #333333;
}
#nav-list a:link, #nav-list a:visited {
	font-weight: bold;
	display: block;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	background: url(../images/puce_jaune.png) no-repeat left 0.65em;
}
#nav-list a:hover span, #nav-list a:focus span {
	text-decoration: underline;
}
/* NIVEAU 2 (déroulé) */
#nav-list li.current {
	margin-left: -7px;
	padding-top: 4px;
	background: url(../images/bg_sousnav.png) no-repeat left top;
}
#nav-list ul ul {
	margin: 0;
	padding: 14px 0 0 0;
	height: 100%;
/* Corrige le whitespace bug d'IE*/
	background: url(../images/bg_sousnav.png) repeat-y -236px top;
}
#nav-list ul ul ul{
	margin: 0;
	padding:  5px 0 14px 0 ;
	height: 100%;
	background : none;
}
#nav-list .current li {
	background: none;
}
#nav-list .current .last {
	padding-bottom: 16px;
	background: url(../images/bg_sousnav.png) no-repeat right bottom;
}
#nav-list .current div.last {
	height: 10px;
	padding-bottom: 0;
}
/* NIVEAU 2 - liens */
#nav-list .current a:link, #nav-list .current a:visited {
	height: 100%;
/* Corrige le whitespace bug d'IE (qui affiche les espaces et retours à la ligne entre les balises) */
	padding-left: 25px;
	background-position: 8px 0.65em;
	text-decoration: underline;
}
#nav-list .current li a:link, #nav-list .current li a:visited {
	background: url(../images/puce_jaune_carre.png) no-repeat 8px 8px;
	padding: 0;
	margin: 0 8px 0 12px;
	text-decoration: none;
}
#nav-list .current li li {
	background: url(../images/pointille_gris.png) repeat-x left bottom;
	margin: 0px 15px 0px 18px;
	padding : 5px 0;
	line-height:13px;
}

#nav-list .current li li a:link, #nav-list .current li li a:visited {
	background: none;
	padding: 0;
	font-size : 11px;	
	margin: 0px 0px 0px 15px;
	text-decoration: none;
}
#nav-list .current li li a.actif:link, #nav-list .current li li a.actif:visited {
	background : url(../images/fleche_jaune.gif) no-repeat 0px 1px;
	padding-left : 15px;
}
#nav-list .current li a:link span, #nav-list .current li a:visited span {
	display: block;
	padding: 2px 8px 4px 20px;
	background: url(../images/puce_jaune_carre.png) no-repeat 8px 8px;
}
#nav-list .current li a.current,#nav-list .current li a.current:link,#nav-list .current li a.current:visited, #nav-list .current li a:hover, #nav-list .current li a:focus {
	text-decoration: none;
	background: url(../images/bg_sousnav2_current.png) no-repeat left top;
}
#nav-list .current li a.current,#nav-list .current li a.current:link,#nav-list .current li a.current:visited, #nav-list .current li a:hover, #nav-list .current li a:focus {
	text-decoration: none;
	background: url(../images/bg_sousnav2_current.png) no-repeat left top;
}
#nav-list .current li a.current span,#nav-list .current li a.current:link span,#nav-list .current li a.current:visited span, #nav-list .current li a:hover span, #nav-list .current li a:focus span {
	background: url(../images/bg_sousnav2_current.png) no-repeat right bottom;
}
#sideBar {
	width:247px;
	height:285px;
	float: left;
	background-repeat:no-repeat;
	background-position:left top;
	margin: 20px 0 10px 0;
}
#rightcol {
	float:left;
	width:660px;
}
.home #rightcol {
	width:660px;
}
.intBig #rightcol, .intSmall #rightcol {
	width:715px;
}
#headTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align: right;
	font-size: 20px;
}
.home #headTitle {
	margin:180px 10px 0 360px;
	height: 80px;
}
.intBig #headTitle {
	margin:94px 10px 0 360px;
	height: 80px;
}
.intSmall #headTitle {
	margin:20px 10px 0 360px;
	height: 75px;
}
#hornav {
	background:#E8E8E8;
	height:15px;
    margin-top:10px;
	margin-bottom:10px;
}
.intSmall #hornav {
        margin-top: 5px;
}
#hornav a.first {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/bg_first_breadcrumb.gif) no-repeat scroll left top;
	padding-left:17px;
}
#hornav a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/bg_link_breadcrumb.gif) no-repeat scroll left top;
	padding-left:28px;
}
#hornav span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/bg_last_breadcrumb.gif) no-repeat scroll left top;
	padding-left:28px;
}
.fpContainer {
	margin:20px 5px 5px 15px;
	border-right:1px solid #CCCCCC;
	float: left;
	width: 290px;
	padding-right: 10px;
}
.fpContainerTitle {
	background-image:url(../images/bg_title_home.gif);
	background-repeat:repeat-x;
	height:16px;
	background-color:#ffd76c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	padding:4px;
	font-weight: bold;
}
.fpNewsTitle, .fpNewsTitle a, .fpNewsTitle a:visited {
	margin:5px 0 5px 0;
	font-size:14px;
	font-weight:bold;
	color:#5DA643;
	text-decoration:none;
}
.fpNewsTitle a:hover {
	color:#5DA643;
	text-decoration:underline;
}
.plusactu {
	background : url(../images/bg_actualite_left_home.gif) no-repeat left top;
	display:block;
	margin:10px 0 10px 10px;
	padding-left : 20px;
}
.plusactu a, .plusactu a:link, .plusactu a:visited {
	background : #FFD017 url(../images/bg_actualite_right_home.gif) no-repeat right top;
	color : #000000 !important;
	display : inline-block;
	height : 17px;
	padding : 2px 20px 2px 5px;
}
.plusactu a:hover {
	height : 17px;
	color : #000000;
}

#promote {
	width: 270px;
	padding: 8px 8px 26px 8px;
	margin: 10px 0 18px 0px;
	background-repeat: no-repeat;
	background-position:right bottom;
	
}
#promote.yellow{
	background-image: url(../images/bg_encart_jaune.png);
}
#promote.gray{
	background-image: url(../images/bg_encart_gris.png);
}
#promote.green{
	background-image: url(../images/bg_encart_verte.png);
	font-weight:normal !important;
}
.separator {
	height:1px;
	background:#FFCC00;
	width:99%;
	margin:8px 0 12px 0;
	clear:both;
}
#textContainer {
	width:690px;
	padding: 6px;
	
}
#divTitle {
	width: 670px;
	height: 30px;
	background-image: url(../images/bg_h3_page_contenu.gif);
	background-repeat: no-repeat;
	color: #285122;
	padding: 14px 0 0 20px;
	font-weight: bold;
	text-transform: uppercase;
}
#divDescr {
	width: 660px;
	background-image: url(../images/bg_header_page_contenu.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	padding: 0 15px 10px 15px;
	color: #285122;
	margin-bottom: 20px;
}
.modul {
	width:auto;
}
.modulTitle {
	margin:10px 0 10px 0;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}
.download {
	background-color:#67AB38;
	background-image:url(../images/puce_telecharger.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding: 4px 3px 0 20px;
	margin: 5px 0 5px 0;
	width: 95%;
	display: block;
}
.download a, .download a:visited  {
	color:#FFFFFF !important;
	text-decoration:none;
}
.bt_retour {
	text-align: center;
	margin: 0 auto;
	margin-top:10px;
	padding : 0 10px;
	margin-bottom: 10px;
}
.bt_retour a, .bt_retour a:link, .bt_retour a :visited {
	background:transparent url(../images/bt_retour_n3.jpg) no-repeat;
	color:#6B6B6B;
	height:24px;
	padding: 4px 35px 8px 40px;
}
.bt_retour a:hover {
	background: transparent url(../images/bt_retour_n3_hover.jpg) no-repeat;
	color: #408321;
	text-decoration: none !important;
}

/*Pagination styles */
.tnt_pagination {
	text-align:right;
	height:17px;
	line-height:15px;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position: relative;
	margin-top: 8px;
}
.tnt_pagination a:link, .tnt_pagination a:visited{
	padding:4px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:5px;
	text-decoration:none;
	color:#67AB38;
	width:16px;
	font-weight:bold;
}

.tnt_pagination a:hover {
	color:#67AB38;
	text-decoration: underline;
}

.tnt_pagination .active_tnt_link {
	padding:4px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:5px;
	text-decoration:none;
	color:#CCCCCC;
	font: normal 12px Arial, Helvetica, sans-serif !important;
	cursor:default;
}

.tnt_pagination .disabled_tnt_pagination {
	padding:4px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:5px;
	text-decoration:none;
	color:#D7D7D7;
	cursor:default;
}
.class-colonne {
	background: #FFFCD3 url(../images/bg_colonne.jpg) no-repeat top left;
	margin-bottom: 10px;
	text-align: left;
}
.class-colonne p {
	padding: 10px 0;
	margin: 0;
}
.colonne-inner {
	padding:0 0 10px 0;
}
.colonne-inner ul {
	padding:0;
	margin-left:15px;
}
.colonne-inner li {
	list-style-image:none;
	list-style-type:square;
	list
	padding:4px 0;
}
.colonne-inner > div.text {
	margin: 0 10px 0 10px;
}
.colonne-inner.yellow {
	background: url(../images/bg_colonne_bottom.jpg) no-repeat bottom left;
}
.colonne-inner.yellow > div.modulTitle {
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	border-bottom:1px solid #FFFFFF;
}
.colonne-inner.green {
	background: url(../images/complement_droit_vert.jpg) no-repeat bottom left;
}
.colonne-inner.green > div.modulTitle {
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/complement_droit_vert_top.jpg) no-repeat top left;
}
.colonne-inner.gray {
	background: url(../images/complement_droit_gris.jpg) no-repeat bottom left;
}
.colonne-inner.gray > div.modulTitle {
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	background:url(../images/complement_droit_gris_top.jpg) no-repeat top left;
}

.accentContainer {
	width:328px;
	float:left;
	margin:0 17px 20px 0;
	background-image:url(../images/bg_article_up_n2.jpg);
	background-repeat:no-repeat;
}
.accentTitle {
	margin:10px 10px 0px 8px;
	width:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#67AB38;
	font-weight: bold;
	border-bottom: 2px dotted #999999;
	padding: 0 0 5px 30px;
	text-align:left !important;
}
.accentTitle a, .accentTitle a:visited {
	color:#67AB38;
	text-decoration:none;
	}
.accentTitle a:hover {
	color:#67AB38;
	text-decoration: underline;
	}
.accent {
	padding:10px 10px 0 8px;
	width:310px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background-image: url(../images/bg_article_middle_n2.jpg);
}
.accentBottom {
	background-image:url(../images/bg_article_bottom_n2.jpg);
	width:300px;
	background-repeat:no-repeat;
	height:19px;
	text-align:right;
	padding:4px 28px 0 0;
}
.accentBottom a, .accentBottom a:visited {
	font-size:11px;
	color:#67AB38;
	text-decoration:none;
	}
.accentBottom a:hover {
	color:#67AB38;
	text-decoration: underline;
	}
.solutionContainer {
	font-size:13px;
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	}
	
/* sol Containers Color */
div.solutionContainer.purple {
	background-color:#6F6AA2;
	background-image:url(../images/bg_th_bardages.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.purple span {
	background-color:#666699;
	background-image:url(../images/bg_span_bardages.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.purple, .solution .row1.recommande.purple {
  	background-image:url(../images/fleche_bardage.png);
}
div.solutionContainer.red {
	background-color:#C3371E;
	background-image:url(../images/bg_th_toiture_seche.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.red span {
	background-color:#C3371E;
	background-image:url(../images/bg_h2_toitures_seches.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.red, .solution .row1.recommande.red {
  	background-image:url(../images/fleche_toitures-seche.png);
}

div.solutionContainer.bleu {
	background-color:#6F9BCF;
	background-image:url(../images/bg_th_sols_et_planchers.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.bleu span {
	background-color:#6F9BCF;
	background-image:url(../images/bg_liste_solution_title_2.gif);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.bleu, .solution .row1.recommande.bleu {
  	background-image:url(../images/fleche_sols.png);
}

div.solutionContainer.orange {
	background-color:#DE761D;
	background-image:url(../images/bg_th_murs.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.orange span {
	background-color:#DE761D;
	background-image:url(../images/bg_liste_solution_title_2.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.orange, .solution .row1.recommande.orange {
  	background-image:url(../images/fleche_murs.png);
}
div.solutionContainer.green {
	background-color:#5EA643;
	background-image:url(../images/bg_th_toiture_etanchee.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.green span {
	background-color:#5EA643;
	background-image:url(../images/bg_span_etanchee_sur_maconnerie.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.green, .solution .row1.recommande.green {
  	background-image:url(../images/fleche_toitures-etanchees-maconnerie.png);
}

div.solutionContainer.ocher {
	background-color:#CCC00F;
	background-image:url(../images/bg_th_comble_plafond.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.ocher span {
	background-color:#CCC00F;
	background-image:url(../images/bg_span_comble.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.ocher, .solution .row1.recommande.ocher {
  	background-image:url(../images/fleche_combles.png);
}

div.solutionContainer.tile {
	background-color:#B9584C;
	background-image:url(../images/bg_th_toiture_etanchee_acier.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.tile span {
	background-color:#B9584C;
	background-image:url(../images/bg_h2_bac_acier.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.tile, .solution .row1.recommande.tile {
  	background-image:url(../images/fleche_toitures-etanchees-acier.png);
}
div.solutionContainer.grey {
	background-color:#939393;
	background-image:url(../images/bg_categorie_doc.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
	border-top: 6px #FFDD00 solid;
}
.solutionContainer.grey span {
	background-color:#939393;
	background-image:url(../images/onglet_categorie_doc.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.solution .row0.recommande.grey, .solution .row1.recommande.grey {
  	background-image:none;
}
div.solutionContainer.yellow {
	background-color:#FFDD00;
	background-image:url(../images/bg_th_docs.jpg);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.solutionContainer.yellow span {
	background-color:#FFDD00;
	background-image:url(../images/bg_h2_docs.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
	color: #000000;
}
.solution .row0.recommande.yellow, .solution .row1.recommande.yellow {
  	background-image:none;
}
/* sol Containers Color  ENDS*/
.solutionContainer span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display:inline-block;
	padding:5px 30px 6px 10px;
	width:500px;
}
#prodCat tr.a td {
	border-bottom: 1px dotted #acacac;
	
}
.solution td {
	height: 48px;
	border-bottom: 1px dotted #acacac;
	
}
#prodCat tr.a td {
	border-bottom: 1px dotted #acacac;
	
}
.solution .row1 {
  padding-right:5px;
  background-color: #f5f5f5;
}
.solution .row0 {
	background-color: #fff;
}
.solution .nom_document{
  width:480px;
  padding-right:20px;
  font-weight:bold;

}
.solution .recommande{
  width:50px;
}
.solution .row0.recommande, .solution .row1.recommande {
	background-repeat:no-repeat;
	background-position:45px 20px;
}
.solution .reference{
  width:90px;
}
.solution tr{
	vertical-align:middle;
	width:708px;
}
.solution th, .solution td {
	border-top: 1px dotted #acacac;
	padding: 6px 10px;
}
.solution th {
	background: url(../images/bg_liste_solution_subtitle_1.jpg) repeat-x scroll 0 0;
}
#standalone {
	width:964px;
	background-position:center top;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	}
#standaloneHead {
	margin:0 auto;
	width:100%;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding: 20px 0 10px 0;
}
/* Standalone windows styles begins */

#standaloneHead.purple, .purple#standalone  tbody  tr.a {
	background-color:#736EA5;
	background-image:url(../images/popup_bg_bardages.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#standaloneHead.red, .red#standalone  tbody  tr.a {
	background-color:#C5361C;
	background-image:url(../images/popup_bg_toitures_seches.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#standaloneHead.bleu, .bleu#standalone  tbody  tr.a {
	background-color:#5489C5;
	background-image:url(../images/popup_bg_sols.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#standaloneHead.orange, .orange#standalone  tbody  tr.a {
	background-color:#DD751C;
	background-image:url(../images/popup_bg_murs.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#standaloneHead.green, .green#standalone  tbody  tr.a {
	background-color:#8AB77A;
	background-image:url(../images/popup_bg_toitures_maconnerie.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#standaloneHead.ocher, .ocher#standalone  tbody  tr.a {
	background-color:#D2CE26;
	background-image:url(../images/popup_bg_combles.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#standaloneHead.tile, .tile#standalone  tbody  tr.a {
	background-color:#B9584C;
	background-image:url(../images/popup_bg_toitures_bacs.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#standaloneHead.product {
	background-color:#BD8E02;
	background-image:url(../images/fp_titre_bg.jpg);
	background-repeat:repeat-x;
}

.standaloneBlackBut {
	display:block;
	background-image:url(../images/bg_bt_fermer.png);
	background-repeat:no-repeat;
	width:80px;
	height:14px;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	margin:0 10px 0 10px;
}
.standaloneBlackBut a, .standaloneBlackBut a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.standaloneBlackBut a:hover {
	text-decoration:underline;
	color:#00CC00;
}
#standalonePic {
	float:right;
	width:460px;
	margin:10px 10px 0 20px;
	text-align: center;
}
.standaloneLogo {
	float:left;
	padding:12px;
}
.standaloneProdTitle {
	font-size:18px;
	font-weight:bold;
	display:block;
}
.standaloneProdSubtitle {
	font-size:15px;
	font-weight:bold;
	height:19px;
	background-repeat:no-repeat;
	background-position:left;
	display: inline-block;
	margin:5px 0 5px -20px;
	padding: 2px 0 0 30px;
}

/* Standalone pages colors */
.purple .standaloneProdSubtitle  {
	color:#FFFFFF !important;
	background-color:#736EA5;
	width:430px;
	background-image:url(../images/fs_titre_bardages.gif);
}
.purple#standalone li  {
	list-style-image:url(../images/fleche_bardage.png);
	font-weight:normal !important;
}

.red .standaloneProdSubtitle  {
	color:#FFFFFF !important;
	background-color:#C6361C;
	width:430px;
	background-image:url(../images/fs_titre_toitures_seches.gif);
}
.red#standalone li  {
	list-style-image:url(../images/fleche_toitures-seche.png);
	font-weight:normal !important;
}

.green .standaloneProdSubtitle  {
	color:#FFFFFF !important;
	background-color:#8AB77A;
	width:430px;
	background-image:url(../images/fs_titre_toitures_maconnerie.gif);
}
.green#standalone li  {
	list-style-image:url(../images/fleche_toitures-etanchees-maconnerie.png);
	font-weight:normal !important;
}

.ocher .standaloneProdSubtitle  {
	color:#FFFFFF !important;
	background-color:#D2CE26;
	width:430px;
	background-image:url(../images/fs_titre_combles.gif);
}
.ocher#standalone li  {
	list-style-image:url(../images/fleche_combles.png);
	font-weight:normal !important;
}

.bleu .standaloneProdSubtitle  {
	color:#FFFFFF !important;
	background-color:#558BC8;
	width:430px;
	background-image:url(../images/fs_titre_sols.gif);
}
.bleu#standalone li  {
	list-style-image:url(../images/fleche_sols.png);
	font-weight:normal !important;
}

.orange .standaloneProdSubtitle  {
	color:#FFFFFF !important;
	background-color:#DE761C;
	width:430px;
	background-image:url(../images/fs_titre_murs.gif);
}
.orange#standalone li  {
	list-style-image:url(../images/fleche_murs.png);
	font-weight:normal !important;
}

.tile .standaloneProdSubtitle  {
	color:#FFFFFF !important;
	background-color:#B9584C;
	width:430px;
	background-image:url(../images/fs_titre_cloison.gif);
}
.tile#standalone li  {
	list-style-image:url(../images/fleche_calorifuge.png);
	font-weight:normal !important;
}

.product .standaloneProdSubtitle  {
	background-color:#FDBF01;
	width:95%;
	background-image:url(../images/fp_bande_rubr_gauche.gif);
	color:#333333 !important;
}
#standalone ul {
	margin-left:25px;
	padding:10px 0 0;
}

.product#standalone li  {
	list-style-image:url(../images/fp_puce_liste.gif);
}
.purple  li  {
	list-style-image:url(../images/fleche_bardage.png) !important;
	font-weight:bold;
}
.red  li  {
	list-style-image:url(../images/fleche_toitures-seche.png) !important;
	font-weight:bold;
}	
#standalone tbody {
	font-size:11px;
}
#standalone  tbody  tr.a {
	color:#FFFFFF;
	font-weight:bold;
}
.product#standalone  tbody  tr.a {
	background:transparent url(../images/fp_titre_bg.jpg) repeat-x scroll left bottom;
}
#standalone tbody tr {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/pointille_gris.png) repeat-x scroll left top;
}
#standalone tbody td {
	padding:5px;
}
#standalone tbody tr:hover {
	background-color:#F5F5F5;
}
#standalone tbody tr.b {
	background-color:#F5F5F5;
}
.standaloneProdSmallTitle {
	font-size:14px;
	font-weight:bold;
	color: #333333;
}
.searchNav {
	margin-left:15px;
	font-size:11px;
}
#plandesite {
	font-family:Arial, Helvetica, sans-serif;

}
#plandesite a, #plandesite a:visited {
text-decoration: none !important;}
#plandesite ul {
    list-style: none;
	background-image:none !important;
}
/*#plandesite ul.niv1 {
    margin-top: 30px;
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}
*/
#plandesite li.niv1 {
    margin: 0;
    padding: 14px 5px 0 0;
    height: 100%;
/* Corrige le whitespace bug d'IE*/
    list-style: none;
}
#plandesite li.niv1 span, #plandesite li.niv1 a span, #plandesite li.niv1 a:visited span {
    color: #000;
    font-size: 18px;
    padding-left: 15px;
    background: url(../images/puce_jaune.png) no-repeat left;
}
#plandesite li.niv2 span, #plandesite li.niv2 a span, #plandesite li.niv2 a:visited span {
    color: #000;
    font-size: 12px;
    background: url(../images/puce_jaune_carre.png) no-repeat left !important;
    padding-bottom: 5px;
	font-weight:bold;
}
#plandesite .niv2 strong{
    color: #000;
    font-size: 12px;
    padding-bottom: 5px;
}
#plandesite li.niv3,#plandesite li.niv3 a,#plandesite li.niv3 a:visited {
    color: #000;
    font-size: 11px;
    padding-bottom: 5px;
}
#plandesite li.moduleJ a, #plandesite li.moduleJ a:visited, #plandesite li.moduleP a, #plandesite li.moduleP a:visited, #plandesite li.moduleN a, #plandesite li.moduleN a:visited, #plandesite li.moduleD a, #plandesite li.moduleD a:visited, #plandesite li.moduleF a, #plandesite li.moduleF a:visited, #plandesite li.moduleQ a, #plandesite li.moduleQ a:visited {
    color: #666;
    font-size: 10px;
    background: url(../images/document.png) no-repeat left bottom;
    padding-left: 14px;
}
#plandesite li.article {
    list-style: none;
}
.formaWrapper {
	width: 350px;
	float: left;
	border: 0px solid black;
}
	
.formaWrapper input.form {
	width: 350px;
	border: 1px solid #DBDBDB;
	margin: 0 0 6px 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #666666;
	background-color: #F6F6F6;
	}
	
.formaWrapper textarea.form {
	width: 350px;
	height: 130px;
	border: 1px solid #DBDBDB;
	margin: 0 0 10px 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #F6F6F6;
	}
.distrib {
	width:180px;
	padding:3px 3px 3px 20px;
	border:1px dotted #999999;
	margin:3px;
	float:left;
	background-image:url(../images/fp_puce_liste.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
	font-weight: bold;
}
/* text styles begins */
.w_osn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align: justify;
}
.w_osn a, .w_osn a:visited {
	color:#67AB38;
	text-decoration: none;
}
.w_osn a:hover {
	color:#67AB38;
	text-decoration: underline;
}
.w_black, .w_black a, .w_black a:visited {
	color:#333333;
	text-decoration:none;
}
.w_black a:hover {
	color:#333333;
	text-decoration: underline;
}

div.highslide-gallery
{

   margin-top: 15px;
}
#standalonePic div.highslide-gallery
{
    width: 460px;
}
.formaWrapper {
	width: 280px;
	float: right;
	border: 0px solid black;
}
	
.formaWrapper input.form, .formaWrapper select.form {
	width: 280px;
	border: 1px solid #DBDBDB;
	margin: 0 0 6px 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #666666;
	background-color: #F6F6F6;
	}
	
.formaWrapper textarea.form {
	width: 280px;
	height: 130px;
	border: 1px solid #DBDBDB;
	margin: 0 0 10px 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #F6F6F6;
	}
#contactsWraper {
	width:350px;
	float:left;
}
.contacts {
	width: 350px;
	margin-bottom: 15px;
	float:left;
}
.modul .produits ul {
	margin:0;
	padding:0;
	list-style:none;
}
.modul .produits li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	text-align: left;
	position: relative;
	padding: 0 3px 3px 0;
	margin: 0 8px 8px 10px;
	width: 320px;
	height: 65px;
	background: url(../images/bg_encart_produits.png) no-repeat left bottom;
}
.produits .fleche {
	position: absolute;
	right: 12px;
	top: 6px;
	height: 9px;
	width: 9px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.produits .text {
	height: 57px;
	margin: 0 20px -2px 175px;
/* margin-bottom: -2px ne sert qu'à IE6 */
	padding-top: 10px;
	display: block;
	cursor: pointer;
}
.produits img {
	border: 4px solid #D2CE26;
	position: absolute;
	left: 0;
	top: 0;
}
.produits .ocher img {
	border-color: #ccc00f;
}
.produits .orange img {
	border-color: #DE761C;
}
.produits .tile img {
	border-color: #B55A4A;
}
.produits .bleu img {
	border-color: #558bc8;
}
.equipements img {
	border-color: #e5a712;
}
.produits .purple img {
	border-color: #736ea5;
}
.produits .red img {
	border-color: #c6361c;
}

.produits .green img {
	border-color: #8ab77a;
}

modul .produits .corner {
	right: 3px;
}
modul .produits a:link, modul .produits a:visited {
	color: #1a171b;
	display: block;
	font-weight:lighter;
	font-size:14px;
	text-decoration: none;
}
.produits a:hover img, .produits a:focus img {
	border: 4px solid #fff;
}
.produits a:hover .fleche, .produits a:focus .fleche {
	background-image: url(../images/readmore_blanc.png);
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #EEEEEE;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */

}
/*---------------------------------------------------------------------------------------PAGE CONTENU 2 - FRISE ---------------------------------------------------------------------------------------------------------*/
#content #nav_folder2 {
	background: #e5e5e5 url(../images/bg_gabarit_2.jpg) repeat-x;
	width: 100%;
	height: 72px;
}
#content #nav_folder2 ul {
	padding-left : 20px;
	margin : 0;
}
#content #nav_folder2 li {
	display: block;
	float : left;
	font-size : 11px;
	text-align : center;
	padding : 0;
	margin : 0;
	margin-right : -20px;
}
#content #nav_folder2 li a{
	color : #757575;
	display: block;
	width: 128px;
	height: 72px;
	line-height : 11px;
	position : relative;
	background: transparent url("../images/fleche_nav2_inactive.gif") no-repeat 0 4px;
}
#content #nav_folder2 li a:hover,#content #nav_folder2 li.current a{
	color : #67AB38;
	text-decoration : none;
	background: transparent url("../images/fleche_nav2_active.gif") no-repeat 0 4px;
}
#content #nav_folder2 li.current a span.numero,#content #nav_folder2 li a:hover span.numero {
	color : #67AB38;
}
#content #nav_folder2 li a span.texte{
	width: 100px;
	position : absolute;
	top : 48px;
	left : 15px;
}
#content #nav_folder2 li a span.numero{
	position : absolute;
	font-family : verdana,arial;
	font-size : 14px;
	color : #BDBDBD;
	padding : 0;
	margin : 0;
	top : 18px;
	left : 58px;
}