body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-image: url(fond_page.jpg);
background-repeat: no-repeat;
background-position: top;
}
a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- CENTRAGE --*/
#centrage {
width: 970px;
margin: auto;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- TOTAL --*/
#total {
position: relative;
float: left;
width: 970px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#header {
width: 927px;
height: 110px;
padding: 11px 0px 0px 43px;
background-image: url(fond_header.jpg);
background-repeat: no-repeat;
}
#header #banniereFlash {
position: absolute;
top: 0px;
left: 192px;
}
#header #agiReussir {
position: absolute;
top: 6px;
left: 900px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- RACCOURCIS --*/
#raccourcis {
display: none;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- RECHERCHE --*/
#recherche {
position: absolute;
top: 75px;
left: 800px;
padding-left: 16px;
line-height: 14px;
width: 145px;
background-image: url(puce_recherche.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#recherche label {
color: #FF6600;
}
#recherche input.saisie {
width: 115px;
border: 1px solid #1B64A0;
color: #87B2D5;
font-size: x-small;
vertical-align: middle;
}
#recherche input.bouton {
margin-left: 3px;
vertical-align: middle;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- MENU --*/
#menu {
position: absolute;
top: 89px;
left: 194px;
width: 609px;
height: 32px;
/*background-image: url(fond_menu.jpg);*/
background-repeat: no-repeat;
}
#menu ul li {
float: left;
}
#menu ul li.lienapprentissage a span,
#menu ul li.liencreerreprendre a span,
#menu ul li.liendevelopper a span {
display: none;
}
#menu ul li.lienapprentissage a,
#menu ul li.liencreerreprendre a,
#menu ul li.liendevelopper a {
display: block;
height: 32px;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lienapprentissage a:hover,
#menu ul li.liencreerreprendre a:hover,
#menu ul li.liendevelopper a:hover {
background-position: 0px -110px;
}
/*------  LIEN APPRENTISSAGE ET FORMATIONS  ------*/
#menu ul li.lienapprentissage a {
background-image: url(bout_apprentissage_01.gif);
width: 213px;
}
body.bodyapprentissage #menu ul li.lienapprentissage a {
background-image: url(bout_apprentissage_on.gif);
}
body.bodyapprentissage #menu ul li.lienapprentissage a:hover {
background-position: 0px -10px;
}
body.bodycreer #menu ul li.lienapprentissage a {
background-image: url(bout_apprentissage_03.gif);
}
/*------  LIEN CREER / REPRENDRE  ------*/
#menu ul li.liencreerreprendre a {
background-image: url(bout_creer_01.gif);
width: 151px;
}
body.bodyapprentissage #menu ul li.liencreerreprendre a {
background-image: url(bout_creer_02.gif);
}
body.bodycreer #menu ul li.liencreerreprendre a {
background-image: url(bout_creer_on.gif);
}
body.bodycreer #menu ul li.liencreerreprendre a:hover {
background-position: 0px -10px;
}
body.bodyservice #menu ul li.liencreerreprendre a {
background-image: url(bout_creer_04.gif);
}
/*------  LIEN DEVELOPPER VOTRE ENTREPRISE  ------*/
#menu ul li.liendevelopper a {
background-image: url(bout_developper_01.gif);
width: 219px;
}
body.bodycreer #menu ul li.liendevelopper a {
background-image: url(bout_developper_03.gif);
}
body.bodyservice #menu ul li.liendevelopper a {
background-image: url(bout_developper_on.gif);
}
body.bodyservice #menu ul li.liendevelopper a:hover {
background-position: 0px -10px;
}
/*-------------------------*/
/*-- NIVEAU 2 --*/
#menu ul li ul {
display: none;
}
#menu ul li.on ul,
body.bodyapprentissage #menu ul li.lienapprentissage ul,
body.bodycreer #menu ul li.liencreerreprendre ul,
body.bodyservice #menu ul li.liendevelopper ul {
display: block;
position: absolute;
top: 75px;
left: -194px;
width: 186px;
padding: 0px 0px 100px 8px;
background-repeat: no-repeat;
background-position: left bottom;
}
body.bodyapprentissage #menu ul li.on ul,
body.bodyapprentissage #menu ul li.lienapprentissage ul  {
background-image: url(fond_menu_gauche_apprentissage.jpg);
}
body.bodyapprentissage #menu ul li.lienapprentissage ul li a {
color: #0060AE;
text-decoration: none;
width: 162px;
height: auto;
padding: 0px 0px 10px 18px;
background-position: 0px -8px;
line-height: 16px;
background-image: url(puce_menu_apprentissage01.gif);
}
body.bodyapprentissage #menu ul li.lienapprentissage ul li a:hover,
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on a {
color: #FF3300;
background-position: 0px -108px;
}
/*----------------------------*/
/*----------------------------*/
body.bodycreer #menu ul li.on ul,
body.bodycreer #menu ul li.liencreerreprendre ul {
background-image: url(fond_menu_gauche_creer.jpg);
}
body.bodycreer #menu ul li.liencreerreprendre ul li a {
color: #88001E;
text-decoration: none;
width: 162px;
height: auto;
padding: 0px 0px 10px 18px;
background-position: 0px -8px;
line-height: 16px;
background-image: url(puce_menu_creer01.gif);
}
body.bodycreer #menu ul li.liencreerreprendre ul li a:hover,
body.bodycreer #menu ul li.liencreerreprendre ul li.on a {
color: #FF3300;
background-position: 0px -108px;
}
/*----------------------------*/
/*----------------------------*/
body.bodyservice #menu ul li.on ul,
body.bodyservice #menu ul li.liendevelopper ul {
background-image: url(fond_menu_gauche_developper.jpg);
}
body.bodyservice #menu ul li.liendevelopper ul li a {
color: #670D0D;
text-decoration: none;
width: 162px;
height: auto;
padding: 0px 0px 10px 18px;
background-position: 0px -8px;
line-height: 16px;
background-image: url(puce_menu_developper01.gif);
}
body.bodyservice #menu ul li.liendevelopper ul li a:hover,
body.bodyservice #menu ul li.liendevelopper ul li.on a {
color: #FF3300;
background-position: 0px -108px;
}
#menu ul li.on ul li,
#menu ul li ul li {
float: none;
font-weight: bold;
}
/*-------------------------*/
/*-- NIVEAU 3 --*/
#menu ul li.on ul li ul,
body.bodyapprentissage #menu ul li.lienapprentissage ul li ul,
body.bodycreer #menu ul li.liencreerreprendre ul li ul,
body.bodyservice #menu ul li.liendevelopper ul li ul {
display: none;
}
#menu ul li.on ul li.on ul,
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul,
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul,
body.bodyservice #menu ul li.liendevelopper ul li.on ul {
display: block;
position: relative;
top: 0px;
left: 0px;
width: 176px;
padding: 0px 0px 0px 18px;
margin: -5px 0px 8px 0px;
background-image: none;
}
/*----------------------------*/
/*----------------------------*/
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li a {
color: #08618D;
text-decoration: none;
width: 152px;
height: auto;
padding: 0px 0px 3px 13px;
background-position: 0px -6px;
line-height: 16px;
background-image: url(puce_menu_apprentissage02.gif);
}
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li a:hover,
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li.on a {
color: #CC0000;
background-position: 0px -106px;
}
/*----------------------------*/
/*----------------------------*/
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li a {
color: #660000;
text-decoration: none;
width: 152px;
height: auto;
padding: 0px 0px 3px 13px;
background-position: 0px -6px;
line-height: 16px;
background-image: url(puce_menu_creer02.gif);
}
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li a:hover,
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li.on a {
color: #CC0000;
background-position: 0px -106px;
}
/*----------------------------*/
/*----------------------------*/
body.bodyservice #menu ul li.liendevelopper ul li.on ul li a {
color: #660000;
text-decoration: none;
width: 152px;
height: auto;
padding: 0px 0px 3px 13px;
background-position: 0px -6px;
line-height: 16px;
background-image: url(puce_menu_developper02.gif);
}
body.bodyservice #menu ul li.liendevelopper ul li.on ul li a:hover,
body.bodyservice #menu ul li.liendevelopper ul li.on ul li.on a {
color: #CC0000;
background-position: 0px -106px;
}
#menu ul li.on ul li.on ul li {
float: none;
font-weight: normal;
}
/*-------------------------*/
/*-- NIVEAU 4 --*/
#menu ul li.on ul li.on ul li ul,
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li ul,
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li ul,
body.bodyservice #menu ul li.liendevelopper ul li.on ul li ul  {
display: none;
}
#menu ul li.on ul li.on ul li.on ul,
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li.on ul,
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li.on ul,
body.bodyservice #menu ul li.liendevelopper ul li.on ul li.on ul {
display: block;
position: relative;
top: 0px;
left: 0px;
width: 166px;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 0px;
background-image: none;
font-size: x-small;
}
/*----------------------------*/
/*----------------------------*/
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li.on ul li a {
color: #000033;
text-decoration: none;
width: 140px;
height: auto;
padding: 0px 0px 3px 7px;
background-position: 0px -6px;
line-height: 13px;
background-image: url(puce_menu_apprentissage03.gif);
}
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li.on ul li a:hover,
body.bodyapprentissage #menu ul li.lienapprentissage ul li.on ul li.on ul li.on a {
color: #CC0000;
background-position: 0px -106px;
}
/*----------------------------*/
/*----------------------------*/
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li.on ul li a {
color: #000033;
text-decoration: none;
width: 140px;
height: auto;
padding: 0px 0px 3px 7px;
background-position: 0px -6px;
line-height: 13px;
background-image: url(puce_menu_creer03.gif);
}
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li.on ul li a:hover,
body.bodycreer #menu ul li.liencreerreprendre ul li.on ul li.on ul li.on a {
color: #CC0000;
background-position: 0px -106px;
}
/*----------------------------*/
/*----------------------------*/
body.bodyservice #menu ul li.liendevelopper ul li.on ul li.on ul li a {
color: #000033;
text-decoration: none;
width: 140px;
height: auto;
padding: 0px 0px 3px 7px;
background-position: 0px -6px;
line-height: 13px;
background-image: url(puce_menu_developper03.gif);
}
body.bodyservice #menu ul li.liendevelopper ul li.on ul li.on ul li a:hover,
body.bodyservice #menu ul li.liendevelopper ul li.on ul li.on ul li.on a {
color: #CC0000;
background-position: 0px -106px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- CONTENT --*/
#content {
float: left;
width: 760px;
padding: 0px 0px 0px 210px;
background-repeat: no-repeat;
}
body.bodyapprentissage #content {
background-image: url(fond_haut_content_apprentissage.gif);
}
body.accueilapprentissage #content {
background-image: url(fond_haut_content_accueil_apprentissage.jpg);
}
body.bodycreer #content {
background-image: url(fond_haut_content_creer.gif);
}
body.accueilcreer #content {
background-image: url(fond_haut_content_accueil_creer.jpg);
}
body.bodyservice #content {
background-image: url(fond_haut_content_developper.gif);
}
body.accueildevelopper #content {
background-image: url(fond_haut_content_accueil_developper.jpg);
}
body.bodygenerique #content {
width: 940px;
padding: 0px 0px 0px 30px;
background-image: url(fond_haut_content_generique.gif);
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- FIL D'ARIANE --*/
#filariane {
width: 760px;
height: 18px;
margin-left:-15px;
padding: 10px 0px 11px 0px;
line-height: 14px;
font-size: x-small;
color: #FFFFFF;
}
body.bodygenerique #filariane {
width: 760px;
margin-left:0px;
padding: 10px 0px 11px 165px;
}
#filariane a {
color: #FFFFFF;
}
body.bodyservice #filariane,
body.bodyservice #filariane a {
color: #450304;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#inter {
float: left;
width: 500px;
padding: 0px 30px 30px 15px;
line-height: 18px;
text-align: justify;
}
body.bodygenerique #inter {
float: left;
width: 680px;
}
#inter h2,
#interpopup h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: normal;
text-align: left;
line-height: 26px;
padding: 3px 0px 0px 30px;
margin: 0px 0px 10px -15px;
background-repeat: no-repeat;
background-position: 0px -1px;
}
body.bodyapprentissage #inter h2 {
color: #0060AE;
background-image: url(puce_h2_apprentissage.gif);
}
body.bodycreer #inter h2 {
color: #910020;
background-image: url(puce_h2_creer.gif);
}
body.bodyservice #inter h2 {
color: #C69E24;
background-image: url(puce_h2_developper.gif);
}
body.bodygenerique #inter h2,
body.bodypopup #interpopup h2 {
color: #006361;
background-image: url(puce_h2_generique.gif);
}
#inter h3,
#interpopup h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
color: #FF6600;
text-align: left;
line-height: 20px;
padding: 0px 0px 0px 22px;
background-image: url(puce_h3.gif);
background-repeat: no-repeat;
}
#inter h4,
#interpopup h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: #469BE1;
}
#inter h5,
#interpopup h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #66CC33;
}
#inter h6,
#interpopup h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #631D70;
}
#inter p,
#interpopup p {
margin: 8px 0px 8px 0px;
padding:0;
}
#inter ul,
#interpopup ul {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 25px;
}
#inter ol,
#interpopup ol {
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
}
#inter ol li,
#interpopup ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
#inter ul li,
#interpopup ul li {
padding: 0px 0px 0px 12px;
background-image: url(puce_niveau1.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#inter ul li ul,
#interpopup ul li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}
#inter ul li ul li,
#interpopup ul li ul li {
padding: 0px 0px 0px 9px;
background-image: url(puce_niveau2.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
/*--  ACCUEIL DES RUBRIQUES  --*/
/*----------*/
/*----------*/
/*--  PAVE D'INTRO  --*/
body.accueilapprentissage #inter #accrocherub,
body.accueilcreer #inter #accrocherub,
body.accueildevelopper #inter #accrocherub {
height: 120px;
padding: 21px 0px 0px 10px;
margin-bottom: 20px;
overflow: hidden;
color: #FFFFFF;
font-size: x-large;
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 32px;
text-align: left;
background-repeat: no-repeat;
background-position: 5px 20px;
}
body.accueilapprentissage #inter #accrocherub p,
body.accueilcreer #inter #accrocherub p,
body.accueildevelopper #inter #accrocherub p {
background-repeat: no-repeat;
background-position: right bottom;
line-height: 32px;
padding: 0px 20px 0px 22px;
margin: 0px 0px 0px 0px;
}
body.accueilapprentissage #inter #accrocherub {
background-image: url(ouvre_guillement_apprentissage.gif);
width: 350px;
}
body.accueilapprentissage #inter #accrocherub p {
background-image: url(ferme_guillement_apprentissage.gif);
}
body.accueilcreer #inter #accrocherub {
background-image: url(ouvre_guillement_creer.gif);
width: 350px;
}
body.accueilcreer #inter #accrocherub p {
background-image: url(ferme_guillement_creer.gif);
}
body.accueildevelopper #inter #accrocherub {
background-image: url(ouvre_guillement_developper.gif);
width: 310px;
}
body.accueildevelopper #inter #accrocherub p {
background-image: url(ferme_guillement_developper.gif);
}
/*----------*/
/*----------*/
/*--  PAVES CONTENU  --*/
body.accueilapprentissage #inter div.paveaccueilrub,
body.accueilcreer #inter div.paveaccueilrub,
body.accueildevelopper #inter div.paveaccueilrub {
width: 490px;
padding: 1px 0px 0px 10px;
margin-bottom: 10px;
}
body.accueilapprentissage #inter div.paveaccueilrub p,
body.accueilcreer #inter div.paveaccueilrub p,
body.accueildevelopper #inter div.paveaccueilrub p {
width: 480px;
padding: 0px 0px 0px 0px;
}
body.accueilapprentissage #inter div.paveaccueilrub p.titrepave,
body.accueilcreer #inter div.paveaccueilrub p.titrepave,
body.accueildevelopper #inter div.paveaccueilrub p.titrepave {
font-size: medium;
font-weight: bold;
width: 454px;
padding: 5px 0px 0px 26px;
background-repeat: no-repeat;
}
body.accueilapprentissage #inter div.paveaccueilrub p.lienpaveaccueilrub,
body.accueilcreer #inter div.paveaccueilrub p.lienpaveaccueilrub,
body.accueildevelopper #inter div.paveaccueilrub p.lienpaveaccueilrub {
font-size: x-small;
width: 485px;
height: 18px;
text-align: right;
margin: 0px 0px 0px -10px;
padding: 2px 15px 0px 0px;
background-repeat: no-repeat;
}
/*-------------------------*/
body.accueilapprentissage #inter div.paveaccueilrub {
background-image: url(fond_pave_accueil_apprentissage.gif);
}
body.accueilapprentissage #inter div.paveaccueilrub p.titrepave {
color: #0060AE;
background-image: url(puce_titre_pave_accueil_apprentissage.gif);
}
body.accueilapprentissage #inter div.paveaccueilrub p.lienpaveaccueilrub {
color: #FFFFFF;
width: 485px;
background-image: url(fond_lien_bas_pave_accueil_apprentissage.gif);
}
body.accueilapprentissage #inter div.paveaccueilrub p.lienpaveaccueilrub a {
color: #FFFFFF;
}
/*-------------------------*/
body.accueilcreer #inter div.paveaccueilrub {
background-image: url(fond_pave_accueil_creer.gif);
}
body.accueilcreer #inter div.paveaccueilrub p.titrepave {
color: #910020;
background-image: url(puce_titre_pave_accueil_creer.gif);
}
body.accueilcreer #inter div.paveaccueilrub p.lienpaveaccueilrub {
color: #FFFFFF;
width: 485px;
background-image: url(fond_lien_bas_pave_accueil_creer.gif);
}
body.accueilcreer #inter div.paveaccueilrub p.lienpaveaccueilrub a {
color: #FFFFFF;
}
/*-------------------------*/
body.accueildevelopper #inter div.paveaccueilrub {
background-image: url(fond_pave_accueil_developper.gif);
}
body.accueildevelopper #inter div.paveaccueilrub p.titrepave {
color: #C69E24;
background-image: url(puce_titre_pave_accueil_developper.gif);
}
body.accueildevelopper #inter div.paveaccueilrub p.lienpaveaccueilrub {
color: #450304;
width: 485px;
background-image: url(fond_lien_bas_pave_accueil_developper.gif);
}
body.accueildevelopper #inter div.paveaccueilrub p.lienpaveaccueilrub a {
color: #450304;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- RIGHT --*/
#right {
float: right;
width: 205px;
}
#right p {
margin: 5px 0px 5px 0px;
padding: 0;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- FONCTION --*/
#contentfonctions {
width: 205px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom: 10px;
}
#fonctions {
width: 185px;
padding: 5px 10px 0px 10px;
background-image: url(fond_haut_zones_droite.gif);
background-repeat: no-repeat;
background-position: left top;
}
#fonctions ul li {
padding: 2px 0px 7px 17px;
line-height: 14px;
background-repeat: no-repeat;
}
#fonctions ul li.lienagenda {
background-image: url(puce_lien_agenda.gif);
background-position: 0px 1px;
}
#fonctions ul li.lienactus {
background-image: url(puce_lien_actus.gif);
background-position: 0px 3px;
}
#fonctions ul li.liennews {
background-image: url(puce_lien_news.gif);
background-position: 0px 5px;
}
#fonctions ul li.lienavis {
background-image: url(puce_lien_avis.gif);
}
#fonctions ul li.lienpublications {
background-image: url(puce_lien_publications.gif);
background-position: 0px 1px;
}
#fonctions ul li a {
line-height: 14px;
color: #034B4A;
font-weight: bold;
text-decoration: none;
}
#fonctions ul li:hover {
margin-left: 3px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- VOTRE CMA 17 --*/
#contentvotrecma {
display: none;
}
body.bodyaccueil #contentvotrecma,
body.accueilapprentissage #contentvotrecma,
body.accueilcreer #contentvotrecma,
body.accueildevelopper #contentvotrecma {
display: block;
width: 205px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom: 10px;
}
#votrecma {
width: 185px;
padding: 36px 10px 0px 10px;
background-image: url(fond_haut_votrecma.gif);
background-repeat: no-repeat;
background-position: left top;
}
#votrecma p.titrevotrecma {
display: none;
}
#votrecma ul {
padding: 0px 0px 4px 8px;
}
#votrecma ul li {
font-size: x-small;
padding: 2px 0px 2px 8px;
line-height: 12px;
background-image: url(puce_liens_votrecma.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
}
#votrecma ul li a {
color: #034B4A;
text-decoration: none;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- PUBLICITE --*/
#publicite img,
#publicite object,
#publicite p,
#publicite table,
#publicite div,
#publicite ul {
margin-bottom: 10px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- TOTEM --*/
#contenttotem {
width: 205px;
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom: 10px;
padding-bottom: 45px;
}
body.bodyapprentissage #contenttotem {
background-image: url(fond_bas_totem_context_apprentissage.jpg);
}
body.bodycreer #contenttotem {
background-image: url(fond_bas_totem_context_creer.jpg);
}
body.bodyservice #contenttotem {
background-image: url(fond_bas_totem_context_developper.jpg);
}
body.bodygenerique #contenttotem {
background-image: url(fond_bas_totem_context_generique.jpg);
}
#totem {
width: 185px;
padding: 5px 10px 0px 10px;
background-repeat: no-repeat;
background-position: left top;
font-size: x-small;
}
#totem ul {
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 10px;
}
#totem ul li {
margin: 0px 0px 0px 0px;
line-height: 12px;
padding: 0px 0px 0px 9px;
background-image: url(puce_totem.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#totem ul li ul {
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
body.bodyapprentissage #totem {
background-image: url(fond_haut_totem_context_apprentissage.jpg);
}
body.bodycreer #totem {
background-image: url(fond_haut_totem_context_creer.jpg);
}
body.bodyservice #totem {
background-image: url(fond_haut_totem_context_developper.jpg);
}
body.bodygenerique #totem {
background-image: url(fond_haut_totem_context_generique.jpg);
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- FOOTER --*/
#footer {
position: relative;
float: left;
width: 970px;
height: 80px;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: 0px 32px;
font-size: x-small;
color: #006361;
}
#footer a {
color: #006361;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer #coordonnees {
position: absolute;
top: 37px;
left: 90px;
}
#footer #coordonnees p.adresse,
#footer #coordonnees p.telfax {
float: left;
margin: 0;
padding: 0;
padding: 0px 8px 0px 8px;
border-left: 1px solid #99C1C0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer p.telfax {
border-right: 1px solid #99C1C0;
}
#footer ul {
float: right;
width: 560px;
text-align: right;
padding-right: 11px;
}
#footer ul li {
display: inline;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- HAUT DE LA PAGE --*/
#hautpage {
float: left;
padding: 0px 0px 25px 230px;
}
body.bodyaccueil #hautpage {
display: none;
}
body.bodygenerique #hautpage {
padding: 0px 0px 25px 60px;
}
#hautpage a {
padding: 0px 0px 12px 19px;
background-repeat: no-repeat;
background-position: 0px 1px;
line-height: 16px;
}
body.bodyapprentissage #hautpage a {
background-image: url(puce_haut_apprentissage.gif);
color: #0060AE;
}
body.bodycreer #hautpage a {
background-image: url(puce_haut_creer.gif);
color: #910020;
}
body.bodyservice #hautpage a {
background-image: url(puce_haut_developper.gif);
color: #C69E24;
}
body.bodygenerique #hautpage a {
background-image: url(puce_haut_generique.gif);
color: #006361;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- IMPRIMER LA PAGE --*/
#imprim {
float: right;
padding: 0px 250px 25px 0px;
}
body.bodyaccueil #imprim {
display: none;
}
#imprim a {
padding: 0px 0px 12px 19px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 16px;
}
body.bodyapprentissage #imprim a {
background-image: url(puce_imprim_apprentissage.gif);
color: #0060AE;
}
body.bodycreer #imprim a {
background-image: url(puce_imprim_creer.gif);
color: #910020;
}
body.bodyservice #imprim a {
background-image: url(puce_imprim_developper.gif);
color: #C69E24;
}
body.bodygenerique #imprim a {
background-image: url(puce_imprim_generique.gif);
color: #006361;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .bleuFonce, .coul01 {
color: #0060AE;
}
div.coul02, .bleu, .coul02 {
color: #469BE1;
}
div.coul03, .bordeaux, .coul03 {
color: #910020;
}
div.coul04, .rouge, .coul04 {
color: #CC0000;
}
div.coul05, .orange, .coul05 {
color: #FF6600;
}
div.coul06, .jaune, .coul06 {
color: #EBB200;
}
div.coul07, .vertFonce, .coul07 {
color: #006361;
}
div.coul08, .vert, .coul08 {
color: #66CC33;
}
div.coul09, .violet, .coul09 {
color: #631D70;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleueFoncee {
border: 1px solid #0060AE;
}
img.bord02, .bordureBleue {
border: 1px solid #469BE1;
}
img.bord03, .bordureBordeaux {
border: 1px solid #910020;
}
img.bord04, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord05, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord06, .bordureJaune {
border: 1px solid #EBB200;
}
img.bord07, .bordureVerteFoncee {
border: 1px solid #006361;
}
img.bord08, .bordureVerte {
border: 1px solid #66CC33;
}
img.bord09, .bordureViolete {
border: 1px solid #631D70;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
border: none;
}
.result th {
background-color: #016D70;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
border: none;
height: 22px;
}
.result th#a1 {
background-image: url(fond_gauche_titre_resultats_recherche.gif);
background-repeat: no-repeat;
}
.result th#a2 {
background-image: url(fond_droite_titre_resultats_recherche.gif);
background-repeat: no-repeat;
background-position: right top;
width: 200px;
}
.result td {
vertical-align: top;
padding: 5px;
border: none;
background-color: #FFFFFF;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #016D70;
 }
.result td.date {
font-size: x-small;
text-align: left;
 }
.result td.description {
border-bottom: 1px solid #CCCCCC;
padding: 0px 0px 10px 10px;
background-color: #F1F8F8;
 }
html div.prec {
float: left;
padding-left: 5px;
line-height: 12px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 7px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
line-height: 12px;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 15px 0px 0px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 42px 5px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #016D70;
padding: 3px;
vertical-align: top;
}
th {
background-color: #016D70;
color: #FFFFFF;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- PAGE D'ACCUEIL --*/
body.bodyaccueil #header {
height: 140px;
background-image: url(fond_header_accueil.jpg);
}
body.bodyaccueil #interaccueil {
margin-top: -30px;
padding: 0px 14px 0px 14px;
}
body.bodyaccueil #interaccueil h2 {
font-size: x-large;
font-weight: normal;
letter-spacing: 1px;
margin: 0;
padding: 0;
color: #910020;
text-align: center;
}
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- SANS PAVE EVENEMENTIEL --*/
body.bodyaccueil #interaccueil #accueilhaut01 {
height: 302px;
width: 932px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu {
margin: auto;
position: relative;
height: 302px;
width: 703px;
background-image: url(fond_zone_menu_accueil.jpg);
background-repeat: no-repeat;
background-position: 0px 8px;
text-align: left;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu {
position: absolute;
width: 703px;
top: 52px;
left: 10px;
background-image: none;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.lienapprentissage {
padding-right: 20px
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.liencreerreprendre {
padding-right: 67px
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.lienapprentissage a,
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.liencreerreprendre a,
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.liendevelopper a {
display: block;
height: 45px;
width: 195px;
background-position: 0px 0px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.lienapprentissage a:hover,
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.liencreerreprendre a:hover,
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.liendevelopper a:hover {
background-position: 0px -3px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.lienapprentissage a {
background-image: url(bout_apprentissage_accueil.gif);
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.liencreerreprendre a {
background-image: url(bout_creer_accueil.gif);
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #menu li.liendevelopper a {
background-image: url(bout_developper_accueil.gif);
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu {
width: 703px;
padding: 97px 0px 0px 10px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu p {
margin: 3px 0px 3px 0px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu p.accroche {
padding-left: 30px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenuapprentissage {
float: left;
width: 195px;
height: 177px;
overflow: hidden;
color: #FFFFFF;
padding-right: 20px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenuapprentissage p.accroche a {
color: #FFFFFF;
text-decoration: none;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenucreer {
float: left;
width: 195px;
height: 177px;
overflow: hidden;
color: #FFFFFF;
padding-right: 67px;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenucreer p.accroche a {
color: #FFFFFF;
text-decoration: none;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenudevelopper {
float: left;
width: 195px;
height: 177px;
overflow: hidden;
color: #460700;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenudevelopper p.accroche a {
color: #460700;
text-decoration: none;
}
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenuapprentissage p.accroche a:hover,
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenucreer p.accroche a:hover,
body.bodyaccueil #interaccueil #accueilhaut01 #zonemenu #basmenu #basmenudevelopper p.accroche a:hover {
text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- AVEC PAVE EVENEMENTIEL --*/
body.bodyaccueil #interaccueil #accueilhaut02 {
height: 302px;
width: 932px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu {
float: left;
position: relative;
height: 302px;
width: 703px;
background-image: url(fond_zone_menu_accueil.jpg);
background-repeat: no-repeat;
background-position: 0px 8px;
text-align: left;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu {
position: absolute;
width: 703px;
top: 52px;
left: 10px;
background-image: none;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.lienapprentissage {
padding-right: 20px
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.liencreerreprendre {
padding-right: 67px
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.lienapprentissage a,
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.liencreerreprendre a,
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.liendevelopper a {
display: block;
height: 45px;
width: 195px;
background-position: 0px 0px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.lienapprentissage a:hover,
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.liencreerreprendre a:hover,
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.liendevelopper a:hover {
background-position: 0px -3px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.lienapprentissage a {
background-image: url(bout_apprentissage_accueil.gif);
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.liencreerreprendre a {
background-image: url(bout_creer_accueil.gif);
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #menu li.liendevelopper a {
background-image: url(bout_developper_accueil.gif);
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu {
width: 703px;
padding: 97px 0px 0px 10px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu p {
margin: 3px 0px 3px 0px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu p.accroche {
padding-left: 30px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenuapprentissage {
float: left;
width: 195px;
height: 177px;
overflow: hidden;
color: #FFFFFF;
padding-right: 20px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenuapprentissage p.accroche a {
color: #FFFFFF;
text-decoration: none;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenucreer {
float: left;
width: 195px;
height: 177px;
overflow: hidden;
color: #FFFFFF;
padding-right: 67px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenucreer p.accroche a {
color: #FFFFFF;
text-decoration: none;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenudevelopper {
float: left;
width: 195px;
height: 177px;
overflow: hidden;
color: #460700;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenudevelopper p.accroche a {
color: #460700;
text-decoration: none;
}
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenuapprentissage p.accroche a:hover,
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenucreer p.accroche a:hover,
body.bodyaccueil #interaccueil #accueilhaut02 #zonemenu #basmenu #basmenudevelopper p.accroche a:hover {
text-decoration: underline;
}
body.bodyaccueil #interaccueil #accueilhaut02 #evenement {
float: right;
width: 205px;
}
body.bodyaccueil #interaccueil #accueilhaut02 #evenement #contenuevenement {
float: right;
width: 185px;
height: 267px;
padding: 25px 10px 0px 10px;
background-image: url(fond_zone_evenementielle_accueil.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
body.bodyaccueil #interaccueil #accueilhaut02 #evenement #contenuevenement p {
margin: 8px 0px 8px 0px;
padding: 0;
float: left;
clear: both;
}
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
body.bodyaccueil #interaccueil #accueilbas {
float: left;
width: 932px;
border-top: 1px solid #D8E682;
padding: 10px 0px 0px 0px;
}
body.bodyaccueil #interaccueil #accueilbas #contentactus {
float: left;
padding: 0px 45px 0px 10px;
background-image: url(fond_gauche_actus_accueil.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
body.bodyaccueil #interaccueil #accueilbas #actus {
float: left;
padding: 0px 10px 0px 5px;
width: 407px;
background-image: url(fond_droite_actus_accueil.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
body.bodyaccueil #interaccueil #accueilbas #actus h2 {
text-align: left;
font-size: large;
padding: 9px 0px 0px 30px;
margin-left: -5px;
background-image: url(puce_h2_creer.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodyaccueil #interaccueil #accueilbas #actus p {
font-size: x-small;
padding: 0;
margin: 5px 0px 5px 0px;
}
body.bodyaccueil #interaccueil #accueilbas #actus p.toutesactus {
background-image: url(puce_voir_actus.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 14px 20px;
}
body.bodyaccueil #interaccueil #accueilbas #actus p strong a,
body.bodyaccueil #interaccueil #accueilbas #actus p.toutesactus a {
color: #910020;
}
body.bodyaccueil #interaccueil #accueilbas #actus p span.dateActu {
color: #006361;
}
body.bodyaccueil #interaccueil #accueilbas #contentvotrecma {
float: right;
}
body.bodyaccueil #interaccueil #accueilbas #votrecma {
float: right;
}
body.bodyaccueil #interaccueil #accueilbas #publicite {
float: right;
}
body.bodyaccueil #interaccueil #accueilbas #publicite img,
body.bodyaccueil #interaccueil #accueilbas #publicite object,
body.bodyaccueil #interaccueil #accueilbas #publicite p,
body.bodyaccueil #interaccueil #accueilbas #publicite table,
body.bodyaccueil #interaccueil #accueilbas #publicite div,
body.bodyaccueil #interaccueil #accueilbas #publicite ul {
margin-left: 45px;
}
body.bodyaccueil #footer {
height: 58px;
background-position: 0px 10px;
}
body.bodyaccueil #footer #coordonnees {
position: absolute;
top: 15px;
left: 90px;
}
body.bodyaccueil #footer ul {
padding: 19px 11px 0px 0px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- LISTE DES ACTUALITES --*/
body.bodygenerique #inter .actuLigne {
margin-bottom: 15px;
padding-bottom: 10px;
clear: both;
float: left;
width: 680px;
border-bottom: 1px solid #E0ECEC;
}
body.bodygenerique #inter .actuLigne strong a {
color: #910020;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- AGENDA --*/
#oCalendar {
float: left;
padding-right: 20px;
}
#oCalendar table {
width: 180px;
}
#oCalendar table th {
text-align: center;
height: 22px;
}
#oCalendar table td.days {
font-weight: bold;
color: #469BE1;
}
#oCalendar table td.week {
font-weight: bold;
color: #006361;
}
#oCalendar table td.monthOff {
color: #CCCCCC;
}
#calendar {
float: right;
width: 470px;
}
#calendar th {
height: 22px;
}
#calendar td.month {
border: none;
font-weight: bold;
font-size: medium;
color: #FF6600;
}
#calendar td.date {
font-weight: bold;
background-color: #006361;
color: #FFFFFF;
}
#calendar td.time {
font-size: x-small;
}
#calendar td.location {
color: #FF6600;
font-weight: bold;
}
#calendar td.event .title {
color: #FF6600;
font-weight: bold;
display: block;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- PLAN DU SITE --*/
#plandusite {
padding-left: 30px;
}
#plandusite a {
text-decoration: none;
}
#plandusite h3 {
margin: 0px 0px 0px 0px;
padding: 9px 0px 0px 30px;
}
#plandusite h3.planapprentissage {
color: #0060AE;
background-image: url(puce_h2_apprentissage.gif);
}
#plandusite h3.planapprentissage a {
color: #0060AE;
}
#plandusite ul.listeplanapprentissage li a {
color: #0060AE;
}
#plandusite ul.listeplanapprentissage li ul li a {
color: #08618D;
}
#plandusite ul.listeplanapprentissage li ul li ul li a {
color: #000033;
}
#plandusite h3.plancreerreprendre {
color: #910020;
background-image: url(puce_h2_creer.gif);
}
#plandusite h3.plancreerreprendre a {
color: #910020;
}
#plandusite ul.listeplancreerreprendre li a {
color: #88001E;
}
#plandusite ul.listeplancreerreprendre li ul li a {
color: #660000;
}
#plandusite ul.listeplancreerreprendre li ul li ul li a {
color: #000033;
}
#plandusite h3.plandevelopper {
color: #C69E24;
background-image: url(puce_h2_developper.gif);
}
#plandusite h3.plandevelopper a {
color: #C69E24;
}
#plandusite ul.listeplandevelopper li a {
color: #670D0D;
}
#plandusite ul.listeplandevelopper li ul li a {
color: #660000;
}
#plandusite ul.listeplandevelopper li ul li ul li a {
color: #000033;
}
#plandusite ul {
padding: 0px 10px 0px 40px;
}
#plandusite ul li {
font-weight: bold;
}
#plandusite ul li ul li {
font-weight: normal;
}
#plandusite ul a:hover {
text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- TROMBINOSCOPE --*/
#inter div.blocktrombi01 {
float: left;
width: 490px;
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 190px;
}
#inter div.blocktrombi01 p.president {
float: left;
text-align: left;
width: 300px;
padding: 5px 0px 5px 5px;
margin: 0px 0px 0px 0px;
background-color: #F4E6E8;
}
#inter div.blocktrombi02 {
float: left;
width: 680px;
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 0px;
border-top: 1px solid #006361;
}
#inter div.blocktrombi02 p.elu {
float: left;
text-align: left;
width: 210px;
height: 120px;
overflow: hidden;
font-size: x-small;
line-height: 16px;
padding: 5px 0px 5px 5px;
margin: 5px 11px 0px 0px;
background-color: #EDF7F7;
}
#inter div.blocktrombi03 {
float: left;
width: 567px;
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 113px;
border-top: 1px solid #006361;
}
#inter div.blocktrombi03 p.elu {
float: left;
text-align: left;
width: 210px;
height: 120px;
overflow: hidden;
font-size: x-small;
line-height: 16px;
padding: 5px 0px 0px 5px;
margin: 5px 11px 0px 0px;
background-color: #EDF7F7;
}
#inter div.blocktrombi04 {
float: left;
width: 450px;
margin: 5px 0px 0px 0px;
padding: 5px 0px 0px 230px;
}
#inter div.blocktrombi04 p.elu {
float: left;
text-align: left;
width: 210px;
height: 120px;
overflow: hidden;
font-size: x-small;
line-height: 16px;
padding: 5px 0px 5px 5px;
margin: 5px 11px 0px 0px;
background-color: #EDF7F7;
}
#inter div.blocktrombi05 {
float: left;
width: 567px;
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 113px;
border-top: 1px solid #006361;
}
#inter div.blocktrombi05 p.elu {
float: left;
text-align: left;
width: 210px;
height: 120px;
overflow: hidden;
font-size: x-small;
line-height: 16px;
padding: 5px 0px 5px 5px;
margin: 11px 11px 0px 0px;
background-color: #EDF7F7;
}
#inter p.president img,
p.elu img {
float: left;
margin-right: 10px;
}
p.elu img {
width: 67px;
height: 100px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- POP UP --*/
body.bodypopup {
background-image: url(fond_page_pop_up.jpg);
background-repeat: no-repeat;
background-position: top;
}
body.bodypopup #centrage,
body.bodypopup #total {
width: 750px;
}
body.bodypopup #headerpopup {
width: 703px;
height: 95px;
padding: 5px 0px 0px 47px;
background-image: url(fond_header_pop_up.jpg);
background-repeat: no-repeat;
}
body.bodypopup #interpopup {
width: 700px;
padding: 10px 20px 20px 30px;
line-height: 18px;
text-align: justify;
}
body.bodypopup #footerpopup {
font-size: x-small;
}
body.bodypopup #footerpopup a {
text-decoration: none;
}
body.bodypopup #footerpopup #hautpagepop {
float: left;
padding: 0px 0px 25px 40px;
}
body.bodypopup #footerpopup #hautpagepop a {
padding: 0px 0px 12px 19px;
color: #006361;
background-image: url(puce_haut_generique.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
line-height: 16px;
}
body.bodypopup #footerpopup #imprim {
float: right;
padding: 0px 35px 25px 0px;
}
body.bodypopup #footerpopup #imprim a {
padding: 0px 0px 12px 19px;
color: #006361;
background-image: url(puce_imprim_generique.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 16px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}