@charset "utf-8";
/* - CSS DOCUMENT FESTIVAL - 03-2010 

	DEFINITIONS: All CSS PRESENTATION
	AUTHOR:			
	VERSION:	
*/

/* MAIN */


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ebfcfd;
	margin: 0; 
	padding: 0;
	color: #333;
}

#contactc{
width: 524px;
min-height: 175px;
padding: 0 5px 0px 5px;
float:right;
font-size:11px;
}


#topco{
	width: 300px;
	min-height: 94px;
	float:left;
	border-bottom: 1px solid #0056a9;
	padding: 5px 5px 5px 5px;
	overflow:auto;
}
#contactp{
	width: 260px;
	min-height: 68px;
	float:left;
	padding: 0px 5px 5px 5px;

}

#rightcontact{
	height: 178px;
	width: 210px;
	float:right;
	border-left: 1px solid #0056a9;
	overflow: auto;
	padding: 0px 5px 5px 10px;
}


#lbt{
	text-align:center;
	float: left;
	width: 740px;
	height: 100px;
	border-right: 1px solid #0056a9;
	line-height:10px;
	}
	
/*.position_t1{ margin-top:7px; margin-bottom:10px; text-align:center;}*/
	
	#bigcont{
	height: 770px;
	width: 100%;
	background: url(../images/bg.png);
	}
#container{
height: 700px;
width: 990px;
background: #fff;
margin-top: 0px;
margin-left:  auto;
margin-right:  auto;
font-family: Verdana, Calibri, "Trebuchet MS", Arial, Helvetica, Verdana, Geneva, sans-serif;
color:#fff;	

}
.bigtxtcontact{
	color: #ffcd00;
	font-family:"Arial Black", Arial, Impact, Gadget, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}	
	.partcon a{
		text-align: center;
		font-family:"Arial Black", Arial, Impact, Gadget, sans-serif;
		font-size:14px;
		color: #FC0;
		margin-top: 40px;
		
	}
#header{
height: 256px;	
width: 990px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background: #fff;
	
}
.logo{
	margin-left: 4px;
	margin-top: 25px;
	z-index: 2;
	float:left;
}


/* Navigation system START */
#navigation{
width: 990px;
height: 34px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}

#navigation ul {
        width: 990px; 
        height: 32px; 
        position: absolute;
        list-style: none;
        margin: 0; padding: 0;
}
#navigation li {
        display: inline;
}
#navigation li a:link, #navigation li a:visited {
        border: none;
        width: 144px; 
        height: 32px; 
        display: block; 
        position: absolute; 
        top: 0; 
        text-indent: -70000px;
        outline: none;
}
#navigation li.accueil a:link, #navigation li.accueil a:visited { 
width: 144px;
height: 32px;
margin-left: 10px;
background: url(../images/festival.png) no-repeat;
}

#navigation li.accueil a:hover {
        background: url(../images/festival2.png) no-repeat; 
}

#navigation li.presentation a:link, #navigation li.presentation a:visited { 
width: 144px;
height: 32px;
margin-left: 164px;
background:url(../images/phototheque.png) no-repeat;
}


#navigation li.presentation a:hover {
        background: url(../images/phototheque2.png) no-repeat; 
}


#navigation li.prog a:link, #navigation li.prog a:visited { 
width: 276px;
height: 32px;
margin-left: 318px;
background:url(../images/programme_presse.png) no-repeat;
}


#navigation li.prog a:hover {
        background: url(../images/programme_presse2.png) no-repeat; 
}


#navigation li.amenag a:link, #navigation li.amenag a:visited { 
width: 144px;
height: 32px;
margin-left: 604px;
background:url(../images/infos.png) no-repeat;
}


#navigation li.amenag a:hover {
        background: url(../images/infos2.png) no-repeat; 
}


#navigation li.realisations a:link, #navigation li.realisations a:visited { 
width: 200px;
height: 32px;
margin-left: 758px;
background:url(../images/contacts_partenaires.png) no-repeat;
}


#navigation li.realisations a:hover {
        background: url(../images/contacts_partenaires2.png) no-repeat; 
}


#navigation li.contact a:link, #navigation li.contact a:visited { 
width: 117px;
height: 20px;
margin-left: 692px;
background:url(../images/menu-coordonnees.png) no-repeat;
}


#navigation li.contact a:hover {
        background: url(../images/menu-coordonnees-h.png) no-repeat; 
}

/* Navigation system END */



#menuc{
	height: 34px;
	padding-top: 0px;
	padding-left: 10px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background:url(../images/menu-background.jpg) no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
}
#content{
background: #0b3087 url(../images/main_bg.jpg) no-repeat;
width: 990px;
height: 450px;

}

#blox{
	width: 875px;
	height: 225px;
	background: url(../images/sec_bg.png) no-repeat;
	margin:auto;
	padding-left: 4px;
	padding-right: 1px;
	
}

.welcome{
margin-left: 14px;
margin-top: 42px;
z-index: 4;
}

#smlblox{
	width: 615px;
	height: 182px;
	float:right;
}

.btn{
	z-index: 3;
	float:left;
}

#leftie{
	float:left;
	width: 258px;
}

#contenttext{

	width: 960px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	margin-top:65px;
	min-height: 145px;
	font-size:11px;
	float:left;

}

#contenttext2{

	width: 864px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 375px;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	background: url(../images/cbg.png);
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}

/*Ajouter*/
#contenttext2 div.Bleft{float:left; overflow:hidden;}
b{
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffcd00;
}
ul.puce1{
list-style-type: none;
padding: 0;
margin: 0;
}

ul.puce1 li{
background-image: url(../images/puce.gif);
background-repeat: no-repeat;
background-position: 0 .8em;
padding-left: .6em;
}
/*Ajouter*/

h2{
	font-size:18px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffcd00;
	margin: 5px 5px 15px 0px;
}


.pic{ 
float:left;
margin: auto;
height: 280px;
width: 380px;
margin-top:10px;
}

.mtext{
	height: 340px;
	margin-left: 4px;
	margin-top: 11px;
	padding: 0px 17px 5px 0px;
	width:455px;
	line-height: 18px;
	text-align:justify;
	float:right;
	overflow:auto;
}

.mtext h2{
	font-size:18px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffcd00;
	margin: -3px 5px 15px 0px;
	padding:0px;
}

.txtli{
	list-style: circle;
}



.years{
margin: auto;
text-align:center;
color:#ffcd00;
font-size:16px;
font-weight:bold;
}

.years a{
	color:#ffcd00;
}
.activeyear{
	font-size: 28px;
}
.btns{
text-align:left;
width: 858px;
height: 40px;
margin-left:auto;
margin-right:auto;
margin-top: 12px;
padding-right: 5px;
padding-left: 15px;
padding-top: 20px;
border-top: 1px solid #0056a9;
}

.btns2{
text-align:center;
width: 858px;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
padding-right: 5px;
padding-left: 15px;
padding-top: 0px;
border-top: 1px solid #0056a9;
}
.mtxt2{
height: 305px;
overflow:auto;
padding-left: 5px;
padding-right: 20px;
	
}
#contenttext p{
 width: 810px;
float: left;
 margin-bottom: 15px;
}

#intropic{
width: 165px;
float:right;
}


.zid{
	z-index: 7;
}

.ziu{
	z-index: 9;
	margin-top: -7px;
}
.flr{
	margin-top: 5px;
	float: right;
	margin-right: 18px;
}

#contenttextsite{

	width: 580px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 15px;
	overflow: auto;
	float:left;
	color: #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-bottom: 5px;

}

#pics{
	width: 277px;
	min-height: 405px;
	text-align: center;
	float:right;
	margin-right: 2px;
}

#innerblock{
width: 252px;
min-height: 305px;
margin-left: 12px;
margin-top: 4px;
margin-bottom: 5px;
float: right;
background:  url(../images/bg-box-1.png) no-repeat;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color:#FFF;
}

#innerblock p{
width: 185px;
text-align:center;
margin-left: 25px;
float:left;
}

#contentblocks{
width: 688px;
clear:both;
}


#contenttextsite li{
	list-style:circle;
	list-style-position:inside;
	padding-left: 50px;
}


#contentpics{
	width: 23%;
	height: 340px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-top: 15px;
	margin-left: 10px;
	overflow: hidden;
	float:left;
	border-left: solid medium #d0d0d0;
}

#block1{
width: 270px;
height: 180px;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 1px;
margin-right: 1px;
float: left;
background: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
color:#000;
}



.bi {margin-left: 50px;}

#block1  p{
width: 265px;
margin-left: 10px;
font-size: 9px;
margin-top: -2px;
}
#block2{
width: 255px;
height: 172px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 5px;
float: left;
background: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
color:#000;
}
#block2  p{
width: 265px;
margin-left: 10px;
font-size: 9px;
margin-top: -2px;
}





.am {
margin-left: 42px;
margin-top: 10px;
}
#footer{
height: 61px;
width: 990px;
padding-top: 3px;
background: #fff url(../images/footer.jpg);
position: relative;
clear:both;
font-family: "Franklin Gothic Book", Verdana, Arial, sans-serif;
font-size: 9px;
color:#FFF;
}

img { border: 0 none; }

a{
	color:#eee; 
	font-weight:bold; 
	text-decoration:none; 
	}
a:hover{
	color:#ffcc00; 
	text-decoration:none; 
	}

.title{
color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 13px;
width: 218px;
float:left;
}

.txt{
color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 10px;
width: 218px;
float:left;

}

.lf{
margin-left: 15px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
width: 980px;
height: 25px;
}

.rs{
color: #fecc0b;	
letter-spacing: 3px;
font-weight: bold;
font-size: 16px;
margin-left: 10px;
}


.cpy{
margin-left: 10px;
font-size: 11px;
letter-spacing: 1px;
}

.wlink{
	color:#FFF;
	font-size: 9px;
	text-decoration: underline;
	margin-left: 135px;
	margin-top: 4px;
	float:left;
}

#gallery
        {
           
            padding: 5px;
            width: 825px;
			position:absolute;
			margin-left:20px;;
			overflow: auto;
			height: 330px;
        }
        #gallery ul
        {
            list-style: none;
        }
        #gallery ul li
        {
            display: inline;
			
        }
        #gallery ul img
        {
            margin-top: 4px;
			margin-right: 4px;
			border: 2px solid #eedddd;
            border-width: 2px 2px 2px;
        }
        #gallery ul a:hover img
        {
            border: 2px solid #fff;
            border-width: 2px 2px 2px;
            color: #fff;
        }
        #gallery ul a:hover
        {
            color: #fff;}
/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS:	Reset

	CONTENTS:
		
	1				Global reset
	2				Global reset-RESET
	3				Handles

-----------------------------------------------------------------
-------------------------------------------------------------- */
/* 1	Global reset (based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui) */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
a { text-decoration:none }

/* 2	Global reset-RESET (restores some sensible defaults) */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:active { outline:none }

/* 3	Handles */
div, ul, li, form { position:relative }
.fix:after { content:" "; visibility:hidden; display:block; height:0; clear:both }
* html .fix { height:1% }
.hide { display:none } /* Handy for development */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }