/* THEME NAME: Samu Social THEME URI: http://www.samusocial-75.fr DESCRIPTION: theme specifique au site du Samu Social de Paris basé sur le theme Sandbox VERSION: 1.5.2 AUTHOR: Aymeric Jacqquet AUTHOR URI: */ /* Two-column with sidebar on left from the /sandbox-layouts/ folder */ /* LAYOUT: Two-Column (Right) DESCRIPTION: Two-column fluid layout with one sidebars right of content */ body{ color: #001022; font-size: 80%; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; background:#fff; margin:0;padding:0; } div {margin:0;padding:0;} #wrapper {width:980px; margin:0 auto; padding:0;text-align:left;background:#ffffff url(images/bck-global.gif) repeat-y right top;} /* LAYOUT: Two-Column (Right) DESCRIPTION: Two-column fluid layout with one sidebars right of content */ div#container { float: left; margin: 0 -320px 0 0; width: 100%; } div#content { margin: 0 320px 0 0; } div.sidebar { float: right; overflow: hidden; width: 300px; background:#638DC9; color:#ffffff; } div#secondary { clear: right; } div#footer { clear: both; width: 100%; background:#ffffff; } /* Just some example content */ div#head{margin:0;padding:0;overflow:hidden; margin-bottom:20px;} div#header{text-align:center;width:655px;float:left;margin:0;padding:0; background:transparent url(images/bck-logo.gif) no-repeat left 50px;margin-bottom:15px;} .breadcrumb{text-align:right;width:655px;float:left;margin:0;padding:0;font-size:0.9em;color:#808080;} .breadcrumb a, .breadcrum a:visited {color:#A4413B;text-decoration:none;} .breadcrumb a:hover, .breadcrum a:focus {text-decoration:underline;} #navplus {text-align:right;text-transform:uppercase;list-style:none;margin:0;padding:0;} #navplus li {display:inline;margin:0;padding:0;margin-left:5px;} #navplus li a, #navplus li a:visited{color:#638DC9;text-decoration:none;padding-left:5px;border-left:1px solid #638DC9;} #navplus li a:hover, #navplus li a:focus{text-decoration:underline;} #navplus .first a, #navplus .first a:visited{border:none;} #header #blog-title {margin:0;padding:0;} #header #blog-title a {display:block;height:150px;text-indent:-5000px;} #slideshow {width:300px;float:right;margin:0;padding:0;list-style:none;} #slideshow * {margin:0;padding:0;} div#menu{width:300px;margin:0;padding:0;margin-bottom:20px;} div#menu ul{list-style:none;margin:0;padding:0;overflow:hidden;} div#menu li {margin:0;padding:2px 5px;} div#menu li a, div#menu li a:visited {display:block;margin:0;padding:0;font-size:1.8em;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;color:#FFFFFF;text-decoration:none;height:30px;line-height:30px;overflow:hidden;margin-top:-4px; text-transform:uppercase;} div#menu li a:hover, div#menu li a:focus {font-weight:700;height:30px;line-height:30px;letter-spacing:+1px;} div#menu ul .current_page_item a {font-weight:700;height:30px;line-height:30px;letter-spacing:+1px;} div#menu ul .current_page_ancestor a {font-weight:700;height:30px;line-height:30px;letter-spacing:+1px;} div#menu ul li ul {display:none;} div#menu ul .current_page_item ul, div#menu ul .current_page_ancestor ul {display:block;} div#menu ul .current_page_item ul li a, div#menu ul .current_page_item ul li a:visited, div#menu ul .current_page_ancestor ul li a, div#menu ul .current_page_ancestor ul li a:visited {display:inline;margin:0;padding:0;font-size:14px;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;color:#FFFFFF;text-decoration:none;height:auto;line-height:18px;letter-spacing:0;} div#menu ul .current_page_item ul li a:hover, div#menu ul .current_page_item ul li a:focus, div#menu ul .current_page_ancestor ul li a:hover, div#menu ul .current_page_ancestor ul li a:focus {display:inline;margin:0;padding:0;font-size:14px;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:700;color:#FFFFFF;text-decoration:none;height:auto;line-height:18px;letter-spacing:+1px;} div#menu ul .current_page_ancestor ul .current_page_item a, div#menu ul .current_page_ancestor ul .current_page_item a:visited {display:inline;margin:0;padding:0;font-size:14px;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:700;color:#FFFFFF;text-decoration:none;height:auto;line-height:18px;letter-spacing:+1px;} div#menu ul .current_page_ancestor ul .current_page_item ul a, div#menu ul .current_page_ancestor ul .current_page_item ul a:visited {display:inline;margin:0;padding:0;font-size:14px;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;color:#FFFFFF;text-decoration:none;height:auto;line-height:18px;letter-spacing:0;} div#menu ul .current_page_ancestor ul .current_page_item ul a:hover, div#menu ul .current_page_ancestor ul .current_page_item ul a:focus {display:inline;margin:0;padding:0;font-size:14px;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:700;color:#FFFFFF;text-decoration:none;height:auto;line-height:18px;letter-spacing:+1px;;} #container {clear:both;} div#nav-above,div#nav-below{width:100%;} div#nav-above{margin-bottom:1em;} div#nav-below{margin-top:1em;} .alignleft,div.nav-previous{float: left;} .alignright,div.nav-next{float: right;} form#commentform .form-label{margin:1em 0 0;} form#commentform span.required{background:#fff;color:red;} form#commentform,form#commentform p{padding:0;} input#author,input#email,input#url{width:50%;} input#author,input#email,input#url,textarea#comment{padding:0.2em;} div.comments ol li{margin:0 0 3.5em;} textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;} /*------------------------------------------------------------------SIDEBAR---------------------------------------------------------------*/ div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;} div.sidebar h3{font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal; } div.sidebar input#s{width:7em;} div.sidebar li{list-style:none;margin:0 0 1em;} div.sidebar li form{margin:0.2em 0 0;padding:0;} div.sidebar ul ul{margin:0 20px;padding:10px 20px;} div.sidebar ul ul li{list-style:disc;margin:0;} div.sidebar ul ul ul{margin:0 0 0 0.5em;} div.sidebar ul ul ul li{list-style:circle;} .sidebar .widget_rss a img {display:none;} .sidebar .widget h3 a, .sidebar .widget h3 a:visited {display:block;margin:0;padding:0;font-size:1.6em;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;color:#FFFFFF;text-decoration:none;height:30px;line-height:30px;overflow:hidden; text-transform:uppercase;padding-left:5px;cursor:default;} .sidebar .widget a, .sidebar .widget a:visited {color:#ffffff;text-decoration:none;} .sidebar .widget a:hover, .sidebar .widget a:focus {text-decoration:underline;} #text-238761371 {text-align:center;margin:0;padding:0;} #text-238761371 a {display:block;width:276px;height:49px;background:transparent url(images/bouton-don.gif) no-repeat left top;margin:0 auto;} /************************************************************FOOTER****************************************************/ div#footer{text-align:center;padding-top:30px;} /* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */ div.gallery{clear:both;float:left;width:100%;} div.gallery dl{float:left;text-align:center;} div.gallery dl dt{margin:0;} div.gallery dl dd{margin-left:0;} div.entry-attachment,div.entry-caption{text-align:center;} div.entry-attachment img,div#nav-images div img{overflow:hidden;} body.attachment div#nav-images{clear:both;width:100%;} body.attachment div#nav-images div{padding:1em 0;width:50%;} body.attachment div#nav-images div.nav-previous{text-align:left;} body.attachment div#nav-images div.nav-next{text-align:right;} body.attachment div.entry-meta,body.attachment div#comments{clear:both;} /*********************************************** LE CONTENU*****************************************************/ .hentry {padding-bottom:30px;} .hentry img{border:none;} .entry-title{clear:both;color:#638DC9;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;font-size:2.4em;text-transform:uppercase;padding-top:0;margin-top:0;} .entry-title a, .entry-title a:visited{color:#638DC9;text-decoration:none;} .entry-title a:hover, .entry-title a:focus{text-decoration:underline;} .entry-content {text-align:justify;padding-right:30px;} .entry-content h2{color:#A4413B;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;font-size:2em;text-transform:uppercase;} .entry-content h3{color:#638DC9;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;font-size:1.8em;text-transform:uppercase;} .entry-content h4{color:#A4413B;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;font-size:1.4em;text-transform:uppercase;padding-bottom:5px;margin-bottom:0;} .entry-content a, .entry-content a:visited{color:#638DC9;text-decoration:none;} .entry-content a:hover, .entry-content a:focus{text-decoration:underline;} .pageid-2 .entry-title {display:none;} #doncheque, #donprelev, #donleg {padding:20px;} .entry-content ul li p {margin:0;padding:0;} #nav-below {overflow:hidden;margin-bottom:30px;} #nav-below a, #nav-below a:visited {color:#A4413B;text-decoration:none;} #nav-below a:hover, #nav-below a:focus {text-decoration:underline;} .list-title a, .list-title a:visited {color:#A4413B;font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;font-size:0.8em;text-transform:uppercase;padding-bottom:5px;margin-bottom:0;} .list-title a:hover, .list-title a:focus {text-decoration:underline;} /***********************************************NOUS SOUTENIR*****************************************************/ /***********************************************HABILLAGES DIVERS*****************************************************/ .introtexte {font-size:1.2em;color:#638DC9;font-weight:700;} .subpages {text-align:center;text-transform:uppercase;list-style:none;margin:0;padding:0;} .subpages li {display:inline;margin:0;padding:0;margin-left:5px;} .subpages li a, #navplus li a:visited{color:#638DC9;text-decoration:none;padding-left:5px;} .subpages li a:hover, #navplus li a:focus{text-decoration:underline;} .subpages li ul {font-size:0.8em;} /*******************************************************ENCARTS BAS DE PAGE***********************************************/ #encarts {position:relative;overflow:hidden;height:187px;margin:0;padding:0;list-style:0;clear:both;} #encarts * {margin:0;padding:0;color:#ffffff;} #encarts h3 {font-family:"Century Gothic", Arial, Verdana, sans-serif;font-weight:normal;font-size:1.6em;text-transform:uppercase;text-align:center;padding-top:5px;} #encarts ul {padding:15px;list-style:none;font-size:1.2em;} #encarts li div h3{padding-top:40px;} #encarts ul li {margin-bottom:5px;} #encarts a, #encarts a:visited {text-decoration:none;} #encarts a:hover, #encarts a:focus {text-decoration:underline;} #encarts #text-242365021, #encarts #text-242365022, #encarts #text-242365023 {width:187px;height:187px;position:absolute; top:0;background:#638DC9} #encarts #text-242365021 {background:#D3C93F} #encarts #text-242365022 {left:217px;background:#00AAA2} #encarts #text-242365023 {left:434px;background:#A4413B} /*******************************************************STYLES SPECIFIQUES PAGES***********************************************/ .pageid-9 .entry-content ul {list-style:none;margin:20px 0;padding:0} .pageid-9 .entry-content li {clear:left;overflow:hidden;margin-bottom:15px;background:#DEECFF;padding:10px;} .pageid-9 .entry-content li img {margin-right:20px;} .pageid-16 .entry-content img {margin-right:20px;} .pageid-16 .entry-content p {clear:left;} body.pageid-346 li#li-2-2 label{ width:auto; } body.pageid-346 li#li-2-2 label span{ font-size:1.2em; color:#000;} body.pageid-346 li#li-2-2 input#cf2_field_2{ float:left; width:120px;} body.pageid-346 li#li-2-3{ float:left; color:#000;} body.pageid-346 li#li-2-4{ clear:both;} body.pageid-346 .reqtxt{ display:none;} body.pageid-346 .cf-box-title{ width:100px; font-size:1.2em!important; color:#000!important; } body.pageid-346 .cf-box-group{ padding-left:100px!important; } body.pageid-346 label.cf-after{ width:40px; float:none;} body.pageid-346 label span{ font-size:1.2em; color:#000;} /***********************************FOOTER AGAIN*******************************/ #footer p {font-size:0.8em;} #footer p a {color:#638DC9;font-weight:700;text-decoration:none;} #footer p a:hover {text-decoration:underline;} #rss-237978341 {margin-top:25px;} #rss-237978342 h3, #rss-237978341 h3 {font-size:1.8em;margin-left:5px;text-transform:uppercase;}