/* ============================================

 * 

 * 

 * 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 }

.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}



/* 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;}



/* 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;line-height:42px;font-size: 1.9em;}

	#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:0}

	

	/* 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:250px;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}



	#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;}

	



#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;}