/************************************************************************************************
File: styles.css
Author: Pascal-André Allaire (paallaire@inpix.ca) | Copyright 2009 Inpix.ca
Last Update: 09-08-05
*************************************************************************************************/

/* HTML
--------------------------------------------------------------------------------------- */
html { font-size:100.01%; }

/* Body
--------------------------------------------------------------------------------------- */
body { background: #333 url(/img/bg.gif) 0 0 repeat; font-size:75%; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; line-height:1.4em; }

/* Title
--------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family:Helvetica,Verdana, Arial, sans-serif; line-height:1.4em; }

h2 { margin:10px 0 8px 0; color:#005395; font-size:145.5%; font-weight:bold; }
h3 { margin:10px 0 11px 0; color:#005395; font-size:136.4%; font-weight:bold; }

/* Link
--------------------------------------------------------------------------------------- */
a:link { color:#005395; text-decoration:underline; }  
a:visited { color:#005395; text-decoration:underline; }  
a:hover { color:#005395; text-decoration:underline; }  
a:active { color:#005395; text-decoration:underline; } 

 /* Outer_header
--------------------------------------------------------------------------------------- */
#outer_header { padding:12px 0; background: url(/img/bg-outer-header.png) 0 bottom no-repeat;  }

/* Header
--------------------------------------------------------------------------------------- */
#header { width:990px; margin:0 auto 0 auto; overflow:hidden; }

#nav_secondary { float:right; }
	#nav_secondary li { color:#ababab; display:inline; }
		#nav_secondary li a { color:#fff; }
		

/* Outer_content 
--------------------------------------------------------------------------------------- */
#outer_content { width:100%; background-color:#fff; }

/* Content
--------------------------------------------------------------------------------------- */
#content { width:970px; overflow:hidden; margin:0 auto; padding:25px 10px; background-color:#fff; }

/* Col
--------------------------------------------------------------------------------------- */
#col { width:100%; overflow:hidden;}
#col.sidebar { width:700px; float:left; }

#col p,
#col ul,
#col dl { margin-bottom:15px; }

#col dt { margin:0 0 10px 0; font-weight:bold; }

#col ul { margin-left:17px; list-style-position:outside; list-style-image:url(/img/li-puce.gif); }
#col ul li { padding:2px 10px 0 0; }

/*- bloc_texte -*/
.outer_bloc_texte { margin-top:30px; }

.bloc_texte { }

/*- info_membres -*/
#col dl.no_title_section { margin-top:42px; }
#col dl.no_title { margin-top:28px; }

#col .info_membres dt { margin:0 0 2px 0; font-size:109.1% }
	#col .info_membres dt span { font-weight:normal; }

/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar { width:250px; float:left; margin:6px 20px 0 0; }

#sidebar h1 a { margin:0 0 20px 0; width:250px; height:69px; display:block; background: url(/img/fr/logo.jpg) 0 0 no-repeat; text-indent:-9000px; }
/* en */
.en #sidebar h1 a { background: url(/img/en/logo.jpg) 0 0 no-repeat; height:50px; }

#menu { padding:4px 0 0 0; width:100%; overflow:hidden; background: url(/img/menu-big-border.gif) 0 0 no-repeat; }

	#menu li { width:100%; height:37px; cursor:pointer; }
	#menu li.last { padding:0 0 4px 0; background: url(/img/menu-big-border.gif) 0 bottom no-repeat; }
	
	#menu li a { height:37px; display:block; overflow:hidden; text-decoration:none; background: url(/img/fr/menu.gif) 0 0 no-repeat; text-indent:-9000px; }
	/* en */
	.en #menu li a { background-image:url(/img/en/menu.gif); }

	#menu .m_acc a { background-position:0 0; }
	#menu .m_code_ethique a { background-position:0 -37px; }
	#menu .m_conseil_ethique a { background-position:0 -74px; }
	#menu .m_plaintes a { background-position:0 -111px; }
	#menu .m_bulletin a { background-position:0 -148px; }
	#menu .m_publicite a { background-position:0 -185px; }
	#menu .m_rapport a { background-position:0 -222px; }
	
	/* Hover */
	#menu .m_acc a:hover { background-position:-251px 0!important; }
	#menu .m_code_ethique a:hover { background-position:-251px -37px!important; }
	#menu .m_conseil_ethique a:hover { background-position:-251px -74px!important; }
	#menu .m_plaintes a:hover { background-position:-251px -111px!important; }
	#menu .m_bulletin a:hover { background-position:-251px -148px!important; }
	#menu .m_publicite a:hover { background-position:-251px -185px!important; }
	#menu .m_rapport a:hover { background-position:-251px -222px!important; }
	
	/* Active */
	#pg_acc #menu .m_acc a { background-position:-502px 0; }
	#pg_code_ethique #menu .m_code_ethique a { background-position:-502px -37px; }
	#pg_conseil_ethique #menu .m_conseil_ethique a { background-position:-502px -74px; }
	#pg_plainte #menu .m_plaintes a { background-position:-502px -111px; }
	#pg_bulletin #menu .m_bulletin a { background-position:-502px -148px; }
	#pg_publicite #menu .m_publicite a { background-position:-502px -185px; }
	#pg_rapport #menu .m_rapport a { background-position:-502px -222px; }

/* logo Educ Alcool */
.outer_logo_educ { margin:50px 0 0 0; width:100%; overflow:hidden; border-top:4px solid #f5f5f5; border-bottom:4px solid #f5f5f5;}
	.logo_educ { margin:0 10px; padding:6px 0 6px 15px; overflow:hidden; background: url(/img/icn-arrow-link.jpg) 5px 15px no-repeat;  }
		.logo_educ a { float:left; display:block; background-position:right 5px; }
			.logo_educ a span { width:81px; height:17px; margin:0 0 0 5px; display:block; background: url(/img/logo-educ-alcool.jpg) 0 0 no-repeat; text-indent:-9000px; }

/* outer_footer 
--------------------------------------------------------------------------------------- */	
#outer_footer { width:100%; overflow:hidden; padding-bottom:30px; background: url(/img/bg-outer-footer.png) 0 0 no-repeat;  }
	
/* footer
--------------------------------------------------------------------------------------- */
#footer { width:990px; overflow:hidden; margin:0 auto; }

#nav_footer{ margin:10px 0 0 0; float:right; overflow:hidden; }
	#nav_footer li { color:#ababab; display:inline; }
		#nav_footer li a { color:#fff; }

/* Form
--------------------------------------------------------------------------------------- */

form div { width:100%; overflow:hidden; margin: 0 0 10px 0; }
form em { font-style:normal; }
.i_txt input { width:250px; }

.legend { margin-top:15px; }

form .clear { margin:0; }

input, textarea, select { border:1px solid #acadb2; }

/* Error */
div.errors { margin: 15px 0 0 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0 0 5px 0!important; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.errors ul { list-style-type:square; list-style-image:none!important; }

/* Label */
label { width:100%; display: block; margin:0 0 5px 0; }
label.error, 
label.error em,
span.error { color: #C00; }
label em { font-size: 120%; font-style: normal; color: #000; }

/* Input */
input.error,
textarea.error { border-color: #C00; background-color: #FEF; }

/* Focus */
input:focus,
input.error:focus, 
textarea:focus { background-color: #f4f8fb; border:1px solid #838489; }

/* */
div.controlset label, 
div.controlset input { display: inline; float: none; }
div.controlset label.controlset { /*display: block; float: left*/; }
div.controlset div { margin-left: 10px; margin-top:0; }

.buttonrow { width:100%; overflow:hidden; margin-bottom:15px; }

#btn_envoyer { width:74px; height:22px; margin:0 5px 0 0; display:block; background: url(/img/fr/btn-envoyer.gif) 0 0 no-repeat; text-indent:-9000px; float:left; }
#btn_annuler { width:74px; height:22px; display:block; background: url(/img/fr/btn-annuler.gif) 0 0 no-repeat; text-indent:-9000px; float:left; }

/* en */
.en #btn_envoyer { background-image: url(/img/en/btn-envoyer.gif); }
.en #btn_annuler { background-image: url(/img/en/btn-annuler.gif); }

#btn_envoyer:hover,
#btn_annuler:hover { background-position:0 -23px; }

/* Form commande */
.i_adresse { width:252px; float:left; margin-right:10px; }
.i_adresse input { width:248px; }

.i_app { width:100px; float:left; }
.i_app input { width:48px; }

.i_province { width:200px; float:left;  margin-right:10px; }
.i_province input { width:196px; }

.i_code_postal input { width:148px; }

.i_phone { width:152px; float:left;  margin-right:10px; }
.i_phone input { width:148px; }

.i_pays { width:160px; float:left; }

.i_fax { width:152px; float:left; }
.i_fax input { width:148px; }

.i_email input { width:150px; }

.sel_utile select { width:250px; }

.nom_doc { border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA; width:340px; padding:10px 0 0 0; }
.col_titre { width:200px; float:left; }
	.col_titre span { display:block; margin:3px 0 0 0; }

.col_en, .col_fr { width:70px; float:left; }
.col_en input, .col_fr input { width:55px; }

/* Page Template
--------------------------------------------------------------------------------------- */

		
/* Class General
--------------------------------------------------------------------------------------- */

/* Float */
.float_l { float:left!important; }
.float_r { float:right!important; }
.float_none { float:none!important; }
.clear { clear:both; visibility:hidden;}

/* Text */
.text_small { }
.text_big { font-size:109.1% }
.text_bigger { font-size:118.2%; }
.txt_hidden { text-indent:-9000px; }

/* Misc */
.bg_none { background:none!important; }
.hidden { visibility: hidden; }
.no_margin { margin:0!important; }
.no_padding { padding:0!important; }

/* Images */
.img_article_left { padding:5px 5px 5px 0; float:left; }
.img_article_right { padding:5px 0 5px 5px; float:right; }

/* Icon */
.link_external { padding-right:16px; background: url(/img/icn-external-link.jpg) right 0 no-repeat; }
.pdf { padding-right:17px; background: url(../img/icn-pdf.gif) right 0 no-repeat; }

/* Border */
#pg_acc .border_big { margin-top:15px; }
.border_big { margin-top:30px; /*padding:4px 0 0 0;*/ border-top:4px solid #eaeaea; }
.border_bottom_custom { padding-bottom:4px; background: url(/img/icn-separation.gif) right bottom no-repeat; }

/* bloc */
.col_2 { width:345px; float:left; }
.col_2_last { margin-left:10px; }

.lis_th { width:100%; overflow:hidden;  margin-left:0!important; margin-top:10px; }
.lis_th li { width:125px; display:block; float:left; list-style-type:none; list-style-image:none; }
.lis_th li img { display:block; }

.lis_contact { margin-left:0!important; }
.lis_contact li { list-style-type:none; list-style-image:none; }