/* - - - - - - - - - - - - - - - - - - - - -
Title : Ville de Vence - Main style sheet
URL : www.vence.fr
Author : Pierre Jahan - JahanDesign.com
Created : 4/04/06
Modified : 20/04/10
- - - - - - - - - - - - - - - - - - - - - */

/* ========== CSS ========== */
* { margin:0; padding:0; }
html { height:100%; }
body { margin:0 0 10px; text-align:center; color:#555; font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:80%; line-height:1.5em; font-weight:normal; background:#fff url(../images/bg_body.gif) 0 200px repeat-x; }
body.accueil { background-image:url(../images/bg_body_home.gif); }

/* ========== LAYOUT IDs ========== */
#header { position:relative; width:950px; height:158px; margin:0 auto; text-align:left; }
#navigation { position:relative; width:950px; height:22px; margin:0 auto; text-align:left; z-index:100; }
#banner { position:relative; width:950px; height:152px; margin:0 auto; text-align:left; z-index:1; }
body.accueil #banner { height:252px; }
#containerRub, 
#containerArt { width:950px; text-align:left; margin:0 auto; border-top:1px solid #E0D6BF; border-bottom:1px solid #E0D6BF; background:#fff url(../images/bg_container_rub.gif) 0 0 repeat-y; }
#containerArt { background-image:url(../images/bg_container_art.gif); }
#lefter { float:left; width:199px; }
#contentRub { float:left; width:550px; overflow:visible; }
#contentArt { float:right; width:750px; overflow:visible; }
#righter{ float:right; width:199px; }
#footer{ clear:both; width:950px; text-align:center; margin:0 auto; padding:15px 0 50px; font-size:10px; background:url(../images/logo_footer.gif) 50% 90% no-repeat; }

/* ========== CLASSES ========== */
.margeColumn { padding:25px 8px 20px; }
.margeContent { margin:25px 0 20px; padding:0 30px; }
.hide { display:none; }
.show { display:block; }
.left { float:left; }
.right { clear:right; float:right; }
.va-bottom { vertical-align: bottom; margin-left:3px; }
.clearingdiv { clear:both; height:20px; width:1px; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block; }
/* End hide from IE-mac */
div.hr hr { display:none; } 

/* ========== TEXT FORMATING ========== */
span.chevrons { color:#B4A585; font-family:Arial, Helvetica, Sans-serif; font-size:10px; }
a { color:#000; text-decoration:none; }
a:hover { color:#B4A585; border:none; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; color:#333; line-height:1.2em; }
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.3em; }
h5 { font-size:1.1em; margin:1em 0; font-weight:bold; color:#A3A08F; }
h6 { font-size:.9em; margin:1em 0; font-weight:bold; color:#A3A08F; }
p { margin:0; padding-bottom:1em; }
#contentArt p,
#contentArt p.spip, 
#contentRub p, 
#contentRub p.spip { padding-bottom:1em; }
#righter p.spip { padding-bottom:.5em; }
ul, ol, dl, dt, dd { list-style:none; margin:0 0 .5em; padding:0; }
ul ul, ol ol, ul ul ul, ol ol ol { 	margin-bottom:0; }
#righter ul li { margin-left:0; padding-left:8px; background:url(../images/ulbul.gif) 0 4px no-repeat; }
#contentRub ul li, 
#contentArt ul li { margin-left:1em; padding-left:12px; background:url(../images/ulbul.gif) 0 4px no-repeat; }
#contentRub ol li, 
#contentArt ol li { margin-left:1em; list-style-type:decimal; list-style-position:inside; }
table { margin:0 2em 1em 1em; width:auto; border-collapse:collapse; border:1px solid #aaa; background-color:#fff; }
caption { padding:.5em 0; font-size:1.1em; font-weight:bold; }
td, th { padding:.5em; border:1px solid #ccc; text-align:left; width:auto; vertical-align:top; }
thead, tr.row_first { background-color:#B4A585; color:#fff; width:auto; text-align:center; font-size:1.1em; }
tbody { width:auto; }
tr.alt, tr.row_odd  { background-color: #F0F0EC; }
img, img a, img a:hover, a img { border:0; }

/* ========== HEADER ========== */
#header h1 a { position:absolute; top:78px; left:50px; }
#header h1 a:hover { cursor:pointer; border:none; }
#flags { float:left; width:200px; margin-top:8px; margin-left:8px; font-weight:bold; text-align:left; color:#999; }
#accessibility { float:right; width:200px; margin-top:8px; margin-right:8px; text-align:right; color:#999; }

/* ========== FIL D'ARIANE ========== */
#hierarchie { position:absolute; left:8px; bottom:6px; font-size:10px; }
#hierarchie a:hover { border-bottom:#B4A585 dotted 1px; }

/* ========== SEARCH FORM ========== */
#search { position:absolute; right:2px; bottom:7px; }
#search label { padding:0 6px; font-weight:bold; }
#search input.searchbox { width:100px; border:1px solid #E0D6BF; font:11px/13px Monaco,Monospace; }
#search input.button { margin-top:5px; padding-right:3px; vertical-align:text-bottom; }
#search img { padding-top:4px; }

/* ========== LEFTER & RIGHTER ========== */
#lefter a:hover, #righter a:hover { border-bottom:#B4A585 dotted 1px; }
#lefter h2, #righter h2 { padding:3px 0; font-size:1.1em; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
#lefter h3, #righter h3 { padding:1px; margin:.5em 0; font-size:1em; line-height:1.4em; color:#fff; font-weight:bold; background-color:#A3A08F; }
#lefter h4, #righter h4 { padding:1px; font-size:1em; line-height:1.4em; color:#fff; font-weight:normal; background-color:#BAB8AB; }
#lefter h4 { margin:1px 0 1px 1em; }
#righter h4 { margin:1px 0; }
#lefter h3 a, #righter h3 a, 
#lefter h4 a, #righter h4 a { display:block; width:100%; padding:1px 0; color:#fff; }
#lefter h3 a, #righter h3 a { background-color:#A3A08F; }
#lefter h4 a, #righter h4 a { background-color:#BAB8AB; }
#lefter h3 a:hover, #lefter h3 a.on, #righter h3 a:hover, 
#lefter h4 a:hover, #lefter h4 a.on, #righter h4 a:hover { border:none; color:#555; background-color:#fff; }
#lefter h5, #righter h5 { margin:.6em 0 .4em; font-size:1.2em; font-weight:bold; color:#B4A585; }
#lefter li, #righter li { padding-top:.1em; padding-bottom:.1em; }
#righter .blocBreve { clear:both; padding-bottom:.8em; border-bottom:1px solid #E0D6BF; }
#righter ul li.spip { margin-left:0; padding-left:10px; background:url(../images/ulbul.gif) 0 4px no-repeat; }
#righter ol li.spip { margin-left:.2em; list-style-type:decimal; list-style-position:inside; }
#righter .spip_logos { float:right; margin:0 0 .2em .5em; }
#decouvrez { margin:1.5em -8px; padding:4px 30px 2em 8px; border-top:1px solid #E0D6BF; border-bottom:1px solid #E0D6BF; background:#fff url(../images/bg_map.gif) right bottom no-repeat; }
#lefter #decouvrez { border-left:1px solid #E0D6BF; }
#righter #decouvrez { border-right:1px solid #E0D6BF; }
#decouvrez h2 { height:30px; padding-bottom:8px; text-indent:-200em; }
#preparez { display:block; margin:1.5em -8px; padding:4px 30px 2em 8px; border-top:1px solid #E0D6BF; border-bottom:1px solid #E0D6BF; background:#fff url(../images/bg_bed.gif) right bottom no-repeat; }
#lefter #preparez { border-left:1px solid #E0D6BF; }
#righter #preparez { border-right:1px solid #E0D6BF; }
#preparez h2 { height:30px; padding-bottom:8px; text-indent:-200em; }
#righter li.agenda  { padding-bottom:.8em; border-bottom:1px solid #E0D6BF; }
#lefter #sousRubrique { margin:-25px -8px -35px; padding:25px 8px 35px; background-color:#F0F0EC; }
#lefter #sousRubrique h2 { padding-bottom:1em; }
#lefter #sousRubrique li a { display:block; padding:2px 12px 2px 2px; background:url(../images/chevrons.gif) 100% 50% no-repeat; width:169px; }
#lefter #sousRubrique li a:hover, #lefter #sousRubrique li a.arton { color:#fff; border:none; background:#B4A585 url(../images/chevrons_blanc.gif) 100% 50% no-repeat; }
#lefter input.email { margin-top:5px; width:150px; border:1px solid #E0D6BF; padding-bottom:1px; font-size:10px; }
#lefter input.emailBut { vertical-align:text-bottom; }
#lefter input img { padding-top:4px; }
#lefter input.radio { margin-top:.5em; vertical-align:text-bottom; }

/* ========== CONTENT HOME & RUBRIQUE ========== */
#uneHome, #uneRub { float:left; width:490px; margin-bottom:0; }
html>body #uneHome { margin-bottom:2.5em; }
html>body #uneRub { margin-bottom:2.5em; }
#uneHome h2 { height:19px; margin-bottom:25px; background-position:left top; background-repeat:no-repeat; text-indent:-100em; overflow:hidden; }
#uneRub h2 { text-transform:uppercase; letter-spacing:.1em; margin-bottom:25px; }
#uneHome .unePhoto, #uneRub .unePhoto { float:left; width:140px; }
.unePhoto a img { padding:1px; border:1px solid #E0D6BF; }
#uneHome .uneArt, #uneRub .uneArt { float:right; width:330px; }
#uneHome .uneArt h3, #uneRub .uneArt h3 { padding-bottom:.6em; margin-bottom:.6em; border-bottom:1px solid #E0D6BF; font-weight:bold; }
#uneHome .uneArt h4 { margin-bottom:.6em; font-weight:bold; color:#B4A585; }
#trioHome, #artRub { clear:both; float:left; width:490px; position:relative; margin-bottom:1em; }
html>body #trioHome { margin-bottom:2.5em; }
html>body #artRub { margin-bottom:2.5em; }
#archives a { position:absolute; top:6px; right:0; text-align:right; }
#archives a:hover { border-bottom:#B4A585 dotted 1px; }
#trioHome h2, #artRub h2 { height:30px; margin-bottom:15px; border-top:1px solid #E0D6BF; border-bottom:1px solid #E0D6BF; background-position:0 5px; background-repeat:no-repeat; text-indent:-100em; overflow:hidden; }
#artRub h3 { padding-bottom:.3em; margin-bottom:.6em; border-bottom:1px dotted #E0D6BF; font-weight:bold; }
#artRub h4 { margin-bottom:.6em; font-weight:bold; color:#B4A585; }
.colHome { float:left; width:154px; margin-left:14px; padding:0; }
.colHome.colfirst { margin-left:0; }
.colHome .thumbnail { padding-bottom:1em; text-align:center; }
.colHome .thumbnail img { padding:1px; border:1px solid #E0D6BF; }
.colHome h3 { display:block; margin:0 0 .6em; padding:0 3px 1px; font-size:1em; font-weight:bold; line-height:1.4em; color:#fff; background-color:#A3A08F; }
.colHome h4 { margin:0 0 .6em; padding:0; font-size:1em; font-weight:bold; line-height:1.4em; color:#A3A08F; }
.colHome .soustitre { margin:0 0 .6em; line-height:1.4em; font-size:.95em; font-weight:bold; color:#555;  }
.colHome .chapo { margin:0; font-size:.95em; font-weight:normal; }
#artRubAbstract { float:left; width:100%; padding-bottom:1em; margin-bottom:1em; border-bottom:3px double #E0D6BF; }
#artRubAbstract .spip_logos { float:left; padding:0 1em .5em 0; }

/* ========== CONTENT ========== */
.print { float:right; width:80px; padding-right:20px; text-align:right; background:url(../images/print.gif) 100% 0 no-repeat; }
.print a { border:none; color:#000; }
h2.article { text-transform:uppercase; letter-spacing:.1em; margin-bottom:1em; font-size:2em; }
h3.article { font-size:1.4em; text-transform:uppercase; letter-spacing:.1em; margin:1em 0; font-weight:bold; color:#A3A08F; }
div.date { margin-top:-1em; margin-bottom:2em; font-size:.9em; color:#aaa; }
p.date, p.date a { margin-top:.5em; font-size:.9em; color:#B4A585; }
.logoArticle { float:right; padding:0 0 1em 2em; }
.chapo {  font-weight:bold; color:#555; font-size:1.1em; margin-bottom:1em; }
#contentArt .chapo { text-align:justify; }
#table_matiere ul li { background-image:url(../images/ularrow.gif); }
#table_matiere ul li a { font-weight:bold; }
.ps { clear:both; float:left; width:648px; border:1px dotted #E0D6BF; margin:1.5em 0; padding:10px 20px; background:transparent url(../images/branche_olivier.gif) no-repeat bottom right; }
.notes { border-top:1px dotted #E0D6BF; margin:1.5em 0; font-size:.9em; }
.hyperlien { font-weight:bold; }
#mediaBox { clear:both; float:left; width:95%; border:1px dotted #E0D6BF; margin:1.5em 0; padding:1em 0; background:transparent url(../images/branche_olivier.gif) no-repeat bottom right; }
#mediaBox h4 { font-size:1em; margin:0 2em .5em; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
.docBox { float:left; border:1px solid #E0D6BF; margin:1em 1em 0; padding:.3em .6em; background-color:#F8F6F0; }
#leftBox { float:left; clear:left; }
#rightBox { float:right; clear:right; }
#leftBox, 
#rightBox { border:1px solid #E0D6BF; margin:1.5em 0; padding:1em 2em; width:300px; }
.ps h4, 
#leftBox h4, 
#rightBox h4 { font-size:1em; margin-bottom:.6em; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
#leftBox ul, 
#rightBox ul { margin-bottom:.8em; }
#contentArt a, 
#leftBox a, 
#rightBox a { color:#B4A585; border-bottom:1px solid #B4A585; }
#contentArt a:hover, 
#leftBox a:hover, 
#rightBox a:hover { color:#A3A08F; border-bottom: 1px solid #A3A08F; }
.top { position:relative; right:0; top:-10px; }

/* ========== SITE MAP ========== */
#plan h1 { text-transform:uppercase; font-size:3em; letter-spacing:.3em; color:#E0D6BF; margin-bottom:2em; text-align:center; }
#plan h2, 
#recherche h2 { text-transform:uppercase; letter-spacing:.1em; border-bottom:1px solid #E0D6BF; padding-bottom:.2em; margin:2em 0; }
#plan h3, 
#recherche h3 { text-transform:uppercase; letter-spacing:.1em; margin:1em 0 .5em; font-weight:bold; color:#B4A585; font-size:1.3em; }
#plan ul ul h3 { margin:.5em 0 0; font-size:1.1em; }
#plan h1 a, 
#plan h2 a, 
#plan h3 a, 
#plan li a  { border:none; }
#plan ul li, 
#plan ul ul li { background:url(../images/bullet_dot.gif) 0 .6em no-repeat; margin:0; padding:0 0 0 1.5em; line-height:1.5em; }

/* ========== FOOTER ========== */
#footer p { padding:0 10px; }
#footer a:hover { border-bottom:#B4A585 dotted 1px; }

/* ========== RACCOURCIS TYPOGRAPHIQUES SPIP ========== */
hr.spip { clear:both; margin:.8em 0; border:none 0; border-top:1px solid #E0D6BF; height:1px; text-align:center; }
.spip_code code { font-size:12px; }
.spip_poesie { margin:0 0 1em 2em; padding:1em; border-left:2px solid #E0D6BF; background-color:#F7F7F7; font-family:Georgia, "Times New Roman", Times, serif; color:#A3A08F; }
.spip_cadre { display: block; padding:1em; margin-bottom:1em; width:660px; height:auto; max-height:10em; border:1px solid #A3A08F; background-color: #F0F0EC; }
blockquote.spip { margin: 0 4em 1em; padding:0 0 1.5em; background: transparent url(../images/quote-close.png) bottom right no-repeat; }
blockquote.spip p { margin:0; padding:1em 3em; background:transparent url(../images/quote-open.png) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; line-height:1.6em; }
h3.monstyle,
#contentArt h3.spip { clear:both; width:680px; font-size:1.5em; line-height:1.2em; text-transform:uppercase; letter-spacing:.1em; margin:1.2em 0 .8em; padding:3px; font-weight:bold; color:#7A786B; border:1px solid #E0D6BF; background:#fff url(../images/bg_h3.gif) 0 0 no-repeat; }
h4.monstyle,
h4.spip { clear:both; font-size:1.3em; text-transform:uppercase; letter-spacing:.05em; margin:1.2em 0 .8em; font-weight:bold; color:#8B887A; border-bottom:1px solid #E0D6BF; }
h5.monstyle,
h5.spip { font-size:1.15em; text-transform:uppercase; letter-spacing:.05em; margin:1em 0 .8em; font-weight:bold; color:#A3A08F; border-bottom:1px dotted #E0D6BF; }
.spip_doc_titre { color:#B4A585; font-size:.9em; }
.spip_documents_center { margin:0 auto 1.5em; text-align:center; }
.spip_documents_left { float:left; margin:0 2em 1.5em 0; text-align:center; }
.spip_documents_right { float:right; margin:0 0 1.5em 2em; text-align:center; }
.spip_surligne { background-color:#FF0; color:#000; }
.texteencadre-spip { background: #F0F0EC; border-bottom: 2px solid #A3A08F; border-left: 1px solid #E0D6BF; border-right: 2px solid #A3A08F; border-top: 1px solid #E0D6BF; margin: 1em 0;	padding: .5em 1em;	position: relative; }
.caractencadre-spip { color: #F60; font-weight: bold; }
.caractencadre2-spip { color: #009; font-weight: bold; }
acronym.spip_acronym { cursor: help; border-bottom: 1px dotted; }
a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; color: #999; background : transparent; }
a.spip_blank { color: #F00; }