/*
 *		Copyright (C)2010 essencedesign
 *		http://www.essencedesign.ch
 *
 *		19 February 2010
 *		Yann Stricker
 *
**/

/*

0.9em = 11px
1em = 12px
1.1em = 13px
1.2em = 14px
2.3em = 24px

*/

/* ---------------------------------------------------------------------------------------------------- */
/* default classes */
/* ---------------------------------------------------------------------------------------------------- */

* {						margin:0;padding:0;} 

html, body{				margin:0; padding:0;
						background:url(../img/00_dft/body_bg.png) center;
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#52585c; 
						padding-bottom:0;}

th, td {				border:none; padding:0; vertical-align:top;}
table{ 					margin-bottom:0;}
						 
A:active, A:visited, A:Link{
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#52585c; text-decoration:none;}
A:Hover{				color:#db2f36;}
		

hr{ 					height:1px; width:100%; color:#eeeeee; background:#eeeeee; border:none; }

.hr{					position:relative; clear:both; display:block; background:url(../img/00_dft/hr.gif); background-repeat:repeat-x; width:100%; height:2px; margin:3px 0px 3px 0px;}
.hr_alt{ 				position:relative; clear:both; display:block; background:url(../img/00_dft/hr_altern.gif); background-repeat:repeat-x; width:100%; height:1px; margin:3px 0px 4px 0px;}

input{					height:17px; padding:4px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/input_bg.gif);
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#52585c; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

.btn{					height:20px; padding:2px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/btn_bg.gif); 
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#52585c; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
		  
select{					height:22px; padding:2px 3px 0 3px; margin:1px; background:#fff; 
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#52585c; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

textarea{				height:auto; padding:3px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/input_bg.gif);
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#52585c; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf ; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

img{					border:none;}
img, div{ 				}/*behavior: url(iepngfix.htc)*/

input[type="radio"]{	width:13px; height:13px; margin:3px 3px 0px 5px; padding:0 !important; cursor:default;
						-moz-appearance:radio; -moz-binding:none; -moz-border-radius:100% !important; background:transparent; border:nonoe;}
.radio{					width:13px; height:13px; margin:3px 3px 0px 5px; padding:0 !important; cursor:default;
						-moz-appearance:radio; -moz-binding:none; -moz-border-radius:100% !important; background:transparent; border:none;}
									 
fieldset{				border:1px solid #52585c; margin:5px 0px 5px 0px; padding:5px 10px 10px 10px;}	
legend{					font-size:12px; font-weight:bold;}

p{						margin:5px 0 13px 0;}

.dflt{					width:auto; height:auto;}
.hide{					visibility:hidden;}
.show{					visibility:visible;}
.fl{					float:left;}
.fr{					float:right;}
.b{						font-weight:bold;}
.i{						font-style:italic;}
.uc{					text-transform:uppercase;}
.brd{					border:1px solid #52585c;}

.clear{					display:block; clear:both;}
.break{					clear:both; height:1px; line-height:1px; font-size:1px;}

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


.br_s{					height:8px; width:auto;}
.br_m{					height:16px; width:auto;}
.br_l{					height:28px; width:auto;}

.red{					color:#db2f36;}
.green{ 				color:#5a8e22;}
.blue{					color:#274884;}

/* ---------------------------------------------------------------------------------------------------- */
/* Buttons */
/* ---------------------------------------------------------------------------------------------------- */

.btn_img{ 				width:auto; height:26px; padding:0 2px 0px 0; float:left; cursor:pointer;}
.btn_img .btn_left{ 	clear:right; float:left; width:12px; height:26px; background:url(../../img/btns/btn_img/btn_left.gif) left top no-repeat;}
.btn_img .btn_cntr{		clear:right; float:left; width:auto; height:26px; background:url(../../img/btns/btn_img/btn_center.gif) center top repeat-x; padding:6px 2px 0 4px; 
						font-size:12px; color:#52585c; text-align:center; vertical-align:middle; white-space:nowrap;}
.btn_img .btn_right{ 	clear:right; float:left; width:12px; height:26px; background:url(../../img/btns/btn_img/btn_right.gif) no-repeat;}

A.btn_img .btn_cntr:Link, A.btn_img .btn_cntr:Active, A.btn_img .btn_cntr:Visited{ 
						font-size:12px; font-weight:normal; color:#52585c; text-decoration:none;}
A .btn_img .btn_cntr:Hover{ color:#db2f36; text-decoration:none;}

.arrowLeft .btn_left{ 	width:21px; background:url(../../img/btns/btn_img/btn_left_arrow_left.gif) left top no-repeat;}
.arrowRight .btn_left{ 	width:21px; background:url(../../img/btns/btn_img/btn_left_arrow_right.gif) left top no-repeat;}



/* ---------------------------------------------------------------------------------------------------- */
/* Cadre */
/* ---------------------------------------------------------------------------------------------------- */

html, body, #doc3 {		height: 100%;}
body > #doc3 {			height: auto; min-height: 100%;}
#main{					padding-bottom:55px;}

/* ---------------------------------------------------------------------------------------------------- */
/* Home + Page */
/* ---------------------------------------------------------------------------------------------------- */

#hd{					position:relative; width:100%; height:147px; background:url(../img/01_hd/hd_bg.gif) repeat-x; z-index:1000;}
#hd_cnt{				position:relative; width:944px; text-align:left;}

#hd_logo{				position:absolute; top:21px; left:27px; width:170px; height:120px;}
#hd_nav{				position:absolute; top:111px; right:7px; width:auto; height:24px; font-size:1.2em;}

#hd_lng{				position: absolute; top:2px; right:21px; width:auto; height:auto; color:#c1c2c2;  }
#hd_lng A:Link, #hd_lng A:active, #hd_lng A:visited{	
						font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#c1c2c2; text-decoration:none; padding:1px 6px 0px 4px; }
#hd_lng A:Hover{ 		color:#fbfbfb;}


/* ---------------------------------------------------------------------------------------------------- */
/* Home */
/* ---------------------------------------------------------------------------------------------------- */

#home01 #doc3{			margin:auto;}
#home01 { 				width:100%; margin:auto; text-align:left; background:url(../img/00_dft/body_bg.png) center;}

		
/* Main */
#home01 #bd{			position:relative; width:944px; text-align:left; padding-top:18px;}

#home01 .yui-g{			position:relative; height:auto;}
#home01 .yui-g .yui-g{	padding-bottom:20px;}
#home01 .yui-g .yui-g .yui-u{ width:225px; height:170px; margin-left:12px; background:url(../img/03_cnt/boxes/boxe_01.png) no-repeat;}
#home01 .yui-g .yui-g .first{ margin-left:0;} 

.h_box{					position:relative;}

.h_box A:Link, .h_box A:active, .h_box A:visited{ display:block; width:100%; height:100%; }
.h_box A:Hover{ 		}


#h_bigImg{				position:relative; width:922px; height:400px; z-index:1; background:url(../img/03_cnt/home/h_tbl01.png) no-repeat; padding:11px 11px 0 11px;}
#h_box_top{				width:auto; height:auto; padding:2px 26px 26px 26px;}

.h_box_cnt{				width:auto; padding:19px;}
.h_box_ttl{				font-size:1.1em; font-weight:bold; text-transform:uppercase; color:#63686b; padding-bottom:6px; background:url(../img/00_dft/1px_gris.gif) repeat-x bottom;}
.h_box_txt{				padding-top:12px;}


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

#page01 #doc3{			margin:auto;}
#page01 { 				width:100%; margin:auto; text-align:left; background:url(../img/00_dft/body_bg.png) center;}


/* Main */
#page01 #bd{			position:relative; width:944px; text-align:left;}

#page01 .yui-g{			position:relative; height:auto;}
#page01 .yui-g .yui-g .yui-u{ width:225px; height:170px; margin-left:12px; background:url(../../img/03_cnt/boxes/boxe_01.gif) no-repeat; margin-bottom:20px;}
#page01 .yui-g .yui-g .first{ margin-left:0;}


/* -------------------------------------------------------------------------------------------------- */
/* Col 1 */
/* -------------------------------------------------------------------------------------------------- */

#p_col1{				position:relative; width:680px; height:auto; margin:0; padding:0px 0px 0px 27px; }
#p_col1 h1{				font-size:2.3em; font-weight:normal; color:#747b7f; text-transform:uppercase; margin:0;}

#p_col1_ttl{			position:absolute; top:25px;}
#p_col1_box{			position:absolute; top:70px; left:0; width:346px; height:263px; padding:27px 27px 0 20px; background:url(../img/03_cnt/p_col1/p_col1_tbl01.png) no-repeat; z-index:2;}

#p_col1_menu{			}
#p_col1_menu A:Link, #p_col1_menu A:active, #p_col1_menu A:visited{	
						display:block; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#52585c; text-decoration:none; padding:0 0 3px 8px;}
#p_col1_menu A:Hover{ 	color:#db2f36;}
#p_col1_menu A.slt:Link, #p_col1_menu A.slt:active, #p_col1_menu A.slt:visited{ color:#db2f36; background:url(../img/03_cnt/p_col1/arw_rght.png) no-repeat 0px 3px;}


/* -------------------------------------------------------------------------------------------------- */
/* Col 2 */
/* -------------------------------------------------------------------------------------------------- */

#p_col2_box{			position:relative; padding:98px 0 0 0; margin-left:203px;  width:462px; height:auto; z-index:3;}
#p_col2_img{			width:440px; height:331px; background:url(../img/03_cnt/p_col2/p_col2_tbl01.png) no-repeat; padding:11px 11px 0 11px;}
#p_col2_txt{			display:block; padding:0 11px 36px;  background:url(../img/00_dft/1px_gris.gif) repeat-x bottom; font-size:1em; line-height:1.5em; }

#p_col2_lnk{			position:relative; height:32px; margin-top:6px; padding: 6px 0 11px 0; text-align:right; background:url(../img/03_cnt/p_col2/arw_rgth_big.png) no-repeat top right; color:#747b7f;}
#p_col2_lnk A:Link, #p_col2_lnk A:active, #p_col2_lnk A:visited{
						font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#52585c; text-decoration:none; padding-right:34px;}
#p_col2_lnk A:Hover{ 	color:#db2f36;}


/* -------------------------------------------------------------------------------------------------- */
/* Col 3 */
/* -------------------------------------------------------------------------------------------------- */

#p_col3{				position:relative; width:auto; height:auto; margin:0; padding:50px 0 0 0; }
#p_col3 #p_col3_box{	width:212px; height:290px; padding:27px 0 0 20px; background:url(../img/03_cnt/p_col3/p_col3_shdw.png) no-repeat;}
#p_col3 h2{				font-size:1.1em; font-weight:normal; color:#747b7f; text-transform:uppercase; margin:0; padding-bottom:6px; margin-bottom:12px; background:url(../img/00_dft/1px_gris.gif) repeat-x bottom;}
.cntct{					width:240px; height:auto; display:block; clear:both; color:#747b7f;}
.cntct_img{				width:60px; height:60px; margin:0 6px 6px 0; float:left; padding-bottom:16px;}
.cntct_txt{				width:172px; float:left; padding:3px 0 16px 0;}



/* ---------------------------------------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------------------------------------- */

#ft{					position:relative; clear:both; width:100%; height:55px; margin-top:-55px; background:url(../img/04_ft/ft_bg.gif) repeat-x; z-index:10;  }
#ft_cnt{				width:944px; height:auto; text-align:left;}

#ft_logo{				width:44px; height:34px; float:left;}
#ft_left{				float:left; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-top:21px;}

#ft_right{				float:right; width:580px; font-size:1em; color:#52585c; text-align:right; margin-top:21px;}

A.link_Footer:Link, A.link_Footer:active, A.link_Footer:visited{	
						font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#52585c; text-decoration:none; padding:0px 6px 0px 4px; }
A.link_Footer:Hover{ 	color:#db2f36;}