@import "common.css";

/********** INTRO ********/

#topintro {
  margin:11px 0 16px 0;
  width: 766px;
  text-align:center;
}
#intro {
  width: 766px;
  height: 580px;
  overflow: hidden;
  background: url(../img/fond_intro.jpg) no-repeat left top;
  text-align:center;
}

#intro object {
  margin:30px auto;
  margin-top:80px;
}

#intro p {
  text-align:center;
  font-family: verdana, arial, serif;
  color:#FFFFFF;
  font-weight:bold;
}

#intro a {
  font-size:140%;
  color:#FFFFFF;
  text-decoration:none;
}
#intro a:hover {
  color:#FFFFFF;
  font-size:150%;
}


/******** BANDEAU DU HAUT *********/

#banner {
  display:none;
}

/******** MENU GROUPE DU HAUT *********/

#menu_group a.groupe {
  background: url(../img/fond_menu_groupe_on.gif) no-repeat left top;
}
#menu_group a.groupe span {
  display: none;
}

/*************** BARRE DES ONGLETS DU HAUT *************/
#tabbar {
  background: url(../img/fond_tabbar_groupe2.gif) no-repeat left top;
}
#tabbar li#onglet1 {
  width:82px;
}
#tabbar li#onglet2 {
  width:93px;
}
#tabbar li#onglet3 {
  width:85px;
}
#tabbar li#onglet4 {
  width:114px;
}
#tabbar li#onglet5 {
  width:76px;
}
#tabbar li#onglet6 {
  width:87px;
}




/********** COTE DROIT ********/

#right_side {
  display:none;
}

/*********** LE GROUPE 3SI *****************/

div#legroupe3si {
  background: url(../img/image2.gif) no-repeat left top;
  width:570px;
  margin:0 0 0 4px;
}
div#legroupe3si p {
  margin:0 6px 2px 5px;
  padding:0;
  line-height:1.1em;
}
ul#g3scinematique {
  display:none;
}

ul#g3scinematique li {
  float:left;
  width:120px;
  height:40px;
  line-height:30px;
  border:1px solid black;
}
ul#g3scinematique li strong{
  width:118px;
}
#groupeorganisation,
#groupemoyens,
#groupesavoir,
#groupesolutions
{
  width:140px;
  float:left;
  margin:50px 0 0 0;
}
#groupeorganisation li,
#groupemoyens li,
#groupesavoir li,
#groupesolutions li
{
  margin:3px 0;
  padding:0 0 0 7px;
  background: url(../img/puce_011.gif) no-repeat left 4px;
  line-height:1.1em;
}
#groupeorganisation h2,
#groupemoyens h2,
#groupesavoir h2,
#groupesolutions h2
{
  font-size:120%;
  color:#b7822f;
  margin:8px 0;
  padding:0;
  line-height:1em;
}
#groupeorganisation h2,
#groupemoyens h2,
#groupesavoir h2,
#groupesolutions h2
{
  font-size:120%;
  color:#b7822f;
  margin:8px 0;
  padding:0;
  line-height:1em;
}

#groupeorganisation h3,
#groupemoyens h3,
#groupesavoir h3,
#groupesolutions h3
{
  color:#32968a;
  margin:8px 0 0 5px;
  padding:0;
  line-height:1em;
}
#groupemoyens p,
#groupesavoir p,
#groupemoyens h2,
#groupesavoir h2,
#groupemoyens h3,
#groupesavoir h3,
#groupemoyens ul,
#groupesavoir ul
{
  margin-left:7px;
  margin-right:5px;
}
#groupesolutions p,
#groupesolutions h2,
#groupesolutions h3,
#groupesolutions ul
{
  margin-left:7px;
}

#legroupe3si p.pluslink {
  padding:0;
  margin:0 8px 0 0;
  text-align:right;
}
#legroupe3si p.pluslink a {
  padding:0 18px 0 0;
  background: url(../img/image54.gif) no-repeat right 50%;
}
#legroupe3si p.pluslink a:hover {
  padding:0 22px 0 0;
  background: url(../img/image51.gif) no-repeat right 50%;
}

/********* CONTACTS ************/

#accordion #contactboetie, #accordion #contactsuresnes, #accordion #contactmarboeuf {
  margin:10px 20px;
}

/************ CARRIERES ***********/

div.emploicarriere {
  padding:10px;
}
div.emploicarriere table.emploi {
  width:100%;
  border-collapse:collapse;
}
div.emploicarriere table.emploi a {
  text-decoration:none;
}
div.emploicarriere table.emploi thead th{
  text-align:left;
  color: #1eaa9d;
  font-weight:bold;
}
div.emploicarriere table.emploi th,
div.emploicarriere table.emploi td {
  border-top: 2px dotted #abbdbb;
  padding:2px 4px;
  margin:0;
}
div.emploicarriere table.emploi tbody tr.un th,
div.emploicarriere table.emploi tbody tr.un td {
  background-color: #ecf4f3;
}
div.emploicarriere table.emploi tbody tr.deux th,
div.emploicarriere table.emploi tbody tr.deux td {
  background-color: white;
}

div.emploicarriere table.emploi tbody td.postuler a {
  padding:0 0 0 17px;
  background: url(../img/puce_013.gif) no-repeat left 50%;
}

/************ OFFRES D'EMPLOI ***********/

div#slide6 h1.maintitle2 {
}

div.containeroffresemploi {
  background-color: white;
  width: 576px;
  height:415px;
  position:relative;
  float: left;
  overflow: hidden;
  left:10px;
  top:-442px;
  display: none;
  background: white url(../img/bg_accordion.gif) no-repeat left top;
}

.tipsregionsoffresemploi {
  cursor:pointer; 
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	background-color: #343434;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}