﻿html
{
    background-image :url(../images/prospect-background.jpg);
}


/******************
header
******************/
#container #content h1, #container #content h2
{
    color:#3b7da8;
}

#container #content h2.name, #container #content h2.title
{
    font-weight:bold;
    font-size:15px;
    margin:0;
    padding:0;
}

#container #content h2.name
{
    color:#000000;
}

/******************
Text
*******************/
.title, .name
{
    font-weight:bold;
}

.title
{
    color:#3c7ea8;
}

.name
{
    color:#000000;
}

.youngSection p.intro
{
    padding:0px 0px 22px 0px;
}

/*******************
Menu principal
********************/
#mainMenu .bg
{
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/neutral/images/prospect-main-menu.png', sizingMethod='crop');
}

#mainMenu .bg[class]
{
    background:url(../images/prospect-main-menu.png) top left no-repeat;
}

#mainMenu #changeProfile
{
    background:url(../images/prospect-menu-change-profil-arrow.gif) top right no-repeat;
}

#mainMenu ul li .AspNet-Menu-Selected, #mainMenu ul li .AspNet-Menu-ChildSelected
{
    background:url(../images/menu-over-prospect.gif) repeat-x top right;
}

#mainMenu li a:hover, #mainMenu li a:active
{
    background:url(../images/menu-over-prospect.gif) repeat-x top right;
}

/*******************
Sous Menu 
********************/
#subMenu #contentSubMenu
{
    background:none;
    _height:16px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/neutral/images/prospect-menu-main.png', sizingMethod='scale');
}
#subMenu #contentSubMenu[id]
{
    background:url(../images/prospect-menu-main.png) repeat-y;
}

#subMenu #prospectMenu
{
    height:480px;
}

#topSubMenu
{
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/neutral/images/prospect-submenu-top.png', sizingMethod='crop');
}
#topSubMenu[id]
{
    background:url(../images/prospect-submenu-top.png) top left no-repeat;
}


#bottomSubMenu
{
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/neutral/images/prospect-submenu-bottom.png', sizingMethod='crop');
}
#bottomSubMenu[id]
{
    background:url(../images/prospect-submenu-bottom.png) top left no-repeat;
}

#subMenuHub
{
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/neutral/images/prospect-submenu-default.png', sizingMethod='crop');
    height:472px;
    width:154px;
    padding:14px 16px;
}
#subMenuHub[id]
{
    background:url(../images/prospect-submenu-default.png) top left no-repeat;
}

#subMenuHub .content
{
    padding:19px 0px;
}


/*****************
Contenus
******************/
/*#container #content #flash
{
    width:640px;
    height:374px;
    background:url(../images/flash-banner-red-intro.jpg) no-repeat top left ;
}*/

#container .text
{
    padding-left:149px;    
}

#container .youngSection
{
    margin:37px 21px 0px 0px;   
}

#container #content #video
{
    position:relative;
    width:469px;
    height:365px;
}


#container #content #video a
{
    position:absolute;
    bottom:0px;
    right:0px;
}

#container #content #video h1
{
    text-transform:none;
    font-weight:normal;
    color:#5f6163;
}

#container #content #video h1 .big
{
    font-size:18px;
    font-weight:bold;
}

#container #content #video h1 .medium
{
    font-size:24px;
}

#container #content #video h1 .small
{
    font-size:13px;
}

#container #content #video h1 div
{
    margin-left:45px;
}

#Popup
{
    visibility:hidden;
    padding:20px;
}

#Popup h2
{
    color:#3B7DA8;
}

/*********************************
Young Candidates - Work at Saputo
**********************************/

.department
{
    margin-top:34px;
}

.department .image, .department .desc
{
    float:left;
}

.department .image
{
    width:292px;
}

.department .desc
{
    width:435px;
}

/*****************
Join our team
****************/

#container #content #JoinOurTeam.hd
{
    background:url(../images/prospect-header-join-us.jpg) no-repeat top left;
    padding-top:209px;
} 

/*************
Work at saputo
****************/
#Worker
{
    height:352px;
    width:737px;
    position:relative;
}
#Production, #ProductionOver, #DL, #DLOver, #Sales, #SalesOver, #Administration, #AdministrationOver
{
    position:absolute;
    top:0;
    height:352px;
    background-position:top left;
    background-repeat:no-repeat;
}
#Production, #DL, #Sales, #Administration
{
    z-index:20;
}
#ProductionOver, #DLOver, #SalesOver, #AdministrationOver
{
    z-index:10;
}
#Production, #ProductionOver
{
    width:326px;
    left:0;
}
#Worker #Production .desc, #Worker #ProductionOver .desc
{
    width:274px;
}
#Production
{
    background-image:url(../images/worker-production.jpg);
    z-index:40;
}
#ProductionOver
{
    background-image:url(../images/worker-over-production.jpg);
    z-index:30;
}
#DL, #DLOver
{
    width:119px;
    left:305px;
}
#DL
{
    background-image:url(../images/worker-distribution-logistique.jpg);
}
#DLOver
{
    background-image:url(../images/worker-over-distribution-logistique.jpg);
}
#Sales, #SalesOver
{
    width:116px;
    left:423px;
}
#Sales
{
    background-image:url(../images/worker-vente.jpg);
}
#SalesOver
{
    background-image:url(../images/worker-over-vente.jpg);
}
#Administration, #AdministrationOver
{
    width:198px;
    left:539px;
}
#Administration
{
    background-image:url(../images/worker-administration.jpg);
}
#AdministrationOver
{
    background-image:url(../images/worker-over-administration.jpg);
}

#Worker .desc
{
    background-color:Transparent;
    border-top:1px solid #dde1e4;
    position:absolute;
    top:324px;
    left:5%;
    color:#dde1e4;
    width:90%;
    text-align:center;
}
#Worker .over
{
    color:#747778;
    border-color:#747778;
}
#Worker .zone
{
    position:absolute;
    /*border:1px solid red;*/
    z-index:100;
    height:319px;
}
#Worker #Zone1
{
    width:105px;
    left:0px;
}
#Worker #Zone2
{
    width:100px;
    left:105px;
}
#Worker #Zone3
{
    width:100px;
    left:205px;
}
#Worker #Zone4
{
    width:118px;
    left:0px;
}
#Worker #Zone5
{
    width:116px;
    left:0px;
}
#Worker #Zone6
{
    width:100px;
    left:0px;
}
#Worker #Zone7
{
    width:100px;
    left:100px;
}
#Worker #Zone1Bubble
{
    left:0px;
    top:80px;
}
#Worker #Zone2Bubble
{
    left:70px;
}
#Worker #Zone3Bubble
{
    left:170px;
}
#Worker #Zone4Bubble
{
    left:0px;
}
#Worker #Zone5Bubble
{
    left:100px;
}
#Worker #Zone6Bubble
{
    left:200px;
}
#Worker #Zone7Bubble
{
    left:300px;
    top:80px;
}

#Worker .bubble
{
    position:absolute;
    /*border:1px solid yellow;*/
    z-index:200;
    opacity:1;
	display:none;
	width:476px;
	top:60px;
	
}

#Worker .bubble .hd
{
    background:url(../images/bubble-hd.png) no-repeat top left;
    _background:url(../images/bubble-hd.gif) no-repeat top left;
    *background:url(../images/bubble-hd.gif) no-repeat top left;
    height:30px;
}

#Worker .bubble .bd, #container #content #Worker .bubble .bd h2, #Worker .bubble p
{
     color:#ffffff; 
}
#Worker .bubble p
{
    padding:0px;
}
#Worker .bubble .bd
{
    padding:0px 15px;
    
    background:url(../images/bubble-bd.png) repeat-y;
    _background:url(../images/bubble-bd.gif) repeat-y;
    *background:url(../images/bubble-bd.gif) repeat-y;
    min-height:100px;
	_height:100px;
}

#Worker .bubble .hdLeft
{
    background:url(../images/bubble-hd-left.png) no-repeat top left;
    _background:url(../images/bubble-hd-left.gif) no-repeat top left;
    *background:url(../images/bubble-hd-left.gif) no-repeat top left;
}

#Worker .bubble .ft
{
    background:url(../images/bubble-ft.png) no-repeat top left;
    _background:url(../images/bubble-ft.gif) no-repeat top left;
    *background:url(../images/bubble-ft.gif) no-repeat top left;
    height:8px;
    overflow:hidden;
}

#DepartmentDesc #ProductionDesc, #DepartmentDesc #DLDesc, #DepartmentDesc #SalesDesc, #DepartmentDesc #AdministrationDesc
{
    display:none;
} 

/*****************
Zone de droite - Engagement
******************/
#ad-engagement .hd
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/neutral/images/engagement_social_candidats_bg_hd.png', sizingMethod='crop');
}

#ad-engagement .hd[class]
{
    background:url(../images/engagement_social_candidats_bg_hd.png) top left no-repeat;
}

#ad-engagement .bd .degrade
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/neutral/images/engagement_social_candidats_bg_degrade.png', sizingMethod='crop');
}

#ad-engagement .bd .degrade[class]
{
    background:url(../images/engagement_social_candidats_bg_degrade.png) top left no-repeat;
}