/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site LE PHENIX NIGHTCLUB ---------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
html {
}
body {
	font-size:12px;
	font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman;
	text-align:left;
	background:#c4c4c4 url(../images/bg-body.jpg) no-repeat center 0;
}
a img {
	border:none;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au header */
/* -------------------------------------------------------------------------------------------- */

#header {
	height:150px;
	position:relative;
	top:0;
	z-index:30;
}

#header h1 {
	position:absolute;
	margin-left:-999em;
}
#header p.accueil {
	float:left;
	margin:20px 0 0 0;
	padding:0 !important;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #TOOLS */
/* -------------------------------------------------------------------------------------------- */
div#tools-bar {
	background:url(../images/bg-header.gif) repeat-x 0 0;
	width:100%;
	height:40px;
	z-index:20;
	position:relative;
}

ul#tools {
	display:block;
	height:29px !important;
	list-style:none outside none;
	margin:0 auto;
	padding:5px 0 0 580px;
	width:380px;
	z-index:99;
}
ul#tools li {
	position:relative;
	float:left
	z-index:3;
	list-style:none;
	background:none !important;
	display:inline;
	padding:0 0 0 2px !important;
	margin:0 !important;
}
#tools a {
	text-decoration:none;
	color:#007BBD;
}
#tools a img {
	border:none;
	vertical-align:middle;
}

#tools a span {
	position:absolute;
	left:-999em;
	padding:10px 10px 5px 10px;
	background:url(../images/bg-partenaires-span.PNG) no-repeat 0 0;
	margin:25px 0 0 -17px;
	white-space:nowrap;
	color:#FFF;
	z-index:120;
	font-size:11px;
}

html* #tools a span {
	left:auto;
	display:none;
}
#tools a:hover span {
	left:auto;
}
html* #tools a:hover span {
	display:block;
} 
#tools li form.search {
	float:left;
	background:transparent url(../images/bg-input-search.gif) no-repeat 0 0;
	width:161px;
	height:27px;
	margin-top:2px;
}
	*html #tools li form.search {
		margin:0px 70px 0 0;
	}
	#tools li form.search input {
		background-color:transparent;
		border:none;
		color:#d8d7d7;
		padding:5px 7px;
	}
 
/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à la NAVIGATION */
/* -------------------------------------------------------------------------------------------- */


#navigation {
	position:absolute; 
	width:600px;
	top:0;
	left:0;
	margin:20px 0 0 360px;
	height:122px;
	z-index:30;
	padding:0;
}

.nav {
	width: 600px;
	height: 122px;
	background: url(../images/BG-menu.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	padding:0!important;
}
.nav li {
	display: inline;
	padding:0!important;
}
.nav li a {
	position: absolute;
	top: 0;
	height: 122px;
	width:120px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
/*	cursor: default;*/
}
	.nav .presentation a {
		left: 0px;
	}
	.nav .presentation a:hover, 
	.nav .presentation a:focus, 
	.nav .presentation a:active, 
	.current-presentation .presentation a:link, 
	.nav-presentation, 
	.nav-presentation-click {
		background: url(../images/BG-menu.gif) no-repeat 0px -122px;
	}
	.nav-presentation, .nav-presentation-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 120px;
		height: 122px;
	}



	.nav .solutions a {
		left: 120px;
	}
	.nav .solutions a:hover, .nav .solutions a:focus, 
	.nav .solutions a:active, 
	.current-solutions .solutions a:link, 
	.nav-solutions, 
	.nav-solutions-click {
		background: url(../images/BG-menu.gif) no-repeat -120px -122px;
	}
	.nav-solutions, .nav-solutions-click {
		position: absolute;
		top: 0;
		left: 120px;
		width: 120px;
		height: 122px;
	}



	.nav .services a {
		left: 240px;
	}
	.nav .services a:hover, .nav .services a:focus, 
	.nav .services a:active, 
	.current-services .services a:link,
	.nav-services, 
	.nav-services-click {
		background: url(../images/BG-menu.gif) no-repeat -240px -122px;
	}
	.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 240px;
		width: 120px;
		height: 122px;
	}


	
	.nav .partenaires a {
		left: 360px;
	}
	.nav .partenaires a:hover, .nav .partenaires a:focus, 
	.nav .partenaires a:active, 
	.current-partenaires .partenaires a:link, 
	.nav-partenaires, 
	.nav-partenaires-click {
		background: url(../images/BG-menu.gif) no-repeat -360px -122px;
	}
	.nav-partenaires, .nav-partenaires-click {
		position: absolute;
		top: 0;
		left: 360px;
		width: 120px;
		height: 122px;
	}



	.nav .actualites a {
		left: 480px;
	}
	.nav .actualites a:hover, .nav .actualites a:focus, 
	.nav .actualites a:active, 
	.current-actualites .actualites a:link, 
	.nav-actualites, 
	.nav-actualites-click {
		background: url(../images/BG-menu.gif) no-repeat -480px -122px;
	}
	.nav-actualites, .nav-actualites-click {
		position: absolute;
		top: 0;
		left: 480px;
		width: 120px;
		height: 122px;
	}


/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au chemin de fer */
/* -------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	position:relative;
	width:960px;
	margin:0px auto 30px auto;
}

#content .col640 {
	background-color:#FFF;
	border:1px solid #e9e9ea;
	margin-top:40px;
	line-height:1.6em;
}
#content .col640.baseDocList {
	height:auto !important;
	min-height:500px;
	height:500px;
}

#content #ColLeft {
	/* width:300px;
	padding-top:20px; */
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #E9E9EA;
	margin-left:15px;
	margin-top:40px;
	width:270px;
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

.col640 {
	width:640px;	
}
.col560 {
	width:560px;	
}
.col480 {
	width:480px;
}
.col320 {
	width:318px;
}
.col210 {
	width:210px;
}
.col200 {
	width:200px;
}
.col60 {
	width:60px;
}

.col265 {
	width:265px;
}

.col640, 
.col560,
.col480,
.col320,
.col210,  
.col200,
.col60,
.col265 {
	float:left;
}

.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}
.col480.sep, 
.col640.sep {
	background:url(../images/bg-sep.gif) no-repeat 0 center;
}
.cont-presentation #content .col640 {
	background:#FFF url(../images/bg-content-presentation.gif) no-repeat right 0;
}
.cont-solutions #content .col640 {
	background:#FFF url(../images/bg-content-solutions.gif) no-repeat right 0;
}

/* -------------------------------------------------------------------------------------------- */


#global p, 
#global ul, 
#global form, 
#global dl, 
#global blockquote, 
#global h1, 
#global h2, 
#global h3, 
#global h4, 
#global h5, 
#global h6,
#global .swf {
	padding:5px 20px;
	font-weight:normal;
}
#global p, 
#global ul, 
#global form, 
#global input, 
#global textarea, 
#global select, 
#global option, 
#global blockquote, 
#global table, 
#global tr, 
#global th, 
#global td {
	font-size:12px;
}

img {
	border:none;
}
#content h2 {
	font-size:22px;
	font-weight:normal;
	color:#58585a;
	padding-top:20px;
}

#content h3 {
	color:/* #58585a */#D5228D;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:30px 20px 10px 20px;
}
	#content .partenaires h3 {
		padding-top:10px;
	}

#content h4 {
	color:#d5228d;
	font-size:13px;
}
#content .col640 p {
	padding:12px 20px;
}
#content a {
	/* color:#49494B; */
	color:#D5228D;
}
/* #content a img {
	border:1px solid #e9e9ea;
	text-decoration:none;
}
	.doc a img {
		border:none !important;
	}
	#content a:hover img {
		border:1px solid #c7c7c7;
	} */

#content ul li {
	padding-bottom:5px;
	list-style-position:outside;
	margin-left:10px;
}
/* #content p.baseDoc {
	background: url(../images/bg-baseDoc.gif) no-repeat 0 0;
	width:410px;
	height:42px;
	line-height:42px;
	padding:0 0 0 45px;
	color:#FFF;
	margin:auto;
}
	#content p.baseDoc a {
		color:#FFF;
		text-decoration:none;
	} */
#content p.baseDoc a {
	display:block;
	background: url(../images/BT-content-base-documentaire.gif) no-repeat 0 -42px;
	width:415px;
	height:42px;
	line-height:42px;
	padding:0 0 0 40px;
	color:#FFF;
	text-decoration:none;
	margin:auto;
}
#content p.baseDoc a:hover {
	background-position:0 0px;
}
#content p.date {
	padding-top:0;
	padding-bottom:0px;
	font-size:11px;
	color:#9A9A9A;
}

#content div.chapeau {
	background:url(../images/bg-chapeau.png) no-repeat center bottom;
	padding:20px 105px 20px 20px;
}
	#content div.chapeau p {
		font-size:14px;
		color:#58585a;
		padding:0 0 10px 0;
	}
	#content p.chapeau  {
		font-size:15px;
		color:#858585;
		font-style:italic;
	}

ul#partenaires {
	display:block;
	list-style:none outside none;
	margin:0 auto;
	padding:0 20px;
	width:440px;
	z-index:99;
	float:left;
}
ul#partenaires li {
	/* position:relative;
	list-style:none;
	background:none !important;
	display:inline;
	padding:0px !important;
	margin:5px 5px 0px 0 !important; */
	
	
	background:none repeat scroll 0 0 transparent !important;
	display:block;
	float:left;
	list-style:none outside none;
	margin:5px 9px 0 0 !important;
	padding:0 !important;
	position:relative;
	width:60px;
	height:60px;
	overflow:hidden;
	border:1px solid #e9e9ea;
}
ul#partenaires li:hover {
	border:1px solid #c7c7c7;
}
#partenaires a img {
	height:60px !important;
	width:auto;
}
/* #partenaires a {
	text-decoration:none;
	color:#007BBD;
}
#partenaires a img {
	border:none;
	border:1px solid #e9e9ea;
	position:relative;
} 
#partenaires a:hover img {
	border:1px solid #c7c7c7;
}*/

#partenaires a span {
	position:absolute;
	left:-999em;
	padding:13px 10px 10px 10px;
	background:url(../images/bg-partenaires-span.PNG) no-repeat 0 0;
	margin:40px 0 0 -50px;
	white-space:nowrap;
	color:#FFF;
	z-index:200;
	font-size:13px;
}
html* #partenaires a span {
	left:auto;
	display:none;
}
#partenaires a:hover span {
	left:auto;
}
html* #partenaires a:hover span {
	display:block;
} 







#content p.fr {
	position:absolute;
	background:url(../images/bt-fr-version.gif) no-repeat 0 0;
	width:98px;
	height:20px;
	top:0;
	right:0;
	margin:270px 10px 0 0;
	padding:2px 0 0 29px !important;
}

#content p.gb {
	position:absolute;
	background:url(../images/bt-english-version.gif) no-repeat 0 0;
	width:98px;
	height:20px;
	top:0;
	right:0;
	margin:270px 10px 0 0;
	padding:2px 0 0 29px !important;
}
	#content p.gb a, #content p.fr a {
		color:#FFF;
		text-decoration:none;
	}
#content .baseDocList div.chapeau {
	margin-top:0;
}
#content table.kbdocnav {
	margin:20px 20px 0 20px;
	width:600px;
	color:#d5228d !important;
}
#content table.kbdocnav td {
	font-size:10px !important;
}

/* -------------------------------------------------------------------------------------------- */
/* COL LEFT */	

#content #ColLeft div {
	margin-bottom:10px;
}
	#content #ColLeft div.baseDoc {
	}
		#content #ColLeft div.baseDoc h3 {
			background: url(../images/bg-ColLeft-baseDoc-h3.gif) no-repeat 0 0;
			color:#FFF;
			padding-left:45px;
			margin-top:10px;
		}
		#content #ColLeft div.baseDoc ul li {
			list-style:none;
			padding:0 0 10px 0;
			margin-left:0;
		}
			#content #ColLeft div.baseDoc ul li a {
				text-decoration:none;
				color:#000;
			}
				#content #ColLeft div.baseDoc ul li a:hover {
					text-decoration:underline;
				}

	#content #ColLeft div.news div{
		margin-bottom:0;
	}
		#content #ColLeft div.news h3 {
			background: url(../images/bg-ColLeft-news-h3.gif) no-repeat 0 0;
			color:#FFF;
			padding-left:45px;
			margin-top:10px;
		}
		#content #ColLeft div.news h4{
			padding:5px 15px 0 10px;
		}
		#content #ColLeft div.news p.date{
			font-size:10px !important;
			padding:0 0 10px 10px;
		}



#content #ColLeft h3 {
	color:#FFF;
	padding:15px 0 10px 20px;
	margin:30px 15px 15px 15px;
	background:url(../images/bg-ColLeft-h3.gif) no-repeat 0 0;
}
#content #ColLeft p, 
#content #ColLeft li {
	font-size:11px;
}
/* #content #ColLeft a {
	color:#D5228D;
}  */

#content #ColLeft p.baseDoc {
	background:url(../images/bg-baseDoc.gif) no-repeat 0 0;
	width:235px;
	height:42px;
	
	padding:0 0 0 45px;
	color:#FFF;
	margin:auto;
}
#ColLeft ul#partenaires {
	width:230px;
	padding:0 20px;
	float:left;
}
#content #ColLeft div.actu1,
#content #ColLeft div.actu2,
#content #ColLeft div.actu3 {
	min-height:65px;
	padding:4px 0 0 55px;
	margin:0 10px 0 10px;
	width:auto;
	cursor:pointer;
}
	#content #ColLeft div.actu1:hover,
	#content #ColLeft div.actu2:hover, 
	#content #ColLeft div.actu3:hover {
		background-position:0 -200px;
	}

#content #ColLeft div.actu1 {
	background: url(../images/bg-actu-1.gif) no-repeat 0 0;
}
#content #ColLeft div.actu2 {
	background:url(../images/bg-actu-2.gif) no-repeat 0 0;
}
#content #ColLeft div.actu3 {
	background:url(../images/bg-actu-3.gif) no-repeat 0 0;
}

/* -------------------------------------------------------------------------------------------- */
/* FORMULAIRE */		
	
form.messenger {
	width:470px;
	float:left;
	position:relative;
	margin:auto;
	margin:0 85px;
	padding:0;
}

form.messenger fieldset {
	border:none;
	margin-bottom:10px;
	clear:both;
}
	html > body form.messenger fieldset.small {
		clear:none;
		float:left;
		/* margin-right:10px; */
		width:230px;
	}
	form.messenger fieldset.small {
		width:230px;
		margin-right:5px;
	}
form.messenger input.submit {
	width:200px;
}
form.messenger legend, form#formNewsLetter label {
	padding:0px;
	font-weight:bold;
	color:#58585A;
	/* color:#FFFFFF; */
}
html* form.messenger legend {
	margin-left:-5px !important;
}
form.messenger label {
	display:inline-block;
	vertical-align:top;
	width:200px !important;
}
form.messenger input, form.messenger textarea {
	padding:2px;
	border-color:#C3C3C3 #DDDDDD #f7f7f7;
	border-style:solid;
	border-width:1px;
	color:#000000;
	background-color:#FFF;
	margin:0;
	width:453px !important;
}
form#formNewsLetter input {
	padding:2px;
	border-color:#C3C3C3 #DDDDDD #f7f7f7;
	border-style:solid;
	border-width:1px;
	color:#000000;
	background-color:#FFF;
	margin:0;
}
	form.messenger fieldset.small input {
		width:219px !important;
	}
	
form.messenger fieldset ul.objet li {
	list-style:none;
	text-align:left;
	padding-top:7px;
}
form.messenger fieldset ul.objet li input {
	width:25px !important;
	background-color:transparent;
	border:none;
}

form.messenger span {
	display:block;
	padding:1px;
	width:360px;
}
	form.messenger fieldset.small span {
		width:175px;
	}
.bt-send {
	position:relative;
	width:100px !important;
	margin:auto auto 20px auto;
}
form.messenger .bt-send input#strMessengerAction, form#formNewsLetter .bt-send input.submit {
	width:100px !important;
	cursor:pointer;
}
	form#formNewsLetter .bt-send input.submit {
		margin-top:10px;
	}
form.docsearch {
	margin-top:20px;
}
form.docsearch p {
	padding:0 !important;
	color:#58585A !important;
}



form.messenger.formOverlay {
	font-family:Georgia, "Times New Roman", Times, serif;
}
form.messenger.formOverlay .checklist {
	border: 1px solid #ccc;
	list-style: none;
	height: 65px;
	overflow: auto;
	width: 463px;
}
form.messenger.formOverlay .checklist li { background: none; padding-left: 0; }


form.messenger.formOverlay .checklist, 
form.messenger.formOverlay .checklist li 
	{ margin: 0; padding: 3px 0 0 0; }
	
form.messenger.formOverlay .checklist label { 
	display: block;
	padding: 0 0.2em 0 25px; 
	text-indent: -25px; 
	color:#58585A; 
	width:auto!important; 
}
	
form.messenger.formOverlay .checklist label:hover, 
form.messenger.formOverlay .checklist label.hover 
	{ background: #777; color: #fff; }
	
* html form.messenger.formOverlay .checklist label 
	{ height: 1%; }
	
form.messenger.formOverlay .checklist input {
	width:auto!important;
	margin:0 10px;
	border:none !important;
	}
	
form.messenger.formOverlay .checklist-fieldset h3 { 
	background:url(../images/ico-base-doc.png) no-repeat 0 0; 
	padding:3px 0 7px 40px !important;
	color:#58585a;
	font-style:italic;
	text-transform:none;
}
form.messenger.formOverlay p {
	padding:10 0px !important;
	font-size:11px;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	width:100%;
	background:url(../images/bg-foot.gif) repeat-x 0 bottom;
	height:39px;
	color:#d9d9da;
	font-size:10px;
	bottom:0;
}
#foot p {
	text-align:center;
	line-height:37px;
}
#foot a {
	color:#d9d9da;
	text-decoration:none;
}
	#foot a:hover {
		text-decoration:underline;
	}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	margin:0 0 5px 10px;
}
.img-left {
	float:left;
	margin:0px 10px 0px 0px;
	padding-right:0 !important;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}
.pink {
	color:#d5228d !important;
}
.grey {
	color:#9A9A9A !important;
}
ul.no-style li {
	list-style:none;
	background-image:none;
}
.valign {
	vertical-align:middle;
}
.border {
	border:1px solid #e9e9ea;
}
a.underline {
	text-decoration:none;
}
	a:hover.underline {
		text-decoration:underline;
	}