/* PAGE */
/* z-index : Colorbox utilise 9999, cette valeur ne doit jamais être dépassée */
* {
margin:0;
padding:0;
}

html {
/* Ascenseur vertical, pour faire sur Firefox comme sur IE */
overflow-y: scroll;
}

body {
color:#333;
font:83%/1.5 Verdana, Arial, Helvetica, sans-serif;
}

/* LIENS */
a, a:link, a:visited, a:hover, a:active {background:transparent;text-decoration:underline;cursor:pointer} 
a:link, a:visited {color:#c00} 
a:hover,a:active {color:#069} 

/* Polices */
p, ul, ol {margin: 0 0 1.5em;}
p {text-align:justify;} /* Texte justifié par défaut */

h1, h2, h3, h4, h5, h6 {
letter-spacing: -1px;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0.5em 0 .2em;
color:#000;
border-bottom: 1px solid #ccc; /* 2009 : #eee */
}

h1 {font-size: 176%;padding-top:0.2em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* Pas de letter spacing pour la présentation accordeon */
#accordeon h1, h2, h3, h4, h5, h6 {
letter-spacing: 0px;
}

.highlight {color:#E17000}
.surligne {background-color:#FFFF00; color:#FF0000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.center {text-align:center}
.warning {color:#f00;font-weight:bold}
.sncf {font-family:arial narrow; font-size:110%}
.big {font-size: 136%}
.verybig {font-size: 160%}
small {font-size:11px}
verysmall {font-size:8px}

/* Affichage du temps avec Google Weather */
.icon {float: left; height: 70px; margin-right: 10px;}
.current {float: left; width: 250px; background-color: #F0F7F9; padding: 5px;}
.forecast {float: left; width: 90px; text-align: center;}
div.current p {font-size: 11px; padding: 0; margin: 0; text-align: left;}
div.forecast p {font-size: 11px; padding: 0; margin: 0; text-align: center;}
div.icon p {font-size: 11px; padding: 0; margin: 0; text-align: center;}

/* Images */
div.photo {
  float: left;
  width: auto;
  height:auto;
  border: 1px solid silver;
  margin: 0.5em;
  padding: 0.5em }

div.photo img {
  border: 1px white solid; }

div.photo a:hover img { border: 1px #c00 solid; }

div.photo p {
  text-align: center;
  font-style: italic;
  font-size: small;
  margin: 0 0 0.5em;  }

div.right { float: right }

div.right2 { float: right ; margin-left : 2em }

.newline { clear: both }
.none { display:none }

/* Listes */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("/css/images/puce3.png") no-repeat 10px 6px;}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* Generalites */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* ENTETE */
#header {
background: #79ad5b url("/css/images/fond_header.png") repeat-x left top;
margin: 0;
padding: 0;
}

#header #site-name {
font: 190% arial; letter-spacing: -.05em;
text-align: center;
margin: 0;
padding: 0;
color: #000;
border: none;
}

/* NAV - menu horizontal  */
/* Pour le fonctionnement d'un menu deroulant en CSS+JS : */
/* http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html */
/* http://www.pompage.net/pompe/deroulants/ */

.navdiv {
width: 951px;
margin-left: auto;
margin-right: auto;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav {
position: relative;
/* avec Left, sous Firefox et Chrome une partie du drapeau n'est plus cliquable */
margin-left: 50px;
height:34px ;
font: bold 90% arial;
/* Pour remettre le menu par dessus */
z-index:1000;
}

#nav li {
position:relative;
float: left;
width: 10em;
display:block;
margin: 0;
background: #79ad5b;
/* A modifier en meme temps que #nav li ul margin-top */
border-bottom: 1px solid #79ad5b;
border-right: 0px;
padding:0
}

#nav li.last {
border-right: 0px;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
text-decoration:none;
cursor:pointer;
color:#fff;
display: block;
padding: 4px 10px 2px
}
#nav a:hover {color:#000}

/* Les sous-menus */
#nav li ul {
border-left: 1px solid #79ad5b; /* 2009 : #c00 */ 
background: transparent url("/css/images/featurebox_bg.gif") no-repeat 100% 100%; /* 2009 : #b5f3db */
width:15.8em;
font-size:90%;
margin-top:1px; /* A modifier en meme temps que #nav li bottom-border */
position: absolute;
font-weight:normal;
left: -999em; /* L'affichage du sous-menu est envoyé en dehors de la page */
}

#nav li:hover ul, #nav li.sfhover ul { /* Pseudo classe hover via javascript pour IE */
left: auto; /* Le sous-menu est ramené à sa place */
z-index:1000;
}

#nav ul li ul {
border-left: 1px solid #79ad5b; /* 2009 : #c00 */
background: transparent url("/css/images/featurebox_bg.gif") no-repeat 100% 100%; /* 2009 : #b5f3db */
width:15.8em;
font-size:90%;
position: absolute;
font-weight:normal;
margin-top: -2em;
margin-left: 17.5em;
display: none;
}

#nav ul li:hover ul, #nav ul li.sfhover ul { /* Pseudo classe hover via javascript pour IE */
display: block;
z-index:1000;
}

#nav li li {
background:none;
float:none;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
padding-left:0
}
#nav li li.last {border-bottom:none}
#nav li li.sousmenu {background: transparent url("/css/images/puce8.png") no-repeat 98% 50%}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
#nav li li a:hover {color:#fff;background:#36792f}
#nav li li.sousmenu a:hover {color:#fff;background: #36792f url("/css/images/puce5.png") no-repeat 98% 50%}
#nav li li.sousmenu li a:hover {color:#fff;background:#36792f}

#nav li.active {background: #36792f;border-bottom: 2px solid #36792f}
#nav li.active ul {border:none;background: transparent url("/css/images/featurebox2_bg.gif") no-repeat 100% 100%}

#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#nav li.active a:hover {color:#fff}

#nav li.active li {
border:none;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent
} /* 2009 : #fff et #36792f */
#nav li.active li.sousmenu {background: transparent url("/css/images/puce5.png") no-repeat 98% 50%}
#nav li.active li.last {border-bottom: none}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
#nav li.active li a:hover {background-color: #79ad5b;color:#fff}
#nav li.active li.sousmenu a:hover {color:#fff; background: #79ad5b url("/css/images/puce8.png") no-repeat 98% 50%}
#nav li.active li.sousmenu li a:hover {color:#fff; background: #79ad5b}
#nav li.active li.active a:link,
#nav li.active li.active a:visited,
#nav li.active li.active a:hover,
#nav li.active li.active a:active {color:#fff;font-weight:bold;background-color: #333;}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/* DIV pour mettre un logo dans le coin en haut a droite */
#poweredby {
position:absolute; top:2px; right:5px;
width:146px; height:65px;
background: transparent url("/css/images/logo_pva.png") no-repeat right top;
}

#langue {
float: left;
color:#fff;
background: #79ad5b;
}

#langue a, #langue a:link, #langue a:visited, #langue a:hover, #langue a:active {
color:#fff;
}

/* CORPS DE LA PAGE */
#wrap {
min-width:951px;
margin: 0; /* Mettre 0 partout cale la fenetre a gauche et evite le leger decalage quand il y a ou non un ascenseur */
}

#content-wrap {position:relative;top:20px;width:100%;}
#content-wrap {background: transparent url("/css/images/content_wrap_bg.gif") repeat-y 25px 0}
	#utility {position:absolute;top:0px;left:15px;width:170px;}
	#sidebar {position:absolute;top:0px;right:15px;width:170px;}

/* Taille de la fenêtre principale */
#content {margin: 0px 230px 0px 230px;}
	#content #breadcrumb {font-size:93%;font-weight:bold;}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none;color:#c00}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline;color:#069}

	/* Centrage des images à défiler */
	.imagecenter {
	  margin-left: auto;
	  margin-right: auto;
	  width: 70%;
	  text-align: left; }

	/* Post-it */
	.featurebox {
	  color:#333; padding: 15px 20px 20px; border-top: 1px solid #d7d7d7; margin: 0 0 1.5em;
	  background: #fced8c url("/css/images/featurebox5_bg.gif") no-repeat 100% 100%; }

	.featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #444;color:#000;} 
	.featurebox p {text-align:left; border:none;margin: 0 0 1em;color:#000;}
	.featurebox a {font-weight:normal;}

	.thumbnail {
	  margin: 0 0 0 10px;
	  position:relative;
	  z-index:900;
	  border: 1px solid #eee;
	  float:right;
	  width:200px;
	  padding:5px;
	  background:#fff; }
	.thumbnail img {border: 1px solid #000;}
	
	.pagination {
	  background: #f2f2f2;
	  color:#666;
	  padding: 4px 2px 4px 7px;
	  border: 1px solid #ddd;
	  margin: 0 0 1.5em; }
	.pagination p {position:relative;text-align:right;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;}
	.pagination p a:hover {background:#c00;color:#fff;}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc;}
	.pagination * {margin:0;}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none;}
	
	/* TABLES */
	table.table1 { border: 2px solid #900;border-collapse:collapse }
	table.table1 th {text-align:center;border: 1px solid #fff; color:#fff;font-size:130%;background-color: #900;padding: 10px 6px }
	table.table1 td {text-align:left;background-color: #fff;padding:5px;border: 1px solid #900 }
	
	table.table2 { border: 2px solid #900;border-collapse:collapse }
	table.table2 th { text-align:center;border: 1px solid #fff; color:#fff;font-size:130%;background-color: #900;padding: 10px 6px }
	table.table2 td { text-align:center;background-color: #fff;padding:5px;border: 1px solid #900 }

	table.table3 { border: 2px solid #900;border-collapse:collapse }
	table.table3 th { text-align:center;border: 1px solid #fff; color:#fff;font-size:90%;background-color: #900;padding: 10px 6px }
	table.table3 td { text-align:left;background-color: #fff;padding:5px;border: 1px solid #900;font-size:90% }
	
	table.table4 { width: 100%; border:none; padding: 10px }
	table.table4 td { text-align:center;background-color: #fff }

	table.table5 { border: 2px solid #79ad5b; border-collapse:collapse }
	table.table5 tr { vertical-align:top }
	table.table5 th { text-align:center;border: 1px solid #fff; color:#fff;font-size:100%;background-color: #36792F;padding: 10px 6px }
	table.table5 td { background-color: #fff;padding:10px;border: 1px solid #36792F; text-align:left }
	table.table5 td  p { text-align:left }
	table.table5 td.first  { width: 250px; text-align: center; font-weight:bold }
	table.table5 td.last  { text-align: center }
	
	table.table6 { width: 100%; border: none; padding: 10px }
	table.table6 th { text-align:center;background-color: #fff; border: 1px solid #000; padding: 10px}
	table.table6 td { text-align:center;background-color: #fff;border: 1px solid #000; padding: 10px}	
	
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
	background: transparent url("/css/images/more_red.png") no-repeat 5px 0px;
	padding-left:21px;
	}
	a.morelink:hover {background: transparent url("/css/images/more_blue.png") no-repeat 5px 0px;}
	.morelink span {position:absolute;left:-9999px;width:900px}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static;}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("/css/images/puce2.png") no-repeat 10px 10px;font: bold 86% arial;display:block}
	#nav-secondary a,
	#nav-secondary a:link,
	#nav-secondary a:visited,
	#nav-secondary a:hover,
	#nav-secondary a:active {text-decoration:none; cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #fee url("/css/images/puce2.png") no-repeat 10px 10px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* Masquage des sous menu inactifs */
/* Remarque : l'utilisation de display: none n'est pas ideal en terme d'accessibilite */
	#nav-secondary li ul { display: none; } /* L'affichage des sous menu est masqué */
	#nav-secondary li.active ul { display: block; } /* sauf pour le sous-menu qui est actif */

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 0 23px;padding:0 0 1em 0}
	
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("/css/images/puce1.png") no-repeat 0 6px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 0 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 0 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}

/* Plan du site */
/* SECONDARY NAVIGATION - vertical navigation */
	#sitemap {position:static;margin:0;padding:0;background:#fff;border-top: 1px solid #ccc;margin-top: 1px;font-size:70%;}
	#sitemap li.menu1 {display:none;}
	#sitemap li.menu2 {position:relative; float: left;width: 19em;}
	#sitemap li.menu3 {position:relative; float: left;width: 19em;}
	#sitemap li.menu4 {position:relative; float: left;width: 19em;}
	#sitemap li.menu5 {position:relative; clear: left;width: 19em;}
	#sitemap li.menu6 {position:relative; float: left;width: 19em;}
	#sitemap li.menu7 {position:relative; float: left;width: 19em;}
	#sitemap a, #sitemap a:link, #sitemap a:visited, #sitemap a:hover, #sitemap a:active {
	text-decoration:none;
	color:#000;	}
	#sitemap a:hover {color:#55a787}

/* PIED DE PAGE */
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999;}
	#footer p {margin:0; text-align:left;}
	#footer a, #footer a:link, #footer a:visited {color:#999;}
	#footer a:hover, #footer a:active {color:#069;}