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

/*- Général -------------------------------------------------------------------*/
html, body {
	width:100%;
	height:100%;
}
html {
	background:#393838 url(../images/Bg_Horizontal.gif) repeat-x top left;
}
body {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #d5d4c8;
	background:url(../images/Bg_Vertical.gif) repeat-y top center;
}
p {
	margin: 0 0 12px 0;
}
a, a:hover {
	color: #707070;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
.clearer {
	clear:both;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
body.Portfolio {
	background-image:url(../images/Bg_Vertical_Portfolio.gif);
}
body.Espace {
	background-image:url(../images/Bg_Vertical_Espace.gif);
}
body.Services {
	background-image:url(../images/Bg_Vertical_Services.gif);
}
body.Profil {
	background-image:url(../images/Bg_Vertical_Profil.gif);
}
/* Style Popup */
body.Popup {
	background:#232323;
	padding:10px 0px;
	height:auto !important;
}
body.Popup #Corps div.Contenu, body.Popup #Corps {
	width:auto !important;
	height:auto !important;
	border:0px;
	background:none;
	overflow:visible;
}
body.Popup #Corps div.Contenu {
	padding:20px;
	margin:0px 10px;
}
body.Popup #Corps h1 {
	background:#171616;
	padding:20px;
	color:#D4D1D1;
	font-size:1.8em;
	text-transform:uppercase;
	margin:0px 10px;
}

#wrapper {
	height:600px;
}
#Entete, #Corps, #PiedPage {
	width: 924px;
	margin: 0 auto;
	text-align: left;
}
#Entete {
	position:relative;
	height:147px;
}
#Entete div.Logo {
	position:absolute;
	top:18px;
	left:12px;
	width:87px;
	height:112px;
}
#Entete div.Logo img {
	width:87px;
	height:112px;
}
#Entete p {
	position:absolute;
	top:62px;
	right:0px;
	
	font-size:1.3em;
	font-weight:bold;
	color:#d0d0d0;
}
ul#Menu {
	position:absolute;
	bottom:16px;
	left:242px;
	width:122px;
}
ul#Menu li {
	float:left;
	margin-right:2px;
}
ul#Menu li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:90px;
	
	background-repeat:no-repeat;
	background-position:0 bottom;
}
ul#Menu li.Portfolio a {
	width:29px;
	background-image:url(../images/Menu_Portfolio_FR.gif);
}
ul#Menu li.Espace a {
	width:28px;
	background-image:url(../images/Menu_Espace_FR.gif);
}
ul#Menu li.Services a {
	width:28px;
	background-image:url(../images/Menu_Services_FR.gif);
}
ul#Menu li.Profil a {
	width:29px;
	background-image:url(../images/Menu_Profil_FR.gif);
}
body#lang-EN ul#Menu li.Portfolio a {
	background-image:url(../images/Menu_Portfolio_EN.gif);
}
body#lang-EN ul#Menu li.Espace a {
	background-image:url(../images/Menu_Espace_EN.gif);
}
body#lang-EN ul#Menu li.Services a {
	background-image:url(../images/Menu_Services_EN.gif);
}
body#lang-EN ul#Menu li.Profil a {
	background-image:url(../images/Menu_Profil_EN.gif);
}
ul#Menu li a:hover {
	background-position:-31px bottom;
}
body.Portfolio ul#Menu li.Portfolio a, body.Espace ul#Menu li.Espace a,
body.Services ul#Menu li.Services a, body.Profil ul#Menu li.Profil a {
	background-position:-62px bottom;
}


#Entete div.NavFixe {
	position:absolute;
	bottom:16px;
	right:0px;
	color:#555454;
	font-size:1.1em;
}
#Entete div.NavFixe a {
	text-decoration:none;
	color:#707070;
}
#Entete div.NavFixe a.on, #Entete div.NavFixe a.on:hover {
	text-decoration:none;
	color:#e06111;
}
#Entete div.NavFixe a:hover {
	color:#D0D0D0;
}
#Corps {
	background-color:#1b1b1b;/*#232323*/
	border:1px solid #393838;
	border-top:0px;
	overflow:hidden;
	position:relative;
	vertical-align:top;
	height:362px;
	/*width:920px;*/
}
ul#SectionGroupe {
	/*visibility:hidden;*/ /* À mettre une fois en ligne */
	display: block;
	position: relative;
	height: 362px;
	overflow: hidden;
}
ul#SectionGroupe li.Section {
	float:left;
	display: block;
	width: 925px;
	height: 362px;
	overflow: hidden;
	position: relative;
	border-right:1px solid #393838;
}
#PiedPage {
	height:90px;
	position:relative;
}
#PiedPage p.Date {
	padding:17px 0 0 9px;
	font-size:1.1em;
	color:#616060;
}
#PiedPage p.Copyright {
	padding:14px 0 0 0;
	position:absolute;
	top:0px;
	right:0px;
	color:#444343;
	width:180px;
}
#PiedPage p.Date a,
#PiedPage p.Copyright a {
	color:#444343;
	text-decoration:none;
}
#PiedPage p.Date a:hover,
#PiedPage p.Copyright a:hover {
	color:#676666;
}
#PiedPage p.Copyright img {
	display:block;
	margin-bottom:10px;
}
#PiedPage p.Copyright strong {
	color:#676666;
}

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

/* Galerie Photo Accueil */
ul#GalerieAccueil {
	width:726px;
	height:362px;
}
ul#GalerieAccueil li {
	width:120px;
	height:120px;
	float:left;
	background-color:#0e0e0e;
	background-repeat:no-repeat;
	border-bottom:1px solid #393838;
	border-right:1px solid #393838;
	/*margin:0 1px 1px 0;*/
	overflow:hidden;
	position:relative;
}
ul#GalerieAccueil li a {
	width:120px;
	height:120px;
	display:block;
	color:#707070;
	font-weight:bold;
	background:#232323 url(../images/Bg_GalerieAcc.gif) no-repeat bottom right;
	font-size: 1.1em;
	text-decoration:none;
}
ul#GalerieAccueil li a:hover {
	color:#BBBBBB;
	text-decoration:none;
}
ul#GalerieAccueil li a span {
	padding:10px 12px;
	display:block;
}
ul#GalerieAccueil li div {
	position: absolute;
	top:0px;
	left:0px;
	width:120px;
	height:120px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top left;
}

/* Contenu Accueil */
div.ContenuAccueil {
	position:absolute;
	right:0px;
	top:0px;
	width:155px;/*180px*/
	height:362px;
	padding-right:25px;
}
div.ContenuAccueil h2 {
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	height:18px;
	margin-top:20px;
	margin-bottom:3px;
}
div.ContenuAccueil h2.Services {
	background-image:url(../images/Ti_ServicesAcc_FR.gif);
}
body#lang-EN div.ContenuAccueil h2.Services {
	background-image:url(../images/Ti_ServicesAcc_EN.gif);
}
div.ContenuAccueil div.BlocServices {
	height:135px;
	overflow:hidden;
	margin-bottom:5px;
}
div.ContenuAccueil div.BlocServices li a {
	font-size:1.1em;
	color:#575757;
}
div.ContenuAccueil div.BlocServices li a:hover {
	color:#BBBBBB;
	text-decoration:none;
}
div.ContenuAccueil div.BlocServices li {
	padding-bottom:2px;
}
div.ContenuAccueil h2.Nouvelles {
	background-image:url(../images/Ti_NouvellesAcc_FR.gif);
	margin-top:0px;
}
body#lang-EN div.ContenuAccueil h2.Nouvelles {
	background-image:url(../images/Ti_NouvellesAcc_EN.gif);
}
div.ContenuAccueil div.BlocNouvelles {
	height:105px;
	overflow:hidden;
	margin-bottom:5px;
}
div.ContenuAccueil div.BlocNouvelles a {
	font-size:1.1em;
	font-weight:bold;
	color:#a54c14;
	text-decoration:none;
}
div.ContenuAccueil div.BlocNouvelles a:hover {
	text-decoration:underline;
}
div.ContenuAccueil div.BlocNouvelles p {
	font-size:1.1em;
	color:#575757;
}
div.ContenuAccueil img.MapAccueil {
	position:absolute;
	right:25px;
	bottom:8px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#Corps div.Contenu {
	position:relative;
	border-right:1px solid #393838;
	height:362px;
	width:728px;
}
#Corps div.Contenu.Full {
	width:925px;
}
#Corps div.Contenu.Full  div.Conteneur {
	border:0px;
	padding:0 15px 0 15px;
}
#Corps div.Contenu div.ConteneurImage,
#Corps div.Contenu div.Conteneur,
#Corps div.Contenu div.ConteneurEspace {
	height:325px;
	overflow:hidden;
	padding:0 25px 0 15px;
}

/* Pagination */
#Corps div.Contenu ul.Pagination {
	position:absolute;
	right:25px;
	bottom:15px;
	margin:0;
	padding:0;
}
#Corps div.Contenu ul.Pagination li {
	background:none;
	margin:0;
	padding:0;
	padding-left:10px;
	display:inline;
}
#Corps div.Contenu ul.Pagination li a img {
	vertical-align:middle;
}
#Corps div.Contenu ul.Pagination li a {
	color:#707070;
	text-decoration:none;
}
#Corps div.Contenu ul.Pagination li a:hover, 
#Corps div.Contenu ul.Pagination li a.on {
	color:#b8b5b5;
	text-decoration:none;
}

/* Section Notre Espace */
#Corps div.Contenu div.ConteneurEspace {
	width:210px;/*230px*/
	padding:0 20px 0 10px;
	float:left;
}
#Corps div.Contenu div.MapEspace {
	width:465px;
	float:left;
	margin:28px 0 0 0;
	background-color:#171616;
}
/* Section Map dans Profil */
#Corps div.Contenu div.ConteneurImage {
	height:362px;
	padding:10px 0 0 10px;
}
#Corps div.Contenu div.ConteneurImage img {
	display:block;
}

/* Section Portfolio */
#GaleriePortfolio {
	margin:23px 0 0 22px;
	overflow:hidden;
	height:315px;
	width:538px;
	position:relative;
}
#GaleriePortfolio ul {
	width:538px;
}
#GaleriePortfolio ul li {
	width:89px;
	height:95px;
	float:left;
	margin:0 15px 15px 0;
	overflow:hidden;
	position:relative;
	background-color:#000000;
}

/*- Styles pour sous menus ----------------------------------------------------*/
#Corps div.SousMenu {
	position:absolute;
	top:0px;
	right:1px;
	_right:0px;
	width:196px;
	height:362px;
	background:#242424 url(../images/Bg_SousMenu.gif) repeat-y top left;
}
#Corps div.SousMenu h2 {
	/*background-color:#000000;*/
	margin:4px 0 0 5px;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:10px center;
}
#Corps div.SousMenu h2.Services {
	background-image:url(../images/Ti_ServicesInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Services {
	background-image:url(../images/Ti_ServicesInt_EN.gif);
}
#Corps div.SousMenu h2.Espace {
	background-image:url(../images/Ti_EspaceInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Espace {
	background-image:url(../images/Ti_EspaceInt_EN.gif);
}
#Corps div.SousMenu h2.Profil {
	background-image:url(../images/Ti_ProfilInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Profil {
	background-image:url(../images/Ti_ProfilInt_EN.gif);
}
#Corps div.SousMenu h2.Portfolio {
	background-image:url(../images/Ti_PortfolioInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Portfolio {
	background-image:url(../images/Ti_PortfolioInt_EN.gif);
}
#Corps div.SousMenu h2.Nouvelles {
	background-image:url(../images/Ti_NouvellesInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Nouvelles {
	background-image:url(../images/Ti_NouvellesInt_EN.gif);
}
#Corps div.SousMenu h2.Carrieres {
	background-image:url(../images/Ti_CarrieresInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Carrieres {
	background-image:url(../images/Ti_CarrieresInt_EN.gif);
}
#Corps div.SousMenu h2.Contact {
	background-image:url(../images/Ti_ContactInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Contact {
	background-image:url(../images/Ti_ContactInt_FR.gif);
}
#Corps div.SousMenu h2.Archives {
	background-image:url(../images/Ti_ArchivesInt_FR.gif);
}
body#lang-EN #Corps div.SousMenu h2.Archives {
	background-image:url(../images/Ti_ArchivesInt_FR.gif);
}
#Corps div.SousMenu ul {
	background:url(../images/Bg_ListeSousMenu.gif) repeat-y top left;
	padding-bottom:2px;
}
#Corps div.SousMenu li {
	background:url(../images/Bg_ItemSousMenu.gif) repeat-y top left;
	margin-top:2px;
	padding:0 0 0 5px;
	width:187px;
}
#Corps div.SousMenu li a, #Corps div.MenuPortfolio li a {
	display:block;
	font-size:1.1em;
	line-height:1.3em;
	color:#828282;
	text-decoration:none;
	font-weight:bold;
	padding:5px 10px;
	width:167px;
}
#Corps div.SousMenu li a:hover, #Corps div.SousMenu li.on a {
	text-decoration:none;
	color:#c25612;
}
#Corps div.SousMenu.Portfolio li.on {
	background:#000000;
}

/* Sous-Sous Menu */
#Corps div.SousMenu li ul {
	border-top:1px solid #242424;
	padding:10px 0;
	background:none;
}
#Corps div.SousMenu li ul li {
	margin-top:0;
	width:187px;
	padding-bottom:3px;
	background:none;
}
#Corps div.SousMenu li ul li a, #Corps div.SousMenu li.on ul li a {
	font-weight:normal;
	padding:0px 10px;
	width:167px;
	color:#828282;
}
#Corps div.SousMenu ul li li a:hover, #Corps div.SousMenu ul li li.on a {
	text-decoration:none;
	color:#f4f3f2;
}

/* Sous Menu Portfolio */
#Corps div.MenuPortfolio {
	position:absolute;
	top:0px;
	right:196px;
	_right:195px;
	width:175px;
	height:362px;
	background-color:#000;
	border-right:1px solid #393838;
}
#Corps div.MenuPortfolio p, #Corps div.SousMenu p {
	position:absolute;
	bottom:5px;
	right:15px;
	margin:0px;
}
#Corps div.MenuPortfolio p a, #Corps div.SousMenu p a {
	display:block;
	width:7px;
	height:5px;
	margin-bottom:8px;
}
#Corps div.MenuPortfolio p a img, #Corps div.SousMenu p a img {
	display:block;
}
#Corps div.MenuPortfolio div {
	position:relative;
	margin:20px 0 10px 12px;
	width:150px;
	height:300px;
	overflow:hidden;
}
#Corps div.SousMenu div {
	margin:0px;
	position:relative;
	height:270px;
	overflow:hidden;
}
#Corps div.MenuPortfolio ul {
	width:150px;
	position:absolute;
	top:0;
	left:0;
}
#Corps div.MenuPortfolio li a {
	width:126px;
	padding:3px 15px;
}
#Corps div.MenuPortfolio li a:hover, #Corps div.MenuPortfolio li.on a {
	color:#c4bfbf;
	background:url(../images/Puce_MenuPortfolio.gif) no-repeat 0px 6px;
}

/*- Styles pour formulaires ----------------------------------------------------*/
/*.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}*/
.Formulaire{
	margin-top:10px;
	_margin-top:20px;
	margin-bottom:15px;
}
.Formulaire td{
	vertical-align:top;
}
.Formulaire p{
	line-height:8px;
	width:180px;
	font-family:Arial,Verdana,Helvetica,Sans-serif !important;
	font-size:1.1em !important;
}
.TxtBox {
	background:#6b6b6b;
	border:none;
	width:212px;
	padding-left:2px;
}
.BtnEnvoyer{
	width:87px;
	height:17px;
	background-image:url(../images/Bt_Envoyer.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:5000px;
	overflow:hidden;
	display:block;
}
body#lang-EN .BtnEnvoyer{
	background-image:url(../images/Bt_Envoyer_EN.gif);
}
.BtnEnvoyer:hover{
	background-position:0 -17px;
}
/*.TxtArea {
	font-size: 1.1em;
	color: #;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.SelectList {
	font-size: 1.1em;
	color: #;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.Btn {
	font-size: 1.1em;
	color: #;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	overflow: visible;
}
*/
/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les titres et textes ----*/
#Corps div.Contenu h1 {
	font-size:18px;
	text-transform:uppercase;
	color:#d4d1d1;
	padding:30px 0 5px 0;
}
#Corps div.Contenu h2 {
	font-size:11px;
	text-transform:uppercase;
	color:#c25612;
	margin:15px 0 10px 0;
	font-weight:normal;
}
#Corps div.Contenu h3 {
	font-size:11px;
	color:#c6c6c6;
	margin:5px 0 10px 0;
	font-weight:normal;
}
#Corps div.Contenu h4 {
	font-size:11px;
	color:#828282;
	margin:0 0 5px 0;
	font-weight:bold;
}
.Contenu p {
	font-size:11px;
	margin: 0 0 18px 0;
	color:#828282;
}
#Corps div.Contenu a, #Corps div.Contenu a:hover {
	color: #c25612;
	text-decoration: underline;
}
#Corps div.Contenu a:hover {
	text-decoration: none;
}
#Corps div.Contenu .TexteSpecial {
	color:#d4d1d1;
	font-weight:bold;
}
#Corps div.Contenu .TexteEmphase{
	color:#C6C6C6 !important;
}

/*- Classes pour les images ----*/
img.ImageGauche {
	margin:	0 15px 5px 0;
	border:5px solid #444243;
}
img.ImageDroite {
	margin: 0  0 5px 15px;
	border:5px solid #444243;
}

/*- Classes pour les listes ----*/
#Corps div.Contenu ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#Corps div.Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
	font-size:10px;
	color:#D5D4C8;
}
#Corps div.Contenu ul {
	margin-left:5px;
}
#Corps div.Contenu ul li {
	padding-left:10px;
	margin-bottom:5px;
	font-size:10px;
	color:#D5D4C8;
	background:url(../images/Puce_Liste.gif) no-repeat 0 8px;
	
}

/*- Classes pour les tableaux ----*/
table.Tableau {
	font-family:Arial, Helvetica, sans-serif;
	color: #5b5a5b;
	background:#1d1d1d;
}
table.Tableau td {
	font-size: 11px;
	padding: 5px 15px;
	vertical-align: top;
	border-bottom:1px solid #1B1B1B;
}
table.Tableau td.CelluleTitre {
	background: #131313;
	border-right:1px solid #1B1B1B;
}
table.Tableau td.CelluleAlternative {
	background: #181818;
}
/* Tableau deux colonnes */
table.TableauDeuxColonnes100pct {
	width:100%;
}
table.TableauDeuxColonnes {
	width:auto;
}
table.TableauDeuxColonnes td, table.TableauDeuxColonnes100pct td {
	width:50%;
	padding: 0 15px 0 0;
	vertical-align: top;
}
/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
/*#Corps div.Contenu p p,
#Corps div.Contenu ul ul, 
#Corps div.Contenu ol ol, 
#Corps div.Contenu ol ul, 
#Corps div.Contenu ul ol, 
#Corps div.Contenu td p,
#Corps div.Contenu td li, 
#Corps div.Contenu p table ul, 
#Corps div.Contenu p table ol, 
#Corps.TroisColonne div.ColonneGauche p p, 
#Corps.Contact div.BlocCoordonnees p p {
	font-size:1em;
}*/
/*--------------------------------------------------------------------------*/
#SousMenuNouvellesListe{
    position:absolute;
}