body {

font-size:12px;

color:#333;

padding:10px;

}

ul li {

list-style-type:none;

margin-left:10px;

}

/*** Onglets */

div#onglet {}

div#onglet ul#menu_onglet {


  background-repeat:no-repeat;
  height:26px;

list-style-type: none;

margin: 0px 0px;

padding: 0px;

}

/*** Listes des onglet */

div#onglet ul#menu_onglet li {

display: inline;
font-family:arial,sans serif,helvetica,verdana;
font-size:13px;
font-weight:bold;
color:#ff7800;
text-decoration:none;

}

div#onglet ul#menu_onglet li {

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;



padding: 4px 12px 2px 12px;

}

div#onglet ul#menu_onglet li:hover {

border-bottom: 1px solid #fff;

cursor:pointer;

}

/*** Contenu des onglet */

div#onglet div#page {

padding: 20px;

width:100px;

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;

border-bottom: 0px solid #ccc;

}


/*** Onglets */

div#onglets {width:176px;}

div#onglets ul#menu_onglets {

/*background-image:url(../pictures/pack.gif);
  background-repeat:no-repeat;
  height:17px;*/

list-style-type: none;

margin: 0px 0px;

padding: 0px;


}

/*** Listes des onglets */

div#onglets ul#menu_onglets li {

display: inline;
font-family:arial,sans serif,helvetica,verdana;
font-size:13px;
font-weight:bold;
color:#ff7800;
text-decoration:none;

}

div#onglets ul#menu_onglets li {

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;



padding: 4px 17px 2px 12px;

}

div#onglets ul#menu_onglets li:hover {

border-bottom: 1px solid #fff;

cursor:pointer;

}

/*** Contenu des onglets */

div#onglets div#pages {

background: url(../pictures/sms_mailing_marketing_direct.jpg) bottom left no-repeat;
width: 176px;
height:223px;
padding-left:5px;
padding-right:5px;
}



/*** Onglets */

div#ongletss {}

div#ongletss ul#menu_ongletss {

background-image:url(../pictures/pack.gif);
  background-repeat:no-repeat;
  height:17px;

list-style-type: none;

margin: 0px 0px;

padding: 0px;

}

/*** Listes des ongletss */

div#ongletss ul#menu_ongletss li {

display: inline;
font-family:arial,sans serif,helvetica,verdana;
font-size:13px;
font-weight:bold;
color:#ff7800;
text-decoration:none;

}

div#ongletss ul#menu_ongletss li {

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;



padding: 0px 2px 2px 2px;

}

div#ongletss ul#menu_ongletss li:hover {

border-bottom: 1px solid #fff;

cursor:pointer;

}

/*** Contenu des ongletss */

div#ongletss div#pages {

background: url(../pictures/packs.gif) bottom left no-repeat;
padding-bottom: 205px;
}

div#ongletss div#page {

background: url(../pictures/sms_mailing_marketing_direct.jpg) bottom left no-repeat;
width: 176px;
height:223px;
padding-left:5px;
padding-right:5px;
}


div#cadre {			/* conteneur global et arrière-plan du titre du cadre */
width: 177px;
padding-top: 17px;
background: url(../pictures/pack.gif) top left no-repeat;
}
div#bloccadre {			/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../pictures/packs.gif) bottom left no-repeat;
padding-bottom: 17px;
}




















/*** intranet */

div#onglet3 {}

div#onglet3 ul#menu_onglet3 {

/*background-image:url(../pictures/intranet_progiciels_extranet.jpg);
  background-repeat:no-repeat;
  height:17px;*/

list-style-type: none;

margin: 0px 0px;

padding: 0px;

}

/*** Listes des onglet3 */

div#onglet3 ul#menu_onglet3 li {

display: inline;
font-family:arial,sans serif,helvetica,verdana;
font-size:13px;
font-weight:bold;
color:#ff7800;
text-decoration:none;

}

div#onglet3 ul#menu_onglet3 li {

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;



padding: 0px 2px 2px 12px;

}

div#onglet3 ul#menu_onglet3 li:hover {

border-bottom: 1px solid #fff;

cursor:pointer;

}

/*** Contenu des onglet3 */



div#onglet3 div#page3 {
background: url(../pictures/intranet_extranet_progiciel.jpg) top left no-repeat;
width: 302px;
height:190px;
text-align:center;
}


div#cadre {			/* conteneur global et arrière-plan du titre du cadre */
width: 302px;
padding-top: 17px;
background: url(../pictures/intranet_extranet_progiciel.jpg) top left no-repeat;
}
div#bloccadre {			/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../pictures/intranet2.gif) bottom left no-repeat;
padding-bottom: 18px;
}






















/*** communication */

div#onglet4 {}

div#onglet4 ul#menu_onglet4 {

/*background-image:url(../pictures/communication.jpg);
  background-repeat:no-repeat;
  height:18px;*/

list-style-type: none;

margin: 0px 0px;

padding: 0px;

}

/*** Listes des onglet4 */

div#onglet4 ul#menu_onglet4 li {

display: inline;
font-family:arial,sans serif,helvetica,verdana;
font-size:13px;
font-weight:bold;
color:#ff7800;
text-decoration:none;

}

div#onglet4 ul#menu_onglet4 li {

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;



padding: 0px 0px 0px 0px;

}

div#onglet4 ul#menu_onglet4 li:hover {

border-bottom: 1px solid #fff;

cursor:pointer;

}

/*** Contenu des onglet4 */

div#onglet4 div#pages {

background: url(../pictures/conseil_communication_operationnel.jpg) bottom left no-repeat;
padding-bottom: 186px;
}

div#onglet4 div#page4 {
background: url(../pictures/conseil_communication_operationnel.jpg) bottom left no-repeat;
width: 302px;
height:190px;
text-align:center;
}
























/*** webdesign */

div#onglet5 {}

div#onglet5 ul#menu_onglet5 {

/*background-image:url(../pictures/webdesign.gif);
  background-repeat:no-repeat;
  height:18px;*/

list-style-type: none;

margin: 0px 0px;

padding: 0px;

}

/*** Listes des onglet5 */

div#onglet5 ul#menu_onglet5 li {

display: inline;
font-family:arial,sans serif,helvetica,verdana;
font-size:13px;
font-weight:bold;
color:#ff7800;
text-decoration:none;

}

div#onglet5 ul#menu_onglet5 li {

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;



padding: 10px 4px 2px 2px;

}

div#onglet5 ul#menu_onglet5 li:hover {

border-bottom: 1px solid #fff;

cursor:pointer;

}

/*** Contenu des onglet5 */

div#onglet5 div#pages {

background: url(../pictures/webdesign2.gif) bottom left no-repeat;
padding-bottom: 186px;
}

div#onglet5 div#page5 {
background: url(../pictures/webdesign_branding.jpg) bottom left no-repeat;
width: 302px;
height:190px;
text-align:center;
}


div#cadre {			/* conteneur global et arrière-plan du titre du cadre */
width: 302px;
padding-top: 18px;
background: url(../pictures/webdesign.gif) top left no-repeat;
}
div#bloccadre {			/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../pictures/webdesign2.gif) bottom left no-repeat;
padding-bottom: 18px;
}



/*** Listes des onglet6 */

div#onglet6 ul#menu_onglet6 li {

display: inline;
font-family:arial,sans serif,helvetica,verdana;
font-size:13px;
font-weight:bold;
color:#ff7800;
text-decoration:none;

}

div#onglet6 ul#menu_onglet6 li {

border-top: 0px solid #ccc;

border-left: 0px solid #ccc;

border-right: 0px solid #ccc;



padding: 0px 0px 0px 0px;

}

div#onglet6 ul#menu_onglet6 li:hover {

border-bottom: 1px solid #fff;

cursor:pointer;

}

/*** Contenu des onglet6 */

div#onglet6 div#pages {

background: url(../pictures/communication2.gif) bottom left no-repeat;
padding-bottom: 186px;
}

div#onglet6 div#page6 {

background: url(../pictures/communication2.gif) bottom left no-repeat;
width: 300px;
height:186px;
}