@import "style.css";

/* Le Contenu
--------------------------------------------------------------------------------------- */

#main {
	width: 502px;
	margin: 0 0 8px 0;
	border-top: 8px solid #fff;
	float: right;
}

#main hr {
	border: 0;
	width: 492px;
	color: #d15214;
	background-color: #c33c19;
	height: 1px;
	margin: 20px 0 20px 10px;
}

#main h3 {
	color: #c33c19;
	font: bold 17px/17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 5px 5px 17px;
	padding-bottom:10px;
}

#main h4 {
	font: bold 14px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	color: #c33c19;
	margin: 0 0 0 17px;
}

#main table p {
	margin: 0 0 0 5px;
	padding: 0;
}

#main table h4 {
	margin: 5px 0 0 5px;
	padding: 0;
}

/*#main h3.produit{
	background:#e6e5e3;
	border-left: 8px solid #c33c19;
	margin:0 0 25px 0;
	padding: 5px 0 5px 8px;
}*/

#main h2 {
	font: bold 18px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #c33c19;
	color: #c33c19;
	text-transform: uppercase;
	margin: 0 0 30px 10px;
	padding: 20px 0 10px 0;
}

#main h2 span{
	color:#5d544b;
	font-size: 13px;
	text-transform: none;
}

#main ul.bold {
	color: #c33c19;
	font: bold 13px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 23px;
	padding: 20px 0;
}

#main ul.bold li {margin: 0 0 6px 0;}

#main ul.bold span {color: #5d544b;}

#main #menu3 {
	background: #5d544b;
	border-top: 8px solid #fff;
	color: #fff;
	font: bold 14px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	list-style: none;
	padding: 10px 0;
	margin: 0 0 8px 0;
}

#main #menu3 li {
	background:  url(../images/menu-sep2.gif) no-repeat 0 12px;
	display: inline;
	padding: 8px 10px;
}

/*#main #menu3 {
	color: #545454;
	font: bold 14px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	list-style: none;
	margin: 0 0 8px 0;
}

#main #menu3 li {
	display: inline;
	padding: 0 10px;
}*/

#main #menu3 a:link, #main #menu3 a:visited {text-decoration: none; color: #fff;}
#main #menu3 a:hover {color: #dcdcdc;}
#main #menu3 a:active {color: #ff0000;}

/*#main #menu3 a:link, #main #menu3 a:visited {text-decoration: none; color: #c33c19;}
#main #menu3 a:hover {color: #545454;}
#main #menu3 a:active {color: #ff0000;}*/

#main .answer p {margin:10px 0; font-weight: normal;}
#main .answer {
	width: 471px;
	color: #5d544b;
	border-bottom: 1px dashed #c33c19;
	display: block;
}

#faq li {margin: 0 0 5px 0; font-weight: bold; color: #c33c19;}

#main #docs {
	color: #5d544b;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 15px;
}

#main #docs a:link, #main #docs a:visited,
#main .docs a:link, #main .docs a:visited {text-decoration: none; color: #5d544b;}
#main #docs a:hover,
#main .docs a:hover {color: #c33c19;}
#main #docs a:active,
#main .docs a:active {color: #ff0000;}

#main h3 a:link, #main h3 a:visited {text-decoration: none; color: #c33c19;}
#main h3 a:hover {color: #5d544b;}
#main h3 a:active {color: #ff0000;}

#main #docs li,
#main .docs {
	background: url(../images/acrobat.gif) no-repeat;
	list-style: none;
	padding: 2px 20px 10px;	
	float: left;
}
#main .docs {float: none;}
#main #docs li.sheet {background: url(../images/doc.gif) no-repeat;}

#main #panneau {
	/*border-top: 10px solid #fff;*/
	font: bold 12px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0;
	margin: 10px 0 10px 17px;
}
#panneau li {display: inline;}
#panneau li.zoom {background: url(../images/zoom.gif) no-repeat; padding: 0px 34px 0px 26px; height: 47px;}
#panneau li.photos {/*background: url(../images/photos.gif) no-repeat; padding: 6px 34px 6px 30px;*/ padding: 0 10px 0 0; height: 47px;}
#panneau li.brochure {padding: 28px 10px 6px 0; height: 47px;}
#panneau li.info {/*background: url(../images/info.gif) no-repeat; padding: 6px 0 6px 26px;*/ padding: 0 10px 0 0; height: 47px;}

/*#main .hr {
	height: 2px;
	background: #fff url(../images/hr.gif) no-repeat scroll left;
	margin: 7px 0; 
}
#main .hr hr {display: none;}
*/

#main ul, #main ol {margin: 0 0 12px 17px;}

#main p {margin: 0 0 10px 17px;}
#main table {margin: 8px 0 2px 17px;}
#main table td, #main table th {padding: 0;}
#main table#color td, #main  table#color th {padding: 0 0 5px 0; text-align: center;}
#main table#stuff h4 {padding: 25px 0 5px 0;}

#main table#color td div{
	position: relative;
	padding-bottom: 10px;
}
#main table#color td div a{display: block;}
#main table#color td div a img{margin-bottom: 2px;}
#main table#color td div span.infos{
	position: absolute;
	right: 3px;
	top: 3px;
	background: #FFFFFF;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	border: 1px solid #4f4749;
	/*border-top: none;
	border-right: none;*/
	font-size: 9px;
}
#main table#color td div span.cchart{
	padding: 0px;
	height: 18px;
	width: 18px;
	line-height: 18px;
	text-align: center;
	float: right;
	margin-left: 5px;
	border-color: #4f4749;
}

#main table#acc {margin: 0 0 0 17px;}
#main table#acc h4 {margin: 0 0 0 5px;}
#main table#acc p {margin: 0 0 5px 5px;}

#main a:link, #main a:visited {text-decoration: none; color: #5d544b;}
#main a:hover {color: #c33c19;}
#main a:active {color: #ff0000;}

#main #garantie table td, #main #garantie table th {padding: 3px;}

#main .general, .general {background: #fff; margin: 0 0 12px 7px;}
#main .general td, #main .general th, .general td, .general th {padding: 3px 2px;}
.general p {margin: 0 0 10px 0; text-align: left;}
.titre {background: #5d544b; color: #fff;}
.novik {background: #c33c19; color: #fff;}
.stitre {background: #a09589; color: #fff;}
.mur {margin: 0 5px 7px 5px;}
.center {
	margin: 0 30px 0 0;
	text-align: center;}
.center p {text-align: center;}

.panel {
	border-top: 1px solid #c33c19;
	border-bottom: 1px solid #c33c19;
	background: #f7f7f7;
	font: 13px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0 0 20px 10px;
}

#main .panel h3 {margin: 0 0 5px 0;}
#main .panel p {margin: 0; text-align: left;}
#main .panel img {margin: 0 0 0 10px;}

form#commande-persiennes td {margin: 0; padding: 3px 0;}

#main #install a {font-weight: bold; color: #c33c19;background: url(../images/acrobat.gif) no-repeat 0 4px; padding: 5px 0 3px 18px;}

#main #install #noAcro a{font-weight: bold; color: #c33c19;background:none; padding: 0px;}

/* La sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
	width: 224px;
	min-height: 1611px;
  	height:auto !important;
  	height: 1611px;
	background: url(../images/bg-side.gif) repeat-x 0 500px;
	border-top: 8px solid #fff;
	margin: 0 0 8px 0;
	float: left;
}

img, #sidebar {behavior: url(../iepngfix.htc);}

#sidebar h2 {
	background: #c33c19 /*url(../images/bg-h2.gif) no-repeat 8px*/;	
	border-top: 8px solid #fff;
	color: #fff;	
	padding: 9px;
	margin: 0;
	text-transform: none;
	font: bold 16px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#sidebar a:link, #sidebar a:visited {text-decoration: none; color: #5d544b;}
#sidebar a:hover {color: #c33c19;}
#sidebar a:active {color: #ff0000;}

.ardoise #sidebar #ard a:link, .ardoise #sidebar #ard a:visited,
.argile #sidebar #arg a:link, .argile #sidebar #arg a:visited,
.perfecto #sidebar #per a:link, .perfecto #sidebar #per a:visited,
.brique #sidebar #bri a:link, .brique #sidebar #bri a:visited,
.cedre #sidebar #ced a:link, .cedre #sidebar #ced a:visited,
.rustique #sidebar #rus a:link, .rustique #sidebar #rus a:visited,
.rond #sidebar #ron a:link, .rond #sidebar #ron a:visited,
.pierre #sidebar #pie a:link, .pierre #sidebar #pie a:visited,
.planche #sidebar #pla a:link, .planche #sidebar #pla a:visited,
.ventilation #sidebar #ven a:link, .ventilation #sidebar #ven a:visited,
.accessoires #sidebar #acc a:link, .accessoires #sidebar #acc a:visited,
.polymere #sidebar #pol a:link, .polymere #sidebar #pol a:visited,
.aluminium #sidebar #alu a:link, .aluminium #sidebar #alu a:visited,
.persienne #sidebar #pes a:link, .persienne #sidebar #pes a:visited,
.cedrevertigo #sidebar #dec a:link, .cedrevertigo #sidebar #dec a:visited,
.cedar8 #sidebar #ce8 a:link, .cedar8 #sidebar #ce8 a:visited,
.stacked #sidebar #sta a:link, .stacked #sidebar #sta a:visited, 
.planched6 #sidebar #pl6 a:link, .planched6 #sidebar #pl6 a:visited,
.novishingle #sidebar #nov a:link, .novishingle #sidebar #nov a:visited,
.aerateur #sidebar #aer a:link, .aerateur #sidebar #aer a:visited,
.novitrim #sidebar #trim a:link, .novitrim #sidebar #trim a:visited {color: #c33c19;}

.ardoise #sidebar #ard a:hover,
.argile #sidebar #arg a:hover,
.perfecto #sidebar #per a:hover,
.brique #sidebar #bri a:hover,
.cedre #sidebar #ced a:hover,
.rustique #sidebar #rus a:hover,
.rond #sidebar #ron a:hover,
.pierre #sidebar #pie a:hover,
.planche #sidebar #pla a:hover,
.ventilation #sidebar #ven a:hover,
.accessoires #sidebar #acc a:hover,
.polymere #sidebar #pol a:hover,
.aluminium #sidebar #alu a:hover,
.novishingle #sidebar #nov a:hover,
.cedrevertigo #sidebar #dec a:hover,
.planched6 #sidebar #pl6 a:hover,
.cedar8 #sidebar #ce8 a:hover,
.stacked #sidebar #sta a:hover, 
.persienne #sidebar #pes a:hover,
.aerateur #sidebar #aer a:hover,
.accessoires #sidebar #trim a:hover {color: #5d544b;}

#sidebar #pie, #sidebar #arg {margin: 0 0 8px 0;}

#sidebar ul {
	background: #e6e4e3;
	list-style: none;
	padding: 10px 0;
	font: bold 14px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#sidebar ul ul {padding: 0;background: none;}

#sidebar li {
	padding: 5px 15px;
	border-bottom: 1px solid #d15214;
}

#sidebar li ul {
	margin: 10px 0 5px 10px;
}

#sidebar li ul li {
	padding: 1px 0;
	border: none;
}

#sidebar li#aer {border-bottom: none;}

#sidebar ul#side-teaser {margin: 0;}
#sidebar #side-teaser li{
	background: none;
	padding: 0;
	margin: 0 0 8px 0;
}


/* Menu dans le footer
--------------------------------------------------------------------------------------- */


#footer #menu2 {
	height: 17px;
	background: #5d544b;
	color: #fff;
	font-size: 11px;
	text-align: right;
	list-style: none;
	padding: 8px 0;
	margin: 0 0 8px 0;
}

#menu2 li {
	background:  url(../images/menu-sep2.gif) no-repeat 0 10px;
	display: inline;
	padding: 8px;
}

#menu2 a:link, #menu2 a:visited {text-decoration: none; color: #fff;}
#menu2 a:hover {color: #dcdcdc;}
#menu2 a:active {color: #ff0000;}







#laSideBarProduits{
	
}

#laSideBarProduits ul{
padding-top:0px;
}
#laSideBarProduits li{
padding-bottom:10px;
}

#laSideBarProduits li sup{
font-size:9px;
font-weight:normal;
}

#laSideBarProduits ul ul ul{
margin-top:5px;
}

#laSideBarProduits ul ul ul li{
position:relative;
}
#laSideBarProduits ul ul ul li img{
position:absolute;
left:110px;
top:3px;
}


div.gtip{
	margin: 20px 0px;
	padding: 14px 17px 8px 0px;
	background: #EFEFEF;
}
#main #install div.gtip a,
#main #install a.thumb{
	background: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	border: none;
}
#main #install a.thumb img{
	float: right;
	margin: 0px 0px 30px 25px;
}