.wrapper {
background:#d2d7de url(img/fond_page.png) repeat-y 0 0;
}

.filet-droit { /* right column width */
float: left;
}

.center a img,
.center :link img,
.center :visited img {
border-style: solid;
border-color: #002b5e;
}

.center table td a img,
.center table td :link img,
.center table td :visited img {
border-width: 1px;
}

span.separateur{
background:url(img/filet_degrade.png) no-repeat 0 0;
clear:both;
display:block;
height:1px;
margin:0;
padding:0;
line-height:0;
font-size:1px;
}

.right span.separateur{
display:none;
}

span.b{
margin-bottom:5px;
}

span.c{
width:631px;
}

#structure_colonnes span.c{
width:auto;
}

input, textarea{
font-family:arial, verdana, sans-serif;
}

textarea{
font-size:1em;
}

/****************
	Bandeau
****************/
h1 {
font-size: 1.6em;
}

#logo { 	
position: absolute;
top: 62px;
left: 94px;
}

.wide {
width: 100%; 
}

.top {
position: relative;
background:transparent;
margin:auto;
padding-top:3px;
}

.top img{
margin-left:15px
}

form#recherche {
/* margin-right:5px; */
margin-top:1em;
}

form#recherche legend{
display:none;
}

form#recherche input.champ-saisie{
border:1px solid #002c5e;
/* width:150px; */
margin:3px 0 5px 0;
padding:2px 0
}

form#recherche p{
margin:0;
}

#connexion {
position: absolute;
top: 0;
left: 811px;
width: 172px;
background: transparent url(/images/connecter.gif) no-repeat 15px 42px;
padding-top: 61px;
}

#recherche label, #connexion label, #menu label, #connexion legend, #menu legend  { 
display: none;
}

.top .champ-saisie{
border:1px solid #002c5e;
width:148px;
}

.top .ok {
}

* html .top .ok {
margin-top: 1px;
}

.top select {
margin: 0 0 5px 14px;
width: 140px;
border: 0;
}

#oublie{ 
margin-left: 14px;
}

#recherche a, #connexion a {
font-size: xx-small;
color: #39393B;
text-decoration: none;
}

#recherche a:hover, #connexion a:hover { 
text-decoration: underline;
}

/***********************
	Menu Horizontal
************************/

#menu{
color:#fff;
background:#699ac2 url(img/menu_fond.png) no-repeat 0 0;
border:1px solid #012d5f;
height:20px;
margin:auto 15px;
position:relative;
z-index:10
}

/* Menu principal */

ul#menu_principal{
list-style:none;
position:absolute;
top:3px;
left:39px
}

ul#menu_principal li{
display:inline;
height:14px;
margin:0 0px 0 5px;
position:relative;
}

ul#menu_principal li#rub_accueil{
margin-right:38px;
}

ul#menu_principal li a{
height:14px;
padding:0;
}

ul#menu_principal li a img{
vertical-align:bottom;
}

/*
ul#menu_principal a:hover img{
visibility:hidden;
height:14px
}
*/

li#rub_accueil a:hover img{
visibility:visible;
}

li#rub_mairie a:hover{
background: url(/images/rubrique_titre_mairie_on.png) no-repeat 0 0;
}

li#rub_vivre a:hover{
background: url(/images/rubrique_titre_vivre_on.png) no-repeat 0 0;
}

li#rub_decouvrir a:hover{
background: url(/images/rubrique_titre_decouvrir_on.png) no-repeat 0 0;
}

li#rub_entreprendre a:hover{
background: url(/images/rubrique_titre_entrep_on.png) no-repeat 0 0;
}

/* Sous-menus principaux */

ul#menu_principal ul{
position:absolute;
left:4px;
top:17px;
visibility:hidden;
border:1px solid #002c5f;
border-top:0;
background:#fff url(img/menu_deroulant_fond.png) no-repeat 0 0;
width:148px;
padding-top:14px;
}

html>body ul#menu_principal ul{
position:absolute;
left:0;
top:18px;
}

ul#menu_principal ul li{
display:block;
border-top:1px solid #699ac1;
height:auto;
margin:auto;
position: static;
padding-left:0.4em;
font-size:1.1em;
list-style:none;
list-style-position: outside;
}

ul#menu_principal ul li em{
font-weight:700;
font-style:normal;
}

ul#menu_principal ul li a{
height:auto;
}

ul#menu_principal ul a:hover{
background:#fff;
}

/* --- */

ul#ssmenu1 a:hover,
ul#ssmenu2 a:hover,
ul#ssmenu3 a:hover,
ul#ssmenu4 a:hover{
text-decoration:none;
font-weight:700
}

ul#ssmenu1 li.dernier{
border-bottom:7px solid #032d61;
}

ul#ssmenu1 a{
color:#032d61;
}

/* --- */

ul#ssmenu2 li.dernier{
border-bottom:7px solid #147600;
}

ul#ssmenu2 a{
color:#147600;
}

/* --- */

ul#ssmenu3 li.dernier{
border-bottom:7px solid #ed5100;
}

ul#ssmenu3 a{
color:#ed5100;
}

/* --- */

ul#ssmenu4 li.dernier{
border-bottom:7px solid #5c0baf;
}

ul#ssmenu4 a{
color:#5c0baf;
}

/* --- */

/* Menu pratique */

ul#menu_pratique{
list-style:none;
position:absolute;
top:0;
right:4px
}

ul#menu_pratique li{
display:inline;
height:20px
}

ul#menu_pratique li a{
height:20px;
padding:0;
}

ul#menu_pratique li a img{
vertical-align:top;
}

/*
ul#menu_pratique a:hover img{
visibility:hidden;
height:20px;
}
*/

li#pratique_formalite a:hover{
background: url(/images/pratique_formalite_on.png) no-repeat 0 0;
}

li#pratique_plan a:hover{
background: url(/images/pratique_plan_on.png) no-repeat 0 0;
}

li#pratique_appel_offre a:hover{
background: url(/images/pratique_appel_offre_on.png) no-repeat 0 0;
}

li#pratique_offre_emploi a:hover{
background: url(/images/pratique_offre_emploi_on.png) no-repeat 0 0;
}

li#pratique_chine a:hover{
background: url(/images/pratique_chine_on.png) no-repeat 0 0;
}

li#pratique_anglais a:hover{
background: url(/images/pratique_anglais_on.png) no-repeat 0 0;
}

/* --- */

#menu-outils {
float: left;
width: 637px;
padding-left: 11px; 
border-top: 1px solid #332e44; 
border-bottom: 1px solid #332e44;
}

#menu-outils-in {
float: right;
}

* html #menu-outils { 
width: 648px;
wid\th: 637px;
}

#menu-outils ul {
list-style: none;
}

#menu-outils li {
float: left;
}

#menu-outils a {
display: block;
padding: 5px 10px 4px 6px;
border-left: 1px solid #00074e;
text-decoration: none;
}

#menu-outils a.first-menu-item {
border-left: 0;
}

#menu-outils a:hover, #menu-outils a.hover {
text-decoration: underline;
}

#menu-outils {
border-bottom: 0;
}

#services label { 
display:inline;
margin-left:18px;
color:#FFB623;
font-weight:700;
font-size:130%;
line-height: 1;
vertical-align:middle;
}

#services select {
width: 165px;
margin-left: 45px;
border: 0;
vertical-align: middle;
}

#services .ok {
vertical-align: middle;
}

/************************
	Colonne de gauche
*************************/

#thonon_en_images,
#meteo{
margin:4px 0 4px 0
}

#thonon_en_images img,
#meteo img{
display:block;
}

#thonon_en_images a img{
border:1px solid #000;
}

#encartmeteo{
background:#fff;
border:1px solid #000;
}

#encartmeteo table{
width:100%
}

/* --- */

.container-left h3 {
color: #fff;
font-weight: normal;
}

.menuleft {
}

.menuleft-in {
}

#acces-direct { 
width: 125px;
height: 9px;
margin-left: 30px;
background: url(/images/acces_direct.gif) no-repeat 0 0;
}

#acces-direct span { 
display: none;
}

.menu-prin {
margin: 4px 0 0 0;
border-bottom:1px solid #002b5e;
}

.menu-prin ul {
list-style-type: none;
}

.menu-prin li{
list-style-position: outside;
}

.menu-prin li.niveau1 li{
background:url(img/tiret.png) no-repeat 0 8px;
padding-left:7px !important;
}

.menu-prin li.menuon{
font-weight: 700;
}

.menu-prin li.menuon li {
font-weight: normal;
}

.menu-prin li.menuon li.menuon {
font-weight: 700;
}

/* Sous-menu rubrique colores */

/* Mairie */

.menu-prin ul#srub_mairie{
background:#fff url(img/sous_menu_fond.png) no-repeat 0 0;
padding-top:30px;
border:1px solid #002b5e;
border-bottom-width:7px;
font-size:1.1em;
}

.menu-prin ul#srub_mairie ul {
background:#fff;
padding-top:0;
list-style-type: none;
border:0
}

.menu-prin ul#srub_mairie li {
border-bottom:1px solid #679ac1;
padding:0 3px;
}

.menu-prin ul#srub_mairie li li{
border:0
}

.menu-prin ul#srub_mairie a {
color: #002b5e;
text-decoration:none;
}

.menu-prin ul#srub_mairie a:hover {
font-weight:700;
}

/* Vivre a Thonon */

.menu-prin ul#srub_vivre{
background:#fff url(img/sous_menu_fond_vivre.png) no-repeat 0 0;
padding-top:30px;
border:1px solid #002b5e;
border-bottom:7px solid #147600;
font-size:1.1em;
}

.menu-prin ul#srub_vivre ul {
background:#fff;
padding-top:0;
list-style-type: none;
border:0
}

.menu-prin ul#srub_vivre li {
border-bottom:1px solid #679ac1;
padding:0 3px;
}

.menu-prin ul#srub_vivre li li{
border:0
}

.menu-prin ul#srub_vivre a {
color: #147600;
text-decoration:none;
}

.menu-prin ul#srub_vivre a:hover {
font-weight:700;
}

/* Decouvrir */

.menu-prin ul#srub_decouvrir{
background:#fff url(img/sous_menu_fond_decouvrir.png) no-repeat 0 0;
padding-top:30px;
border:1px solid #002b5e;
border-bottom:7px solid #ee5300;
font-size:1.1em;
}

.menu-prin ul#srub_decouvrir ul {
background:#fff;
padding-top:0;
list-style-type: none;
border:0
}

.menu-prin ul#srub_decouvrir li {
border-bottom:1px solid #679ac1;
padding:0 3px;
}

.menu-prin ul#srub_decouvrir li li{
border:0
}

.menu-prin ul#srub_decouvrir a{
color: #ee5300;
text-decoration:none;
}

.menu-prin ul#srub_decouvrir a:hover {
font-weight:700;
}

/* Entreprendre */

.menu-prin ul#srub_entreprendre{
background:#fff url(img/sous_menu_fond_entreprendre.png) no-repeat 0 0;
padding-top:30px;
border:1px solid #002b5e;
border-bottom:7px solid #5c0bb0;
font-size:1.1em;
}

.menu-prin ul#srub_entreprendre ul {
background:#fff;
padding-top:0;
list-style-type: none;
border:0
}

.menu-prin ul#srub_entreprendre li {
border-bottom:1px solid #679ac1;
padding:0 3px;
}

.menu-prin ul#srub_entreprendre li li{
border:0
}

.menu-prin ul#srub_entreprendre a {
color: #5c0bb0;
text-decoration:none;
}

.menu-prin ul#srub_entreprendre a:hover {
font-weight:700;
}

/*
#newsletter legend { 
display:none;
}

#newsletter{
}

#newsletter .menuleft {
padding-top: 5px;
background-image:none;
}

#newsletter .menuleft-in {
padding-bottom: 10px;
background-image:none;
}

#newsletter h3 {
padding-bottom:3px;
}

#newsletter .champ-saisie {
width: 120px;
border: 0;
padding: 2px 1px;
}

#newsletter .ok {
width: 20px;
height: 20px;
vertical-align: top;
}
*/

/************************
	Colonne de droite
*************************/

.right { 
margin-top:0;
font-size: 0.95em;
position:relative;
top:4px;
}

.right-top {
border-top: 1px solid #332e44;
border-bottom: 1px solid #332e44;
}

.right-top-in {
padding: 3px 0 5px 20px;
border-right: 8px solid #ff6022;
}

.right-top .titre {
color: #332e44;
font-weight: 700;
font-size: 110%;
}

a.box-esp { 
background: url(/images/en_savoir_plus2.gif) no-repeat 100% 0;
display: block;
height: 10px;
width: 165px;
text-decoration: none;
margin-top: 10px;
}

a.box-esp span { 
display: none
}

.effacer,
.valider{
margin:2px 0;
}

.effacer {
color: #666;
border: 1px solid #666;
}

input[src]:hover{
background:url(img/valider_over.png) no-repeat 0 0;
width:150px;
height:18px;
}

input.effacer:hover{
width:150px;
height:18px;
background:url(img/effacer_over.png) no-repeat 0 0;
color:#7999bf;
font-size:1px;
border:0;
cursor:pointer;
text-align:left;
}

/*********************************
	Zone Centrale
*********************************/

h2 {
font-size: 1.5em;
color: #002b5e;
font-weight: 700; 
font-family: arial, helvetica, sans-serif;
text-transform:uppercase;
background:url(img/titre_h2.png) no-repeat 0 100%;
padding:0 5px 12px 5px;
}

h3{
color:#002b5e;
}

.ligne{
margin: 0 ;
padding:0;
clear:left;
}

/* \*/ * html .ligne { padding:5px 0 0 0; } /* */

.conteneursousparagraphe {
float:left;
}

.firstline {
border:0;
padding-top:0;
}

.filet {
background-color: #778AAA;
height: 1px;
font-size: 1px;
margin: 7px 0 3px 0;
}

/*************************************************
	page de rubrique
**************************************************/

#photo {
height: 80px;
background-repeat: no-repeat;
background-position: 50% 50%;
padding: 0px 0 21px 0;		
color: #fff;
}

#photo div {
padding-left: 30px;
}

#fil-ariane{
background:url(img/puce_fil_ariane.png) no-repeat 0 50%;
padding-left:12px;
font-size:0.9em;
margin:0 5px;
}

#fil-ariane-VIVRE{
background:url(img/puce_fil_ariane_147600.gif) no-repeat 0 50%;
padding-left:12px;
font-size:0.9em;
margin:0 5px;
}

#fil-ariane-DECOUVRIR{
background:url(img/puce_fil_ariane_ed5000.gif) no-repeat 0 50%;
padding-left:12px;
font-size:0.9em;
margin:0 5px;
}

#fil-ariane-ENTREPRENDRE{
background:url(img/puce_fil_ariane_5b0aaf.gif) no-repeat 0 50%;
padding-left:12px;
font-size:0.9em;
margin:0 5px;
}

#fil-ariane-MAIRIE{
background:url(img/puce_fil_ariane_022d61.gif) no-repeat 0 50%;
padding-left:12px;
font-size:0.9em;
margin:0 5px;
}

#fil-ariane em{
font-style:normal;
font-weight:700;
}

#fil-ariane a {
color: #002c5e;
text-decoration: none;
}

#fil-ariane a:hover {
text-decoration: underline;
}

#fil-ariane .elementparticulier a {
text-decoration: underline;
}

#fil-ariane-VIVRE a {
color:#147600;
text-decoration: none;
}


#fil-ariane-VIVRE a:hover {
text-decoration: underline;
}

#fil-ariane-VIVRE .elementparticulier a {
text-decoration: underline;
}

#fil-ariane-VIVRE em{
font-style:normal;
font-weight:700;
}


#fil-ariane-DECOUVRIR a {
color:#ed5000;
text-decoration: none;
}

#fil-ariane-DECOUVRIR a:hover {
text-decoration: underline;
}

#fil-ariane-DECOUVRIR .elementparticulier a {
text-decoration: underline;
}

#fil-ariane-DECOUVRIR em{
font-style:normal;
font-weight:700;
}


#fil-ariane-MAIRIE a {
color:#022d61;
text-decoration: none;
}

#fil-ariane-MAIRIE a:hover {
text-decoration: underline;
}

#fil-ariane-MAIRIE .elementparticulier a {
text-decoration: underline;
}

#fil-ariane-MAIRIE em{
font-style:normal;
font-weight:700;
}


#fil-ariane-ENTREPRENDRE a {
color:#5b0aaf;
text-decoration: none;
}

#fil-ariane-ENTREPRENDRE a:hover {
text-decoration: underline;
}

#fil-ariane-ENTREPRENDRE .elementparticulier a {
text-decoration: underline;
}

#fil-ariane-ENTREPRENDRE em{
font-style:normal;
font-weight:700;
}


a#connect {
display: block;
margin-top: 60px;
margin-left: 15px;
color: #fff;
}

/*******************
	Pied de Page
********************/

.bottom { 
position: relative;	
font-size: xx-small;
height:21px;
width:959px;
background:#699ac1 url(img/fond_pied.png) no-repeat center 0;
margin:auto;
}


.bottom ul{
list-style:none;
margin-left:167px;
}

.bottom ul li{
display:inline;
margin-right:15px;
}

.bottom img{
cursor:pointer
}

/* Adresse bas de page ------------------ */

address{ 
margin: 0;
padding: 2px 0 0 20px;
font-style:normal;
}

address a {
color: #fff;
text-decoration: none;
}

/* ------------------ */

#haut-page{
}

#kosmos {
margin-left:400px;
color: #fff;
text-decoration: none;
}

#kosmos img { 
margin-top: 5px;
} 

/* --- Liste d'affichage --- */

.div-liste {
margin:0;
padding:3px 5px;
clear:left;
background:url(img/filet_degrade.png) no-repeat 0 100%;
background:url(img/liste_actu_rayures.png) repeat-y 0 0;
padding-left:65px;
position:relative;
}

img.img-liste{
position:relative;
top:0;
left:-60px;
margin-right:-60px;
float:left;
width:50px;
height:50px;
border:1px solid;
}

h4.titre-liste{
font-size:1em;
text-transform:uppercase;
}

h4.titre-liste a{
color:#002b5e
}

div.structure h4{
font-size:1em
}

.resume-liste {
}

.date-liste {
}

.soustitre-liste {
}

.redac-liste {
}

.adresse-liste{
font-size:1.2em;
}

p.lire_suite,
p.plan_acces{
margin:0;
padding:0
}

/* liste annuaire */

.right .liste-annuaire,
.right .liste-document{
padding-left:5px;
}

.liste-annuaire h4{
margin:0;
padding:0 0 0 5px;
font-size:1em;
}

.liste-annuaire h4 em{
font-style:normal;
text-transform:uppercase;
}

.liste-annuaire .fonction,
.liste-document .soustitre{
background:url(img/actualite_date_puce.png) no-repeat 0 50%;
padding-left:10px;
font-size:1.1em;
margin:0;
margin:0 5px;
font-weight:500;
}

.right .liste-annuaire .fonction,
.right .liste-document .soustitre,
#structure_colonnes .liste-annuaire .fonction,
#structure_colonnes .liste-document .soustitre{
background:none;
padding-left:0;
font-size:inherit;
margin:0;
font-weight:500;
}

/* liste document */

.liste-document h4{
font-size:1.1em;
margin-left:5px;
text-transform:uppercase;
}

.right .liste-document h4{
font-size:1em;
margin-left:0;
text-transform:none;
background-color:#fff !important;
font-weight: 700;
margin-top:1em;
}

.liste-document h4 a{
color:#002b5e
}

.liste-document .separateur{
display:block;
position:relative;
}

p.telechargement{
position:relative;
top:0;
display:block;
margin:0;
padding:0 4px 0 73px;
background:url(img/telechargement_rayures.png) repeat-y 0 0;
}

.right p.telechargement{
position: static;
top:auto;
display:inline;
margin:0;
padding:0;
background:none;
}

p.telechargement em{
font-style:normal;
margin-right:15px;
}

.right p.telechargement em{
margin-right:0;
display:block;
}

.liste-document .soustitre{
background:url(img/actualite_date_puce.png) no-repeat 0 50%;
padding-left:10px;
font-size:1.1em;
margin:0;
margin:0 5px;
font-weight:500;
}

.right .liste-document .soustitre{
background:none;
padding-left:0;
font-size:inherit;
margin:0;
margin:0;
font-weight:500;
}

/* --- */

/**** IE5 Mac ****/
*>html .top .ok {
position: absolute;
}

*>html #menu-outils a {
float: left;
}

*>html .ligne { clear: none;
float: left;
}


/* liste affichage articles */

.articles{
background:#fff;
padding-left:4px;
}

.articles img.img-liste{
position:relative;
top:0;
left:0;
margin-right:4px;
float:left;
width:50px;
height:50px;
}

#rechercheavancee ul{
list-style:none;
margin:1em 0 0 1em;
font-size:1.2em;
}

#rechercheavancee ul a:hover{
font-weight:700;
text-decoration:none;
}

/* Plan de site */

div.plan_rubrique{
background:url(img/filet_degrade.png) no-repeat 0 100%;
margin:0 0 1em 0;
padding:0.5em;
width:450px;
}

.plan_rubrique p{
margin:0
}

p.plan_niveau1{
font-weight:700;
text-transform:uppercase;
}

p.plan_niveau2{
margin-left:2em;
}

p.plan_niveau3{
margin-left:4em;
}

/* Formulaires libres créé via adminsite */

form table .bouton{
color:#fff;
border:1px solid #002b5e;
background:#6a9bc2;
font-size:1.1em;
text-transform:uppercase;
font-weight:700;
}

form table .bouton:hover{
background:#002b5e; 
}