@charset "utf-8";
/* CSS Document */


/* ==============================================
OLD CASE STUDIES
============================================== */ 


TABLE.CaseStudies01 TD , TABLE.CaseStudies02 TD , TABLE.CaseStudies03 TD {
	padding:0 0 0 0;
}

table .CaseStudies01 hr, table .CaseStudies02 hr, table .CaseStudies03 hr {
margin: 15px 0;
}

table .CaseStudies01 {
margin: 10px 0;
}

table .CaseStudies02 {
margin: 0;
}

table .CaseStudies03 {
margin: 0 0 10px 0;
}

#images-casestudies {
padding-left: 20px;
}

TABLE.CaseStudies01 IMG{
	padding:0 0 5px 0;
}

TABLE.CaseStudies01 H1{

	background:url(/design/underline-title.gif) repeat-x center bottom;
	padding:0 0 5px 0;
	margin:0 0 10px 0;

	color:#0072BC;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	
}

TABLE.CaseStudies01 SPAN , TABLE.CaseStudies02 SPAN , TABLE.CaseStudies03 SPAN{
	color:#999;
}

TABLE.CaseStudies01 H3 , TABLE.CaseStudies02 H3 , TABLE.CaseStudies03 H3{
	color:#006BB1;
	font-size:11px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

H1.veol{background:none !important;font-size:16px;}


A.listcs , A.listcs:visited{
	background:#ECECEC;
	padding:3px 10px;
	margin-bottom:5px;
	display:block;
	color:#999;
	text-decoration:none;
	border:1px solid #ccc;
	width:650px;
}


A.listcs:hover{
	background:URL(/design/mcst.gif) repeat-x center center;
	color:#333;
}

TABLE.editFomCs{

}

TABLE.editFomCs H3{

	color:#0072BC;
	font-weight:normal;
	font-size:16px;
	margin:0;
	padding:0;

}


/* --------------------------------------------------------- */

TABLE.CaseStudies{
	margin-bottom:100px;
}


TABLE.CaseStudies TH{
	background:#ccc;
	text-align:left;
	padding:5px;
	color:#666666;
}


TABLE.CaseStudies TH A , TABLE.CaseStudies TH A:visited{color:#666666;text-decoration:underline; white-space:nowrap}
TABLE.CaseStudies TH A:hover{color:#E79600;}

TABLE.CaseStudies TH IMG{vertical-align:middle;}

TABLE.CaseStudies TD{
	text-align:left;
	padding:5px;
	border-bottom:1px solid #ccc;
	color:#006BB1;
}


IMG.imgB {
	margin:0 1px;
	padding:0 0;
}

TD.inp INPUT{
	vertical-align:middle;
	margin:2px;
}


/* ==============================================
/ OLD CASE STUDIES
============================================== */ 























.formSearch{
	position:relative;
	height:212px;
	margin-top:20px;
}

#Map{
	position:absolute;

	display:block;
	top:0;
	right:1px;	
	width:255px; 
	height:202px; 
	background:URL(/design/maps.gif) no-repeat 0 0;
}

.formSearch FORM{
	background:url(/design/search-ref.gif) no-repeat;	
	height:174px;
	width:665px;	
	padding:28px 0 0 25px;
	left:-3px;
	top:0;
	position:absolute;

}

A.list-dataBase , A.list-dataBase:visited{
	display:block;
	height:158px;
	background:url(/design/list-database.gif) no-repeat right top;
	color:#666;
	
	margin-bottom:10px;
}

A.list-dataBase:hover{
	background:url(/design/list-database.gif) no-repeat right bottom;
	color:#fff !important;
	text-decoration:none !important;
}
           	
.imgDB{
	width:225px;
	height:158px;
	float:left;
}
.imgDB IMG{}

.txtDB{
	width:425px;
	padding:20px 20px 0 20px;
	float:right;
}
.txtDB B{
	font-size:12px;
	color:#000;
}
.txtDB UL{}
.txtDB UL LI{
	line-height: 1.2em;
}

.list-dataBase:hover .txtDB B{color:#fff;}
.list-dataBase .txtDB UL{margin:10px 15px;padding:0;}
.list-dataBase .txtDB UL LI{list-style-image:url(/design/puce-black.gif);padding:3px 0;}
.list-dataBase:hover .txtDB UL LI{list-style-image:url(/design/puce-white.gif);}

.navTop{
	background:url(/design/nav-top-db.gif) no-repeat center top;
	height:42px;
	line-height: 1em !important;
}

.navTop TD{
	text-align:center !important;
}

.navTop TD A , .navTop TD A:visited{
	color:#fff !important;
	font-size:12px !important;
	text-decoration: none !important;
}

.navTop TD A:hover{
	color:#fff !important;
	text-decoration: underline !important;
}

.navTop TD A.blkL , .navTop TD A.blkL:visited{color:#7e7e7e !important;}


.ficheDB{
	background:url(/design/fiche-top-db.gif) no-repeat center bottom;
	padding:10px 20px;

	line-height:200%;
	
}

HR.clearDB{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:1px;
}

H1.cst{
	color:#f16127;
	font-size:24px;
	padding:0 0 10px 0;
}

.DBbigImage{
	width:444px;
	float:left;
}

.DBRightImage{
	float:right;
	width:185px;
}

.DBRightImage IMG{
	margin:0 15px 15px 0;
}

HR{margin:10px 0;}

h3{
	color:#1574ca;
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
}

.dbLeft{
	float:left;
	width:315px;
}

.dbRight{
	float:right;
	width:315px;
	padding-left:15px;

	border-left:1px solid #ccc;	

}


/* ==============================================
CAROUSEL
============================================== */

DIV.itemLogo , A.itemLogo:link , A.itemLogo:visited{
	display:block;
	width:75px;
	height:75px;
	float:left;
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor:default;
/*	cursor:help;*/


}

DIV.itemLogo:hover , A.itemLogo:hover{
	background-position: 0 -75px;
}


/* ----------------------------------------------------- */


    /* Generic Carousel Properties */
    .carousel { position:relative; clear:both;  }

    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
    .carousel .ccontainer { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:default;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;
        list-style-type:none; margin:0px; 
		background:#F3F3F3;
    }

    .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }

    /* Horizontal Carousel */
    #Carousel2 { height:158px; width:690px;margin:0 auto;background:transparent url(/design/dots.gif) repeat-x scroll left bottom;margin-bottom:20px;}

    #Carousel2 .ccontainer { left:25px; top:0px; width:660px; height:158px;}
    
	#Carousel2 .items { top:0; left:0px; width:7900px;}

    #Carousel2 .item { 
		height:158px;  
		width:218px; 
		
		border:solid #fff;
		border-width:0 1px;
		
		
		float:left; 
		clear:right; 
	}
    
	#Carousel2 .navButton { position:absolute; top:0px; width:25px; height:158px;background:center center no-repeat;}
    #Carousel2 .navButton.previous {  left:0px; background-image:url('/design/interface/scroll-left.gif');}
    #Carousel2 .navButton.previous:hover {  background-image:url('/design/interface/scroll-left-hover.gif');}
    #Carousel2 .navButton.next { right:0px; background-image:url('/design/interface/scroll-right.gif');}
    #Carousel2 .navButton.next:hover { background-image:url('/design/interface/scroll-right-hover.gif');}
    
	#Carousel2 .navButtonBack { position:absolute; top:0px; width:25px; height:158px;background:center center no-repeat;}
    #Carousel2 .navButtonBack.previousBack {  left:0px; background-image:url('/design/interface/scroll-left.gif');cursor:not-allowed;}
    #Carousel2 .navButtonBack.nextBack { right:0px; background-image:url('/design/interface/scroll-right.gif');cursor:not-allowed;}

    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}
    #Carousel2 .item .picture { display:none;}


    #Carousel2 .item A{ }
    #Carousel2 .item A SPAN{
		display:block;
		text-align:center;
	}

    #Carousel2 .item A SPAN.nameIcon{
		padding:5px 0;
		font-size: 12px;
		line-height:14px;
		color: #666666;
	}
	#Carousel2 .item A SPAN.nameIcon:hover{
		color: #ff6600;
	}