/*

__        __      ____   ____        _       _   _                 
\ \      / / __  / ___| / ___|  ___ | |_   _| |_|_| ___  _ __  ___ 
 \ \ /\ / / '_ \| |  _  \___ \ / _ \| | | | | __| |/ _ \| '_ \/ __|
  \ V  V /| | | | |_| |  ___| | |_| | | |_| | |_| | |_| | | | \__ \
   \_/\_/ |_| |_|\____| |____/ \___/|_|\__,_|\__|_|\___/|_| |_|___/


 *****************************************************************
 *                                                               *
 *               Copyright 2008 WnG Solutions Srl               *
 *                      All rights reserved                      *
 *                                                               *
 *****************************************************************
 *                              *                                *
 *  WnG Solutions               *  http://www.wng.ch/            *
 *  Rue Centrale 15             *  Tel +41 21 320 11 11          *
 *  CH-1003 Lausanne            *  Fax +41 21 320 11 10          *
 *                              *                                *
 *****************************************************************

*/

/* ----- * Gnrique * ----- */

	/* ----- * Balises principales * ----- */
	
	* {
		padding: 0;
		margin: 0;
		border: 0;
		outline: none;
	}
	
	html {
		margin-bottom: 1px;
		height: 100%;
	}

	body {
		font: 62.5%/1.6em Arial, Helvetica, sans-serif;
		color: #333333;
		background: url(../images/background/bg_degrade.gif) repeat-x;
		padding-bottom: 30px;
	}
	
	p {	margin-bottom: 5px;	}
	
	ul { list-style-image: url(../images/misc/puce.png); }
	
	label {
		display: inline-block;
		width: 65px;
		font-size: 12px;
		padding-right: 5px;
	}
	
	a,
	a:visited,
	a:active {
		text-decoration: none;
		color: #7696ac;
		font-size: 12px;
	}
	
	a:hover { color: #c6cbd0; }
	
	/* ----- * /Balises principales * ----- */
	
	
	/* ----- * Utilitaires * ----- */
	
	.spacer {
		clear: both;
		font-size: 0;
	}
	
	.hideMe {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	
	.whiteSpan {
		background: #ffffff;
		padding: 0 5px;
	}
	
	.floatL { float: left; }
	
	.centered { text-align: center; }
	
	.warning { 
		font-style: italic;
		padding-left: 20px;
	}
	
	.mandatory { color: #993333; }
	
	.paypalButton {
		background: url(../images/misc/paypal_logo_small.gif) no-repeat 100% 0;
		height: 27px;
		width: 150px;
		border: 1px solid #7696ac;
		font-size: 12px;
		font-weight: bold;
		margin: 3px 0;
		line-height: 20px;
		text-align: left;
	}
	
	.infoContact { 
		font-size: 12px; 
		padding-left: 5px;
	}

	/* ----- * /Utilitaires * ----- */
	
	
	/* ----- * Titres * ----- */
	
	h1 {
		font-size: 18px;
		margin-bottom: 20px;
		color: #7696ac;
	}
	
	h2 {
		font-size: 14px;
		margin-bottom: 20px;
		color: #7696ac;
	}
	
	h3 {
		font-size: 13px;
		color: #58585a;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	h4 {
		font-size: 10px;
		color: #7696ac;
		text-transform: uppercase;
	}
	
	h5 {
		font-size: 10px;
		color: #7696ac;
		font-style: italic;
	}
	
	
	/* ----- * /Titres * ----- */
			
/* ----- * /Gnrique * ----- */


/* ----- * Conteneur global * ----- */

#global {
	width: 976px;
	margin: 0 auto;
	background: url(../images/borders/br_m_middle.png) repeat-y 0;
	padding-bottom: 20px;
}

/* ----- * /Conteneur global * ----- */


/* ----- * Designs * ----- */

#designTop {
	background: url(../images/borders/br_m_top.png) no-repeat 0;
	width: 976px;
	height: 13px;
	margin-top: 20px;
	margin: auto;
}

#designBottom {
	background: url(../images/borders/br_m_bottom.png) no-repeat 0;
	width: 976px;
	height: 14px;
	margin: auto;
}

.designBoxMiddle { background: url(../images/borders/br_box_middle.gif) repeat-y 2px 4px; }

.designBoxBottom {
	background: url(../images/borders/br_box_bottom.gif) no-repeat 0;
	height: 21px;
}

.designBoxTop2 {
	background: url(../images/borders/br_box2_top.gif) no-repeat 0 3px;
	height: 20px;
	padding-left: 20px;
}

.designBoxMiddle2 {	background: url(../images/borders/br_box2_middle.gif) repeat-y 0; }

.designBoxBottom2 {
	background: url(../images/borders/br_box2_bottom.gif) no-repeat 0;
	height: 17px;
}

/* ----- * /Designs * ----- */


/* ----- * Bannire * ----- */

#banner {
	height: 249px;
	width: 904px;
	margin: auto;
	margin-bottom: 20px;
}

#banner h1 {
	padding: 5px 0 0 20px;
	float: left;
	margin: 0;
	margin-bottom: 5px;
}

#banner h1 a {
	display: block;
	width: 270px;
	height: 210px;
}

#logo {
	width: 205px;
	height: 190px;
}

#banner h1 a:focus { outline: 1px #000000 dotted; }

.headHome { background: url(../images/headers/accueil.jpg) no-repeat 0; }
.headArchives { background: url(../images/headers/archives.jpg) no-repeat 0; }
.headAbos { background: url(../images/headers/abonnement.jpg) no-repeat 0; }
.headAddr { background: url(../images/headers/adressesutiles.jpg) no-repeat 0; }
.headPratique { background: url(../images/headers/pratique.jpg) no-repeat 0; }
.headAgenda { background: url(../images/headers/agenda.jpg) no-repeat 0; }
.headPub { background: url(../images/headers/pub.jpg) no-repeat 0; }
.headContact { background: url(../images/headers/contact.jpg) no-repeat 0; }

	/* ----- * Sitemap * ----- */
	
	
	
	/* ----- * Sitemap * ----- */
	

	/* ----- * Liens d'accessibilit * ----- */

	#accessKeys ul { list-style: none; }
	
	#accessKeys ul li {
		display: inline;
		padding-right: 5px;
	}
	
	#accessKeys ul li a:link,
	#accessKeys ul li a:visited,
	#accessKeys ul li a:hover,
	#accessKeys ul li a:active {
		color: #c6cbd0;
		cursor: default;
	}
	
	#accessKeys ul li a:focus { color: #000000;	}

	/* ----- * /Liens d'accessibilit * ----- */


	/* ----- * Outils * ----- */
	
	#tools ul {	list-style: none; }
	#tools ul li {display: inline; }
	
	#tools ul li a:link,
	#tools ul li a:visited,
	#tools ul li a:active {
		color: #7696ac;
		text-decoration: none;
		border-left: 1px solid #7696ac;
		padding: 0 5px 0 5px;
	}
	
	#tools ul li a:hover {
		text-decoration: none;
		border-left: 1px solid #7696ac;
		padding: 0 5px 0 5px;
		color: #c6cbd0;
	}
	
	#tools {
		padding-right: 40px;
		text-align: right;
		font-size: 11px;
		margin-bottom: 2px;
	}
	
	#tools ul li.aNoBorder a { border: 0; }

	/* ----- * /Outils * ----- */

/* ----- * /Bannire * ----- */


/* ----- * Menu principal * ----- */

#menuMain {
	clear: left;
	height: 26px;
}

#menuMain ul { list-style: none; }
#menuMain ul li { display: inline; }

#menuMain ul li a {
	float: left;
	padding: 0 16px; /* Ncessite quelques corrections pour IE < 7 */
	text-decoration: none;
	line-height: 26px;
	color: #ffffff;
	text-transform: uppercase;
	border-left: 1px solid #ffffff;
	font-size: 14px;
}

#menuMain ul li a:hover,
#menuMain ul li.menuOn a {	background-color: #666666; }

#menuMain ul li.aNoBorder a { border: 0; }

/* ----- * /Menu principal * ----- */


/* ----- * Menu secondaire * ----- */

#menuSub { /*margin-top: 5px;*/ }

#menuSub ul { margin-left: 20px;/*list-style: none;*/ }

#menuSub ul li { margin-left: 10px; }

#menuSub ul li a {
	text-decoration: none;
	color: #7696ac;
	font-weight: bold;
	font-size: 12px;
}

#menuSub ul li.menuOn a { color: #54629b; }

#menuSub ul li a:hover { color: #c6cbd0; }

#menuSub #menuYears ul {
	margin-left: 0;
	list-style: none;
}

#menuSub #menuYears { width: 210px; }

/* ----- * /Menu secondaire * ----- */


/* ----- * Menu horizontal * ----- */

#menuHori {
	width: 614px;
	margin-left: 258px;
	margin-top: 18px;
	margin-bottom: 15px;
	position: relative;
	top: 10px;
}

#menuHori .lineHori { border-bottom: 1px solid #666666; }

#menuHori ul {
	list-style: inside;
	margin-bottom: 5px;
}

#menuHori ul li {
	display: inline-block;
	margin-right: 8px;
}

#menuHori ul li a { font-weight: bold; }

#menuHori ul li.menuOn a { color: #54629b; }

h4.catMenu { 
	font-size: 12px;
	margin-left: -9px;
}

/* ----- * /Menu secondaire * ----- */


/* ----- * Contenu * ----- */

#content {
	width: 904px;
	margin: auto;
}

	/* ----- * Contenu de gauche * ----- */
	
	#contentLeft {
		float: left;
		width: 240px;
	}
	
	#contentLeft .boxNoBorders {
		margin: 5px 0 0 0;
		width: 230px;
	}
	
	#contentLeft .boxNoBorders h2 {	margin-left: 5px; }
	#contentLeft .box2 { margin: 5px 0;	}
	
	#contentLeft .box2 h2 {	
		height: 20px;
		padding-left: 20px;
		font-size: 14px;
		margin: 0;
		text-transform: uppercase; 
		background: url(../images/borders/br_box2_top.gif) no-repeat 0 3px;
	}
	
	#contentLeft .boxContent2 {
		background: url(../images/background/bg_box.gif) repeat-x;
		width: 211px;
		padding: 5px;
		margin-left: 8px;
		min-height: 110px;
	}
	
	#contentLeft .box2 .centeredContent ul li.menuOn a { color: #54629b !important;	}
	
	#contentLeft .box2 .centeredContent {
		width: 100px;
		margin: auto;
	}
	
	#contentLeft .arrowLeft {
		float: left;
		width: 11px;
		height: 15px;
		margin: 45px 0 0 5px;
	}
	
	#contentLeft .arrowRight {
		float: right;
		width: 11px;
		height: 15px;
		margin: 45px 5px 0 0;
	}
	
	#contentLeft .box2 .colLeft {
		float: left;
		width: 40px;
		text-align: left;
		margin-top: 13px;
		margin-left: -8px;
		margin-right: 5px;
	}
	
	#contentLeft .box2 .colRight {
		float: right;
		width: 40px;
		text-align: center;
		margin-top: 13px;
	}
	
	#contentLeft .box2 .colLeft ul li{ list-style: none; }
	
	#contentLeft .box2 .colLeft ul li a,
	#contentLeft .box2 .colLeft ul li a:visited,
	#contentLeft .box2 .colLeft ul li a:active,
	#contentLeft .box2 .colRight ul li a,
	#contentLeft .box2 .colRight ul li a:visited,
	#contentLeft .box2 .colRight ul li a:active {
		color: #7696ac;
		text-decoration: none;
		background: none;
		padding: 0;
	}
	
	#contentLeft .box2 .colLeft ul li a:hover,
	#contentLeft .box2 .colRight ul li a:hover { color: #c6cbd0; }
	
	#contentLeft .box2 .colRight ul li{ list-style: none; }
	
	#contentLeft .box2 .vLine {
		float: left;
		width: 2px;
		min-height: 109px;
		text-align: center;
		background: url(../images/misc/line.gif) no-repeat;
		margin: 0 0 0 12px;
	}

	
	/* ----- * /Contenu de gauche * ----- */
	
	
	/* ----- * Contenu de droite * ----- */

	#contentRight {
		float: right;
		width: 210px;
		font-size: 11px;
	}
	
	#contentRight h2 {
		background: url(../images/borders/br_box_top.gif) no-repeat 0 3px;
		height: 22px;
		padding-left: 20px;
		font-size: 14px;
		margin: 0;
	}
	
	#contentRight .box { margin-top: 5px; }
	
	#contentRight .box h2 {	text-transform: uppercase; }
	
	#contentRight .box h4 a,
	#contentRight .box h4 a:visited,
	#contentRight .box h4 a:active {
		font-size: 12px;
		color: #7696ac;
		text-decoration:none;
	}
	
	#contentRight .box h4 a:hover { color: #c6cbd0; }
	
	#contentRight .box dd {
		width: 180px;
		display: block;
		overflow: hidden;
	}
	
	#contentRight .box dd.even { 
		width: 185px;
		background: none; 
	}
	
	#contentRight .boxContent {
		background: url(../images/background/bg_box.gif) repeat-x;
		width: 181px;
		padding: 5px;
		margin-left: 8px;
		min-height: 120px;
		font-size: 12px;
	}
	
	#contentRight .boxContent dt {
		font-size: 10px;
		color: #7696ac;
		text-transform: uppercase;
		margin-top: 5px;
	}
	
	/* ----- * /Contenu de droite * ----- */
	
	
	/* ----- * Contenu principal * ----- */

	#contentMain {
		font-size: 12px;
		padding: 10px 20px 10px 18px;;
		margin: 0 10px;
		text-align:justify;
		overflow: hidden;
		min-height: 360px;
	}
	
	#contentMain .archivesGeneral {
		float: left;
		width: 113px;
		height: 143px;
		margin-right: 90px;
		margin-bottom: 40px;
	}
	
	#contentMain .archivesThumb { 
		width: 113px;
		height: 143px;
		color: #7696ac;
	}
	
	#contentMain  .thumbText {
		padding: 0 0 0 5px;
		font-size: 12px;
	}
	
	#contentMain ul li { margin-left: 22px; }
	
	#contentMain ul li a,
	#contentMain ul li a:visited,
	#contentMain ul li a:active {
		font-size: 12px;
		color: #7696ac;
		text-decoration:none;
	}
	
	#contentMain ul li a:hover { color: #c6cbd0; }
		
		/* ----- * Annonces * ----- */
		
		#content .vcard {
			border-top: 1px solid #7696ac;
			padding: 10px 5px;
		}
		
		#content .vcard a,
		#content .vcard a:visited,
		#content .vcard a:active {
			text-decoration: none;
			color: #7696ac;
			margin-left: -6px;
		}
		
		#content .vcard a:hover { color: #c6cbd0; }
		
		#content .vcard .desc {
			margin: 5px 0 10px 0;
			font-style: italic;
		}
		
		#content .vcard .site {	margin-top: 4px; }
		
		#content .vcard .orga {	font-weight: bold; }
		
		#content .fn {
			font-weight: bold;
			font-size: 14px;
		}
		
		#content .adr {	margin-top: 3px; }
		
		#content .vcard .site,
		#content .vcard .google {
			padding-left: 0px;
			margin-left: 8px;
		}
		
		/* ----- * /Annonces * ----- */
		
		
		/* ----- * Calendrier * ----- */
		
		#contentMain .day a,
		#contentMain .day a:visited,
		#contentMain .day a:active {
			text-decoration: none;
			color: #7696ac;
		}
		
		#contentMain .day a:hover { color: #c6cbd0; }
		
		#month-header {
			background: url(../images/misc/mini_logo.png) no-repeat 1% 50%;
			padding-left: 40px;
			width: 680px;
		}
		
		#month-header-prevnext {
			position: relative;
			left: 400px;
			font-size: 14px;
		}
		
		#month-header-icons {
			position: relative;
			left: -20px;
		}
		
		#calendar-nav {
			width: 725px;
			position: relative;
			left: -2px;
		}
		
		#contentMain .tx-cal-controller{ margin-left: 60px; }
		
		#contentMain .tx-cal-controller #legend { font-size: 14px; }
		
		#contentMain .tx-cal-controller #legend h5 { font-size: 14px; }
		
		#calendar-event {
			margin-left: -70px;
		}
		
		#calendar-event #eventDates {
			margin: 5px 0;
			font-style: italic;
			color: #7696ac;
		}
		
		#calendar-event #eventDesc {
			
		}
		
		/* ----- * /Calendrier * ----- */
		
	
		/* ----- * News (LIST + SINGLE) * ----- */
	
		.news { margin-bottom: 10px; }
		
		.news p {
			margin:0;
			padding:0;
		}
		
		.news-list-header a,
		.news-list-header a:visited,
		.news-list-header a:active {
			font-size: 12px;
			color: #7696ac;
			text-decoration: none;
		}
		
		.news-list-header a:hover { color: #c6cbd0; }
		
		.news-list-date { 
			font-weight: bold;
			font-size: 11px;
		}
		
		.news-list-morelink { margin-top: 0; }
		
		.news-list-item {
			border-top: 1px solid #7696ac;
			padding: 10px 5px;
		}
		
		.news-list-item h3 a,
		.news-list-item h3 a:visited,
		.news-list-item h3 a:active {
			color: #7696ac;
			text-decoration: none
		}
		
		.news-list-item h3 a:hover { color: #c6cbd0; }
		
		.news-list-morelink a,
		.news-list-morelink a:visited,
		.news-list-morelink a:active {
			font-size: 10px;
			color: #7696ac;
			text-decoration: none;
			font-style:italic;
		}
		
		.news-list-morelink a:hover { color: #c6cbd0; }
		
		.news-list-category { font-style: italic; }
		
		.news-single-backlink a,
		.news-single-backlink a:visited,
		.news-single-backlink a:active {
			font-size: 11px;
			color: #7696ac;
			text-decoration: none;
			font-style:italic;
		}
		
		.tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-header { text-transform: uppercase; }
		
		.news-single-backlink a:hover {	color: #c6cbd0; }
		
		.news-single-timedata {
			font-size: 11px;
			font-style: italic;
		}
		
		.news-single-category {	font-style: italic;	}
		
		#newsImages .news-single-img {
			margin: 0;
			padding: 0;
			display: inline;
			height: 300px;
		}
		
		#newsImages .news-single-img img {
			float: left;
			margin: 0;
		}
		
		/* Titre sur la page "Pratique" */
		.csc-header h2 { margin: 10px 0 5px 0; }
		
		#eventImages .csc-textpic-imagewrap {
			width: 400px;
			display: inline;
			float: none;
		}
		
		#eventImages .csc-textpic-imagerow {
			width: 300px;
			display: inline;
		}
		/*
		#calendar-event {
			margin-left: -10px;
		}
		*/
		#calendar-event-backlink a,
		#calendar-event-backlink a:visited,
		#calendar-event-backlink a:active {
			font-size: 12px;
			color: #7696ac;
			text-decoration: none;
			font-style:italic;
			float: left;
			margin-left : -70px;
		}
		
		#calendar-event-backlink a:hover { color: #c6cbd0; }
		
		/* ----- * /News (LIST + SINGLE) * ----- */
		
	
	/* ----- * /Contenu principal * ----- */
	
	
	/* ----- * Formulaires * ----- */
	
	form ul { list-style: none; }
	
	.formText {
		border: 1px solid #7696ac;
		font-size: 12px;
		padding: 2px;
		margin: 2px 10px 2px 2px;
		width: 120px;
	}
	
	.formLongText {
		border: 1px solid #7696ac;
		font-size: 12px;
		padding: 2px;
		margin: 2px 0 2px 2px;
		width: 331px;
	}
	
	#contactForm .formTextarea {
		border: 1px solid #7696ac;
		font-size: 12px;
		padding: 2px;
		font-family:Arial, Helvetica, sans-serif;
		width: 331px;
		margin-left: 2px;
	}
	
	#annonceForm .formTextarea {
		border: 1px solid #7696ac;
		width: 331px;
		margin-left: 2px;
		font-size: 12px;
		padding: 2px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.formSelect {
		border: 1px solid #7696ac;
		font-size: 12px;
		margin: 2px 0 2px 2px;
		width: 186px;
	}
	
	.formButton {
		border: 1px solid #7696ac;
		font-size: 12px;
		font-weight: bold;
		margin: 3px 0;
		height: 20px;
		line-height: 20px;
	}
	
	.textareaLabel { 
		position: relative; 
		top: -38px; 
	}

	.submitForm { padding-left: 75px; }
	
	.errorList {
		margin-left: 20px; 
		margin-bottom: 10px;
		color: #cc3333;
	}
	
	.errorList h3 { color: #cc3333; }
	
	#offreAboForm h3 { margin-left: 22px; }
	
	#offreAboForm .errorList h3 { margin-left: 0; }
	
	#offreAboForm ul { margin-bottom: 10px; }
	
	#offreAboForm .radioButton { margin-right: 5px; }
	
	#mailformplus {
		position: relative;
		left: -20px;
	}
	
	#contentMain .recaptcha {
		margin: 10px 0 10px 20px;
	}
	
	#contentMain .recaptcha ul {
		margin-left: -20px;
	}
	
	/* ----- * /Formulaires * ----- */
	
	/* ----- * Issuu PDF * ----- */
	
	#contentMain div.issuuViewer {
		margin: auto;
		width: 620px;
	}
	
	/* ----- * /Issuu PDF * ----- */
	
	
/* ----- * /Contenu * ----- */


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

#footer {
	width: 976px;
	margin: auto;
	margin-top: 5px;
	color: #7696ac;
	height: 18px;
}

#footerLeft {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 12px;
	height: 18px;
	line-height: 18px;
	background: url(../images/misc/mini_logo.png) no-repeat;
	padding-left: 38px;
}

#footerLeft a { font-size: 10px; }

#footerRight {
	float: right;
	margin-right: 12px;
}

#footerRight a { font-size: 10px; }

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