/* ============================================
 * 
 * 
 * GBMF
 * Societe de production 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
 * ---------
 * gris : #333
 * vert : #6c3
 */


/* 
 * 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 {}
body {font: normal 62.5%/1.5 Arial, Helvetica, sans-serif;color:#fff;background:#fff url(../images/gbmf-bord.png) 0 0 repeat-x}

/* 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} 
.vert {color:#6c3}
.italic {font-style: italic}
.fright {float:right;margin:0px 0 10px 20px }
.fleft {float:left;margin:0px 20px 10px }
.bv {border:3px solid #6c3}
.left {float:left;}
.fleft {float:left;margin:0px 20px 10px  0 }
.pt {margin-top:20px}
.pb {margin-bottom:20px}
.pa {margin-top:20px;margin-bottom:30px;}
.pc {margin-top:20px;margin-bottom:10px;}
.bblanc {border:3px solid #fff}
.noir {color:#000}
.surdim {font-size:1.4em;}
.mini {font-size:1.2em;}
.micro {font-size:0.8em;}
.bb {border-bottom:.1em solid #6c3}
.blanc {color:#fff}
.normal {font-weight: normal}

/* Texte
============= */
h1 {font-size: 3em;padding:0em 0 .5em; }
#corps h1 {padding:1em 0 .3em; margin-bottom:1em;}
.h1mini{font-size:2.5em}
h2 {font-size: 2.5em;margin:20px 0 .75em;color:#6c3}     
h3 {font-size: 2.1em;margin:28px 0 .75em;color:#6c3}
.cont_g h3, .cont_r h3 {padding-top:0em;}
h4 {font-size: 1.6em;padding:1.2em 0 .75em;color:#6c3}
h5 {font-size: 1.4em;padding:.6em 0 .75em;color:#6c3}     
h6 {font-size: 1.2em;padding:.6em 0 .75em;color:#6c3}
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;}
#groupeBordet { color: #6c3; margin: 20px 0;   font: normal 16px/25px Arial, sans-serif; }

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

#tete {position:relative;width:980px;height:220px; margin:0 auto; background:url(../images/gmbf-tete.png) 50% 0 no-repeat;}
	#tete #logo {display:block;position:absolute;top:20px;left:90px;}
	#tete h2.charcoal, h1.accueil {position:relative;top:43px;left:100px;font: italic normal 5.7em/1 "Times New Roman", Times, serif;text-align:center;	z-index:100;margin:0;}
	#tete .charcoal span, h1.accueil span {font-size:1em;font-style:normal ;font-weight:normal;padding-right:40px;background:url(../images/gbmf-feuille.png) 100% 65% no-repeat} 
	#tete h1.accueil {padding:0;top:43px;}
	
	
	/* Menu */
	#tete ul#menu {position:absolute;bottom:0;height:38px;width:960px;display:block;text-align:center;
	background:#000 url(../images/gmbf-menu.png) 50% 0 no-repeat;padding:4px 0 0;margin:0;left:10px;}
	#tete ul#menu li {display:inline; font: bold 1.6em/38px Arial, sans-serif}
	#tete ul#menu li a {padding:0em 1em;border-right:.1em solid #fff; color:#fff;text-decoration:none;margin-top:4px}
	#tete ul#menu li a.dernier {border:none}
	
	/* Submenu */
	#tete ul#submenu {position:absolute;top:96px;left:240px;height:38px;width:660px;display:block;
	background:#fff url(../images/gmbf-submenu.png) 50% 0 no-repeat;padding:5px 0 0 37px;margin:0;z-index:50}
	#tete ul#submenu li {display:inline;line-height:42px;font-weight:bold;font-size: 1.6em;}
	#tete ul#submenu li a {padding:0em .5em;border-right:.1em solid #333; color:#333;text-decoration:none;margin-top:4px}
	#tete ul#submenu li a.contact {padding-left:120px;border:0;font-weight:normal;font-size:1.2em;color:#fff;}	
	#tete ul#submenu li a.dernier {border:0}
	
	
/* Slider
============= */	
#env {background:#fff url(../images/gmbf-slider.png) 0 0 repeat-y; width:980px ;margin:0 auto;} 
#slider { height:250px;position:relative;padding:40px 0; } 
	.sample {position:relative; width:100%;overflow:hidden;}  
	#box2{position:absolute;}
	#box2 span{display:block;float:left;} 
	.mask2{position:relative;width:820px;height:250px;overflow:hidden; margin:0 auto;background-color:#212121;z-index:100} 
	#prev1 {position:absolute;top:212px;left:830px;z-index:200}
	#next1 {position:absolute;top:212px;left:860px;z-index:200}
	#play1, #stop1 {position:absolute;top:210px;left:1820px;z-index:200} 
	span img{display:block;border:none;}
 
/* Contenu
============= */
	 
#corps {position:relative;width:960px;margin:0 auto;color:#fff; background:#212121 url(../images/gbmf-barre.png) 50% 0 no-repeat; height: 1%; overflow: hidden; }

	#corps #centenaireetdemi {position:absolute;top:0;right:0px}
	#corps .libre {padding:20px 60px}
	#corps .nopb {padding:20px 60px 0}
	#corps .nopb h1.bb {padding-bottom:0;margin-bottom:0}
	#corps .deux_col {/*height:1%;overflow:hidden*/   }
	#corps .deux_col h1 {padding:12px 0;}
	#corps .deux_col div{padding:20px;width:358px;float:left; }
	#corps .deux_col div.cont_g {margin:0;padding:20px 23px 20px 20px;width:355px;;background:url(../images/gbmf-bordr.png) 100% 0 repeat-y}
	#corps .deux_col div.cont_r {margin:0}
	#corps #carbobriq {clear:both; padding:0px 80px;}
	
	div.cont_g dl dt, div.cont_g dl dd {font-size: 1.4em;padding:0 0 .75em;}
	
	#ppal, #sec, #ppal_barbec {width:800px;padding:50px 40px 20px;margin: 0 auto;}
	#ppal_barbec {padding:10px 40px 20px;}
	#sec {width:800px;padding:20px 40px 40px;margin: 0 auto;}
		#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:#fff;width:90px;background:#6c3;font-weight:bold;margin-top:20px}
	#corps textarea {width:250px;height:50px;background:#eff;}
	#corps textarea.message {width:350px;height:150px;background:#eff;}
	
	#corps #plan li a {color:#fff;}
	

        #q_contact  { padding: 40px; }
        #q_l        { float: left; clear: left;  }
        #q_r        { float: right; clear: right;  }
         

#sites {width:980px;margin:0 auto;}
	#sites img {}		
	
#footer { margin:40px auto;text-align:center;}
	#footer li {list-style-type:none;padding:.5em 0;color:#794700;font-weight:bold;}
	#footer li a {color:#212121;font-weight:bold;}	
	#footer li.infos {font-weight:normal;}
	#footer li.infos a {font-weight:normal;}
	#footer li.adifco {color:#666;font-size:1.2em;font-weight:normal;}			
	#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 #fff;background:#794700 url(../images/gbmf-toggler.png) 50% 0 repeat-y;}
	#accordion .toggler h4 {color:#fff;background:#6c3;padding:10px 0 10px 260px;font-weight:bold;}	
	#accordion .toggler ul {margin:20px auto auto 215px;padding-left:60px;padding-bottom:0;font-size:1.2em;}		
	#accordion .toggler img {border-right:2px solid #fff}
	#accordion .toggler ul li {list-style-type:square;color:#6c3;line-height:200%;font-weight:bold;}				
	#accordion .element {margin:0 0 20px 0;background:#fff url(../images/gbmf-element.png) 50% 0 no-repeat;}	
	#accordion table {margin:0;width:600px;clear:both;font-size:9px ;color:#212121; padding:10px 30px 0; border:2px solid #fff;border-top:0;}
	#accordion table td {padding:6px 5px;}
	#accordion table p {padding:0;}
    .element ul { color: #212121; padding: 20px; margin: 0 10px}
    .element li { font: normal 10px/17px Arial, sans-serif }