@charset "UTF-8";

* {
	margin: 0;
}

p,h1,h2,h3,h4,h5 { margin:0 0 10px 0; }

html, body {
	height: 100%;
	margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
}
body,div,td { 	
	font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode", Verdana, Arial;
	font-size: 12px;
}
body {
	background: #e1e1e1 url(../images/back_header.jpg) repeat-x;
	margin: 0px;
	font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode", Verdana, Arial;
	font-size: 1em;
}


ul { margin:0;padding:0; }
li { list-style:none; }

hr { 
clear: both;
border: 0; /* enleve toute bordure */
border-bottom: 1px #cccccc solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
margin:2px 0 0 0px;
/margin:10px 0 -8px 0;
}

form { margin:0;padding:0;}

.back-theme { background:#00398a;color:#fff;display:inline-block;padding:1px 5px; }
.back-category { background:#1b5dab;color:#fff;display:inline-block;padding:1px 5px; }

.orange { color:#cf5e1c; }
.blanc { color:#fff; }
.jaune { 	color:#ffa600; }
.rouge { color:#d20014; }
.bleu { color:#3a78cf; }
.violet { color:#56265e; }
.gris,.grey { color:#999999; }
.lightgrey { color:#c8c8c8; }
.xxl { font-size: 2em;}
.xl { font-size: 1.3em;}
.l { font-size: 1.1em;line-height: 1.3em;}
.m { font-size: 1em;}
.s { font-size: 0.9em;}
.xs { font-size: 0.8em;}
.xxs { font-size: 0.7em;}
.i { font-style:italic; }
.b { font-weight:bold; }
.pad10 { padding:10px; }
.pad10-2 { padding:0 10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.date { font-size:0.9em; }
.georgia { font-family: "Georgia", "Times"; }

.titre { 	font-size: 26px;line-height:30px;font-weight:bold;}
.titregrand { 	 font-family: Helvetica, Arial, Verdana, sans-serif;font-size:1.6em;text-align:left;font-weight:bold; }
.sous_titre { 	 font-family: Helvetica, Arial, Verdana, sans-serif;font-size:1.5em;text-align:left; }
.chapeau { 	 font-family: Helvetica, Arial, Verdana, sans-serif;font-size:1.3em;color:#d20014; }
.citation { 	font-size: 14px;font-weight:bold;font-style:italic;color:#A5A594;margin:20px; }

.img-left { margin:5px 20px 10px 0;float:left; }
.border { border:1px solid #e3e3e3; }

.aere { line-height:1.5em; }

.cap { text-transform:uppercase; }

.spacer {
  clear: both;height:1px;
}


.encadre { background:#f2f2f2;padding:10px; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignRight { text-align:right; }
.inline { display:inline; }




a { color:#1b5dab;text-decoration:none;/font-weight:bold; }
a img { border:none; }
a:hover { text-decoration:underline; }
a.nocolor { color:#333333; }
a.nocolor:hover { text-decoration:underline; }
a.titre { font-family: Helvetica, Arial, Verdana, sans-serif;font-size:1.4em;text-align:left; }
a.titre:hover { text-decoration:underline; }

a.discrete,.chapeau a { color:#999999;font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode", Verdana, Arial;
 }
a.discrete:hover,.chapeau a.discrete:hover { 
 }

h1 { font-size:1em;color:#888;font-weight:normal;/font-family:arial;display:inline-block;text-transform:uppercase;  }
h3.textimage  {
	display:none;		
}

.btn-rss { display:block;background:url(../images/bt-rss.png) no-repeat;background-position: 0 0;height:17px;width:40px; }
.btn-rss:hover { background-position:0 -17px; }
.btn-rss:active { background-position:0 -34px; }


#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	color:#fff;height:84px;
 	text-align:right;font-size:10px;
}
#header #logo { float:left;width:200px;height:100%;cursor:hand;}


#header #rechercheForm { margin:40px 10px 0 0;height:40px;width:272px;display:inline-block; }
#header #rechercheForm a.btn-search { background:url(../images/btn_search.png) no-repeat top left;float:right;display:block;width:32px;height:36px; }
#header #rechercheForm a.btn-search:hover { background-position:-32px 0;height:36px; }
#header #rechercheForm input.search { background:url(../images/back_search.jpg) no-repeat top left;border:0 none;height:28px;margin:0;width:240px;color:#aaa;float:left; 
padding:0 10px;
padding:5px 10px !important;
}

#header ul { padding:68px 15px 0 0; }
#header ul li { list-style:none;display:inline;padding:0 5px;color:#fff; }
#header  ul li a.on { color:#fff; }
#header ul li a:hover { text-decoration:none;border-bottom:4px solid #fff; }
#header  ul li a.off { color:#56265e; }
#header  ul li a.off:hover { border:none; }

#box-contact { background:url(../images/box_contact.jpg) no-repeat;height:210px;cursor:hand;font-size:1.6em;color:#fff;line-height:4em;padding-left:20px; }


#page { width:975px;background:url(../images/back_body.jpg) repeat-y center;margin:auto;} 

#footer { width:975px;height:68px;background:url(../images/back_footer.jpg) no-repeat bottom center;font-size:0.9em;color:#fff;} 
#footer ul li { font-size:0.8em;display:inline; }
#footer ul li a:hover { text-decoration:underline; }


#content { width:945px;margin:0px 15px 0 15px;background:#fff;min-height:600px;/height:600px; }


#ventre { display:inline;float:left;margin:0px 0 0 220px;/margin:0px 0 0 10px;width:500px;text-align:left; }
#ventre.wide { width:700px;}
#ventre-full { float:left;margin:0 0 0 200px;width:745px;text-align:left; }

#image { display:inline;clear:both;float:left;width:745px;margin-left:200px; }

#ventre li.li-normal { clear:both;border-bottom:1px solid #cccccc;padding:10px 0;  }

#ventre li.li-off1 { padding:10px;cursor:hand;background:#f0f0f0;position:relative;margin:0 -10px;border-bottom:1px solid #cccccc;  }
#ventre li.li-off2 { padding:10px;cursor:hand;background:#dddddd;position:relative;margin:0 -10px;border-bottom:1px solid #cccccc;  }
#ventre li.li-off1 img ,#ventre li.li-off2 img,#ventre li.li-over img { position:relative;margin:0 -10px;  }

#ventre li.li-over { padding:10px;cursor:hand;background:#70aeee;position:relative;margin:0 -10px;border-bottom:1px solid #cccccc;  }
#ventre li.li-over a,#ventre li.li-over .genre,#ventre li.li-over .genre-festival,#ventre li.li-over .date { color:#fff;position:relative;  }



#background { height:310px;z-index:1; }
#box-credit { 
	position:relative;bottom:0;
	width:200px;
	background:url(../images/back-opacity-75.png); 
}
#creditlegende { padding:10px;font-size:0.9em;color:#666;text-align:left; }

#news-scroll { background:#56265e;color:#fff;font-size:0.9em;height:120px;margin-bottom:-20px; }

#colg { display:inline;margin-top:-15px;/margin-top:0px;float:left;text-align:left;width:200px; }

#menu { background:#00398a;color:#2b8ae9;font-size:0.9em;
	position:absolute;
	z-index:10;
/*	height: auto !important;
   height: 300px; 
   min-height: 180px;
*/   width:200px;
}
#menu ul { margin:0;padding:0;  }
#menu ul li  { list-style-type: none;border-bottom:1px solid #1361cf;  }
#menu ul li h2,#menu ul li a { color:#fff;display:block;width:190px;line-height:20px;background:#00398a;padding-left:10px; padding-top:10px;font-size:1.1em;/font-size:1.2em;/font-weight:bold;margin:0;cursor:hand;text-transform:uppercase;font-weight:normal; }
#menu ul li a {  }
#menu ul li a.index { padding-top:10px; }
#menu ul li a.off  { color:#83C1ff; }
#menu ul li h2:hover,#menu ul li a:hover { background:#1361cf;text-decoration:none;  }

#menu ul.ss-menu  { padding:0; }
#menu ul.ss-menu li { border:0 none; }
#menu ul.ss-menu li a { color:#fff;padding-left:15px;width:185px;padding-top:0;font-size:0.9em; }
#menu ul.ss-menu li a.off { color:#83C1ff;padding-left:15px;width:185px; }


#home-agenda ul li { border-top:1px solid #fff;margin-bottom:5px; }
#home-agenda ul  { margin-top:5px; }

#breadcrumbs { text-transform:lowercase;padding:15px 0; }


#cold { display:inline;float:right;width:200px;text-align:left;background:#ece7ed;overflow:hidden; }

#cold ul#toolbar {  }
#cold ul#toolbar li a {
 display:block;line-height:20px;border-bottom:1px solid #d0ccd0;border-left:1px solid #d0ccd0;font-size:0.8em;
 color:#666666;text-transform:uppercase;padding-left:35px;/margin-right:-10px;/width:200px;
}
#cold ul#toolbar li a:hover { color:#fff;text-decoration:none; }

#cold ul#toolbar  li a.util { height:20px;overflow:hidden; }
#cold ul#toolbar  li a.util.print { background:url(../images/pic_print.gif) 0px 0px; }
#cold ul#toolbar  li a.util.send { background:url(../images/pic_send.gif) 0px 0px; }
#cold ul#toolbar  li a.util.share { background:url(../images/pic_share.gif) 0px 0px; }
#cold ul#toolbar  li a.util.file { background:url(../images/pic_file.gif) 0px 0px; }
#cold ul#toolbar  li a.util:hover { background-position:0px -20px; }

#cold ul#toolbar  #sendtoafriend { font-size:0.9em;padding:0px 5px 0px 5px;border-bottom:1px solid #d0ccd0; }
#cold ul#toolbar  #sendtoafriend label { font-size:0.9em;width:100px;text-align:left; }
#cold ul#toolbar  #sendtoafriend input { width:150px; }
#cold ul#toolbar  #sendtoafriend textarea { width:150px; }

#cold ul#toolbar #sendtoafriend-ok { font-size:10px;padding:10px;background-color:#e3e4e4; }

#cold ul#toolbar #share { display:none;padding:3px 0 2px 5px;background:#e3e4e4;border-bottom:1px solid #d0ccd0; }
#cold ul#toolbar #share a
  { display:inline;width:20px;text-align:left;padding:0;margin:0;}

#cold #cold-comments { margin-top:10px;border:1px solid #d0ccd0;padding:5px 10px;}


#courrier-form { background:#99b3cc;padding:10px;border:1px solid #ddd; }
#courrier-form form label { float:left;width:150px;text-align:right;margin-right:10px;padding-top:5px;vertical-align:bottom;color:#fff;font-size:0.9em; }
#courrier-form form input[type=text] { width:450px; }
#courrier-form form textarea { width:450px; }
#courrier-form form .formOblig { float:left;width:10px;font-weight:bold;font-size:1.3em;text-align:left;padding-top:5px;color:#007ec6; }



#sendtoafriend { font-size:10px;margin-top:20px; }
#sendtoafriend label { font-size:10px;width:100px;text-align:left; }
#sendtoafriend input { width:150px; }
#sendtoafriend textarea { width:150px; }

#sendtoafriend-ok { font-size:0.9em;padding:10px; }


#coord-form { background:#ece7ed;padding:10px; }

.opacity-90 {
filter:alpha(opacity=90); /* IE */
-moz-opacity:0.9; /* Mozilla */
-khtml-opacity: 0.9; /* Safari */
opacity: 0.9; /* CSS3 */
}
.opacity-80 {
filter:alpha(opacity=90); /* IE */
-moz-opacity:0.9; /* Mozilla */
-khtml-opacity: 0.9; /* Safari */
opacity: 0.9; /* CSS3 */
}
.opacity-50 {
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Mozilla */
-khtml-opacity: 0.5; /* Safari */
opacity: 0.5; /* CSS3 */
}
.opacity-30 {
filter:alpha(opacity=30); /* IE */
-moz-opacity:0.3; /* Mozilla */
-khtml-opacity: 0.3; /* Safari */
opacity: 0.3; /* CSS3 */
}

.opacity-10 {
filter:alpha(opacity=10); /* IE */
-moz-opacity:0.1; /* Mozilla */
-khtml-opacity: 0.1; /* Safari */
opacity: 0.1; /* CSS3 */
}
.opacity-0 {
filter:alpha(opacity=0); /* IE */
-moz-opacity:0.0; /* Mozilla */
-khtml-opacity: 0.0; /* Safari */
opacity: 0.0; /* CSS3 */
}