/* Theme Name: Vivre avec le Soleil Theme URI: http://soleil.infovivreaveclesoleilauquebec.info/ Description: Theme du mini-site Vivre avec le Soleil Author: JBV Version: 1.1 Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tfoot, thead { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } h1, h2, h3, h4, h5, h6 { font-weight:normal; color: #000000; clear:both; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /*//////////////////// ELEMENTS GLOBAUX //////////////////////// */ body { color: #414141; background:#0073FF repeat-x top left; line-height:1.6em; padding:0px; margin:0px; font-family:verdana; font-size:75%;} ul { margin: 0px; } #wrapper { margin:auto; width:960px; } #container { padding:40px; padding-top:0px; padding-bottom:0px; float: left; margin: 0px; background:#fff width: 880px; } #wrap_bread { width:600px; float:right; height:60px; } #breadcrumb { float:left; margin-left:40px; margin-bottom:30px; width:600px; height:17px; background:transparent no-repeat bottom left; font-size:0.9em; padding-left: 280px; text-align:right; } #nav_breadcrumb { float:left; width:600px; font-size:0.8em; text-align:left; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #D1d1d1; } #nav_breadcrumb a { margin-right: 5px; padding-right: 13px;background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/breadcrumb_arrow.jpg) no-repeat top right; color:#0073ff; font-weight:bold; } #nav_breadcrumb a:hover { text-decoration:underline; } hr { background: #d1d1d1; float:left; width:600px; border: 0; height: 1px; margin-bottom: 20px; } a { color: #0073ff; text-decoration:none; } a:hover { text-decoration:underline;} p, ul, dl, ol { margin-bottom:1.6em; } /*//////////////////// NAVIGATION LATERALE //////////////////////// */ #sidebar { float:left; width:240px; } div.menu { float:left; margin:0px; width:240px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_sidebar_top.jpg) no-repeat top left; } div.menu ul { list-style:none; padding-left:0px; font-family:arial; float:left; } div.menu ul li { float:left; } div.menu ul li ul { margin-top:22px; float:left; border-top: 1px solid #d1d1d1;} div.menu ul li ul li { float:left; width:240px; } div.menu ul li ul li ul li.current_page_ancestor{ font-weight:normal; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_current_page_parent.jpg) no-repeat top left; } div.menu ul li ul li.current_page_item a { padding-left:20px; color:#fff; } div.menu ul li ul li.current_page_ancestor a { color:#fff; } div.menu ul li ul li.current_page_parent ul li a { color:#000; } div.menu ul li ul li.current_page_ancestor ul li a { color:#5d5d5d; } /* 1e niveau de navigation - Rubrique */ div.menu ul li ul li { padding-top:11px; padding-bottom:10px; border-bottom:1px solid #d1d1d1; } div.menu ul li ul li.current_page_item { line-height:1.5em; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_current_page_ancestor.jpg) repeat-x top left;} div.menu ul li ul li.current_page_ancestor { float:left; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_current_page_ancestor.jpg) no-repeat top left; } div.menu ul li ul li a { color:#5d5d5d; padding-left:20px; text-decoration:none; font-size:1.2em; font-weight:bold; } div.menu ul li ul li a:hover { text-decoration:underline; } /* 2e niveau de navigation - Sous-rubrique */ div.menu ul li ul li ul { margin-top:25px; margin-bottom:0px; border:none; } div.menu ul li ul li ul li { padding:0px; padding-bottom:10px; border:none; } div.menu ul li ul li ul li a { padding:0px; padding-left:20px; color:#5d5d5d; font-size:1em; font-weight:normal;} div.menu ul li ul li ul li.page_item a { color:#797979; padding-left:20px; background:none; } div.menu ul li ul li ul li.current_page_item { float: left; width: 240px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_current_page_parent.jpg) no-repeat top left; } div.menu ul li ul li ul li.current_page_item a { margin-top:3px; padding-left:20px; width:220px; float:left; font-weight:bold; color:#000; } div.menu ul li ul li ul li.current_page_parent a { float: left; margin-top: 3px; font-weight:bold; color:#000; } div.menu ul li ul li ul li.current_page_ancestor a { float: left; margin-top: 3px; font-weight:bold; color:#000; } /* 3e niveau de navigation */ div.menu ul li ul li ul li ul { float:left; width:240px; list-style:none; margin-top:10px; margin-bottom:5px; } div.menu ul li ul li ul li ul li { padding:0px; margin-bottom:0px; font-size:0.9em; border:none; color:#5d5d5d; } div.menu ul li ul li ul li ul li.a { padding-left:40px; } div.menu ul li ul li ul li ul li.page_item a { margin-left: 20px; width: 180px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_current_page_child.jpg) no-repeat left 7px; font-weight:normal; color:#797979; } div.menu ul li ul li ul li ul li.current_page_item { padding:0px; background:none; } div.menu ul li ul li ul li ul li.current_page_item a { background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_current_page_child_current.jpg) no-repeat left 7px; color:#56b7d8; font-weight:bold; padding:0px; padding-left:20px; } div.menu ul li ul li ul li ul li.current_page_parent { padding:0px; color:#000; background:none; } div.menu ul li ul li ul li ul li.current_page_parent a { background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_current_page_child_current.jpg) no-repeat left 7px; color:#56b7d8; font-weight:bold; padding:0px; padding-left:20px; } /*//////////////////// HEADER PROGRAMME //////////////////////// */ #header { width:960px; height:240px; float:left; background:#ffffff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_header_vas.jpg) no-repeat top left; } #header h2 { margin-top:30px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/h2_vas.jpg) no-repeat; width:600px; height:60px; } #header h2 a { text-indent:-9999px; width:560px; height:60px; float:left;} #site-title { float: left; font-size: 30px; line-height: 36px; margin: 0 0 18px 0; width: 700px; } #site-title a { color: #000; font-weight: bold; text-decoration: none; } #header_bottom { height:40px; float:left; width:960px; background:#ffffff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_headerbottom_vas.jpg);} #header_bottom a { margin-top:0px; margin-left:40px; width:240px; height:40px; text-indent:-9999px; float:left; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bouton_inscription.jpg) no-repeat top left; } #header_bottom a:hover { background-position:left -40px; } #titre { margin-left:40px; float:left; width:920px; height:160px; } #bouton_inscription { width:240px; height:80px; float:left; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bouton_inscription.jpg); } #bouton_inscription a { width:240px; height:43px; text-indent:-9999px; float:left; } .compteur { margin-left:10px; color:#fff; text-transform:uppercase; padding-top:10px; font-size:11px; height:15px; float:left;} .compteur strong { color:#fff; } #site-description { text-indent:-9999px; width:500px; height:40px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_site_description.jpg) no-repeat; clear: right; float: left; font-style: italic; } /*//////////////////// SUPER HEADER //////////////////////// */ h1 { width:960px;height:100px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/logo_vasquebec.png);margin-bottom:5px; } h1 a { float:left; width:960px; height:100px; text-indent:-9999px; } #super_header { float:left; height:140px; width:960px; padding-top:10px /*80px*/; } #zone_titre { float:left; width:600px; } #zone_titre ul { width:630px; height:30px; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; position:relative; margin-bottom:0px; padding-left:0px; } #zone_titre ul a { background:transparent none no-repeat scroll 0 0; display:block; overflow:hidden; text-indent:-9999em; } #zone_titre ul li { margin-bottom:0; display:inline; } #zone_titre ul li a, #zone_titre ul li a:hover { background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/passerelles/images/menu_navigation.png); height:30px; float:left; right:auto; top:15px; } #zone_titre #missions a { margin-left:40px; background-position:left top; right:480px; width:62px; } #zone_titre #missions a:hover { background-position:left -30px; } #zone_titre #missions a.current_item { background-position:left -60px; } #zone_titre #methodologie a { margin-left:20px; background-position:-69px top; right:377px; width:98px; } #zone_titre #methodologie a:hover { background-position:-69px -30px; } #zone_titre #methodologie a.current_item, #programmes a.current_item:hover { background-position:-69px -60px; } #zone_titre #programmes a { margin-left:20px; background-position:-180px top; right:599px; width:85px; } #zone_titre #programmes a:hover { background-position:-180px -30px; } #zone_titre #programmes a.current_item, #actualites a.current_item:hover { background-position:-180px -60px; } #zone_titre #association a { margin-left:20px; background-position:-277px top; right:599px; width:93px; } #zone_titre #association a:hover { background-position:-277px -30px; } #zone_titre #association a.current_item, #actualites a.current_item:hover { background-position:-277px -60px; } #zone_titre #actualite a { margin-left:20px; background-position:-382px top; right:599px; width:68px; } #zone_titre #actualite a:hover { background-position:-382px -30px; } #zone_titre #actualite a.current_item, #actualites a.current_item:hover { background-position:-382px -60px; } #zone_titre #contact a { margin-left:20px; background-position:-463px top; right:520px; width:58px; } #zone_titre #contact a:hover { background-position:-463px -30px; } #zone_titre #contact a.current_item, #contact a.current_item:hover { background-position:-463px -60px; } #zone_infos {float:right; width:250px; margin-right:35px; height:74px; margin-top:6px; } #recherche { float:left; width:250px; height:24px; margin-left:5px; margin-bottom:5px; } #searchform { height:35px; width:240px; background:none;} #s { padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:0px; float:left; height:14px; border:none; width:175px; background:url(images/bg_searchform_input.jpg) no-repeat top left; } #searchsubmit { float:right; height:24px; border:none; padding:0px; text-indent:-9999px; margin-left:5px; width:55px; height:24px; background:url(images/bg_searchform_bouton.jpg) no-repeat top left; } select, input[type="text"], input, textarea { color:#666666; font-family: verdana; font-size: 0.9em; border:solid 1px #D1D1D1; } /* ==== MENU NOS PROGRAMMES ==== */ #nos_programmes { float:right; width:280px; height:40px; background:url(images/nos_programmes.jpg); } #nos_programmes a.slide { width:280px; float:left; height:40px; text-indent:-9999px; } .sitedescription { font-weight:normal; font-size:0.9em; color:#111;} #masthead { width: 250px; float:right; margin: 0 auto; height: 45px; position:relative; z-index: 10;} #masthead ul { margin: 0; list-style-type:none; padding:0px; } #masthead #nos-programmes { float: left; width: 250px;} #masthead #nos-programmes li { float: left; padding:0px; } #masthead #nos-programmes li li { padding:20px; padding-bottom:0px; color:#000; width:200px; font-size:0.95em; height:80px; float: none; background:#fff; } #masthead a.top { background:url(images/nos_programmes.jpg) no-repeat top left; text-indent:-9999px; font-size: 10px; display: block; overflow: hidden; display: block; height: 45px; float: left; margin-right: 2px; background-repeat: no-repeat; } #masthead a.top:hover {} #masthead #n-causes a.top { width: 250px;} #masthead #n-causes a.top:hover { background-position: 0px 0px;} #masthead .drop-down ul.expand { background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:45px; padding:0px; -moz-box-shadow: 1px 1px 5px #001e2a; -webkit-box-shadow: 1px 1px 5px #001e2a; box-shadow: 1px 1px 5px #001e2a; padding-bottom:20px; } #n-causes a { color: #069; display: block;} /* Dropdowns & Expanded Panels */ #n-causes .expand { width: 240px; padding-top:20px; margin-left:5px; } #n-causes .expand ul.nav { width: 240px; padding:0px; border-right:1px solid #D1D1D1; border-left:1px solid #D1D1D1; float: left; position: relative; padding-bottom:20px; -moz-box-shadow:0 2px 2px #7f7f7f; border-bottom:1px solid #D1D1D1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #n-causes .expand .col-1 { width:240px; } #n-causes .expand .col-1 img { float:left; margin-left:20px; margin-right:20px; } #n-causes .expand a { color: #0073ff; text-decoration:none; display: block; font-weight:bold; background: url(images/bg_programme_scroll.png) no-repeat scroll right top transparent; float: left; height: 45px; line-height: 1.2em; margin-top: 30px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 160px; } #n-causes .expand a.vas { color: #0073ff; } #n-causes .expand a.mbs { color: #ba4000; } #n-causes .expand a.dnt { color: #860F69; } #n-causes .expand a:hover { color: #000; } #menu_deroulant { float:right; width:280px; background:#ccc; } #menu_deroulant ul { width:280px; height:290px; background:#000; margin:0px; padding:0px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/dnt/images/super_header/bg_menu_deroulant_bottom.png) no-repeat bottom left; } #menu_deroulant ul li { display:block; background:#fff; border-bottom:1px solid #ddd; width:260px; padding:10px; float:left; font-size:0.9em; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/dnt/images/super_header/bg_menu_deroulant.jpg); } #menu_deroulant ul li img { float:left; margin-right:10px; margin-left:5px; } /*//////////////////// CONTENU PAGE //////////////////////// */ #contener { background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/contener_border_top.jpg) no-repeat top left; float:left; width:960px; } #main { clear: both; overflow: hidden; padding: 40px 0 0 0; } .post { margin-bottom:20px; padding-bottom:20px; text-align:justify; } .post h3.entry-title { font-weight:bold; border-bottom: 1px solid #D1D1D1; font-size: 2em; line-height: 1.3em; margin-bottom: 5px; padding-bottom: 10px;} .the-date { float:left; line-height:1.6em; margin-right:5px; font-style:italic; color:#414141; } #content { float:right; width:600px; } #content table { border:1px solid #d1d1d1; font-size:0.9em; margin-bottom:40px; width:600px; line-height:1.6em; } .tr { background:#f1f1f1; padding-left:10px; } .tr2 { background:#018ebb; padding-left:10px; } #content table tr td { color:#414141; padding:10px; vertical-align:top; } #content table tr td strong{ color:#000; } #content h2, #inscription h2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:2.5em; margin-bottom:40px; color:#000; padding-bottom:20px; border-bottom:5px solid #d1d1d1; } #content h3 { font-size: 1.4em; line-height: 1.3em; margin-bottom: 10px;} #content h4 { color:#000; font-size:1em; font-weight:bold; line-height:1.6em;} .entry-page ul { color:#414141; line-height:1.6em; padding:0px; list-style:inside;} .entry-page ul li { margin-left:20px; } #content p.chapo { font-family:arial; color:#000; font-size:1.5em; line-height:1.3em; } .entry-content { float:left; } .entry-date { font-size:0.8em; font-size: 0.9em; margin-bottom: 10px; font-style:italic;} .entry-content a, .entry-page a { font-weight:bold; } /* TEMOIGNAGES */ #content_temoignage { width:600px; float:left; margin-bottom:0px; } #content_temoignage p { margin-bottom:20px; } .tem_masthead { background:#f3f3f3; width:592px; float:left; margin-bottom:20px; padding:4px; } #content_temoignage h3.tem_title { margin-bottom:0px; } .tem_masthead h3 { float:left; margin-bottom:0px; } .comment_info { float:right; font-size:0.9em; margin-top:2px; } .comment_info a { font-weight:bold; text-transform:uppercase;} .infos_tem { font-weight:bold; color:#000;} #dptmt_check { line-height:1.4em; float:left; width:565px; padding:10px; font-size:0.9em; background:#f3f3f3; color:#414141; margin-bottom:20px; } #dptmt_check a { font-weight:normal; text-decoration:underline;} #email_check { background: none repeat scroll 0 0 #F3F3F3; color: #000000; float: left; font-size: 0.9em; font-weight: bold; height: 27px; line-height: 1.4em; padding-right: 10px; padding-top: 13px; text-align: right; width: 360px;} #verif_dptmt .bouton_dptmt { cursor:pointer; font-size:0.8em; border:none; text-align:center; font-weight:bold; text-transform:uppercase; color:#fff; width:80px; height:20px; background:#fff url(images/bg_bouton_dptmt.jpg) no-repeat top left; } .input_dptmt { width:30px; height:15px; margin-right:5px; margin-left:10px; } #deja_inscrit { color:#414141; width:200px; line-height:1.4em; padding-left:400px; float:right; text-align:center; font-size:0.8em; margin-top:10px; } .dptmt_red { border-left:5px solid #ba4000;} .dptmt_green { border-left:5px solid #01953f;} span.green {color:#01953f; font-weight:bold; } span.red {color:#ba4000; font-weight:bold;} #info_liberte { float:left; width:600px; padding-top:10px; margin-top:40px; border-top:1px solid #d1d1d1; font-size:0.8em; } #content_actu { font-size:0.9em; width:380px; float:left; } #content_actu_sidebar { width:180px; float:right; list-style: none outside none; } #content_actu_sidebar ul { list-style: none outside none; background:#f3f3f3; padding:10px; } #content_actu_sidebar ul li { list-style:none; font-size:0.95em; line-height:1.3em; margin-bottom:5px; margin-left:0px; } #content_actu_sidebar ul li h3 { font-size:1em; text-transform:uppercase; margin-bottom:10px;} #content_actu_sidebar ul li ul { padding:0px; margin-bottom:0px;} #content_actu_sidebar ul li a { text-decoration:none; line-height:1em; font-weight:normal; } #highlight { width:240px; } #highlight p { font-size:0.9em; color:#57b7d8; } #atouts_guide { list-style:none outside none; padding:0; margin:0px; } .box-mid { width:280px; height:110px; margin-bottom:20px; padding-right:20px; display:inline; float:left; } .box-big { width:280px; margin-bottom:20px; padding-right:20px; display:inline; float:left; height:200px; } .check { color:#414141; margin-bottom:5px; list-style:none outside none; padding-left:30px; background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/check_vas.jpg) no-repeat top left; } .conteneur_left { float:left; } .conteneur_right { float:right; } .width_280 { width:280px; } .width_340 { width:340px; } .box { margin-bottom:0px; padding-right:20px; display:inline; float:left; } .encadre {background:#57b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encadre240_top.jpg) no-repeat top left; } .boxes { float:left; width:620px; margin-left:-20px; padding:0px; } .boxes li { display: inline; float: left; margin-bottom: 20px; margin-left: 20px; width: 290px; } .boxes li p { font-size: 1em; margin-bottom: 20px;} .boxes li p a { font-weight:bold; } .encadre_600 { font-size:0.9em; margin-bottom:20px; padding:20px; width:558px; float:left; border:1px solid #d1d1d1; background:#f1f1f1 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encadre_600.jpg) no-repeat top left; } .encadre_600 strong { color:#000; } .encadre strong { color:#fff; } .encadre p, .box_280 p { background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encadre240_bottom.jpg) no-repeat scroll left bottom transparent; color:#FFFFFF; font-size:0.9em; margin-bottom:0; padding:20px; } .left { float:left; } .right {float:right; margin-left:20px; } .w280 { width:240px; } .legende { font-size:0.8em; color:#414141; } .encart { margin-left:20px; width:200px; padding:20px; font-size:0.85em; float:right; background:#fef68b url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encart_top.jpg) no-repeat top left; } .encart_200 { margin-left:20px; padding:20px; width:180px; font-size:0.85em; float:right; background:#fef68b url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encart_200_top.jpg) no-repeat top left; } .encart_280 { margin-left:20px; padding:20px; width:240px; font-size:0.85em; float:right; background:#fef68b; } .encart p, .encart_280 p { margin:0px; background:#fef68b url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encart_bottom.jpg) no-repeat bottom left; } .bouton_dl_seance { width:240px; margin:auto; height:30px; background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bouton_page.jpg) no-repeat bottom left; } .bouton { text-align:center; width:200px; margin:auto; height:40px; } .bouton a { margin-bottom:20px; font-family:arial; text-decoration:none; padding-top:13px; width:200px; height:27px; float:left; color:#fff; font-weight:bold; text-transform:uppercase; background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bouton_page.jpg); } .bouton a:hover { background-position:left -40px; } .bouton_dl_eval { width:240px; margin:auto; height:40px; margin-top:20px; margin-bottom:20px; } .bouton_dl_eval a, .bouton_dl_seance a { background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bouton_page.jpg) no-repeat top left;float:left; padding-top:12px; width:200px; color:#fff; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase; font-family:arial; height:28px; } .bouton_dl_eval a:hover, .bouton_dl_seance a:hover { background-position:0 -40px; float:left; text-decoration:none; font-weight:bold; } .zoom_guide { float:left; text-indent:-9999px; width:600px; height:300px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/zoom_guide.jpg) no-repeat scroll left top transparent; margin-bottom:40px; } .zoom_guide:hover { background-position: left -300px; } #public_cible { margin-left:20px; padding-top:20px; width:240px; float:right; background:#57b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encadre240_top.jpg) no-repeat scroll left top; } #public_cible p { font-weight:bold; padding-left:20px; color:#fff; margin-bottom:10px;} #public_cible ul { background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_encadre240_bottom.jpg) no-repeat scroll left bottom transparent; padding-bottom:20px; margin-bottom:0px; } #public_cible ul li { color:#fff; font-size:0.9em; } #public_cible strong { color:#fff; } .link_pdf { padding-right:26px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/icon_pdf_small.jpg) no-repeat scroll right 3px transparent; } .indic_highlight { font-size:1.2em; font-weight:bold; color:#000; } strong { color:#000; } .coll_outils { width:600px; float:left; margin-bottom:20px; border-bottom:1px solid #e1e1e1; padding-bottom:20px; } .outils_age { font-size:0.9em; margin-bottom:20px; } /* INDICATEURS */ #indicateurs { margin-top:-40px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_indicateurs.jpg) no-repeat scroll top left transparent; float:left; width:600px; } #indicateurs ul { margin-bottom:20px; margin-top:35px; float:left; list-style-type:none; margin-left:25px; padding:0px; } #indicateurs ul li { color:#fff; text-align:center; font-size:0.9em; line-height:1.3em; padding:15px; float:left; display:inline; width:140px; height:195px; margin-left:0px; } #indicateurs ul li.inscrits { margin-right:20px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_indicateurs_li_inscrits.jpg) no-repeat scroll top left transparent; } #indicateurs ul li h3 { line-height:0.7em; color: #414141; text-transform:uppercase; padding-top:11px; font-family:helvetica; font-size:2.5em; height:60px; margin:0px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_indicateurs_h3_inscrits.jpg) no-repeat scroll top left transparent; } .indic_category { font-size:0.5em; } #indicateurs ul li.eleves { margin-right:20px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_indicateurs_li_eleves.jpg) no-repeat scroll top left transparent; } #indicateurs ul li.eleves h3 { background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_indicateurs_h3_eleves.jpg) no-repeat scroll top left transparent;} #indicateurs ul li.classes { margin-right:0px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_indicateurs_li_classes.jpg) no-repeat scroll top left transparent; } #indicateurs ul li.classes h3 { background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_indicateurs_h3_classes.jpg) no-repeat scroll top left transparent; } #indicateurs ul li.2 { margin-right:0px; } /* MODULE */ #module { width:600px; float:left; } #module_nav { background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_nav.jpg) no-repeat top left; float:left; width:600px; font-size:0.9em; } #module_nav ul { margin:0px; padding:0px; list-style-type:none; } #module_nav ul li { height:23px; margin:0px; display:inline; text-align:center; float:left; width:100px; padding-top:7px; } #module_nav ul li.current { background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_licurrent1.jpg) no-repeat top left; } #module_nav ul li.current2 { background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_licurrent2.jpg) no-repeat top left; } #module_nav ul li a { color:#fff; } #module_nav ul li a.current { text-decoration:none; } #module_header { background:#56b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_module_header_bottom.jpg) no-repeat bottom left; padding-top:20px; float:left; width:600px; } #module_header_left { width:420px; float:left; } #module_header h3 { width:480px; padding-left:20px; margin-bottom:20px; color:#fff; font-family:trebuchet MS; font-size:3em; } #module_header div.objsommaire { width:600px; float:left; } #module_header div.label { margin-left:-10px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_objsommaire.jpg) no-repeat top left; float:left; padding-left:20px; width:100px; padding-top:3px; height:60px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:0.9em; } #module_header ul { float:left; color:#fff; margin:0px; padding:0px; list-style-type:none; margin-bottom:20px; width:470px; } #module_header ul li { font-size:0.9em; margin:0px; } #module_header ul li a { color:#fff; font-weight:normal; text-decoration:underline; } #module_header ul li a:hover { color:#015a7a; } #seance { margin-top:40px; background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_seance_top.jpg) no-repeat top left; float:left; width:558px; padding:20px; padding-top:0px; padding-bottom:0px; border:1px solid #D1D1D1; border-top:none; border-bottom:0px; font-size:0.9em; } #seance label { margin-bottom:6px; margin-left:-10px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_objsommaire.jpg) no-repeat top left; float:left; padding-left:20px; width:100px; padding-top:3px; height:27px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:0.9em; } #seance h3 { margin-bottom:15px; font-weight:bold; } #seance p { text-align:justify; margin-bottom:15px; } #seance p img { max-width:558px; } #seance h2 { color:#fff; font-family:Trebuchet MS; font-size:2em; border:none; font-weight:bold; margin:0px; margin-bottom:15px; padding:0px; margin-top:-3px; } #seance h2.conclusion { margin-top:40px; float:left; margin-bottom:5px;} #seance table { width:598px; margin-left:-20px; border:none; font-size:1em; } #seance table tr.gris { background:#F3F3F3; } #seance table tr.gris2 { background:#e2e2e2; } #seance table tr td ul { margin:0px; padding:0px; } #seance table tr td ul li { list-style-type:outside; margin:0px; padding:0px; } #seance_h2 { float:left; width:470px; } #seance_titre { margin-left:-21px; padding-top:20px; width:600px; float:left; background:#56b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_module_seance_top.jpg) no-repeat top left; } #seance_conclusion { margin-left:-21px; padding-top:20px; width:600px; float:left; background:#56b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_module_header_bottom.jpg) no-repeat bottom left; } #seance_conclusion_alt { padding-bottom:20px; margin-left:-21px; padding-top:20px; width:600px; float:left; background:#56b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_module_header_bottom_alt.jpg) no-repeat bottom left; } #seance_conclusion p, #seance_conclusion_alt p { float:left; width:450px;color:#fff; font-weight:bold;} #seance table.interieur { width:599px; margin-left:-20px; border:none; font-size:1em; } #seance table.interieur tr { border-bottom:1px solid #D1D1D1;} #seance table.interieur tr td { border-right:1px solid #D1D1D1;} #conclusion { width:560px; } .legende { font-size:0.8em; margin-bottom:5px; } .cycle { margin-right:20px; float:right; width:75px; height:75px; text-indent:-9999px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_cycle.jpg) no-repeat top left; } .cycle3 { margin-right:20px; float:right; width:75px; height:75px; text-indent:-9999px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/module_bg_cycle3.jpg) no-repeat top left; } /* INSCRIPTION */ #inscription { float:right; width:600px; color:#414141; margin-bottom:20px; padding-bottom:20px; } #inscription h3{ text-transform:uppercase; font-weight:bold; border-top:3px solid #0191cd; color:#000; margin-bottom:10px; padding-top:10px; padding-bottom:10px; } #inscription h4 { color:#000; margin-bottom:0px; line-height: 1.6em; font-weight:bold; width:600px; } #inscription a { font-weight:bold; } #inscription h5 { color:#000; font-weight:bold; width:600px; font-size:1em;} #inscription ul { list-style:none; margin:0px; padding:0px;} #fin_inscription ul { list-style:initial; margin:0px; padding-left:40px; padding-bottom:20px;} #inscription ul li{ color:#414141;} #inscription label { float:left; width:120px; } .emaillabel { float:left; width:240px; } #inscription p { margin-bottom:20px; line-height:1.6em;} #fieldset { float:left; width:600px; margin-bottom:20px; } #fieldset p { margin-bottom:5px; } #fieldset h4 { margin-bottom:10px; } #repere_inscription { width:600px; float:left; margin-bottom:40px; margin-top:-20px; } #repere_inscription ul { list-style:none; } #repere_inscription ul li { padding-left:25px; padding-top:3px; height:17px; margin-right:30px; float:left; display:inline; font-size:0.8em; } #repere_inscription ul li.empty { background:transparent url(images/check_inscription_empty.jpg) no-repeat top left; } #repere_inscription ul li.current { background:transparent url(images/check_inscription_encours.jpg) no-repeat top left; } #repere_inscription ul li.done { background:transparent url(images/check_inscription_done.jpg) no-repeat top left; } #intro_inscription { float:left; height:160px; padding:40px; width:520px; background:transparent url(images/bulle_inscription.jpg) no-repeat top left; } #intro_inscription p { font-size:1em; } .icheckbox { margin-top:20px; font-size:0.9em; margin-bottom:20px; } .input_long { width:400px; } .input_mid{ width:200px; } .input_small { width:140px; } .email { width:240px; height:15px;} #destinataire_id_pays { width:140px;} #id_pays { width:140px;} #errors { padding:10px; width:578px; float:left; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border:1px solid #e2001a; margin-bottom:20px;} #errors h3 { border:none; padding:0px; margin:0px; } #errors ul li { font-weight:normal; font-size:0.9em; } #fieldset { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d1d1d1; } optgroup { text-transform:uppercase; font-style:normal; padding:2px; margin-bottom:5px; } optgroup option { margin-left: 20px; padding: 2px; text-transform: none; } .bouton_inscrip { cursor:pointer; font-size:0.8em; background:url(images/bouton_vas.jpg) no-repeat scroll left top transparent; border:medium none; color:#fff; float:right; text-transform:uppercase; font-weight:bold; height:40px; margin-left:10px; width:200px; } .bouton_inscrip:hover { background-position:0px -40px;} .remind_email { color:#000; font-weight:bold; } .champ { width:600px; float:left; margin-bottom:10px; } .important { color:#ce6e3b; font-size:0.9em; margin-bottom:20px; } .niveau_classe { float:left; width:150px; height:120px; font-size:0.9em; } ul.niveau_classe { list-style:none; } #etab_left { float:left; width:300px; } #etab_right { float:right; width:300px; } #etab_tout { float:left; width:600px; } #aff_outils { width:600px; border-bottom:1px solid #d4d4d4; float:left; margin-bottom:20px; } .result_outil { width:580px; padding:20px; padding-right:0px; float:left; } .visuel_outil { width:100px; margin-right:10px; padding-right:10px; padding-bottom:10px; float:left; background:transparent url(http://www.vivreaveclesoleilauquebec.info/wp-content/uploads/2013/bg_img_outil.jpg) no-repeat scroll bottom right;} .visuel_outil img { width:100px; border:1px solid #d4d4d4; } .info_outil { width:300px; float:left; margin-bottom:10px; } .info_outil p { color:#999; font-size:0.9em; } .pick_outil { width:75px; height:70px; padding-top:45px; text-align:center; float:right; background:transparent url(images/choisir_outil.jpg) scroll no-repeat top left;} .nom_outil { color:#000; font-size:1.2em; font-weight:bold; margin-bottom:10px; } span.highlight_email { background:#dbb93a; padding:5px; font-weight:bold; color:#000; } /* =Homepage -------------------------------------------------------------- */ #intro_homepage { width:600px; float:left; margin-bottom:40px; background:#57b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/intro_fiche_bg_top.jpg) scroll no-repeat top left;} #intro_homepage h2 { margin-top:10px; padding-bottom:0px; text-indent:-9999px; width:500px; margin-bottom:10px; height:40px; border:none; margin-left:-9px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/h2_intro.jpg) scroll no-repeat top left; } #intro_homepage p { color:#fff; line-height:1.5em; width:580px; font-size:0.9em; margin-bottom:5px; padding-bottom:5px; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/dnt/images/arrow_intro.jpg) scroll no-repeat 100px bottom; } #intro_homepage p.noarrow { background:none; } #intro_homepage label { width:80px; float:left; font-weight:bold; color:#ffff; margin-right:20px; text-align:right; } #intro_homepage label.resume { height:40px; } #intro_homepage label.themes { height:60px; } .fiche_programme { margin-right:10px; text-indent:-9999px; height:45px; width:32px; float:right; background:transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/intro_dl_pdf.jpg) scroll no-repeat top left;} #intro_pdf { margin-top:-30px; height:45px; width:600px; background:#57b7d8 url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/intro_fiche_bg_bottom.jpg) scroll no-repeat bottom left;} #actualites_home { width:300px; float:left; } #actualites_home h3 { font-size:0.9em; font-family:arial; margin-bottom:10px; text-transform:uppercase; } #actualites_home ul { color:#414141; margin-bottom:5px; list-style:none outside none; margin:0px; padding:0px; font-size:0.9em; } #actualites_home ul li{ margin-bottom:20px; margin-left:0px; line-height: 1.5em; } #actualites_home p { margin-bottom:0px; } #actualites_home p a { text-decoration:none; font-weight:bold; } #actualites_home small { font-size:0.9em; } #soutiens { float:right; width:250px; color: #414141; float: right; line-height: 1.5em; width: 250px; } #soutiens ul { list-style:none outside none; margin:0px; padding:0px; } #soutiens ul li { list-style:none outside none; height:110px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_soutien.jpg) no-repeat top left; width:230px; height:90px; float:left; padding:10px; font-size:0.8em; line-height:1.3em; margin-left:0px; } #soutiens ul li.soutien_tall { padding-top:20px; padding-left:20px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_soutien_tall.jpg) no-repeat top left; height:210px;} .info_soutien { float: left; margin-top: 12px; width: 130px;} #soutiens ul li img { float:left; margin-right:10px; margin-top:5px; } /* =Gallery listing -------------------------------------------------------------- */ .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .category-gallery .entry-utility { padding-top: 4px; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* =Images -------------------------------------------------------------- */ #content img { max-width: 600px; } #content .attachment img { max-width: 900px; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; } #content .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } #content .wp-smiley { margin: 0; } #content .gallery { margin: 0 auto 18px; } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br+br { display: none; } #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } /* =Navigation -------------------------------------------------------------- */ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; float:left; width:600px; margin-top:20px; border-top:1px solid #d1d1d1; padding-top:20px; } .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #005a79; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: 0px 0 0 0; font-size:0.9em; } /* =Comments -------------------------------------------------------------- */ #comments { clear: both; float:left; margin-bottom:0px; } #comments p { margin-bottom:0px; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { border-bottom: 5px solid #D1D1D1; font-size: 1.4em; font-weight: normal; margin-bottom: 20px; padding-bottom: 10px; } h3#comments-title { padding: 24px 0; } .commentlist { margin-top:0px; list-style: none; margin-bottom: 20px; padding:0px; float:left; } .commentlist li.comment { padding: 0 0 0 0px; padding-left:40px; font-size:0.9em; position: relative; padding-bottom:20px; } .commentlist li.depth-1 { float:left; width:560px; border-top:1px solid #F3F3F3; padding-top:20px; background:url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/tem_guillemet.jpg) no-repeat left 20px; } .commentlist .children li { border: none; margin: 0; font-size: 1em; color:#414141; } .commentlist .children li.depth-2 { border-top:1px dotted #dbdbdb; padding:10px; margin-top:0px; } .commentlist li.comment ul.children { color:#ddd; float:left; } .commentlist li.comment ul.children li ul { padding:0px; } .reply { float:right; } .reply .comment-reply-link { padding:5px; background:#0073ff; color:#fff; text-transform:uppercase; font-weight:normal; } .commentlist .children { list-style: none; margin: 0; padding:0px; margin-top:20px; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; text-transform:uppercase; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #fff; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ #respond { background:#F3F3F3; padding:20px; overflow: hidden; position: relative; float:left; width:560px; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin-bottom:20px; font-weight:normal; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 0.9em; } #respond input { margin: 0 0 9px; border:1px solid #D1D1D1; margin-top:5px; } #respond textarea { width: 100%; border:1px solid #D1D1D1; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { background: none repeat scroll 0 0 #FFFFFF; border: medium none; cursor: pointer; font-size: 1em; float: right; font-size: 14px; padding: 5px; text-transform: uppercase; width: auto; box-shadow: 2px 2px 2px #dbdbdb; } /* =Widget Areas -------------------------------------------------------------- */ .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul ul { list-style: square; margin-left: 1.3em; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container { margin: 0 0 18px 0; } .widget-title { color: #222; font-weight: bold; } .widget-area a:link, .widget-area a:visited { text-decoration: none; } .widget-area a:active, .widget-area a:hover { text-decoration: underline; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } /* Main sidebars */ #main .widget-area ul { margin-left: 0; padding: 0 20px 0 0; } #main .widget-area ul ul { border: none; margin-left: 1.3em; padding: 0; } #primary { } #secondary { } /* Footer widget areas */ #footer-widget-area { } /*//////////////////// FOOTER //////////////////////// */ #footer { float:left; padding-top:40px; background: #ffffff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_footer_top.jpg) no-repeat top left; } #footer_bottom { padding-top:20px; float:left; padding-bottom: 40px; height:10px; width:960px; background: #0073ff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bg_footer_bottom.jpg) no-repeat top left; } #footer_bottom ul { margin-bottom:40px; list-style:none; float:left; width:530px; padding:0px; } #footer_bottom ul li { float:left; margin-right:20px; } #footer_bottom ul li a { font-size:0.9em; color:#fff; font-weight:normal; } #copyright { float:right; font-size:0.9em; color:#fff; } .jcarousel-skin-tango. .jcarousel-container { -moz-border-radius: 10px; background: #F0F6F9; border: 1px solid #346F97; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 880px; padding-left: 40px; padding-right:40px;} .jcarousel-skin-tango .jcarousel-container-vertical { width: 180px; height: 245px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 880px; height: 130px;} .jcarousel-skin-tango .jcarousel-clip-vertical { margin-top:50px; float:left; width: 210px; padding-left:30px; height: 550px;} .jcarousel-skin-tango .jcarousel-item { width: 130px; height: 130px;} .jcarousel-skin-tango .jcarousel-clip-vertical .jcarousel-item { width: 210px; height: 250px;} .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 20px;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0;} .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px;} .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;} /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 53px; right: 20px; width: 24px; height: 24px; cursor: pointer; background: transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/passerelles/images/arrow_partenaires_next.jpg) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/passerelles/images/arrow_partenaires_prev.jpg);} .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -24px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -48px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -120px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 53px; left: 20px; width: 24px; height: 24px; cursor: pointer; background: transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/passerelles/images/arrow_partenaires_prev.jpg) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/passerelles/images/arrow_partenaires_next.jpg); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -24px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -48px 0;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -120px 0;} /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 0px; width: 240px; height: 32px; cursor: pointer; background: transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/passerelles/images/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px;} .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 48px; left: 0px; width: 240px; height: 32px; cursor: pointer; background: transparent url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/passerelles/images/prev-vertical.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px;} .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px;} .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px;} /*** FORMULAIRE TEMOIGNAGES ***/ .wpcf7 { width:600px; float:left; font-size:0.9em; } .wpcf7 p { margin-bottom:10px; } .wpcf7-text { border:1px solid #D1D1D1;} .wpcf7-form textarea { width:600px; border:1px solid #D1D1D1;} .wpcf7-submit { border:none; cursor:pointer; background:#fff url(https://www.vivreaveclesoleilauquebec.info/wp-content/themes/vas/images/bouton_page.jpg) no-repeat top left;float:left; padding-top:4px; width:200px; color:#fff; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase; font-family:arial; height:40px; } .wpcf7-submit:hover { background-position:0 -40px; } .wpcf7-response-output { border: 2px solid #398F14; color: #414141; float: left; margin: 20px 0 0; width: 596px; } /****** FORMULAIRE EVALUATION ************/ .evaluation_form p { font-size:0.9em; margin-bottom:15px; } .evaluation_form h3.eval { margin-bottom:0px; } .evaluation_form h4 { font-size:0.9em; font-weight:bold; margin-bottom:5px; } .question_alt, .question { border-bottom:1px solid #D1D1D1; margin-bottom:15px; } .action_prevention, .vos_commentaires { width:600px; height:200px; } .vas_relai_participation_autre_comment, .rel_travail_autre_comment, .rel_valor_autre_comment, .vas_relai_outil_autre_comment { width:600px; height:60px; } .submit_evaluation { width:200px; height:25px; text-transform:uppercase; background:#0073ff; color:#fff; border:1px solid #D1D1D1; cursor:pointer; } /******* Geolocalisation *********/ #map { width: 600px; height: 600px; background: transparent url(/wp-content/plugins/redirection/images/loading.gif) no-repeat center center; } #info { width: 350px; height: 400px; } #info table { width:250px; border:none; padding: 0; } #info table tr td { color:#414141; padding:0px; vertical-align:top; }