* {
/* on passe les padding et margin à 0 pour ne pas avoir de différence entre ie et ff etc. ... */
padding:0; margin:0; list-style-type:none;
}
img { 
-ms-interpolation-mode: bicubic;
 }
html, body {
	height: 100%;
	margin: 0;
	background-color: #005175;
	background-image: url(img/background_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
	}
#header {
	height: 220px;
	background-image: url(img/background_header.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
#header #concours {
	position:absolute;
	right: 0px;
}
/* SOUS MENU */
#sousmenu {
	background-image: url(img/background_fiche.png);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #F3BB00;
}
#sousmenu ul li a, #sousmenu ul li a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}
#sousmenu ul li a:hover {
	text-decoration: underline;
}
.sousmenutitre {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	display:block;
}
/* MENU */
#menu {
	overflow:hidden;
	position: relative;
}
#menu ul li {
	display:block;
	float:left;
	list-style-type:none;
	margin-right: 5px;
	margin-left: 0px;
   }
#menu ul li#r01 a {
display:block;
height:27px; width:80px;
background:transparent url(img/menu/01-accueil.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r01 a:hover, body#r01 #menu ul li#r01 a {
background:transparent url(img/menu/01-accueil_hover.png) no-repeat 0 0;
}
#menu ul li#r02 a {
display:block;
height:27px; width:111px;
background:transparent url(img/menu/02-25ans.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r02 a:hover, body#r02 #menu ul li#r02 a {
background:transparent url(img/menu/02-25ans_hover.png) no-repeat 0 0;
}
#menu ul li#r03 a {
display:block;
height:27px; width:71px;
background:transparent url(img/menu/03-festival.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r03 a:hover, body#r03 #menu ul li#r03 a {
background:transparent url(img/menu/03-festival_hover.png) no-repeat 0 0;
}
#menu ul li#r04 a {
display:block;
height:27px; width:58px;
background:transparent url(img/menu/04-tarifs.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r04 a:hover, body#r04 #menu ul li#r04 a {
background:transparent url(img/menu/04-tarifs_hover.png) no-repeat 0 0;
}
#menu ul li#r05 a {
display:block;
height:27px; width:123px;
background:transparent url(img/menu/05-infos-pratiques.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r05 a:hover, body#r05 #menu ul li#r05 a {
background:transparent url(img/menu/05-infos-pratiques_hover.png) no-repeat 0 0;
}
#menu ul li#r06 a {
display:block;
height:27px; width:75px;
background:transparent url(img/menu/06-contact.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r06 a:hover, body#r06 #menu ul li#r06 a {
background:transparent url(img/menu/06-contact_hover.png) no-repeat 0 0;
}
#menu ul li#r07 a {
display:block;
height:27px; width:161px;
background:transparent url(img/menu/07-toute_lannee.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r07 a:hover, body#r07 #menu ul li#r07 a {
background:transparent url(img/menu/07-toute_lannee_hover.png) no-repeat 0 0;
}
#menu ul li#r08 a {
display:block;
height:27px; width:98px;
background:transparent url(img/menu/08-prix_livre.png) no-repeat 0 0;
text-indent:-9009px;
}
#menu ul li#r08 a:hover, body#r08 #menu ul li#r08 a {
background:transparent url(img/menu/08-prix_livre_hover.png) no-repeat 0 0;
}
/* CONTENEUR */
#conteneur {
	width:950px;
	margin:0 auto;
	min-height: 100%;
}
#wrap {
	/* permet que le footer ne chevauche pas la zone wrap si le contenu est plus court que la sidebar */
	overflow:hidden;
	background-color: #0b88b1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(img/background_wrap.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#contenu {
	float:left;
	width:735px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: justify;
	padding-bottom: 10px;
}
/* Footer */
#footer {
	width:950px;
	bottom: 0;
	background-image: url(img/background_footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 233px;
	position: relative;
}
#footer_nav {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer_nav a {
	margin-right: 5px;
	margin-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#footer_part {
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	bottom: 0px;
	position: absolute;
	width: 950px;

}
#footer_part img:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#footer_part img {
	margin: 5px;
	vertical-align: middle;
	border: 2px solid #81A2B0;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
/* */
#header_hmv {
	height: 67px;
	width: 95px;
	float: right;
	overflow:hidden;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#top {
	position: relative;
}
#contenu a, #sidebar a {
	color: #FFCC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC00;
}
#contenu a:hover, #sidebar a:hover {
	border-bottom-color: #FFFFFF;
}
a[href $='.pdf'] { 
   padding-left:20px;
   background: transparent url(img/icon_pdf.png) no-repeat center left;
}
#contenu a:visited {
	color: #FFCC00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#contenu h1 {
	font-size: 30px;
	color: #FFF8DF;
	background-image: url(img/icon_h1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 55px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#contenu h2 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 17px;
	color: #F2BA00;
	background-image: url(img/icon_h2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#contenu h3 {
	margin-top: 8px;
	margin-bottom: 6px;
	font-size: 13px;
	color: #0C455F;
	background-image: url(img/icon_h3.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	margin-left: 5px;
}
/* hack pour hr ie */
#contenu div.hr {
	height: 68px;
	width: 100%;
	text-align: center;
	background-image: url(img/background_hr.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 5px;
}
hr {
display:none
}
#contenu .quote {
	background-image: url(img/background_quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;
	padding-left: 35px;
}
#contenu .big {
font-size:1.2em;
}
#contenu .big2 {
font-size:1.4em;
}
#contenu .aere {
	margin: 5px;
	padding: 10px;
}
#contenu P {
	padding: 10px;
	text-align:left;
}
#contenu .jaune {
	font-weight: bold;
	color: #FFCC00;
}
#contenu .violet {
	color: #91107C;
}
#contenu .liste li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 10px;
	padding: 2px;
}
#contenu #historique td {
	border: 1px dotted #FFFFFF;
	margin: 2px;
	padding: 2px;
	background-color: #4D8197;
}
#contenu #historique td em {
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
}
#contenu .illustration {
	float: right;
	margin: 5px;
}
#contenu .illustration a {
	border:0px;
}
#contenu .illustration img {
	border: 3px solid #CCCCCC;
}
#contenu .illustration_libre {
/* cela signifie que l'alignement est défini directement dans l'image */
	border: 1px solid #CCCCCC;
	margin: 2px;
}
#contenu .error {
	color: #FF0000;
	background-color: #FFCCFF;
	font-size: 12px;
	display: block;
}
#contenu .valid {
	color: #00CC00;
	font-size: 15px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #00CC00;
	background-color: #EDFDEC;
	display:block;
}
#contenu form {
	font-size:14px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#contenu form label {
	padding: 5px;
	margin: 5px;
	display: block;
	background-color: #002D40;
}
#contenu form .custom {
	width: 350px;
}
#contenu form .button {
	font-size: 20px;
	font-weight: bold;
}
#contenu table {
	margin: 0px;
	padding: 0px;	
}
#contenu table.tarifs {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
}
#contenu table.tarifs td,th {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}
#contenu table.tarifs th {
	font-size: 14px;
}
#contenu table.tarifs td.lg_txt {
	font-size: 13px;
	text-align: left;
	font-weight: normal;
}
#contenu #redac_home {
overflow:hidden;
position:relative;
}
#contenu #redac_home img {
	margin-right: 6px;
}
#contenu #colonne_gauche {
	width:400px;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	margin-right: 10px;
	padding-right: 5px;
	font-size:11px;
}
#contenu #colonne_droite {
	margin-left:310px;
}
/* SIDE BAR */
#sidebar {
	margin-left:750px;
	padding-right: 2px;
	padding-left: 5px;
	background-image: url(img/background_sidebar.png);
	background-repeat: repeat;
}
#sidebar h3 {
	background-color: #F3BB00;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	padding: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
#sidebar form {
text-align:center;
}
#sidebar form input {
	font-size: 11px;
}
#sidebar .image_du_jour .titre {
	display:block;
	font-size: 11px
}
#sidebar .image_du_jour .description {
	display:block;
	font-size:10px;
}
/* CONTENU PAGE */
.obs_spec li {
	margin-bottom: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(img/background_fiche.png);
	background-repeat: repeat-x;
	background-position: left -65px;
	overflow:hidden;
}
.conf_spec li {
	margin-bottom: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 1px dotted #C7D6DC;
	padding-left: 5px;
	background-image: url(img/background_fiche.png);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
	background-color: #0091c1;
}
.conf_spec li .titre, .obs_spec li .titre {
	padding-top: 8px;
	padding-bottom: 2px;
	font-size: 19px;
	font-weight: bold;
	display: block;
	color: #F2BB00;
	margin-bottom: 5px;
	padding-left: 2px;
}
.conf_spec li .date, .obs_spec li .date {
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/icon_date.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	padding-right: 10px;
	display: block;
}
.conf_spec li .lieu, .obs_spec li .lieu {
	font-size: 12px;
	font-weight:normal;
	background-image: url(img/icon_lieu.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	padding-right: 10px;
}
.conf_spec li .intervenant, .obs_spec li .intervenant {
	font-size: 12px;
	background-image: url(img/icon_intervenant.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	padding-right: 10px;
	text-align:left;
	color: #ffcc00;
}
.conf_spec li .type, .obs_spec li .type {
	font-size: 12px;
	background-image: url(img/icon_type.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
.conf_spec li .ligne2, .obs_spec li .ligne2 {
	display:block;
	color: #EAEAEA;
}
.conf_spec li .description, .obs_spec li .description {
	display:block;
	margin-left: 7px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #F2BB00;
	margin-top: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.conf_spec li img.illustration, .obs_spec li img.illustration {
	float: right;
	border: 5px solid #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 9px;
}
.promo li {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-color: #F3BC00;
}
.promo li .titre {
	font-size: 14px;
	display:block;
}
.promo_sidebar li {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* GALERIE */
#galerie li {
	float: left;
	height: 120px;
	width: 175px;
	margin: 2px;
	display: block;
}
#galerie li a.fancy {
	border:0px;
}
#galerie li a img {
	border-color:#FFCC00;
}
#galerie li .titre {
display:block;
width:175px;
}
.nota {
border:1px;
background-color:white;
color:red;
font-size:14px;
font-weight:bold;
margin:0 auto;
text-align:center;
padding:3px;
width:30%;
overflow:visible;
/*clear:both;*/
}
/* FANCY */
.iframe img, .fancy img {
	border-color:#FFCC00;
}
.festivaliers li {
	margin: 5px;
	padding: 5px;
	border: 1px solid #999999;
}
.festivaliers li:hover {
	background-color: #000099;
}
.festivaliers a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 14px;
	text-decoration: none;
	display:block;
}
.rounded {
	background-color: #003399;
}