/*************************************** avv.ch ***************************************/
/*
 *  avv.ch
 *  by
 *  b7studio.com
 *  2009
 *
 */
/*************************************** avv.ch ***************************************/
body {
    margin: 20px;
}

#page {
    width: 990px;
}

#menu {
    height: 30px;
    margin: 0 0 0 225px;
    padding: 5px 0;
}

#logo {
    width: 100%;
    margin: 0 10px;
}

#logo h1 {
    margin: 0;
    padding: 0;
}

#content {
    /*
     text-align: left;
     font-family: Monaco, Verdana, "Courier New", monospaced;
     font-size:10px;
     line-height:15px;
     color:#000000;
     */
    margin: 0 0 0 220px;
}

#content p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 136%;
    vertical-align: baseline;
    color: #000000;
    text-decoration: none;
    text-align: justify;
    display: block;
    margin: 5px 0 10px 0;
}

.gototop {
    clear: both;
}

/*************************************** news ***************************************/
#newseditiontpl {
    margin: 0 0 20px 0;
}

#newseditiontpl .image a, #newseditiontpl .image a:link, #newseditiontpl .image a:visited {
    border: 0;
}

#newseditiontpl .image {
    float: left;
    height: 134px;
    width: 95px;
    margin: 0;
    padding: 0;
}

#newseditiontpl .txt {
    height: 75px;
    margin: 0 0 0 100px;
    padding: 90px 0 0;
}

#newstxt {
    position: relative;
}

#newstxt p {
    color: #8B5507;
    font-size: 18px;
    padding: 0 0 20px;
}

#newstxt strong {
    color: #FF0000;
}

#newstxt .newsletter {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
}

/*************************************** navigation ***************************************/
#navigation, .navigation {
    padding: 0;
    margin: 0;
}

#navigation li, .navigation li {
    display: block;
    float: left;
    padding: 0 7px 0 0;
}

#navigation li a {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: baseline;
}

#navigation li a:hover, #navigation li.active a {
    color: #ff0000;
    border-bottom: 1px dotted #ff0000;
    text-decoration: none;
}

.spacernav {
    color: #000000;
    font-family: Monaco, Verdana, "Courier New", monospaced;
    font-size: 10px;
    line-height: 15px;
    padding: 0 5px 0 0;
}

#navigation li.first .spacernav, .navigation li.first .spacernav {
    display: none;
}

/*************************************** textes ***************************************/
.title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 38px;
    line-height: 120%;
    text-align: left;
    vertical-align: baseline;
    padding: 0 0 10px 0;
    color: #FF0000;
    margin: 0px;
    border-bottom-style: none;
    border-bottom-color: #FFFFFF;
    text-indent: 1px;
    border-top-style: none;
    border-top-width: 1px;
    font-style: normal;
    font-weight: normal;
}

h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 120%;
    text-align: left;
    vertical-align: baseline;
    padding: 0px;
    color: #FF0000;
    margin: 0px;
    border-bottom-style: none;
    border-bottom-color: #FFFFFF;
    text-indent: 1px;
    border-top-style: none;
    border-top-width: 1px;
    font-style: normal;
    font-weight: normal;
}

.red {
    color: red;
    font-weight: bold;
}

/*************************************** participants ***************************************/
#participantsmenu {
    height: 185px;
    margin-bottom: 30px;
}

#participantsmenu ul {
    margin: 0;
    padding: 0;
}

#participantsmenu ul li {
    margin: 0;
}

#participantsmenu #col1 {
    width: 33%;
    float: left;
}

#participantsmenu #col2 {
    width: 33%;
    float: left;
}

#participantsmenu #col3 {
    width: 33%;
    float: left;
}

#participantsmenu ul li {
    background-repeat: no-repeat;
    background-position: -0.3px -0.5px;
    padding-left: 30px;
    list-style-type: none;
    padding-top: 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 160%;
}

.number1 {
    background-image: url(../../../../assets/images/1.gif);
}

.number2 {
    background-image: url(../../../../assets/images/2.gif);
}

.number3 {
    background-image: url(../../../../assets/images/3.gif);
}

.number4 {
    background-image: url(../../../../assets/images/4.gif);
}

.number5 {
    background-image: url(../../../../assets/images/5.gif);
}

.number6 {
    background-image: url(../../../../assets/images/6.gif);
}

.number7 {
    background-image: url(../../../../assets/images/7.gif);
}

.number8 {
    background-image: url(../../../../assets/images/8.gif);
}

.number9 {
    background-image: url(../../../../assets/images/9.gif);
}

.number10 {
    background-image: url(../../../../assets/images/10.gif);
}

.number11 {
    background-image: url(../../../../assets/images/11.gif);
}

.number12 {
    background-image: url(../../../../assets/images/12.gif);
}

.number13 {
    background-image: url(../../../../assets/images/13.gif);
}

.number14 {
    background-image: url(../../../../assets/images/14.gif);
}

.number15 {
    background-image: url(../../../../assets/images/15.gif);
}

.number16 {
    background-image: url(../../../../assets/images/A.gif);
}

.number17 {
    background-image: url(../../../../assets/images/B.gif);
}

.number18 {
    background-image: url(../../../../assets/images/B.gif);
}

.number19 {
    background-image: url(../../../../assets/images/17.gif);
}

#content .imageparticipant {
    float: left;
    text-align: left;
    width: 385px;
}

#content .infoparticipant p {
    margin: 0 0 0 405px;
    text-align: left;
    font-size: 14px;
}

#content .infoparticipant p.horaires {
    padding: 20px 0 0 0;
}

#content .infoparticipant p strong {
    color: black;
}

.participant p strong {
    color: #FF0000;
}

#content .italic_red {
    color: #FF0000;
    font-style: italic;
}

img.trait {
    margin: 0 0 7px 0;
}

/*************************************** parcours ***************************************/
#parcours1 {
    float: left;
    width: 370px;
    overflow: hidden;
}

#parcours2 {
    margin-left: 385px;
    width: 370px;
    overflow: hidden;
}

.parcourstpl {
    background-repeat: no-repeat;
    background-position: -0.3px -0.5px;
    padding-left: 30px;
}

.parcourstpl p {
    padding: 0;
    margin: 0;
    display: block;
}

#content .parcourstpl p {
    font-size: 13px;
    margin: 0;
    text-align: left;
}

#carte {
    margin: 20px 0 30px 0;
}

#content #carte a, #content #carte a:link, #content #carte a:active {
    border: 0;
}

#content .parcourstpl p.horaires {
    padding-top: 20px;
    display: block;
}

#content .printpdf {
    float: right;
    position: relative;
}

.parsep {
    margin: 0 0 0 30px;
}

/*new*/
/**** end ****/
/*************************************** Presse - Images ***************************************/
.div_content {
    display: none;
    margin: 10px 0 0 0;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

#div_gallery {
    /*
     display:block;
     */
}

#div_accordions .section {
    padding: 0;
    cursor: pointer;
    width: 100%;
    display: block;
}

#div_accordions .active {
    /*
     padding:0;
     */
}

#div_accordions .hover {
    color: red;
}

#div_accordions .hover a {
    color: red;
    border-bottom: 1px dotted red;
}

#div_accordions .active a:link, #div_accordions .active a:active, #div_accordions .active a:visited {
    color: red;
    text-decoration: none;
    border: 0;
}

#div_accordions .trait {
    margin: 0;
    padding: 0;
}

#div_accordions .plus {
    padding: 0 5px 0 0;
}

#div_accordions .moins {
    display: none;
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 0;
    width: 4px;
    color: red;
}

#div_accordions .editions {
    float: left;
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
    width: 45%;
}

/* galerie photo */
iframe {
    margin: 0;
    padding: 0;
    border: 0;
}

#iframeimg {
    width: 600px;
    height: 450px;
    float: right;
}

#gallery {
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 140%;
}

#galerienav {
    margin: 0;
    padding: 0;
}

#galerienav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.picture {
}

#gallery img {
    border-bottom: 5px red solid;
    height: 400px;
}

#gallerybox a:link, #gallerybox a:visited, #gallerybox a:hover, #gallerybox a:active {
    border: 0;
}

.picturecount {
    padding: 0 10px;
}

.gallerytitle {
    float: left;
    margin: 0;
    padding: 4px 0;
}

.gallerydescription {
    float: right;
    font-size: 10px;
    margin: 0;
    padding: 4px 0;
}

.gallerynavigation {
    color: red;
    display: block;
    float: none;
    font-size: 16px;
    /*
     position:absolute;
     width:600px;
     margin:0;
     */
    margin: 0 auto;
    width: 110px;
    text-align: center;
}

.inactive {
    color: black;
}

#gallery .gallerynavigation a {
    font-size: 16px;
    border: 0;
    color: red;
}

#div_gallery a.active {
    color: #ff0000;
    border-bottom: 1px dotted #ff0000;
    text-decoration: none;
}

.ss-controls {
    position: absolute;
    text-align: center;
    margin: 0 55px;
}

.nav-controls {
}

.prev {
    padding: 0 75px 0 0;
}

.next {
    padding: 0 0 0 10px;
}

#div_accordions a.noborder {
    border-bottom: 1px solid white;
}

#adminbutton {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

/* contact */
#content p.inscription {
    float: left;
    margin: 0 10px 0 0;
}

#caption {
    position: absolute;
    right: 0;
    top: 405px;
    width: 100%;
}

#controls {
    position: relative;
    margin: 0 auto;
    width: 150px;
    z-index: 100;
}

#slideshow {
    height: 405px;
    overflow: hidden;
}

#content .presseTpl p {
    margin: 0;
    padding: 0;
}

#content .presseTpl {
    padding: 0 0 20px 0;
}

/*****/
/* LINKS */
/*********/
a:link, a:active, a:visited {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: baseline;
}

#content a:hover, #content a:visited.current {
    color: #ff0000;
    border-bottom: 1px dotted #ff0000;
    text-decoration: none;
}

a:link img, a:active img, img a:visited img, a:hover img {
    border: 0;
}

h1 a:visited, h1 a:link, h1 a:hover, h1 a:active {
    border: 0;
}

.gototop a:visited, .gototop a {
    border: 0;
}

/*pour cacher les liens en "pointillés" identiques sous IE et FF
 */
a:focus, a:hover, a:active {
    outline: none
}

/*-moz-outline:none; */
a {
    outline: none;
}

/*a.header:link, a.img:active, a.img:hover, a.img:visited {
 border-bottom:0px;
 text-decoration: none;
 }*/
#header.a:link, #header.a:active {
    text-decoration: none;
}

/***********/
/* TOP NAV */
/***********/
/* GENERAL NAV LINKS */
img {
    border: 0px;
}

/* mailing List */
#buttons {
    margin: 0 0 0 62px;
}

#email {
    width: 188px;
}

input[type =
"submit"] {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    cursor: pointer;
}

#buttons .desinscription input {
    border: 1px solid white;
    background: white;
}

label {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 150%;
    width: 50px;
}

#alertmsg {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 138%;
}

#alertmsg ul {
    margin: 20px 0;
    padding: 0;
}

#alertmsg ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#alertmsg strong {
    font-weight: normal;
}

.warn {
}

.error {
    color: red;
}

.mail {
    display: none;
}

/**--------------------------------------- Parcours ----------------------------------**/
#carte {
    position: relative;
}

a.trigger {
    text-align: center;
    height: 18px;
    width: 18px;
    display: block;
}

.point {
    position: absolute;
	/*
	 * utile pour aligner les point...
border-bottom:1px solid red;
*/
}

/* placement des triggers ! attention start = 0 */
#pos0 {
}

#pos1 {
    left:465px;
	top:313px;
}

#pos2 {
    left:421px;
top:85px;
}

#pos3 {
   left:248px;
top:82px;
}

#pos4 {
  left:414px;
top:373px;
}

#pos5 {
    left:250px;
top:30px;
}

#pos6 {
  left:314px;
top:123px;
}

#pos7 {
    left:300px;
top:107px;
}

#pos8 {
  left:368px;
top:47px;
}

#pos9 {
   left:379px;
top:432px;
}

#pos10 {
   left:269px;
top:151px;
}

#pos11 {
	left:566px;
top:109px;
}

#pos12 {
left:108px;
top:22px;
}

#pos13 {
   left:285px;
top:93px;
}

#pos14 {
   left:267px;
top:84px;
}

#pos15 {
   left:242px;
top:191px;
}

#pos16 {
left:288px;
top:41px;
}

#pos17 {
   left:56px;
top:74px;
}

#pos18 {
    left: 598px;
    top: 367px;
}

/* tooltip styling */
.tooltip {
    display: none;
    background: url(http://www.avv.ch/assets/images/fond_tooltip.png) no-repeat;
    height: 170px;
    padding: 10px 40px 10px 10px;
    width: 307px;
    font-size: 13px;
    color: #fff;
}

#content .tooltip p {
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: left;
}

#content .tooltip p.horaire {
    padding-top: 20px;
    display: block;
}