/*
CH1
*/

html {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

body{
margin:0;
padding:0;
background-image:url(../img/fond.jpg);
}

#img_bandeau{
	height:372px;
	width: 618px;
	float:right;
}

/* ############## CONTAINER ###################*/

#container {
padding:0;
margin:0 auto;
width:985px;
background-color:#EEECE0;
border-left:4px solid #3A5F84;
border-right:4px solid #3A5F84;
}

h1, p {margin:0;padding:0;}
p{line-height:16px;color:#563C2C;}
.gras{font-weight:bold;}

/* ############## HEADER ###################*/

#header {
margin:0pt 0pt 0pt;
height:144px;
background-image:url(../img/fond_header.jpg);
background-repeat:repeat-x;
}

.logo {
float:left;
margin-left:25px;
margin-top:35px;
border:none;
text-decoration:none;
}

* html .logo { /* pour Ie6 */
	margin-left:10px;
}

.logo img{border:none;}


/*  menu secondaire accueil et contact*/

div#header ul {
margin:0;
padding:0;
float:right;
margin-top:35px;
margin-right:40px;
color:#fff;
}


div#header ul li {
display:inline;
list-style-type:none;
padding:0 0;
}


div#header ul li a:link, div#header ul li a:visited {
color:#FFF;
font-size:10px;
text-decoration:none;
margin:0;
padding:0;
}

div#header ul li a:hover, div#header ul li a:active {
text-decoration:underline;
margin:0;
padding:0;
}

/* Fin menu secondaire accueil et contact*/


/* ################ COLONNE GAUCHE ###################  */


#colonne_gauche {
width:265px;
height:auto;
float:left;
padding-left:0px;
padding-right:0px;
padding-bottom:20px;
}

#colonne_gauche p{
color:#6C653C;
font-size:11px;
padding-top:5px;
padding-bottom:10px;
}

#colonne_gauche p.libelle{
	color:#824D17;
	font-size:11px;
	padding-bottom:5px;
}


#colonne_gauche h1{
	color:#1E3859;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:15px;
	text-align:left;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px solid #CDC8A3;
}

#colonne_gauche img{
	border:1px solid #B4A99D;
	padding:4px;
	margin-bottom:10px;
	margin-left:35px;
}

#colonne_gauche a,a:link,a:hover,a:active{
	color:#840000;
	font-size:11px;
}

.cadre{
	background-color:#F5F5EB;
	border:1px solid #DDD8BD;
	margin-bottom:15px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}

#cadre_barbey{
	padding-left:15px;
	padding-right:20px;
	height:355px;
}

#colonne_gauche hr{
	color:#FFF;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
}

/* ########################### CONTENU ###################### */

.contenu{
background-color:#FFF;
position:relative; 
float:right;
height:auto;
border:1px solid #CCC;
width:550px;
padding-left:25px;
padding-right:35px;
padding-bottom:60px;
margin-top:25px;
margin-left:15px;
}

.contenu p{
/*text-align:justify;*/}

/*  images du contenu  */

.img_contenu{
	border:1px solid #BBB1AB;
	padding:4px;
	margin-bottom:10px;
}

.contenu img.marge_droite{
	border:1px solid #BBB1AB;
	padding:4px;
	margin-bottom:10px;
	margin-right:20px;
	float:left;
}

.contenu img.marge_gauche{
	border:1px solid #BBB1AB;
	padding:4px;
	margin-bottom:10px;
	margin-left:20px;
	float:right;
}

.img_brochure{
	border:none;
}

#brochure{
float:right;
}


#brochure a:link, #brochure a:visited, #brochure a:active, #brochure a:hover {
color:#779031;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size:11px;
margin:0;
padding:0;
}


.img_brochure_droite{
	border:none;
	margin-bottom:10px;
	margin-right:20px;
	float:left;
}


/*  Fin images du contenu  */

.contenu h1{
	color:#859A0E;
	font-family: Times New Roman, Times, serif;
	font-weight:200;
	font-size:18px;
	margin-top:25px;
	margin-bottom:20px;
	text-transform:uppercase;
}

.capitale{
font-size:22px;
}

.contenu h2{
	color:#563C2C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	margin-bottom:20px;
	padding-bottom:10px;
	text-transform:uppercase;
	border-bottom: 1px solid #E9E1C6;
	clear:left;
}

.contenu h3{
	color:#2C7AB4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
	font-weight:normal;
	
	text-transform:uppercase;
}


.contenu a:link, .contenu a:visited, .contenu a:active {
color:#779031;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

.contenu a:hover{
color:#779031;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size:11px;
padding-right:0px;
margin-right:0;
}

.contenu ul li{
	color:#563C2C;
	margin-left:20px;
	line-height:16px;
	list-style-type:circle;
	font-size:11px;
	margin-right:30px;
}

.contenu a img{
	text-decoration:none;
	border:none;
}

.elus{
	/*border:1px solid #ccc;*/
	/*height:130px;*/
	padding:5px;
	padding-left:15px;
	width:auto;
	clear:left;
}


/*  TABLEAUX BUDGET  */

.tableau_budget{
	width:100%;
	background-color:#FAF9EB;
	color:#6C653C;
}

.tableau_budget td{
	border:1px solid #E9E1C6;
	background-color:#FFF;
	padding:7px;
}

.tableau_budget td.chiffres{
	text-align:center;
}


.tableau_budget th{
	border:1px solid #DDD8BD;
	background-color:#EEECE0;
	width:38%;
	font-weight:normal;
	text-align:center;
	padding:10px;
	color:#824D17;
}

/*  Tableaux de tarifs des salles */

.tableau_salles{
	width:100%;
	background-color:#FAF9EB;
	color:#6C653C;
}

.tableau_salles td{
	border:1px solid #E9E1C6;
	background-color:#FFF;
	padding:7px;
}

.tableau_salles td.chiffres{
	text-align:center;
}


.tableau_salles th{
	border:1px solid #DDD8BD;
	background-color:#EEECE0;
	width:80%;
	font-weight:normal;
	text-align:center;
	padding:10px;
	color:#824D17;
}

/*  Tableaux autres  (3 colonnes notamment) */

.tableau_autre{
	width:100%;
	background-color:#FAF9EB;
	color:#6C653C;
}

.tableau_autre td{
	border:1px solid #E9E1C6;
	background-color:#FFF;
	padding:7px;
}

.tableau_autre td.chiffres{
	text-align:center;
}


.tableau_autre th{
	border:1px solid #DDD8BD;
	background-color:#EEECE0;
	width:30%;
	font-weight:normal;
	text-align:center;
	padding:10px;
	color:#824D17;
}

/*  Tableaux foyer socio culturel  (5 colonnes) */

.tableau_foyer{
	width:100%;
	background-color:#FAF9EB;
	color:#6C653C;
}

.tableau_foyer td{
	border:1px solid #E9E1C6;
	background-color:#FFF;
	padding:7px;
}

.tableau_foyer td.chiffres{
	text-align:center;
}


.tableau_foyer th{
	border:1px solid #DDD8BD;
	background-color:#EEECE0;
	width:20%;
	font-weight:normal;
	text-align:center;
	padding:10px;
	color:#824D17;
}

/* ################ CONTAINER PRINCIPAL ###################  */


div#container-principal {
	padding-bottom:0px;
	background-color:#EEECE0;
	background-image:url(../img/fond_conteneur.jpg);
	background-repeat:no-repeat;
	width:892px;
	height:500px;
	margin-top:-50px;
	margin-left:15px;
	margin-bottom:0;
	padding-top:40px;
	padding-left:30px;;
	padding-right:30px;
	position:relative;
}

*:first-child+html #container-principal {
 height:auto; /* Lu uniquement par IE 7 */
}

/* ################### FOOTER #######################  */

#footer {
background-image:url(../img/img_fond_footer.jpg);
background-repeat:repeat-x;
height:76px;
text-align:center;
clear:both;
padding-left:15px;
padding-right:15px;
color:#666;
}

#footer .image_footer {
	position:absolute;
	float:right;
	margin-left:309px;
}

*:first-child+html #footer .image_footer { /* Pour IE7 */
	margin-left:-355px;
}

* html #footer .image_footer { /* Pour IE6 */
	margin-left:-355px;
}

#logos{
	float:left;
	margin-top:5px;
}

#footer p{
	float:left;
	color:#666;
	font-size:10px;
	margin-left:50px;
	margin-top:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

* html div#footer ul {
margin-right:30px;
}

div#footer ul {
margin:0;
padding:0;
float:right;
margin-top:33px;
margin-right:60px;
}

div#footer ul li {
display:inline;
list-style-type:none;
padding:0 0;
}

div#footer ul li a{
line-height:20px;
padding-top:5px;
}

div#footer ul li a:link, div#footer ul li a:visited {
color:#666;
font-size:10px;
text-decoration:underline;
margin:0;
padding:0;
}

div#footer ul li a:hover, div#footer ul li a:active {
text-decoration:underline;
margin:0;
padding:0;
}