/*--------------------------------------------------------------------------------------
	CSS Document PRINT

	project:	COLAS
	created:	2008-08-22 (yyyy-mm-dd)
	author:		Yves Van Goethem
	email:		yvangoethem@digitas.com
	website:	http://www.digitas.fr

	Summary :	PRINT
-------------------------------------------------------------------------------------- */

/*	=PRINT
-------------------------------------------------------------------------------------- */
@media print {
	
	#access-keys,
	#nav,
	#breadcrump,
	#footer,
	.interactif,
	.star-rating {
		display:none;
	}

}
/*--------------------------------------------------------------------------------------
	CSS Document (Cascading Style Sheet)

	project:	COLAS
	created:	2008-08-22 (yyyy-mm-dd)
	author:		Yves Van Goethem
	email:		yvangoethem@digitas.com
	website:	http://www.digitas.fr

	summary:	GENERIC
				HEADER
				NAV
				BACKGROUNDS
				FLASH
				BREADCRUMP
				INNER
				MENU
				ICONES
				CONTEXTUAL
				BOX
				FOOTER
				POPIN
				SEARCH
				SITEMAP
				
-------------------------------------------------------------------------------------- */


/*	=GENERIC
-------------------------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	vertical-align:baseline;
	line-height:1.35em;
}

body {
	font-family:Arial, Verdana, Tahoma;
	font-size:72.75%; /* :INFO:1em = 11px */
	text-align:center;
	margin:0;
	background:#f2f2f2;
}

* html body { height:100%; }

a img,
fieldset,
form {
	border:0;
}

ins, abbr, acronym {
	text-decoration:none !important;
	border:0 !important;
	font-style:normal;
}

a {
	color:#ccc;
	text-decoration:none;
}

a:hover, a:hover ins, a:hover abbr, a:hover acronym {
	text-decoration:underline !important;
}

.page a {
	text-decoration:underline;
	color:#000;
}

.page a:hover {
	text-decoration:none;
}

/*.page a:visited {
	color:#999
}*/

.menu a {
	color:#000;
}

hr { 
	position:absolute;
	left:-9999em;
}

.js .alt {
	position:absolute;
	left:-9999em;
}

* html.js .hack-png {
	visibility:hidden;
}

address {
	font-style:normal;
}

ul {
	list-style:none;
}

ol li {
	list-style:decimal;
	margin:0 0 0 22px;
	padding:0;
}

button {
	width:auto;
	overflow:visible;
	border:0;
	background:none;
	cursor:pointer;
}

input {
	height:auto;
}

input.submit {
	width:auto !important;
	cursor:pointer;
}

q:before,
q:after {
	content:'';
}

small {
	font-size:0.9em;
}

.error {
	color:red !important;
	font-weight:normal !important;
}

#main {
	text-align:left;
	margin:0 auto;
	width:964px;
	position:relative;
	background:url(/FRONT/COLAS/images/common/visu_bg/bg_ombre.png) 0 0 repeat-y;
	padding:0 5px;
}
* html #main {background:url(/FRONT/COLAS/images/common/visu_bg/bg_ombre.gif) 0 0 repeat-y;}

#access-keys {
	position:absolute;
	left:-9999em;
}

h1 {
	font-size:1.12em;
	font-weight:bold;
}

h1 span {
	color:#666;
}

h1 strong {
	color:#333;
	display:block;
	text-transform:uppercase;
	font-size:.95em;
}

h1 ins {
	display:block;
	text-align:right;
	color:#666;
	font-size:.9em;
	font-style:italic;
	margin:-3px 0 -7px 0;
}

h2 {
	color:#3e3e3e;
	font-size:1.27em;
	margin:10px 0;
}


/*	=HEADER
-------------------------------------------------------------------------------------- */
#header {
	border-top:20px solid #000;
	background:#fff url(/FRONT/COLAS/images/common/visu_bg/header.gif) 0 1px repeat-x;
	height:71px;
	overflow:hidden;
	width:100%;
}

#logo {
	float:left;
	margin:11px 0 0 21px;
	display:inline;
}


#search {
	float:right;
	padding:43px 0 0 0;
/*	margin:0 -40px 0 0;*/
	margin:0;
	font-size:.95em;
}

#search ul {
	overflow:hidden;
/*	width:370px;*/
	min-width:235px;
	background:url(../img/common/sep1.gif) 82px 5px no-repeat;
}
* html #search ul {
	background-position:82px 7px;
}
* + html #search ul {background-position:82px 7px;}

#search li,
#search p,
#search form,
#search fieldset {
	float:left;
}

#search form {
	margin:1px 0 0 0;
}

#search li {
	padding:0 20px 0 0;
}

#search a,
#search label {
	color:#ccc;
}

#search a {
	margin:2px 0 0 0;
	float:left;
}
* html #search a { margin:3px 0 0 0; }
* + html #search a { margin:3px 0 0 0; }

#search input {
	border:1px solid #666666;
	height:16px;
	width:145px;
	vertical-align:middle;
}
#search .submit {
	background:url(/FRONT/COLAS/images/common/bt_1.gif) repeat-x;
	border:0;
	color:#66ccff;
	font-weight:bold;
	height:auto;
	width:auto;
	margin:0 0 0 -3px;
}
* html #search .submit {vertical-align:middle;}
* + html #search .submit {vertical-align:middle;}


/*	=NAV
-------------------------------------------------------------------------------------- */
#nav {
	background:url(/FRONT/COLAS/images/common/visu_bg/nav1.png) repeat-x;
	width:100%;
	overflow:hidden;
	height:51px;
	position:relative;
	z-index:5;
}
* html #nav { height:auto; overflow:visible; margin:0 0 15px 0; }

.navIE {
	display:none;
}

#nav ul {
	height:34px;
	overflow:hidden;
}

#nav li {
	float:left;
	margin:9px 0 0 0;
/*	height:25px;*/
}

#nav li a {
	font-size:.95em;
	font-weight:bold;
	text-transform:uppercase;
	color:#ccc;
	background:url(/FRONT/COLAS/images/common/bullet_1.gif)	 22px 1px no-repeat;
	padding:0 0 0 38px;
	display:-moz-inline-box; /*	:TRICKY: Gecko 1.8 MOZ display box */
	display:inline-block;
	height:23px;
}
.safari #nav li a {font-size:.9em;}
* html #nav li a { height:26px; }
#nav li.on a {
	background:url(/FRONT/COLAS/images/common/bullet_plus4.gif) 22px 3px no-repeat;
	color:#66ccff;
}

#nav li.on li a {
	background:none;
	color:#ccc;
}

#nav li a:hover,
#nav li.on li a:hover  {
	color:#66ccff;
	text-decoration:none !important;
}

#nav .nav2 {
	/*	:TRICKY: accessible display none */
	position:absolute;
	top:34px;
	height:17px;
}
* html #nav .nav2 { top:33px; }
.js #nav .nav2 {
	left:0;
}

#nav .nav2 ul {
	display:inline;
}

#nav .nav2 li {
	margin:-1px 0 0 0;
}

* + html body #nav .nav2 li {
	margin:-2px 0 0 0; /*	:TRICKY: IE 7 hack */
}

#nav .nav2 li a {
	background-image:none;
	text-transform:none;
	padding:0;
	margin:0 0 0 38px;
	font-weight:bold;
	font-size:0.95em;
	display:inline;
}

#nav .nav2 .left {
	background:url(/FRONT/COLAS/images/common/visu_bg/nav2_l.png) no-repeat;
	width:11px;
	height:17px;
	float:left;
}

#nav .nav2 .middle {
	background:url(/FRONT/COLAS/images/common/visu_bg/nav2_m.png) repeat-x;
	height:17px;
	float:left;
	padding:0 38px 0 0;
}

#nav .nav2 .right {
	background:url(/FRONT/COLAS/images/common/visu_bg/nav2_r.png) no-repeat;
	float:left;
	width:11px;
	height:17px;
}
* html #nav .nav2 .left {background:none;}
* html #nav .nav2 .middle {background:url(/FRONT/COLAS/images/common/visu_bg/nav_ie6.gif)  0 1px repeat-x;}
* html #nav .nav2 .right {background:none;}


/*	=BACKGROUNDS
-------------------------------------------------------------------------------------- */
#background {
	position:relative;
	width:100%;
}
.home #background {
	min-height:544px;
}
* html body .home #background {
	height:544px; /*	:TRICKY: IE 6 min-height hack */
	overflow:visible;
}

.background-2 {
	background:url(/FRONT/COLAS/images/common/visu_bg/bg_trame.png);
}
* html .background-2 {
	background:url(/FRONT/COLAS/images/common/visu_bg/bg_trame.gif) !important;
}

#deco {
	position:absolute;
	right:5px;
	top:40px;
}

#deco2 {
	text-align:right;
	margin:3px 5px 5px 0;
	position:relative;
}


/*	=FLASH
-------------------------------------------------------------------------------------- */
.flash-1 {
	position:absolute;
	z-index:5;
	top:225px;
	left:0;
	height:228px;
}

.flash-2 {
	padding:50px 0 0 0;
	background:url(/FRONT/COLAS/images/common/visu_bg/dg_trame_1.png) repeat-x;
	margin:-17px 0 0 0;
	width: 964px; /*rajouté par manuelle*/
	height: 214px;/*rajouté par manuelle*/
}

* html .flash-2 {
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/visu_bg/dg_trame_1.bak.png', sizingMethod='crop');
	/*width:100%;*/
	width: 964px;/*rajouté par manuelle*/
	height: 214px;/*rajouté par manuelle*/
}


/*	=INNER
-------------------------------------------------------------------------------------- */
#content {
	margin:0;
}
#inner-content {
	padding-bottom:30px;
}
.page {
	color:#3D3F3E;
}
.inner-1 {
	width:862px;
	margin: 0 0 0 53px;
}

.cols-0 {
	background:url(/FRONT/COLAS/images/common/visu_bg/inner_3.png) repeat-y;
	width:100%;
	overflow:hidden;
	color:#333;
}
* html .cols-0 { background:url(/FRONT/COLAS/images/common/visu_bg/inner_3.gif) repeat-y; }

.cols-1 {
	background:url(/FRONT/COLAS/images/common/visu_bg/inner_1.png) repeat-y;
	width:100%;
	overflow:hidden;
}
* html .cols-1 { background:url(/FRONT/COLAS/images/common/visu_bg/inner_1.gif) repeat-y; }

.cols-2 {
	background:url(/FRONT/COLAS/images/common/visu_bg/inner_2.png) repeat-y;
	width:100%;
	overflow:hidden;
}
* html .cols-2 { background:url(/FRONT/COLAS/images/common/visu_bg/inner_2.gif) repeat-y; }

.cols-1 .page {
	width:627px;
}
* html body .cols-1 .page { width:620px; }

.cols-2 .page {
	width:440px;
}
* html body .cols-2 .page { width:431px; }

.cols-2 .push {
	width:181px;
	float:right;
	display:inline;
}

.inner-1 .page {
	float:left;
	padding:9px;
	display:inline;
	font-size:1em;
}

.inner-1 .page h1 {
	padding:0px 0 8px 4px;
	border-bottom:1px solid #b2b2b2;
	min-height: 30px;/* rajoute ^par Manuelle GUSTAVE après suppression du nom de la rubrique*/
	
}

.inner-1 .page ol {
	display:block;
}

.inner-1 .page ul,
.inner-1 .page ol  {
	margin:8px 0 15px 0;
}

.inner-1 .page ul ul,
.inner-1 .page ol ol {
	margin: 0;
}

.inner-1 .page ul li {
	background:url(/FRONT/COLAS/images/common/bullet_3.gif) 3px 5px no-repeat;
	padding:0 0 0 16px;
}

.inner-1 .page ul li li {
	background:url(/FRONT/COLAS/images/common/bullet_4.gif) 3px 6px no-repeat;
	padding:0 0 0 13px;
}

.inner-1 .page .video {
	background:url(/FRONT/COLAS/images/common/bullet_video.gif) 0 4px no-repeat;
	padding:0 0 0 20px;
}

.inner-1 .page .pdf {
	background:url(/FRONT/COLAS/images/common/bullet_pdf.gif) 0 4px no-repeat;
	padding:13px 0 0 20px;
	display:-moz-inline-box;
	display:inline-block;
}

.inner-1 .page .video ul li small {
	color:#3e3e3e;
	display:block;
	font-size:1em;
}

.inner-1 .page .list-1 li {
	margin:10px 0;
}

.inner-1 .page .list-1 li li {
	margin:3px 0;
}

.inner-1 .page .list-2 li li {
	margin:0;
}

.inner-1 .page .plus-1 {
	background:url(/FRONT/COLAS/images/common/bullet_plus.gif) 3px 3px no-repeat;
	padding:0 0 0 18px;
}

.inner-1 .page .plus-2 {
	background:url(/FRONT/COLAS/images/common/bullet_plus2.gif) 3px 3px no-repeat;
	padding:0 0 0 18px;
}


/*	=MENU
-------------------------------------------------------------------------------------- */
.menu {
	width:200px;
	padding:1px 5px;
	float:left;
	margin:0 7px 0 0;
	display:inline;
	overflow:hidden;
}

.menu li {
	width:200px;
	position:relative;
	display:block;
	margin:7px 0;
	font-size:1.1em;
	overflow:hidden;
}

.menu li a {
	background:url(/FRONT/COLAS/images/common/visu_bg/cols_1.png);
	display:block;
	width:200px;
	min-height:19px;
	overflow:hidden;
	cursor:pointer;
	overflow:hidden;
}
* html .menu li a {
	background-image:url(/FRONT/COLAS/images/common/visu_bg/cols_1.gif);
	height:19px;
	overflow:visible !important;
}

.menu li.on a,
.menu li a:hover {
	background:url(/FRONT/COLAS/images/common/visu_bg/cols_2.png);
	text-decoration:none !important;
}

* html .menu li.on a,
* html .menu li a:hover  {
	background-image:url(/FRONT/COLAS/images/common/visu_bg/cols_2.gif);
}

.menu li span {
	background:url(/FRONT/COLAS/images/common/bullet_1.gif) 7px 4px no-repeat;
	color:#333;
	font-weight:bold;
	padding:2px 6px 0px 23px;
	margin:0;
	display:block;
	min-height:19px;
}

.menu li.on span,
.menu li a:hover span {
	background:url(/FRONT/COLAS/images/common/bullet_2.gif) 7px 4px no-repeat;
}
* html body .menu li span { background-position:7px 4px !important;padding-top:1px;padding-bottom:3px}
* + html body .menu li span { background-position:7px 4px !important;padding-top:1px;}

.menu li.on li span {
	background-image:none !important;
}

.menu li li span {
	background-image:none !important;
}

.menu li.on ul {
	margin:7px 0 0 5px;
}

.menu li.on li {
	font-size:.85em;
	margin:2px 0;
	width:190px;
}

.menu li.on li a {
	background:url(/FRONT/COLAS/images/common/bullet_3.gif) 5px 4px no-repeat;
	padding:0 0 0 15px;
	margin:0;
	width:175px !important;
}

.menu li.on li li {
	margin:1px 0;
}

#cols .menu li.on li li a {
	background:none;
	padding:0 0 0 20px;
	margin:0;
	color:#666 !important;
}

.menu li.on li.on2 ul {
	margin-top:2px;
}

.menu li.on li a:hover {
	cursor:pointer !important;
	text-decoration:underline !important;
	background:url(/FRONT/COLAS/images/common/bullet_3.gif) 5px 4px no-repeat;
}

.menu li.on li.on2 a {
	text-decoration:underline !important;
}

.menu li.on li.on2 li a {
	text-decoration:none !important;
}

.menu li.on li.on2 li a:hover {
	text-decoration:underline !important;
}


/*	=BREADCRUMP
-------------------------------------------------------------------------------------- */
#breadcrump {
	background:url(/FRONT/COLAS/images/common/home1.gif) 0 3px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}

#breadcrump li {
	display:inline;
	font-weight:bold;
	text-transform:uppercase;
	font-size:.95em;
	color:#999;
	padding:0 3px;
}

#breadcrump li a {
	color:#999;
	background:url(/FRONT/COLAS/images/common/bread1.gif) 100% 3px no-repeat;
	padding:0 10px 0 0px;
}


/*	=ICONES
-------------------------------------------------------------------------------------- */
.ico-1 { background:url(/FRONT/COLAS/images/common/visu/ico_1.gif) 100% 2px no-repeat; }
.ico-2 { background:url(/FRONT/COLAS/images/common/visu/ico_2.gif) 100% 2px no-repeat; }
.ico-3 { background:url(/FRONT/COLAS/images/common/visu/ico_3.gif) 100% 2px no-repeat; }
.ico-4 { background:url(/FRONT/COLAS/images/common/visu/ico_4.gif) 100% 2px no-repeat; }
.ico-5 { background:url(/FRONT/COLAS/images/common/visu/ico_5.gif) 100% 2px no-repeat; }


/*	=CONTEXTUAL
-------------------------------------------------------------------------------------- */
.contextuel-1 {
	background:#eaeaea;
	padding:2px 8px;
	margin:15px 0;
	/*font-style:italic;*/
	display:block;
}

.contextuel-2,
.contextuel-3 {
	background:#eaeaea;
	padding:8px;
	margin:15px 0;
	_height:1%;
	overflow:hidden;
}

.contextuel-2 .col {
	float:left;
}

.contextuel-2 .img {
	float:left;
	width:178px;
}

.contextuel-3 .col {
	float:right;
	width:243px;
}

.contextuel-3 .img {
	float:left;
	width:178px;
}

.contextuel-2 ul,
.contextuel-3 ul {
	margin:0 !important;
}

.contextuel-2 h3,
.contextuel-3 h3 {
	font-size:1em;
}

.contextuel-2 ins,
.contextuel-3 ins {
	font-weight:bold;
}

.contextuel-2 ul li a,
.contextuel-3 ul li a {
	text-decoration:none;
}


/*	=BOX
-------------------------------------------------------------------------------------- */
.box-type-1 {
	width:166px;
	margin:8px 0 0 8px;
}

.box-type-1 .top {
	background:url(/FRONT/COLAS/images/common/box_1_top.gif) no-repeat;
	height:27px;
	padding:12px 0 0 30px;
}

.box-type-1 .mid {
	background:url(/FRONT/COLAS/images/common/box_1_mid.gif) repeat-y;
}

.box-type-1 .btm {
	background:url(/FRONT/COLAS/images/common/box_1_btm2.gif) no-repeat;
	height:22px;
}

.box-type-1 .top h3 {
	font-size:1em;
	color:#ccc;
	text-transform:uppercase;
}

.box-type-1 .top ul li  {
	font-size:1em;
	color:#ccc;
	text-transform:uppercase;
}

.push .inner {
	font-size:.95em;
}

.push-link {
	background:url(/FRONT/COLAS/images/common/bullet_plus4.gif) 10px 4px no-repeat;
	padding:0 5px 0 25px;
}

.push-link a {
	color:#72cdfb
}

.push-details {
	padding:0 25px;
	margin:10px 1px 0 1px;
	background:#5f5f5f;
	color:#ccc;
}

.push-content {
	padding:0 10px;
	font-size:.9em;
}

.push-content h4 {
	color:#66ccff;
	font-weight:normal;
	text-transform:uppercase;
	font-size:1em;
}

.push-content div {
	color:#ccc;
}

/*	=FOOTER
-------------------------------------------------------------------------------------- */
#footer {
	background:#f2f2f2 url(/FRONT/COLAS/images/common/visu_bg/footer2.png) no-repeat;
	height:58px;
	margin:0 0 0 -5px;
	width:974px;
	z-index:5;
	position:relative;
	padding:0;
}
* html body #footer {
	background:none;
	padding:0;
	width:969px;
}
* html body .footerIE {
	display:block;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/FRONT/COLAS/images/common/visu_bg/footer2.png', sizingMethod='image');
	width:974px;
	height:58px;
	z-index:1;
	position:absolute;
	padding:0;
}

.home #footer {
	background:#f2f2f2 url(/FRONT/COLAS/images/common/visu_bg/footer2.png) no-repeat;
	height:58px;
	position:absolute;
	bottom:0px;
	width:974px;
	z-index:5;
	padding:0 0 5px 0;
}
* html body .home #footer {
	background:none;
	padding:0;
}
* html body .home .footerIE {
	display:block;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/FRONT/COLAS/images/common/visu_bg/footer2.png', sizingMethod='scale');
	width:974px;
	height:58px;
	z-index:1;
	position:absolute;
	bottom:-5px;
	padding:0;
	left:-5px;
}

#colas {
	position:absolute;
	right:17px;
	bottom:4px;
}

#footer ul {
	position:absolute;
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}
#footer ul li {
	display:inline;
	padding:0 35px;
	font-size:.95em;
/*	font-weight:bold;*/
}


/*	=POPIN
-------------------------------------------------------------------------------------- */
#content-popin {
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	text-align:left;
	z-index:20;
}

#popin-background {
	position:absolute;
	height:100%;
	width:100%;
	z-index:10;
	background-color:#000;
	filter: alpha(opacity=60);
	-webkit-opacity:.6;
	-khtml-opacity:.6;
	-moz-opacity:.6;
	opacity: .6;
	background:rgba(0,0,0,.9); /* Gecko 1.9 Power */
	left:0;
}

#load-popin {
	left:50%;
	position:relative;
	top:20%;
	z-index:500;
	width:650px;
	height:508px;
}

#load-popin .close {
	position:absolute;
	top:0;
	right:0;
	width:80px !important;
	height:21px !important;
}

#load-popin .close img {
	width:80px !important;
	height:21px !important;
}

#flash-popin {
	position:absolute;
	top:21px;
	right:0;
	height:508px;
}

/*	=SEARCH
-------------------------------------------------------------------------------------- */
.search {
	margin:15px 0 0 0;
}
.search legend {
	font-weight:bold;
	color:#3e3e3e;
	margin:0 0 5px 0;
}
.search input,
.search select {
	vertical-align:middle;
}

.search label {
	position:absolute;
	left:-9999em;
}

.search select {
	margin:0 18px 0 0;
	width:190px;
	position:relative;
}

.search input {
	margin:0 18px 0 0;
	width:140px;
}

.search .submit {
	margin:0 0 0 -15px;
}

.pagination {
	text-align:right;
	font-size:.95em;
}

.pagination ul {
	margin:8px 0 0 0 !important;
}

.pagination ul,
.pagination li {
	background-image:none !important;
	padding:0 !important;
}

.pagination ul ul,
.pagination ul li {
	display:inline; /*	:TRICKY: Firefox 2 hack */
	display:inline-block;
	#display:inline; /*	:TRICKY: IE HACK */
}

.pagination ul ul {
	margin:0 0 0 10px !important;
}

.pagination ul li a {
	text-decoration:none;
}

.pagination ul ul li {
	width:17px;
	height:17px;
	text-align:center !important;
}

.pagination ul ul li a {
	display:inline-block;
	width:17px;
	height:15px;
	padding:2px 0 0 0;
	text-align:center !important;
	color:#000 !important;
}

.pagination ul ul li.on a {
	background:#72cdfb;
	font-weight:bold;
}

#search-results .inner {
	background:#eaeaea;
	padding:3px;
	overflow:hidden;
	margin:8px 0 0 0;
	min-width:615px;
	width:auto !important;
	width:615px; /* ie 6 hack */
}
* html #search-results .inner { padding-bottom:15px !important; } /*	:TRICKY: IE 6 hack */

#search-results h2 {
	font-size:1.09em;
	font-weight:normal;
	margin:0 0 18px 0;
}

#search-results .result-box {
	width:270px;
	margin:0 25px 10px 10px;
	float:left;
	display:inline;
}

#search-results .result-box span {
	float:left;
}

#search-results .result-box div {
	float:left;
	margin:0 0 0 7px;
	width:200px;
	font-size:.95em;
}

#search-results .result-box ul {
	margin:2px 0 0 0;
}

#search-results .result-box ul li {
	background:none;
	padding:0;
}

#search-results .result-row1,
#search-results .result-row2 {
	margin:13px 0 13px 13px;
	width:480px;
	padding:0 0 0 15px;
}

#search-results .result-row1 {
	background:url(/FRONT/COLAS/images/common/bullet_plus2.gif) 0px 4px no-repeat;
}

#search-results .result-row2 {
	background:url(/FRONT/COLAS/images/common/bullet_plus5.gif) 0px 4px no-repeat;
}


/*	=SITEMAP
-------------------------------------------------------------------------------------- */
.site-map {
	width:842px;
	overflow:hidden;
}

.site-map .col {
	float:left;
	margin:0 12px 0 5px;
	display:inline;
	width:151px;
}

.site-map .col ul li a {
	text-decoration:none;
	color:#333;
	display:block;
}

.site-map .col ul li {
	background:url(/FRONT/COLAS/images/common/bullet_1.gif) 0 1px no-repeat;
	padding-left:0;
	font-weight:bold;
	margin:3px 0;
}

.site-map .col ul li a {
	padding-left:16px;
}

.site-map .col ul li li {
	background:url(/FRONT/COLAS/images/common/bullet_3.gif) 0px 4px no-repeat;
	margin-left:3px;
}

.site-map .col ul li li a {
	padding-left:0;
	font-weight:normal;
	font-size:.95em;
}

.site-map .col ul li li li {
	background:none;
	font-size:.9em;
	margin:1px 0;
	padding:0 0 0 7px;
}

.inner-1 .page ul.tab-indic li{
	background: url(/FRONT/COLAS/images/common/tab_indicateurs.gif) 0 0 no-repeat;
	padding-left: 0;
	float:left;
	width: 86px;
	text-align: center;
	height: 16px;
	margin-right: 2px;
	display:inline;
	line-height: 1em;
}

.inner-1 .page ul.tab-indic{
	width: 440px;
	overflow: auto;
}

.inner-1 .page ul.tab-indic li.indic-tabActif{
	background: url(/FRONT/COLAS/images/common/tab_indicateurs.gif) 0 -20px no-repeat;
}

.inner-1 .page ul.tab-indic li.indic-tabActif a{
	color:#333;
}

.tab-indic li a{
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	color:#666666;
}

.tab-indic li a:hover{
	text-decoration: none;
}

.blockIndicateur{
	border:2px solid #66ccff;
	padding: 6px;
}
.surbrillance{
color:#66CBFF;


}