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;
}
img{border:0;}
#haut {
height: 22px;
/*background-color:#339933;*/
margin-left:0;
margin-right:0;
font-weight:bold;
width: 100%;
background: #2F602F url(http://www.dietetique.us/image/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 5px 0; /*header text is indented 10px*/
}
#haut1 {
height: 10px;
margin-left:0;
margin-right:0;
font-weight:bold;
width: 800px;
background-color:#ffffff;
}
#conteneur {
position: relative;
width: 990px;
margin: 0 auto; 
background-color:#ffffff;
}
#centre {
background-color:#ffffff;
color: #339933;
margin-left: 186px;
margin-right: 186px;
position: relative;
padding-top:0px;
}
#souscentre {
background-color:#ffffff;
color: #333333;
margin-left: 186px;
margin-right: 186px;
font-size: 1.2em;
line-height:1.6;
padding:5px;
text-align:justify;
}
#souscentre1 {
	background-color:#ffffff;
	color: #333333;
	margin-left: 186px;
	margin-right: 186px;
	border-top-width:0pt;
	border-top-style:dotted;
	border-top-color:#339933;
	text-align: center;
	border-bottom-style: dotted;
	border-bottom-width: 0pt;
	border-bottom-color: #339933;
	font-style: italic;
	padding:5px;
}
#souscentre2 {
	background-color:#ffffff;
	color: #339933;
	margin-left: 186px;
	margin-right: 186px;
	border-top-width:0pt;
	border-top-style:dotted;
	border-top-color:#339933;
	text-align: justify;
	border-bottom-style: dotted;
	border-bottom-width: 0pt;
	border-bottom-color: #339933;
	font-size: 1.4em;
	line-height:1.5;
	padding:5px;
}
#gauche {
background-color:#ffffff;
position: absolute;
left:2px;
width: 180px;
}
#sous_gauche {
background-color:#ffffff;
position: absolute;
left:0;
width: 160px;
}
#droite {
	position: absolute;
	right:2px;
	width: 180px;
}
#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-bottom:0;
margin-left:12px;
margin-right:0;
margin-top:0;
padding-bottom:3px;
padding-top:3px;
}
.menuhaut li {
font-size: 1.1em;
display: inline;
margin: 0 2px;
}
.menuhaut a {
margin: 10px;
color: #ffffff;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menuhaut1 {
background-color:#ffffff;
text-align: left;
list-style-type: none;
margin: 0;
padding-bottom:3px;
padding-top:3px;
}
.menugauche {
list-style-type: none;
margin: 0px;
padding:0px;
}
.menugauche li {
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
background-color:#ffffff;
margin-left:0px;
}
.menugauche a {
color: #00F;
margin: 0px;
text-decoration: underline;
}
.menugauche 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 {
font: bold 14px Arial;
color: white;
background: #2F602F url(http://www.dietetique.us/image/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 5px 10px; /*header text is indented 10px*/
}
.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;
}
.menucentre2 {
    list-style-type: none;
    margin: 0;
    padding:0;
	font-size: 1em;
	line-height:3;
    color: #339933;
    font-weight: bold;
    text-decoration: none;
}
.menucentre3 {
font: 14px Arial;
color: #339933;
background: #ffffff;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 5px; /*header text is indented 10px*/
}
.menucentre3 li {
margin-bottom: 0px;
font-family: Times New Roman, Times, serif;
font-size: 1.3em;
line-height: 1.5;
margin-left: 30px;
color:#339933;
}
.menucentre3 a {
margin: 3px;
color: #339933;
text-decoration:underline;
}
.menucentre3 a:hover {
text-decoration: none;
}
.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
}
.form_top {
    border:1px solid #ccc;
	border-bottom-color:#999;
	border-right-color:#999;
	font:20px arial,sans-serif bold;
	margin:0;
	vertical-align:top;
	margin-bottom:4px;
	height:29px;
}
.form_top_text {
    border:1px solid #ccc;
	border-bottom-color:#999;
	border-right-color:#999;
	font:15px arial,sans-serif bold;
	margin:0;
	vertical-align:top;
	margin-bottom:4px;
	height:100px;
}
.form_top_b{
	background:url(http://www.dietetique.us/image/form_top_nav.png);
	font:20px arial,sans-serif; 
	border:1px double #999;
	cursor:pointer; 
	margin:0;
	outline:0;
	padding:0 6px;
	width:140px;
	height:33px;
}
.form_top_b:active{background:#ccc}
.form_top_txt {
    color: #00F;
	font:11pt arial,sans-serif;
}
.clear{clear:both;}
.ban728{ width:728px; height:100px; margin:auto; }
.ban728x15{ width:728px; height:15px; margin:auto; }
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: #2F602F url(http://www.dietetique.us/image/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 5px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
padding-left:7px;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #F90;
display: block;
padding: 5px 0;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: underline;
border-bottom: 1px solid #dadada;
font-size: 100%;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #20303B;
background-color: #eff8ef;
text-decoration:none;
}
.nav{
font: bold 14px Arial;
color: white;
background: #2F602F url(http://www.dietetique.us/image/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 4px 10px; /*header text is indented 10px*/
}
#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;
}
#souscentre3 {
background-color:#ffffff;
color: #333333;
margin-left: 166px;
margin-right: 0px;
text-align:right;
font-size:11pt;
}
#souscentre4 {
	background-color:#ffffff;
	color: #333333;
	margin-left: 186px;
	margin-right: 186px;
	margin-top:20px;
	border-top-width:1pt;
	border-top-style:dotted;
	border-top-color:#339933;
	text-align: justify;
	border-bottom-style: dotted;
	border-bottom-width: 0pt;
	border-bottom-color: #339933;
	font-style: italic;
	padding:5px;
}
#souscentre5 {
background-color:#ffffff;
color: #333333;
margin-left: 186px;
margin-right: 186px;
font-size: 11pt;
line-height:1.5;
padding:20px;
text-align:justify;
font-style: italic;
}
.readmore{
	font-size:11pt;
	text-align:right;
	clear:both;
}
.readmore a{
	color:#090;
}
.txt{
font-family: Trebuchet MS; 
color: #444444; 
font-size:10pt;
}
.newstitle{
	color:#090;
}
.newstitle a{
	color:#090;
}
.num {
	font-weight: bold;
	font-family:Verdana;
	font-size: 9px;
	color: #060;
}
.num2 {
	font-weight: bold;
	font-family:Verdana;
	font-size: 9px;
	color: #666666;
}