﻿/*********************************************************************************/
/* Balises generales                                                             */
/*********************************************************************************/
* {
  padding:0px;
	margin:0px;
	border:0px;
}
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
  text-align:center;
	/*background-color:#DBDBDB;/**/
	background-color:#FFFFFF;/**/
}
table {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
.TxtBlue        { color:#0398B5;}
.TxtGray        { color:#9FA1A4;}
/*********************************************************************************/
/* Balises de mise en page globale                                               */
/*********************************************************************************/
#Global {
  position:relative;
	margin:0px auto 0px auto;
  width:880px;
	text-align:left;
	background-color:#FFFFFF;/**/
	/*background-color:#FF0000;/**/
}
#LayoutMainPage {
  float:left;
	/*background-color:#FF9900;/**/
	background-color:#FFFFFF;/**/
	background-image:url(../_img/pageBg.gif);
	background-repeat:no-repeat;
}
/**********************************************************************************************************************/
/* Menu (principal : colonne de gauche)                                                                               */
/**********************************************************************************************************************/
#LayoutMenu {
  width:150px;
	float:left;
	/*background-color:#0099FF;/**/
	/*background-color:#FFFFFF;/**/
}
#LayoutMenu table {
  font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
#LayoutMenu a.About, #LayoutMenu a.Team, #LayoutMenu a.Services, #LayoutMenu a.Careers,
#LayoutMenu img.About, #LayoutMenu img.Team, #LayoutMenu img.Services, #LayoutMenu img.Careers {
  display:block;
	width:150px;
	height:16px;
	border:0;
}
#LayoutMenu a.About {
	background-image: url('../_img/menuAbout_Roll_Fr.gif');
	background-repeat:no-repeat;
}
#LayoutMenu a.Team {
	background-image: url('../_img/menuTeam_Roll_Fr.gif');
	background-repeat:no-repeat;
}
#LayoutMenu a.Services {
	background-image: url('../_img/menuServices_Roll_Fr.gif');
	background-repeat:no-repeat;
}
#LayoutMenu a.Careers {
	background-image: url('../_img/menuCareers_Roll_Fr.gif');
	background-repeat:no-repeat;
}
#LayoutMenu a.About:hover, #LayoutMenu a.Team:hover,
#LayoutMenu a.Services:hover, #LayoutMenu a.Careers:hover {
  visibility: visible;
} 
#LayoutMenu a.About:hover img, #LayoutMenu a.Team:hover img,
#LayoutMenu a.Services:hover img, #LayoutMenu a.Careers:hover img {
  visibility: hidden;
} 
#LayoutMenu a.SubMenuLink, .PageItem a.SubMenuLink {
  font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
#LayoutMenu a.SubMenuLink:hover, .PageItem a.SubMenuLink:hover {
	color:#0398B5;
  text-decoration:underline;
}
#LayoutMenu a.SubMenuLink:active, .PageItem a.SubMenuLink:active {
	color:#0398B5;
}
#LayoutMenu table.TabSubMenu td { padding:2px 0px 2px 0px;}
/**********************************************************************************************************************/
/* Conteneur de la page (hors footer)                                                                                 */
/**********************************************************************************************************************/
#LayoutPage {
  width:730px;
	float:left;
	clear:none;
}
/**********************************************************************************************************************/
/* Header                                                                                                             */
/**********************************************************************************************************************/
#LayoutHeader {
  position:relative;
  width:730px;
	height:150px;
	/*background-color:#66FF00;/**/
	/*background-color:#FFFFFF;/**/
}
#HeaderLogo {
  position:absolute;
  width:225px;
	height:125px;
  top:0px;
	left:3px;
	background-image:url(../_img/logo_Fr.gif);
	background-repeat:no-repeat;
}
#HeaderMenu {
  position:absolute;
  width:300px;
	height:20px;
  top:10px;
	left:430px;
	text-align:right;
}
#HeaderMenu a.HeaderMenuLink, #HeaderMenu .CurrentHeaderMenu {
  font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
#HeaderMenu a.HeaderMenuLink:hover {
	color:#0398B5;
  text-decoration:underline;
}
#HeaderMenu a.HeaderMenuLink:active, #HeaderMenu .CurrentHeaderMenu {
	color:#0398B5;
}
/**********************************************************************************************************************/
/* Page de contenu des articles                                                                                       */
/**********************************************************************************************************************/
#LayoutMainContent {
  width:730px;
	float:left;
	/*background-color:#99FF00;/**/
	background-color:#FFFFFF;/**/
	background-image:url(../_img/mainContentBg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
table.TabMainContent {}
#MainPathWay {
  font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	padding:4px 15px 4px 0px;
}
#MainPathWay a.PathwayLink {
	color:#000000;
	text-decoration:none;
}
#MainPathWay a.PathwayLink:hover,#MainPathWay a.PathwayLink:active {
	color:#0398B5;
	text-decoration:underline;
}
#MainPathWay .CurrentPathWay {
  color:#0398B5;
}
table.TabMainContent td.ColContent {
  padding:0px 15px 0px 25px;
  vertical-align:top;
	/*background-color:#CCCC00;/**/
}
table.TabBlockInfo td {
  vertical-align:top;
}
table.TabBlockInfo td.PageTitle { 
  width:100%;
	/*background-color:#CC3399;*/
	padding:5px 0px 5px 0px;
}
table.TabBlockInfo td.PageTitle h1.MainTitle {
  font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#0398B5;
}
table.TabBlockInfo td.PageTitle h1 .MainTitle2 {
  font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#B2B2B2;
}
table.TabBlockInfo td.PageItem h2.SubTitle1 {
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
h2.SubTitle2 {
  font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#666666;
}
table.TabBlockInfo td.PageItem {
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight:bold;*/
	color:#666666;
}
table.TabBlockInfo td.PageItem h3.SubTitle2 {
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0398B5;
}
table.TabBlockInfo td.PageItem {
  padding:5px 0px 5px 0px;
	/*background-color:#CCFF66;*/
}
a.PageTopLink {
  font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
a.PageTopLink:hover {
	color:#0398B5;
  text-decoration:underline;
}
a.PageTopLink:active {
	color:#0398B5;
}
.ColContent table.TabSubMenu td                { padding-top:4px;} 
.ColContent ul.BulletList1                     { list-style:outside; list-style-type:none; padding:0px 0px 0px 25px; margin-top:15px; margin-bottom:15px;}
.ColContent ul.BulletList1 ul.BulletList2      { list-style:outside; list-style-type:none; padding:0px 0px 0px 25px; margin-top:0px; margin-bottom:15px;}
.ColContent ul.BulletList1 li                  { list-style-image:url(../_img/bullet.gif);}
/**********************************************************************************************************************/
/* Formulaire de contact                                                                                              */
/**********************************************************************************************************************/
table.TableForm               {}
table.TableForm td.FormLabel  { text-align:right; width:130px; vertical-align:top; padding-top:5px;}
table.TableForm td.FormField  { text-align:left; padding:2px 0px 2px 10px; vertical-align:middle;}
table.TableForm td.FormBtn    { text-align:right; padding:4px 5px 4px 10px; vertical-align:middle;}
input, textarea               { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px 2px 2px 2px;}
input.InputField              { border:1px solid #8C8C8C; width:180px;}
input.InputFieldEdition       { border:1px solid #8C8C8C;}
.InputFieldEdition            { border:1px solid #8C8C8C;}
input.Bouton, button.Bouton   { 
  height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#0398B5;
	background-color:#E6E6E6;
	background-image:url(../_img/arrowBtn_Off.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	padding:0px 32px 0px 4px;
	text-align:right;
}
textarea.InputField           { border:1px solid #8C8C8C; width:310px; height:80px;}
/**********************************************************************************************************************/
/* Plan du site                                                                                                       */
/**********************************************************************************************************************/

ul.mapListN1    { list-style:outside; list-style-type:none;}
ul.mapListN1 li { padding-top:10px;}
ul.mapListN2    { list-style:outside; list-style-type:none; padding-left:10px;}
ul.mapListN2 li { padding-top:0px;}
a.MapLink {
  font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
a.MapLink:hover {
	color:#0398B5;
  text-decoration:underline;
}
a.MapLink:active {
	color:#0398B5;
}
/**********************************************************************************************************************/
/* Carrieres                                                                                                          */
/**********************************************************************************************************************/
a.CareerAdLink {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	text-decoration:underline;
}
a.CareerAdLink:hover {
	color:#0398B5;
  text-decoration:underline;
}
a.CareerAdLink:active {
	color:#0398B5;
}
a.CareerAdLink:visited {
	color:#0398B5;
	text-decoration:none;
}
select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
table.TabListeOffres          { border-top:1px solid #8C8C8C;}
tr.Odd   { background-color:#F7F7F7;}
tr.Even  { background-color:#FFFFFF;}
table.TabListeOffres th       { color:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:4px 0px 4px 0px;}
table.TabListeOffres th.Num   { width:55px;}
table.TabListeOffres th.Date  { width:75px;}
table.TabListeOffres th.Titre {}
table.TabListeOffres th.Duree { width:150px;}
table.TabListeOffres td       { padding:2px 0px 2px 0px;}
table.TabCareersNav           { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
table.TabCareersNav a.NavLink, table.TabCareersNav a.NavPageLink         { color:#000000; text-decoration:none;}
table.TabCareersNav a.NavLink:hover,table.TabCareersNav a.NavLink:active { color:#0398B5; text-decoration:underline;}
table.TabCareersNav a.NavPageLink:hover                                  { color:#0398B5; text-decoration:underline;}
table.TabCareersNav a.NavPageLink:active                                 { color:#0398B5;}
table.TabCareersNav a.NavPageLink:visited                                { color:#0398B5;}
td.AdDetailLabel { width:150px; color:#000000; font-weight:bold; padding:2px 0px 2px 0px;}
/**********************************************************************************************************************/
/* Separateur colonne Gauche (principale) / colonne droite                                                            */
/**********************************************************************************************************************/
.PageVSep {
  background-image:url(../_img/pageVSep.gif);
	background-repeat:repeat-y;
}
/**********************************************************************************************************************/
/* Colonne de droite                                                                                                  */
/**********************************************************************************************************************/
table.TabMainContent td.ColRight { 
  padding:0px 0px 0px 10px;
  vertical-align:top;
}
table.TabMainContent td.ColRight h1.MainTitle,
table.TabMainContent td.ColRight h1.MainTitle2 {
  font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
table.TabMainContent td.ColRight h1 .MainTitle2 {
	color:#0398B5;
}
table.TabMainContent td.ColRight h1.MainTitle {
	color:#B2B2B2;
}
.BlockTeam {
	padding:7px 0px 20px 0px;
}
.BlockTeam a.TeamLink {
  font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
.BlockTeam a.TeamLink:hover {
	color:#0398B5;
  text-decoration:underline;
}
.BlockTeam a.TeamLink:active {
	color:#0398B5;
}
.BlockGrowth {
	padding:7px 0px 20px 0px;
}
.BlockGrowth a.GrowthBtn, .BlockGrowth a.GrowthBtn {
  display:block;
	width:34px;
	height:24px;
	border:0;
}
.BlockGrowth a.GrowthBtn {
	background-image:url(../_img/arrowBtn_Roll.jpg);
	background-repeat:no-repeat;
}
.BlockGrowth a.GrowthBtn:hover {
  visibility: visible;
} 
.BlockGrowth a.GrowthBtn:hover img {
  visibility: hidden;
} 
.BlockGrowth .AdNew, .AdNew  { 
  font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#00ADEF;
}
.BlockGrowth .AdDate   { 
  font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
.BlockGrowth .AdDesc   {
  font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.BlockGrowth .AdLength {
  font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
/**********************************************************************************************************************/
/* Footer                                                                                                             */
/**********************************************************************************************************************/
#LayoutFooter {
  float:left;
	clear:both;
  width:880px;
	height:30px;
	background-color:#FFFFFF;/**/
	/*background-color:#FFCC00;/**/
	text-align:center;
	padding-top:10px;
	border-top:3px solid #E2F4FD;
	margin-top:20px
}
.FooterText { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#9FA1A4;}

.job-description td ul, .job-description td ol
{
	list-style-position:inside;
	list-style-type:disk;
}
