/* Ceci est une feuille de style appelé "design.css" */


/* -----------------------  Body  ----------------------- */

body
{
background-color: #ffffff; /* Couleur de fond "blanc" */
width: 900px;
margin: auto;
}


/* -----------------------  Entete  ----------------------- */

div.entete
{
padding-top: 20px; /* Marge intérieur du bloc dans son conteneur au niveau du haut */
padding-bottom: 10px; /* Marge intérieur du bloc dans son conteneur au niveau du bas */
background-color: #ffffff; /* Couleur de fond "blanc" */
}

/* -----------------------  Logo Entete  ----------------------- */

img.logo
{
float: left; /* Positionner un bloc à droite ou à gauche dans son conteneur */
width: 200px; /* Largeur de l'image */
padding-right: 111px;
border: none;
}

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

div.menu
{
padding-left: 0; /* Marge intérieur du bloc dans son conteneur au niveau de la gauche */
height: 50px;
}

#main-menu 
{
margin:0;
bottom:0;
right:0;
font-family: Verdana,sans-serif;
white-space:nowrap;
font-size: 80%;
}

#main-menu li 
{
display:block;
float:left;
list-style-type:none;
margin:2px;
padding:0;
text-transform: uppercase;
}

/*Les liens normaux*/
#main-menu a 
{
display:block;
float:left;
padding:10px 16px 10px 16px;
background:#fff;
border-bottom: 3px solid #908B72;
color: #908B72;
font-weight: normal;
text-decoration: none;
}

/*Les liens au survol et rubrique en cours*/
#main-menu a:hover, #main-menu #selected a 
{
color:#D1481B;
background: #EAE8E1;
border-bottom: 3px solid #D1481B;
font-weight: normal;
text-decoration: none;
}


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

div.contenu
{
padding-top: 20px; /* Marge intérieur du bloc dans son conteneur au niveau du haut */
padding-right: 30px;
padding-left: 30px;
padding-bottom: 10px; /* Marge intérieur du bloc dans son conteneur au niveau du bas */
background-color: #D0D0CD; /* Couleur de fond "gris clair" */
text-align: justify; /* Texte centré */
margin-bottom: 20px;
}

h1
{
text-align: center;
}


/* -----------------------  Pied page ----------------------- */

div.pied_page
{
text-align: center;
font-size: small;
background-color: #FE0101;
margin-bottom: 20px;
}


/* -----------------------  Page ACCUEIL ----------------------- */

div.article1
{
margin: auto;
margin-top: 10px;
padding: 5px;
width: 90%;
text-align: justify;
background-color: #ffffff;
}

img.article1
{
width: 100%;
border: none;
}


div.article2
{
margin: auto;
padding: 5px;
width: 90%;
text-align: justify;
background-color: #ffffff;
}

img.article2
{
width: 100%;
border: none;
}


/* ----------------------- Page CANDIDAT & ENTREPRISE----------------------*/

h1.debut
{
text-align: left;
}

table
{
margin: auto;
width: 100%;
}

td
{
border: 2px outset black;
background-color: #E0E1E0;
}

/* -----------------------  Page CONTACT ----------------------- */

div.contact
{
margin-top: 50px;
}


img.point_exclamation
{
width: 50px;
padding-right: 10px;
}


/* -----------------------  Page MENTIONS LEGALES ----------------------- */

div.mentions_legales
{
text-align: justify;
font-size: small;
padding-top: 10px;
padding-bottom: 10px;
}

ul.mentions_legales
{
list-style-type: none;
}

div.logo_mentions_legales
{
margin-top: 10px;
height: 60px;
}