/* Theme Name: SEPA Theme URI: http://www.banques-sepa.fr/ Description: SEPA 2013 Version: 1.0 Author: Olivier Beining / Jérémy Somek Author URI: http://www.j-dev.fr */ /* *************** RESET *************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family:Arial; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clear{ clear:both; } .alignright{ float:right; margin:5px 0 5px 5px; } .alignleft{ float:left; margin:0px 10px 5px 0; } .aligncenter{ text-align:center; margin:5px; } .alignnone{ text-align:none;} .floatL{ float:left; } .floatR{ float:right; } a{ color:#2e3032; text-decoration:none; } a:hover{ color:#ffaa31; text-decoration:none; } strong, b{ font-weight:bold; } #main .content table{ margin-bottom:15px; } #main .content table td, #main .content table th{ border:1px solid #e1e8e8; padding:5px 10px; } #main .content table thead tr td, #main .content table thead tr th{ background-color:#214b49; color:#fff; text-align:center; font-weight:bold; } .bulleinfo{ cursor:pointer; } /* *************** CONTAINER *************** */ body{ background-color:#f6f4f4; } #container{ width:940px; margin:0 auto; position:relative; font-family:Arial; padding:0 0px; } #main { float:left; position:relative; width:100%; margin-top:50px; } #main #content{ float:left; position:relative; width:720px; } #main #sidebar{ float:right; position:relative; width:220px; margin-top:2px; } /* *************** HEADER *************** */ #header{ margin-top:20px; } #header .logo { margin-top:25px; float:left; } #mobile-navigation{ display:none; } #site-navigation{ float:right; } #site-navigation li{ float:left; margin-left:20px; cursor:pointer; } #site-navigation li > a{ color:#FFF; font-family:Arial; width:100px; height:100px; font-size:12px; font-weight:bold; padding:10px; display:block;} //#site-navigation li > a:hover{ background-color:#6e7476; } #site-navigation #menu-item-12 > a{ background:url('images/picto_pratique.png') 30px 38px no-repeat; } #site-navigation #menu-item-13 > a{ width:100px; height:100px; font-size:12px; font-weight:bold; padding:10px; background:url('images/picto_initiatives.png') 30px 38px no-repeat; display:block;} #site-navigation #menu-item-15 > a{ width:100px; height:100px; font-size:12px; font-weight:bold; padding:10px; background:url('images/picto_temoignages.png') 30px 38px no-repeat; display:block;} #site-navigation #menu-item-14 > a{ width:96px; height:96px; font-size:12px; font-weight:bold; padding:10px; border:2px solid #6e7476; background:#f6f4f4 url('images/picto_liens.png') 29px 38px no-repeat; display:block;} #site-navigation #menu-item-14 > a{ color:#6e7476; } #site-navigation li ul{ position:absolute; margin-top:0px; right:0; display:none; padding:10px 0 40px 120px; } #site-navigation li ul li{ margin-left:0px; margin-right:12px; } #site-navigation li ul li:last-child{ margin:0; } #site-navigation li ul li a{ color:#2e3032; font-weight:normal; display:inline; background:none; padding:0; width:100%; height:100%; } #site-navigation li ul li a:hover{ color:#ffaa31; } #site-navigation li:hover > .sub-menu { display: block; } #site-navigation #menu-item-12:hover, #site-navigation #menu-item-13:hover, #site-navigation #menu-item-14 > a:hover, #site-navigation #menu-item-15:hover{ background-color:#6e7476; } #site-navigation #menu-item-14 > a:hover{ color:#fff; background-image:url('images/picto_liens_hover.png'); } #site-navigation #menu-item-12{ background:#d60093 url('images/puce_menu.png') 100px 10px no-repeat; width:120px; height:120px; display:block; } #site-navigation #menu-item-13{ background:#92d050 url('images/puce_menu.png') 100px 10px no-repeat; width:120px; height:120px; display:block; } #site-navigation #menu-item-15{ background:#4bacc6 url('images/puce_menu.png') 100px 10px no-repeat; width:120px; height:120px; display:block; } /* *************** ACCUEIL *************** */ #main .bloc{ border:2px solid #000; float:left; margin-right:20px; margin-bottom:20px; position:relative; overflow:visible hidden hidden hidden; } #main .bloc.b2col{ width:456px; height:290px; border-color:#4bacc6; } #main .bloc.b2col .titre{ z-index:50; background:url('images/bg-home-2col-bleu.png') 0 0 no-repeat; width:397px; height:50px; bottom:0px; position:absolute; font-size:16px; font-weight:bold; color:#FFF; padding-top:22px; padding-left:59px; line-height:20px; left:0; } #main .bloc.b2col .titre a{ color:#FFF; } #main .bloc.b2col.vert{ border-color:#92d050; } #main .bloc.b2col.vert .titre{ background:url('images/bg-home-2col-vert.png') 0 0px no-repeat; } #main .bloc.b2col.bleu{ border-color:#4bacc6; } #main .bloc.b2col.bleu .titre{ background:url('images/bg-home-2col-bleu.png') 0 0px no-repeat; } #main .bloc.b2col.rose{ border-color:#d60093; } #main .bloc.b2col.rose .titre{ background:url('images/bg-home-2col-rose.png') 0 0px no-repeat; } #content iframe{ position:absolute; z-index:20; } #main .bloc.b1col{ width:216px; height:278px; margin-top:12px; } #main .bloc.b1col .titre{ width:159px; height:50px; top:-13px; left:-2px; position:absolute; font-size:16px; font-weight:bold; color:#FFF; ; line-height:20px; padding-top:22px; padding-left:59px; } #main .bloc.b1col .titre.iod{ padding-top:30px; height:42px; } #main .b1col ul{ margin-top:60px; overflow:hidden; height:210px; } #main .b1col ul li{ padding:10px 7px; font-size:13px; color:#6e7476; line-height:15px; border-bottom:1px solid #92d050; } #main .b1col ul.temoignages li{ font-size:12px; border-color:#4bacc6; } #main .b1col ul li h3{ font-size:12px; color:#6e7476; font-style:italic; line-height:15px; } #main .b1col ul li p{ margin:0; line-height:inherit; } #main .b1col ul li:last-child{ border:0; } #main .b1col .content, #main .b2col .content{ margin-top:58px; padding:7px; overflow:hidden; height:175px; } #main .b1col p, #main .b2col p{ font-size:12px; color:#6e7476; line-height:18px; margin-bottom:10px; } #main .b2col .content{ margin-top:0px; height:175px; } #main .bloc.b1col.vert{ border-color:#92d050; } #main .bloc.b1col.vert .titre{ background:url('images/bg-home-1col-vert.png') 0 -1px no-repeat; } #main .bloc.b1col.bleu{ border-color:#4bacc6; } #main .bloc.b1col.bleu .titre{ background:url('images/bg-home-1col-bleu.png') 0 -1px no-repeat; } #main .bloc.b1col.rose{ border-color:#d60093; } #main .bloc.b1col.rose .titre{ background:url('images/bg-home-1col-rose.png') 0 -1px no-repeat; } #main .bloc.b1col.rose:hover, #main .bloc.b1col.bleu:hover, #main .bloc.b1col.vert:hover, #main .bloc.b2col:hover{ border-color:#6e7476; cursor:pointer; } #main .bloc.b1col.rose:hover .titre, #main .bloc.b1col.bleu:hover .titre, #main .bloc.b1col.vert:hover .titre, #main .bloc.b2col:hover .titre{ background-position:0 -73px; } #main .bloc.b2col:hover .titre{ background-position:0 -72px; } /* PAGE */ #main #content h1, .single-ils-ont-dit #main #content h1{ width:680px; padding-left:20px; padding-top:30px; font-size:20px; color:#fff; margin-bottom:20px; padding-bottom:20px; background:#6e7476 url('images/bg-titre-page-grisautre.jpg') 0 0 no-repeat; } .parent-pageid-4 #main #content h1, .page-id-4 #main #content h1{ width:640px; padding-left:60px; background:#d60093 url('images/bg-titre-page-rose.jpg') 0 0px no-repeat; color:#fff; } .parent-pageid-6 #main #content h1, .page-id-6 #main #content h1, .single-ils-ont-dit #main #content h1, .category-11 #main #content h1, .category-17 #main #content h1, .category-12 #main #content h1, .category-13 #main #content h1, .category-14 #main #content h1{ width:640px; padding-left:60px; background:#4bacc6 url('images/bg-titre-page-bleu.jpg') 0 0 no-repeat; color:#fff; } .parent-pageid-5 #main #content h1, .page-id-5 #main #content h1, .category-9 #main #content h1, .category-10 #main #content h1, .category-16 #main #content h1{ width:640px; padding-left:60px; background:#92d050 url('images/bg-titre-page-vert.jpg') 0 0 no-repeat; color:#fff; } .parent-pageid-7 #main #content h1, .page-id-7 #main #content h1{ width:640px; padding-left:60px; background:#6e7476 url('images/bg-titre-page-gris.jpg') 0 0 no-repeat; color:#fff; } #main #content .breadcrumbs{ font-size:12px; color:#6e7476; margin-bottom:5px; } #main #content .breadcrumbs a{ color:#ffaa31; text-decoration:none; } #main #content .breadcrumbs a:hover{ color:#6e7476; } #main #content .content-page{ width:700px; } #main #content .content-page p{ margin-bottom:10px; color:#6e7476; font-size:13px; line-height:16px; } #main #content .content-page h2{ font-size:18px; line-height:22px; color:#2d2f31; margin-bottom:10px; margin-top:8px; } #main #content .content-page h3{ font-size:16px; line-height:20px; color:#2d2f31; margin-bottom:10px; margin-top:20px; } #main #content .content-page .article{ border-bottom:1px solid #d2d2d2; padding-bottom:10px; margin-top:25px; } #main #content .content-page .article .lien{ background:url('images/puce_lien.png') 0 2px no-repeat; font-size:13px; color:#2d2f31; padding-left:10px; } #main #content .content-page ul{ margin-bottom:8px; margin-left:15px; } #main #content .content-page ul li{ background:url('images/puce_lien.png') 0 4px no-repeat; color:#6e7476; font-size:13px; line-height:18px; padding-left:13px; margin-bottom:4px; } #main #content .content-page ul li ul{ margin-top:8px; margin-bottom:12px; } .wsp-posts-list{ display:none; } #main #content .content-page .article .date_agenda{ font-size:12px; float:left; width:50px; background-color:#6e7476; color:#FFF; text-align:center; padding:6px 0; margin-right:10px; margin-bottom:0px; } #main #content .content-page .article .date_agenda span{ font-size:22px; font-weight:bold; } #main #content .content-page .page-numbers{ margin-top:20px; } #main #content .content-page .page-numbers li{ text-align:center; display:inline; text-transform:uppercase; font-size:13px; font-weight:bold; margin:0; background:none; padding:0; } #main #content .content-page .page-numbers li a{ margin:0; } #main #content .content-page .page-numbers li a{ color:#000; padding:8px 10px 7px 10px;} #main #content .content-page .page-numbers li a:hover{ color:#FFF; } #main #content .content-page .page-numbers li a:hover{ background-color:#ffaa31; color:#fff; } #main #content .content-page .page-numbers li span.current{ padding:8px 10px 7px 10px; background-color:#ffaa31; color:#fff; margin:0;} .intro_single{ float:left; border-bottom:1px solid #d2d2d2; width:100%; height:100%; margin-bottom:25px; } .date_single{ float:left; font-size:13px; color:#707070; } .partage_single{ float:right; margin-bottom:10px; } .partage_twitter{ background:url('images/partage_twitter2.png') 0 0 no-repeat; width:25px; height:19px; float:left;} .partage_twitter:hover{ background-position:0 -20px; } .partage_facebook{ background:url('images/partage_facebook.png') 0 0 no-repeat; width:21px; height:20px; float:left; margin-left:19px; } .partage_facebook:hover{ background-position:0 -20px; } .partage_google{ background:url('images/partage_google.png') 0 0 no-repeat; width:20px; height:20px; float:left; margin-left:19px; } .partage_google:hover{ background-position:0 -20px; } .partage_linkedin{ background:url('images/partage_linkedin.png') 0 0 no-repeat; width:20px; height:20px; float:left; margin-left:19px; } .partage_linkedin:hover{ background-position:0 -20px; } .partage_email{ background:url('images/partage_email.png') 0 0 no-repeat; width:25px; height:20px; float:left; margin-left:19px; } .partage_email:hover{ background-position:0 -20px; } #sidebar{ margin-bottom:40px; float:right; } #sidebar .compteur{ position:relative; border:2px solid #ffaa31; background-color:#ffaa31; width:216px; height:95px; font-size:12px; color:#2d2f31; line-height:14px; text-align:center; margin-bottom:35px; float:left; } #sidebar .compteur .contenu_compt{ position:absolute; bottom:2px; width:100%; text-align:center;} #sidebar .compteur .decompte{ height:48px; width:216px; background-color:#252728; margin-bottom:3px; font-size:36px; color:#FFF; } #sidebar .compteur .decompte .bg_j{ float:left; margin-left:36px; margin-top:18px; margin-right:10px; } #sidebar .compteur .decompte .bg_num{ background:url('images/bg_num.png') 0 0 no-repeat; width:29px; height:30px; float:left; font-size:36px; color:#ffaa31; text-align:center; padding-top:17px; margin-right:9px; margin-top:2px; } #sidebar .recherche { margin-bottom:35px; background-color:#FFF; float:left; width:216px; height:46px; border:2px solid #6e7476; float:left; } #sidebar .recherche input[type=text]{ background:none; border:0; border-bottom:1px solid #6e7476; margin-top:13px; color:#6e7476; font-family:Arial; font-size:12px; font-style:italic; margin-left:10px; padding-bottom:5px; width:160px; } #sidebar .recherche input[type=submit]{ background:url('images/loupe.png') 0 0 no-repeat; width:26px; height:26px; border:0; cursor:pointer; margin-left:4px; } #sidebar .recherche input[type=submit]:hover{ background-position:0 -26px; } #sidebar .blocsepa { float:left; width:216px; height:56px; border:2px solid #d60093; margin-bottom:35px; } #sidebar .blocsepa .picto{ float:left; background:url('images/point-interro.png') 0px 0px no-repeat; width:36px; height:37px; overflow:hidden; margin-top:10px; margin-left:5px; } #sidebar .blocsepa h2{ font-size:14px; color:#2d2f31; line-height:18px; margin-left:50px; margin-top:10px; } #sidebar .blocsepa:hover{ background-color:#d60093; } #sidebar .blocsepa:hover .picto { background-position:0 -37px; } #sidebar .blocsepa:hover h2{ color:#FFF; } #sidebar .bloclexique { float:left; width:216px; height:56px; border:2px solid #d60093; margin-bottom:25px; } #sidebar .bloclexique .picto{ float:left; background:url('images/info.png') 0px 0px no-repeat; width:38px; height:38px; overflow:hidden; margin-top:10px; margin-left:5px; } #sidebar .bloclexique h2{ font-size:14px; color:#2d2f31; line-height:18px; margin-left:50px; margin-top:17px; } #sidebar .bloclexique:hover{ background-color:#d60093; } #sidebar .bloclexique:hover .picto { background-position:0 -38px; } #sidebar .bloclexique:hover h2{ color:#FFF; } #sidebar .bloctag{ float:left; margin-bottom:30px; margin-top:10px; text-align:center; } #sidebar .blocreseaux{ float:left; width:180px; height:38px; background-color:#6e7476; padding:12px 20px 0 20px; } #sidebar .blocreseaux .rs-twitter{ float:left; margin-right:30px; margin-left:15px; background:url('images/twitter2.png') 0 0 no-repeat; width:32px; height:25px; } #sidebar .blocreseaux .rs-twitter:hover{ background-position:0 -25px; } #sidebar .blocreseaux .rs-youtube{ float:left; margin-right:30px; background:url('images/youtube.png') 0 0 no-repeat; width:28px; height:26px; } #sidebar .blocreseaux .rs-youtube:hover{ background-position:0 -26px; } #sidebar .blocreseaux .rs-rss{ float:left; margin-right:17px; background:url('images/rss.png') 0 0 no-repeat; width:26px; height:26px; } #sidebar .blocreseaux .rs-rss:hover{ background-position:0 -26px; } #sidebar .blocreseaux .rs-email{ float:left; background:url('http://www.banques-sepa.fr/wp-content/themes/SEPA/images/email') 0 0 no-repeat; width:32px; height:25px; } #sidebar .blocreseaux .rs-email:hover{ background-position:0 -25px; } #footer{ float:left; width:940px; text-align:center; font-size:12px; color:#707070; border-top:1px solid #e5e5e5; padding-top:10px; margin-bottom:30px; margin-top:10px; } #footer a{ color:#2d2f31; text-decoration:none; } #footer a:hover{ text-decoration:underline; } .wsp-posts-list, .wsp-category-title, .wsp-post{ display:none; } #wp-email-popup{ font-family:Arial; font-size:13px; } #wp-email-popup p{ margin-bottom:15px; } #wp-email-popup input[type=button]{ cursor:pointer; border:1px solid #ffaa31; background-color:#000; color:#ffaa31; padding:5px; } #wp-email-popup input[type=button]:hover{ border:1px solid #000; background-color:#ffaa31; color:#000; padding:5px; } #content iframe{ position:relative; z-index:20; } #tooltip{ width:auto; max-width:300px; min-width:100px; border:1px solid; background:white; padding:5px; margin-top:4px; font-size:12px; color:dimgray; -moz-box-shadow:2px 2px 4px rgba(0,0,0,.4); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4); -o-box-shadow:2px 2px 4px rgba(0,0,0,.4); box-shadow:2px 2px 4px rgba(0,0,0,.4); } #tooltip #ttimg.top{ margin-top:-17px; margin-left:2px } #tooltip #ttimg.bottom{ bottom:0; margin-bottom:-12px; margin-left:2px } #tooltip.default{ border:2px solid white; background:#444444; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-top:2px; } #tooltip.default #ttimg.top{ position:absolute; margin-top:-8px; margin-left:-8px } #tooltip.default #ttimg.bottom{ position:absolute; bottom:0; margin-bottom:-3px; margin-left:-8px } #tooltip h3{ font-weight:bold; } /* *************** MEDIA QUERY *************** */ @media only screen and (min-width: 720px) and (max-width: 979px) { #container{ width:700px; } #header{ margin-top:5px; } #header .logo { margin-top:5px; margin-left:178px; } #site-navigation{ float:left; margin-left:60px; margin-top:20px; } #site-navigation li ul{ left:80px; } #site-navigation li ul{ padding:10px 0 40px 0px; } #main { margin-top:40px; } #main #content h1{ float:left; } #main #content .larg_titre{ width:380px; float:left; } #main #content{ width:476px; } #main #content .content-page{ width:456px; overflow:hidden; } #main #sidebar{ width:220px; } #main .bloc{ margin-right:18px; } #footer{ width:700px; } } @media only screen and (min-width: 478px) and (max-width: 719px) { #container{ width:460px; } #header{ margin-top:5px; } #header .logo { margin-top:5px; margin-left:0px; } #site-navigation{ float:left; margin-left:0px; margin-top:20px; } #site-navigation li > a{ color:#FFF; font-family:Arial; width:90px; height:90px; font-size:12px; font-weight:bold; padding:10px; display:block;} #site-navigation #menu-item-12 > a{ width:90px; height:90px; font-size:12px; font-weight:bold; padding:10px; background:#d60093 url('images/picto_pratique.png') 25px 36px no-repeat; margin-right:6px; } #site-navigation #menu-item-13 > a{ width:90px; height:90px; font-size:12px; font-weight:bold; padding:10px; background:#92d050 url('images/picto_initiatives.png') 30px 36px no-repeat; margin-right:6px; } #site-navigation #menu-item-15 > a{ width:90px; height:90px; font-size:12px; font-weight:bold; padding:10px; background:#4bacc6 url('images/picto_temoignages.png') 25px 36px no-repeat; margin-right:6px; } #site-navigation #menu-item-14 > a{ width:86px; height:86px; font-size:12px; font-weight:bold; padding:10px; border:2px solid #6e7476; background:#f6f4f4 url('images/picto_liens.png') 25px 36px no-repeat} #site-navigation li{ float:left; margin-left:0px; cursor:pointer; } #site-navigation li ul{ left:0px; margin-top:60px; line-height:15px; } #site-navigation{ float:right; } #site-navigation li{ float:left; margin-left:0px; cursor:pointer; } #site-navigation li > a{ color:#FFF; font-family:Arial; width:90px; height:90px; font-size:12px; font-weight:bold; padding:10px; display:block;} #site-navigation #menu-item-12 > a{ background:url('images/picto_pratique.png') 25px 38px no-repeat; } #site-navigation #menu-item-13 > a{ background: url('images/picto_initiatives.png') 25px 38px no-repeat; } #site-navigation #menu-item-15 > a{ background:url('images/picto_temoignages.png') 25px 38px no-repeat; } #site-navigation #menu-item-14 > a{ width:86px; height:86px; font-size:12px; font-weight:bold; padding:10px; border:2px solid #6e7476; background:#f6f4f4 url('images/picto_liens.png') 24px 36px no-repeat; display:block;} #site-navigation #menu-item-14 > a{ color:#6e7476; } #site-navigation li ul{ position:absolute; margin-top:0px; right:0; display:none; padding:4px 0 20px 0; } #site-navigation li ul li{ margin-left:0px; margin-right:12px; line-height:14px; } #site-navigation li ul li:last-child{ margin:0; } #site-navigation li ul li a{ color:#2e3032; font-weight:normal; display:inline; background:none; padding:0; width:100%; height:100%; } #site-navigation li ul li a:hover{ color:#ffaa31; } #site-navigation li:hover > .sub-menu { display: block; } #site-navigation #menu-item-12{ background:#d60093 url('images/puce_menu.png') 90px 10px no-repeat; width:110px; height:110px; display:block; margin-right:6px; } #site-navigation #menu-item-13{ background:#92d050 url('images/puce_menu.png') 90px 10px no-repeat; width:110px; height:110px; display:block; margin-right:6px; } #site-navigation #menu-item-15{ background:#4bacc6 url('images/puce_menu.png') 90px 10px no-repeat; width:110px; height:110px; display:block; margin-right:6px; } #main { margin-top:40px; } #main #content{ width:460px; } #main #content h1{ float:left; } #main #content .larg_titre{ width:400px; float:left; } #main #content .content-page{ width:460px; overflow:hidden; } #main #sidebar{ width:460px; } #main .bloc{ margin-right:20px; } #main .bloc3, #main .bloc5{ margin-right:0px; } #sidebar{ margin-bottom:20px; } #sidebar .compteur{ margin-right:20px; margin-bottom:0px; width:456px; } #sidebar .compteur .decompte{ width:456px; } #sidebar .compteur .decompte .bg_j{ margin-left:152px;} #sidebar .blocsepa { display:none; } #sidebar .bloclexique { display:none; } #sidebar .blocreseaux{ display:none; } #sidebar .bloctag{ display:none; } #sidebar .recherche{ display:none; } #footer{ width:460px; } } @media only screen and (max-width: 477px) { #container{ width:300px; } #header{ margin-top:5px; } #header .logo { margin-top:0px; margin-left:0px; } #header .logo img{ width:300px; } #mobile-navigation{ display:block; } #site-navigation{ display:none; } #header #mobile-navigation{ display:block; position:absolute; top:90px; } #header #mobile-navigation select{ width:298px; border:1px solid #FFF; background:#e2e8e8; color:#214b49; padding:8px 0; font-size:15px; font-family:Arial; } #header #mobile-navigation select.select-menu{ position:relative; z-index:10; cursor:pointer; } #header #mobile-navigation span.select-menu{ position:absolute; top:0px; float:left; left:0px; width:298px; height:28px; padding-top:2px; line-height:26px; text-indent:10px; background:url(images/btn_select.png) no-repeat 269px 0; cursor:pointer; z-index:1; border:1px solid #e2e8e8; font-family:Arial; font-size:15px; color:#214b49; } #header #mobile-navigation .select-menu option:hover{ background-color:#a43f55; } #main { margin-top:46px; } #main .breadcrumbs{ display:none; } #main #content{ width:300px; } #main #content h1{ float:left; } #main #content .larg_titre{ width:230px; float:left; font-size:16px; } #main #content .larg_titre br{ display:none; } #main #content .content-page{ width:300px; overflow:hidden; } #main #sidebar{ width:300px; } #main .bloc.b1col{ width:296px; } #main .bloc.b2col{ width:296px; overflow:hidden; } #main .bloc.b2col iframe{ width:296px; height:233px; } #main .bloc.b1col iframe{ width:296px; height:186px; } #main .bloc.b1col.vert .titre{ background:url('images/bg-home-1col-vert-mobile.png') 0 0 no-repeat; width:241px;} #main .bloc.b1col.bleu .titre{ background:url('images/bg-home-1col-bleu-mobile.png') 0 0 no-repeat; width:241px;} #main .bloc.b1col.rose .titre{ background:url('images/bg-home-1col-rose-mobile.png') 0 0 no-repeat; width:241px;} #main .bloc.b2col h2.titre{ width:240px; } #main .bloc.b2col img{ display:none; } #sidebar{ margin-bottom:20px; } #sidebar .compteur{ width:296px; margin-bottom:0; } #sidebar .compteur .decompte{ width:296px; } #sidebar .compteur .decompte .bg_j{ margin-left:73px; } #sidebar .blocsepa { display:none; } #sidebar .bloclexique { display:none; } #sidebar .blocreseaux{ display:none; } #sidebar .bloctag{ display:none; } #sidebar .recherche{ display:none; } #footer{ width:300px; } .intro_single{ float:left; margin-bottom:25px; height:100%; } .date_single{ float:left; font-size:13px; color:#707070; } .partage_single{ float:left; margin-top:10px; margin-bottom:10px; } }