/* CSS Document */ /******************************************************************************************************* cette CSS est commune pour tous les sites de SQY …  c'est la feuille de style qui defini le portail les autres sites sont surclassé pars leurs CSS spécifiques /********************************************************************************************************/ /******************************************************************************************************** /* INIT /******************************************************************************************************** /********************************************************************************************************/ html{ margin:0; padding:0; background:#1A4654;} body { text-align:center; color: #333; padding:0; margin:0; background:#12617b url(../../../portail/templates/img/bg-body.gif) repeat-x; } * {background-repeat:no-repeat;} #content a:link{color:#003B6E;} #content a:visited {color:#003B6E} #content a:hover { text-decoration:none;} #content a:active {} .container a.anchor {padding:0;position:static;} .left {float:left;} .right {float:right;} .spacer, .clear, .retour-a-la-ligne{clear:both!important;} .align-left{text-align:left} .align-right{text-align:right} .align-center{text-align:center} .ligne {border-top:1px solid #CCCCCC;clear:both!important} p.ligne {padding-top:1.6em;} #illustration {color:#666666; font-size:80%; text-align:right; width:550px; display:block;} #content hr {height: 1px; padding: 0; color: #ccc; background-color: #ccc; border: 0; clear:both;} #mapsGoogle{overflow:hidden;} .invisible{ position:absolute; top:-9999px; left:-9999px} #TB_overlay{z-index:10000!important} #TB_window{z-index:10002!important} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink{position:absolute; top:-1000px; left:-1000px; background-color:#000000; margin:0; padding:0; z-index:1000;} ul#skiplink li { list-style-type : none; position:absolute; top:0;} ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;} ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00} /********************************************************************************************************/ /******************************************************************************************************** /* LAYOUT /******************************************************************************************************** /********************************************************************************************************/ #wrap{ position:relative; text-align:left; background: url(../../../portail/templates/img/bg-wrap.png) repeat-y center; margin:auto; width:976px} * html #wrap{ background: url(../../../portail/templates/img/bg-wrap-ie6.png) repeat-y center;} /**/ #header{ background:url(../../../portail/templates/img/bg-hdr.png); height:150px; width:970px; margin:auto} .homepage #header{background:url(../../../portail/templates/img/bg-hdr-hp.png);} #header h1 { margin:0;} #header h1 img{ display:none} #header h1 a{width:500px; height:150px; display:block; padding:0} /**/ .sub-header{ margin:0; position:absolute; top:10px; left:60px; padding:0; font-weight:bold; color:#666666; letter-spacing:0.1em} .sub-header a{ color:#666666} .sub-header a:hover{ color:#079BDD; text-decoration:none} /**/ #corps{padding:55px 20px 0; margin:0 auto 0; width:930px; background:#E7EFF2 url(../../../portail/templates/img/bg-corps.png) repeat-x top; clear:both; position:relative} /**/ #content{ width:550px; float:left; } /**/ #content #breadcrumb{ border-bottom:1px solid #ccebf5; padding:0 0 0.5em 0; color:#999999;} #content #breadcrumb a, #breadcrumb a:link{ color:#999; text-decoration:none; background:none; padding:0} #content #breadcrumb a:hover{ color:#000000; text-decoration:underline} #content #breadcrumb strong{ color:#00689C; font-weight:normal} /**/ #icon-tools{ text-align:right; position:relative; bottom:-5px; width:180px; float:right;} #search{ position:absolute; top:120px; right:20px; width:175px; text-align:right; z-index:200} #search label{ display:none} #search form, #search p {margin:0; padding:0; z-index: 50;} #search p.search-box{text-align:left;background:#003b6e; position:relative; height:20px} #search #sword {color:#666; width:135px; height:15px; position:absolute;top:0; height:14px; padding:4px 0 0 2px} #search input {color:#08c8ff; vertical-align:middle; padding:0} #search input.rechercheOK{background:#003b6e; position:absolute; right:8px} /**/ #sidebar{width:360px; float:right} #sidebar *{ font-size:1em; color:#333} #sidebar-left, #sidebar-right{ width:175px; float:left; background:#fff} #sidebar-left{ margin-right:10px; background:#7dcbe9 url(../../../portail/templates/img/bg-sidebar-left.png) bottom repeat-x} #sidebar-right{background:#a3d99f url(../../../portail/templates/img/bg-sidebar-right.png) bottom repeat-x; float:right} /**/ /* MENU COLONNE (menu 2 et 3 + colonne droite) */ /* ------------------------------------------------------------------------------------------------------- */ #sidebar{ color:#3399cc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; } #sidebar a{ color:#333333} #sidebar h2{ border-bottom:#bee5f4 solid 1px; background:#3D8BB1 url(../../../portail/templates/img/bg-sidebar-h2-blue.png) repeat-x center; color:#006699; margin:0; color:#fff;padding:0; font-size:1em; font-weight:bold;padding: 0.2em 10px; width:155px } #sidebar h2 span{ color:#fff} #sidebar h2 img{ padding-top:10px} #sidebar h3{padding:0 10px 0; margin:0.5em 0 0 0; color:#006699} #sidebar-double h2{ width:340px} #sidebar ul{list-style-type:none; margin:0} #sidebar li{border-bottom:1px solid #bee5f4; margin:0; width:175px;} #sidebar-right li{border-bottom:1px solid #cce9ca;} #sidebar li a{ padding:4px 5px 4px 15px; display:block; width:155px; text-decoration:none; background:url(../../../portail/templates/img/sidebar-bullet-blue.png) no-repeat 4px 0.7em; line-height:normal} #sidebar-right li a{background-image:url(../../../portail/templates/img/sidebar-bullet-green.png); width:155px; padding-left:15px; color:#336600} #sidebar li a:hover {background-color:#FFFFFF; color:#059ADC} #sidebar-right li a:hover {background-color:#FFFFFF; color:#3CB352} #sidebar li.on{ border-bottom:none;} #sidebar li.on a{ background:#059ADC; color:#fff} #sidebar li.on li{ font-size:95%} #sidebar li.on li a{ background:#FAFBFD;color:#006699;} #sidebar li.on li a:hover{ text-decoration:underline;} #sidebar li.on li.on{ border-bottom:#bee5f4 solid 1px;} #sidebar li.on li.on a{ color:#E61A89; text-decoration:underline; color:#003b55; font-weight:bold} #sidebar li.on li.on li:last-child{ border:none} #sidebar li.on li.on li a{ width:130px; padding-left:40px; font-weight:normal;color:#006699; text-decoration:none; background:#FAFBFD url(../../../portail/templates/img/sidebar-bullet.png) no-repeat 25px 0.6em} #sidebar li.on li.on li a:hover{ color:#059ADC; text-decoration:underline} #sidebar li.on li.on li.on a{ color:#E61A89; text-decoration:underline; color:#003b55;} #sidebar li.on li.on ul{border-top:#bee5f4 solid 1px;} #sidebar p{ padding: 5px 10px; margin-bottom:0.3em; line-height:normal} #sidebar h2.open, #sidebar h2.close{ cursor:pointer; padding-right:30px; width:135px } #sidebar h2.open{background:url(../../../portail/templates/img/bg-sidebar-h2-open.png) no-repeat right center;} #sidebar h2.close{ background:url(../../../portail/templates/img/bg-sidebar-h2-close.png) no-repeat right center;} #sidebar-left h2.open{background-image:url(../../../portail/templates/img/bg-sidebar-h2-open-blue.png)} #sidebar-left h2.close{ background-image:url(../../../portail/templates/img/bg-sidebar-h2-close-blue.png)} #sidebar-right h2{background:#3cb352 url(../../../portail/templates/img/bg-sidebar-h2-green.png) repeat-x center} #sidebar-right h2.content2, #sidebar-right h2.content2056{ text-indent:-9999px;font-size:0; background:#F7F9FB url(../../../portail/templates/img/titre-7-communes-trans.png) no-repeat; height:32px} #sidebar h2 img{ padding-top:10px} #sidebar h3{padding:0 10px 0; margin:0.5em 0 0 0; color:#006699} #sidebar #carte{ background:#E9F1F3; margin-bottom:1px} #sidebar p.plan-interactif{ padding:0; margin-bottom:0; background:#F9FBFC} .homepage #sidebar p.plan-interactif{background:#E7EFF2; border-top:1px solid #fff} #sidebar #culture{ padding-left:1px} #sidebar #culture li{ width:78px; height:78px; float:left; margin:4px; display:inline} #sidebar #culture li a{ background:#fff; width:76px; height:76px; padding:0; border:1px solid #fff} #sidebar #culture li a:hover{border:1px solid #3CB352} #sidebar form{ padding:0 10px 10px; line-height:normal; margin:0 0 0.5em 0} #sidebar label{ clear:both; display:block; margin-top:1em} #sidebar select{ width:120px} #sidebar input{ vertical-align:middle; } #footer{ background:#1A4654; width:100%; margin:0} #footer-content{ background:#1A4654 url(../../../portail/templates/img/bg-ftr.png) no-repeat top center; padding:4em 0 2em 0; text-align:center; color:#83B6C7; width:974px; margin:0 auto} #footer img{ margin-bottom:2em} #footer a{ color:#83B6C7} #footer li{ display:inline; border-left: 1px solid #83B6C7; padding:0 0.5em; margin:0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff} #footer li:first-child{ border:none} .back2top{ text-align:right; font-size:80%; border-top:1px solid #999; clear:both} #content .back2top a{ text-decoration:none} /* FORMATAGE GENERIQUES DES LISTES /* ------------------------------------------------------------------------------------------------------- */ #content .list {padding-bottom:1em; list-style-type:none; margin:0; } #content .list p{ margin:0} #content .list .image{ height:79px; background:#fff; display:block; width:270px; margin-bottom:0.5em} #content .list a{background:none; padding:0!important; margin:0!important;} #content .list .colonnage1, #content .list .colonnage2 {margin:0; padding:0 0 1em 0; float:left;width:270px; background:none;overflow:hidden; display:inline; min-height:12em } #content .list .colonnage1 {clear:left; margin-right:10px} #content .list .colonnage2 {float:right; clear:right} #content .list a{ font-weight:bold; font-size:1.5em; display:block} #content .list img{ text-decoration:none; } /* Liste actus OLD colonnage #content .listActus {clear:both; padding-bottom:1em; list-style-type:none; margin:0; font-size:0.9em } #content .listActus a{ font-weight:bold; font-size:1.4em; line-height:1.2em; font-weight:bold; text-decoration:none; border-bottom:1px dotted #12617B; padding:0} #content .listActus a:hover{ border-color:#FFFFFF} #content .listActus .listLien { font-weight:bold} #content .listActus ul {list-style-type:none;margin:0;padding:0;} #content .listActus p {margin:0!important;padding:5px 10px!important;} #content .listActus li{float:left;width:262px; background:none; height:20em; overflow:hidden;border:1px solid #fff;clear:both; margin:0 10px 10px 0;padding:2px; background:#fff; line-height: 1.4em; border-left:2px solid #fff; float:left; display:inline} #content .listActus li:first-child {} #content .listActus .colonnage1 {clear:left;} #content .listActus .colonnage2 {margin:0 0 10px 0; float:right; clear:right} #content .listActus h3, #content .listActus h4 { margin:0} #content .listActus .image, #content .listActus img {margin:0 0 0 10px!important; float:right; background:#e4e4e4} #content .listActus img {padding:2px;border:1px solid #999999} #content .listActus .texte{ float:left; width:210px;} #content .listActus div.premier {border:0; padding-top:0; background:#ebedef; padding:10px; border:4px solid #d0d6d9; border-width:4px 0;} #content .listActus div.premier img {float:left; margin:0 10px 5px 0} #content .listActus small{ color:#999999} #content .listActus .date {color:#000000; font-weight:bold} #content .listActus .theme {text-transform:uppercase; font-weight:bold;padding:0.2em 10px;font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.2em;} */ /* Liste actus */ #content .listActus {clear:both; padding-bottom:1em; list-style-type:none; margin:0; width:550px; list-style-type:none;margin:0;padding:0; } #content .listActus a{ font-weight:bold; font-size:1.4em; line-height:1.2em; font-weight:bold; text-decoration:none; border-bottom:1px dotted #12617B; padding:0} #content .listActus a:hover{ border-color:#FFFFFF} #content .listActus .listLien { font-weight:bold} #content .listActus p {margin:0!important;padding:3px 10px!important;} #content .listActus li{ background:none; border:1px solid #fff;clear:both; margin:0 0 10px 0;padding:2px; background:#fff; line-height: 1.4em; border-left:2px solid #fff; float:left; width:550px} #content .listActus .colonnage1 {} #content .listActus .colonnage2 {} #content .listActus h3, #content .listActus h4 { margin:0} #content .listActus .image, #content .listActus img {margin:0 10px 10px 0!important; float:left;} #content .listActus img {padding:2px;border:1px solid #999999} #content .listActus .texte{ float:left; width:210px;} #content .listActus div.premier {border:0; padding-top:0; background:#ebedef; padding:10px; border:4px solid #d0d6d9; border-width:4px 0;} #content .listActus div.premier img {float:left; margin:0 10px 5px 0} #content .listActus small{ color:#999999} #content .listActus .date {color:#000000; font-weight:bold} #content .listActus .theme {font-weight:bold;padding:0.2em 10px;font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.2em;} #content .listActus .theme {color:#91899c} /* DEFAULT */ #content .listActus .theme1101, #content .listActus .theme-sport {color:#a3001d} /* sport */ #content .listActus .theme1099, #content .listActus .theme-societe {color:#11617a} /* societe */ #content .listActus .theme1362, #content .listActus .theme-communaute_d_agglo {color:#199caa} /* communaute d'agglo*/ #content .listActus .theme1102, #content .listActus .theme-culture {color:#672e5c} /* culture*/ #content .listActus .theme1471, #content .listActus .theme-evenement {color:#b36a00} /* evenement */ #content .listActus .theme1100, #content .listActus .theme-vie_pratique {color:#193052} /* vie pratique*/ #content .listActus .theme1359, #content .listActus .theme-loisirs {color:#899704} /* Loisirs */ #content .listActus .theme1357, #content .listActus .theme-economie {color:#91899c} /* Economie */ #content .listActus .theme1358, #content .listActus .theme-deplacements {color:#50a25a} /* Déplacements */ #content .listActus li {border-left-color:#91899c;} /* DEFAULT */ #content .listActus .box-theme1101, #content .listActus .box-theme-sport {border-left-color:#a3001d;} /* sport */ #content .listActus .box-theme1099, #content .listActus .box-theme-societe {border-left-color:#11617a} /* societe */ #content .listActus .box-theme1362, #content .listActus .box-theme-communaute_d_agglo {border-left-color:#199caa} /* communaute d'agglo*/ #content .listActus .box-theme1102, #content .listActus .box-theme-culture {border-left-color:#672e5c} /* culture*/ #content .listActus .box-theme1471, #content .listActus .box-theme-evenement {border-left-color:#b36a00} /* evenement */ #content .listActus .box-theme1100, #content .listActus .box-theme-vie_pratique {border-left-color:#193052} /* vie pratique*/ #content .listActus .box-theme1359, #content .listActus .box-theme-loisirs {border-left-color:#899704} /* Loisirs */ #content .listActus .box-theme1357, #content .listActus .box-theme-economie {border-left-color:#91899c} /* Economie */ #content .listActus .box-theme1358, #content .listActus .box-theme-deplacements {border-left-color:#50a25a} /* Déplacements */ /* repurcussion sur la HP*/ .homepage #content h2{background-color:#91899c}/* DEFAULT */ .homepage #content h2.header1101{background-color:#a3001d}/* sport */ .homepage #content h2.header1099{background-color:#11617a}/* societe */ .homepage #content h2.header1362{background-color:#199caa}/* communaute d'agglo*/ .homepage #content h2.header1102{background-color:#672e5c}/* culture*/ .homepage #content h2.header1471{background-color:#b36a00}/* evenement */ .homepage #content h2.header1100{background-color:#193052}/* vie pratique*/ .homepage #content h2.theme1359{background-color:#899704}/* Loisirs*/ .homepage #content h2.theme1357{background-color:#91899c}/* Economie */ .homepage #content h2.theme1358{background-color:#50a25a}/* Déplacements*/ /* Liste simple / sans colonnage */ #content .simple-list {padding-bottom:1em; list-style-type:none; margin:0;} #content .simple-list li {margin:0; padding:1em 0.5em 1em 0.5em; background:none; background-color:#fff;} #content .simple-list li.colonnage2{margin:0; clear:none; background:none;} #content .simple-list img{ float:left; margin:0 10px 10px 0;border:1px solid #999999; padding:2px;} #content .simple-list p{ margin:0} #content .simple-list p.themes {color:#999999; letter-spacing:0.1em; text-transform:uppercase;} /* Ajout Seb - 14/05/2009 - begin */ #content .listEmpty {padding:3px 7px 3px 7px; font-weight:bold; color:#FF0000!important;} /* Ajout Seb - 14/05/2009 - end */ #content .group-list {padding:0; list-style-type:none; margin:0;} #content .group-list li {margin:0; padding:1em 0.5em 1em 0.5em; background:none; border-top:1px dashed #999999} #content .group-list li.position1 {border-top:none;} #content .plurimedia-list {} #content .plurimedia-list li {} #content .plurimedia-list li span {color:#767676;} #content .seances li {margin-bottom:7px!important;} #content .seances li p {margin:0px!important;} #content .plurimedia-cinema-list {padding:0; list-style-type:none; margin:0px 0px 10px 0px;} #content .plurimedia-cinema-list li {margin:0; padding:0; display:inline; background:none;} #content .plurimedia-cinema-list li.on {font-weight:bold;} /********************************************************************************************************/ /******************************************************************************************************** /* TYPOGRAPHIE /******************************************************************************************************** /********************************************************************************************************/ #content h1{ color:#666666; font-size:2.5em; margin-top:1em; line-height:normal} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{line-height:normal} .chapo, .chapeau,#chapo, #chapeau{font-weight:bold} .post-date{ padding:0.25em 0; border:1px solid #ccc; border-width:1px 0; text-align:right; font-size:80%; color:#666} /* Liste /*-------------------------------------------------------------------------------------------------------*/ #content ul{ list-style-type:none; margin-left:0} #content ul li{ background:url(../../../portail/templates/img/puce-li.gif) no-repeat 0 0.25em; padding-left:1.5em} #content ul li ul li{ background:url(../../../portail/templates/img/puce-li-li.gif) no-repeat 0 0.25em} /*annule list des contenu page */ .homepage #content ul{ list-style-type: inherit; margin-left: 0;} .homepage #content ul li{ background: inherit; padding-left: 0;} .homepage #content ul li ul li{ background: inherit;} /* IMAGES /*-------------------------------------------------------------------------------------------------------*/ #content .imageBoite { background:#fff; color:#666; font-size:80%; font-weight:bold; text-align:left; clear:both; border:1px solid #ccc; padding:2px} #content .imageBoite .imageLegende { padding:0 5px} #content .imageBoite img{ border:1px solid #666; margin-bottom:1em} /* ENCARTS /*-------------------------------------------------------------------------------------------------------*/ #content .encart, #content .encart-droite, #content .encart-gauche{background:#d3e0de ;padding:10px;clear:both;border:1px solid #85a88f; border-bottom:5px solid #85a88f; margin:1em 0;} #content .encart-droite{ width:40%; float:right; margin:0 0 1em 1em} #content .encart-gauche{ width:40%; float:left; margin:0 1em 1em 0} #content .encartBlanc{background:#fff ; border:1px dotted #ccc; padding:10px;clear:both;margin:1em 0;} #content .encartBlanc h2{background:url(../../../portail/templates/img/info_bg.png) repeat-x 0; color:#b5cdd6; letter-spacing:0.3em; text-transform:uppercase} #content .post-update{ font-size:80%; color:#999; clear:both; margin:2em 0 0} /* NAVIGATION /********************************************************************************************************/ /*Main Navbar */ #nav-main {position:absolute; top:150px;left:3px; width:970px;font-size:1.2em; height:30px; text-align:left; z-index:200; background:url(../../../portail/templates/img/bg-nav.png) repeat-x; font-weight:bold} #nav-main ul {list-style: none; line-height: 1; margin:0; padding:0;} #nav-main a, #nav-main a:hover {display: block; text-decoration: none; border:none;} #nav-main li {float: left; list-style:none; border-right:1px solid #003B6F; margin:0; padding:0;} #nav-main a, #nav-main a:visited {display:block; color: #f5f5f4; padding:9px 10px; /*letter-spacing:0.05em;*/} #nav-main a:hover,#nav-main li:hover, #nav-main a:active,#nav-main .on a, #nav-main li.sfhover {background:#48A800 url(../../../portail/templates/img/bg-nav-on.jpg);} /* Dropdown Menus */ #nav-main li ul {position: absolute; z-index:99999; left: -999em; height: auto; width: 191px; font-weight:bold; padding:0 0; background:#6CB91B; border-left:1px solid #fff;} #nav-main li ul li ul {position:inherit; height: auto; width: 191px; font-weight:normal; list-style-type:square;} #nav-main li li {width:191px; padding:0; border:none} #nav-main li li a, #nav-main li li a:visited {font-size:0.9em; color:#001A2F; border-bottom:1px solid #9DD163; background:none!important;} #nav-main li li:hover, #nav-main li.sfhover li.sfhover { background:#A4D466!important} #nav-main li li a:hover, #nav-main li li a:active {background:#A4D466!important;border-bottom:1px solid #9DD163;} #nav-main li:hover ul, #nav li li:hover ul, #nav-main li li li:hover ul, #nav-main li.sfhover ul, #nav-main li li.sfhover ul, #nav-main li li li.sfhover ul {left: auto;} /* NAV 2 /*-------------------------------------------------------------------------------------------------------*/ #nav-secondary{ position:absolute; top:5px; right:20px; } #nav-secondary ul{ list-style-type:none; margin:0; width:175px} #nav-secondary li{} #nav-secondary li a{padding:0; color:#003366; text-decoration:none; display:block; padding:3px 0 3px 25px; width:150px; border-bottom:1px solid #e5ebf0; background:url(../../../portail/templates/img/icon.png) no-repeat 0 2px} #nav-secondary li a:hover{ text-decoration:underline} #nav-secondary .rss a{ color:#FF6600} #nav-secondary .accessibilite a{ background-position:0 -18px} #nav-secondary .faq a{background-position:0 -38px} #nav-secondary .plan a{background-position:0 -58px} #nav-secondary .contact a{background-position:0 -78px} /* HOMEPAGE */ /*-------------------------------------------------------------------------------------------------------*/ .homepage #content{ font-size:0.9em} .homepage #content #breadcrumb, .homepage #content h1{ display:none} /**/ .homepage #content #une-wrap { height:280px; overflow:hidden; margin:0 0 1em 0; position:relative} .homepage #content #une { height:280px; overflow:hidden; margin:0 0 1em 0; position:relative} .homepage #content #une li{/*overflow:hidden*/} .homepage #content #une-nav, .homepage #content #une-nav-2 { position:absolute; bottom:0; left:0; text-align:center; width:530px; height:20px; z-index:200; padding:10px;} .homepage #content #une-nav{ margin:0 50px; width:430px;} .homepage #content #une-nav-2{ background:#fff; display:block } .homepage #content #une-nav-2 #prev, .homepage #content #une-nav-2 #next{ float:left; display:block; background:url(../../../portail/templates/img/une-prev.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;font-size:0;} .homepage #content #une-nav-2 #next{ float:right;background:url(../../../portail/templates/img/une-next.gif) no-repeat;} .homepage #content #une-nav a { border: 1px solid #ccc; text-decoration: none; margin: 0 5px; padding: 3px 5px; color:#666 } .homepage #content #une-nav a.activeSlide { background: #A3001D; color:#fff; border-color:#A3001D } .homepage #content #une-nav a:focus { outline: none; } .homepage #content .une-entete{position:absolute; top:10px; left:10px; line-height:2em; font-size:1.8em; font-family:"trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0} .homepage #content .une-theme span{ background:#A3001D; color:#fff; padding:5px 10px; font-style:italic; margin:0;} .homepage #content .une-theme{ margin:0} .homepage #content .une-titre a{ padding:5px 10px; background:#fff; margin:0;} .homepage #content .une-titre{ margin:0} .homepage #content .une-chapo{ background:url(../../../portail/templates/img/bg-000-alpha-60-trans.png); position:absolute; bottom:40px; left:0; color:#e4e4e4; margin:0; padding:10px 10px 15px ; font-size:1.2em; width:530px; z-index:100} /**/ .homepage #content .bloc{ border:1px solid #cccccc; padding:2px; margin-bottom:1em} .homepage #home-left-content, .homepage #content #home-right-content { width:270px; float:left} .homepage #content #home-left-content{ margin-right:10px;} .homepage #content h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase; background:#91899c; margin:0 0 1em 0; padding:0.2em 10px; color:#fff; letter-spacing:0.2em; font-weight:bold; line-height:1.8em} .homepage #content .agenda h2{ background:#11617A} .homepage #content h2.sport{ background:#A3001D} .homepage #content h2.exposition{ background:#EC8119} .homepage #content h2.environnement{ background:#50A25A} .homepage #content ul{ margin:10px; list-style-type:none} .homepage #content li{margin:0; line-height:1.4em; margin-bottom:1em;} .homepage #content .bloc img{ padding:2px; border:1px solid #999; float:right; margin:0 0 10px 10px} .homepage #content .bloc p{ margin:0; background:#CDD7D9; padding:1em 7px} .homepage #content .bloc p a{ color:#103d7d; font-weight:bold; background:url(../../../portail/templates/img/puce-orange-trans.png) no-repeat /*0 0.5em*/; padding-left:15px} .homepage #content .bloc li { list-style-position:inside; border-top:1px solid #ccc; padding-top:0.5em; margin-bottom:0.5em; clear:both} .homepage #content .bloc li:first-child {border-top:none} .homepage #content .actu li a, .homepage #content .agenda li a { font-size:1.2em; font-weight:bold; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; } .homepage #content .en-bref li a{ text-decoration:none; color:#666666}.homepage #content .en-bref li a:hover{ text-decoration:underline; color:#666666} .homepage #content .actu { background:#fff} .homepage #content .actu ul{ list-style-type:none; margin:10px;} .homepage #content .actu li{ list-style-position:outside} /********************************************************************************************************/ /* DIVERS /******************************************************************************************************** /*googleMap > desactive le copyright teleatlas trop long*/ .gmnoprint span {display:none} .backbutton a{ text-decoration:none!important} /********************************************************************************************************/ /******************************************************************************************************** /* CLASS POUR LE RTE (faut-il reprendre les class de blueTrip ??) /******************************************************************************************************** /********************************************************************************************************/ p.sanspadding {padding:0!important;} p.note, div.note, ol.note, ul.note{ font-size:80%; color:#666666; border-top:1px dotted #666; padding-top:1em} .important {color:#990000;} /* TABLEAU*/ /********************************************************************************************************/ #content table {border:1px solid #ccc;border-width:1px 0 0 1px; vertical-align:top; width:100%} #content table td, #content table th {border:1px solid #ccc;border-width:0 1px 1px 0; vertical-align:top; padding:5px} #content table th { background:#3C8BB3; color:#fff} #content table h3 ,#content table h4, #content table p{margin:0;} #content caption{ width:100%; padding:0.5em; font-weight:bold} #content .tableauLigneAlternee{background-color:#fff;} /********************************************************************************************************/ /******************************************************************************************************** /* FORMULAIRES /******************************************************************************************************** /********************************************************************************************************/ fieldset{ border:2px solid #059ADC;} fieldset p{ margin:0!important} legend{ color:#059ADC} .FORMsep{ clear:both; overflow:hidden; } .FORMlibelles{ float:left; width:28%; text-align:right; padding-right:2%} .FORMchamps{ float:left; width:70%} .FORMvalider{clear:both} .FORMchamps textarea{width:95%} .FORMchamps .FORMchamptexte{ width:95%} .FORMerreurglobale {color:#FF0000;} .FORMerreur {display:block; clear:both; color:#FF0000;} .FORMoblig em, .FORMlibelleoblig, .formObligatoire {color:#FF0000;} .FORM ul {display: block; margin:10px 0 0 220px; color: #003B6E;} .FORM fieldset.captcha div {clear:both; margin-bottom:0!important;} .FORM fieldset.captcha ul {margin:5px auto !important; width:160px;} .FORM fieldset.captcha li {display:inline; padding:0!important; margin:0; background:none !important; font-weight:bold;} .FORM fieldset.captcha label {float:left; padding-right:2%; text-align:right; width:28%;} .FORM fieldset.captcha .FORMerreur {margin-left: 163px;} /*-------------------------------------------------------------------------------------------------------*/ /* PLAN DU SITE -----------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ #content .csc-sitemap ul {padding:0; margin:0; line-height:2em; margin-top:1em} #content .csc-sitemap a, #content .csc-sitemap a:visited{ text-decoration:none; } #content .csc-sitemap a:hover{ text-decoration:underline!important; color:#059ADC!important; } #content .csc-sitemap li{ list-style-type:none; margin:0; padding:0;margin-top:1em;background:none; } #content .csc-sitemap li a, #content .csc-sitemap li a:visited{ font-weight:bold; font-size:200%; display:block; margin:0; color:#60B655; padding:0; } #content .csc-sitemap li ul { } #content .csc-sitemap li li { margin-top:auto } #content .csc-sitemap li li a,#content .csc-sitemap li li a:visited{ font-size:150%; font-weight:normal; color:#059ADC; margin: 0; background:none; display:inline; border:none; font-weight:bold; display:block; padding:0 } #content .csc-sitemap li li a:hover { text-decoration:none; color:#1D64B4;} #content .csc-sitemap li li a:visited { color:#3399CC} #content .csc-sitemap li li ul { margin: 5px 20px } #content .csc-sitemap li li li{ list-style-type:circle; } #content .csc-sitemap li li li a,#content .csc-sitemap li li li a:visited{ font-size:100%; padding:0; color:#333;font-weight:normal; } #content .csc-sitemap li li li li a, #content .csc-sitemap li li li li a:visited{ font-size:80%; color:#666 } /* PAGINATION /*-------------------------------------------------------------------------------------------------------*/ #content .pagination {text-align:center; color:#999; border-top:2px solid #DFF1F3; padding-top:1em; margin:1em 0} #content .pagination a {font-weight:bold; padding:0.2em 0.5em; border:1px solid #ccc} #content .pagination .paginationResult {float:left;} #content .pagination .paginationPager {float:right;} #content .pagination .paginationPagerPrec, #content .pagination .paginationPagerSuiv {font-weight:normal!important; color:#999!important; border:none} #content .pagination .paginationPagerCourant {color:#000!important; background:#fff; border-color:#fff} /*-------------------------------------------------------------------------------------------------------*/ /* PAGE DE RESULTATS DE RECHERCHE ----------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------*/ .tx-indexedsearch-redMarkup {font-weight:bold;} .tx-indexedsearch-browsebox-strong {font-weight:bold;} .tx-indexedsearch-browsebox p{ display:inline} .tx-indexedsearch-browsebox .browsebox{ padding:0} .tx-indexedsearch-whatis {font-weight:bold; clear:both} .tx-indexedsearch-res p{margin:0} /* pagination*/ .browsebox{padding:15px 0 20px 0; margin:0!important; text-align:right} .browsebox li {display:inline; margin-right:5px!important; background:none!important; padding:0!important} .browsebox a {padding:0.2em 0.4em; text-decoration:none;} .browsebox strong a {color:#fff; background:#fff} .browsebox a:hover {color:#fff; background:#fff} .tx-indexedsearch-path {margin:0px; color:#999; font-size:80%; display:none} .tx-indexedsearch-path a{color:#000; text-decoration:none; font-size:90%;} .tx-indexedsearch-path a:hover{text-decoration:underline;} .tx-indexedsearch-dates {margin:0px; font-size:90%;} .tx-indexedsearch-size {margin:0px; font-size:90%; font-style:italic;} .tx-indexedsearch-res {border-bottom:1px solid #ccc;} .tx-indexedsearch-res img {vertical-align:middle;} .tx-indexedsearch-change-mode {font-size:80%;} .tx-indexedsearch-hierarchy {font-weight:bold;} .tx-indexedsearch-item {border-top:1px solid #ccc; margin:2px 0px 6px 0px; padding:5px 0px 0px 0px;} .tx-indexedsearch-item .title {margin:0; font-weight:bold;} .tx-indexedsearch-item .details {margin:0px 0px 0px 20px;} .tx-indexedsearch-item .details .description {} /*-------------------------------------------------------------------------------------------------------*/ /* AGENDA /*-------------------------------------------------------------------------------------------------------*/ #sidebar #agendaConteneur {color:#ccc;margin:0 auto 0 auto ;text-align:center;font-size:90%; line-height:normal} #sidebar #agendaConteneur h4 {display:none;} #sidebar #agendaConteneur table {width:100%;margin: 0 auto; border-color:#fff} #sidebar #agendaConteneur table caption {background-color:#fff; color:#3C8BB3; padding:3px;margin: 0 auto;text-align:center;} #sidebar #agendaConteneur table caption a {display:inline; background:none; color:#3C8BB3} #sidebar #agendaConteneur table caption a:hover {display:inline; background:none; color:#000} #sidebar #agendaConteneur table a{ display:block;padding:5px 2px ; border:none; text-decoration:none} #sidebar #agendaConteneur table a:hover {background-color:#3C8BB3; color:#FFF;} #sidebar #agendaConteneur td {;text-align:right;padding:1px; border-color:#fff} #sidebar #agendaConteneur th {background-color:#a6cfdd; color:#006699;text-align:center;padding:1px; border-color:#fff} #sidebar #agendaConteneur .cal-today a{background-color:#99CC33;color:#fff; } #sidebar #agendaConteneur .cal-semaine {background-color:#e4e4e4;} #sidebar #agendaConteneur .cal-selected a{background-color:#A6CFDD;color:#000000;} /* Menu de section /*-------------------------------------------------------------------------------------------------------*/ #content .csc-menu{ margin-bottom:1em; padding-bottom:1em; border-bottom:3px double #fff} #content .csc-menu .colonne1, #content .csc-menu .colonne2 {width:275px; margin:0; float:left; display:inline} /*-------------------------------------------------------------------------------------------------------*/ /* ANNUAIRE /*-------------------------------------------------------------------------------------------------------*/ .tx-artificadirectories-pi1-single dt{ background:#fff; padding:2px 10px} /* IMAGES /*-------------------------------------------------------------------------------------------------------*/ #content .imageBox {background:none; clear:both; color:#666666; font-size:80%; font-weight:bold; text-align:left; border:none;} #content .imageBoxRight {float:right; margin:0 0 1em 1em; clear:none; border:1px solid #ccc; background:#fff; padding:2px;} #content .imageBoxLeft {float:left; margin:0 1em 1em 0; clear:none; border:1px solid #ccc; background:#fff; padding:2px;} #content .imageBox a,#content .imageBoxRight a,#content .imageBoxLeft a {padding:0} #content .imageBox .imageLegende {} #content .imageBox img {display:block} #content img {border:none; padding:0} #content .imageBoxBorder {border:1px solid #ccc; background:#fff; padding:2px;} /* #content img{ border:1px solid #A4C6D2; padding:5px} #content img.sans-bord{ border:none; padding:0}*/ /* VIDEOS /*-------------------------------------------------------------------------------------------------------*/ #content .videoBox {background:#FFFFFF; clear:both; color:#666; font-size:80%; font-weight:bold; padding:3px 5px 3px 5px; text-align:left; border:1px solid #ccc; width:320px; margin:0px auto 5px auto;} #content .videoBox p {padding:0px; margin:0px;} #content .videoBox p.title {text-align:center; margin-bottom:5px; padding:2px; font-size:110%;} #content .videoBox a {background:none; padding:0px; margin:0px} #content .videoBox p.legend {line-height:1.2em!important;} /* METEO /*-------------------------------------------------------------------------------------------------------*/ .tx-artificaweather-pi1 .day .libelle {text-align:center; font-weight:bold} .tx-artificaweather-pi1 .day .prevision {padding:0px 5px 0px 5px;} .tx-artificaweather-pi1 #current_box {padding:0 0 5px 8px;} .tx-artificaweather-pi1 #current_box_icon {float:left; margin:3px 7px 0px 0px;} .tx-artificaweather-pi1 #current_box_temp {text-align:center; color:#333333; float:left; font-size:22px; font-weight:bold; margin:27px 0 0 9px;} .tx-artificaweather-pi1 #current_box_feels {text-align:center; color:#666666; font-size:11px; margin:5px 0 0 0px;} .tx-artificaweather-pi1 #current_box_cond {text-align:center;} /* GALLERY /*-------------------------------------------------------------------------------------------------------*/ #content .gallery li.colonnage1 {clear:left; margin:0px 10px 20px 0px} #content .gallery li {width:270px; display:block; float:left; list-style-type:none; margin:0px 0px 20px 0px; padding:0; text-align:center;} /* DIAPORAMA */ /********************************************************************************************************/ #content #diaporama-wrap { height:490px; /*overflow:hidden;*/ margin:0 0 1em 0; position:relative; width:550px; background-color:#000;} #content #une-nav, #content #une-nav-2 { position:absolute; bottom:0; left:0; text-align:center; width:530px; height:20px; z-index:200; padding:10px;} #content #une-nav{ margin:0; width:550px; padding:0; line-height:2.3em; height:auto; background:#fff; } #content #une-nav-2{ display:none } #content #une-nav-2 #prev, #content #une-nav-2 #next{ float:left; display:block; background:url(../../../portail/templates/img/une-prev.gif) no-repeat; width:25px; height:25px; text-indent:-9999px;font-size:0;} #content #une-nav-2 #next{ float:right;background:url(../../../portail/templates/img/une-next.gif) no-repeat;} #content #une-nav a { border: 1px solid #ccc; text-decoration: none; margin: 0 0 5px 0; padding: 3px 5px; color:#666 } #content #une-nav a.activeSlide { background: #A3001D; color:#fff; border-color:#A3001D } #content #une-nav a:focus { outline: none; } #content #diaporama li {width:100%; text-align:center;} #content #diaporama li .legende{color:#fff;} #content #spl a {background-image:none; padding-right:0px;} /* CHECK /*-------------------------------------------------------------------------------------------------------*/ .check-validated {border:1px solid #0a9417; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#0a9417;} .check-reject {border:1px solid #d87001; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#d87001;} .check-error {border:1px solid #FF0000; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#FF0000;} .check-dealtalready {border:1px solid #f5aa35; background:#FFFFCC; margin:20px 0px 20px 0px; padding:5px; text-align:left; color:#d8890e;} .annuaires #illustration {display:none;} #content #message { background-color:#FFFBCC!important; margin:20px 0px 15px 0px!important; border-color:#E6DB55!important; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-style:solid; border-width:1px; margin:5px 15px 2px; } #content #message.error {background-color:#FADEE0!important; border-color:#F7989F!important; padding:0;} #content #message p {color:#333333; font-size:14px; line-height:1.2; margin:0.5em 0 !important; padding:2px 5px 2px 5px; font-weight:normal;} .beuser-admin-barre {color:#696969; clear:both; padding:4px; margin:5px 0px 7px 0px; text-align:right;} .beuser-admin-barre a {color:#696969; text-decoration:none} .beuser-admin-barre a:hover {color:#000000; text-decoration:underline} #content .artifica-reactto {} #content .artifica-reactto h2 {} #content .artifica-reactto li.alter {background:#CCCCCC;} #content .artifica-reactto .FORM fieldset {padding:0px 0px 10px 10px;} #content .artifica-reactto .FORM input {width:auto!important;} #content .artifica-reactto .comment-list {margin-top:25px;} #content .artifica-reactto p {margin-bottom:0.6em;} #content .artifica-reactto ul {padding:0px; margin:0px;} #content .artifica-reactto li.comment {padding:0.3em 0px 0px 5px; list-style-image:none; list-style-position:outside; list-style-type:none; background:#fff; margin:0px; background:#F3F1EA} #content .artifica-reactto .comment-meta {} #content .artifica-reactto .comment-time {-x-system-font:none; color:#888888; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:0.8em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} #content .artifica-reactto .comment-entry {} #content .artifica-reactto .FORMsep { margin:0} #content .artifica-reactto fieldset{ border-width:2px 0 0 0; padding-top:1em!important } #content #message { background-color:#FFFBCC!important; margin:20px 0px 15px 0px!important; border-color:#E6DB55!important; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-style:solid; border-width:1px; margin:5px 15px 2px; } #content #message.error {background-color:#FADEE0!important; border-color:#F7989F!important;} #content #message p {color:#333333; font-size:14px; line-height:1.2; margin:0.5em 0 !important; padding:2px 5px 2px 5px;} #content .button-simple, #content .button-submit { -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; -moz-box-sizing:content-box; border-style:solid; border-width:1px; cursor:pointer; font-size:11px!important; line-height:18px!important; padding:2px 8px 3px 8px!important; text-decoration:none; border-color:#BBBBBB; color:#464646!important; background:#F2F2F2!important; font-weight:normal!important; } #content .button-submit { border:1px solid #6A97AE!important; background:#AED8ED!important; color:#195371!important; font-weight:bold!important; } #content button.button-simple {font-size:12px!important;} /* */ .addthis_button{ } /* bug chrome */ #colonneNormalContenu .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-item .details .description { white-space: normal; } /* Formulaire : */ .artifica-form textarea:focus, .artifica-form input[type="text"]:focus, .artifica-form input[type="password"]:focus, .artifica-form select:focus { border-color: auto; outline: none; } .artifica-form { color: #333; margin: 10px auto; padding: 10px 10px 0 10px; +padding-bottom: 0; border: 1px solid #dedede; background: url('../../../portail/templates/img/bg-corps.png') repeat-x #E7EFF2; font: 400 normal 13px/16px "MS Shell Dlg", Arial, sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content .artifica-form fieldset { padding: 0 10px; margin: 0 0 10px 0 !important; border: 1px solid #d5dfe5; } :root *> .artifica-form fieldset { border: 1px solid #d5dfe5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .artifica-form legend { color: #003B6E; margin: 0 0 0 -1px; +margin: 0 0 0 -8px; padding : 2px 5px; border: 1px solid #c7d0d6; font-size: 13px; line-height: 16px; font-weight: bold; } .artifica-form label { display: block; font-weight: normal !important; line-height: 16px; } .artifica-form p { margin: 10px 0 !important; } .artifica-form ul { margin: 10px 0 0 20px; padding: 0; list-style: disc outside; } .artifica-form div { margin: 0 !important; } .artifica-form fieldset div { margin: 10px 0 !important; } .artifica-form dl { margin: 10px 0; } .artifica-form dt { display: block; margin: 0; padding: 0; font-weight: normal !important; } .artifica-form dd { display: block; margin: 0; padding: 0; } .artifica-form dd label { display: inline; } .artifica-form input { font: 400 normal 13px/16px "MS Shell Dlg", Arial, sans-serif; margin: 3px; +margin: 0; padding: 0; } .artifica-form div input { width: 212px; } .artifica-form div textarea { width: 200px; } .artifica-form select { width: 212px; padding: 0 !important; color: #333; } .artifica-form .error { display: block; color: red; } .artifica-form .alert { background: #eee; padding: 5px; } .artifica-form fieldset.captcha div { margin-top: 0 !important; } .artifica-form fieldset.submit { padding: 10px; text-align: right; } .artifica-form fieldset.submit input { cursor: pointer; } .artifica-form p.buttons { padding: 0 5px 0 10px !important; margin-bottom: 0 !important; +padding-bottom: 10px !important; text-align: right; overflow: hidden; -height: 1%; } .artifica-form p.buttons button { cursor: pointer; float: left; color: #222; border-color: #ddd #bbb #bbb #ddd; } .artifica-form p.buttons .require { line-height: 28px !important; float: right; color: #c21b00; font-style: italic; } .artifica-form p.buttons .require em { font-style: normal !important; } .artifica-form .require label em, .artifica-form .require dt em { color: #c21b00; font-style: normal !important; } .artifica-form h2 { margin: 0 0 10px 0; font: bold 13px/16px "MS Shell Dlg", Arial, sans-serif; } .artifica-form h3.error { margin: 0; padding: 0; position:relative; top: 10px; font: normal 13px/16px "MS Shell Dlg", Arial, sans-serif; } .artifica-form ul { display: block !important; margin: 0 0 0 220px !important; color: #003B6E; } .artifica-form li { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; background: none !important; font-weight: bold; } /* fieldset for type radio/checkbox inline : */ .artifica-form .inline dd { display: inline; white-space: nowrap; } form.centertext .inline dd { display: block; white-space: normal; } /* fieldset for type radio/checkbox columns : */ .artifica-form .columns { overflow: hidden; -height: 1%; } .artifica-form .columns dd { float: left; width: 50%; } form.centertext .columns dd { float: none; width: auto; } /* fieldset for type text centered : */ form.centertext fieldset div { padding-left: 5px; overflow: hidden; -height: 1%; } form.centertext div label { float: left; display: block; width: 200px; text-align: right; margin: 0 10px 0 0; line-height: 22px; } form.centertext small { display: block; width: 200px; text-align: right; line-height: 12px; } form.centertext dl { padding-left: 5px; overflow: hidden; -height: 1%; } form.centertext dt { float: left; display: block; width: 200px; text-align: right; margin: 0 10px 0 0; line-height: 22px; -margin-bottom: 1000px; -padding-bottom: -1000px; } form.centertext dd { margin-left: 210px; } form.centertext dd p { margin: 0; } /* ==================================================================================================== */ /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; width:675px; /*min-height:200px;*/ border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(../img/close-fs8.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } /* "next image" and "prev image" links */ .simple_overlay .next, .simple_overlay .prev, .simple_overlay .play { font: 12px/16px Arial, sans-serif; /* absolute positioning relative to the overlay */ position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; /* upcoming CSS3 features */ -moz-border-radius:5px; -webkit-border-radius:5px; } .simple_overlay .prev { font: 12px/16px Arial, sans-serif; left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; } .simple_overlay .next { font: 12px/16px Arial, sans-serif; right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; } .simple_overlay .next:hover, .simple_overlay .prev:hover, .simple_overlay .play:hover {text-decoration:underline; background-color:#000;} .simple_overlay .play{left:30%; top:5px; width:33%; background:#333; opacity:0.8; text-align:center;} /* when there is no next or previous link available this class is added */ .simple_overlay .disabled {visibility:hidden;} /* the "information box" */ .simple_overlay .info {position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font: 12px/16px Arial, sans-serif; border-top:1px solid #666;} .simple_overlay .info strong {display:block;} /* progress indicator (animated gif). should be initially hidden */ .simple_overlay .progress {position:absolute; top:45%; left:50%; display:none;} /* everybody should know about RGBA colors. */ .simple_overlay .next, .simple_overlay .prev, .simple_overlay .info { background:#333 !important; background:rgba(0, 0, 0, 0.6) url(../img/h80.png) repeat-x; } .simple_overlay .next, .simple_overlay .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; /* upcoming CSS3 rounded border feature */ -moz-border-radius:5px; -webkit-border-radius:5px; } /* progress indicator (animated gif). should be initially hidden */ .simple_overlay .progress {position:absolute; top:45%; left:50%; display:none; } /* active thumbnail is raised on top of the mask using the z-index property */ #thumbs a.active img {outline:1px solid #000; z-index:9999; position:relative; } /* ==================================================================================================== */ /* Gallerie 3 colonnes */ .gal3col { } .gal3col h2 { margin: 0 !important; padding: 0 !important; } .gal3col .photo-gallery { margin: 0 0 10px 0 !important; padding: 0 !important; list-style: none !important; overflow: hidden !important; -height: 1% !important; } .gal3col li { margin: 0 0 5px 0 !important; padding: 0 !important; float: left !important; border: 1px solid #3c8bb3 !important; border-top: 1px solid #4497c1 !important; border-left: 1px solid #4497c1 !important; width: 178px !important; background: #3c8bb3 !important; } .gal3col .item-1 { margin-right: 5px !important; clear: left !important; } .gal3col .item-2 { margin-right: 5px !important; } .gal3col .item-3 { clear: right !important; } .gal3col dl { margin: 0 !important; padding: 0 !important; } .gal3col img { border: none !important; display: block !important; margin: 0 auto !important; border: 1px solid #fff !important; } .gal3col .illustration { margin: 0 !important; padding: 0 !important; border: 3px solid #98d3ea !important; } .gal3col .legend { margin: 0 !important; padding: 0 0 3px 0 !important; font: bold 11px/13px Arial, sans-serif !important; text-align: center !important; text-transform: capitalize !important; color: #fff !important; border: 1px solid #8ccee9 !important; border-top: 2px solid #2d7ba3 !important; min-height: 27px; -height: 27px; display: none; } .admin-preview {top:0px; position:absolute; z-index:9999; width:100%} .admin-preview p { border:1px solid #FF0000; color:#FF0000; margin:0px auto 0px auto;} #content .single .age { font-size:14px; font-weight:bold; margin-bottom:10px; color:#003b6e; border:none;} #content p.map a {margin:0px!important; padding:0px!important; background:none!important;} #content .single .reservation {margin:0px; padding:0px; position:absolute; right:10px; text-align:right;} #content .single .reservation a {background:url(../../../portail/templates/img/btn-reserver.png) no-repeat 0 0; border:none; display:inline-block; height:27px; margin:0; padding:0; text-decoration:none; width:99px;} #content .single .reservation a:hover {background-position:0 -27px;} #content .single .reservation a span {visibility:hidden;}