/***************************** Template definition ***************************/
/* Main container definitions */

@-ms-viewport {
  width: 1300px;
}
body
{
	margin: 0px;
	padding: 0px;
	font-family: Lucida Sans Unicode, sans-serif;
  	font-size: 12px;
  	color: #4B4B4B;
}
html, body{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
}
a
{
	color: #2360A6;
	text-decoration: none;
	cursor: pointer;
}

.TopLevelLeftPosition
{margin-left: 28px;}

#top_banner
{
	margin-left: 90px;
	text-align: center;
    width: 980px;
}
#Header
{
	width: 100%; 
	background-color: #74A6D4;
	color: white;
	display: none;
}

#Header a
{
	color: white;
	text-decoration: none;
}

#Body img
{
	border: 0px;
}

#Body
{
	position: absolute;
	/*clear: both;*/
	margin-top: 0px;
	/*margin-left: 136px;*/
	width: 994px;
	display: none;
}

#Body #LogoColumn
{
	margin-top: 50px;
	width: 242px;
	float: left;
}

#Body #ContentContainer
{
	width: 662px;
	margin-left: 242px;
	margin-top: 71px;
	margin-top: 
}

/**** Header ****/
#Header #LogoMenuBar
{height: 64px;
background-color: #74A6D4;}

#Header #LogoMenuBar .Logo
{
	float: left; 
	padding-bottom: 2px;
}

#Header #LogoMenuBar .Menu
{
	/* Old logo: padding-top: 25px; */
	padding-top: 20px;
	font-size: 18px;
}

#Header #LogoMenuBar .Menu a
{
	font-size: 20px;
	letter-spacing: -1px;
}

/**** Logo column ****/
#LogoColumn .Positioning
{padding-left: 45px;}

#LogoColumn img
{margin-top:20px;}

#LogoColumn img .First
{margin-top: 0px;}

#LogoColumn .Resize
{width: 110px;}

#LogoColumn .Center
{padding-left: 15px;}

#team_presentation
{font-size: 17px}

.section_title
{
	text-align: center;
	margin-bottom: 0px;
}
/***************************** Element definitions ***************************/
/**** Gallery Listing ***/
.central_large_block_gallery
{
	margin: auto;
	width: 600px;
	padding-bottom: 15px;	
}
.section_title_gallery_list h2
{
	margin-bottom: 0px;
}
.section_title_gallery_list
{
	color: #3F61A3;
    font-size: 14px;
    margin: 10px 0 0 0;
}
.section_title_gallery
{
	color: #3F61A3;
    font-size: 21px;
    margin: 10px 0 0 0;
    text-align: center;
    font-weight: bold;
}
.section_sub_title
{
	text-align: center;
	padding-bottom: 20px;
}
.gallery_pagination
{
	margin: 5px auto;
	text-align: center;
	width: 400px;
}
.gallery_pagination a:hover 
{
    background-color: #E3EBF0;
}
.gallery_pagination a {
    border: 1px solid #E3EBF0;
    color: #3F61A3;
    display: inline-block;
    font-family: Arial;
    font-weight: bold;
    height: 16px;
    padding: 2px 4px;
    text-align: center;
    width: 16px;
}
.gallery_pagination a.left {
    font-weight: normal;
    width: 15px;
}
.gallery_pagination a.right {
    font-weight: normal;
    width: 15px;
}
.gallery_pagination a.return_gallery {
    font-weight: normal;
    width: 180px;
}
.gallery_cover_img
{
	width: 320px;
	min-height: 210px;
	max-height: 230px;
}
.img_gallery
{
	margin-left: 5px; 
	width: 175px; 
	height: 175px; 
	padding: 8px 0px;"
}
.gallery_container
{
	width: 600px; 
	margin: auto;
}
.GalleryCover
{
	z-index: 1;
	float:left;
	width: 320px;
	padding: 12px 3px;
	height: 210px;
}

.GalleryCover .Overlay
{
	opacity: 0.75;
	background-color: white;
	
	position: absolute;
	width: 320px;
	height: 80px;
	margin-top: -80px;
	display: block; 
	cursor: pointer;
}

.GalleryCover .Overlay div
{
	padding: 5px;
	line-height: 150%;
}

.GalleryCover .Overlay div.Date
{
	position: absolute;
	bottom: 0px;
}

.GalleryCover .Overlay a:HOVER
{
	color: #2360A6;
	font-weight: bold;
}

.more_gallery
{
	width: 660px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 45px;
}
/**** Multi page ****/
.multipage
{
  margin: 5px auto 5px auto;
  width: 400px; /* set by ADC */
  text-align:center; /* added by ADC */
}

.multipage a
{
  display: inline-block;
  border: 1px solid #E3EBF0;
  padding: 2px 4px 2px 4px;
  text-align: center;
  color: #3f61a3;
  font-family: Arial;
  font-weight: bold;
  width:16px; /* added by ADC */
  height:16px; /* added by ADC */
}

.multipage a:hover
{background-color: #E3EBF0;}

.multipage a.left
{
  width: 15px;
  font-weight: normal;
}

.multipage a.right
{
  width: 15px;
  font-weight: normal;
}

.multipage a.left_disabled
{
  width: 15px;
  background-color: grey;
}

.multipage a.right_disabled
{
  width: 15px;
  background-color: grey;
}

.multipage a.current_page
{background-color: #E3EBF0;}

/**** Fixed header ****/
#FixedHeader
{
	top: 0px;
	left: 0px;
	position: fixed;
	width: 100%;
	background-color: #74A6D4;
	z-index: 2;
}

/**** Facebook slide-out ****/
.slide-out-div-social 
{
    background: none repeat scroll 0 0 white; /*Bleu FB: 3B5998 */
    border: 4px solid white;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    height: 395px;
    padding: 20px;
    width: 580px;
    z-index: 1;
}

/**** Login pop-up ****/

#fade 
{ 	
	/*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 994;
}
.popup_block
{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 995;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#postulation
{
	height: 80%;
	overflow: scroll;
}
img.btn_close_login {
	position: fixed;
	margin: -65px 0 0 515px;
	z-index: 999;
}

img.btn_close_postulation {
	position: fixed;
	margin: -65px 0 0 669px;
	z-index: 999;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

/*** Separators ***/
.c-EgBlue1
{color: #2360A6;}

.DottedBottom-EgBlue2
{
  	background-image: url('/Images/Menus/separator.png');
  	background-position:left bottom;
  	background-repeat:repeat-x;
  	/*color: #73A7D5;*/
  	font-size: 14px;
  	margin: 0px;
  	padding: 0px;  	
  	padding-bottom: 2px;
  	height: 4px;
}

/**** Notification area ****/

#area_content img{
	max-width: 100%;
} 
#area_content .img{
	text-align: center;
} 
#notification_area{
	width: 650px;
	border: 1px solid #8CBCE7;
	background-color: #DDEDF5;
	border-radius: 5px;	
	font-weight: bold;
	font-size: 14px;
	color: #2360A6;
}
#notification_area #area_content{
	margin-top: 5px;
	margin-left: 5px;
	padding: 0 10px 10px;
}
#notification_area #area_content a{
	text-decoration: underline;
}
#notification_area #close_button{
	margin-top: 15px;
	margin-right: 15px;
	height: 20px;
	float: right; 
	cursor: pointer;
}

/**** Share block ****/
.share_block h4{
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px;
  color: #3f61a3;
}

.share_block .share_item{
  display: inline-block;
  width: 110px;
  margin: 2px;
}

.share_block .share_item img{
  position: relative;
  top: 2px;
}

.share_block .share_item a{
  color: #4b4b4b;
}
/*** Article ***/
.ArticleImage
{
	width: 40%;
}
.ArticleMetadata
{
	color: gray;
	font-size: 8pt;
	padding: 2px 2px 2px 0;
}

.ArticleWidth
{
	width: 620px;
}

#calendar
{
	/*border: 1px solid #C4DAE2;*/
    font-size: 9px;
}
.next_previous_month
{
	/*background-color: #C4DAE2;*/
    font-size: 12px;
    padding: 5px;
    text-align: left;
}
#calendar table.calendar
{
    margin-bottom: 5px;
    width: 85%;	
}

.Positioning li 
{
	list-style-type: none;
    margin: 0 0 0 15px;
    padding: 0;
}
.bottom_separator
{
	background-image: url('../Images/Menus/separator.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/*
=================
   profil
=================
*/
.profile_block .profile_button{
  display: inline-block;
  width: 62px;
  text-align: center;
  margin: 0 0 20px 0;
  position: relative;
  left: 10px;
}

.profile_block .profile_button p{
  font-weight: bold;
  margin: 5px 0 0 0;
}

.profile_block h2.section_title{
  color: #2360A6;
}

.profile_block .profile_info_block{
  background-color: #e3ebf0;
  padding: 5px 0 5px 0;
  margin: 5px 0 5px 0;
}

.profile_info_block .profile_line_block{
  margin: 10px 0 10px 15px;
}

.profile_line_block .profile_line_legend{
  display: inline-block;
  width: 130px;
}

.profile_line_block .profile_line_value{
  display: inline-block;
}

#team_presentation img
{
	margin-top: 25px;
}

.halfPage
{
	width:282px;
}

.titleLittleBox
{
	background-color:#E3EBF0;
	font-size:16px;
	height:20px;
	font-weight:bolder;
	color:#3F61A3;
	padding:5px;
	text-align:left;
	width:605px;
}
.contentLittleBox
{
	padding-top: 20px;
}

.profile_info_block_td
{
	background-color:#e3ebf0;
	padding: 10px 0 10px 10px;
}
.date_seperator
{
	font-size: 15px;
	padding-top: 20px;
}