﻿/* Contenu */
#global{width:963px;margin:0 auto;font-family:Tahoma,Arial,sans-serif;}

/***********************Block quel est votre projet*****************************************/
#tabs{float:left;width:530px;height:274px;position:relative;display:inline;font-family:Tahoma,Arial,sans-serif;}

#tabs .contenu_tab_nav{width:530px;position:absolute;bottom:0;left:0;}
#tabs .tabs-nav{position:relative;width:530px;background:url(../images/home/bg_tabs_nav.png) no-repeat 0 0;height:80px;overflow:hidden;}

#tabs .tabs-nav li{float:left;padding:0;}
#tabs .tabs-nav li a{text-decoration:none;padding:0;text-indent:-2000px;display:block;}

#tabs .tabs-nav li.item1 a{width:104px;height:80px;}
#tabs .tabs-nav li.item2 a{width:108px;height:72px;margin:8px 0 0 0;}
#tabs .tabs-nav li.item3 a{width:104px;height:62px;margin:18px 0 0 0;}
#tabs .tabs-nav li.item4 a{width:105px;height:46px;margin:34px 0 0 0;}
#tabs .tabs-nav li.item5 a{width:109px;height:80px;}


#tabs .tabs_content{padding:19px 0 0 19px;display:block;float:left;width:511px;height:255px;display:none;position:absolute;cursor:pointer;}

#tabs .tabs_content .titre_projet{background:url(../images/home/titre_votre_projet.png) no-repeat 0 0;text-indent:-2000px;height:26px;}
#tabs .tabs_content .titre_onglet{font-weight:bold;color:#e5fdd0;font-size:14px;padding:0 0 2px 0;}	
#tabs .tabs_content div{padding:20px 0 0 0;}
#tabs .tabs_content  p{color:#fff;font-size:12px;line-height:15px;}
#tabs .tabs_content .contenu_faire_demande{margin:20px 0 0 0;padding:0;}
#tabs .faire_demande{line-height:normal;background:url(../images/home/faire_demande.png) no-repeat 0 0;width:157px;height:41px;text-indent:-2000px;}
#tabs .tabs_content .savoir{background:no-repeat right 5px;color:#fff;font-size:12px;text-decoration:underline;padding:0 10px 0 0;}


#tabs #tabs-1{background:url(../images/home/vis01.jpg) no-repeat 0 0;display:block;}
#tabs #tabs-2{background:url(../images/home/vis02.jpg) no-repeat 0 0;}
#tabs #tabs-3{background:url(../images/home/vis03.jpg) no-repeat 0 0;}
#tabs #tabs-4{background:url(../images/home/vis04.jpg) no-repeat 0 0;}
#tabs #tabs-5{background:url(../images/home/vis05.jpg) no-repeat 0 0;}

#tabs #tabs-1 .faire_demande{background-position:0 0;}
#tabs #tabs-2 .faire_demande{background-position:0 -41px;}
#tabs #tabs-3 .faire_demande{background-position:0 -82px;}
#tabs #tabs-4 .faire_demande{background-position:0 -123px;}
#tabs #tabs-5 .faire_demande{background-position:0 -164px;}


#tabs #tabs-1 .savoir{background-image:url(../images/home/puce01.gif);}
#tabs #tabs-2 .savoir{background-image:url(../images/home/puce02.gif);}
#tabs #tabs-3 .savoir{background-image:url(../images/home/puce03.gif);}
#tabs #tabs-4 .savoir{background-image:url(../images/home/puce04.gif);}
#tabs #tabs-5 .savoir{background-image:url(../images/home/puce05.gif);}


#tabs #tabs-1 .titre_onglet{color:#e5fdd0;}
#tabs #tabs-2 .titre_onglet{color:#c2adad;}
#tabs #tabs-3 .titre_onglet{color:#d2f4f5;}
#tabs #tabs-4 .titre_onglet{color:#b5e0f0;}
#tabs #tabs-5 .titre_onglet{color:#f6d5e2;}

ul{list-style:none;padding:0;margin:0;}
ul li{list-style:none;padding:0;margin:0;}

div.Block_Avantage div ul li {list-style:disc;list-style-position:inside;}

/***********************Block quel est votre besoin*****************************************/
#block_besoin{float:right;width:368px;height:143px;background:url(../images/home/bg_besoin.jpg) no-repeat 0 0;padding:22px 0 0 21px;display:inline;font-family:Tahoma,Arial,sans-serif;}
#block_besoin .titre_besoin{background:url(../images/home/titre_besoin.png) no-repeat 0 0;text-indent:-2000px;height:22px;margin:0 0 24px 3px;}

#block_besoin .lien_besoin  li{padding:0;width:185px;height:25px;margin:0 0 4px 0;display:block;background:url(../images/home/bg_nav_besoin.png) no-repeat 0 0;}
#block_besoin .lien_besoin  li a{text-decoration:none;padding:0;display:block;padding:6px 0 0 13px;color:#004A93;font-size:11px;font-weight:bold;position:relative;}


div.Content{clear:both;padding:0px 16px 18px 16px;background:url(/media/common/bg_body-footer.gif) left bottom no-repeat}

div.BanniereHP {margin:16px 0;}
div.BanniereHP a, div.BanniereHP img {display:block;height:274px;width:931px;}

/* Block Flash */
div.BlockHP_FlashLeft,div.BlockHP_FlashRight{margin:20px 0px 16px 0px;display:inline;height:274px;z-index:1;display:none;} 
div.BlockHP_FlashLeft{float:left;width:530px;display:none;}
div.BlockHP_FlashRight{float:right;width:389px;display:none;}

/* Les 3 blocks sous flash */
div.BlockHP{width:303px;height:115px;display:inline;float:left;position:relative;}
div.BlockHP span,div.BlockHP h3.BlockActu{float:left;display:inline;height:17px;overflow:hidden;margin-left:15px;padding-right:10px;color:#FFFFFF;font:12px Arial;line-height:18px;Background:url(/media/homepage/block/bg_titrebleu.jpg) top right no-repeat}
div.BlockHP h3.BlockAutre,div.BlockHP h4{clear:both;margin-left:115px;font:bold 13px Arial;line-height:18px;color:#03396E}
div.BlockHP h3.BlockAutre a,div.BlockHP h4 a {font:bold 13px Arial;line-height:18px;color:#03396E;cursor:pointer;}
div.BlockHP div{margin-left:115px;font:11px Arial;line-height:13px;color:#796D6D}

div.BlockHP a.savoirPlus
{
	position:absolute;
	bottom:5px;
	margin-left:115px;
	left:0;
	background:url(/media/homepage/btn/bg_ensavoirplus.png) no-repeat;
	display:block;
	width:98px;
	height:18px;
	overflow:hidden;
	text-indent:-5000px;
}
div.BlockHP span.DatePubliHP {font-size:10px;margin:-3px 0 -3px 115px;height:auto;padding:0;color:#796D6D;background:none;float:none;display:block;}

div.BlockHPFinancement{background:url(/media/homepage/block/bg_financement.jpg) no-repeat}
div.BlockHPEngagement{background:url(/media/homepage/block/bg_engagement.jpg) no-repeat;margin-left:11px}
div.BlockHPService{background:url(/media/homepage/block/bg_service.jpg) no-repeat;margin-left:11px}
div.BlockHPPartenaire{background:url(/media/homepage/block/bg_service.jpg) no-repeat;margin-left:11px;}

div.BlockHPPartenaire div.Carousel 
{
	float:left;
	display:inline;
	margin:5px;
	text-align:center;
	height:88px;
	width:233px;
}


div.BlockHPPartenaire div.BtnNavigation 
{
	margin:31px 0 0 0;
	width:27px;
	height:25px;
	text-align:center;
	float:left;
	display:inline;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    z-index: 2;
    padding:6px 0 0 0;
}
div.BlockHPPartenaire div.BtnNavigation.BtnPrevious 
{
	background:url(/Images/partenaires/bg-rond.gif) no-repeat 5px 0;
    left: 3px;
    top: 10px;
    padding-left:3px;
}
div.BlockHPPartenaire div.BtnNavigation.BtnNext 
{
    right: 3px;
    top: 84px;
    background:url(/Images/partenaires/bg-rond.gif) no-repeat 0 0;
    padding-right:3px;
}

div.BlockHPService div{margin-left:20px}
div.BlockHPService h3.BlockAutre{margin-left:20px}
div.BlockHPService a.savoirPlus{margin-left:100px;cursor:pointer;}
*html div.BlockHP a.savoirPlus{background:transparent url(none);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/media/homepage/btn/bg_ensavoirplus.png")}

.HomeTopLine {text-align:center;font:11px Arial;color:#796D6D;}
.linkSavoirPlus, .linkSavoirPlus a{text-align:right;text-decoration:underline;font:12px Arial;color:#03396F}
	
		
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/home/bg-scrolldrag.png) repeat-y 0 0;
}
.jScrollPaneDrag {
	position: absolute;
	
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../images/home/bg-scrolls.png) no-repeat 0 0;
	height: 8px;
}
a.jScrollArrowUp:hover {}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../images/home/bg-scrolls.png) no-repeat 0 -7px;
	height: 9px;
}
a.jScrollArrowDown:hover {}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}
		
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */


