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



/* ..................................STYLES GENERAUX........................................... */
 img, div, input {
	behavior: url("/fileadmin/js/iepngfix.htc")
}
* {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
}
body {
	background: #FFFFFF url(/fileadmin/templates/images/bkg_gen.jpg) repeat-x left top;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
	color: #3D3830;
}
p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
h1 {
	margin: 0px 0px 13px -3px;
	padding: 0px 0 0 0px;
	color: #3256A4;
	font-style: normal;
	font-weight: normal;
	font-size: 2em;
}
h2 {
	margin: 15px 0px 4px 0px;
	padding: 0px 0 0 0px;
	font-weight: bold;
	font-size: 1.5em;
	color: #3256A3;
}
h2.csc-firstHeader {
	margin: 0px 0px 8px 0px;
	padding: 0px 0 0 0px;
	font-weight: bold;
	font-size: 1.6em;
	color: #3256A3;
}
h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0 0 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 1.4em;
}
a:link, a:visited {
	text-decoration: underline;
	color: #3256A3;
}
a:hover, a:active {
	color: #78A426;
	text-decoration: underline;
}
ul {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
li {
	padding: 2px 0px 4px 25px;
	list-style: none;
	background: url(/fileadmin/templates/images/puce_liste.gif) no-repeat 0px 5px;
}
.blanc {
	color: #FFFFFF;
}

.txt_petit {
	font-size: 0.95em;
}
.txt_petit_italique {
	font-size: 0.9em;
	font-style: italic;
}
.txt_grand {
	font-size: 1.3em;
}

.vert_bold {
	font-size: 108%;
	font-weight: bold;
	color: #8CC227;
}
.bodytext {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0px;
	margin: 0px 0 20px 0;
}
.noborder {
	border: 0;
}
.bold {
	font-weight: bold;
	font-size: 110%;
line-height:1.3;
}
/* ..................................CONTENEURS........................................... */

#conteneur_gen {
	margin: 0 auto;
	width: 967px;
	background: url(/fileadmin/templates/images/bkg_zone_contenu.jpg) no-repeat 0px 300px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -303px auto;
}

#conteneur_gen_large {
	margin: 0 auto;
	width: 967px;
	background: url(/fileadmin/templates/images/bkg_zone_contenu_large.jpg) no-repeat 0px 300px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -303px auto;
}

#header {
	margin: 0px;
	padding: 0px;
	height: 142px;
}
#logo {
	float: left;
	margin: 53px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sub_header {
	height: 175px;
	background: url(/fileadmin/templates/images/sub_header_bande.jpg) no-repeat left bottom;
	clear: left;
	position: relative;
}
#breadcrumbs {
	width: 370px;
	position: absolute;
	left: 47px;
	top: 150px;
	color: #FFFFFF;
	font-size: 0.9em;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#personnage_citation {
	position: absolute;
	top: -20px;
	right: 32px;
	z-index: 0;
	width: 525px;
	height: 227px;
}
#zone_contenu {
	margin: 30px 21px 50px 48px;
	padding: 0;
	width: 500px;
	display: inline;
	float: left;
}

#zone_contenu_large {
	margin: 30px 21px 50px 48px;
	padding: 0;
	width: 850px;
	display: inline;
	float: left;
}

#droite {
	padding: 0;
	margin: 57px 40px 0 0;
	float: right;
	display: inline;
	width: 288px;
	z-index: 20;
	position: relative;
}
#calculette {
	height: 137px;
}
#calculette a {
	display:block;
	text-decoration:none;
	height: 137px;
	width: 288px;
	float: left;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 9px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	background: url(/fileadmin/templates/images/accroche_calculette.jpg) no-repeat 0px 0px;
}
#calculette a:hover {
	background-position: 0px -137px;
}
/* ..................................MENU PRINCIPAL........................................... */

#navigation_generale {
	margin: -2px 0 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 560px;
	float: right;
	height: 123px;
}
#navigation_generale A {
	BACKGROUND: #ffffff url(/fileadmin/templates/images/NavGen_bkg.jpg) no-repeat left bottom;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 123px
}
#navigation_generale A SPAN {
	VISIBILITY: hidden;
	display: none;
}
A#b2 {
	WIDTH: 145px;
	BACKGROUND-POSITION: left bottom
}
A#b3 {
	WIDTH: 127px;
	BACKGROUND-POSITION: -145px bottom
}
A#b4 {
	WIDTH: 126px;
	BACKGROUND-POSITION: -272px bottom
}
A#b5 {
	WIDTH: 128px;
	BACKGROUND-POSITION: -398px bottom
}
A#b2:hover {
	BACKGROUND-POSITION: left center
}
A#b3:hover {
	BACKGROUND-POSITION: -145px center
}
A#b4:hover {
	BACKGROUND-POSITION: -272px center
}
A#b5:hover {
	BACKGROUND-POSITION: -398px center
}
A.actif#b2 {
	BACKGROUND-POSITION: left top
}
A.actif#b3 {
	BACKGROUND-POSITION: -145px top
}
A.actif#b4 {
	BACKGROUND-POSITION: -272px top
}
A.actif#b5 {
	BACKGROUND-POSITION: -398px top
}
/* ...............................NAVIGATION SECONDAIRE................................. */
#navigation_secondaire {
	margin: 0px 0px 52px 0px;
	padding: 0px 0px 0px 0px;
	width: 288px;
}
#navigation_secondaire h1 {
	margin: 0px 0px 10px 9px;
}
#navigation_secondaire p {
	margin: 0px;
	padding: 0px;
}
.level1_ac {
	margin: 0px;
	font-size: 1.1em;
}
.level1_ac a:link, .level1_ac a:visited {
	text-decoration: none;
	color: #3256A3;
	font-weight: bold;
	padding: 7px 12px 7px 9px;
	line-height: 1em;
	height: 1%;
	display: block;
	background: url(/fileadmin/templates/images/nav_sec_bkg.gif) repeat-x left top;
}
.level1_ac a:hover, .level1_ac a:active {
	color: #3256A3;
	text-decoration: none;
	font-weight: bold;
}
.level1_no {
	margin: 0px;
	font-size: 1.1em;
}
.level1_no a:link, .level1_no a:visited {
	background: url(/fileadmin/templates/images/ligne_sousnav.gif) repeat-x bottom;
	text-decoration: none;
	padding: 7px 12px 8px 9px;
	color: #3256A3;
	font-weight: bold;
	line-height: 1em;
	display: block;
	height: 1%;
}
.level1_no a:hover, .level1_no a:active {
	color: #3256A3;
	text-decoration: none;
	font-weight: bold;
	line-height: 1em;
	height: 1%;
	display: block;
	background: url(/fileadmin/templates/images/nav_sec_bkg.gif) repeat-x left top;
}
/* ..................................FOOTER.............................................. */


#footer_home {
	padding: 0px;
	margin: 0px;
	background: url(/fileadmin/templates/images/home_footer_g.jpg) no-repeat 790px 17px !important;
	background: url(/fileadmin/templates/images/home_footer_g.jpg) no-repeat 790px 0px;
	position: relative;
	height: 270px;
	clear: both;
	width: 100%;
}
.push {
	height: 300px;
	clear: both;
}
#conteneur_footer {
	clear:both;
	margin: 0px 0 0 0;
	width: 100%;
	padding: 0px 0 0 0;
	height: 303px;
	background: url(/fileadmin/templates/images/bkg_footer.jpg) repeat-x;
}
#footer {
	padding: 0px;
	margin: 0px auto 0 auto;
	width: 967px;
	position: relative;
	background: url(/fileadmin/templates/images/footer_bkg_g.jpg) no-repeat 821px 68px;
	height: 303px;
}
#footer_bandeau_question {
	padding: 0px;
	margin: 0;
	width: 300px;
	top: 13px;
	left: 48px;
	position: relative;
}
#footer_bandeau_question .p1 {
	color: #3256A3;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 15px;
}
#footer_bandeau_question .p2 {
	color: #4C4D49;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#footer_bandeau_fidusuisse {
	width: 197px;
	top: -20px;
	left: 768px;
	position: relative;
}
#footer_adresse_home {
	color: #CCCCCC;
	width: 330px;
	margin: 0;
	font-size: 14px;
	position: absolute;
	top: 53px;
	left: 10px;
}
#footer_adresse_home a:link, #footer_adresse_home a:visited {
	text-decoration: underline;
	color: #B2EF3D;
}
#footer_adresse_home a:hover, #footer_adresse_home a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer_adresse {
	color: #CCCCCC;
	width: 330px;
	margin: 38px 0 0 48px;
	font-size: 14px;
}
#footer_adresse a:link, #footer_adresse a:visited {
	text-decoration: underline;
	color: #B2EF3D;
}
#footer_adresse a:hover, #footer_adresse a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer_adresse p, #footer_adresse_home p {
	margin: 0px 0 10px 0;
}
.gilomen_titre_adresse {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0 -10px 0;
	padding: 0px;
}
#footer_nav {
	width: 508px;
	position: absolute;
	top: 107px;
	right: 0px;
}
#footer_nav a:link, #footer_nav a:visited {
	text-decoration: none;
	color: #CED9F2;
}
#footer_nav a:hover, #footer_nav a:active {
	color: #CED9F2;
	text-decoration: underline;
}
#footer_nav ul {
	font-size: 14px;
	text-transform: uppercase;
	color: #CED9F2;
	margin: 0;
	padding: 0;
	font-weight: bold;
	list-style: none;
	text-align: right;
}
#footer_nav li {
	list-style: none;
	display: inline;
	margin: 0 0 0 20px;
	padding: 0;
	background-image: none;
}
#copyright_comandcie_home {
	width: 350px;
	text-align: right;
	font-size: 11px;
	color: #E8E8EA;
	position: absolute;
	top: 236px;
	right: 30px;
}
#copyright_comandcie {
	width: 350px;
	text-align: right;
	font-size: 11px;
	color: #E8E8EA;
	position: absolute;
	top: 274px;
	right: 0px;
}
#copyright_comandcie a, #copyright_comandcie_home a {
	color: #E6C6BF;
	text-decoration: none;
	font-weight: bold;
}
#copyright_comandcie a:hover, #copyright_comandcie_home a:hover {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}


/* ..................................TABLEAUX........................................... */

.td_title_head {
	font-size: 1.5em;
	font-weight: bold;
	background: #ADDD55;
	padding: 5px;
}
.td_title_head_bleu {
	font-size: 1.2em;
	font-weight: bold;
	background: #52699B;
	color:#FFF;
	padding: 8px;
	text-align:center;
	vertical-align: middle;
}

.td_title_left {
	font-size: 1.2em;
	font-weight: bold;
	background: #ADDD55;
	padding: 5px;
}
.td_title_left_gris {
	font-size: 1.1em;
	font-weight: bold;
	background: #DDDDE3;
	padding: 5px;
	vertical-align: top;
}
.td_cell {
	background: #F1F1F3;
	padding: 5px;
}
.td_cell_center {
	background: #F1F1F3;
	padding: 5px;
	text-align:center;
}

/* ..................................NEWS HOME........................................... */

#news {
	width: 390px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 22px;
	left: 551px;
}
.news-latest-container {
	padding: 0px 0 0px 0px;
	margin: 10px 0px 0px 0;
	font-size: 11px;
}
.news-latest-container a:link, .news-latest-container a:visited {
	text-decoration: none;
	color: #AEC0E6;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 1.1em;
	font-weight: bold;
}
.news-latest-container a:hover, .news-latest-container a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.news-latest-item {
	margin: 0 0 10px 0px;
	font-size: 1em;
	font-weight: normal;
	padding: 6px 0 2px 4px;
	background: url(/fileadmin/templates/images/transparent.png) repeat left top;
}

.news-latest-item h2 {
	font-weight: normal;
	margin: 1px 0 4px 0;
	font-size: 1.1em;
}
.news-latest-item p {
	font-weight: normal;
	margin: 0px 0 5px 0;
	font-size: 1em;
}
.news-latest-item p a {
	text-decoration: none;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 1.1em;
	font-weight: bold;
}
p.news-latest-item  a:hover, p.news-latest-item  a:active {
	color: #AEC0E6;
	text-decoration: none;
}
.news-latest-date {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #FFFFFF;
	width: 100px;
}
.news-latest-container hr.clearer {
	display: none;
}

.news-latest-gotoarchive {
	margin: 4px 0px 0px 0px;
	font-size: 0.9em;
	height: 15px;
}

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


.news-list-container {
padding:0px;
	margin:0px;
}
.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:0px;
	margin:0px;
}
.news-list-container H2 {
	margin: 7px 0px 5px 0px;
	padding: 0px;
	font-size: 1.5em;
line-height: 1;

}
.news-list-container H2 A:LINK, .news-list-container H2 A:VISITED{
	color:#3256A3;
	text-decoration: none;
}
.news-list-container H2 A:HOVER {
	color:#78A426;
	text-decoration: none;
}
.news-list-container H2 A {
	color:#78A426;
	text-decoration: none;

}
.news-list-container P {
}
.news-list-date {
	color: #000;
	width: 180px;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px 15px 7px 0px;
}
.news-list-container IMG {
	float: left;
	margin: 0px 15px 15px 0px;
}
.news-list-morelink, .news-list-category {
	font-size:9px;
	margin-left:0px;
}
.news-list-morelink {
	margin: 10px 0px 0px 7px;
}
.news-list-browse {
	text-align: center;
}
.clearer {
	clear: both;
	visibility: hidden;
	margin: 0px 0px 13px 0px;
}
/*--------------------------------- tt_news SINGLE view  ---------------------------------*/


.news-single-item H1 {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	font-size: 1.6em;
	line-height: 1em;
font-weight: bold;
}
hr.cl-right{display:none;}

.news-single-img {
	float: left;
	margin: 0px 15px 15px 0px;
}
.news-single-imgcaption {
	visibility: hidden;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 0px;
}
.news-single-timedata {
	color: #7FC41C;
	width: 180px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px 15px 15px 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%;
}

/************************ FORMULAIRES **************************************/
DIV.tx-thmailformplus-pi1 {
	margin: 10px 0px 15px 0px;
	width: 350px;
}
.inputBox {
	background-color: #eeeeee;
	border: solid #7f7f7f 1px;
	font-size: 1em;
	width: 160px;
	margin: 1px 0px 3px 0px;
	padding: 1px;
}
.inputBox_nbrEx {
	background-color: #eeeeee;
	border: solid #7f7f7f 1px;
	font-size: 1em;
	width: 20px;
	text-align: right;
	margin: 1px 0px 3px 0px;
	padding: 1px;
}
.inputBox2 {
	background-color: #eeeeee;
	border: solid #7f7f7f 1px;
	font-size: 1em;
	width: 160px;
	margin: 1px 0px 3px 0px;
	padding: 1px;
}
.inputRadio {
	margin-bottom: 1px;
	margin-top: 1px;
}
.bouton_don {
	background-color: #BE0027;
	border: 1px solid #7F7F7F;
	color: #FFFFFF;
	font-size: 1em;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 1px;
	font-weight: bold;
	cursor: pointer;
}
.bouton_peluches {
	background-color: #BE0027;
	border: 1px solid #7F7F7F;
	color: #FFFFFF;
	font-size: 1em;
	cursor: pointer;
	margin: 10px 0px 30px 129px;
	padding: 1px;
	font-weight: bold;
	cursor: pointer;
	clear: left;
}
form {
	margin: 0px;
	padding: 0px;
}
label {
	font-size: 0.9em;
	width: 125px;
	display: inline;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin: 0px;
	float: left;
}
select {
	border: solid #DBDBDB 1px;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	margin: 0px;
}
.inputtextarea {
	background-color: #eeeeee;
	border: solid #7f7f7f 1px;
	font-size: 11px;
	margin-bottom: 3px;
	margin-top: 3px;
	width: 290px;
	height: 50px;
}
.label {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
}