/* basic settings */

* { margin: 0; padding: 0; }

/* basic structure */

body {
	background: url(/vah.nsf/affinities/SKODA/$file/main-bg.gif) #FFFFFF 50% 0 repeat;
	font-family: "Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
	font-size:12px;
	text-align: center; 
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 1007px;
	background: url(/vah.nsf/affinities/SKODA/$file/left_right_border_frame.gif) #FFFFFF 50% 0 repeat-y;
}
#container_in{
	background: url(/vah.nsf/affinities/SKODA/$file/top_border_frame.gif) 50% 0 no-repeat;
	margin: 0px;
	padding: 23px 0px 10px 0px;
	text-align: left;
	width: 1007px;
}
#headerImg{
	margin: 0px 0px 0px 34px;
	padding: 0px 0px 0px 4px;
	text-align: left;
	width: 930px;	
	/*background-image se trouve dans le template même*/
}
#containerData{
	width: 930px;
}

/* Container Data */			
#home_content{
	background: url(/vah.nsf/affinities/SKODA/$file/bkg_content_home.jpg) 0 repeat;
	clear: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 0px 50px;
	width: 530px;		
	/*somme = 625*/
}
#navigation_home{
	overflow:hidden;
	clear:right;
	float:right;
	width:305px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
#introduction-text{
	clear: right;
	font-size: 14px;
	text-align: left;
}	
#content-text_home{
	clear: right;
	font-size: 18px;
	text-align: left;
}
#navigation_home ul{
	margin-right: 5px;
	margin-left: 10px;
}
#navigation_home li.group{
	display: block;
	padding:7px 4px 12px 0px;
}
#navigation_home li.item{
	display: block;
	padding:0px 0px 9px 10px;
}
#navigation_home li.group a {
	display: block;
	text-decoration:none;
	margin:0px;
	font-size:23px;
	font-weight:bold;
}
#navigation_home li a {
	display: block;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

#navigation_content .logoAffinity{
	text-align: center;
	margin:30px 0px 0px 0px;
}

#navigation_home .logoAffinity{
	text-align: center;
	margin:30px 0px 0px 0px;
}

/* page content*/
#page_content{
	background: url(/vah.nsf/affinities/SKODA/$file/bkg_content.jpg) 0 repeat;
	clear: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 15px 50px;
	width: 635px;
	/*somme = 730*/
}
#navigation_content{
	overflow:hidden;
	clear:right;
	float:right;
	width:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
#content-text{
	clear: right;
	font-size: 12px;
	text-align: left;
	margin: 0px;}

#content-text .simpleText{
	clear: right;
	font-size: 12px;
	text-align: left;
	color:#353535;
	margin: 10px;}

#navigation_content ul{
	 margin-right: 5px;}

#navigation_content li.group {
	display: block;
	padding:7px 4px 8px 0px;}

#navigation_content li.item {
	display: block;
	padding:0px 0px 6px 10px;
	}
	
#navigation_content li.group a {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
	display: block;
	text-decoration:none;
	margin:0px;
	font-size:18px;
	font-weight:normal;}
	
#navigation_content li a {
	display: block;
	text-decoration:none;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

/* common in both menus */
#navigation_content li a:hover, #navigation_content li a.selected, #navigation_home li a:hover, #navigation_home li a.selected, #navigation_content li.group a:hover, #navigation_content li.group a.selected, #navigation_home li.group a:hover, #nnavigation_home li.group a.selected {
	display: block;text-decoration:none;color: #08784E;}

/* number navigation in tarification section */

.tarifNavigationFirst {
position:relative;
padding-left: 0;
z-index:2;
}

.tarifNavigationSecond {
position:relative;
left: -90px;
padding-left: 0;
z-index:0;
}

/* links */

a:link {
	color: #B2A898;
	font-weight:bold;
}
a:visited {
	color: #B2A898;
	font-weight:bold;
}
a:hover {
	color: #B2A898;
	font-weight:bold;
}
a:active {
	color: #B2A898;
	font-weight:bold;
}
a,a:link,a:visited{
	/*background: url(../img3l/design/dots-alink.gif) repeat-x 0 100%;*/
	background-color: inherit;
	color: #B2A898;
	text-decoration: none;
}
#footerP p a.copyright, #footerHP p a.copyright{
	color: #C1C1C1;
	text-decoration: underline;
}
#footerP p a.copyright:hover, #footerHP p a.copyright:hover{
	color: #C1C1C1;
	text-decoration: none;
}
/* basic settings */	

ul,ol { list-style: none; }
h1 {
font-family:"Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
font-size:18px;
font-weight:bold;
color: #08784E;}

h1.titleHome {
	font-size:22px;
	margin-bottom: 16px;}
	
h1.titleContent {
	font-family:"Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
	font-size:21px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	color: #08784E;
	margin-bottom: 15px;
}

.textHome {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 10px;
	font-weight:normal;
	color:#353535;
}

h2 {
	font-family:"Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:4px 0 0px 0;
	color: #697C64;
}

h3 {
	font-family:"Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	color: #FFFFFF;
}

h3 a:link {
color: #022960;}

h4 {
font-family:"Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
font-size:10px;
color: #022960;}

a img,:link img,:visited img { border: none; }
address { font-style: normal; }
.pointeur{
	background: url(/vah.nsf/affinities/SKODA/$file/pointer.png) no-repeat 50% top;
	width:13px;
	height:13px;
	padding:0 5px 0 5px;
	margin:0 3px 0 0;
}


/* home content*/			

/*sub Menu in page content*/

#navcontainer ul
{
background: url(/vah.nsf/affinities/SKODA/$file/bkg_menu_page_content.jpg) 24px repeat-y ;
padding: 5px 5px 5px 10px;
list-style-type: none;
text-align: left;
border: 1px solid rgb(244, 244, 244);
}

#navcontainer ul li a
{
background: transparent url(/vah.nsf/affinities/SKODA/$file/list-off.gif) left center no-repeat;
padding-left: 20px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
/*color: #999;*/
}

#navcontainer ul li a:hover
{
background: transparent url(/vah.nsf/affinities/SKODA/$file/list-on.gif) left center no-repeat;
color: rgb(27, 27, 27);
}


.square{
   padding : 10px 0 10px 10px;
   margin: 20px 0 20px 20px;
   margin-top: 5px;
}
.square li{
	list-style : square;
   padding : 0px;
   margin-left: 20px;
   margin-top: 5px;
}

.note {
	background: url(/vah.nsf/affinities/SKODA/$file/hr_note.jpg) repeat-x;
	padding: 11px 0px 0px 0px;
}

/* footer */

#footerHP{
	background: url(/vah.nsf/affinities/SKODA/$file/footer_content_home.jpg) left top no-repeat;
	clear: both;
	text-align: center; 
	margin: 0px 0px 20px 38px;
	line-height: 22px;
	height: 46px;
	width: 625px;
}
#footerP{
	background: url(/vah.nsf/affinities/SKODA/$file/footer_content.jpg) 0% top no-repeat;
	clear: both;
	text-align: center; 
	margin: 0px 0px 20px 38px;
	line-height: 22px;
	height: 46px;
	width: 725px;
}
#footerHP p, #footerP p {
	color: #C1C1C1;
	padding: 24px 0 20px 0;
}

/*table data*/

table { border: 1px solid #CCCCCC; border-collapse: collapse; margin: 0 auto; }
th,td { padding: 8px; }
thead th { background-color: #4D6072; color: #FFFFFF; }
tbody th {
	background-color: #556B7F;
	color: #FFFFFF;
	font-weight: normal;
	padding: 4px 4px 4px 8px;
}
tbody tr.odd { background-color: #F7F7F7; color: #666666; }
tbody tr:hover { background-color: #EEEEEE; color: #333333; }
tfoot th,tfoot td{
	border-top: 1px solid #CCCCCC;
	font-size: 60%;
	font-weight: bold;
	padding: 4px;}

/* form elements*/

/*form{background: url(/vah.nsf/affinities/SKODA/$file/bkg_menu_page_content.jpg) 0px repeat-y ; padding: 10px  } */
fieldset{ border: 1px solid #ccc; padding: 10px}
fieldset label{
	background: url(/vah.nsf/affinities/SKODA/$file/arrow.jpg) #FFFFFF no-repeat right center;
	display: inline;
	float: left;
	line-height: 16px;
	margin: 3px 10px;
	padding: 0px 0px 0px 5px;
	text-align: left;
	width: 180px;
}
input,textarea{
	color: #1B1B1B;
	font-family: "Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
	font-size: 80.5%;
	border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	margin: 3px 0 8px;
	width: 180px;
}
select {
	font-size: 8pt; font-weight: normal; color: rgb(0, 50, 127);
}
input{ height: 18px; }
br{ clear: left; }
input#go{
	background: #CCCCCC;
	border-color: #FFFFFF #333333 #333333 #FFFFFF;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	height: auto;
	margin: 10px 0 0 130px;
	width: auto;
}


/*----------------------------*/
/*encart arrondi sans images  */
/*----------------------------*/
div#nifty{ background: #B7C5B3; margin: 0px; font-size: 100%;}
div#nifty2{ background: #98AC92; margin: 0px; font-size: 100%;}
div#nifty_content{ margin: 5px; }
b.rtop, b.rbottom{ background: #FFFFFF; display: block; }
b.rtop b, b.rbottom b{ background: #B7C5B3; display: block; height: 1px; overflow: hidden; }
b.r1{ margin: 0 5px; }
b.r2{ margin: 0 3px; }
b.r3{ margin: 0 2px; }
b.rtop b.r4, b.rbottom b.r4{ height: 2px; margin: 0 1px; }
b.rtop2, b.rbottom2{ background: #FFFFFF; display: block; }
b.rtop2 b, b.rbottom2 b{ background: #98AC92; display: block; height: 1px; overflow: hidden; }
b.r12{ margin: 0 5px; }
b.r22{ margin: 0 3px; }
b.r32{ margin: 0 2px; }
b.rtop2 b.r42, b.rbottom2 b.r42{ height: 2px; margin: 0 1px; }

#MenuImage{
	margin-bottom: 15px;
	margin-top: 15px;
	background: url(/vah.nsf/affinities/SKODA/$file/RoundedBlock.gif) no-repeat; 
}
ul#navlist li a {
	font-size:14px;
	font-weight:normal;
	color:black;
	text-decoration:underline;
}
ul#navlist li a:hover {
	color:black;
	text-decoration:none;
}