/*
 *		Copyright (C) 2009 essencedesign
 *		http://www.essencedesign.ch
 *
 *		24 August 2009
 *		Yann Stricker
 *
**/

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


body{					scrollbar-face-color:#eeeeee; 			/* dessus des boutons et de l'ascenseur */ 
						scrollbar-shadow-color:#767676; 			/* couleur sombre du relief des boutons et de l'ascenseur */
						scrollbar-highlight-color:#c2c2c2; 		/* couleur claire du relief des boutons et de l'ascenseur */
						scrollbar-3dlight-color:#c2c2c2; 		/* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
						scrollbar-darkshadow-color:#767676;		/* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
						scrollbar-track-color:#101112; 			/* fond de la barre */
						scrollbar-arrow-color:#a7a7a7; 			/* flèches */
						
						padding-bottom:12px; padding-top:16px;}
				
html, body{				margin:0; padding:0;
						background:#fff url(../img/00_dft/page_bg_01.gif) repeat-x fixed;
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; 
						padding-bottom:12px;}

th, td {				border:none; padding:0; }
#carnet_adresse td	{	vertical-align:top}
						 
A:active, A:visited, A:Link{
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; text-decoration:none;}
A:Hover{				color:#00519e;}


/*	body, table, td, tr{ 	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dedfe0;}


input, select, radio, textarea{font-size:12px; background-color:#FFFFFF;}

A:active, A:visited, A:Link{
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#dedfe0; text-decoration:none;}
A:Hover{				color:#ffffff;}

A.link_Model:Link, A.link_Model:active, A.link_Model:visited{	
						color:#dedfe0; text-decoration:none;}
A.link_Model:Hover{ 	color:#5a8e22;}
*/

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

.hr{					position:relative; clear:both; display:block; background:url(../img/00_default/_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_default/hr_altern.gif); background-repeat:repeat-x; width:100%; height:1px; margin:3px 0px 4px 0px;}

input{					height:18px; 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:#525252; 
						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:#525252; 
						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:#525252; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

textarea{				height:auto; padding:1px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/input_bg.gif);
						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; 
						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 #7286B8; margin:5px 0px 5px 0px; padding:5px 10px 10px 10px;}	
legend{					font-size:12px; font-weight:bold;}

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

.hide{					visibility:hidden;}
.show{					visibility:visible;}

.break{					clear:both; height:1px; line-height:1px; font-size:1px;}
.fl{					float:left;}
.fr{					float:right;}

.border{				border:1px solid #e7e7e7;}

/* 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 */ 

.green{ 				color:#5a8e22;}
.blue{					}

.dflt{					width:auto; height:auto;}
.uc{					text-transform:uppercase;}

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


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

/* Header */
#hd{					position:relative; width:979px; height:115px; padding:0 11px 0 0; background:url(../img/01_hd/hd_bg.gif) repeat-x; z-index:1000;  }
#logo{					position:relative; float:left; left:22px; top:22px; height:68px; width:178px;}
#nav{					position:relative; float:right; top:81px; height:38px; width:600px; color:#FFFFFF; z-index:1001;}
#client{				position:relative; float:right; top:68px; height:22px; width:101px; padding:3px 0 0 10px; color:#FFFFFF; 
						background:url(../img/01_hd/hd_btn_clients.png) no-repeat; cursor:pointer;}

/* Login */
#login_frm{				position:absolute; right:11px; top:60px; z-index:1002; visibility:hidden;
						width:216px; padding:10px 10px 10px 10px; text-align:right; border:1px solid #d2d2d2; background:#FFFFFF url(../img/01_hd/hd_login_bg.gif) repeat-x bottom;}
#login_frm .inputVert{	width:206px;}
.login_frm_ttl{			color:#00519e; padding-right:8px;}
.login_frm_txt{			width:206px; text-align:left; padding:3px;}
#login_frm #Valider{	margin-top:8px;}

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

#home { 				min-width:990px; margin:auto; text-align:left;
						background:#FFFFFF url(../img/04_ft/ft_bg.gif) repeat-x bottom;}
						
/* Main */
#home #bd{				width:990px; height:auto; border-left:1px solid #eceaeb; border-right:1px solid #eceaeb; }

#h_bigImg{				position:relative; width:966px; height:293px; background:url(../img/03_cnt/isi_img_100.jpg) no-repeat; padding:12px; }
#h_bigImg_box{			position:absolute; bottom:20px; left:500px; width:452px; height:auto; background:#FFFFFF; border:1px solid #ededed; padding:8px 12px 12px 12px;}
.h_bigImg_ttl{			width:446px; height:auto; font-size:22px; color:#00519e; font-weight:normal; line-height:22px; padding:0 0 0px 0; text-transform:uppercase;}
.h_bigImg_txt{			width:446px; height:auto; font-size:12px; line-height:13px; padding:0 0 8px 0;}
.h_bigImg_btn{ 			width:450px; height:21px; text-align:right;}

/* Row 2 */
#home #row2{ 			height:auto; padding:10px 11px 0px 11px;}
#home #row2 .yui-u{ 	width:451px; height:auto; padding:14px;}
#home .row2_img{		width:auto; height:118px; float:left; padding:0 6px 0 0;}
#home .row2_ttl{		font-size:18px; color:#00519e; font-weight:normal; line-height:18px; padding:0 0 8px 1px; text-transform:uppercase;}
#home .row2_txt{		font-size:12px; line-height:14px;}
#home .row2_news{		font-size:13px; line-height:14px; background:#fbfbfb; padding:3px 6px 4px 6px;}
#home .sepa_h{			height:20px; background:url(../img/03_cnt/home_sepa_h.gif) repeat-x 0 10px;}

/* Row 3 */
#home #row3{			width:960px; height:166px; padding:0 11px 0 11px; vertical-align:bottom;}
#home #row3 .yui-g{		width:470px; height:166px;}
/* TODO width and margin padding etc  old line */
/*#home #row3 .yui-u{ 	position:relative; top:40px; width:212px; height:112px; padding:10px 12px 0 12px; background:url(../img/03_cnt/home_row3_box.gif) no-repeat; border:1px solid #e3e3e3;}*/
#home #row3 .overbox{ 	position:absolute; bottom:0px; height:99px; width:208px; padding:10px 12px 0 12px; background:url(../img/03_cnt/home_row3_box.gif) no-repeat; border:1px solid #e3e3e3;}
#home #row3 .overbox_opened{position:absolute; bottom:0px; height:160px; padding:10px 12px 0 12px; background:url(../img/03_cnt/home_row3_box.gif) no-repeat; border:1px solid #e3e3e3;}

.row3_boxOpen{			position:relative; top:0; width:212px; height:152px;}
#home .row3_img{		width:auto; height:118px; float:left; padding:0 16px 0 0;}

#home .row3_ttl{		font-size:16px; color:#00519e; font-weight:normal; line-height:16px; padding:0 0 2px 0; text-transform:uppercase;}
#home .row3_ttl A:active, #home .row3_ttl A:visited, #home .row3_ttl A:Link{
										font-size:16px; color:#00519e; font-weight:bold; text-decoration:none; }
#home .row3_ttl A:Hover{color:#3d80bf;}

#home .row3_txt {		height:55px; font-size:12px; line-height:13px; }
#home .row3_txt A:active, #home .row3_txt A:visited, #home .row3_txt A:Link{
									text-decoration:none; color:#525252; }
#home .row3_txt A:Hover{color:#818181;}

#home .row3_txt_add{	padding-top:8px;}
#home .row3_txt_add A:active, #home .row3_txt_add A:visited, #home .row3_txt_add A:Link{
										text-decoration:none; color:#525252; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
#home .row3_txt_add A:Hover{color:#818181;}

#home .row3_btn{		position:absolute; top:84px; right:6px; width:21px; height:21px; background:url(../img/03_cnt/home_row3_btn.png) no-repeat; float:right; cursor:pointer;}

/* Box Séminaire */

#home .row3_ttl_seminaires{ position:relative; left:-12px; top:0px; height:30px; width:133px; padding:0; padding-top:9px; padding-left:8px; color:#fff; background:#006eb6 url(../img/03_cnt/home_row3_ttl_seminaires.png) repeat-x;  margin-bottom:8px; }
#home .row3_ttl_seminaires A:active, #home .row3_ttl_seminaires A:visited, #home .row3_ttl_seminaires A:Link{
										font-size:16px; color:#fff;}
#home .row3_ttl_seminaires A:Hover{color:#e8f1f7;}

/* Footer */
	#ft{							width:946px; height:auto; padding:20px 22px 12px 22px; border-left:1px solid #eceaeb; border-right:1px solid #eceaeb; border-bottom:1px solid #eceaeb; }
#ft_nav{						float:left; width:820px; font-size:11px; color:#747474;}
#ft_nav_t{					width:820px; height:20px;  background:url(../img/04_ft/ft_sepa_h.gif) repeat-x bottom; padding:0 0 0 0;}
#ft_nav_b{					width:500px; height:20px; padding:4px 0 0 4px; float:left;}
.ft_sign{						width:auto; height:20px; padding:4px 0 0 0; float:right; color:#a7a7a7;}

.ft_sign A:Link, .ft_sign A:active, .ft_sign A:visited{	
										font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#a7a7a7; text-decoration:none; padding:1px 0px 0 4px; }
.ft_sign A:Hover{	 color:#00519e;}

A.link_Footer:Link, A.link_Footer:active, A.link_Footer:visited{	
										font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#747474; text-decoration:none; padding:1px 8px 0 4px; }
A.link_Footer:Hover{ 		color:#00519e;}
.sepa{		 					background: url(../img/04_ft/ft_sepa_v.gif) no-repeat right;}	
#ft_logo{						float:right; width:100px; text-align:right;}

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

.btn_img{ 				position:relative; width:auto; height:22px; padding:0 2px 0px 0; float:left; cursor:pointer;}
.btn_img .btn_left{ 	clear:right; float:left; width:12px; height:22px; background:url(../img/btns/btn_img/btn_left.gif) left top no-repeat;}
.btn_img .btn_cntr{		clear:right; float:left; width:auto; height:22px; background:url(../img/btns/btn_img/btn_center.gif) center top repeat-x; padding:3px 3px 0 4px; 
						font-size:11px; color:#525252; text-align:center; vertical-align:middle; white-space:nowrap;}
.btn_img .btn_right{ 	clear:right; float:left; width:12px; height:22px; 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:11px; font-weight:normal; color:#525252; text-decoration:none;}
A .btn_img.btn_cntr:Hover{ color:#525252; 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;}

/* liens dans box */
.bleuBig {				font-size:14px; color:#00519e; font-weight:bold; line-height:22px; }



/* ---------------------------------------------------------------------------------------------------- */
/* ISI Page 01 + 02 */
/* ---------------------------------------------------------------------------------------------------- */

#page01, 
#page02  { 				min-width:990px; margin:auto; text-align:left;
						background:#FFFFFF url(../img/04_ft/ft_bg.gif) repeat-x bottom;}
						
/* Main */
#page01 #bd,
#page02 #bd{			width:990px; height:auto; border-left:1px solid #eceaeb; border-right:1px solid #eceaeb;}

/* Col 1 (cnt) */
#page01 #pcol1,
#page01 #pcol1{			width:727px;}

/* Image + Titre */
#p_bigImg{				position:relative; width:704px; height:286px; background:url(../img/03_cnt/img_100.jpg) no-repeat; padding:12px; border-right:1px solid #d7d7d7; }
#p_bigImg_btm{			width:729px; height:5px; background:url(../img/03_cnt/img_btm.gif) repeat-x;}
#p_bigImg_box{			width:682px; height:auto; position:absolute; bottom:12px;  background:#FFFFFF; border:1px solid #ededed; padding:8px 10px 4px 10px;}
.p_bigImg_ttl{			width:600px; height:auto; font-size:28px; line-height:24px; color:#00519e; font-weight:bold; text-transform:uppercase; padding:0; }

/* Image container */
#p_bigImg_cnt{			width:728px; height:auto; background:none; padding:0; border-right:1px solid #d7d7d7;  line-height:0px;}

/* Titre */
#p_ttl{					width:717px; height:auto; padding:12px; background:none; border:none; }
#p_ttl_box{				width:auto; height:auto; position:relative; background:#FFFFFF; border:1px solid #ededed; padding:8px 10px 0px 10px;}
.p_ttl_txt{				width:auto; height:auto; font-size:28px; line-height:24px; color:#00519e; font-weight:bold; text-transform:uppercase; padding:0 0 0 0; }
#page01 .cnt_title,
#page02 .cnt_title{		font-size:14px; color:#00519e; font-weight:bold; line-height:22px; padding:0 0 0px 16px;}
#page01 .cnt_title,
#page02 .cnt_title{		font-size:14px; color:#00519e; font-weight:bold; line-height:22px; padding:0 0 0px 16px;}
.cnt_title_1 { 			font-size:13px; color:#00519e; font-weight:bold; line-height:22px; padding:0 0 0px 16px;}


/* Texte */
#page01 .cnt_txt,
#page02 .cnt_txt{		height:auto; padding:12px 0 12px 12px;}
.cnt_txt_1{  			height:auto; padding:0px 0 12px 16px;}

/* Nav sous niveau */
#page01 .cnt_nav_btm{ 	position:relative; width:auto; height:auto; padding:0 0 16px 26px;}
/*
#page01 .cnt_nav_btm_el{width:204px; height:auto; padding:7px 10px; margin:0 6px 6px 0; 
						background:url(../img/03_cnt/home_row3_box.gif) no-repeat 0 -70px; border:1px solid #e3e3e3; text-align:center; text-transform:uppercase; float:left; white-space:nowrap;}
*/

#page01 .cnt_nav_btm_el{width:auto; height:auto; text-align:left; text-transform:none; white-space:nowrap; background:url(../img/pictos/arrow_right_01.gif) no-repeat 0 8px; padding-left:12px;}

.cnt_nav_btm_el A:Link, .cnt_nav_btm_el A:active, .cnt_nav_btm_el A:visited{	
						color:#00519e; text-decoration:none;}
.cnt_nav_btm_el A:Hover{color:#2d73b6;}


/* Col 2 (Boxes) */
#pcol2{					width:auto; padding:12px 12px 0px 12px;}

/* Boxes */
.p_box{ 				position:relative; width:212px; height:124px;  background:url(../img/03_cnt/home_row3_box.gif) no-repeat; border:1px solid #e3e3e3; margin-bottom:12px; padding:6px 12px 0 12px;}
.p_box_noLnk {			position:relative; width:202px; height:106px; padding:6px 12px 0 12px;}
/*.p_box_lnk {			display:block; width:212px; height:124px; padding:6px 12px 0 12px;}*/

.p_box_img{				width:auto; height:118px; float:left; padding:0 16px 0 0; cursor:pointer;}

.p_box_ttl{				font-size:20px; color:#00519e; font-weight:bold; line-height:22px; padding:4px 0 6px 0; cursor:pointer;}
.p_box_ttl A:active, .p_box_ttl A:visited, .p_box_ttl A:Link{
						font-size:20px; color:#00519e; font-weight:bold; text-decoration:none; cursor:pointer;}
.p_box_ttl A:Hover{		color:#3d80bf;}
.p_box_txt{				height:50px; font-size:12px; line-height:13px; color:#525252; cursor:pointer;}
.p_box_txt A:active, .p_box_txt A:visited, .p_box_txt A:Link{
						font-size:12px; text-decoration:none; color:#525252; text-decoration:none;}
.p_box_txt A:Hover{		color:#818181;}
/*.p_box_lnk p_box_img, .p_box_lnk p_box_ttl, .p_box_lnk p_box_txt{ cursor:pointer; }*/

.p_box_btn{				position:absolute; top:102px; right:8px; width:21px; height:21px; background:url(../img/03_cnt/home_row3_btn.png) no-repeat; float:right; cursor:pointer;}


/* Boxe Leo */
.leo{ 					height:140px; padding:6px 12px 10px 12px; background:url(../img/03_cnt/home_row3_box.gif) no-repeat; background-position:bottom }
.leotitle{				padding-left:50px;background:url(../img/03_cnt/leo_logo.jpg) no-repeat; height:auto; vertical-align:bottom;}
#home .leotitle{		padding-left:50px;background:url(../img/03_cnt/leo_logo.jpg) no-repeat; height:auto; vertical-align:bottom; padding-top:2px;}
#home .hide	{			opacity:0;  filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.alpha(opacity=0); }


/* ---------------------------------------------------------------------------------------------------- */
/* ISI Page 01 */
/* ---------------------------------------------------------------------------------------------------- */

#page01 #C0x1{			padding:8px 8px 8px 14px;}


/* ---------------------------------------------------------------------------------------------------- */
/* ISI Page 02 */
/* ---------------------------------------------------------------------------------------------------- */

#pathline{				position:relative; width:auto; height:auto; padding:12px 16px 0 22px;}
#pathline A:Link, #pathline A:active, #pathline A:visited{	
						font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#747474; text-decoration:none; padding:1px 8px 0 4px; }
#pathline A:Hover{ 	color:#00519e;}

/* Contenu */
#page02 .yui-gd{		width:auto; padding:0px 0 0 12px;}
#page02 .yui-u{ 		width:450px; margin:0;}
#page02 .first{ 		width:244px; padding:0 0 0 12px;}

#page02 .cnt_img{		width:230px; height:auto; padding:3px;}
#page02 .cnt_img_brd{	border:1px solid #e7e7e7; padding:3px;}
#page02 .cnt_nav{		width:236px; padding:3px;}
#page02 .cnt_nav_el{	width:auto; height:17px; padding:7px 0 0 0; border-bottom:1px solid #ebebeb;}



/* Table 2 colonnes*/
#tbl2col{				}
.tbl2col_item{			width:204px; padding:12px 12px 4px 0px; text-align:left; overflow:hidden; float:left; outline: 0;}
.tbl2col_ttl{			font-size:14px; color:#00519e; font-weight:bold; line-height:12px; padding:0 0 2px 0;}
.tbl2col_txt{			font-size:12px; line-height:14px;}


/* page de liens */

.adresses_ttl{			padding:12px 4px 8px 0}
.adresses_top{			text-align:right; padding:26px 0 4px 0;}

/* Manifestation */
#manif_cnt{				height:auto; padding:0 0 0 12px; clear:both; }
#manif_cnt .manif_title{width:120px; font-size:12px; font-weight:bold; padding:0 4px 16px 0; float:left;}
#manif_cnt .manif_txt{	width:312px; height:auto; padding:0 0 12px 0; float:left;}


/* ---------------------------------------------------------------------------------------------------- */
/* ISI Form 02 */
/* ---------------------------------------------------------------------------------------------------- */

#form td{				padding:2px;}
.form_txt{				background:url(../../isi/img/00_dft/1px_gris.gif) repeat-x bottom;}


					
/* WYSIWYG */

.blueTitle{ 			color:#00519e; font-weight:bold; font-size:14px}
.blueTitleUpper{ 		color:#00519e; font-weight:bold; font-size:14px; text-transform:uppercase}
.blueLight{ 			color:#00519e; font-weight:normal; font-size:12px}