/* CSS */

@font-face {
    font-family: MaTypoDinBold;
    font-style:  normal;
    font-weight: normal;
    src: url(DINBOLD0.eot);
}

#acceskeys {
	display:none;
}

body {
	margin:0;
	background-image:url(../images/background.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-position:center top;
}
html>body {
	margin:0;
	background-image:url(../images/background_moz.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-position:left top;
	background-color:#0092CF;
}

#entete {
	width:780px;
	height:95px;
	text-align:left;
	margin-right:10px;
	padding:0;
}

#sous_menu {
	width:780px;
	height:20px;
	background-repeat:repeatx;
	background-image:url(../images/nav_bg.gif);
	margin-top:10px;
	color:#FFFFFF;
}
#sous_menu a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
}
#sous_menu .sous_menu_gauche {
	height:20px;
	background-repeat:no-repeat;
	background-image:url(../images/nav_left.gif);
	float:left;
	padding-left:5px;
	valign:middle;
}
#sous_menu .sous_menu_droite {
	height:20px;
	background-repeat:no-repeat;
	background-image:url(../images/nav_right.gif);
	background-position:right;
	float:right;
	padding-right:5px;
	valign:middle;
}

#page {
	width:780px;
	height:400px;
}

#foot {
	width:780px;
	margin-top:10px;
	text-decoration:none;
	color:#7F7F7F;
	font-size:10px;
	border-top-style:dotted;
	border-top-width:1px;
	border-top-color:#7569A7;
	padding-top:5px;
}
html>body #foot {
	width:780px;
	margin-top:10px;
	text-decoration:none;
	color:#7F7F7F;
	font-size:10px;
	border-top-style:none;
	padding-top:5px;
}
#foot a {
	text-decoration:none;
	color:#CCCCCC;
	font-size:10px;
}
#foot .foot_gauche {
	height:20px;
	float:left;
	padding-left:5px;
	padding-top:25px;
}
#foot .foot_middle {
	float:left;
	padding-left:240px;
}
#foot .foot_droite {
	height:20px;
	float:right;
	padding-right:5px;
	padding-top:15px;
}
/* CSS */



#menu {
	margin-top:10px;
	width:134px;
	text-align:justify;
	float:left;
}
/* Hack CSS */
html>body #menu {
	margin-top:10px;
	text-align:justify;
}
#menu .menu_navigation_top{
	background-repeat:no-repeat;
	background-image:url(../images/menu_top.gif);
	height:32px;
	display:block;
}
#menu .menu_navigation_middle {
	background-color:#E5E5E5;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#7F7F7F;
	display:block;
	margin:0;
}
#menu .menu_navigation_middle a {
	background-repeat:no-repeat;
	background-image:url(../images/menu_a.gif);
	padding-left:20px;
	text-decoration:none;
	color:#7F7F7F;
	font-size:12px;
}
#menu .menu_navigation_middle a:hover, a:active {
	background-repeat:no-repeat;
	background-image:url(../images/menu_a_hover.gif);
	color:#000000;
}
#menu .menu_navigation_bottom {
	background-repeat:no-repeat;
	background-image:url(../images/menu_bottom.gif);
	height:13px;
	display:block;
}

#menu .menu_contact_top{
	background-repeat:no-repeat;
	background-image:url(../images/contact_top.gif);
	height:35px;
	display:block;
}
#menu .menu_contact_middle {
	background-color:#E5E5E5;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#7F7F7F;
	display:block;
}
#menu .menu_contact_middle p {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	margin:0;
	padding:5px;
}
#menu .menu_contact_middle a {
	text-decoration:none;
	color:#0092CF;
	font-size:12px;
	font-weight: bold;
}
#menu .menu_contact_bottom {
	background-repeat:no-repeat;
	background-image:url(../images/contact_bottom.gif);
	height:10px;
	display:block;
}


#menu2 {
	margin-top:10px;
	width:134px;
	text-align:justify;
	float:right;
}
#menu2 .menu2_actu_top{
	background-repeat:no-repeat;
	background-image:url(../images/actu_top.gif);
	height:35px;
	display:block;
}
#menu2 .menu2_actu_middle {
	background-color:#7FC5E5;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#FFFFFF;
	display:block;
	margin:0;
}
#menu2 .menu2_actu_middle p {
	text-decoration:none;
	color:#000000;
	font-size:10px;
	margin:0;
	padding:5px;
	text-align:left;
}
#menu2 .menu2_actu_middle a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
}
#menu2 .menu2_actu_middle a:hover, a:active {
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
	background-image:none;
}
#menu2 .menu2_actu_bottom {
	background-repeat:no-repeat;
	background-image:url(../images/actu_bottom.gif);
	height:10px;
	display:block;
}

#toolbar {
	background-repeat:no-repeat;
	background-image:url(../images/toolbar.gif);
	background-position:bottom;
	height:30px;
	margin-top:10px;
	margin-bottom:0;
	width:500px;
	padding-right:15px;
	text-align:right;
}
html>body #toolbar {
	background-repeat:no-repeat;
	background-image:url(../images/toolbar.gif);
	background-position:bottom;
	height:30px;
	margin-top:10px;
	margin-bottom:0;
	width:500px;
	text-align:right;
	margin-left:134px;
}

#contenu {
	width:500px;
	text-align:justify;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#7569A7;
	background-color:#FFFFFF;
	padding:5px;
}
html>body #contenu {
	width:488px;
	text-align:justify;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#7569A7;
	background-color:#FFFFFF;
	margin-left:141px;
}
#contenu .emphase {
	border:1px dotted #7569A7;
	padding:5px;
}
#contenu .txt{
	color:#000000;
	float:left;
	width:346px;
}
html>body #contenu .txt{
	color:#000000;
	float:left;
	width:346px;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#7569A7;
	background-color:#FFFFFF;
	margin-left:-6px;
	margin-bottom:-3px;
	margin-top:-11px;
	padding-left:5px;
	padding-right:8px;
	padding-top:20px;
}
#contenu .bleu{
	margin-top:-3px;
	margin-bottom:-3px;
	float:right;
	color:#000000;
	width:139px;
	background-color:#CAE4F3;
	padding:0 0 5px 0;
	text-align:right;
}
html>body #contenu .bleu{
	margin:0 -6px -3px 0;
	float:right;
	color:#000000;
	width:139px;
	background-color:#CAE4F3;
	padding:0;
	text-align:right;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#7569A7;
}
#contenu .contact1{
	width:240px;
	float:left;
	padding:5px;
	text-align:justify;
}
#contenu .contact2{
	width:240px;
	float:right;
	padding:5px;
	text-align:justify;
}
html>body #contenu .contact1{
	width:230px;
	float:left;
	margin:0 0 0 -6px;
	padding:5px 14px 5px 5px;
	height:90px;
	text-align:justify;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#7569A7;
	background-color:#FFFFFF;
}
html>body #contenu .contact2{
	width:230px;
	float:right;
	margin:0 -6px 0 0;
	padding:5px 5px 5px 14px;
	height:90px;
	text-align:justify;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#7569A7;
	background-color:#FFFFFF;
}
#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
	margin-bottom:5px;
}
#contenu ul{
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
}
#contenu li{
	margin-top:0px;
	padding-top:0px;
	margin-left:30px;
	list-style-position:outside;
	list-style-image: url(../images/puce.gif);
}
#contenu h1{
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight: normal;
}
#contenu h2{
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight: normal;
}
#contenu h3{
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight: normal;
}
#contenu h4{
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight: normal;
	margin-bottom:5px;
}
#contenu a{
	text-decoration:underline;
	color:#7569A7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contenu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#7569A7;
}
#contenu acronym{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#7569A7;
	cursor:help;
}
#contenu .image-une {
	float:right;
	margin:0;
	margin-right:0px;
	padding-left:5px;
}
html>body #contenu .image-une {
	float:right;
	margin-right:-5px;
	margin-top:-5px;
	padding-left:5px;
}
#contenu .image-gauche {
	float:left;
}
#contenu .image-droite {
	float:right;
	margin:0;
	padding:15px;
}
#contenu .image-centre {
	text-align:center;
}
#contenu table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
}
#bottomcontenu {
	width:500px;
	text-align:justify;
	margin-right:70px;
	float:right;
}
html>body #bottomcontenu {
	width:500px;
	text-align:justify;
	margin-right:139px;
	margin-bottom:10px;
	float:right;
}
#tableau {
	width:505px;
	text-align:justify;
	margin-right:68px;
	float:right;
}
html>body #tableau {
	width:498px;
	text-align:justify;
	margin-right:141px;
	float:right;
}
#tableau .titre_col1, .titre_col2, .titre_col3 {
	width:160px;
	float:center;
	text-decoration:none;
	text-align:center;
	color:#000000;
	font-size:14px;
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:#B9B3D2;
}
html>body #tableau .titre_col1 {
	display:block;
	width:160px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#000000;
	font-size:14px;
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:#B9B3D2;
	margin-right:9px;
}
html>body #tableau .titre_col2 {
	display:block;
	width:160px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#000000;
	font-size:14px;
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:#B9B3D2;
	margin:0;
}
html>body #tableau .titre_col3 {
	display:block;
	width:160px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#000000;
	font-size:14px;
	font-family:MaTypoDinBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:#B9B3D2;
	margin-left:9px;
}
#tableau .titre_col1 {
	background-repeat:no-repeat;
	background-image:url(../images/col1top.gif);
}
#tableau .titre_col2 {
	margin-left:10px;
	margin-right:10px;
	background-repeat:no-repeat;
	background-image:url(../images/col2top.gif);
}
#tableau .titre_col3 {
	background-repeat:no-repeat;
	background-image:url(../images/col3top.gif);
}
#tableau .col1, .col2, .col3 {
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#7569A7;
	background-color:#FFFFFF;
	width:160px;
	height:140px;
	float:center;
	padding:10px 5px 0 5px;
	text-align:center;
}
#tableau .col2 {
	margin-left:10px;
	margin-right:10px;
}
html>body #tableau .col1 {
	display:block;
	width:148px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#000000;
	margin-right:0px;
}
html>body #tableau .col2 {
	display:block;
	width:148px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#000000;
	margin-left:9px;
	margin-right:0;
}
html>body #tableau .col3 {
	display:block;
	width:148px;
	float:right;
	text-decoration:none;
	text-align:center;
	color:#000000;
	margin-left:0px;
}
#tableau a{
	text-decoration:underline;
	color:#7569A7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#tableau a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#7569A7;
}
#tableau2 {
	width:505px;
	text-align:justify;
	margin-right:68px;
	float:right;
}
html>body #tableau2 {
	width:498px;
	text-align:justify;
	margin-right:141px;
	float:right;
}
#tableau2 .bottom_col1, .bottom_col2, .bottom_col3 {
	width:160px;
	float:center;
	text-decoration:none;
	text-align:center;
	color:#000000;
}
html>body #tableau2 .bottom_col1, .bottom_col2, .bottom_col3 {
	width:160px;
	display:block;
	height:15px;
	text-decoration:none;
	text-align:center;
	color:#000000;
}
#tableau2 .bottom_col1 {
	background-repeat:no-repeat;
	background-image:url(../images/col1bottom.gif);
}
#tableau2 .bottom_col2 {
	margin-left:10px;
	margin-right:10px;
	background-repeat:no-repeat;
	background-image:url(../images/col2bottom.gif);
}
#tableau2 .bottom_col3 {
	background-repeat:no-repeat;
	background-image:url(../images/col3bottom.gif);
}
html>body #tableau2 .bottom_col1 {
	background-repeat:no-repeat;
	background-image:url(../images/col1bottom.gif);
	float:left;
}
html>body #tableau2 .bottom_col2 {
	margin-left:9px;
	margin-right:9px;
	background-repeat:no-repeat;
	background-image:url(../images/col2bottom.gif);
	float:left;
}
html>body #tableau2 .bottom_col3 {
	background-repeat:no-repeat;
	background-image:url(../images/col3bottom.gif);
	float:right;
}