/* CSS Document */

html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	background-color: #F3FDEE;
	margin:5px 0;
	color: #000000;
}

/*---------------------------------------------------*/
/*------------------ PARAGRAPHES --------------------*/
/*---------------------------------------------------*/ 
p {
margin:0 auto;
}
 
address { 
  margin: .75em 0; 
  font-style: normal; 
}

hr {
color:#80b80f;
}

/*---------------------------------------------------*/
/*---------------------- LIENS ----------------------*/
/*---------------------------------------------------*/ 

a, a:link, a:visited {
margin:0 auto;
text-decoration:none;
color: #80b80f;
border-bottom: 1px dashed;
}

a:hover, a:focus, a:active {
margin:0 auto;
color: #628B0C;
border-bottom: 1px solid;
font-weight:bold;
}

/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 


/*---------------------------------------------------*/
/*--------------------- TITRES ----------------------*/
/*---------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-size:12px; }

/*Titre des pages*/
h1{
color: #80b80f;
font-size:16px;
border-bottom: 1px solid #628B0C;
text-align:left;
font-weight:bold;
}

/*Sous-titres des pages*/
h2 { 
color: #80b80f;
font-size:14px;
font-weight:bold;
margin:0;
margin-top:20px;
}

/*Titres des actus*/
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active  {
color: #628B0C;
font-weight:bold;
margin: 4px 0;
}

/*En savoir plus... des actus et zoom*/
h4 { 
position: absolute;
bottom: 0;
right:0;
margin:0;
padding:0;
}

h4 a, h4 a:link, h4 a:visited{
border-bottom: 1px solid;
font-size:11px;
font-weight:bold;

}

h5, h6 { 
font-size:11px;
font-style:italic;
font-weight:bold;
}

/*Message en rouge*/
h5 {
color:#EC1313
}

/*Affichage plus petit, plus clair*/
h6 { 
color:#666666;
margin: 0;
margin-bottom:10px;
padding: 0; 
}

/*---------------------------------------------------*/
/*--------------------- LISTES ----------------------*/
/*---------------------------------------------------*/
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 

li {
list-style:square;
}
 

/*---------------------------------------------------*/
/*--------------------- IMAGES ----------------------*/
/*---------------------------------------------------*/

img {border:0;}

/* Pas de bordure autour des images dans les liens */ 
a.img { 
  border:0 none; 
} 


/*---------------------------------------------------*/
/*------------------ FORMULAIRES --------------------*/
/*---------------------------------------------------*/
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select, textarea { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
  background-color:#FFFFFF;
	border: 1px solid #80b80f;
}


form p 
{
	padding-right: 5px;
	padding-bottom: 0px;
	/*text-align:right;*/
	font-size: 13px;
	font-weight: bold;
	color: #628B0C; 
}


/*---------------------------------------------------*/
/*-------------------- TABLEAU ----------------------*/
/*---------------------------------------------------*/
table { 
  margin: 0; 
  border:none; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 2px; /* Pas de retrait autour du texte = "0". */ 
  border: none; /* Pas de bordure = "none". */ 
  vertical-align: middle; /* Valeur par défaut: "middle" */ 
} 


/*---------------------------------------------------*/
/*------------------ INFOS BULLES -------------------*/
/*---------------------------------------------------*/
.infobulle{
    position: absolute;   
    visibility : hidden;
	color: #811a74;
    border: 1px solid #628B0C;
    padding: 5px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #F3FDEE;
	max-width:100px;
	z-index:100;
}


/*---------------------------------------------------*/
/*------------------ CADRE GLOBAL -------------------*/
/*---------------------------------------------------*/

div#cadre{
background-color:#FFFFFF;
width:900px; 
margin:0 auto;
position:relative;
height:100%;
min-height:1160px;
border: 1px solid #80b80f;
}

*html #cadre { /*Spécifique à Internet Explorer*/
height:100%;}

/*---------------------------------------------------*/
/*-------------------- BANNIERE ---------------------*/
/*---------------------------------------------------*/

div#banniere {
width:900px;
display:block; 
height:114px;
margin:0;
}

div#banniere_haut {
background-image:url(../images/layout/image_banniere_haut.jpg);
background-repeat:no-repeat;
width:900px;
height:88px;
}

div#banniere_bas {
background-image:url(../images/layout/image_banniere_bas.gif);
background-repeat:no-repeat;
width:900px;
height:36px;
}

div#titre_page { /*Sert seulement pour l'impression si la page s'imprime sans image*/
display:none;
}

/*---------------------------------------------------*/
/*---------------------- MENU -----------------------*/
/*---------------------------------------------------*/

div#menu {
display:block;
float:left;
width:100%;
}


/*VOIR PAGE MENUACCORDEON*/



/*---------------------------------------------------*/
/*-- NEWSLETTER - ACTUS - ZOOM - EMPLOYEUR - FORUM --*/
/*---------------------------------------------------*/



div#cadre_gauche {
background-image:url(../images/layout/image_actus_zoom_employeur.jpg);
background-repeat:no-repeat;
width: 295px; 
float:left;
height:915px;
margin:0;
margin-top:5px;
color: #628B0C;
}

div#actus {
	position:absolute;
	overflow: hidden;
	width: 200px;
	height:90px;
	margin:0;
	margin-top:60px;
	margin-left:40px;
	z-index: 4;
}


div#zoom {
	position:absolute;
	overflow: hidden;
	width: 143px;
	height:95px;
	margin:0;
	margin-top:220px;
	margin-left:72px;
	z-index: 5;

}



div#forum {
	position:absolute;
	overflow: hidden;
	width: 180px;
	height:146px;
	margin:0;
	margin-top:357px;
	margin-left:60px;
	z-index: 5;
	border:0;
	left: 4px;
	top: 259px;
}


div#employeur {
	position:absolute;
	overflow: hidden;
	width: 240px;
	height:115px;
	margin:0;
	margin-top:525px;
	margin-left:28px;
	z-index: 5;

}


div#titre_actus, div#titre_zoom, div#titre_employeur { /* Sert seulement pour l'impression*/
display:none;
}

/*---------------------------------------------------*/
/*-------------------- CONTENU ----------------------*/
/*---------------------------------------------------*/



div#contenu {
width: 550px;
float:right;
height:100%;
padding:5px;
text-align:justify;
margin: 20px 5px 50px 10px;
}



/*---------------------------------------------------*/
/*------------------ PIED DE PAGE -------------------*/
/*---------------------------------------------------*/

div#portraits_jeunes {
	background-image:url(../images/layout/image_portraitsjeunes.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	position:absolute;
	float:left;
	width: 340px;
	height:231px;
	margin:0;
	bottom:0;
	left:0;
	z-index:2;

}

div#contenu_portraits {
	position:absolute;
	overflow: hidden;
	width: 175px;
	height:80px;
	margin:0;
	margin-left:68px;
	bottom:50px;
	color: #7E0E74;
	text-align:justify;
	
}

div#contenu_portraits a, div#contenu_portraits a:hover, div#contenu_portraits a:visited {
color: #7E0E74;
}

div#photos {
width:558px;
float:left;
margin:0;
height: 197px;
}


div#pied {
	background-image:url(../images/layout/image_pied.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	width: 558px;
	position:absolute;
	height:34px;
	margin:0;
	right:0;
	bottom:0;
	font-weight:bold;
}

div#pied p {
margin-top:auto;
margin-right:auto;
text-align:right;
}

div#pied a, div#pied a:hover, div#pied a:visited {
display: inline;
margin: auto 2px auto 2px;
}

div.spacer {
clear:both;
visibility:hidden;
}


/***********************************************/
/* PAGINATION                                  */
/***********************************************/

ul.pagination {
    text-align: center;
}

ul.pagination li {
    display: inline;
    margin: 10px 5px;
    padding: 5px;
    text-align: center;
}

ul.pagination li.page-courante {
    font-weight: bold;
}

#ligne {
	height:6px;
	width:250px;
	margin:10px auto;
	background-image: url(../images/barreseparation.jpg);
	background-repeat:no-repeat;
}