/*
Theme Name: Thème ZAP Bas-Saint-Laurent
Theme URI: http://zapbsl.org/
Description: Le thème par défaut de ZAP Bas-Saint-Laurent.
Text Domain: zapbsl
*/

/*
----------------------
Base & Reset
----------------------
*/

* {
  margin: 0;
  padding: 0;
}

body {
  
  font: 8pt arial, tahoma, verdana, sans-serif;
}

img {
  border: none;
  padding: 0;
}

img a{
  border: none;
}

img.left {
  float: left;
  border: none;
  padding: 7px 0 0 0;
}

img.right {
  float: right;
  border: none;
  padding: 0 0 0 7px;
}

h1,h2,h3,h3 {
  color: #006699;
}

h1 {
  font-size: 21px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 9px;
}

blockquote {
  border-left: 1px solid #A5ABAB; 
  margin: 15px; 
  padding: 0 12px 0 12px;
}

code {
  font: "Courier New", Courier, monospace;
}


a {
  color: #006699; 
  text-decoration: none;
}

a:hover {
  color: #00a3cd; 
  text-decoration: underline;
}

p {
  font:  1.2em verdana; 
  color: #636363;
  text-align: justify;


}

strong {
  color: Black;
}

ul {
  list-style: none;
text-align: justify;
  
}

/*
----------------------
Container
----------------------
*/

#container {
  width: 960px; 
  margin: 0 auto; 
  background: #fff; 
  color:#333;
 
}



#topHeaderWrap {
  
  top: 0;
  left: 0;
  width: 100%;
  height: 96px;
  background: url(./images/bg_header.png) repeat-x left  bottom;
 
	
	
}

/*
----------------------
Topheader
----------------------
*/

#topHeader {
  width: 960px;
  margin: 0 auto;
  
  
  
  
	
	
}

#topHeader ul,li {
  display: inline;

}

/*
----------------------
Topheader navigation
----------------------
*/

#topHeader .menu {
  float: left; 
  padding-top: 10px; 
  
  
}

#topHeader .menu a{
  float: left; 
  padding: 0 10px; 
  font-size: 1.4em; 
  color: #636363; 
  font-weight: bold;
}

#topHeader .menu a:hover{
  color: #00a3cd;
}

.menu li.current_page_item { 
  float: left; 
  display: block; 
  height: 39px; 
  color: #00a3cd;

}

/*
----------------------
Topheader language
----------------------
*/

#topHeader ul.lang {
  float: left;  
  padding-top: 10px; 
  padding-left: 190px; 
}

#topHeader ul.lang li{
  font-weight: bold;
  font-size: 1.4em;
  padding-left: 10px;
}

#topHeader ul.lang a{
  font-size: 1.0em;  
  color: #636363;
}

#topHeader ul.lang a:hover{
  color:#00a3cd; 
  text-decoration: underline;
}

#topHeader ul.lang li#current a{ 
  float: left; 
  display: block; 
  height: 39px; 
  color: #00a3cd; 
  background: url('./images/bg_arrow.png') no-repeat 50% 100%;
}


/*
----------------------
Topheader search
----------------------
*/

#topHeader .search {
  float:left;
	padding-left: 80px;
	

 
}

#topHeader .searchLeft {
  float: left; 
  width: 150px; 
  height: 25px; 
  font-size: 11px; 
  font-style: italic; 
  padding: 3px 0 0 12px; 
  color: #999; 
  background: url(./images/search.png) no-repeat top left; 
  border: 0; 
  margin: 8px 0 0 5px;
  outline:none;
}

#topHeader .searchButton {
  float: left; 
  width: 40px; 
  height: 25px; 
  border: 0; 
  position: relative;
  margin: 8px 0 0 0;
}


/*
----------------------
Topheader nav
----------------------
*/

#nav { 
 clear: both;
 padding-top: 10px;
	text-align:center;
 
}

#nav ul{ 
  
	
}

#nav ul a{
  padding: 0 30px;
  font-size: 1.5em; 
  font-weight: bold; 
  color: #fff;
}

#nav ul a:hover{
  color: #fff; 
  text-decoration: underline;
}

#nav li{ 
  border-right-style: dashed;
border-color:#fff;
padding: 6px 10px;
border-width: 1px;

}

/*
----------------------
Header
----------------------
*/

#header {
 padding-bottom: 20px;
 padding-top: 10px;
 
 

  
}

/*
----------------------
Header logo
----------------------
*/

#header .logo {
  float: left; 
  padding: 10px;
}

----------------------
Header slider
----------------------
*/

#header .slider {
  float: left; 



}


/*
----------------------
Header description
----------------------
*/

#header p.description {
  width:500px;
  margin-top: 20px;
  color: #006699;
  font-size: 15px;
  padding-left: 50px;
  font-weight: bold;
  
}

/*
----------------------
Sidebar
----------------------
*/	

#sidebar {
  float: right; 
  width: 220px;
}

#sidebar li{
  display: block; 
  padding: 5px;
  padding-top: 10px; 
  font-size: 1.4em; 
  font-weight: bold;
}

/*
----------------------
Sidebar medias sociaux
----------------------
*/

#sidebar .medias h3{ 
  color: #c1ce24;
  font-style: italic;
  font-size: 18px;
padding-bottom: 15px;
}

#sidebar .medias { 
  width: 200px;
}

#sidebar .medias li{ 
  float: left; 
  padding-bottom: 20px;
}

#sidebar .medias img{ 
  width: 35px;
  height: 35px;
}

/*
----------------------
Content
----------------------
*/

#content { 
  width: 650px; 
  float: left; 
  margin: 0 0 30px 35px;
  display: inline;
}


/*
----------------------
Post
----------------------
*/

.post .entry ul li{
	list-style-type:square;
	display:list-item;
	padding: 5px;
	
	font-size: 1.2em;
	color: #636363;
	font-family: verdana;
}
.post 
.post h2 a {color: #006699;text-decoration: none;}
.post h2 a:hover{color: #777;text-decoration: none;}
.entry p{margin:12px 0;}
.postmetadata {clear: both; background:#F7F7F7; padding:6px; margin: 20px 0;}
.navigation {font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden;}
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}
	


/*
----------------------
Commentaires
----------------------
*/

#commentform{background:#fff;margin:0;padding:0;}
#commentform p{color: #000;}
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
#commentform h3{font-family: georgia, times, verdana;font-size: 10pt;font-weight: 300;color: #000;margin:0;padding:0;}
#comment{width:80%;}
#comments{margin:0; padding:0}

ol.commentlist { margin:0; padding:0;}
ol.commentlist li {background: #fff;margin:10px 0;padding:5px 0 5px 10px;}
ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
ol.commentlist a {color:#000;}


#author, #email, #url, #comment, #submit {background: #fff;font-family: verdana, arial, times;font-size: 8pt;margin:5px 5px 0 0;padding:0;border: 1px solid #000;}
#submit{margin:5px 5px 0 0;}



.avatar{float:left; margin:0 12px 0 0;}



cite {font-family: arial, verdana, tahoma;font-size: 9pt;font-weight: bold;font-style: normal;}
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* recherche */

#searchform {padding:0;margin:14px 0;}
#searchform input#s {margin:0;border:1px solid #000;padding:2px;}



/* options autres */

img.centered {display: block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin: 0 0 2px 7px; display:inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left}
	
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}


#aide {
color: #8e8c8c; text-align:center; 

width: 700px; margin: 0 auto;
}

/*
----------------------
Footer
----------------------
*/


#footer {  
  top: 0;
  left: 0;
  width: 100%;
  height: 39px;
  background: url(./images/bg_footer.png) repeat-x left  top;
  clear :both; 
	
}
#footer ul{font-size: 11px; padding: 10px 0 0 10px; width: 700px; margin: 0 auto; color: #8e8c8c; text-align:center;  }
#footer li {padding-left: 5px;}


/*
----------------------
Partenaires
----------------------
*/

.partenaires {

text-align:center;
font-size: 8px;
padding-bottom: 40px;
padding-top: 60px;


  
}

.partenaires p{


color: #6b6969;
text-align:center;
  
}

.partenaires img{
padding: 10px;



}



/*
----------------------
Clear float
----------------------
*/

.clear {clear:both;}