BODY 
{
	FONT-FAMILY: tahoma;
	background: #ACD272 url(images/back2.gif) top left repeat-x; 
	margin:0;
	padding:0;
	font-family: Verdana, sans-serif;
	font-size:11px;
	text-align:center;
}

h1 {
	margin-bottom: 0.8em;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#9DC069;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#head { 
	width:710px;
	height:222px;
  	margin:0 auto;
	padding:0 1px 0 1px;
	background: #fff url(images/logo.gif) top left no-repeat;
	text-align:left;
}
html>body #head {width:709px}

#photo {
	margin :75px 0 0 0;
	float:left;
	width:194px;
	height:147px;
	background: #fff url(images/photo.jpg) top left no-repeat; 
}

#slogan {
	margin : 75px 0 0 1px;
	float:left;
	width:206px;
	height:147px;
	background: #83898D;
}

#container { 
	position:relative;
	width:709px;
  	margin:0 auto 0;
	background-color: #FFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	clear:both;
}
html>body #container {width:711px}

#bloc1index {
	float:left;
	padding:20px 15px 25px 65px;
	width:515px;
	background: #fff;
	text-align: justify ;
	font-size:11px;
	color:#000;
}
html>body #bloc1index {width:430px; text-align: justify}

#bloc1 {
	float:left;
	padding:20px 15px 25px 35px;
	width:515px;
	background: #fff;
	text-align: justify ;
	font-size:11px;
	color:#000;
}
html>body #bloc1 {width:460px; text-align: justify}

div#bloc1 li {
	list-style-type:decimal;
}

#bloc2 {
	float:left;
	padding:20px 15px 25px 35px;
	width:225px;
	background: #fff;
	text-align: justify ;
	font-size:11px;
	color:#000;
}
html>body #bloc2 {width:230px; text-align: justify}

div#bloc2 li {
	list-style-type:decimal;
}

#bloc3 {
	float:center;
	padding:20px 15px 25px 35px;
	width:257px;
	background: #fff;
	text-align: justify ;
	font-size:11px;
	color:#000;
}
html>body #bloc3 {width:230px; text-align: justify}

div#bloc3 li {
	list-style-type:decimal;
}

#bloc4 {
	float:left;
	padding:15px 15px 15px 30px;
	width:215px;
	background: #fff;
	text-align: justify ;
	font-size:11px;
	color:#000;
}
html>body #bloc4 {width:200px; text-align: justify}

div#bloc4 li {
	list-style-type:decimal;
}

#bloc5 {
	float:left;
	padding:5px 0px 5px 14px;
	width:180px;
	background: #fff;
	text-align: justify ;
	font-size:11px;
	color:#000;
}


#actu {
	float:right;
	margin-top :20px;
	padding:0 5px 0 5px;
	width:190px;
	border-left:0.2em dotted #83898D;
	background: #fff;
	text-align: justify ;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size:11px;
	color:#000;
}

#actu2 {
	float:right;
	margin-top : 20px;
	padding:0 5px 0 5px;
	width:182px;
	color:#CD8C24;
}

#actu3 {
	float:right;
	padding:15px 30px 15px 15px;
	width:225px;
	border-left:0.2em dotted #83898D;
	background: #fff;
	text-align: justify ;
	font-size:11px;
	color:#000;
}

#ht_right {
	width:182px;
	height : 27px;
	margin : 0;
	padding : 8px 0 0 0;
	font-size : 12px;
	color: #9DC069;
	font-weight: bold;
	text-align:center;
	background : #FFF url(images/haut_droite.gif) bottom left no-repeat;
}
html>body #ht_right {height:19px}

#middle_right {
	width:182px;
	margin : 0;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 5px;
	padding-bottom : 5px;
	border-left : 2px solid #83898D;
	border-right : 2px solid #83898D;
	background-color : #FFF ;
	text-align:left;
	color: #CD8C24;
}
html>body #middle_right {width:168px}


#bs_right {
	width:182px;
	height : 10px ;
	margin : 0;
	padding : 0;
	background : #FFF url(images/bas_droite.gif) top left no-repeat;
}

/*-------Menu Haut-------*/

#navcontainer {
	float:right;
	margin:75px 0 0 0;
}
html>body #navcontainer { margin:-147px 0 0 0}

#navcontainer ul, li {
	list-style-type: none;
}

#navcontainer li#active a {
	background: #E6E4E4 url(images/carre_menu_over.gif) right top no-repeat;
	color:#D19131;
}

#navcontainer a {
	display: block;
	border-bottom: 1px solid #fff;	
	width: 306px;
	height: 37px;
	text-decoration: none;
	font-weight:bold;
	font-size:13px;
	color:#666;
	padding:10px 0 0 25px;
	background:#E6E4E4 url(images/carre_menu.gif) top right no-repeat;
}
html>body #navcontainer a { width:282px; height:26px; padding-top :10px}

#navcontainer a:hover {
	background:#E6E4E4 url(images/carre_menu_over.gif) top right no-repeat;
	color:#D19131;
}

/*-------Menu Bas-------*/

#bottomcontainer {
	width:710px;
	height:12px;
	clear:both;
	padding:0 ;
	border:0;
}

#navbas {
	padding:0;
	margin: 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
}

#navbas li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

#navbas li#active a {
	background: #D0ECA5;
	color:#D19131;
}

#navbas a {
	float:left;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	width:99px;
	height:12px;
	text-decoration: none;
	text-align:center;
	font-size:10px;
	color:#fff;
	padding:0;
	background:#95AD71;
}
html>body #navbas a {width:100px}

#navbas a:hover {
	background:#D0ECA5;
	color:#D19131;
}

#bottomright {
	float:right;
	width:214px;
	height:13px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	margin:0  0 0 1px;
	text-align:center;
	background:#D0ECA5;
	font-size:10px;
}
html>body #bottomright {width:203px;height:12px; margin:0;border-left:1px Solid #fff; border-right:0}
}

#bottomright a {
	color:#999999;
	text-decoration:none;
	voice-family: "\"}\""; 
	voice-family:inherit;
}

#footer{
	width:710px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding-right:35px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align : right;
	color : #83898D;
	background:#B2CF87;
	voice-family: "\"}\""; 
	voice-family:inherit;
}
html>body #footer {height:auto; width:674}