/*
* {
border:1px solid red
}
*/
BODY {
	background:#2E2720 url(../images/bg-ixi.gif) repeat-x top left; font:normal normal normal 12px 'arial', 'sans-serif';
}
BODY {
	TABLE-LAYOUT: fixed; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, "Trebuchet MS", Helvetica, sans-serif; BACKGROUND-COLOR: #2E2720; TEXT-ALIGN: left
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif
}
IMG {
	border-style:none; border:0;
}
#container {
	LEFT:auto; right:auto; PADDING-TOP:25px; background: url(../images/bg-container.gif) no-repeat bottom left; width:878px; height:499px; text-align:left;
}
.debug {
	border:1px solid red;
}
#parts-left {
	float:left; margin:0; padding:0; position:relative; width:315px; height:400px;
}
#parts-left UL {
	padding-top:250px;
}
#parts-central {
	float:left; text-align:left; position:relative; margin:0; padding:0; width:560px; height:407px;
}
#parts-central .chapo {
	width:555px; height:150px; margin:0; padding:0;
}
#parts-footer {
	float:left; position:relative; margin:0; padding:0; width:100%; height:80px; overflow:hidden; background:none;
}
#ifrMain {
	height:62px; margin-top:18px; margin-left:80px; width:100%;
}
.vignette {
	margin-left:10px; background: url(../images/vignette.gif) no-repeat; width:120px; height:55px;
}
.vignette IMG {
	padding-left:10px;
}
/***************************************
* POP-PUP
***************************************/
/***************
* SPLASH SCREEN
***************/
#clear-after {
	/*display:none;*/
	visibility:hidden;
}
#posAbsolute {
	float:left; position:absolute; TOP:60px; Z-INDEX:2100; /*margin-left:auto; margin-right:auto;*/
}

/* Mozilla + Opera*/
html>body #posAbsolute {
	margin-left:28px;
}
/** Hack ie7 **/
*+html #posAbsolute {
	/*margin-left:-28px; border:1px solid #000*/
}
/** Hack Opera **/
html:first-child>body>div #posAbsolute {
	margin-left:28px;
}

#gallery IMG {
	behavior:	url("templates/Thema/css/pngbehavior.htc");
}
#gallery {
	position: relative;	margin: 0px; width: 800px;	height: 500px;
}
/** Hack ie6. */
* html #gallery {
	margin: 0px auto;
}



/* HACK pour mettre un png en background
ATTENTION à n'utiliser que pour de l'affichage car le filter de microsoft empeche toute manipulation de textes (liens bloqués, selection désactivés ...)
#gallery {
	position: relative;	margin: 0px auto; width: 800px;	height: 500px;
	background: transparent url(../images/popup-ixi.png) no-repeat 0px 0px;
}
/** Hack ie6. 
* html #gallery {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/popup-ixi.png', sizingMethod='scale');
  background: none;
}
*/
#content-popup {
	float:left; position:absolute; z-index:2400; width:680px; height:420px; margin-top:54px; margin-left:80px;
}
/* Mozilla + Opera*/
html>body #content-popup {
	margin-left:70px;
}
/** Hack ie7 **/
*+html #content-popup {
	/*margin-left:70px;*/
}
/** Hack Opera **/
html:first-child>body>div #content-popup {
	margin-left:70px;
}

#wait-img {
	margin:150px 270px; width:128px; height:128px; background:url(../images/wait_big.gif) no-repeat 0px 0px;/*loading.gif*/
}
/*******************************
*  NAV
*****************************/
#breadcrumb	{
	vertical-align:top; padding-top:33px;
}
#breadcrumb TABLE {
	width:550px;
}
#breadcrumb TD {
	/*vertical-align:top;*/ 
}
#breadcrumb	A, #breadcrumb A:visited {
	font:normal normal normal 10px 'arial', 'sans-serif';
	text-decoration:none;
	color:#635950;
	white-space:nowrap;
}
#breadcrumb	A:hover {
	color:#A9A49F;
}
#nav {
	float:left;width:550px;height:350px; margin-top:50px; list-style:none; position:relative;
}
#nav ul {
	float:left; margin:0px; padding:0px; 
}
#nav li {float:left; padding-top:8px; list-style-type: none}
#nav a  {float:left; display:block;text-indent:-999px;overflow:hidden;}
#nav a:hover {}
#nav LI.events {position:absolute; z-index:1400; margin:50px 50px; }
#nav .events a {height:60px;width:160px; background:url(../images/l-evenement.gif) no-repeat 0 0;}
#nav .events a:hover {background-position:-189px -0px;}

#nav LI.create {position:absolute; z-index:1300; margin:113px 230px;}
#nav .create a {height:60px;width:160px; background:url(../images/la-creation.gif) no-repeat 0 0;}
#nav .create a:hover {background-position:-189px -0px;}

#nav LI.council {position:absolute; z-index:1300; margin:150px 420px;}
#nav .council a {height:60px;width:160px; background:url(../images/le-conseil.gif) no-repeat 0 0;}
#nav .council a:hover {background-position:-189px -0px;}

#nav LI.partners {position:absolute; z-index:1300; margin:250px 25px;}
#nav .partners a {height:60px;width:176px; background:url(../images/le-partenariat.gif) no-repeat 0 0;}
#nav .partners a:hover {background-position:-189px -0px;}

#nav2 {
	float:left;width:300px;height:180px; margin-top:220px; list-style:none; position:relative;
}
#nav2 ul {
	float:left; margin:0px; padding:0px; 
}

#nav2 li {float:left; padding-top:8px; list-style-type: none}
#nav2 a  {float:left; display:block;text-indent:-999px;overflow:hidden;}
#nav2 a:hover {}

#nav2 LI.agence {position:absolute; z-index:1400; margin:19px 50px;}
#nav2 .agence a {height:60px;width:65px; background:url(../images/menu/agence.gif) no-repeat 0 0;}
#nav2 .agence a:hover {background-position:-107px -0px;}

#nav2 LI.metiers {position:absolute; z-index:1300; margin:18px 211px;}
#nav2 .metiers a {height:60px;width:73px; background:url(../images/menu/metiers.gif) no-repeat 0 0;}
#nav2 .metiers a:hover {background-position:-107px 0px;}

#nav2 LI.contact {position:absolute; z-index:1300; margin:130px 50px;}
#nav2 .contact a {height:60px;width:65px; background:url(../images/menu/contact.gif) no-repeat 0 0;}
#nav2 .contact a:hover {background-position:-107px -0px;}

#nav2 LI.references {position:absolute; z-index:1300; margin:131px 212px;}
#nav2 .references a {height:60px;width:88px; background:url(../images/menu/references.gif) no-repeat 0 0;}
#nav2 .references a:hover {background-position:-107px -0px;}
/****************************
* POPUP
****************************/
#global-popup-container {
	float:left; position:relative; background: #fff ;width:715px; height:444px;
}
#popup-container {
	float:left; position:relative; background: #fff url(../images/bg-popup.gif) no-repeat top left; width:715px; height:444px; 
}

#popup-container #baseline {
	position:absolute;
	z-index:1101;
	margin : 53px 165px;
	font:normal normal bold 14px 'arial','sans-serif';
	color:#464646;
	width:280px;
	height:120px; 
	/** TEXT */
	color:orange;
	overflow:hidden;
}
#popup-container #customer {
	position:absolute;
	z-index:1101;
	margin : 15px 455px;
	width:240px;
	height:120px; 
	text-align:center;
	overflow:hidden;
}
#popup-container #slideshow {
	position:absolute;
	z-index:1101;
	margin : 166px 5px;
	/*width:375px;
	height:260px; 
	*/
	width:443px;
	height:265px;
	overflow:hidden;
	display:inline;
}
#popup-container #prev {
	position:absolute;
	margin : 0px 0px;
	width:26px;
	height:260px;
	overflow:hidden;
}
#popup-container #screen {
	position:absolute;
	margin : 0px 27px;
	width:390px;
	height:260px;
	text-align:center;
}
#popup-container #next {
	position:absolute;
	margin : 0px 417px;
	width:26px;
	height:260px;
	overflow:hidden;
}

#popup-container #description1 {
	font: normal normal normal 11px 'Arial';
	/*font: normal normal normal 14px 'Asenine';*/
	
	color:#464646;
	position:absolute;
	z-index:1101;
	margin : 160px 455px;
	width:240px;
	height:230px; 
	overflow:auto;
	text-align:justify;
}
#popup-container #video {
	position:absolute;
	z-index:1101;
	margin : 410px 450px;
	width:240px;
	height:23px; 
	overflow:hidden;
	
}
.debug {
	border:1px solid #000;
}
.debug2 {
	border:1px solid red;
}
/** JS.TEMPLATE */
#template_jst, #jsData {
	display:none
}
/***/
A.toggle {
	font: normal italic bold 14px 'Arial';
	color:#E68600;
	text-decoration:none;
}
A.toggle:hover {
	font: normal italic bold 14px 'Arial';
	color:#E68600;
	text-decoration:underline; 
}

/***/
A.foggle {
	font: normal italic bold 14px 'Arial';
	color:#E68600;
	text-decoration:none;
}
A.foggle:hover {
	font: normal italic bold 14px 'Arial';
	color:#E68600;
	text-decoration:underline; 
}
/*************************************
* ASENINE
**************************************/
/*
@font-face {
	font-family: Asenine;
  font-style:  normal;
  font-weight: normal;
	src: url(http://http://www.ixiparis.com/millesens/font/ASENINE0.eot);
 }
#hold {
	font: normal normal normal 18px 'Asenine';
}
*/
/***************************************
*
*****************************************/
.evenement {
	margin:0px -145px;padding:0; position:absolute; z-index:2000; width:85px; height:71px
}
/* Mozilla + Opera*/
html>/**/body .evenement {
	margin:-85px 120px;
}

.creation {
	margin:0 -145px;padding:0; position:absolute; z-index:2000; width:85px; height:71px
}
/* Mozilla + Opera*/
html>/**/body .creation {
	margin:-85px 120px;
}


.conseil {
	margin:0 -145px;padding:0; position:absolute; z-index:2000; width:85px; height:71px
}
/* Mozilla + Opera*/
html>/**/body .conseil {
	margin:-85px 100px;
}

.partenariat {
	margin:0 -125px;padding:0; position:absolute; z-index:2000; width:85px; height:71px
}
/* Mozilla + Opera*/
html>/**/body .partenariat {
	margin:-85px 140px;
}
/****************************
* TEXTE 
****************************/
#customscroll UL {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
#customscroll P {
	margin:5px 0px 5px;
}
#customscroll UL LI {
	list-style-type:none;
	list-style-image : url(../images/disc.png) ;
}

