@charset "UTF-8";
/* @override 
	http://hyrule.proximit.fr/www.latranchesurmer.fr/squelettes/css/main.css
	http://localhost/2010/Latranchesurmer/Spip/squelettes/css/main.css
*/
/* @group LAYOUT */
html {
	background: url(../images/bg_body.jpg) repeat-x left top;
}
body {
	background: url(../images/panoramique_latranche.jpg) no-repeat center top;
}
#page {
	position: relative;
}
#entete {
	height: 185px;
}
/* @group Entete */
#entete h1 {
	margin: 0;
	padding: 0;
}
#entete h1 a.accueil {
	display: block;
	float: left;
}
#entete h2 {
	position: absolute;
	top: 40px;
	right: 40px;
}
/* @end */
#navigation {
	clear: both;
	position: relative;
	height: 30px;
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #543d33;
	margin-top: -30px;
	
	-moz-border-radius: 5px 5px 0 0; 
    -webkit-border-radius: 5px 5px 0 0; 
    border-radius: 5px 5px 0 0;         
    -webkit-border-top-left-radius: 5px; 
    -webkit-border-top-right-radius: 5px;
}
/* Menu gérée avec dropdown */

#extra {
	margin: 41px 0 0;
}
#search {}
#pied {
	color: #cbc4c2;
	width: 100%;
	z-index: 3;
	background-color: #543e34;
	text-align: right;
	line-height: 30px;
	font-size: 10px;
	border-top: 1px solid #6c5952;
	padding-bottom: 20px;
	margin: 20px 0 0;
	clear: both;
}
/* @group Pied */
#pied hr {
	visibility: hidden;
	display: none;
}
#footer {
	margin-right: 0;
	margin-left: 0;
}
#coordonnees {
	color: #b9a855;
	font-size: 11px;
	float: left;
}
#coordonnees strong {
	color: #b9a855;
	text-transform: uppercase;
}
#pied .plansite {
	/*float: left;*/
}
#pied a {
	color: #cbc4c2;
}
#pied a:hover {
	color: white;
}
/* @end */
/* @end */
/* @group COMMUNS */
/* @group Extra */
#extra {
	color: #36271f;
	font: 0.7em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* @group Widget */
.widget {
	background-image: url(../images/bg_widget.png);
	color: #444;
	margin-bottom: 15px;
	border-top: 1px solid #fff;
	*zoom: 1;
}
.widget h2 {
	background: transparent url(../images/bg_extra_titre.png) no-repeat left top;
	line-height: 27px;
	color: white;
	margin: 12px 0 0 -30px;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	float: left;
	padding: 0 15px 13px 13px;
}
.widget .menu h3 {
	/*font-size: 14px;
	line-height: 15px;*/
	margin: 13px 0 0;
	padding: 0;
}
.widget p {
	color: #30302e;
}
.widget .hyperlien {
	color: #30302e;
	text-align: center;
	margin: 0;
}
.widget a {
	text-decoration: underline;
	color: #515151;
}
.widget strong {
	font-weight: bold;
}
.widget .text {
	margin: -10px 0 0;
	clear: both;
}
.widget .text ul {
	border-style: none;
}
.widget ul {
	border-style: none;
	padding: 0;
	margin: 0;
}
.widget .texte ul li {
	margin: 0 0 0 20px;
	border-style: none;
}
.widget .texte .spip_documents {
	margin-right: 10px;
	margin-bottom: 20px;
	clear: both;
}
.widget .menu {
	padding: 10px 20px 15px 30px;
}
.widget li a.liens-img {
	margin: 0;
	padding: 0;
	background-image: none;
}
.widget h2 img.spip_logos {
	margin: -3px 3px 0 0;
	float: left;
}
/* @end */
/* @group Liens Utiles */

#liens_utiles li a {
	/*background: url(../images/pct/pct_fleche_bleue.png) no-repeat -8px center;
	padding-left: 20px;*/
}
#liens_utiles li a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}
#liens_utiles li a:hover {
	color: #25a9e0;
}
#liens_utiles li p {
	clear: both;
	line-height: 35px;
	padding: 0;
	margin: 0;
	zoom: 1
}
#liens_utiles .spip_logos {
	clear: both;
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
	display: inline;
	vertical-align: bottom;
}
/* @end */
/* @group Agenda */
#agenda ul {
	clear: both;
}
#agenda {
	border-top: 1px solid #f8f4eb;
}
#agenda a {
	text-decoration: none;
}
#agenda a:hover {
	text-decoration: underline;
	color: #25a9e0;
}
#agenda li {
	border-bottom: 1px solid #f3e7d2;
	margin-bottom: 5px;
	padding: 5px 0;
}
#agenda .date {
	color: #26a9e0;
	font-weight: bold;
}

#agenda p.suite,  #agenda p.suite a{
	color: #26a9e0;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 0;
}
/* @end */
/* @group Search */
#search {
	margin: 20px 0;
}
#search form {
	background-color: #f0f0f0;
	padding: 4px;
	border: 1px solid white;
	margin-left: 14px;
}
#search input#recherche {
	width: 240px;
	float: left;
	overflow: hidden;
	margin: 0;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	padding: 0 0 0 4px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
#search input.submit {
	float: right;
	background-color: #26a9e0;
	height: 22px;
	width: 25px;
	color: white;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 20px;
	border: 1px solid #2286b2;
	font-weight: bold;
}
#search input.submit:hover {
	background-color: #543e34;
	border: 1px solid #1a110d;
	cursor: pointer;
}
/* @end */
/* @end */
/* @group Text */
/* @group Text elements */
body {
	font: 1em/1.5 Verdana, Lucida, sans-serif;
}
a:focus, 
a:active {
	outline: none;
	outline: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
	margin: 0 0 1.5em;
	color: #777;
	font-size: 1em;
	line-height: 1.6em;
}
/* Couleurs des liens
---------------------------------------------- */
a {
	color: #42aee8;
	text-decoration: none;
}
a:focus,a:hover,a:active {
	color: #543e34;
	text-decoration: underline;
}
a:visited {
	/*color: #67aade*/
}
blockquote {
	margin: 1.5em;
	font-style: italic;
}
strong {
	color: #f98d3e;
	font-style: normal;
	font-weight: normal;
}
em,dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
abbr, 
acronym {
	border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 1.5em;
	font-style: italic;
}
del {
	
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}
/* @end */
/* @group Titres */
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0
}
h1 {
	margin-top: 10px;
	font: 1.8em/1em Georgia, "Times New Roman", Times, serif;
	color: #372820;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 20px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
h2 {
	margin-top: 10px;
	font: 1.5em/1em Georgia, "Times New Roman", Times, serif;
	color: white;
	background-color: #543e33;
	margin-bottom: 0;
	padding: 8px 0 5px 5px;
}
h2 a {
	color: white;
}
h3 {
	font: 1.4em/1.7em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0;
	color: #3e6a95;
	border-bottom-style: solid;
	margin-top: 1.6em;
}
h3.spip {
	clear: both;
	margin-top: 1.8em;	
}
div.texte h3.spip {
}
h4 {
	margin-top: 10px;
	font: 2em/2em Georgia, Lucida, Verdana, sans-serif;
}
h5 {
	margin-top: 10px;
	font: 2em/2em Georgia, Lucida, Verdana, sans-serif;
}
h6 {
	margin-top: 10px;
	font: 2em/2em Georgia, Lucida, Verdana, sans-serif;
}
/* @end */
/* @group Form */
/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */
form {
	overflow: hidden;
}
label {
	text-align: right;
	float: left;
	margin-right: 20px;
	width: 200px;
	line-height: 25px;
}
fieldset {
	margin: 0 0 1.5em 0;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
}
form li {
	list-style-image: none !important;
	list-style-type: none !important;
	margin: 0  !important;
	padding: 0 !important;
	overflow: hidden;
}
/* Form fields
-------------------------------------------------------------- */
input[type=text],
input[type=password],
input.text,
input.title,
textarea,
select {
	background-color: #fff;
	border: 1px solid #bbb;
	font: 12px Lucida, Verdana, sans-serif;	
}
input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus {
	border-color: #666;
}
input[type=text],
input[type=password],
input.text,
input.title,
textarea,
select {
	margin: 0.5em 0;
}
input.text,
input.title {
	width: 280px;
	padding: 5px;
	font: 12px Lucida, Verdana, sans-serif;
}
input.title {
	font-size: 1.5em;
}
textarea {
	width: 280px;
	height: 250px;
	padding: 5px;
	font: 12px Lucida, Verdana, sans-serif;
}
input[type=checkbox], 
input[type=radio],
input.checkbox,
input.radio {
	position: relative;
	top: .25em;
}
form.inline {
	line-height: 3;
}
form.inline p {
	margin-bottom: 0;
}
form em {
	overflow: hidden;
	color: #24a0d5;
}
span.erreur {
	overflow: hidden;
	color: #ca5957;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
p.boutons input.submit {
	margin-left: 220px;
	line-height: 18px;
	font-size: 13px;
	color: white;
	background-color: #26a9e0;
	cursor: pointer;
	border: 1px solid #2086b2;
	text-transform: capitalize;
}
p.boutons input.submit:hover {
	background-color: #543e34;
	border: 1px solid #1a110d;
	cursor: pointer;
}
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success, 
.formulaire_erreur, 
.formulaire_ok {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error, .formulaire_erreur {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
	display: none;
}
.success, .formulaire_ok  {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
/* @end */
/* @group Lists */
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
	
}
ul, ol {
	
}
ul {
	
}
ol {
	
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
/* Contenu */
.texte li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 0;
	color: #777;
}
.chapo li {
	list-style-type: square;
	list-style-position: inside;
	margin-left: 20px;
	padding-left: 0;
}
/* @end */
/* @group Tables */
/* ---- Tables ---- */
table {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dadada;
}
div.texte table {
	width: 100%;
}

table a {
	text-decoration: underline;
}
table a:visited {
	text-decoration: none;
}
tr.odd, tr.even {
	background-color: #f5f9ff;
}
tr a {
	color: #521a19;
}
tr a:hover {
	color: #25a9e0;
}
tr:hover, tr.odd:hover {
}
caption {
	height: 45px;
	line-height: 44px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-left: -1px;
	border-left: 2px solid #616161;
	border-right: 2px solid #616161;
	background-color: #ffffff;
}
thead th {
	text-transform: uppercase;
	background-color: #f2e4ce;
}
tbody th {
	background-color: #fcfaf5;
}
tbody tr.even th {
	background-color: #f9f9eb;
}

thead th:hover {
}
tr {
	vertical-align: top;
	border-top: 1px solid #dadada;
}
tr,th,td {
	padding: .75em;
}
td {
	border-left: 1px solid #dadada;
}
td:hover {
	
}
tfoot tr {
	background: #fff;
}
tfoot td, tfoot th {
	color: #000;
	border: 0px;
}
table .nom {
	text-transform: uppercase;
}
table .coordonnees {
	width: 160px;
}
table .contact {
}
/* @end */
/* @group  Misc */
/* Misc classes
-------------------------------------------------------------- */
.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #000;
}
.highlight, .spip_surligne {
	background: #ff0;
}
.added {
	background: #060;
	color: #fff;
}
.removed {
	background: #900;
	color: #fff;
}
.first {
	margin-left: 0;
	padding-left: 0;
}
.last {
	margin-right: 0;
	padding-right: 0;
}
.top {
	margin-top: 0;
	padding-top: 0;
}
.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}
/* Non visible a l'ecran */
.hidden {
	
}
.invisible {
	
}
/* Active */
.on, .current {
}
/* Lire la suite */
.more {
	
}
.more a {
	
}
.up {
	
}
.up a {
	
}
/* Divers */
a:focus, 
a:active {
	outline: 1px dotted invert;
	outline: none;
	outline: 0;
}
.retour {
	margin-bottom: 10px !important;
}
.retour a {
	color: #7f7f7f;
}
.info {
	color: #bababa;
	font-size: 15px;
	clear: both;
	display: block;
	line-height: 17px;
}
.cartouche .info {
	border-bottom: 1px solid #e6e6e6;
}
/* @end */
/* @end */
/* @end */
/* @group PAGES */
/* @group Agenda */
.manif ul,
.manif-toutes ul {
	border-top: 1px dotted #c0c0c0;
	padding-top: 15px;
}

.manif li {
	margin-bottom: 20px;
	position: relative;
	list-style-type: none;
	margin-left: 20px;
}
.manif .titre {
	font-weight: normal;
	font-size: 1.2em;
	color: #777;
	font-style: normal;
}
.manif .infos {
	color: #b0b0b0;
}
.manif .date {
	font-weight: bold;
	color: #25a9e0;
}
.manif .categorie {
	font-size: 0.8em;
	position: absolute;
	right: 0;
	font-weight: bold;
}
.manif a, 
.manif-toutes a {
	color: #777;
}
.manif-toutes .categorie {
	font-size: 0.8em;
	position: absolute;
	right: 0;
	font-weight: bold;
	color: white;
}
.manif-toutes .categorie a {
	color: #25a9e0;
}
.manif-toutes .date {
	float: left;
	width: 65px;
	color: #25a9e0;
	text-align: right;
	margin-right: 10px;
}
/* @end */
/* @group A La Une */
#a-la-une {
	margin-bottom: 2em;
	padding-bottom: 10px;
	border-bottom: 1px solid silver;
}
#a-la-une h2 {
	background-color: transparent;
	color: #543d33;
	letter-spacing: 1px;
}
#a-la-une p.suite {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
#une {
	width: 390px;
	padding-left: 220px;
	position: relative;
	border: 5px solid #543e33;
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
}
#une ul.ui-tabs-nav {
	position: absolute;
	top: 0;
	left: 0px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 220px;
}
#une ul.ui-tabs-nav li {
	*border-top: 1px solid #e6d4bb;
}
#une ul.ui-tabs-nav li span {
	font: bold 11px/18px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#une li.ui-tabs-nav-item a {
	display: block;
	height: 60px;
	line-height: 20px;
	padding: 5px 10px 0;
	color: #23a6dd;
	background: #e6d4bb url(../images/bg_tabs_panel.jpg) repeat-x left top;
}
#une li.ui-tabs-nav-item a img {
	border-style: none;
}
/*#une li.ui-tabs-nav-item a.plus {
	height: inherit;
	line-height: 13px;
	font-size: 11px;
	float: right;
	margin-top: -20px;
	display: none;
	padding: 0 0 0 20px;
	z-index: 10;
	overflow: hidden;
	background: transparent url(../images/pct/pct_fleche_bleue.png) no-repeat -6px center !important;
	margin-right: 10px;
}*/
#une li.ui-tabs-nav-item a.plus {
	height: 13px;
	line-height: 13px;
	font-size: 11px;
	margin-top: -20px;
	display: none;
	z-index: 10;
	overflow: hidden;
	background: transparent url(../images/pct/pct_fleche_bleue.png) no-repeat -6px center !important;
	padding: 0 0 0 20px;
	position: absolute;
	left: 110px;
}
#une li.ui-tabs-selected a.plus {
	display: block;
	color: #515151;
}
#une li.ui-tabs-nav-item a:hover {
	background: #cfb18a url(../images/bg_tabs_selected.jpg) repeat-x left top;
}
#une li.ui-tabs-selected {
	background: url(../images/bg_extra.jpg) repeat-x left bottom;
}
#une ul.ui-tabs-nav li.ui-tabs-selected a {
	background: #cfb18a url(../images/bg_tabs_selected.jpg) repeat-x left top;
	*width: 200px;
}
#une .ui-tabs-panel {
	width: 390px;
	height: 260px;
	background: #f4e6d1;
	position: relative;
}
#une .ui-tabs-hide {
	display: none;
}
/* @end */
/* @group Article */
/* @group Outils textes */
/* @group Boutonstexte */

/* boutonstexte.css */
.boutonstexte {
	float: right;
	display: block;
	float: right;
	margin: 14px 0 0 10px;
	width: 70px;
}
.boutonstexte {
}
.boutonstexte button {
	position:relative;
	top: 0;
	padding: 0;
	border: 0 none transparent;
	background-color: transparent;
}
.textsizeup, .textsizedown, .textonly {
	cursor: pointer;
}
.boutonstexte button:hover {
	border-style: none;
	border-width: 0;
}
.boutonstexte button.textonly {
	background: url(plugins/boutonstexte/images/textonly.png) no-repeat;
	height: 17px;
	width: 17px;
}
.boutonstexte button.textsizedown {
	background: url(plugins/boutonstexte/images/fontsizedown.png) no-repeat center center;
	height: 17px;
	width: 17px;
}
.boutonstexte button.textsizeup {
	background: url(plugins/boutonstexte/images/fontsizeup.png) no-repeat center center;
	height: 17px;
	width: 17px;
}

/* My Comment */
span button {
	width: 30px !important;
	text-align: center;
	float: right;
}
span:hover,
button,
span button img:hover {
	border-style: none !important;
}

span button img {
	display: none;
}
/* @end */
.outils_textes {
	float: right;
}
div.socialtags {

}
.outils_textes a {
	font-size: 11px;
	color: gray;
}
.imprimer {
	background: url(../images/pct/pct_text_print.png) no-repeat center center;
	text-indent: -99999px;
	display: block;
	font-size: 12px;
	line-height: 23px;
	height: 23px;
	width: 23px;
}
/*.grd_texte {
	background: url(../images/pct/pct_text_larger.png) no-repeat left center;
	padding-left: 20px;
}
.pt_texte {
	background: url(../images/pct/pct_text_smaller.png) no-repeat left center;
	padding-left: 20px;
}*/
/* @end */
/* @group Article Elements */
div.texte div.entry-content {
	text-align: justify;
	margin-top: 2em;
	line-height: 1.60em;
	font-size: 0.8em;	
}
#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 11px;
	background: url(../images/pct/pct_hierarchie_home.png) no-repeat left center;
	padding-left: 24px;
	margin-top: 1.3em;
}
#hierarchie, #hierarchie a {
	color: #666;
}
#hierarchie .on {
	color: #bfbbb4;
}
.cartouche {
	margin-bottom: 1em;
}
.cartouche .spip_logos {
	/*float: right;
	margin-left: 16px;
	margin-bottom: 4px;*/
}
.cartouche p {
	padding: 0;
	clear: left;
	margin-bottom: 0.5em;
	color: #f98d3e !important;
	/*color: #36271f;*/
}
.cartouche ul {
	padding: 0;
	margin-bottom: 0.5em;
}
.cartouche ul li {
	color: #36271f;
}
.cartouche h3 {
	padding: 0;
	clear: left;
	color: #36271f;
	margin: 0;
}
.cartouche .texte {
	border-bottom: 1px solid silver;
	padding: 0 3px;	
	text-align: justify;
	font-weight: bold;
}
.surtitre, .soustitre {
	color: #f98d3e !important;
	text-transform: uppercase;
	word-spacing: 1px;
	margin: 0 3px;
	font: bold 0.9em/1em Georgia, "Times New Roman", Times, serif;
}
.chapo {
	/*margin-top: -1em;*/
	padding: 10px 10px 1px;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 1px solid silver;
	padding: 0 3px;
	margin-bottom: 2em;
	overflow: hidden;
}
.chapo img.spip_logos {
	float: right;
	margin: 0 10px 10px;
	border: 4px solid #DDD;	
}
.chapo a:focus .spip_logos,
.chapo a:hover .spip_logos,
.chapo a:active .spip_logos,
.chapo a .spip_logos:hover {
	border: 4px solid #F57900;
}
.chapo p {
	color: #f98d3e;
	margin-right: 50px;
	margin-bottom: 5px;
}
.chapo strong {
	font-weight: bold;
	color: #543d33;
}
.page_article .texte {
	line-height: inherit;
	font-size: inherit;
}

.texte, .txt {
	line-height: 1.60em;
	font-size: 0.8em;
}
.texte strong {
	font-size: 1.1em;
}
div.entry-content .spip_logos {
	float: left;
	margin: 10px;
}
.hyperlien {
	display: block;
	background: #decdb5;
	padding: 0.50em 1em;
	font-weight: bold;
}
.ps, .notes {
	margin-bottom: 2em;
	line-height: 1.40em;
}
.notes {
	clear: both;
	font-size: 0.90em;
}
abbr.published {
	border: 0;
}
/* @end */
/* @group Article Documents */
/* doc dans le texte */
.spip_documents img {
	
}
.spip_documents dt.spip_doc_titre,
.spip_documents dd.spip_doc_descriptif {
	margin: 0;
	font-size: 11px;
	color: #976b64;
	text-align: left;
	line-height: 14px;
}
dt.spip_doc_titre strong {
	font-weight: bold;
	color: #543d33;
}
.spip_documents_left {
	margin: 0 20px 20px 0;
}
.spip_documents_right {
	margin: 0 0 20px 20px;
}
.spip_documents_center {
	text-align: center !important;
	display: block;
	margin: 20px 0;
}
.spip_documents_center dd {
	text-align: center !important;
	width: 100% !important;
}
.spip_documents_center .spip_doc_titre {
	display: block;
	width: 100% !important;
	color: #666;
	text-align: center !important;
	font-weight: bold;
}
.spip_documents_center .spip_doc_descriptif {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center !important;
}
/* @end */
/* @end */
/* @group Conseil Municipal */

.cm {
	float: left;
	width: 280px;
	height: 110px;
	font-size: 12px;
	line-height: 15px;
	margin-right: 20px;
	text-align: left;
	color: #8f8f8f;
}
.cm strong {
	font-weight: bold;
}
.cm i {
	font-style: normal;
	font-weight: bold;
	color: #666;
}
.cm img {
	border: 2px solid #e6d4bb;
	padding: 2px;
}
/* Selecteur Article Rapide */
form.article-rapide {
	margin-bottom: 1em;
	text-align: center;
}
form.article-rapide select, 
form.article-rapide input {
	font-size: 1em;
	margin-right: 0.5em;
}
form.article-rapide input.submit {
	background-color: #26a9e0;
	height: 22px;
	width: 45px;
	color: white;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 20px;
	border: 1px solid #2286b2;
	font-weight: bold;
}
/* @end */
/* @group Plan */
/* @end */
/* @group Rubrique */
/* @group Document Joints */
#documents_joints {
	clear: both;
	position: relative;
	margin: 1em auto 2em;
	text-align: left;
	background-image: url(../images/bg_extra.jpg);
	padding: 1px 0;
}
#documents_joints h2 {
	background: url(../images/bg_extra_titre.png) no-repeat left top;
	line-height: 27px;
	color: white;
	padding: 0 13px 13px;
	margin: 12px 0 0 -13px;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	float: left;
}
#documents_joints h2 span {
	float: left;
	margin-top: -3px;
}
#documents_joints .spip_logos {
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 10px;
	float: left;
	height: 30px;
	width: 30px;
}
#documents_joints ul {
	clear: both;
}
#documents_joints ul li {
	margin-left: 20px;
	font-size: 11px;
	color: gray;
	border-bottom: 1px solid #dfd4be;
	overflow: hidden;
	border-top: 1px none silver;
	margin-right: 20px;
	margin-bottom: 10px;
	list-style-image: none;
	list-style-type: none;
}
#documents_joints ul li:last-child {
	border-style: none;
}
#documents_joints strong {
	font-weight: bold;
}
#documents_joints p {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}
#documents_joints small {
	font-style: italic;
	font-size: 0.8em;
	color: #b9ab96;
}
/* @end */
/* @group Portfolio */
/* Portfolio */
#documents_portfolio {
	clear: both;
	position: relative;
	margin: 1em auto 3em;
	text-align: left;
	background:transparent url(../images/bg_extra.jpg) repeat left top;
	padding: 1px 0 20px;
}
#documents_portfolio h2 {
	background: url(../images/bg_extra_titre.png) no-repeat left top;
	line-height: 27px;
	color: white;
	padding: 0 13px 13px;
	margin: 12px 0 0 -13px;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	float: left;
}
#documents_portfolio h2 span {
	float: left;
	margin-top: -3px;
}
#documents_portfolio .spip_logos {
	border: 4px solid #DDD;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 10px;
}
#documents_portfolio ul {
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 50px;
	clear: both;
	width: 100%;
}
#documents_portfolio ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#documents_portfolio a.on .spip_logos {
	border-color: #F57900;
}
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos {
	border-color: #F57900;
}
/*Pager portfolio*/
a.lien_pagination span {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -999999px;
	position: absolute;
	top: 80px;
}
a.lien_pagination span.precedent {
	background-image: url(../images/pct/pct_arrow_left.png);
	left: 10px;
}
a.lien_pagination span.suivant {
	background-image: url(../images/pct/pct_arrow_right.png);
	right: 10px;
}
/* @end */
/* @group Pagination */
.pagination {
	text-align: center;
	border-top: 1px solid silver;
	color: silver;
	font-size: 0.7em;
}
/* @end */
/* @group Menu */
/* Articles */
.articles ul, 
.rubriques ul {
	margin: 0 0 2em;
}
/* Rubriques */
.rubriques {
}
.rubriques ul {
	border: 0;
	margin: 0 0 2em;
}
.rubriques ul li {
	border: 1px solid #543e33;
	width: 180px;
	float: left;
	height: 230px;	
	overflow:  hidden;
	margin: 0 0 20px 20px;
}
.rubriques ul li .introduction {
	height: 60px;
	font-size: 0.7em;
	text-align: left;
	padding: 5px;
}
.rubriques ul li h2 {
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	border: 1px solid #f2e6ce;
	border-bottom-style: none;
}
.rubriques ul li img.spip_logos {
	margin: 0 0 0 1px;
}
.rubriques ul li div.logo-rubrique {
	height: 100px;
	overflow: hidden;
}
.rubriques p.suite {
	font-size: 0.8em;
	padding: 0;
	margin: 5px 0 10px;
}
.rubriques p.suite span {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
.rubriques p.suite a {
	display: block;
}

/* Listes d'articles et extraits introductifs */
.articles ul li {
	clear: both;
	margin-bottom: 1.3em;
}
.articles ul li .introduction {
	font-size: 0.8em;
}
.articles ul li .introduction p {
	font-size: 0.9em;
	margin-bottom: 0;
	text-align: justify;
}
.articles ul li img.spip_logos {
	float: right;
	border: 4px solid #DDD;
	margin: 0 10px 10px 15px;
}
.articles ul li a:focus .spip_logos,
.articles ul li a:hover .spip_logos,
.articles ul li a:active .spip_logos,
.articles ul li a .spip_logos:hover {
	border: 4px solid #F57900;
}
.articles ul li h3 {
	margin: 0;
	text-transform: uppercase;
	font-size: 1em;
}

.articles p.suite {
	font-size: 0.7em;
	padding: 0;
	margin: 3px 0 10px;
}
.articles p.suite span {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
.articles p.suite a {
	display: block;
}
/* @end */
/* @end */
/* @end */
/* @group Object */
div#contenu div.texte .spip_documents object,
div#contenu div.texte .spip_documents embed {
	margin: 0 !important;
}
div#contenu div.texte object,
div#contenu div.texte embed {
	margin-top: 1em;
	margin-bottom: 2em;
}
/* @end */

/* @group organigramme */
.deuxiemeniveau, .troisiemeniveau {
	display:none;
}
.premierniveau {
background: url("../images/bg_tabs_panel.jpg") repeat-x scroll left top #E6D4BB;
    color: #FFFF;
    height: 34px;
    margin: 10px;
    padding: 5px 0 0 20px;
    width: 400px;
}
.premierniveau:hover {
	background-image:none;
	cursor:pointer;
}
.premierniveau p {
    color: #23A6DD;
    background: url("../images/pct/pct_fleche_bleue.png") no-repeat scroll right top transparent;
}
.premierniveau img {
	
}
.deuxiemeniveau {
	background: url("../images/pct/pct_fleche_bleue.png") no-repeat scroll right center #E6D4BB;
    font-size: 14px;
    margin: 10px 0 10px 30px;
    padding: 5px 20px;
    width: 400px;
}
.sanshover {
	background-image:none;
	background-color:#F5EAD6;
	margin-left: 50px;
}
.deuxiemeniveau:hover {
	cursor:pointer;
	color:#fff;
}
.sanshover:hover {
	cursor:normal;
	color:#3E6A95;
}
.troisiemeniveau, .sanshover {
	background-color: #F5EAD6;
    color: #3E6A95;
    font-size: 14px;
    margin-left: 50px;
    padding: 5px 5px 5px 10px;
    width: 430px;
}
.troisiemeniveau *, .sanshover * {
	margin-bottom:0;
	font-size: 13px;
}
/* @end */