﻿body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:Black;
    background-color: #79A9F4;
    padding: 1px;
    margin: 2px;
}

a{
    color:Blue;
    text-decoration:none;
}

a:hover{
    text-decoration: underline;
    color:Blue;
}

image
{
	border : 0px;
}

.mainContainer
{
    background-color: #ffffff;
}

.titleOffreDemploi
{
    text-align:left;     
    font-weight:bold;
    font-size:16px;
    color : Black;
}

.title
{
    text-align:center;     
    font-weight:bold;
    font-size:22px;
}

.user
{	
	text-align:right;
	font-size:10px;
	font-weight:bold;
}

.sideMenu
{
    width: 170px;
    border-right-style: groove;
    border-right-width: 1px;
    border-right-color: #0064FF;
    background-image:url(../Ressources/Images/side_background.jpg);
    background-repeat:repeat-y;
}

.selectedMenuItem
{
	font-weight:bold;
}

.content
{ 
    padding-left: 3px;            
}

.footer
{
	text-align: center;
	background-image: url(../Ressources/Images/footer_background.jpg);	
	background-repeat: repeat-x;
}

.firstHeader
{
    background-color:White;
    color: #000000;
}

.validationErrorMessageHeader
{
    font-weight: bold;
    color: red;
    text-decoration: underline;
}

.validationErrorMessage
{
    color: red;
}

.capabilityHeader
{
	font-weight: bold;
}

/* Grid View Styles */
.gridViewRow
{
	background-color: #EFF3FB;
}

.gridViewPager
{
	background-color: #79A9F4;
	color: White;
	text-align: center;	
}

.gridViewPager a
{
    text-decoration: underline;
    color: White;    
}

.gridViewHeader
{
	background-color: #79A9F4;
	font-weight: bold;
	color: White;
}


.gridViewHeader a
{
    text-decoration: underline;
    color: White;
    font-weight: bold;
}

.gridViewAlternatingRow
{
	background-color: White;
}

.style1
{
    width: 343px;
}
.style2
{
    width: 724px;
}

.footerPlanSite{
	color: #fff;
	background-color : #336699;
}

.panelAccueilgauche
{
    width : 230px;
    border-color :#0064FF;
    border-width :thin;
    border-style:solid;
}

.panelMilieu
{
    /*width : 330px;*/
    border-color :#0064FF;
    border-width :thin;
    border-style:solid;
}


.panelMilieuEn3
{
    width : 230px;
    border-color :#0064FF;
    border-width :thin;
    border-style:solid;
}

.panelCoteDroit
{
    width : 210px;
    border-color :#0064FF;
    border-width :thin;
    border-style:solid;
}

.panelMilieuLarge
{
    width : 600px;
    border-color :#0064FF;
    border-width :thin;
    border-style:solid;
}
.verticalAlignTop
{
    vertical-align:top;
}

.verticalAlignWidth
{
    vertical-align:top;
    text-align :right;
    width: 60px;
}

.validationError
{
	background-color:Red;
	color:White;
	border-width:thin;
	border-color:Red;
	text-align:center;
}

.pourTransferer
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#FF3300;	
	font-size:x-large;
	vertical-align:top;
}

.panelDefaultPage Div
{
	text-align :center;
	vertical-align: middle;	
	font-size:large;
}
/*************************** Footer SG *********************************************/
.chronologie-content .item-block {
	PADDING-BOTTOM: 20px
}

.item-block {
	PADDING-BOTTOM: 30px; LINE-HEIGHT: 120%; FONT-SIZE: 1em
}

.text-block .item-block .date {
	PADDING-BOTTOM: 2px; COLOR: #e5060d; FONT-WEIGHT: bold
}

.text-block .item-block .theme {
	PADDING-BOTTOM: 2px; COLOR: #666666; FONT-WEIGHT: bold
}
.text-block .item-block .title {
	PADDING-BOTTOM: 2px; FONT-SIZE: 1.17em; FONT-WEIGHT: bold
}
.item-block A {
	COLOR: #000000
}
.lagenda-cont .text-block .item-block .text {
	FONT-SIZE: 0.92em !important; PADDING-TOP: 15px
}

.presse-librarie-block .item-block {
	PADDING-BOTTOM: 25px
}

.item-block-inner {
	BORDER-BOTTOM: #aeaeaf 1px solid; 
	BORDER-LEFT: #aeaeaf 1px solid; 
	PADDING-BOTTOM: 15px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	BACKGROUND: #ffffff; 
	BORDER-TOP: #aeaeaf 1px solid; 
	BORDER-RIGHT: #aeaeaf 1px solid; 
	PADDING-TOP: 20px
}

.presse-librarie-block .item-block-inner .item-info {
	WIDTH: 200px; FLOAT: left
}

.presse-librarie-block .item-block-inner .view-all-bot {
	PADDING-TOP: 15px
}

.presse-librarie-block .item-block-inner A {
	COLOR: #000000; FONT-SIZE: 0.92em; TEXT-DECORATION: underline
}

.presse-librarie-block .item-block-inner .view-all-bot A:hover {
	TEXT-DECORATION: none
}

.presse-librarie-block .item-block-inner .item-info .prw-item {
	WIDTH: 85px
}

.h1Item-block  {
	PADDING-BOTTOM: 5px; 
	LINE-HEIGHT: 100%; 
	MARGIN: 0px; 
	PADDING-LEFT: 2px; 
	PADDING-RIGHT: 0px; 
	COLOR: #ededed; 
	FONT-SIZE: 1em; 
	PADDING-TOP: 0px;
	width: 150px;
}


.BlockFooter
{
    width: 143px;
    color: White;
    vertical-align :top;
}

.BlockFooter a:hover
{
	color:Black;
}

.h1LinkItem-block
{
    color:#FFFFFF;
    padding-left: 0px; 
    padding-right : 0px; 
    padding-top : 0px;
    padding-bottom : 5px; 
    LINE-HEIGHT: 100%; 
    FONT-SIZE: 1.1em;
    margin: 0px;
	width: 143px;
}

.HyperLinkBlockFooter
{
    color:#FFFFFF;
    padding-left: 5px; 
    padding-bottom : 30px; 
    LINE-HEIGHT: 120%; 
    FONT-SIZE: 1em;
}

.titreConnexion {
	background-color: #336699;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	height: 20px;
}

.titrePanelDroit{
	background-color: #336699;
	color: Yellow;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	height: 20px;
}

.SousTitreOffresEmploi {
	background-color: #CCCCCC;
	color:Black;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	height: 16px;
}

.backgroungVert
{
	background-color:Green;
}

.titleBorderRight td
{
	border-right: 1px;
	border-right-color: Blue;
	border-right-style:solid;
	padding-right: 3px;
	padding-left : 3px;
}

.style4
{
    width: 218px;
}
.style5
{
    width: 250px;
    text-align:left;
}
.style6
{
    width: 150px;
}
.style7
{
    width: 120px;
}
.style8
{
    width: 205px;
}
/* *************************************************************************** */ 
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 25px;
	margin: 0 auto 0 auto;
	background: url(../Ressources/Images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../Ressources/Images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../Ressources/Images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* *************************************************************************** */ 