/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #FFFFFF;
	margin:5px 0;
	color: #000000;
}

p {
margin:0 auto;
}


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

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

img {border:0;}

.img:link, a.image:visited, a.image:active, a.image:hover {border:0;
border-bottom-style:none;} /*On crée une classe image pour éviter les problèmes de surlignement d'images*/


/*---------------------------------------------------*/
/*--------------------- 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; 
}



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

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

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

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

div#banniere {
background-image:url(../images/logoML.jpg);
background-position:left;
background-repeat:no-repeat;
margin:5px;
width:900px;
height:87px;
}

div#titre_page {
color:#811a74;
font-size:14px;
text-align:right;
font-weight:bold;
margin-right:50px;
margin-top:10px;
}


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

div#menu {
display:none;
}



/*---------------------------------------------------*/
/*----------------- ACTUS ET ZOOM -------------------*/
/*---------------------------------------------------*/

div#cadre_gauche {
width: 0px
}

div#actus {
	display:none;
}

div#zoom {
	display:none;
}


div#employeur {
	display:none;
}

div#forum {
	display:none;
}

div#newsletter {
	display:none;
}
div#outils {
	display:none;
}

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

div#contenu {
width: 95%;
float:right;
height:100%;
text-align:justify;
margin: 10px;
}



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

div#portraits_jeunes {
	display:none;
}



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


div#pied {
	display:none;
}


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