/* CSS Document */

body {
margin: 0;
padding: 0;
background: #788386;
font-size: 65%;
color: black;
font-family: Arial, sans-serif; 
}

/* placement bandeau haut + nav bas */
#test {
	width: 801px;
	height: 27px;
	background-image: url(images/bandeau-haut.gif);
	background-repeat: no-repeat;
}
#test div {
font-weight: normal;
	font-size: 8pt;
	color: #33701F;
	font-family: Arial, sans-serif; 
	margin-left: 5px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	
}
#test1 {
	width: 801px;
	height: 27px;
	background-image: url(images/bandeaubas.gif);
	background-repeat: no-repeat;
}
#test1 div {
font-weight: normal;
	font-size: 8pt;
	color: #33701F;
	font-family: Arial, sans-serif; 
	margin-left: 5px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;	
}
#test1 a:link {
	font-weight: normal;
	font-size: 8pt;
	color: #33701F;
	font-family: Arial, sans-serif; 
	text-decoration: none;
}
#test1 a:hover {
	font-weight: normal;
	font-size: 8pt;
	color: #394346;
	font-family: Arial, sans-serif; 
	text-decoration: underline;
}
#test1 a:visited {
	font-weight: normal;
	font-size: 8pt;
	color: #33701F;
	font-family: Arial, sans-serif; 
	text-decoration: none;
}
/* fond newsletter et accès pro */
#pro {
	width: 140px;
	height: 141px;
	background-image: url(images/champs-pro.gif);
	background-repeat: no-repeat;
	background-position: center
}
#news {
	width: 140px;
	height: 131px;
	background-image: url(images/champs-news1.gif);
	background-repeat: no-repeat;
	background-position: center
}
/* fond newsletter et accès pro */
#txtdroit {
	font-weight: normal;
	font-size: 10pt;
	color: #394346;
	font-family: Arial, sans-serif;
}
/* NAVIGATION ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ */
/*nav bouton1*/
ul#menuaccueilon
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menuaccueilon li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menuaccueilon li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #808080 ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	text-decoration: none ;
	background: url(images/boutons-1.gif) no-repeat 0 0 ; 
}

ul#menuaccueilon li a:hover
{
	background: url(images/boutons-1.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #fff ;
}
/*nav bouton1-on*/
ul#menuaccueil
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menuaccueil li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menuaccueil li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #fff ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	text-decoration: none ;
	background: url(images/boutons-1.gif) no-repeat 0 -33px ; 
}

ul#menuaccueil li a:hover
{
	background: url(images/boutons-1.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #808080 ;
}
/*nav bouton2*/
ul#menubt2on
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt2on li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt2on li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #808080 ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif;  
	text-decoration: none ;
	background: url(images/boutons-2.gif) no-repeat 0 0 ; 
}

ul#menubt2on li a:hover
{
	background: url(images/boutons-2.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #fff ;
}
/*nav bouton2 on------------*/
ul#menubt2off
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt2off li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt2off li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #fff ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif;  
	text-decoration: none ;
	background: url(images/boutons-2.gif) no-repeat 0 -33px ; 
}

ul#menubt2off li a:hover
{
	background: url(images/boutons-2.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #808080 ;
}
/*nav bouton3*/
ul#menubt3on
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt3on li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt3on li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #808080 ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	text-decoration: none ;
	background: url(images/boutons-3.gif) no-repeat 0 0 ; 
}

ul#menubt3on li a:hover
{
	background: url(images/boutons-3.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #fff ;
}
/*nav bouton3 on------------*/
ul#menubt3off
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt3off li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt3off li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #fff ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif;  
	text-decoration: none ;
	background: url(images/boutons-3.gif) no-repeat 0 -33px ; 
}

ul#menubt3off li a:hover
{
	background: url(images/boutons-3.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #808080 ;
}
/*nav bouton4*/
ul#menubt4on
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt4on li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt4on li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #808080 ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	text-decoration: none ;
	background: url(images/boutons-4.gif) no-repeat 0 0 ; 
}

ul#menubt4on li a:hover
{
	background: url(images/boutons-4.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #fff ;
}
/*nav bouton4 on------------*/
ul#menubt4off
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt4off li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt4off li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #fff ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif;  
	text-decoration: none ;
	background: url(images/boutons-4.gif) no-repeat 0 -33px ; 
}

ul#menubt4off li a:hover
{
	background: url(images/boutons-4.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #808080 ;
}
/*nav bouton5*/
ul#menubt5on
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt5on li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt5on li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #808080 ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	text-decoration: none ;
	background: url(images/boutons-5.gif) no-repeat 0 0 ; 
}

ul#menubt5on li a:hover
{
	background: url(images/boutons-5.gif) no-repeat 0 -33px ; 
	font-family: Arial, sans-serif; 
	font-size: 10pt;
	color: #fff ;
}
/*nav bouton5 on------------*/
ul#menubt5off
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubt5off li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubt5off li a
{
	display: block ; 
	width: 106px ;
	line-height: 33px ;
	color: #fff ;
	text-indent: 8px ;
	font-size: 10pt;
	font-family: Arial, sans-serif;  
	text-decoration: none ;
	background: url(images/boutons-5.gif) no-repeat 0 -33px ; 
}

ul#menubt5off li a:hover
{
	background: url(images/boutons-5.gif) no-repeat 0 -33px ; 
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	color: #808080 ;
}
/*nav boutonforum*/
ul#menubtforum
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubtforum li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubtforum li a
{
	display: block ; 
	width: 140px ;
	line-height: 24px ;
	color: #808080 ;
	text-indent: 0px ;
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	text-decoration: none ;
	background: url(images/bt-forum.gif) no-repeat 0 0 ; 
}

ul#menubtforum li a:hover
{
	background: url(images/bt-forum.gif) no-repeat 0 -24px ; 
	font-family: Arial, sans-serif; 
	font-size: 10pt;
	color: #fff ;
}
/*nav boutonlien*/
ul#menubtlien
{
	margin-left: 0px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 0px ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menubtlien li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
}
ul#menubtlien li a
{
	display: block ; 
	width: 140px ;
	line-height: 23px ;
	color: #808080 ;
	text-indent: 0px ;
	font-size: 10pt;
	font-family: Arial, sans-serif; 
	text-decoration: none ;
	background: url(images/bt-gauche.gif) no-repeat 0 0 ; 
}

ul#menubtlien li a:hover
{
	background: url(images/bt-gauche.gif) no-repeat 0 -23px ; 
	font-family: Arial, sans-serif; 
	font-size: 10pt;
	color: #000 ;
}
/* menugauche ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ */
#menugauche {
margin-left: 5px;
margin-right: 5px;
}
#menugauche  h1 {
	font-weight: bold;
	font-size: 10pt;
	color: #808080;
	font-family: Arial, sans-serif; 
	margin-right: 5px;
	margin-top: 12px;
	margin-left:5px;
	margin-bottom: 0px;
}
#menugauche  h2 {
	font-weight: normal;
	font-size: 10pt;
	color: #808080;
	font-family: Arial, sans-serif; 
	margin-right: 5px;
	margin-top: 5px;
	margin-left:10px;
	margin-bottom: 0px;
}
#menugauche a:link {
	font-weight: normal;
	font-size: 10pt;
	color: #808080;
	font-family: Arial, sans-serif; 
	text-decoration: none;
}
#menugauche a:hover {
	font-weight: normal;
	font-size: 10pt;
	color: #394346;
	font-family: Arial, sans-serif; 
	text-decoration: underline;
}
#menugauche a:visited {
	font-weight: normal;
	font-size: 10pt;
	color: #808080;
	font-family: Arial, sans-serif; 
	text-decoration: none;
}

/* Content ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ */
/*content*/

#contenu div{
margin-left: 15px;
margin-right: 50px;
}
#contenu  h1 {
	font-weight: bold;
	font-size: 10pt;
	color: #394346;
	font-family: Arial, sans-serif; 
	margin-right: 10px;
	margin-top: 5px;
	margin-left:15px;
	margin-bottom: 0px;
}
#contenu  h2 {
	font-weight: normal;
	font-size: 10pt;
	color: #394346;
	font-family: Arial, sans-serif;
	margin-right: 10px;
	margin-top: 5px;
	margin-left:15px;
	margin-bottom: 20px;
}
#contenu img {
float: right;
padding: 5px 5px 5px 5px ;
margin: 10px 15px 5px 5px ;
}
#contenu a:link {
	font-weight: normal;
	font-size: 10pt;
	color: #394346;
	font-family: Arial, sans-serif; 
	text-decoration: none;
}
#contenu a:hover {
	font-weight: normal;
	font-size: 10pt;
	color: #394346;
	font-family: Arial, sans-serif; 
	text-decoration: underline;
}
#contenu a:visited {
	font-weight: normal;
	font-size: 10pt;
	color: #394346;
	font-family: Arial, sans-serif; 
	text-decoration: underline;
}
