body {
    background: #4d1866 url("images/background_header.png") center top repeat-x;
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0;
	padding:0px;	
	}
	
@font-face {
    font-family: 'YanoneKaffeesatzBold';
    src: url('yanone_kaffeesatz_bold-webfont.eot');
    src: url('yanone_kaffeesatz_bold-webfont.eot?iefix') format('eot'),
         url('yanone_kaffeesatz_bold-webfont.woff') format('woff'),
         url('yanone_kaffeesatz_bold-webfont.ttf') format('truetype'),
         url('yanone_kaffeesatz_bold-webfont.svg#webfontQlyeYxsi') format('svg');
    font-weight: bold;
    font-style: normal;
}

#conteneur {
width:100%;
margin: 0 auto;
position:relative;
background: #FFF url("images/background_header.png") center top repeat-x;
} 
	
a {
font-weight:bold;
color:#e41770;
text-decoration:none;
}

a:hover {
color:#4d1866;
}

div {
margin:0;
padding:0;
}

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

h2 {
margin:0;
padding:0;
font-size:0.9em;
color: #4d1866;
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: #e41770;
font-weight:normal;
}

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



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

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

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:980px;
height:151px;
margin:0;
padding:0;
position:relative;
margin:0 auto;
background: #FFF url("images/background_header.png") center top repeat-x;

}

#header_title {
position:absolute;
top:17px;
left:80px;
width:820px;
height:40px;
display:block;
background: url('images/titre.png') no-repeat;
}

#etiquette_bagage {
position:absolute;
top:0px;
left:640px;
width:320px;
height:136px;
background: url('images/etiquette_bagage.png') no-repeat;
z-index:400;
}



/* -------------------- Menu horizontal -------------------- */
#menu{
width:900px;
height:30px;
position:absolute;
top:75px;
left:80px;
padding:0;
}



/* -------------------- Main -------------------- */
#main_footer_large {
width:100%;
height:40px;
position:absolute;
left:0;
bottom:0;
background:url("images/background_main_footer.png") center top repeat-x;
}

#main_footer {
width:980px;
position:relative;
margin:0;
padding:0;
margin: 0 auto;
background:url("images/background_main_footer.png") center bottom no-repeat;
}

#main{
width:980px;
position:relative;
margin:0;
padding:0;
background:url("images/background_main.png") center top no-repeat;
}

#ambassadeurs {
width:240px;
height:405px;
position:absolute;
left:0;
bottom:0;
background:url("images/ambassadeurs.jpg") left top no-repeat;
}


#gauche {
float:left;
width:550px;
margin:0 0 40px 80px;
padding:0;
}

#droite {
float:right;
width:240px;
margin:0;
margin: 150px 80px 30px 0;
}


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

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


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

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

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

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

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

.bloc_off h1 {
color:#4d1866;
}

.bloc_off .rubrique {
color:#4d1866;
border-color:#e41770;
}





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

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

#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:550px;
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;
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:#4d1866;
font-size:1.2em;
line-height:1.3em;
font-weight:normal;
}

/* --------------------------------------------------- */
/*                                                     */
/*                        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.2em;
font-weight:bold;
}

#texte ul {
 list-style-type: none;
}


#texte li {
 list-style-type: none;
 background: url("images/puce_rose.png") no-repeat 0 0.32em;
 padding-left: 18px;
} 

#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: #e41770;
color:white;
margin:0;
padding:3px 10px;
}

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





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

#contact {
width:550px;
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;
width:550px;
}

#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:#e41770;
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:#4d1866;
white-space:normal;
}

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

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

#formulaire input {
font-size:14px;
padding:5px;
border:1px solid #e41770;
background-color: #F2F2F2;
color:black;
-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 10px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.pleinelargeur {
width:350px;
}

#formulaire .textbox {
width:350px;
font-size:14px;
padding:5px;
height:100px;
border:1px solid #e41770;
background-color: #F2F2F2;
color:black;
-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 10px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#formulaire input.submit {
padding:10px;
cursor:pointer;
text-transform:uppercase;
background-color:#e41770;
border:1px solid #e41770;
color:white;
font-weight:bold;
}

#formulaire input.submit:hover {
background-color:#4d1866;
border:1px solid #4d1866;
}

#formulaire input.disabled, #formulaire input.disabled:hover {
background-color:#F2F2F2;
border:1px solid #F2F2F2;
}

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

#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:100%;
height:175px;
margin:0;
padding:0;
background: #4d1866 url("images/background_footer.png") center top repeat-x;
}

#footer_content {
position:relative;
width:900px;
height:175px;
color:white;
margin:0 auto;
background: url("images/background_footer.png") center top repeat-x;
padding-top:80px;
padding-left:80px;
font-size:11px;
color:#BCA4CB;
}

#footer_content a {
color:#BCA4CB;
font-weight:normal;
}

#footer_content a:hover {
color:#BCA4CB;
text-decoration:underline;
}

#logo_dunk-de-toi {
position:absolute;
top:0px;
left:75px;
}

#logos_partenaires {
position:absolute;
top:50px;
right:80px;

}

#logos_partenaires img {
margin-left:30px;
}



/* --------------------------------------------------- */
/*                                                     */
/*                     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: #e41770;
	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;
}



/* Diaporama
-------------------------------------------------- */
.html_carousel {
	padding:0;
	position: relative;
}

.html_carousel .overlay {
	position:absolute;
    top:0;
    left:0;
    width:240px;
    height:180px;
    display:block;
    background:url("images/diaporama_overlay.png") no-repeat;
    z-index:999;    
}
.html_carousel div.slide {
	width: 240px;
	height: 200px;
	position: relative;
	float:left;
	background-color:white;
	overflow: hidden;
}
.html_carousel div.slide div {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	width: 230px;
	display: none;
	position: absolute;
	bottom: 40px;
    padding:5px
}

.html_carousel div.slide h4 {
	color: #e41770;
	font-size: 15px;
	margin: 0;
	text-shadow: none;
}
.html_carousel div.slide p {
	color: #000;
	font-size: 12px;
	line-height:14px;
	margin: 0;
    text-align:left;
}

.html_carousel div.slide p.mentions {
	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height:12px;
	margin: 0;
    text-align:left;
}

div.slide a {
	color:yellow;
	padding:0;
	text-decoration:none;
	float:right;
}

a.prev, a.next, a.play, a.pause {
	background: url(images/miscellaneous_sprite.png) 0 0 no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
}
a.prev, a.next {
	top: 158px;
}

a.play, a.pause {
	top: 185px;
	left: 50%;
	margin-left: -22px;
	z-index: 200;
}
a.next {
	left: 26px;
}
a.prev {
	left: -5px;
}
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important; cursor: default; }
a.next {			background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important; cursor: default; }
a.play {			background-position: -100px 0; }
a.play:hover {		background-position: -100px -50px; }
a.play.disabled {	background-position: -100px -100px !important; cursor: default; }
a.pause {			background-position: -150px 0; }
a.pause:hover {		background-position: -150px -50px; }
a.pause.disabled {	background-position: -150px -100px !important; cursor: default; }

a.prev span, a.next span, a.play span, a.pause span {
	display: none;
}

div.pagination {
	position: absolute;
	top:174px;
	right:2px;
	text-align: center;
	height: 15px;
    }
    
div.pagination a {
	background: url(images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 0 0 0;
	display: inline-block;
}
div.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
div.pagination a span {
	display: none;
}
/* Diaporama */