/*communs*/
body {
	margin: 2px 0 0 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 185%;
	color: #62594D;
	text-align: center;
	background-color: #FFF;
}

img {border: 0}
a {text-decoration: none}

#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 903px;
	background: #FFFFFF url(../img/home/fd_page.gif) no-repeat  0 165px;
}

#contenu {text-align: left;
				background: url(../img/home/logoGrandde.gif) no-repeat top left;
}

#menu {
	height: 26px;
	padding: 51px 0 3px 212px;
	text-align: left;
	background: url(../img/top/navHome.gif) no-repeat 201px 0 ;
}


#menu ul{
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
	border: none;
	text-align: left;
	color:#5F6863;
	font-weight: bold;
}

#menu li {
	display: block;
	float: left;
}

/* si le javascript n'est pas utilisé voir ce code pour bouton css */
#menu  a.lien1 {
	display: none;
	width: 142px;
	line-height: 24px;
	background: url(../img/nav/menu1.png) no-repeat 0 -24px;
	text-indent: 40px;
}

#menu  a:hover.lien2 {
	background: url(img/nav/menu2.png) no-repeat 0 0 ;
}

#menu  a.lien2 {
	display: block;
	width: 150px;
	line-height: 24px;
	background: url(../img/nav/menu2.png) no-repeat 0 -24px;
	text-indent: 40px ;
}

#menu  a:hover.lien2 {
	background: url(img/nav/menu2.png) no-repeat 0 0 ;
}

#menu  a.lien3 {
	display: block;
	width: 181px;
	line-height: 24px;
	background: url(../img/nav/menu3.png) no-repeat 0 -24px;
	text-indent: 40px ;
}

#menu  a:hover.lien3 {
	background: url(img/nav/menu3.png) no-repeat 0 0 ;
}


#menu  a.lien4 {
	display: block;
	width: 104px;
	line-height: 24px;
	background: url(../img/nav/menu4.png) no-repeat 0 -24px;
	text-indent: 40px ;
}

#menu  a:hover.lien4 {
	background: url(img/nav/menu4.png) no-repeat 0 0 ;
}

#menu  a.lien5 {
	display: block;
	width: 104px;
	line-height: 24px;
	background: url(../img/nav/menu5.png) no-repeat 0 -24px;
	text-indent: 40px ;
}

#menu  a:hover.lien5 {
	background: url(img/nav/menu5.png) no-repeat 0 0 ;
}

/*partie gauche*/
div#gauche {width: 222px; margin-right: 12px; border: 0px solid}
div#gauche p {margin: 0; padding: 5px 18px ;  color: #4E214E; font-size: 11px; line-height: 17px}
div#gauche p span { background: url(../img/home/puce_gauche.gif) no-repeat top left; padding-left: 40px;}

/*centre*/
div#centre {float: right; width: 408px; padding: 0 0 0 5px;   background: url(../img/home/fd_centre.gif) repeat-y top right}
div#centre div {margin: 12px 0 0 0; background: url(../img/home/fd_centre_bas.gif) repeat-y bottom right;}
div#centre div p {margin: 0 0 0 -5px; padding-left: 20px;  background: url(../img/home/fd_tt_centre.gif) no-repeat top left; }
div#centre div p img.tt {margin: 12px 0 10px 0}
div#centre div p span.boite {display: block; width: 360px; border: 1px solid #88765F; background: #FFF; padding: 9px 7px;  margin: 0 15px 0  0;  font-size: 11px; line-height: 15px}
div#centre div p span.boite img {float: left; margin-right: 15px}
div#centre a.lire {float: right; background: url(../img/home/puce_centre.gif) no-repeat top left; padding-left: 30px; color: #799585; margin-top: 10px}
div#centre a.lire:hover {color: #9EB130}
div#centre h2 {font-size:14px;}
/*droit*/
div#droit {width: 256px; float: right}
div#droit p#nav {font-size: 90%; line-height: 110%; background: url(../img/home/droit_top.jpg) no-repeat top left; margin: 0; width: 219px; height: 58px; padding: 27px 37px 0 0; text-align: right}
div#droit p#nav  a {font-variant: small-caps; color:#7D6F62; letter-spacing: -1px;}
div#droit p#nav  a:hover {color: #F09600}


div#droit p#nav img {margin-bottom: 7px}
div#droit div#contenu_droit {padding: 21px 0 0 22px;}
div#droit div#contenu_droit p#agenda {background: url(../img/home/puce_agenda.gif) no-repeat 12px 3px; margin: 0 0 45px 0; padding: 0 10px 0 32px; color: #5B666A; font-size: 10px; line-height: 11px}
div#droit div#contenu_droit p#agenda a {display: block; background: url(../img/home/fle_lien_droit.gif) no-repeat  100px 4px; padding-right: 8px; color: #5B666A; font-weight: bold}
div#droit div#contenu_droit p#agenda a:hover {color: #F09600}
div#droit div#contenu_droit div#actions_phares {background: #F4F7F5; height: 225px; overflow: auto; margin: 0 15px 0 0; padding:  5px 0 0 0; font-size: 10px; line-height: 11px;}
div#droit div#contenu_droit div#actions_phares p {background: url(../img/home/puce_actions_phares.gif) no-repeat 12px 3px; padding: 0 10px 0 32px; margin: 0 0 10px 0;}
div#droit div#contenu_droit div#actions_phares p strong {color: #4A7198}
div#droit div#contenu_droit div#actions_phares p a {text-decoration : none; font-size: 10px; line-height: 11px; color: #5B666A;}
div#droit div#contenu_droit div#actions_phares p a:hover {color: #F09600}

/* pied de page */
div#pied {margin: 0; padding: 32px 0 0 0; clear: both; background: url(../img/home/bas.jpg) no-repeat top left; height: 24px; text-align: center;font-size: 9px; line-height: 9px; color: #7491AD}
div#pied a {font-size: 9px; line-height: 9px; color: #7491AD}
div#pied img {vertical-align: -2px; margin-left: 10px}