body {
background-color:#f5f5d5;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:18px;
font-weight:normal;
height:100%;
}

h2 {
font-size:23px;
line-height:25px;
color:#999;
font-weight:normal;
margin:0;
padding:15px 0 15px 0;
font-family:"Times New Roman", Times, serif;
}

h3 {
color:#333;
font-size:13px;
font-weight:bold;
margin:0;
padding:0 0 5px 0;
}

h4 {
font-family:"Times New Roman", Times, serif;
color:#999;
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}

#line {
background-image:url(../img/pix-grey.gif);
background-repeat:repeat-x;
height:1px;
margin:20px 0 20px 0;
padding:0;
}

#line_nopadding {
background-image:url(../img/pix-grey.gif);
background-repeat:repeat-x;
height:1px;
margin:5px 0 10px 0;
padding:0;
}

#line_green {
clear:both;
background-image:url(../img/pix-green.gif);
background-repeat:repeat-x;
height:1px;
padding:10px 0 0 0;
margin:5px 0 0 0;
}

#clear {
clear:both;
padding:0;
margin:0;
}







#wrapper {
clear:both;
width:779px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
border:1px solid #ccc;
background-color:#FFF;
padding:0;
}

#content {
clear:both;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
padding:0;
}








/* TOP BANNER */
#top {
width:779px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
padding:0;
}

#top .left a {
float:left;
text-align:left;
color:#999;
font-size:11px;
text-decoration:none;
}

#top .left a:hover {
float:left;
text-align:left;
color:#999;
font-size:11px;
text-decoration:none;
}

#top .right {
width:155px;
float:right;
}

#top input {
float:left;
width:132px;
font-size:9px;
height:13px;
color:#666;
border:1px solid #ccc;
margin:0;
padding:0;
}

#top input.search_button {
float:right;
width:15px;
height:15px;
border:none;
padding:0 0 2px 0;
}










/* LOGO and LOGOTYPE */
#logo {
text-align:center;
height:185px;
margin:0;
padding:0;
}

#logo img {
margin:30px 0 15px 0;
}

#logo h1 {
font-size:20px;
font-weight:normal;
margin:0 0 15px 0;
padding:0px;
font-family:"Times New Roman", Times, serif;
}

#logo a {
text-decoration:none;
color:#000000;
}

#logo a:hover {
text-decoration:none;
color:#999;
}





/* TOP IMAGES */
#top_images {
margin:0;
padding:0;
height:133px;
}

#top_images img {
width:155px;
padding:0 1px 0 0;
margin:0 0 0 0;
}

#top_images img.no_space {
width:155px;
height:133px;
padding:0 1px 0 0;
margin:0;
}








/* HORIZONTAL NAVIGATION */
#top_navigation {
clear:both;
padding:0;
margin:1px 0 0 0;
height:28px;
}















.column-in {
margin:0; padding:0;
}




#main1 {
vertical-align:top;
margin:0; padding:0;
background:white url("../img/background_left.gif") top left repeat-y;
}

/*
#main2 {
vertical-align:top;
margin:0; padding:0;
background:url("../img/background_left.gif") top right repeat-y;
}
*/
	
#main2 {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; 
BACKGROUND: url(../img/background_left.gif) repeat-y right top; VERTICAL-ALIGN: top; PADDING-TOP: 0px;
WIDTH:100%
}

	
	
	
	
	
/* LEFT COLUMN */
#left {
float:left;
width:130px;
margin:0; 
padding:20px 10px 20px 10px;
}

#left p {
padding:0 0 7px 0;
margin:0;
color:#666;
font-size:11px;
line-height:15px;
}

#left p.title {
clear:both;
color:#666;
font-weight:bold;
padding:10px 0 0 0;
margin:0px;
}

#left p.quote {
color:#666;
font-size:16px;
line-height:20px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
padding:0px;
margin:0px;
}

#left p.author {
color:#666;
font-style:italic;
font-size:11px;
line-height:14px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
margin:15px 0 7px 0;
}

#left a {
clear:both;
color:#666;
margin:0;
padding:0;
font-size:11px;
}

#left a:hover {
color:#999;
}

#left a.selected {
color:#999;
}


/* SLIDE SHOW */
#left .slideshow { 
height: 140px; 
width: 130px; 
padding:0;
margin:0;
}

.slideshow img { 
padding: 0; 
border: 1px solid #ccc; 
height: 130px; 
width: 130px; 
}






/* RIGHT COLUMN */
#right {
float:right;
width:135px;
margin:0; 
padding:20px 10px 20px 8px;
}

#right p.title {
clear:both;
color:#666;
font-weight:bold;
padding:10px 0 0 0px;
margin:0px;
}

#right p {
clear:both;
color:#666;
padding:5px 0 10px 0;
margin:0px;
}

#right p.centre {
clear:both;
text-align:center;
font-style:italic;
color:#666;
font-size:11px;
}

#right .centre img {
clear:both;
padding:15px;
}

#right .news {
color:#666;
font-size:11px;
line-height:14px;
font-weight:normal;
}

#right .news a {
color:#666;
font-size:11px;
text-decoration:underline;
}

#right .news a:hover {
color:#999;
font-size:11px;
text-decoration:underline;
}




/* MIDDLE COLUMN */
#centre {
/*margin:0 155px;
padding:10px 30px 60px 30px;
*/
float:left;
margin:0 0 0 40px;
width:410px;
padding:10px 0 60px 0;

}

#centre img {
clear:both;
float:left;
margin:5px 20px 5px 0;
padding:0;
}

#centre span.main_left {
padding:0;
clear:both;
float:left;
color:#999999;
width:140px;
text-align:left;
margin:5px 20px 20px 0;
font-size:11px;
font-style:italic;
line-height:14px;
}




#centre img.no_padding {
float:left;
margin:0;
padding:0;
}

#centre span.caption {
clear:both;
float:left;
color:#999;
width:155px;
margin:5px 20px 15px 0;
padding:0;
font-size:11px;
font-style:italic;
line-height:14px;
}

#centre p {
margin: 0 0 15px 0;
padding:0;
line-height: 19px;
}



#centre a {
color:#999;
text-decoration:none;
border-bottom:1px dotted #999;
}

#centre a:hover {
color:#666;
text-decoration:none;
border-bottom:1px dotted #666;
}


#centre .grey {
color:#999;
line-height:16px;
}

#centre .focus {
color:#666;
/*margin:10px 0 20px 0; */
width:370px;
padding:15px 15px 15px 20px;
background-color:#fafafa;
background-image:url(../img/pix_vertical.gif);
background-repeat:repeat-y;
}

#centre .focus2  {
color:#999;
padding:0;
margin:0;
background-color:#fafafa;
font-size:12px;
font-weight:normal;
}

#centre td.title {
border-bottom:1px solid #ccc;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
color:#666;
}



#centre table.dot td {
border-bottom:1px dotted #ccc;
padding-top:5px;
padding-bottom:5px;
vertical-align:top;
}

#centre table.text td {
padding:10px 0 0 0;
vertical-align:top;
}

#centre table.text td input {
width:190px;
vertical-align:top;
}

#centre td img.icon {
padding:0;
margin:0;
}


#centre ul {
padding:0 0 0 18px;
margin:0;
list-style-image:url(../img/bullet.gif);
}

#centre li {
font-style: italic;
margin: 10px 0 8px 20px;
color:#666;
line-height:18px;
}

#centre li a {
color: #999;
text-decoration:none;
}

#centre .text_field {
width:230px;
font-size:9px;
color:#666;
}

#centre textarea.text_field {
font-family:Arial, Helvetica, sans-serif;
width:230px;
font-size:11px;
color:#666;
}

img.right {
float:right;
margin:5px 0 10px 20px;
padding:0;
clear:both;
}






/* Photo gallery - Lightbox */
#gallery {
    width: 100%;
}

#gallery a {
    display:block;
    float:left;
    margin:0 1px 1px 0;
}


.gallery {
    width: 100%;
}

.gallery a {
    display:block;
    float:left;
    margin:0 1px 1px 0;
	border:0;
	text-decoration:none;
}














/* MIDDLE COLUMN FOR MAP PAGE */
#centre_blank {
margin:0;
padding:10px 0 10px 60px;
width:642px;
}

#centre_blank p {
margin: 3px 0 10px 0;
padding:0;
}

#centre_blank a {
color:#999;
text-decoration:none;
border-bottom:1px dotted #999;
}

#centre_blank a:hover {
color:#666;
text-decoration:none;
border-bottom:1px dotted #666;
}

#centre_blank table td {
padding:2px 0 0 0;
}















/* Slideshow style rules */
#slideshow {
	margin:0;
	width:410px;
	height:300px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0;
  width:410px;
  height:300px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  border:1px solid #ccc;
}
#slideshow #slidesContainer .slide {
  margin:0;
  width:390x; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:300px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:20px;
  height:280px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../img/control_left.gif) no-repeat;
  top:150px;
}
#rightControl {
  top:0;
  right:-1px;
  background:transparent url(../img/control_right.gif) no-repeat;
  top:150px;
}


* {
  margin:0;
  padding:0;
}

.slide h2, .slide p {
  clear:both;
  margin:0;
  font-style:italic;
  text-align:center;
}
.slide h2 {
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
  	width:410px;
	padding:0;
	margin:0;
}
.slide img {
  margin:0;
  display:block;
}













.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}






































/* COPYRIGHT */
#copyright {
display:block;
clear:both;
color:#666666;
font-size: 10px;
line-height:12px;
text-align:center;
margin:0;
padding:10px 0 0 0;
}

#copyright a {
text-decoration:none;
border-bottom:1px dotted #666;
color:#666;
}

#copyright a:hover {
text-decoration:none;
border-bottom:1px dotted #999;
color:#999;
}


/*
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-weight:normal;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 10px;
	line-height:12px;
}

.copyright a {
	text-decoration:none;
	font-weight:normal;
}



.logotype {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight:normal;
}

a {
	color:#006633;
	text-decoration:underline;
}

a:hover {
	color:#999999;
	text-decoration:underline;
}

.left {
	color:#666666;
	font-size:12px;
	line-height:16px;
}

.left_title {
	color:#666666;
	font-size:12px;
	line-height:16px;
}

.left a {
	color:#006633;
	font-size:12px;
	text-decoration:underline;
}

.left a:hover {
	color:#999999;
	font-size:12px;
	text-decoration:underline;
}





.quote {
	color:#006633;
	font-size:16px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
}

.quote2 {
	color:#006633;
	font-size:12px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-style:italic;
	font-weight:normal;
}

.quote3 {
	color:#666666;
	font-size:12px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-style:italic;
	font-weight:normal;
}

*/