@import url("/style-contenu.css");

html {
  height: 100%;
}

.clear {
  clear: both;
}

hr {
  border: none;
  width: 100%;
  margin-top: 5px;
  height: 1px;
  background-color: black;
  color: black;
}

/* @group Disposition globale */

#contenant {
  width: 920px;
  margin: 0 auto;
  min-height: 100%;
  *height: 100%;
  background-position: 160px 160px;
}
#contenant_autre {
  width: 925px;
  margin: 0 auto;
  min-height: 100%;
  *height: 100%;
  background-position: 100px 160px;
}
#entete {
  height: 160px;
  width: 760px;
  text-align: right;
  overflow: visible;
  float: right;
  background-color: white;
}
#entete_autre {
  height: 160px;
  width: 925px;
  text-align: right;
  overflow: visible;
  float: right;
  background-color: white;
}
#entete h1 {
  display: none;
}

#entete_autre h1 {
  display: none;
}
#gauche {
  width: 160px;
  height: 580px;
  float: left;
}

/*#fond {
  float: left;
  width: 760px;
  height: 100%;
}

#fondbas {
  height: 1px;
  clear: both;
  position: relative;
  font-size: 1px;
  line-height: 1px;
}*/

#searchform {
	position: absolute;
	top: -14px;
	
}

#scroll {
	overflow: auto;
	height: 330px;
	float: left;
	width: 570px;
}
#scroll_entre_nous {
  overflow: auto;
  height: 330px;
  float: left;
  width: 540px;
}
#scroll_autre {
  overflow: auto;
  height: 334px;
  float: left;
  margin-left: 233px;
  width: 650px;
}
#colg {
  float: left;
  width: 170px;
  margin-left: 15px;
  margin-bottom: 20px;
  display: inline;
  border: none;
  overflow: hidden;
}
#colg_entre_nous {
  float: left;
  width: 205px;
  margin-left: 15px;
  margin-bottom: 20px;
  display: inline;
  border: none;
  overflow: hidden;
}
#colg_autre {
  float: left;
  width: 160px;
  margin-left: 15px;
  margin-bottom: 20px;
  display: inline;
  border: none;
  overflow: hidden;
}

h2#titre {
/*width: 570px;*/
  float: left;
  height: 28px;
  font-size: 15px;
  color: #000000;
  text-decoration: none;
  line-height: 25px;
  padding-top: 21px;
  margin-left: 15px;
  *margin-left: 14px;
  overflow: hidden;
}
h2#titre_autre {
/*width: 600px;*/
  float: left;
  height: 28px;
  font-size: 15px;
  color: #000000;
  text-decoration: none;
  line-height: 25px;
  padding-top: 21px;
  margin-left: 60px;
  *margin-left: 59px;
  overflow: hidden;
}

#contenu {
  margin-left: 17px;
  width: 520px;
}
#contenu_entre_nous {
  margin-left: 17px;
  width: 490px;
}
#contenu_autre {
  margin-left: 0px;
  width: 630px;
}

#contenant, div.cadre, .sousmenu li, div.cadrecontenu, div.cadrepied, div.cadrepiedg ,#contenant_autre{
  background-repeat: no-repeat;
}
/* @end */

/* @group Menus */

ul.menu, ul.sousmenu {
  list-style: none;
}

ul.menu li {
  display: inline;
}

ul.sousmenu {
  margin-top: 23px;
  margin-left: 6px;
}

.sousmenu li {
  padding-left: 16px;
  line-height: 40px;
  font-weight: bold;
  background-position: 0;
}

.sousmenu a.actif {
	cursor: default;
	font-weight: bold;
}

.sousmenu a {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images/mon_emploi-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* @end */

/* @group Recherche */

.ORDsearch {
	
}
.ORDsearchOKemp {
	font-size: 10px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #fba3eb;
	border-bottom-color: #fba3eb;
	border-left-color: #FFFFFF;
	background-color: #fee0fa;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORDsearchOKemp:hover {
	background-color:#fba3eb ;
}
.ORDsearchOKform {
	font-size: 10px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #7800de;
	border-bottom-color: #7800de;
	border-left-color: #FFFFFF;
	background-color: #f1e8f9;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORDsearchOKform:hover {
  background-color: #7800de;
}

.ORDsearchOKlog {
	font-size: 10px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #3594d7;
	border-bottom-color: #3594d7;
	border-left-color: #FFFFFF;
	background-color: #ddf4fd;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORDsearchOKlog:hover {
  background-color: #3594d7;
}

.ORDsearchOKpar {
	font-size: 10px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #bde814;
	border-bottom-color: #bde814;
	border-left-color: #FFFFFF;
	background-color: #f1fbc5;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORDsearchOKpar:hover {
	background-color: #bde814;
}

.ORDsearchOKser {
	font-size: 10px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #fb7c03;
	border-bottom-color: #fb7c03;
	border-left-color: #FFFFFF;
	background-color: #f1fbc5;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORDsearchOKser:hover {
	background-color: #fb7c03;
}

.ORDsearchOKepy {
	font-size: 10px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #ffc500;
	border-bottom-color: #ffc500;
	border-left-color: #FFFFFF;
	background-color: #f1fbc5;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORDsearchOKepy:hover {
	background-color: #ffc500;
}
.ORDsearchOKcon {
	font-size: 10px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #e04005;
	border-bottom-color: #e04005;
	border-left-color: #FFFFFF;
	background-color: #f1fbc5;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORDsearchOKcon:hover {
	background-color: #e04005;
}
/* @end */
/* @group Footer */
#footer {
  position: absolute;
  bottom: 0;
  width: 920px;
}
body>div#footer {
  position: fixed;
}
#footer form {
  width: 920px;
  color: Black;
  margin: 0;
  padding-top: 10px;
  height: 35px;
  
  font-size: 10px;
  float: right;
  background-position: right -1098px;
  background-repeat: no-repeat;
}

#footer p {
  text-align: center;
  padding: 0;
  margin: 0;
  position: relative;
}

#footer div {
  position: absolute;
  display: inline;
  bottom: 5px;
  margin-left: 0;
  z-index: 900;
}

#footer a {
  color: Black;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
  color: Gray;
}

/* @end */
/* @group Cadres */
div.cadre {
  background-position: right -1201px;
}
.cadrecontenu {
  margin-right: 8px;
  padding-left: 8px;
  padding-top: 6px;
  margin-bottom: -2px;
  background-position: -160px -1201px;
}
div.cadrepied {
  background-position: right -1792px;
  text-align: left; /* mais que lui prend-il à ie? on centre le texte et lui centre l'image de fond*/
}
div.cadrepiedg {
  height: 8px;
  width: 8px;
  background-position: -160px -1792px;
  font-size: 1px; /*ie hack*/
}
.cadrephoto {
  width: 160px; /*ici on détermine sa largeur*/
  margin-left: 2px;
}
.cadrecontenu_entre_nous {
  margin-right: 1px;
  padding-left: 5px;
  padding-top: 6px;
  margin-bottom: -2px;
  background-position: -165px -1201px;
}
.cadrephoto_entre_nous {
  width: 168px; /*ici on détermine sa largeur*/
  margin-left: 2px;
}
.cadrephoto .cadrecontenu {
  /* height: 160px; ici on détermine sa hauteur */
  padding-top: 10px;
  padding-bottom: 8px;
  text-align: center;
}
.cadrephoto img {
  margin: 0 auto;
  display: block;
}
.cadrenews {
  width: 185px; /*ici on détermine sa largeur*/
  float: right;
  margin-left: 15px;
  margin-top: -20px; /* compense le margin du h3 (voir style-contenu.css) */
  *margin-top: -10px;
  padding-top: 20px;
  background-position: right -1181px!important;
  text-align: center;
  
}
.cadrenews .cadrecontenu {
  /*height: 300px;*/ /*ici on détermine sa hauteur*/
}
.cadrenews h3 {
  margin: 0;
  font: bold 12px "Comic Sans MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}
.cadrenews dl {
  margin: 10px 0;
  
}
.cadrenews dt {
  font-weight: bold;
  text-align:center;
}
.cadrenews dd {
  text-align:justify;
}
/* @end */
/* @group Par Rubriques */
/* @group Mon emploi */

.mon_emploi h3, .mon_emploi h5, .mon_emploi a:hover, .mon_emploi .sousmenu li a:hover,
.mon_emploi .sousmenu li a.actif, .mon_emploi .cadrenews h3 a {
  color: #FF33CC;
}
.mon_emploi #footer form, .mon_emploi #contenant, .mon_emploi div.cadre, .mon_emploi div.cadrecontenu, .mon_emploi div.cadrepied, .mon_emploi div.cadrepiedg {
  background-image: url(/images/mon_emploi-fond.png);
}

.mon_emploi h5 a {
color: #FF33CC;
}
.mon_emploi h5 a:hover {
color: #000;
}
.mon_emploi h3 a {
color: #FF33CC;
}
.mon_emploi h3 a:hover {
color: #000;
}
.mon_emploi #contenu li {
	list-style-position: outside;
	list-style-image: url(images/fl-r.gif);		
}
.td_menu {
	background-image: url(images/mon_emploi-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}

/* @end */
/* @group Mes formations */

.mes_formations h3, .mes_formations h5, .mes_formations a:hover, .mes_formations .sousmenu li a:hover,
.mes_formations .sousmenu li a.actif, .mes_formations .cadrenews h3 a {
  color: #7800de;
}

.mes_formations #footer form, .mes_formations #contenant, .mes_formations div.cadre, .mes_formations div.cadrecontenu, .mes_formations div.cadrepied, .mes_formations div.cadrepiedg {
  background-image: url(/images/mes_formations-fond.png);
}

.mes_formations .sousmenu li {
  background-image: url(/images/mes_formations-puce-menu.png);
}

.mes_formations #contenu li {
	list-style-position: outside;
	list-style-image: url(images/fl-viol.gif);
}
.td_menu_formation {
	background-image: url(/images/mes_formations-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}
.mes_formations h5 a {
color: #7800de;
}
.mes_formations h5 a:hover {
color: #000;
}



/* @end */
/* @group Mon logement */

.mon_logement h3, .mon_logement h5, .mon_logement a:hover, .mon_logement .sousmenu li a:hover,
.mon_logement .sousmenu li a.actif, .mon_logement .cadrenews h3 a {
  color: #2b70ab;
}

.mon_logement #footer form, .mon_logement #contenant, .mon_logement div.cadre, .mon_logement div.cadrecontenu, .mon_logement div.cadrepied, .mon_logement div.cadrepiedg {
  background-image: url(/images/mon_logement-fond.png);
}

.mon_logement .sousmenu li {
  background-image: url(/images/mon_logement-puce-menu.png);
}

.mon_logement #contenu li {
  background-image: url(/images/mon_logement-puce1.png);
}
.td_menu_logement {
	background-image: url(/images/mon_logement-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}
.mon_logement h5 a {
color: #2b70ab;
}
.mon_logement h5 a:hover {
color: #000;
}
.mon_logement h3 a {
color: #2b70ab;
}
.mon_logement h3 a:hover {
color: #000;
}

/* @end */
/* @group Mes partenaires */

.mes_partenaires h3, .mes_partenaires h5, .mes_partenaires a:hover, .mes_partenaires .sousmenu li a:hover,
.mes_partenaires .sousmenu li a.actif, .mes_partenaires .cadrenews h3 a {
  color: #6a9f13;
}

.mes_partenaires #footer form, .mes_partenaires #contenant, .mes_partenaires div.cadre, .mes_partenaires div.cadrecontenu, .mes_partenaires div.cadrepied, .mes_partenaires div.cadrepiedg {
  background-image: url(/images/mes_partenaires-fond.png);
}

.mes_partenaires .sousmenu li {
  background-image: url(/images/mes_partenaires-puce-menu.png);
}

.mes_partenaires #contenu li {
  background-image: url(/images/mes_partenaires-puce1.png);
}
.td_menu_partenaires {
	background-image: url(/images/mes_partenaires-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}
.mes_partenaires h5 a {
color: #6A9F13;
}
.mes_partenaires h5 a:hover {
color: #000;
}
.mes_partenaires h3 a {
color: #6A9F13;
}
.mes_partenaires h3 a:hover {
color: #000;
}

/* @end */
/* @group Mes services */

.mes_services h3, .mes_services h5, .mes_services a:hover, .mes_services .sousmenu li a:hover,
.mes_services .sousmenu li a.actif, .mes_services .cadrenews h3 a {
  color: #FF6600;
}

.mes_services #footer form, .mes_services #contenant, .mes_services div.cadre, .mes_services div.cadrecontenu, .mes_services div.cadrepied, .mes_services div.cadrepiedg {
  background-image: url(/images/mes_services-fond.png);
}

.mes_services .sousmenu li {
  background-image: url(/images/mes_services-puce-menu.png);
}

.mes_services #contenu li {
  background-image: url(/images/mes_services-puce1.png);
}
.td_menu_services {
	background-image: url(/images/mes_services-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}
.mes_services h3 a {
color: #FF6600;
}
.mes_services h3 a:hover {
color: #000;
}


/* @end */
/* @group Employeurs */

.employeurs h3, .employeurs h5, .employeurs a:hover, .employeurs .sousmenu li a:hover,
.employeurs .sousmenu li a.actif, .employeurs .cadrenews h3 a {
  color: #d18012;
}

.employeurs #footer form, .employeurs #contenant, .employeurs div.cadre, .employeurs div.cadrecontenu, .employeurs div.cadrepied, .employeurs div.cadrepiedg {
  background-image: url(/images/mes_services-fond.png);
}

.employeurs .sousmenu li {
 
}

.employeurs #contenu li {
  background-image: url(/images/employeurs-puce1.png);
}

.mes_employeurs h5 a {
color: #d18012;
}
.mes_employeurs h5 a:hover {
color: #000;
}
.mes_employeurs h3 a {
color: #d18012;
}
.mes_employeurs h3 a:hover {
color: #000;
}

/* @end */
/* @group Entre nous */
#contenant_entre_nous {
  width: 920px;
  margin: 0 auto;
  min-height: 100%;
  *height: 100%;
  background-position: 180px 160px;
}
.td_menu_entre_nous {
	background-image: url(/images/employeurs-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}

.entre_nous h3, .entre_nous h5, .entre_nous a:hover, .entre_nous .sousmenu li a:hover,
.entre_nous .sousmenu li a.actif, .entre_nous .cadrenews h3 a {
  color: #d7090c;
}

.entre_nous #footer form, .entre_nous #contenant, .entre_nous div.cadre, .entre_nous div.cadrecontenu, .entre_nous div.cadrepied, .entre_nous div.cadrepiedg {
  background-image: url(/images/entre_nous-fond.png);
}

.entre_nous #contenu li {
  background-image: url(/images/employeurs-puce1.png);
}
.td_menu_entre_nous {
	background-image: url(/images/entre_nous-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}

/* @end */
/* @group Autre */
.autre #contenant, autre #footer form, .autre div.cadre, .autre div.cadrecontenu, .autre div.cadrepied, .autre div.cadrepiedg {
  background-image: url(/images/fond_autre.png);
}

.autre h3, .autre h5, .autre a:hover, .autre .sousmenu li a:hover,
.autre .sousmenu li a.actif, .autre .cadrenews h3 a {
  color: #FF33CC;
}
.autre a {
	text-decoration: underline;
}
.autre h5 a {
color: #FF33CC;
}
.autre h5 a:hover {
color: #000;
}
.autre h3 a {
color: #FF33CC;
}
.autre h3 a:hover {
color: #000;
}
.autre #contenu li {
	list-style-position: outside;
	list-style-image: url(images/fl-r.gif);		
}
.td_menu {
	background-image: url(images/mon_emploi-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}

/* @end */
/* @end */
.ssmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF33CC;
	text-decoration: none;
	text-indent: 5px;
	font-weight: bold;
}
.ssmenu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-indent: 5px;
	font-weight: bold;
}
.ssmenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF33CC;
	text-decoration: none;
	text-indent: 5px;
	font-weight: bold;
}
.td_menu_employeurs {
	background-image: url(/images/employeurs-puce-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 6px;
}.td-ind {
	background-image: url(images/fd-index.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 600px;
	width: 331px;
}
.tab-inde {
	height: 600px;
	width: 331px;
	padding-left: 15px;
}
.tab-edito {
	margin: 0px;
	padding: 20px;
	height: 391px;
	width: 300px;
}