/*
Theme Name: WordPress Nos Petits Frères et Soeurs
Theme URI: http://www.adfinitas.fr/
Description: Thème Nos Petits Frères et Soeurs.
Version: 1.0
Author: Adfinitas
Author URI: http://www.adfinitas.fr/
Tags: custom

*/

/* Default styles */
@import "css/reset.css";

body  {font: 14px/20px Arial,Helvetica,Sans-serif; color: #333; background-color: #fff;}

h1, h2, h3, h4, h5, h6 {margin: 0; color: #333;}
h1 {font-size: 18px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

p {margin: 0; font-size: 11px; line-height: 12px;}

hr {background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px;}

input, textarea {font: 10px sans-serif; padding: 0 1px; border: 1px solid #ccc #efefef #efefef #ccc;}

a:link, a:visited  { color: #18529d; text-decoration:none;}
a:hover {text-decoration: underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/* Layout */

#wrapper {
 width: 950px;
 margin: 10px auto;
}

#header {
	height: 80px;
	background: transparent url(images/background-header.png) no-repeat center 10px;
}

#content {
	width: 657px;
	float: left;
	margin-right: 23px;
	padding: 10px 0 15px 0;
}

#sidebar {
	padding: 10px 0;
	float: right;
	width: 268px;
}

/* Navigation */

#primary-menu {margin-top: 40px; padding-left: 265px;}
#primary-menu li {float: left;}
#primary-menu.menu-inline li a {font-size: 10px; font-weight: bold; text-transform: uppercase; float: left;}

#secondary-menu {font-size: 11px; float: right; line-height: 11px; padding: 13px 20px 0 0;}

.menu-inline li {display: inline; list-style: none;}
.menu-inline li:first-child a {padding-left: 0;	border-left: none;}
.menu-inline li a {
	float: left;
	display: block;
	border-left: 1px solid #18529d;
	padding-left: 7px;
	margin-right: 7px;
}

.breadcrumb {margin-bottom: 10px; padding: 0 23px;}
.breadcrumb a, .breadcrumb a:hover {color: #333; text-decoration: underline;}

.wp-pagenavi {font-size: 11px; margin: 0 23px;}

/* Header */
#logo {width: 232px;}
#logo h1 {margin: 15px 0 0 18px;}
.site-description {position: absolute; top: -2000em; text-indent: -2000em;}

.widget_search {float: right; margin-right: 18px; font-size: 12px;}
.widget_search label {float: left; padding-right: 6px;}
.widget_search input {float: left;}
.widget_search #s {width: 100px; height: 14px; margin-top: 1px;}

#searchform input#searchsubmit {width: 29px; height: 18px; margin-top: 0; padding-left: 6px; background-color: transparent; border: none;}

/* Banner */
#banner {height: 340px; background: #fff url(images/slide-photo.jpg) bottom left no-repeat;}
#banner-container {background: transparent url(images/slide-effect.png) bottom left no-repeat;}


#donate {width: 100%; overflow: hidden;}
#donate ul {padding-left: 83px; padding-top: 6px;}
#donate li {float: left; display: inline; list-style: none; text-align: center; padding-left: 20px;}
#donate li a {
	float: left;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none; color: #FFF;
	margin-top: 9px;
}

#donate_button  {width: 227px; height: 51px; margin-right: 18px; background: transparent url(images/faire-un-don.png) top left no-repeat;}
#sponsor_button {width: 216px; height: 51px; padding-left: 3px; background: transparent url(images/parrainer.png) top left no-repeat;}

#slide {width: 670px; float: left; margin-top: 234px;}
#slide h2 {float: left; margin-left: 30px; padding-right: 100px; color: #fff; font-size: 16px;}
#slide h2 a, #slide h2 a:hover {color: #fff; text-decoration: none;}
#slide ul {float: right; padding-top:2px;}
#slide li {float: left; display: inline; list-style: none; padding-right: 4px;}
#slide li a {
	float: left;
	display: block;
	background: url(images/number-up.png) top left  no-repeat;
	color: #666;
	text-decoration: none;
	width: 16px;
	height: 16px;
	padding-top: 2px;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	font-weight: bold;
}

#slide li a:hover, #slide li.current a {float: left; display: block; background: url(images/number-down.png) top left  no-repeat; color: #666; text-decoration: none;}

#qualif-form {
	width: 270px;
	height: 286px;
	float: right;
	background: url(images/inscription.png) no-repeat top center;
	color: #fff;
}

#qualif-form fieldset, #qualif-intro, #postmail {margin: 0 18px 0 25px;}

#qualif-form fieldset {border-bottom: 1px dotted #af4206; padding-bottom: 12px; }
#qualif-form p {font-size: 11px; line-height: 12px; padding-top: 6px;}
#qualif-intro strong {background: url(images/arrow.png) left 1px no-repeat; padding-left: 11px;}

#qualif-form fieldset p {width: 100%; overflow: hidden;}
#qualif-form fieldset label {float: left;}
#qualif-form fieldset label input {margin: 0 6px;}
#qualif-form fieldset span {float: left; display: block; width: 60px; display: block; padding-top: 2px;}
#qualif-form input {float: left; width: 100px; height: 14px;}

#qualif-form #qualif-intro {font-size: 12px; line-height: 12px; color: #af4206; padding-top: 20px;}
#qualif-form h3 {font-size: 11px; line-height: 11px; text-transform: uppercase; color: #fff; padding-top: 11px;}
#qualif-form h3 a, #qualif-form h3 a:hover {color: #fff; text-decoration: underline;}
#qualif-form .submit {margin: 0; padding: 0; width: 29px; float: left; height: auto; border: none; background-color: transparent;}

/* Content */
#content #video, #content #map  {width: 263px; height: 141px; margin-top: 10px;}

.pagetitle {font-size: 16px; padding: 0 23px 12px;}

#map {background: url(images/bloc-map.png) no-repeat; float: left; margin-left: 6px;}
#video {background: url(images/bloc-video.png) no-repeat; float: right; margin-right: 18px;}

#video h2, #map h2 {padding-top: 11px;}
#video a, #map a {font-size: 16px; margin-left: 15px;}

.post, .page, .attachment {margin-bottom: 12px; padding: 0 23px;}
.single .post {margin-bottom: 0;}
.post h2, .post h3, .post h4, .post h5, .post h6 {padding: 12px 0;}

.post-title h2 {float: left; width: 538px;}
.post-option {float: right;}

.post small {padding-left: 3px;}

.entry {width: 100%; overflow: hidden;}
.entry p {padding: 7px 0; text-align: justify;}

.entry blockquote {padding: 0px 20px 10px 50px; color: #333;}
.entry blockquote p {font-style: italic; font-size: 11px;}

.entry ul, .entry ol {margin: 7px 0; padding: 0 0 0 20px; font-size: 11px; line-height: 13px;}
.entry ul ul, .entry ol ol {margin: 0; padding: 0 0 0 15px;}

.entry ul li {list-style-type: disc;}
.entry ul ul li {list-style-type: circle;}

.entry  ol li {list-style-type: upper-latin;}
.entry  ol li ol li {list-style-type: lower-latin;}

.postmetadata {
	margin-top: 8px;
	padding: 3px 3px 6px;
	border-top: 1px dotted #E6E6E6;
}

#share {
	width: 100%;
	height: 51px;
	overflow: hidden;
	margin-top: 5px;
	background: transparent url(images/back-social.png) top center no-repeat; 
}

#share h3 {padding-left: 23px; padding-top: 2px;} 

#share h3, #act h3 {font-size: 11px;}

#act {padding: 5px 23px;}
#act-info {width: 100%; overflow: hidden; padding-bottom: 6px;}

#act-donate {float: left; padding-left: 43px;}
#act-donate a {
	float: left;
	display: block;
	text-align: center;
	width: 221px;
	height: 34px;
	padding-top: 14px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	background: transparent url(images/act-donate.png) no-repeat top left;
	overflow: hidden;
}

#act-donate a:hover {text-decoration: none;}

#newsletters {
	float: right;
	width: 221px;
	height: 53px;
	padding-right: 43px;
	color: #fff;
	background: transparent url(images/newsletters.png) top left no-repeat;
}

#newsletters fieldset {padding: 9px 16px;}
#newsletters label {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 3px;
	font-weight: bold;
}

#newsletters-email, #newsletters-submit {float: left;}
#newsletters-email {margin-left: 9px; width: 120px;}
input#newsletters-submit {padding: 0; margin-left: 6px; line-height: 11px; border: none; background-color: transparent;}


/* Sidebar */
.box {background: transparent url(images/border-lr.png) left top repeat-y; margin-top: 10px; overflow: hidden;}
.box-container {background: transparent url(images/border-top.png) top left no-repeat; overflow: hidden;}
.box-content {background: transparent url(images/border-bottom.png) bottom left no-repeat; padding: 0 18px; overflow: hidden;}
.box-content h3 {color: #18529d; padding-top: 14px;}

#sub-menu .entry {padding-bottom: 18px;}
#sub-menu .entry ul, #sub-menu .entry ul ul {padding-left: 0px;}
#sub-menu .entry ul li, #sub-menu .entry ul ul li {list-style: none;}

#donate-widget h3, #download-widget h3 {font-size: 14px; margin-left: 75px; color: #18529d; line-height:14px; }
#download-widget h3 {margin-left: 90px; padding-right: 28px;}

#donate-widget {width: 264px;}
#donate-widget h3 {padding-top: 10px;}
#donate-widget p {margin-left: 75px; padding-top: 6px; padding-right: 10px; color: #18529d; font-size: 18px; line-height: 15px;}
#donate-widget strong {float: left; padding-top: 2px; padding-right: 8px;}
#donate-widget a {display: inline; width: 83px; height:18px;}

#donate-campaign {width: 100%; overflow: hidden; min-height: 63px; padding-bottom:10px; background: transparent url(images/trousse.png) left 7px no-repeat;}

#download-widget {background: url(images/carnet.png) no-repeat; width: 264px; height: 55px; margin-top: 10px;}
#download-widget h3 {padding-top: 13px;}

.related-bloc {width: 100%; overflow: hidden; margin-top: 18px;}
.related-bloc h4, .news-bloc p {font-size: 11px; line-height: 12px;}
.related-thumb {float: left;}
.related-thumb img {border: 1px solid #333;}
.related-text {padding-left: 115px;}

#more-related {text-align: center; padding-top: 20px; padding-bottom: 18px;}

/* Footer */
#footer {background: url(images/footer.png) no-repeat center top;}
#copyright {float: left; margin-left: 22px; padding-top: 12px; text-align: left; font-size: 11px; color: #666;}
#label {text-align: right; padding-top: 6px;}

#social-widget {float: left; margin-left: 24px; padding-top: 5px;}
#social-title {float: left; font-size: 12px; color: #18529d; font-weight: normal;}
#social-list {float: left;}
#social-list li {display: inline; list-style: none;}
#social-list li a {float: left;	display: block; margin-left: 10px;}

/* Message */

.npsf_contact_ok, .npsf_contact_error {margin: 5px 10px; padding: 12px; border: 1px solid; overflow: hidden;}

.npsf_contact_ok {
background: #E5F8CE;
border-color: #D0F1A6;
color:#488435;	
}

.npsf_contact_error {
	background: #FAD0D0;
	border-color: #F6ABAB;
	color: #B01717;
}

/* Plugin Courrier */
.postmail label {float: left; width: 140px; font-weight: bold;}
.postmail p {padding-top: 0;}