@font-face {
    font-family: 'LucidaGrandeBold';
    src: url('lucida_grande_bold-webfont.eot');
    src: url('lucida_grande_bold-webfont.eot?iefix') format('eot'),
         url('lucida_grande_bold-webfont.woff') format('woff'),
         url('lucida_grande_bold-webfont.ttf') format('truetype'),
         url('lucida_grande_bold-webfont.svg#webfontUNeJuuc3') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LucidaGrandeRegular';
    src: url('lucida_grande-webfont.eot');
    src: url('lucida_grande-webfont.eot?iefix') format('eot'),
         url('lucida_grande-webfont.woff') format('woff'),
         url('lucida_grande-webfont.ttf') format('truetype'),
         url('lucida_grande-webfont.svg#webfontZZbQsaYR') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0;
	padding: 0;
	border: none;
}
html {
height:100%;
}

body {
	font-size: 12px;
	font-family: 'LucidaGrandeRegular';
	color: #000;
	background: url('bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	text-align: center;
	padding-bottom: 20px;
	height:100%;
}

.spacer {
	clear: both; 
}


/* ----------------
	structure
 */

#page {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 1.1em;
	height:100%;
}

#page h1 a {
	display: block;
	height: 150px;
	width: 860px;
}

#page h1 a {
	display: block;
	background: url('header.jpg') no-repeat;
	padding-top: 395px;
	height: 0px !important;
	height /**/:395px;
	overflow: hidden;
	width: 988px;
}
#contenu {
	float: left;
	padding: 0px;
	width: 743px !important;
	width /**/:743px;
	min-height:834px;
	background-color:#70635b;
	
}
#contenubis {
width: 703px !important;
	width /**/:743px;
	padding-top:20px;
padding-bottom:20px;
padding-left: 20px;
padding-right: 20px;
color:#FFFFFF;


}
#contenubis h2 {
color:#FFFFFF;
}

#barre_laterale {
	width: 245px;
	float: left;
	min-height:700px;
		background-image: url('bloc_droit.jpg');
	background-repeat: no-repeat;
	background-position: 0px 350px;
	padding-bottom:110px;	
}

#click_lat{
margin-top:150px;


}
#click_lat a{
display:block;
width: 245px;
height:340px;

}
table.spip{
 width:100%;
/* background-color:#FFFFFF;*/
padding-top:20px;
text-align:left;
 }

#pied_de_page {
	clear: both;
	float:left;
	background-color:#2a2a2a;
	color: #fff;
	height:27px;
	padding-top:5px;
	width:988px;
}
#barre_candidats {
margin-top: -42px;
	background: url('barre_candidats2.jpg') no-repeat;
	padding-top: -42px;
	height: 0px !important;
	height /**/:42px;
	
	width: 743px;
	
}
#barre_temoignage {
	background: url('barre_temoignages.jpg') no-repeat;
	padding-top: 46px;
	height: 0px !important;
	height /**/:46px;
	overflow: hidden;
	width: 743px;
	
}

#bloc_accueil{

background-color: #70635b;
width: 743px;
margin-top:80px;
margin-bottom:40px;
height:350px;
	background: url('fond_accueil.jpg');
	background-repeat:repeat-y;
	
	}
	#bloc_accueil_1{
	padding-left: 40px;
padding-right: 10px;
float:left;
width: 285px;
color:#FFFFFF;

	
	}
	#bloc_accueil_1 strong{
	font-size: 1.5em;
	
	}
		#bloc_accueil_2 strong{
	font-size: 1.5em;
	
	}
		#bloc_accueil_2{
padding-right: 40px;
float:right;
width: 310px;
color:#FFFFFF;

	
	}
#bloc_accueil2{

float:left;
padding-top:20px;

padding-left: 40px;
padding-right: 40px;
background-color: #9eaed2;
width: 663px;
height:350px;
text-align:justify;	
	}	
	
	#bloc_accueil2 strong {
	padding-left: 440px;
	text-align:right;
	color: #333333;
	text-decoration: none;
}

	


#page p#description {
	display: none;
}








/* ------------------
	contenu
 */

#contenu h2 {
	color: #fff;
	font-size: 24px;
	padding-bottom: 20px;
	margin-top:-57px;
	height:50px;
	font-family: 'Cabin', arial, serif;
}

#contenu h3 {
	color: #a1b3d9;
	font-size: 1.2em;
	padding-bottom: 10px;
}

#contenu a,
#contenu a:link,
#contenu a:visited {
	color: #a1b3d9;
	text-decoration: none;
}

#contenu a:hover {
	color: #cccccc;
	text-decoration: none;
}

#contenu p,
#contenu ul {
	padding: 0 0 10px 0;
}

#contenu ul {
	list-style-position: inside;
	padding-left: 20px;
}

#contenu form fieldset {
	clear: both;
	padding-bottom: 20px;
}

#contenu form ul {
	list-style: none;
	padding: 0 0 0 260px;
}

#contenu form ul.boutons {
	clear: both;
	list-style: none;
	padding: 10px 0 0 260px;
}

#contenu form ul.boutons li {
	padding-bottom: 10px;
}

#contenu form p.champs_caches {
	clear: both;
	display: none;
}

#contenu form dl {
	clear: both;
	padding-top: 10px;
}

#contenu form dl dt {
	text-align: right;
	clear: left;
	float: left;
	width: 250px;
}

#contenu form dl.erreur dt {
	color: #de536a;
}

#contenu form dl dd {
	clear: right;
	float: right;
	width: 350px;
}


#contenu form textarea {
	background-color: #fff;
	color: #70635b;
	font-size: 1em;

	font-family: verdana;
		width: 240px;
	
}
#contenu form input[type="submit"]{
	border: 1px solid #000;
	background-color: #fff;
	color: #70635b;
	font-size: 1em;
	padding: 2px 5px 2px 5px;
	font-family: verdana;
}
#contenu form input[type="text"]{
	width: 240px;
}

#contenu form select{
	width: 240px;
}

#contenu #candidats {
	display: block;
	float: left;
	width: 297px;
	margin-right: 10px;

}

#contenu #employeurs {
	display: block;
	float: left;
	width: 297px;

}

#contenu #candidats h2,
#contenu #employeurs h2 {
	padding-bottom: 0;
	padding-top: 50px;
	height: 0px !important;
	height /**/:50px;
	overflow: hidden;
	margin-bottom: 10px;
}

#contenu #candidats h2 {

}

#contenu #employeurs h2 {

}

#contenu #candidats h3,
#contenu #employeurs h3 {
	clear: both;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	height: 19px;
	line-height: 19px;
	margin: 10px 0 10px 0;
	padding: 0;
}

#contenu #candidats h3.offres,
#contenu #employeurs h3.temoignages {
	padding-right: 152px;
	text-align: right;
}

#contenu #candidats h3.temoignages,
#contenu #employeurs h3.offres {
	padding-left: 152px;
	text-align: left;
}

#contenu #candidats h3.offres {
	background: url('parmi-candidats.jpg') top no-repeat;
}

#contenu #candidats h3.temoignages {
	background: url('temoignages-candidats.jpg') top no-repeat;
}

#contenu #employeurs h3.offres {
	background: url('parmi-employeurs.jpg') top no-repeat;
}

#contenu #employeurs h3.temoignages {
	background: url('temoignages-employeurs.jpg') top no-repeat;
}

#contenu #candidats h4,
#contenu #employeurs h4 {
	font-size: 15em;
	font-weight: bold;
	padding: 0 10px 0 10px;
}

#contenu #candidats h4 a,
#contenu #employeurs h4 a {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#contenu #candidats h4 a:hover,
#contenu #employeurs h4 a:hover {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

#contenu #candidats a.tout,
#contenu #employeurs a.tout {
	float: right;
	display: block;
	padding-left: 35px;
	padding-right: 10px;
	padding-bottom: 15px;
	background: url('tout.jpg') 0px 3px no-repeat;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
}

#contenu #candidats a.tout:hover,
#contenu #employeurs a.tout:hover {
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
}

#contenu #candidats a.depos,
#contenu #employeurs a.depos {
	display: block;
	clear: both;
	height: 30px;
	line-height: 30px;
	width: 297px;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
}

#contenu #candidats a.depos:hover,
#contenu #employeurs a.depos:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 1.1em;
	font-weight: normal;
}

#contenu #candidats a.depos {
	background: url('depos-cv.jpg') bottom no-repeat;
}

#contenu #employeurs a.depos {
	background: url('depos-offre.jpg') bottom no-repeat;
}

#contenu #candidats p,
#contenu #employeurs p {
	padding: 0 10px 5px 10px;
}

/* ------------------
	barre latérale
 */

#barre_laterale ul {
	list-style: none;
	width: 245px;
	font-size: 18px;
}

#barre_laterale ul li {
}

#barre_laterale ul li a {
	display: block;
	padding-left: 25px;
	padding-right: 10px;
	background-color: #FFFFFF;
	width: 100%;
	line-height: 26px;
	color: #70635b;
	text-decoration: none;
	font-family: Georgia;
}

html>body #barre_laterale ul li a { width: auto; }

#barre_laterale ul li a:hover {
	color: #fff;
	background-image: url('fond_menu.jpg');
	background-repeat: no-repeat;
}

#barre_laterale ul ul {
	display: none;
	font-size: 1em;
	padding-bottom: 0;
	background-image: none;
}

#barre_laterale ul li li a {
	padding-left: 50px;

}


/* ------------------
	pied de page
 */

#pied_de_page ul {
	float: center;
	list-style: none;
	text-align: center;
}

#pied_de_page ul li {
	display: inline;
}

#pied_de_page ul li a {
	display: inline;
	line-height: 20px;
	padding-right: 10px;
	color: #fff;
	text-decoration: none;
}

#pied_de_page ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#pied_de_page a#lien_haut_de_page {
	float: left;
	margin-top: -20px;
	padding-left: 10px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}

#pied_de_page a#lien_haut_de_page:hover {
	color: #fff;
	text-decoration: underline;
}

.rouge 	{ color:#a1b3d9; }
.bleu 	{ color:#003399; }
.justify{ text-align:justify; }
.center { text-align:center; }
.left 	{ text-align:left; }
.right 	{ text-align:right; }
.small	{ font-size:80%; }
.midlle	{ font-size:110%; }
.big	{ font-size:120%; }