/* CSS Document */
/* ---------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		background-repeat:no-repeat;
	}
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		background-color:#edede1;
	}
	a {text-decoration:none;}
	a:hover {text-decoration:none;}
	img{border:none;}
	ul{list-style:none;}
/* ---------------------------------------------------------------- "class" utilisées plusieurs fois */
/* ----------------------------- Navigation */
	.navigation{
		float:right;
		color:#567190;
		font-size:0.9em;
		margin-right:5px;
		text-align:right;		
	}
	.navigation li{display:inline;}
	.navigation li a{color:#567190;}
	.navigation li a:hover{color:#333366;}
/* ----------------------------- Liens */
	.lien{
		float:right;
		color:#0b4faa;
		margin:3px 5px 0 0;
	}
	.lien a{
		color:#0b4faa;
		text-decoration:underline;
	}
/* ----------------------------- Divers */
	.bleu{
		color:#0b5da0;
		clear:left;
	}
/* ---------------------------------------------------------------- Grands blocs contenant */
	#page{
		margin-left:auto;
		margin-right:auto;
		width:765px;
	}
	#global_haut{
		width:765px;
		height:10px;
		float:left;
		margin-top:20px;
		background-image:url(../img/global_haut.gif);
	}
	* html #global_haut{margin-bottom:-4px;}
	#global {
		width:764px;
		height:auto;
		float:left;
		border-left:solid 1px #91acc2;
		background-color:#fff;
		background-image:url(../img/global_bg.gif);
		background-position:right;
		background-repeat:repeat-y;	
	}
	#global_bas{
		width:765px;
		height:10px;
		background-image:url(../img/global_bas.gif);
		float:left;
	}	
/* ---------------------------------------------------------------- Header */
	#header{
		width:764px;
		height:90px;
		background-image:url(../img/header_logo.gif);
		background-position:10px 0;
	}
	#gohome{		/* lien sur le logo */
		width:273px;
		height:86px;
		display:block;
		margin-left:10px;
		float:left;
	}
/* ----------------------------- "commodites" correspond à la zone contenant le moteur de recherche, "newsletter", la date, et le choix de la langue */
	#commodites{
		width:185px;
		margin:6px 10px 0 0;
		float:right;
		color:#114daa;
	}
	#commodites p{
		float:left;
		color:#0b5da0;
		margin:0 10px;
	}
	* html #commodites{margin-right:7px;}
	.search_mail{
		float:right;
		margin-bottom:5px;
	}
	* html .search_mail{margin-bottom:2px;}
	.placement{
		float:left;
		margin:2px 4px 0 0;
	}
	.champs{
		width:93px;
		height:15px;
		padding-top:1px;
		border:solid 1px #9f9f9f;
		color:#0b50ac;
		font-size:0.9em;
		float:left;
		margin-right:3px;
	}
	.ok{
		width:23px;
		height:18px;
	}
	#drapeaux{
		width:56px;
		height:14px;
		float:left;
	}
	#drapeaux a{
		width:16px;
		height:14px;
		float:left;
		margin-right:4px;
	}

/* ---------------------------------------------------------------- Main */
	#territoire{
		width:434px;
		height:149px;
		background-image:url(../img/main_territoire.jpg);
		float:left;
		margin-top:2px;
	}
/* -----------------------------Actualité */
	#actu_haut{
		width:326px;
		height:6px;
		background-image:url(../img/actu_haut.gif);
		float:right;
		margin:2px 4px 0 0;
	}
	* html #actu_haut{margin-right:2px;}
	#actu{
		width:326px;
		height:136px;
		background-color:#a60035;
		float:left;
		background-image:url(../img/actu_titre.gif);
		background-position:8px 5px;
	}
	* html #actu{margin-top:-8px;}
/* ---- Zone défilante verticalement */
	#AutoScrollContainer {
		position:relative;
		left:7px;
		width:305px;
		height:75px;
		overflow:hidden;
		z-index:1;
		visibility:visible;
		border-top:solid 1px #fff;
		border-bottom:solid 1px #fff;
		margin:18px 0 8px 3px;
	}
	* html #AutoScrollContainer {margin-top:0;}
	#AutoScrollContainer_loading {
		position:relative;
		left:10px;
		width:305px;
		overflow:hidden;
		z-index:2;
		visibility:visible;
	}
	#AutoScrollContent {
		position:relative;
		width:305px;
		visibility:visible;
	}
	#AutoScrollContent a dl {margin:10px 0;}
	#AutoScrollContent a dl dt{
		color:#fff;
		font-weight:bold;
		background-image:none;
		padding-left:0;
		margin-left:0;
	}
	#AutoScrollContent a dl dd{
		color:#D6D5D5;
		font-weight:bold;
		text-align:justify;
	}
	.italic_blanc{
		color:#fff;
		font-style:italic;
	}
	#goCalendrier{
		margin-left:15px;
		color:#fff;
		font-weight:bold; 
	}
	#actu_bas{
		width:326px;
		height:7px;
		background-image:url(../img/actu_bas.gif);
		float:right;
		margin-right:4px;
	}
	* html #actu_bas{margin-right:2px;}
/* ----------------------------- Left (zoom sur) */
	#left{
		width:283px;
		height:auto;
		padding-top:60px;
		float:left;
		background-image:url(../img/main_territoire2.jpg);
	}
	#zoom{
		width:280px;
		height:auto;
		float:left;
		background-image:url(../img/left_titre.gif);
		background-position:7px 0;
		padding-top:17px;
	}
	.info{
		float:left;
		margin:0 4px 10px 4px;
	}
	.info p{
		/*text-align:justify;*/
		font-size:1.1em;
		color:#3b3b3b;
	}
	.info p a{color:#3b3b3b;}
	.info p a:hover{color:#000;}
	.gris{
		float:left;
		color:#999;
		font-size:0.8em;
		margin:3px 0 0 8px;
		clear:left;
	}
	.cadre{
		width:102px;
		height:86px;
		/*margin-left:3px;*/
		float:left;
		background-image:url(../img/left_img.jpg);
		padding:5px 0 0 5px;
	}
/* ----------------------------- flash */
	#flash{
		position:relative;
		left:0px;
		float:left;
		z-index:3;
		width:197px;
		height:308px;
		background-image:url(../img/middle_flash.gif);
		text-align:center;
	}
	* html #flash{left:-1px;}
/* ----------------------------- right */
	#telechargement{
		width:265px;
		float:left;
		margin:10px 0 10px 8px;
		background-image:url(../img/telechargement_title.gif);
	}
	* html #telechargement{margin-top:5px;}
	#telechargement ul{
		width:265px;
		border-top:solid 1px #0b4faa;
		border-bottom:solid 1px #0b4faa;
		float:left;
		margin-top:5px;
	}
	#telechargement ul li{
		padding:5px 5px;
		background-color:#cbe0e5;
		background-image:url(../img/telechargement_li.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#telechargement ul li a{
		display:block;
		background-image:url(../img/puce_carreBleu.gif);
		background-position:0 5px;
		padding-left:10px;
		color:#555;
	}
	#telechargement ul li a:hover{color:#000;}
	#contacts{
		width:265px;
		float:left;
		margin-left:8px;
		background-image:url(../img/contacts_title.gif);
	}
	#contacts dl{margin:4px 0 2px 0;}
	#contacts dl dd{
		font-weight:bold;
		color:#96bb0e;
	}
	#contacts dl dt{
		color:#3b3b3b; 
		background-image:none;
		padding-left:0;
		margin-left:0;
	}
	#contacts dl dt a{
		color:#0b5da0;
		text-decoration:underline;
	}
/* ---------------------------------------------------------------- Footer */
	#footer{
		width:764px;
		height:auto;
		margin:auto 0;
	}
	#adresse{
		width:317px;
		height:120px;
		float:left;
		background-image:url(../img/logo_cciBethune.gif);
		margin-left:3px;
	}
	#go_cciBethune{
		width:78px;
		height:44px;
		display:block;
		float:left;
		margin-right:5px;
	}
	#adresse a{
		color:#96bb0e;
		font-weight:bold;
	}
	#adresse p{
		color:#315074;
		float:right;
	}
	#mentionsLegales{
		float:right;
		color:#a1a0a0;
		margin:5px 5px 0 0;
		text-align:right;
		font-size:0.9em;
	}
	#mentionsLegales a{color:#a1a0a0;}