html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a {margin:0;padding:0; border:0; text-decoration: none;}
table{border-spacing:0;}
img{border:0;}
a,h1,h2,h3,h4,h5,h6{font-size:100.1%;font-weight:normal;}
ul{list-style-type:none}

/* -------------------- HTML ET BODY ----------------- */
html,body{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:100%;
}

body{
  background: #ccc url(/docs/ftp/bg-body.gif) top repeat-y;
  text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
}

/* -------------------- CONTENEUR GENERAL -----------------------*/

#generalcontainer {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

#containersecondlevel {
	float: left;
	width: 692px;
}

/* -------------------- HEADER -----------------------*/
#header{
	float:left;
	height: 180px;
	margin : 0;
	padding: 0px 0px 0px 27px;
	background: url(/docs/ftp/header.jpg) top left no-repeat;
}
#rempTotal
{
	float:left;
	margin-top:139px;
	margin-left:0px;
	text-align:left;
	color:#eaeaea;
	font-size:94%;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
}
.headertext {
	margin: 142px 0 0 127px;
	font-size: 82%;
}

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

#menu {
	clear: both;
	float:left;
	width:650px;
	font-size:92%;
	margin-left: 20px;
	line-height:normal;
	border-bottom:1px solid #666;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#menu li {
	display:inline;
	margin:0;
	padding:0;
}
#menu a {
	float:left;
	background:url(/docs/ftp/tableftF.gif) no-repeat left top;
	margin:0 4px 0 0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#menu a span {
	float:left;
	display:block;
	background:url(/docs/ftp/tabrightF.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#333;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}                    
                    

/* --------------------  CONTENU PAGE et classes -----------------------*/
#contenu {
	clear: both;
	width: 650px;
	padding-top: 20px;
	margin: 20px;
	text-align: justify;
}

.soustitreindex	{
	font-size: 90%;
	text-align: left;
}
	
.titrearticle {
	font-size: 170%;
	text-align: left;
}

.soustitre {
	font-size: 90%;
	text-align: left;
	padding-top: 18px;
	font-weight: bold;
	color: #333;
}

.textearticle {
	padding-top: 5px;
	font-size: 75%;
	line-height: 160%;
	color: #555;
}
.textearticleinfo {
	padding-top: 5px;
	font-size: 75%;
	line-height: 160%;
	color: #000;
	text-align: left;
}

.textebold {
	color: #333;
	font-weight: bold;
}
.chapeau {
	font-size: 75%;
	line-height: 160%;
	color: black;
	font-weight: bold;
	padding-top: 10px;
}

.texteresume {
	padding-top: 4px;
	font-size: 70%;
	line-height: 140%;
	color: #555;
}
.signature {
	float: right;
	font-size: 65%;
	color: #555;
	font-weight: bold;
	padding: 10px 0 20px 0;
}
.pdfArticle
{
	margin-top:20px;
	font-size:65%;
}
.pdfArticle a
{
	color:#e4290d;
}
.pdfArticle a:hover
{
	color: #fff;
	background-color: #e4290d;
}
.lienArticle
{
	margin-top:10px;
	font-size:65%;
}
.lienArticle a
{
	color:#e4290d;
}
.lienArticle a:hover
{
	color: #fff;
	background-color: #e4290d;
}
a.lienArticleTop
{
	color:black;
}
a.lienArticleTop:hover
{
	background-color: #fff;
}
a.disabled:hover {
	background-color: #ddd;
}
a.lienArticleBottom
{
	margin-top:10px;
	font-size:75%;
}
a.lienArticleBottom
{
	color:#e4290d;
}
a.lienArticleBottom:hover
{
	color: #fff;
	background-color: #e4290d;
}
a.savoirplus{
	color: #e4290d;
}

a:hover.savoirplus {
	color: #fff;
	background-color: #e4290d;
}

a.telechargement{
	color: #e4290d;
}

a:hover.telechargement {
	color: #fff;
	background-color: #e4290d;
}
.offres_total
{
	margin:10px 0pc 10px 0px;
	text-align:center;
}
.error
{
	color:Red;
}
.error ul
{
	width: 400px;
	list-style-type:square;
	margin:10px auto 10px auto;
	font-size:85%;
}

/* --------------------  COLONNE DROITE -----------------------*/
#rightcontent {
	float:left;
	width: 230px;
	margin-top: 20px;
}

/* classes */
#bannertop 
{
	margin-bottom: 20px;
}
#bt-epaper {
	margin-bottom: 20px;
}

.majtxt {
	color: black;
	font-size: 75%;
}
.majdate {
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	background-color: #e4290d;
	margin-top: 10px;
	padding: 0 5px;
}
.mm {
	font-size: 70%;
}

/* --------------------  COLONNE DROITE - MENU NAVIGATION-----------------------*/

#menunavig {
	background: url(/docs/ftp/nav-centre.gif) repeat-y;
	font-size: 70%;
	line-height: 19px;
	padding: 10px 10px 0 20px;
	color: black;
}

#menunavigtop {
	background: url(/docs/ftp/nav-haut.gif) left top no-repeat;
	margin-top: 20px;
	height: 44px; 	
	}

#menunavigbottom {
	background:url(/docs/ftp/nav-bas.gif) top left no-repeat;
	height: 44px; 	
	margin: 0;
	padding: 0;	 	
	}

.titre {
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	background: url(/docs/ftp/fleche-rouge.gif) left no-repeat;
	padding-left: 20px;
	margin: 8px 0 2px 0;
	letter-spacing: -0.5px;
}

#menunavig a {
	color:black;
	display: block;	
	width: 173px;
	background: url(/docs/ftp/point-tiret.gif) left bottom no-repeat;
	padding: 0 0 4px 10px;
	margin-left: 5px;
}

#menunavig a:hover {
	background-color: #fff;
	margin-left: 5px;
}

.postesdispo {
	background-color: #e4290d;
	color: #fff;
	padding: 0 3px;
	font-weight: bold; 
}
.banner_menu_journal_link
{
	text-align:left;
}

/* --------------------  CONTENU INDEX -----------------------*/
.conteneur-resume {
	height: 105px;
	border-bottom: solid 1px #bebebe;
}
.contenu-resume {
	padding: 10px 0 10px 0;
	text-align: justify;
}

.contenu-resume img {
	float: left;
	margin: 0;
	padding-right: 14px;
}

.espace {
	height: 10px;
	border-bottom: solid 1px #bebebe;
}

/* --------------------  CONTENU banner centrale -----------------------*/
#conteneur-banner {
	height: 130px;
	border-bottom: solid 1px #bebebe;
	padding-top:5px;
}
/*
#contenu-banner-left {
	margin-top: 10px;
	float: left;
}
#contenu-banner-right {
	margin-top: 10px;
	float: right;
}
*/
.banner_bottom_home
{
	text-align:left;
}

/* --------------------  CONTENU PAGES EMPLOI -----------------------*/

.boxgrisemploi {
	background-color: #ddd;
	padding: 10px;
	font-size: 75%;
}
.tableauemploi
{
	font-size: 100%;
	text-align:justify;
}
.contenusecteur {
	width: 540px;
	color: black;
	background-color: #fff;
	padding: 4px;
	border-bottom: solid 4px #ddd;
}
.contenuposte {
	width: 540px;
	color: black;
	background-color: #fff;
	padding: 4px;
	border-bottom: solid 4px #ddd;
	font-weight: bold;
}

.contenurubrique {
	width: 540px;
	color: black;
	background-color: #fff;
	padding: 4px;
	border-bottom: solid 4px #ddd;
}
.annonceSubpart
{
	margin:10px 0px 10px 0px;
}
.annonceConclusion
{
	margin:10px 0px 5px 0px;
	font-weight:bold;
}


/* --------------------  CONTENU PAGES ANNONCES GRATUITES -----------------------*/

.boxrouge {
	background-color: #ff9999;
	padding: 10px;
	font-size: 75%;
}
.gratuitsecteur {
	width: 540px;
	color: black;
	background-color: #fff;
	padding: 4px;
	border-bottom: solid 4px #ff9999;
}
.gratuitposte {
	width: 540px;
	color: black;
	background-color: #fff;
	padding: 4px;
	border-bottom: solid 4px #ff9999;
	font-weight: bold;
}

.gratuitrubrique {
	width: 540px;
	color: black;
	background-color: #fff;
	padding: 4px;
	border-bottom: solid 4px #ff9999;
}
.boxrouge a
{
	color: #FF5555;
}
.boxrouge a:hover
{
	color:#ffffff;
	background-color: #ff9999;
}

/* --------------------  CONTENU PAGES INFORMATION - TABLEAU -----------------------*/
.parution {
	font-size: 70%;
	padding: 2px;
}

.tabstyle1 {
	color:#FF0000;
	font-weight: bold;
}

.col1 {
	width: 5%;
	background-color: #999;
	text-align: center;
	color: #fff;
	padding: 2px 0 2px 0;
	border: solid 1px #fff;
}
.col2 {
	width: 27%;
	background-color: #ccc;
	text-align: left;
	color: #000;
	padding: 2px 0 2px 4px;
	border: solid 1px #fff;
}
.col3 {
	width: 1%;
	background-color: #fff;
	border: solid 1px #fff;

}
.col4 {
	background-color: #9ff;
	text-align: left;
	color:#000;
	padding: 2px 0 2px 4px;
	border: solid 1px #fff;
}

/* --------------------  TELECHARGEMENT -----------------------*/

.boxdownload {
	height: 170px;
	width: 310px;
	border: solid 1px #555;
	background-color: #ddd;
	float: left;
	margin-top: 20px;
}
.boxdownloadimg {
	float: left;
	height: 150px;
	width: 110px;
	padding: 10px;
}
.boxdownloadtxt {
	float: right;
	height: 150px;
	width: 170px;
	text-align: center;
	padding-top: 20px;
}
.boxdownloadtxt img {
	padding-top: 20px;
}

.boxdownload-right {
	height: 170px;
	width: 310px;
	border: solid 1px #555;
	background-color: #ddd;
	float: right;
	margin-top: 20px;
}

/* --------------------  TELECHARGEMENT FORMATION -----------------------*/

.boxformation {
	height: 170px;
	width: 640px;
	border: solid 1px #555;
	background-color: #ddd;
	margin-top: 20px;
}
.boxformationimg {
	float: left;
	height: 150px;
	width: 130px;
	padding: 10px 0	0 30px;
}
.boxformationtxt {
	float: right;
	height: 150px;
	width: 460px;
	text-align: center;
	padding-top: 25px;
}
.boxformationtxt img {
	padding-top: 20px;
}

/* --------------------  formulaire -----------------------*/


#form {
	font-size: 75%;
	color: black;
	margin:0 20px;
}
#form td {
	background-color: #ddd;
}
.espace {
	padding-left:20px;
}
.espaceou {
	padding: 0 20px;
}

/* --------------------  contact -----------------------*/
#contentiframe {
	float: right;
	padding-right: 20px;
}
.contact {
	font-size:85%;
	float: left;
	padding-left: 20px;
}

/* --------------------  page liens -----------------------*/

.boxliens {
	border-bottom: solid 1px black;
	padding: 8px 20px 10px 20px;
}

.boxliens p {
	font-size: 75%;
	padding-top: 6px;
}

.boxliens a {
	text-decoration: underline;
}

.boxliens a:hover {
	background-color: #e4290d;
	color: #fff;
}

.liensimg {
	display: block;
	background: url(/docs/ftp/fleche-rouge.gif) left no-repeat;
	padding-left: 20px;
	margin-top: 4px;
	font-weight: bold;
}

/* --------------------  page formulaire-insertion annonce -----------------------*/

.titreform {
	display: block;
	width: 100%;
	height: 25px;
	background-color: #888;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	margin-top: 20px;
}
#boxinsertion {
	background-color: #ddd;
	padding: 30px 20px 30px 20px;
	font-size: 90%;
	line-height: 30px;
	border: solid 1px #888;
}

#boxinsertion input {
	height: 20px;
	border: solid 1px #888;
}

#boxinsertion textarea {
	height: 80px;
	border: solid 1px #555;
}

.col-a {
	text-align: right;
	padding-right: 20px;
}
.col-b {
	text-align: right;
	line-height: 10px;
}

/* --------------------  FORMULAIRE ANNONCE GRATUITE -----------------------*/

.gratuittitreform {
	display: block;
	width: 100%;
	height: 25px;
	background-color: #e4290d;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	margin-top: 20px;
}
#gratuitboxinsertion {
	background-color: #ff9999;
	padding: 30px 20px 30px 20px;
	font-size: 90%;
	line-height: 30px;
	border: solid 1px #888;
}

#gratuitboxinsertion input {
	height: 20px;
	border: solid 1px #888;
}

#gratuitboxinsertion textarea {
	height: 80px;
	border: solid 1px #555;
}

.gratuitcol-a {
	text-align: right;
	padding-right: 20px;
}
.gratuitcol-b {
	text-align: right;
	line-height: 10px;
}
.smallBox
{
	width:50px;
}
.DemandeEmploiNoPostal
{
	width:200px;
}
/* -------------------- FORMULAIRE RECHERCHE -----------------------*/

#conteneursearch {
	background-color: #ddd;
	height: 300px;
	padding: 30px 0 0 125px;
}
#conteneurboxsearch {
	background-color: #e8e8e8;
	width: 400px;
	height: 250px;
	border: solid 1px black;
}
.fondtitre {
	height: 30px;
	background-color: #ccc;
	padding-top: 8px;
	margin-bottom: 10px;
	text-align: center;
}
.colsr1 {
	width: 30%;
	height: 35px;
	text-align: right;
} 
.colsr2 {
	width: 5%;
} 
.colsr3 {
	width: 65%;
	text-align: left;
} 

/* -------------------- PAGE RESULTAT RECHERCHE -----------------------*/

#enteteresultat {
	height: 40px;
	background-color: #ddd;
	padding: 10px;
	font-size: 75%;
}

.boxaligngauche {
	width: 250px;
	height: 16px;
	float: left;
	text-align: left;
	padding-top: 4px;
}
.boxaligndroite {
	width: 300px;
	height: 16px;
	float: right;
	text-align: right;
	padding-top: 4px;
}

.boxresultat {
	border-bottom: solid 1px #ddd;
	font-size: 75%;
	padding: 10px 0;
}

.boxresultat p {
	padding-top: 4px;
	text-align: left;
}
.liens {
	text-align: right;
	font-weight: bold;
	padding-top: 4px;
	float: right;
}


/* --------------------  CONTENU PARTENAIRE -----------------------*/
#conteneur-partenaire {
	height: 135px;
}
#conteneur-partenaire .partleft {
	margin-top: 10px;
	float: left;
}
#conteneur-partenaire .partright {
	margin-top: 10px;
	float: right;
}




/* --------------------  FOOTER -----------------------*/
#footer {
	clear:both;
	font-size:9px;
	width: 900px;
	height: 18px;
	margin: 0 20px 20px 20px;
	border-bottom: 1px solid #bebebe;
	border-top: 1px solid #bebebe;
	background-color: #ddd;
}
#footerleft {
	float: left;
	text-align:left;
	padding: 3px 0 0 6px;
}

#footerright {
	float: right;
	text-align:right;
	padding: 3px 6px 0 0;
}
#footer a {
	color: #e4290d;
}
#footer a:hover {
	color: #fff;
	background-color: #e4290d;
}