@charset "UTF-8";

* {
	margin: 0;
}
p {
margin-bottom:10px;
 }
 

img, div, a, ul, input { behavior: url(/css/iepngfix.htc) }


html, body {
	height: 100%;
	padding:0;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	background:#333333;
}
body,div,td { 	
	font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode", Verdana, Arial;
	font-size: 12px;
	color:#5D5360;
}
body {
	font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode", Verdana, Arial;
	font-size: 1em;
}




#page { width:985px;margin:auto;text-align:left;padding-top:100px; } 
#header { background:url(../images/back_header.gif) no-repeat;padding:0 20px; }
#content { width:985px;padding-left:20px;background:url(../images/back_notetour.gif) repeat-y; }
#footer { background:url(../images/back_footer.gif) no-repeat;height:180px;text-align:right; }
#footer a { line-height:210px;font-size:10px;color:#555;margin-right:25px; }

#colg { float:left;width:500px;margin:0 0 20px 20px;text-align:left;}
#cold { float:left;width:385px;text-align:left;margin-left:30px;margin-bottom:20px;}

#presentation { padding:10px;background:#008f8f;color:#fff; }



h1 { font-size:1.4em;color:#000;font-weight:normal;font-weight:bold;/font-family:arial;display:inline-block;text-transform:uppercase;  }




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;
}


a, a.link { color:#009999;text-decoration:none;font-style:bold; }
a img { border:none; }
a:hover, .bleu {color:#37cccc; }
a.nocolor { color:#333333; }
a.nocolor:hover { background:inherit;text-decoration:underline; }
a.obvious { color:#22bbec;padding:0 2px; }
a.obvious:hover { background:#22bbec;color:#fff; }

a.discrete,.chapeau a { color:#999999;font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode", Verdana, Arial;
 }
a.discrete:hover,.chapeau a.discrete:hover { 
 }
a.star { background:url(../images/bullet_star_blanc.png) no-repeat left;display:block;padding-left:20px;color:#37cccc; }
a.star:hover { color:#fff; }
a.star-blue { background:url(../images/bullet_star_blue.png) no-repeat left;display:block;padding-left:20px;color:#009797; }
a.star-anis { background:url(../images/bullet_star_anis.png) no-repeat left;display:block;padding-left:20px;color:#cccc00; }

ul { margin:0;padding:0; }
ul.home { margin:-10px 0; }
li { list-style:none; }
ul.puces li {
	list-style:url(../images/puce.png) none outside ;margin-left:20px;
	margin-top:5px;line-height:1em;
}

ul.star li {
	list-style:url(../images/bullet_star.gif) none outside ;margin-left:20px;
	margin-top:5px;line-height:1em;
}

ul.borderlist li {
	padding-bottom:5px;line-height:1em;border-bottom:1px dotted #dadada; 
}





#back { height:100%; }
#container {
/* position:absolute;top:260px;*/
}

#search { float:left;width:200px;margin-top:10px;}
#ventre { background:#e2e2e2;padding:10px;margin:-30px -10px 0 -10px; }

#ventre li { clear:both;  }
#ventre .agenda { height:102px;width:263px;float:left;margin-left:10px;/margin-left:5px;margin-bottom:10px;border:1px solid #fff;cursor:hand;overflow:hidden; }

#ventre .agenda .sample { float:left;width:75px;height:90px;background:#e3e4e4; }
#ventre .accroche { float:right;width:170px; }
#ventre .genre { font-style:italic;font-weight:bold;font-size:0.9em;color:#8e8b8e;margin-top:20px;  }
#ventre .titre { font-weight:bold;font-size:1.5em;line-height:1.1em; }
#ventre .date { font-size:0.8em;line-height:1.5em;color:#8e8b8e; }
#ventre .sous-titre { font-size:1em; }

#ventre .agenda.festival { border:1px solid #ddd; }

#ventre .agenda.over a { color:#22bbec; }
#ventre .agenda.over-rose a  { color:#f23a88; }

#ventre .news { width:252px;float:left;margin:0 5px 10px 15px;/margin:0 2px 10px 7px;cursor:hand;  }
#ventre .news.festival { border:0 none; }
#ventre .genre-festival { font-style:italic;font-weight:bold;font-size:0.9em;color:#f23a88; }
#ventre .news.over a { color:#22bbec; }
#ventre .news.over-rose a { color:#f23a88; }
#ventre .news.over-rose a.sous-titre { color:inherit; }

#ventre #image-une { margin-bottom:10px; }

#ventre li { padding-bottom:10px; }


#ventred a { color:#22bbec; }
#ventred a:hover {text-decoration:underline; }
#ventre a.blanc { color:#fff; }

#related { background:#009999;margin:10px -10px;padding:10px; }

#ventrenews { margin:0 20px;}

#ventred {float:left;width:390px;text-align:left;/overflow:hidden;}
#ventred .texte { line-height:1.5em; }
#ventred .genre, #ventrenews .genre { color:#000;font-size:1.1em;font-style:italic;font-weight:bold;text-transform:uppercase; }
#ventred .titrePage, #ventrenews .titrePage, .titrePage { color:#000;font-size:2em;font-weight:bold; }
#ventred .date , #ventrenews .date { color:#000;font-size:1.1em;font-weight:bold; }

#ventre #comments { clear:both;margin-left:150px; }

#coord-form {  background:#f2f2f2;padding:20px;margin-top:20px;color:#666; }
#comment-form {  background:#f2f2f2;padding:10px;color:#666; }
#comment-form form label { float:left;width:80px;text-align:right;margin-right:10px;padding-top:5px;vertical-align:bottom;height:20px; }
#comment-form form input[type=text] { width:250px; }
#comment-form form textarea { width:250px; }
#comment-form form div { font-size:inherit; }
#comment-form form .formOblig , .formOblig { float:left;width:10px;font-weight:bold;font-size:1.3em;text-align:left;padding-top:5px;color:#fff; }

#courrier-form {  padding:15px;background:#cccc00;width:890px;margin-left:10px; }
#courrier-form div { color:#fff; }
#courrier-form form label { float:left;width:210px;color:#fff;text-align:right;margin-right:10px;padding-top:5px;vertical-align:bottom; }
#courrier-form form input { width:550px; }
#courrier-form form textarea { width:550px; }


#courrier-adresse { margin:10px;background:#e2e2e2;font-size:1.2em;width:920px;text-transform:uppercase; }

.back-grey {  background:#f3f4f4; }
.back-turquoise {  background:#00caf8; }

a.button,input.button{
display:inline-block;
border:solid 1px #ccc;
background:#fff;
line-height:19px;
padding:0 10px;
font-size:11px;line-height:19px;
width:auto;margin-top:5px;
font-weight:bold;
color:#22bbec;cursor:hand;
}
a.button.big { font-size:1.5em;line-height:1.5em; }
a.button:hover,input.button:hover { background:url(/images/back_li.jpg) repeat-x #00caf8;text-decoration:none;color:#fff; }



#myGallery .titre { font-size:1.8em; }


ul#resa { margin-bottom:10px;height:30px;overflow:hidden; }
ul#resa li a { display:block;height:30px;line-height:32px;padding-left:35px;color:#000;background:url(../images/bt-resa.jpg) no-repeat 0 0;font-size:20px; }
ul#resa li a:hover { background:url(../images/bt-resa.jpg) no-repeat 0 -30px;}

#cold ul#toolbar li a {
 display:block;line-height:20px;border-bottom:1px solid #d0ccd0;font-size:10px;
 color:#666666;text-transform:uppercase;padding-left:35px;/margin-right:-10px;/width:160px;
}
#cold ul#toolbar  li a.reservation { display:block;height:30px;line-height:32px;padding-left:35px;color:#000;background:url(../images/bt-resa.jpg) no-repeat 0 0;font-size:20px; }
#cold ul#toolbar  li a.reservation:hover { background-position:0 -30px;color:#fff; }
#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:10px;background:#e3e4e4;padding:5px 5px 10px 35px;border-bottom:1px solid #d0ccd0; }
#cold ul#toolbar  #sendtoafriend label { font-size:10px;width:100px;text-align:left; }
#cold ul#toolbar  #sendtoafriend input { width:200px; }
#cold ul#toolbar  #sendtoafriend input[type=button],#cold ul#toolbar  #sendtoafriend input[type=submit] { width:170px;margin-top:10px; }
#cold ul#toolbar  #sendtoafriend textarea { width:200px; }

#cold ul#toolbar  #share ul { margin-left:35px; }

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


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



#colauto { float:right;width:250px;text-align:left;padding-bottom:20px;/margin-right:-16px; }
#colauto #noisy { background:#e3e4e4;border:1px solid #d0ccd0;border-right:0 none;cursor:hand; }
#colauto #advert { margin:10px 0; }
#content-gallery { background:#ddd;padding:10px 20px;clear:both;min-height:400px;margin-bottom:100px; }

#calendar { float:left;width:670px;}
ul#timeline { width:650px;font-size:10px;/font-family:arial,verdana;/font-size:9px;letter-spacing:-0.5px;text-align:center;color:#a498a2;padding:5px; }

ul#timeline a	{ float:left;display:block;overflow:hidden;height:12px;color:#22bbec; }
ul#timeline a:hover { background:#22bbec;color:#fff; }

ul#timeline a.mois { width:80px;text-align:center;margin-top:2px; }
ul#timeline a#prev { background:url(/images/fleches.gif) no-repeat 0 -3px;margin-top:2px;width:15px;behavior: iepngfix.htc; }
ul#timeline a#prev:hover { background-position:0 -20px; }
ul#timeline a#prev:active { background-position:0 -37px; }

ul#timeline a#next { background:url(/images/fleches.gif) no-repeat -27px -3px;margin-top:2px;width:15px;behavior: iepngfix.htc; }
ul#timeline a#next:hover { background-position:-27px -20px; }
ul#timeline a#next:active { background-position:-27px -37px; }

ul#timeline li { display:block;float:left;margin-right:10px;/margin-right:8px; }
ul#timeline li span { display:block;float:left;text-align:left;padding:1px 0px 1px 1px;/color:#a498a2;margin:1px;/height:20px; }
ul#timeline li a {  display:block;float:left;padding:1px 0px 1px 1px;margin:1px;  }
ul#timeline li a.now { border:1px solid #d1cbd0;margin:0;padding-bottom:2px;/height:17px; }
ul#timeline li span.now { border:1px solid #d1cbd0;margin:0;width:11px;padding:1px;/height:17px;}
ul#timeline li a.link { color:#22bbec;text-decoration:none;font-style:bold; }



#nav-menu { width:980px;text-transform:uppercase;text-align:left;height:24px;position:relative;cursor:hand; }

#menuDeroulant { font-size:10px;/letter-spacing:-0.1em;text-align:center;}
#menuDeroulant li {	
color:#999;background:#e3e4e4;
margin:0;padding:0; display:block;float:left;
height:25px;width:140px;
border-bottom:1px solid #d1cbd0;
cursor:hand;
}
#menuDeroulant li.on {	background:#fff;border-bottom:1px solid #d1cbd0;  }

#menuDeroulant li a { color:#000;display:block;padding:2px 5px;float:left;height:21px;line-height:22px;width:130px;/width:140px; }
#menuDeroulant li a:hover { color:#fff;background:#4bd2f7 url(../images/back_li.jpg) repeat-x 0 0; }
#menuDeroulant li a.link { color:#22bbec;text-decoration:none;font-style:bold;border-bottom:1px solid #000; }
#menuDeroulant li.menu-on { color:#fff;background:#4bd2f7 url(../images/back_li.jpg) repeat-x 0 0; }


.sousMenu { display:none;position:absolute;top:25px;height:24px;line-height:24px;width:980px;color:#00a3cc;background:#eee url(../images/back_li.jpg) repeat-x top left;display:none;border-bottom:1px solid #d0ccd0; }
.sousMenu li { 	 display:block;float:left;
cursor:hand;}
.sousMenu li a { 
	color:#000;padding:0 10px;
	margin: 0;cursor:hand;
}
.sousMenu li a:hover
{
color:#fff;
}

.legende { background:#f2f2f4;padding:3px 10px;font-size:.9em;color:#22bbec;height:15px; }


#breadcrumbs { height:25px;line-height:25px;padding:0 10px;/padding:0px 10px;text-transform:lowercase; }
#breadcrumbs a { color:#22bbec;padding:0 2px; }
#breadcrumbs a:hover { background:#22bbec;color:#fff; }


#ventre a.gallery { background:url(/images/back_li_grey.jpg) repeat-x #e8e8e8;padding:10px 16px;float:left;display:block;float:left;text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;cursor:hand; }
#ventre a.gallery:hover { color:#fff;background:url(/images/back_li.jpg) repeat-x #00caf8; }



.rose { color:#f23a88; }
.turquoise { color:#22bbec; }

.orange { color:#cf5e1c; }
.blanc { color:#fff; }
.jaune { 	color:#ffa600; }
.rouge { color:#cc0000; }
.brique { color:#990000; }
.violet { color:#56265e; }
.gris,.grey { color:#999999; }
.noir,.black { color:#000000; }
.lightgrey { color:#c8c8c8; }
.xxl { font-size: 2em;}
.xl { font-size: 1.3em;}
.l { font-size: 1.1em;line-height: 1.3em;}
.s { font-size: 0.9em;}
.xs { font-size: 0.8em;}
.xxs { font-size: 0.7em;}
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad10-2 { padding:0 10px; }
.pad15 { padding:15px; }
.pad15-2 { padding:0 15px; }
.pad20 { padding:20px; }
.date { font-size:0.9em; }
.georgia { font-family: "Georgia", "Times"; }
.i { font-style:italic; }



.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:0px 15px 0 0;float:left; }
.border { border:1px solid #d0ccd0; }
.border-top { border-top:1px solid #d0ccd0; }
.border-bottom { border-bottom:1px solid #d0ccd0; }
.border-left { border-left:1px solid #d0ccd0; }
.border-right { border-right:1px solid #d0ccd0; }

.cap { text-transform:uppercase; }

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


.encadre { color:#22bbec; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center;margin:auto; }
.inline { display:inline;display:moz-inline-block; }
.block { display:block; }

.contain-img { clear:both;background:#e2e2e2;text-align:center; }

h3.textimage  {
	display:none;		
}
.btn-rss { float:right;margin:10px 20px;/margin:10px;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; }


#search { float:left;width:194px; }
#search input { width:170px;color:#a498a2;/font-size:10px;font-size:10px !important;float:left; }
.btn-search { float:right;display:block;background:url(../images/bt-search.gif) no-repeat;background-position: 0 0;height:20px;width:20px; }
.btn-search:hover { background-position:0 -20px; }
.btn-search:active { background-position:0 -40px; }

.btn-formulejeunes { float:right;margin:0 0 10px 10px;/margin:10px;display:block;background:url(../images/pic_formulejeunes.gif) no-repeat;background-position: 0 0;height:66px;width:66px; }
.btn-formulejeunes:hover { background-position:0 -66px; }

.btn-extra { float:right;margin:0 0 10px 10px;/margin:10px;display:block;background:url(../images/pic_extra.gif) no-repeat;background-position: 0 0;height:66px;width:66px; }
.btn-extra:hover { background-position:0 -66px; }

.btn-creation { float:right;margin:0 0 10px 10px;/margin:10px;display:block;background:url(../images/pic_creation.gif) no-repeat;background-position: 0 0;height:66px;width:66px; }
.btn-creation:hover { background-position:0 -66px; }


.stripes { background:url(/images/back_stripes.png) repeat-x;margin:-15px -15px 10px -15px;padding:10px 15px;color:#000;text-align:center; }


.displayBlock{
	display:block;
}
.displayNone{
	display:none;
}


#background { height:310px;z-index:1; }
#creditlegende { padding:10px;font-size:0.9em;color:#cb0600;text-align:left; }




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



form label { float:left;width:150px;text-align:right;margin-right:10px;padding-top:5px;vertical-align:bottom; }
form input { width:350px; }
form input[type=text] { width:350px; }
form textarea { width:350px; }


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


.aere { line-height:1.5em;text-align:left; }
.aere ul  { margin:10px 50px;line-height:1.2em; }
.aere ul li { list-style-type:disc;padding:2px 0;}


.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 */
}