@CHARSET "UTF-8";
/**Feuille de style de Vive L'art Rue**/

/* ************************************************************************** */
/*                                                                           					   */
/*				   HTML GLOBAL	  							   */
/*                                                                           					   */
/* ************************************************************************** */


* {
	margin:0pt;
	padding:0pt;
}

html, body {
	height: 100%;
	font-size:85%;
	font-family: Arial, Helvetica, "Nimbus Sans L", Garuda, FreeSans, Sans-serif;
	line-height: 1.2;
	margin:0pt;
	padding:0pt;
	color:#443324;
	background: #fdcc65 url(../images/background.jpg) repeat-x scroll 0 0;
}

p {
	font-size: 1.1em;
        margin: 0 0 0.8em;
}

a:link, a:visited { 
	color:#4f0500;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #A9270D;
}

img {
	border-style: none;
}

/* h.......... */  

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia,"Times New Roman",Palatino,Times,serif;
}

h1 {
	background:transparent url(../images/puce_h1.gif) no-repeat scroll left 0;
	color:#77593E;
	font-size:1.5em;
	line-height:27px;
	margin:0.03em 0 0.1em;
	padding:0 0 0 1.6em;
	font-weight:900;
}

h2 {
	background:transparent url(../images/puce_tache.gif) no-repeat scroll -5px -6px;
	font-weight:700;
	font-size: 15px;
	height:25px;
	line-height:20px;
	margin:0;
	overflow:visible;
	padding:5px 0 0 30px;
	color: #852a0d;
}

h2 a, h2 a:link, h2 a:visited {
	color: #852a0d;
}

h3 {
	padding-top: 0;
	margin-top: 0;
	line-height: 18px;
	color:#632017;
	font-weight: 700;
}

h4 {
	padding-top: 0;
	margin-top: 0;
	line-height: 16px;
	font-size: 1.1em;
	color:#99431a;
	font-style: italic;
	font-weight: 700;
}

h5 {
	padding-top: 0;
	margin-top: 0;
	line-height: 12px;
	font-size: 0.9em;
	color:#77593e;
	font-weight: 700;
	font-family: Arial, Helvetica, "Nimbus Sans L", Garuda, FreeSans, Sans-serif;
}

h6 {	
	padding-top: 0;
	margin-top: 0;
	line-height: 13px;
	margin-bottom: 0.4em;
	font-size: 0.8em;
}
/* Lies a h.......... */
 
.hr_1, .hr_2{
	border:0 solid #fcebc2;
	height: 5px;
	margin: 0.3em 0 1em 2.4em;
	width:93%;
	display:block;
	padding: 0;
}

.hr_1{
	background:transparent url(../images/hr_h1.gif) repeat-x scroll 0 0;
}


.hr_2{
	background:transparent url(../images/hr_h2.gif) repeat-x scroll 0 0;
}

/* Table Styles */

table {
	border-collapse: collapse;
	border : 1px none;
}

td {
	border : 1px none;
}

/**Listes **/

ul {
	list-style-type: none;
}

/**derives html**/

/* liste sur une ligne */
ul.inline li {
	float:left;
}

.uppercase {
	text-transform: uppercase;
}

.georgia {
	font-family:Georgia,"Times New Roman",Palatino,Times,serif;
}

.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}

.left {
	float:left;
	}

.right {
	float:right;
	}

.image_16-9 {
	width:180px;
	height:60px;
	float:left;
	margin:5px 0 0 5px;
	overflow:hidden;
	}

.text_16-9 {
	width:180px;
	height:61px;
	float:right;
	margin:5px 5px 0 0;
	overflow:hidden;
	}

.text_16-9 p {
	font-size:95%;
	line-height:1em;
	}

.border {
	height:1px;
	width:100%;
	border-top: 1px solid #d4c193;
	background-color: #efe8d5;
	margin:8px 0;
	overflow:hidden;
	}

.vertical-border {
	background-color:#EFE8D5;
	border-left:1px solid #D4C193;
	height:15px;
	margin:0 1px;
	padding:1px 0 1px;
	width:1px;
	float:left;
	}

a.bt_voir {
	background: transparent url(../images/bt-voir.gif) no-repeat scroll center top;
	width:139px;
	height:24px;
	overflow: hidden;
	display:block;
	text-indent:-9999em;
	margin-top:5px;
	float:right;
	}

a:hover.bt_voir {
	background: transparent url(../images/bt-voir.gif) no-repeat scroll center -24px;
	}

/** **/
.bt_agenda {
	height:25px;
	text-align:center;	
	margin:0 auto;
	float:right;
	color:#f4e2ba;
	}

.bt_agenda_right, .bt_agenda_left, .bt_agenda_content {
	height:25px;
	float:left;
 }

.bt_agenda_content {
	background: transparent url(../images/bt_agenda_bg.gif) repeat-x scroll center top;
	padding:5px 3px 0;
 }

.bt_agenda_right {
	width:10px;
	background: transparent url(../images/bt_agenda_right.gif) no-repeat scroll right top;
 }
 
.bt_agenda_left {
	width:10px;
	background: transparent url(../images/bt_agenda_left.gif) no-repeat scroll left top;
 }
 
 .bt_agenda_link{
	display:block;
	height:25px;
	overflow:hidden;
 }
 
.bt_agenda_link div{
	color:#632017;
}

a:hover.bt_agenda_link div{
	background-position: center -25px;
	text-decoration:none;
}

/** **/

 .bt_ville {
	height:30px;
	text-align:center;	
	margin:0 auto;
	float:left;
	color:#f4e2ba;
	overflow:hidden;
	}

.bt_ville_right, .bt_ville_left, .bt_ville_content {
	height:30px;
	float:left;
	overflow: hidden;
 }

.bt_ville_content {
	background: transparent url(../images/bt_ville_bg.gif) repeat-x scroll center top;
	padding:8px 3px 0;
 }

.bt_ville_right {
	width:14px;
	background: transparent url(../images/bt_ville_right.gif) no-repeat scroll right top;
 }
 
.bt_ville_left {
	width:14px;
	background: transparent url(../images/bt_ville_left.gif) no-repeat scroll left top;
 }

/* == Personalistation du hover sur les liens" == */	
.inputsTooltip
{
	border: 1px solid #632017;
	background-color: #ad191c;
	padding: 4px;
	color: #fcebc2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#tooltipURL
{
	display: none;
}

.slideshowLoader {
	margin:120px 0 0px 150px;
}
/* ************************************************************************** */
/*                                                                            */
/*                              LAYOUT GENERAL                                */
/*                                                                            */
/* ************************************************************************** */
#page {
	margin: 0;
	padding: 0;
	width:100%;
	background: transparent url(../images/header.jpg) no-repeat scroll center top;
}

#main-container {
	margin: 0 auto;
	width:846px;
	background: transparent url(../images/header.jpg) no-repeat scroll center top;
}

#top {
	width:846px;
	height:239px;
}

#site-title {
    height: 190px;
    text-indent: -9999px;
    width: 100%;
}

#site-title a {
    display: block;
    height: 100%;
    width: 100%;
}

#content{
	padding:0.3em 0;
	margin:0 auto;
	width:790px;
}

#container{
	width:846px;
	min-height:200px;
	background: transparent url(../images/background-page.png) repeat-y scroll center top;
	/*padding-bottom:10px;*/
}


#footer {
	width:846px;
	height:69px;
	background: transparent url(../images/footer.png) no-repeat scroll center top;
	text-align:center;
}

#footer ul {
	margin:0 auto;
	font-size: 0.8em;
}

#footer li {
	display:inline;
}

/* ============== Menu ============== */

#menu {
	width:808px;
	height:50px;
	background: #e5d09f url(../images/menu_bg.gif) no-repeat scroll center top;
	overflow:hidden;
	margin:0 20px 0;
	position:absolute;
	width:808px;
	padding:0;
	z-index:5;
}

#menu ul {
	margin: 8px auto 0;
	width:768px;
}

#menu .menu_item {
	display:block;
	width:100px;
	height:30px;
}

#menu li {
	float:left;
	}

#menu li a {
	display:block;
	height:19px;
	}

#menu li a:link, #menu li a:visited {
	background-position : 0 0;
	}

#menu li a:hover, #menu li a:active, #menu #active a:hover {
	background-position : 0 -20px;
	}

#menu #active a {
	background-position: 0 -40px;
	}

#menu li.separateur {
	width:38px;
	height:19px;
	background: #e5d09f url(../images/menu_separateur.gif) no-repeat scroll center top;
	}


#menu .sub_menu {
	background:transparent url(../images/sub_menu_bg.gif) no-repeat scroll left bottom;
	display:none;
	height:30px;
	left:0;
	margin:0;
	padding:0 0 0 22px;
	position:absolute;
	top:21px;
	width:786px;
	z-index:100;
	}

#menu #active .sub_menu {display:block;}

#menu .sub_menu li {
	margin: 9px 0 0;
	font-size:12px;
 	padding: 0;
 	border: 0;	
	}

#menu .sub_menu li a:link,
#menu .sub_menu li a:visited {
	 color: #583724;
	display: block;
 	margin: 0;
 	border: 0;
	}

#menu .sub_menu li a:hover {
	color:#a31900;
	}
/*
#menu li:hover > .sub_menu { 
	display: block; 
	}
*/
#menu .sub_menu .star{
	background:transparent url(../images/sub_menu_star.gif) no-repeat scroll center 1px;
	}

#menu .sub_menu .star img {
	height:10px;
	width:18px;
	}

/* ************************************************************************** */
/*                                                                            */
/*                                 CONTENU                                    */
/*                                                                            */
/* ************************************************************************** */

/* ============== Contenu ============== */

#content .bloc-left, #content .bloc-right, #content .bloc-center, #content .bloc-demi {
	/*overflow: hidden;*/
}

#content .bloc-left {
	width:290px;
	float:left;
}

#content .bloc-right {
	width:490px;
	float:right;
}

#content .bloc-demi {
	width:380px;
	margin:5px 0;
}

#content .bloc-center {
	clear: both;
	width:790px;
	margin:10px auto;
}

#content .width-66 { width: 520px;}
#content .width-77 { width: 550px;}

#mini_cadre, #small_cadre, #demi_cadre, #medium_cadre, #full_cadre {
	padding: 0;
	clear: both;
	margin:10px 0;
        float: left;
}

.mini_cadre_top, .mini_cadre_bottom {
		width:160px;
		margin: 0 auto;
}

.demi_cadre_top, .demi_cadre_bottom {
		width:380px;
		margin: 0 auto;
}

.small_cadre_top, .small_cadre_bottom {
		width:280px;
		margin: 0 auto;
}

.medium_cadre_top, .medium_cadre_bottom {
		width:490px;
		margin: 0 auto;
} 


.full_cadre_top_right, .full_cadre_bottom_left {
	width:780px;
	margin:0 auto;
}


.mini_cadre_top, .mini_cadre_bottom, 
.small_cadre_top, .small_cadre_bottom, 
.demi_cadre_top, .demi_cadre_bottom, 
.medium_cadre_top, .medium_cadre_bottom, 
.full_cadre_top, .full_cadre_bottom,
.full_cadre_top_right, .full_cadre_bottom_left {
	display:block;
	position:relative;
        clear: both;
        z-index: 0;
}

.mini_cadre_top {
	height: 85px;
} 

.small_cadre_top,
.demi_cadre_top,
.medium_cadre_top{
	height:105px;
}

.full_cadre_top {
	height:55px;
}

.full_cadre_top_right{
	height:104px;
}
/* ** */

.mini_cadre_content, .demi_cadre_content, .small_cadre_content, .medium_cadre_content, .full_cadre_content {
	margin: 0 auto;
        padding: 5px 0 5px 10px;
        position: relative;
        margin-top: -80px;
        z-index: 1;
        float:left;
}

.mini_cadre_content {
	width: 160px;
	padding: 20px 0 0 15px;
	min-height: 50px;
}

.small_cadre_content {
	width: 270px;
}

.demi_cadre_content {
	width: 375px;
	min-height: 90px;
}

.medium_cadre_content {
	width: 480px;
	min-height: 90px;
}

.full_cadre_content {
	width: 780px;
	min-height: 90px;
        float: left;
}

.small_cadre_content .hr_2 {
	width:83%;
}

.demi_cadre_content .hr_2 {
	width:90%;
}

.mini_cadre_top {
	background:transparent url(../images/cadre_mini_top.gif) no-repeat scroll right top;
}

.mini_cadre_bottom {
	background:transparent url(../images/cadre_mini_bottom.gif) no-repeat scroll left bottom;
        padding-bottom: 30px;
}

/* ** */

.small_cadre_top, .demi_cadre_top, .medium_cadre_top, .full_cadre_top_right {
	background:transparent url(../images/cadre_hd.gif) no-repeat scroll right top;
	}

/* ** */

.small_cadre_bottom, .demi_cadre_bottom, .medium_cadre_bottom, .full_cadre_bottom_left {
	background:transparent url(../images/cadre_bg.gif) no-repeat scroll left bottom;
        padding-bottom: 20px;
	}

/* ** */

.full_cadre_top {
	background:transparent url(../images/cadre_full_top.gif) no-repeat scroll center top;
        width:795px;
}

.full_cadre_bottom {
	background:transparent url(../images/cadre_full_bottom.gif) no-repeat scroll center bottom;
        padding-bottom: 30px;
        top:-30px;
        width:785px;
}

.full_cadre_top, .full_cadre_bottom {
	margin:0 auto;
}

/* ** */

.cadre_top_right {
	background:transparent url(../images/cadre_top_right.gif) no-repeat scroll right top;
}

.cadre_bottom_left {
	background:transparent url(../images/cadre_bottom_left.gif) no-repeat scroll left bottom;
}

.bloc-text{
	margin:0 0 20px 30px;
	width:350px;
}


/* ============== Classes étoiles  ============== */
.star_orange{
	background:transparent url(../images/star_orange.gif) no-repeat scroll center 1px;
	display:inline;
	height:13px;
	padding:2px 10px;
	width:14px;
}

/* ============== Classes Boutons  ============== */
.cadre_puce {
	background:transparent url(../images/cadre_puce.gif) no-repeat scroll right 0;
	height:32px;
	width:100%;
	overflow: visible;
}

a.decouvrir{
	background:transparent url(../images/bt_decouvrir.gif) no-repeat scroll center top;
	height:22px;
	width:86px;
	text-indent:-9999em;
}

a:hover.decouvrir{
	background:transparent url(../images/bt_decouvrir.gif) no-repeat scroll center -22px;
}

.bt_puce {
	margin:20px 7px 0;
	padding:1px;
	display: block;
	clear: both;
	height:24px;
	width:350px;
	}

.bt_puce span{
	padding: 4px;
	font-size:110%;
	float:left;
	text-transform:uppercase;
	}

.bt_puce img {
	float:left;
	}




/* ============== IMPORTE JQUERY ============== */
	
#hp_agenda .ui-tabs-none, .ui-tabs .ui-tabs-hide {
     display: none !important;
}

/* ============== GOOGLE MAPS ============== */
#gmaps {
	border:1px solid #E5D09F;
	margin-left:5px;
	}
#map div span, #map div a{
	direction:rtl;
	float:right;
	font-size:90%;
	overflow:hidden;
	padding:1px;
	position:relative;
	text-align:right;
	top:2px;
	width:150px;
}

#map div span {
	width:65%;
	}

#map .gmnoprint a {
	width:100%;
}

#map .gmnoprint a img {
	top:-10px;
}

/* ============== Contenu ============== */

#pagination {
	background:#E5D09F url(../images/pagination.gif) no-repeat scroll center top;
	clear:both;
	height:20px;
	padding:8px 0 0;
	text-align:center;
	width:780px;
	}

#pagination div {
	background:#E5D09F url(../images/star_pagination.gif) no-repeat scroll 1.6em 0.2em;
	display:inline;
	padding:0 12px 0 8px;
	}

/* ============== Bords Arrondis ============== */
.entete {
	height:19px;
	width:100%;
	background-color:#e5d09e;
	margin-top: 3px;
	}

.entete h3 {
	float:left;
	padding-top: 2px;
	}

.entete .corner_left, .entete  .corner_right {
	width:8px;
	height:19px;
	display:block;
	}
.entete .corner_left {
	background:transparent url(../images/coin_e5d09e_gauche.gif) no-repeat scroll left top;
	float:left;
}

.entete .corner_right {
	background:transparent url(../images/coin_e5d09e_droit.gif) no-repeat scroll center top;
	float:right;
}

/* ============== Boite Bords Arrondis ============== */

.bloc_sombre {
	width:220px;
	color:#806347;
	margin:0 0 10px;
	}

.bloc_sombre h3 {
	color: #a31900;
	margin:0 0 5px;
	}

.bloc_sombre .content p {
	font-size:95%;
	}

.bloc_sombre .centered {
	margin:0 auto;
	display:block;
}

.bloc_sombre .content {
	width:204px;
	padding:5px 8px;
	background-color: #e5d09f;
}

.bloc_sombre .corner {
	width:220px;
	height:8px;
	background-color: #e5d09f;
	}

.bloc_sombre .corner-lt, .bloc_sombre .corner-rt, .bloc_sombre .corner-lb, .bloc_sombre .corner-rb {
	height: 8px;
	width: 8px;
	}

.bloc_sombre .corner-lt, .bloc_sombre .corner-lb{
	float:left;
	}

.bloc_sombre .corner-rt, .bloc_sombre .corner-rb {
	float:right;
	}

.bloc_sombre .corner-lt {
	background:transparent url(../images/corner-lt.gif) no-repeat scroll left top;
}

.bloc_sombre .corner-rt {
	background:transparent url(../images/corner-rt.gif) no-repeat scroll right top;
}

.bloc_sombre .corner-lb {
	background:transparent url(../images/corner-lb.gif) no-repeat scroll left bottom;
}

.bloc_sombre .corner-rb {
	background:transparent url(../images/corner-rb.gif) no-repeat scroll right bottom;
}

/* ************************************************************************** */
/*                                                                           					   */
/*                                BLOC CIE / AGENDA / AMATEURS				   */
/*                                                                            					   */
/* ************************************************************************** */
#hp_affiche {
	margin:0 auto 10px;
	width:280px;
}

#edito {
	/*background-position:left 60%;*/
	height:1%;
	padding:0 0 10px 5px;
	margin: 0 0 10px 0;
}

#edito .content {
    clear: both;
    padding-bottom: 20px;
}

#edito .more, #edito .less {
    display: block;
    cursor: pointer;
    padding: 4px;
    background-color: #866752;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color: #FCEBC3;
    width: 100px;
    text-transform: uppercase;
    font-size: 10px;
    text-align: left;
    margin-top: 4px;
}
#edito .less {
    background: url("../images/less.png") no-repeat scroll 5px 8px #866752;
    display: none;
    margin-left: 20px;
    padding-left: 15px;
}

#edito a:hover.more, #edito a:hover.less {
    text-decoration: none;
    background-color: #852A0D;
}

#edito p{
	color:#866752;
	direction:ltr;
	font-size:13px;
	padding: 5px 15px 0;
	width:93%;
}

.cadre-villes {
  
}

.liste_ville {
	font-family:Georgia,"Times New Roman",Palatino,Times,serif;
	font-size:1.3em;
	margin: 10px auto 0;
	text-align:center;
	}

.liste_ville span {
	line-height:1.4em;
}

.liste_ville .list_star_orange {
	width:13px;
	height:14px;
	padding:0 3px;
}

div.hp_pro  {
	/*height:80px;*/
	width: 462px;
	clear: left;
	overflow: hidden;
	margin:10px auto;
}


#hp_amateur {
    float: left;
    margin: 5px 0;
    padding: 5px;
    width: 250px;
}


#liste_prog {
	height:65px;
	width: 364px;
	float: left;
	overflow: hidden;
	margin:10px auto;
	padding:0 3px;
	}

#liste_prog a {
	display:block;
	height:65px;
	width: 364px;
	}

#liste_prog a:hover {
	background-color: #e5d09f;
	text-decoration: none;
	}

div.hp_pro  .visuel, #hp_amateur .visuel, #liste_prog .visuel {
	border: 3px solid #632017;
	overflow: hidden;
	position: relative;
	float:left;
}

div.hp_pro  .visuel,
#hp_amateur .visuel
{
	width: 224px;
	height:75px;
	display: block;
}

#liste_prog .visuel a{
	width: 180px;
	height:60px;
	display: block;
	background-color:#fcebc2;
}

div.hp_pro a:hover,
#hp_amateur a:hover, 
#liste_prog  .visuel  a:hover {
	background-color: #fcebc2;
	opacity:0.7;
	filter:alpha(opacity=70);
}

div.hp_pro .infos a,
#hp_amateur .infos a,
#liste_prog  .infos a {
	height: 60px;
	width: 175px;
	display: block;
	padding: 3px;
	cursor: pointer;
}

div.hp_pro .infos a.decouvrir,
#hp_amateur .infos a.decouvrir
{
	height:22px;
	width:86px;
	padding: 0;
}

div.hp_pro .infos,
#hp_amateur .infos {
	float:right;
	width:225px;
	/*height:75px;*/
	background:transparent url(../images/cadre_puce.gif) no-repeat scroll right bottom;
	}

#liste_prog .infos  {
	width:175px;
	float: left;
	background : none; 
	font-size:90%;
	overflow:hidden;
}

div.hp_pro .infos {
	padding-left: 3px;
}

#hp_amateur .infos  {
	float:left;
}

div.hp_pro h3,
div.hp_pro h4,
div.hp_pro h5,
#hp_amateur h3,
#hp_amateur h4,
#hp_amateur h5
 {
	margin: 0 0 1px 5px;
}

div.hp_pro h3, #hp_amateur h3 {font-size:12px;}
div.hp_pro h4, #hp_amateur h4 {font-size:11px;}
#liste_prog h5  {
	font-size:100%;
	}

/* Affichage des listes amateurs et pros */

.list #liste_prog {
	height:120px;
	margin:0 0 0 0.2em;
	width:185px;
	}

.list #liste_prog .infos  {
	width: 186px;
	margin:0 0 3px;
}

#liste_prog  .infos a {
	height:64px;
	overflow:hidden;
	padding:1px;
	width:182px;
	cursor:pointer;
	padding-left:3px;
}

.list #liste_prog h3, .list #liste_prog h4, .list #liste_prog h5 {
	font-family: Arial, Helvetica, Nimbus Sans L, Garuda, FreeSans, Sans-serif;
	line-height:13px;
}

/* agenda de la hp */
#hp_agenda {
	clear:both;
	margin:10px 0;
	min-height:200px;
	overflow:hidden;
	padding:20px 0 0;
}

#hp_agenda #tab_agenda {
	clear:both;
	height:1%;
	overflow:hidden;
}

#hp_agenda .date, #hp_agenda .programme {
	width: 390px;
	float: left;
	padding:0 3px;
}

#hp_agenda .date {
	padding:0;
	height:30px;
}

#hp_agenda .date li{
    float:left;
    margin-left:2px;
    padding:1px 2px;
}

#hp_agenda .date .bt_agenda, #hp_agenda .date .bt_ville {
	font-weight:700;
}

#hp_agenda .date .bt_agenda_link {
	margin: 5px 0 0 10px;
	float:left;
}

#hp_agenda .ville {
	background-color:#E5D09E;
	clear:both;
	height:18px;
	padding:2px 0;
	width:100%;
 }

#hp_agenda .programme {
	background:transparent url(../images/degrade_e5d09e.gif) repeat-x scroll center top;
	border-top:1px solid #FCEBC2;
	min-height:210px;
	overflow:hidden;
	padding:5px;
	width:480px;
}

#hp_agenda .ville li {
	float:left;
	display: inline;
}

#hp_agenda .ville li a {
	color:#862B0D;
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:18px;
	overflow:hidden;
	padding:2px 3px 0;
	text-align:left;
	text-transform: uppercase;
	}

#hp_agenda .ville li a:hover, #hp_agenda .ui-tabs-selected a{
	background: transparent url(../images/degrade_cf.gif) repeat-x scroll center bottom;
	text-decoration:none;
	color:#A9270D;
	height:18px;
}

#hp_agenda div.titre {	
	color: #632017;
	position:absolute;
	}

#hp_agenda div.titre a {	
	background:transparent url(../images/onglet_ocre.gif) no-repeat scroll center top;
	color:#632017;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:23px;
	line-height:22px;
	overflow:hidden;
	padding:0;
	text-align:center;
	width:91px;
	}

#hp_agenda div.titre a:hover {	
	background-position: center -26px;
	text-decoration: none;	
}

#hp_agenda .date li a:hover, #hp_agenda .date .ui-state-active a {
	background-position: center -19px;
	text-decoration: none;
}

#hp_agenda .programme .ville p{
	text-transform: uppercase;
	font-weight: bold;
	color: #6a2f28;
	padding : 0 0 5px 5px;
	width: 100%;
	display: inline;
	font-size:11px;
} 

#hp_agenda .programme .left, #hp_agenda .programme .right {
	color:#A31900;
	margin:1px auto;
	width:230px;
}

#hp_agenda .programme ul {
	display: block;
}

#hp_agenda .programme li {
	border-bottom:1px dotted #D4C193;
	clear:both;
	font-size:11px;
	height:25px;
	line-height:11px;
	margin:3px 0;
}

#hp_agenda .programme li span {
	padding:2px 0 2px 5px;
	float: left;
	display:block;
}

#hp_agenda .programme .heure {
	padding-right: 13px;
	background: transparent url(../images/star_rouge2.gif) no-repeat scroll right 0.17em;
}

#hp_agenda .programme strong.nom {
	font-weight: bold;
	display:block;
}

#hp_agenda .programme strong.nom a {
	height:auto;
	font-size:11px;
}

#hp_agenda .programme em.titre {
	color: #af622a;
	padding:0;
}

/* ************************************************************************** */
/*                                                                           					   */
/*                                CIE PRO                     			      			   */
/*                                                                            					   */
/* ************************************************************************** */
#show {
	width:98%;
        height:1%;
	}

#photos{
    width:250px;
    float: left;
}

#images .items,
#show .items {
    clear: both;
    position: absolute;
    width: 20000em;
}

#thumbnails {
    background: none #E5D09F;
    float: left;
    height: 250px;
    margin: 0;
    border: 5px solid #E5D09F;
    overflow: hidden;
    position: relative;
    width: 250px;
}


#thumbnails .items div {
    float: left;
    padding: 0;
    text-align: center;
    width: 250px;
    overflow: hidden;
}

#thumbnails .items img.hover {cursor:pointer; opacity:0.8;}

#box {
    background-image: url("../images/black.png");
    display: none;
    height: 524px;
    position: absolute;
    width: 656px;
}

#box #images {
    height: 400px;
    margin: 50px;
    overflow: hidden;
    position: absolute;
    width: 557px;
}

#box #images .items div {
    float: left;
    height: 400px;
    margin-right: 30px;
    width: 557px;
    text-align: center;
}

.navi {
    background-image: url("../images/hori_arrow.png");
    float: left;
    height: 30px;
    margin-top: 55px;
    width: 30px;
    cursor: pointer;
}
.navi:hover {
    background-position: -30px 0;
}
.navi:active {
    background-position: -60px 0;
}
.next {
    background-position: 0 -30px;
    float: right;
}
.next:hover {
    background-position: -30px -30px;
}
.next:active {
    background-position: -60px -30px;
}
.navi.disabled {
    visibility: hidden;
}

.zoom-info {
    background: transparent url("../images/zoom_in.png") no-repeat scroll left bottom;
    height: 31px;
    width: 66px;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    z-index: 10;
}

#photos .nav-bt {
    background-color: #E5D09F;
    clear: both;
    float: left;
    padding: 0 5px 5px;
    width: 250px;
}

#photos .navi {margin-top:0;}

#box .navi {
    bottom: 33px;
    left: 50px;
    position: absolute;
}
#box .next {
    left: 580px;
}

#box .close {
    background: transparent url(../images/bt-close.png) no-repeat scroll 0 0;
    cursor: pointer;
    height: 35px;
    left: 8px;
    position: absolute;
    text-decoration: none;
    top: 8px;
    width: 35px;
}

#box a:hover.close {
    background-position: 0 -35px;
}

#show table td.photo {height:250px; width:250px; vertical-align:middle; text-align:center; padding:5px;}
#show table td.miniature {height:55px; width:250px; vertical-align:middle; text-align:center;}

#show .infos {
	width:490px;
	float:right;
}

#show .infos span h3, #show .infos span h4 {
	font-size:140%;
	margin:1px 0;
	}

#show .infos span h5 {
	font-size:110%;
	margin:3px 0 2px;
	}

#show .infos .titre {
	padding:5px 0 0 20px;
	height:65px;
	display:block;
	background: transparent url(../images/lampadaire.gif) no-repeat scroll  left top;
}

#show .infos p {
	margin:5px;
	color:#794f32;
}

#show .infos p a {
	color:#a9270d;
	text-decoration:underline;
	font-weight: bold;
}

#show .infos p a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#show .date {
	background: transparent url(../images/degrade_e5d09e_small.gif) repeat-x scroll center top;
	padding:3px;
	min-height:60px;
}

#show .date p {
	margin:2px;
	font-size:0.9em;
	color:#af622a;
	font-weight:bold;
	border-bottom:1px dotted #b2a37f;
	padding-bottom:2px;
	width:225px;
	overflow:hidden;
}

#show .date p strong {
	color:#a31900;
}

#show .date p img {
	margin:0 1px 0 2px;
}

#show .pagelinks
{
	background-color: #E5D09F;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}

/* this is for IE so the prev/next links can be hovered*/
#show .nextSlide, #show.prevSlide
{
	background-image: url(../images/spacer.gif);
}
#show  .nextSlide:hover
{
	background-image: url(../images/bt_next.gif);
	background-repeat: no-repeat;
	background-position:0.3em 11.2em;
}
#show .prevSlide:hover
{
	background-image: url(../images/bt_prev.gif);
	background-repeat: no-repeat;
	background-position:4.7em 11.2em;
}

/* ************************************************************************** */
/*                                                                           					   */
/*                                AGENDA                     			      			   */
/*                                                                           					   */
/* ************************************************************************** */
.agenda_liste h3 {
	margin:5px 0 0;
}

.agenda_liste ul {
	margin: 3px 0 10px;
	font-style: italic;
}

.agenda_liste ul a{
	color:#806347;
	}

#agenda {
	clear:both;
	margin:10px 0;
	}

#agenda .titre {
	background: transparent url(../images/barre_titre.gif) no-repeat scroll center top;
	width:320px;
	height:30px;
	text-align:center;	
	margin:0 auto 10px;
	}

#agenda .titre h3 {
	font-size:140%;
	}
	
#agenda .onglet {
	width:100%;
	direction:ltr;
	height:27px;
	overflow:hidden;
	}

#agenda .onglet a {
	margin:0 5px 0 0;
	display: block;
	float:left;
	font-family:Georgia,"Times New Roman",Palatino,Times,serif;
	font-weight:bold;
	font-size:95%;
	line-height:2em;
	color:#806347;
	text-decoration:none;
	}

#agenda .onglet a:hover .left, 
#agenda .onglet a:hover .right, 
#agenda .onglet a:hover .center,
#agenda .onglet #active .left, 
#agenda .onglet #active .right, 
#agenda .onglet #active .center  {
	background-position:center -27px;
	color:#fcebc2;
	cursor: pointer;
	}

#agenda .onglet a .left, #agenda .onglet a .right, #agenda .onglet a .center  {
	display:block;
	float:left;
	height:27px;
	}

#agenda .onglet a .left, #agenda .onglet a .right {
	width:7px;
	}
	
#agenda .onglet a .left {
	background: transparent url(../images/onglets_left.gif) no-repeat scroll center top;
	}

#agenda .onglet a .right {
	background: transparent url(../images/onglets_right.gif) no-repeat scroll center top;
	}
	
#agenda .onglet a .center {
	background: transparent url(../images/onglets_centre.gif) repeat-x scroll center top;
	padding:3px 2px;
	width:auto;
	}

#agenda .infos {
	background: #fcebc2 url(../images/degrade_e5d09e_large.gif) repeat-x scroll center top;
	padding:10px;
	height:350px;
	}
	
#agenda .adresse {
	padding:0 2px 6px;
	width:320px;
	border-bottom:1px solid #d4c193;
	color:#6a2f28;
	}

#agenda .lieu_complement, #agenda .lieu_complement p, #agenda .special, #agenda .special p {
	margin:3px 0;
	font-size:98%;
	clear:left;
	}

#agenda .lieu_complement a {text-decoration:underline;}

#agenda .special, #agenda .special p {
	padding: 3px 0;
	}

#agenda .infos_fin {
	width:324px;
	height:1px;
	border-top:1px solid #efe8d5;
	float:left;
	}

#agenda dl {
	width:320px;
	padding:4px 2px;
	border-top:1px solid #efe8d5;
	border-bottom:1px solid #d4c193;
	display:block;
	float: left;
	}

#agenda dd {
	float: left;
	color: #A31900;
	font-weight: 700;
	padding:0 15px 0 0;
	background:transparent url(../images/star_rouge.gif) no-repeat scroll right 0.2em;
	}
	
#agenda dt {
	float: left;
	padding:0 0 0 5px;
        width: 260px;
	}

#agenda dt span {
	display:block;
	}

#agenda dt a {
	color: #A31900;
	font-weight: bold;
	text-decoration:underline;
	}

#agenda .description {
	font-style:italic;
	color:#af622a;
	}

#agenda #gmaps {
	border:1px solid #701403;
	margin:5px 0 0 350px;
	position:absolute;
	top: 454px;
	} 


/* ************************************************************************** */
/*                                                                           					   */
/*                                AGENDA                     			      			   */
/*                                                                           					   */
/* ************************************************************************** */
.bloc_ville {
	width:230px;
	height:50px;
	float:left;
	background-color:#e5d09f;
	margin:10px 5px 0;
	padding:4px;
	}

.bloc_ville a {
	display:block;
	}

.bloc_ville img {
	width:50px;
	height:50px;
	margin:0 5px 0 0;
	float:left;
	}

.bloc_ville .content p{
	width:175px;
	height:35px;
	overflow:hidden;
	font-size:0.9em;
        line-height: 1.1em;
	font-style: italic;
	}

.bloc_ville .content a {
	text-transform:uppercase;
	font-size:90%;
	font-weight:bold;
	margin:0 0 3px 0;
	font-style: normal;
	}
	
#gmaps.gmaps_cartes .gmnoprint a {
	margin:0 0 0 15px;
	} 

#gmaps.gmaps_cartes div span, #map div a {
	direction:ltr;
	float:none;
	}

/* ************************************************************************** */
/*                                                                           					   */
/*                                INFOS PRATIQUES              			      		   */
/*                                                                           					   */
/* ************************************************************************** */
.affiche {
	float:left;
	margin:10px auto 0;
	width:155px;
}

.affiche img {
	display:block;
	margin:0 auto;
}

.bloc-center .bloc_sombre {
	float:left;
	margin:10px 20px; 
}

.bloc-center .bloc_sombre .content{
	height:200px;
	overflow:hidden;
}

.ville_partenaire {
	float:left;
	margin:10px 10px 0;
	padding:5px;
	background-color:#FFF;
}

.ville_partenaire img {
	display:block;
	width:50px;
	height:50px;
}

.ville_partenaire a {
	text-decoration: none;
	position:relative;
	z-index: 0;
}
.ville_partenaire a:hover {
	background: none;
}
.ville_partenaire a span {
	display: none;
}
		 
.ville_partenaire a {
	display:block;
}

.ville_partenaire a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.partenaire {
	width: 120px;
	height:90px;
	float:left;
	overflow : hidden;
	padding:3px;
	margin: 5px 10px;
	background-color: #FFFFFF;
}
.partenaire img{
	height:40px;
	display: block;
	margin: 0 auto;
}

.partenaire a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.partenaire .fond_blanc {
	width:120px;
	height:40px;
	background-color: #FFFFFF;
}

.partenaire .border {
	margin:3px 0 5px;
}
.partenaire span{
	height:50px;
	display: block;
	width:115px;
	padding: 0 3px;
	font-size :0.8em;
	text-align: center;
	font-weight:bold;
	text-transform: uppercase;
	line-height:1em;
}

 .bt_titre {
	/*background: transparent url(../images/barre_titre.gif) no-repeat scroll center top;*/
	/*width:320px;*/
	height:30px;
	text-align:center;	
	margin:0 auto 10px;
	float:right;
	}

 .bt_titre_right, .bt_titre_left, .bt_titre_content {
	height:30px;
	float:left;
 }

 .bt_titre_content {
	background: transparent url(../images/barre_titre_bg.gif) repeat-x scroll center top;
 }

 .bt_titre_right {
	width:13px;
	background: transparent url(../images/barre_titre_right.gif) no-repeat scroll right top;
 }
 
  .bt_titre_left {
	width:13px;
	background: transparent url(../images/barre_titre_left.gif) no-repeat scroll left top;
 }

 .bt_titre .bt_puce{
	margin:0 0 0 5px;
	padding:0;
	width:320px;
 }
 
.partenaires_contacts h3 {
	color:#A31900;
	margin:0 0 5px;
	text-align: center;
}
 
.partenaires_contacts {
	width : 230px;
	height:165px;
	overflow: hidden;
	float:left;
	margin:5px 8px;
	background:transparent url(../images/degrade_e5d09e.gif) repeat-x scroll center top;
	padding:5px;
 }
 
 .partenaires_contacts p, .partenaires_contacts a {
	color: #806347;
        margin-bottom: 2px;
 }
 
 /* ************************************************************************** */
/*                     											    */
/*                                LA DEMARCHE              			      			    */
/*                                                                            					    */
/* ************************************************************************** */

table.la_demarche {
	width: 750px;
	margin-top:10px;
	font-size:12px;
	color:#7a5b40;
}

.la_demarche td{
	padding:5px;
}

.la_demarche h3 {
	height:35px;
}

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

.la_demarche abbr{
	font-style: italic;
	color: #c37c39;
	margin:15px 0;
	font-size: 1.1em;
}

.la_demarche .content{
	width:240px;
	background:transparent url(../images/degrade_e5d09e.gif) repeat-x scroll center top;
	vertical-align:top;
}

/*CARROUSSEL PAGE EDITIONS*/
/* define background image for the expose mask */

#leseditions #mask {
	background:#123 none no-repeat;
	background-position:50% -200px;
}

/* general settings for both scrollables */
#leseditions .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* next/prev buttons */
#leseditions .navi {
	background-image:url(../images/hori_large.png);
	width:30px;
	height:30px;
	float:left;
	margin-top:75px;
}

#leseditions .navi:hover  		{ background-position:-30px 0; cursor: pointer;}
#leseditions .navi:active  		{ background-position:-60px 0; }
#leseditions .next 			{ background-position: 0 -30px; clear:right; }
#leseditions .next:hover 		{ background-position:-30px -30px; }
#leseditions .next:active 		{ background-position:-60px -30px; }


#leseditions .navi.disabled {
	visibility:hidden;
}


/* the thumbnail scrollable */
#leseditions #thumbnails {
	position:relative;
	overflow:hidden;
	float:left;
	width: 710px;
	height:156px;
	margin:10px 5px;
}

#leseditions #thumbnails .items div {
    float: left;
    height: 150px;
    overflow: hidden;
    border: 3px solid #F8E4B7;
    width: 230px;
    text-align: center;
    opacity:0.8;
}

#leseditions #thumbnails .items div:hover {
    border-color: #5A2B20;
    opacity:1;
    cursor: pointer;
}

/* overlay styling */
#leseditions #box {
	background-image:url(../images/black.png);
	width:656px;
	height:524px;
	position:absolute;
	display:none;
}

/*
	image is contained on the overlay background image.
	the closing button is thus just a transparent container.
*/
#leseditions #box .close {
	position:absolute;
	left:8px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
	text-decoration:none;
}

/* overlay scrollable */
#leseditions #images {
	position:absolute;
	overflow:hidden;
	margin:50px;
	width:557px;
	height:400px;
}

/* single image */
#leseditions #images .items div {
	float:left;
	width:557px;
	height:400px;
	margin-right:30px;
}

/* the tooltip */
#leseditions #images .items .info {
	float:left;
	background:url(../images/bg-opacite.png) repeat scroll transparent;
	color:#F8E4B7;
	font-size:12px;
	margin-top:-60px;
	padding:5px 10px;
	height:40px;
	display:block;
	width:540px;
        position:relative;
}

#leseditions #images .items .info h3 {
	color:#F8E4B7;
	margin-top:3px;
}




/* override button style on the overlay */
#leseditions #box .navi {
	position:absolute;
	bottom:33px;
	left:50px;
}

#leseditions #box .next {
	left:580px;
}