﻿body {
	background:#fff url(../images/bk-top.gif) repeat-x 0 0;
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:0.70em;
}

a:link, a:visited, a:hover, a:active {color:#592a85; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:0;}
p.spip {padding:0; text-align:left;}
.clear {clear:both; }
.hidden {display:none;}
.shim {display:block;}
.spip_surligne {background-color : yellow ;}

h1, h2, h3 {display:block; margin:0; padding:0;}
h2 {font-size:150%; color:#5dbfd9; font-weight:normal;}
h3 {font-size:120%; color:#5dbfd9; font-weight:bold;}

#container {width:977px; margin-left:auto; margin-right:auto; text-align:center; background:url(../images/bk-page.png) repeat-y top center;}
#container .contenu-general {background:url(../images/image-fond.gif) no-repeat 8px 97%; }
#container .interne .contenu-general {background:url(../images/image-fond-intern.gif) no-repeat 8px bottom; }
#container .contenu-page{background:url(../images/bk-bottom.gif) no-repeat bottom center;padding:14px 0 29px 0;}

/*--------------------------------------------------TOP--------------------------------------------------*/
#top {height:320px; background:url(../images/top-bk.jpg) no-repeat top center; text-align:left;}
#acby-menu {/*padding:9px 30px 0 0;*/ padding:0 30px 0 0; height:25px; }
#acby-menu ul {margin:0; padding:5px 0 0 0; float:right; }
#acby-menu ul li {display:inline; padding:0 5px 0 0;}
#acby-menu ul li a {font-size:85%; background:url(../images/acby-menu-puce.gif) no-repeat 0 6px; padding:0 0 0 10px;}
#acby-menu ul li.first a {background:none;}
#acby-menu ul li a:link, #acby-menu ul li a:active, #acby-menu ul li a:hover, #acby-menu ul li a:visited {color:#ded6ea; position:relative; }
#acby-menu ul li.recherche {width:auto; padding:0 0 0 3px; margin:0 0 0 10px;}
#logo {clear:both; height:146px;}
#logo a {display:block;}
#logo a  img{height:126px; padding:20px 0 0 115px; }

#menu {/*height:39px;*/ padding:110px 25px 0 25px; float:left;}
#menu .menu-content {background:#fff url(../images/menu-bk.gif) repeat-x 0 0; }
#menu ul {list-style:none; margin:0; padding:0; background:url(../images/menu-bk-right.gif) no-repeat top right;height:39px;}
#menu ul li {display:block; float:left; padding:0; height:39px; border-left:1px solid #d0cad7;}
#menu ul li.first {background:url(../images/menu-bk-left.gif) no-repeat 0 0; border:0;}
#menu ul li.last {float:right;}
#menu ul li a span  {font-size:130%; font-weight:bold; display:block;padding:10px 22px;}
#menu ul li.first a span  {padding-left:30px;}
#menu ul li.last a span  {padding-left:20px; width:88px;}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active {color:#592b85; position:relative; display:block;}
#menu ul li a:hover, #menu ul li a.on {text-decoration:none;text-decoration:none; color:#fff; position:relative; background:url(../images/menu-bk-on.gif) repeat-x 0 0;}
#menu ul li a.on:link,#menu ul li a.on:visited,#menu ul li a.on:hover,#menu ul li a.on:active {color:#fff;}
#menu ul li.first a:hover span, #menu ul li.first a.on span  {color:#fff; background:url(../images/menu-bk-left-on.gif) no-repeat 0 0;}
#menu ul li.last a:hover span, #menu ul li.last a.on span  {color:#fff; background:url(../images/menu-bk-right-on.gif) no-repeat top right;}

/*--------------------------------------------------CONTENU--------------------------------------------------*/
#contenu {text-align:left; }

/* ----------------------------------------- PARTIE GAUCHE DU SITE ----------------------------------------- */
#left {width:225px; float:left; padding:0 20px 0 0;  position:relative;}
.interne #left {padding-bottom:80px;}

/* moteur de recherche */
#left #search {background:#fff url(../images/coin-blanc-top-left.gif) no-repeat 0 0; margin:0 0 15px 0; width:200px; float:right;}
#left #search .recherche-content {background:url(../images/coin-blanc-top-right.gif) no-repeat top right;}
#left #search .recherche-content-form {background:url(../images/coin-blanc-btm-left.gif) no-repeat bottom left;}
#left #search .formulaire_recherche {background:url(../images/coin-blanc-btm-right.gif) no-repeat bottom right; padding:16px; height:38px;}
#left #search label {color:#592b85; text-transform:uppercase; font-size:140%; padding:0 0 3px 0; display:block;}
#left #search input#recherche {background:url(../images/form-recherche-bkg.gif) no-repeat 0 0; width:141px; height:19px;}

/* Boutons "donnez votre avis" et "réunions publiques" */
#left .communication {background:url(../images/cadre-bleu-ombre.gif) no-repeat 0 0; width:173px; height:26px; margin:0 0 15px 0; padding:16px;  float:right;}
#left .communication a:link,
#left .communication a:visited,
#left .communication a:hover,
#left .communication a:active {color:#fff; font-size:130%; font-weight:bold;}

/*nav gauche*/
#menu-left, #actus-left {width:200px; float:right; background:#fff url(../images/coin-blanc-btm-left.gif) no-repeat left bottom; margin-bottom:15px;}
#menu-left .content, #actus-left .content {background:url(../images/coin-blanc-btm-right.gif) no-repeat right bottom;}
#menu-left h2, #actus-left h2 {background:#592a85 url(../images/coin-violet-left.jpg) no-repeat 0 0;}
#menu-left h2 span, #actus-left h2 span {background:url(../images/coin-violet-right.jpg) no-repeat top right; display:block; color:#fff; padding:6px 15px;}
#menu-left ul {list-style:none; margin:0; padding:0 10px 0 15px; background:url(../images/menu-left-top.gif) no-repeat 0 0;}
#menu-left ul li {padding:8px 0;}
#menu-left ul li a {font-weight:bold; font-size:120%;}
#menu-left ul li a:link, #menu-left ul li a:visited, #menu-left ul li a:hover, #menu-left ul li a:active {color:#592a85;}
#menu-left ul li a:hover {color:#5dbfd9;} 
#menu-left ul li a.on:link,#menu-left ul li a.on:visited,#menu-left ul li a.on:hover,#menu-left ul li a.on:active{color:#5dbfd9; padding:0 10px 0 15px; display:block; background:url(../images/menu-left-activ.gif) no-repeat left 5px;}
#menu-left ul li ul {float:none; margin:0; padding:0 0 0 15px; background:none;}
#menu-left ul li ul li {margin:0; border:0; padding:5px 0 5px 8px; border-left:1px solid #5DBFD9;}
#menu-left ul li ul li a:link, #menu-left ul li ul li a:visited, #menu-left ul li ul li a:hover, #menu-left ul li ul li a:active {font-weight:normal;font-size:100%; }
#menu-left ul li ul li a.on {color:#5DBFD9; background:none; padding:0; font-weight:bold;}

/* ----------------------------------------- PARTIE DROITE DU SITE ----------------------------------------- */

/* général */
#right {width:731px; float:right;position:relative;}
#right ul {list-style:none; margin:0; padding:0 0 10px 10px;}
#right ul li {background:url(../images/puce_bleue.gif) no-repeat 0 5px; padding:0 0 0 15px;}
#right ul li ul li {background:none; list-style:disc; padding:0 0 0 5px; margin-left:10px;}
#right ul li ul li ul li {background:none; list-style:circle; padding:0 0 0 5px; margin-left:10px;}
.chapo {font-weight:bold;}
.home a.spip_in, .ensavoirplus {display:block; padding:3px 0 5px 30px; background:url(../images/bouton-violet.gif) no-repeat 0 0;}

/* Fil d'ariane */
#hierarchie {padding:0 0 10px 0;}

/* article en 1 colonne */
.une-colonne #article-left {width:706px; background:#fff url(../images/coin-blanc-top-left.gif) no-repeat 0 0; float:left;}

/*article en 2 colonnes*/
#article-left {width:470px; background:#fff url(../images/coin-blanc-top-left.gif) no-repeat 0 0; float:left;}

/* Article */
#article-left .article-general {background:url(../images/coin-blanc-top-right.gif) no-repeat top right;}
#article-left .article-page {background:url(../images/coin-blanc-btm-left.gif) no-repeat bottom left;}
#article-left .content {background:url(../images/coin-blanc-btm-right.gif) no-repeat bottom right; padding:20px 0; height:auto !important; height:400px; min-height:400px;}
#article-left #titre {background:#5dbfd9; height:16px;}
#article-left h2 {position:relative; float:left; margin-top:-10px; font-family:Trebuchet MS;}
#article-left h2 span {background:#fff url(../images/titre-bk.gif) no-repeat bottom right; text-transform:uppercase; padding:0 20px; height:23px; display:block; float:left;}
#article-left h2 span {background:#fff url(../images/titre-bk.gif) no-repeat bottom right; text-transform:uppercase; padding:0 20px; height:23px; display:block; float:left;}
#article-left h3 {font-size:125%; padding:5px 0;}
#article-left .texte {padding:20px; }

/* Colonne de droite */
#article-right {width:210px; padding:0 20px; float:left;}
.home #article-right .content {color:#fff; background:#5dbfd9 url(../images/bloc-home-edito-btm.gif) no-repeat left bottom;}
#article-right .titre {background:#592a85 url(../images/coin-violet-left.jpg) no-repeat 0 0;}
#article-right h2 {background:url(../images/coin-violet-right.jpg) no-repeat top right; padding:5px 15px; color:#fff;}
#article-right h3 {color:#592a85;}
#article-right .texte {background:url(../images/coin-bleu-top.jpg) no-repeat 0 0; padding:10px 15px 60px 15px;}

/* Menu de droite */
#nav-droite {background:#fff url(../images/coin-blanc-btm-left.gif) no-repeat left bottom; margin-bottom:15px;}
#article #nav-droite h2 {background:#601A35; color:#ffffff; padding:4px 0 4px 8px ; font-size:160%; border:0; margin:0;}
#nav-droite ul {margin:0; padding:10px 8px 1px 8px; background:url(../images/coin-blanc-btm-right.gif) no-repeat right bottom; list-style-type:disc;}
#nav-droite ul li {color:#ffffff;margin:0 0 10px 15px; text-align:left;}
#nav-droite ul li a:link, #nav-droite ul li a:visited, #nav-droite ul li a:hover, #nav-droite ul li a:active {color:#5DBFD9;}
#nav-droite ul li a.on {font-weight:bold;}

/* Bloc blanc #PS - colonne droite */
#bloc-ps {background:#fff; color:#000; margin-bottom:15px;}
#bloc-ps h2 {background:#5DBFD8 url(../images/bloc-bleu-arrondi-left.gif) no-repeat 0 0; padding:0;}
#bloc-ps h2 span {background:url(../images/bloc-bleu-arrondi-right.gif) no-repeat top right; padding:5px 15px;}
#bloc-ps h3 {color:#5DBFD9; padding:5px 0;}
#bloc-ps .bloc-ps-content {background:url(../images/bloc-blanc-btm.gif) no-repeat bottom center; padding:0 0 20px 0;}
#bloc-ps span {font-weight:bold; background: url(../images/legende-img.gif) no-repeat 0 4px; display:block; padding-left:18px;}
#bloc-ps p {margin:0 0 5px 0; text-align:left;}
#bloc-ps .texte {background:url(../images/block-blanc-titre-bk.gif) no-repeat 0 0;}
#bloc-ps .texte.sans-titre {background:url(../images/bloc-ps-sans-titre.gif) no-repeat 0 0;}

/* Liste des partenaires - rubrique PARTENAIRES */
#liste-partenaires dl {clear:both; border-bottom:1px solid #DADADA; margin:0; padding:15px 0;}
#liste-partenaires dl dt {float:left; padding:5px 10px; width:110px;}
#liste-partenaires dl dd.texte {padding:10px 0 2px 0;}

/* Page GLOSSAIRE */
#glossaire dl {}
#glossaire dl dt {padding:0; font-size:130%; color:#5DBFD9; font-weight:bold;}
#glossaire dl dd {padding:2px 0 15px 0; margin:0;}

/* Liste des AVIS */
#article-left .avis { padding:10px 0 15px 0; clear:both;}
#article-left .avis h3 { float:left; width:530px;}
#article-left .avis .date { float:right; padding:7px 0 0 0; color:#adadad;}
#article-left .avis .texte { padding:5px 0 0 0; border-top:1px solid #dadada; clear:both;}

/* Calendrier des réunions publiques */
#calendrier {padding:15px 0 0 0;}
#calendrier h3 {background:url(../images/bouton-bleu.gif) no-repeat 0 center; padding-left:30px;}
#calendrier h4 {padding:0; margin:0; float:left; font-size:125%;}
.calendrier-home {background:#ebebeb none repeat scroll 0 0;border:1px solid #592A85;margin:15px;padding:10px 10px 5px 10px;}
.calendrier-home .calendrier-date {background:url(../images/bouton-violet.gif) no-repeat 0 0; padding-left:28px;}
.calendrier-home.rencontres-voyageurs {border-color:#5DBFD9;}
.calendrier-home.rencontres-voyageurs .calendrier-date {background:url(../images/bouton-bleu.gif) no-repeat 0 0; padding-left:28px;}
.calendrier-home span {font-weight:bold;}
#article-left .calendrier-home .texte {border:0; padding:0 0 5px 0;}

/* Résultat des RECHERCHES */
.search .ensavoirplus {float:right; padding:3px 30px 5px 0; background:url(../images/bouton-violet.gif) no-repeat top right;}
.search .avis {clear:both;}
.resultat {padding:10px 15px;}

/* pagination */
.pagination {text-align:center;}
.lien_pagination_precedent {background:url(../images/pagin-prev.gif) no-repeat left 70%; padding:2px 15px 2px 18px;}
.lien_pagination_suivant {background:url(../images/pagin-next.gif) no-repeat right 70%; padding:2px 18px 2px 15px;}

/* Blocs ACTUALITES de la page d'accueil */
#actus-left .actus-content {padding:10px 15px;}
#actus-left .bloc-actu {padding:0 0 8px 0;}
#actus-left .bloc-actu ul {margin:0; padding:0 0 0 15px;}
#actus .titre {background:#592A85 url(../images/titre-actus-bk-2.gif) no-repeat top right; height:16px;}
#actus h3 {position:relative; float:left; margin-top:-9px; font-family:Trebuchet MS; color:#592A85;}
#actus h3 span {background:#fff url(../images/titre-actus-bk.gif) no-repeat bottom right; text-transform:uppercase; padding:0 20px;}
#actus h4 {font-size:115%; color:#444; padding:2px 0; margin:0;}
#actus .actus-content {background:#f6f6f6 url(../images/actus-bk-left.gif) no-repeat bottom left; padding:0;}
#actus .actus-content .actu-content {background:url(../images/actus-bk-right.gif) no-repeat bottom right; padding:10px 0 10px 15px;}
#actus .bloc-actu {float:left; width:180px; padding:0 25px 0 0;}
.home .bloc-actu a.spip_in {background:none; padding:0; display:inline;}

/*--------------------------------------------------BOTTOM--------------------------------------------------*/
#bottom {height:80px; margin:0 0 0 245px; position:relative; padding:0 8px 0 0;}
#bottom-menu {padding:8px 0;}
#bottom-menu ul {list-style:none; margin:0; padding:0 0 0 75px;float:left;}
#bottom-menu ul li {display:block; float:left; margin:0; padding:0 4px; }
#bottom-menu ul li a:link, #bottom-menu ul li a:visited, #bottom-menu ul li a:hover, #bottom-menu ul li a:active {color:#592b85; font-size:95%; background:url(../images/puce-btm-violet.gif) no-repeat 0 6px; padding:0 0 0 10px;}
#bottom-menu ul li.first a {background:none;}
#bottom-contenu {height: 40px; width:100%; float:left; position:relative; padding:8px 0 0 0; background:url(../images/bottom-logo-bk.gif) no-repeat right top;}
#partenaires {float:right; position:relative; display:block;}
#partenaires ul {position:relative; z-index:10; list-style:none; margin:0; padding:0;}
#partenaires ul li {display:inline;padding:0 15px 0 0;}
#partenaires ul li img {vertical-align:middle;}
#infos {float:right;height:40px;text-align:right; color:#696969;}
#infos a:link, #infos a:visited, #infos a:hover, #infos a:active {color:#696969;}

/*--------------------------------------------------DIVERS--------------------------------------------------*/

/*plan du site*/
#right ul.plan {margin:0 0 20px 15px; padding:0; list-style:none;}
#right ul.plan h3 {background:url(../images/debut-txt.gif) no-repeat 0 6px; padding:0;}
#right ul.plan li {background:none; list-style:none; padding:5px 0;}
#right ul.plan li a:link, ul.plan li a:visited, ul.plan li a:hover, ul.plan li a:active {color:#000000;}
#right ul.plan li ul {margin:0; list-style:none; padding:0;}
#right ul.plan li ul li {padding:3px 0 3px 32px; border-left:1px solid #ccc; background:url(../images/plan-bk-2.gif) no-repeat left 11px; margin-left:5px;}
#right ul.plan li ul li ul li {padding:5px 0 0 20px; border:0; background:url(../images/plan-bk-3.gif) no-repeat left top;}
#right ul.plan li ul li ul li ul {padding-left:10px;}
#right ul.plan li ul li ul li ul li {padding-top:6px; background-position:left top;}

/* Positionnement des images */
.image-right {padding:0 0 15px 0;}
.image-right .legende {background:#fff; color:#5DBFD9; padding:5px 15px;}
.cadre-bleu a:link, .cadre-bleu a:visited, .cadre-bleu a:hover, .cadre-bleu a:active {color:#ffffff;}

/* Positionnement des documents */
#article-left .spip_documents_center {text-align:center; display:block;}
#article-left .spip_documents_left {float:left; padding:0 10px 5px 0;}
#article-left .spip_documents_right {float:right; padding:5px 0 5px 10px;}
#article-left .spip_documents img {padding:0 5px 15px 0;}
.doc dl, .doc dt, .doc dd {margin:0; padding:0;}
#article-left .image p {text-align:center; display:block; color:#444444; margin:0; padding:0 0 10px 0; font-style:italic;}

/*accroche (cadre couleur - mise en avant dans article*/
.accroche {display:block; padding:15px; margin: 15px ; width:80%; background:#ddc7c7;}

#TB_HideSelect, #TB_overlay {

/*background:url(../images/bk-thickbox.png) 0 0;*/
}