body {
margin:0;
padding:0;
	background: url(images/vert_background.gif) repeat-x center top;
	color: #503f34;
	font: 12px/14px "Trebuchet MS";
}

p {
	color: #a2968a;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
margin:10px 0 0 0;
}

h1 {
font-size:26px;
	margin: 0;
	padding: 0;
}

h2 {
	font: 18px "Trebuchet MS";
	color: #503f34;
	text-transform: uppercase;
}

#footer span.rechercher {
	position: relative;
	top: 55px;
	float: right;
	right: 215px;
}

h3 {
font-size:20px;
}

h4 {
font-size:17px;
}

#columnThree ul {
	margin: 0;
	padding: 0;
}
li.line_vert{
	background: url(images/line_vert.gif) no-repeat center top;
	width: 171px;
	height: 30px;
	text-align: center;
	display: block;
}
.line_vert a{
	font: 11px "Trebuchet MS";
	color: #5e5046;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding-top: 11px;
	margin: 0;
}
li.line_vert1{
	width: 171px;
	height: 30px;
	text-align: center;
	display: block;
}
.line_vert1 a{
	font: 11px "Trebuchet MS";
	color: #5e5046;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding-top: 11px;
	margin: 0;
}
/* << ----------------// Outer container that holds all the columns //---------------->> */
#wrapper {
	background: url(images/vert_bottom.gif) repeat-x 0 bottom;
}
#mainContainer {
margin:0 auto;
padding:0;
width:1030px;
	position: relative;
}
#outer {
width:1030px;
	background: url(images/back_centre.jpg) no-repeat center top;
	float: left;
	position: relative;
	top: 0;
}
#outer1 {
width:1030px;
	background: url(images/back_centre1.jpg) no-repeat center top;
	float: left;
	position: relative;
	top: 0;
}
/* << ----------------// Header //---------------->> */
#header {
margin:0;
padding:0;
width:1030px;
height:166px;
color:#ffffff;
	background-image: url(images/header.jpg);
	clear: both;
	display: block;
}

ul#contact {
	margin: 0;
	float: right;
	display: block;
	position: relative;
	top: 126px;
	right: 96px;
}
ul#contact li{
	margin: 0;
	padding: 0;
}
ul#contact a{
	font: 11px "Trebuchet MS";
	color: #5e5046;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: block;
}

#top_menu {
	position: relative;
	left: 480px;
	top: 106px;
	display: block;
	float: left;
}
#top_menu li{
	display: inline;
	margin: 0;
	padding-right: 40px;
}
#top_menu li a{
	font: bold 11px "Trebuchet MS";
	color: white;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#top_menu li a:hover{
	color: #f0ff00;
}
#top_submenu {
	position: relative;
	left: 480px;
	top: 120px;
	display: block;
	color: #f0ff00;
	clear: left;
	float: left;
}
#top_submenu li{
	display: inline;
	margin: 0;
	padding-right: 4px;
}
#top_submenu li a{
	font: bold 11px "Trebuchet MS";
	color: #f0ff00;
	text-decoration: none;
}
#top_submenu li a:hover{
	color: white;
}
#fra{
	left: 176px;
	position: relative;
	float: left;
}
#fra a{
	background: url(images/fr.gif) no-repeat;
	width: 20px;
	height: 15px;
	display: block;
}
#esp{
	left: 176px;
	position: relative;
	float: left;
}
#esp a{
	background: url(images/es.gif) no-repeat;
	width: 20px;
	height: 15px;
	display: block;
}
#por{
	left: 176px;
	position: relative;
	float: left;
}
#por a{
	background: url(images/pr.gif) no-repeat;
	width: 20px;
	height: 15px;
	display: block;
}
#eng{
	left: 176px;
	position: relative;
	float: left;
}
#eng a{
	background: url(images/en.gif) no-repeat;
	width: 20px;
	height: 15px;
	display: block;
}
#accueil_lien {
	margin: 0;
	top: 50px;
	left: 118px;
	position: relative;
	float: left;
	font: 11px "Trebuchet MS";
	color: #cac3bf;
	text-decoration: none;
	display: block;
}
#accueil_lien:hover{
	color: white;
}
#espagnole {
	position: absolute;
	top: 132px;
	font: 11px "Trebuchet MS";
	color: #76665c;
	text-decoration: none;
	left: 74px;
}
#espagnole:hover {
}
#portuguais {
	position: absolute;
	top: 157px;
	font: 11px "Trebuchet MS";
	color: #76665c;
	text-decoration: none;
	left: 74px;
}
#portuguais:hover {
}
#e2e {
	position: absolute;
	top: 132px;
	font: 11px "Trebuchet MS";
	color: #76665c;
	text-decoration: none;
	left: 255px;
}
#e2e:hover {
}
#francais {
	position: absolute;
	top: 157px;
	font: 11px "Trebuchet MS";
	color: #cac3bf;
	text-decoration: none;
	left: 265px;
}
#francais:hover{
	color: white;
}
#accueil {
margin:0;
padding:0;
width:396px;
height:190px;
line-height:30px;
	position: relative;
	background-image: url(images/img_accueil.jpg);
	float: left;
}
#galerie {
margin:0;
padding:0;
width:429px;
height:190px;
line-height:30px;
	position: relative;
	background-image: url(images/img_galerie.jpg);
	float: left;
}
#maps {
margin:0;
padding:0;
width: 205px;
height:190px;
line-height:30px;
	position: relative;
	background-image: url(images/img_droit.jpg);
	float: left;
	clear: right;
}

/* << ----------------// Left column //---------------->> */
#columnOne {
float:left;
width:326px;
	margin: 0;
	padding-left: 48px;
	padding-top: 38px;
	padding-right: 52px;
	position: relative;
}

#calendar {
	position: absolute;
	top: 284px;
	left: 175px;
}


#columnOne .articleGauche{
	width: 326px;
	height: 77px;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(images/news_gauche1.jpg) no-repeat left center;
	display: block;
	clear: both;
	float: left;
}

.articleGauche a{
	text-decoration: none;
}
#columnOne .articleGauche blockquote{
	width: 240px;
	height: 60px;
	float: right;
	padding-top: 11px;
	margin: 0;
	display: block;
}
.articleDate {
	font: 11px/13px "Trebuchet MS";
	color: #c8d215;
	margin: 0;
	padding: 0;
}
span.articleText a {
	font: 11px/12px "Trebuchet MS";
	color: #76665c;
	text-decoration: none;
}

#EmailForm fieldset textarea {
	width: 253px;
	height: 80px;
	float: right;
	clear: both;
	margin-right: 9px;
}
span.articleText a:hover {
	text-decoration: underline;
}
.articleImage {
	padding: 7px 6px;
	display: block;
	float: left;
}


#columnOne h2, #columnThree h2 {
font-size:16px;
}

/* << ----------------// Middle column //---------------->> */
#columnTwo {
width: 371px;
	padding-top: 30px;
	position: relative;
	float: left;
	padding-bottom: 30px;
  min-height:291px;
  height:auto !important;
  height:291px;
	background-color: transparent;
}

#columnTwo p {
}

#columnTwo a {
	text-decoration: none;
	color: #503f34;
}
#columnTwo a:hover {
	text-decoration: underline;
	color: #503f34;
}
.articleCentreTop{
	width: 371px;
	margin: 0;
	display: block;
	padding: 0;
	float: left;
	clear: both;
}
.articleCentre{
	width: 371px;
	margin: 0;
	padding-bottom: 10px;
	display: block;
	clear: both;
	float: left;
}

div.a_navigauche{
	background-image: url(images/agenda_ng.gif);
	width: 166px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

span.ditto_previous_off {
	font: bold 11px/34px "Trebuchet MS";
	color: #b3b3b3;
	text-align: right;
	display: block;
	position: relative;
	width: 90%;
	text-transform: uppercase;
	float: left;
}
span.ditto_next_off {
	font: bold 11px/34px "Trebuchet MS";
	color: #b3b3b3;
	text-align: left;
	display: block;
	position: relative;
	width: 90%;
	text-transform: uppercase;
	float: right;
}
a.ditto_previous_link {
	font: bold 11px/34px "Trebuchet MS";
	color: #503f34;
	text-align: right;
	display: block;
	position: relative;
	width: 90%;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
}
a.ditto_next_link {
	font: bold 11px/34px "Trebuchet MS";
	color: #503f34;
	text-align: left;
	display: block;
	position: relative;
	width: 90%;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
}
div.a_navidroite{
	background-image: url(images/agenda_nd.gif);
	width: 166px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#a_navi {
	width: 332px;
	position: absolute;
	bottom: 0;
	margin-left: 18px;
	margin-right: auto;
}
.articleDateCentre {
	font: bold 12px "Trebuchet MS";
	color: #c8d215;
	background: url(images/puces_vert.jpg) no-repeat left center;
	padding: 0 18px;
	display: block;
	float: left;
}
.articleDateCentre2 {
	font: bold 22px/22px "Trebuchet MS";
	color: #c8d215;
	display: block;
	float: left;
	padding-bottom: 4px;
	padding-left: 6px;
	margin: 0;
}
 p.no_articles{
	font: italic 10px "Trebuchet MS";
	color: #503f34;
	margin: 0;
	padding: 0 0 4px 50px;
	clear: both;
}
.articleCentrePresse{
	width: 371px;
	display: block;
	padding-bottom: 10px;
	float: left;
	clear: both;
	padding-top: 10px;
}
.articleImagePresse{
	display: block;
	float: left;
	background: url(images/th_centre.gif) no-repeat left top;
	padding-right: 7px;
	margin: 0;
}
.articleTitleCentre {
	font: 18px "Trebuchet MS";
	color: #503f34;
	padding-left: 0;
}
span.articleHeaderCentre {
	font: 9px "Trebuchet MS";
	color: #9f9f9f;
	display: block;
	float: left;
	width: 118px;
	clear: left;
}
div.articleCentrePresseD {
	width: 250px;
	float: right;
}

div.articleCentrePresseG {
	float: left;
	width: 118px;
}
.articleSubTitleCentre {
	font: 9px "Trebuchet MS";
	color: #9f9f9f;
	float: left;
	margin-top: 4px;
	clear: both;
	position: relative;
}

.articleTextCentre {
	font: 12px "Trebuchet MS";
	color: #a2968a;
}
.articleTextCentre p {
	font: 12px "Trebuchet MS";
	color: #a2968a;
	padding-top: 5px;
	padding-bottom: 5px;
}
.articleTextCentre p a{
	text-decoration: none;
}
.articleTextCentre2 {
	font: 11px "Trebuchet MS";
	color: #76665c;
	padding-top: 5px;
	text-align: justify;
	margin-left: 50px;
}
.articleTextCentre2 a{
	text-decoration: none;
}
.style13{
	font: 11px/12px "Trebuchet MS";
	text-decoration: none;
}
.articleTextCentre2 h4{
	font: bold 12px/14px "Trebuchet MS";
	color: #503f34;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 2px;
}
.articleTextCentre2 h5{
	font: 12px/12px "Trebuchet MS";
	color: #503f34;
	margin: 0;
	padding: 0;
}

.articleImageCentre {
	background: url(images/th_centre.gif) no-repeat center center;
	display: block;
	width: 110px;
	height: 110px;
	padding: 0;
	margin-top: 6px;
	float: left;
}
.articleImageCentre2 {
	background: url(images/agenda_date.gif) no-repeat center center;
	display: block;
	width: 40px;
	height: 66px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

.a_date {
	position: absolute;
	top: 11px;
	left: 11px;
	color: white;
	font: italic bold 14px "Trebuchet MS";
}
.a_image_th {
	position: absolute;
	top: 34px;
	left: 7px;
}
.articleImageCentreTh {
	width: 96px;
	height: 96px;
	padding: 7px;
}
.articleImageCentreP {
	display: block;
	margin: 5px auto 10px;
}

/* << ----------------// Right column //---------------->> */
#columnThree {
float:left;
margin:0;
padding: 48px 34px 0 28px;
width:171px;
}

/* << ----------------// Footer //---------------->> */
#footer {
width: 1030px;
height: 123px;
clear:both;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#footer p{
	padding-top: 53px;
	display: inline;
	float: left;
	padding-left: 50px;
}
#footer a:link, #footer a:visited {
color: #769000;
text-decoration:none;
font: 11px "Trebuchet MS";
}

#footer a:hover, #footer a:active {
color: #4d5e0d;
text-decoration:underline;
}

#newsletter {
		padding-top: 53px;
	float: right;
}

.vert {
font: 11px "Trebuchet MS";
color: #769000;
	padding-right: 4px;
	margin: 0;
	vertical-align: 3px;
}

.newsInput {
	width: 160px;
	height: 20px;
	background: transparent url(images/newsletter.gif) no-repeat left center;
	border-style: none;
	text-align: left;
	font: 11px "Trebuchet MS";
	color: gray;
	vertical-align: 3px;
	margin-right: 80px;
	margin-left: 12px;
}



/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
h3.toggler {
	background: url(images/barre.jpg) no-repeat;
	font: 12px "Trebuchet MS";
	text-decoration: none;
	color: white;
	text-align: left;
	list-style-type: none;
	padding-left: 2px;
	margin: 0;
}

#columnTwo div.accordion p {
}

#columnTwo h3.toggler span.p_title {
	color: #c8d215;
	font: 12px/20px "Trebuchet MS";
	padding-left: 4px;
	padding-right: 4px;
}
#columnTwo h3.toggler span.p_longtitle {
	font: 12px/26px "Trebuchet MS";
}

#columnTwo div.articleCentre a {
	text-decoration: none;
	display: block;
	color: silver;
}
#columnTwo div.articleCentre a:hover {
	text-decoration: underline;
}
.managrButton {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 359;
	width: 60px;
		}

#columnTwo ul.LSM_0 li a {
	color: #4e3e34;
	font: bold 14px/18px "Trebuchet MS";
	text-decoration: none;
	margin: 0;
	text-align: right;
	position: relative;
	right: 199px;
	float: right;
	clear: both;
	padding: 0;
		}
#columnTwo ul.LSM_0 li a:hover {
	text-decoration: underline;
		}
		
#columnTwo ul.LSM_0 li ul.LSM_1 li a {
	text-align: left;
	text-decoration: none;
	position: relative;
	left: 172px;
	float: left;
	color: #4e3e34;
	font: italic 12px/14px "Trebuchet MS";
		display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 0;
		}
		#columnTwo ul.LSM_0 li ul.LSM_1 li a:hover {
	text-decoration: underline;
	color: #4e3e34;
		}
#columnTwo ul.LSM_0 {
	width: 371px;
	display: block;
	position: relative;
		}
#columnTwo ul.LSM_0 li {
	text-align: right;
		}	
