@charset "utf-8";
* {margin:0;
	padding:0;
}

body {

}

html {

	
}

#trame {

}

h1 {
	text-align:center;
}

h1 .petit {
	font-size:16px;
}

h1 .petitprelude {
	font-size:14px;
}

#contenugeneral {
	padding:20px 0 0 40px;
}

#headergeneral {
background:#000000;
width:100%;
z-index:1;
}

#headerlogo {
background:url(images/OFFestival.png);
width:434px;
height:128px;
}

#menuglobal {
	background:#fff;
	width:860px;
	overflow:hidden;
	opacity:0.8;
}

#menu {
	margin:7px 0 40px 0;
}


#menu li {
	float:left;
	list-style:none;
}

#menu li a {
	color:#000;
	text-decoration:none;
	padding:5px 14px 5px 14px;
	font:18px Arial, Helvetica, sans-serif;
	transition:color .5s ease;
	-moz-transition:color .5s ease;
	-webkit-transition:color .5s ease;
}

#menu li .active {
	color:#C00;
}

#menu li a:hover {
	color:#C00;
}
#menu ul .programmation .menuderoulant li {
	float:none;
	text-align:center;
	display:none;
}

#menu ul .programmation:hover .menuderoulant li {
	display:block;
}

#menu ul .galerie .menugalerie li {
	float:none;
	text-align:center;
	display:none;
}

#menu ul .galerie:hover .menugalerie li {
	display:block;
}


#contenu {
	width:900px;
	position:relative;
}


#contenu .contenutexte {
	background:#fff;
	margin:0 0 0 30px;
	opacity:0.8;
	color:#000;
	float:left;
	width:500px;
	font:10px Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:40px 0 0 40px;
	padding:10px;
	float:left;
}

#contenu .contenutexteeditorial {
	background:#fff;
	margin:0 0 0 30px;
	opacity:0.8;
	color:#000;
	float:left;
	width:500px;
	font:11px Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:40px 0 0 40px;
	padding:10px;
	float:left;
}


#contenu .contenugalerie {
	background:#fff;
	margin:0 0 0 30px;
	opacity:1;
	color:#000;
	float:left;
	width:860px;
	font:10px Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:40px 0 0 40px;
	float:left;
	overflow:hidden;
	display:block;
}

#contenu .contenutexte a {
	color:#900;
}

#contenu .contenutexte2 {
	background:#fff;
	margin:0 0 0 30px;
	color:#000;
	float:left;
	width:500px;
	height:150px;
	font:10px Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:40px 0 0px 40px;
	padding:10px;
	float:left;
}

#contenu .contenutexte2 .titreartiste {
	font: 16px Verdana, Geneva, sans-serif;
	text-align:center;
	font-weight:bold;
	color:#900;
	margin:0 0 15px 0;
}

#contenu .contenutexte2 .thumbnail {
	width:500px;
	margin:0 auto;
	margin:0 0 0 23px;
}

#contenu .contenutexte2 .date {
	margin:10px 0px 0 0px;
}

#contenu .contenutexte2 .description {
	margin:0 0 0 23px;
}

#contenu .contenutexte p {
	margin-bottom:20px;
}


#contenu .contenuvideo {
	background:#fff;
	margin:40px 0 0 30px;
	opacity:1;
	width:300px;
	height:200px;
	float:right;
	position:absolute;
	top:0;
	right:0;
}

#contenu .contenuprog2011 {
	background:#fff;
	margin:40px 0 0 30px;
	opacity:1;
	width:300px;
	height:450px;
	float:right;
	position:absolute;
	top:0;
	right:0;
}

#contenu .contenunews {
	background:#fff;
	margin:40px 0 0 30px;
	opacity:.8;
	width:300px;
	height:200px;
	float:right;
	position:absolute;
	top:0;
	right:0;
}

#contenu .lastnews {
	background:#fff;
	margin:40px 0 0 30px;
	opacity:1;
	width:300px;
	height:950px;
	float:right;
	position:absolute;
	top:0;
	right:0;
	font: 16px Verdana, Geneva, sans-serif;
	text-align:center;
	font-weight:bold;
	color:#900;
}

#contenu .lastnewsnoir {
	background:#fff;
	margin:40px 0 0 30px;
	opacity:1;
	width:300px;
	height:150px;
	float:right;
	position:absolute;
	top:0;
	right:0;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#000;
}

#contenu .lastnewsrouge {
		color:#990000;
}

#contenu .lastnewsrougepetit {
	font-size:10px;
	color:#990000;
}

#contenu .contenuphotos {
	margin:40px 0 0 30px;
	opacity:0.8;
	width:300px;
	float:right;
	position:absolute;
	top:240px;
	right:0px;
	opacity:1;
	padding:0 0 40px 0;
}

#contenu .contenuphotos2013 {
	margin:40px 0 0 30px;
	opacity:0.8;
	width:300px;
	float:right;
	position:absolute;
	top:0px;
	right:0px;
	opacity:1;
	padding:0 0 40px 0;
}

#contenu .contenutexte .titreartiste {
	font: 16px Verdana, Geneva, sans-serif;
	text-align:center;
	font-weight:bold;
	color:#900;
	margin:0 0 15px 0;
}

#contenu .contenutexte .thumbnail {
	width:500px;
	margin:0 auto;
	margin:0 0 0 23px;
}

#contenu .contenutexte .date {
	margin:10px 0 0 0px;
}

#contenu .contenutexte .description {
	margin:10px 0 0 23px;
}

#contenu .contenutexte p {
	margin-bottom:20px;
}

#contenu .contenutexteeditorial p {
	margin-bottom:20px;
}

.preluderouge {
	color:#C00;
}

#fondtexte {
	margin:0 0 40px 0;
	overflow:hidden;
}

#likefacebook {
	position:fixed;
	right:20px;
	bottom:20px;
	background:#FFF;
	padding:10px 10px;
	opacity:0.8;
}
#navigationstudiogrez {
	width:100%;
	position:relative;
}

#navigationstudiogrez .back {
	background:url(images/prev.png) no-repeat;
	width:36px;
	height:55px;
	position:absolute;
	top:20px;
	left:20px;
}

#navigationstudiogrez .home {
	background:url(images/accueil.png) no-repeat bottom center;
	display:block;
	width:36px;
	height:55px;
	position:absolute;
	left:50%;
}

#navigationstudiogrez .next {
	background:url(images/next.png) no-repeat;
	width:36px;
	height:55px;
	position:absolute;
	top:20px;
	right:20px;
}

#navigationstudiogrez .back:hover {
	background:url(images/prevhover.png) no-repeat;
	width:36px;
	height:55px;
	position:absolute;
	top:20px;
	left:20px;
}

#navigationstudiogrez .home:hover {
	background:url(images/accueilhover.png) no-repeat bottom center;
	width:36px;
	height:55px;
	position:absolute;
	left:50%;
}

#navigationstudiogrez .next:hover {
	background:url(images/nexthover.png) no-repeat;
	width:36px;
	height:55px;
	position:absolute;
	top:20px;
	right:20px;
}

#navigationstudiogrez a {
	color:#FFF;
	text-decoration:none;
	margin:0 auto;
	font:14px Arial,Helvetica,sans-serif;
}

#navigationstudiogrez a:hover {
	color:#d3a841;
	text-decoration:none;
	margin:0 auto;
}

#navigationstudiogrez img {
	display:block;
}

#navigationstudiogrez .basmenu {
	position:absolute;
	bottom:0px;
	left:7px;
}

#navigationstudiogrez .basmenu2 {
	position:absolute;
	top:0px;
	left:0px;
}

#navigationstudiogrez .basmenu3 {
	position:absolute;
	bottom:0px;
	left:0px;
}