/* CSS Document GLOBAL*/

	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
	}
	* {
		padding:0;
		margin:0;
	}
	a {
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	img {
		border:none;
		padding:0;
		margin:0;
	}
	#global {
		width:770px;
		background-image:url(../img/bg_global.gif);
		background-repeat:no-repeat;
		background-position:right 172px;
		float:left;
	}
	#page {
		width:770px;
		margin:0 auto 0 auto;
	}
	
	
/*----------------------------------------------------------- Srolling marquee---------------------------------------------------------------------- */
	#container {position:absolute; overflow:hidden; height:19px; padding:1px 0 0 5px; z-index:1; top:485px; left:50%; margin:0 0 0 -298px}
	* html #container {position:absolute; overflow:hidden; height:17px; padding:3px 0 0 6px;}
	#container {border-collapse:collapse; border:0;}
	#container td {padding:0; height:17px;}
	#container #layout1 {position:relative; top:0px; left:0px; overflow:hidden; height:17px;}
	#container #layout1 #layout2 {position:absolute; top:0px; left:0px; height:17px;}
	#container #layout1 #layout2 #iemp {position:absolute; left:0px; top:0px; height:17px;}
	#tmp {position:absolute; top:-5000px; left:-5000px; visibility:hidden; height:17px;}

	
	
	#header {
		width:770px;
		height:174px;
	}
	
/*----------------------------------------------------------- Navi Header ---------------------------------------------------------------------- */	
	#navi {
		width:158px;
		margin-top:46px;
		float:left;
	}
	#navi ul {
		display:block;
		list-style:none;
	}
	#navi ul li a {
		display:block;
		width:158px;
		height:35px;
	}
	#navi ul li#accueil a{background-image:url(../img/header/accueil_btn.gif); background-repeat:no-repeat;}
	#navi ul li#cci a{background-image:url(../img/header/CCI_btn.gif); background-repeat:no-repeat;}
	#navi ul li#sambre a{background-image:url(../img/header/sambre_btn.gif); background-repeat:no-repeat;}
	#navi ul li#formal a{background-image:url(../img/header/formalites_btn.gif); background-repeat:no-repeat; }
	#logo a{
		display:block;
		width:192px;
		height:165px;
		margin-top:17px;
		margin-left:-227px;
		position:absolute;
		top:0; left:50%;
		z-index:2;
		background-image:url(/library/img/header/logo.png);	
	}
	* html #logo a{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/library/img/header/logo.png',sizingMethod='scale');
		background-image:none;
		cursor:pointer;
	}
	
	#droite {
		width:420px;
		height:141px;
		margin-top:32px;
		float:right;
	}
	#tools {
		width:412px;	/* 420 - 8pad */
		height:13px;	
		padding-right:8px;
		text-align:right;
		color:#ff6633;
		line-height:11px
	}
	#tools a {color:#ff6633}
	#anim{
		width:420px;
		height:104px;
		clear:right;
		border-bottom: 1px solid #ccc;
		background-image:url(../img/header/acccroche.gif);
	}
	#confortRech{
		float:left;
		width:303px;	/* 420 - 237 */
		height:23px;
		padding-left:117px
	}
	#impr {
		width:25px;
		height:23px;
		float:left;
		margin-right:5px;
	}
	#drapeau_fr {
		width:25px;
		height:23px;
		float:left;
		margin-right:35px;
	}
	#recherche {
		width:128px;
		height:23px;
		float:left;
		margin-left:5px;
	}
	#recherche_bloc {
		width:95px;		/* 97 - 2pad */
		height:15px;
		margin-top:4px;
		padding-left:2px;
		float:left;
		background-color:#fff;
		border:1px solid #006699;
	}
	#recherche_btn {
		width:20px;
		height:18px;
		float:left;
		margin:4px 0 0 4px;
	}
	#confort {
		width:45px;
		height:17px;	 /*23 - 6pad */
		float:left;
		background-image:url(../img/header/bg_taille_texte.gif);
		padding-top:6px;
		text-align:center;
		color:#3399cc;
		margin:0 20px 0 0
	}
	#confort a{
		color:#3399cc;
	}
	#main {
		width:770px;
		float:left;
		margin-bottom:20px;
	}
	
	
/*----------------------------------------------------------- Navi Centrale ---------------------------------------------------------------------- */
	#mainNavi {
		float:left;
		width:459px;
		height:297px;
		margin-top:8px;
		background-image:url(../img/main/bg_main_naviClear.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	#mainNavi ul{
		display:block;
		list-style:none;
	}
	#mainNavi ul li#indus a{
		display:block;
		width:126px;
		height:43px;
		margin-left:12px;
		margin-top:22px;
		background-image:url(../img/main/btn_indus.gif);
		background-repeat:no-repeat;
	}
	#mainNavi ul  li#indus a:hover {
		background-image:url(../img/main/btn_indus_on.gif);
	}
	#mainNavi ul li#commer  a{
		display:block;
		width:168px;
		height:43px;
		margin-left:48px;
		background-image:url(../img/main/btn_commer.gif);
		background-repeat:no-repeat;
	}
	#mainNavi ul li#commer a:hover {
		background-image:url(../img/main/btn_commer_on.gif);
	}
	#mainNavi ul li#crea  a{
		display:block;
		width:255px;
		height:43px;
		margin-left:84px;
		background-image:url(../img/main/btn_crea.gif);
		background-repeat:no-repeat
	}
	#mainNavi ul li#crea a:hover {
		background-image:url(../img/main/btn_crea_on.gif);
	}
	#mainNavi ul li#presta a {
		display:block;
		width:233px;
		height:43px;
		margin-left:119px;
		background-image:url(../img/main/btn_presta.gif);
		background-repeat:no-repeat;
	}
	#mainNavi ul li#presta a:hover {
		background-image:url(../img/main/btn_presta_on.gif);
	}	
	
	#mainNavi ul li#collect  a{
		display:block;
		width:155px;
		height:43px;
		margin-left:155px;
		background-image:url(../img/main/btn_collect.gif);
		background-repeat:no-repeat;
	}
	#mainNavi ul li#collect a:hover {
		background-image:url(../img/main/btn_collect_on.gif);
	}
	
/*----------------------------------------------------------- Navi acces rapide ---------------------------------------------------------------------- */
	#mainAcces {
		margin-top:8px;
		float:left;
		width:311px;
		height:287px;	/* 297 - 10pad */
		padding-top:10px;
	}
	#vousEtes {
		width:326px;	/* 459 - 48marg - 85pad */
		height:18px;	/* 18 - 2pad */
		margin-left:48px;
		padding:0 0 0 85px;
		background-image:url(../img/compass/vous_etes.gif);
		background-repeat:no-repeat;
		background-position:left 0;	
	}
	#actu {
		float:left;
		width:765px;	
		height:36px;
		padding-left:5px;
		background-image:url(../img/footer/ombre_horiz.gif);
		background-repeat:no-repeat;
		background-position:5px 33px;
	}
	#actu_img {
		float:left;
		width:97px;	
		height:33px;
		background-image:url(../img/main/actu_mot.gif);
		background-repeat:no-repeat;
	}
	
	#actu_defil{
		position:relative;
		float:left;
		width:668px;	/* 770 - 97img - 5marg*/
		height:36px;	/* 33 - 5pad */	
		font-size:1.1em;
		background-image:url(../img/main/bg_actu_defil.gif);
		background-repeat:repeat-x;
		
	}
	#actu_defil p {
		position:absolute;
		top:2px;
		left:-92px;
		font-size:.9em;
		color:#ff6c16
	}
	* html #actu_defil{
		width:663px;
	}
	
	.styletest{
		color:#ff0000;
	}
	
	#accesRap {
		width:227px;
		height:260px;
	}
	#accesRapTitle {
		width:227px;
		height:29px;
		/*background-image:url(../img/main/bg_contenu_accesRap_title.gif);*/
	}
	#accesRapTitle a{
		width:227px;
		height:29px;
		display:block;
	}
	#accesRapContent {
		width:217px;	/* 227 - 10pad */
		height:213px;	/* 231 - 18pad */
		background-image:url(../img/main/bg_contenu_accesRap_home.png);
		background-repeat:no-repeat;
		padding:18px 0 0 10px;
	}
	#accesRapContent ul{
		display:block;
		list-style:none;
	}
	#accesRapContent ul li{
		font-weight:bold;
		margin-top:3px;
		padding-left:10px;
		padding-right:2px;
		/*color:#fff;*/
		background-image:url(../img/main/puce_blanc.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}
	#accesRapContent ul li a{
		color:#fff;
	}
	
/*----------------------------------------------------------- Footer ---------------------------------------------------------------------- */
	#footer {
		width:770px;
		height:101px;
		float:left;
	}
	#coor {
		width:137px;	/* 148 - 11pad */
		height:95px;	/* 101 - 6pad */
		float:right;
		color:#f46f21;
		line-height:12px;
		padding:6px 0 0 11px;
		background-image:url(../img/footer/ombre_vertic.gif);
		background-repeat:no-repeat;
		background-position:left top;
	}
	#telFax {
		color:#645faa;
	}
	#telFax a{
		color:#645faa;
	}
	#telFax a:hover{
		font-weight:bold;
	}
	#quickAcces {
		width:617px;	/* 622 - 5pad */
		height:91px;	/* 101 - 6pad */
		padding:16px 5px 0 0;
		float:left;
		color:#8e8e8e
	}
	#quickAcces ul{
		list-style:none;
		text-align:center;
	}
	#quickAcces ul li{
		display:inline;
	}
	#quickAcces ul li a{
		color:#8e8e8e;
	}