/*## PAGE: (inherit), fixed, withRightColumn, fixed withRightColumn ##*/
/*## FRAME: (inherit) ##*/
/*## FRAME_ROW: (inherit) ##*/
/*## PART_CONTAINER_ID: (inherit), pageIntro ##*/
/*## PART_CONTAINER_CLASS: (inherit),, container1, container2, container3, container4, container5, imagecontainer ##*/
/*## TREE: (inherit) ##*/
@font-face
{
	font-family: "SegoeUI";
	font-weight:400;
	src: url('segoeui.ttf');
}
@font-face
{
	font-family: "SegoeUI";
	font-weight:200;
	src: url('segoeui.ttf');
}
a.edit-link 
{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background-color:#ccc;
}

body
{
    color: #4c0612;
    font-family:Verdana,Tahoma,Arial;
    font-size:11px;
   	font-weight:400;
		background-color:white;/*#840000;*/
/*		background-image:url('Images/fond.png');
		background-position:top center;
		background-repeat:repeat-y;*/
		padding:0;
		margin:0;
}

body.popup 
{
    background-color: #fff;
}

div#page 
{
	position:relative;
/*	background-image:url(Images/fond_header.png);
	background-position:top center;
	background-repeat:no-repeat;*/
}

#headerandmenu 
{
/*	background-color:#555;*/
/*	padding-bottom:15px;*/
	width:100%;
}
#menucontainer 
{
	border-top:1px solid #222;
	border-bottom:1px solid #222;
/*	height:70px;*/
}
#header
{
/*	background-color:#840000;*/
	position:relative;
/*	width:940px;*/
	margin:auto;
	padding-top:20px;
	height:35px;
	font-size: 11px;
	font-weight:normal;
	font-family:Verdana;
	font-weight:normal;
    /*color: #fff;*/
}

body.page2 #header 
{
	height:14px;
	background-color:White;
	color:#666;
	padding:5px 0px;
/*	margin-bottom:40px;*/
}
body.page2.bis #header 
{
	margin-top:68px;
	border-bottom:4px solid #222;
	height:107px;
}
body.page2 #main 
{
	margin-top:100px;
}
body.page2 #headerpic 
{
	display:none;
	position:absolute;
	top:0;
	right:150px;
	left:0px;
	bottom:80px;
	background-image:url('Images/header/servers_bandeau_gris.png');
	background-position:top left;
	background-repeat:no-repeat;
	border-right:1px solid #222;
}

a:link, a:visited 
{
    color: #cc2121;
    text-decoration:none;
}
a:hover 
{
    text-decoration:underline;
}

#header a:link, #header a:visited
{
    color: #333;
    text-decoration: none;
}
body.page2 #header a:link, body.page2 #header a:visited
{
    color: #666;
    text-decoration: none;
}

#header a:hover
{
    color: #000;
    text-decoration: none;
}
body.page2 #header a:hover
{
	color:Black;
}
div#logo 
{
	display:none;
	position:absolute;
	right:0px;
	top:100px;
	width:30%;
	height:180px;
	background-color:#fff;
	background-image:url('Images/logo_OJC_140.png');
	background-position:center;
	background-repeat:no-repeat;
/*	border:2px solid #222;*/
}
body.page2 div#logo 
{
	background-image:url('Images/logo medium.png');
	right:0px;
	top:-8px;
	width:129px;
	height:125px;
	border-right:0px;
}
#maincontainer 
{
/*	width:940px;*/
	margin:auto;
	/*	margin-top:15px;*/
	padding:0;
	/*padding:29px;*/
	background-color:#fff;
	overflow:auto;
}
#main
{
/*	padding: 20px 45px 15px;*/
	padding:0px;
	min-height:500px;
	width:100%;
	float:left;
}
#rightcolumn 
{
	float:right;
	width:30%;
	margin-top:180px;
	display:none;
}
.withRightColumn #rightcolumn
{
	display:block;
}
.withRightColumn #main 
{
	width:65%;
}
.withRightColumn #logo 
{
	display:block;
}
#rightcolumn ul
{
	padding-left:15px;
}
body.page2 div#page 
{
	position:relative;
	margin:auto;
	padding:0px;
    border-left:1px solid #222;
    border-right:4px solid #222;
}

div#menucontainer 
{
	background-color:#cc2125;
	text-transform:uppercase;
}
body.page2 #menucontainer
{
	background-color:#cc2125;
	position:absolute;
	top:104px;
	z-index:10;
	width:100%;
	border-top:4px solid #222;
	border-bottom:3px solid #222;
}
body.page2/*.bis*/ #menucontainer
{
	top:20px;
/*	border-top:4px solid #222;*/
}

div.menu 
{
/*	width:940px;*/
	overflow:hidden;
	margin:auto;
/*	border-bottom:1px solid #ccc;*/
	font-family: /*Terminal Dosis, "SegoeUI", Segoe UI Light, Segoe UI, */ Verdana, Tahoma, Arial, Helvetica;
	font-weight:200;
	padding:0px;
/*	color:#ddd;*/
}

#menucontainer > div.menu 
{
	height:39px;
	background-color:#cc2125;
}

body.page2 div.menu 
{
/*    border-left:4px solid #222;
    border-right:4px solid #222;*/
   	height:39px;
	overflow:visible;
}
div.menu > table 
{
	margin-left:0px;
}
#menucontainer > div.menu td.menutitle
{
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}

#menucontainer a.menutitlelabel, #menucontainer a.menutitlelabel_on, #menucontainer td.menu_title > div 
{
	color:#eee;
	padding:5px 15px;
	margin:0;
}

#menucontainer td.menutitle.menu_on > div 
{
	padding:5px 15px;
	margin:0;
}

#menucontainer div.menu .menu_on > a.menutitlelabel, #menucontainer div.menu .menu_on > a.menutitlelabel:visited, #menucontainer div.menu .menu_on > a.menutitlelabel:hover, #menucontainer td.menutitle > div, #menucontainer td.menutitle.menu_on > div 
{
	color:#fff;
}

#menucontainer div.menu > table > tbody > tr:first-child > td.menutitle
{
	line-height:26px;
	text-align: center;
	padding: 0px 5px;
	height:100%;
}
#menucontainer div.menu > table > tbody > tr:first-child > td.menutitle > a.menutitlelabel, #menucontainer div.menu > table > tbody > tr:first-child > td.menutitle.menu_on > div, #menucontainer div.menu > table > tbody > tr:first-child > td.menutitle > div
{
	padding:7px 11px 6px 11px;
}
#menucontainer body.page2 div.menu > table > tbody > tr:first-child > td.menutitle > a.menutitlelabel, #menucontainer body.page2 div.menu > table > tbody > tr:first-child > td.menutitle.menu_on > div, #menucontainer body.page2 div.menu > table > tbody > tr:first-child > td.menutitle > div
{
	padding:7px 10px 6px;
}
#menucontainer div.menu > table > tbody > tr:first-child > td.menutitle.menu_on > a.menutitlelabel, #menucontainer div.menu > table > tbody > tr:first-child > td.menutitle.menu_on > div 
{
	font-weight:bold;
}
#menucontainer div.menu a.menutitlelabel:hover, #menucontainer div.menu td.menu_open > a.menutitlelabel, #menucontainer div.menu td.menu_open > div
{
	color:#fff;
	background-color:#4c0612;
}
#menucontainer div.menu td.menu_on
{
	background-color:#4c0612;
/*	border-top:1px solid #aaa;*/
}
#menucontainer div.menu td.menu_on > .menutitlelabel, #menucontainer div.menu td.menu_on > div
{
	background-color:#4c0612;
}
#menucontainer .menu_open > .menuscrolldown
{
	background-color:#4c0612;
	padding:2px 1px 3px 1px;
	font-size:10px;
}
#menucontainer .menu_open > .menuscrolldown td.menutitle
{
	background-color:#cc2125;
	margin:0;
	padding:0;
}
#menucontainer .menu_open > .menuscrolldown td.menutitle.menu_on
{
	background-color:#cc2125;
}
#menucontainer .menu_open > .menuscrolldown 
{
	margin-left:4px;
}

#footercontent div.menu 
{
	margin:auto;
	padding: 12px 6px;
}
#footercontent div.menu .menu_on > a.menutitlelabel, #footercontent div.menu .menu_on > a.menutitlelabel:visited, #footercontent div.menu .menu_on > a.menutitlelabel:hover, #footercontent td.menutitle > div, #footercontent td.menutitle.menu_on > div 
{
	color:#eee;
}
#footercontent a.menutitlelabel, #footercontent a.menutitlelabel_on, #footercontent td.menu_title > div 
{
	color:#eee;
}
#footercontent div.menu a.menutitlelabel:hover, #footercontent div.menu td.menu_open > a.menutitlelabel, #footercontent div.menu td.menu_open > div
{
	color:#fff;
}
#footercontent div.menu td.menu_on
{
	background-color:transparent;
}
#footercontent .menutitle 
{
	text-align:left;
	vertical-align:top;
	padding:0px 6px 0px 0px;
}

#rightcolumn .menu_on 
{
	background-color:transparent;
}
#rightcolumn div.menu a 
{
    color:#4c0612;
}
#rightcolumn .menutitle 
{
	padding:5px 10px;
}

/*div.menu td.menu_on > div
{
	color:#fff;
	padding:12px;
	padding-top:14px;
}*/

#logindisplay 
{
	position:absolute;
	float:none;
	font-size:1em;
	right:10px;
	text-align:right;
}

.mappath
{
	position:absolute;
	left:0px;
	float:left;
	font-size:1em;
	white-space:nowrap;
}
body.page2 .mappath 
{
/*	padding-left:45px;*/
	padding-bottom:6px;
	bottom:0px;
	border-bottom:1px solid #222;
/*	right:0px;*/
}
/*#logindisplay a:link, #logindisplay a:visited
{
    color: silver;
}
#logindisplay a:hover
{
    color: #fff;
}*/
#loading 
{
	position:absolute;
	right:-3px;
	top:42px;
/*	right:5px;
	top:110px;*/
}


div#page.admin #main 
{
	margin:0;
}

.tablePart_cell p 
{
	padding:0 10px 0 0;
}


#popup 
{
/*    padding: 30px 30px 15px 30px;
    background-color: #fff;*/
}

#footercontainer
{
	background-color:#4c0612;
	/*border-top:1px solid #cc2121;*/
    color: White;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
    clear:both;
    margin-bottom:0px;
    padding-bottom:0px;
}
#footercontent 
{
}
#rightcolumn div.menu, #footercontent div.menu 
{
	background-color:transparent;
	margin:auto;
	width:auto;
}
#footercontent div.menu .menutitle
{
	font-size:10px;
}
#footercontent div.menu > table
{
	margin:auto;
}
#footercontent div.menu table.subMenu 
{
	margin-top:8px;
}
#footer 
{
	background-color:#222;
    color: #999;
    padding:0px 0px;
    margin-bottom:0px;
    padding:5px 0px;
}
#footer > p 
{
    margin:0px;
    padding:0px;
}

/* page editor fix */
.ojcControl > div.pane_content 
{
	overflow: hidden;
}
#pageEditor #logo
{
	display:none;
}

/* Width layout : wide fixed */
#menucontainer div.menu, #header, #maincontainer
{
	width:90%;
}
body.fixed #menucontainer div.menu, body.fixed #header, body.fixed #maincontainer
{
	width:940px;
}
/*body.admin #menucontainer div.menu, body.admin #header, body.admin #maincontainer 
{
	width:90%;
}
body.admin #rightcolumn 
{
	display:none;
}
body.admin #main 
{
	width:100%;
}
body.admin #logo 
{
	display:none;
}*/
div.menu 
{
/*	overflow:visible;*/
}
/*div#logo 
{
	right:-40px;
}*/
@media screen and (max-width: 980px) {
	div.menu, #header, #maincontainer,
	body.fixed #menucontainer div.menu, body.fixed #header, body.fixed #maincontainer
	{
		width:100%;
	}
	#main
	{
		padding-left:10px;
/*		width:65%;*/
	}
	#rightcolumn 
	{
		padding-right:10px;
	}
	div#logo 
	{
		right:10px;
	}
/*	body.page #logindisplay 
	{
		right:190px;
	}*/
	.mappath
	{
		left:10px;
	}
}
@media screen and (max-width: 700px) {
	div#logo 
	{
		right:0px;
		top:0px;
		border:0px;
		width:106px;
		height:98px;
		background-image:url('Images/logo medium.png');
	}
	#header 
	{
		height:100px;
	}
	#logindisplay 
	{
		right:auto;
		left:10px;
	}
	.mappath
	{
		bottom:10px;
	}
	#main, .withRightColumn #main 
	{
		float:none;
		width:auto;
		padding-right:10px;
	}
	#rightcolumn 
	{
		float:none;
		width:auto;
		padding:10px;
		margin-top:40px;
	}
}


/* OJC Branding
----------------------------------------------------------*/

.OJCPageTitle, h1 {
	margin-top:0px;
	padding:40px 0px 30px 0px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","SegoeUI", Segoe UI, Verdana, Tahoma, Arial, Helvetica;
	font-size: 28px;
	font-weight:200;
	text-align: left;
	vertical-align:middle;
	color: #4c0612;
	font-weight:normal;
/*	text-transform:uppercase;*/
}

.OJCHead, h2 
{
	font-family: Calibri,"Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L",Tahoma, Arial, Helvetica;
	font-size:18px;
	font-weight: 400;
	text-align: left;
	color: #cc2121;
	padding-bottom:0;
}
body.page #main h2 
{
/*	font-size: 16pt;*/
	margin-top:20px;
}
body.popup #main {
	background-image:url(Images/logo_ojc_small.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.navigatorSection > h3 
{
	background-image:url(Images/red_arrow.png);
	background-position:5px 3px;
	background-repeat:no-repeat;
	padding-left:20px;
}

h3 
{
	color:#222;
}

/* Web part containers
----------------------------------------------------------*/
#rightcolumn h2 
{
	font-family:Verdana, Tahoma, Arial;
	font-size:14px;
}

#rightcolumn .container1 
{
	border: 1px solid #4c0612;
	padding:3px 10px;
	font-size:11px;
}
#main .container1 
{
	overflow:hidden;
}
#main .container1 h2
{
	border-bottom: 1px solid #cc2121;
	margin-top:0px;
	padding-top:14px;
}

#main .imagecontainer 
{
	overflow:hidden;
	margin-bottom:30px;
}

.container2 
{
	border: 1px solid #222;
	padding:0;
	font-size:11px;
}
.container2 p 
{
	padding:0px 10px 3px 10px;
}
.container2 h2 
{
	margin:0;
	font-size:14px;
	background-color: #222;
	color:White;
	padding:0px 10px 3px 10px;
}
.container2 h3
{
	margin:0;
	padding:5px 0px;
	font-weight:bold;
	border-top:1px dotted #222;
}
.container3 
{
	margin-top:20px;
	font-size:11px;
}
#rightcolumn .container3
{
	background-color: #fff;
	color:#4c0612;
}
#rightcolumn .container3 > div, #rightcolumn .container3 > p
{
	padding:5px;
}

.container3 h2 
{
	background-color: #cc2121;
	color:White;
	margin:0;
	padding:12px 10px;
/*	border-bottom:1px dotted #222;*/
}
.container3 h3
{
	margin:0;
	padding:5px 0px;
	font-size:12px;
	font-weight:bold;
	color:#cc2121;
}

.container3 p 
{
	padding:5px 0px;
	margin:0;
}
.container4 
{
	margin-top:20px;
	padding:3px 10px;
	background-color: #444;
	color:White;
}
.container4 h2
{
	color:#ddd;
}
.container5
{
	margin-top:20px;
	padding:3px 10px;
	border: 1px solid #cc2121;
	color:#4c0612;
}
.container5 h2, .container h3 
{
	color:#cc2121;
}
#pageIntro 
{
	height:200px;
}


/* MODULES
----------------------------------------------------------*/

/* GMAO */
.AssetsGrid { width:100% }

/* CompanyList */
.companyListLogo 
{
	float:left;
	width:150px;
	height:90px;
	text-align:center;
	vertical-align:middle;
}

/* Team */
.employeeItem 
{
	clear:left;
	margin-bottom:50px;
}
.employeePicture 
{
	float:left;
	text-align:center;
	margin-right:20px;
	width:160px;
}