/*
LE BAYOU
*/

html {
font-family:"Trebuchet MS";
font-size:12px;
color:#332525;
}

body{
margin:0;
padding:0;
background-image:url(../img/fond3.jpg);
background-color:#797368;
background-repeat:no-repeat;
background-position:center top;
}


* html body{
background-image:url(../img/fond-3.jpg);
background-repeat:no-repeat;
}

.galerie {
border:none;
clear:both;
}

.galerie p{}
.galerie a img{
border:1px solid #ccc;
padding:3px;}

#contenu img {
    /*border: 3px solid #fff;
	float:left;
	margin-right:10px;
	margin-bottom:10px;*/
}

p.texte-header {
position:absolute;
top:130px;
margin-left:200px;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
}

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


#container {
padding:0;
margin:0 auto;
margin-bottom:50px;
width:875px;
border-bottom:3px solid #6F6867;
clear:both;
}

h1, p {margin:0;padding:0;}
p{line-height:18px;}
.gras {font-weight:bold;}


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

#header {
margin:0pt 0pt 0pt;
height:195px;
width:875px;
margin-bottom:20px;
border-top:1px solid #fff;
}

.logo img{border:none;}

.logo {
	width:287px;
	height:83px;
	margin-left:190px;
	margin-top:30px;
	border:none;
	position:absolute;
}



/* *:first-child+html .barre-gauche, *:first-child+html .barre-droite {  Lu uniquement par IE7 
	margin-top:18px;
}*/

/** html .barre-droite, * html .barre-gauche {
  margin-top:18px;  Lu uniquement par IE 6 
}*/

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


div#containerprincipal {
width:840px;
padding:0;
margin:0 auto;
margin-top:25px;
padding-left:20px;
padding-right:20px;
padding-bottom:2px;
color:#332525;
background-image:url(../img/content3.jpg);
background-repeat:repeat-y;

}


* html div#containerprincipal {
padding-left:15px;
width:840px;
}


div#containerprincipal #header a, a:link, a:visited, a:hover {
color:#fff;
}

div#containerprincipal a {
color:#7B2E22;
text-decoration:underline;
}


div#containerprincipal a:link, div#containerprincipal a:visited  {
color:#7B2E22;
right:0;
bottom:0;
}

div#containerprincipal a:hover, div#containerprincipal a:active  {
color:#7B2E22;
right:0;
bottom:0;
}

div#containerprincipal p {
}

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

#contenu {
	float:left;
	margin-bottom:20px;
	width:530px;
	position:relative;
}


* html #contenu {
margin:0;
padding:0;
width:520px;/* Lu uniquement par IE 6 */
}

div#contenu h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-size:16px;
margin-bottom:10px;
height:42px;
width:534px;
background-image:url(../img/fond-h1-contenu.jpg);
background-repeat:no-repeat;
padding-left:15px;
padding-top:12px;
margin-top:13px;
}

div#contenu h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
font-size:14px;
margin:0;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:2px solid #ccc;
}

div#contenu a img{
border: 1px solid #006600; ;
background-color:#E7E7DA;
}

div#contenu img{
border:1px solid #3C3D3C;
padding:3px;
}



.menu{text-align:center;}

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

#colonne-gauche {
	margin-left:40px;
	width:250px;
	float:right;
	position:relative;
}

* html #colonne-gauche {
margin-left:0;
}

#colonne-gauche img {
   border:none;
}

#colonne-gauche h1{
height:41px;
/*width:252px;*/
font-family:Georgia, "Times New Roman", Times, serif;
background-image:url(../img/fond-h1-colonne.jpg);
background-repeat:no-repeat;
padding-left:40px;
padding-top:10px;
color:#fff;
font-size:16px;
}


.cadre_brun{
	margin-bottom:15px;
	width:auto;
	padding:0;
	clear:both;
}

.cadre_brun p{
color:#332525;
}



.savoir-plus{
margin-top:5px;
background-image:url(../img/savoir-plus.jpg);
background-repeat:no-repeat;
text-align:center;
float:right;
height:23px;
width:114px;
color:#fff;
font-weight:bold;
padding-top:2px;
margin-bottom:10px;
margin-top:10px;
}





div#containerprincipal .cadre_brun a {
color:#fff;
font-weight:bold;
text-decoration:none;
}


div#containerprincipal .cadre_brun a:link, div#containerprincipal .cadre_brun a:visited  {
color:#fff;
text-decoration:none;
}

div#containerprincipal .cadre_brun a:hover, div#containerprincipal .cadre_brun a:active  {
color:#fff;
text-decoration:underline;
}


div#containerprincipal .cadre_brun ul{
margin:0;
padding:0;
margin-left: 20px;
line-height:22px;
}

div#containerprincipal .cadre_brun li{
	color:#333;
	font-weight:bold;
	list-style-image:url(../img/puce-menu.jpg);
}

.soiree{clear:both;}

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

#bas-page {
background-color:#816840;
clear:both;
height:3px;
}

#footer {
background-color:#333131;
border-top:3px solid #333131;
text-align:left;
color:#fff;
font-size:11px;
clear:both;
padding:10px 8% 10px 8%;
padding-left:15px;
height:45px;

}

div#footer p {
padding-top:14px;
float:left;
padding-left:14px;
}

* html div#footer p{
 padding-top:17px; /* Lu uniquement par IE 6 */
}



div#footer  a {
color:#fff;
text-decoration:none;
}

div#footer a:hover{
text-decoration:underline;
}