/* ----------------------------------------------------
 * BLOCS
 * ---------------------------------------------------- */
body  {
background:#FFF url(../img/bg.jpg) no-repeat top center;
font: 12px Verdana, Arial, Helvetica, sans-serif;
margin: 0; 
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #000;
}
#container { 
width: 982px;
margin: 0 auto; 
text-align: left; 
background:#FFF url(../img/bg.jpg) no-repeat 0 0;
}
#content {
float:left;
background:#FFF url(../img/contentShadow.jpg) no-repeat top right;
width: 581px;
padding: 20px 12px 15px 0;
margin:0 12px;
}
#sidebar1 {
float: left; 
width: 244px;
margin:0;
padding:0 0 0 27px; 
}
#sidebar2 {
float: right; 
width: 147px; 
height: 144px;
background: url(../img/info2.jpg) no-repeat top left;    	
padding: 0; 
margin: 0 0 15px 15px; 
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement des éléments flottants */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0;
    }
/* ----------------------------------------------------
 * General
 * ---------------------------------------------------- */
a {color: #C0131F;text-decoration: none;}
a img {border: none;}
b {color: #b60000;}
h1, ul {margin: 0;padding: 0;}
fieldset {border: none;margin: 0;padding: 0;}
p {text-align: justify;}
.right {float: right;margin: 5px 0 5px 10px;}
.left {float: left;margin: 5px 10px 5px 0;}
.pdf, .xls {line-height:25px;padding: 5px 0 0 20px;}
.pdf {background:url(../img/icon-pdf.png) no-repeat 0 2px;}
.xls {background:url(../img/icon-xls.png) no-repeat 0 2px;}
.upload {background:url(../img/icon-charge.png) no-repeat 0 2px;padding: 2px 2px 2px 21px;}
.fete { background:#FFCC99 url(../img/fete_bg3.gif) repeat 0 0;border:2px dotted #FF9900;}
.plan {background:url(../img/icon-map.png) no-repeat 0 0px; color:#000;font: 11px/12px Verdana, Arial, Helvetica, sans-serif;margin: 0 0 0 59px;padding: 2px 2px 2px 21px;}

/* ----------------------------------------------------
 * HEADER
 * ---------------------------------------------------- */
#right h1 {float: right;
	width: 100px;
	height: 60px;
}
#right a {display: block;
	text-indent: -9000px;
	width: 100px;
	height: 140px;
}
#header {background:  url(../img/header.png) no-repeat 0 0;
	margin: 0 0 0 27px;
	padding:0;
	width: 849px;
	height: 165px;
}
#header h1 {float: left;
	padding: 17px 0 0 17px;
	width: 124px;
	height: 124px;
}
#header h1 a {display: block;
	text-indent: -9000px;
	width: 124px;
	height: 124px;
}
#header h2 {float: right;
	clear: right;
	width: 284px;
	height: 24px;
	/*border:1px solid #00FF00;*/
	margin: 0;
	padding:0px 263px 0 0;
	text-align: left;
	font:bold 18px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #b64400;
}
#header p {float: right;
	clear: right;
	width: 305px;
	height: 30px;
	margin:0;
	padding:15px 25px 0 0;
	text-align: left;
	font:bold 13px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #fff226;
}
/* ----------  MENU  -----------*/
#header ul {float: right;list-style: none;}
#header ul li {float: left;
	margin-right: 6px;
	display: inline;
	text-indent: -9000px;
}
#header ul li a {display: block;
	height: 63px;
	width: 88px;
	font-size: 2px;
	background-position: 0 0;
}
#header ul li a:hover {background-position: 0 100%;}
#header ul li a#home {background-image: url(../img/m-home.jpg);}
#header ul li a#agenda {background-image: url(../img/m-agenda.jpg);}
#header ul li a#tarif {background-image: url(../img/m-tarif.jpg);}
#header ul li a#asso {background-image: url(../img/m-asso.jpg);}
#header ul li a#photo {background-image: url(../img/m-photo.jpg);}
#header ul li a#lien {background-image: url(../img/m-lien.jpg);}
#header ul li a#contact {background-image: url(../img/m-contact.jpg);}
#header ul li a#festival {background-image: url(../img/m-festival.jpg);}
#header ul li a#upload {background-image: url(../img/m-upload.jpg);}

#menu {position:relative;
	display: block;
	clear: both;
	padding: 0;
	margin:0 0 0 605px;
	font:bold 12px/10px Verdana, Arial, Helvetica, sans-serif;
	width: 126px;
}
#menu a{color: #FFF;margin: 0 0 0 0;padding:0 0 0 13px;}
#menu a#accueil { background:url(../img/bt-home.gif) no-repeat}
#menu a#mail { background:url(../img/bt-mail.gif) no-repeat}

/* ----------------------------------------------------
 * CONTENT
 * ---------------------------------------------------- */
#content a {text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content #content h3.titel {
	color: #B2BB1C;
	font-size: 13px;
	margin: 4px 0;
}
/*   menu left   */
#sidebar1 ul.list {
	margin: 5px 0 0 20px;
	list-style: none;
	width: 230px;
}
#sidebar1 ul.list li {
	border-bottom: 1px solid #E0E0E0;
	height: 35px;
	line-height: 35px;
	background: url(../img/bullet.gif) no-repeat 2px 50%;
}
#sidebar1 ul.list li a {
	text-decoration: none;
	display: block;
	line-height: 35px;
	padding-left: 20px;
	color: #525051;
}
#sidebar1 ul.list li a:hover {
	text-decoration: underline;
}
#sidebar1 ul.list li a.active {
	font-weight: bold;
	background: #FCFCF4 url(../img/bullet.gif) no-repeat 2px 50%;
}
/* LIST */
#content ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 10px;
}
#content ul li {
	background: transparent url(../img/puce.gif) no-repeat 0 5px;
	padding: 0 0 3px 8px;
}
#content ul li a {
	color: #434244;
}
#content fieldset {
	background-color:#FFE4BC;
	margin:10px 0 0 0;
	padding:5px 10px;
	border:1px solid #F08444;
}
/* FORM */
#content form {
margin:15px 0 0 55px;
width:400px;
}
form p.pnext{text-align:right;}
#content form input.but{
float:none;
width:auto;
font: bold 1.1em verdana,sans-serif;
margin:2em 1em 0 0;
border:1px solid #B60000;
background: #FF8820;
color:#fff;
cursor:pointer;
}

#content h1, #sidebar1 h1 {
	background: url(../img/bullet.gif) no-repeat 0 50%;
	margin:0 0 15px 0;
	color: #f08444;
	font-size: 14px;
	padding:0 0 0 16px;
}
#content h2 {background: url(../img/next.gif) no-repeat 0 50%;
	margin:0;
	color: #B60000;
	font-size: 12px;
	padding:0 0 0 20px;
}
/* TABLE */
.content-table {
margin:15px 0 0 40px;
width: 450px;
/*background-color: #8A0000;*/
}

.tab {
border-collapse: collapse;
width: 100%;
}


.tab table * {
border: 0;
margin: 0;
padding: 0;
}

.tab thead th {
background-color: #B60000;
font-size: 14px;
color: #fff;
height: 40px;
border-top: 5px solid #8A0000;
border-bottom: 5px solid #8A0000;
border-left: 1px solid #8A0000;
}

.tab tbody td {
font-size: 11px;
color: #000;
padding-left: 3px;
height: 40px;
border: 1px solid #8A0000;}
.cours {
font-size: 10px;
background-color: #FFF8F0;
border-bottom: 2px solid #8A0000;
}
.moda {
font-size: 10px;
background-color: #FFE4BC;
border: 1px solid #8A0000;
}

.tab tbody td a:link {
font-size: 12px;
color: #ff6600;
font-weight: bold;
text-decoration: none;
}

.tab tbody td a:visited {
font-size: 12px;
color: #ff6600;
font-weight: bold;
text-decoration: none;
}

.tab tbody td a:hover {
font-size: 12px;
color: #ff6600;
font-weight: bold;
}

.tab tbody th {
background-color: #F08444;
font-size: 12px;
color: #fff;
text-align: left;
padding-left: 4px;
width: 30%;
border: 1px solid #8A0000;
}
/* ----------------------------------------------------
 * SIDEBAR2
 * ---------------------------------------------------- */
 #sidebar2 h2 {
 background:none;
 padding:0;
 color:#fff;
 font:bold 14px Verdana, Arial, Helvetica, sans-serif;
 margin: 30px 0 0 11px}
  #sidebar2 h3 {
 color:#b64400;
 font:bold 12px Verdana, Arial, Helvetica, sans-serif;
 margin: 15px 0 0 9px}
  #sidebar2 p, .small {
 color:#000;
 font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
 margin: 5px 15px 0 9px;
 padding:0 17px 0 0;}
   #sidebar2 a {
   display:block;
 color:#750000;
 text-align:right;
 margin: 2px 15px 0 5px;
 padding:0 17px 0 0;}
/* ----------------------------------------------------
 * FOOTER
 * ---------------------------------------------------- */
#footer {position:relative;
	display: block;
	clear: both;
	padding: 6px 0 0 12px;
	margin:0 0 0 26px;
	height: 62px;
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	width: 836px;
	background: #b60000 url(../img/footer2.png) no-repeat 0 0;
	color: #FFF;
}
#footer p {float: left;padding:0;}
#footer span {float:right; border:1px medium #00CC33;padding:15px 35px 0 0; background:url(../img/top.gif) no-repeat 0 0;}
.pau {display:block;float:right;padding:5px 5px 0 0;}