html, body, div, span, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, cite, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .inner_div { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; }

html, body
{ margin:0; padding:0; text-align: center; }

 body {
  background: #fff url(../img/structure/bg_body.png) repeat-x 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 0.88em;
  color: rgb(88, 88, 88);
 }

 a, a:visited { color: #FF6A2F; }

 h3 a, h3 a:visited, h4 a, h4 a:visited { color: #FFA517;}
 a:hover { color: #f00; }


#pagewidth{
	width:980px;
	text-align:left;
	margin: 1% auto;
}

#header{
	position:relative;
	height: 270px;
	background-color: transparent;
	width:100%;
}
	.sub-header {
			float: left;
			height: 160px;
	}

 div.boxerimgcontainer { border: 1px solid #808080; background-color: #fff; padding: .6em; width: 154px; height:154px; margin: 0 1em 0 0;}
 div.boxerimgcontainer img { margin: .5em auto 0 !important;}

 #metaphores-box { width: 569px; }
	#metaphores-box2, #label-area { width: 404px; }
	#metaphores-box2 { float: left; height: 104px; }
	#label-area { font-size: 72.5%; background-color: #faf7e4; border-color: #faf7e4 !important;  height: 34px; padding: .2em 0 .4em .6em; }
	  #label-area div.div_flt_left.at_right { width: 290px; text-align: right;}
	  #label-area div.div_flt_left.at_right img {  }

	#second-footer { text-align: right; font-size: .72em; margin: 0 auto; padding:0;}
	  #second-footer span { display:block; padding: .2em .2em 0 0; background-color: rgb(232, 47, 29); color: #fff; height: 18px; margin: 1px 0; }
    #second-footer span#span_phone { width: 85%;}
		#second-footer span#span_fax { width: 14%; margin-bottom: 2px; }
		#second-footer span#span_email { clear: both;}

		#repeating-footer-menu { font-size: 77.5%; margin: 0 auto; float: right; margin: .1em 0; }


	#footer-inner { position: relative; background-color: #eee !important; border-color: #eee !important; padding: .4em .8em; margin-top: .4em; }
	#footer-inner img.imginline { margin-right: 2.8em; }
	#footer-inner img.imginline.lastimg {margin-right: 0; }

  #footer-inner-empty { position: relative; background-color: transparent !important; border: none; padding: .4em .8em; margin-top: .4em; height: 60px; }

	#credits-and-validations { height: 26px; margin: .15em auto .8em; font-size: 72.5%; color: rgb(150,150,150); }
	#credits-and-validations a { color: rgb(150,150,150); text-decoration: none; font-weight: bolder; }
	#credits-line { padding-top: .1em; }
	#copyright_info { font-size: 72.5% !important; color: rgb(150,150,150); }
	
#maincol{
	clear: both;
	margin: 1.5em auto;
	background-color: transparent;
	float: right;
	display:inline;
	position: relative;
	width: 100%;
 }
	#maincol p, #maincol ul, #maincol ol, #maincol h3, #maincol div.margined,
	address { margin: 0 30px .8em; }
	p.nomargin, #maincol ul.nomargin, #maincol ol.nomargin, #maincol h3.nomargin,
	address.normagin { margin: 0;}

 #leftcol_box { width: 360px; margin: 0 80px 0 0; }
 #leftcol_box p { margin: 0 0 .8em 0; }

 #pulsantoni_box { margin: 0 auto; }
 #pulsantoni_box div { width: 200px; text-align: center; }

 a.pulsantone {
  display: block;
  text-indent: -5000px;
  width: 260px; height: 77px;
  margin: 0 .4em .2em 0;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
	}
	a.pulsantone#a_ingpedagogique { background-image: url('../img/structure/btn_ingpedagogique.png'); }
	a.pulsantone#a_gestresshumaines { background-image: url('../img/structure/btn_gestresshumaines.png'); }
	a.pulsantone#a_etudesaudits { background-image: url('../img/structure/btn_etudesaudits.png'); }
	a.pulsantone#a_formations { background-image: url('../img/structure/btn_formations.png'); }
	a.pulsantone#a_coaching { background-image: url('../img/structure/btn_coaching.png'); }
	a.pulsantone#a_fete15ans { background-image: url('../img/structure/btn_fete15ans.png'); }

#footer{
 
  background-color: transparent;
 clear:both;
 }

	ul.li_arrow li { list-style-image: url(../img/structure/arrow1.png); margin: .4em 0; }
	ul.li_square li { list-style-image: url(../img/structure/rect_7x7.png); margin: .4em 0; }
	.indented-as-li { margin-left: 3.85em !important; }
	.indented-special { margin-left: 1.2em; }
/* menus */
	ul.ul_menu { display: block; margin:0; padding:0;list-style-type: none;}
	ul.ul_menu li { display: block; float: left; }

		ul#base-menu, ul#main-menu, ul#secondary-menu { text-align: right !important; }


    ul#base-menu a, ul#main-menu a, ul#base-menu a:visited, ul#main-menu a:visited,
		#repeating-footer-menu a, ul#secondary-menu a, ul#secondary-menu a:visited { text-decoration: none; color: #333;  }
    ul#base-menu a { padding: 0 20px 0 0; margin: 0 0 0 10px; background: transparent url(../img/structure/rect_10x10.png) 100% 50% no-repeat; }
      ul#base-menu a.lastitem, ul#secondary-menu a.lastitem { padding: 0; background: none; }

    ul#main-menu a, ul#main-menu a:visited { padding: 0 28px 0 0; margin: 0 0 0 12px; background: transparent url(../img/structure/rect_16x16.png) 100% 50% no-repeat; }
	      ul#main-menu a.lastitem { padding: 0; background: none; }

		ul#base-menu a:hover, ul#main-menu a:hover, #repeating-footer-menu a:hover, ul#secondary-menu a:hover,
		li.mnuactive a { color: #e82f1d !important; }
    ul#secondary-menu li.mnuactive a { border: 1px solid #ccc; background-color: #FAF7E4;}

		ul#base-menu { font-size: .72em; text-align: right; overflow: visible; float: right; text-transform: uppercase; margin-bottom: 60px;}
	  ul#main-menu { font-size: 1.15em; text-align: right; float: right;}

	  ul#secondary-menu { clear: both; font-size: 0.82em; text-align: right; float: right; margin-top: 14px; width: 100%; }
	    ul#secondary-menu a {
			padding: 0 4px 0 4px; margin: 0 0 0 4px; }

/* titolame */

h1, h1 a { display: block; clear: both; margin: 0; padding: 0; width: 315px; height: 91px;  }
h1 { margin: 0; float: left; }
h1 a { text-indent: -5000px; background: transparent url(../img/structure/logo_etf.png) no-repeat 0 0; }

h2 { color: #e82f1d; font-weight: bold; font-size: 1.45em; margin: 0; padding: 0 0 0 30px ; background: transparent url('../img/structure/threedots-black.png') 0 .3em no-repeat; }
h3, h3 a { font-size: 1.02em; font-weight: bold;  }
h4 { font-size: .95em; font-weight: bolder !important; }
h3, h3 a, h4, h4 a {color: rgb(255,165,23); text-decoration: none; }

/* Special styles */

  img.noborder { border: none !important; }

  .at_right   { text-align: right !important; }
  .at_left    { text-align: left !important; }
  .at_center  { text-align: center !important; }
	td.at_top, th.at_top				{ vertical-align: top !important; }
	td.at_middle, th.at_middle	{ vertical-align: middle !important; }
	td.at_bottom, th.at_bottom	{ vertical-align: text-bottom; }

  .bold, .strong { font-weight: bolder !important; }
  .small_text, .secondary_text, .secondary_content { font-size: smaller; }
  .big_text, .bigger_font { font-size: larger; }

	.uca { text-transform: uppercase !important; } .lca { text-transform: lowercase; }

  .ulined { text-decoration: underline; }
  .show_price { font-size: 1.94em;  letter-spacing: -.02em;   }

  img.imginline, .imginline { vertical-align: middle;}

  .div_flt_left, .flt_left, .img_flt_left { float: left; margin: 0;}
  .div_flt_right, .flt_right, .img_flt_right { float: right; margin: 0; }

  img.img_flt_left { margin: 0 1em .4em 0 !important; }
  img.img_flt_right { margin: 0 0 .2em 1em !important; }


  .one_half { width: 49% } .one_third { width: 31.5% } .one_fourth { width: 24% } .one_fifth { width: 18.2% } .two_thirds { width: 74%; }
  .fourth_fifths { width: 79.9%; }

  /* colors */
    .in_black   { color: #000 !important;}
    .in_white   { color: #fff; }
    .in_blue    { color: #172983; }
    .in_green    { color: #1fa22e; }
    .in_azure   { color: #009ee0; }
    .in_yellow  { color: #ffdc00; }
    .in_orange  { color: #f29400 !important; }
    .in_red, .red_font     { color: #e2001a; }
    .in_violet  { color: #e2007a; }
    .in_grey { color: #9C9D9F !important; }
    .in_darkgrey { color: rgb(112,112,112) !important; }


  .oldvalue { text-decoration: line-through; }
  .newvalue { font-size: larger; font-weight: bolder; }

  .br_clear { clear: both; }

/* Special elements */

	.error {color: #f00; float: left; margin-left: .1em; font-size: smaller; }

/* SMALL ICONS */
		a.tendine { padding: 0 16px 0 0; background: transparent url(../img/structure/small_icons/minus_12x3.png) 100% 50% no-repeat; }
		a.tendinedown { background-image: url(../img/structure/small_icons/plus_12x12.png); }
		a.small_icons
    { padding-left: 20px !important; background-position: 0 50% !important; background-repeat: no-repeat !important;}
    a.small_icons_reverse
    { padding: 0 20px 0 0 !important; background-position: 100% 50% !important; background-repeat: no-repeat !important;}
    a.small_icons_large
    { padding-left: 39px !important; background-position: 0 50% !important; background-repeat: no-repeat !important;}
    a.small_icons_block
    { text-decoration: none; width: 12px; height: 12px; padding: 6px; background-position: 50% 50% !important; background-repeat: no-repeat !important;}

    /* renamed small icons from Yusuke Kamiyamane yusuke.kamiyamane@gmail.com */
    .ico_link      { background-image: url(../img/structure/small_icons/link_12x12.png) !important; }
    .ico_smallmail { background-image: url(../img/structure/small_icons/mail_12x9.png) !important; }
    .ico_download { background-image: url(../img/structure/small_icons/drive-download.png) !important; }
    .ico_lock { background-image: url(../img/structure/small_icons/lock.png) !important; }

/* GALLERY & LIGHTBOX */
#gallery {
		background-color: #FAF7E4;
		border: none;
		padding: .4em;
		height: 350px;
		width: 696px !important;
		overflow: auto;
	}
	
	#gallery a { cursor: pointer; }
	
	

.table-list-images { margin: 0 auto; width: 96% !important; }
.table-list-images td { text-align: center !important; vertical-align: middle; padding: .2em;}
.img_box_rounded { border: 1px solid rgb(128,128,128); padding: .2em .2em .07em; }


	/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
	background-position:  0 0 !important;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
	background-position:  100% 0 !important;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/* MENU superfish */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
 margin: 0; padding: 0; list-style: none;
}
.sf-menu {

}
.sf-menu ul {
 position: absolute;
 border: 1px solid red;
 top: -999em;
 width: 500px;
  /*width: 190px; left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width: 12px;
  border: 1px solid blue;
  padding: 0; background-image: none;
}
.sf-menu li:hover {
 visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
 float: left; position: relative;
}
.sf-menu a {
 display: block;
 position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
 left: 0;
 top: 30px; /* match top ul list item height */
 z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
 top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
 /* left: 490px; match ul width */
 top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
 top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
 /* left: 490px; match ul width */
 top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {

}
.sf-menu a {

}
.sf-menu li ul li a
  {

  }

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
 padding: .4em 0 0; margin: 0;
}
.sf-menu li li, .sf-menu li li li {
 margin-top: .3em;
  font-size: 77.2%;
  background-image: none;

}
.sf-menu li li a {
 padding-right: 1.8em !important;

}


.sf-menu li li li a {
 padding: .22em .5em !important;

}
.sf-menu li.current, .sf-menu li.current a,
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 color: #fff;
 outline: 0;
}

.sf-menu li.current a,
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
 color: #000;
 text-decoration: underline;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
 padding-right: 2.25em;
 min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
 position: absolute;
 display: block;
 right: .75em;
 top: 1.05em; /* IE6 only */
 width: 10px;
 height: 10px;
 text-indent: -999em;
 overflow: hidden;
 background: url('../img/structure/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
 top: .7em;
 background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
 background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
 background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* NAVBAR per menu orizzontale */
.sf-navbar {
 background-color: transparent;
 padding-bottom: 1em;
 position: relative;
}
.sf-navbar li {
 position: static;
}
.sf-navbar a {
 border-top: none;
}
.sf-navbar li ul {

 float: right;
}
.sf-navbar li li {
 position: relative;
}
.sf-navbar li li ul {
 width: 13em;
}
.sf-navbar li li li {
 width: 100%;
}
.sf-navbar ul li {
 width: auto;
 float: left;
}
.sf-navbar a, .sf-navbar a:visited {
 border: none;
}
.sf-navbar a:hover { color: #fff; }
.sf-navbar li.current a, .sf-navbar li.current { color: #fff !important; }

.sf-navbar li ul li.current a{
 color: #000 !important;
}


.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {

}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {

}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {

}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
 left: 0;
 top: 2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
 top:  -999em;
}

ul.sf-navbar li.current > a {
 font-weight: bolder;
}

.sf-navbar li li.current > a {
 font-weight: bold;
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
 background: transparent;
 padding: 0;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.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 */

.only_print { display: none; visibility: hidden; }
/*printer styles*/
@media print {
.only_print { display: block; visibility: visible; }
img#logo { float: left; margin: 0; }
a.pulsantone { text-indent: 0; }
#leftcol, #header, #main-menu-box, #main-menu, .no_print {display:none;}
#maincol { width: 100%; }
}