﻿#content {
	position:relative;
}
#titre{
	position:absolute;
}
#corps{
	clear:both;
	display:block;
	width:795px;
	margin:0;
	padding:0;
	position:relative;
}
#initiativesThumbs{
	position:absolute;
	width:320px;
	height:300px;
	top:100px;
	left:20px;
	overflow:auto;
}
#initiativesThumbs .thumb{
	display:block;
	float:left;
	width:60px;
	height:60px;
	background-color:black;
	position:relative;
}
#IE6 #initiativesThumbs .thumb{
	margin-bottom:-3px;
}
#initiativesThumbs .thumb.off{
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
}
#initiativesThumbs .thumb a img{
	width:60px;
	height:60px;
	padding:0;
	margin:0;
	filter:Alpha(opacity=100);
}
#initiativesThumbs .thumb a {
	position:absolute;
	z-index:10;
}
#initiativesThumbs .thumb .thumbRoll{
	position:absolute;
	filter:Alpha(opacity=0);
	-moz-opacity:0;
	z-index:20;
	display:none;
	/*
	background:transparent url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/initiativesThumbFleche.png) no-repeat bottom right;
	width:60px;
	height:60px;
	*/
}
.js #initiativesThumbs .thumb .thumbRoll{
	display:block;
}
#rollon{
	position:absolute;
	top:59px;
	left:342px;
	z-index:999;
	display:none;
}
#rollon img{
	display:block;
	float:left;
	width:195px;
	height:341px;
	background:black;
}
#rollon .content{
	display:block;
	float:left;
	margin:100px 0 0 0;
}
#rollon .content .type{
	display:block;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	width:240px;
	height:24px;
	padding:8px 0 0 10px;
	font-size:0.9em;
}
#rollon .content .scrollable{
	display:block;
	background:white  url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/initiativesRollonBckg.jpg) no-repeat 10px 20px;
	color:black;
	width:235px;
	min-height:40px;
	padding:20px 5px 3px 10px;
}
#IE6 #rollon .content .scrollable{
	height:40px;
	position:relative;
}
.typeCode1{
	/* economic */
	background:#452046 url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeEconomicBckg.jpg);
}
.typeCode2{
	/* environment */
	background:#99CC99 url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeEnvironmentBckg.jpg);
}
.typeCode3{
	/* r&d */
	background:#2F4D7A url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeRdBckg.jpg);
}
.typeCode4{
	/* social */
	background:#D46850 url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeSocialBckg.jpg);
}
.typeCode5{
	/* supplier */
	background:#9A1840 url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeSupplierBckg.jpg);
}
.typeCode6{
	/* consumer */
	background:#BA1B2E url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeConsumerBckg.jpg);
}
.typeCode7{
	/* community */
	background:#3590AB url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeCommunityBckg.jpg);
}
.typeCode8{
	/* bodyshop */
	background:#47A497 url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/typeBodyshopBckg.jpg);
}
#rollon .title, #rollon .subtitle{
	display:block;
	padding-left:60px;
}
#popin{
	position:absolute;
	top:34px;
	left:80px;
	z-index:1999;
	display:none;
	filter:Alpha(opacity=0);
}
.detail #popin{
	display:block;
	top:80px;
	filter:Alpha(opacity=100);
}
#popin img{
	display:block;
	float:left;
	width:195px;
	height:341px;
	background:black;
	margin-top:16px;
}
#popin .content{
	display:block;
	float:left;
	margin:0 0 0 0;
}
#popin .content .type{
	display:block;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	width:430px;
	height:24px;
	padding:8px 0 0 10px;
}
#popin .content .scrollable{
	position:relative;
	display:block;
	background:white url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/initiativesRollonBckg.jpg) no-repeat 10px 20px;
	color:black;
	width:425px;
	height:305px;
	padding:20px 5px 0 10px;
	overflow:auto;
	overflow-x:hidden;
}
#popin .title, #popin .subtitle{
	display:block;
	padding:0 0 0 60px;
}
#popin .desc{
	display:block;
	padding:20px 0 0 0;
}
#focuspop{
	display:block;
	position:absolute;
	left:-999999px;
}
#popin .content a#focusdesc {
	cursor:default;
	text-decoration:none;
	color:black;
}
#popin .close{
	position:absolute;
	right:0;
	top:0;
	padding:0 20px 0 0;
	background: transparent url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/close.gif) no-repeat top right;
	cursor:hand;
}
#popin .close a{
	text-decoration:none;
	color:black;
	font-weight:bold;
	cursor:hand;
}
#cacheLesTrucs{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1998;
	width:795px;
	height:436px;
	background: #84B816 url(/_fr/_fr/html/sustainableDevelopment/Img/initiatives/initiativesBckg.jpg) no-repeat;
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	display:none;
}
.detail #cacheLesTrucs{
	display:block;
}
.economic #related .title{
	background-color:#543155;
}
.economic #related #links{
	background-color:#452046;
}
.environment #related .title{
	background-color:#A1D0A1;
}
.environment #related #links{
	background-color:#99CC99;
}

.rd #related .title{
	background-color:#3F5B84;
}
.rd #related #links{
	background-color:#2F4D7A;
}

.social #related .title{
	background-color:#D7745E;
}
.social #related #links{
	background-color:#D46850;
}

.supplier #related .title{
	background-color:#A22A4F;
}
.supplier #related #links{
	background-color:#9A1840;
}

.community #related .title{
	background-color:#4599B2;
}
.community #related #links{
	background-color:#3590AB;
}

.bodyshop #related .title{
	background-color:#47A497;
}
.bodyshop #related #links{
	background-color:#379C8E;
}

/******************* combobox ****************************/
.combo{
	width:153px; 
	float:left;
	position:absolute; 
	color:white;
	background:url(/_fr/_fr/html/sustainableDevelopment/Img/commitments/commitmentsComboTitleBckg.gif) left top no-repeat;
	display:none;
	z-index:666;
}
.js .combo{
	display:block;
}
#combo1{
	top:418px;
	left:20px;
}
#combo2{
	top:418px;
	left:200px;
}
.combo p{padding-bottom: 2px;}
.combo p a{
	color:#FFFFFF;
	font-size:1em; 
	height:17px;
	display:block; 
	background:url(/_fr/_fr/html/sustainableDevelopment/Img/commitments/commitmentsComboTitleBckg.gif) left top no-repeat;
	padding-left:9px; 
	text-decoration:none;
}
.combo p a:hover, .combo p a:focus{
	color:#FFFFFF;
	text-decoration:underline;
}
.combo ul{
	position:absolute; 
	left:0px; 
	bottom:18px; 
	width:153px; 
	zoom:1; 
	overflow:hidden; 
	background-color:#393B57;
}
.js .combo ul{left:-10000px;}
.combo ul.js{left:0;}
.combo ul li{
	list-style:none;
	float:left;
	width:153px; 
	zoom:1; 
	overflow:hidden;
}
.combo ul li a{
	font-size:0.8em;
	display:block; 
	padding:2px 0 2px 10px; 
	text-decoration:none; 
	color:#FFFFFF;
	background-color:#393B57;
	border-bottom:0;
}
.combo ul li a:hover, .combo ul li a:focus{
	color:#FFFFFF;
	text-decoration:underline
}
/******************* fin combobox ****************************/
#thirdNav {
	width:366px;
}
