/***********************************
*  SITE MOBILIER BOURGUIGNON *
*  Fichier CSS version 0.0.1       *
*  2007.12.05                      *
************************************/
/***************************
** CONTENU DE PAGE DE BASE * 							
****************************/
/* Ajoute une barre de défilement automatiquement afin de garder le centrage de la page */
HTML { margin: 0px; padding: 0px; overflow-y: scroll; overflow-x: auto;}
BODY { margin: 0px; padding: 0px; color: #fff;
	font-family: Verdana,Arial,SunSans-Regular,Sans-Serif; 
	font-size: 0.8em; text-align: center;
	background:#000;
}
/*
#header A, #pied A { background-color: transparent; text-decoration: none; color:#FFF;}
#header A:hover, #pied A:hover {text-decoration:underline;}

a:hover { color: #6C3B2F; background-color: transparent; text-decoration: underline; }
a:visited { color: #6C3B2F; background-color: transparent; }
*/

H1,H2,H3,H4{ margin: 0px; padding: 0px; background-color: transparent; }

H1 { font-size: 1.9em; margin: 25px;  padding: 25px;}
H2 { font-size: 1.35em; text-transform: uppercase; }
H3 { font-size: 1.0em; }
P { font-size: 0.8em; }
IMG { border: 0px none;}
/* Evite le texte fantôme qui sort des boites sous IE6*/
/* DEcommenter au final, utile en commentaire pour previsu dans logiciel de WYSIWYG */
H1,H2,H3,H4,P,DIV,IMG,LI{ position: relative;}/*,span,img,,UL,LILI,
,INPUT,FIELDSET,LABEL,LEGEND
*/

/* Boîte globale */
#main {
	margin: 0px auto;  padding: 0px; text-align: left;
	width: 960px;
	/*overflow: auto;*/
	overflow: none;
	background: #000;
}
/* En-tête : logo et menu haut*/
#header {
	height:140px;
	float:left;
	top:30px;
}
#hd-top{ 
	width:726px;
	text-align: left;
	line-height:30px;
	float:left;
}
#pied { 
	width:960px;
	text-align: right;
	float:left;
	background:url(../img/bg_head-drt.gif) left top no-repeat ;
}

#hd-gauche, #hd-logo, #hd-droite {
	float:left;
	height:110px;
}
#hd-gauche {
	width:27px;
	background:url(../img/bg_head-gch.gif) top left no-repeat;
}
#hd-logo {
	width:207px;
	background:url(../img/bg_head-lgo.gif) top left no-repeat;
}
#hd-logo A {
	margin:0px; padding:0px;
	display:block;
	width:207px;
	height:110px;
}
#hd-droite {
	width:726px;
	background:url(../img/bg_head-drt.gif) top left no-repeat;
}
/* Bandeau de chaque catégorie */
#bandeau {
	height:400px;
	float:left;
}

/****************************************** 
* BOF INDEX
*******************************************/
/* Bandeau de chaque catégorie */
#bandeau { height:400px; float:left; }

#qui, #avo, #not, #eco, #adr {
	height:100px;
	float:left;
	width:960px;
	z-index:10;
}
.img { float:left; height:100px;	z-index:15; }

#bandeau #qui .qui, #bandeau #avo .avo,
#bandeau #not .not, #bandeau #eco .eco { z-index: 20; }
/*#bandeau .roll { z-index: 20; }*/

#bandeau #qui, #bandeau #qui .img { width:716px;}
#bandeau #qui { background: #917013; }
#bandeau #qui .img, #bandeau.qui #qui {
background:url(../img/bgd_qui.jpg) left no-repeat; }

#bandeau #avo, #bandeau #avo .img { width:844px; }
#bandeau #avo { background: #F79222; }
#bandeau #avo .img, #bandeau.avo #avo {
background:url(../img/bgd_avo.jpg) left no-repeat;	}

#bandeau #not, #bandeau #not .img {	width:690px; }
#bandeau #not { background: #B11016; }
#bandeau #not .img, #bandeau.not #not { 
background:url(../img/bgd_not.jpg) left no-repeat;	}

#bandeau #eco	{	width:960px; } 
#bandeau #eco .img {	width:722px; }
#bandeau #eco { background: #8CC63F; }
#bandeau #eco .img, #bandeau.eco #eco {
background:url(../img/bgd_eco.jpg) left no-repeat;	}

#bandeau.qui #qui, #bandeau.avo #avo, #bandeau.not #not, #bandeau.eco #eco {
	width: 960px;
}

#eco .adr {
	width: 238px;
	margin: 0px;
	float: right;
	text-align:left; height: 100px;
	background: #000000;
}
#pied .adr {
	width: 238px;
	margin: 0px;
	float: left;
	text-align:left; height: 100px;
}
/****************************************** 
* EOF INDEX
*******************************************/
#bandeau #eco .adr P { top:13px; left:15px/*margin-left:15px;*/ }

/* lien et rollover sur les catégories */
B { display:none; }
#bandeau .roll A {
	position:absolute;
	top:50px;
	left:0px;
	margin:0; padding:0;
	float:left;
	display:block;
	height:40px;
	width:270px;
	background: no-repeat left top;
	z-index:25;
}
#bandeau .roll A:HOVER {
	background-position: -270px;
}
/*#page #bandeau .roll A:HOVER {
	cursor: default;
}*/
#bandeau .qui A   {
	background:url(../img/btn_qui.gif);
}
#bandeau .avo A {
	background:url(../img/btn_avo.gif) no-repeat left;
	width:210px;
}
#bandeau .not A {
	background:url(../img/btn_not.gif) no-repeat left;
	width:195px;
}
#bandeau .eco A {
	background:url(../img/btn_eco.gif) no-repeat left;
	width:220px;
}
/*************************************/
#hd-droite .haut { width: 723px; margin: 0px;}
#pied .bas { width: 960px; margin: 0px; float: left;}
.menu UL {
	float: right;
	list-style:none;	
	padding:0;
	line-height: 29px;
	margin: 0px; padding: 0px;
}
.menu LI {  
	float: left; 
	height: 29px;
	display:inline;
}
.menu A {
float: left; 
	display:block;
	/*width: 79px;*/
	height: 26px;
	background-color: transparent;
	font-size: 0.8em; color: #FFFFFF;
	text-decoration: none;
}
.menu A.on{ color:#666666; }
.menu A:HOVER { text-decoration: underline;}
.menu A.on:HOVER{ cursor: default;text-decoration: none;}
.menu .ro { width: 79px; }
.menu A.kobo { width: 63px; }
.menu .pdf {
	background: url(../img/pdf.gif) no-repeat top left;
}

/*****************************************
******************************************/
#main #page {
	float: left;
}
#main #page H1 {
	margin: 0px; padding: 0px;
	width: 960px;
	height: 100px;
	line-height: 100px;
	background-image: url(../img/page-avo.gif);
}
/*
--------------------

#bandeau #qui {
	background: transparent;
}*/
#bandeau.qui { background:#917013; } /*#67-4E-0C; */
#bandeau.avo { background:#F79222; } /*FF6600*/
#bandeau.eco { background:#8CC63F; }
#bandeau.not { background:#B11016; }

#colonnes A { color:#FFF; }
#colonnes .moyenne-liste {
	clear:both; float:left;
}
#colonnes .liste {
	clear: both;
}
#colonnes #large, #colonnes .large {
	width:415px;
	float: left;
}
/*#colonnes #large.large {
	width:960px;
	float: left;
}*/
.not #colonnes .large {
	width:415px;
}
#colonnes P.map IMG {
	float: left;
}
#colonnes P.goomap {
	text-align: right; width: 960px;
	float: left;
}
#colonnes #moyenne, #colonnes .moyenne {
	width:200px;
	float: left;
} 
#colonnes #petite, #colonnes .petite {
	width:130px;
	float: left;
}
#colonnes #bord-sepa, #colonnes .bord-sepa {
	width:15px;
	float: left;
}
#colonnes #bord-droit,#colonnes .bord-droit {
	width:65px;
	float: left;
}
#colonnes #bord-haut{
	height: 25px;
	width:960px;
	float: left;
}
#colonnes H2 {
	font-size: 30px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
}
#colonnes H3 {
	font-size: 20px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
#colonnes P {
	font-size: 13px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding-bottom: 0 0 10px 0;
}
#colonnes P STRONG{
	color: #FFF;
}
#colonnes INPUT{
	float: left;
}

#colonnes P.justifie {
	text-align:justify;
}
#colonnes P.suite {
	margin-top: 8px;padding-top: 8px;
	text-align:right;
	font-size: 9px;
}
#colonnes .suite A { text-decoration: none; }
#colonnes .suite A:HOVER { text-decoration: underline; }

#colonnes H3.clr-blanc .dix {
	font-size: 15px;
}
#colonnes .accro-logo IMG {
	position:absolute; top:0; right:0
}
.carte #colonnes H3{
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}
/*.carte #colonnes  P {
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
}
.carte #colonnes UL {
	position: relative;
}*/
.carte #colonnes UL{
	margin: 10px 0 10px 20px;
}
.carte #colonnes UL UL LI{
	margin: 5px 0 5px 20px;
}
.carte #colonnes LI{
	list-style-position: inside;
	/*float: left;*/
}

/* erreur */
.err H3, .err P, .clr-err { color: #FF0000; }

.qui H3, .qui P, .clr-qui { color: #917013; } /*#66-4F-13;*/
.qui H1 { background-color: #917013; }

.avo H3, .avo P, .clr-avo{ color: #F79222; }
.avo H1 { background-color: #F79222; }

.not H3, .not P, .clr-not{ color: #B11016; }
.not H1 { background-color: #B11016; }

.eco H3, .eco P, .clr-eco, .map P{ color: #8CC63F; }
.eco H1 { background-color: #8CC63F; }
H3.clr-blanc{ color: #FFF; }

#colonnes A IMG {
	margin: 0 0 15px 0;
}
#colonnes #large IMG.petite {
	/* width: 130px; */ /* height:90px; */
	margin: 0 0 7px 0;
	/*padding: 0 0 7px 0;*/
}
FORM fieldset {
	padding: 10px;
}
FORM .error {
    border: 1px solid red;
}
FORM INPUT, FORM SELECT, FORM TEXTAREA {
    border: 1px solid #fff;
}

#floatingCleared {width:20em}
#floatingCleared LABEL {clear:left;float:left;width:8em; display:inline; }
#floatingCleared LABEL.point{text-align: right;padding-right: 8px;}
#floatingCleared INPUT {float:left;margin-bottom:1em;}
#floatingCleared SELECT {float:left;margin-bottom:1em;}
#floatingCleared INPUT.point {margin:0 5px; float: right;  }

/* Salut Fabien ! */