/* CSS FILE
	CREATION:	H.O.net - http://www.honet.be
	AUTHOR:		Daniel Reszka - danielr@honet.com
	NOTES:		valeur de la tabulation = 8 espaces
*/

	#header h1 		{ display: none}
	#footer			{ display: none}
	.nav			{ display: none}
	
	
/*BASIC*/
    /*whitespace reset + generic font sizes */
	h1, h2, h3, h4, h5, h6,
	p, ul, ol, dl		{ margin: 1em 0; font-size: 1em}
	ul, ol, dd		{ margin-left: 1em}
	ul, ol, li		{ font-size: 1.0em;  margin-top: 0.2em; margin-bottom: 0.1em; margin-left: 20px}
	h1 			{ font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em}
	h2 			{ font-size: 1.7em; font-weight: bold}
	h3 			{ font-size: 1.4em; font-weight: bold}
	h4 			{ font-size: 1.2em; font-weight: bold}
	h5 			{ font-size: 1.0em; font-weight: bold}
	h6 			{ font-size: 0.8em; font-weight: bold}
	hr 			{ border:0; border-top: 1px solid gray; height: 0; background: gray}
	table caption		{ text-align:left; font-weight:bold}
	tr, td, th		{ vertical-align:top}
	table			{ font-size: 1.0em; line-height: 1.2em; margin: 0.5em 0}
	img 			{ border: 0}
/*BASIC*/
	body, html 		{ margin: 0; padding: 0  }
	body			{ font-family: arial, sans-serif; color: #26272F; font-size: 76%;}
	h2 			{ font-size: 1.4em; color: #8E90AF; border-bottom: 1px solid; margin-top: 1.2em}
	h3 			{ font-size: 1.2em; color: #21268D; margin-bottom: 0em; margin-top: 1.2em}
	h4 			{ font-size: 1.0em}
	h5 			{ font-size: 0.8em}
	h6 			{ font-size: 0.8em}
	td, th			{ border: 1px solid #E6E6F2; padding: 4px 5px}
	th 			{ color:#575FB3; background: #F1F1F5;}
	table, td, th 		{ border-collapse: collapse; border-color: #C4C5DB}
	strong 			{ color: #6468AB}
/*CONTENT-MAIN*/
	#content-main img 	{ margin-right: 10px; margin-bottom: 8px;}
	#content-main h2 	{ font-size: 1.5em; font-weight: normal; padding: 4px 8px; border: solid; border-width: 1px 0; background: #F1F1F5; color: #9698BB}
	#content-main h3 	{ color: #575FB3; font-size: 1.3em; border-bottom: 1px solid #797CAF; margin-top: 2em; margin-bottom: 0.5em}
	#content-main h4 	{ color: #44499B; font-size: 1.2em;margin-top: 1.5em; margin-bottom:-0.5em; border-left: 1px solid; padding-left: 5px}

    /*mainstory*/
	.default #mainstory	{}
	#mainstory ul 		{ list-style:none; padding-left: 10px}
	#mainstory li 		{ display: block; background: url(bullet04.png) no-repeat 0 0; ; padding-left: 13px; margin: 3px 0}
 * html #mainstory li 		{ height: 1%}
	#mainstory li ul	{ margin: 0.2em 0 0.5em}

/*LOCAL STYLES*/
    /*by function label*/
	.homepage #slogan		{ font-size: 120%; font-weight: bold; color: #747695; margin-bottom: 1cm;}
	.homepage #slogan ul		{ list-style: square }
	.homepage #info_blocs div	{ border: 1px solid #747695; margin: 0 0 10px 0; background: white}
	.homepage #info_blocs ul	{ margin: 0 0 0px 0; padding: 0 0 0 0;  list-style: none; position: relative}
	.homepage #info_blocs p,
	.homepage #info_blocs li	{ color: #37384E; padding: 0 8px 0 16px}
	.homepage #info_blocs li	{ margin: 0; padding-left: 8px; background: url(bullet01.png) no-repeat 0 6px; margin-left: 8px; margin-bottom: 4px}
	.homepage .tableau-layout	{ width: 1px; margin: 7px 0 0 0; padding: 0}
	.homepage .tableau-layout td	{ border: none; padding: 0}
	.homepage .tableau-layout p	{ margin: 0 ; padding: 0}
	.homepage .tableau-layout img	{ float: left; clear: both; margin: 0 10px 8px 0; ma\rgin-bottom: 6px}
	.homepage #info_blocs h2	{ background: #F2F2F6; margin-top: 0; font-size: 12px; color: #474979; border: solid #D9D9E3; border-width: 0 0 1px 0; padding: 4px 8px 2px 8px}
 * html .homepage #info_blocs h2	{ height: 1%}
	.homepage #mainstory 		{ padding-left: 24px !important; padding-right: 20px !important; padding-bottom: 1px !important}
	.homepage #news 		{ min-height: 97px}
 * html	.homepage #news 		{ height: 97px}
	.homepage #news p		{ color: #747695 ; margin-top: 0}
	.homepage #filiales 		{ padding-bottom: 10px; padd\ing-bottom: 6px}
	.formulaire #mainstory		{ overflow: hidden}
 * html .formulaire #mainstory		{ overflow: visible; height: 1%}
	.formulaire #text_main		{ float: left; width: 250px}
	.formulaire h3			{ margin-bottom: 1.5em !important; position: relative }
	#formulaire 			{ position: relative; width: 310px; background: white; float: right; border-left: 1px solid #E1E1E3; padding-left: 15px; padding-top: 20px;}
	#formulaire td			{ border: 0 !important}
	#formulaire .field		{ margin-bottom: 5px}
	#formulaire .field input,
	#formulaire .field textarea	{ background: white; width: 180px; border: 1px solid #9698BB; margin-bottom: 0}
	#formulaire .submit input	{ margin-left: 95px;}
	#formulaire label		{ display: block; float:left; width: 75px; text-align: right; margin-right: 20px}
	#formulaire label em		{ position: absolute; color: red; font-weight: bold; font-size: 14px !important; font-family: "Courier New", Courier, monospace; font-style: normal}
	#formulaire .validator		{ display: none}

/*FROM CMS*/
	p.date				{ color: #37384E !important; margin-bottom: 0; background: url(bullet01.png) no-repeat 7px 6px}
	ul.liste-espacee li 		{ margin-bottom: 1em}
	ul.liste-espacee li li 		{ margin-bottom: 0em}
	ul.liste-espacee ul.liste-espacee li { margin-bottom: 1em}
	ul ul.liste-espacee 		{ margin-top: 0.5em}
	div.bloc			{ margin: 10px 0; border: 1px solid #ADAEC6; width: 80%; min-height: 120px; clear: both; overflow: hidden;}
 * html div.bloc 			{ overflow: visible; height: 1%; }	
	div.bloc img			{ float: left; margin-left: -115px; border: 1px solid #ADAEC6; padding: 1px}
	div.bloc p			{ margin-left: 120px; padding-right: 20px}
	img.bordure			{ padding: 1px; border: 1px solid #C0C2D7}
	#mainstory li.fichier-pdf	{ background-image: url(bullet-pdf.png); line-height: 1.8em; padding-left: 25px; margin: 0}
	p.flotter-a-gauche		{ float: left; background: white; padding-right:10px; }
	p.flotter-a-droite 		{ float:right; background: white; padding-left:10px}
	#content-main p.flotter-a-droite img { margin-right: 0; margin-left:10px}