html{}

body{background:#16424D;/*url(./images2/2013fond-body.jpg) no-repeat top center;*/font-family:Arial, sans serif;font-size:12px;color:#333;}
#conteneur{}
#header{width:996px;background:#186F80 url(./images2/2013bgheader.jpg) no-repeat top center;/*background:#EFDCA4 url(images2/bgheader.jpg) no-repeat top center;*/position:fixed;top:0;left:50%;margin-left:-498px;z-index:1000;border-left:0px solid #c6a132;border-right:0px solid #c6a132;}
#header_contenu{width:996px;margin:0 auto;position:relative;}
#header_logo{text-align:center;margin-top:5px;}
#header_logo2{position:absolute;right:40px;top:60px;}
#header_accroche{font-family: "gent", Georgia, serif;font-size:21px;color:#FFF;text-align:center;margin-top:3px;}
#header_dates{font-family:"rotisnormal", "gent", Georgia, serif;font-size:28px;color:#FFF;margin-left:261px;}
#header_dates sub{font-size:22px;vertical-align: text-top;}
#menu{position:relative;width:100%;margin:-1px auto 0 auto;padding:0;background:#16424D;}
#menu ul{position:relative;width:996px;margin:0 auto;min-height:42px;}
#menu ul li{display:table-cell;padding:0px;vertical-align:middle;}
#menu ul li a{display:block;text-align:center;padding:0px 15px;text-decoration:none;color:#FFF;font-weight:bold;line-height:42px;}
#menu ul li a:hover{text-decoration:none;color:#FFF200;/*background:url(images2/bgmenulihover.gif) repeat-x bottom left;*/}
#menu ul li ul{display:none;clear:left;background:url(images2/bg_opacity.png);border:0px solid #F281B3;top:42px;position:absolute;z-index:20;width:200px;padding:0;}
#menu ul li ul li{display:inline;background:none;padding:0;}
#menu ul li ul li a{display:block;color:#FFF;padding:2px 2px 2px 10px;text-align:left;line-height:25px;}
#menu ul li ul li a:hover{color:#FFF;color:#FFF200;/*background:url(images2/bgmenulihover.gif) repeat-x bottom left;*/}
#contenu{background:#F6F1D1 url(./images2/fond-concert.jpg) no-repeat top left;width:996px;margin:192px auto 0;border-left:0px solid #c6a132;border-right:0px solid #c6a132;}
#contenu2{background:transparent;padding-top:10px;}
#footer{width:996px;color:#FFF;height:48px;margin:0 auto;background:#16424D;/* url(images2/bgfooter.jpg) repeat-x top left;*/border-left:0px solid #c6a132;border-right:0px solid #c6a132;clear:both;}
#footer_contenu {width:950px;margin:0 auto;text-align:center;line-height:48px;}
#footer_contenu a{color:#FFF;font-weight:bold;text-decoration:none;}
#footer_contenu a:hover{text-decoration:underline;}
#diaporama{width:980px;height:277px;overflow:hidden;background:transparent url(./images2/diapotest.png) no-repeat center center;margin:0 auto;}
#slider {
    position:relative;
    width:932px; /* Change this to your images width */
    height:254px; /* Change this to your images height */
	margin-left:24px;
	margin-top:7px;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

#diaporama2{width:725px;height:257px;overflow:hidden;background:transparent url(./images2/diapotest2.png) no-repeat center center;
  margin:0 auto;}
#slider2 {
    position:relative;
    width:725px; /* Change this to your images width */
    height:254px; /* Change this to your images height */
  margin-left:10px;
  /*margin-top:7px;*/
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider2 img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider2 a {
    border:0;
    display:block;
}

h1{font-size:18px;color:#717274;border-bottom:1px dotted #717274;margin-bottom:10px;}

#colonne{position:relative;float:left;width:230px;min-height:500px;margin-left:8px;}
#colonne .menu_titre{background:#F281B3;color:#FFF;padding:10px 5px;font-weight:bold;}
#colonne .menuv ul{margin:5px 0;}
#colonne .menuv ul li{margin-left:15px;padding:2px 0;}
#colonne .menuv ul li a{color:#333;text-decoration:none;}
#colonne .menuv ul li a:hover{color:#16424D;text-decoration:none;font-weight: bold;}
#colonneinner.fixed {
  position: fixed;
  bottom: 100px;
  width:230px;
}

#affiche_brochure{text-align:center;margin-top:10px;}
#affiche_brochure a{color:#333;font-weight:bold;text-decoration: none;vertical-align:baseline}

#page{float:left;width:715px;padding:10px 0 10px 10px;}
#page a{font-weight: bold !important; text-decoration: underline !important; color: #F281B3 !important;}
#page a:hover{font-weight: bold !important; text-decoration: underline !important; color: #00B0E7 !important;}

#ariane{margin:0 0 10px 0;}
#ariane a{color:#F281B3;}

.spacer0{clear:both;height:0;font-size:0;}
.hleft{text-align:left;}
.hright{text-align:right;}
.hcenter{text-align:center;}
em{font-style:italic;}

/*ACTUALITES*/
ul#slider-news{min-height:250px;position: relative;}
ul#slider-news .visuel{margin-top: 7px;}
ul#slider-news .titre{font-weight: bold;margin-top: 15px;font-size: 14px;}
ul#slider-news .texte{margin: 10px 0;}
ul#slider-news .lien{text-align: right;}
a#prev2{position: absolute;z-index:10;right: 20px;top:150px;width:25px;height: 23px;line-height: 23px;background:#F281B3;color:#FFF !important;text-align: center;text-decoration: none !important;}
a#next2{position: absolute;z-index:10;right: -10px;top:150px;width:25px;height: 23px;line-height: 23px;background:#F281B3;color:#FFF !important;text-align: center;text-decoration: none !important;}
a#prev2:hover, a#next2:hover{color:#FFF !important;text-decoration: none !important;}


#concerts{}
#concerts table{width:98%;}
#concerts table tr{}
#concerts table tr td{padding:10px;}
#concerts table tr td.td_left{width:420px;border-bottom: 1px solid #F281B3;}
#concerts table tr td.td_right{width:260px;}
#concerts .c_date{color:#333;font-size:16px;font-weight:bold;}
#concerts .c_lieu{text-transform:uppercase;color:#888;font-family:Verdana, sans serif;font-size:16px;margin-top:5px;}
#concerts .c_soutien{font-size:10px;}
#concerts .c_titre{color:#000;font-size:28px;font-family:"rotisnormal", "gent", Georgia, serif;margin:10px 0;}
#concerts .c_titre span{display:block;font-style:italic;font-size:21px;font-family:"rotisnormal", "gent",Georgia, serif;vertical-align:baseline;}
#concerts .c_artistes{color:#F281B3;font-size:14px;font-weight:bold;}
#concerts .c_details{}
#concerts .c_lien{margin-top:15px;}
#concerts .c_lien a{color:#F281B3;}
#concerts .c_lien a:hover{}
#concerts .c_image{text-align:center;}

#concerts2012 table{width:100%;}
#concerts2012 table tr{}
#concerts2012 table tr td{padding:10px;}
#concerts2012 table tr td.td_left{width:480px;border-bottom: 1px dotted #717274;}
#concerts2012 table tr td.td_right{width:200px;}
#concerts2012 .c_date{color:#333;font-size:12px;font-weight:bold;}
#concerts2012 .c_lieu{color:#333;font-family:Arial, sans serif;font-size:12px;margin-top:5px;}
#concerts2012 .c_soutien{font-size:10px;}
#concerts2012 .c_titre{color:#00B0E7;font-weight:bold;font-style:italic;font-size:12px;font-family:Arial, sans serif ;margin:3px 0;}
#concerts2012 .c_titre a{}
#concerts2012 .c_titre span{display:inline;color:#333;font-weight:normal;font-style:normal;font-size:12px;font-family:Arial, sans serif ;vertical-align:baseline;}
#concerts2012 .c_artistes{color:#F281B3;font-size:12px;font-weight:normal;}
#concerts2012 .c_details{}
#concerts2012 .c_lien{text-align:right;}
#concerts2012 .c_lien a{background:transparent;color:#F281B3;padding:3px 10px;}
#concerts2012 .c_lien a:hover{color:#f58c4f;}
#concerts2012 .c_lien span{}
#concerts2012 .c_images{text-align:right;padding:10px 0;}
#concerts2012 .c_image{margin:4px;width:90px;}

#concert{}
#concert a{color:#F281B3;}
#concert .c_lieu{text-transform:uppercase;color:#888;font-family:Verdana, sans serif;font-size:16px;margin-top:5px;}
#concert .c_date{color:#333;font-size:16px;font-weight:bold;}
#concert h1{color:#000;font-size:28px;font-family:"rotisnormal", "gent", Georgia, serif;margin:10px 0;}
#concert h1 span{font-style:italic;font-size:21px;font-family:"rotisnormal", "gent",Georgia, serif;vertical-align:baseline;}
#concert .c_artistes{margin:15px 0;}
#concert .c_artistes ul{}
#concert .c_artistes ul li{display:block;float:left;width:200px;text-align:center;}
#concert h2{color:#000;clear:left;font-size:21px;font-family:"rotisnormal", "gent", Georgia, serif;margin:20px 0 10px 0;}
#concert .c_artiste_programme{font-weight:bold;margin:5px 5px 0;}
#concert .c_programme {margin-bottom:15px;}
#concert .c_programme table{margin-left:15px;}
#concert .c_programme table tr td{margin:5px;padding:0 10px 10px;}
#concert .c_programme_titre{vertical-align:top;font-weight:bold;}
#concert .c_navigation{width:100%;margin-top:15px;}

#concert2012{position:relative;}
#concert2012 a{color:#F281B3;}
#concert2012 .c_lieu{text-transform:uppercase;color:#333;font-family:Arial, sans serif;font-size:12px;margin-top:5px;}
#concert2012 .c_date{color:#333;font-size:12px;font-weight:bold;}
#concert2012 .c_heure{font-weight:bold;}
#concert2012 h1{color:#00B0E7;font-weight:bold;font-style:italic;font-size:16px;font-family:Arial, serif;margin:10px 0;border:0 none;}
#concert2012 h1 span{color:#333;font-size:12px;font-weight:normal;font-family:Arial, sans serif;vertical-align:baseline;}
#concert2012 .c_artistes{margin:15px 0;}
#concert2012 .c_artistes ul{}
#concert2012 .c_artistes ul li{display:inline-block;width:200px;text-align:center;margin-top:10px;}
#concert2012 .c_artistes ul li a{color:#F281B3;font-weight:bold;text-decoration:underline;}
#concert2012 h2{color:#333;clear:left;font-size:12px;font-family:Arial, sans serif;margin:20px 0 10px 0;}
#concert2012 .c_artiste_programme{font-weight:bold;margin:5px 5px 0;}
#concert2012 .c_programme {margin-bottom:15px;}
#concert2012 .c_programme ul{margin:10px;list-style-type:disc;padding-left: 10px;}
#concert2012 .c_programme table{margin-left:15px;}
#concert2012 .c_programme table tr td{margin:5px;padding:0 10px 10px;}
#concert2012 .c_programme_titre{vertical-align:top;font-weight:bold;white-space:nowrap;}
#concert2012 .c_navigation{width:100%;margin-top:15px;}
#concert2012 .c_details{text-align:justify;}

.artistes2012{}/**/
.artistes2012 .a_texte{text-align:justify;margin-top:10px;}/**/

.artistes{}/**/
.artistes a{color:#F281B3;}

#pedagogie{}
#pedagogie ol{}
#pedagogie ol li{margin:10px;}
#pedagogie .c_lieu{color:#00B0E7;font-weight:bold;}
#pedagogie .c_date{color:#00B0E7;}
#pedagogie a{color:#F281B3;font-weight:bold;text-decoration:underline;}
#pedagogie strong{display: block;font-size:13px;margin-bottom:3px;}

#tourisme{}
#tourisme ol{}
#tourisme ol li{margin:10px;}
#tourisme .c_lieu{color:#00B0E7;font-weight:bold;}
#tourisme .c_date{color:#F281B3;font-weight:bold;}

.table_partenaires{margin:15px 5px;}
.table_partenaires td{vertical-align:bottom;text-align:center;margin:5px;}
.table_partenaires td a{color:#F281B3;font-weight:bold;text-decoration:underline;}


.table_hebergement{width:100%;margin-top:15px;padding-bottom:10px;border-bottom:1px dotted #CCC;}
.table_hebergement .photo{width:25%;}
.table_hebergement a{color:#F281B3;font-weight:bold;text-decoration:underline;}

#video{}
#video li{display:inline-block;width:160px;margin:5px;padding:0px;border:0px solid #F5F5F5;text-align: left;}
#video li img{}
#video li .titre{font-size: 11px;}
#video li a{display:block;position: relative;background:#000;width:150px;min-height:112px;}
#video a span.button{
    background: url("../images2/icon-play_video.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.reservations{}
.reservations sup{vertical-align: top; position: relative; top: -0.5em; }
#form_resa .titre{background-color: #F281B3;color: #FFF;padding: 10px;font-weight: bold;}
#form_resa .col_total{width:80px;text-align: right;font-weight: bold;}
#form_resa .champ_total{width:50px;text-align: right;font-weight: bold;border: 0 none;background-color: transparent;color: #333333;}

#form_resa .tdlabel{padding:5px;width:100px;}
#form_resa .champ{background:#FFF;color:#333;border:1px solid #CCC;width:200px;padding:2px 3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#form_resa .champ_case{background:#FFF;color:#333;border:0px solid #CCC;width:auto;padding:2px 3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#form_resa .textarea{background:#FFF;color:#333;border:1px solid #CCC;width:98%;padding:2px 3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#form_resa .btn_envoyer{border:1px solid #FFF;background:#FFBA00;color:#333;padding:3px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.msg_ok{text-align:center;color:#F281B3;font-weight: bold;font-size: 16px;}
.msg_err{text-align:center;color:red;font-weight: bold;font-size: 16px;}

/*police perso*/
@font-face {
    font-family: 'gent';
    src: url('./fonts/genbkbasr-webfont.eot');
    src: url('./fonts/genbkbasr-webfont.eot?iefix') format('eot'),
         url('./fonts/genbkbasr-webfont.woff') format('woff'),
         url('./fonts/genbkbasr-webfont.ttf') format('truetype'),
         url('./fonts/genbkbasr-webfont.svg#webfontCSiaGWMQ') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rotisnormal';
    src: url('./fonts/RotisSemiSerifStd-webfont.eot');
    src: url('./fonts/RotisSemiSerifStd-webfont.eot?iefix') format('eot'),
         url('./fonts/RotisSemiSerifStd-webfont.ttf') format('truetype'),
         url('./fonts/RotisSemiSerifStd-webfont.svg#webfontCSiaGWMQ') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*old*/