@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.onglet {
  width:114px;
}


/********** 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;
}