/*
Theme Name: Mairie de Brécey
Theme URI: http://www.brecey.fr
Description: D'après le thème several
Author: CH1/Aurore/Sylvain
Author URI: http://www.ch1.fr
*/


/* general
==========================================================================*/

  body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font: 11px "Lucida Grande", Verdana, sans-serif;
 }
a{
  color: #1C2882;
}
a:hover{
  color: #b82349;
}

.gras{font-weight:bold;font-size:11px;}

hr{
  display: none;
}
form, img{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

.clearing {
  margin: 0;
  padding: 0;
  font: 1px/1px Verdana, Arial, Helvetica, sans-serif;
  clear: both;
}
#fix-recent-posts{
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 85px;
  overflow: hidden;
  z-index: 1;
}

#content img { }

/* header
==========================================================================*/

#header {
  margin: 0;
  padding: 0;
  background: url(skin/fond-header.jpg) repeat-x 0% 0%;
  height: 200px;
}
#header-wrap, #wrap{
  margin: 0 auto;
  padding: 0;
  width: 972px;
}

#photo-brecey {
  position:relative; 
  height:168px;
  width:684px;
  float:right;
}

#bandeau {
padding:0;
margin:0;
margin-top:-15px;
}

*:first-child+html #bandeau {
margin-top:-5px;
}

* html #bandeau {margin-top:-5px;
}

/* logo */

#logo{
  margin: 45px 0 0 0;
  padding: 0 0 0 3px;
  float: left;
}
#logo a{
  display: block;
  width: 274px;
  height: 85px;
  background: url(skin/logo.jpg) no-repeat 0% 0%;
  border: none;
  overflow: hidden;
  text-indent: -3000px;
}
#tagline{
  margin: 40px 0 0 0;
  padding: 0 0 0 11px;
  float: left;
  font-size: 10px;
  font-weight: lighter;
  color: #848b9b;
}



/* ----------------- menu rouge------------------- */


/* menu de 1er niveau
-------------------------------------------------------------------------------------------------------------------------------------------- */

#menu {
background-image:url('skin/fond-menu.jpg');
background-repeat: repeat-x;
margin:0pt;
padding:0pt;
position:absolute;
width:970px;
height:33px;
margin-top:167px;
}


* html #menu {
z-index:999; 
  position:relative;
  margin-top:0;
}

*:first-child+html #menu {
  z-index:10; /* Lu uniquement par IE 7 */
  margin-left:-276px;
}


ul#navmenu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0 0 0 1px;
margin-left:5px;
}

ul#navmenu li {
border:0pt none;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
line-height:18px;
}


ul#navmenu li a:link, ul#navmenu li a:visited {
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:normal;
padding: 5px;
padding-left:16px;
padding-right:16px;
padding-top:7px;
text-decoration:none;
text-transform:uppercase;
line-height:18px;
}


#menu ul li a:hover, ul#menu li a:active {
color: #fff;
        background-color:#C42424;
        background-repeat:no-repeat;

}

/* ---------------- 2nd niveau ------------------------ */


ul#navmenu ul {
display:none;
left:0pt;
list-style-image:none;
list-style-type:none;
margin:0pt;
padding:0pt;
position:absolute;
top:30px;
width:200px;
z-index:999;
color:#fff;
}

ul#navmenu ul li {
display:block !important;
float:none;
border-bottom:1px solid #F9BB68;
background-image:url('skin/fond-menu.jpg');
background-repeat: repeat-x;
height:auto;
width:200px;
}

*:first-child+html ul#navmenu ul li {
margin-bottom:-2px;
}

* html ul#navmenu ul li {
margin-bottom:-2px;
}

ul#navmenu ul li a:link, ul#navmenu ul li a:visited {
padding:4px 10px;
font-weight:normal;
text-transform:none;
line-height:14px;
height:auto;
background-image:none;
}




ul#navmenu ul li a:hover, ul#navmenu ul li a:active {
margin:0pt;
padding:4px 10px;
background-image:none;
background-color:#F7A73C;
text-decoration:none;
color:#fff;

}

ul#navmenu a {
color:#FFFFFF;
display:block;
float:none !important;
height:auto !important;
padding:2px 0pt;
}



ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
color:#FFFFFF;
}

ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
color:#fff;
float:none;
}



ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
color:#fff;
}
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {
/*border-bottom:1px solid #F9BB68;*/
background-image:url('skin/fond-menu.jpg');
background-repeat: repeat-x;
color:#fff;
}

ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
color:#fff;
background-image:none;
background-color:#F7A73C;
text-decoration:none;

}
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {
background:#EEEEEE none repeat scroll 0%;
color:#fff;
}
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {
color:#000000;
}
ul#navmenu ul ul, ul#navmenu ul ul ul {
display:none;
margin-left:200px;
position:absolute;
top:0pt;
}
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
display:none;

}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
display:block;
}





#drop1, #drop2 {
background:#CCCCCC none repeat scroll 0%;
left:75px !important;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
padding:0pt;
position:absolute;
top:1.67em !important;
width:13em;
}
#drop2 {
left:205px !important;
}
#drop1 li, #drop2 li {
height:25px;
line-height:25px;
width:100%;
}



/* splash
==========================================================================*/

#splash{
  margin: 0;
  height:153px;
  padding: 0;
  background-color: #C1BFD5;
  clear: both;
  position: relative;
  border-top:1px solid #fff;
}
#splash-wrap{
  margin: 0 auto;
  padding: 0;
  width: 970px;
  position: relative;
  height:145px;
}
/* recent posts & recent comments*/

#recent-posts{
  margin: 0 5px 0 0px;
  padding: 16px 0 5px 0px;
  float: left;
  width: 340px;
  position: relative;
  z-index: 3;

}
#recent-comments{
 margin: 0 0 0 0;
  padding: 16px 0 16px 13px;
  float: left;
  width: 330px;
  height:120px;
  position: relative;
  z-index: 3;
}

#recent-posts-x{
 margin: 0 35px 0 0px;
  padding: 16px 0 16px 13px;
  float: left;
  width: 280px;
  border:1px solid #000;
  position: relative;
  z-index: 3;
}

#recent-posts h2, #recent-comments h2{
  margin: 0;
  padding: 0 0 0 0;
  padding-left:10px;
  padding-top:5px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  width:320px;
  height:22px;
  background: url(skin/fond-h2-bandeau.jpg) no-repeat 0% 0%;
}

#extra h2{
  margin: 0;
  padding: 0 0 0 0;
  padding-left:10px;
  padding-top:5px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  width:248px;
  height:22px;
  background: url(skin/fond-titre-h2.jpg) no-repeat 0% 0%;
}

#recent-posts p, #recent-comments p{
 color:#44444C;
 line-height:18px;
 padding-left:10px;
}


*:first-child+html #recent-posts p, #recent-comments p {
   margin-top:10px;
   margin-bottom:10px;
    /* Lu uniquement par IE 7 */
}

* html #recent-posts p, #recent-comments p {
   margin-top:10px;
   margin-bottom:10px;
    /* Lu uniquement par IE 6 */
}

#recent-posts ul, #recent-comments ul{
  margin: 4px 0 0 0;
  padding: 0;
  list-style: none;
}
#recent-posts li, #recent-comments li{
  margin: 0;
  padding: 0;
}
#recent-posts a, #recent-posts-x a{
  display: block;
  width: 231px;
  font-size: 11px;
  color: #44444C;
  text-decoration: none;
  padding: 0px 0 2px 0px;
}
#recent-comments a{
  width: 231px;
  font-size: 11px;
  color: #44444C;
  text-decoration: none;
  padding:4px 0 2px 0;
}
#recent-posts a:hover, #recent-comments a:hover, #rexent-posts-x a:hover{
  text-decoration: none;
  color: #fff;
}
#recent-posts span, #recent-comments span{
  font-size: 11px;
  color: #44444C;
}

/* extra */

#extra{
  margin: 0 0 0 0px;
  padding: 16px 0 16px 13px;
  float: right;
  width: 250px;
  position: relative;
  z-index: 3;
}

/* -search */

#search{
  margin: 10px 0 15px 10px;
  padding: 0;
  background: url(skin/bkg-search.jpg) no-repeat 0% 0%;
  width: 220px;
  height: 21px;
  float:left;
}
#search #s-text {
  margin: 0;
  padding: 0;
  float: left;
}
#s {
  margin: 4px 0 0 0;
  padding: 0 0 0 8px;
  font: 12px "Lucida Grande", Verdana, sans-serif;
  width: 173px;
  height:21px;
  background:none;
  border: 0;
}
#search #s-submit {
  margin: 0 0 0 0;
  padding: 0;
  width:25px;
  float: right;
}
#searchsubmit {
  margin: 0;
  padding: 0;
  background: url(skin/ok-search.jpg) no-repeat 0% 0%;
  width: 25px;
  height: 21px;
  float:right;
  border: 0;
}
#search label {
  display: none;
}

/* -meta */



#langues {
clear:left;
margin-left:6px;
}

.meta{
  margin: 6px 0 0 6px;
  padding: 0 0 6px 23px;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
}
.meta a{
  text-decoration:none;
  /*color: #70728B;*/
}
.meta a:hover{
  text-decoration: underline;
  color: #434858;
}

#version-anglaise{
  background: url(skin/version-anglaise.jpg) no-repeat 0% 0%;
}
#version-allemande{
  background: url(skin/version-allemande.jpg) no-repeat 0% 0%;
}
#version-francaise{
  background: url(skin/version-francaise.jpg) no-repeat 0% 0%;
}

/* content
==========================================================================*/



#content {
  margin: 0;
  padding: 0 0 35px 0;
  background: url(skin/fond-conteneur.jpg) repeat-x 0% 0%;
}
#content-wrap{
  margin: 0 auto;
  padding: 0;
  width: 970px;
}

h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color:#DA3E4C;
  letter-spacing: -0.03em;
}

h3 {
  margin: 0;
  padding: 0;
}


/* post area */

#posts {
  margin: 45px 0 0 0;
  padding: 0 0 0 14px;
  float: left;
  width: 650px;
}

.caption {
  margin: 0;
  padding: 0 0 25px 0;
  font: 18px "Lucida Grande", Verdana, sans-serif;
  color: #ff3000;
}

/* - post - */

.post {
  margin: 0;
  padding: 0 0 35px 0;
}
.post h2, #comments h2, #post-comments h2 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: lighter;
  /*color: #23237a;*/
  color:#5D678A;
  letter-spacing: -0.03em;
}
.post h2 a {
  color: #5D678A;
  text-decoration: none;
  border: none;
}
.date {
  margin: 4px 0 0 1px;
  padding: 0 0 0 20px;
  background: url(skin/date.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #9D2026;
  text-decoration: underline;
}
.entry {
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 12px;
  line-height: 1.8em;
  color: #3E4655;
}
.entry p {
  margin: 0;
  padding: 0 0 16px 0;
}
.entry blockquote {
  margin: 22px 0 22px 22px;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #b82349;
}
.entry ul {
  margin: 0;
  padding: 0 0 18px 22px;
  list-style: disc;
}
.entry li {
  margin: 0;
  padding: 0;
}
img.floatleft {
  margin: 0 10px 10px 0;
  float: left;
}

.entry img {padding:5px;border: 1px solid #C1BFD5;}

.postmetadata {
  margin: 8px 0 0 0;
  padding: 0;
  font: 10px "Lucida Grande", Verdana, sans-serif;
  color: #565656;
  clear: both;
}
.tags {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/tag.png) no-repeat 0% 0%;
  line-height: 16px;
}
.comments-no {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(skin/comments.png) no-repeat 0% 50%;
  line-height: 16px;
}
.postmetadata a {
  padding: 0;
  color: #1C2882;
  text-decoration: none;
}
.postmetadata a:hover {
  text-decoration: none;
  color: #b82349;
}

/* - comments - */

#comments {
  margin: 20px 0 0 0;
  padding: 0;
}
.add-comment{
  margin: 4px 0 0 0;
  padding: 0;
}
.add-comment a {
  padding: 2px 0 2px 20px;
  background: url(skin/add.png) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
  text-decoration: none;
  border: none;
}
.add-comment a:hover {
  color: #ff4e6a;
  text-decoration: none;
}
#comments ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #888888;
}
#comments ol li {
  margin: 0;
  padding: 0;
  clear: both;
}
.author {
  margin: 0;
  padding: 18px 0 6px 0;
  float: left;
  width: 170px;
  font: 10px/2.5em "Lucida Grande", Verdana, sans-serif;
  color: #bbbbbb;
}
.author a {
  font: 11px "Lucida Grande", Verdana, sans-serif;
  color: #b82349;
}

.comment {
  margin: 0;
  padding: 20px 0 6px 0;
  float: right;
  width: 320px;
}
.comment span, .no-find {
  margin: 0;
  padding: 2px;
  background: #F4F29D;
  color: #862D2D;
  font-style: italic;
  font-size: 12px;
}

.comment p {
  margin: 0;
  padding: 0;
}

/* - comments form - */

#post-comments {
  margin: 0;
  padding: 40px 0 0 0;
  clear: both;
  color: #888888;
}
#reply {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 11px;
}
.comment-field {
  margin: 0;
  padding: 0 0 12px 0;
}
.comment-field textarea {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;

}
.comment-field label {
  float: left;
  width: 170px;

}
.input-text {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.input-button {
  margin: 0 0 0 171px;
  padding: 0 5px;
  color: #565656;
}

/* sidebar
==========================================================================*/

#sidebar{
  margin: 4px 0 0 0;
  padding: 25px 0 0 0;
  float: right;
  width: 230px;
}


#sidebar h2 {
  margin: 0;
  padding: 0 0 0 19px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background:transparent url(skin/fond-h2-sidebar.jpg) no-repeat scroll 0%;
color:#5B879B;
height:35px;
padding-left:50px;
padding-top:18px;
}

#sidebar ul {
  margin: 0;
  padding: 0;
  color:#719DB6;
  list-style: none;
  font-size: 11px;
  line-height: 15px;
}
#sidebar ul li {
  margin: 0;
  padding: 0;
}
#sidebar ul li ul {
  margin: 0;
  padding: 15px 0 12px 0;
}
#sidebar ul li ul li {
  margin: 0;
  padding: 0;
}
#sidebar a {
  color: #9D2026;
  text-decoration: underline;
  padding: 0;
  line-height: 22px;
}
#sidebar a:hover {
  color: #C0272F;
  text-decoration: underline;
}


.textwidget {
  -moz-border-radius:5px; 
  border: 1px solid #E7E6E2;
background-color: #F7F6F2;
padding:10px 10px 10px 10px;
}

*:first-child+html #sidebar p{
margin-top:10px;
margin-bottom:10px;
}

* html #sidebar p{
margin-top:10px;
margin-bottom:10px;
}



/* --------------- footer -------------------- */

#footer{
  margin: 0;
  padding: 0 0 0 0;
  padding-top:10px;
  height:57px;
  color:#fff;
  background: url(skin/fond-footer.jpg) repeat-x;
  text-align:center;
}

*:first-child+html #footer {
padding-top:15px;
height:52px;
}

* html #footer {
  padding-top:15px;
height:52px;/* Lu uniquement par IE 6 */
}

#footer p{
line-height:18px;
font-stretch:extra-expanded;
}

#footer a {color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer-wrap{
  margin: 0 auto;
  padding: 0;
  width: 970px;
}

#copyright{
  margin: 0;
  padding: 0 0 0 14px;
  color: #777;
}

span {
font-size:11px;
}