* {
   margin: 0;
   padding: 0;
   list-style: none;
}
/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */
a {
   color: #00354c;
}
a:hover {
   text-decoration: none;
}
a:visited {
   color: #000;
}
li.rubrique {
   font-weight: bold;
   font-size: 2em;
}
/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX - SOMMAIRE
 ------------------------------------------------------- */
body {
	color: #000;
	font: 90%/1.0 "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;
	background: #ddd url(img/body_bg.png) repeat;
}
#page {
	margin: 1.5em auto;
	padding: 0;
   width: 68em ;
	max-width: 98% ;
	min-width: 740px ;
	text-align: left;
   background-color: #fff;
}
.sommaire #colGauche {
   display: none;
}
.article #colGauche, .rubrique #colGauche {
   float: left;
   width: 15em;
   padding: 0.5em;
}
.sommaire #colDroite, .article #colDroite, .rubrique #colDroite {
   margin-left: 53em;
   padding: 0 0.5em 0 0;
   width: 14.5em;
}
*html .sommaire #colDroite, *html .article #colDroite, *html .rubrique #colDroite {
   margin-left: 52em;
   width: 14.5em;
}
.sommaire #contenu {
   float: left;
   width: 52em;
}
*html .sommaire #contenu {
   width: 50em;
}
.article #contenu, .rubrique #contenu {
   float: left;
   width: 35em;
   padding-top: 0.5em;
}
/* entete*/
#header {
   height: 10.4em;
   border-bottom: 6px solid #00354c;
}
#header h1 span {
   display: none;
}
#header h1 a{
   float: left;
   width: 100%;
   height: 5em;
   background: url(img/logo_site.jpg) no-repeat; 
}
div#annexe {
   width: 100%;
   height: 3.5em;
   border: 1px solid transparent;
}

div#formulaire_recherche {
   float: left;
   margin: 0.5em 0 0.5em 1em;
   width: 15em;
   height: 3em;
}
div#blocLang {
   float: right;
   margin: 0.5em 1em 0 1em;
}
div.menuAnnexe {
   margin: 1em 1em 0 0;
   text-align: right;
}
.menuAnnexe li {
   margin: 0 0 0 0.5em;
   display: inline;
}
input.submit {
   padding: 0.15em;
   background-color: #00354c;
   color: #fff;
   font-weight: bold;
   border: none;
}
/* menu principal*/
div#menuPrincipal {
   padding-top: 7px;
   height: 27px;
   color: #fff;
   font-size: 1.2em;
   background-color: #00354c;
}
#menuPrincipal li {
  float: left;
}
#menuPrincipal li a {
   padding: 5px 10px;
   color: #fff;
   font-weight: bold;
   border-right: 2px solid #fff;
}
#menuPrincipal li a:hover {
   background: #1e4b67 url(img/flechemenu_20.jpg) no-repeat center bottom;
}
/*contenu*/
/*texte*/
h2, .titreH2 {
   margin: 0 0 1em 0;
   color: #ff4000;
   font-weight: bold;
   font-size: 1.2em;
   text-transform: uppercase;
}
#contenu h3, #contenu h3 a {
   margin: 0.5em 0;
   color: #00354c;
}
#contenu h4 {
   color: #ff4000;
   font-size: 1.1em; 
}
#contenu h5 {
   padding: 0.2em 0;
   font-weight: bold;
   font-style: italic;
}
p#filAriane {
   padding: 0.5em 0;
   background: url(img/tiret.jpg) repeat-x left bottom;
}
#contenu div.cartouche h3.titre-article {
   padding: 0.2em;
   color: #fff;
   font-size: 1.5em;
   background-color: #00354c;
}

.rubrique h2.structure {
   margin: 1.5em 0;
   padding: 0.2em;
   color: #000;
   background-color: #fc0;
   clear: both;
}
div#agenda {
   float: left;
   margin: 1em 0.5em 1em 0.5em;
   width: 13.5em;
}
*html div#agenda {
   margin: 1em 0.5em;
   width: 14em;
}
#agenda dt {
   padding-left: 1.2em;
   font-weight: bold;
   font-style: italic;
   background: url(img/fleche.jpg) no-repeat;
}
#agenda dd {
   padding: 0 0 0.5em 1.2em;
   font-size: 0.8em;
}
/*pétition*/
.signature-date {
   width: 10em;
}
div#dernierArticle {
   margin: 1em 0.5em 1em 14.5em;
   padding: 0 0 1em 0;
   width: 37.5em;
   background: url(img/tiret.jpg) repeat-x left bottom;
}
*html div#dernierArticle {
   margin: 1em 1em 1.5em 18em;
   width: 30em;
}
#contenu .logo-liste-art {
   float: left;
   margin: 0 0.5em 0.5em 0;
}
.detail {
   margin: 0 0 0.5em 0;
   font-size: 0.75em;
}
div.texte {
   padding: 0.2em;
   background-color: #efefef;
}
.texte p {
   padding: 0 0.2em 1em 0.2em;
   line-height: 1.3em;
}
p.suite {
   padding: 0.5em 0 0 1.5em;
   line-height: normal;
   background: url(img/puce_lire.jpg) no-repeat left bottom;
}
div#campagneMoment {
   text-align: center;
}
div#videosStar {
   float: left;
   margin: 1em 1em 1em 0.5em;
}
div#derniersCommuniques {
   margin: 1em 0 2em 450px;
   width: 19em;
}
*html div#derniersCommuniques {
   margin: 1em 0 2em 460px;
   width: 15em;
}
#derniersCommuniques h3 {
   font-size: 1em;
}
#encart-art-recents {
   margin: 0 0 1em 0;
   padding: 0 0.5em 0.5em 0;
   background: url(img/tiret.jpg) repeat-x left bottom;
}
div.syndic {
   margin: 0 1em 0 0.5em;
}
.syndic li {
   margin: 0 0 1em 0;
}
hr.spacer {
   clear: both;
   visibility: hidden;
}
.right {
   float: right;
}
div.cartouche {
   margin: 0.5em;
}
.cartouche h1 {
   color: #ff4000;
}

/*colonne droite*/
#colDroite h2.btnAdherer  {
   margin: 0.5em 0;
   padding: 1em 1em;
   text-align: center;
   background: #fff url(img/fd_btnAdh.jpg) no-repeat left top;
}
#colDroite h2.btnFacebook {
   padding: 0.3em 4em 0.8em 0.8em;
   color: #fff;
   font-size: 1.1em;
   text-transform: none;
   text-align: center;
   background: #fff url(img/fd_btnFace.jpg) no-repeat left top;
}
#colDroite h2.btnTwitter {
   padding: 0.3em 4em 0.8em 0.8em;
   color: #fff;
   font-size: 1.1em;
   text-transform: none;
   text-align: center;
   background: #fff url(img/fd_btnTwitt.jpg) no-repeat left top;
}
#colDroite h2.btnAdherer a, #colDroite h2.btnFacebook a {
   color: #fff;
   text-decoration: none;
}
#colDroite .logo-liste-art {
   margin: 0 auto;
   text-align: center;
}
/* formulaire d'inscription liste*/
div#peupleBreton, div#coordonnees, form.formulaire-spiplistes-abo {
   margin: 0 0 0.5em 0;
   padding: 0 0 0.5em 0;
	background: url(img/tiret.jpg) repeat-x left bottom;
}
.formulaire-spiplistes-abo fieldset {
   margin: 0 0 1em 0;
   border: none;
}
.formulaire-spiplistes-abo input.inputEmail {
   background-color: #efefef;
   border: none;
}
.formulaire-spiplistes-abo input.inputValider {
   padding: 0.2em;
   background-color: #efefef;
   border: none;
}
.formulaire-spiplistes-abo p.spip_bouton {
   margin-right: 1em;
   text-align: right;
 }

/*menu secondaire*/
div#colGauche {
   margin: 0.5em 0.5em 0 0;
   background-color: #FEDD68;
}
ul.menuSec {
   margin: 0.2em;
}
.menuSec li {
   padding: 0 0 0.5em 1em;
   background: url(img/puce_menu.jpg) no-repeat top left;
}
ul.liste-formats input {
   float: left;
   padding-right: 0.2em;
}
.bloc-formats p {
   font-weight: bold;
   color: #444;
}
div.coord input.forml {
   border: none;
   background-color: #efefef;
}

.plan #contenu {
   margin: 0.5em;
   padding: 0.5em;
   width: 51em;
}
div#sommaire {
   float: right;
   margin: 1em;
   padding: 0.5em;
   background-color: #efefef;
}

/*page agenda*/
.agendaPage {
   padding: 0.5em;
}
.agendaPage h3 {
   padding-top: 1em;
   background: url(img/tiret.jpg) repeat-x left top;
}