/*
 *		Copyright (C) 2009 essencedesign
 *		http://www.essencedesign.ch
 *
 *		14 December 2009
 *		Yann Stricker
 *
**/

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


body{					scrollbar-face-color:#e4e4e4; 			/* dessus des boutons et de l'ascenseur */ 
						scrollbar-track-color:#fafafa; 			/* fond de la barre */
						scrollbar-arrow-color:#9e9e9e; 			/* flèches */
											
						scrollbar-shadow-color:#e4e4e4; 		/* couleur sombre du relief des boutons et de l'ascenseur */
						scrollbar-highlight-color:#e4e4e4; 		/* couleur claire du relief des boutons et de l'ascenseur */
						
						scrollbar-3dlight-color:#ffffff; 		/* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
						scrollbar-darkshadow-color:#b6b6b6;		/* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
						}
				
html, body{				margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#272727; padding-bottom:12px;}


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:#272727; text-decoration:none;}
A:Hover{				color:#878787;}
.brown A:Hover{			color:#573727;}

hr{ 					height:1px; width:100%; color:#e5e5e5; background:#e5e5e5; 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;}
.hr_trait_w{ 			clear:both; display:block; background:url(../img/00_dft/1px_blanc.gif); height:1px; width:100%; margin:4px 0px 5px 0px;}


.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:#272727; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
		  
input{ 					height:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#81725e; padding-left:3px; margin:0 1px 0 0; 
						background-color:#FFFFFF; background-image:url(../img/00_dft/input_bkgrd.gif);
						border-top:1px solid #777777; border-left:1px solid #777777; border-bottom:1px solid #AEAEAE; border-right:1px solid #AEAEAE;}

select {				font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#81725e; padding-left:3px; margin:1px; 
						background-color:#FFFFFF;
						border-top:1px solid #777777; border-left:1px solid #777777; border-bottom:1px solid #AEAEAE; border-right:1px solid #AEAEAE;}

textarea{ 				font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#81725e; padding-left:3px; margin:1px; 
		  				background-color:#FFFFFF; background-image:url(../img/00_dft/textarea_bkgrd.gif);
		  				border-top:1px solid #777777; border-left:1px solid #777777 ; border-bottom:1px solid #AEAEAE; border-right:1px solid #AEAEAE;}

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 #272727; 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 #272727;}

.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:#e1001a;}
.green{ 				color:#5a8e22;}
.blue{					color:#274884;}

.htmlEditor_no_style{	color:#272727; text-transform:none; font-weight:normal;}

/* ---------------------------------------------------------------------------------------------------- */
/* 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:#272727; 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:#272727; text-decoration:none;}
A .btn_img .btn_cntr:Hover{ color:#878787; 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;}



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

#scroll{				visibility:hidden; overflow:hidden;}

#home01, #page01, #page02, #pageResult{width:990px; margin:auto; text-align:left; min-width:990px; text-align:left;}
#page02{				width:760px; min-width:760px;}
#pageResult{			width:760px; min-width:760px; float:left;} 
 
#hd{					position:relative; width:990px; height:156px; background:#FFFFFF url(../img/01_hd/hd_bg.jpg) no-repeat; z-index:1;}
#page02 #hd, #pageResult #hd{			width:760px;}

#yui-main{				}
.yui-t2 #yui-main .yui-b{margin-left:230px;}
#page02 #yui-main .yui-b, #pageResult #yui-main .yui-b{margin-left:0;}

/* Main */
#bd{					position:relative; width:990px;}
#page02 #bd, #pageResult #bd  {			width:760px; width:760px;}

.yui-g{					position:relative; width:990px; height:auto;}






/* ---------------------------------------------------------------------------------------------------- */
/* Page de result moteur de recherche */
/* ---------------------------------------------------------------------------------------------------- */

#pageResult			{width:760px;}
#p_col2{				position:relative; width:180px; height:auto; margin:0; padding:12px 0 0 48px;}
#pageResult .yui-t2 #yui-main .yui-b{margin-left:0px;}
#pageResult #hd		{}
#pageResult #bd		{width:760px}


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

#p_col1{				position:relative; width:180px; height:auto; margin:0; padding:12px 0 0 48px;}


/* Box Navigation */
#box_nav{				position:relative; width:180px; /*height:358px;*/ padding:0; margin-bottom:12px; font-family:"Times New Roman", Times, serif; font-size:14px; z-index:10;}
#box_nav A:active, #box_nav A:visited, #box_nav A:Link{
						font-family:"Times New Roman", Times, serif; font-size:14px; color:#272727; text-decoration:none; cursor:pointer;}
#box_nav A:Hover{		color:#272727;}

#box_search{			width:auto; height:24px; margin:0 0 5px 0;}

/* Box News */
#box_news{				width:auto; height:auto; background:#7c003f; padding:10px 10px 12px 10px; margin-bottom:17px; color:#ffffff}  /* color:#fbd992 */
#box_news .b_ttl_1{		font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px; color:#FFFFFF; border-bottom:1px solid #fff; }
#box_news .b_news{		width:auto; height:auto; border-bottom:1px solid #fff; padding:12px 0 12px 0;}
#box_news .b_ttl_2{		font-size:12px; text-transform:uppercase; padding-bottom:0; padding-bottom:3px;}
#box_news .b_ttl_3{		font-size:12px; line-height:13px; font-weight:bold; padding-bottom:0;}
#box_news .b_ttl_4{		font-size:10px; color:#ffffff }
.b_ttl_3 A:active, .b_ttl_3 A:visited, .b_ttl_3 A:Link{
						color:#ffffff; text-decoration:none; cursor:pointer;}
.b_ttl_3 A:Hover{		color:#ffffff;}
#box_news .b_txt{		font-size:11px; padding-bottom:0; }

/* Box Copyright */
#box_copyright{			position:relative; width:auto; height:auto; background:none; padding:5px 0 10px 0; margin-bottom:17px; color:#87745e;}
#box_copyright .b_txt{	font-size:11px; line-height:12px; padding-bottom:0; text-align:left; color:#7c003f;}
#box_copyright A:active, #box_copyright A:visited, #box_copyright A:Link{
						font-size:11px; color:#7c003f; text-decoration:none; cursor:pointer;}
#box_copyright A:Hover{	color:#ae4d7e;}
.Select_LeftCol	{width:180px}


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

#p_col2{				position:relative; width:auto; height:auto; margin:0; padding:12px 5px 5px 5px; }
#cnt{					width:520px; font-family:Arial, Helvetica, sans-serif; }
#cnt .cnt_cit{			width:100%; font-size:16px; font-weight:bold; text-transform:uppercase; padding-bottom:20px; }
#cnt .cnt_img{			padding:0 0 12px 0; position:relative; height:auto; width:auto; z-index:1;}
#cnt .cnt_img img{		border:1px solid #ded5d4; margin:7px 0 0 15px;}
#cnt .prgf{				display:block; clear:both; height:auto; width:auto; padding:12px 16px 12px 16px; }
#cnt .cnt_ttl{			font-size:14px; font-weight:bold; padding-bottom:16px; text-transform:uppercase;}
#cnt .bottom0px			{padding-bottom:0px;}

#cnt .cnt_txt{			position:relative; font-size:12px;}
#cnt .sepaV_grey{		display:block; clear:both; height:1px; width:100%; color:#e5e5e5; background:#e5e5e5; border:none; margin:8px 0 8px 0; line-height:0;}
#cnt .sepaV_gold{		display:block; clear:both; height:1px; width:100%; color:#87745e; background:#87745e; border:none; margin:8px 0 8px 0; line-height:0;}


/* table la zone d edition*/
#cnt .cnt_txt th,
#cnt .cnt_txt td{		padding:0.5em; vertical-align:middle; }



/* Listing element avec picto PDF ou fleche */

.List{					padding:7px 7px 0px 7px;}
.List A:active, .List A:visited, .List A:Link{color:#7c003f;}
.List A:Hover{			color:#ae4d7e;}

.List_Item{ 			height:auto; background:url(../img/pictos/picto_arrow_right.gif) no-repeat 0 2px; text-indent:0;  line-height:13px; font-size:11px; padding:2px 0 2px 13px; }
.List_News{ 			height:auto; background:url(../img/pictos/picto_carre.gif) no-repeat 2px 5px; text-indent:0;  line-height:13px; font-size:11px; padding:2px 0 2px 13px; }
.List_Pdf{ 				height:12px; background:url(../img/pictos/picto_pdf.gif) no-repeat 0 2px; text-indent:20px; font-size:11px; padding-top:3px;}
.List_PdfBulletins{		height:12px; background:url(/img/pictos/picto_pdf.gif) no-repeat 0 2px; text-indent:20px; font-size:11px; padding-top:3px;}

/* Filet de séparation horizontal */
.Filet_Sepa{ 			height:1px; width:auto; background:url(../img/03_cnt/cnt_Box_sepa.jpg) no-repeat center; margin:2px 0 4px 0;}

.Bold{ 					font-weight:bold; padding-bottom:3px;}
.Espace{ 				height:7px; width:auto;}
.EspaceDemi{ 			height:3px; width:auto;}



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

#p_col3{				position:relative; width:220px; height:auto; margin:0; padding:12px 8px 0 0;}
#pageResult  #p_col3{	padding:0px 5px 0px 0px; }

/* Box Highlight */
#box_hilight{			position:relative; width:auto; height:auto; background:#e3e0dc; padding:10px 2px 10px 2px; margin-bottom:18px; color:#87745e; z-index:10;}
#box_hilight .b_img{	position:absolute; width:62px; height:62px; top:-10px; right:-14px; background:url(../img/03_cnt/h_col3/box_picto_hilight.png) no-repeat; z-index:11;}
#box_hilight .b_ttl_1{	width:160px; height:30px; font-size:14px; text-transform:uppercase; font-weight:bold; padding-left:8px; padding-bottom:16px;}
#box_hilight .b_ttl_2{	font-size:9px; text-transform:uppercase; padding-bottom:0;}
#box_hilight .b_ttl_3{	font-size:13px; text-transform:uppercase; font-weight:bold; padding-bottom:0;}
#box_hilight .b_txt{	font-size:12x; padding-bottom:0;}

/* Box Documentation */
#box_docs{				position:relative; width:auto; height:auto; background:#e3e0dc; padding:10px; margin-bottom:18px; color:#87745e;}
#box_docs .b_img{		position:absolute; width:62px; height:62px; top:-10px; right:-14px; background:url(../img/03_cnt/h_col3/box_picto_docs.png) no-repeat; z-index:11;}
#box_docs .b_ttl_1{		width:160px; height:30px; font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px;}
#box_docs .b_ttl_2{		font-size:9px; text-transform:uppercase; padding-bottom:0;}
#box_docs .b_ttl_3{		font-size:13px; text-transform:uppercase; font-weight:bold; padding-bottom:0;}
#box_docs .b_txt{		font-size:12x; padding-bottom:0;}

/* Box Support the ICJ */
#box_support{			position:relative; width:auto; height:auto; background:#edeae7; padding:10px; margin-bottom:18px; color:#7c003f;}
#box_support .b_img{	position:absolute; width:62px; height:62px; top:-10px; right:-14px; background:url(../img/03_cnt/h_col3/box_picto_support.png) no-repeat; z-index:11;}
#box_support .b_ttl_1{	width:160px; height:30px; font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px;}
#box_support .b_ttl_2{	font-size:9px; text-transform:uppercase; padding-bottom:0;}
#box_support .b_ttl_3{	font-size:13px; text-transform:uppercase; font-weight:bold; padding-bottom:0;}
#box_support .b_txt{	font-size:12x; padding-bottom:0;}

/* Box ICJ Network */
#box_network{			position:relative; width:auto; height:auto; background:#fbfbfb; border:1px solid #ded5d4; padding:10px; margin-bottom:17px; color:#87745e;}
#box_network .b_img{	position:absolute; width:62px; height:62px; top:-10px; right:-14px; background:url(../img/03_cnt/h_col3/box_picto_icj_network.png) no-repeat; z-index:11;}
#box_network .b_ttl_1{	width:160px; height:30px; font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px;}
#box_network .b_ttl_2{	font-size:9px; text-transform:uppercase; padding-bottom:0;}
#box_network .b_ttl_3{	font-size:13px; text-transform:uppercase; font-weight:bold; padding-bottom:0;}
#box_network .b_txt{	font-size:12x; padding-bottom:0;}

/* Box Howen */
#box_howen{				position:relative; width:auto; height:auto; background:#fbfbfb; border:1px solid #ded5d4; padding:10px; margin-bottom:17px; color:#87745e;}
#box_howen .b_img{		position:absolute; width:62px; height:62px; top:-10px; right:-14px; background:url(../img/03_cnt/h_col3/box_picto_icj_network.png) no-repeat; z-index:11;}
#box_howen .b_ttl_1{	width:160px; height:30px; font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px;}
#box_howen .b_ttl_2{	font-size:9px; text-transform:uppercase; padding-bottom:0;}
#box_howen .b_ttl_3{	font-size:13px; text-transform:uppercase; font-weight:bold; padding-bottom:0;}
#box_howen .b_txt{		font-size:12x; padding-bottom:0;}

/* Box Address */
#box_address{			position:relative; width:auto; height:auto; background:none; padding:10px 0 10px 0; margin-bottom:17px; color:#87745e;}
#box_address .b_txt{	font-size:11px; line-height:12px; padding-bottom:0; text-align:right; color:#7c003f;}
#box_address A:active, #box_address A:visited, #box_address A:Link{
						font-size:11px; color:#7c003f; text-decoration:none; cursor:pointer;}
#box_address A:Hover{	color:#ae4d7e;}

/* Box Meet */
#box_meet{				position:relative; width:auto; height:auto; background:#edeae7; padding:10px; margin-bottom:17px; color:#87745e;}
#box_meet .b_ttl_1{		font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px;}

/* Box Involved */
#box_involved{			position:relative; width:auto; height:auto; background:#edeae7; padding:10px; margin-bottom:17px; color:#87745e;}
#box_involved .b_ttl_1{	font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px;}


#box_activity{			position:relative; width:auto; height:auto; background:#edeae7; padding:10px; margin-bottom:17px; color:#87745e;}
#box_activity .b_ttl_1{	font-size:14px; text-transform:uppercase; font-weight:bold; padding-bottom:16px;}
#box_activity .b_txt{	font-size:12x; padding-bottom:0;}
#box_activity A:active, #box_activity A:visited, #box_activity A:Link{
						color:#87745e; text-decoration:none; cursor:pointer;}
#box_activity A:Hover{	color:#a08f7b;}

/*
.h_bigImg{				position:absolute; width:990px; height:504px; z-index:1;}
.h_box{					position:relative; left:88px; top:300px; width:819px; height:176px; background:url(../img/03_cnt/h_box_bg.png) no-repeat; z-index:1000;}
.h_box_top{				width:auto; height:34px; padding-bottom:5px;}

*/

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


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

#page01 #cnt{			background:#f7f6f5;}
#page01 .sepaV_grey{	margin:0;}
#page01  #p_col2{		padding:12px 5px 5px 5px; }

#page02 #cnt, #pageResult #cnt{			background:#f7f6f5;}
#page02 .sepaV_grey, #pageResult .sepaV_grey{	margin:0;}
#page02  #p_col2 {		padding:12px 5px 5px 5px; }
#pageResult  #p_col2{		padding:0px 0px 0px 0px; }




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

#ft{					width:990px; height:16px; padding:10px 0 0 0; background:#FFFFFF;}
#page02 #ft, #pageResult #ft{			width:760px;}

#page_popup #cnt{		width :674px}