body {
	background-image: url(../images/background/background_big.gif);
	background-repeat: repeat-x;
	background-color: #647178;
	text-align: left;
	font-family: "Trebuchet MS", Trebuchet, sans-serif !important;
	font-size: 11px;
	line-height: 19px;
	color: #343F47;
}

#javascript_off, #header_ie {
	position: absolute;
	width: 100%;
	height: 20px;
	background-image: url(../images/background/background_barres_vertes_titres.gif);
	left: 0px;
	top: 0px;
	z-index: 1000;
	/* TEXTE */
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
}

#javascript_off a, #header_ie a {
	color: #FFFFFF;
	text-decoration: underline;
}

#javascript_off a:hover, #header_ie a:hover {
	color: #000000;
}

#header_ie {
	visibility: hidden;
}



/*************************************************************************************/
/*************************************************************************************/
/* GABARIT - CONSTRUCTION */
/*************************************************************************************/
/*************************************************************************************/


/*************************************************************************************/

/* GENERAL 952px DE LARGE: CONTIENT ET CENTRE L'ENSEMBLE DU SITE */
#general {
	position: absolute;
	width: 952px;
	height: auto;
	left: 50%;
	top: 0px;
	margin-left: -476px;
	background-image: url(../images/background/background_general.gif);
	background-repeat: repeat;
}

/*************************************************************************************/

/* TOP 952x140px: CONTIENT LE HAUT BLANC DU SITE (LOGO + PHRASE) */
#top {
	width: 952px;
	height: 140px;
	background-image: url(../images/background/background_top_white.gif);
}

/*************************************************************************************/

/* MENU 952x30px: CONTIENT LE MENU */
#menu {
	width: 952px;
	height: 30px;
	background-image: url(../images/background/background_menu.gif);
}

.filet_menu {
	width: 1px;
	height: 30px;
	background-image: url(../images/background/background_filet_menu.gif);
	background-repeat: no-repeat;
}

/*************************************************************************************/

/* BARRE TOP GREY 952x15px: BARRE DECORATIVE AVEC FIL D'ARIANE */
#barre_top_grey {
	width: 952px;
	height: 15px;
	background-image: url(../images/background/background_barre_top_grey.gif);
	margin: 0;
	padding: 0;
	/* TEXTE */
	color: #707E86;
	font-size: 0.9em;
	line-height: 1.5em;
}

/*************************************************************************************/

/* CONTENU 952px DE LARGE: PARTIE PRINCIPALE (OMBRE GAUCHE + CONTENU CENTRAL + CONTENU LATERAL + OMBRE DROITE) */
#conteneur {
	width: 952px;
	min-height: 700px;
	background-image: url(../images/background/background_conteneur.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#bloc_central { /* contient le contenu principal du site */
	float: left;
	width: 680px;
	margin-left: 20px;
}

#bloc_droite { /* contient le contenu secondaire du site (promotions, newsletter, contact) */
	float: left;
	width: 213px;
	margin-left: 20px;
}

.bloc_info_droite {
	float: left;
	width: 213px;
	margin: 10px 0px 10px 0px;
}

.bloc_cache_ie { /* bloc caché qui fait disparaître le bug débile de ie, à savoir les 2-3 dernières lettres qui se répètent */
	visibility: hidden;
	float: left;
	margin: -10px 0px 0px 0px;
}

/*************************************************************************************/

/* FOOTER 100% DE LARGE COLLE AU FOND: LIGNE BLANCHE AVEC OMBRE ET ADRESSE */
/* FOOTER MASQUE POUR LES SMARTPHONES: PAR SYLVAIN, LE 22.03.10 */
#footer {
	position: static;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 65px;
	left: 0;
	margin-left: 0px;
    bottom: 0;
	background-image: url(../images/background/background_footer65px.png);
	padding-left: -500px;
    padding-top: 0px;
	/* TEXTE */
	text-align: center;
	color: #343F47;
	font-size: 1em;
	line-height: 1.3em;
}

span.fh_concept {
	color: #707E86;
}

/* STYLE PREVU A LA BASE POUR IE ET UTILISE EGALEMENT POUR LES SMARTPHONES: PAR SYLVAIN, LE 22.03.10 */
#footer_ie {
	position: relative;
	float: left;
	visibility: visible;
	background-image: url(../images/background/background_footer_ie65px.gif);
	width: 912px;
	height: 65px;
	left: 0;
	margin-left: 20px;
	padding-left: 0px;
	/* TEXTE */
	text-align: center;
	color: #707E86;
	font-size: 1em;
	line-height: 1.4em;
}


/*************************************************************************************/



/*************************************************************************************/
/*************************************************************************************/
/* MENU + SOUS-MENUS */
/*************************************************************************************/
/*************************************************************************************/

/* MENU GENERAL */

#Nav {
	position: absolute;
	padding: 0;
	list-style: none;
	left: 20px;
	z-index: 100;
}

#Nav li {
	/*min-width: 119px;*/
	/*max-width: 188px;*/
	/*background: #ddd;*/
	margin: 0px 0 0 0px;
	float: left;
	padding: 0;
}

#Nav li a, #Nav li a:hover, #Nav li a:active {
	display: block;
	text-decoration: none;	
	margin: 0;
	padding: 0px;
	/* TEXTE */
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
}

/* BOUTONS MENUS */

#Nav li.menu1, #Nav li.menu2, #Nav li.menu3, #Nav li.menu4, #Nav li.menu5, #Nav li.menu6, #Nav li.menu1_select, #Nav li.menu2_select, #Nav li.menu3_select, #Nav li.menu4_select, #Nav li.menu5_select, #Nav li.menu6_select {
	width: 119px;
	background-image: url(../images/menu/menu1.gif);
	background-repeat: no-repeat;
	z-index: 101;
	/* TEXTE */
	/*text-indent: -5000px;*/
}

#Nav li.menu2 {
	width: 158px;
	background-image: url(../images/menu/menu2.gif);
}

#Nav li.menu3 {
	width: 188px;
	background-image: url(../images/menu/menu3.gif);
}

#Nav li.menu4 {
	width: 155px;
	background-image: url(../images/menu/menu4.gif);
}

#Nav li.menu5 {
	width: 135px;
	background-image: url(../images/menu/menu5.gif);
}

#Nav li.menu6 {
	width: 157px;
	background-image: url(../images/menu/menu6.gif);
}

/* SOUS-MENUS */

#Nav li ul.Menu li a, #Nav li ul.Menu li a:hover, #Nav li ul.Menu li a:active {
	background-image: url(../images/menu/background_sous_menu.gif);
	width: 109px;
	/* TEXTE */
	text-align: left;
	line-height: 20px;
	text-indent: 0px;
	padding-left: 10px;
	color: #FFFFFF;
}

#Nav li ul.Menu li a:hover, #Nav li ul.Menu li a:active, #Nav li ul.Menu li.select a {
	background-image: url(../images/menu/background_sous_menu_over.gif);
	/* TEXTE */
	color: #1FA02D;
}

.Menu {
	padding: 0;
	list-style: none;
	display: none;
	z-index: 102;
}


/*************************************************************************************/
/*************************************************************************************/
/* STYLES - TEXTES */
/*************************************************************************************/
/*************************************************************************************/

h1, h2 {
	position: absolute;
	width: 150px;
	height: 93px;
	margin-left: 50px;
	margin-top: 20px;
}

h2 {
	width: 680px;
	height: 20px;
	margin-left: 250px;
	margin-top: 85px;
	/* TEXTE */
	color: #707E86;
	font-size: 1em;
}

h3 {
	height: 25px;
	background-image: url(../images/background/background_barres_titres.gif);
	/* TEXTE */
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.6em;
	padding-left: 10px;
	text-transform: uppercase;
}

h3.top_ombre {
	background-image: url(../images/background/background_barres_titres_ombre.gif);
}

h4 {
	float: left;
	width: 670px;
	height: 15px;
	background-image: url(../images/background/background_barre_middle_grey.gif);
	/* TEXTE */
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0px 0px 0px 10px;
}

h5 {
	height: 20px;
	background-image: url(../images/background/background_barres_titres_droite.gif);
	/* TEXTE */
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1.8em;
	padding-left: 10px;
}

h5.vert {
	background-image: url(../images/background/background_barres_vertes_titres.gif);
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #1FA02D;
}

a:hover {
	color: #707E86;
}

a.ancre {
	visibility: hidden;
	margin-left: -2000px;
}

p, p.remarques, p.left_align, p.lieu_desire {
	margin-top: 5px;
	/* TEXTE */
	padding: 0px 20px 0px 20px;
	line-height: 1.5em;
}

p.lieu_desire {
	float: left;
	width: 380px;
}

p.left_align {
	/* TEXTE */
	padding: 0px 0px 0px 0px;
	text-align: left;
}

p.date, p.titre {
	border-bottom: #ADB5B9 solid 1px;
	margin-top: 0px;
	padding-top: 0px;
	/* TEXTE */
	color: #ADB5B9;
	line-height: 2em;
}

p.titre {
	/* TEXTE */
	color: #000000;
	font-size: 1.1em;
	line-height: 2em;
	padding-bottom: 2px;
}

p.info_sec, .txt_info_sec p {
	margin-top: 0px;
	/* TEXTE */
	padding: 0px 0px 0px 0px;
}

p.info_droite, p.titre_info_droite, p.info_droite_promo {
	margin-top: 0px;
	/* TEXTE */
	padding: 5px 10px 0px 10px;
	color: #FFFFFF;
}

p.titre_info_droite {
	/* TEXTE */
	font-size: 2em;
	line-height: 1.1em;
	color: #1FA02D;
}

p.info_droite_promo {
	/* TEXTE */
	padding: 0px 10px 5px 10px;
	margin-top: 0px;
}

p.formulaire {
	float: left;
	width: auto;
	padding: 0px 10px 0px 20px;
}

p.formulaire_droite {
	text-align: right;
	padding: 0px 28px 0px 0px;
}

sup {
	font-size: 0.6em;
	vertical-align: super;
}

ul.liste_texte, ul.liste_texte li, ul.bloc_droite, ul.bloc_droite li {
	list-style-type: disc;
	margin: 10px 0px 15px 30px;
}

ul.liste_texte li, ul.bloc_droite li {
	margin: 0px 0px 0px 30px;
	padding-right: 20px;
}

ul.bloc_droite, ul.bloc_droite li {
	margin: 0px 0px 0px 5px;
	list-style: none;
}



/*************************************************************************************/
/*************************************************************************************/
/* CONTENU */
/*************************************************************************************/
/*************************************************************************************/


/* FLASH */

#flashcontent {
	width: 680px;
	height: 380px;
	z-index: 1;
}

.flash_inactif {
	float: left;
	width: auto;
	padding: 7px 10px 0px 10px;
	/* TEXTE */
	line-height: 1.5em;
}


/* INFO PRINCIPALE */

.bloc_info_princ, .bloc_info_princ_b {
	float: left;
	width: 680px;
	background-image: url(../images/background/background_contenu_princ.gif);
	background-repeat: repeat-x
}

.bloc_info_princ_b {
	background-image: url(../images/background/background_contenu_sec.gif);
}

.img_info_princ, .txt_info_princ, .img_info_princ_form, .txt_organigramme, .txt_organigramme_lien {
	float: left;
	width: 193px;
	height: auto;
	margin: 10px 0px 10px 10px;
}

.img_info_princ {
	/* TEXTE */
	text-align: center;
}

.txt_info_princ {
	width: 457px;
	margin: 3px 0px 10px 20px;
}

.img_largeur {
	width: 660px;
	height: auto;
	margin: 10px 0px 10px 10px;
}

.txt_organigramme {
	width: 213px;
}

.txt_organigramme_lien {
	width: 660px;
}

.txt_organigramme p, .txt_organigramme_lien p {
	margin: 5px 0 10px 0;
	padding: 0;
	text-align: center;
}

.txt_organigramme_lien p {
	text-align: left;
}



/* INFOS SECONDAIRES */

.bloc_info_sec {
	float: left;
	width: 226px;
	height: 236px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/background/background_contenu_sec.gif);
	background-repeat: repeat-x;
}

.ligne_vert_info_sec {
	float: left;
	width: 1px;
	height: 226px;
	margin: 0px 0px 0px 0px;
}

.img_info_sec, .txt_info_sec, .img_info_droite, .img_info_droite_promo {
	float: left;
	width: 193px;
	height: 110px;
	margin: 10px 0px 0px 10px;
}

.txt_info_sec {
	width: 193px;
	margin: 5px 0px 0px 10px;
}



/* INFOS DROITE */

.img_info_droite {
	margin: 10px 0px 5px 10px;
}

.img_info_droite_promo {
	height: auto;
	margin: 10px 0px 0px 10px;
}

.logo_partenaires {
	width: 193px;
	height: inherit;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}



/* FORMULAIRE */

span.vert {
	color: #1FA02D;
}

textarea {
	width: 406px;
	overflow: hidden;
}



/* MAISONS ECO+ */

.maison_eco {
	position: absolute;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	margin-left: 163px;
	margin-top: 80px;
	background-image: url(../images/contenu/fh/picto_maison_eco.gif);
}



/* SIGNATURE INVENTAIRE */
#signature {
	width: 100%;
	float: left;
	/* TEXTE */
	font-size: 0.9em;
	text-align: center;
	font-variant: small-caps;
	color: #707E86;
}

#signature strong {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #707E86;
}

#signature a:hover strong {
	color: #FFFFFF;
}
