body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.70em;
margin: 0;
padding: 0;
background: #333333;
}
#header {
height: 80px;
background-color: #FFFFFF;
margin-left: 0px;
margin-right: 0px;
}
#haut {
height: 22px;
background-color:#339933;
margin-left:0;
margin-right:0;
font-weight:bold;
width: 800px;
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto; 
background-color:#ffffff;
}
#centre {
background-color:#ffffff;
color: #339933;
margin-left: 166px;
margin-right: 166px;
position: relative;
}
#souscentre {
background-color:#ffffff;
color: #333333;
margin-left: 166px;
margin-right: 166px;
}
#souscentre1 {
	background-color:#ffffff;
	color: #333333;
	margin-left: 166px;
	margin-right: 166px;
	border-top-width:1pt;
	border-top-style:dotted;
	border-top-color:#339933;
	text-align:justify;
	border-bottom-style: dotted;
	border-bottom-width: 1pt;
	border-bottom-color: #339933;
	font-style: italic;
}
#gauche {
background-color:#ffffff;
position: absolute;
left:3px;
width: 160px;
font-weight:bold;
}
#sous_gauche {
background-color:#ffffff;
position: absolute;
left:0;
width: 160px;
}
#droite {
position: absolute;
right:2px;
width: 160px;
}
#pied {
height: 20px;
background-color: #EEECDB;
margin-left:0;
margin-right:0;
padding-top:5px;
text-align:center;
color:#000099;
font-family: Times New Roman, Times, serif;
font-size: 1.1em;
font-weight:normale;
}

#header1 {
height: 80px;
width: 293px;
float:left;
padding-left:0 px;
padding-right:0 px;
border: 0px;
}
#header2 {
height: 60px;
width: 468px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
}
.menuhaut {
text-align: left;
list-style-type: none;
margin: 0;
padding-bottom:3px;
padding-top:3px;
}
.menuhaut li {
font-size: 1.1em;
display: inline;
margin: 0 2px;
}
.menuhaut a {
margin: 8px;
color: #ffffff;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 0px;
font-family: Times New Roman, Times, serif;
font-size: 1.4em;
font-weight:bold;
background-color:#339933;
}
.menugauche a {
margin: 0px;
color: #ffffff;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menusous_gauche {
	list-style-type: none;
	margin: 0px;
	padding:0;
	color: #ffffff;
	background-color: #ffffff;
}
.menusous_gauche li {
margin-bottom: 0px;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight:normal;
line-height:20px;
background-color:#ffffff;
}
.menusous_gauche a {
	margin: 0px 0px 10px;
	color: #ff9933;
text-decoration:
text-decoration: underline;
	padding-left: 6px;
}
.menusous_gauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

.menucentre {
list-style-type: none;
margin: 0;
padding:0;
}
.menucentre li {
margin-bottom: 0px;
font-family: Times New Roman, Times, serif;
font-size: 1.3em;
font-weight:bold;
background-color:#339933;
}
.menucentre a {
margin: 3px;
color: #ffffff;
text-decoration: underline;
}
.menucentre a:hover {
text-decoration: none;
}
.menucentre1 {
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight:bold;
	font-style: italic;
	color: #000000;
}
.menupied {
list-style-type: none;
margin: 0;
padding-bottom:3px;
padding-top:3px;
}
.menupied li {
display: inline;
margin: 0 2px;
line-height:18px;
font-family: Times New Roman, Times, serif;
font-size: 0.8em;
font-weight:normal;
}
.menupied a {
margin: 7px;
color: #0000FF;
text-decoration: underline;
}
.menupied a:hover {
text-decoration: none;
}

p {margin: 0 0 10px 0;}
.f11 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	line-height: 30px;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 2px;
}
.f12 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	line-height: 30px;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 2px;
}
.f13 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #339933;
	line-height: 30px;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 2px;
}
.menupied1 {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: normal;
	color: #000099;
	text-decoration: none;
}
.menupied a {
margin: 7px;
color: #0000FF;
text-decoration: underline;
}
.menupied a:hover {
text-decoration: none;
}
.marron_gras { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: 20pt; font-weight: bold; font-variant: normal; text-transform: none; color: #333333 }
p {margin: 0 0 7px 0;}
div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px
}
div.pagination a {
	background-color: #fff;
	border: 1px solid #339933;
	color: #339933;
	margin: 1px;
	padding: 2px 5px;
	text-decoration: none;
}
div.pagination a:hover,active {
	background-color: #339933;
	border: 1px solid #2793BD;
	color: #fff;
	margin: 1px;
	padding: 2px 5px;
}
div.pagination span.courante {
    background-color: #C60000;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 3px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}
#colone {
	float: left;
	width: 97%;
	margin-right: 0px;
	margin-left: 10px;
	overflow:hidden;
	margin-bottom: 10px;
	font-size: 11pt; 
	color: #000000; 
	text-decoration: none
}
#colone2 {
	float: left;
	width: 97%;
	margin-right: 0px;
	margin-left: 5px;
	margin-top:100px;
	padding:5px;
	overflow:hidden;
	margin-bottom: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	text-decoration: none;
}
#colone3 {
	float: left;
	width: 97%;
	margin-right: 0px;
	margin-left: 5px;
	margin-top:88px;
	padding:5px;
	overflow:hidden;
	margin-bottom: 10px;
	font-size: 11pt; 
	color: #000000; 
	text-decoration: none;
	background-color:#ebf6fe;
}
#front {
	display:block;
	/*border:1px dotted red;*/
}
#front2 {
	display:block;
}
#front3 {
	display:block;
}
#articles {
	display:block;
	/*border:1px dashed green;*/
}
#articles2 {
	display:block;
}
#articles3 {
	display:block;
}
#colone #front {
	margin: 0px;
}
#colone2 #front2 {
	margin: 0px;
}
#colone3 #front3 {
	margin: 0px;
}
#colone #front #articles .article-extract-half {
	width:345px;
	display:block;
	margin:0px 4px 0px 0px;
	padding:0px 0px 0px 0px;
}
#colone2 #front #articles .article-extract-half {
	width:345px;
	display:block;
	margin:0px 4px 0px 0px;
	padding:0px 0px 0px 0px;
}
#colone3 #front #articles .article-extract-half {
	width:345px;
	display:block;
	margin:0px 4px 0px 0px;
	padding:0px 0px 0px 0px;
}
.article-extract-half2 {
	width:20%;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.article-extract-half3 {
	display:block;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}
#colone #front #articles .left {
	float:left;
}
#colone2 #front #articles .left {
	float:left;
}
#colone3 #front #articles .left {
	float:left;
}