/* CSS Document */
body{
background-color:#D53535;
padding:0px;
margin:0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#7B7B7B;
}

img {
border:0px
}


div.prettyPopin p {background-color:#FFF;color:#000;; width:400px;}

div.prettyContent-container {background-color:#FFF; border:1px solid #000}

div.prettyPopin img { float:right; padding-left:10px;padding-bottom:10px}

p, h2, img { margin:0px; padding:0px;font-size:11px;}

#conteneur{
width:793px;
margin:auto;
background:#b2b2b2 url(../img/commun/bg.png) repeat-y;
}

#navgauche {
float:left;
width:636px;
border-left:1px solid #000000;
margin:0;
padding:0;
}
#navgauche #menu img{ padding-left:6px}

#bandeauhaut{
width:637px;
height:336px;
background:url(../img/commun/haut.png) no-repeat;
border-bottom:1px solid #000;
}
#bandeauhaut.formation {background-image:url(../img/commun/haut-formation.png)}
#bandeauhaut.sons {background-image:url(../img/commun/haut-sons.png)}
#bandeauhaut.photos {background-image:url(../img/commun/haut-photos.png)}
#bandeauhaut.jad {background-image:url(../img/commun/haut-jad.png)}
#bandeauhaut.contact {background-image:url(../img/commun/haut-contact.png)}

#bandeauhaut div.concert,
#bandeauhaut h1.concert {padding:157px 0 0 250px; margin:0;color:#FFFFFF; font-weight:bold; text-decoration:underline;font-size:22px;}
#bandeauhaut div.dates {margin:10px 0 0 250px;width:376px;height:135px; color:#FFF;overflow-x:hidden;overflow-y:scroll;}
#bandeauhaut div.dates p{ clear:left;} 
#bandeauhaut div.dates span { float:left!important;margin:0 5px 5px 0 }
#bandeauhaut iframe{margin:10px 0 0 237px }
#bottom  { height:210px;}
#bottom div {float:left}
#bottom div.menu {width:638px;}
#bottom #footerright {width:147px;border-left:1px solid #000000;}
p.w3cvalidate {margin-left:60px;margin-top:15px;}
#menu ul#menu1,#bottom div.menu ul{
display:block;
padding:15px 0 10px 58px;
margin:0px;
height:21px;
background:url(../img/menu/fl-bas.gif) no-repeat 0px 15px;
}
#bottom div.menu ul{
padding:130px 0 0 58px;
background:url(../img/menu/fl-haut.gif) no-repeat 0px 130px;
}
#menu ul li, #bottom div.menu ul li{
float:left;
margin:0px;
padding:0px;
height:21px;
text-indent:-1000em;
list-style:none;
}
#menu ul li a, #bottom div.menu ul li a{ display:block;height:21px;}

#menu ul li.niouzes a, #bottom div.menu ul li.niouzes a{width:69px;background:url(../img/menu/niouzes.gif) no-repeat 0 -21px;}
#menu ul li.niouzes a:hover, #bottom div.menu ul li.niouzes a:hover,
#menu ul li.niouzes a:focus, #bottom div.menu ul li.niouzes a:focus{ background:url(../img/menu/niouzes.gif) no-repeat 0 0;outline:none}

#menu ul li.formation a, #bottom div.menu ul li.formation a{width:99px;background:url(../img/menu/formation.gif) no-repeat 0 -21px;}
#menu ul li.formation a:hover, #bottom div.menu ul li.formation a:hover,
#menu ul li.formation a:focus, #bottom div.menu ul li.formation a:focus{ background:url(../img/menu/formation.gif) no-repeat 0 0;outline:none}

#menu ul li.contact a, #bottom div.menu ul li.contact a{width:76px;background:url(../img/menu/contact.gif) no-repeat 0 -21px;}
#menu ul li.contact a:hover, #bottom div.menu ul li.contact a:hover,
#menu ul li.contact a:focus, #bottom div.menu ul li.contact a:focus{ background:url(../img/menu/contact.gif) no-repeat 0 0;outline:none}

#menu ul li.photos a, #bottom div.menu ul li.photos a{width:70px;background:url(../img/menu/photos.gif) no-repeat 0 -21px;}
#menu ul li.photos a:hover, #bottom div.menu ul li.photos a:hover,
#menu ul li.photos a:focus, #bottom div.menu ul li.photos a:focus{ background:url(../img/menu/photos.gif) no-repeat 0 0;outline:none}

#menu ul li.sons a, #bottom div.menu ul li.sons a{width:50px;background:url(../img/menu/sons.gif) no-repeat 0 -21px;}
#menu ul li.sons a:hover, #bottom div.menu ul li.sons a:hover,
#menu ul li.sons a:focus, #bottom div.menu ul li.sons a:focus{ background:url(../img/menu/sons.gif) no-repeat 0 0;outline:none}

#menu ul li.sauce a, #bottom div.menu ul li.sauce a{width:58px;background:url(../img/menu/sauce.gif) no-repeat 0 -21px;}
#menu ul li.sauce a:hover, #bottom div.menu ul li.sauce a:hover,
#menu ul li.sauce a:focus, #bottom div.menu ul li.sauce a:focus{ background:url(../img/menu/sauce.gif) no-repeat 0 0px;outline:none}

#menu ul li.forum a, #bottom div.menu ul li.forum a{width:48px;background:url(../img/menu/forum.gif) no-repeat 0 -21px;}
#menu ul li.forum a:hover, #bottom div.menu ul li.forum a:hover,
#menu ul li.forum a:focus, #bottom div.menu ul li.forum a:focus{ background:url(../img/menu/forum.gif) no-repeat 0 0;outline:none}

#menu ul li.jokeadit a, #bottom div.menu ul li.jokeadit a{width:97px;background:url(../img/menu/jokeadit.gif) no-repeat 0 -21px;}
#menu ul li.jokeadit a:hover, #bottom div.menu ul li.jokeadit a:hover,
#menu ul li.jokeadit a:focus, #bottom div.menu ul li.jokeadit a:focus{ background:url(../img/menu/jokeadit.gif) no-repeat 0 0;outline:none}


#menu ul#menu1 a.selected, #bottom div.menu a.selected{background-position: 0 0!important;}


#navgauche #contenu{ padding-top:20px}
#navgauche #contenu div.imagetexte { float:left}
#navgauche #contenu div.imagetexte h3{ font-weight:bold;text-align:center; width:233px; font-size:10px;margin-left:22px; }
#navgauche #contenu .blocktexte { padding-bottom:15px;}
#navgauche #contenu .blocktexte ul { margin:0; padding-bottom:10px}
#navgauche #contenu .blocktexte li { list-style:none;padding:0 30px 0px 0;color:#7B7B7B;}
#navgauche #contenu .droit {margin-left:236px}
#navgauche #contenu img.left{ padding:0 30px 20px 35px; float:left}
#navgauche #contenu div.imagetexte img.left{ padding:0 30px 5px 35px}
#navgauche #contenu img.photo{ float:left; margin-left:10px;}
#navgauche #contenu #texte h2{ font-size:12px; font-weight:bold; padding:0 30px 10px 35px; margin:0px; color:#7B7B7B;text-transform:uppercase;}
#navgauche #contenu #texte h3{ font-size:11px; font-weight:bold; padding:0 30px 10px 35px; margin:0px; color:#D53535;text-transform:uppercase;}
#navgauche #contenu #texte h3.first{margin-top:15px;}
#navgauche #contenu #texte p{ color:#7B7B7B; padding:0 30px 15px 35px;}
#navgauche #contenu #texte a{ color:#D53535}
#navgauche #contenu #texte a:hover{ text-decoration:none}
#navgauche #contenu #texte div.lien {margin-top:20px; border-left:1px solid #E0E0E0; margin-left:37px;}
#navgauche #contenu #texte div.lien h2, #navgauche #contenu #texte div.lien h3, #navgauche #contenu #texte div.lien p, #navgauche #contenu #texte div.lien a {padding-left:20px}
#navgauche #contenu #texte div.lien h3 {margin-top:10px;}
#navgauche #contenu #texte .accroche h1 {margin-left:35px}
#navgauche #contenu #texte div.album { overflow:auto; padding-bottom:30px;}
#navgauche #contenu #texte div.donate { margin-left:30px;}
#navgauche #contenu #texte div.donate p{ padding:0 30px 15px 5px;}
#navgauche #contenu #texte div.donate form {float:right;margin-right:10px;}
#navgauche #contenu #texte div.donate input {margin-bottom:10px}

#navgauche #contenu #texte div.album h2 {padding-left:250px}
#navgauche #contenu #texte div.album h2 a{display:block;padding-top:10px;}

#navgauche #contenu #texte div.album div.accroche h1 {margin:0 0 10px 30px}
#navgauche #contenu #texte div.album div.accroche p {padding-left:30px; margin-bottom:10px;}

#navgauche #contenu #texte div.blabla { padding-bottom:30px;}
#navgauche #contenu #texte div.blabla p, 
#navgauche #contenu #texte div.blabla table{ padding-left:30px;}
#navgauche #contenu #texte div.album img{ padding-left:30px;float:left}
#navgauche #contenu #texte div.album li { list-style:none;padding-left:210px;}
#navgauche #contenu #texte div.album table,
#navgauche #contenu #texte div.album p{ padding-left:250px;; padding-bottom:0px;display:block;}
#navgauche #contenu #texte div.compil p,
#navgauche #contenu #texte div.compil h2,
#navgauche #contenu #texte div.compil li{padding-left:320px;}
#navgauche #contenu #texte div.compil ul { padding-left:0px}
#navgauche #contenu #texte div.imagette {padding:0 30px 15px 35px;}
#navgauche #contenu #texte div.imagette img { padding:10px 20px}
#navgauche #contenu #texte div.miniature { padding-bottom:10px;padding-left:50px;width:300px;}}
#navgauche #contenu #texte div.miniature img{margin-right:10px}
#navgauche #contenu div.jad h2 { color:#D53535!important}
#navgauche #contenu div.jad img { margin-left:60px; border:1px solid #000; padding-left:0px!important}
#navgauche #contenu div.jad p { padding-bottom:10px!important}

#navgauche #contenu div.nouveauconcert { padding-left:30px; width:400px; margin-bottom:30px;}
#navgauche #contenu div.nouveauconcert label, #navgauche #contenu div.ancienconcert label { width:150px; float:left }
#navgauche #contenu div.nouveauconcert input.submit {margin-left:149px;width:204px;}
#navgauche #contenu div.nouveauconcert input,
#navgauche #contenu div.nouveauconcert select,
#navgauche #contenu div.ancienconcert input,
#navgauche #contenu div.ancienconcert select { width:200px;float:left}
#navgauche #contenu div.nouveauconcert select.jour,
#navgauche #contenu div.ancienconcert input.jour { width:44px!important;}
#navgauche #contenu div.nouveauconcert select.mois { width:100px!important;}
#navgauche #contenu div.ancienconcert input.mois { width:88px!important;}
#navgauche #contenu div.nouveauconcert select.annee,
#navgauche #contenu div.ancienconcert input.annee { width:60px!important;}
#navgauche #contenu div.ancienconcert { padding-left:30px; width:400px; clear:both ;margin-bottom:30px;}
#navgauche #contenu div.nouveauconcert input.date,
#navgauche #contenu div.ancienconcert input.date { width:30px;margin-right:20px;}
#navgauche #contenu div.nouveauconcert h2, #navgauche #contenu div.ancienconcert h2 { padding:20px 30px 20px 0 !important}
#navgauche #contenu div.ancienconcert input.modifier { margin-left:149px; width:102px}
#navgauche #contenu div.ancienconcert input.supprimer {width:102px}
#navgauche div.message {padding:30px 0 0 30px;}
#menu h2.extranet { display:inline;margin:10px 40px 0;position:relative;top:10px;}
#menu h2.extranet a {color:#D53535;font-size:12px;font-weight:bold; text-transform:uppercase}
#menu img.extranet { margin-top:20px;}
#navgauche div.extranet {padding-top:0px!important;}
#navgauche div.extranet h2 {padding-left:0px!important}
#navgauche div.extranet #texte { margin-left:30px;}
#navdroite {
float:right;
width:147px;
display:block;
border-left: 1px solid #000000;
background-color:#e0e0e0;
text-align:center;
margin:0 1px 0 0;
padding:0;
}
#navdroite #jokadit {background-color:#b2b2b2;}
#navdroite #jokadit p{text-align:left; padding:0 10px;}
#navdroite h2, #navdroite p, #navdroite a, #navdroite h3, #navdroite h4, #navdroite #bottomright{
color:#7B7B7B;
margin:0px;
padding:0px;
font-size:11px;
font-weight:normal;
}
#navdroite h2, #navdroite h3 { padding:0px;}
#navdroite h3 {margin-top:10px;}
#navdroite #bottomright {background-color:#B2B2B2;}
#navdroite a {text-decoration:none; color:#D53535}
#navdroite a:hover {text-decoration:underline;}
#navdroite h3{ font-weight:bold; color:#000000;}
#navdroite h3 a{font-weight:bold; color:#000000;text-decoration:underline}
#navdroite h3 a:hover{text-decoration:none}
#navdroite img.cd{ padding-top:15px;}
#navdroite #jokeadit p {background:#B2B2B2;color:#222222;}
body table td.textphoto {font-size:11px;color:#000; font-weight:bold}
select.listbox{font-size:11px;background-color:#7B797B;;color:#FFF}

p.radioalbum img{ padding: 5px;}

body.radio,body.radio #conteneur {background:#CD00CB; text-align:center;}

.opa {position:absolute;width:100%;height:2012px;background:#000; opacity:0.7;filter:alpha(opacity=70);top:0px;left:0px; cursor:pointer}
.flyer {position:absolute;top:0px;left:0px;cursor:pointer;z-index:10;width:100%;margin:auto;text-align:center;padding-top:50px}
.flyer img{border:10px solid #333;}
.don{	margin:auto;	background:#FFF;    height: 20%;    position: relative;	top:200px;    text-align: center;    width: 20%;	padding:20px;	border:1px solid #CCC;	z-index:1000	}
.don p{margin-bottom:20px}
.don a{color:#D53535;display: block;margin-top: 10px;}