/*
Screen Stylesheet for www.echiquierfumex.com
*/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
	text-align:left;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-color:#191919;
}

 
/* = Base Structure
============================================================================== */

#global{
	margin: 0 auto;
	width: 990px;
	}
	
#wrap{
	width:990px;
	background-color:#000000;
	margin:40px 0 0 0;
	position:absolute;
	}
	
#page{
	width:990px;
	height:570px;
	margin:0;
	padding:0;
	background-color:#000000;
	position: relative;
	}


	/* = Header
	-------------------------------------------------------------------------- */
	
	#header{
	width:990px;
	height:40px;
	background:url(../images/bg_header.gif) repeat-x top left;
	margin:0;
	padding:0;
	position: relative;
	z-index: 1000;
		}
		
	
	#logo{
	display : block;
	width : 200px;
	height 	: 160px;
	position : absolute;
	top : 10px;
	background:url(../images/logo.png) no-repeat top left;
	left: 750px;
		}
	
	#navigation{
	width:990px;
	height:40px;
		}
	
	#mainmenu{
	width:990px;
	height:40px;
	position: absolute;
	padding:0;
		}

	/* = Footer
	-------------------------------------------------------------------------- */

	#footer{
		width:990px;
		height:40px;
		background:url(../images/bg_footer.gif) repeat-x top left;
		}
	
	#footer p{
		color :	#8e8e8e;
		text-align : center;
		margin:0;
		padding:20px 0;
		font-size: 0.95em;
		}
		
	#footer a{
		color : #8e8e8e;
		font-size : 1em;
		}	
		
	#footer a:hover{
		color : #CCCCCC;
		}
		

/* = Eléments spécifiques
============================================================================== */

	/* = Backgrounds des pages
	-------------------------------------------------------------------------- */
	
	.accueil{
		background:url(../images/accueil.jpg) no-repeat top left;
		}

	.echiquier-creation{
		background:url(../images/echiquier1.jpg) no-repeat top left;
		}
		
	.echiquier-portrait{
		background:url(../images/echiquier2.jpg) no-repeat top left;
		}
		
	.echiquier-personnalisation{
		background:url(../images/echiquier3.jpg) no-repeat top left;
		}
		
	.galerie{
		background:url(../images/galerie.jpg) no-repeat top left;
		}

	.nouveaute{
		background:url(../images/nouveaute.jpg) no-repeat top left;
		}

	.events{
		background:url(../images/events.jpg) no-repeat top left;
		}
	
	.presse{
		background:url(../images/presse.jpg) no-repeat top left;
		}
		
	.contact{
		background:url(../images/contact.jpg) no-repeat top left;
		}
		
		
		
	/* = Placements des éléments de page
	-------------------------------------------------------------------------- */
	
	#bloc-langue{
		width:220px;
		height:100px;
		position:absolute;
		margin:300px 0 0 515px;
		}
	
	#bloc-langue-fr{
		display:block;
		width:180px;
		height:20px;
		color:#FFFFFF;
		background:url(../images/flag-fr.gif) no-repeat;
		background-position: 0px 5px;
		padding:3px 0 0 25px;
		text-decoration:none;
		margin:20px 0 0 0;
		}

	#bloc-langue-gb{
		display:block;
		width:180px;
		height:20px;
		color:#FFFFFF;
		background:url(../images/flag-gb.gif) no-repeat;
		background-position: 0px 5px;
		padding:3px 0 0 25px;
		text-decoration:none;
		}
		
	#bloc-langue-fr:hover{text-decoration:underline;}
	#bloc-langue-gb:hover{text-decoration:underline;}	
	
	#attente{
		width:400px;
		height:100px;
		margin:0 auto;
		text-align:center;
		color:#FFFFFF;
		padding-top:50px;
		}
	
	#bloc-content{
		width:500px;
		height:380px;
		margin: 0 0 0 430px;
		padding-top:90px;
		}
		
	/* -- Manager -- */
		
	#bloc-content-manager{
		height:380px;
		margin: 0 0 0 400px;
		padding-top:100px;
		color: #FFFFFF;
		}
		
	#bloc-content-manager .title{
		color:#FFFFFF;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 20px;
		text-transform: uppercase;
		}

	#bloc-manager{
		width:180px;
		height:140px;
		margin: 10px;
		float:left;
		padding: 0;
		text-align: center;
		}
		
	a#manager{
		display:block;
		width:180px;
		height:60px;
		color: #999999;
		text-decoration: none;
		font-weight: bold;
		border:thin dotted #666666;
		padding-top: 80px;
		}
	
	a:hover#manager{
		background-color: #333333;
		border:thin dotted #FFFFFF;
		color: #FFFFFF;
		}

	a#manager.photos{
		background:url(../images/manager-btn-photos.png) no-repeat center 20px;
		}

	a#manager.admin{
		background:url(../images/manager-btn-admin.png) no-repeat center 20px;
		}
		
	a#manager.stats{
		background:url(../images/manager-btn-stats.png) no-repeat center 20px;
		}
		
	/* -- Fin Manager -- */

	#bloc-content-form{
		width:500px;
		height:380px;
		margin: 0 0 0 430px;
		padding-top:70px;
		}

	#content p{
		color: #FFFFFF;
		font-size:12px;
		margin:0px;
		line-height:1.8em;
		text-align: justify;
		}
	
	#titre{
		width : 220px;
		height : 40px;
		position : relative;
		top : 20px;
		left : 0px;
		text-align : left;
		margin : 10px 0 20px 0;
	}
	
	span#langues{margin-left : 30px;}
	span#langues img{margin-left : 10px;}

		
	/* = Navigation page echiquier
	-------------------------------------------------------------------------- */
		
	#subnav{
	position 			:	relative;
	top 				:	40px;
	left				:	0px;
	margin:0 0 40px 0;
	padding:0;
	width: 400px;
	height: 80px;
		}
		
	#subnav span{
	display:block;
	margin-bottom: 20px;
	color: #999999;
	font-size: 1em;
	}
	
	
	#subnav li{
		list-style:none;
		margin:0px;
		padding:0px;
		}
		
	#subnav li a{
	margin 				:	5px 0;
	float 				:	left;
	display 			:	block;
	height 				:	20px;
	width				:	220px;
		}

	#subnav li a#lien-creation{
	background			:	transparent url(../images/subnav-echiquier.png) no-repeat;
	background-position	: 	0px 0px;
	width: 250px;
		}

	#subnav li a:hover#lien-creation, #subnav li a#lien-creation.current{
	background			:	transparent url(../images/subnav-echiquier.png) no-repeat;
	background-position	: 	-260px 0px;
		}
	
	#subnav li a#lien-portrait{
	width 				:	250px;
	background			:	transparent url(../images/subnav-echiquier.png) no-repeat;
	background-position	: 	0px -20px;
		}

	#subnav li a:hover#lien-portrait, #subnav li a#lien-portrait.current{
	background			:	transparent url(../images/subnav-echiquier.png) no-repeat;
	background-position	: 	-260px -20px;
		}
		
	#subnav li a#lien-personnalisation{
	width 				:	250px;
	background			:	transparent url(../images/subnav-echiquier.png) no-repeat;
	background-position	: 	0px -42px;
		}

	#subnav li a:hover#lien-personnalisation, #subnav li a#lien-personnalisation.current{
	background			:	transparent url(../images/subnav-echiquier.png) no-repeat;
	background-position	: 	-260px -42px;
		}
		
		
	/* Version anglaise  */
	
	
	#subnav li a#lien-creation_gb{
		background			:	transparent url(../images/subnav-echiquier_gb.png) no-repeat;
		background-position	: 	0px 0px;
		width: 250px;
		}

	#subnav li a:hover#lien-creation_gb, #subnav li a#lien-creation_gb.current{
		background			:	transparent url(../images/subnav-echiquier_gb.png) no-repeat;
		background-position	: 	-260px 0px;
		}
	
	#subnav li a#lien-portrait_gb{
		width: 250px;
		background			:	transparent url(../images/subnav-echiquier_gb.png) no-repeat;
		background-position	: 	0px -20px;
		}

	#subnav li a:hover#lien-portrait_gb, #subnav li a#lien-portrait_gb.current{
		background			:	transparent url(../images/subnav-echiquier_gb.png) no-repeat;
		background-position	: 	-260px -20px;
		}
		
	#subnav li a#lien-personnalisation_gb{
		width: 250px;
		background			:	transparent url(../images/subnav-echiquier_gb.png) no-repeat;
		background-position	: 	0px -42px;
		}

	#subnav li a:hover#lien-personnalisation_gb, #subnav li a#lien-personnalisation_gb.current{
		background			:	transparent url(../images/subnav-echiquier_gb.png) no-repeat;
		background-position	: 	-260px -42px;
		}

		
		
	/* = Styles des textes
	-------------------------------------------------------------------------- */	
		
	h1{
		text-align:center;
		display:block;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.4;
		}
		
	h2{
		text-align:center;
		display:block;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.5;
		}


	/* = Links
	-------------------------------------------------------------------------- */

	a.article {
	color:#CCCCCC;
	text-decoration:none;
	}

	a.article:hover{
	color:#CCCCCC;
	text-decoration:underline;
	}


	/* = Formulaire de contact
	-------------------------------------------------------------------------- */


	#bloc-form{
	width:450px;
	height:380px;
	margin:0;
		}

	#frm-contact label{
	display 			:	block;
	position 			:	relative;
	padding 			:	6px 0;
		}
		
	#frm-contact label#dernier{
		border 				:	none;
		}
		
	#frm-contact label span{
		font-size 			:	1em;
		width 				:	80px;
		display 			:	inline-block;
		color: #FFFFFF;
		}
		
	#frm-contact input, #frm-contact textarea{
	width 				:	360px;
	border		 		:	1px solid;
	background 			:	transparent;
	padding 			:	2px 0;
	color: #FFFFFF;
	border-color: #333333;
		}
		
	#frm-contact textarea{
		background 			:	#000;
		overflow			:	hidden;
		margin-top 			:	5px;
		width 				:	450px;
		color 				:	white;
		}
		
	#frm-contact input#btn-submit{
		float 				:	right;
		width 				:	75px;
		color 				:	white;
		cursor 				:	pointer;
		border 				:	none;
		}
	
	#frm-contact input#btn-submit:hover{
		background			:	#bbad96;
		color 				:	black;
		}
		
	#frm-contact label.error{
		border				:	none;
		color 				:	#ff0000;
		font-size 			:	0.7em;
		padding 			:	0;
		margin 				:	0;
		}
		
	#loading{
		display 			:	none;
		}


/* = Globales classes
============================================================================== */

	.clear         { clear:both; }
	.float-left    { float:left; }
	.float-right   { float:right; }
	 
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	 
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.highlight     { background:#ffc; }
	 
	 
	.img-left      { float:left;margin:4px 10px 4px 0; }
	.img-right     { float:right;margin:4px 0 4px 10px; }
	 
	.nopadding     { padding:0; }
	.noindent      { margin-left:0;padding-left:0; }
	.nobullet      { list-style:none;list-style-image:none; }