/*=================================================
// Project : JIIQ
// Developed by Julien Després
// Copyright 2009-2010 JIIQ All rights reserved.
//=================================================*/

/* ----- HTML Tag Reset and ClearFix ----- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h4,h6,pre,
form,fieldset,input,textarea,
p,blockquote,th,td				{ margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 12px; }
table							{ border-collapse: collapse; border-spacing: 0; }
fieldset,img					{ border: 0; vertical-align: bottom; }
a,h1							{ overflow: hidden; }
ol,ul							{ list-style: none; }
caption,th						{ text-align: left; }
h1,h2,h3,h4,h4,h6				{ font-size: 100%; font-weight: normal; overflow: hidden; }
q:before,q:after			{ content: ''; }
abbr,acronym                       		{ border: 0;}
.clear:after				{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear						{ display: inline-block; }
html[xmlns] .clear			{ display: block; }
* html .clear					{ height: 1%; }

/* ----- General ----- */
body			 	 			{ background: #fff; color: #000; } 
html, body					{ height: 100%; }
#container 	 				{ width: 810px; margin: auto; min-height: 100%; }
a							{ color: #000; text-decoration: none; outline: none; }
a:hover						{ text-decoration: underline;}

/* ----- Classes and Headers----- */
.hidden						{ display: none; }
.default_header				{ float: left; text-indent: -9999px; height: 20px; margin: 25px 0 12px 0; }

#header_fr_accueil			{ background: url(../images/text/fr/bienvenue.gif) no-repeat; width: 260px; }
#header_fr_events			{ background: url(../images/text/fr/events.gif) no-repeat; width: 230px; }
#header_fr_sponsors			{ background: url(../images/text/fr/sponsors.gif) no-repeat; width: 230px; }
#header_fr_delegation		{ background: url(../images/text/fr/delegation.gif) no-repeat; width: 230px; }
#header_fr_faq				{ background: url(../images/text/fr/faq.gif) no-repeat; width: 230px; }
#header_fr_contact			{ background: url(../images/text/fr/contact.gif) no-repeat; width: 230px; }
#header_fr_management		{ background: url(../images/text/fr/management.gif) no-repeat; width: 230px; }
#header_fr_partner			{ background: url(../images/text/fr/partner.gif) no-repeat; width: 230px; }

/* ----- Banner ----- */
#top_banner					{ background: url(../images/content/banner.gif) no-repeat; height: 150px; width: 810px; text-indent: -9999px; float: left; margin-top: 15px; }

/* ----- Wrap ----- */
#wrap						{ float: left; width: 810px; margin-top: 10px; }

/* ----- Sidebar ----- */
#sidebar					{ float: left; width: 231px; padding: 0 0 0 14px; }
#side_top					{ float: left; background: url(../images/bg/side_top.gif) no-repeat; height: 25px; width: 181px; padding: 12px 0 0 56px; }
#nav_top					{ float: left; background: url(../images/bg/nav_top.gif) no-repeat; height: 48px; width: 227px; text-indent: -9999px; margin-top: 20px; }
#nav						{ float: left; background: url(../images/bg/nav.gif) repeat-y; width: 206px; padding: 5px 0 0 21px; }
#nav ul						{ float: left; width: 206px; }
#nav li						{ float: left; height: 19px; width: 206px; padding: 5px 0 0 0;  }
#nav li:hover					{ background: url(../images/bg/nav_hover.gif) repeat-y; }
#nav span					{ color: #999999; }
#nav_bottom					{ float: left; background: url(../images/bg/nav_bottom.gif) no-repeat; height: 12px; width: 227px; text-indent: -9999px;  }


/* ----- Middle ----- */
#middle						{ float: left; width: 557px; padding: 0 0 0 8px; }
#middle_top					{ float: left; background: url(../images/bg/mid_top.gif) no-repeat; height: 25px; width: 540px; padding: 12px 0 0 17px;}
#content					{ float: left; width: 537px; padding: 0 0 0 20px; }
#middle p					{ float: left; width: 532px; text-align: justify; padding: 0 0 10px 0; line-height: 18px; }
#middle p a					{ color: #009dda; text-decoration: underline; }
#middle p a:hover			{ text-decoration: none; }

/* ----- Footer ----- */
#footer						{ float: left; width: 810px; text-align: center; font-size: 11px; line-height: 18px; padding-top: 30px; }