/* ### Piscines 2008 - salon Sepelcom ### */
/* ### Feuille de styles PRINT ### */
/* ### Esprit Public - 2008 ### */


/*
	Version 1.0
	Dernière modification : 02/04/2008
	Par : Franck Grenier (f.grenier@esprit-public.fr)
*/


/* ############### SOMMAIRE ############### */
/*

 $1. Remise à zéro des styles
 $2. Redéfinition des balises de base
 $3. Styles formulaires
 $4. Blocs de mise en page
 $5. Menus (navigation, langues, switcher, boutons, footer)
 $6. Blocs de contenu principal
 $7. Styles spécifiques (actus)
 
*/
/* ######################################## */


/* ###################### $1. Remise à zéro des styles ###################### */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ###################### $2. Redéfinition des balises de base ###################### */
body {
	font-family:"Verdana", sans-serif;
	font-size:70%;
	line-height:1.5em;
	color:#3f3f3f;
	background:#fff;
}

a {
	color:#A97D6C;
	text-decoration:underline;
}

a:hover, a:focus {
	color:#637C23;
	text-decoration:underline;
	background:inherit;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

sup {
	font-size:0.9em;
	position:relative;
	top:-0.3em;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS", Verdana;
	font-weight:bold;
}

h1 {
	font-size:1.75em;
	font-weight:bold;
	line-height:1.3em;
	color:#637C23;
	padding:8px 0 15px 15px;
	margin:0 0 15px -15px;
	background:url(../img/fond_h1.gif) no-repeat 0% 0%;
}

h2 {
	font-size:1.4em;
	font-weight:bolf;
	line-height:1.3em;
	color:#637C23;
	padding:0 0 15px 0;
	margin:30px 0 20px 0;
	background:url(../img/fond_h2.gif) no-repeat 0% 100%;
}

h3 {
	font-size:1.4em;
	font-weight:bolf;
	line-height:1.3em;
	color:#637C23;
	padding:0;
	margin:30px 0 20px 0;
}

p {
	margin:0 0 15px 0;
}

ul {
	padding:0;
	margin:0 20px 20px 20px;
	clear:both;
}

li {
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:url("../img/puce_liste.gif") no-repeat 0% 6px;
}

ul ul {
	padding:0;
	margin:5px 0 10px 0;
}

ul ul li {
	background:url("../img/puce_sousliste.gif") no-repeat 0% 7px;
}

img {
	border:2px solid #B1BD91;
}

.noDisplay {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* ###################### $3. Styles recherches et formulaires ###################### */
form {
	line-height:1.5em;
	margin:0 0 20px 0;
	padding:0;
}

label {
	color:#008da2;
	font-size:1.1em;
	padding:0 2px 0 2px;
}

input, select, textarea {
	font-family:"Arial", sans-serif;
	font-size:1em;
	color:#666;
	padding:2px 4px 2px 4px;
	margin:2px;
	vertical-align:middle;
	border:1px #767676 solid;
}

input:hover, select:hover, textarea:hover {
	border:1px solid #008da2;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #008da2;
}

textarea {
	width:240px;
	height:150px;
}

input[type=text], select {
	width:180px;
}

input[type=radio], input[type=checkbox] {
	border:0;
}


/* ###################### $4. Blocs de mise en page ###################### */
#header {
	height:143px;
	background:#BED630 url(../img/header.gif) no-repeat;
}

#header h1 {
	float:left;
	width:168px;
	height:125px;
	padding:0;
	margin:0;
}

#header h1 a {
	display:block;
	width:168px;
	height:125px;
	background:#fff url(../img/logo_piscines2008.gif) top left no-repeat;
}

#header #date_salon {
	color:#fff;
	font-family:"Trebuchet MS", Verdana;
	font-weight:bold;
	font-size:1.9em;
	line-height:1.1em;
	margin:65px 0 0 5px;
	float:left;
}

#bandeau {
	display:none;
}

#menu {
	display:none;
}

#colonneDroite {
	display:none;
}

#footer {
	display:none;
}


/* ###################### $5. Menus (navigation, langues, switcher, boutons, footer) ###################### */


/* ###################### $6. Blocs de contenu principal ###################### */


/* ###################### $7. Styles spécifiques (actus) ###################### */
