/*-------------------------------------------------------------------------------------*/
/*=  Global site                                                                       */
/*-------------------------------------------------------------------------------------*/

	body {
		font-size: 90%;
		font-family: 'Trebuchet MS',Verdana, Arial, Geneva, Helvetica, sans-serif;
		margin: 0; padding: 0;
		text-align: center;
		background-color: #B1D2F6;
		}
		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; }

		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 {
			color:white;
			text-decoration: none; 
			cursor: pointer; 
			}
		a:hover { text-decoration: underline;}

		table {border-collapse: collapse}
		th {text-align: left; font-weight: normal;}

		p {color: #4A5D75; font-size: 0.8em; line-height:1.5em;}
		select, input {}
		hr { height:1px!important; background-color:#7AA7CE; border:0!important;}
		
		body.brancheCDL hr { background-color:#FF9900}
			
/*-------------------------------------------------------------------------------------*/
/* = GLOBAL STRUCTURE                                                                  */
/*-------------------------------------------------------------------------------------*/

	#page {
		width: 780px;
		padding: 0 0 0 0;
		position: relative; margin: 0 auto;
		text-align: left;
	    }
	body#home #page {
		background: transparent url(/global/medias/bgPageHome.gif) repeat-y 0 0;
		}
	#header, #mainContent, #footer { 
		width: 780px; 
		position: relative; 
		}
	body#pageContenu #mainContent {}
	#colA, #colB, #colC, #colD {float: left}

	
/*-------------------------------------------------------------------------------------*/
/* =  HEADER                                                                           */
/*-------------------------------------------------------------------------------------*/

	img.logo, img.logoPage {
		position: absolute;
		top: 6px; left: 16px;
		z-index:100;
		}
	#header { 
		height: 25px;	
		background: #EEF3C1 url(/global/medias/bgHeader.gif) no-repeat top left;
		}
	body#pageContenu #header { height: 140px;}
	
	body.brancheCODELA #bandeauTitre,
	body.brancheCDL #bandeauTitre {
		margin: 20px 0 0 0;
		width: 780px; height: 116px;
		}
	
	/* =                                                         NAVIGATION COORPORATE */
	
	#header a.retHome { 
		z-index: 1000;
		font-size: 0.8em!important;
		position: absolute;
		text-decoration: underline;
		color:#004398!important;
		top: 5px; left: 150px;
		}
	
	#navCoorpo { width: 570px; padding: 5px 10px 0 0;}
	#navCoorpo li {display: inline; }
	#navCoorpo li a { 
		float: right;
		color:#112F86; font-size:0.8em;
		padding: 0 10px 0 0;
		margin: 0 0 0 10px;
		background: transparent url(/global/medias/itemSquareBlue.gif) no-repeat right;
		}
	
	/* =                                             ZONE DE RECHERCHE / global Pages */
	
	form#recherche { 
		position: absolute;
		z-index: 100;
		top:0; left: 580px;
		width: 180px;
		background-color: #7D882C;
		}
	form#recherche p { }
	form#recherche p label,
	form#recherche p input { float: left;}
	
	form#recherche p input {
		margin: 5px 0 0 0!important;
		padding:2px;
		border:0!important; font-size:0.8em!important;
		background-color: #D2DF57;
		}
	form#recherche p label {font-size: 1.1em; color:#D2DF57;}
	
	/* =                                                ZONE DE RECHERCHE / Home Page */
	
	body#home form#recherche { 
		padding: 5px 10px 5px 10px;
		height: 50px;
		}
	form#recherche p label {width: 100%;}
	body#home form#recherche p input {width: 75%;}
	form#recherche p input.ok { 
		font-size: 0.9em!important;	
		margin: 5px 5px 0 5px!important;
		padding:0!important;
		border: 1px #D2DF57 solid!important;
		color:#D2DF57; cursor: pointer;
		background-color:#7D882C;
		width:auto!important;
		}
	
	form#recherche p input.ok:hover {
		color: #7D882C;
		background-color:#D2DF57;
		}
	
	/* =                                           ZONE DE RECHERCHE / Page de contenu */
	
	body#pageContenu form#recherche { 
		padding: 5px 10px 0 10px;
		height: 20px;
		}
	body#pageContenu form#recherche p label,
	body#pageContenu form#recherche p input { }
	body#pageContenu form#recherche p label {width: 70px;}
	body#pageContenu form#recherche p input {width: 75px; margin:0 5px 0 0!important;}
	
	/* =                                                page de résultat de recherche */
	
	form.FormResultRech { padding:0!important; margin:0!important;}
	table.tableResultRech {
		border-collapse: collapse;
		border: 1px red solid; 
		width: 575px!important; 
		margin-bottom: 15px;
		background-color:#B1D2F6;
		}
	table.tableResultRech td { 
		color: #145188; font-size: 0.9em!important;
		padding: 5px; 
		border-bottom: 1px #8ABBE9 dotted!important;
		}
	table.tableResultRech input { 
		border:1px #3774BB solid;
		background-color: #ccc;
		color:#000;
		}
	table.tableResultRech input.valideReche {
		color:#fff;
		background-color:#3774BB;
		}
	
		
/*-------------------------------------------------------------------------------------*/
/* =  MAINCONTENT HOME                                                                 */
/*-------------------------------------------------------------------------------------*/

	/*---------------------------------------------------------------------------------*/
	/* =                                                                 COLONE A HOME */
	
	body#home #mainContent #colA {
		width:103px;
		background: transparent url(/global/medias/bgColAHome.jpg) no-repeat top left;
		padding: 150px 0 350px 0;
		background: #BFD2E7 url(/global/medias/bgColAHome.jpg) no-repeat 0 0;
		}
	body#home #colA ul {
		width: 100%; padding: 5px 0 0 0;}
	body#home #colA ul li {border: 1px #004A9D solid; margin: 0 0 5px 0;}
	body#home #colA ul li a {
		display: block; width: 75%;
		color: #6FBEFF; font-size: 0.7em;
		padding: 0 0 0 20px!important;
		background: transparent url(/global/medias/itemliColAHome.gif) no-repeat ;
		}
		
	/*---------------------------------------------------------------------------------*/
	/* =                                                                 COLONE B HOME */
	
	body#home #mainContent #colB {
		width:239px; padding: 122px 0 0 0;
		background: transparent url(/global/medias/bgColBHome.jpg) no-repeat top left;
		}
	body#home #colB #uneContent,
	body#home #colB #enBref { clear: both;}
	
	/*--------------------------------------------------------------------------------*/
	/* gestion de l’actualité */
	
	body#home #colB #uneContent {
		background: #5AA5E8 url(/global/medias/bgActuContenPara.gif) no-repeat top left;
		}
	body#home #colB h1 {
		color: #004B9B; font-size: 1.3em;
		padding: 0 0 0 125px;
		}
	body#home #colB #uneContent h2 {
		font-size:1em; color:#004A9D;
		padding: 0 10px 0 85px;
		
		}
	body#home #colB #uneContent #uneContentShort p {
		width: 219px; 
		padding: 5px 10px 5px 10px; 
		color:#fff;
		}
	body#home #colB #uneContent p img {float: left; margin: 0 5px 5px 0;}
	body#home #colB #uneContent a {
		display: block;
		width: 215px;
		text-align: right;
		font-size:0.8em;
		color: #00499E;
		padding: 0 20px 0 0;
		background: transparent url(/global/medias/itemActuLink.gif) no-repeat right;
		}
	
	/*--------------------------------------------------------------------------------*/
	/* gestion des brèves */
	
	body#home #colB #enBref {}
	body#home #colB #enBref h1 {
		width: 169px; height: 40px;
		font-size: 1.2em;
		padding: 0 0 0 70px!important;
		background: transparent url(/global/medias/h1EnBref.gif) no-repeat 0 0;
		}
	body#home #colB #enBref ul {margin: 0 10px 0 10px;}
	body#home #colB #enBref ul li {
		position: relative;
		list-style: none!important;
		color: #fff; font-size: 0.8em; 
		margin: 0 0 10px 0!important;
		}
	body#home #colB #enBref ul li a {
		display: block; 
		font-size: 1em; text-align: left;
		margin:0; padding: 5px 0 5px 15px; 
		background: transparent url(/global/medias/itemDisc.gif) no-repeat 0 5px;
		}
	body#home #colB #enBref ul li span { color:#BEDFFC;}
	body#home #colB #enBref a { 
		display: block; width: 185px;
		font-size: 0.8em; text-align: right;
		margin: 0 0 5px 10px!important;
		padding: 3px 20px 3px 0;
		border-top: 1px #3EA0E7 solid;
		background: transparent url(/global/medias/itemActuLink.gif) no-repeat right;
		}
	
	body#home #colB #enBref ul li a span { color:#fff;}
	
	/*---------------------------------------------------------------------------------*/
	/* =                                                                 COLONE C HOME */
	
	body#home #mainContent #colC {width:238px;}
	body#home #mainContent #colC h1 {
		width: 213px; color:#fff;
		font-size: 0.9em;
		padding: 7px 0 7px 25px;
		}
	body#home #colC #CCD,
	body#home #colC #accompagnement {background-color:#8CC0FD;}
	
	body#home #colC #CCD li,
	body#home #colC #accompagnement li {line-height: 1em!important;}
	
	body#home #colC #CCD li a,
	body#home #colC #accompagnement li a { 
		display: block; width: 220px;
		color: #004398; font-size: 0.8em;
		padding: 5px 0 5px 18px;
		text-decoration: none!important;
		}
	
	/*--------------------------------------------------------------------------------*/
	/* gestion du CDD */
	
	body#home #colC #CCD {}
	body#home #colC #CCD h1 {
		text-indent: -100em;
		height: 42px; width: 238px;
		padding:0!important;
		background: transparent url(/global/medias/h1ColCdd.gif) no-repeat 0 0;
		}
	body#home #colC #CCD ul {}
	body#home #colC #CCD ul li {}
	body#home #colC #CCD ul li a {
		border-bottom: 1px #3774BB solid;
		background: transparent url(/global/medias/itemCCD.gif) no-repeat 5px 7px;
		}
	body#home #colC #CCD ul li a:hover { 
		color: #fff;
		background-color: #FE9900;
		}
	body#home #colC #CCD p {padding: 5px;}
	body#home #colC #CCD p span {display: block; font-weight: bold;}
	
	/*--------------------------------------------------------------------------------*/
	/* gestion Accompagnement */
	
	body#home #colC #accompagnement {}
	body#home #colC #accompagnement h1 {
		background: #3774BB url(/global/medias/h1ColCaccompagnement.gif) no-repeat top left;
		}
	body#home #colC #accompagnement ul {}
	body#home #colC #accompagnement ul li {}
	body#home #colC #accompagnement ul li a {
		border-top: 1px #3774BB solid;
		background: transparent url(/global/medias/itemAccompagnement.gif) no-repeat 5px 7px;	
		}
	body#home #colC #accompagnement ul li a:hover { 
		color: #fff;
		background-color: #4B9FF2;
		}
	
	/*--------------------------------------------------------------------------------*/
	/* gestion Informations économiques */
	
	body#home #colC #infoEco {}
	body#home #colC #infoEco h1 {
		background: transparent url(/global/medias/flcH1Down.gif) no-repeat top left;
		}
	body#home #colC #infoEco a img {}
	
	body#home #colC #infoEco a.plusInfoLink { 
		display: block;
		margin: 7px 0 0 0;
		width: 210px; padding: 0 20px 0 0;
		font-size: 0.8em;
		text-align: right;
		background: transparent url(/global/medias/itemActuLink.gif) no-repeat top right;
		}
	
	/*---------------------------------------------------------------------------------*/
	/* =                                                                 COLONE D HOME */
	
	body#home #mainContent #colD {
		width:200px; padding: 35px 0 0 0; 
		}
	body#home #colD #codela h1 {
		padding:0!important;
		width: 200px; height: 25px;
		text-indent: -100em;
		background: #447FC5 url(/global/medias/h1colDHome.gif) no-repeat 0 0;
		}
	/*--------------------------------------------------------------------------------*/
	/* gestion de la liste du CODELA */
	
	body#home #colD #navCodelaHome {
		padding: 12px 0 5px 0;
		background: #4580C4 url(/global/medias/bgListeCodelaCOlDHome.gif) no-repeat 0 0;
		}
	body#home #colD #navCodelaHome li {
		border-bottom: 1px #4580C4 solid;
		margin: 0 0 5px 0;
		}
	body#home #colD #navCodelaHome li a {
		display: block;
		width: 185px;
		font-size: 0.8em;
		padding: 0 0 0 15px;
		text-decoration: none!important;
		background: transparent url(/global/medias/liCodelaHome.gif) no-repeat 3px 3px;
		}
	body#home #colD #navCodelaHome li a:hover {
		color: #004398;
		background-color:#76ABE9;
		background-position: 3px -16px;
		}
	
	/*--------------------------------------------------------------------------------*/
	/* gestion du témoignage */
	
	body#home #colD #temoignage {}
	body#home #colD #temoignage h1 {
		font-size: 1em!important;
		color:#fff; padding: 2px 0 3px 20px;
		background: #145089 url(/global/medias/h1TemoignageColDHome.gif) no-repeat 0 0;
		}
	body#home #colD #temoignage p img { 
		float: left;
		margin: 0 5px 0 0;
		}
	body#home #colD #temoignage p,
	body#home #colD #temoignage a {
		margin: 0 0 0 5px;
		border-bottom: 1px #8DC1FD solid;
		}
	body#home #colD #temoignage p { 
		width: 180px; padding: 5px; color: #fff; 
		}
	body#home #colD #temoignage a { 
		display: block; width: 170px;
		color: #004299; font-size: 0.8em;
		line-height: 1em!important;
		text-align: right; text-decoration: none!important;
		padding: 2px 20px 2px 0;
		background: transparent url(/global/medias/itemLinkColD.gif) no-repeat -10px 0;
		}
	body#home #colD #temoignage a:hover {
		background-color:#8DC1FD;
		background-position: -10px -24px;
		}
	
	/*--------------------------------------------------------------------------------*/
	/* gestion de l’implantation */
	
	body#home #colD #implantation {
		width: 190px;
		margin: 5px;
		background-color:#CFDF50;
		}
	body#home #colD #implantation h1 {
		width: 190px; height:35px;
		text-indent: -100em;
		background: #CFDF50 url(/global/medias/h1ImplantationColDHome.gif) no-repeat 0 0;
		}
	body#home #colD #implantation img {padding: 5px 5px 0 5px;}
	body#home #colD #implantation p {padding:5px;}
	body#home #colD #implantation p a { 
		display: block; width: 160px;
		font-size: 1em; color: #345C0A; 
		text-align: right; text-decoration: none!important;
		padding: 0 20px 0 0;
		background: transparent url(/global/medias/itemLinkColD.gif) no-repeat -20px -24px;
		}
	body#home #colD #implantation p a:hover {
		background-position: -20px 0;
		}
		
/*-------------------------------------------------------------------------------------*/
/* =  MAINCONTENT PAGE CONTENU                                                         */
/*-------------------------------------------------------------------------------------*/

	/*---------------------------------------------------------------------------------*/
	/* =                                              GLOBAL PAGE CONTENU COLA ET COLB */

	body#pageContenu #mainContent #colA,
	body#pageContenu #mainContent #colB { padding:0!important; margin: 0!important;}
	
	body#pageContenu #mainContent #colA { 
		width: 160px; padding: 0 0 50px 0!important;
		background: #F2F6FA url(/global/medias/bgColAPage.gif) no-repeat bottom left;
		}
	body#pageContenu #mainContent #colB {width: 620px; }
	body#pageContenu #mainContent #colB #contentColB { padding: 10px; width: 600px;}
	
	/*= focus global / Branche CODELA */
	
	body.brancheCODELA #mainContent #colB { background-color:#E8F2FC;}
	body.brancheCODELA #mainContent {
		background: transparent url(/global/medias/bgMainPageCodela.gif) repeat-y 0 0;
		}
	body.brancheCDL #mainContent {
		background: transparent url(/global/medias/bgMainPageCDL.gif) repeat-y 0 0;
		}
		
	/*---------------------------------------------------------------------------------*/
	/* =                                GESTION GLOBALE COLONE B / TITRAGES / CONTENU  */

	/* = titrages h1 */
	
	body#pageContenu #page h1 { 
		z-index: 1000;
		position: absolute; top: 108px; left:0;
		width: 750px; height: 24px;
		font-size: 1.4em; text-align: right; letter-spacing: 0.1em;
		padding: 7px 30px 0 0!important;
		}
	body.brancheCODELA #page h1 {color:#C7D72E;}
	
	body.brancheCDL #page h1 {color:#FF9900;}
	
	/* = titrages h2 */
	
	body#pageContenu #page h2 {width: 590px;padding: 2px 0 3px 30px;}
	body.brancheCODELA #colB h2 {
		color:#034499;
		background: #C7D72E url(/global/medias/h2PageCodela.gif) no-repeat 0 0;
		}
	body.brancheCDL #colB h2 {
		color:#014397;
		background: #ff9900 url(/global/medias/h2PageCDL.gif) no-repeat 0 0;
		}
		
	/* = titrages h3 */
	
	body#pageContenu #page h3 { font-weight: bold;}
	body.brancheCODELA #colB h3 { color:#3774BB;}
	body.brancheCDL #colB h3 { color:#FF9900;}

	/* = contenu */
	
	body#pageContenu #mainContent #colB p {overflow: hidden; *height:1%; margin: 0 0 7px 0;}
	body#pageContenu #mainContent #colB p img {}
	body#pageContenu #mainContent #colB a { 
		color: blue;
		text-align: right;
		text-decoration: underline;
		}
	body#pageContenu #mainContent #colB a.linkSuite {display: block;}
	
	/*---------------------------------------------------------------------------------*/
	/* =                        Gestion du MENU GLOBAL DES PAGES DE CONTENU / COLONE A */
	
	body#pageContenu #mainContent #colA #MenuGlobal { width: 160px;}
	
	#colA .niv1 li.n1MG01,
	#colA .niv1 li.n1MG02,
	#colA .niv1 li.n1MG03,
	#colA .niv1 li.n1MG04 { 
		border-bottom: 1px #fff solid;
		}
	
	#colA .niv1 li.n1MG01 a,
	#colA .niv1 li.n1MG02 a,
	#colA .niv1 li.n1MG03 a,
	#colA .niv1 li.n1MG04 a { 
		display: block;
		font-size: 0.9em!important;
		padding: 2px 0 0 20px;
		text-decoration: none;
		}
	#colA .niv1 li.n1MG02 a,
	#colA .niv1 li.n1MG03 a,
	#colA .niv1 li.n1MG04 a {color: #fff;}
	
	/* = #colA .niv1 li.n1MG01 */
	
	#colA .niv1 li.n1MG01 { background-color: #447FC5; }
	#colA .niv1 li.n1MG01 a {
		color: #C7D72E;
		background: transparent url(/global/medias/flcMG01.gif) no-repeat -4px 0;
		}
		
	/* = #colA .niv1 li.n1MG02 */
	
	#colA .niv1 li.n1MG02 { background-color: #3774BB; }
	#colA .niv1 li.n1MG02 a {background: transparent url(/global/medias/flcMG02.gif) no-repeat -4px 0;}
	#colA .niv1 li.n1MG02 ul#Menu2 li.n2 a {}
	#colA .niv1 li.n1MG02 a span { color: #ff9900!important;}
	#colA .niv1 li.n1MG02 ul#Menu2 li.n2 a:hover,
	#colA li.n1MG02 ul#Menu2 li.n2 a.current {
		background-position: 5px -45px!important;
		background-color: #ffcc99!important;
		}
	
	/* = #colA .niv1 li.n1MG03 */
	
	#colA .niv1 li.n1MG03 { background-color: #3774BB; }
	#colA .niv1 li.n1MG03 a {background: transparent url(/global/medias/flcMG02.gif) no-repeat -4px 0;}
	
	/* = #colA .niv1 li.n1MG04 */
	
	#colA .niv1 li.n1MG04 { background-color: #145188; }
	#colA .niv1 li.n1MG04 a {background: transparent url(/global/medias/flcMG04.gif) no-repeat -4px 0;}
		
	/* = #colA .niv2 li.n2 */
	
	#colA .niv2 li.n2 { background-color: #D6E6F8; }
	#colA .niv2 li.n2 a {
		width: 140px; padding: 5px 0 4px 20px;
		color:#003399;
		font-size: 0.8em!important; line-height: 1.2em;
		background: transparent url(/global/medias/itemMGgreen.gif) no-repeat 5px -45px;
		}
	#colA .niv2 li.n2 a:hover {
		background-position: 5px 2px;
		background-color:#8EBAED;
		}
	
	/* current */
	
	#colA #Menu1 li.n2 a.current,
	#colA #Menu3 li.n2 a.current,
	#colA #Menu4 li.n2 a.current {
		background: #8EBAED url(/global/medias/itemMGgreen.gif) no-repeat 5px 2px!important;
		}
	
	/* menu désactivés */
	
	#Menu1, #Menu2, #Menu3, #Menu4 { display: none;}
	
	/* = fin de navigation */
	
	body#pageContenu #colA ul#navAnnexe {width: 100%; padding: 5px 0 0 0;}
	body#pageContenu #colA ul#navAnnexe li {
		border-bottom: 1px #7FA0CC solid;
		}
	body#pageContenu #colA ul#navAnnexe li a {
		display: block; width: 140px;
		color: #145188; 
		text-align: right;
		font-size: 0.7em; line-height: 1em;
		padding: 5px 20px 7px 0!important;
		background: transparent url(/global/medias/itemLiFlcColA.gif) no-repeat 0 0px ;
		}
	body#pageContenu #colA ul#navAnnexe li a:hover {
		background-position: 0 -27px
		}
	
/*-------------------------------------------------------------------------------
---------------------------------------------------------------------------------
 =                                                         COLONE B PAGE CONTENU 
---------------------------------------------------------------------------------
---------------------------------------------------------------------------------*/
	
	/*---------------------------------------------------------------------------------
	=                            COLONE B PAGE CONTENU / GESTION DE LA CARTOGRAPHIE */

	body.contentCartographie {}
	
	body.contentCartographie #cartoFlash { 
		width: 600px; height: 400px;
		margin: 0 0 10px 0;
		border: 0px #ccc solid; 
		}
	
	/* contenu sur zone carte sélectionnée */
		
	body.contentCartographie #contentZone {}
	body.contentCartographie #decriptifZone {}
		
	/* decriptif de la zone */
	
	body.contentCartographie #decriptifZone {border: 1px #000 solid;}
	body.contentCartographie #decriptifZone h3 {
		padding: 0 0 0 5px; 
		color: #fff; font-size: 1em;
		background-color: #145188;
		}
	body.contentCartographie #decriptifZone p { 
		padding: 0 0 0 15px;
		background: transparent url(/global/medias/itemLegendeCarte.gif) no-repeat 0 3px;
		}
	
	body.contentCartographie #decriptifZone #headerDescriptif,
	body.contentCartographie #decriptifZone #contenuDescriptif {padding: 5px; margin: 0 0 10px 0;}
	body.contentCartographie #decriptifZone #headerDescriptif {background-color:#8FB3DB;}
	body.contentCartographie #decriptifZone #contenuDescriptif {background-color:#FFFFFF;}
	
	body.contentCartographie #decriptifZone #headerDescriptif h4 {
		font-size: 0.9em; color: #fff; font-weight: bold;
		border-bottom: 1px #fff solid;
		}
	body.contentCartographie #decriptifZone #headerDescriptif h5,
	body.contentCartographie #decriptifZone #headerDescriptif h6 {
		font-size: 0.9em; color:#145188; font-weight: bold;
		padding: 2px 0 2px 0;
		}
	
	body.contentCartographie #decriptifZone #contenuDescriptif h3 {}
	body.contentCartographie #decriptifZone #contenuDescriptif p { 
		color: #000; font-weight: bold; 
		}
	body.contentCartographie #decriptifZone #contenuDescriptif p span {
		color:#3774BB; padding: 0 10px 0 0;
		}
	
	/* flash de la zone zoomée */
	
	body.contentCartographie #contentZone #flashZone {}
	
	/*---------------------------------------------------------------------------------*/
	/* =                         COLONE B PAGE CONTENU / GESTION DES LISTES DE CONTENU */

	body#pageContenu #colB ul, body#pageContenu #colB ol { }
	body#pageContenu #colB ul li,
	body#pageContenu #colB ol li {
		list-style: disc; 
		font-size: 0.8em; 
		color: #4A5D75!important;
		margin: 0 0 0 30px;
		}
	body#pageContenu #colB ul li a,
	body#pageContenu #colB ol li a { 
		text-align: left!important;
		color: #3774BB!important;
		}
	
	/*---------------------------------------------------------------------------------*/
	/* =                               COLONE B PAGE CONTENU / GESTION DES FORMULAIRES */
	
	body#pageContenu #colB form { padding: 5px;  }
	body#pageContenu #colB fieldset {padding: 5px; border: 1px #8ABBE9 solid; }
	body.brancheCDL #colB fieldset {}
	body#pageContenu #colB legend { font-size: 0.7em; color: #8ABBE9;}
	body#pageContenu #colB form p {
		padding: 0 0 5px 0;
		border-bottom: 1px #8ABBE9 solid;
		}
	
	body#pageContenu #colB form p label,
	body#pageContenu #colB form p input,
	body#pageContenu #colB form p select,
	body#pageContenu #colB form p textarea,
	body#pageContenu #colB form p img { float: left}
	
	body#pageContenu #colB form label em {}
	form p.field_line em {font-size: 0.9em;}
	
	body#pageContenu #colB form p input,
	body#pageContenu #colB form p select { font-size: 0.9em;}
	body#pageContenu #colB form p textarea { font-size: 1.1em;}
	
	body#pageContenu #colB form p font,
	body#pageContenu #colB form p label {color:#3774BB; }
	body#pageContenu #colB form p font { margin: 0 10px 0 0;}
	body#pageContenu #colB form p label { width: 150px; }
	
	body#pageContenu #colB form p input,
	body#pageContenu #colB form p select,
	body#pageContenu #colB form p textarea { 
		width: 346px; padding: 2px;
		border: 1px #8ABBE9 solid;
		}
	
	body#pageContenu #colB form p input.field_checkbox,
	body#pageContenu #colB form p input.field_radio { 
		border: 0!important;
		width:auto!important;
		background-color: #FFFFCC!important;
		}
	body#pageContenu #colB form p input.textcaptcha {
		width: 150px!important; margin-left: 10px;
		}
	body#pageContenu #colB form input.valide {
		float: right;
		font-size: 0.9em; border: 0;
		margin: 5px 0 0 0;
		cursor: pointer; color: #fff;
		background-color: #3774BB;
		border: 1px #3774BB solid;
		}
	body.brancheCDL #colB form input.valide {
		color: #145188!important;
		background-color:#ff9900!important;
		margin: 10px 0 10px 0!important;
		}
	body#pageContenu #colB form input.valide:hover,
	body.brancheCDL #colB form input.valide:hover {
		color: #145188;
		background-color: #75C0FF!important;
		border: 1px #3774BB solid;
		}
	
	/*---------------------------------------------------------------------------------*/
	/* = Gestion du plan du site   */

		ul.sitemap1, ul.sitemap2,  ul.sitemap3 {border: 1px #E8F2FC solid}

		/* = sitemap1 */

		ul.sitemap1 {
			margin:0!important; 
			padding:0!important;
			}
		ul.sitemap1 li {
			border: 1px #E8F2FC solid;
			line-height: 1em;
			list-style: none!important;
			margin: 0 0 0 10px!important; 
			}
		ul.sitemap1 li a {
			display: block;
			font-size: 1.2em!important;
			font-weight: bold;
			color: #009FC3!important;
			padding: 0 0 2px 2px!important;
			margin: 2px 0 0 0;
			text-decoration: none!important;
			border-bottom: 1px #A4D8E5 solid;
			}

		/* = sitemap2 */

		ul.sitemap2 {margin: 0 0 0 15px!important; padding:0!important;}
		ul.sitemap2 li a {
			margin: 2px 0 0 0;
			padding: 2px 0 2px 5px!important;
			font-size: 1.2em!important;
			font-weight: bold;
			color: #495675!important;
			border-bottom:1px #D6E0EE solid!important;
			background-color: #B1D2F6!important;
			}

		/* = sitemap3 */

		ul.sitemap3 {margin:0!important; padding:0!important;}
		ul.sitemap3 li a {
			font-size: 1.5em!important;	
			color: black!important;
			font-weight: normal!important;
			border:0!important;
			margin: 0 0 5px 0;
			padding: 2px 0 2px 5px!important;
			background-color:#B3C6D5!important;
			}
		ul.sitemap1 li a:hover,
		ul.sitemap2 li a:hover,
		ul.sitemap3 li a:hover {}
	
	/*---------------------------------------------------------------------------------*/
	/* =                                 COLONE B PAGE CONTENU / GESTION DE L’EXTRANET */
	
	#ExtranetContent { margin: 0}
	
	/*= listes ---------------------------------------- */
	#ExtranetContent ul#outilsExtra {height: 20px; padding: 0 20px 0 0}
	#ExtranetContent ul#outilsExtra li {
		float: right; 
		list-style: none!important; margin:0 10px 0 0!important
		}
	#ExtranetContent ul#outilsExtra li a {padding: 0 0 10px 20px}
	#ExtranetContent ul#outilsExtra li a.biblio {
		background: transparent url(/global/medias/btBiblio.gif) no-repeat 0 0;
		}
	#ExtranetContent ul#outilsExtra li a.infoPerso {
		background: transparent url(/global/medias/btInfos.gif) no-repeat 0 0;
		}
	
	/*= content ---------------------------------------- */
	#ExtranetContent h2 { 
		width: 560px!important;
		padding: 2px 0 0 30px!important;
		background: #ffcc99 url(/global/medias/h2Extranet.gif) no-repeat 0 0!important;
		}
	#ExtranetContent h3 {
		width: 580px!important;
		color: #fff; border-top: 1px #014397 solid;
		text-align: left; padding: 3px 0 3px 10px!important;
		background-color:#014397;
		/*background: #014397 url(/global/medias/itemH3Extra.gif) no-repeat 15px 2px;*/
		}
	#ExtranetContent h4, #ExtranetContent h5 {margin: 3px 0 3px 0}
	#ExtranetContent h4 {
		color:#FF9900; font-size: 1em;
		border-bottom: 1px #EADCAF solid;
		padding: 0 0 0 25px;
		background: transparent url(/global/medias/itemLinkCDL.gif) no-repeat 7px 2px;
		}
	#ExtranetContent h4.h4date { color: #333!important;}
	#ExtranetContent h5 {color:#014397; font-size: 0.9em;}
	#ExtranetContent p {}
	#ExtranetContent p a {/*display: block;*/}
	#ExtranetContent p font { float: left}
	
	#ExtranetContent p img { 
		float: left!important; 
		padding: 0!important;
		margin: 0 5px 5px 0!important;
		border: 1px #333 solid;
		}	
	
	/* 
		= Une extranet / Bientot 
																						*/
	
	.bientot, .passe { 
		width: 590px!important;
		background-color:#FFFBF6!important
		}
		
	/*= UneBientot ---------------------------------------- */
	#ExtranetContent #UneBientot { 
		padding: 5px; margin-bottom: 5px;
		/*background-color:#F7E1CB;*/
		}
	#ExtranetContent #UneBientot h4 { font-weight:bold; border-bottom: 1px #F9CA8D solid}
	#ExtranetContent #UneBientot h5 { font-weight: bold;}
	#ExtranetContent #UneBientot p {border:0!important;}
	#ExtranetContent #UneBientot p a {
		display: block; font-size: 1em;
		padding: 0 20px 0 0;
		background: transparent url(/global/medias/itemLinkCDL.gif) no-repeat right;
		}
	#ExtranetContent #UneBientot a { 
		display: block; font-size: 0.8em;
		padding: 0 20px 0 0;
		background: transparent url(/global/medias/itemLinkCDL.gif) no-repeat right;
		}
		
	/*= bientotContent ---------------------------------------- */
	
	#ExtranetContent .bientotContent {
		padding: 5px; 
		margin-bottom: 5px;
		/*background-color:#F7E1CB*/
		}
	#ExtranetContent .bientotContent h4,
	#ExtranetContent .bientotContent h5 {font-weight:bold}
	#ExtranetContent .bientotContent h4 {border-bottom: 1px #F9CA8D solid}
	#ExtranetContent .bientotContent h5 {}
	#ExtranetContent #UneBientot span.date,
	#ExtranetContent .bientotContent span.date { 
		display: block;
		font-size: 0.9em; 
		font-style: italic!important;
		}
	#ExtranetContent .bientotContent a { 
		display: block; font-size: 0.8em;
		padding: 0 20px 0 0;
		background: transparent url(/global/medias/itemLinkCDL.gif) no-repeat right
		}
	
	/*---------------------------------------------------------------------------------*/
	/* =             COLONE B PAGE CONTENU / GESTION DE la fiche résutat de L’EXTRANET */
	
	.ficheExtranet {
		width: 590px!important;
		border: 1px #A0B1D2 solid;
		}
	.ficheExtranet h2 {
		width: 555px!important;
		color: #014397!important;
		border-bottom: 1px #014397 solid;
		font-weight: bold;
		padding: 2px 0 3px 35px!important;
		background-color: #F7E1CB!important
		}
	.ficheExtranet h3, 
	.ficheExtranet h4 {padding: 3px 0 3px 10px!important}
	.ficheExtranet h3 {
		color: #fff; 
		/*border: 1px #014397 solid;*/
		background-color:#014397
		}
	.ficheExtranet h4 span.jour {font-weight:normal!important; color:#FF9900}
	.ficheExtranet p {padding: 10px!important; border:0!important}
	.ficheExtranet p a {display: block}
	
	/* = Formulaire extranet */
	
	.ficheExtranet form p label,
	.ficheExtranet form p input.checkExtra,
	.ficheExtranet form p input.valideExtra {width: auto!important}
	
	.ficheExtranet form p label, 
	.ficheExtranet form p input {float: left!important}
	
	.ficheExtranet form p input.checkExtra {
		border:0!important;margin: 0 10px 0 0
		}
	.ficheExtranet form p input.valideExtra { 
		font-size: 0.9em;color: #014397; 
		margin: 0 0 0 5px!important;
		cursor: pointer; 
		background-color: #FF9900;
		border: 1px #3774BB solid
		}
	.ficheExtranet form a { 
		display: block; 
		text-align: right;
		font-size: 0.8em;
		}
	
	/*= Actualités ---------------------------------------- */

	body#pageContenu #colB table#newsContent,
	body#pageContenu #colB table {
		width: 595px;
		border-collapse: collapse;
		border: 1px #8ABBE9 solid;
		}
	body#pageContenu #colB table#newsContent td,
	body#pageContenu #colB table td {
		font-size: 1em; line-height: 1.5em;
		border-bottom: 1px #8ABBE9 solid;
		}
	body.brancheCDL table td {
		font-size: 0.8em!important;
		}
	td.post_title a,
	td.post_date {display: block}
	td.post_title a {
		width: 395px;
		padding: 0 0 0 7px;
		text-align: left!important;
		color: #145188!important;
		background-color: #75C0FF;
		}
	td.post_date { 
		width: 200px;
		font-size: 0.8em!important;
		text-align: center;
		}
	td.post_short { 
		font-size: 0.8em!important; color: #145188; 
		line-height: 1em; padding: 5px;
		}
	td.post_short a, a.back { 
		display: block;
		text-align: right!important;
		color: #145188!important;
		text-decoration: underline;
		}
	td.post_short a {font-size: 1em!important}
	a.back {font-size: 0.9em!important}
	
	/*= extendedNews ---------------------------------------- */
	table.extendedNews, 
	table.extendedNews td {border: 0!important}
	table.extendedNews h3,
	table.extendedNews td.datePublication {color: #145188!important}
	table.extendedNews h3 {
		padding: 0 0 0 7px;
		background-color: #75C0FF;
		border-bottom: 1px  #8ABBE9 solid;
		}
	table.extendedNews td.datePublication {font-size: 0.8em!important}
	p.longNews {width: 590px!important;text-align: justify}
	
/*-------------------------------------------------------------------------------------*/
/* =  FOOTER                                                                           */
/*-------------------------------------------------------------------------------------*/

	#footer {width: 780px;background-color: #B1D2F6;}
	#footer li {display: inline;}	
	#footer li a { 
		float: right;
		color:#427BC6; font-size: 0.8em;
		padding: 0 10px 0 0; margin: 0 10px 0 0;
		background: transparent url(/global/medias/itemFooter.gif) no-repeat right;}
	
	
/*-------------------------------------------------------------------------------------*/
/* =  style pour editeur			 */
/*-------------------------------------------------------------------------------------*/
.tableau table{border:none !important; border-collapse:collapse; border-color:transparent !important;}
.tableau table td, .tableau table th, .tableau table tr{border-color:transparent !important;}