@charset "UTF-8";

/*CSS nettoie*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1.6em; font-family: Helvetica; font-size: 13px; color:#000; font-weight: lighter;line-height: 1.6em; } 

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins {	text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }
a {	text-decoration:none; color:#000; }

/*************************************/
/*  CSS SITE  */
/*************************************/
html, body { height: 100%; background-color:#ffffff; }
#container { width:950px; height: 100%; margin: 0px auto; background-color:#fff; }
#header { width:950px; }

/*************************************/
/*  NAV  */
/*************************************/
#nav { width:950px; padding:20px 0px 40px 0px; background-color:#fbfdf8; 
/* padding:10px 0px 25px 0px; b border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fa144a; border-top-width: 1px; border-top-style: solid; border-top-color: #fa144a;*/ }
/*#player {
	width:40px;
	float:left;
	margin-top:15px;
}*/
#nav li { display:inline; float:left; }
#nav span { display: block; height: 20px; text-indent: -9999px; }
#nav a { color:#000; display:block; }

#programme {
	background-image: url(images/menu/programme.jpg);
	background-repeat: no-repeat;
	width:105px;
	margin-right:20px;
	margin-left:20px;
}
#programme a:hover{
	background-image: url(images/menu/programme_over.jpg);
	background-repeat: no-repeat;
}

#lieux {
	background-image: url(images/menu/lieux.jpg);
	background-repeat: no-repeat;
	width:45px;
	margin-right:20px;
}
#lieux a:hover{
	background-image: url(images/menu/lieux_over.jpg);
	background-repeat: no-repeat;
	width:45px;
}
#ateliers {
	background-image: url(images/menu/ateliers.jpg);
	background-repeat: no-repeat;
	width:74px;
	margin-right:20px;
}
#ateliers a:hover{
	background-image: url(images/menu/ateliers_over.jpg);
	background-repeat: no-repeat;
	width:74px;
}
#photos {
	background-image: url(images/menu/photos.jpg);
	background-repeat: no-repeat;
	width:64px;
	margin-right:20px;
}
#photos a:hover{
	background-image: url(images/menu/photos_over.jpg);
	background-repeat: no-repeat;
	width:64px;
}
#videos {
	background-image: url(images/menu/videos.jpg);
	background-repeat: no-repeat;
	width:56px;
	margin-right:20px;
}
#videos a:hover{
	background-image: url(images/menu/videos_over.jpg);
	background-repeat: no-repeat;
	width:56px;
}
#historique {
	background-image:url(images/menu/historique.jpg);
	background-repeat: no-repeat;
	width:90px;
	margin-right:20px;
}
#historique a:hover{
	background-image: url(images/menu/historique_over.jpg);
	background-repeat: no-repeat;
	width:90px;
}
#liens {
	background-image: url(images/menu/liens.jpg);
	background-repeat: no-repeat;
	width:45px;
	margin-right:20px;
}
#liens a:hover{
	background-image: url(images/menu/liens_over.jpg);
	background-repeat: no-repeat;
	width:74px;
}
#partenaires {
	background-image: url(images/menu/partenaires.jpg);
	background-repeat: no-repeat;
	width:105px;
	margin-right:55px;
}
#partenaires a:hover{
	background-image: url(images/menu/partenaires_over.jpg);
	background-repeat: no-repeat;
	width:105px;
}
#contacts {
	background-image:url(images/menu/contact.jpg);
	background-repeat: no-repeat;
	width:60px;
	margin-right:5px;
}
#contacts a:hover{
	background-image: url(images/menu/contact_over.jpg);
	background-repeat: no-repeat;
	width:60px;
}
#newsletter {
	background-image:url(images/menu/newsletter.jpg);
	background-repeat: no-repeat;
	width:75px;
}
#newsletter a:hover{
	background-image: url(images/menu/newsletter_over.jpg);
	background-repeat: no-repeat;
	width:75px;
}

/*************************************/
/*  CONTENT  */
/*************************************/
#content {
	width:910px;
	margin-top:20px;
	margin-bottom: 120px;
	background-color:#fff;
	padding:30px 20px 70px 30px;
	border-top-width:5px;
	border-top-color:#e1e1e1;
	border-bottom-style: solid;
	box-shadow: 0px -1px 12px #a7a7a7;
	-moz-box-shadow: 0px -1px 12px #a7a7a7;
	-webkit-shadow: 0px -1px 12px #a7a7a7;
}
#colgauche {
	width:200px;
	padding-right:50px;
	float:left;
	padding-bottom:100px;
	background-color:#fff;
	height: 100%;
}
#colgauche p{
	font-size:13px;
}
#colgauche img {
	margin-bottom:20px;
}
#coldroite {
	width:650px;
	float:left;
	padding: 0px 0px 100px 0px;
	min-height:100%;
	background-color:#fff;
}
#colgauche p, #coldroite p {
	margin-bottom:10px;
}
#coldroite h1 {
	font-size:1.5em;
	margin-bottom:10px;
	color:#fa144a;
}
#coldroite h3 {
	font-weight:bold;
}
#colgauche h2, #coldroite h2 {
	font-weight:bold;
	font-size:13px;
	color:#fa144a;
}
#colgauche h3 {
	font-weight:bold;
	font-size:13px;
}

a { 
	color:#fa144a;
}
a:hover {
	color:#fa144a;
}
.liens2 a {
	color:#767676;
}
.liens2 a:hover {
	color:#fa144a;
}
.clearfloat {
	clear:both;
}

/*************************************/
/*  ACCUEIL  */
/*************************************/
#blason {
	position:relative;
/*	z-index:1000;*/
	top:0px;
	left:120px;
}
.annonce { width:140px; margin-left:10px; margin:20px 0px 30px 0px; background-color:#fa144a; padding:15px 5px 15px 15px; color:#ffffff; float:left; }

.accueil h1 {
	color:#fa144a;
	font-size:1.5em;
	margin-left:100px;
	margin-bottom:30px;
}

/*************************************/
/*  GALERIE IMAGES  */
/*************************************/

.highslide-gallery h1 {font-size:50px; margin:0px 0px 40px 15px; color:#e6e6e6; }
.highslide-gallery { margin-bottom:30px; padding-top:30px; 
	border-bottom-color: #fa144a;
	border-top-width:5px;
	border-top-color:#fbfdf8;
	border-bottom-style: solid;
	box-shadow: 0px -1px 12px #e1e1e1;
	-moz-box-shadow: 0px -1px 12px #e1e1e1;
	-webkit-shadow: 0px -1px 12px #e1e1e1; 
	
	border:solid 2px #61ca25;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px 10px 10px 10px;
	}

/*************************************/
/*  PROGRAMME  */
/*************************************/

.col {
	width:280px;
	/*margin-left:15px;*/
	margin-right:25px;
	padding-bottom:50px;
/*	min-height:100%;*/
	float:left;
	background-color:#fff;
}
.col2 {
	width:280px;
	margin-left:20px;
	margin-right:20px;
	padding-bottom:50px;
/*	min-height:100%;*/
	float:left;
	background-color:#fff;
}
#accordeon .date {
	width:270px;
	height:20px;
	background-color:#000;
	color:#FFF;
	font-size:18px;
	padding:2px 5px;
	margin-top:20px;
}
.bloc {
	width:280px;
	height:18px;
	margin-bottom:0px;
	margin-top:15px;
	color:#fa144a;
}
#accordeon .lieu {
	display:block;
	font-size:12px;
	font-weight:bold;
	float:left;
	line-height:13px;
	margin-bottom:5px;
	max-width: 250px;
}
#accordeon .heure {
	display:block;
	float:right;
	font-weight:bold;
}
#accordeon .type {
	clear:both;
	display:block;
	width:270px;
	font-size:12px;
	margin-bottom:10px;
	margin-top:-5px;
	line-height:16px;
}
#accordeon .type2 {
	clear:both;
	display:block;
	width:280px;
	font-size:11px;
	margin-bottom:0px;
	margin-top:-10px;
}
.accordionButton {
	font-weight:bold; 
	font-size:16px;
	line-height:18px;
	color:#000;
	display:block;
	margin-bottom:5px;
	clear:both;
}
.accordionButton:hover{
	color:#fa144a;
}
.accordionContent {
	margin-bottom:5px;
	display:none;
}
#accordeon .texte {
	display:block;
	width:280px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	margin-bottom:5px;
	margin-left:0px;
}
#accordeon img {
	margin-bottom:10px;
	margin-top:5px;
}
.accordionContent a {
	display:block;
	margin-bottom:2px;
	font-size:11px;
	color:#fa144a;
}
.accordionContent a:hover{
	color:#fa144a;
}
.accordionContent .credits {
		font-size:11px;
		display:block;
		padding: 0px 5px;
		clear:both;
}
a#fleche {
	display:block;
	width:300px;
	height:30px;
	background-image:url(images/fleche_red.png);
	background-repeat:no-repeat;
	text-indent:22px;
	background-position: -2px 0px;
	font-size:12px;
	line-height:21px;
}
a:hover#fleche {
	display:block;
	width:300px;
	height:30px;
	background-image:url(images/fleche_green.png);
	background-repeat:no-repeat;
	text-indent:22px;
	background-position: 1px 0px;
	color:#64af28;
}

/*************************************/
/*  PROGRAMME POP UP  */
/*************************************/
.highslide-maincontent {
	padding:0px 45px 30px 20px;
	margin-bottom:50px;
}
.highslide-maincontent h1 {
	color:#fa144a;
	font-size:18px;
	margin-bottom:15px;
}
.highslide-maincontent h2 {
	color:#fa144a;
	margin-top:10px;
}
.highslide-maincontent h5 {
	margin-top:10px;
}
.highslide-maincontent p{
	text-align:justify;
}

/*************************************/
/*  HISTORIQUE  */
/*************************************/
#accordeon2 { background-color:#ffffff; padding:0px 0px 0px 0px; }
#accordeon2 .col4 { width:280px; padding-bottom:30px; min-height:100%; float:left; }
h1.annee { font-size:250%; text-align: center; padding:10px 0px 15px 0px; }
#accordeon2 h2 { font-size:15px; color:#fa144a; padding:25px 5px 5px 5px; border-bottom:solid 5px #000; }
#accordeon2 .texte { display:block; width:270px; padding:0px 5px 0px 5px; font-size:12px; line-height:18px; text-align:justify; margin-bottom:5px; margin-left:0px; }
#accordeon2 .date { color:#fa144a; font-size:12px; font-weight:bold; margin:10px 0px 0px 0px; padding:0px 5px 0px 5px;}

.accordionButton2 { display:block; margin-bottom:20px; clear:both; border-bottom-width:10px; border-bottom-style: solid; border-bottom-color:#000; }
.accordionButton2:hover { color:#fa144a; }
.accordionContent2 { margin-bottom:5px; display:none; }
#accordeon2 img { margin-bottom:10px; margin-top:5px; }
.accordionContent2 a { display:block; margin-bottom:2px; font-size:11px; color:#fa144a; }
.accordionContent2 a:hover{ color:#fa144a; }
.accordionContent2 .credits { font-size:11px; display:block; }


/*************************************/
/*  PARTENAIRES  */
/*************************************/

#partenaires ul{
	font-weight:bold;
}
#partenaires ul li {
	font-size:11px;
	line-height:15px;
	font-weight:lighter;
}
.logos {
	margin:20px 0px;
}
.logos img {
	float:left;
}
/*************************************/
/*  CONTACTS  */
/*************************************/
.liens {
	line-height:16px;
}

.liens #colgauche {
	width:450px;
	margin-left:50px;
	float:left;
	background-color:#fff;
}
.liens #coldroite {
	width:350px;
	float:left;
	margin-top:0px;
	background-color:#fff;
}
.liens p{
	margin-top:15px;
}
.liens h3 {
	margin-top:30px;
}


/*************************************/
/*  LIENS  */
/*************************************/

#liens .colored p {
	line-height:10px;
}
/*************************************/
/*  FOOTER  */
/*************************************/

#footer {
	position:fixed;
	bottom:0;
	width:100%;
	height:50px;
	padding-left:20px;
	padding-top:5px;
	background-color: #FFF;
	margin-bottom:0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fa144a;
	border-top-width:5px;
	border-top-color:#e1e1e1;
	border-bottom-style: solid;
	box-shadow: 0px -1px 12px #a7a7a7;
	-moz-box-shadow: 0px -1px 12px #a7a7a7;
	-webkit-shadow: 0px -1px 12px #a7a7a7;
}
#footer2 { margin-left:auto; margin-right:auto; }
	
#footer .haut-parleur {
	width:40px;
	height:25px;
	padding:5px 5px 20px 10px;
	margin: -5px 10px 0px 20px;
	z-index:1000;
	background-color:#fa144a;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px 10px 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #fa144a;
	border-right-color: #fa144a;
	border-bottom-color: #fa144a;
	border-left-color: #fa144a;	
	float:left;
}

#footer2 p, #footer a{
	display:block;
	color:#000;
	font-size:1em;
	float:left;
	line-height:1.1em;
	padding-top:10px;
}

#footer2 h1 {
	color:#fa144a;
	font-size:1.7em;
	margin:15px 50px 0px 0px;
	float:left;
	font-weight:300;
	letter-spacing:5px;
}


/*************************************/
/*  MAP  */
/*************************************/


.page_map #legendes
{
	padding-top: 50px;
}


#plan
{
	text-align: center;
}

#map_left
{
	float: left;
	padding-left: 10%;

}

#map_right
{
	float: right;
	padding-right: 10%;
}


.texte h3 {
	font-weight:bold;
	font-size:13px;
	display:inline;
}
.texte {
	width:290px;
	margin-bottom:13px;
	margin-top:5px;
	margin-left:5px;
	font-size:11px; 
	line-height:14px;
}
.texte span {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
}

.texte p {
	font-size:11px; 
	line-height:16px;
} 


#map1, #map2, #map3, #map4, #map5, #map6, #map7, #map8, #map9, #map10, #map11, #map12
{
	padding-left: 40px;
	margin-bottom: 30px;
}

#map1
{
	background: url('images/map/numero1red.png') left center no-repeat;
}

#map2
{
	background: url('images/map/numero2red.png') left center no-repeat;
}


#map3
{
	background: url('images/map/numero3red.png') left center no-repeat;
}

#map4
{
	background: url('images/map/numero4red.png') left center no-repeat;
}

#map5
{
	background: url('images/map/numero5red.png') left center no-repeat;
}

#map6
{
	background: url('images/map/numero6red.png') left center no-repeat;
}

#map7
{
	background: url('images/map/numero7red.png') left center no-repeat;
}

#map8
{
	background: url('images/map/numero8red.png') left center no-repeat;
}

#map9
{
	background: url('images/map/numero9red.png') left center no-repeat;
}

#map10
{
	background: url('images/map/numero10red.png') left center no-repeat;
}

#map11
{
	background: url('images/map/numero11red.png') left center no-repeat;
}




/*
a#map1 {
	display:block;
	z-index:1001;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 572px;
	top: 346px;
}
a#map2 {
	display:block;
	z-index:1002;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 431px;
	top: 322px;
}
a#map3 {
	display:block;
	z-index:1003;
	position: fixed;
	height: 30px;
	width: 30px;
	left: 441px;
	top: 293px;
}
a#map4 {
	display:block;
	z-index:1004;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 759px;
	top: 394px;
}
a#map5 {
	display:block;
	z-index:1005;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 675px;
	top: 365px;
}
a#map6 {
	display:block;
	z-index:1006;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 675px;
	top: 318px;
}
a#map7 {
	display:block;
	z-index:1007;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 789px;
	top: 224px;
}
a#map8 {
	display:block;
	z-index:1008;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 804px;
	top: 368px;
}
a#map9 {
	display:block;
	z-index:1009;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 513px;
	top: 163px;
}
a#map10 {
	display:block;
	z-index:1010;
	position:fixed;
	height: 30px;
	width: 30px;
	left: 555px;
	top: 372px;
}
*/

/*
.texte h3 {
	font-weight:bold;
	font-size:13px;
	display:inline;
}
.texte {
	width:290px;
	margin-bottom:13px;
	margin-top:5px;
	margin-left:5px;
	float:left;
	font-size:11px; 
	line-height:14px;
}
.texte span {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
}
.texte a {
	display:block;
	height: 30px;
	width: 30px;
}
.texte p {
	font-size:11px; 
	line-height:16px;
}

#colgauche2 {
	width:325px;
	margin-right:30px;
	padding-bottom:150px;
	float:left;
	background-color:#fff;
}
#coldroite2 {
	width:570px;
	float:left;
	background-color:#fff;
}

#coldroite2 img {
	z-index:1000;
	position:fixed;
	top:250px;
	left:500px;
}

#container2 {
	width:950px;
	height: 100%;
	margin: 20px 20px 0px 20px;
	background-color:#fff;
	border: 1px solid #000;	
}

#container2 #colgauche2 {
	width:350px;
	margin-right:30px;
	padding-top:20px;
	padding-left:20px;
	float:left;
	background-color:#fff;
}
#container2 #coldroite2 {
	width:570px;
	float:left;
	background-color:#fff;
	height: 100%;
}

#container2 #coldroite2 img {
	z-index:1000;
	position:fixed;
	top:50px;
	left:370px;
}
#container2 #legendes img {
	float:left;
}
*/

/*************************************/
/*  VIDEOS  */
/*************************************/
#contentVideo { margin-left:50px; }
.videos {
	width:200px;
	height:220px;	
	float:left;
	padding:15px;
	margin: 0px 40px 40px 0px;
	background-color:#FFF;
	border:solid 2px #61ca25;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px 10px 10px 10px;
}
.videos h2 {
	font-size:15px;
	font-weight:100;
	line-height:17px;
	color:#000000;
	font-weight:bold;
}
.videos h3 {
	font-size:13px;
	font-weight:100;
	line-height:15px;
	margin-bottom:15px;
	}

/*************************************/
/*  NAVIGATION TOP  */
/*************************************/
#back-top {
	position: fixed;
	bottom: 150px;
	right: 20px;
}

#back-top a {
	width: 70px;
	display: block;
/*	text-align: center;*/
	font: 9px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	/*color: #a7a7a7;*/
	text-indent:-9999px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	/*color: #000;*/
}

/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	/*background: #ddd url(up-arrow.png) no-repeat center center;*/
	background:url(images/nav_top.png) no-repeat center center;

	/* rounded corners */
/*	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;*/

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	/*background-color: #777;*/
	background:url(images/nav_top-over.png) no-repeat center center;
}

.strong
{
	font-weight: bold;
}

.em11
{
	font-size: 1.1em;
}

.accordionContent span a 
{
    display: inline!important;
}