/* CSS Document */
/*.Body {
	background: #FFFFCC;
	padding: 20px 10px 30px 100px;
	margin: 100px;
}*/
body
{
background-image:url(../images/bg_body.jpg);
background-repeat:repeat-x -y;
background-position: top left;
/*background-color: #FF0000;*/
}

/* -------------- Pied de page -----------------*/

#piedpage
{
background-image:url(../images/footer_bg2.gif);
background-repeat:repeat-x;
background-position:top left;
}
/* ------ Barre de titre des differentes pages------------*/
#barretitre
{
background-image:url(../images/ttitle.png);
background-repeat:repeat-x;
background-position:top left;
}

#barredate
{
background-image:url(../images/headlg.jpg);
background-repeat:repeat-x;
background-position:top left;
}


.Menu_Gauche {
	position:relative;
	margin:0px;
	padding:0px;
 	border-bottom: 1px solid #660000;
}

#navigation {
	width:auto ;
	/*width: 200px ; */
	list-style:url(../images/deux.gif);
	margin: 0 ;
	padding: 0 ;
}
div#contenu
{
	padding: 0 25px 0 50px ;
	background: url(../images/bg_gauche.jpg) no-repeat 15px 15px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background:url(../images/eau.jpg) no-repeat left bottom ;
	color:#000099;
	border-bottom: 1px solid #9b2 ;
}

div#contenu hp
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size:14px;
	background:url(../images/pdf.jpg) no-repeat left bottom ;
	color:#000099;
	/*border-bottom: 1px solid #9b2 ;*/
}

div#contenu hn
{
	text-align:center;
	padding-left: 25px;
	font-size:22px;
	font:bold Georgia, "Times New Roman", Times, serif;
	color:#663300;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 0em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2 ;
}

#navigation li {
	background: #c00 ;
	color: #fff ;
	border: 1px solid #FFFFFF ;
	margin-bottom: 1px ;
}

#navigation li a {
	display: block ;
	background:#D8E1F3 ;
	color:#000099;
	font:"Times New Roman", Times, serif;
	/*font: 1em "Trebuchet MS",Arial,sans-serif ;*/
	font-size:16px;
	line-height: 1em ;	
	text-align:center ;
	text-decoration: none ;
	padding: 4px 0 ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #FFFFFF ;
	color:#006600;
	font-size:120%;
	font-weight:bold;
	text-decoration:inherit;	
	/*text-decoration: underline ;*/
}

#header {
    float:left;
    width:100%;
    background:#DAE0D2 url(../images/bg.gif)
	repeat-x bottom;
    font-size:93%;
    line-height:normal;
}
#header ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}
#header li {
    float:left;
	background:url(../images/norm_right.gif)
	no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
}
#header a {
    display:block;
	background:url(../images/norm_left.gif)
	no-repeat left top;
	padding:5px 15px 4px 6px;
}
#header #current {
	display:block;
	background-image:url(../images/norm_right_on.gif);
	padding:5px 15px 4x;	
}
#header #current a {
	background-image:url(../images/norm_left_on.gif);
	padding-bottom:5px;
}

#header li {
    float:left;
    background:url(../images/norm_left.gif)
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
  #header a, #header strong, #header span {
    display:block;
    background:url(../images/norm_right.gif)
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }
  #header #current {
    background-image:url(../images/norm_left_on.gif);
    }
  #header #current a {
    background-image:url(../images/norm_right_on.gif);
    padding-bottom:5px;
    }
	
/* ------------------Page Album photos--------------------------*/
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {
	width:635px; height:600px;
	text-align:left;
	position:relative;
	margin:0 auto;
}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

/*----- Boite arrondie servant de petits articles zone de la galerie--------*/
.boite {
	width: 220px;
	padding-bottom: 10px;
	background:white url(../images/05-milieu-bas.png) no-repeat;
	/*background: white url(milieu-bas.png) no-repeat;*/
	background-position: center bottom;
	font-size: 80%;
}
.boite h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background:transparent url(../images/05-haut.png) no-repeat;
	/*background: transparent url(data/05-haut.png) no-repeat;*/
	background-position: center top;
	text-align: center;
}
.boite p {
	margin: 1em 20px;
	text-align: justify;
}

/* ----- zone des annonces cadre arrondis-------------------*/
.raised {
background: none transparent scroll repeat 0% 0%; width: 80%
}
.raised H5 {
margin: 0px 10px
}
.raised P {
margin: 0px 10px
}
.raised H5 {
font-size: 0.7em; color: #fff
}
.raised P {
padding-bottom: 0.5em
}
.raised .b1 {
display: block; font-size: 1px; overflow: hidden
}
.raised .b2 {
display: block; font-size: 1px; overflow: hidden
}
.raised .b3 {
display: block; font-size: 1px; overflow: hidden
}
.raised .b4 {
display: block; font-size: 1px; overflow: hidden
}
.raised .b1b {
display: block; font-size: 1px; overflow: hidden
}
.raised .b2b {
display: block; font-size: 1px; overflow: hidden
}
.raised .b3b {
display: block; font-size: 1px; overflow: hidden
}
.raised .b4b {
display: block; font-size: 1px; overflow: hidden
}
.raised .b1 {
height: 1px
}
.raised .b2 {
height: 1px
}
.raised .b3 {
height: 1px
}
.raised .b1b {
height: 1px
}
.raised .b2b {
height: 1px
}
.raised .b3b {
height: 1px
}
.raised .b2 {
border-right: #eee 1px solid; background: #FFFFCC; border-left: #fff 1px solid
}
.raised .b3 {
border-right: #ddd 1px solid; background: #FFFFCC; border-left: #fff 1px solid
}
.raised .b4 {
border-right: #aaa 1px solid; background: #FFFFCC; border-left: #fff 1px solid
}
.raised .b4b {
border-right: #999 1px solid; background: #FFFFCC; border-left: #eee 1px solid
}
.raised .b3b {
border-right: #999 1px solid; background: #FFFFCC; border-left: #ddd 1px solid
}
.raised .b2b {
border-right: #999 1px solid; background: #FFFFCC; border-left: #aaa 1px solid
}
.raised .b1 {
background: #fff; margin: 0px 5px
}
.raised .b2 {
border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px
}
.raised .b2b {
border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px
}
.raised .b3 {
margin: 0px 2px
}
.raised .b3b {
margin: 0px 2px
}
.raised .b4 {
margin: 0px 1px; height: 2px
}
.raised .b4b {
margin: 0px 1px; height: 2px
}
.raised .b1b {
background: #999; margin: 0px 5px
}
.raised .boxcontent {
border-right: #999 1px solid; display: block; background: #FFFFCC; border-left: #fff 1px solid; 
} 

/*-------------------------- colonne de gauche -------------------------------------------*/

.colonnegauche {
	width: 150px;
	padding-bottom: 10px;
	background:transparent url(../images/col_bas.jpg) no-repeat;
	/*background: white url(milieu-bas.png) no-repeat;*/
	background-position: center bottom;
	font-size: 90%;
}
.colonnegauche h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../images/colhaut.png) no-repeat;
	/*background: transparent url(data/05-haut.png) no-repeat;*/
	background-position: center top;
	text-align: center;
}
.colonnegauche p {
	margin: 1em 20px;
	text-align: justify;
}