/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : IDEA
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 7 mai 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:#f1f1f1 url(/images/IDEA/Bg_Horizontal.gif) repeat-x top left;
}
body {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #6b6c6c;
	background:url(/images/IDEA/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/IDEA/Bg_Vertical_Portfolio.gif);
}
body.Espace {
	background-image:url(/images/IDEA/Bg_Vertical_Espace.gif);
}
body.Services {
	background-image:url(/images/IDEA/Bg_Vertical_Services.gif);
}
body.Profil {
	background-image:url(/images/IDEA/Bg_Vertical_Profil.gif);
}
/* Style Popup */
body.Popup {
	background:#E6E6E6;
	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:#707070;
	padding:20px;
	color:#FEFEFE;
	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:95px;
	height:105px;
}
#Entete div.Logo img {
	width:95px;
	height:105px;
}
#Entete p {
	position:absolute;
	top:62px;
	right:0px;
	
	font-size:1.3em;
	font-weight:bold;
	color:#9d9f9f;
}
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/IDEA/Menu_Portfolio_EN.gif);
}
ul#Menu li.Espace a {
	width:28px;
	background-image:url(/images/IDEA/Menu_Espace_EN.gif);
}
ul#Menu li.Services a {
	width:28px;
	background-image:url(/images/IDEA/Menu_Services_EN.gif);
}
ul#Menu li.Profil a {
	width:29px;
	background-image:url(/images/IDEA/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:#9d9f9f;
	font-size:1.1em;
}
#Entete div.NavFixe a {
	text-decoration:none;
	color:#9d9f9f;
}
#Entete div.NavFixe a.on, #Entete div.NavFixe a.on:hover {
	text-decoration:none;
	color:#74CAD9;
}
#Entete div.NavFixe a:hover {
	color:#5d5d5d;
}
#Corps {
	background-color:#E6E6E6;
	border:1px solid #F1F1F1;
	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 #9D9F9F;
}
#PiedPage {
	height:90px;
	position:relative;
}
#PiedPage p.Date {
	padding:17px 0 0 9px;
	font-size:1.1em;
	color:#9d9f9f;
}
#PiedPage p.Copyright {
	padding:14px 0 0 0;
	position:absolute;
	top:0px;
	right:0px;
	color:#6b6c6c;
	width:185px;
}
#PiedPage p.Date a,
#PiedPage p.Copyright a {
	color:#6b6c6c;
	text-decoration:none;
}
#PiedPage p.Date a:hover,
#PiedPage p.Copyright a:hover {
	color:#9d9f9f;
}
#PiedPage p.Copyright img {
	display:block;
	margin-bottom:8px;
}
#PiedPage p.Copyright strong {
	color:#9d9f9f;
}

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

/* Over deux sections */
#stopHover {
	z-index:98;
	width:724px;
	height:362px;
	overflow:hidden;
	position:absolute;
	cursor:wait;
}
#imgClickEngineering,
#imgClickArchitecture {
	width:362px;
	height:362px;
	overflow:hidden;
	position:absolute;
	background-color:#a3dce6;
	background-repeat:no-repeat;
	background-position:top left;
	z-index:99;
	cursor:pointer;
}
#imgClickEngineering {
	top:0px;
	left:0px;
	background-image:url(/images/IDEA/Img_EngineeringAcc.gif);
}
#imgClickArchitecture {
	top:0px;
	right:201px;
	width:361px;
	_width:360px;
	background-image:url(/images/IDEA/Img_ArchitectureAcc.gif);
}

/* Galerie Photo Accueil */
ul#GalerieAccueil {
	width:726px;
	height:362px;
	z-index:95;
}
ul#GalerieAccueil li {
	width:120px;
	height:120px;
	float:left;
	background-color:#737373;
	background-repeat:no-repeat;
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	/*margin:0 1px 1px 0;*/
	overflow:hidden;
	position:relative;
}
ul#GalerieAccueil li a {
	text-decoration:none;
}
/*ul#GalerieAccueil li a {
	width:120px;
	height:120px;
	display:block;
	color:#7d7e81;
	font-weight:bold;
	background:#ffffff url(/images/IDEA/Bg_GalerieAcc.gif) no-repeat bottom right;
	font-size: 1.1em;
	text-decoration:none;
}
ul#GalerieAccueil li a:hover {
	color:#cccccc;
	text-decoration:none;
}*/
ul#GalerieAccueil li.imgOver {
	cursor:pointer;
}
ul#GalerieAccueil li span {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size: 1.1em;
	height:100px;
	width:96px;
	/*padding:10px 12px;*/ /*Modification à cause du mot télécommunication */
	padding:5px;
	cursor:pointer;
}
ul#GalerieAccueil li img.Puce {
	position:absolute;
	bottom:8px;
	right:8px;
	width:6px;
	height:6px;
}
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 {
	background-color:#9d9f9f;
	position:absolute;
	right:0px;
	top:0px;
	width:160px;/*195px*/
	height:362px;
	padding:0 25px 0 15px;
	border-left:1px solid #f1f1f1;
}
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/IDEA/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:#FFF;
}
div.ContenuAccueil div.BlocServices li a:hover {
	color:#707070;
	text-decoration:none;
}
div.ContenuAccueil div.BlocServices li {
	padding-bottom:2px;
}
div.ContenuAccueil h2.Nouvelles {
	background-image:url(/images/IDEA/Ti_NouvellesAcc_EN.gif);
	margin-top:0px;
}
div.ContenuAccueil div.BlocNouvelles {
	height:105px;
	overflow:hidden;
	margin-bottom:5px;
}
div.ContenuAccueil div.BlocNouvelles a {
	font-size:1.1em;
	font-weight:bold;
	color:#a3dce6;
	text-decoration:none;
}
div.ContenuAccueil div.BlocNouvelles a:hover {
	text-decoration:underline;
}
div.ContenuAccueil div.BlocNouvelles p {
	font-size:1.1em;
	color:#FFF;
	margin-top:3px;
}
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 #f1f1f1;
	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:#7D7E81;
	text-decoration:none;
}
#Corps div.Contenu ul.Pagination li a:hover, 
#Corps div.Contenu ul.Pagination li a.on {
	color:#000;
	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:#D8D8D8;*/
}
/* 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;
}

/*- Styles pour sous menus ----------------------------------------------------*/
#Corps div.SousMenu {
	position:absolute;
	top:0px;
	right:1px;
	_right:0px;
	width:196px;
	height:362px;
	background:#9d9f9f url(/images/IDEA/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/IDEA/Ti_ServicesInt_EN.gif);
}
#Corps div.SousMenu h2.Espace {
	background-image:url(/images/IDEA/Ti_EspaceInt_EN.gif);
}
#Corps div.SousMenu h2.Profil {
	background-image:url(/images/IDEA/Ti_ProfilInt_EN.gif);
}
#Corps div.SousMenu h2.Portfolio {
	background-image:url(/images/IDEA/Ti_PortfolioInt_EN.gif);
}
#Corps div.SousMenu h2.Nouvelles {
	background-image:url(/images/IDEA/Ti_NouvellesInt_EN.gif);
}
#Corps div.SousMenu h2.Carrieres {
	background-image:url(/images/IDEA/Ti_CarrieresInt_EN.gif);
}
#Corps div.SousMenu h2.Contact {
	background-image:url(/images/IDEA/Ti_ContactInt_EN.gif);
}
#Corps div.SousMenu h2.Archives {
	background-image:url(/images/IDEA/Ti_ArchivesInt_EN.gif);
}

#Corps div.SousMenu ul {
	background:url(/images/IDEA/Bg_ListeSousMenu.gif) repeat-y top left;
	padding-bottom:2px;
}
#Corps div.SousMenu li {
	background:url(/images/IDEA/Bg_ItemSousMenu.gif) repeat-y top left;
	margin-top:2px;
	/*padding:0 0 0 5px;*/
	width:192px;
}
#Corps div.SousMenu li a, #Corps div.MenuPortfolio li a {
	display:block;
	font-size:1.1em;
	line-height:1.3em;
	color:#c4bfbf;
	text-decoration:none;
	font-weight:bold;
	padding:5px 10px 5px 15px;
	width:167px;
}
#Corps div.SousMenu li a:hover, #Corps div.SousMenu li.on a {
	text-decoration:none;
	color:#A3DCE6;
}
#Corps div.SousMenu.Portfolio li ul li.on {
	background:#707070;
}

/* Sous-Sous Menu */
#Corps div.SousMenu li ul {
	/*border-top:1px solid #9d9f9f;*/
	margin-top:1px;
	background:url(/images/IDEA/Bg_ListeSousSousMenu.gif) no-repeat top left;
	padding:8px 0 10px;
}
#Corps div.SousMenu li ul li {
	margin-top:0;
	width:187px;
	padding-bottom:1px;
	padding-top:2px;
	background:none;
}
#Corps div.SousMenu li ul li a, #Corps div.SousMenu li.on ul li a {
	font-weight:normal;
	padding:0px 10px 0px 15px;
	width:167px;
	color:#b9b8b8;
}
#Corps div.SousMenu ul li li a:hover, #Corps div.SousMenu ul li li.on a {
	text-decoration:none;
	color:#FFF;
}

/* Sous Menu Portfolio */
#Corps div.MenuPortfolio {
	position:absolute;
	top:0px;
	right:196px;
	_right:195px;
	width:175px;
	height:362px;
	background-color:#707070;
	border-right:1px solid #F1F1F1;
}
#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:#FFFFFF;
	background:url(/images/IDEA/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;
}
.TxtBox {
	font-size: 1.1em;
	color: #;
	background:	;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
.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:1.8em;
	text-transform:uppercase;
	color:#7d7e81;
	padding:30px 0 5px 0;
}
#Corps div.Contenu h2 {
	font-size:1.1em;
	text-transform:uppercase;
	color:#4DBCCF;
	margin:15px 0 5px 0;
	font-weight:normal;
}
#Corps div.Contenu h3 {
	font-size:1.1em;
	color:#000;
	margin:5px 0 5px 0;
	font-weight:normal;
}
#Corps div.Contenu h4 {
	font-size:1.1em;
	color:#5d5d5d;
	margin:0 0 5px 0;
	font-weight:bold;
}
#Corps div.Contenu ul,
#Corps div.Contenu ol,
#Corps div.Contenu p {
	font-size:1.1em;
	margin: 0 0 18px 0;
	color:#5d5d5d;
}
#Corps div.Contenu a, #Corps div.Contenu a:hover {
	color: #74cad9;
	text-decoration: underline;
}
#Corps div.Contenu a:hover {
	text-decoration: none;
}
#Corps div.Contenu .TexteSpecial {
	color:#000;
	font-weight:bold;
}

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

/*- 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;
}
#Corps div.Contenu ul {
	margin-left:5px;
}
#Corps div.Contenu ul li {
	padding-left:10px;
	margin-bottom:5px;
	background:url(/images/IDEA/Puce_Liste.gif) no-repeat 0 7px;
	
}

/*- Classes pour les tableaux ----*/
table.Tableau {
	font-family:Arial, Helvetica, sans-serif;
	color: #5D5D5D;
	background:#CFCFCF;
}
table.Tableau td {
	font-size: 1.1em;
	padding: 5px 15px;
	vertical-align: top;
	border-bottom:1px solid #F1F1F1;
}
table.Tableau td.CelluleTitre {
	color: #C4BFBF;
	background: #707070;
	border-right:1px solid #F1F1F1;
}
table.Tableau td.CelluleAlternative {
	background: #AFAFAF;
}
/* 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;
}