/* 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:'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
	background:#a0a0a0 url(../images/body.gif) repeat-x 0 0;
}
	body.accueil {
		background:#a0a0a0 url(../images/body-accueil.gif) repeat-x 0 0;
	}

a {color:#004A99;}

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

#header {
	height:438px;
}
	.accueil #header {
		height:511px;
	}
#header h1 {
	position:absolute;
	margin-left:-999em;
}
#header p.logo {
	padding-top:35px;
}
#header p.logo a {
	outline:#FFF;
}
#header #slider {
	position:absolute;
	top:0;
	right:0;
	margin:35px 10px 0 0;
}




/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #TOOLS */
/* -------------------------------------------------------------------------------------------- */




ul#tools {
	height:30px !important;
	list-style:none;
	display:inline;
	z-index:99;
	margin:0px 0 0 650px;
	left:0;
}
ul#tools li {
	position:relative;
	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;
}
#tools a span {
	border:none;
	position:absolute;
	left:-999em;
	padding:13px 5px 3px 5px;
	background:#000;
	margin:25px 0 0 -10px;
	white-space:nowrap;
	color:#FFF;
}
html* #tools a span {
	left:auto;
	display:none;
}
#tools a:hover span {
	left:auto;
}
html* #tools a:hover span {
	display:block;
} 


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


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

#global {
	position:relative;
	width:970px;	
	height:auto !important;
	min-height:940px;
	height:940px;
	margin:auto;
	background:url(../images/bg-global.jpg) no-repeat 0 0;
}
.accueil #global {
	background:url(../images/bg-global-accueil.jpg) no-repeat 0 0;
}

#page {
	width:960px;
	height:auto !important;
	min-height:440px;
	height:440px;
	margin:0 auto;
	background:#FFF url(../images/bg-page.png) no-repeat 0 0;
}
	.accueil #page {
		background:transparent url(../images/bg-page.png) no-repeat 0 0;
	}
#content {
	color:#424242;
}

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

.col640 {
	width:640px;	
}
.col570 {
	width:570px;	
}

.col430 {
	width:430px;	
}
.col355 {
	width:355px;
}
.col320 {
	width:320px;
}
.col250 {
	width:250px;
}
.col285 {
	width:285px;
}
.col210 {
	width:210px;
}
.col70 {
	width:70px;
}

.col640, 
.col570,
.col430,
.col355, 
.col320, 
.col285, 
.col250,
.col210,
.col70 {
	float:left;
}

.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}

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

#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 {
	color:#fc6e00;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
}
	#content h2.puce {
		background:url(../images/bg-h2.gif) no-repeat 20px 6px;
		padding-left:45px;
	}
	.green #content h2 {
		color:#73A80D;
	}
	.blue #content h2 {
		color:#004A99;
	}

#global h3 {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#004a99;
}
#global h3 a {
	color:#004a99;
}
#content ul li {
	list-style: square inside;
}
#global strong {
}
	.blue #global strong {
		color:#004A99;
	}
	.green #global strong {
		color:#73A80D;
	}
	.orange #global strong {
		color:#FC6E00;
	}
	
#global p.chapeau {
	color:#252525;
	text-transform:uppercase;
	padding-top:0;
}
#global p.date {
	color:#252525;
	text-transform:uppercase;
	font-style:italic; 
	font-size:10px;
}
#content p.arrow-blue {
	text-align:right;
	background:url(../images/bg-arrow-blue.png) no-repeat right 3px;
	padding-right:30px;
	margin-right:20px;
}
	#content p.arrow-blue a {
		color:#004a99;
		font-weight:bold;
		text-decoration:none;
	}
/* .sep {
	background:url(../images/bg-sep-actu.gif) no-repeat 0 0;
} */
.actu {
	background:url(../images/bg-sep-actu.gif) no-repeat 0 0;
	height:auto !important;
	min-height:555px;
	height:555px;
	padding-top:10px;
}
	.accueil .actu {
		background:url(../images/bg-sep-actu-accueil.gif) no-repeat 0 0;
		height:auto !important;
		min-height:315px;
		height:315px;
		padding-top:0;
	}
.actu .col250 p {
	padding:0 20px !important;
}
#global .actu p.chapeau {
	font-style:italic; 
}
#content div.date {
	background:transparent url(../images/bg-calendar-actu.png) no-repeat left top;
	float:left;
	height:65px;
	line-height:100%;
	margin:0 0 0 5px;
	text-align:center;
	width:60px;
}
#content div.date .month {
	color:#FFFFFF;
	font-size:9px;
	padding-top:7px;
	text-transform:uppercase;
}
#content div.date .day {
	color:#004a99;
	font-size:26px;
	font-weight:bold;
	line-height:26px;
}
#content ul#organigramme {
	padding:0 !important;
	width:315px;
}
	#content ul#organigramme li {
		display:inline;
		float:left;
		width:105px;
		height:140px;
		list-style:none;
		padding:0 !important;
	}
		#content ul#organigramme li.line1 {
			width:315px;
		}
		
		#content ul#organigramme li.line2 {
			width:158px;
		}
		
		#content ul#organigramme li.line4 {
			width:157px;
		}
		
		#content ul#organigramme li img {
			margin-bottom:4px;
		} 
		
		#content ul#organigramme li span {
			display:block;
			width:70px;
			height:140px;
			margin:0 auto;
			text-align:center;
			line-height:11px;
		} 
	#content ul#organigramme img {
		border:1px solid #c5c4c4;
	}

/* -------------------------------------------------------------------------------------------- */
/* FORMULAIRE */		
	
	.accueil #content form.call, .accueil #content form.messenger {
				
	}
	.accueil #content form:hover.call, .accueil #content form:hover.messenger {
			
				border-color:#d9d9da; 	
	}

.accueil #content form.call {
	width:225px;
	margin:0 0 0 120px;
	padding:0 0 20px 0 !important;
	background:url(../images/bg-form.png) no-repeat center bottom;
}

.accueil #content form.messenger {
	width:225px;
	margin:0 0 0 50px;
	padding:0 0 20px 0 !important;
	background:url(../images/bg-form.png) no-repeat center bottom;
}
.accueil #content form.call p, .accueil #content form.messenger p {
	padding:0 !important;
}
.accueil #content .formulaire {
	background:url(../images/bg-form-messenger.png) no-repeat 0 center;
}
.accueil #content form ul,
.accueil #content form h2 {
	padding:5px 0 0 0 !important;
}
.accueil #content form ul li {
	list-style:none;
	background-image:none;
	padding:3px 0 0 0 !important;
	float:left;
}

.accueil #content form label input {
	height:18px;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
}
	.accueil #content form label input.radio {
		height:10px;
		border:none !important;
	}
.accueil #content form input.submit-messenger, 
.accueil #content form input.submit-call {
	background-color:transparent;
	border:none;
	text-indent:-999em;
	cursor:pointer;
	margin:5px auto;
}
	html* input.submit-messenger, 
	html* input.submit-call {
		line-height:0px;
		display:block;
	}
	.accueil #content form input.submit-messenger {
		background:url(../images/titles/input-nous-ecrire.png) no-repeat center 0;
		width:152px;
		height:34px;
	}
	.accueil #content form input.submit-call {
		background: url(../images/titles/input-nous-vous-rappelons.png) no-repeat center 0;
		width:213px;
		height:32px;
	}

.accueil #content form.messenger textarea {
	width:220px;
}




#content form.contact {
	width:550px;
	position:relative;
	margin:20px 0;
}
#content form.contact fieldset {
	border:none;
	margin-bottom:30px;
	width:550px;
	clear:both;
}
#content form.contact legend {
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	color:#748F08;
	margin:10px 0 10px 0;
}
html* #content form.contact legend {
	margin-left:-10px !important;
}
#content form.contact label {
	display:block;
	float:left;
	width:125px;
	font-weight:bold; 
	color:#373737;
}
#content form.contact input, form.contact textarea {
	padding:2px;
	border-color:#C3C3C3 #DDDDDD #eeeeee;
	border-style:solid;
	border-width:1px;
	color:#7C7C7C;
	margin:0;
	width:380px;
}
#content form.contact ul.checkbox {
	margin-top:15px;
	margin-bottom:15px;
}
#content form.contact ul.radio {
	float:left;
	width:400px;
	padding:0;
}
	#content form.contact ul.radio li {
		float:left;
	}
	#content form.contact ul.checkbox li, 
	#content form.contact ul.radio li {
		background-image:none;
		margin-top:5px;
	}
		#content form.contact ul.checkbox li input, 
		#content form.contact ul.radio li input {
			width:15px;
			border:none;
		}
		#content form.contact ul.checkbox li input {
			vertical-align:middle;
		}
#content form.contact label.radio {
	padding-top:8px;
}
#content form.contact input.boutonForm {
	margin-left:230px;
	width:100px;
	cursor:pointer;
	border-color:#C3C3C3;
	color:#373737;
}
form.contact span {
	display:block;
	margin-bottom:15px;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de fer */
/* -------------------------------------------------------------------------------------------- */
#content ul#wire {
	margin-bottom:15px;
}
#content ul#wire li {
	list-style:none;
	background-image:none !important;
	display:inline;
	padding:0 2px;
	color:#424242;
	font-size:11px;
}
#content ul#wire li a {
	text-decoration:none;
	color:#004a99;
}
	.green #content ul#wire li a {
		color:#73A80D;
	}
	.orange #content ul#wire li a {
		color:#FC6E00;
	}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	height:60px;
	text-align:center;
	width:100%;
	bottom:0;
}

#foot p {
	padding:30px 0 0 0;
	color:#004a99;
}
	.accueil #foot p {
		padding:30px 0 0 0;
		color:#FFF;
	}
#foot a {
	color:#004a99;
}
	.accueil #foot a {
		color:#FFF;
	}


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

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	margin:10px 10px 0px 0px;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}
.border {
	border:1px solid #c5c4c4;
}