/* CSS Document */

body {
margin : 10px auto 20px;
}

/* Menu Horizontal */

div#menu_horizontal {
width: 900px;
height: 25px;
margin : 0 auto;
background-image:  url("../images/haut.png");
background-repeat : no-repeat;
}

div#menu_horizontal li {
display : inline;
padding : 0 13px 0 13px; /* Pour espacer les boutons entre eux */
border-right : 1px dotted black;
line-height : 25px;
}

div#menu_horizontal ul {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
margin : 0;
padding : 0;
}

div#menu_horizontal li a {font-size: 15px; color:#333333; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
div#menu_horizontal li a:hover {color:#CC0000;}

/* Header + bannière publicitaire */

div#header {
margin : 0 auto;
width : 898px;
height : 143px;
background-image :  url("../images/header.png");

border-left : 1px solid black;
border-right : 1px solid black;
padding-top : 7px;
}

div#header img {
border : 0;
}

#apub {
width : 468px;
vertical-align : top;
padding : 0;
margin-right : 0;
margin-top : 33px !important;
margin-top : 40px;
margin-bottom : 0;
margin-left : 423px;
border : 0;
}

#headpub {
margin : 0;
padding : 0 9px 0 421px;
text-align : center;
font-size : 10px;
}

#headpub a { color : black; text-decoration : none; font-family:Verdana, Arial, Helvetica, sans-serif; }

#headpub a:hover { color : white; }

/* Barre arrondie horizontale */

div#barre {
margin : 0 auto;
width : 898px;
height : 25px;
background-image :  url("../images/barre.gif");
background-repeat : repeat-x;
background-color : #EEEEEE;
border-left : 1px solid black;
border-right : 1px solid black;
}

/* ------------------------------- Contenu ------------------------------- */

#div_contenu {
width : 898px;
margin : 0 auto;
background-color : #EEEEEE;
border-left : 1px solid black;
border-right : 1px solid black;
}

#table_contenu {
width : 100%;
margin : 0;
padding : 0;
border : 0;
background-color : #EEEEEE;
}

/* ------------------------------- Menu vertical ------------------------------- */

#table_menu {
vertical-align : top;
width : 190px;
}

div#menu
{
   width : 170px; /* Très important : donner une taille au menu */
   background : #EEEEEE;
   padding : 0;
   vertical-align : top;
   margin : 0;
}

div#menu ul
{
	padding : 5px 0 0 17px;
	margin : 0 0 8px 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.element_menu
{
   background-color : #CCCCCC;
   border : 1px solid black;
   margin-bottom : 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin-left : 8px;
   padding : 0;
}

.element_menu h4 {
margin : 0;
padding : 0;
height : 20px;
border-bottom : 1px solid black;
font-size: 15px;
font-family: Georgia, Arial, Times, serif;
color: black;
text-align : center;
font-weight: bold;
}

.form {
font-family: Arial, Times, serif;
font-size: 11px;
text-align : center;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 1px;
margin-right : 1px;
padding : 0;
}

.form a {
font-family: Arial, Times, serif;
font-size: 12px;
text-decoration:underline;
color:#333333;
}

.form a:hover {
font-family: Arial, Times, serif;
font-size: 12px;
text-decoration:underline;
font-weight : bold;
color:#CC0000;
}

.menusearch {
padding : 8px 8px 5px 8px;
margin : 0;
text-align : center;
}

.menusearch input { margin-bottom : 5px; }

input.bouton {
border:1px outset #000000;
background-color:#CCCCCC;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:#DDDDDD;
color:red;
}
input.bouton:active {
border:1px inset #000000;
background-color:#CCCCCC;
color:red;
}

.partenaires {
margin : 0;
padding : 8px 8px 5px 8px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
}

.partenaires img { border : 0; padding-bottom : 5px; }
.partenaires a {
font-size : 12px;
text-decoration:underline;
color:#333333;
}
.partenaires a:hover {
text-decoration:underline;
font-weight:bold;
color:#FF6600;
}

/* Copyright */

div#copyright {
clear : left;
width : 898px;
height : 95px;
margin : 0 auto;
padding : 0;
border : 1px solid black;
background-color : #EEEEEE;
}

div#copyright .copy {
margin : 0;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 10px;
padding-right : 10px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}

#pub_bas {
border-collapse:collapse;
margin : 5px auto 15px;
padding:0;
/*border-top : 1px solid black;*/
width : 508px;
height : 62px;
background-image :  url("../images/cadre-pub.gif");
background-repeat : no-repeat;
}

#pub_bas td
{
	text-align : center;
	margin : 0;
	padding-top : 1px;
}

/* Contenu */

#corps {
margin : 0;
padding: 5px;
vertical-align : top;
}

#corps h1 {
font-size: 18px;
font-family: Georgia, Arial, Times, serif;
text-align: center;
color: #003399;
margin-bottom : 20px;
}

#corps h2 {
padding-top : 0;
font-size: 14px;
font-family: Georgia, Arial, Times, serif;
text-align: center;
font-weight: bold;
color: #003399;
}