/* CSS Document */ body { font: 100% Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: center; color: #000000; background-color: #C2BCA0; background-repeat: no-repeat; background-position: left -100%; } .hydravion #container { text-align: left; padding: 0px; background-color: #C2BCA0; height: 100%; overflow: hidden; margin: 0px; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; } .hydravion #container #news { background-image: url(../img/png/newsletter.png); background-repeat: no-repeat; background-position: left top; display: block; height: 18px; width: 100px; position: absolute; top: 45px; right: 30px; } .hydravion #container #news:hover { background-image: url(../img/png/newsletter-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container #contact { background-image: url(../img/png/contact.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 18px; width: 80px; position: absolute; top: 20px; right: 30px; } .hydravion #container #contact:hover { background-image: url(../img/png/contact-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #pvideo { background-image: url(../img/png/fond-video.png); background-repeat: no-repeat; background-position: left top; float: left; height: 285px; width: 380px; margin-right: 10px; text-align: center; padding-top: 40px; } .hydravion #web2 { height: 32px; background-color: #A8C5E1; background-image: url(../img/png/zoom-coin-d.png); background-repeat: no-repeat; background-position: right top; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 0px; margin-top: 3px; margin-right: -10px; margin-bottom: 0px; margin-left: 0px; float: right; } .hydravion #web2-g { background-image: url(../img/png/zoom-coin-g.png); background-repeat: no-repeat; background-position: left top; float: left; height: 32px; width: 10px; } .hydravion #web2 .big { font-size: 180%; } .hydravion #web-partage { float:right; margin-top:12px; font-size:11px; margin-left: 5px; } .hydravion #web2 a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #2974A0; font-weight: bold; font-size: 120%; padding-bottom: 5px; } .hydravion #web2 a:hover { color: #000000; text-decoration: none; } .hydravion #container #menu { overflow: hidden; position: absolute; z-index: 300; top: 100px; left: 260px; height: 110px; right: 330px; vertical-align: bottom; } .hydravion #container #header { margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; height: 230px; background-image: url(../img/jpg/entete-fond-rassemblement.jpg); } .hydravion #container #headerIndex { margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; height: 230px; background-image: url(../img/jpg/entete-fond-capitale-de-hydravion.jpg); } .hydravion #container #headerIndex #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container #headerIndex #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container #header #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container #header #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container #headerIndex #search { position: absolute; z-index: 500; top: 150px; right: 5px; } .hydravion #mainContent { background-color: #E2DFD2; padding-top: 15px; padding-bottom: 15px; position: absolute; left: 250px; right: 310px; bottom: 140px; top: 220px; } /* Actualités */ .hydravion #mainContent #actualite-t { background-color: #709ECD; margin-right: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent #actualite { background-color: #F0EEE8; position: absolute; left: 15px; right: 15px; bottom: 15px; top: 60px; overflow: auto; border-top-width: 3px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #709ECD; border-right-color: #709ECD; border-bottom-color: #709ECD; border-left-color: #709ECD; } .hydravion #mainContent #actualite #actualite-txt { margin-bottom: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent #actualite #actualite-txt:hover { background-color: #E4E2D6; cursor: pointer; } .hydravion #mainContent #actualite #actualite-txt a { text-decoration: none; color: #0083BF; display: block; padding-top: 5px; padding-bottom: 5px; } .hydravion #mainContent #actualite #actualite-txt a:hover { color: #0083BF; text-decoration: underline; } .hydravion #mainContent #actualite #actualite-txt h1 { font-size: 160%; font-weight: normal; color: #333333; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #mainContent #actualite #actualite-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 5px; padding: 0px; color: #A6A089; } .hydravion #mainContent #actualite #actualite-txt p { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; } .hydravion #container #sidebar1 { float: left; width: 235px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-color: #a6a089; text-align: center; } .hydravion #container #sidebar1 #gallerit { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; padding: 0px; height: 56px; width: 235px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .hydravion #container #sidebar1 #gallerit:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container #sidebar1 #gallerit-2 { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #container #sidebar1 #gallerit-2:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container #sidebar1 #galleri{ top: 0px; width: 235px; height: 260px; text-align: center; background-image: url(../img/png/gallery-fond.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; padding-bottom: 15px; } .hydravion #container #sidebar1 #galleri #som { margin: 0px; padding: 0px; float: left; height: 128px; width: 104px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; color: #E0DFDA; font-size: 12px; font-weight: normal; background-color: #9A9685; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #8E8975; } .hydravion #container #sidebar1 #galleri #som-active { margin: 0px; padding: 0px; float: left; height: 128px; width: 104px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: normal; background-color: #797264; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #8E8975; } .hydravion #container #sidebar1 #galleri #som:hover { background-color: #797264; cursor: pointer; color: #FFFFFF; } .hydravion #container #sidebar1 #galleri #som-left { padding: 0px; float: left; height: 128px; width: 104px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; color: #E0DFDA; font-size: 12px; font-weight: normal; background-color: #9A9685; margin-left:12px; border-right-width: 3px; border-right-style: solid; border-right-color: #8E8975; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #8E8975; } .hydravion #container #sidebar1 #galleri #som-left:hover { background-color: #797264; cursor: pointer; color: #FFFFFF; } .hydravion #container #sidebar1 #galleri #som-left-active { padding: 0px; float: left; height: 128px; width: 104px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: normal; background-color: #797264; margin-left:12px; border-right-width: 3px; border-right-style: solid; border-right-color: #8E8975; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #8E8975; } .hydravion #container #sidebar1 #galleri #som img { margin-bottom: 5px; } .hydravion #container #sidebar1 #galleri #som-left img { margin-bottom: 5px; } .hydravion #container #sidebar1 #galleri #som-left-active img { margin-bottom: 5px; } .hydravion #container #sidebar1 #galleri #som-active img { margin-bottom: 5px; } .hydravion #sidebar1 #gallerilien { font-size: 80%; padding-top: 5px; padding-bottom: 15px; } .hydravion #sidebar1 #gallerilien a { color: #5b5544; text-decoration: none; } .hydravion #sidebar1 #gallerilien a:hover { color: #FFFFFF; text-decoration: none; } .hydravion #sidebar1 #videot { background-image: url(../img/png/web-tv-2.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #sidebar1 #videot:hover { background-image: url(../img/png/web-tv-2-2.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #sidebar1 #videot-2 { background-image: url(../img/png/web-tv-2-3.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #sidebar1 #videot-2:hover { background-image: url(../img/png/web-tv-2.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } /* Sidebar2 */ .hydravion #sidebar2 { float: right; width: 260px; padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 0px; background-color: #e2dfd2; } .hydravion #sidebar2 h3 { padding-left: 10px; } .hydravion #sidebar2 p { padding-left: 12px; padding-bottom: 5px; padding-top: 5px; margin: 0px; color: #645F4A; } .hydravion #sidebar2 .video { background-image: url(../img/png/fond-video-accueil.png); background-repeat: no-repeat; background-position: left top; height: 210px; width: 290px; padding-left: 19px; padding-top: 25px; } .hydravion #sidebar2 #videot { background-image: url(../img/png/web-tv.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #sidebar2 #videot:hover { background-image: url(../img/png/web-tv-2-2.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } /* Sidebar3 */ .hydravion #sidebar3 { float: right; width: 260px; padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 0px; background-color: #e2dfd2; height: 372px; } .hydravion #sidebar3 .actu-droite-1 { background-image: url(../img/png/images/actualites-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #sidebar3 #actu-droite-2 { background-image: url(../img/png/images/actualites-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; height: 280px; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; overflow: auto; } .hydravion #sidebar3 #actu-droite-2 #actu-droite-2-lien { margin: 0px; padding: 0px; } .hydravion #sidebar3 #actu-droite-2 #actu-droite-2-lien:hover { background-color: #DCD8C9; color: #000000; cursor:pointer; } .hydravion #sidebar3 #actu-droite-2 #actu-droite-2-lien h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%; margin: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-weight: normal; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCD8C9; } .hydravion #sidebar3 #actu-droite-2 #actu-droite-2-lien h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; color: #A6A089; } .hydravion #sidebar3 .actu-droite-3 { background-image: url(../img/png/images/actualites-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } /* Sidebar4 */ .hydravion #sidebar4 { float: right; width: 260px; padding-top: 0px; padding-right: 50px; padding-left: 0px; background-color: #e2dfd2; } /* Gallerie */ .hydravion #mainContent-2 { background-color: #E2DFD2; padding-top: 15px; padding-bottom: 15px; position: absolute; left: 250px; right: 0px; bottom: 140px; top: 220px; padding-right: 30px; } /* Gallerie Plein ecran */ .hydravion #mainContent-2 #gallerie-t { background-color: #709ECD; margin-right: 0px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-2 #gallerie{ background-color: #709ECD; position: absolute; left: 15px; right: 30px; bottom: 15px; top: 60px; overflow: hidden; border-top-width: 3px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #709ECD; border-right-color: #709ECD; border-bottom-color: #709ECD; border-left-color: #709ECD; } /* Footer */ .hydravion #footer { padding: 0; position: absolute; right: 0px; bottom: 0px; z-index: 1000; margin: 0px; width: 100%; text-align: right; } .hydravion #footer #img { float: left; z-index: 1; margin-top: 65px; margin-left: 30px; } /**************************************************************************************** Hydravions *****************************************************************************************/ .hydravion #mainContent-no { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 0px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #container-no #news { background-image: url(../img/png/newsletter.png); background-repeat: no-repeat; background-position: left top; display: block; height: 18px; width: 100px; position: absolute; top: 45px; right: 30px; } .hydravion #container-no #news:hover { background-image: url(../img/png/newsletter-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-no #contact { background-image: url(../img/png/contact.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 18px; width: 80px; position: absolute; top: 20px; right: 30px; } .hydravion #container-no #contact:hover { background-image: url(../img/png/contact-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-no #header { margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; height: 230px; background-image: url(../img/jpg/entete-fond-rassemblement.jpg); } .hydravion #container-no { text-align: left; padding: 0px; background-color: #C2BCA0; overflow: hidden; margin: 0px; width: 100%; } .hydravion #container-no #menu { overflow: hidden; position: absolute; z-index: 300; top: 100px; left: 260px; height: 110px; right: 330px; vertical-align: bottom; } .hydravion #container-no #header #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-no #header #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-no #web2 { height: 32px; background-color: #95EADD; background-image: url(../img/png/zoom-coin-hydra-d.png); background-repeat: no-repeat; background-position: right top; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 0px; margin-top: 3px; margin-right: -10px; margin-bottom: 0px; margin-left: 0px; float: right; } .hydravion #container-no #web2-g { background-image: url(../img/png/zoom-coin-hydra-g.png); background-repeat: no-repeat; background-position: left top; float: left; height: 32px; width: 10px; } .hydravion #container-no #web2 .big { font-size: 180%; } .hydravion #container-no #web-partage { float:right; margin-top:12px; font-size:11px; margin-left: 5px; } .hydravion #container-no #web2 a { color: #187466; } .hydravion #container-no #web2 a:hover { color: #000000; } .hydravion #container-no #sidebar1 { float: left; width: 235px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-color: #a6a089; text-align: center; } .hydravion #container-no #sidebar1 #gallerit { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; padding: 0px; height: 56px; width: 235px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .hydravion #container-no #sidebar1 #gallerit:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-no #sidebar1 #gallerit-2 { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #container-no #sidebar1 #gallerit-2:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-no #sidebar1 #galleri{ top: 0px; width: 235px; height: 260px; /*background-color: #A6A089;*/ text-align: center; background-image: url(../img/png/gallery-fond.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; padding-bottom: 15px; /*border-right-width: 4px; border-right-style: solid; border-right-color: #807756;*/ } .hydravion #container-no #sidebar4 #actu-droite-5 #back { background-image: url(../img/png/nav-3.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 10px; display: block; float: left; } .hydravion #container-no #sidebar4 #actu-droite-5 #back:hover { background-image: url(../img/png/nav-4.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-no #sidebar4 #actu-droite-5 #next { background-image: url(../img/png/nav-1.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; display: block; position: absolute; right: 38px; } .hydravion #container-no #sidebar4 #actu-droite-5 #next:hover { background-image: url(../img/png/nav-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-no #mainContent-no #hydra #back30 { background-image: url(../img/png/nav30hydra-3.png); background-repeat: no-repeat; background-position: left top; height: 30px; width: 120px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; display: block; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 65%; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 32px; color: #209C88; } .hydravion #container-no #mainContent-no #hydra #back30:hover { background-image: url(../img/png/nav30hydra-4.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-no #mainContent-no #hydra #next30 { background-image: url(../img/png/nav30hydra-2.png); background-repeat: no-repeat; background-position: right top; height: 30px; width: 120px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; display: block; position: absolute; right: 355px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 65%; text-align: right; padding-top: 3px; padding-right: 32px; padding-bottom: 0px; padding-left: 0px; color: #209C88; } .hydravion #container-no #mainContent-no #hydra #next30:hover { background-image: url(../img/png/nav30hydra-1.png); background-repeat: no-repeat; background-position: right top; cursor:pointer; } .hydravion #container-no #sidebar4 .actu-droite-1 { background-image: url(../img/png/images/actualites-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-no #sidebar4 #actu-droite-2 { background-image: url(../img/png/images/actualites-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .hydravion #container-no #sidebar4 #actu-droite-2 #actu-droite-2-lien { margin: 0px; padding: 0px; } .hydravion #container-no #sidebar4 #actu-droite-2 #actu-droite-2-lien:hover { background-color: #DCD8C9; color: #000000; cursor:pointer; } .hydravion #container-no #sidebar4 #actu-droite-2 #actu-droite-2-lien h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%; margin: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-weight: normal; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCD8C9; } .hydravion #container-no #sidebar4 #actu-droite-2 #actu-droite-2-lien h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; color: #A6A089; } .hydravion #container-no #sidebar4 .actu-droite-3 { background-image: url(../img/png/images/actualites-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #container-no #sidebar4 .actu-droite-4 { background-image: url(../img/png/images/hydravions-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-no #sidebar4 .titre { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding-left: 15px; padding-right: 3px; padding-top: 5px; } .hydravion #container-no #sidebar4 .txt { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 10px; } .hydravion #container-no #sidebar4 .actu-droite-4 .titre a { color: #FFFFFF; text-decoration: none; } .hydravion #container-no #sidebar4 .actu-droite-4 .titre a:hover { color: #000000; text-decoration: none; } .hydravion #container-no #sidebar4 #actu-droite-5 { background-image: url(../img/png/images/hydravions-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 3px; padding-right: 10px; padding-bottom: 26px; padding-left: 10px; } .hydravion #container-no #sidebar4 #actu-droite-5 a { color: #209C88; text-decoration: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #CAF4EE; display: block; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #container-no #sidebar4 #actu-droite-5 a:hover { background-color: #CAF4EE; color: #666666; cursor:pointer; background-image: url(../img/png/lien-fond-hydra-2.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-no #sidebar4 #actu-droite-5 .active { background-color: #CAF4EE; color: #FFFFFF; background-image: url(../img/png/lien-fond-hydra.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-no #sidebar4 .actu-droite-6 { background-image: url(../img/png/images/hydravions-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } /* Hydravion */ .hydravion #mainContent-no #hydra-t { background-color: #209C88; margin-right: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; overflow: hidden; } .hydravion #mainContent-no #hydra { background-color: #F0EEE8; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 0px; border-top-width: 3px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #209C88; border-right-color: #209C88; border-bottom-color: #209C88; border-left-color: #209C88; } .hydravion #mainContent-no #hydra #hydra-txt { margin-bottom: 5px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-no #hydra #hydra-txt a { text-decoration: none; color: #0083BF; padding-top: 5px; padding-bottom: 5px; } .hydravion #mainContent-no #hydra #hydra-txt a:hover { color: #0083BF; text-decoration: underline; } .hydravion #mainContent-no #hydra #hydra-txt h1 { font-size: 160%; font-weight: normal; color: #115349; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #mainContent-no #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding: 0px; color: #A6A089; } .hydravion #container-no #mainContent-no #hydra #hydra-txt h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; font-weight: normal; color: #115349; padding-bottom: 0px; margin-bottom: 2px; } .hydravion #container-no #mainContent-no #hydra #hydra-txt #carte { background-image: url(../img/jpg/par-google.jpg); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; height: 179px; width: 154px; } .hydravion #container-no #mainContent-no #hydra #hydra-txt #carte:hover { background-image: url(../img/jpg/par-google-2.jpg); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-no #mainContent-no #hydra #hydra-txt #carte a { margin: 0px; padding: 0px; height: 179px; width: 154px; display:block; } .hydravion #container-no #mainContent-no #hydra #hydra-txt h4 a { color: #A6A089; text-decoration: none; } .hydravion #container-no #mainContent-no #hydra #hydra-txt h4 a:hover { color: #209C88; text-decoration: none; } .hydravion #container-no #mainContent-no #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; color: #209C88; margin: 0px; } .hydravion #mainContent-no #hydra #hydra-txt #photo-contain { font-size: 10px; text-align:center; display: block; width: 170px; height: 193px; margin-right: 10px; float: left; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; color: #115349; margin-bottom: 3px; background-image: url(../img/jpg/photo-fond.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-no #hydra #hydra-txt #photo-contain:hover { background-image: url(../img/jpg/photo-fond-2.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-no #hydra #hydra-txt #photo-cadre { display: block; height: 105px; width: 170px; overflow: hidden; margin-bottom: 30px; margin-top: 6px; } .hydravion #footer-no { padding: 0; margin: 0px; width: 100%; text-align: right; } .hydravion #footer-no #img { float: left; margin-top: 65px; margin-left: 30px; } .hydravion #footer-no-hydra { height: 100%; background-color:#209C88; background-image: url(../img/png/footer-arrondi.png); background-repeat: no-repeat; background-position: left top; font-size: 75%; text-align: left; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; } .hydravion #footer-no-hydra p { float: left; text-align: left; margin-right: 10px; margin-top: 5px; padding-top: 0px; } .hydravion #footer-no-hydra div { color: #125A50; margin-top: 5px; } .hydravion #footer-no-hydra .div { color: #125A50; } .hydravion #footer-no-hydra a { color: #FFFFFF; text-decoration: none; } .hydravion #footer-no-hydra a:hover { color: #000000; text-decoration: none; } .hydravion #footer-no-hydra a:active { color: #000000; text-decoration: none; } /**************************************************************************************** FIN Hydravions *****************************************************************************************/ /**************************************************************************************** Actualites *****************************************************************************************/ .hydravion #mainContent-actu { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 0px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #container-actu #news { background-image: url(../img/png/newsletter.png); background-repeat: no-repeat; background-position: left top; display: block; height: 18px; width: 100px; position: absolute; top: 45px; right: 30px; } .hydravion #container-actu #news:hover { background-image: url(../img/png/newsletter-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-actu #contact { background-image: url(../img/png/contact.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 18px; width: 80px; position: absolute; top: 20px; right: 30px; } .hydravion #container-actu #contact:hover { background-image: url(../img/png/contact-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-actu #header { margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; height: 230px; background-image: url(../img/jpg/entete-fond-capitale-de-hydravion.jpg); } .hydravion #container-actu { text-align: left; padding: 0px; background-color: #C2BCA0; overflow: hidden; margin: 0px; width: 100%; } .hydravion #container-actu #menu { overflow: hidden; position: absolute; z-index: 300; top: 100px; left: 260px; height: 110px; right: 330px; vertical-align: bottom; } .hydravion #container-actu #header #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-actu #header #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-actu #web2 { height: 32px; background-color: #A8C5E1; background-image: url(../img/png/zoom-coin-d.png); background-repeat: no-repeat; background-position: right top; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 0px; margin-top: 3px; margin-right: -10px; margin-bottom: 0px; margin-left: 0px; float: right; } .hydravion #container-actu #web2-g { background-image: url(../img/png/zoom-coin-g.png); background-repeat: no-repeat; background-position: left top; float: left; height: 32px; width: 10px; } .hydravion #container-actu #web2 .big { font-size: 180%; } .hydravion #container-actu #web-partage { float:right; margin-top:12px; font-size:11px; margin-left: 5px; } .hydravion #container-actu #sidebar1 { float: left; width: 235px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-color: #a6a089; text-align: center; } .hydravion #container-actu #sidebar1 #gallerit { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; padding: 0px; height: 56px; width: 235px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .hydravion #container-actu #sidebar1 #gallerit:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-actu #sidebar1 #gallerit-2 { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #container-actu #sidebar1 #gallerit-2:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-actu #sidebar1 #galleri{ top: 0px; width: 235px; height: 260px; /*background-color: #A6A089;*/ text-align: center; background-image: url(../img/png/gallery-fond.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; padding-bottom: 15px; /*border-right-width: 4px; border-right-style: solid; border-right-color: #807756;*/ } .hydravion #container-actu #sidebar4 #actu-droite-5 #back { background-image: url(../img/png/nav-3.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 10px; display: block; float: left; } .hydravion #container-actu #sidebar4 #actu-droite-5 #back:hover { background-image: url(../img/png/nav-4.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-actu #sidebar4 #actu-droite-5 #next { background-image: url(../img/png/nav-1.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; display: block; position: absolute; right: 38px; } .hydravion #container-actu #sidebar4 #actu-droite-5 #next:hover { background-image: url(../img/png/nav-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-actu #mainContent-actu #hydra #back30 { background-image: url(../img/png/nav30-3.png); background-repeat: no-repeat; background-position: left top; height: 22px; width: 120px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; display: block; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 65%; padding-top: 9px; padding-right: 0px; padding-bottom: 0px; padding-left: 32px; color: #709ECD; } .hydravion #container-actu #mainContent-actu #hydra #back30:hover { background-image: url(../img/png/nav30-4.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-actu #mainContent-actu #hydra #next30 { background-image: url(../img/png/nav30-2.png); background-repeat: no-repeat; background-position: right top; height: 22px; width: 100px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; display: block; position: absolute; right: 355px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 65%; text-align: right; padding-top: 9px; padding-right: 32px; padding-bottom: 0px; padding-left: 0px; color: #709ECD; } .hydravion #container-actu #mainContent-actu #hydra #next30:hover { background-image: url(../img/png/nav30-1.png); background-repeat: no-repeat; background-position: right top; cursor:pointer; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt h4 a { color: #A6A089; text-decoration: none; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt h4 a:hover { color: #6D6852; text-decoration: none; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; color: #A6A089; margin: 0px; } .hydravion #container-actu #sidebar4 .actu-droite-1 { background-image: url(../img/png/images/actualites-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt #actu-tout { background-color: #E3E1D2; padding: 10px; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt #actu-tab a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #A09C8B; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt #actu-tab { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #A09C8B; margin-left: 12px; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt #actu-tout #actu-clic { } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt #actu-tout #actu-clic:hover { background-color: #F0EEE8; cursor:pointer; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt .actu-rub { color: #A09C8B; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 12px; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt #actu-tout h1 { font-size: 14px; margin: 0px; padding: 0px; line-height: 20px; } .hydravion #container-actu #mainContent-actu #hydra #hydra-txt #actu-tout h4 { float: left; width: 85px; margin: 0px; line-height: 20px; padding: 0px; } .hydravion #container-actu #sidebar4 #actu-droite-2 { background-image: url(../img/png/images/actualites-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .hydravion #container-actu #sidebar4 #actu-droite-2 #actu-droite-2-lien { margin: 0px; padding: 0px; } .hydravion #container-actu #sidebar4 #actu-droite-2 #actu-droite-2-lien:hover { background-color: #DCD8C9; color: #000000; cursor:pointer; } .hydravion #container-actu #sidebar4 #actu-droite-2 #actu-droite-2-lien h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%; margin: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-weight: normal; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCD8C9; } .hydravion #container-actu #sidebar4 #actu-droite-2 #actu-droite-2-lien h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; color: #A6A089; } .hydravion #container-actu #sidebar4 .actu-droite-3 { background-image: url(../img/png/images/actualites-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #container-actu #sidebar4 .actu-droite-4 { background-image: url(../img/png/images/actu-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-actu #sidebar4 .titre { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding-left: 15px; padding-right: 3px; padding-top: 5px; } .hydravion #container-actu #sidebar4 .txt { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 10px; } .hydravion #container-actu #sidebar4 .actu-droite-4 .titre a { color: #FFFFFF; text-decoration: none; } .hydravion #container-actu #sidebar4 .actu-droite-4 .titre a:hover { color: #000000; text-decoration: none; } .hydravion #container-actu #sidebar4 #actu-droite-5 { background-image: url(../img/png/images/actu-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 3px; padding-right: 10px; padding-bottom: 26px; padding-left: 10px; } .hydravion #container-actu #sidebar4 #actu-droite-5 a { color: #2974A0; text-decoration: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #CEDAE6; display: block; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #container-actu #sidebar4 #actu-droite-5 a:hover { background-color: #CEDAE6; color: #666666; cursor:pointer; background-image: url(../img/png/lien-fond-hydra-2.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-actu #sidebar4 #actu-droite-5 .active { background-color: #CEDAE6; color: #FFFFFF; background-image: url(../img/png/lien-fond-hydra.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-actu #sidebar4 .actu-droite-6 { background-image: url(../img/png/images/actu-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } /* Hydravion */ .hydravion #mainContent-actu #hydra-t { background-color: #709ECD; margin-right: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; overflow: hidden; } .hydravion #mainContent-actu #hydra { background-color: #F0EEE8; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 0px; border-top-width: 3px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #709ECD; border-right-color: #709ECD; border-bottom-color: #709ECD; border-left-color: #709ECD; } .hydravion #mainContent-actu #hydra #hydra-txt { margin-bottom: 5px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-actu #hydra #hydra-txt a { text-decoration: none; color: #0083BF; padding-top: 5px; padding-bottom: 5px; } .hydravion #mainContent-actu #hydra #hydra-txt a:hover { color: #0083BF; text-decoration: underline; } .hydravion #mainContent-actu #hydra #hydra-txt h1 { font-size: 160%; font-weight: normal; color: #000000; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #mainContent-actu #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding: 0px; color: #A6A089; } .hydravion #mainContent-actu #hydra #hydra-txt #photo-contain { font-size: 10px; text-align:center; display: block; width: 170px; height: 193px; margin-right: 10px; float: left; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; color: #2974A0; margin-bottom: 3px; background-image: url(../img/jpg/photo-fond.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-actu #hydra #hydra-txt #photo-contain:hover { background-image: url(../img/jpg/photo-fond-2.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-actu #hydra #hydra-txt #photo-cadre { display: block; height: 105px; width: 170px; overflow: hidden; margin-bottom: 30px; margin-top: 6px; } .hydravion #mainContent-actu #hydra #hydra-txt #actualite-txt-2 { margin: 0px; padding: 5px; } .hydravion #mainContent-actu #hydra #hydra-txt #actualite-txt-2:hover { background-color: #E4E2D6; cursor: pointer; } .hydravion #footer-actu { padding: 0; margin: 0px; width: 100%; text-align: right; } .hydravion #footer-actu #img { float: left; margin-top: 65px; margin-left: 30px; } .hydravion #footer-actu-hydra { height: 100%; background-color:#209C88; background-image: url(../img/png/footer-arrondi.png); background-repeat: no-repeat; background-position: left top; font-size: 75%; text-align: left; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; } .hydravion #footer-actu-hydra p { float: left; text-align: left; margin-right: 10px; margin-top: 5px; padding-top: 0px; } .hydravion #footer-actu-hydra div { color: #125A50; margin-top: 5px; } .hydravion #footer-actu-hydra .div { color: #125A50; } .hydravion #footer-actu-hydra a { color: #FFFFFF; text-decoration: none; } .hydravion #footer-actu-hydra a:hover { color: #000000; text-decoration: none; } .hydravion #footer-actu-hydra a:active { color: #000000; text-decoration: none; } /**************************************************************************************** FIN Actualites *****************************************************************************************/ /**************************************************************************************** Musée *****************************************************************************************/ .hydravion #mainContent-musee { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 0px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #container-musee #news { background-image: url(../img/png/newsletter.png); background-repeat: no-repeat; background-position: left top; display: block; height: 18px; width: 100px; position: absolute; top: 45px; right: 30px; } .hydravion #container-musee #news:hover { background-image: url(../img/png/newsletter-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-musee #contact { background-image: url(../img/png/contact.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 18px; width: 80px; position: absolute; top: 20px; right: 30px; } .hydravion #container-musee #contact:hover { background-image: url(../img/png/contact-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-musee #header { margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; height: 230px; background-image: url(../img/jpg/entete-fond-musee.jpg); } .hydravion #container-musee #header #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-musee #header #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-musee #headerIndex #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-musee #headerIndex #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-musee { text-align: left; padding: 0px; background-color: #C2BCA0; overflow: hidden; margin: 0px; width: 100%; } .hydravion #container-musee #menu { overflow: hidden; position: absolute; z-index: 300; top: 100px; left: 260px; height: 110px; right: 330px; vertical-align: bottom; } .hydravion #container-musee #sidebar4 #actu-droite-5 #back { background-image: url(../img/png/nav-3b.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 10px; display: block; float: left; } .hydravion #container-musee #sidebar4 #actu-droite-5 #back:hover { background-image: url(../img/png/nav-4b.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-musee #sidebar4 #actu-droite-5 #next { background-image: url(../img/png/nav-2b.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; display: block; position: absolute; right: 38px; } .hydravion #container-musee #sidebar4 #actu-droite-5 #next:hover { background-image: url(../img/png/nav-1b.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-musee #mainContent-musee #hydra #hydra-txt h4 a { color: #A6A089; text-decoration: none; } .hydravion #container-musee #mainContent-musee #hydra #hydra-txt h4 a:hover { color: #00527E; text-decoration: none; } .hydravion #container-musee #mainContent-musee #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; color: #00527E; margin: 0px; } .hydravion #container-musee #sidebar1 { float: left; width: 235px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-color: #a6a089; text-align: center; } .hydravion #container-musee #sidebar1 #gallerit { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; padding: 0px; height: 56px; width: 235px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .hydravion #container-musee #sidebar1 #gallerit:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-musee #sidebar1 #gallerit-2 { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #container-musee #sidebar1 #gallerit-2:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-musee #sidebar1 #galleri{ top: 0px; width: 235px; height: 260px; /*background-color: #A6A089;*/ text-align: center; background-image: url(../img/png/gallery-fond.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; padding-bottom: 15px; /*border-right-width: 4px; border-right-style: solid; border-right-color: #807756;*/ } .hydravion #container-musee #sidebar4 .actu-droite-1 { background-image: url(../img/png/images/actualites-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-musee #sidebar4 #actu-droite-2 { background-image: url(../img/png/images/actualites-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .hydravion #container-musee #sidebar4 #actu-droite-2 #actu-droite-2-lien { margin: 0px; padding: 0px; } .hydravion #container-musee #sidebar4 #actu-droite-2 #actu-droite-2-lien:hover { background-color: #DCD8C9; color: #000000; cursor:pointer; } .hydravion #container-musee #sidebar4 #actu-droite-2 #actu-droite-2-lien h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%; margin: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-weight: normal; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCD8C9; } .hydravion #container-musee #sidebar4 #actu-droite-2 #actu-droite-2-lien h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; color: #A6A089; } .hydravion #container-musee #sidebar4 .actu-droite-3 { background-image: url(../img/png/images/actualites-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #container-musee #sidebar4 .actu-droite-4 { background-image: url(../img/png/images/musee-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-musee #sidebar4 .titre { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding-left: 15px; padding-right: 3px; padding-top: 5px; } .hydravion #container-musee #sidebar4 .txt { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 10px; } .hydravion #container-musee #sidebar4 .actu-droite-4 .titre a { color: #FFFFFF; text-decoration: none; } .hydravion #container-musee #sidebar4 .actu-droite-4 .titre a:hover { color: #000000; text-decoration: none; } .hydravion #container-musee #sidebar4 #actu-droite-5 { background-image: url(../img/png/images/musee-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 3px; padding-right: 10px; padding-bottom: 26px; padding-left: 10px; } .hydravion #container-musee #sidebar4 #actu-droite-5 a { color: #00527E; text-decoration: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #BAE3F9; display: block; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #container-musee #sidebar4 #actu-droite-5 a:hover { background-color: #BAE3F9; color: #666666; cursor:pointer; background-image: url(../img/png/lien-fond-musee-2.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-musee #sidebar4 #actu-droite-5 .active { background-color: #BAE3F9; color: #FFFFFF; background-image: url(../img/png/lien-fond-musee.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-musee #sidebar4 .actu-droite-6 { background-image: url(../img/png/images/musee-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #mainContent-musee { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 15px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #mainContent-musee #hydra-t { background-color: #00527E; margin-right: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-musee #hydra { background-color: #F0EEE8; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 0px; border-top-width: 3px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #00527E; border-right-color: #00527E; border-bottom-color: #00527E; border-left-color: #00527E; } .hydravion #mainContent-musee #hydra #hydra-txt { margin-bottom: 5px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-musee #hydra #hydra-txt a { text-decoration: none; color: #0083BF; padding-top: 5px; padding-bottom: 5px; } .hydravion #mainContent-musee #hydra #hydra-txt a:hover { color: #0083BF; text-decoration: underline; } .hydravion #mainContent-musee #hydra #hydra-txt h1 { font-size: 160%; font-weight: normal; color: #00527E; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #mainContent-musee #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding: 0px; color: #A6A089; } .hydravion #mainContent-musee #hydra #hydra-txt #photo-contain { font-size: 10px; text-align:center; display: block; width: 170px; height: 193px; margin-right: 10px; float: left; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; color: #00527E; margin-bottom: 3px; background-image: url(../img/jpg/photo-fond.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-musee #hydra #hydra-txt #photo-contain:hover { background-image: url(../img/jpg/photo-fond-2.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-musee #hydra #hydra-txt #photo-cadre { display: block; height: 105px; width: 170px; overflow: hidden; margin-bottom: 30px; margin-top: 6px; } .hydravion #footer-musee { padding: 0; margin: 0px; width: 100%; text-align: right; } .hydravion #footer-musee #img { float: left; margin-top: 65px; margin-left: 30px; } .hydravion #footer-musee-hydra { height: 100%; background-color:#00527E; background-image: url(../img/png/footer-arrondi-musee.png); background-repeat: no-repeat; background-position: left top; font-size: 75%; text-align: left; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; } .hydravion #footer-musee-hydra p { float: left; text-align: left; margin-right: 10px; margin-top: 5px; padding-top: 0px; } .hydravion #footer-musee-hydra div { color: #40B1EE; margin-top: 5px; } .hydravion #footer-musee-hydra .div { color: #40B1EE; } .hydravion #footer-musee-hydra a { color: #FFFFFF; text-decoration: none; } .hydravion #footer-musee-hydra a:hover { color: #40B1EE; text-decoration: none; } .hydravion #footer-musee-hydra a:active { color: #FFFFFF; text-decoration: none; } /**************************************************************************************** FIN Musée *****************************************************************************************/ /**************************************************************************************** Histoire *****************************************************************************************/ .hydravion #mainContent-histoire { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 0px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #container-histoire #news { background-image: url(../img/png/newsletter.png); background-repeat: no-repeat; background-position: left top; display: block; height: 18px; width: 100px; position: absolute; top: 45px; right: 30px; } .hydravion #container-histoire #news:hover { background-image: url(../img/png/newsletter-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-histoire #contact { background-image: url(../img/png/contact.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 18px; width: 80px; position: absolute; top: 20px; right: 30px; } .hydravion #container-histoire #contact:hover { background-image: url(../img/png/contact-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-histoire #header { margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; height: 230px; background-image: url(../img/jpg/entete-fond-histoire.jpg); } .hydravion #container-histoire #header #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-histoire #header #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-histoire #headerIndex #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-histoire #headerIndex #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-histoire { text-align: left; padding: 0px; background-color: #C2BCA0; overflow: hidden; margin: 0px; width: 100%; } .hydravion #container-histoire #menu { overflow: hidden; position: absolute; z-index: 300; top: 100px; left: 260px; height: 110px; right: 330px; vertical-align: bottom; } .hydravion #container-histoire #sidebar4 #actu-droite-5 #back { background-image: url(../img/png/nav-3-histoire.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 10px; display: block; float: left; } .hydravion #container-histoire #sidebar4 #actu-droite-5 #back:hover { background-image: url(../img/png/nav-4-histoire.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-histoire #sidebar4 #actu-droite-5 #next { background-image: url(../img/png/nav-2-histoire.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; display: block; position: absolute; right: 38px; } .hydravion #container-histoire #sidebar4 #actu-droite-5 #next:hover { background-image: url(../img/png/nav-1-histoire.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-histoire #mainContent-histoire #hydra #hydra-txt h4 a { color: #A6A089; text-decoration: none; } .hydravion #container-histoire #mainContent-histoire #hydra #hydra-txt h4 a:hover { color: #83500A; text-decoration: none; } .hydravion #container-histoire #mainContent-histoire #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; color: #83500A; margin: 0px; } .hydravion #container-histoire #sidebar1 { float: left; width: 235px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-color: #a6a089; text-align: center; } .hydravion #container-histoire #sidebar1 #gallerit { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; padding: 0px; height: 56px; width: 235px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .hydravion #container-histoire #sidebar1 #gallerit:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-histoire #sidebar1 #gallerit-2 { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #container-histoire #sidebar1 #gallerit-2:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-histoire #sidebar1 #galleri{ top: 0px; width: 235px; height: 260px; /*background-color: #A6A089;*/ text-align: center; background-image: url(../img/png/gallery-fond.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; padding-bottom: 15px; /*border-right-width: 4px; border-right-style: solid; border-right-color: #807756;*/ } .hydravion #container-histoire #sidebar4 .actu-droite-1 { background-image: url(../img/png/images/actualites-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-histoire #sidebar4 #actu-droite-2 { background-image: url(../img/png/images/actualites-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .hydravion #container-histoire #sidebar4 #actu-droite-2 #actu-droite-2-lien { margin: 0px; padding: 0px; } .hydravion #container-histoire #sidebar4 #actu-droite-2 #actu-droite-2-lien:hover { background-color: #DCD8C9; color: #000000; cursor:pointer; } .hydravion #container-histoire #sidebar4 #actu-droite-2 #actu-droite-2-lien h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%; margin: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-weight: normal; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCD8C9; } .hydravion #container-histoire #sidebar4 #actu-droite-2 #actu-droite-2-lien h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; color: #A6A089; } .hydravion #container-histoire #sidebar4 .actu-droite-3 { background-image: url(../img/png/images/actualites-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #container-histoire #sidebar4 .actu-droite-4 { background-image: url(../img/png/images/histoire-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-histoire #sidebar4 .titre { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding-left: 15px; padding-right: 3px; padding-top: 5px; } .hydravion #container-histoire #sidebar4 .txt { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 10px; } .hydravion #container-histoire #sidebar4 .actu-droite-4 .titre a { color: #FFFFFF; text-decoration: none; } .hydravion #container-histoire #sidebar4 .actu-droite-4 .titre a:hover { color: #000000; text-decoration: none; } .hydravion #container-histoire #sidebar4 #actu-droite-5 { background-image: url(../img/png/images/histoire-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 3px; padding-right: 10px; padding-bottom: 26px; padding-left: 10px; } .hydravion #container-histoire #sidebar4 #actu-droite-5 a { color: #83500A; text-decoration: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #FBDEB7; display: block; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #container-histoire #sidebar4 #actu-droite-5 a:hover { background-color: #FBDEB7; color: #83500A; cursor:pointer; background-image: url(../img/png/lien-fond-histoire-2.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-histoire #sidebar4 #actu-droite-5 .active { background-color: #FBDEB7; color: #83500A; background-image: url(../img/png/lien-fond-histoire.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-histoire #sidebar4 .actu-droite-6 { background-image: url(../img/png/images/histoire-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #mainContent-histoire { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 15px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #mainContent-histoire #hydra-t { background-color: #f09825; margin-right: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-histoire #hydra { background-color: #F0EEE8; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 0px; border-top-width: 3px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #f09825; border-right-color: #f09825; border-bottom-color: #f09825; border-left-color: #f09825; } .hydravion #mainContent-histoire #hydra #hydra-txt { margin-bottom: 5px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-histoire #hydra #hydra-txt a { text-decoration: none; color: #0083BF; padding-top: 5px; padding-bottom: 5px; } .hydravion #mainContent-histoire #hydra #hydra-txt a:hover { color: #0083BF; text-decoration: underline; } .hydravion #mainContent-histoire #hydra #hydra-txt h1 { font-size: 160%; font-weight: normal; color: #83500A; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #mainContent-histoire #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding: 0px; color: #A6A089; } .hydravion #mainContent-histoire #hydra #hydra-txt #photo-contain { font-size: 10px; text-align:center; display: block; width: 170px; height: 193px; margin-right: 10px; float: left; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; color: #83500A; margin-bottom: 3px; background-image: url(../img/jpg/photo-fond.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-histoire #hydra #hydra-txt #photo-contain:hover { background-image: url(../img/jpg/photo-fond-2.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-histoire #hydra #hydra-txt #photo-cadre { display: block; height: 105px; width: 170px; overflow: hidden; margin-bottom: 30px; margin-top: 6px; } .hydravion #footer-histoire { padding: 0; margin: 0px; width: 100%; text-align: right; } .hydravion #footer-histoire #img { float: left; margin-top: 65px; margin-left: 30px; } .hydravion #footer-histoire-hydra { height: 100%; background-color:#f09825; background-image: url(../img/png/footer-arrondi-histoire.png); background-repeat: no-repeat; background-position: left top; font-size: 75%; text-align: left; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; } .hydravion #footer-histoire-hydra p { float: left; text-align: left; margin-right: 10px; margin-top: 5px; padding-top: 0px; } .hydravion #footer-histoire-hydra div { color: #83500A; margin-top: 5px; } .hydravion #footer-histoire-hydra .div { color: #83500A; } .hydravion #footer-histoire-hydra a { color: #FFFFFF; text-decoration: none; } .hydravion #footer-histoire-hydra a:hover { color: #83500A; text-decoration: none; } .hydravion #footer-histoire-hydra a:active { color: #FFFFFF; text-decoration: none; } /**************************************************************************************** FIN Histoire *****************************************************************************************/ /**************************************************************************************** VIE Aéronautique *****************************************************************************************/ .hydravion #mainContent-vie { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 0px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #container-vie #news { background-image: url(../img/png/newsletter.png); background-repeat: no-repeat; background-position: left top; display: block; height: 18px; width: 100px; position: absolute; top: 45px; right: 30px; } .hydravion #container-vie #news:hover { background-image: url(../img/png/newsletter-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-vie #contact { background-image: url(../img/png/contact.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 18px; width: 80px; position: absolute; top: 20px; right: 30px; } .hydravion #container-vie #contact:hover { background-image: url(../img/png/contact-2.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-vie #header { margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top; height: 230px; background-image: url(../img/jpg/entete-fond-vie.jpg); } .hydravion #container-vie #header #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-vie #header #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-vie #headerIndex #search { position: absolute; z-index: 500; top: 150px; right: 5px; background-image: url(../img/png/recherche.png); background-repeat: no-repeat; background-position: left top; height: 75px; width: 320px; } .hydravion #container-vie #headerIndex #search form { margin: 0px; padding-top: 32px; padding-right: 0px; padding-bottom: 0px; padding-left: 65px; } .hydravion #container-vie { text-align: left; padding: 0px; background-color: #C2BCA0; overflow: hidden; margin: 0px; width: 100%; } .hydravion #container-vie #menu { overflow: hidden; position: absolute; z-index: 300; top: 100px; left: 260px; height: 110px; right: 330px; vertical-align: bottom; } .hydravion #container-vie #sidebar4 #actu-droite-5 #back { background-image: url(../img/png/nav-3-vie.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 10px; display: block; float: left; } .hydravion #container-vie #sidebar4 #actu-droite-5 #back:hover { background-image: url(../img/png/nav-4-vie.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-vie #sidebar4 #actu-droite-5 #next { background-image: url(../img/png/nav-2-vie.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; display: block; position: absolute; right: 38px; } .hydravion #container-vie #sidebar4 #actu-droite-5 #next:hover { background-image: url(../img/png/nav-1-vie.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; } .hydravion #container-vie #mainContent-vie #hydra #hydra-txt h4 a { color: #A6A089; text-decoration: none; } .hydravion #container-vie #mainContent-vie #hydra #hydra-txt h4 a:hover { color: #00527E; text-decoration: none; } .hydravion #container-vie #mainContent-vie #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; color: #fd5418; margin: 0px; } .hydravion #container-vie #sidebar1 { float: left; width: 235px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-color: #a6a089; text-align: center; } .hydravion #container-vie #sidebar1 #gallerit { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; padding: 0px; height: 56px; width: 235px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .hydravion #container-vie #sidebar1 #gallerit:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-vie #sidebar1 #gallerit-2 { background-image: url(../img/png/galerie-photo-2.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 56px; width: 235px; } .hydravion #container-vie #sidebar1 #gallerit-2:hover { background-image: url(../img/png/galerie-photo.png); background-repeat: no-repeat; background-position: center top; cursor:pointer; } .hydravion #container-vie #sidebar1 #galleri{ top: 0px; width: 235px; height: 260px; /*background-color: #A6A089;*/ text-align: center; background-image: url(../img/png/gallery-fond.png); background-repeat: no-repeat; background-position: left top; padding-top: 15px; padding-bottom: 15px; /*border-right-width: 4px; border-right-style: solid; border-right-color: #807756;*/ } .hydravion #container-vie #sidebar4 .actu-droite-1 { background-image: url(../img/png/images/actualites-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-vie #sidebar4 #actu-droite-2 { background-image: url(../img/png/images/actualites-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } .hydravion #container-vie #sidebar4 #actu-droite-2 #actu-droite-2-lien { margin: 0px; padding: 0px; } .hydravion #container-vie #sidebar4 #actu-droite-2 #actu-droite-2-lien:hover { background-color: #DCD8C9; color: #000000; cursor:pointer; } .hydravion #container-vie #sidebar4 #actu-droite-2 #actu-droite-2-lien h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%; margin: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-weight: normal; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DCD8C9; } .hydravion #container-vie #sidebar4 #actu-droite-2 #actu-droite-2-lien h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; color: #A6A089; } .hydravion #container-vie #sidebar4 .actu-droite-3 { background-image: url(../img/png/images/actualites-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #container-vie #sidebar4 .actu-droite-4 { background-image: url(../img/png/images/vie-fond_01.png); background-repeat: no-repeat; background-position: left top; height: 47px; width: 290px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .hydravion #container-vie #sidebar4 .titre { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding-left: 15px; padding-right: 3px; padding-top: 5px; } .hydravion #container-vie #sidebar4 .txt { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 10px; } .hydravion #container-vie #sidebar4 .actu-droite-4 .titre a { color: #FFFFFF; text-decoration: none; } .hydravion #container-vie #sidebar4 .actu-droite-4 .titre a:hover { color: #000000; text-decoration: none; } .hydravion #container-vie #sidebar4 #actu-droite-5 { background-image: url(../img/png/images/vie-fond_02.png); background-repeat: repeat-y; background-position: left top; width: 270px; display: block; margin: 0px; padding-top: 3px; padding-right: 10px; padding-bottom: 26px; padding-left: 10px; } .hydravion #container-vie #sidebar4 #actu-droite-5 a { color: #F95415; text-decoration: none; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #FED5C7; display: block; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #container-vie #sidebar4 #actu-droite-5 a:hover { background-color: #FED5C7; color: #FFFFFF; cursor:pointer; background-image: url(../img/png/lien-fond-vie-2.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-vie #sidebar4 #actu-droite-5 .active { background-color: #FED5C7; color: #FFFFFF; background-image: url(../img/png/lien-fond-vie.png); background-repeat: no-repeat; background-position: left center; } .hydravion #container-vie #sidebar4 .actu-droite-6 { background-image: url(../img/png/images/vie-fond_03.png); background-repeat: no-repeat; background-position: left top; height: 15px; width: 290px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .hydravion #mainContent-vie { background-color: #E2DFD2; padding-top: 5px; padding-bottom: 15px; margin-left: 250px; margin-right: 310px; margin-top: 0px; } .hydravion #mainContent-vie #hydra-t { background-color: #FD6735; margin-right: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-vie #hydra { background-color: #F0EEE8; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 0px; border-top-width: 3px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FD6735; border-right-color: #FD6735; border-bottom-color: #FD6735; border-left-color: #FD6735; } .hydravion #mainContent-vie #hydra #hydra-txt { margin-bottom: 5px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hydravion #mainContent-vie #hydra #hydra-txt a { text-decoration: none; color: #0083BF; padding-top: 5px; padding-bottom: 5px; } .hydravion #mainContent-vie #hydra #hydra-txt a:hover { color: #0083BF; text-decoration: underline; } .hydravion #mainContent-vie #hydra #hydra-txt h1 { font-size: 160%; font-weight: normal; color: #F95415; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .hydravion #mainContent-vie #hydra #hydra-txt h4 { font-size: 65%; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding: 0px; color: #A6A089; } .hydravion #mainContent-vie #hydra #hydra-txt #photo-contain { font-size: 10px; text-align:center; display: block; width: 170px; height: 193px; margin-right: 10px; float: left; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; color: #FD6735; margin-bottom: 3px; background-image: url(../img/jpg/photo-fond.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-vie #hydra #hydra-txt #photo-contain:hover { background-image: url(../img/jpg/photo-fond-2.jpg); background-repeat: no-repeat; background-position: left top; } .hydravion #mainContent-vie #hydra #hydra-txt #photo-cadre { display: block; height: 105px; width: 170px; overflow: hidden; margin-bottom: 30px; margin-top: 6px; } .hydravion #footer-vie { padding: 0; margin: 0px; width: 100%; text-align: right; } .hydravion #footer-vie #img { float: left; margin-top: 65px; margin-left: 30px; } .hydravion #footer-vie-hydra { height: 100%; background-color:#FD6735; background-image: url(../img/png/footer-arrondi-vie.png); background-repeat: no-repeat; background-position: left top; font-size: 75%; text-align: left; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; } .hydravion #footer-vie-hydra p { float: left; text-align: left; margin-right: 10px; margin-top: 5px; padding-top: 0px; } .hydravion #footer-vie-hydra div { margin-top: 5px; color: #7E2101; } .hydravion #footer-vie-hydra .div { color: #7E2101; } .hydravion #footer-vie-hydra a { color: #FFFFFF; text-decoration: none; } .hydravion #footer-vie-hydra a:hover { color: #7E2101; text-decoration: none; } .hydravion #footer-vie-hydra a:active { color: #FFFFFF; text-decoration: none; } /**************************************************************************************** FIN vie *****************************************************************************************/ /* Diverses classes à réutiliser */ .fltrt { /* permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */ float: right; margin-left: 8px; } .fltlft { /* permet de rendre flottant le côté gauche d'un élément dans la page */ float: left; margin-right: 8px; } .clearfloat { /* doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */ clear:both; height:0; font-size: 1px; line-height: 0px; } /* */ #affImg { margin-right: 5px; display: block; height: 75px; width: 76px; } #Img { z-index: 500; display: block; height: 200px; width: 200px; position: absolute; overflow: hidden; background-color: #FFFFFF; } .hydravion #container-no #popup-txt { position: absolute; top: 140px; left: 260px; right: 15px; background-color: #FFFFFF; border: 1px solid #709ecd; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .hydravion #container-no #popup-txt h1 { margin: 0px; background-color: #709ecd; color: #000000; letter-spacing: -1px; padding-top: 2px; padding-right: 10px; padding-bottom: 3px; padding-left: 12px; text-transform: none; border: 1px solid #709ecd;/* -moz-border-radius:8px; -webkit-border-radius:8px; */ } .hydravion #container-no #popup-txt p { padding-left: 13px; padding-right: 10px; } .hydravion #container-no #popup-txt #btn-billet { width: 269px; margin-left: 12px; margin-bottom: 12px; } .hydravion #container-no #popup-txt #btn-billet a { background-image: url(../img/png/btn-billet.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; height: 30px; width: 269px; display: block; } .hydravion #container-no #popup-txt #btn-billet a:hover { background-image: url(../img/png/btn-billet2.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; height: 30px; width: 269px; display: block; } .hydravion #container-no #billet-btn a { background-image: url(../img/png/btn-billet-1.png); background-repeat: no-repeat; background-position: center top; height: 80px; width: 209px; display:block; margin-left: 10px; } .hydravion #container-no #billet-btn a:hover { background-image: url(../img/png/btn-billet-2.png); background-repeat: no-repeat; background-position: center top; height: 80px; width: 209px; display:block; cursor:pointer; }