/*
 *		Copyright (C)2010 essencedesign
 *		http://www.essencedesign.ch
 *
 *		29 March 2010
 *		Yan Stricker
 *
**/


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

* {						margin:0;padding:0;} 

html, body{				margin:0; padding:0;
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6c6f71; 
						padding-bottom:0;
						line-height:16px;}

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:#6c6f71; text-decoration:none;}
A:Hover{				color:#0088ac;}
		

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

.hr{					position:relative; clear:both; display:block; background:url(../img/00_dft/hr.gif); background-repeat:repeat-x; width:auto; height:2px; margin:8px 0px 8px 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:#6c6f71; 
						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:#6c6f71; 
						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:#6c6f71; 
						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:#6c6f71; 
						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 #6c6f71; 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 #6c6f71;}
.nobrd{					border:none; border:transparent;}

.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;}

h1{						font-size:1.7em; font-weight:normal; color:#5a5f5f; text-transform:uppercase; margin:0;}
h2{						font-size:1.2em; font-weight:normal; color:#5a5f5f; text-transform:uppercase; margin:0;}
h3{						font-size:1.1em; font-weight:normal; color:#5a5f5f; text-transform:uppercase; margin:0;}


/*
0.9em = 11px
1.0em = 12px
1.1em = 13px
1.2em = 14px
1.4em = 15px
1.7em = 20px
2.3em = 24px
*/


/* ---------------------------------------------------------------------------------------------------- */
/* 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:#6c6f71; 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:#6c6f71; text-decoration:none;}
A .btn_img .btn_cntr:Hover{ color:#0088ac; 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:39px;}



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

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

#hd_logo{				position:absolute; top:26px; left:-7px; width:272px; height:54px;}
#hd_nav{				position:absolute; top:88px; left:1px; width:auto; height:24px; font-size:1.2em;}

#hd_lng{				position:absolute; top:91px; right:-5px; width:auto; height:auto; color:#c1c2c2; }
#hd_lng .active{		color:#5d6062; padding: 0 4px;}
#hd_lng A:Link, #hd_lng A:active, #hd_lng A:visited{	
						font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#a9aeb2; text-decoration:none; padding:1px 4px 0px 4px; }
#hd_lng A:Hover{ 		color:#6c6f71;}


.yui-g{					position:relative; height:auto;}
.yui-ge{				padding:6px 0;}
.yui-ge div.first, .yui-gf .yui-u { width:585px;}
.yui-ge .yui-u, .yui-gf div.first { width:302px;}

#cnt h1{				margin:30px 0 3px 0; height:28px; background:url(../img/00_dft/1px_gris.gif) repeat-x bottom;}
.cnt_txt{				padding-top:11px;}
#cnt table{				margin-top:2px;}

.cnt_txt A:Link, .cnt_txt A:Active, .cnt_txt A:Visited{ 
						font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#1090b2; text-decoration:none; }
.cnt_txt A:Hover{ 		color:#68b8cd;}

.cnt_txt ul{			margin-top:18px;}
.cnt_txt li{			margin-bottom:7px;}


/* Boxes */
#box{					position:relative;}

/* Image */
.box_img_ttl{			padding-top:9px;}
.box_img_ttl h3{		padding:27px 0 5px 0;}
.box_img{				}
.box_img img{			border:1px solid #c5c9cb; padding:0; margin:0;}

/* */
.box_ttl{				padding-top:10px; background:url(../img/00_dft/1px_green.gif) repeat-x bottom;}
.box_ttl h3{			padding:27px 0 5px 0;}
.box_cnt{				width:auto; height:195px; padding:14px 14px; margin-top:5px; background:url(../img/03_cnt/boxes/boxe_01.png) no-repeat;}
.box_txt{				padding-top:0;}

/* Address */
.box_adr{				width:150px; margin-top:2px;}
.adr_ttl{				padding-bottom:4px; font-weight:bold;}
.box_nbr{				width:162px; padding-top:16px;}
.tel{					font-size:0.9em; padding-top:2px; height:15px;}
.nbr_picto{				width:13px; height:16px; margin:1px 3px 0 0 ; float:left; clear:both;}
.nbr_txt{				height:16px;}

/* Links */
.box_lnk{				padding-top:46px;}
.box_lnk .nbr_txt{		height:20px;}

/* News */
.box_news{				padding-top:0;}
.news_ttl{				font-weight:bold; padding-bottom:4px;}
.news_txt{}

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

.link-pdf{				background:url(../img/pictos/picto_pdf.png) no-repeat; padding-left:19px;}

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

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

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

#h_bigImg{				position:relative; width:909px; height:241px; z-index:1; padding:1px;}

.more-info{				text-align:right;}
.more{					background:url(../img/pictos/picto_arrow_right.gif) no-repeat 0 1px; padding-left:15px;}

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

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


/* Main */
#page01 #bd{			position:relative; width:911px; 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;}


.cnt_txt .tbl_cnt td{	padding:3px;}
.cnt_txt .tbl_sepa{		height:1px; background:#d3d6d8; padding:0;}
.date{					display: block; font-size: 0.6em; text-align: right;}


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

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

#ft_logo{				width:0; height:0; float:left;}
#ft_left{				float:left; height:10px; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-top:13px; }

#ft_right{				float:right; height:10px; width:580px; font-size:0.9em; color:#9ca1a5; text-align:right; padding-top:13px; }

A.link_Footer:Link, A.link_Footer:active, A.link_Footer:visited{	
						font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#9ca1a5; text-decoration:none;}
A.link_Footer:Hover{ 	color:#0088ac;}