/*CSS Document*/

* {margin:0 0 0 0; padding:0 0 0 0; border:0;}

html{
	font-size:11px;
	font-family:Verdana, sans-serif;
	background:url('../img/bg_html.jpg') repeat-x top center #f2f2f2;
}
	
#global {
	width:980px;
	margin:0 auto 0 auto;
}

/*---------- HEADER ----------*/

#header {
	background:url('../img/bg_header.jpg') no-repeat top left;
	height:68px;
	margin:0 0 10px 0;
}

#logo {
	float:left;
	width:330px;
	margin:10px 0 0 10px !important;
	margin:10px 0 0 5px;
}

#banniere ul {
	z-index:3;
	position:absolute;
	bottom:7px;
	right:7px;
}

#banniere ul li {
	float:left;
	list-style:none;
}

.next, .prev {display:none;}

#banniere .number {
	display:block;
	height:19px;
	width:19px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:2px 0 0 0;
	color:#fff;
	text-decoration:none;
	margin:0 0 0 4px;
	background:url('../img/out_banner.png') no-repeat top left;
}

#banniere .selected, .number:hover, .next:hover, .prev:hover {
	background:url('../img/over_banner.png') no-repeat top left;
}

#menu {
	float:left;
	width:630px;
	font-size:12px;
	font-weight:bold;
	color:#adb6ce;
	text-align:right;
	padding:38px 10px 0 0;
}

#menu .selected a {
	
}

#menu ul li{
	display:inline;
}

#menu ul li a{
	font-weight:bold;
	color:#adb6ce;
	text-decoration:none;
	padding:0 3px 0 3px;
}

#menu ul li a:hover{
	color:#fff;
}

/*---------- MIDDLE ----------*/

#middle_top {
	background:url('../img/bg_middle.png') no-repeat top center;
	height:10px;
}

#middle {
	background:#fff;
	width:980px;
}

#gauche {
	float:left;
	width:637px;
	padding:0 0 0 10px;
}

#banniere {position:relative;z-index:1;}

#up_banniere {position:absolute;top:-6px;left:0;height:5px;width:5px;z-index:10;}

#fil_arianne {
	width:631px;
	height:14px;
	color:#fae1c3;
	font-size:10px;
	background-color:#eb890e;
	padding:2px 0 0 5px;
	margin:5px 0 5px 0;
}

#fil_arianne a{
	color:#fae1c3;
}

#fil_arianne a:hover{
	text-decoration:none;
}

#droite {
	float:left;
	width:313px;
	margin:0 0 0 10px;
	background:url('../img/bg_droite.jpg') no-repeat top left #ececec;
}

#contenu .cc_content table tr td {
	padding:5px 5px 5px 5px;
	text-align:left;
}

.separation {
	background:url('../img/separation.jpg') no-repeat center center;
	height:35px;
}

#bout_service {
	width:295px;
	margin:0 auto 0 auto;
}

#bout_expo {
	width:295px;
	margin:10px auto 0 auto;
}

#partenaires {
	width:294px;
	margin:0 auto 10px auto;
}

#partenaires h4 {
	color:#bbbbbb;
	font-size:11px;
	margin:0 0 5px 0;
}

#partenaires_top {
	height:10px;
	background:url('../img/bg_partenaires.jpg') no-repeat top;
}

#partenaires_bottom {
	height:10px;
	background:url('../img/bg_partenaires.jpg') no-repeat bottom;
}

/*---------- NEWSLETTER ----------*/

#newsletter {
	width:294px;
	margin:0 auto 10px auto;
}

#newsletter table {
	width:100%;
	background:#fff;
	text-align:center;
}

#newsletter table tr {
	height:25px;
	width:75%;
}

input {
	height:17px;
	border:1px solid #c9c9c9;
	background:url('../img/bg_input.gif') repeat-x;
}

.submit input {
	height:21px;
	width:143px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	background:url('../img/bg_envoi_newsletter.gif') no-repeat;
	border:none;
}

.label {
	color:#292929;
	font-size:11px;
	vertical-align:top;
}

#newsletter h4 {
	color:#bbbbbb;
	font-size:11px;
	margin:0 0 5px 0;
}

#newsletter_top {
	height:10px;
	background:url('../img/bg_partenaires.jpg') no-repeat top;
}

#newsletter_bottom {
	height:10px;
	background:url('../img/bg_partenaires.jpg') no-repeat bottom;
}

/*---------- ESPACE PRO ----------*/

#espace_pro #form_pro {
	width:100%;
}

#espace_pro #form_pro div {
	float:left;
}

#espace_pro #form_pro #champs_pro {
	margin:10px 0 0 0;
}

#espace_pro #form_pro #champs_pro input {
	font-size:11px;
	width:132px;
	height:19px;
	color:#b1b1b2;
	padding:0 0 0 5px;
}

#espace_pro #form_pro #champs_pro .input2 {
	margin:0 0 0 19px;
}

#espace_pro #form_pro #liens_pro {
	margin:10px 0 0 0;
}

#espace_pro #form_pro a {
	font-size:10px;
	text-decoration:none;
	color:#707070;
}

#espace_pro #form_pro a:hover {
	text-decoration:underline;
}

#espace_pro #form_pro .submit_pro input {
	width:95px;
	background:url('../img/bg_connexion.gif') no-repeat 0 0;
	height:21px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	border:none;
	margin:7px 0 0 14px;
}

#submit_lost_pwd {
	width:95px;
	background:url('../img/bg_connexion.gif') no-repeat 0 0;
	height:21px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	border:none;
	margin:0 0 0 4px;
}

#espace_pro #form_pro .submit_pro a {
	display:block;
	width:95px;
	background:url('../img/bg_connexion.gif') no-repeat 0 0;
	height:21px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	border:none;
	margin:7px 0 0 14px;
	padding:4px 0 0 0;
}

/*---------- MENU PRODUITS ----------*/

#menu_produits {
	margin:5px 0 0 0;
}

#menu_produits div ul li{
	display:block;
	float:left;
	height:35px;
	width:155px;
}

#menu_produits  .bois {background:url('../img/bg_bois.jpg') no-repeat 4px 6px;}
#menu_produits  .bois a {display:block;color:#b87131;padding:9px 0 0 40px;}

#menu_produits  .terrasse {background:url('../img/bg_terrasse.jpg') no-repeat 9px 7px;}
#menu_produits  .terrasse a {display:block;color:#415126;padding:9px 0 0 45px;}

#menu_produits  .panneau {background:url('../img/bg_panneau.jpg') no-repeat 6px 7px;}
#menu_produits  .panneau a {display:block;color:#00699e;padding:9px 0 0 40px;}

#menu_produits  .bardage {background:url('../img/bg_bardage.jpg') no-repeat 9px 7px;}
#menu_produits  .bardage a {display:block;color:#ab1120;padding:9px 0 0 45px;}

#menu_produits  .parquet {background:url('../img/bg_parquet.jpg') no-repeat 5px 7px;}
#menu_produits  .parquet a {display:block;color:#849e5a;padding:9px 0 0 40px;}

#menu_produits  .lambris {background:url('../img/bg_lambris.jpg') no-repeat 9px 5px;}
#menu_produits  .lambris a {display:block;color:#623d6b;padding:9px 0 0 45px;}

#menu_produits  .porte {background:url('../img/bg_porte.jpg') no-repeat 6px 5px;}
#menu_produits  .porte a {display:block;color:#736240;padding:9px 0 0 40px;}

#menu_produits  .toiture {background:url('../img/bg_toiture.jpg') no-repeat 9px 5px;}
#menu_produits  .toiture a {display:block;color:#905a9e;padding:9px 0 0 45px;}

#menu_produits  .isolation {background:url('../img/bg_isolation.jpg') no-repeat 5px 1px;}
#menu_produits  .isolation a {display:block;color:#65bab2;padding:9px 0 0 40px;}

#menu_produits  .menuiserie {background:url('../img/bg_menuiserie.jpg') no-repeat 9px 7px;}
#menu_produits  .menuiserie a {display:block;color:#a68e5d;padding:9px 0 0 45px;}

#menu_produits div ul li a{
	font-size:16px;
	text-decoration:none;
}

#menu_produits div ul li a:hover{
	font-size:16px;
}

/*---------- FOOTER ----------*/

#footer {
	color:#a9a9a9;
}

#footer a{
	color:#a9a9a9;
}

#footer a:hover{
	text-decoration:none;
}

#trio_footer{
	height:135px;
	background:url('../img/bg_trio_footer.jpg') no-repeat bottom #fff;
	padding:0 10px 0 10px;
}

#trio_footer a{
	color:#304883;
}

#trio_footer a:hover{
	text-decoration:none;
}

#trio_footer h3{
	font-size:14px;
	margin:0 0 12px 0;
}

#trio_footer p{
	font-size:10px;
	width:55%;
	color:#707070;
}

#trio_footer p + p{
	padding:5px 0 0 0;
	color:#304883;
}

#cartes_priv {
	width:300px;
	height:100px;
	float:left;
	padding:25px 10px 0 10px;
	background:url('../img/bg_carte.jpg') no-repeat 10px 18px;
	cursor:pointer;
}

#cartes_priv h3 {color:#b87131;}

#promos {
	width:300px;
	height:100px;
	float:left;
	padding:25px 10px 0 10px;
	background:url('../img/bg_promos.jpg') no-repeat 10px 18px;
	cursor:pointer;
}

#promos h3 {color:#905a9e;}

#espace_pro {
	width:300px;
	height:100px;
	float:left;
	padding:25px 10px 0 10px;
	background:url('../img/bg_espace_pro.jpg') no-repeat 10px 18px;
}

#espace_pro h3 {color:#2f4782;}

#copyright {
	margin:10px 0 10px 20px;
}

/*---------- ERREURS ----------*/

#contenu ul, #contenu ol{
	list-style:none;
	padding:0 0 15px 0;
}

#contenu ul li, #contenu ol li  {
	margin:10px 0 10px 10px;
	padding:0 0 0 45px;
	background: url('../img/bullet.jpg') no-repeat 3px 5px;
}

#contenu #applicationMessage #errors li {
	color:red;
	font-weight:bold;
}

#contenu #applicationMessage #messages li {
	color:red;
	font-weight:bold;
}

.label_error {color:red;}

/*---------- DIVERS ----------*/

.clear {clear:both;}

/*
	Popup
*/

.popup
{
	position: absolute;
	left: 300px;
	z-index: 1000;
	text-align: justify;
	border-collapse: collapse;
	display: none;
	color: #333;
}

.popup .top .left      { height: 10px; width:10px; background: bottom right url(../img/popup_top_left.png) no-repeat; }
.popup .top .center { height: 10px; background: bottom url(../img/popup_line.png) repeat-x; }
.popup .top .right   { height: 10px; width:10px; background: bottom left url(../img/popup_top_right.png) no-repeat; }

.popup .middle .left { width: 10px; background: right url(../img/popup_line.png) repeat-y; }
.popup .middle .center { background: white; }
.popup .middle .center .popupTitle { background-color: #397eae; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupError { background-color: #d25656; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupBottom { text-align: right; border-top: 1px solid #ccc; background-color: #eee; padding: 4px 5px 4px 5px; margin: 10px 0 0 0; }
.popup .middle .center { padding: 3px; }
.popup .middle .right { width: 10px; background: left url(../img/popup_line.png) repeat-y; }

.popup .bottom .left      { height: 10px; width:10px; background: top right url(../img/popup_bottom_left.png) no-repeat; }
.popup .bottom .center { height: 10px; background: top url(../img/popup_line.png) repeat-x; }
.popup .bottom .right   { height: 10px; width:10px; background: top left url(../img/popup_bottom_right.png) no-repeat; }

#popUpOverlay 
{
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
}

/*---------- RECHERCHE ----------*/

#recherche_produits {
	width:294px;
	margin:0 auto 10px auto;
}

#recherche_produits table {
	width:100%;
	background:#fff;
	text-align:center;
}

input {
	height:17px;
	border:1px solid #c9c9c9;
	background:url('../img/bg_input.gif') repeat-x;
}

.submit input {
	height:21px;
	width:143px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	background:url('../img/bg_envoi_newsletter.gif') no-repeat;
	border:none;
}

#recherche_produits h4 {
	color:#bbbbbb;
	font-size:11px;
	margin:0 0 5px 0;
}

#recherche_produits_top {
	height:10px;
	background:url('../img/bg_partenaires.jpg') no-repeat top;
}

#recherche_produits_bottom {
	height:10px;
	background:url('../img/bg_partenaires.jpg') no-repeat bottom;
}

/*---------- MODULE CARLIER ----------*/


table.produits_carlier {
	width:100%;
	}
	
	
table.produits_carlier td {
	padding:3px 3px 3px 3px;
	}
	
table.produits_carlier .altered {
	background-color:#eeeeee;
	}
	
table.produits_carlier .description_web {
	font-size:10px;
	color:#979797;
	padding:0 0 0 20px;
	}
	
table.produits_carlier th {
	padding:3px 3px 3px 3px;
	background-color:#d6d6d6;
	}
	
#contenu a {
	color:#304883;
	text-decoration:underline;
}

#contenu {
	font-size:11px;
	text-align:justify;
	color:#292929;
	line-height:16px;
}

#contenu h1 {
	font-weight:bold;
	font-size:14px;
	color:#162751;
	margin:10px 0 10px 0;
}

#contenu h2 {
	font-weight:bold;
	font-size:13px;
	color:#eb890e;
	padding:10px 0 5px 0;
}