/* ============================================
 * 
 * 
 * Carbobriq
 * Societe de commercialisation de briquettes de charbon de bois
 * 
 * Feuilles de style creees par 
 * Victor VILA en Avril 2009
 * 
 * victor (at) adifco.fr	03 80 48 69 24
 * 
 * ADiFCO
 * 14E rue Pierre de Coubertin
 * 21 000 DIJON
 *
 * ============================================ */
 

/* Recurrent
 * ---------
 * marron : #794700
 * rouge : #f16200
 */


/* 
 * Reset 
 * http://meyerweb.com/eric/tools/css/reset/ 
=============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; } 
 

/* Chasis
============= */
html {background:#ff7600}
body {font: normal 62.5%/1.5 Arial, Helvetica, sans-serif;color:#333300;background:url(../images/serena-filet.png) 0 0 repeat-x}
#bord {width:988px;margin:0 auto;background:url(../images/serena-corps.png) 50% 0 repeat-y;}
#container {position:relative;width:988px;margin:0 auto;background:url(../images/carbobriq-base.png) 50% 0 no-repeat;}
/*#container, #footer {
	width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto");
	}*/

/* Outils
============= */
a {text-decoration:none;color:#444;}
#corps a {letter-spacing:1px;text-decoration:underline;} 
.clear {clear:both;}
.cadre {border:1px solid #444;background:#fff;padding:10px;}
.block {margin:0 auto;display:block}
.center {text-align:center}
.taleft {text-align:left}
.bold {font-weight:bold}
/* Marron */
.marron {color:#794700}
.italic {font-style: italic}
.left {float:left}
.jaune {color:#ffc}
.orange{color:#FF6600;font-weight:bold;}
.surdim {font-size:1.4em;}
.surdim2 {font-size:2em;}

/* Texte
============= */
h1 {font-size: 3em;padding:0em 0 .5em;color:#f16200}
h2 {font-size: 2.5em;padding:.3em 0 .75em;}     
h3 {font-size: 2.5em;padding:1.2em 0 .75em}
.cont_g h3, .cont_r h3 {padding-top:0em;}
h4 {font-size: 1.8em;padding:1.2em 0 .75em}
h5 {font-size: 1.4em;padding:.6em 0 .75em}     
h6 {font-size: 1.2em;padding:.6em 0 .75em}
dt {font-size: 1em;padding:.5em 0 .75em}
dd {font-size: 1em;padding:0 0 .75em 1em;}
p {font-size: 1.4em;padding:0 0 .75em;text-align:justify;}
li {font-size: 1.4em;padding:0 0 .75em;}
ul {padding:.3em 2em .75em;}
ul ul {padding:.3em 2em .5em;}
li {line-height:150%;padding:0;list-style-type:disc;}
li li {font-size: 1em;list-style-type:circle;} 
#corps li {font-size: 1.4em;}

/* Tete
============ */

.briquettes {position:relative;top:-8px;font-size:4.5em;font-weight:normal;text-align:center;padding:0;margin:0;line-height:1;}
.briquettes span {font-size:1em;font-style: italic;font-weight:bold;} 

/* Menu
============= */
	 ul#menu {height:56px;width:960px;padding:10px 0 0 0;margin:1em auto 3em auto;display:block;text-align:center;background:#794700 url(../images/carbobriq-menu.png) 50% 0 no-repeat}
	 ul#menu li {display:inline;line-height:56px;font-size: 1.2em;}
	 ul#menu li a {padding:0em 1em;border-right:.1em solid #fff;font-size:2em;color:#fff;text-decoration:none;}
	 ul#menu li a.contact {border:0}
/* Slider
============= */	 
#slider {height:250px;position:relative}
	.sample {position:relative; width:100%;}  
	#box2{position:absolute;}
	#box2 span{display:block;float:left;} 
	.mask2{position:relative;width:718px;height:230px;overflow:hidden; margin:0 auto;background-color:#661200;z-index:100} 
	#prev1 {position:absolute;top:80px;left:97px;z-index:200}
	#next1 {position:absolute;top:80px;left:853px;z-index:200}
	span img{display:block;border:none;}

/* Contenu
============= */
	 
#corps {width:960px;margin:0 auto;color:#151827}
	#corps .deux_col {height:1%;overflow:hidden}
	#corps .deux_col h1, #corps .deux_contact h1 {padding:0 20px;}
	#corps .deux_col div, #corps .deux_contact div {padding:20px;width:358px;float:left; }
	#corps .deux_contact {height:760px;}  
	.cont_g {margin:0}
	.cont_r {margin:0}
	#holz p {line-height:130%;}
	
	#ppal, #sec {width:800px;padding:50px 40px 20px;margin: 0 auto;background:url(../images/cppal-trans.png) 50% 0 no-repeat}
		#ppal dd {font-size:1.3em}
	#sec {width:800px;padding:20px 40px 40px;margin: 0 auto;background:url(../images/carbobriq-sec.jpg) 50% 0 no-repeat}
		#sec p {color:#fff;}
		#sec h3 {color:#794700;font-weight:bold;padding:0 20px  1em;} 
	
	#corps label {display:block;font: 12px/21px Arial, Helvetica, sans-serif;letter-spacing:2px;margin:5px 0 2px 0}
	#corps input, #corps textarea {backfround:#eff;border:1px solid #794700;padding:3px;font:normal 12px Arial, Helvetica, sans-serif;}
	#corps input {width:250px;background:#eff;}
	#corps input.envoy {color:#ffc;width:90px;background:#794700;font-weight:bold;margin-top:20px}
	#corps textarea {width:250px;height:50px;background:#eff;}
	#corps textarea.message {width:350px;height:150px;background:#eff;}
	
	#corps ul#plan li{padding:10px;}

	#corps #footer {text-align:center;background:url(../images/carbobriq-pied.png) 50% 0 no-repeat;height:141px;padding:10px 0}
	#corps #footer li {list-style-type:none;padding:.5em 0;color:#794700;font-weight:bold;vertical-align:super}
	#corps #footer li a, #corps #footer li span {color:#794700;font-weight:bold;vertical-align:super}	
	#corps #footer li.infos {font-weight:normal;}
	#corps #footer li.infos a {font-weight:normal;}
	#corps #footer li.adifco {color:#666;font-size:1.2em;font-weight:normal;}			
	#corps #footer li.adifco a {color:#666;font-weight:normal;}			

/* Accordion
============= */	
#accordion {height:1%;overflow:hidden;padding:20px;margin:auto 40px;width:600px;margin:0 auto}
	#accordion .toggler {cursor:pointer;float:none;clear:both;background:#ffc;height:1%;overflow:hidden;border:2px solid #f16200;background:#794700 url(../images/carbobriq-table.png) 50% 0 repeat-y;}
	#accordion .toggler h4 {color:#fff;background:#f16200;padding:10px 0 10px 260px;font-weight:bold;}	
	#accordion .toggler ul {margin:20px auto auto 215px;padding-left:60px;font-size:1.2em;}		
	#accordion .toggler img {border-right:2px solid #794700}
	#accordion .toggler ul li {list-style-type:square;color:#ffc;line-height:200%;font-weight:bold;}				
	#accordion .element {margin:0 0 20px 0;}	
	#accordion table {margin:0;width:600px;clear:both;font-size:9px;background: #ffc url(../images/carbobriq-element.png) 0 0 no-repeat;color:#794700; padding:10px 30px 0; border:2px solid #794700;border-top:0;}
	#accordion table td {padding:3px 5px;}