/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 9 novembre 2007
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family:			Arial, Helvetica, Sans-serif;
	font-size:				62.6%; /* 10px par défaut */
	color:					#a4b2be;
	background-color:		#1a4365;
}
p {
	font-size:				1.1em;
	line-height:			1.3em;
	margin:					0 0 12px 0;
}
h1 {
	font-size:				1.4em;
	font-weight:			bold;
	color:					#c9d2d9;
	margin:					5px 0;
}
h2 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#c9d2d9;
	margin:					20px 0 5px 0;
}
h3 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#838e97;
	margin:					15px 0 3px 0;
}
h4 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#838e97;
	margin:					10px 0 2px 0;
}
a, a:hover {
	color:					#4890c9;
	text-decoration:		none;
}
a:hover {
	color:					#97c0e1;
}
sup {
	font-size:				80%;
	line-height:			100%;
	vertical-align:			text-top;
	padding-bottom:	 	    4px;
}
hr {
	color: #243f54;
	background-color: #243f54;
	border: 0px solid #243f54;
	height: 1px;
	margin: 12px 0;
	*margin: 0;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.DivClear { clear: both; }
.DivPosition { position: relative; }
.DivLeft { float: left; }
.DivRight { float: right; }

/*- Structure générale ----*/
div#PageContenant {
	background:				#2c6291 url(../images/Bg_Page.png) repeat-x top;
}
div#BasPage {
	height:					58px;
}

/*- Entete de la page ----*/
div#EntetePage {
	width:					870px;
	margin:					0 auto;
	padding-top:			20px;
}

/*- Corps de la page ----*/
div#Colonnes {
	width:					870px;
	margin:					0 auto;
	padding-top:			18px;
}
div#Colonnes .ColonneGauche {
	float:					left;
	position:				relative;
	width:					592px;
}
div#Colonnes .ColonneDroite {
	float:					left;
	position:				relative;
	width:					278px;
}

/*- Bas de page ----*/
div#BasPage {

}
div#BasPage .Contenu {
	width:					870px;
	margin:					0 auto;
	padding:				7px 0 0 0;
}
div#BasPage .Contenu .DivLeft {
	font:					1.1em/1.4em Tahoma, Arial, Helvetica, sans-serif;
	color:					#94a6b5;
	padding:				0 0 0 20px;
}
div#BasPage .Contenu .DivRight {
	font:					1em Tahoma, Arial, Helvetica, sans-serif;
	color:					#6687a4;
}
div#BasPage .DivRight em {
	font-style:				normal;
	color:					#4177a3;
}
div#BasPage .DivRight a {
	color:					#6687a4;
}
div#BasPage .DivRight a:hover {
	color:					#7aa5c8;
}
div#BasPage span {
	margin:					0 7px;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
.FlashAcc {

}

/*- Description brève du projet ----*/

div#DescriptionProjet {
	position:				absolute;
	top:					243px;
	width:					580px;
	height:					48px;
}
div#DescriptionProjet .FondSemi {
	background-color: 		#04192a;
	width:					580px;
	height:					48px;
}
div#DescriptionProjet .Contenu {
	position: 				absolute;
	top:					17px;
	left:					14px;
	font:					1.2em Arial, Helvetica, sans-serif;
	color:					#a4b2be;
}

/*- Menu de droite pour les projets vedettes ----*/
div#MenuAccueil {
	margin:					0 0 0 18px;
}
div#MenuAccueil ul li {
	width:					100%;
}
div#MenuAccueil ul li a, div#MenuAccueil ul li a:hover {
	display:				block;
	font-size:				1.1em;
	font-weight:			bold;
	color:					#838e97;
	text-transform:			uppercase;
	padding:				3px 4px;
	width:					240px;
}
div#MenuAccueil ul li a:hover {
	color:					#d7dfea;
}
div#MenuAccueil ul li a.Actif, div#MenuAccueil ul li a.Actif:hover {
	font-size:				2.2em;
	color:					#ffffff;
	background-color:		#3f8bc8;
	margin:					3px 0;
	padding:				5px 10px;
}

/*- Lien pour voir tous les projets ----*/
div#LienAccueil {
	position:				absolute;
	top:					280px;
	left:					20px;
}
div#LienAccueil a, div#LienAccueil a:hover {
	display:				block;
	font-size:				1.1em;
	color:					#828d9c;
	background:				url(../images/Bg_LienDescription.png) no-repeat 0px 0px;
	border:					1px solid #566478;
	width:					120px;
	height:					14px;
	padding:				0 0 1px 23px;	
}
div#LienAccueil a:hover {
	color:					#d7dfea;
}

/*- Autres contenus ----*/
.ColonneGauche .DivContenuAcc {
	padding:				20px 20px 12px 20px;
	text-align:				right;
}
.ColonneGauche .DivContenuAcc h2 {
	margin:					0 0 8px 0;
}
.ColonneGauche .DivContenuAcc p {
	line-height:			1.4em;
	padding-left:			310px;
}
.ColonneGauche .DivContenuAcc a {
	font-size:				2.8em;
}
.ColonneDroite .DivContenuAcc {
	border-left:			1px solid #406381;
	margin:					25px 18px 22px 0;
	padding-left:			18px;
}
.ColonneDroite .DivContenuAcc p {
	line-height:			1.4em;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
div#BoiteContenu {
	position:				relative;
	width:					580px;
	height:					285px;
	background:				#22547f url(../images/Bg_BoiteContenu.png) repeat-x top;
	padding:				6px;
	margin-bottom:			25px;
}
div#BoiteContenu.Interieur {
	height:					347px !important;
}
.DivSousContenu {
	padding:				0 20px 12px 20px;
	line-height:			1.8em
}

div#BoiteContenu .ZoneContenu {
	overflow:				hidden;
	width:					580px;
	height:					339px;
	background:				#051b2c url(../images/Bg_ZoneContenu.png) repeat-x top;
	padding:				4px 0;
}
div#BoiteContenu .ContenuMobile {
	overflow:				auto;
	width:					540px;
	height:					323px;
	padding:				8px 12px 8px 24px;
}


/*- Styles pour section portfolio ---------------------------------------------*/

div#GaleriePhoto {
	position:				absolute;
	top:					243px;
	width:					580px;
	height:					48px;
}
div#GaleriePhoto .FondSemi {
	background-color: 		#04192a;
	width:					580px;
	height:					48px;
}
div#GaleriePhoto .Titre {
	position:				absolute;
	top:					17px;
	left:					14px;
	font:					bold 1.1em Arial, Helvetica, sans-serif;
	color:					#FFFFFF;
	text-transform:			uppercase;
}
div#GaleriePhoto .Liens {
	position:				absolute;
	top:					16px;
	right:					12px;
}
div#GaleriePhoto .Liens a, div#GaleriePhoto .Liens a:hover {
	display:				block;
	float:					left;
	width:					16px;
	margin:					0 0 0 3px;

	font-size:				1.1em;
	color:					#828d9c;
	border:					1px solid #566478;
	text-align:				center;
	padding:				1px 0 0 1px;
}
div#GaleriePhoto .Liens a:hover, div#GaleriePhoto .Liens a.Actif, div#GaleriePhoto .Liens a.Actif:hover {
	color:					#d7dfea;
}
div#GaleriePhoto .Liens a.Description, div#GaleriePhoto .Liens a.Description:hover {
	width:					auto;
	background:				url(../images/Bg_LienDescription.png) no-repeat 0px 0px;
	padding:				0 5px 1px 23px;
}

/*- Layer de description complète ----*/

div#BoiteDescription {
	position:				absolute;
	z-index:				100;
}
div#BoiteDescription .FondSemi {
	background-color: 		#04192a;
	width:					580px;
	height:					285px;
}
div#BoiteDescription .Fermer {
	position:				absolute;
	right:					3px;
	top:					3px;
}
div#BoiteDescription .Contenu {
	position:				absolute;
	width:					499px;
	height:					240px;
	top:					45px;
	left:					21px;
	color:					#838e97;
}
div#BoiteDescription .Contenu p {
	line-height:			1.5em;
}

/*- Styles pour menu principal ------------------------------------------------*/
ul#MenuPrincipal {
	float:					left;
	padding:				0 0 0 5px;
}
ul#MenuPrincipal li {
	float:					left;
	border-right:			1px solid #384b5a;
}
ul#MenuPrincipal li.MenuEnglish_FR,
ul#MenuPrincipal li.MenuEnglish_EN {
	border:					0;
}
ul#MenuPrincipal li a, ul#MenuPrincipal li a:hover {
	display:				block;
	overflow:				hidden;
	height:					16px;
	margin:					0 0;
	background:				no-repeat 0px -32px;
	text-indent:			-800px;
}
ul#MenuPrincipal li a:hover {
	background-position:	0px -16px;
}
ul#MenuPrincipal li a.Actif, ul#MenuPrincipal li a.Actif:hover {
	background-position:	0px 0px;
}

ul#MenuPrincipal li.MenuProfil_FR a, ul#MenuPrincipal li.MenuProfil_FR a:hover {
	background-image:		url(../images/Menu_Profil_FR.png);
	width:					52px;
}
ul#MenuPrincipal li.MenuExpertise_FR a, ul#MenuPrincipal li.MenuExpertise_FR a:hover {
	background-image:		url(../images/Menu_Expertise_FR.png);
	width:					69px;
}
ul#MenuPrincipal li.MenuPortfolio_FR a, ul#MenuPrincipal li.MenuPortfolio_FR a:hover {
	background-image:		url(../images/Menu_Portfolio_FR.png);
	width:					70px;
}
ul#MenuPrincipal li.MenuActualite_FR a, ul#MenuPrincipal li.MenuActualite_FR a:hover {
	background-image:		url(../images/Menu_Actualite_FR.png);
	width:					71px;
}
ul#MenuPrincipal li.MenuCarrieres_FR a, ul#MenuPrincipal li.MenuCarrieres_FR a:hover {
	background-image:		url(../images/Menu_Carrieres_FR.png);
	width:					70px;
}
ul#MenuPrincipal li.MenuEnglish_FR a, ul#MenuPrincipal li.MenuEnglish_FR a:hover {
	background-image:		url(../images/Menu_English_FR.png);
	width:					60px;
}

ul#MenuPrincipal li.MenuProfil_EN a, ul#MenuPrincipal li.MenuProfil_EN a:hover {
	background-image:		url(../images/Menu_Profil_EN.png);
	width:					64px;
}
ul#MenuPrincipal li.MenuExpertise_EN a, ul#MenuPrincipal li.MenuExpertise_EN a:hover {
	background-image:		url(../images/Menu_Expertise_EN.png);
	width:					72px;
}
ul#MenuPrincipal li.MenuPortfolio_EN a, ul#MenuPrincipal li.MenuPortfolio_EN a:hover {
	background-image:		url(../images/Menu_Portfolio_EN.png);
	width:					72px;
}
ul#MenuPrincipal li.MenuActualite_EN a, ul#MenuPrincipal li.MenuActualite_EN a:hover {
	background-image:		url(../images/Menu_Actualite_EN.png);
	width:					52px;
}
ul#MenuPrincipal li.MenuCarrieres_EN a, ul#MenuPrincipal li.MenuCarrieres_EN a:hover {
	background-image:		url(../images/Menu_Carrieres_EN.png);
	width:					63px;
}
ul#MenuPrincipal li.MenuEnglish_EN a, ul#MenuPrincipal li.MenuEnglish_EN a:hover {
	background-image:		url(../images/Menu_English_EN.png);
	width:					64px;
}

/*- Styles pour sous menu de page intérieur -----------------------------------*/
.ColonneGauche .SousMenu {
	background-color:		#1e4a70;
	padding:				10px 0 5px 16px;
}
.ColonneGauche .SousMenu ul li {
	float:					left;
	border-right:			1px solid #4b6e8d;
	padding:				0 12px;
}
.ColonneGauche .SousMenu ul li.LastItem {
	border:					0;
}
.ColonneGauche .SousMenu a, .ColonneGauche .SousMenu a:hover {
	font-size:				1.1em;
	font-weight:			bold;
	text-transform:			uppercase;
}
.ColonneGauche .SousMenu a.Actif, .ColonneGauche .SousMenu a.Actif:hover {
	color:					#97c0e1;
}

/*- Styles pour menu du portfolio ---------------------------------------------*/
div#MenuPortfolio {
	margin:					0 0 18px 18px;
}
div#MenuPortfolio ul li {
	width:					100%;
	margin-bottom:			3px;
}
div#MenuPortfolio ul li a, div#MenuPortfolio ul li a:hover {
	display:				block;
	font-size:				1.1em;
	font-weight:			bold;
	color:					#838e97;
	text-transform:			uppercase;
	padding:				1px 4px;
	width:					240px;
}
div#MenuPortfolio ul li a:hover {
	color:					#d7dfea;
}
div#MenuPortfolio ul li a.Actif, div#MenuPortfolio ul li a.Actif:hover {
	color:					#ffffff;
	background-color:		#3f8bc8;
}
div#MenuPortfolio ul ul {
	margin:					6px 0;
}
div#MenuPortfolio ul ul li a, div#MenuPortfolio ul ul li a:hover {
	width:					150px;
	color:					#7aa5c8;
	background:				url(../images/Puce_Portfolio.gif) no-repeat 0px 50%;
	border-bottom:			1px solid #243f54;
	padding:				2px 4px 3px 24px;
}
div#MenuPortfolio ul ul li a:hover, div#MenuPortfolio ul ul li a.Actif, div#MenuPortfolio ul ul li a.Actif:hover {
	color:					#7aa5c8;
	background-color:		transparent;
	background-image:		url(../images/Puce_PortfolioActif.gif);
}
div#MenuPortfolio ul ul li a:hover, div#MenuPortfolio ul ul li a.Actif:hover {
	color:					#d7dfea;
}
div#MenuPortfolio ul ul li a.LastItem, div#MenuPortfolio ul ul li a.LastItem:hover {
	border-bottom:			0;
}
/*- Styles pour Plan du site --------------------------------------------------
ul#SiteMap {
	margin:					0 0 12px 3px;
	padding:                0;
	list-style:				none;
	list-style-image:		none;
}

/*- Premier niveau -----
ul#SiteMap li {
	background:				;
	padding:				0 0 5px 12px;
}
ul#SiteMap li a, ul#SiteMap li a:hover {
	font-weight:			bold;
	font-size:				1.2em;
	color:					;
	text-decoration:		none;
}
ul#SiteMap li a:hover {
	text-decoration:		underline;
}

/*- Deuxieme niveau -----
ul#SiteMap li ul {
	margin:					5px 0 5px 12px;
}
ul#SiteMap li ul li {
	background:				;
	padding:				0 0 3px 8px;
}
ul#SiteMap li ul li a, ul#SiteMap li ul li a:hover {
	font-weight:			normal;
	font-size:				1.1em;
}

/*- Styles pour formulaires ----------------------------------------------------*/

/*- Mise en forme d'un formulaire -----*/
fieldset {
	border:					1px solid #384959;
	margin:					0 0 12px 0;
	padding:				0 0 0 6px;
}
legend {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#c9d2d9;
	padding:				0 6px;
}
fieldset .Contenu {
	padding:				8px 12px 8px 12px !important;
}
fieldset label {
	float:					left;
	width:					110px;
	margin-left:			-120px;
	padding:				2px 0 0 0;
	text-align:				right;
}
fieldset p {
	position:				relative;
	height:					1%;
	margin:					0 0 4px 0;
	padding:				0 0 0 120px;
}

/*- Validation et erreurs -----*/
.TxtErreur {
	font-weight:			bold;
	color:					#3f8bc8;
	padding-right:			4px;
}
.SommaireErreur {
	background:				#0b2a42;
	color:					#3f8bc8;
	margin:					0 0 12px 0;
}
.SommaireErreur ul {
	padding:				4px 10px !important;
	margin:					0 !important;
}
.SommaireErreur ul li {
	background-image:		none !important;
	padding:				0 !important;
	margin:					0 !important;
}

/*- Types de champs -----*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family:			Arial, Helvetica, Sans-serif;
}
.TxtBox, .TxtArea, .SelectList {
	font-size:				1em;
	color:					#515a62;
	background:				#ffffff;
	border:					1px solid #384959;
	padding:				1px;
}
.TxtArea {
	overflow:				auto;
}
.Btn {
	font-size:				1em;
	font-weight:			bold;
	color:					#ffffff;
	background:				#3f8bc8;
	border:					0;
	padding:				1px 8px;
	overflow:				visible;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#c9d2d9;
}
.TextePetit {
	font-size:				1em;
}

/*- Classes pour les hyperliens ----*/
a.LienSpecial, a.LienSpecial:hover {
	color:					#487396;
	text-decoration:		underline;
}
a.LienSpecial:hover {
	text-decoration:		none;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border:					6px solid #275c87;
}
img.ImageGauche {
	border:					5px solid #275c87;
	margin:					2px  16px 12px 0;
}
img.ImageDroite {
	border:					5px solid #275c87;
	margin:					2px  0 12px 16px;
}

/*- Classes pour les listes ----*/
div#BoiteContenu .ZoneContenu ul {
	font-size:				1.1em;
	margin: 				0 0 12px 0;
}
div#BoiteContenu .ZoneContenu ul li {
	background:				url(../images/Puce_Liste.gif) no-repeat 1px 4px;
	padding:				0 0 4px 16px;
}
div#BoiteContenu .ZoneContenu ul ul {
	font-size:				1em;
	margin: 				4px 0 0 0;
}
div#BoiteContenu .ZoneContenu ol {
	font-size:				1.1em;
	margin: 				0 0 12px 24px;
}
div#BoiteContenu .ZoneContenu ol li {
	list-style:				decimal outside;
	padding:				0 0 4px 0;
}
div#BoiteContenu .ZoneContenu ol ol {
	font-size:				1em;
	margin: 				4px 0 0 24px;
}

/*- Classes pour les tableaux ----*/
.Tableau {
	font-size:				1.1em;
	color:					#a3acb3;
	margin:					8px 0 14px 0;
}
.CelluleTitre {
	font-weight:			bold;
	color:					#7aa5c8;
	background:				#10324f url(../images/Bg_Tableau.png) repeat-x;
	padding:				6px 8px;
	vertical-align:			top;
}
.CelluleSousTitre {
	color:					#7aa5c8;
	background:				#265983;
	padding:				4px 8px;
	vertical-align:			top;
}
.CelluleTexte1, .CelluleTexte2 {
	background:				#143c5d;
	padding:				6px 8px;
	vertical-align:			top;
}
.CelluleTexte2 {
	background:				#08263d;
}
/*--------------------------------------------------------------------------*/