/* 2007 - CHAPPÉE - Guide de choix */

@media screen {
	body {
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		background-color: #880807;
		color: #959595;
	}
	
	/* POSITIONNEMENT */
	#container { position:relative; width:800px; margin:0 auto; background-color:#FFF; }
	
	#header { height:98px; background:#BE7F38 url(../_Pictures/header.jpg) top left no-repeat; }
			
	#top {
		height: 30px;
		background: #BDBDBD url(../_Pictures/top.jpg) bottom right no-repeat;
		border-left: 4px solid #E8E8E8;
		border-right: 4px solid #FBFBFB;
		line-height: 2.2em;
		color: #B40006;
		font-weight: bold;
		font-variant: small-caps;
		padding: 0 20px;
	}
	#top p {
		float:right;
		background: url(../_Pictures/pictoTop.gif) center left no-repeat;
		height:30px;
		padding:0 15px 0 35px;
		margin:0 -15px 0 0;
		color:#B40006;
	}
	#top a { color:#B40006; text-decoration:none; }
	#top a:hover { text-decoration:underline; }
	
	#main {
		height: 433px;
		/*min-height: 433px;
		height:100%;*/
		background:#FFF url(../_Pictures/bgMain.jpg) bottom repeat-x;
		border-right: 4px solid #FAFAFA;
		border-left: 4px solid #FAFAFA;
		padding:0;
	}
	
	#left {
		float: left;
		width: 173px;
		height: 433px;
		/*min-height: 433px;
		height:100%;*/
		background-color: #D0D0D0;
		margin: 0;
		color: #B40006;
		border-right: 1px solid #FFF;
	}
	#content { margin:0 0 0 30px; height:365px; /*min-height: 365px; height:100%;*/ overflow:auto; }
	#content2 { margin:0; height:365px; /*min-height: 365px; height:100%;*/ overflow:auto; }
	#content3 { margin:0; height:433px; /*min-height: 365px; height:100%;*/ overflow:auto; }
	#content2 table, #content3 table { width:auto; }
	
	
	#bottom { position:absolute; bottom:0; left:0; height:65px; margin:0 30px 39px 25px; }
	#bottom2 { position:absolute; bottom:0; right:0; height:65px; padding:0 30px 39px 200px; }
	#bottom2 table { width:auto; }
	#bottom table { width:745px; }
	
	#footer { clear:both; height:39px; background:#EDE5B7 url(../_Pictures/footer.jpg) top left no-repeat; }
	
	/* MENU TOP */
	#menuTop {
		list-style-type: none;
		font-weight: bold;
		font-size: 90%;
		margin: 0;
		padding: 0;
	}
	#menuTop li {
		display: inline;
	}
	#menuTop li a {
		margin: 0 10px;
		color: #FFF;
		text-decoration: none;
		background: url(../_Pictures/highlightMenu.gif) -20px bottom no-repeat;
		padding: 0 0 4px 0;
	}
	#menuTop li a:hover, #menuTop li a:focus, #menuTop li a:active {
		text-decoration: none;
		color: #B40006;
		background: url(../_Pictures/highlightMenu.gif) bottom no-repeat;
		padding: 0 0 4px 0;
	}
	
	#menuTop li.current a {
		color: #B40006;
		background: url(../_Pictures/highlightMenu.gif) bottom no-repeat;
		padding: 0 0 4px 0;
	}
	/* MENU LEFT */
	#menuLeft {
		margin: 25px 5px 0 20px;
		padding: 0;
		color: #FFF;
		font-weight: bold;
		font-size: 90%;
	}
	#menuLeft dt {
		cursor: pointer;
		margin: 2px 25px 0 0;
		padding: 0;
		line-height: 2em;
		text-align: left;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
	}
	#menuLeft dd {	margin:0 0 0 -25px;	padding:0;	color:#5F5F5F; }
	#menuLeft dd a { color:#5F5F5F; text-decoration:none; }
	#menuLeft dd a:hover { color: #B40006; }
	#menuLeft dt:hover  { color:#B40006; text-decoration:none; }
	#menuLeft dt a { color:#FFF; text-decoration:none; }
	#menuLeft dt.current a { color: #B40006; text-decoration:none; }
	#menuLeft ul {margin:0 0 0 40px;}
	#menuLeft li { list-style-type:none; text-align:left; font-size:90%; text-transform:uppercase; padding-bottom:3px; line-height:1.1em; margin-right:-5px; }
	#menuLeft li a { display:block; width:100%; color:#676767; text-decoration:none; }
	#menuLeft li.current a  { color:#B40006; }
    #menuLeft li a:hover, #menuLeft a:focus, #menuLeft a:active  {  color:#B40006; text-decoration:none; background:url(../_Pictures/highlightMenuLeft.gif) right no-repeat; }
	#menuLeft dt a:active  { background:none; }
	
	/* ***************************************** */
	p { margin:0 0 5px 0; padding:0; font-size:95%; }
	sup, sub { font-size:0.95em; }
	ul {margin:0; padding:0;}
	img { border:0; }
	hr { height:1px; margin:0.3em 0 0.5em 0; padding:0; color:#ccc; background-color:#ccc; border:0; }
	h2 { color:#B40006; font-style:italic; font-size:130%; margin:15px 30px 3px 0; }
	h3 { color:#535353; font-style:italic; font-size: 115%; margin:15px 30px 3px 0; }
	h4 { color:#525252; font-style:italic; font-size: 100%; margin:0 30px 20px 0; }
	#content2 h2, #content2 h3, #content2 h4 { margin:15px 0 0 30px; }
	#content2 h4 { margin:3px 30px 13px 30px; line-height:1.1em; }
	#content3 h2, #content3 h3, #content3 h4 { margin:15px 0 0 30px; }
	#content3 h4 { margin:0 30px 13px 30px }
	
	/* TABLES */
	.th1 { background-color:#656565; color:#FFFFFF; padding:2px 5px; font-variant:small-caps; }
	.th2 { background-color:#FFF; color:#B40006; border:1px solid #B40006; margin:0; padding:0;}
	.th3 { background-color:#FFF; color:#939393; border:1px solid #939393; margin:0; padding:0;}
	.th4 { background-color:#EDEDED; color:#656565; padding:2px 5px; font-variant:small-caps; }
	
	.table1 td, .table2 td {padding:0 5px 0px 10px; font-size:90%; font-style:italic;}
	.table3 td {padding:1px 5px 0 5px; font-size:90%; line-height:1.1em;}
	.table4 td { padding:2px 0 0 0; line-height:1.1em;}
	.table4 td table td {padding:10px 10px 2px 10px;}
	.table4 td table td table td {padding:0; font-size:90%; }
	.table5 td { padding:0 5px; font-size:90%;}
	.table5 td table td {padding:5px 0;}
	.table6 { width:100%; }
	.table6 td { padding:0 5px; font-size:90%;}
	.table6 td table td { padding:0; }
	
	#content2 table.tableAccordion { margin:5px 0; border:0px solid #000; width:95%; font-weight:normal; font-size:95%;}
	#content2 table.tableAccordion td { padding:2px 2px 5px 2px; }
	#content2 table.tableAccordion a { color:#656565; text-decoration:underline; }
	#content2 table.tableAccordion a:hover { text-decoration:none; }
	/* FIN TABLES */
	
	.bold { font-weight:bold; }
	td.bold { font-weight:bold; }
	.small {font-size:x-small; line-height:1em;}
	.small-very {font-size:xx-small;line-height:1em; }
	.oblig { font-weight:bold; color:#656565; }
	
	.dotted { background:#FFF url(../_Pictures/bg_dotted.jpg) top repeat-x; height:3px; }
	.dottedBottom { background:#FFF url(../_Pictures/bg_dotted.jpg) bottom repeat-x; height:3px; }
	.dottedBottom2 { background:url(../_Pictures/bg_dotted.jpg) bottom repeat-x; height:3px; }
	.dottedV { border-right:1px dotted #CCC; }
	
	#content ul { margin:25px 30px; }
	#content2 ul, #content3 ul { margin:30px; }
	#content li, #content2 li, #content3 li {	
		list-style-type:none;
		list-style-position:outside;
		background: url(../_Pictures/li.jpg) top left no-repeat;
		line-height:1em;
		margin:0;
		padding:6px 0 6px 31px;
		font-size:95%;
		font-style:italic;
	}
	#content li.Presentation {	
		list-style-type:none;
		list-style-position:outside;
		background: url(../_Pictures/li.jpg) top left no-repeat;
		line-height:1em;
		margin:0;
		padding:0px 0 6px 31px;
		font-size:95%;
		font-style:italic;
	}
	#content2 li, #content3 li { font-style:normal; text-transform:uppercase; text-decoration:none; color:#B40006; }
	#content li a, #content2 li a, #content3 li a { font-style:normal;	text-transform:uppercase; text-decoration:none; color:#B40006; }
	#content li a:hover, #content2 li a:hover, #content3 li a:hover { text-decoration:underline; }
	#dottedV ul.comparatif { margin:0 0 10px 20px; }
	#content2 .comparatif li, #content3 .comparatif li { font-style:normal; text-transform:none; text-decoration:none; color:#B40006; background: url(../_Pictures/li.jpg) center left no-repeat; } 
	#content2 .comparatif li.puce1, #content3 .comparatif li.puce1 { background: url(../_Pictures/puce1.jpg) center left no-repeat; }
	#content2 .comparatif li.puce2, #content3 .comparatif li.puce2 { background: url(../_Pictures/puce2.jpg) center left no-repeat; }
	#content2 .comparatif li.puce3, #content3 .comparatif li.puce3 { background: url(../_Pictures/puce3.jpg) center left no-repeat; }
	#content2 .comparatif li.puce4, #content3 .comparatif li.puce4 { background: url(../_Pictures/puce4.jpg) center left no-repeat; }
	
	/* LINKS */
	a.lien_ext {/*content: url(../_Pictures/fleche_ext.gif);*/}
		
	.link { font-style:normal; color:#535353; }
	.link a { color: #535353; text-decoration:none; }
	.link a:hover { text-decoration:underline; }
	
	.folio { color: #B40006; font-variant:small-caps; font-weight:bold; padding:0 5px; }
	.folio a { color:#B40006; text-decoration:none; }
	.folio a:hover { text-decoration:underline; }
	
	/* FORMS */
	.tbox1 {height: 11px; font-size:10px;}
	label { font-weight:bold; }
	.select { color:#B40006; font-weight:bold; font-size:90%; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color:#F5F5F5; padding:0px; font-style:normal;}
	.tbox2 { color:#B40006; font-weight:bold; font-size:90%; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color:#F5F5F5; padding-left:2px; font-style:normal; }
	/*input[type=text] {height: 11px; font-size:10px; }*/
	input.txtBox { background:#D6B48F url(../_Pictures/bg_txtBox.jpg) top repeat-x; color:#FFF; border:0; padding:5px 0 0 0; margin:0; height:27px; font-size:10px; font-weight: bold; }

	
	/* COLORS TEXT */
	.color1 { color:#B40006; }
	.color2 { color:#656565; }
	.color3 { color:#939393; }
	
	/* COLORS BG */
	.bg0 { background-color:#B40006; }
	.bg1 { background-color:#656565; }
	.bg2 { background-color:#939393; }
	.bg3 { background-color:#B2B2B2; }
	.bg4 { background-color:#FFF; }
	.bg5 { background-color:#EDEDED; }
	.bg6 { background-color:#FFF; border-left:1px solid #656565; }
	.bg7 { background-color:#C18644; }
	.bg9 { display:block; background-color:#FFF; border:1px solid #676767; margin-top:10px; color:#939393; }
	.bgPicto { background-color:#B40006; width:35px; height:35px; margin:5px; }
/* */
	.bgPicto2 { background-color:#F4211A; width:35px; height:35px; margin:5px; }
	.bgPicto3 { background-color:#5271B2; width:35px; height:35px; margin:5px; }
/* */
	.bgTable { background:#FFF url(../_Pictures/bgTable.jpg) bottom repeat-x; border:1px solid #FFF; border-top:none; border-bottom:none; }
	.bgTable2 { background: #F1DFD1; border:1px solid #FFF; border-top:none; }
	
	/* */
	.shadowLeft { background: url(../_Pictures/bgShadowLeft.jpg) top repeat-y;  }
	.shadowBottom { background: url(../_Pictures/bgShadowBottom.jpg) top repeat-x; }
	
	/* BUTTONS */
	.button0, .button1, .button2, .button3, .button4 { text-transform:uppercase; }
	.button0 a { color:#FFF; text-decoration:none; line-height:1.6em; font-size:0.8em;}
	.button1 a, .button2 a, .button3 a, .button4 a { color:#FFF; text-decoration:none; line-height:1.6em; font-size:0.95em;}
	.button0 a:hover, .button1 a:hover, .button2 a:hover, .button4 a:hover { color:#B40006; }
	.button3 a:hover { color:#DDBF89; }
	
	.accordionLink { background:#F1D9B7 url(../_Pictures/bgAccordion.jpg) left no-repeat; display:block; padding:0 5px 0 20px; margin:0 0 5px -10px; line-height:1.6em; font-size:85%; font-weight:bold; }
	.accordionLink a { color:#91714A; text-decoration:none; }
	.accordionLink a:hover { color:#B40006;  text-decoration:none; }
	
	/* ERROR */
	#error {
		display:none;
		position:absolute; 
		top:145px; 
		border:1px solid red;
		border-left:3px; 
		border-right:3px;
		background-color:#FFFFFF; 
		width:400px;
		height:110px; 
		min-height:110px; 
		margin-left:25%; 
		color:red; 
		font-weight:bold;
		padding:5px;
		background:#FFF url(../_Pictures/bgError.jpg) bottom no-repeat; 
	}
	#error .button { position:absolute; bottom:0; right:5px; }
	
}

/* POUR IMPRESSION */
@media print {
	body { background:#FFF none; font-size:12pt; }
	#top { display:none; }
	#left { display:none; }
	#footer { display:none; }
	#content { width:100%; margin:0 30px 0 30px; overflow:visible; }
	#content2 { margin:0; overflow:visible;}
	#content3 { margin:0; overflow:visible;}
	
	.bgPicto { background-color:#B40006; width:35px; height:35px; margin:5px; }
	.bgPicto2 { background-color:#F4211A; width:35px; height:35px; margin:5px; }
	.bgPicto3 { background-color:#5271B2; width:35px; height:35px; margin:5px; }
}