body {
 font-family:arial,sans-serif;
 margin:0;
 padding:0;
 background-color:#fff;
}

img {
 border:none;
}

.statMH {
 position:absolute;
  bottom:0;
  right:0;
}

#libContexte {
 color:#bbb;
 font-size: 11px;
 text-align: center; 
 height: 15px;
}

/* tetiere */

#tetiere {
 height: 108px; 
 width: 1007px; 
 margin:0 auto; 
 background:url('/design/images/fdTetiere.png') no-repeat center bottom; 
 display: block; 
}

#tetiere .logoSite {
 float:left;
 font-size:20px;
 margin:0;
 padding-top: 11px;
 text-align:center;
 width: 407px;
}

#tetiere #blocDroite {
 float: right;
 margin-right: 15px;
 width: 578px;
}

#tetiere #connexion {
 height:42px;
 float: right;
 padding: 20px 0 0 0;
}

#tetiere #connexion a.partenaire {
 float:left;
 margin:-10px 0 0 0;
 padding: 0 0 0 15px;
 font-size: 12px;
}

#tetiere #menu {
 display: block;
 float: right;
 clear: both;
 height:27px;
 width: 558px;
}

#tetiere #menu .ongletAccueil {
 background:url('/design/images/ongletAccueil.png') no-repeat left bottom;
 display:block;
 float:left;
 font-size:12px;
 font-weight:bold;
 height:27px;
 text-decoration:none;
 text-transform:uppercase;
 width:27px;
 margin-left: 45px;
_margin-left: 19px;
 color:#fff;
}

#tetiere #menu .ongletAccueil span {
 display:none;
}

#menu ul {
 font-size:12px;
 list-style:none;
 margin: 0;
 padding:0;
}

#menu ul li {
 float:left;
 margin-left: 6px;
}

#menu ul li a.onglet:link,
#menu ul li a.onglet:visited {
 background:url('/design/images/ongletBleu.png') no-repeat left top;
 display:block;
 float:left;
 font-weight:bold;
 width: 114px;
 height: 27px;
 text-decoration:none;
 text-transform:uppercase;
 color:#fff;
}

#tetiere #menu .onglet span {
 cursor:pointer;
 display:block;
 text-align: center;
 height:19px;
_width: 114px;
 padding-top: 6px; 
}

#tetiere #menu .oJaune a.onglet {
 background:url('/design/images/ongletJaune.png') no-repeat left top;
}

#tetiere #menu .oOrange a.onglet {
 background:url('/design/images/ongletOrange.png') no-repeat left top;
}

h1 {
 display: block;
 font-size:14px;
 font-weight: bold;
 color:#3494EB;
 padding:10px 0 0 0;
 margin: 0;
 text-align: center;
 text-transform: uppercase;
}

#conteneur {
 background:url(/design/images/fdPage.png) repeat-y center;
_height:1%;
 margin:10px auto 0 auto;
 width:1007px;
 overflow: hidden;
}

#col1007 {  
 margin: 0 auto; 
 background: url('/design/images/hautPage.png') no-repeat top center; 
 width: 1007px; 
 padding-top: 24px;
 overflow: hidden;
}

#colonneCAG {
 float: left;
 width: 700px;
_width: 705px;
}

#colonneAG {
 width:220px;
 margin:0 0 10px 10px;
 float: left;
}

#colonneC {
 width:460px;
 margin:0 0 10px 10px;
 float: right;
}

#colonneAD {
 width:280px;
 margin:0 0 10px 10px;
 float: left;
}

/* liste col gauche */

.listeKL {
 background-color: #C5E1FC;
 border-bottom: 2px solid #fff;
 padding-bottom: 10px;
}

.listeKL h2 {
 background:#136cbc url('/design/images/col160/fd_col160_TitreActu.gif') repeat-x;
 color:#fff;
 display: block; 
 font-size: 14px;
 margin: 0 0 2px;
 padding: 10px;
 text-transform: uppercase;
}

.listeKL h2 a {
 color:#fff;
 text-decoration: none;
}

.listeKL #pucePlusMoins {
 float: left;
}

.filAriane {
 color:#686A6B;
 font-size:11px;
 font-weight:bold;
 padding: 10px; 
}

.filAriane ul li {
 list-style:none;
 display: inline;
 color:#686A6B !important;
 font-size:11px !important;
 margin: 0 !important;
 padding: 0 !important;
}

.filAriane a {
 color:#686A6B !important;
 font-weight:normal !important;
 text-decoration: underline;
}

.filAriane02 {
 color:#686A6B;
 font-size:11px;
 font-weight:bold;
 margin-top: 7px;
}

.filAriane02 a {
 color:#686A6B;
 font-weight:normal;
 text-decoration: underline;
}

.filAriane03 {
 color:#686A6B;
 font-size:12px;
 font-weight:bold;
 margin-bottom: 10px;
}

.filAriane03 a {
 color:#686A6B;
 text-decoration: underline;
}

.listeKL ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

.listeKL ul li,
.listeKL ul li h3,
.listeKL ul li h4 {
 list-style-type: none;
 padding: 2px 0;
 margin: 0 0 0 10px;
 font-size: 12px;
 font-weight:normal;
 color: #056EB4;
}
.listeKL ul li h3 {
 font-weight:bold;
 margin:0;
}

.listeKL ul li a {
 text-decoration: none;
 color: #056EB4;
}

.listeKL ul li a:hover {
 text-decoration: underline;
}

/* liste col centrale */

#listeOffres {
 overflow:auto;
}

#listeOffres h2 {
 color: #3494EB;
 font-size: 26px;
 margin: 0;
 padding: 0;
 font-family: tahoma, sans-serif;
}

#listeOffres ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#listeOffres ul li {
 list-style-type: none;
 padding: 0 0 10px 0;
 margin: 0;
 border-bottom: 1px solid #749CC1;
}

#listeOffres ul li .classement {
 color: #52575A;
 margin-top: 10px;
 font-weight: bold;
}

#listeOffres ul li h3 {
 margin: 0;
 padding: 5px 0 0 0;
 text-transform: uppercase;
}

#listeOffres ul li h3 a {
 color: #3494EB;
 font-size: 14px;
 text-decoration: none;
}

#listeOffres ul li h3 a:hover {
 text-decoration: underline;
}

#listeOffres ul li .txt {
 color: #52575A;
 font-size: 12px;
}

#listeOffres ul li .txt strong {
 font-size: 16px;
}

#listeOffres ul li .date {
 color: #3494EB;
 font-weight: normal;
 margin-bottom: 5px;
 display: block;
}

#listeOffres ul li .photo {
 float: right;
}

#listeOffres .aucun {
 color: #52575A;
 font-size: 12px;
} 

/* pagination */

#Pagination {
 display: block;
 text-align: center;
 font-size: 12px; 
 color: #52575A;
 background-color: #ECF5FE;
 padding: 5px 0;
 margin: 15px 0;
}

span {
 font-weight:bold;
}

#Pagination a {
 color: #52575A;
 text-decoration: none;
}

#Pagination a:hover {
 font-weight: bold;
 text-decoration: underline;
}

/* actu */

.actuKL {
 background-color: #C5E1FC;
 border-bottom: 2px solid #fff;
}

.actuKL h2 {
 display: block; 
 margin: 0 0 2px;
 font-size: 14px;
 padding: 10px;
 text-transform: uppercase;
 background:url('/design/images/col160/fd_col160_TitreActu.gif') repeat-x;
 color:#fff;
}

.actuKL ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

.actuKL ul li {
 list-style-type: none;
 padding: 10px 0;
 margin: 0;
 font-size: 12px;
 color: #52575A;
 border-bottom: 2px solid #fff;
}

.actuKL ul li .classement {
 color: #3494EB;
 margin: 0 10px;
}

.actuKL ul li h3 {
 margin: 0 10px;
 padding: 5px 0;
 text-transform: uppercase;
}

.actuKL ul li h3 a {
 color: #52575A;
 font-size: 14px;
 text-decoration: none;
}

.actuKL ul li h3 a:hover {
 text-decoration: underline;
}

.actuKL ul li .txt {
 color: #52575A;
 font-size: 12px;
 margin: 0 10px;
}

.actuKL ul li .photo {
 margin: 0 10px;
}

/* formulaire recherche */

.blocRech {
 width: 967px;
 text-align: center;
 margin: 15px auto;
 display: block;
 overflow: auto;
 background: #ECF5FE;
 padding: 5px 20px;
}

.blocRech h2 {
 color: #3494EB;
 font-size: 16px;
 font-weight: bold;
 float: left;
 margin-right: 20px;
}

#rechercheEmploi form {
 padding: 0;
 margin: 0;
}

#rechercheEmploi .combo01 {
 font-size: 10px; 
 margin: 5px; 
 width: 270px; 
 border: 1px solid #7f9db9;
 padding: 1px;
 font-family:arial,sans-serif;
}

#rechercheEmploi .ligne {
 font-size: 12px; 
 padding: 2px 5px; 
 width: 270px; 
 float: left;
 margin-top: 5px;
}

#rechercheEmploi .ligne .notabene {
 font-size: 11px; 
 color: #808080;
 text-align: left;
 margin-left: 50px;
}

#rechercheEmploi .ligne label { 
 width: 40px; 
 text-align: right;
 float: left;
 margin-right: 10px;
}

#rechercheEmploi .ligne .combo02 {
 float: left;
 font-size: 11px; 
 width: 215px; 
 border: 1px solid #7f9db9;
 padding: 1px;
 font-family:arial,sans-serif;
}

#villeTrouvee_autocomplete {
 background: #fff;
}

#villeTrouvee_autocomplete a {
 color: #52575A;
 font-size: 10px;
 text-decoration: none;
 padding: 1px 5px;
 display: block;
 text-align: left;
}

#villeTrouvee_autocomplete a:hover {
 background: #D4E5F9;
}

.btnTrouvezEmploi {
 background: url('/design/images/KL_BtnTrouvez.png') no-repeat;
 margin: 10px auto;
 padding: 6px;
 font-weight: bold;
 text-align: center;
 font-size: 12px;
 display: block;
 border: none;
 text-decoration: none;
 color: #fff;
 width: 180px;
 cursor: pointer;
 font-family:arial,sans-serif;
}

.btnTrouvezEmploi:hover {
 text-decoration: underline;
}

/* pied de page */

#piedPageKL {
 background:url('/design/images/fdTetiere.png') no-repeat bottom center; 
 height: 40px;
 text-align: center;
 color: #52575A;
 font-size: 11px;
 margin-bottom: 30px;
}

#piedPageKL a {
 color: #52575A;
}

/* Nuage */

#nuage {
 margin:10px 0;
}

#nuage .t1 {
 font-size: 28px;
}

#nuage .t2 {
 font-size: 24px;
}

#nuage .t3 {
 font-size: 20px;
}

#nuage .t4 {
 font-size: 16px;
}

#nuage .t5 {
 font-size: 12px;
}

#nuage .c1 {
 color:#749cc1;
}

#nuage .c2 {
 color:#47698e;
}

#nuage .c3 {
 color:#146dbd;
}

#nuage .c4 {
 color:#3494eb;
}

#nuage .c5 {
 color:#04437d;
}

#nuage  a {
 display:inline;
 line-height:28px;
 padding:5px;
 text-decoration:none;
}

#nuage a.c1:hover {
 background-color:#686a6b;
 color: #fff;
}

#nuage a.c2:hover {
 background-color:#5e7285;
 color: #fff;
}

#nuage a.c3:hover {
 background-color:#4e7fab;
 color: #fff;
}

#nuage a.c4:hover {
 background-color:#3f8dd2;
 color: #fff;
}

#nuage a.c5:hover {
 background-color:#3595ec;
 color: #fff;
}

.autocompleteSelected {
 background-color:#d4e5f9;
}