/* Page CSS : Gestion du design automatique 
A modifier avec EXTREME précaution */

body
{
text-align: justify;
font-family: "Century Gothic", Verdana, Arial, serif; /* On essaie d'avoir Century Gothic en priorité, à défaut on obtiendra Verdane et ainsi de suite. Serif est une police présente sur TOUS les ordinateurs */
font-weight : bold;
font-size : 12px;
width : 900px;
margin : auto;
background : #FFFFFF;
}

h1
{
font-size : 1.5em;
color : #CE9A44;
font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, serif; /* On essaie d'avoir Century Gothic en priorité, à défaut on obtiendra Verdane et ainsi de suite. Serif est une police présente sur TOUS les ordinateurs */
padding-left: 30px;
}

h2
{
font-size : 1.3em;
color : #CE9A44;
padding-left : 15px;
}

h3
{
font-size : 1.1em;
color : #CE9A44;
padding-left : 5px;
}

h4
{
font-size : 1em;
color : #CE9A44;
}

div#conteneur
{
margin : auto;
width : 900px;
height : 700px;
}

div#header
{
height : 150px;
width : 900px;
background-image : url("images/header.jpg");
}

div#actu
{
height : 525px;
width : 160px;
float : left;
border-right-color : #CE9A44;
border-right-width : thin;
background-image: url("images/fond_menu.jpg");
background-repeat: no-repeat;
}

div#image
{
height:50px;
width:100%;
}

div#comm
{
height : 363px;
width : 100%;
}

div#bourse
{
height : 112px;
width : 100%;
}

div#corps
{
height : 525px;
width : 740px;
float : left;
}
html>body #corps {
height: auto;
min-height: 525px;
} 

div#menu
{
height: 75px;
width: 740px;
}

div#page
{
height: 420px;
width: 680px;
padding-top: 30px;
background: #FFFFFF;
padding-left: 30px;
padding-right: 30px;
color: #660033;
font-size: 1.2em;
}
html>body #page 
{
height: auto;
min-height: 420px;
} 


div#footer
{
height : 25px;
width : 900px;
background-image: url("images/footer.jpg");
background-repeat: no-repeat;
text-align: center;
font-family: "Century Gothic", Verdana, Arial, serif; /* On essaie d'avoir Century Gothic en priorité, à défaut on obtiendra Verdane et ainsi de suite. Serif est une police présente sur TOUS les ordinateurs */
font-weight : bold;
font-size : 1.1em;
color: #660033;
clear : both;
}

#accueil
{
background-image: url("images/esquise-index_17.jpg");
color: #660033;
}

#liens_menu
{
color: #660033;
font-size: 1.2em;
text-align: left;
}

/* Propriétés stylistiques des liens hypertextes */

a
{
color: #660033;
text-decoration: none;
}

a:hover
{
color: #000099;
text-decoration: underline;
}

a.titre
{
font-size : 1.2em;
color : #CE9A44;
text-align : center;
}

a.titre:hover
{
font-size : 1.2em;
color : #000099;
}

/* Style pour montrer/cacher des divs */

 .clicTitre
  {
  }

.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }

.contenant
  {
  display : none;
  }
