/* ================================================================================ */
/* = GLOBAL SITE */
/* ================================================================================ */

	body {
		font-size: 90%;
		font-family: 'Trebuchet MS', Verdana, Arial, Geneva, Helvetica, sans-serif;
		margin: 0; padding: 20px 0 0 0!important;
		text-align: center;
		background: #e8e4df url(/global/medias/bgBody.gif) repeat-x 0 0;
		}
	dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,
	p,blockquote,fieldset,input,legend {margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6 {
		font-size: 1em;
		font-weight: normal; 
		margin: 0; padding: 0;
		}
	em {font-style: normal}
	ul, ol, li {list-style: none}
	span.hide {display: none}
	.break {clear: both; line-height: -100em; visibility: hidden}
	.clear {display: block;clear: both}

	img { display: block}
	a img {border: 0}
	a {text-decoration: none}
	a:hover { text-decoration: underline}
	p a {color: #017F97}
	table {border-collapse: collapse}
	td em {font-style: italic;}
	th {text-align: left; font-weight: normal;}
	p {color: #656565; font-size: 0.8em; line-height:1.5em;}
	p sup {
		vertical-align: top;
		position:relative; top: 2px;
		}
		
/* ================================================================================ */
/* = GLOBAL STRUCTURE */
/* ================================================================================ */
	#page {
		width: 970px;
		position: relative;
		margin: 0 auto; padding: 0;
		text-align: left;
		border: 4px #969696 solid;
		background-color: #fff;
	    }
	body#home img.logo {position: absolute; top: 0px; right: 45px;}
	img.logo {position: absolute; top: -1px; right: 45px;}

	#header, #mainContent {width: 880px; margin-left: 45px}
	#footer {width: 970px}
	#mainContent { padding: 0 0 1px 0}
	#colA, #colB {float: left}
	#colA {width: 560px; padding: 15px 20px 0 0;}
	#colB {width: 254px; padding: 23px;}
	
	body.contentRecrutement #colA,
	body.contentImplantations #colA,
	body.contentExtranet #colA { width: 880px; padding: 15px 0 20px 0!important}

	body#home #colB {
		padding: 1.8em 23px 23px 23px;
		background: transparent url(/global/medias/bgColB.gif) repeat-x 0 -1px;
		}
	body#pageGenerique #colB {
		background: #D1C9C0 url(/global/medias/bgColBpage.gif) repeat-x bottom}
	body#home #contentColA {padding: 1.8em 0 0 0}
				
/* ================================================================================ */
/* = GLOBAL HEADER */
/* ================================================================================ */
	
	/*= localisation 
	---------------------------------------------------------*/
	#localisation a {text-indent: -100em}
	#localisation a.uk {
		display: none;
		position: absolute; top: 22px; left: 15px;
		width: 16px; height: 11px;
		background: transparent url(/global/medias/drapUK.gif) no-repeat 0 0;
		}
		
	/* = zone navigation coorporate 
	---------------------------------------------------------*/
	ul#navCoorpo {padding: 2px 0 0 0; height: 20px}
	ul#navCoorpo li {display: inline}
	ul#navCoorpo li a { 
		font-size: 0.8em; color:#969696; 
		padding: 0 5px 0 5px;
		border-left: 1px #969696 solid;
		}
	
	/* = zone bandeau 
	----------------------------------------------------------*/
	body#home #bandeau {
		width: 880px; height: 147px;
		background: transparent url(/global/medias/bgHeader.jpg) no-repeat 0 0;
		}
	body#home #ZoneFlashHeader {
		position:absolute;width: 641px; height: 147px;
		}
	body#pageGenerique #bandeau {
		width: 880px; height: 53px;
		border-bottom: 1px #43C1D7 solid;
		background: transparent url(/global/medias/bgHeaderPage.jpg) no-repeat 0 0;
		}
	#bandeau p { 
		position: absolute; top: 45px; left: 70px;
		width: 315px; text-align: justify;
		font-size: 0.8em; line-height: 1.1em; color:#000;
		}	
	
	/* = menuGlobal 
	----------------------------------------------------------*/
	#menuGlobal,
	#menuGlobal #signature {height: 75px}
	#menuGlobal { 
		width: 880px; 
		background: transparent url(/global/medias/bgMG.gif) repeat-x 0 0;
		}
	#menuGlobal #signature { 
		width: 300px;
		position: absolute; right: 45px; height:23px;
		background: transparent url(/global/medias/signature.gif) no-repeat 0 0;
		}
	body.marchesContent #signature {
		background: transparent url(/global/medias/signature.gif) no-repeat 0 0!important}
	body#pageGenerique #signature,
	body.contentRecrutement #signature {
		background: transparent url(/global/medias/signatureWhite.gif) no-repeat 0 0!important right}
	
	/* = zone de recherche 
	----------------------------------------------------------*/
	#menuGlobal form#recherche {position: absolute; left: 50px}
	#menuGlobal form#recherche p {padding: 3px 0 0 0}
	#menuGlobal form#recherche p input {
		font-size: 0.9em; color: #000;
		padding: 2px;
		border: 1px #C6BFB4 solid;
		}	
	#menuGlobal form#recherche p button {
		color:#fff; cursor: pointer;
		border:0; padding:0; margin: 1px 0 0 0;
		background-color: #C6BFB4;
		}
	#menuGlobal form#recherche p button:hover {background-color: #000}
	
	/* = zone du menu global 
	---------------------------------------------------------*/
	#menuGlobal ul.niv1 { padding: 25px 0 0 0}
	#menuGlobal ul.niv1 li {display: inline; margin: 0 3px 0 3px;}
	#menuGlobal ul.niv1 li a {
		float: left; height: 20px;
		display: block; padding: 5px 3px 0 3px;
		font-size: 0.85em; color:#fff;
		}
	#menuGlobal ul.niv1 li a.extranet {/*color: yellow!important;*/}
	#menuGlobal ul.niv1 li.n1 a:hover,
	#menuGlobal ul.niv1 li.currentN1 a,
	#menuGlobal ul.niv1 li.n1 a:active,
	#menuGlobal ul.niv1 li.n1 a:focus {
		text-decoration: none!important;
		background-color:#0F5165;
		}
		
	/*= menus dynamiques 
	---------------------------------------------------------*/
	body.activitesContent #Menu1 {display: block;}
	body.marchesContent #Menu2 {display: block}
	body.atoutsContent #Menu3 {display: block}
		
	#Menu1, #Menu2, #Menu3, #Menu4, #Menu5, #Menu6, #Menu7, #Menu8, #Menu9, #Menu10 { 
		display: none; width: 880px;
		position: absolute; left:0;
		margin: 25px 0 0 45px;
		background-color:#0F5165;
		}
	#Menu1 li, #Menu2 li, #Menu3 li, 
	#Menu5 li, #Menu4 li, #Menu6 li,
	#Menu7 li, #Menu8 li, #Menu9 li,
	#Menu10 li{
		display: inline; margin: 0 5px 0 0!important
		}
	#Menu1 li a, #Menu2 li a, #Menu3 li a, 
	#Menu5 li a, #Menu4 li a, #Menu6 li a, 
	#Menu7 li a,#Menu8 li a,#Menu9 li a, #Menu10 li a {
		padding: 5px 5px 0 5px!important;
		color: #26D7FE!important; 
		}
	#Menu1 li a:hover, #Menu1 li.currentN2 a,
	#Menu2 li a:hover, #Menu2 li.currentN2 a,
	#Menu3 li a:hover, #Menu3 li.currentN2 a,
	#Menu4 li a:hover, #Menu4 li.currentN2 a,
	#Menu5 li a:hover, #Menu5 li.currentN2 a,
	#Menu6 li a:hover, #Menu6 li.currentN2 a,
	#Menu7 li a:hover, #Menu7 li.currentN2 a,
	#Menu8 li a:hover, #Menu8 li.currentN2 a,
	#Menu9 li a:hover, #Menu9 li.currentN2 a,
	#Menu10 li a:hover, #Menu10 li.currentN2 a
	 { color:#fff!important}
	
/* ================================================================================ */
/* = CONTENU DE LA HOME PAGE / COLONE A */
/* ================================================================================ */
	#colA h1 {
		padding: 5px 0 0 90px; margin: 0 0 10px 0;
		background: transparent url(/global/medias/itemH1.gif) no-repeat 0 0;
		}
	#colA h1 span {
		display: block;
		font-size: 1.3em; font-weight: bold;
		border-bottom: 1px #ccc solid;
		}
	#colA .contentColA {padding: 0 0 10px 0}
	#colA .contentColA .article { margin: 0 0 15px 30px}
	#colA .contentColA .article img {padding: 0 10px 0 0}
	#colA .contentColA .article .contentArticle {
		border-bottom: 1px #ccc solid;
		padding: 10px 0 0 0;
		}
	
	#colA .contentColA .article .contentArticle h2 span {
		font-size: 1.1em; color:#B4000D;
		margin: 0 0 5px 0; padding: 8px 0 5px 60px;
		background: transparent url(/global/medias/itemH2.gif) no-repeat 0 0;
		}
	#colA .contentColA .article .contentArticle p {padding: 10px 0 20px 0}
	#colA .contentColA .article .contentArticle p a,
	#colA .contentColA td a {
		padding:0!important;
		color:#551A90;
		text-align: right; 
		font-weight: normal!important;
		background-image: none!important;
		}
	#colA .contentColA .article .contentArticle p a {
		display: block;
		padding: 0 20px 0 0!important;
		color:#000!important; 
		text-align: right; 
		font-weight: bold!important;
		background-image: none!important;
		background: transparent url(/global/medias/itemSuite.gif) no-repeat right top!important;
		}
	#colA .contentColA .article .contentArticle a {font-size: 0.9em}
	#colA .contentColA td a {font-size: 0.7em}	
	
	/*= home froid / climatisation / chaud 
	---------------------------------------------------------------------*/
	#flashThemo {
		float: left;
		width: 80px; height: 195px;
		margin: 0 10px 0 0;
		}
		
	.tableHome {}
	body#home .contentColA td {padding: 0.4em}
	body#home .contentColA td a {
		display: block!important;
		color:#000!important;
		padding:0!important;
		background-image: none!important;
		}
	
	/*= liste colA 
	---------------------------------------------------------------------*/
	#colA .contentColA .article ul {float: left}
	#colA .contentColA .article ul li {list-style: disc}
	#colA .contentColA .article ul li a {
		font-weight: bold;
		background-image: none!important;
		}
	
	/* liste contenu générique 
	---------------------------------------------------------------------*/
	#colA ul {margin: 10px 0 10px 0}
	#colA ul li { margin-bottom: 7px}
	#colA ul li a {
		display: block;
		font-size: 0.9em; color: #000;
		padding: 0 0 0 20px;
		background: transparent url(/global/medias/itemSuite.gif) no-repeat 0 0;
		}

/* ================================================================================ */
/* = CONTENU DES PAGES INTERNES / COLONE A */
/* ================================================================================ */

	body#pageGenerique #colA .contentColA { clear: both; margin: 0 0 5px 0}
	body#pageGenerique #colA h2,
	body#pageGenerique #colA .contentColA h2 { margin-bottom: 10px}
	body#pageGenerique #colA .contentColA .contentColAimg {
		width: 250px;
		clear: both;
		}
	body#pageGenerique #colA .contentColA .contentColAimg img {padding: 5px}
	body#pageGenerique #colA .contentColA .contentColAdes {display: block}
	
	body#pageGenerique #colA h2,	
	body#pageGenerique #colA .contentColA h2,
	body#pageGenerique #colA .contentColA h2 span { 
		font-size: 1.3em; 
		color:#017F97!important;
		font-weight: bold;
		}
	body#pageGenerique #colA .contentColA p {clear: both}
	body#pageGenerique #colA .contentColA p img,
	body#pageGenerique #colA .contentColA img {padding: 0 10px 10px 0}
	body#pageGenerique #colA .contentColA a,
	body#pageGenerique #colA .contentColA p a.linkCandidature {font-size: 1em}
	body#pageGenerique #colA .contentColA a {
		text-align: right; padding: 0 20px 0 0;
		color: #000; font-weight: bold;
		background: transparent url(/global/medias/itemSuite.gif) no-repeat right top;
		}
	body#pageGenerique #colA .contentColA p a {}
	body#pageGenerique #colA .contentColA p a.linkCandidature { 
		display: block;
		color:red!important; 
		padding: 5px 20px 0 0!important;
		border-top: 1px #ccc solid; 
		background: transparent url(/global/medias/itemCandida.gif) no-repeat right top!important;
		}	
		
	/*novembre 2008 - loic*/
	.video {
		padding: 1em 0 1em 0;
		text-align: center;
		}
	.video #videoLegende p {font-style: italic;}
		
/* ================================================================================ */
/* = EXTRANET */
/* ================================================================================ */
	body.contentExtranet #colA form {}
	body#pageGenerique #colA form label { font-size: 0.9em!important;}
	body#pageGenerique #colA form td {padding: 5px 0 0 0}
	body#pageGenerique #colA form td h1 {
		padding: 10px 0 10px 90px!important;
		font-weight: bold;
		}
	body#pageGenerique #colA form td a.forgot {
		display: block; text-align: right;
		color:#000; font-size: 0.8em;
		text-decoration: underline;
		}

/* ================================================================================ */
/* = RESULTAT DE LA RECHERCHE */
/* ================================================================================ */
	label.labelRadio {width: auto!important; padding: 0 10px 0 0!important}
	table.tableResult {margin-top: 10px}
	table.tableResult td {font-size: 0.8em; padding:5px}
	table.tableResult a {color:#000; font-size: 1.1em}
	
/* ================================================================================ */
/* = FORMULAIRES / COLONE A  */
/* ================================================================================ */
	body#pageGenerique #colA form {
		width: 100%; margin: 10px 0 0 0
		}
	body#pageGenerique #colA fieldset {
		padding: 10px; border: 1px #ccc solid
		}
	body#pageGenerique #colA legend {
		font-size: 0.7em; color: #333;
		padding: 0 0 10px 0
		}
	body#pageGenerique #colA form p {
		float: left; width: 100%!important;
		margin:0 0 5px 0!important; 
		padding: 0 0 5px 0!important;
		}
	body#pageGenerique #colA form p label,
	body#pageGenerique #colA form label,
	body#pageGenerique #colA form p input,
	body#pageGenerique #colA form input,
	body#pageGenerique #colA form p select,
	body#pageGenerique #colA form p textarea,
	body#pageGenerique #colA form p span,
	body#pageGenerique #colA form p img,
	body#pageGenerique #colA form p em,
	body#pageGenerique #colA form p font.checkbox_label,
	body#pageGenerique #colA form p font.radio_label {float: left}

	body#pageGenerique #colA form p em { 
		width: 5px!important;
		color:#B31608; padding: 0 0 0 5px;
		}
	body#pageGenerique #colA form p input,
	body#pageGenerique #colA form p select,
	body#pageGenerique #colA form p font { font-size: 0.9em}
	body#pageGenerique #colA form p textarea { font-size: 1.1em}

	body#pageGenerique #colA form p font {color: #1CA2D8}
	
	body#pageGenerique #colA form p label,
	body#pageGenerique #colA form label { 
		width: 200px; 
		color: #017F97; font-size: 1.2em;
		margin:0!important; padding: 0 5px 0 0;
		}
	body#pageGenerique #colA form p input,
	body#pageGenerique #colA form input,
	body#pageGenerique #colA form p select,
	body#pageGenerique #colA form select,
	body#pageGenerique #colA form p textarea,
	body#pageGenerique #colA form textarea { 
		width: 350px!important; 
		padding: 2px;
		border: 1px #1CA2D8 solid;
		}
	body#pageGenerique #colA form p font.radio_label {padding: 0 5px 0 0}
	body#pageGenerique #colA form p font.checkbox_label {
		width: 85px!important;
		padding: 0 0 5px 0;
		margin:0!important;
		}
	body#pageGenerique #colA form p input.field_checkbox,
	body#pageGenerique #colA form p input.field_radio,
	body#pageGenerique #colA form input.field_radio { 
		border: 0!important;
		width:auto!important;
		margin: 0!important;
		background-color: #fff!important;
		}
	body#pageGenerique #colA form input.valide {
		float: right; width: auto!important;
		font-size: 0.9em; color: #fff; 
		border: 0; cursor: pointer;
		margin: 0 0 5px 10px;
		border: 1px #0E689A solid;
		background-color: #80CCD3;
		}
	body#pageGenerique #colA form input.valide:hover {
		background-color: #017F97
		}
	body#pageGenerique #colA form p input.textcaptcha {
		width: 50px!important
		}
	span.champsAsterix {
		float: left; 
		color: #B31608; font-size: 0.8em;
		}

/* ================================================================================ */
/* = RECRUTEMENT / COLONE A  */
/* ================================================================================ */
	body.contentRecrutement #colA .contentColA h2,
	body.contentRecrutement #colA .contentColA p {clear: both}
	body.contentRecrutement #colA .contentColA p {margin: 0 0 10px 0}
	body.contentRecrutement #colA .contentColA p.dateLimite {
		padding: 0 0 0 15px; color:#019AB0;
		background: transparent url(/global/medias/itemListe.gif) no-repeat 0 0;
		}
	body.contentRecrutement #colA .contentColA span.date {font-weight: bold; color:#000}
	
/* ================================================================================ */
/* = IMPLANTATIONS / COLONE A */
/* ================================================================================*/
	body.contentImplantations #colA h1 {margin: 0!important}
	body.contentImplantations #colA #carteMap,
	body.contentImplantations #colA #zoneMapLayers {float: left}
	
	body.contentImplantations #colA #introMap p {
		width: 400px; margin: 10px 0 0 0;
		color:#656565!important;
		}
	body.contentImplantations #colA #carteMap {
		width: 450px; padding: 10px 0 0 0;
		background-color:#fff!important;
		}
	body.contentImplantations #colA #zoneMapLayers {
		width: 405px;
		padding: 0 10px 50px 10px; 
		}
	#LayerMap1, #LayerMap2, #LayerMap3,
	#LayerMap4, #LayerMap5, #LayerMap6,
	#LayerMap7, #LayerMap8, #LayerMap9,
	#LayerMap10, #LayerMap11, #LayerMap12,
	#LayerMap13, #LayerMap14, #LayerMap15,
	#LayerMap16, #LayerMap17, #LayerMap18,
	#LayerMap19, #LayerMap20, #LayerMap21,
	#LayerMap22, #LayerMap23, #LayerMap24,
	#LayerMap25, #LayerMap26, #LayerMap27,
	#LayerMap28, #LayerMap29, #LayerMap30,
	#LayerMap31, #LayerMap32, #LayerMap33,
	#LayerMap34, #LayerMap35, #LayerMap36,
	#LayerMap37, #LayerMap38, #LayerMap39,
	#LayerMap40, #LayerMap41, #LayerMap42,
	#LayerMap43, #LayerMap44, #LayerMap45,
	#LayerMap46, #LayerMap47, #LayerMap48,
	#LayerMap49, #LayerMap50,
	#LayerMap51, #LayerMap52,
	#LayerMap53, #LayerMap54,
	#LayerMap55, #LayerMap56,
	#LayerMap57, #LayerMap58,
	#LayerMap59, #LayerMap60 ,
	#LayerMap59, #LayerMap60 ,
	#LayerMap61, #LayerMap62,
	#LayerMap63
	{ 
		display: none; 
		position: absolute;
		top: 175px; left: 503px;
		width: 400px; height: 427px;
		padding: 10px; margin-top: 30px;
		border: 1px #fff solid;
		background-color:#EFCB8D!important;
		}
	
	/*= fiche dynamiques 
	--------------------------------------------------------------------- */
	body.contentImplantations #colA #zoneMapLayers h2 {
		color:#fff!important; 
		border-bottom: 1px #fff solid;
		/*background: transparent url(/global/medias/itemTitreVille.gif) no-repeat -15px 0;*/
		}
	body.contentImplantations #colA #zoneMapLayers p {
		color:#C91617; padding: 0 0 7px 0!important
		}
	body.contentImplantations #colA #zoneMapLayers p a {
		text-decoration: underline; 
		text-align: right; color:#000; font-size: 1em;
		}
	body.contentImplantations #colA #zoneMapLayers p a span.InfoTxt {
		display: block; 
		padding: 0 15px 0 0; margin: 0;
		text-align: right;
		background: transparent url(/global/medias/itemSuiteImplan.gif) no-repeat right;
		}
	body.contentImplantations #colA #zoneMapLayers ul li {
		font-size: 0.8em; 
		padding: 0 0 0 15px;
		background: transparent url(/global/medias/itemSuiteImplan.gif) no-repeat 0 0;
		}
	body.contentImplantations #colA #zoneMapLayers ul li a {
		display: block;padding:0!important;
		font-size: 1em!important;
		background-image: none;
		}
	
/* ================================================================================ */
/* = GESTION DU CONTENU DE LA HOME PAGE / COLONE B  */
/* ================================================================================ */
	#colB .contentColB h1 {
		color:#fff; font-size: 1.2em; 
		border-bottom: 3px #fff solid;
		background-color: #D2CAC1!important;
		}
	h1.titEco {
		margin-top: 20px;
		width: 235px; height: 85px;
		text-indent: -100em;
		background: transparent url(/global/medias/eco_energie.gif) no-repeat 0 0;
		}
	#ZoneFlashColB {
		clear: both;
		margin: 0 0 1em 0;
		}

/* ================================================================================ */
/* = Actualité de la colone B = */
/* ================================================================================ */

	body#home #colB .contentColB {
		/*background: transparent url(/global/medias/bgColAHome.jpg) no-repeat 0 0*/}
	
	/*= contentColB
	----------------------------------------------------------------*/
	#colB .contentColB .actuHome {
		clear: both;
		width: 230px; padding: 10px;
		margin: 0 0 10px 0; 
		background: transparent url(/global/medias/bgColAHome.jpg) no-repeat 0 0
		}
	#colB .contentColB img {float: left}
	#colB .contentColB .actuHome img {padding: 5px 10px 0 0}
	#colB .actuHome img {padding: 5px 10px 0 10px}
	#colB .contentColB .actuHome h2 span,
	body#home .contentActu h2 span { 
		padding: 0 0 0 15px;
		color: #000; font-size: 0.5em; 
		line-height: 1.1em;
		font-weight: bold;
		background: transparent url(/global/medias/h2ActuHome.gif) no-repeat 0 3px;
		}
	#colB .contentColB .actuHome p span {display: block; color: red}
	#colB .contentColB .actuHome p a,
	#colB .contentActu p a  {
		display: block; padding: 0 20px 0 0;
		color:#000; font-size: 0.9em; 
		text-align: right; font-weight: bold;
		background: transparent url(/global/medias/itemSuiteColB.gif) no-repeat right top;
		}

	/*= contentActu 
	--------------------------------------------------------------*/
	body#home .contentActu {
		margin: 0 0 10px 0; padding: 10px;
		background: #F4D39D url(/global/medias/bgColAHome.jpg) no-repeat 0 -50px!important
		}

/* ================================================================================ */
/* = GESTION DU CONTENU DES PAGES INTERNES / COLONE B   */
/* ================================================================================ */
	body#pageGenerique #colB h1 {background-color:none!important}
	body#pageGenerique #colB .blocContentColB {
		padding: 10px 10px 25px 10px; margin: 0 0 10px 0;
		background: #EFCB8D url(/global/medias/bgColAHome.jpg) no-repeat bottom;
		}
		
	body#pageGenerique #colB .blocContentColB p { color:#C91617; padding: 0 0 10px 0;}
	body#pageGenerique #colB .blocContentColB ul li {margin:0; padding:0}
	body#pageGenerique #colB .blocContentColB ul li a { 
		display: block; padding: 0 0 0 15px;
		font-size: 0.8em; color:#000;
		background: transparent url(/global/medias/itemListe.gif) no-repeat 0 0;
		}
	
	/*--> Témoignage Colonne de droite (ND)*/
	body#pageGenerique #colB .temColB { 
		margin-bottom: 15px;
		background: #F4D39D url(/global/medias/bgColAHome.jpg) no-repeat bottom;
		}
	#colB .temColB h1 {
		color:#fff; font-size: 1.2em; 
		border-bottom: 3px #fff solid;
		background-color: #D2CAC1!important;
		}
	
	#colB .temColB .temPage {width: 230px; padding: 10px; clear: both}
	#colB .temColB .temPage .contentTem {}
	#colB .temColB .temPage img {float: left; padding: 0 10px 0 0}
	
	#colB .temColB .temPage h2 span { 
		padding: 0 0 0 15px;
		color: #000; font-size: 0.5em; 
		line-height: 1.1em;
		font-weight: bold;
		background:  url(/global/medias/h2ActuHome.gif) no-repeat 0 3px;
		}
	#colB .temColB .temPage p {}
	#colB .temColB .temPage p span {display: block; color: red}
	
/* ================================================================================ */
/* = gestions des tables de contenu = */
/* ================================================================================ */
	td a, td p a {color:#019AB0!important}
	td p {padding: 0 5px 0 0}
	body#pageGenerique td {/*font-size: 0.9em*/}
	
/* ================================================================================ */
/* = PLAN DU SITE / COLONE B    */
/* ================================================================================ */
	ul.siteMap1 {padding: 0 0 0 90px}
	ul.siteMap2, ul.siteMap3 {padding: 5px}
	ul.siteMap2 {
		margin: 0 0 0 15px;
		padding:0!important
		}
	ul.siteMap3 {
		margin: 0 0 5px 30px
		}
	ul.siteMap1 li a,
	ul.siteMap2 li a,
	ul.siteMap3 li a {
		text-align: left!important;
		font-weight: bold;
		padding: 0 0 0 20px!important;
		background: transparent url(/global/medias/itemSuite.gif) no-repeat left top!important
		}
	ul.siteMap1 li a {color:#000}
	ul.siteMap2 li a, ul.siteMap3 li a {color:#017F97!important}
	
	ul.siteMap1 li {
		margin: 0 0 7px 0;
		border-bottom: 1px #ccc dashed
		}
	ul.siteMap2 li {
		margin: 3px 0 3px 20px;
		border:0!important
		}
	ul.siteMap2 li a {
		font-size: 0.8em!important;
		color:#019AB0!important
		}

/* ================================================================================ */
/* = FOOTER   */
/* ================================================================================ */
	#footer { background-color: #80CCD3}
	#footer p { 
		color: #666; font-size: 0.7em; 
		text-align: center;
		padding: 5px 0 5px 0;
		}

/* = 2010 */
	#compteur {
		margin: 0 0 10px 0;
		width: 250px; height: 300px;
		background: transparent url(/global/medias/compteur_eco_bg.png) no-repeat 0 0;
		}
	#compteur h3 {
		display: block;
		height: 90px; overflow: hidden;
		padding: 65px .5em .5em .5em;
		text-align: center;
		color:#fff;
		font-size: 100%; font-weight: bold;
		}
	
	#compteur form {
		position: absolute;
		margin: 0 0 0 0;
		padding: 10px 0 0 10px;
		width: 240px;height: 58px;
		}
	#compteur form p {
		height: 28px; 
		color:#fff; 
		padding: 2px 0 0 0;
		}
	#compteur form input,
	#compteur form span {float: left;}
	#compteur form input {
		color:#000;
		width: 70px; font-size:.9em;
		margin: 0 5px 0 0;
		background-color: #fff;
		border:0;
		}
	#compteur form span {
		font-size: 1em; color:#fff;
		line-height: 1em;
		width: 160px;
		}
	#compteur form .left {text-align:right;}
	#compteur form .right {text-align:left;}	
	.minuterie {
		width: 100px;
		font-size: 12pt; color: #fff;
		border: 1px #90868B solid;
		background-color: #000;
		}
	.minuterie em {/*font-size: .5em; color:#000;*/}

	h3.more strong {
		display: block;
		margin: 20px 0 10px -8px;
		width: 240px; height: 32px;
		padding: 4px 5px 4px 5px;
		text-align: center;
		font-size: .9em; line-height: 1.2em;
		color:#000;
		font-weight: normal;
		text-decoration: none;
		/*background: #70AE09 url(/global/medias/bt_ameliore.png) no-repeat 0 0;*/
		}
	h3.more strong a {
		color:#298B25;
		font-weight: bold;
	}



/*home images*/
	#home_cyclage {height: 350px; padding: 10px 0 10px 0;}
	
	#s2 {position: relative;}
	h2 {
		font: bold 190%/100% Arial, Helvetica, sans-serif;
		margin: 0 0 .2em;
		}
	h2 em {
		font: normal 80%/100% Arial, Helvetica, sans-serif;
		color: #999999;
		}
	#largeImg, .thumbs {float: left; /*border: 5px #000 solid;*/}
	#largeImg {
		position: absolute;
		left: 165px;
		border: solid 1px #ccc;
		width: 425px;
		height: 215px;
		padding: 5px;
		background-color:#fff;
		}
	.thumbs {width: 110; height: 350px; overflow: hidden;}
	.thumbs img {
		border: solid 1px #ccc;
		width: 100px;
		height: 70px;
		padding: 4px;
	}
	.thumbs img:hover {
		border-color: #FF9900;
	}
	#home_cyclage .nav {
		position: absolute;
		left: 165px;
		margin: 300px 0 0 ;
		}
	#home_cyclage .nav a {
		color:#fff; font-size: 1em;
		text-decoration: none;
		padding: 0 .5em 0 .5em;
		background-color:#019AB0;
		}