body {
   margin: 0;
   padding: 0;
   font-size: 13px;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   background: #f5f5f5 url(img/bgbody.gif) repeat-x center top;
}

a {
   color: #026e9f;
}

a:visited {
   color: #4084ac;
}

a:hover {
   text-decoration: underline;
}

abbr {
   border: 0;
}

h1,h2,h3,h4,h5,h6 {
   font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
   margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
   text-decoration: none;
}

h3 {
   font-size: 18px;
}

img {
   border: 0;
}

form {
   margin: 0;
   padding: 0;
}

#page {
	display: block;
   width: 900px;
   margin: 20px auto 15px auto;
   background: #fff;
   padding: 1px;
   border: 5px solid #eee;
}

/* TOP */

#top {
	display: block;
	float: left;
	clear: both;
	width: 885px;
	background: #015289 url('img/top02.jpg') no-repeat top;
	color: #fff;
	margin: 0;
	padding: 17px 0 5px 15px;
}

#top #photo {
	float: left;
	padding: 2px;
	margin: 0 20px 10px 0;
	border: 1px solid #34729d;
}

#top h1 {
	font-size: 26px;
	margin: 20px 0 0 0;
}

#top h1 a {
   color: #fff;
   text-decoration: none;
}

#top h1 a:hover {
   color: #80a7c2;
   text-decoration: none;
}

#top h2 {
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	color: #80a7c2;
}

#suppleant {
   margin-top: 0;
   color: #80a7c2;
}

#tagline h1 {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	padding-left: 25px;
}

/* navigation (menu horizontal) */

#navigation {
	display: block;
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #c5dbe9 url('img/nav.gif') repeat-x left top;
}

#navigation li {
	display: block;
	float: left;
	padding: 0;
}

#navigation li a {
	display: block;
	float: left;
/*	color: #cbdce7;*/
	text-decoration: none;
	padding: 6px 14px 6px 14px;
	border-right: 1px solid #9abad1;
	border-left: 1px solid #2f678c;
}

#navigation li a:hover {
   background: #4580a9;
   text-decoration: none;
   color: #fff;
}

/* MOTEUR DE RECHERCHE */

#search {
   display: block;
   float: right;
   width: 30%;
}

#search input {
   background: #276590;
   border: 1px solid #b5cddd;
   color: #fff;
}

/* #links (menu vertical) */

#links {
	display: block;
   float: left;
   margin: 0;
   width: 220px;
   border-right: 1px solid #dce3f0;
   background: #ecf0f7 url(img/bglinks.gif) repeat-x top;
}
#links h3 {
   padding: 0 0 5px 0;
   font-weight: normal;
   font-size: 18px;
   color: #11476d;
}

#links ul {
   margin: 0;
   padding: 10px 0 10px 0;
   list-style-type: none;
}

#categories {
	display: block;
   padding-top: 15px;
   border-bottom: 1px solid #dce3f0;
}

#categories h3 {
   padding-left: 10px;
}

#categories li {
   display: block;
   margin: 0;
}

#links li a {
   color: #246a8f;
   text-decoration: none;
   padding: 3px 5px 3px 10px;
   display: block;
}

#categories li a:hover {
   background: #3e83a8;
   color: #fff;
}

#links #syndicate, #links #syndicate li, #links #syndicate a {
   background: none;
}

#links #syndicate a {
   padding: 0;
}

#links #syndicate img {
   vertical-align: middle;
}

/* ========================= */
/* #TOOLS */

#tools {
   display: block;
   float: left;
   width: 220px;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #dce3f0;
   margin: 0;
   padding: 0;
}

#tools li {
	margin: 0;
	padding: 3px 0 3px 0;
}

#tools li a {
   padding: 0 0 0 24px;
   margin: 0 0 0 10px;
}

#tools li a:hover {
   text-decoration: underline;
}

#chat a {
   background: url(img/comment.gif) no-repeat left;
}

#questions a {
   background: url(img/help.gif) no-repeat left;
}

#soutenir a {
   background: url(img/forward.gif) no-repeat left;
}

#reco a {
   background: url(img/email.gif) no-repeat left;
}

#liens a {
   background: url(img/link.gif) no-repeat left;
}

#rss a {
   background: url(img/rss.gif) no-repeat left;
}

#calendrier {
   display: block;
   float: left;
   width: 200px;
   background: #ecf0f7;
   padding: 10px;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #dce3f0;
}

#calendrier table {
   font-size: 12px;
   display: block;
   border-collapse: collapse;
   width: 180px;
}

#calendrier td, #calendrier th {
   text-align: center;
   padding: 2px;
}

#calendrier td a {
   display: block;
   text-decoration: none;
   background: #3475a1;
   color: #fff;
}


#main {
	display: block;
	float: right;
	width: 648px;
  background: #fff url(img/bgmain.gif) repeat-x top;
  color: #1c3950;
	padding: 20px 10px 20px 20px;
}

/* BLOC PUSH */

#main #blocs {
   float: right;
   width: 168px;
   margin: 0 10px 15px 20px;
}

#push {
	display: block;
	float: right;
   margin: 0 0 15px 0;
   padding: 1px;
   border: 3px solid #eee;
}

#pushimage {
   background: #14689f;
}

#push li a {
   display: block;
   padding: 2px 0 2px 20px;
   color: #d5dee8;
   text-decoration: none;
   background: url(img/fleche.gif) no-repeat left;
}

#push li a:hover {
   color: #fff;
}

#push img {
   display: block;
   margin: 0 auto 0 auto;
}


#volet {
   display: block;
   color: #fff;
   background: #6b9bba;
}

#volet #deroule {
   display: block;
   font-weight: normal;
   font-size: 12px;
   margin: 0;
   padding: 0;
   background: url(img/bgbt.gif) repeat-x top;
}

#volet #deroule a {
   display: block;
   padding: 4px 8px 4px 8px;
   color: #fff;
   text-decoration: none;
   margin-top: 1px;
   background: url('img/plus.gif') no-repeat right;
}

#umplinks {
   display: none;
}

#umplinks ul {
   list-style-type: none;
   margin: 0;
   padding: 7px 10px 7px 10px;
}

#umplinks li {
	margin: 0;
	padding: 0;
}

#sondage {
   padding: 10px;
   display: block;
   float: left;
   width: 200px;
   background: #ecf0f7;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #dce3f0;
}

#poll_question {
   font-weight: bold;
}

#sondage label {
   color: #246a8f;
}

#sondage p {
   margin: 2px 0 2px 0;
}

.poll_reponse {
   padding-top: 5px;
   font-size: 12px;
   color: #246a8f;
}

#sondage .submit {
   padding: 2px 4px 2px 4px;
   color: #fff;
   border-left: 1px solid #2f678c; 
   border-top: 1px solid #b5cddd; 
   border-right: 1px solid #b5cddd; 
   border-bottom: 1px solid #2f678c;
   background: #4783ab;
   display: block;
   margin: 5px 0 0 0;
}


/* content et post */


.post {
	padding: 0 0 10px 0;
}

.post h1 {
   margin-bottom: 15px;
}

.post h2{
   font-size: 22px;
   margin-bottom:15px;
}

.post-content {
   margin-left: 0px;
}

#content {
   padding: 0 10px 0 0;
   min-height:450px;
}

#content h4 {
   font-size: 16px;
}

#content p {
   margin: 3px 0 0 0;
}

.post input, .post textarea {
   border: 1px solid #999;
   background: #f5f5f5;
}

/* candidat */

#candidat .post {
	border: 0;
}

#candidat h3 {
	overflow: hidden;
	margin: 17px 0 0 0;
	border-bottom: 1px solid #808f9a;
}

#candidat h4 {
	margin: 0 0 10px 0;
	font-size: 1.6em;
}

#candidat .post-content {
	margin-left: 0;
}

#candidat p {
	font-weight: normal;
}

#candidat .post-info {
	font-size: 0.9em;
	font-weight: normal;
	margin: 10px 0 0 0;
}

/* DON */

#don {
   margin: 20px 0 20px 0;
   padding: 5px 20px 5px 20px;
   color: #ac7f25;
   border : 1px dashed #ac7f25;
   background: #fff9d8;
}

#don p {
   margin: 15px 0 15px 0;
}

#don-adress {
   border: 1px solid #ddd;
   background: #f5f5f5 url(img/timbre.gif) no-repeat right top;
   padding: 25px 80px 25px 80px;
   text-align: center;
   margin: 20px 50px 20px 50px;
}

/* #campagne-actu - ActualitÈs de campagne */

.rss {
   display: block;
   float: right;
}
.rss a {
   padding-left: 24px;
   text-decoration: none;
   background: url(img/rss.gif) no-repeat left;
}

#ump-agenda, #ump-actu  {
   clear: right;
   padding: 15px;
   color: #7e9bb2;
   border: 1px solid #dce3f0;
   background: #f5f7fb;
}

#ump-agenda h3, #ump-actu h3 {
   margin-bottom: 15px;
   color: #11476d;
   font-weight: normal;
}

#ump-agenda h4 a, #ump-actu h4 a {
   font-size: 14px;
}

/* Agenda Actu */

#campagne-agenda, #campagne-actu {
   clear: right;
   padding: 30px 0 0 0;
}

#campagne-agenda h2, #campagne-actu h2 {
   margin-bottom: 15px;
}

#campagne-agenda ul, #campagne-actu ul {
   padding: 0;
   margin: 0;
   font-size: 1em;
   list-style-type: none;
}

#campagne-agenda li, #campagne-actu li {
   margin: 0 0 10px 0;
}

/* footer  */

#footer {
	display: block;
   clear: both;
   text-align: center;
   margin: 0;
   padding: 20px 0 10px 0;
   font-size: 12px;
   color: #80a9c4;
   background: #015289 url(img/bgfoot.gif) repeat-x top;
}

#footer p {
   margin: 2px;
}

#footer a {
text-decoration: none;
color: #a8c4d7;
}

#footer a:hover {
   color: #fff;
}

/* classes gÈnÈriques        */

.floatleft {
float: left;
margin: 0 10px 10px 0;
}


#links_imp{
	position: absolute;
	display: none;
	top:190px;
	left:0px;
	width: 180px;
	padding: 0 0 0px 0;
	list-style-type: none;
	background: #f0f7f6 repeat-x left bottom;
}


#links_imp ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	background: #f0f7f6 url(img/links_bg.gif) repeat-x left bottom;
}

#links_imp li {
	margin: 0;
	padding: 0 0 0 0;
	background: url(img/links_bg.gif) repeat-x left top;
}

#links_imp li a {
	color: #556b7c;
	padding: 2px 0 2px 8px;
	background: url(img/links_puce.gif) no-repeat left 6px;
	display: block;
}

#links_imp li a:hover {
	background: #fff url(img/links_puce.gif) no-repeat left 6px;
}

/* Gallerie Photos */

#gallery {
	margin : 10px; 
}

.gallery-thumbnail {
	float : left; 
	margin : 3px; 
	padding : 0px; 
	padding-bottom: 0;
	text-align : center; 
	border : 1px solid #ccc; 
}

.gallery-thumbnail-container img {
	display : block; 
	margin : 0px auto; 
	border : 0;
}

.gallery-thumbnail-container {
	width: 140px;
	height: 110px;
	margin: 5px;
}

.gallery-thumbnail-desc {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	border-top : 1px solid #ccc; 
	background : #EEE; 
	font-size: 1em;

}

.gallery-icone {
}

.gallery-portrait {
}

.gallery-image-title {
	display:block;
	text-align: center; 
}

.gallery-nb-comment {
	margin-top : 1px;
	display:block;
	text-align: center; 
	font-size: 1em;
}
.gallery-nb-comment a{
	font-size: 1em;
}

.gallery-nb-views {
	padding-bottom : 1px;
	display:block;
	text-align: center; 
}

.gallery-thumbnail:hover {
	background : #EEE; 
}

.gallery-description { 
	float : left; 
	width : 100%; 
	line-height : normal; 
}

.gallery-description ul {
	margin : 0;
	padding : 0;
	list-style : none; 
}

.gallery-description li {
	float : left; 
	margin : 5px; 
	padding : 5px;
	width : 210px; 
	height : 60px; 	
	border : 1px solid #ccc; 
	list-style : none; 
}

.gallery-description img { 
	float : left; 
	margin : 10px 5px 5px 5px; 
	height:40px;
	width:40px; 
	border : 1px solid #ccc; 
}

.gallery-description a { 
	float : left; 
	display : block; 
	color : #000;
	text-decoration : none; 
}

.gallery-description li:hover { 
	background : #eee; 
}

.gallery-all-thumbnails {
	display: block;
	margin: 0 auto 0 auto;
	padding: auto;
}

.gallery-spacer {
	display: block;
	clear:both;
}

.gallery-enddescription { 
	clear: both;
	margin-bottom: 10px;	
	padding: 1px; 
}

.gallery-navigation { 
	margin : 10px; 
	text-align : center; 
}

.gallery-image img { 
	display:block; 
	margin : 0 auto; 
	padding : 8px; 
	border : 1px solid #000;
	background: #fff;
}

.gallery-content blockquote { 
	background: #EEE; 
	border: 1px solid #ccc; 
	margin: 10px 0;
	padding: 10px; 
	overflow: auto; 
}

.gallery-content blockquote p{
	margin: 1ex 0; 
}

#gallery-last {
}

.gallery-last-block {
	border : 1px solid #ccc;
	border-top-width : 2px;
	padding : 0 0.5em;
	margin : 0 0 1.5em 0;
}

.gallery-last-title {
	background : #eceade;
	margin : 0 -0.5em;
	padding : 0.2em 0.5em;
	font-size : 1em;
	font-family : Verdana,Arial,Helevetica,sans-serif;
}

.gallery-last-info {
	margin : 0;
}

.gallery-last-info img {
	float : left;
	margin : 2px 0 0 4px;
	position : relative;
}

#gallery-exif {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#gallery-exif dl {
	width: 39.1em;
	margin: 0 auto;
	padding: 0;
}

#gallery-exif dt {
	background: #EEE; 
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

#gallery-exif dd {
	float: left;
	background: #FFF; 
	width: 21em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

