/* CSS Document */
/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: black;
    background: white;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: .2em 0 .8em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.4;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color: #003366;
}
a:visited {
    color: #003366;
}
a:hover, a:focus, a:active {
    color: crimson;
}
a img {
    border: none;
}

h1 {font-family: "Verdana", Arial, "Arial Black", serif; color: #003366; font-size: 19px; font-weight: bold; text-align: left; border-bottom: 2px solid gray;}/* Titres de 20 pixels soulignés */
h2 {font-family: "Verdana", Arial, "Arial Black", serif; color: #000099; font-size:  16px; font-weight: bold; text-align: center;}/* Textes de 12 pixels en gras*/
h3 {font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size:  11px; font-weight: bold; text-decoration: none; text-align: center;}/* Titres de 12 pixels */
h4 {font-family: "Verdana", Arial, "Arial Black", serif; color: #000000; font-size:  11px; font-weight: bold; text-align: left;}/* Titres de 11 pixels */
h5 {font-family: "Verdana", Arial, "Arial Black", serif; color: #000000; font-size:  10px; font-weight: normal; text-decoration: none; text-align: left;}/* Titres de 10 pixels */
h6 {font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size: 9px; font-weight: bold; text-align: center; line-height: 14px;}/* pied de page de 9 pixels */
p {font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size: 12px; font-weight: normal; line-height: 16px;text-align: left;/* Paragraphes de 12 pixels */}
a { text-decoration:none; color:#333333; line-height: 14px;}

#body
{
   margin-top: 0;
   background-color:#CCCCCC;
   background-image: url("/images/fond_job.jpg");
   background-repeat:no-repeat;
 }

#boite
{
	margin: 0 auto;
	width: 996px;
	text-align: left;
	border: 0px solid #000;
	background: url("/images/shadow.gif"); 
 }

#conteneur
{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 margin-top: 0;
     width: 976px;
     text-align: left;
	 background-color:#999999;
	 border-bottom: 1px solid #000;
}

#haut
{
     position: relative;
     margin-left: 0px;
     margin-right: auto;
	 top: 0px;
	 margin-top: 0;
     width: 976px;
     text-align: left;
	 border: 0px solid #000;
	 height: 130px;
	 background-color:#999999;
	 z-index: 10;
 }
 
 #page
{
     margin-left: 10px;
     margin-right: auto;
	 top: 232px;
	 margin-top: 0;
     width: 956px;
     text-align: left;
	 border: 0px solid #000;
	 background-color:#ffffff;
	 z-index: 0;
 }

/* l'article */
.imageflottante1
{ float: left; margin-right: 10px; }
.imageflottante2
{ float: right; margin-left: 10px; }
.imageflottante3
{ float: right; margin-left: 2px; }
.imageflottante4
{ float: center; margin-right: 10px; border-width: 1px; border-style: solid; border-color: #999999; }

#article
{

   width: 671px;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 2px;
   background-color: #FFFFFF;
   padding-top:0px;
   padding-bottom:10px;
   padding-right:8px;
   padding-left:8px;
   border-width: 1px;
   border-style: solid;
   border-color: #999999;
   z-index: 0;
}
ul#infos2 {
	margin-left: 175px;
	padding: 0;
	list-style-type: none;	
	font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size: 12px; font-weight: normal; line-height: 17px;text-align: left;
}

ul#infos2 li {
	background: url("/images/pucebleue.jpg") no-repeat 0 5px;
	margin: 0;
	padding: 0 0 0 14px;
}

ul#infos {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size: 12px; font-weight: normal; line-height: 17px;text-align: left;
}

ul#infos li {
	background: url("/images/pucebleue.jpg") no-repeat 0 5px;
	margin: 0;
	padding: 0 0 0 14px;
}
/* pub FNAC */
#fnac
{
	width: 260px;
   	height: 222px;
  	position: absolute;
    left:706px;
    top: 132px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}
/* les clubs sur meetinggame */
#meetinggame
{
	width: 260px;
   	height: 420px;
  	position: absolute;
    left:706px;
    top: 364px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}

#pubhaut
{
   	width: 260px;
   	height: 420px;
   	position: absolute;
   	left:705px;
   	top: 132px;
    border-width: 1px;
	border-style: solid;
	border-color: #666666;
	z-index: 0;
}
/* pub meeting*/
#meetinggroupe
{
	width: 260px;
   	height: 420px;
  	position: absolute;
    left:705px;
    top: 562px;
    border-width: 1px;
	border-style: solid;
	border-color: #888888;
	background-color: #FFFFFF;
	z-index: 0;
}

/* annonce meetinggroupe page sylvie moris*/
#meetinggroupe_s_moris
{
	width: 260px;
   	height: 420px;
  	position: absolute;
    left:706px;
    top: 794px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}

/* annonce vers offre d'emplois*/
#pubbas
{
	width: 260px;
   	height: 258px;
  	position: absolute;
    left:706px;
    top: 1514px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}

/* annonce vers offre d'emplois page notes par statut*/
#pubbas2
{
	width: 260px;
   	height: 258px;
  	position: absolute;
    left:706px;
    top: 1084px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}

#offres
{
   width: 938px;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 2px;
   background-color: #FFFFFF;
   padding-top:0px;
   padding-bottom:10px;
   padding-right:8px;
   padding-left:8px;
   border-width: 1px;
   border-style: solid;
   border-color: #999999;
   z-index: 0;
}

/* le pied de page */
#pied_de_page
{
  	width: 956px;
   	padding-top:0px;
	padding-bottom:0px;
	margin-left:5px;
	margin-top:20px;
   	text-align: center;
   	border: 0px solid black;
}

/* le tableau -offres d'emplois*/
#tableau_1 {
	width: 936px;
    left: 15px;
	background-color:#ffffff;
}
.tableau {
    border: 1px solid black;
}
.tableau td {
    padding: 0px 0px 0px 0px;
    border-spacing:0;
    border:2px solid #ffffff;
    empty-cells: show;
	height: 10px;
 }
.tableau caption {
    font-size:2em;
    padding:0px;
}
.tableau tr.impaire td {
}
.tableau th {
   color: #666;
   font-size:0.8em;
   font-weight:bold;
   text-align:center;
}

#photos
{
   	width: 248px;
   	height: 822px;
	margin-top:0;
	padding-top:0px;
	padding-left:8px;
   	position: absolute;
   	top: 992px;
    left: 707px;
   	background-color: #000000;
    border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

/* photos droite */
.imageflottante14
{ float: left; margin-top: 10px; }

#signature
{
   	width: 230px;
   	height: 120px;
	margin-top:0;
	padding-top:0px;
	padding-left:10px;
   	position: absolute;
   	top: 1690px;
    left: 715px;
   	background-color: #000000;
    border-width: 1px;
	border-style: solid;
	border-color: #000000;
}


/* le tableau */
#tableau_analyse1 {
	width: 670px;
}
.tableau_analyse {
    border-collapse:collapse
}
.tableau_analyse td {
    padding : 0.3em ;
    border-spacing:0;
    border:1px solid #666;
    empty-cells: show;
    background-color:#fafafa;
	height: 10px;
 }
.tableau_analyse caption {
    font-size:2em;
    padding:1em 0 0.5em 1em;
}
.tableau_analyse tr.impaire td {
   background-color: #d8e7bf;
}
.tableau_analyse th {
   color: #666;
   font-size:0.8em;
   font-weight:bold;
   text-align:center;
}

/* pub FNAC 2 */
#fnac2
{
	width: 260px;
   	height: 222px;
  	position: absolute;
    left:706px;
    top: 1782px;
    border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	z-index: 0;
}