/*
+----------------------------------------------------------------+
|								 |
|	Implementation and coding:				 |
|	Com&Cie communication interactive 			 |
|	24 rue de la Serre, CH-2300 La Chaux-de-Fonds	         |
|	http://www.comeandsee.ch				         |
|							         |
|							         |
+----------------------------------------------------------------+
*/

/********************
RESET
********************/

 img, div, input {
	behavior: url("/fileadmin/js/iepngfix.htc")
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ..................................STYLES GENERAUX........................................... */

body {
	font-family:  Arial, Myriad, Helvetica, "sans serif";
	font-size: 78%;
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-color: #F2EFEE;
	font-weight: normal;
}
body.calibri {
	font-family: Calibri, Arial, Myriad, Helvetica, "sans serif";
	font-size: 98%;
}
p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0 0 0px;
	color: #000000;
	font-size: 1.2em;
	text-transform: uppercase;
}
h2 {
	margin: 15px 0px 4px 0px;
	padding: 0px 0 0 0px;
	font-size: 1.3em;
	color: #000000;
}
h2.csc-firstHeader {
	margin: 0px 0px 8px 0px;
	padding: 0px 0 0 0px;
	font-weight: bold;
	font-size: 1.6em;
	color: #3256A3;
}
h3 {
	margin: 9px 0px 0px 0px;
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, Helvetica;
}
a:link, a:visited {
	text-decoration: underline;
	color: #000000;
}
a:hover, a:active {
	color: #999999;
	text-decoration: underline;
}
ul {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
ul li {
	padding: 2px 0px 2px 20px;
	list-style: none;
	background: url(/fileadmin/templates/images/tiret_li.gif) no-repeat 3px 8px;
}
ol {
	padding: 0px;
	margin: 0px 0px 15px 22px;
}
ol li {
	padding: 2px 0px 2px 0px;
	list-style-type: decimal;
	list-style-position: outside;
}


.blanc {
	color: #FFFFFF;
}
.txt_petit {
	font-size: 0.95em;
}
.txt_grand {
	font-size: 1.3em;
}
.bodytext {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
table {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
.noborder {
	border: 0;
}
.bold {
	font-weight: bold;
	font-size: 110%;
	line-height:1.3;
}

.clear {
	clear: booth;
border: 0;
}
/* ..................................TABLEAUX........................................... */

.tableau_simple{
	font-size: 12px;
	width: 569px;

margin: 10px 0 10px 0;
}
.tableau_simple td {
	line-height: 0.7em;
	padding: 3px;
	text-align:left;
}
.tableau_simple bodytext {
	margin: 0px;
}
.tableaux {
	font-size: 11px;
	width: 569px;
	line-height: 1.1em;
margin: 0px 0 15px 0;
}
.tableaux td {
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	background: #F0F0F0;
	padding: 3px;
	text-align:left;
}

td.align_center {
	text-align: center;
}

.tableaux .bodytext {
	margin: 0px;
}
.tableaux td.entete {
	background: #E5E5E5;
	height: 24px;
	margin: 0px;
	text-align: left;
}
td.sousentete {
	text-align: left;
}
td.lieu {
	width: 97px;
	text-align: left;
	text-transform: uppercase;
}
td.left {
	text-align: left;
}

/* ..................................COULEURS CEFF........................................... */
.ceff, .ceff a:link, .ceff a:visited {
	background-color: #898B8D;
}
.artisanat, .artisanat a:link, .artisanat a:visited, dl.artisanat dt, dl.artisanat .even, dl.artisanat .even a {
	background-color: #6259A4;
}
.commerce, .commerce a:link, .commerce a:visited, dl.commerce dt, dl.commerce .even, dl.commerce .even a {
	background-color: #0598CC;
}
.industrie, .industrie a:link, .industrie a:visited, dl.industrie dt, dl.industrie .even, dl.industrie .even a {
	background-color: #46C7F4;
}
.sante, .sante a:link, .sante a:visited, dl.sante dt, dl.sante .even, dl.sante .even a {
	background-color: #6EC396;
}
.ceff a:hover, .ceff a:active {
	background-color: #ADAEAF;
}
.artisanat a:hover, .artisanat a:active, dl.artisanat .odd, dl.artisanat .odd a {
	background-color: #4F4499;
}
.commerce a:hover, .commerce a:active, dl.commerce .odd, dl.commerce .odd a {
	background-color: #0087C3;
}
.industrie a:hover, .industrie a:active, dl.industrie .odd, dl.industrie .odd a {
	background-color: #00B9F2;
}
.sante a:hover, .sante a:active, dl.sante .odd, dl.sante .odd a {
	background-color: #4BBD95;
}
/* ..................................CONTENEURS........................................... */

#conteneur_gen {
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	position: relative;
	overflow: hidden;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 248px;
	background-color: #898B8D;
	position: relative;
}
#logo {
	float: left;
	margin: 22px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background: url(/fileadmin/templates/images/ceff_logo_general.gif) no-repeat 0px 0px;
	width: 155px;
	height: 70px;
}
#sub_header {
	height: 175px;
	clear: left;
	position: relative;
}
#bread_home {
	width: 698px;
	position: absolute;
	left: 200px;
	top: 15px;
	color: #575656;
	font-size: 1em;
}
#bread {
	width: 698px;
	position: absolute;
	left: 200px;
	top: 15px;
	color: #575656;
	font-size: 0.8em;
	
}
#bread a:link, #bread a:visited {
	text-decoration: none;
	color: #575656;
}
#bread a:hover, #bread a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#bandeau_img {
	position: absolute;
	z-index: 0;
	width: 769px;
	height: 150px;
	left: 191px;
	top: 98px;
}
#bandeau_img h1 {
	position: absolute;
	padding:42px 8px 0px 5px;
	left: 193px;
	top: 0px;
	width: 177px;
	height: 108px;
	background: url(/fileadmin/templates/images/fond_trans.png);
	color: #adaeaf;
 display block;
	text-decoration: none;
}
#bandeau_img a:link, #bandeau_img a:hover, #bandeau_img a:visited {
	text-decoration: none;
	color: #8F8E8F;
}
#gauche {
	width: 191px;
	margin: 3px 0 0 0;
	float: left;
	display: inline;
	position: relative;
}
#recherche {
	width:191px;
	height:30px;
	padding:0px;
	margin:0px;
	background: url(/fileadmin/templates/images/loupe.gif) no-repeat 6px 7px; 
	background-color: #a6a8ab;


}
#recherche form {
	display:inline;

}
.searchbox {
	border:0px;
	background-color:transparent;
	position:absolute;
	top:9px;
	left:24px;
	width:154px;
	height:17px;
	font-family: Calibri, Myriad, Arial, Helvetica, "sans serif";
font-size: 0.8em;

}
.searchbox_submit {
	border:0px;
	background-color:transparent;
	position:absolute;
	top:8px;
	left:5px;
	width:18px;
	height:18px;


}
#adresse {
	color: #929292;
	margin: 22px 0 300px 23px;
	font-size: 90%;
	line-height: 1.2;
}
#adresse a:link, #adresse a:visited {
	text-decoration: none;
	color: #929292;
	font-weight: bold;
}
#adresse a:hover, #adresse a:active {
	color: #000;
	text-decoration: underline;
}
#navigation_interne {
	width: 769px;
	height: 30px;
	background-color: #DADBDC;
	overflow: visible;
	margin: 3px 0 0 0;
}
.nav_interne, .mega2 {
	width: 190px;
	height: 30px;
	margin: 0 3px 0px 0;
	float: left;
}
.nav_interne a, .mega2 a {
	background: #a7a7a8;
	width: 180px;
	height: 18px;
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 0 0 10px;
	font-weight: bold;
	font-size: 90%;
}
.nav_interne a:hover {
	display: block;
	color: #DBDCDD;
}
#admissions {
	float:right;
	right: 0px;
	margin: 0;
}
#contenu_wrapper {
	width: 769px;
	float: left;
	margin: 0px 0px 0px 0px;
	display: inline;
}
#zone_contenu {
	padding: 0;
	width: 559px;
	float: left;
	display: inline;
	margin: 18px 10px 50px 10px;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#zone_contenu_large {
	padding: 0;
	width: 759px;
	float: left;
	display: inline;
	margin: 18px 10px 50px 10px;
	padding: 0px 20px 50px 0px;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#droite_1col {
	padding: 0;
	margin: 20px 0px 0 0;
	float: left;
	display: inline;
	width: 190px;
	z-index: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
#adresse_droite {
	padding: 15px 6px 15px 10px;
	line-height: 1.4em;
	background: #E9E9E9;
	margin: 1px 0 200px 0;
	font-size: 12px;
}

#telechargements {
	background: #f2efee;
	width: 190px;
	height: 30px;
	margin: 0 3px 0px 0;

}
#telechargements a {
	background: #f2efee;
	width: 180px;
	height: 18px;
	display: block;
	color: #575656;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 0 0 10px;
	font-weight: bold;
	font-size: 12px;
}
#telechargements a:hover {
	color: #000;
}
#evenements {
	background: url(/fileadmin/templates/images/bkg_evenements.jpg) repeat-x left top;
	margin:3px 0 20px 0;
	padding: 12px 10px;
}
#evenements h1 {
	font-size:100%;
	margin:0px 0 10px 0;
	padding: 0px 0px;
}


.adresse_contact {
	width: 180px;
	margin: 0 3px 0 0;
	float: left;
	display: inline;
}

.google_map {
	width: 360px;
	margin: 0 0px 30px 0;
	float: left;
	display: inline;
}

#footer {
	width: 760px;
	margin: 0 auto;
	background-color: #F2EFEE;
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 200px;
	font-size: 0.7em;
	color: #898B8D;
font-family:  Arial, Myriad, Helvetica, "sans serif";
}


#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #898B8D;
}
#footer a:hover, #footera:active {
	color: #898B8D;
	text-decoration: underline;

}

/* ..................................MENU PRINCIPAL........................................... */

#navigation_generale {
	margin: 0px;
	padding: 0px;
	width: 769px;
	height: 45px;
	position: absolute;
	top: 45px;
	left: 191px;
	z-index: 10;
	overflow: visible;
}
/* ...............................MENUS GAUCHE................................. */
#gauche_menus {
	margin: 0px 0px 0px 0px;
	width: 191px;
	font-size: 1em;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
/* niveau 1 */

.niveau1_ac {
	margin: 3px 0px 0px 0px;
}
.niveau1_ac a:link, .niveau1_ac a:visited {
	text-decoration: none;
	padding: 9px 12px 5px 10px;
	color: #FFFFFF;
	line-height: 1em;
	display: block;
	height: 1%;
}
.niveau1_ac a:hover, .niveau1_ac a:active {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1em;
	height: 1%;
	display: block;
}
.niveau1_no {
	margin: 3px 0px 0px 0px;
}
.niveau1_no a:link, .niveau1_no a:visited {
	text-decoration: none;
	padding: 9px 12px 5px 10px;
	color: #FFFFFF;
	display: block;
	height: 1%;
	line-height: 1;
}
.niveau1_no a:hover, .niveau1_no a:active {
	color: #fff;
	text-decoration: none;
	line-height: 1em;
	height: 1%;
	display: block;
}
/* niveau 2 */

#gauche_menus dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#CFD0D0;
	font-weight: normal;
	font-size: 90%;
}
#gauche_menus dt {
	margin: 0px 10px 0px 10px;
	padding: 3px 10px 3px 0px;
	font-weight: normal;
	position: relative;
	background: url(/fileadmin/templates/images/menu_gauche_ligne.gif) repeat-x 0px bottom;
}
img.sub {
	position: absolute;
	top:9px;
	right: 1px;
}
img.sub_actif {
	position: absolute;
	top:9px;
	right: 1px;
}
.niveau2_no {
	margin: 0px 0px 0 0;
	padding: 0px 0px 0px 0px;
	line-height: 1.45;
	color: #000000;
}
.niveau2_no a:link, .niveau2_no a:visited {
	text-decoration: none;
	color: #676767;
}
.niveau2_no a:hover, .niveau2_no a:active {
	color: #fff;
}
.niveau2_ac {
	margin: 0px 10px 0 0;
	padding: 0px 0px 0px 0px;
	line-height: 1.45;
}
.niveau2_ac a:link, .niveau2_ac a:visited {
	color: #fff;
	text-decoration: none;
}
.niveau2_ac a:hover, .niveau2_ac a:active {
	color: #000000;
	text-decoration: none;
}
dt#first2 {
	background: url(/fileadmin/templates/images/menu_gauche_ligne_niveau3.gif) repeat-x 0px bottom;
}
dt#last2 {
	background: url(none);
	padding: 0px 0px 4px 0px;
}
/* niveau 3 */

#gauche_menus dd {
	margin: 2px 10px 0px 10px;
	padding: 0px 0px 2px 13px;
	background: url(/fileadmin/templates/images/menu_gauche_ligne_niveau3.gif) repeat-x 0px bottom;
}
.niveau3_no {
	margin: 0px 0px 0 0;
	padding: 0px 0px 0px 0px;
	line-height: 1.45;
	color: #000000;
}
.niveau3_no a:link, .niveau3_no a:visited {
	text-decoration: none;
	color: #676767;
}
.niveau3_no a:hover, .niveau3_no a:active {
	color: #fff;
}
.niveau3_ac {
	margin: 0px 10px 0 0;
	padding: 0px 0px 0px 0px;
	line-height: 1.45;
}
.niveau3_ac a:link, .niveau3_ac a:visited {
	color: #fff;
	text-decoration: none;
}
.niveau3_ac a:hover, .niveau3_ac a:active {
	color: #000000;
	text-decoration: none;
}
dd#last3 {
	margin: 0px 10px 10px 10px;
}
/*--------------------------------- tt_news   LATEST -----------------------------------*/
.news-latest-container {
	padding: 0px 0px 10px 0px;
	margin: 3px 0px 0px 0px;
	line-height: 1.1em;
	background: url(/fileadmin/templates/images/bkg_evenements.jpg) repeat-x;
	min-height: 270px;
}
.news-latest-container a:link, .news-latest-container a:visited {
	text-decoration: none;
}
.news-latest-container a:hover, .news-latest-container a:active {
	text-decoration: underline;
}
.news-latest-container h1 {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
}
.news-latest-item {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.news-latest-item h3 {
	font-weight: bold;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #898B8D;
}
.news-latest-date {
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 2px 0px;
	font-size: 0.9em;
}
.news-latest-gotoarchive {
	margin: 0px;
	font-size: 0.9em;
	padding-left: 45px;
}
/*--------------------------------- tt_news   LIST -----------------------------------*/


.news-list-container {
}
.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:0px;
	margin:0px;
}
.news-list-container H2 {
	margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
	font-size: 1.2em;
	border-bottom: 1px dotted #CCCCCC;
}

.news-list-container H2 A {

	text-decoration: none;
}

.news-list-date {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


/*--------------------------------- tt_news SINGLE ------------------------------------*/


.news-single-item H3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.2em;
}
.news-single-img {
	float: left;
	margin: 0px 15px 15px 0px;
}
.news-single-imgcaption {
	display: none;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 0px;
}
.news-single-date {
	font-size: 0.9em;
	margin: 10px 0px 0px 0px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	background-color: #BBE53A;
	/*	clear: both;*/
	margin-top: 15px;
	border: 1px solid #666;
	padding:3px;
	padding-bottom:0px;
}
.news-single-related, .news-single-files, .news-single-links {
	border: 1px solid #666;
	margin:0px;
	margin-bottom: 3px;
	padding:3px;
	background-color:#F9FFE5;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:20px;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
	margin-left:5px;
	width:90%;
}
/* ..................................light box........................................... */

/* Shared styles for lightbox & slimbox*/
#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	/*cursor:pointer;*/
	z-index:90;
}
#prevLink, #nextLink {
	display:block;
	position:absolute;
	top:0;
	width:35%;
	height:100%;
	background:transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
}
#prevLink {
	left:0;
	float:left;
}
#nextLink {
	right:0;
	float:right;
}
#prevLink:hover {
	/* Edit here for a different image!*/
	background:transparent url(../img/prev.gif) no-repeat 0% 15%;
}
#nextLink:hover {
	/* Edit here for a different image!*/
	background:transparent url(../img/next.gif) no-repeat 100% 15%;
}
#playLink, #pauseLink, #saveLink, #closeLink {
	display:block;
	float:right;
	/* Set these two to the actual dimensions of your images! If they differ in size you have to set them seperately!*/
	width:26px;
	height:26px;
	/* End*/
	margin-left:1.0em;
}
#playLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(/fileadmin/templates/images/play.gif) no-repeat center;
}
#pauseLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(/fileadmin/templates/images/pause.gif) no-repeat center;
}
#saveLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(/fileadmin/templates/images/save.gif) no-repeat center;
}
#closeLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(/fileadmin/templates/images/close.gif) no-repeat center;/*clear:right;
	float:right;*/
}
/* Slimbox-only*/
#sbOverlay {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	cursor:pointer;
}
#sbCenter, #sbBottomContainer {
	position:absolute;
	left:50%;
	overflow:hidden;
	background-color:#fff;
	z-index:100;
}
#sbCenter a, #sbBottomContainer a {
	text-decoration:none;
	border:none;
	outline:none;
}
.sbLoading {
	background:#fff url(/fileadmin/templates/images/loading.gif) no-repeat center;
}
#sbImage {
	position:absolute;
	left:0;
	top:0;
	border:10px solid #fff;
	background-repeat:no-repeat;
}
#sbBottom {
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	color:#666;
	line-height:1.4em;
	text-align:left;
	padding:0 10px 10px 10px;
}
#sbCaption {
	width:66%;
	font-weight:bold;
	margin-bottom:0.1em;
}
#sbNumber {
	width:66%;
	margin-bottom:0.1em;
}
#sbPresent {
	width:66%;
	margin-bottom:0.1em;
}
#sbPresent a {
	color:#666;
	margin-right:1.0em;
}
#sbPresent a.act {
	font-weight:bold;
	color:#fff;
	background:#777;
	border-right:0.2em solid #777;
	border-bottom:0.1em solid #777;
	border-left:0.4em solid #777;
}
/* Lightbox-only*/
#lbLightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}
#lbLightbox #closeLink {
	margin-bottom:10px;
}
#lbLightbox a {
	text-decoration:none;
	border:none;
	outline:none;
}
#lbLightbox img {
	width:auto;
	height:auto;
	border:none;
}
#lbOuterImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#lbImageContainer {
	padding:10px;
}
#lbLoading {
	position:absolute;
	z-index:110;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
	background:#fff url(/fileadmin/templates/images/loading.gif) no-repeat center;
}
#lbHoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#lbImageContainer>#lbHoverNav {
	left:0;
}
#lbImageDataContainer {
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
}
#lbImageData {
	padding:0 10px;
	color:#666;
}
#lbImageDetails {
	width:66%;
	float:left;
	text-align:left;
	padding-bottom:10px;
}
#lbCaption {
	display:block;
	font-weight:bold;
	margin-bottom:0.1em;
}
#lbNumberDisplay {
	display:block;
	margin-bottom:0.1em;
}
#lbPresent {
	display:block;
	margin-bottom:0.1em;
}
#lbPresent a {
	color:#666;
	margin-right:1.0em;
}
#lbPresent a.act {
	font-weight:bold;
	color:#fff;
	background:#777;
	border-right:0.2em solid #777;
	border-bottom:0.1em solid #777;
	border-left:0.4em solid #777;
}