body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
background-image: url(fond_hachures.gif);
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333A4C;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- GLOBAL ---*/
#global {
margin: 0;
padding: 0px 0px 226px 0px;
background-image: url(fond_footer.jpg);
background-repeat: no-repeat;
background-position: bottom;
float: left;
width: 100%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT HEADER ---*/
body.bodyaccueil #contentHeader {
height: 443px;
background-image: url(haut_accueil.jpg);
}
#contentHeader {
width: 100%;
height: 293px;
background-image: url(haut_inter.jpg);
background-repeat: no-repeat;
background-position: top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#headerAccueil {
position: relative;
width: 960px;
margin: auto;
height: 423px;
padding: 20px 0px 0px 20px;
background-image: url(fond_header_accueil.jpg);
background-repeat: no-repeat;
}
#header {
position: relative;
width: 960px;
margin: auto;
height: 273px;
padding: 20px 0px 0px 20px;
background-image: url(fond_header.jpg);
background-repeat: no-repeat;
}
#headerAccueil img,
#header img {
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 0px;
left: 774px;
font-size: x-small;
color: #001E31;
padding: 4px 0px 0px 3px;
width: 135px;
background-image: url(fond_recherche.jpg);
background-repeat: no-repeat;
}
#recherche label {
display: block;
padding: 0px 0px 2px 25px;
}
#recherche input.saisie {
font-size: x-small;
color: #6699CC;
border: none;
background-color: transparent;
vertical-align: middle;
width: 95px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
line-height: 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
position: absolute;
top: 62px;
left: 765px;
color: #001E31;
font-size: x-small;
}
#raccourcis ul li {
float: left;
padding: 0px 3px 0px 0px;
}
#raccourcis ul li a {
display: block;
width: 45px;
padding: 32px 0px 0px 0px;
text-decoration: none;
text-align: center;
color: #001E31;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche {
display: none;
}
#raccourcis ul li.racaide a {
height: 46px;
background-image: url(bout_aide.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#raccourcis ul li.racaide a:hover {
background-position: 0px -130px;
color: #CC0000;
height: 56px;
padding: 22px 0px 0px 0px;
}
#raccourcis ul li.racplan {
margin: 10px 0px 0px 0px;
}
#raccourcis ul li.racplan a {
height: 36px;
background-image: url(bout_plan.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#raccourcis ul li.racplan a:hover {
background-position: 0px -110px;
color: #CC0000;
height: 46px;
padding: 22px 0px 0px 0px;
}
#raccourcis ul li.raccontact {
margin: 20px 0px 0px 0px;
}
#raccourcis ul li.raccontact a {
height: 26px;
background-image: url(bout_contact.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#raccourcis ul li.raccontact a:hover {
background-position: 0px -100px;
color: #CC0000;
height: 36px;
padding: 22px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ANIM ---*/
#header #anim {
width: 950px;
height: 110px;
margin: 0px 0px 0px -4px;
}
#headerAccueil #animAccueil {
width: 950px;
height: 260px;
margin: 0px 0px 0px -4px;
}
#header img {
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
margin: -3px 0px 0px 0px;
padding: 0px 0px 0px 47px;
}
#menu a {
text-decoration: none;
}
/*--  MENU PREMIER NIVEAU  --*/
#menu ul li {
float: left;
padding: 0px 3px 0px 0px;
font-size: medium;
}
#menu ul li a {
display: block;
width: 80px;
height: 48px;
padding: 75px 15px 0px 5px;
background-repeat: no-repeat;
line-height: 14px;
color: #FFFFFF;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lienaccueil {
padding: 0px 10px 0px 0px;
margin: 50px 0px 0px 0px;
}
#menu ul li.lienaccueil a {
width: 45px;
height: 73px;
padding: 0px 0px 0px 0px;
background-image: url(bout_accueil.gif);
}
#menu ul li.lienaccueil a:hover,
body.bodyaccueil #menu ul li.lienaccueil a {
background-position: 0px -150px;
}
#menu ul li.lienaccueil a span {
display: none;
}
#menu ul li.lien01 a {
background-image: url(bout_qui.gif);
height: 62px;
padding: 61px 15px 0px 5px;
}
#menu ul li.lien01 a:hover,
#menu ul li.lien01_on a,
body.body01 #menu ul li.lien01 a {
background-position: 0px -190px;
color: #4B2600;
font-weight: bold;
height: 102px;
padding: 21px 15px 0px 5px;
}
#menu ul li.lien02 a {
background-image: url(bout_services.gif);
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a,
body.body02 #menu ul li.lien02 a {
background-position: 0px -190px;
color: #003366;
font-weight: bold;
height: 88px;
padding: 35px 15px 0px 5px;
}
#menu ul li.lien03 a {
background-image: url(bout_demarche.gif);
}
#menu ul li.lien03 a:hover ,
#menu ul li.lien03_on a,
body.body03 #menu ul li.lien03 a {
background-position: 0px -190px;
color: #4A0F6C;
font-weight: bold;
height: 88px;
padding: 35px 15px 0px 5px;
}
#menu ul li.lien04 a {
background-image: url(bout_solution.gif);
}
#menu ul li.lien04 a:hover,
#menu ul li.lien04_on a,
body.body04 #menu ul li.lien04 a {
background-position: 0px -190px;
color: #164200;
font-weight: bold;
height: 88px;
padding: 35px 15px 0px 5px;
}
#menu ul li.lien05 a {
background-image: url(bout_references.gif);
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05_on a,
body.body05 #menu ul li.lien05 a {
background-position: 0px -190px;
color: #FFB6B6;
font-weight: bold;
height: 88px;
padding: 35px 15px 0px 5px;
}
/*--  MENU SECOND NIVEAU  --*/
#menu ul li ul {
display: none;
}
#menu ul li.on ul,
body.body01 #menu ul li.lien01 ul,
body.body02 #menu ul li.lien02 ul,
body.body03 #menu ul li.lien03 ul,
body.body04 #menu ul li.lien04 ul,
body.body05 #menu ul li.lien05 ul {
display: block;
position: absolute;
top: 325px;
left: 45px;
z-index: 999999;
}
#menu ul li.on ul li,
body.body01 #menu ul li.lien01 ul li,
body.body02 #menu ul li.lien02 ul li,
body.body03 #menu ul li.lien03 ul li,
body.body04 #menu ul li.lien04 ul li,
body.body05 #menu ul li.lien05 ul li {
float: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: small;
background-repeat: no-repeat;
background-position: right bottom;
}
#menu ul li.on ul li a,
body.body01 #menu ul li.lien01 ul li a,
body.body02 #menu ul li.lien02 ul li a,
body.body03 #menu ul li.lien03 ul li a,
body.body04 #menu ul li.lien04 ul li a,
body.body05 #menu ul li.lien05 ul li a  {
display: block;
width: 183px;
height: auto;
padding: 0px 0px 3px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 18px;
color: #333A4C;
}
#menu ul li.on ul li a:hover {
display: block;
width: 183px;
height: auto;
padding: 0px 0px 3px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 18px;
color: #333A4C;
}
#menu ul li.lien01_on ul li,
body.body01 #menu ul li.lien01 ul li {
background-image: url(lisere_menu_orange.gif);
color: #663300;
}
#menu ul li.lien01_on ul li a,
body.body01 #menu ul li.lien01 ul li a {
background-image: url(puce_menu_orange.gif);
color: #663300;
font-weight: normal;
}
#menu ul li.lien01_on ul li a:hover,
body.body01 #menu ul li.lien01 ul li a:hover  {
color: #330000;
font-weight: bold;
}
#menu ul li.lien02_on ul li,
body.body02 #menu ul li.lien02 ul li {
background-image: url(lisere_menu_bleu_clair.gif);
color: #006699;
}
#menu ul li.lien02_on ul li a,
body.body02 #menu ul li.lien02 ul li a {
background-image: url(puce_menu_bleue_claire.gif);
color: #006699;
font-weight: normal;
}
#menu ul li.lien02_on ul li a:hover,
body.body02 #menu ul li.lien02 ul li a:hover  {
color: #003366;
font-weight: bold;
}
#menu ul li.lien03_on ul li,
body.body03 #menu ul li.lien03 ul li {
background-image: url(lisere_menu_violet.gif);
color: #330066;
}
#menu ul li.lien03_on ul li a,
body.body03 #menu ul li.lien03 ul li a {
background-image: url(puce_menu_violete.gif);
color: #330066;
font-weight: normal;
}
#menu ul li.lien03_on ul li a:hover,
body.body03 #menu ul li.lien03 ul li a:hover {
color: #330033;
font-weight: bold;
}
#menu ul li.lien04_on ul li,
body.body04 #menu ul li.lien04 ul li {
background-image: url(lisere_menu_vert.gif);
color: #336600;
}
#menu ul li.lien04_on ul li a,
body.body04 #menu ul li.lien04 ul li a  {
background-image: url(puce_menu_verte.gif);
color: #336600;
font-weight: normal;
}
#menu ul li.lien04_on ul li a:hover,
body.body04 #menu ul li.lien04 ul li a:hover  {
color: #003300;
font-weight: bold;
}
#menu ul li.lien05_on ul li,
body.body05 #menu ul li.lien05 ul li {
background-image: url(lisere_menu_rouge.gif);
color: #660000;
}
#menu ul li.lien05_on ul li a,
body.body05 #menu ul li.lien05 ul li a {
background-image: url(puce_menu_rouge.gif);
color: #660000;
font-weight: normal;
}
#menu ul li.lien05_on ul li a:hover,
body.body05 #menu ul li.lien05 ul li a:hover  {
color: #330000;
font-weight:bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
float: left;
width: 930px;
padding: 0px 25px 0px 25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content,
body.bodygenerique #content {
float: left;
width: 930px;
padding: 0px 0px 20px 0px;
margin: -32px 0px 0px 0px;
}
#content {
float: left;
position: relative;
width: 705px;
padding: 0px 0px 20px 225px;
margin: -32px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
font-size: x-small;
width: 260px;
height: 18px;
color: #006188;
padding: 15px 0px 0px 225px;
text-align: right;
}
body.bodygenerique #filariane {
width: 480px;
}
#filariane a {
color: #006188;
}
body.bodyaccueil #filariane {
display: none;
}
body.bodyExtranet #filariane {
width: 460px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ACCUEIL ---*/
#interAccueil {
float: left;
width: 695px;
padding: 0px 20px 10px 15px;
}
#interAccueil #accueilGauche {
float: left;
width: 370px;
padding: 0px 0px 0px 0px;
}
#interAccueil #accueilGauche h2 {
font-size: xx-large;
font-weight: normal;
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 0px;
color: #006188;
}
#interAccueil #accueilGauche p {
margin: 6px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#interAccueil #accueilDroit {
float: right;
width: 305px;
padding: 15px 0px 0px 0px;
}
/*-----------------------------*/
/*--- ACTUALITES ---*/
#actus {
float: right;
width: 283px;
height: 200px;
padding: 10px 10px 10px 10px;
overflow: hidden;
background-image: url(fond_actus.gif);
background-repeat: no-repeat;
font-size: x-small;
}
#actus h3 {
color: #FF3300;
font-size: x-large;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#actus p.actuSolo {
float: left;
clear: both;
width: 100%;
height: 110px;
overflow: hidden;
margin: 10px 0px 0px 0px;
padding:  0px 0px 10px 0px;
border-bottom: 1px solid #A5C8D5;
line-height: 16px;
}
.actuLigne {
float: left;
clear: both;
width: 100%;
margin: 10px 0px 10px 0px;
padding:  0px 0px 10px 0px;
border-bottom: 1px solid #A5C8D5;
}
#actus p img,
#inter .actuLigne img {
float: right;
border: 1px solid #a5c8d5;
margin: 0px 0px 0px 5px;
}
#actus p strong a,
.actuLigne strong a {
color: #FF3300;
text-decoration: none;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline;
}
#actus p.toutesactus,
#actus p.rss {
float: left;
clear: none;
font-size: x-small;
margin: 5px 0px 0px 0px;
border: none
}
#actus p.toutesactus {
width: 91px;
padding: 4px 60px 6px 10px;
}
#actus p.rss {
width: 71px;
padding: 4px 30px 6px 20px;
}
#actus p.toutesactus a,
#actus p.rss a {
display: block;
text-decoration: none;
color: #FF3300;
background-repeat: no-repeat;
padding: 4px 0px 6px 30px;
line-height: 10px;
}
#actus p.toutesactus a {
background-image: url(puce_toutes_actus.gif);
}
#actus p.rss a {
background-image: url(puce_rss.gif);
}
#actus p.toutesactus a:hover,
#actus p.rss a:hover {
text-decoration: underline;
}
/*-----------------------------*/
/*--- BAS DROIT ---*/
#basDroit {
float: right;
width: 303px;
height: 100px;
padding: 20px 0px 0px 0px;
font-size: x-small;
}
#basDroit #paveServicesPub {
float: left;
width: 173px;
height: 94px;
padding: 6px 10px 0px 135px;
margin: 0px 0px 0px -15px;
font-size: x-small;
background-image: url(fond_zone_service_pub_accueil.jpg);
background-repeat: no-repeat;
}
#basDroit #paveServicesPub p {
margin: 0px 0px 0px 0px;
color: #660000;
font-size: medium;
}
#basDroit #paveSondage {
float: left;
width: 166px;
height: 94px;
padding: 6px 10px 0px 10px;
font-size: x-small;
background-image: url(fond_pave_sondage.gif);
background-repeat: no-repeat;
color: #660000;
}
#basDroit #paveSondage h4 {
width: 56px;
height: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(titre_sondage.gif);
background-repeat: no-repeat;
}
#basDroit #paveSondage h4 span {
display: none;
}
#basDroit #paveSondage p {
margin: 0px 0px 0px 0px;
padding:  5px 0px 3px 0px;
}
#basDroit #paveSondage p.participSond,
#basDroit #paveSondage p.resultSond {
float: left;
width: 83px;
color: #FF3300
}
#basDroit #paveSondage p.participSond a,
#basDroit #paveSondage p.resultSond a {
text-decoration: none;
color: #FF3300
}
#basDroit #paveSondage p.participSond a:hover,
#basDroit #paveSondage p.resultSond a:hover {
text-decoration: underline;
}
#basDroit #paveBlog {
float: left;
width: 96px;
height: 100px;
padding: 0px 0px 0px 21px;
font-size: x-small;
}
#basDroit #paveBlog h4 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#basDroit #paveBlog h4 a {
display: block;
width: 96px;
height: 100px;
background-image: url(fond_pave_blog.gif);
background-repeat: no-repeat;
}
#basDroit #paveBlog h4 a span,
#basDroit #paveBlog p {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 470px;
padding: 29px 20px 10px 15px;
line-height: 18px;
}
body.bodygenerique #inter,
body.bodyExtranet #inter {
float: left;
width: 670px;
padding: 29px 20px 10px 35px;
line-height: 18px;
}
#inter h2 {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
position: absolute;
top: -2px;
left: 0px;
height: 65px;
background-repeat: no-repeat;
}
#inter h2.titreQui {
background-image: url(titre_qui_sommes_nous.gif);
width: 420px;
}
#inter h2.titreServices {
background-image: url(titre_nos_services.gif);
width: 275px;
}
#inter h2.titreDemarche {
background-image: url(titre_demarche.gif);
width: 345px;
}
#inter h2.titreSolution {
background-image: url(titre_solution.gif);
width: 290px;
}
#inter h2.titreReferences {
background-image: url(titre_references.gif);
width: 330px;
}
#inter h2.titreAide {
background-image: url(titre_aide.gif);
width: 435px;
}
#inter h2.titreMentions {
background-image: url(titre_mentions_legales.gif);
width: 355px;
}
#inter h2.titreCredits {
background-image: url(titre_credits.gif);
width: 140px;
}
#inter h2.titreContact {
background-image: url(titre_contact.gif);
width: 155px;
}
#inter h2.titrePlan {
background-image: url(titre_plan.gif);
width: 255px;
}
#inter h2.titreActus {
background-image: url(titre_actualites.gif);
width: 200px;
}
#inter h2.titreResultats {
background-image: url(titre_resultats_recherche.gif);
width: 490px;
}
#inter h2.titreNews {
background-image: url(titre_newsletter.gif);
width: 220px;
}
#inter h2.titreExtranet {
background-image: url(titre_extranet.gif);
width: 160px;
}
#inter h2.titreRecrut {
background-image: url(titre_recrutement.gif);
width: 240px;
}
#inter h2 span {
display: none;
}
#inter h3,
#inter h3 a {
font-size: x-large;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: #FF6600;
font-weight: normal;
line-height: 1em;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0;
color: #006699;
}
#inter p {
margin: 10px 0px 10px 0px;
}
#inter p.exergue {
font-family: "Times New Roman", Times, serif;
font-size: x-large;
font-style: italic;
margin: 20px 0px 20px 0px;
padding: 0px 20px 0px 20px;
line-height: 26px;
}
#inter ul {
margin: 10px 0px 10px 20px;
}
#inter ul li {
padding-left: 15px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#inter ul li ul {
margin: 0px 0px 0px 10px;
}
#inter ul li ul li {
padding-left: 8px;
background-image: url(puce_liste2.gif);
background-position: 0px 8px;
}
/*----------------------------------------------------------------------------*/
/*--  FORMULAIRE PLEINE PAGE  --*/
body.bodygenerique form div.entry label {
float:left;
width:200px;
font-weight: bold;
}
body.bodygenerique form div.entry input, body.bodygenerique form div.entry textarea, body.bodygenerique form div.entry select {
width:340px;
}
body.bodygenerique form div.submit {
padding-top: 20px;
margin-left: 20px;
clear: both;
border: none;
}
body.bodygenerique form div.entry div input {
width:15px;
border: none;
}
body.bodygenerique form div.entry div label {
 width:80px;
}
body.bodygenerique form div.submit input {
width:80px;
margin: 0px 4px 0px 180px;
background-color: #597FBF;
border: 1px solid #333A4C;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
}
body.bodygenerique .footer {
padding: 0px 0px 10px 200px;
}
/*----------------------------------------------------------------------------*/
/*--  MISE EN FORME REFERENCES  --*/
p.refweb {
float: left;
clear: both;
width: 100%;
border-bottom: 1px solid #c7d3dc;
padding: 0px 0px 10px 0px;
margin:  0px 0px 10px 0px;
}
p.refweb img {
float: right;
border: 1px solid #c7d3dc;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECRUTEMENT ---*/
.offreRecrut {
padding: 10px 10px 0px 10px;
margin:  0px 0px 20px 0px;
border: 1px solid #7db1d9;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyaccueil #right {
margin: 0px 0px 0px 0px;
}
#right {
float: right;
width: 200px;
padding: 15px 0px 0px 0px;
margin: -32px 0px 0px 0px;
font-size: x-small;
line-height: 14px;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 8px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem #contentotem  {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#totem #contentotem p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DERNIERE REALISATION  ---*/
#derniererea {
width: 180px;
height: 85px;
background-image: url(fond_pave_derniere_reference.gif);
background-repeat: no-repeat;
margin: 0px 0px 20px 0px;
padding: 10px 10px 5px 10px;
color: #FFFFFF;
}
#derniererea a {
color: #330000;
}
#derniererea h4 {
width: 163px;
height: 11px;
background-image: url(titre_derniere_rea.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#derniererea h4 span {
display: none;
}
#derniererea p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER  ---*/
#inscritnews {
width: 185px;
height: 85px;
background-image: url(fond_pave_newsletter.gif);
background-repeat: no-repeat;
margin: 0px 0px 20px 0px;
padding: 10px 5px 5px 10px;
color: #FFFFFF;
}
#inscritnews h4 {
width: 64px;
height: 11px;
background-image: url(titre_pave_newsletter.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inscritnews h4 span {
display: none;
}
#inscritnews p {
margin: 5px 0px 5px 0px;
}
#inscritnews form {
padding: 6px 0px 0px 0px;
}
#inscritnews label {
color: #003366;
}
#inscritnews input.saisie {
font-size: x-small;
color: #6699CC;
background-color: transparent;
border: none;
vertical-align: middle;
width: 88px;
}
#inscritnews input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- REJOIGNEZ-NOUS  ---*/
#recrut {
width: 185px;
height: 82px;
background-image: url(fond_pave_bleu.gif);
background-repeat: no-repeat;
margin: 0px 0px 20px 0px;
padding: 13px 5px 5px 10px;
color: #FFFFFF;
}
#recrut h4 {
width: 192px;
height: 54px;
display: block;
background-image: url(titre_rejoignez_nous.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px -7px;
padding: 0px 0px 0px 0px;
}
#recrut h4 span {
display: none;
}
#recrut p {
margin: 5px 0px 5px 0px;
}
#recrut a {
display: block;
color: #FFFFFF;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DECOUVREZ ANAN6 ---*/
#decouvranan {
width: 120px;
height: 85px;
background-image: url(fond_pave_decrouvr_anan6.gif);
background-repeat: no-repeat;
margin: 0px 0px 20px 0px;
padding: 10px 70px 5px 10px;
color: #FFFFFF;
font-size: small;
}
#decouvranan a {
color: #FFFFFF;
text-decoration: none;
}
#decouvranan a:hover {
text-decoration: underline;
}
#decouvranan h4 {
width: 108px;
height: 31px;
background-image: url(titre_decouvrez_anan6.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px -4px;
padding: 0px 0px 0px 0px;
}
#decouvranan h4 a {
display: block;
width: 108px;
height: 31px;
}
#decouvranan h4 span {
display: none;
}
#decouvranan p {
margin: 10px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT FOOTER ---*/
#contentFooter {
width: 100%;
float: left;
margin: 0px 0px -40px 0px;
padding: 0px 0px 20px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
width: 980px;
margin: auto;
font-size: x-small;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
}
#footer a {
color: #FFFFFF;
}
#footer a {
text-decoration: none;
}
#footer ul {
clear: both;
float: left;
padding: 28px 25px 0px 55px;
width: 900px;
}
#footer ul li {
display: inline;
}
#footer ul li.lienGroupe {
padding: 0px 330px 0px 15px;
background-image: url(sphere_com6_footer.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 280px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding: 7px 0px 5px 30px;
color: #006188;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 200px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
background-image: url(puce_imprimer_page.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding: 7px 0px 5px 30px;
color: #006188;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleuClair, .coul02 {
color: #33CCFF;
}
div.coul03, .bleu, .coul03 {
color: #006699;
}
div.coul04, .violet, .coul04 {
color: #663399;
}
div.coul05, .orange, .coul05 {
color: #FF6600;
}
div.coul06, .vert, .coul06 {
color: #669900;
}
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02 .bordureBleueClaire {
border: 1px solid #33CCFF;
}
img.bord03, .bordureBleue {
border: 1px solid #006699;
}
img.bord04, .bordureViolete {
border: 1px solid #663399;
}
img.bord05, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord06, .bordureVerte {
border: 1px solid #669900;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #597FBF;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #597FBF;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #597FBF;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #006699;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #6699CC;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--ORGANIGRAMME DE L'AGENCE--*/
div.orgaAgence {
text-align: center;
background-image: url(fond_orga_agence.gif);
background-repeat: no-repeat;
background-position: top;
width: 470px;
padding: 110px 0px 0px 0px;
}
table.orgaAgence {
border: none;
}
table.orgaAgence th {
background-color: #FFFFFF;
color: #FFFFFF;
background-image: url(fond_th_orga_agence.gif);
background-repeat: no-repeat;
height: 60px;
vertical-align: middle;
border: none;
width: 105px;
padding: 0px 5px 0px 5px;
}
table.orgaAgence td {
border: none;
width: 75px;
height: 60px;
vertical-align: middle;
text-align: center;
padding: 10px 15px 0px 15px;
background-image: url(fond_td_orga_agence.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
table.orgaAgence td.vide {
background-image: none;
}
/*--ORGANIGRAMME SUPPORT ET MAINTENANCE--*/
table.orgaSup {
border: none;
}
table.orgaSup th {
background-color: #FFFFFF;
color: #03415B;
font-size: large;
background-image: url(fond_th_orga_support.gif);
background-repeat: no-repeat;
background-position: top;
border: none;
width: 200px;
height: 100px;
padding: 15px 135px 0px 135px;
}
table.orgaSup td {
border: none;
background-repeat: no-repeat;
}
table.orgaSup td.titreSite {
background-image: url(fond_td_titre_sur_site.gif);
background-position: left top;
color: #FFFFFF;
font-size: medium;
font-weight: bold;
text-align: center;
height: 48px;
width: 200px;
padding: 22px 35px 0px 0px;
}
table.orgaSup td.titreLocal {
background-image: url(fond_td_titre_equipe_localisee.gif);
background-position: right top;
color: #FFFFFF;
font-size: medium;
font-weight: bold;
text-align: center;
height: 48px;
width: 200px;
padding: 22px 0px 0px 35px;
}
table.orgaSup td.surSite {
background-image: url(fond_td_sur_site.gif);
background-position: 10px bottom;
width: 175px;
height: 110px;
padding: 25px 45px 0px 15px;
}
table.orgaSup td.equipeLocal {
background-image: url(fond_td_equipe_localisee.gif);
width: 175px;
height: 110px;
padding: 25px 8px 0px 52px;
background-position: 48px bottom;
}
#inter table.orgaSup td.surSite p,
#inter table.orgaSup td.equipeLocal p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter table.orgaSup td.surSite ul,
#inter table.orgaSup td.equipeLocal ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
}
table.orgaSup td.vide {
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}