/*
 * Styles généraux
*/

body {  text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}

a img { border: 0; }
#langues img { vertical-align: middle; }
p { color:#595959; text-align:justify;}
#contenu .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }

/*
 * Partie variable des sites
*/
a { color:#6d1e12; text-decoration:none;}
a:hover, a:visited { color:#595959; text-decoration: none;}
ul { margin:0; padding:0;}
ul li { margin:0; padding:0; list-style:none; color:#595959;}

ul.actions  {margin:2em; clear:both;}
#preview ul, .bloc ul { margin-left: 1em;}
#preview ul li, .bloc ul li { margin:8px 0; padding-left:15px; list-style:none; background: url(../images/etoile-on.png) no-repeat 0 2px;}
#preview p { margin:1em 0; text-align:justify; }
p#rss { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 {clear:both; margin: 10px 0; text-align:left; padding: 0px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;; }
h1 { font-size: 2em; font-weight:normal; color:#6D1E12;}
#bandeau-interne h1 a { color:#000;}
#bandeau-interne h1 a:hover { color:#fff;}
h1 span.petit { font-size:0.8em; letter-spacing:0; }
h1 a { color: white; }
#coldroite h1 a { color:#000;}
#coldroite h1 a:hover { color:#a19273;}
#coldroite h2 { color:#000;}
h2 { font-size: 1.3em; font-weight:normal; margin-top:0; color:#000; }
#preview h2.archives { text-align:center; background:#F2B705; color:#000; padding:0;}
#preview h2 { margin-bottom:20px; text-align:left; font-size: 1.4em;}
h3 {min-height:30px; padding-top:13px; padding-left:55px; font-size: 1.2em; clear:left; margin:10px 0; border-bottom:1px solid #a19273; background:transparent url(../images/bg_h3_outils.jpg) no-repeat scroll bottom left;}
h4 { font-size: 1.1em; border-bottom:1px solid #A19273;}
body.demarches-administratives h3 { border-bottom:1px solid #6D1E12; margin:30px 0 10px;}
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }
body.vie-associative h4 span {float:right;}
body.hotellerie-restauration .droite  {padding:0;}
body.hotellerie-restauration .element, body.liens .element, body.vie-associative .element  { clear: none;float: left; width: 45%; margin: 10px; }

body.hotellerie-restauration .element img { max-width: 100px; }
body.hotellerie-restauration .element .gauche + .gauche { display:none; }

#preview .imgcentre {margin-bottom:20px; border:2px solid #c4c4c4;}

.blanc {color:#fff;}
.bloc {border-bottom:2px solid #6d1e12; padding-bottom:10px; margin:0.5em 0.3em;}
#preview img { border:1px solid #fff;}
.chemin { text-align:right; font-size:0.9em; color:#666;}

#coldroite #newsletter { background: url(../images/bloc_newsletter_bg.gif) no-repeat left top; border: none; padding: 5px;}
#coldroite #newsletter p {color: #000;}

/*#mini-recherche {padding-bottom:20px; }*/
#coldroite h1 {
	font-size:1.3em;
	line-height:1em;
	color:#000000;
	margin:0;
	padding:0.5em 0;
	text-align:left;
}

#phototheque {padding-bottom:10px; }
#phototheque img {border:3px solid #fff;}
#phototheque h1 {background:url(../images/bg_h1_phototheque.gif) no-repeat left center; padding-left:35px;}

#coldroite #actualites {background:#f0b605; margin:0;}
#coldroite #actualites h1 { text-align: center; color:#000; text-transform:uppercase; background:#fff; margin:0;}
#coldroite #actualites h2 a {color:#000; padding:0 5px;}
#coldroite #actualites h2 a:hover {color:#fff;}
#coldroite #actualites p {color:#fff; padding:0 5px;}
#coldroite #actualites .bloc-actus {padding:0.5em;}
#coldroite #actualites .gauche {margin:0 0.5em 0 0; padding:0.6em 0 0 1.4em;}

#coldroite #publications {background:#e40656; margin:0; }
#coldroite #publications h1 { text-align: center; color:#000; text-transform:uppercase; background:#fff; margin:0;}
#coldroite #publications p {color:#000;}
#coldroite #publications .bloc-publication {padding:0.5em;text-align:center; }
#coldroite #publications .bloc-publication a {color:#fff;}
#coldroite #publications .bloc-publication a:hover {color:#000;}

#coldroite #newsletter p { font-size: 0.9em; margin: 0 2px; text-align: left; }
#coldroite #newsletter label { display: none; }
#preview img.telecharger, #coldroite img.telecharger{border:none; margin-left:-20px;
margin-top:30px;
position:absolute;}


.bloc-actus p {margin:0;}
#publications {border-bottom:none;}
.bloc-publication p {margin:0;}

.conseil {float:left; width:150px; margin:10px; text-align:center;}
.conseil div.centre {padding:0; margin:0;}
.conseil img {}

body.tourisme div.gauche {padding:0;}
body.tourisme h4 { margin-bottom:20px;}


/********************************************Titres pagse internes********************************/

#bandeau-interne { min-height:57px; padding-top:145px; background:url(../images/bg_bandeau_interne.jpg) no-repeat;}
.actualites #bandeau-interne { background-image:url(../images/bg_bandeau_fleurs.jpg);}
.plu #bandeau-interne { background-image:url(../images/bg_bandeau_cerisier.jpg);}
.developpement-urbain #bandeau-interne { background-image:url(../images/bg_bandeau_village.jpg);}
.tourisme #bandeau-interne { background-image:url(../images/bg_bandeau_pont.jpg);}
.vie-pratique #bandeau-interne { background-image:url(../images/bg_bandeau_cabane.jpg);}
.vie-associative #bandeau-interne { background-image:url(../images/bg_bandeau_arbre.jpg);}
.developpement-economique #bandeau-interne { background-image:url(../images/bg_bandeau_usine.jpg);}

#bandeau-interne h1 { padding:11px 20px; margin:0; color:#000; letter-spacing:1px; background:#a19273; filter: alpha(opacity=80);-moz-opacity: 0.8;	opacity: 0.8;}
body.votre-mairie #bandeau-interne h1 {background:#6d1e12; color:#fff;}
body.vie-pratique #bandeau-interne h1, body.multiwizz #bandeau-interne h1 {background:#ff530d;}
body.actualites #bandeau-interne h1 {background:#f2b705;}
body.developpement-urbain #bandeau-interne h1 {background:#5eb900;}
body.plu #bandeau-interne h1 {background:#7d6c79;}
body.developpement-economique #bandeau-interne h1 {background:#ff1b37;}
body.vie-associative #bandeau-interne h1 {background:#b03f95;}
body.tourisme #bandeau-interne h1 {background:#f7e500;}
body.liens #bandeau-interne h1 {background:#a19273;}
body.contact #bandeau-interne h1 {background:#a19273;}
body.phototheque #bandeau-interne h1 {background:#a19273;}
body.marches-publics #bandeau-interne h1 {background:#a19273;}
body.agenda #bandeau-interne h1 {background:#f2b705;}

body.votre-mairie h2 {color:#6D1E12;}
body.vie-pratique h2, body.multiwizz h2 {color:#ff530d;}
body.actualites h2 {color:#f2b705;}
body.developpement-urbain h2 {color:#5eb900;}
body.plu h2 {color:#7d6c79;}
body.developpement-economique h2 {color:#ff1b37;}
body.vie-associative h2 {color:#b03f95;}
body.tourisme h2 {color:#f7e500;}
body.liens h2 {color:#a19273;}
body.contact h2 {color:#a19273;}
body.phototheque h2 {color:#a19273;}
body.marches-publics h2 {color:#a19273;}
body.agenda h2 {color:#f2b705;}

body.votre-mairie h3 {border-bottom:1px solid #6d1e12; background-image: url(../images/bg_h3_mairie.jpg); }
body.vie-pratique h3, body.multiwizz h3 {border-bottom:1px solid #ff530d; background-image: url(../images/bg_h3_pratique.jpg); }
body.actualites h3 {border-bottom:1px solid #f2b705; background-image: url(../images/bg_h3_actu.jpg); }
body.developpement-urbain h3 {border-bottom:1px solid #5eb900; background-image: url(../images/bg_h3_urbain.jpg); }
body.plu h3 {border-bottom:1px solid #7d6c79; background-image: url(../images/bg_h3_plu.jpg); }
body.developpement-economique h3 {border-bottom:1px solid #ff1b37; background-image: url(../images/bg_h3_eco.jpg); }
body.vie-associative h3 {border-bottom:1px solid #b03f95; background-image: url(../images/bg_h3_asso.jpg); }
body.tourisme h3 {border-bottom:1px solid #f7e500; background-image: url(../images/bg_h3_tourisme.jpg); }
body.liens h3 {border-bottom:1px solid #a19273; background-image: url(../images/bg_h3_outils.jpg); }
body.contact h3 {border-bottom:1px solid #a19273; background-image: url(../images/bg_h3_outils.jpg); }
body.phototheque h3 {border-bottom:1px solid #a19273; background-image: url(../images/bg_h3_outils.jpg); }
body.marches-publics h3 {border-bottom:1px solid #a19273; background-image: url(../images/bg_h3_outils.jpg); }
/*body.meyreuil-infos h3 {color:#E40656; border-bottom:1px solid #E40656; background-image: url(../images/bg_h3_publication.jpg); }
body.meyreuil-infos h3 a {color:#E40656;}
body.meyreuil-infos h3 a:hover {color:#595959;}
body.nouvelles-meyreuil h3 {color:#E40656; border-bottom:1px solid #E40656; background-image: url(../images/bg_h3_publication.jpg); }
body.nouvelles-meyreuil h3 a {color:#E40656;}
body.nouvelles-meyreuil h3 a:hover {color:#595959;}
*/
/****************** Tableau calendrier des procédures ***********************/
table.procedure {font-size:0.85em; text-align:center; }
table.procedure tr {}
table.procedure tr.gris-c {background:#ccc;}
table.procedure tr.gris-f {background:#999;}
table.procedure td {padding:5px;}
table.procedure td.bleu {background:#7A87D3 none repeat scroll 0 0;}
table.procedure td.vert {background:#9AD37A none repeat scroll 0 0;}
table.procedure td.orange {background:#F2C94E none repeat scroll 0 0;}

/*********************FAQ*****************/
h3.drag {cursor:pointer;}
.content {padding-left:50px; padding-right:20px;}

/**********************Galerie Photos******************/
#galerie  {position:relative; width:750px; border:3px solid #ddcba5; /*height:157px;*/ padding-top:4px; padding-bottom:5px; margin-bottom:15px;}
#galerie-img div.gauche {padding:0; margin:0;}
#galerie-img img {max-height:110px; border:1px solid #FFFFFF;}

#zoom {position:relative; margin-top:-1px; /*border:3px solid #ccc;*/ width:750px; overflow:hidden; /*background:#ddcba5;*/}
#zoom p {margin:0; padding:10px 0; /*background:#ccc;*/ text-align:center; color:#000;}

.precedent, .suivant {position:absolute; top:0;}
.precedent {float:left; left:0px;}
.suivant {float:right; right:0;}
#preview .precedent img, #preview .suivant img{border:none; cursor:pointer;}

/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #ccc; margin-bottom: 15px;}

/* alignement des images dans les pages */
.element { clear: both;}
div.gauche, div.droite, div.centre { padding: 0.8em 0.8em 0 0.8em;}
.gauche { float: left; margin: 0 1.5em 1em 0;}
.droite { float: right; margin: 0 0 1em 1.5em;}
.centre { /*margin: 1em auto;*/ text-align: center; }
.element .gauche { clear: left; }

#contenu .gauche span, #contenu .droite span, #contenu .centre span { display: block; font-size: smaller; text-align: center; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}

/* icones des fichiers */
#contenu .icone a, #contenu a.icone {margin-top: 0em; padding-left: 1.5em; list-style: none; }
#contenu .pdf { background: url(../images/icons/acrobat.gif) left center no-repeat !important; }
#contenu .doc, #contenu .rtf { background: url(../images/icons/word.png) left center no-repeat !important; }
#contenu .xls, #contenu .xla { background: url(../images/icons/excel.png) left center no-repeat !important; }
#contenu .ppt, #contenu .pps { background: url(../images/icons/powerpoint.png) left center no-repeat !important; }
#contenu .zip, #contenu .rar { background: url(../images/icons/compressed.png) left center no-repeat !important; }
#contenu .gif, #contenu .jpg, #contenu .png { background: url(../images/icons/picture.png) left center no-repeat !important; }
#contenu .url { background: url(../images/icons/world.gif) left center no-repeat !important; }
#contenu .email { background: url(../images/icons/email.png) left center no-repeat !important; padding-left: 2em !important; }
.url a[target="_blank"], a.url[target="_blank"] {background: url(../images/icons/external.png) right center no-repeat !important;}
.icone { padding: 0.2em 0; }
.broken { text-decoration: line-through; }

/* Messages */
.message {
	padding: 5px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat #FFF68F;
	border: 1px solid lightgray;
	text-align: left;
}
h3.message { font-size: 0.9em; }
.good { background-image: url(../images/icons/accept.png); }
.warn { background-image: url(../images/icons/error.png); }
.error { background-image: url(../images/icons/exclamation.png); }


/*
 * Pagination et Outils d'impression et de retour
*/
#pagination, #contenu ul#nav-contenu {
	clear: both;
	padding: 0.5em 0;
	margin-top: 2em;
	text-align: center;
}
#contenu ul#nav-contenu { margin:2em 0 0 0; }
#contenu #nav-contenu li { background: none; display: inline; padding:0 1.2em; font-size:smaller; color:#3A846E; border-right:1px solid #ccc; }
#contenu #nav-contenu li.last { border:0;}
.prix { color: #cc185e; }

div.tip { background: #000; color: #FFF; padding: 5px;  opacity: 0.7; }
div.tip div.tip-title { font-weight: bold;  opacity: 1;}

ul.plan li.espace-membre, ul.plan li.connexion { display: none; }
ul.plan li { font-weight: bold; float: left; width: 45%; }
ul.plan li li { font-weight: normal; float: none; }