html, body {
margin:0;
padding:0;
background-image:url(../pictures/fond-croix.gif);
background-repeat:repeat;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
}

img{border:none;margin:0;padding:0;}

a:link, a:visited {
	color: #0099CC;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;
}

@font-face{
    font-family:evolette;
    src: url("../pictures/TJEvoletteA_04.ttf");
}

h2, h3, h4, h5{
    font-family:evolette;
    letter-spacing:1px;
}


/*--------------[ header ]------------------*/
#header{
	width:850px;
	margin:0 auto;
	padding-left:50px;
	margin-top:50px;
	height:130px;
	background:url(../pictures/cadre_top.png) no-repeat bottom right;
}
#header h1{
z-index:1;
position:relative;
}
#header ul{
	top:0;
	margin-top:0;
	padding:0;
	list-style:none;
	text-align:left;
z-index:30;
}
#header ul#ul_ile{
position:absolute;
top:77px;
margin-left:83px;
padding-left:25px;
list-style:none;
background:url(../pictures/ulhaut.gif) no-repeat left 5px;
}
#header ul#ul_oeil{
position:absolute;
top:135px;
margin-left:-15px;
padding-top:20px;
padding-right:0px;
width:90px;
background:url(../pictures/ulbas.gif) no-repeat right 0px;
}

#header ul li{
border:1px solid;
display:block;
width:100px;
height:20px;
margin:20px;
padding:0;
text-align:center;
background:#fff;
}
#header ul#ul_ile li{float:left;}
#header ul li a{
background:#fff;
display:block;
width:98px;
height:18px;
padding:1px;
border-bottom:2px solid #000;
border-right:2px solid #000;
color:#000;
z-index:30;
}
#header ul li a:hover{
background:#a3d9eb;
text-decoration:none;
}

#header li.head_fest{margin-left:-35px;width:70px;margin-bottom:0;margin-top:15px;}
#header li.head_fest a{width:68px;}

#header li#head_actu{margin-left:-35px;margin-top:10px;}
#header li#head_fest{margin-left:-55px;}
#header li#head_sele a, #header li#head_dech a{height:38px;}

#header li#head_lien{
margin-top:18px;
margin-left:0px;}
#header li#head_arch{
margin-left:0px;
margin-top:7px;
}
#header li#head_sens{
margin-left:0px;
margin-top:10px;
}
#header li#head_rech{
margin-left:0px;
margin-top:15px;
}


#header li#fest2011{margin-left:-10px;}
#header li#fest2012{margin-left:-25px;}
#header li#fest2013{margin-left:-5px;}
#header li#fest2015{margin-left:-15px;}
#header li#fest2016{margin-left:-22px;}
#header li#fest2017{margin-left:5px;}
#header li#fest2018{margin-left:-25px;}
#header li#fest2021{margin-left:-15px;}
#header li#fest2022{margin-left:5px;}

#header ul#contactlist{
position:absolute;
top:156px;
margin-left:720px;
}
#header ul#contactlist li, #header ul#contactlist li a, #header ul#contactlist button{
border:none;
display:inline;
font-size:10px;
margin:0;
background:none;
color:#666;
}
#header ul#contactlist button{
font-size:10px;
width:auto;
padding:0;
letter-spacing:1px;
}
#header ul#contactlist li a:hover, #header ul#contactlist li button:hover{
font-weight:bold;
padding:0;
background:none;
cursor:pointer;
letter-spacing:0px;
}
#header ul#contactlist form{display:inline;}

/*--------------[ contenu]------------------*/
#contenu {

	width: 627px;
padding:25px;
padding-left:204px;
padding-right:40px;
	height: auto;
min-height:500px;
	margin:0 auto;
	background:url(../pictures/cadre_center.png) repeat-y right top ;
}
#contenu h2{
margin-top:30px;
font-size:15px;
}
#contenu h2.surtitre{
margin-bottom:-10px;
margin-top:40px;
font-size:20px;
text-align:center;
}
#contenu h3{
text-align:center;
margin-top:30px;
font-size:12px;
}
#contenu .blocfest h3{
display:inline-block;
background:#ddd;
overflow:hidden;
margin:0;
height:85px;
width:94px;
vertical-align:top;
padding:15px 3px 0px 3px;
}
#contenu .blocfest ul{
display:inline;
vertical-align:top;
margin:0;
padding:0;
}
#contenu p{
text-align:justify;
}
#contenu li{
list-style:none;
margin-bottom:3px;
}

#contenu ul#ul_dates{
padding:0;
text-align:center;
margin-bottom:30px;
}
#contenu ul#ul_dates li{
display:inline;
margin-right:10px;
font-size:16px;
font-weight:bold;
}
#contenu ul#ul_dates li a{
font-weight:normal;
}

#contenu dl{
margin-top:40px;
margin-bottom:40px;
}
#contenu dt{
margin-top:15px;
  font-size:14px;
  padding-left:10px;
margin-bottom:0px;
}
#contenu dd{
  margin-top:4px;
margin-bottom:4px;
}
#contenu dd.petit{
font-size:10px;
margin-bottom:10px;
}

#footer{
width:680px;
font-size:10px;
margin:auto;
text-align:center;
padding:50px;
padding-top:40px;
padding-left:170px;
background:#fff;
background:url(../pictures/cadre_bottom.png) no-repeat right top ;
}

dl#logospartenaires dd{
display:inline-block;
margin:5px;
}
dl#logospartenaires dd.block{
display:block;
}
dl#logospartenaires dt{
margin-top:40px;
margin-bottom:20px;
background:#eee;
}

/*--------------[ classes ]------------------*/
#contenu p.right-italic{
text-align:right;
font-style:italic;
}


/*--------------[ festival ]------------------*/
ul#switcher{
border-bottom:1px dotted;
padding:0;
text-align:center;
}

ul#switcher li{
border:1px dotted;
border-bottom:0;
display:inline-block;
margin-right:10px;
font-size:14px;
margin-bottom:-1px;
}
ul#switcher li#sw1{
border-bottom:1px solid #fff;
}
ul#switcher li a{
display:block;
padding:2px 20px;
}
ul#switcher li a:hover{
background:#0099CC;
color:#fff;
text-decoration:none;
}

ul.inline{
text-align:center;
padding:0;
}
ul.inline li{
display:inline;
margin:0px;
line-height:18px;
}