/**
 *  @file         screen.css
 *  @description  Feuille de styles globale
 *  @author       Rafaël (ixmedia.com)
 */

/* @group base */

@import url('./reset.css');

html { font-size: 62.5%; }
html, body { height: 100%; }

body {
line-height: 1.3em;
position: relative;
behavior: url("js/ie6/csshover.htc"); }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-top: 0; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin-bottom: 0.9em; }
table { margin: 1.9em 0 1.9em 0; }

input:focus, textarea:focus { outline: 1px dotted; }
hr { display: none; }

small { font-size: 90%; }
big   { font-size: 110%; }
sup { font-size: 80%; line-height: 1; vertical-align: super; }
span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
input, select, button, textarea, option { font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }

.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe { display: inline-block; position: relative; }
/* Hides from IE-mac \*/ * html .groupe { height: 1%; } .groupe { display: block; } /* End hide from IE-mac */

/* @end */


/* @group couleurs *//*

texte couleur fond : #f6e09f

*//* @end */

body {
font-family: Arial, Verdana, sans-serif;
font-size: 120%;
color: #000;
background: transparent url('../img/interface/body.gif') repeat top center;
}

a { color: #645e3e; text-decoration: none; }
a:hover, a:focus { }

ul { list-style-type: none; }

div#wrap {position: relative; }

div#page-left { position: relative; text-align: center;}

div#contenu {
text-align: left;
position: static;
width: 921px;
padding: 21px 18px 20px 21px;
background: transparent url('../img/interface/page-inner.jpg') repeat-y top; }


div#intro {
text-align: center;
padding-bottom: 20px;
border-bottom: 2px solid #000; }

	div#intro img {
	margin-top: 0.8em; }
	
	div#intro h2 {
	font-family: FuturaStdLight, Arial, Verdana, sans-serif;
	margin-top: 1em;
	font-size: 1.2em; }

	div#intro p {
	font-weight: bold;
	font-size: 0.65em;
	line-height: 1.3em;
	padding: 0 15px; }

div#titre { position: relative; }

	div#titre p.intro {
	color: #f6e09f;
	background: #000;
	padding: 18px;
	font-size: 1.2em;
	line-height: 1.3em; }
	
	div#titre h2 {
	font-family: Acknowledgement, Arial, Verdana, sans-serif;
	border-bottom: 17px solid #000;
	padding-bottom: 4px; }
	
	div#titre span#trouvez {
	margin-top: 30px;
	font-size: 3.4em;
	line-height: 1.2em;
	display: block; }
	
	* html div#titre span#trouvez { margin-top: 8px; }
	*+html div#titre span#trouvez { margin-top: 8px; }
	
	div#titre span#le-meuble-le-plus-laid {
	font-size: 1.6em;
	line-height: 1.4em;
	display:  block;
	font-family: Acknowledgement, Arial, Verdana, sans-serif; }
	
	div#titre span#et-courez-la-chance {
	display: block;
	font-size: 2.1em;
	line-height: 1.4em;
	text-transform: uppercase;
	font-family: FuturaStdLight, Arial, Verdana, sans-serif; }
	
		div#titre span#et-courez-la-chance strong { font-family: FuturaStdBold, Arial, Verdana, sans-serif; }
	
	div#titre img {
	position: absolute;
	top: -20px;
	right: -12px; }
	
	* html div#titre img { top: -4px; }
	*+html div#titre img { top: -4px; }

h2#grand-prix {
margin-top: 35px;
font-size: 4.2em;
margin-bottom: 16px;
text-transform: uppercase;
font-family: FuturaStdLight, Arial, Verdana, sans-serif; }

h3#deuxieme-prix {
margin-top: 35px;
font-size: 2.8em;
margin-bottom: 16px;
text-transform: uppercase;
font-family: FuturaStdLight, Arial, Verdana, sans-serif; }



h1 { display: none; }

div#intro,
div#social,
div#piedpage {
font-size: 2em;
float: left;
width: 280px;
margin-right: 20px; }

div#main {
float: right;
width: 601px;
min-height: 1030px;
height: auto !important;
height: 1030px;
margin-left: 0px;
padding-bottom: 140px; }

	div#main ul.liste-prix li h3 {
	margin-top: 16px;
	font-size: 1.3em; }
	
	div#main ul.liste-prix li {
	float: left;
	width: 135px;
	margin-right: 15px;
	text-align: center; }
		
		div#main ul.liste-prix li p {
		min-height: 50px;
		height: auto !important;
		height: 50px; }
	
	div#main ul.liste-prix li.dernier { margin-right: 0; }
	
	div#main ul#liste-deuxieme-prix { float: left; }
	
		div#main ul#liste-deuxieme-prix li { width: 260px; }
		
		div#main span#fioriture {
		float: left;
		display: block;
		background: transparent url('../img/interface/fioriture.png') no-repeat;
		width: 30px;
		height: 296px;
		margin-top: -50px;
		margin-left: 8px; }
		
		div#main img#logo-gros {
		float: right;
		margin-top: 10px;
		margin-right: 24px; }

div#social h2 {
margin-top: 26px;
font-family: Acknowledgement, Arial, Verdana, sans-serif;
border-bottom: 9px solid #000;
padding-bottom: 4px; }

div#social span#suivez-nous {
margin-top: 30px;
font-size: 3.4em;
line-height: 1.2em;
display: block; }

div#social span#facebook-twitter {
font-size: 0.45em;
line-height: 1.4em;
display:  block;
font-family: Acknowledgement, Arial, Verdana, sans-serif; }

	div#social span#facebook-twitter strong { color: #645e3e; }

div#social span#pour-rester-informe {
display: block;
font-size: 0.6em;
margin: 6px 0 4px 0;
line-height: 1.1em;
text-transform: uppercase;
font-family: FuturaStdLight, Arial, Verdana, sans-serif; }

div#social h3 {
padding-top: 3px;
float: left;
text-transform: uppercase;
font-family: FuturaStdLight, Arial, Verdana, sans-serif; }

div#social ul.liste-icones { float: right; }

	div#social ul.liste-icones li { display: inline; }

div#social ul.liste-prix { font-size: 0.5em; }

	div#social ul.liste-prix li h4 {
	margin-top: 16px;
	font-size: 1.3em; }
	
	div#social ul.liste-prix li {
	float: left;
	margin-left: 10px;
	width: 252px;
	text-align: center; }

div#page-top    { background: transparent url('../img/interface/page-top.png')    no-repeat top center; padding-top: 40px; }
div#page-bottom { background: transparent url('../img/interface/page-bottom.png') no-repeat bottom center; padding-bottom: 60px; }
/*
div#page-right  { background: transparent url('../img/interface/page-right.png')  no-repeat top right; }
div#page-left   { background: transparent url('../img/interface/page-left.png')   no-repeat bottom left; }
                             */
*+html div#page-top    { height: 1%; }
*+html div#page-right  { height: 1%; }
*+html div#page-bottom { height: 1%; }
*+html div#page-left   { height: 1%; }

div#page {
    width: 960px;
    margin: 0 auto;
}

div#piedpage {
position: absolute;
bottom: 64px;
font-size: 1em;
text-align: center;
font-weight: bold; }


span#photos {
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 637px;
height: 221px;
background: transparent url('../img/interface/piedpage.png') no-repeat; }

p#logo_ss {text-align: center;}

ul#autres li {display: inline; }
ul#autres li img {margin-right: 30px; margin-bottom: 30px;}