/* ### Piscines 2008 - salon Sepelcom ### */
/* ### Feuille de styles ECRAN ### */
/* ### 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;
	height:100%;
}

html {
	height:43%;
}


* html html {
	height:150%;
}

*+html body {
	height:45%;
}
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:62.5%;
	line-height:1.5em;
	color:#3f3f3f;
	background:#fff;
}

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

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

a.readon{
	background: url(../img/picto_suite_actu.gif) no-repeat 0% 0%;
	float:right;
	width:100px;
	padding-left:25px;
}

a.readon:hover, a.readon:focus{
	background: url(../img/picto_suite_actu_over.gif) no-repeat 0% 0%;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

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

.texte12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#81489C;
}

.textegris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#878787;
}
.textevert {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#74b016;
}

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

h1, .componentheading {
	font-size:1.75em;
	font-weight:bold;
	line-height:1.3em;
	color:#81489C;
	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:#81489C;
	padding:0 0 15px 0;
	margin:30px 0 20px 0;
	background:url(../img/fond_h2.gif) no-repeat 0% 100%;
}

#colonneDroite .moduletable h2{
	background:none;
	margin:0;
	padding:0 0 5px 0;
	color:#81489C;
}


h3 {
	font-size:1.4em;
	font-weight:bolf;
	line-height:1.3em;
	color:#81489C;
	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;
}

* html li {
	padding:0;
	margin:;
	background:none;
}

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

* html #colonnes li a {
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:url(../img/puce_liste.gif) no-repeat 0px 6px;
}

*+html .moduletable li {
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:url(../img/puce_liste.gif) no-repeat 0px 6px !important;
}

*+html .moduletable li h5 {
	background:url(../../aqualie/img/blank.gif);
}

*+html li {
	padding:0;
	margin:;
	background:none;
}

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

*+html #colonnes li a {
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:url(../img/puce_liste.gif) no-repeat 0px 6px;
}

li a {
	list-style:none;
	}
	
li a:hover {
	list-style:none;
	background:none;
	}

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 #F9BAB4;
	margin-right:10px;*/
	margin:0 10px 10px 0;
}

.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:#3db54a;
	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 #3db54a;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #3db54a;
}

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 ###################### */
.inbox {
	width:960px;
}

#header {
	height:143px;
	background:#F37669 url(../img/header.gif) no-repeat;
}

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

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

.english #header h1 a {
	display:block;
	width:168px;
	height:125px;
	background:#fff url(../img/logo_piscines2008_gb.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 {
	height:192px;
	background:#c19af2;
}

#bandeau #visuel {
	float:left;
	width:623px;
	height:192px;
	/*background:url(../img/visuel_piscines2008.jpg) no-repeat top left;*/
}

.french #bandeau #visuel {
	background:url(../img/visuel_aqualie_fr.jpg) no-repeat top left;
}

.english #bandeau #visuel {
	background:url(../img/visuel_aqualie_gb.jpg) no-repeat top left;
}

#bandeau #switcher {
	float:left;
	width:337px;
	height:192px;
	background:url(../img/fond_switcher_piscines2008.gif) no-repeat top left;
}

#menu {
	position:relative;
	height:42px;
	font-family:"Trebuchet MS", Verdana;
	background:#3db54a	;
	z-index:2;
}

	#menu .inbox .moduletable{
	width:500px; 
	float:left;
	margin:2px 0pt 0pt 12px;
	}

#colonnes {
	position:relative;
	width:960px;
	background:url(../img/fond_col_droite.gif) repeat-y 640px 0%;
	overflow:auto;
	min-height:100%;
	z-index:1;
	clear:both;
}

*+html #colonnes {
	position:relative;
	background:url(../img/fond_col_droite.gif) repeat-y 640px 0%;
	overflow:none;
	width:980px;
	min-height:100%;
	z-index:1;
	clear:both;
}

#colonneGauche {
	width:610px;
	font-size:1.1em;
	line-height:1.6em;
	padding:15px;
	float:left;
}

#colonneDroite {
	width:290px;
	padding:15px;
	font-size:1.1em;
	float:left;
	background:url(../img/fond_h1_droite.gif) no-repeat 50% -15px;
}

* html #colonneGauche {
	margin:0;
	width:600px;
}

* html #colonneDroite {
	margin:0;
	float:right;
	width:280px;
	
}

#colonneDroite .moduletable{
	border-bottom:1px solid #E3E9DF;
}


#footer {
	height:38px;
	background:#F37669 url(../img/footer.gif) no-repeat;
	padding:40px 0 20px 0;
	clear:both;
}


/* ###################### $5. Menus (navigation, langues, switcher, boutons, footer) ###################### */
#menu ul {
	padding:0;
	margin:2px 0 0 12px;
	float:left;

}

#menu ul li {
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	background:none;
}

#menu ul li a {
	color:#FFF;
	text-decoration:none;
	padding:10px 20px 15px 15px;
	float:left;
}

#menu ul li a:hover,
#menu ul li a:focus,
#menu ul li.actif a {
	background:url(../img/menu_over.gif) no-repeat 50% 40%;
}

#menu ul li:hover > a {
	background:url(../img/menu_over.gif) no-repeat 50% 40%;
}

#menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.iehover ul {
	visibility:visible;
}

#menu ul ul {
	position:absolute;
	width:231px;
	padding:0 0 10px 0;
	margin:40px 0 0 0;
	background:url(../img/fond_sousmenu.gif) no-repeat 0% 100%;
	visibility:hidden;
	z-index:3;
}

#menu ul li li {
	font-size:1.2em;
	float:none;
}

#menu ul li li a {
	display:block;
	color:#fff;
	font-weight:normal;
	font-size:0.6em;
	padding:8px 15px 8px 15px;
	margin:0;
	float:none;
	border-bottom:1px #56664D solid;
}

#menu ul li li a:hover, #menu ul li li a:focus {
	float:none;
	color:#91273B;
	background:#F37669 url(../img/fond_sousmenu_over.gif) no-repeat 80% 50%;
}

#menu #menu_annexe {
	padding:3px 0 0 0;
	float:right;
	clear:none;
}

#menu #menu_annexe li {
	margin:0 0 0 10px;
}

#menu #menu_annexe li a {
	display:block;
	height:31px;
	padding:0;
	margin:0;
}

.french #menu_annexe #partenaires a {
	width:145px;
	background:url(../img/btn_partenaires_fr.gif) no-repeat;
}

.french #menu_annexe #partenaires a:hover, .french #menu_annexe #partenaires a:focus {
	background:url(../img/btn_partenaires_over_fr.gif) no-repeat;
}

.french #menu_annexe #exposants a {
	width:215px;
	background:url(../img/btn_exposants2008_fr.gif) no-repeat;
}

.french #menu_annexe #exposants a:hover, .french #menu_annexe #exposants a:focus {
	background:url(../img/btn_exposants2008_over_fr.gif) no-repeat;
}

.english #menu_annexe #partenaires a {
	width:145px;
	background:url(../img/btn_partenaires_gb.gif) no-repeat;
}

.english #menu_annexe #partenaires a:hover, .english #menu_annexe #partenaires a:focus {
	background:url(../img/btn_partenaires_over_gb.gif) no-repeat;
}

.english #menu_annexe #exposants a {
	width:215px;
	background:url(../img/btn_exposants_gb.gif) no-repeat;
}

.english #menu_annexe #exposants a:hover, .english #menu_annexe #exposants a:focus {
	background:url(../img/btn_exposants_over_gb.gif) no-repeat;
}

#langues {
	float:right;
	clear:none;
	padding:0;
	margin:5px 0 0 0;
}

#langues li {
	float:left;
	padding:0;
	margin:0 0 0 5px;
}

#langues a {
	display:block;
	width:16px;
	height:11px;
}

#langues #fr a {background:url(../img/fr.gif) no-repeat;}
#langues #gb a {background:url(../img/gb.gif) no-repeat;}

#switcher h2 {
	float:right;
	width:283px;
	height:121px;
	padding:0;
	margin:0;
	/*background:url(../img/switcher_titre.gif) no-repeat;*/
}

.french #switcher h2 {
	background:url(../img/switcher_titre_fr.gif) no-repeat;
}

.english #switcher h2 {
	background:url(../img/switcher_titre_gb.gif) no-repeat;
}


#switcher ul {
	padding:0;
	margin:0;
}

#switcher li {
	float:left;
	padding:0;
	margin:0 0 0 10px;
	background:none;
}

* html #switcher li {
	float:left;
	padding:0;
	margin:0 0 0 5px;
	background:none;
}

#switcher li a {
	float:left;
	width:155px;
	height:124px;
	padding:0;
	margin:0;
}

.french #switcher #aqualie a {background:url(../img/btn_aqualie.gif) no-repeat;}
.french #switcher #aqualie a:hover, #switcher #aqualie a:focus {background:url(../img/btn_aqualie_over.gif) no-repeat;}

.english #switcher #aqualie a {background:url(../img/btn_aqualie_gb.gif) no-repeat;}
.english #switcher #aqualie a:hover, #switcher #aqualie a:focus {background:url(../img/btn_aqualie_over_gb.gif) no-repeat;}

.french #switcher #wellgreen a {background:url(../img/btn_wellgreen.gif) no-repeat;}
.french #switcher #wellgreen a:hover, #switcher #wellgreen a:focus {background:url(../img/btn_wellgreen_over.gif) no-repeat;}

.english #switcher #wellgreen a {background:url(../img/btn_wellgreen_gb.gif) no-repeat;}
.english #switcher #wellgreen a:hover, #switcher #wellgreen a:focus {background:url(../img/btn_wellgreen_over_gb.gif) no-repeat;}

#footer ul {
	margin:20px 0 0 0;
	float:right;
	clear:none;
}

#footer li {
	display:inline;
	color:#fff;
	font-size:1.1em;
	font-family:"Trebuchet MS", Verdana;
	padding:0;
	margin:0;
	background:none;
}

#footer li a {
	color:#fff;
	text-decoration:underline;
}

#footer li a:hover, #footer li a:focus {
	color:#fff;
	text-decoration:none;
}

.french #footer #sepelcom {
	width:41px;
	height:50px;
	margin:0 0 0 15px;
	background:url(../img/logo_sepelcom.gif) no-repeat;
	float:left;
}
.french #footer #sponsor {
	width:81px;
	height:52px;
	margin:0 0 0 15px;
	background:url(http://www.aqualie.com/AQUALIE2008/images/emotion_spa_accueil.jpg) no-repeat;
	float:left;
}
.english #footer #sepelcom {
	width:191px;
	height:40px;
	margin:0 0 0 15px;
	background:url(../img/logo_sepelcom_gb.gif) no-repeat;
	float:left;
}

.english #footer #sponsor {
	width:81px;
	height:52px;
	margin:0 0 0 15px;
	background:url(http://www.aqualie.com/AQUALIE2008/images/emotion_spa_accueil.jpg) no-repeat;
	float:left;
}
/* ###################### $6. Blocs de contenu principal ###################### */


/* ###################### $7. Styles spécifiques (actus) ###################### */
#accueil #colonneDroite h1 {
	font-size:1.5em;
	color:#3db54a;
	padding:0;
	margin:8px 0 10px 0;
	background:none;
}

.actu h2 {
	font-size:1.3em;
	padding:0;
	margin:1px 0 0 0;
	background:none;
}

.actu h2 a {
	color:#a583cf;
	text-decoration:none;
}

.actu h2 a:hover, .actu h2 a:focus {
	color:#3db54a;
}

.actu .date {
	font-family:"Trebuchet MS", Verdana;
	color:#a583cf;
	font-size:1em;
	margin:0 0 10px 0;
}

.date {
	font-family:"Trebuchet MS", Verdana;
	color:#a583cf;
	font-size:1em;
	margin:0 0 10px 0;
}

.actu {
	width:100%;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
	border-bottom:1px #E3E9DF solid;
	overflow:auto;
}

.actu img {
	float:left;
	margin:0 10px 5px 0;
}

.actu .lien_suite a {
	width:18px;
	height:15px;
	float:right;
	clear:both;
	background:url(../img/picto_suite_actu.gif) no-repeat;
}

.actu .lien_suite a:hover, .actu .lien_suite a:focus {
	background:url(../img/picto_suite_actu_over.gif) no-repeat;
}




p.contact {
padding:5px 10px 10px 10px;
margin:20px 20px 20px 20px;
 border:solid 1px #cccccc;
 width:220px;
  height:200px;
 float:left;
 background:#ebf7df;
}

p.contact strong{
font-size:12px;
color:#7f3f98;
}

p.contact a{
font-size:10px;
color:#62971c;
}

.contentpanerecherche, .contentpaneee {
	margin-left: -15px;
}

.code {
	padding: 5px 10px 5px 10px;
	margin: 10px;
	border: 2px solid #efefef;
	background-color: #fafafa;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}