/*
SITE WWW.FSVT.CH
FEUILLE DE STYLE

Sur Mesure Concept Sàrl / Anne-Christine Robert
Création : 17.2.2008
Modifications : 24.3.2008/06.01.2009/17.05.2010/02.06.2010

*/

body {
	background-color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin-left: 0px;
	margin-top: 0px;
}
td {
	font-size:x-small;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
}
.p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
}


.titre {
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	font-color: #333;
}
.soustitre {
	font-size: small;
	font-style: italic;
	font-weight: bold;
	font-color: #066;
}
.titre3{
	font-size: x-small;
	font-weight: bold;
	font-color: #066;
}
.titre4{
	font-size: x-small;
	font-style: italic;
	font-color: #066;
}

.italic_blanc {
	font-style: italic;
	font-color: #FFFFFF;
	text-align:right;
	color: #FFFFFF;
}
.blanc_petit {
	font-size: small;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
}
.bold {
	font-weight: bold;
}
.petit {
	font-size: x-small;
}

.titreEvent {
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #EF3E34;
}
.soustitreEvent {
	font-size: small;
	font-weight: bold;
	font-color: #066;
}
.infoEvent {
	font-size: small;
	font-color: #066;
}

img.deco {
	padding:5px;
	margin:10px;
	border: solid 1px #EF3E34;
	background-color:#FFFFFF;
}
.alignleft {
	text-align:left;}

/* Style d'affichage des documents*/

#lst_document {
	font-size: x-small;

}
/* Style des news */

div.newsDiv {
	/*border-bottom-style:solid;
	border-bottom-width:thin;*/
	border-top-style:solid;
	border-top-width:thin;
	border-color:none;
	padding: 2px;
	background-color:#E1EDED;
	
}
p.newsTitre{
	font-size: small;
	font-style:italic;
	color:  #066;
}
p.newsContenu{
	font-size: x-small;
}

/* Tableaux de montage */

table.montage {
	width:100%;
	padding:0px;
	margin: 0px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td.menu_logo  {
	width:145px;
	border:0;
	padding:0;
	margin:0px;
	height: 143px;
	vertical-align: bottom;
}
td.menu  {
	vertical-align:top;
	align:center;
	width:145px;
	border:0;
	padding:0;
	text-align:center;
	border-top:1;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#006666;
	
}

td.menuNav  {
	vertical-align:top;
	width:130px;
	border:0;
	padding-left: 15px;
	border-top:1;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#006666;
}

table.newsletter {
	margin: 1;
	padding: 0;
	width: 90%;
	border-left-style: dotted;
	border-width: thin;
	border-color: #D1362E;
	border-style: dotted;
	text-align:left;
}

td.bandeau  {
	height:98px;
	border-top:1;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#006666;
	
}
td.bandeau_nav  {
	height:45px;
}

td.bandeau_nav_right  {
	width:100px;
}


table.corps  {
	width:100%;
	border: 1;
	border-style:solid;
	border-width:thin;
	border-color:#006666;
	height: 98px;
	border-top-color: #006666;
	border-top-style: solid;
	border-top-width: thin;
	border-top: 1;
}


td.corps_nav {
	width:9%;
	text-align:center;
}

table.nav {
	padding:0px;
	margin:0px;
	border:0px;
	width:100%;
	} /* Style de la navigation principale horizontale */

td.nav {
	padding:0px;
	margin:0px;}

td.nav > ul {
	list-style:none;
	margin-left:-43px;
	display:inline;}
	
td.nav > ul li  {
	font-size:1.2em;
	padding:8px;
	display:inline;
	list-style:none;
	text-align:center;
	width:300px;
	height:200px;
	background-color:#C9DDD3;
	}

table.nav li > a {
	text-decoration:none;
	}

table.nav ul > li > a:hover {
	text-decoration:none;
	color:white;
	background-color:#006666;
	padding:5px;
	}


td.corps {
	border-top:1;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#006666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	vertical-align: top;
	text-align: justify;
	margin: 0;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 70%;
	vertical-align:top;
}

td.corps_event {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 30%;
}

td.corps_calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 20%;
	max-width: 150px;
}



td.droit {
	text-align: right;
}

td.top {
	vertical-align: top;
}

/* Tableau de présentation du comité */

table.comite {
	width:100%;
	height:auto;
	border: none;
	margin:0;
	padding:0;}

tr.comite {
	height:15px;
	margin:0;
	padding:0;
	background-color:#CCCCCC;}
	
td.comite {
	margin:0;
	padding:0;
	vertical-align:top;}

td.comite > h3 {
	margin:0;
	padding:0;}

td.comite > h4 {
	margin:0;
	padding:0;}

td.comite > p {
	margin:0;
	padding:0;
	padding-bottom:3px;}


/* LIENS
   Définition des couleurs de liens dans le texte */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #066;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AF312B;
	text-decoration: underline;
}
a:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #066;
	text-decoration: none;
}

/* LIENS
   Définition des couleurs de liens dans le menu gauche */
   
 /* <div id="lst_document"><a href="http://www.fsvt.ch/doc.php?d=1040" > */

div > a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #066;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AF312B;
	text-decoration: underline;
}
a:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #066;
	text-decoration: none;
}


/* Définition des couleurs de liens spécifiques */


a.web {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #066;
	text-decoration: none;
}
a:visited.web  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #066;
	text-decoration: none;}
a:hover.web  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EF3E34;
	text-decoration: underline;}
	
/* Définition du style des images rotatives, liés à easyslide et jquery */


div#showhere {
	/*width:400px;
	height:300px;*/
	vertical-align:middle;
	text-align:center;
	float:right;
	margin-left:15px;
}

.showbg{// for fadeout effect *This is optional
background-color: black;
}

.link_nor{// for clickable normal link
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 1px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}


.link_act
{// for clickable active link
background-color:#808000;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 1px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}

span{// for watermark
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
color:black
}

.gray
{// for cover
background-color: gray;
position: absolute;
border: 0px solid #9F6D11;
z-index: 100;
}

img{// for image border
border: 0px solid #663300;
background-color: #fff;
}

.opa{// for watermark opacity
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha
(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16);
-moz-opacity: 0.5;
}