/* mac hide \*/
html, body {height:100%}
/* end hide*/
body {
	padding:0 5px;
	margin:0;
	background:#fff;
	/*min-width:600px;*/
}

a:link, a:visited 
{
text-decoration:none;
color:#8b8a8a;
}

a:hover
{
color:#000;
}

#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:200px;
	background:#FFF;
	margin-bottom:-42px;
}
* html #outer{height:100%;margin-left:197px}/* ie 3 pixel jog*/ 

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:97px;
	background:#FFF;
	overflow:hidden;
}

* html #header {left:4px;}

#left {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:left;
	margin-left:-199px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:99px;/*needed to make room for header*/
	left:-1px/* line things up exactly*/
}


/* * html #left {margin-right:-3px} */      /* three pixel jog*/
/* #left # p{padding-left:3px;padding-right:2px}
*/

#footer {
	width:100%;
	clear:both;
	height:40px;
	background-color: #FFF;
	text-align:left;
	position:relative;
}
* html #footer {/*only ie gets this style*/
	\height:42px;/* for ie5 */
	he\ight:40px;/* for ie6 */
}
#clearheader{height:99px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */


/* ////////////////////////////// */


.header-text
{
clear:left;
float:right;
display:inline;
padding: 20px 20px 5px 5px;
}

#header-dot
{
height:31px;
/*border-right:5px solid #FFF;
border-left:5px solid #FFF; */
background:#FFF url(images/header_dot.gif) repeat-x bottom; /* sj */

}

img {border:0}


#colonne_de_gauche
{
float:left;
display:block;
padding-top:5px;
}

#navcontainer
{
border-bottom: 1px solid #999;
}
 
 #navcontainer ul
{
width: 168px;
\width: 170px;
w\idth: 168px;
margin: 0;
padding: 0;
}

#navcontainer li { margin: 0 0 0px 0; }

#navcontainer a
{
display: block;
padding: 5px 20px 5px 5px;
border: 1px solid #999;
border-bottom:0px;
width: 168px;
\width: 170px;
w\idth: 168px;
background: #fff url(images/menu_img_off.gif) no-repeat center right; 
}

#navcontainer a:link, #navlist a:visited
{
color: #8b8a8a;
text-decoration: none;
border-top: 1px solid #999;

}

#navcontainer a:hover
{

border-top: 1px solid #999;
background: #e3e3e3 url(images/menu_img_on2.gif) no-repeat center right;
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{

background-color: #e3e3e3;
background:  #e3e3e3 url(images/menu_img_on2.gif) no-repeat center right;
color: #333;
}
.teaser a
{
display: block;
padding: 5px 20px 5px 5px;
border: 1px solid #999;
width: 168px;
\width: 170px;
w\idth: 168px;
background: #fff url(images/menu_img_off.gif) no-repeat center right;
text-decoration:none;
}

.teaser a:hover {background:  url(images/menu_img_on.gif) no-repeat center right; }

.teaser_active a
{
display: block;
padding: 5px 20px 5px 5px;
border: 1px solid #999;
width: 168px;
\width: 170px;
w\idth: 168px;
background: #fff url(images/menu_img_on.gif) no-repeat center right;
text-decoration:none;
}

.teaser .teaser-titre, .teaser_active .teaser-titre
{
color:#999;
font-weight:bold;
margin-top:.5em;
display:block;
}
.teaser p , .teaser_active p
{
text-decoration:none;
color:#000;
}


#image_titre
{
width:100%;
border-left:0;
}

#centrecontent
{
padding-top:5px;
min-width:400px;
}

* html #centrecontent  /* Utilisé pour les 4 pages du catalogue pour régler l'output dans explorer */
{
float:right;
}

#innercentercontent 
{
	padding-left:10px;
}

.dot
{
background: #FFF url(images/dot.gif) repeat-x;
width:100%;
height:11px;
}
.four_dots
{
background: url(images/4_dots.gif) repeat-x center;
width:100%;
height:36px;
padding: 10px 0px;

}

/* /////////////// 	typography ////////////////////////*/

body {font-family: Verdana, Helvetica, Arial, sans-serif;font-size:12px;color: #000000;}

#footer, #footer a {color:#8b8a8a;line-height:2em;font-size:12px;text-decoration:none;}
#footer a:hover {color:#000;}

.header-text {color:#999;line-height:1.1em;}

#navcontainer ul {list-style-type: none;font-size: 12px;}

.popup-text
{
	text-align: right;
	font-size: .8em;
	font-weight: bold;
}

.texte_accueil
{
line-height:1.6em;
}

/* //////////////////////////////////////////////*/
#photo-profil 
{	background: url(images/photo-profil.jpg) left bottom no-repeat;
	width:100%;
	height:295px;
	float:left;
	
	
	}

#photo-profil-1,#photo-profil-2,#photo-profil-3
{
	clear:left;
	float:left;
	
}

#photo-profil-1{width:93px;height:110px;}
#photo-profil-2{width:272px;height:90px;}
#photo-profil-3{width:183px;height:90px;} 

/* ///////////  TAB MENU ///////////////////// */

#tab-menu
{
text-align:right;
width:100%;
}

#tab-menu ul
{
list-style-type: none;
display:inline;

}

#tab-menu li
{
display:inline;


}

#tab-menu a:link, #tab-menu a:visited
{
text-decoration:none;

}

 .red
{
background-image: url(images/tab-rouge.gif);
}
.turquoise
{
background-image: url(images/tab-turquoise.gif);
}
.jaune
{
background-image: url(images/tab-jaune.gif);
}
.gris
{
background-image: url(images/tab-333.gif);

}

/* ///////////// MODULE CATALOGUE ///////////////////// */

ul.catalogue
	{
		margin: 0;
		padding: 0;
		list-style-type: disc;
		list-style-image: url("../images/bullet.gif");
	}
	ul.catalogue li
	{
		margin: 0 0 0 20px;
		padding: 0 0 0 0;
	}
	
	div.coupes_froids
	{
		text-align:right;
		height:30px;
		background-color : #B04B29;
		padding-right:30px;
	}
		 
	div.quincaillerie_portes
	{
		text-align:right;
		height:30px;
		background-color : #E5BB00;
		padding-right:30px;
	}
	
	div.quincaillerie_fenetres
	{
		text-align:right;
		height:30px;
		background-color : #2E7584;
		padding-right:30px;
	}
	div.accessoires
	{
		text-align:right;
		height:30px;
		background-color : #52565A;
		padding-right:30px;
	}
	
/* ////////////// CENTRE DE DOCUMENTATION  //////////////////// */

div.doc_cat
	{
		color: #999999;
		text-transform:uppercase;
		font-weight:bold;
		font-size: 1.2em;
		width:100%;
	}
	div.spacer{
		border-top: 1px dashed #d2e0c1;
		width:100%;
	}
	div.item_doc
	{
		position:relative;
		left:20px;
	}
	
	a.item_doc
	{
		color:#b04229;
	}
	div.titre_doc
	{
		font-weight : bold;
	}
	img.doc 
	{
		float:left;
		
	}
	
	/* ///////////// NOUVEAUT  //////////////////// */
	
	img.nouv
	{
		float:left;
		margin-right: 10px;
	}	
	div.date
	{
		color:#BF4132;
	}
	div.titre
	{
		font-size:1.3em;
	}
	div.spacer{
		border-top: 1px dashed #d2e0c1;
		width:100%;
	}
	div.nouv_cat
	{
		color: #999999;
		text-transform:uppercase;
		font-weight:bold;
		font-size: 1.2em;
		width:100%;
	}
	/* /////////////// CONSEIL DU PRO  /////////////////// */
	
	img.conseil
	{
		float:left;
		margin-right: 10px;
	}	
	div.date
	{
		color:#BF4132;
	}
	div.titre
	{
		font-size:1.3em;
	}
	div.spacer{
		border-top: 1px dashed #d2e0c1;
		width:100%;
	}
	div.conseil_cat
	{
		color: #999999;
		text-transform:uppercase;
		font-weight:bold;
		font-size: 1.2em;
		width:100%;
	}
	div.lien
	{
		text-align:right;
		padding-right: 20px;
	}
	
	/* ////////////  popup ///////////*/
	div.coupes_froids_pop_up
	{
		text-align:center;
		height:30px;
		background-color : #B04B29;
		margin-top : 5px;
	}
		 
	div.quincaillerie_portes_pop_up
	{
		text-align:center;
		height:30px;
		background-color : #E5BB00;
		margin-top : 5px;
	}
	
	div.quincaillerie_fenetres_pop_up
	{
		text-align:center;
		height:30px;
		background-color : #2E7584;
		margin-top : 5px;
	}
	div.accessoires_pop_up
	{
		text-align:center;
		height:30px;
		background-color : #52565A;
		margin-top : 5px;
	}