/* Feuille de style du site des Festes Baroques */

/* Génériques */
* {margin: 0px;
	padding: 0px;
}
body {
	text-align:center;
	font-family: "lucida grande", "Lucida Sans", verdana, arial, sans-serif;
	font-size:0.9em;
	height:100%;
	margin: 0;
	padding: 0;
	background-color: #FFF9e6;
	color: #555562;
}
html {
	height:100%;
}
img {
	border: none;
}
p {
	margin: 0px 0px 5px;
	padding: 0px;	
}


/*structure */
#container{
	margin: 0px auto;
	width: 920px;
	text-align:left;
	background-color: #FFFFFF;
}

#header {
	height: 125px;
	background-image: url(../images/bg_header.jpg);
	margin-top: 5px;
}
#header h1 {
	font-size:1em;
	font-weight:normal;
	height:125px;
	text-indent:-3500px;
	width:640px;
	background-color: transparent;
	background-image: url(../images/bg_titre.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 5px 0px 0px 140px;
	background-position: right;
	border-bottom: none;
}
#header a {
	display:block;
	height: 75px;
}
#header a:hover {
	text-decoration:none;
}
#contenu {
	float:left;
	width:100%;
	padding-top:0px;
}

/* footer */
#footer {
	clear: left;
	text-align: center;
	background: url(../images/bg_footer1.jpg);
	font-size: 0.80em;
	width: 920px;
	height: 50px;
	padding: 20px 0px 0px;
	color: #383841;
}
#footer a {
text-decoration:none;
color: #383841;
}
#footer a:hover {
	color: #91302A;
	text-decoration: none;
	font-weight: bold;
}
/* blocs internes */

#sidebar {
	margin-top: 10px;
	padding: 20px 0px 0px;
	width: 140px;
	float: left;
	background: #BD9FAB;
}

#bloc_central {
	float: left;
	width: 625px;
	padding: 5px 0px 0px 15px;
}

/* navigation menu gauche */
#menu_gauche {
	margin: 0px;
	padding: 0px 0px 20px;
	list-style-type: none;
	font-size: 0.9em;
	cursor: default;
	width: 140px;
	background: #CFBAC2 url(../images/bg_bas_nav.jpg) no-repeat left bottom;
}

#bloc_logos {
	width: 120px;
	font-size: 0.8em;
}
#sidebar  img {
	display: block;
	margin: 10px 0px 0px 10px;
	border-style: none;
}
#sidebar  .imageright {
	float:right;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.picto_pdf, .picto_pdf:hover {
	background: url(../images/picto_pdf.gif) no-repeat right top;
	padding-right: 15px;
}
.lien_ext, .lien_ext:hover {
	background: url(../images/picto_externe.gif) no-repeat right top;
	padding-right: 15px;
}
.picto_pdf:hover { background: url(../images/picto_pdf.gif) no-repeat right -22px; }
.lien_ext:hover { background: url(../images/picto_externe.gif) no-repeat right -22px; }

/* Blocs principaux */
#bloc_general, #bloc_infos, #bloc_droit, #bloc_large {
	font-size: 0.95em;
	float: left;
}
#bloc_general {
	width: 270px;
	padding: 10px 15px 15px;
	margin: 5px 15px 0px 0px;
	color: #FFFFFF;
	background-color: #CE5B55;
	background-image: url(../images/general_haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bloc_droit {
	width: 260px;
	padding: 15px 0px 15px 15px;
}

#bloc_infos {
	width: 140px;
	padding: 20px 0px 0px;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 0.8em;
	background-color: #2f6dc3;
}

#bloc_general a:link, #bloc_general a:visited { color: #ffffff; }
#bloc_general a:hover, #bloc_general a:active { color: #e2e2e2; }
#bloc_large {
	margin: 0px;
	width: 610px;
}





/* sous-boites */
/* la colonne 1 est à gauche */
#col1 {
	float:left;
	margin: 0px;
	padding: 10px 30px 10px 20px;
	width: 703px;
	}
#bloc_general ul, #bloc_droit ul, #bloc_large ul{list-style:none;
	margin: 0px;
	padding: 0px;
}
#bloc_general li, #bloc_droit li, #bloc_large li{
	margin: 0px 0px 1px 0px;
	line-height: 1.5em;
	list-style-type: none;
	background-image: url(../images/puce_anges.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 25px;
	color: #FFFFFF;
}
#bloc_droit li, #bloc_large li {
	color: #555562;
}
#col1 p{
	margin-bottom:5px;
	padding: 5px 5px;
}
#gauche, droite {
	width:245px;
	background-image: none;
	background-repeat: no-repeat;
}
#gauche {
	float:left;
	padding: 10px 15px 0px 0px;
	background-position: left bottom;
}
#droite {
	float:right;
	padding: 10px 0px 0px 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#droite a, #gauche a{
	text-decoration: underline;
	color: #8C7E5B;
	font-style: italic;
	font-weight: normal;
}
#droite a:hover, #gauche a:hover{
	color: #FFFFFF;
	background-color: #8C7E5B;	
}
/* La colonne 2 est à droite */
#col2 {
	float:right;
	width:162px;
	padding: 10px 0px 0px 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size:0.9em;
	background-color: #A9A9B4;
}



#bloc_infos p {
	background-color: #FFFFFF;
	color: #333333;
	padding: 5px 5px;
	margin: 0px 5px 5px 10px;
}
#bloc_large p a:hover, #bloc_large p a:active, #bloc_infos p a:hover, #bloc_infos p a:active{
	color: #B39755;
	text-decoration: underline;
	background: url(../images/btn_in_off.gif) no-repeat left 2px;
}

#bloc_large p a:link, #bloc_large p a:visited, #bloc_infos p a:link, #bloc_infos p a:visited{
	color: #CE5B55;
	text-decoration: none;
	font-size: 0.9em;
	padding: 0px 0px 0px 16px;
	background: url(../images/btn_in_on.gif) no-repeat left 2px;
}




/* images */
.imageleft {
	float:left;
	padding-right: 10px;
	padding-bottom: 5px;
}
.imageright {
	float:right;
	padding-left: 10px;
	padding-bottom: 5px;
}
.imagemilieu {
	float:left;
	padding-left: 160px;
}
.imagegauchemilieu {
	float:left;
	padding-left: 48px;
	padding-bottom: 10px;
}
.image3milieu {
	float:left;
	padding-left: 33px;
}

.vignetteptleft {
	float:left;
	padding-right: 15px;
	padding-bottom: 10px;
	height:128px; width:96px;
	}
.vignettelsleft {
	float:left;
	padding-right: 15px;
	padding-bottom: 10px;
	height:96px; width:128px;
	}
.vignetteptright {
	float:right;
	padding-left: 15px;
	padding-bottom: 10px;
	height:128px; width:96px;
	}
.vignettelsright {
	float:right;
	padding-left: 15px;
	padding-bottom: 10px;
	height:96px; width:128px;
	}
.description {
	font-size:0.8em;
	}	

/* encadrés */
.infos1 {
	background-color: #DAE3B8;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 145px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 8px;
}
.infosright {
	float:right;
	background-color: #DAE3B8;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	}
.infosright a{text-decoration:none;
	color:#AE2118;}
.infosright a:hover{
	text-decoration:none;
	color:#AE2118;
	background-color: #82B17C;
}
.infos2 {
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding: 4px 7px 4px 4px;
	border: thin solid #8C7E5B;
}
.infos2 a{text-decoration:none;
	color:#8C7E5B;}
.infos2 a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background-color: #8C7E5B;
}
.infos3 {
	background-color: #FFFFFF;
	margin: 2px 0px;
	padding: 4px 4px;
	border: medium outset #68D3FF;
}

/* styles textes */
/*titrage */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "Lucida Sans", verdana, arial, sans-serif;
}
h1 {
	color: #FA5727;
	border-bottom: 1px solid #FA5727;
	margin: 10px 0px 5px;
}
h2  {
	border-bottom: 1px solid #FFFFFF;
	font-size: 1.3em;
	color: #FFFFFF;
	margin: 5px 0px;
}
h3  {
	border-bottom: 1px solid #CE5B55;
	font-size: 1.3em;
	color: #CE5B55;
	margin: 5px 0px;
}
h4 {
	border-bottom: 1px solid #FFFFFF;
	padding: 5px 5px 5px 0px;
	margin: 0px 5px 5px 10px;
	color: #FFFFFF;
}

h5 {
	font-size:1em;
	text-align: left;
}
h1 a {
	text-decoration:none;
	color:#98634D;
}
.lettrineg {
	font-size:1.3em;
	color: #FFFFFF;
	font-weight: bold;
}
.lettrine {
	font-size:1.3em;
	color: #CE5B55;
	font-weight: bold;
}


tr, td {
	text-align:center;
	font-size:0.9em;
}

#clearer {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.separation{
	clear:both;
	visibility:hidden;}

/* Styles des tableaux */
table { }
td.titrage {
	background: #FFBF91;
	border-right: 1px solid #FFFFFF;
	border-bottom: 2px solid #4E2410;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 5px 0px 2px;
}
td.periode {
	padding: 7px 5px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #4E2410;
	line-height: 1.3em;
}
td.reserve {
	background-color: #FF0000;
	width: 5px;
	border-top: 2px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #4E2410;
	}
td.libre {
	background-color: #99DCED;
	width: 5px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 1px solid #4E2410;
	border-right: 1px solid #FFFFFF;
	}