<!--
/* ------------------------------------------------------------- */
/* :::Corps::: */
body {
	color: #515350;
	font-size: x-small;
	font-family: Verdana, Arial, Times, serif;
	line-height: small;
	background-color: #ffffff;
	margin-top: 30px;
}

/* ------------------------------------------------------------- */
/* :::ConTaiNer::: centrée divisé en 4 div horizontales : top, utop, middle et bottom*/
#container {
	color: #515350;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
	
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* :::Bandeau::: */
#top {
	background-image: url('../img/bandeau.jpg');
	background-repeat: no-repeat;
	width: 720px;
	margin: 0px;
	padding: 0px;
	height: 150px;
	clear: both;
	border: 0px;
	position: relative;
}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* :::Middle::: divisé en 2 colonnes : left et right */
#middle {
	background-color: #f7f9f2;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #9d9d9d;
	border-bottom: 0px;
	float: left;
	clear: both;
	width: 718px;
	height: 338px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* :::Left::: dans div middle */
#left {
	color: #515350;
	float: left;
	position: relative;
	width: 278px;
	height: 200px;
	margin: 0px;
	padding: 34px;
	line-height: 2em;
}

/* ------------------------------------------------------------- */
/* ::Left:: - article */
.article {
	clear: both;
	float: left;
	width: 270px;
	padding: 0px;
}

.article p {
	width: 270px;
	height: 180px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color:#edf0e6;
}
.article a{
	color: #7f7975;
	text-decoration:none;
}
.article a:hover{
	text-decoration:underline;
}
.article p.cuve {
	width: 270px;
	height: 144px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color:#edf0e6;
	margin-top: 0px;
}

.article h2 {
	font-family: Times, Verdana, Tahoma;
	font-weight: normal;
	color: #5a6053;
	font-size: x-large;
	padding-top: 2px;
	letter-spacing: 1pt;
	padding-bottom: 5px;
	margin-bottom: 5px;
	line-height: 30px;
}

.lettrine {
	font-size: xx-large;
}

.article h3 {
	font-family: Times, Verdana, Tahoma;
	color: #5a6053;
	font-size: large;
	text-transform: capitalize;
	margin-bottom: 3px;
}

.citation {
  color: #6e716d;
  font-weight: bold;
}

.articlemenu {
	line-height: 1.5em;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: : 0px;
	clear: both;
	position: relative;
	color: #767f75;
}

.fleche {
	font-size: x-small;
	padding-right: 2px;
}

.articlemenu a{
	color: #767f75;
	text-decoration:none;
}
.articlemenu a:hover{
	text-decoration:underline;
	color: #60665f;
}

.souligne {
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.center {
	text-align: center;
}

/*-------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* :::RIGHT::: Colonne de droite dans le div middle - image */
#right {
	float: right;
	position: relative;
	padding: 0px;
	margin: 0px; 
	width: 358px;
	height: 338px;
	border: 0px;
	border-left: 1px solid #9d9d9d;
}
#right img {
	padding: 0px;
	margin: 0px; 
	border: 0px;
}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

/* :::BoTToM::: PIED DE PAGE qui sera divisé en 3 parties */
#bottom {
	color: #FFFFFF;
	background-color: #41473b;
	clear: both;
	position: relative;
	float: left;
	width: 720px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#bottom .pied{
	height: 30px;
	background: transparent url('../img/bas_arrondi.gif') no-repeat;
	background-position: center bottom;
}

/* ------------------------------------------------------------- */
/* ::BoTToM:: Menu */
#bottom .navbar {
	width: 720px;
	position: relative;
	text-align: center;
	padding: 20px 0px 0px 0px;
	border: 0px;
	margin: 0px;
	color: #c1cabb;
}

/* ------------------------------------------------------------- */
/*  ::BoTToM:: - Menu - liens */
#bottom .navbar a {
	color: #c1cabb;
	text-decoration: none;
	font-size: x-small;	
	font-family: times;	
	letter-spacing: 2px;
}

#bottom .navbar a:hover {
	color: #f7f9f2;
	text-decoration: underline
}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/*  :::Copyright:::  */
#copyright {
	background-color: #ffffff;
}
#copyright p{
	color: #515350;
	font-size: x-small;	
	font-family: verdana;	
	text-align: center;
	padding-bottom: 3px;
	margin: 0px;
}
#copyright h3{
	color: #515350;
	font-size: small;	
	font-family: verdana;	
	text-align: center;
	padding-bottom: 3px;
	margin: 0px;
	font-style: italic;
	font-weight: normal;

}

#copyright a{
	color: #515350;
	text-decoration: underline;
}
#copyright a:hover{
	color: #515350;
	text-decoration: none;

}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* :::LIENS::: dans la page */
.lien {
	font-size: x-small;
	margin-top: 4px;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
}	
/* ------------------------------------------------------------- */
/* Div des LIENS dans la page - liens */
.lien a {
	color: #b65b0e;
	text-decoration: none;
}

.lien a:hover {
	color: #e99752;
	text-decoration: underline;
}

.lien a:visited {
	color: #b65b0e;
}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* :::Contact::: */

.contact {
	height:255px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color:#edf0e6;
}


/*-------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* :::Formulaires::: */
form {
	padding: 0px;
	margin: 0px 0px 3px 0px;
}

input, select, textarea {
	font-family: Courier, Verdana, Arial;
	color: #534a46;
	border-top: 1px solid #7f7975;
	border-right: 1px solid #7f7975;
	border-bottom: 1px solid #7f7975;
	border-left: 1px solid #7f7975;
}

.label {
	padding: 0px 3px 0px 3px;
	line-height: 1.4em;
	float: left;
	width: 90px;
	background-color: #f7f9f2;
	color: #7f7975;
	border-top: 1px solid #7f7975;
	border-right: 1px solid #7f7975;
	border-bottom: 1px solid #7f7975;
	border-left: 1px solid #7f7975;
	font-weight: bold;
	margin: 2px 3px 2px 3px;
	font-size: x-small;
	text-align: center;
}


.input_txt {
	margin: 0px;
	padding: 1px;
	float: left;
	width: 110px;
	clear: right;
}

.valid {
	clear: both;
	float: left;
	width: 180px;
	margin: 0px 0px 0px 60px;
	padding: 4px 0px 0px 0px;
	border: 0px;
}

.bt_valid {
	background-color: #f7f9f2;
	border-top: 1px solid #7f7975;
	border-right: 1px solid #7f7975;
	border-bottom: 1px solid #7f7975;
	border-left: 1px solid #7f7975;
}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
:::Adresse page Contact:::

.adresse {
	clear: both;
	float: left;
	width: 270px;
	padding: 0px;
}

.adresse p {
	padding-top: 0px;
	margin: 20px 0px 30px 0px; 
	width: 270px;
}

.adresse h2 {
	font-family: Times, Verdana, Tahoma;
	font-weight: normal;
	color: #5a6053;
	font-size: x-large;
	padding-top: 2px;
	letter-spacing: 1pt;
	padding: 0px 0px 5px 0px;
	margin-bottom: 5px;
	line-height: 20px;
}

.lettrine {
	font-size: xx-large;
}

.message {
	color: #767f75;
	margin-top: 0px;
	padding: 0px;
}

.message a{
	color: #767f75;
	text-decoration:none;
}

.message a:hover{
	color: #60665f;
	text-decoration:underline;
}

#inside-middle {
	float: left;
	clear: both;
	width: 679px;
	height: 300px;
	padding: 20px;
	margin: 0 1px 0 0;
	position: relative;
}
#inside-middle h2 {
	font-family: Times, Verdana, Tahoma;
	font-weight: normal;
	color: #5a6053;
	font-size: x-large;
	padding-top: 2px;
	letter-spacing: 1pt;
	padding-bottom: 3px;
	margin-bottom: 3px;
	line-height: 10px;
}
#inside-middle a {
	color: #7f7975;
	text-decoration:none;
}
#inside-middle a:hover {
	text-decoration:underline;
}
#right-text {
	color: #515350;
	float: left;
	position: relative;
	width: 278px;
	height: 200px;
	margin: 0px;
	padding: 14px;
	line-height: 2em;
}

#news {
	clear: both;
	float: left;
	width: 270px;
	padding: 0px;
}
#news p {
	line-height: 1.2em;
	margin: 9px 0px 3px 0px;
	padding: 0px;
}
#news p img {
	border: 0;
	margin: 0px 0px -3px 0px;
}
#news h2 {
	font-family: Times, Verdana, Tahoma;
	font-weight: normal;
	color: #5a6053;
	font-size: x-large;
	padding-top: 2px;
	letter-spacing: 1pt;
	padding-bottom: 3px;
	margin-bottom: 3px;
	line-height: 10px;
}
#news #innews p img {
	float: left;
	border: 0;
	margin: 0px 9px 9px 0px;
}
#news h3 {
	font-family: Times, Verdana, Tahoma;
	color: #5a6053;
	font-size: large;
	text-transform: capitalize;
	margin-bottom: 3px;
}
#news #innews {
	height:200px;
}

#news #innews p {
	line-height: 1.3em;
	margin: 9px 0px 3px 0px;
	padding: 0px;
}
#news a{
	color: #7f7975;
	text-decoration:none;
}
#news a:hover{
	text-decoration:underline;
}
#news #innews p.cuve {
	width: 270px;
	height: 144px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color:#edf0e6;
	margin-top: 0px;
}

#news #innewsdetail {
	height:220px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color:#edf0e6;
}
#news #innewsdetail p img {
	float: left;
	border: 0;
	margin: 0px 9px 9px 0px;
}
#news #innewsdetailop {
	height:220px;
	width: 640px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color:#edf0e6;
}
#news #innewsdetailop p img {
	float: left;
	border: 0;
	margin: 0px 9px 9px 0px;
}

#newsopage {
	clear: both;
	float: left;
	width: 640px;
	height: 200px;
	padding: 3px 0px 0px 14px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-base-color:#edf0e6;
}
#newsopage .oneactleft {
	clear: left;
	float: left;
	width: 300px;
	line-height: 1.2em;
	margin: 3px 0px 9px 0px;
	padding: 0px;
}
#newsopage .oneactright {
	clear: right;
	float: right;
	width: 300px;
	line-height: 1.2em;
	margin: 3px 0px 9px 0px;
	padding: 0px;
}
#newsopage p {
	line-height: 1.2em;
	margin: 3px 0px 9px 0px;
	padding: 0px;
}
#newsopage p img {
	border: 0;
	margin: 0px 0px -3px 0px;
}
#newsopage h2 {
	font-family: Times, Verdana, Tahoma;
	font-weight: normal;
	color: #5a6053;
	font-size: x-large;
	padding-top: 2px;
	letter-spacing: 1pt;
	padding-bottom: 3px;
	margin-bottom: 3px;
	line-height: 10px;
}
#newsopage h3 {
	font-family: Times, Verdana, Tahoma;
	color: #5a6053;
	font-size: large;
	text-transform: capitalize;
	margin-bottom: 3px;
}
#newsopage a{
	color: #7f7975;
	text-decoration:none;
}
#newsopage a:hover{
	text-decoration:underline;
}