body {
	background: #94bb0d url("images/background.gif") top repeat-x;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
	padding:0px;	
	}
	
#conteneur {
width:960px;
margin: 0 auto;
position:relative;
} 
	
a {
font-weight:bold;
color:#94bb0d;
text-decoration:none;
}

a:hover {
color:#543c0c;
}

div {
margin:0;
padding:0;
}

h1 {
margin:0;
padding:5px 0;
font-size:1.2em;
font-weight:bold;
color:#5d8e1c;
text-align:left;
}

h2 {
margin:0;
padding:0;
font-size:0.9em;
color: #543c0c;
font-weight:normal;
text-align:left;
}

h2 a {
color:inherit;
font-weight:bold;
text-transform:uppercase;
}

h2 a:hover {
color:black;
}

h3 {
margin:0;
padding:0;
font-size:1.1em;
color: #78b71e;
font-weight:normal;
}

h4 {
margin:0;
padding:0;
font-size:0.9em;
color: #543c0c;
font-weight:normal;
text-align:left;
}



p {
padding:0;
margin:10px 0 0 0;
text-align:justify;
}

#separation {
line-height:1px;
height:1px;
margin:10px 0;
border-bottom:1px dotted #b0c601;
} 

img {
border:none;
}

.photo_droite {
margin:2px 0 20px 20px;
}

.photo_gauche {
margin:2px 20px 20px 0;
}

.photo_standard {
margin:0;
}
	
	
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

dd {
display:none;
}

.puce {
margin-right:5px;
}





/* -------------------- ImageCache -------------------- */
.ImagesCache
	{
	position: absolute;
	display: none;
	left: 0px;
	top: -5000px;
	visibility:hidden;
	}
	
	
	

/* -------------------- Clear -------------------- */
#clear, .clear
	{
	clear:both;
	}
	



/* -------------------- Header -------------------- */
#header{
width:960px;
height:300px;
margin:0;
padding:0;
}



/* -------------------- Outils -------------------- */
#outils{
width:920px;
height:41px;
position:relative;
margin:0 52px;
padding:0;
background: #b0c601 url("images/background_outils.gif") top repeat-x;
display:block;
text-align:right;
}

#outils img{
margin-top:10px;
margin-left:10px;
}


/* -------------------- Menu horizontal -------------------- */
#menu_horizontal{
width:920px;
height:60px;
background: white url("images/background_menu_horizontal.gif") bottom repeat-x;
position:relative;
margin:0 52px;
padding:0;
display:block;
z-index: 950;
}



/* -------------------- Main -------------------- */
#main{
width:960px;
position:relative;
margin:0;
padding:0;
background:url("images/background_main.gif") repeat-y;
}

#gauche {
float:left;
width:720px;
margin:10px 0 10px 10px;
padding:0;
}

#droite {
float:right;
width:230px;
margin:0;
margin: 10px 0 10px 0;
}


/* -------------------- Ville internet -------------------- */

div#ville-internet {
margin-left:60px;
margin-top:20px;
text-align:center;
}


/* -------------------- Bloc colonne droite -------------------- */

.bloc_col_droite {
margin-left:20px;
margin-top:20px;
overflow: hidden;
}

.bloc_on {
background-color:white;
border-radius: 4px;
padding:5px;
}

.bloc_off {
background-color:none;
padding:0; 
}

.bloc_col_droite .rubrique {
border-bottom:1px solid #b0c601;
color:black;
font-size:1.5em;
padding-bottom:4px;
}

.bloc_off h1 {
color:white;
}

.bloc_off .rubrique {
color:white;
border-color:white;
}




/* -------------------- Menu rapide -------------------- */


div#menu_rapide {
margin-left:50px;
margin-top:10px;
}

ul#menu_rapide { 
overflow:hidden; /* contexte de formatage pour éviter que les éléments flottants ne dépassent du parent */ }

ul#menu_rapide li { 
float:left; /* alignement horizontal des éléments */
list-style-type:none;
margin-left:10px;
margin-top:10px;
}

ul#menu_rapide li a { 
display:block; /* pour permettre le redimensionnement des liens */
line-height:110px; /* centrage vertical du texte (= height précédent) */
position:relative; /* pour servir de référence aux enfants positionnés en absolu */
padding:0;
width:80px;
height:110px;
}

.meteo {
	background:url("images/boutons_menu_rapide.png") no-repeat -160px 0px; }
.reportages {
	background:url("images/boutons_menu_rapide.png") no-repeat -240px 0px; }
.mediatheque {
	background:url("images/boutons_menu_rapide.png") no-repeat 0px 0px; }
.contact {
	background:url("images/boutons_menu_rapide.png") no-repeat -80px 0px; }


ul#menu_rapide li a span.background { 
display:none; /* l'élément est masqué au départ */
width:100%; /* toute la largeur du lien */
height:100%; /*... et toute sa hauteur */
position:absolute; /* on sort l'élément du flux */
top:0; /* et on le cale en haut */
left:0; /* ... à gauche */
z-index:1; /* ... et en dessous du texte [optionnel] */}

.meteo_over {
background:url("images/boutons_menu_rapide.png") no-repeat -160px -110px; }
.reportages_over {
background:url("images/boutons_menu_rapide.png") no-repeat -240px -110px; }
.mediatheque_over {
background:url("images/boutons_menu_rapide.png") no-repeat 0px -110px; }
.contact_over {
background:url("images/boutons_menu_rapide.png") no-repeat -80px -110px; }

ul#menu_rapide li a.courant span.background { 
display:block; /* pour la page courante l'arrière-plan est affiché */ }

ul#menu_rapide li a span:first-child { 
/* Styles du premier <span> (ciblé grâce à la pseudo-classe :first-child) */ }

ul#menu_rapide li a span + span { 
/* Styles du deuxième <span> (ciblé grâce au sélecteur d'enfant adjacent) */ }




/* --------------------------------------------------- */
/*                                                     */
/*                        PAGE                         */
/*                                                     */
/* --------------------------------------------------- */

#page {
text-align:justify;
margin: 0 15px;
}

#page #rubrique {
border-bottom:1px solid #b0c601;
color:black;
font-size:1.5em;
padding-bottom:4px;
vertical-align:bottom;
}

#rubrique #lien {
float:right;
font-size:12px;
}

#rubrique #lien a {
font-weight:normal;
background: url("images/fleche.gif") top right no-repeat;
padding-right:15px;
display:block;
}


#page #zone1 {
width:690px;
margin:0;
padding:0;
}


#page #colonne1 {
float:left;
width:360px;
margin:0;
padding:0;
}

#page #zone2 {
clear:both;
float:left;
width:360px;
margin:0;
padding:0;
}

#page #colonne2 {
float:right;
width:310px;
margin:0;
padding:0;
}

#page #zone3 {
float:right;
width:310px;
margin:0;
padding:0;
}

#page #zone4 {
clear:both;
width:690px;
margin:0;
padding:0;
}



#page #affiche {
margin-bottom:20px;
}



#page #affiche img {
margin:10px 0 0 0;
}

#page #reportages #video {
margin-top:10px;
}

.youtube img {
padding:4px;background:#fff;border:1px solid #d3d3d3;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;float:left;margin-right:20px;margin-top:10px;}

#page #actualites {
margin:0 0 30px;
padding:0;
}

#page #actualites #une {
margin-bottom:20px;
}


#page #breves {
margin:0 0 30px;
padding:0;
}

#breves #separation {
margin:5px 0;
}

#breve img {
margin:0 10px 10px 0;
}

#breve h2 {
margin-bottom:0px;
}

#breve p {
margin:0;
}

#actualites #separation {
margin:5px 0;
}


#enbref p {
margin-top:0px;
}

#entrevues .vignette_itv {
margin:7px 10px 0 0;
}

#entrevues h1 {
padding-bottom:0;
}

#entrevues h3 {
padding-bottom:5px;
color:#5d8e1c;
}

#entrevues p {
margin-top:10px;
}

#entrevues #breve {
margin-left:110px;
}


#edito h1 {
padding-bottom:5px;
}

#edito p {
margin-top:10px;
}

#edito #breve {
margin-left:110px;
}

#edito #photo {
width:100px;
float:left;
margin-bottom: 30px;
}

#edito img {
margin:7px 0 10px 0;
}

#page #mediatheque {
margin:0 0 30px;
padding:0;
}

#page #conseil_municipal {
margin:0 0 30px;
padding:5px;
background-color:#ebf4dd;
border:1px solid #b0c601;
}

#page #agenda {
margin:0 0 30px;
padding:0;
}

#page #edito {
margin:0 0 30px;
padding:0;
}

#page #page_zoom {
margin:0 0 30px;
padding:0;
}

#agenda #evenement {
margin-top:5px;
}

#agenda #evenement .date {
font-size:0.8em;
color:black;
font-weight:normal;
}

#agenda #separation {
margin:5px 0;
}

#agenda #evenement h1 {
padding:0;
}



#page #permanences_elus {
margin:0 0 30px;
padding:0;
}

#permanences_elus #evenement {
margin:0;
padding:0;
}
#permanences_elus #evenement p {
margin:0;
padding:0;
}

#permanences_elus #separation {
margin:0;
}






.fb_share_button {
	display: -moz-inline-block;
	display:inline-block;
	padding:1px 20px 0 5px;
	height:15px;
	border:1px solid #b0c601;
	color:white;
	font-weight:normal;
	background:#b0c601 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right;
	}
.fb_share_button:hover {
	color:#fff;
	border-color:#3b5998;
	background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right;
	text-decoration:none; } 
	
	

#suite {
margin-top:5px;
text-align:right;
}

.intro {
color:#543c0c;
font-size:1.2em;
line-height:1.3em;
font-weight:normal;
font-style:italic;
}

/* --------------------------------------------------- */
/*                                                     */
/*                        TEXTE                        */
/*                                                     */
/* --------------------------------------------------- */

#texte, .texte {
margin-top:15px;
}

.no-marge-top {
margin-top:0px;
}

#texte h1, .texte h1 {
padding:5px 0 5px;
font-size:2em;
line-height:1em;
}

#texte h2, .texte h2 {
margin:0;
padding:0 0 5px 0;
font-size:1.4em;
font-weight:bold;
}

#texte #suite, .texte #suite {
position:relative;
}

#accueil {
margin:20px 0 30px;;
}

#accueil h1 {
padding:5px 0;
}

table.encadre {
width:80%;
background-color: #daebc1;
border:1px solid #b0c601;
margin:0;
padding:0;
}

td.encadre {
white-space:normal;
padding:5px;
margin:0;
}

#pave_droite {
float:right;
margin:2px 0 20px 20px;
}

#pave_gauche {
float:left;
margin:2px 20px 20px 0;
}

#texte #legende, .texte #legende {
text-align:right;
font-size:0.9em;
color:#543c0c;
}

#texte table, .texte table {
margin:0;
padding:0;
border:1px solid #b0c601;
}

#texte tr td, .texte tr td {
margin:0px;
padding:2px 4px;
border:1px solid #daebc1;
background-color: white;
}

#texte table.noborder, .texte table.noborder {
margin:0;
padding:0;
border:none;
}

.noborder tr td {
margin:0px;
padding:2px 4px;
border:none;
background-color: white;
}

.texteGris {
color: #666666;
}




/* --------------------------------------------------- */
/*                                                     */
/*                        ACTU                         */
/*                                                     */
/* --------------------------------------------------- */

#actu {
margin-top:15px;
}

#actu h1 {
padding:5px 0 5px;
font-size:2em;
line-height:1em;
}

#actu h2 {
font-size:0.9em;
}

#actu h3 {
font-size:1.4em;
}

#actu img.vignette {
border:none;
margin:2px 10px 10px 0;
}

#actu img.edito {
border:none;
margin:7px 0 20px 20px;
}

#actu img.actu {
border:none;
margin:10px 10px 10px 0;
}

#imagepleinelargeur {
margin:10px 0 10px 0;
}

#actu #suite {
position:relative;
}

#actu .date {
font-weight:bold;
font-size:1.4em;
}

#actu .listeAssos h1 {
font-size:1.4em;
}

#actu .listeAssos .maj {
font-size:9px;
color:gray;
}

/* --------------------------------------------------- */
/*                                                     */
/*                      QUARTIERS                      */
/*                                                     */
/* --------------------------------------------------- */

#page #quartier {
margin-top:15px;
border-bottom:1px dotted #543C0C;
color:#543C0C;
font-size:1.2em;
padding-bottom:4px;
vertical-align:bottom;
}


#quartier #lien {
float:right;
font-size:12px;
}

#quartier #lien a {
font-weight:normal;
background: url("images/fleche.gif") top right no-repeat;
padding-right:15px;
display:block;
}


/* --------------------------------------------------- */
/*                                                     */
/*                      INTERVIEW                      */
/*                                                     */
/* --------------------------------------------------- */

#itv h4 {
font-size:1.2em;
font-weight:bold;
}

#itv img.vignette {
border:none;
margin:2px 0 10px 10px;
}

#itv img.photo {
border:none;
margin:2px 0 20px 20px;
}

.question {
font-weight:bold;
font-style:italic;
}

.reponse {
}



/* --------------------------------------------------- */
/*                                                     */
/*                   TELECHARGEMENTS                   */
/*                                                     */
/* --------------------------------------------------- */

#telechargement {
margin-top:15px;
}

#telechargement #menu_vertical {
float:left;
width:250px;
border-right:1px dotted #4d5361;
}

#telechargement #page {
margin-left:260px;
}

#menu_vertical ul { 
margin: 0 10px 0 0; 
padding: 0; 
list-style: none; 
} 

#menu_vertical li {
padding:0;
}

#menu_vertical a { 
	margin:1px 0;
	padding:2px;
    padding-left:14px;
	display: block; 
    text-decoration: none;
	color:#333333;
	background:#e6e6e6 url("images/puce_verte.gif") 2px 5px no-repeat;
    }
	
#menu_vertical a:hover {
	background-color:#daebc1;
	text-decoration:underline;
	}

#menu_vertical ul.sousmenu {
	margin:0;
	}
	
#menu_vertical ul.sousmenu a {
	background:#e6e6e6 url("images/puce_verte_3.gif") 14px 5px no-repeat;
	background-color:#F2F2F2;
	padding-left:26px;
	font-weight:normal;
	}
	
#menu_vertical ul.sousmenu a:hover {
	background-color:#daebc1;
	}



/* --------------------------------------------------- */
/*                                                     */
/*                        LIEN                         */
/*                                                     */
/* --------------------------------------------------- */

#lien h2 {
padding:0;
font-weight:normal;
text-transform:uppercase;
}
#lien p {
margin:0 0 5px 0;
padding:0;
}

#lien #infos {
font-size:0.9em;
float:left;
color:#4d5361;
}

.url {
font-size:0.9em;
color:#4d5361;
}


#lien h3 {
}


/* --------------------------------------------------- */
/*                                                     */
/*                    PLAN DU SITE                     */
/*                                                     */
/* --------------------------------------------------- */

#plansite {
}

#plansite a {
color:#543c0c;
font-weight:normal;
}

#plansite a:hover {
color:black;
font-weight:bold;
}

#plansite #item_ssmenu {
padding-left:31px;
text-transform:none;
}

#plansite h1 {
padding:10px 0 5px;
font-size:1.4em;
}

#plansite h1 a {
color:#333333;
font-weight:bold;
}

#plansite h1 a:hover {
color:#94bb0d;
}

#plansite .nolink {
color:#999999;
}


/* --------------------------------------------------- */
/*                                                     */
/*                MOTEUR DE RECHERCHE                  */
/*                                                     */
/* --------------------------------------------------- */

#moteur_recherche {
margin:0;
padding:0;
float:left;
}

#recherche {
margin-top:15px;
}

#moteur_recherche form, #recherche form {
margin:0;
}

#moteur_recherche input {
font-size:11px;
padding:0;
margin:0;
}

td.texte {
background: transparent url("images/background_rechercher.gif") 0 10px no-repeat;
width:170px;
height:37px;
padding:0 0 0 5px;
text-align:left;
}

#moteur_recherche input.texte {
border:none;
width:158px;
margin-top:10px;
}

#moteur_recherche input.submit {
margin:8px 0 0 0;
vertical-align:middle;
}


#recherche #liste {
padding:10px 0;
border-bottom:1px dotted #4d5361;
}

#recherche #resultats {
background-color: #78b71e;
color:white;
margin:0;
padding:3px 10px;
}

#recherche #resultats #texte {
padding:0;
margin:0;
}





/* --------------------------------------------------- */
/*                                                     */
/*                       CONTACT                       */
/*                                                     */
/* --------------------------------------------------- */

#contact {
width:690px;
margin-top:15px;
}

#contact h1 {
padding:5px 0 5px;
font-size:2em;
line-height:1em;
}

#contact h2 {
margin:0;
padding:0 0 5px 0;
font-size:1.4em;
font-weight:bold;
}





/* --------------------------------------------------- */
/*                                                     */
/*                     FORMULAIRE                      */
/*                                                     */
/* --------------------------------------------------- */


#formulaire {
margin-bottom:20px;
margin-top:10px;
}

#formulaire td {
padding:15px 10px 0 0;
vertical-align:middle;
white-space:normal;
}

#formulaire td.nowrap {
white-space:nowrap;
}

#formulaire td.erreurform {
padding:2px 10px 0 0;
vertical-align:middle;
font-size:0.8em;
color:#e00019;
text-transform:uppercase;
letter-spacing:0.2em;
}

#formulaire td.infoform {
padding:2px 10px 0 0;
vertical-align:top;
font-size:0.9em;
letter-spacing:0.1em;
color:#5d8e1c;
white-space:normal;
}

#formulaire td.separation {
line-height:1px;
height:1px;
border-bottom:1px dotted #b0c601;
}

#formulaire td.submit {
padding:15px 0 0;
}

#formulaire input {
font-size:12px;
padding:2px;
border:1px solid #78b71e;
background-color: #EEEEEE;
color:inherit;
}

.pleinelargeur {
width:100%;
}

#formulaire .textbox {
width:100%;
font-size:12px;
padding:2px;
height:100px;
border:1px solid #78b71e;
background-color: #EEEEEE;
color:inherit;
}

#formulaire input.submit {
padding:5px;
cursor:pointer;
text-transform:uppercase;
background-color:#78b71e;
border:1px solid #78b71e;

font-weight:bold;
}

#formulaire td.rubrique {
padding:3px;
text-transform:uppercase;
letter-spacing:0.2em;
font-size:0.9em;
background-color:#78b71e;
}

#formulaire td.mentions {
white-space:normal;
font-size:0.9em;
color:#444444;
}



/* --------------------------------------------------- */
/*                                                     */
/*             DERNIERS TELECHARGEMENTS                */
/*                                                     */
/* --------------------------------------------------- */

#last_telechargements {
clear:both;
position:relative;
width:690px;
height:90px;
color:white;
margin:0;
padding:0px 25px;
background: url("images/background_last_telechargement.gif") no-repeat;
}

#last_telechargements #rubrique {
border-bottom:1px solid #b0c601;
color:black;
font-size:1.5em;
padding-bottom:4px;
}

/* --------------------------------------------------- */
/*                                                     */
/*                       FOOTER                        */
/*                                                     */
/* --------------------------------------------------- */

#footer {
clear:both;
position:relative;
width:960px;
height:50px;
color:white;
margin:0;
margin-bottom:30px;
padding:8px 20px;
background: url("images/background_footer.gif") no-repeat;
}

#footer a.rubrique {
margin-right:20px;
color:white;
filter : alpha(opacity=70); 
-moz-opacity : 0.7; 
opacity : 0.7; 
font-weight:normal;
float:left;
padding-top:8px;
}

#footer a.rubrique:hover {
filter : alpha(opacity=100); 
-moz-opacity : 1; 
opacity : 1; 
text-decoration:underline;
}

#picto_conseils_quartiers {
display:block;
float:left;
width:22px;
height:22px;
background: url("images/picto_conseils_quartiers.gif");
vertical-align:middle;
margin-right:5px;
margin-bottom:5px;
}

#picto_telechargements {
display:block;
float:left;
width:22px;
height:22px;
background: url("images/picto_telechargements.gif");
vertical-align:middle;
margin-right:5px;
margin-bottom:5px;
}

#picto_permanence_elus {
display:inline-block;
width:22px;
height:22px;
background: url("images/picto_permanence_elus.gif");
vertical-align:middle;
margin-right:5px;
margin-bottom:5px;

}

#picto_conciliateurs_justice {
display:block;
	float:left;
width:22px;
height:22px;
background: url("images/picto_conciliateurs_justice.gif");
vertical-align:middle;
margin-right:5px;
margin-bottom:5px;

}




/* --------------------------------------------------- */
/*                                                     */
/*                     NAVIGATION                      */
/*                                                     */
/* --------------------------------------------------- */

#navigation {
	margin: 10px 0;
	background-color: #e6e6e6;
	padding:3px 0;
	text-align: center;
	font-size:0.95em;
	color : #999999;
	}
	
#navigation_select {
	margin: 10px 0;
	background-color: #78b71e;
	padding:3px 0;
	text-align: center;
	font-size:0.95em;
	color : white;
	}
	
a.nav {
text-decoration: none;
font-weight:bold;
color: #543c0c;
background-color: #e6e6e6;
padding: 2px 4px 2px 4px;
}

a.nav:hover {
color: black;
background-color: #b0c601;
}

.nav_off {
text-decoration: none;
color: #999999;
}

a.nav_page {
font-weight:bold;
text-decoration: none;
color: white;
background-color: #543c0c;
padding: 2px 4px 2px 4px;
}

a.nav_page:hover {
background-color: #b0c601;
color:black;
}

.nav_page_off {
font-weight:bold;
text-decoration: none;
color:black;
background-color: #b0c601;
padding: 2px 4px 2px 4px;
}


/* --------------------------------------------------- */
/*                                                     */
/*                      NEWSTICKER                     */
/*                                                     */
/* --------------------------------------------------- */

#newsticker { }

.newsticker-jcarousellite {
	border-bottom:1px solid #b0c601;
	}
.newsticker-jcarousellite ul li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	height:auto;
	border-bottom:1px dotted #b0c601;
	height:55px;
}

.newsticker-jcarousellite ul li.colored {
	background-color:#ebf4dd; }
#newsticker-item{ }



/* -------------------- Boutons Google Maps -------------------- */

a.bouton_googlemaps {
    background: transparent url("images/bouton_googlemaps.png") no-repeat scroll top right;
    color: white;
    display: block;
    float: right;
    font-weight:normal;
    font-size:10px;
    height: 24px;
    padding-right: 30px; /* sliding doors padding */
    text-decoration: none;
}

a.bouton_googlemaps span {
    background: transparent url("images/bouton_googlemaps.png") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 12px;
}

a.bouton_googlemaps:hover {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.bouton_googlemaps:hover span {
    background-position: bottom left;