body {
  background: #004b99 url('../images/fond.gif') repeat-x;
  font-family: Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0;
  color: #4b4b4d;
  font-size: 12px;
  text-align: center;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
div, img, ul, form, table { margin: 0; padding: 0; border: 0; }
img { display: block; }
ul { list-style-type: none; }
p { margin: 0; margin-top: 14px; padding: 0; border: 0; }
h1 , h2 , h3, h4, dl, dt, dd { margin: 0; padding: 0; }
h1 span, h2 span, h3 span, h4 span { visibility: hidden; font-size: 1%; }

div#page {
  background: #fff url('../images/degrade.gif') repeat-y;
  margin: 0 auto;
  text-align: left;
  width: 995px;
}

.cl { clear: both; }

div#bordure { background: url('../images/bordure.gif') no-repeat; padding: 0 18px 0 17px; }

/* Bannière */
#bandeau { height: 48px; }

#logo { float: left; background: url('../images/logo.gif') no-repeat 40px 2px; width: 354px; height: 48px; }
#logo a { display: block; position: absolute; margin: 2px 0 0 40px; width: 314px; height: 108px; }
#logo a:hover { text-decoration: none; }

#bord-marron { float: left; background: #781c30; margin: 37px 0 0 65px; line-height: 11px; width: 300px; height: 11px; }

/* Langues */
#langues { float: right; margin-top: 4px; padding-right: 8px; font-size: 10px; }
#langues li { text-align: right; width: 68px; }
#langues a { display: block; color: #0071b9; height: 13px; }
#langues a:hover, #langues a.on { background: #0071b9; color: #fff; text-decoration: none; }

#flash { width: 960px; height: 285px; }

/* Menu */
#menu { position: relative; margin-top: 1px; font-size: 11px; height: 29px; }

#niveau1 .niveau1-li { float: left; width: 120px; }
#niveau1 .menu7 { width: 240px; }

#niveau1 .niveau1-li .niveau1-a {
  display : block;
  background: url('../images/menu.gif') repeat-x;
  border-right: 1px solid #fff;
  padding: 7px 0 8px 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

#niveau1 .niveau1-li .niveau1-a:hover, #niveau1 .niveau1-li .niveau1-a.on {
  background: url('../images/menu-hover.gif') repeat-x; text-decoration: none; 
}

.niveau2 {
  display: block;
  position: absolute; 
  border-bottom: 1px solid #fff; 
  font-size: 12px; 
  visibility: hidden;
  z-index: 100;
  width:210px;
 
}



#niveau2-6 { margin-left: 5px; }
#niveau2-7 { margin-left: 65px; }

.niveau2 li { border-top: 1px solid #fff; }

.niveau2 li a {
  display: block; 
  background: #e8e7e8;
  border-left: 7px solid #e8e7e8;
  padding: 3px 20px 2px 13px;
  color: #004e9c;
  text-align: left;
  text-decoration: none;
  height: 16px;
}

.niveau2 li a:hover { background: #004e9c; border-left: 7px solid #fdc600; color: #fff; text-decoration: none; }
/* Fin Menu */

/* Focus */
#focus { float: left; border-top: 1px solid #fff; width: 719px; }
#focus1 { float: left; width: 360px; }
#blanc { background: #fff; }
#focus h2 { background: #0063be; color: #fff; font-weight: normal; height: 50px; }

#focus h2 span {
  display: block;
  background: url('../images/h2.gif') no-repeat 0 11px;
  margin-left: 24px;
  padding: 9px 0 0 16px;
  font-size: 14px;
  visibility: visible;
  width: 305px;
  height: 28px;
}

#focus img { float: right; }
#focus p { margin: 7px 0 0 40px; font-size: 11px; width: 205px; }
#focus .focus-link { background: url('../images/fleche.gif') no-repeat 0 2px; margin: 7px 0 0 39px; padding-left: 19px; }
.focus-link a { color: #fdc600; }
#focus2 { float: right; width: 359px; }

#tags_cloud { float: right; width: 240px; height: 187px; }

/* Bandeaux */
#bandeau_page { float: left; width: 719px; height: 141px; }

#little_tags_cloud { float: right; /*background: url('../images/little_tags_cloud.gif') no-repeat;*/ width: 240px; height: 141px; }

/* Contenu */
/* Accueil | Cap Ingelec | Notre société */
#content { background: url('../images/ombre.gif') repeat-y; margin: 1px 0 0 24px; padding-bottom: 25px; width: 936px; }

#contenu { float: left; margin-right: 25px; width: 671px; }

#contenu #chemin { margin-top: 9px; color: #82878c; font-size: 10px; text-align: right; }
#chemin a { color: #82878c; }
#chemin span { color: #781c30; }

#contenu p { text-align: justify; }

.intro { border-left: 7px solid #fdc600; margin-left: 65px; padding-left: 12px; }

.article { margin: 15px 0 25px 12px; }
.article-bis { margin: 15px 0 25px 0; }
.article-tert { margin: 15px 0 0 12px; }
.article img, .article-bis img, .article-tert img { float: left; }

#contenu .article h3, #contenu .article-bis h3, #contenu .article-tert h3 {
  border-left: 5px solid #781c30; 
  margin: 0; 
  padding-left: 8px; 
  color: #0071b9; 
  font-family: Lucida Sans; 
  font-size: 14px; 
  font-weight: normal; 
  line-height: 90%;
}

#contenu .article h3, #contenu .article-tert h3 { margin-left: 73px; }
#contenu .article-bis h3 { margin-left: 85px; }

.article p, .article-bis p, .article-tert p { margin: 0; }
.article p { margin: 10px 0 0 73px; }
.article-tert p { margin: 7px 0 0 73px; }
.article-bis p { margin: 10px 0 0 85px; }

#contenu h2 { margin-top: 4px; color: #0071b9; font-family: georgia; font-size: 24px; font-weight: normal; }

#implantations { margin: 25px 0 0 85px; }
.implantation { float: left; margin: 15px 13px 15px 0; width: 280px; }

.implantation h4 {
  border-left: 5px solid #781c30;
  margin-bottom: 7px; 
  padding-left: 8px; 
  color: #0071b9; 
  font-size: 14px; 
  font-weight: normal; 
  line-height: 90%;
}

.plan { background: url('../images/fleche.gif') no-repeat 0 2px; padding-left: 19px; font-size: 11px; }
.plan a { color: #fdc600; }

/* Accueil | Cap Ingelec | Notre métier */
.liste { margin-left: 20px; }
.bleu { border-left: 7px solid #0071b9; margin: 5px 0 0 73px; padding-left: 8px; line-height: 80%; }
.rouge { border-left: 7px solid #61132d; margin: 5px 0 0 73px; padding-left: 8px; line-height: 80%; }
.jaune { border-left: 7px solid #fdc600; margin: 5px 0 0 73px; padding-left: 8px; line-height: 80%; }

/* Accueil | Nos activités */
.activites { float: left; margin: 11px 11px 0 0; width: 216px; height: 77px; }
.dernierbloc { margin-right: 0; }
.activites dt { float: left; }
.activites dd { float: left; background: url('../images/activites/degrade.gif') repeat-x; width: 141px; height: 77px; }
.activites dd:hover { background: url('../images/activites/degrade-hover.gif') repeat-x; }

#contenu .activites h3 {
  background: url('../images/activites/fleche.gif') no-repeat 0 7px;
  margin: 0;
  padding: 8px 0 0 22px;
  color: #fff;
  font-family: Lucida Sans;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  width: 90px;
}

#contenu .activites dd:hover h3 { background: url('../images/activites/fleche-hover.gif') no-repeat 0 7px; }

.activites p { float: right; margin-right: 10px; }
.activites a { clear: both; color: #fdc600; }

.slogan { background: #e5e5e5 url('../images/activites/angle.gif') no-repeat top left; width: 216px; height: 77px; }
.slogan h4 { margin: 6px 0 0 17px; color: #004e9c; font-size: 13px; }
.slogan h4 span { font-size: 13px; text-transform: uppercase; visibility: visible; }

/* Accueil | Nos activités | Datacenter */
.margintop10 { margin-top: 10px; }
.paddingbottom25 { padding-bottom: 25px; }

.art-links { margin-left: 115px; }
.art-links-bis { margin: 15px 0 0 40px; }
.art-link { margin-top: 3px; height: 16px; }
.art-link-g { float: left; background: url('../images/art-link-g.gif') no-repeat; width: 29px; height: 16px; }
p.art-link-m { float: left; background: url('../images/art-link-m.gif') repeat-x; margin: 0; height: 16px; }
#droite p.art-link-m { width: 45px; }
p.art-link-m a { color: #fff; }
.art-link-d { float: left; background: url('../images/art-link-d.gif') no-repeat; width: 5px; height: 16px; }

/* Accueil | Nos références | Datacenter */
.paddingbottom10 { padding-bottom: 10px; }
.sep, .sep2 { border-top: 1px solid #ccc; font-size: 1px; width: 587px; }
.sep { margin: 20px 0 0 84px; }
.sep2 { margin: 10px 0 0 84px; }

/* Accueil | Recrutement */
#contenu h3 { margin-top: 25px; color: #781c30; font-family: georgia; font-size: 22px; font-weight: normal; }

.offres { border-bottom: 1px solid #ccc; margin: 15px 0 0 84px; padding-bottom: 15px; width: 587px; }

.offres h4 {
  border-left: 5px solid #781c30; 
  padding-left: 8px; 
  color: #0071b9; 
  font-size: 14px; 
  font-weight: normal; 
  line-height: 90%;
  text-transform: uppercase;
}

.offres .lieu { margin: 5px 0 0 13px; }

/* Accueil | Presse  | Les articles de presse */
.italic { font-style: italic; }
.article-bis p.complement, .article-tert p.complement { margin-top: 5px; color: #868c91; }

.article-bis p.italic { margin-left: 84px; }
.article-tert p.italic { margin-left: 73px; }

.paddingbottom5 { padding-bottom: 5px; }

/* Accueil | Presse  | Journal d'information */
.recherche { border-bottom: 1px solid #ccc; margin: 15px 0 0 84px; padding-bottom: 15px; width: 587px; }

/* Accueil | Contacts  | Demande d'informations */
#contact, #recrutement { margin: 25px 0 0 84px; }

#contact,
#recrutement,
#contact td,
#recrutement td,
#champ-submit,
#recrutement-champ-submit,
#champ-submit td,
#recrutement-champ-submit td { 
  font-size: 11px; 
}

#contact td { width: 115px; }
#recrutement td { width: 300px; }
#contact input, #recrutement input, #contact textarea, #recrutement textarea { width: 285px; }
#contact textarea, #recrutement textarea { height: 100px; }
#champ-submit { margin-left: 280px; }
#recrutement-champ-submit { margin-left: 445px; }

/* Colonne de droite */
/* Colonne de droite - Accueil | Cap Ingelec | Notre société */
#droite { float: right; width: 240px; }
#bord-jaune { background: #fdc600; line-height: 11px; width: 240px; height: 11px; }
.droite-int { margin-left: 24px; }
#top100 { margin-top: 14px; }
#droite p { font-size: 11px; width: 205px; }
#droite p span { color: #0063be; font-size: 20px; }

#droite h3.h3droite {
  background: url('../images/col_droite.gif') repeat-x;
  margin-top: 25px;
  color: #fff;
  text-transform: uppercase;
  width: 215px;
  height: 29px;
}

#droite h3.h3droite span {
  display: block;
  background: url('../images/fleche_droite.gif') no-repeat 0 7px;
  padding: 8px 0 0 25px; 
  font-size: 13px;
  visibility: visible;
}

#droite h2 { margin-top: 25px; color: #781c30; font-family: georgia; font-size: 24px; font-weight: normal; }

#carte { margin-left: 5px; }

/* Colonne de droite - Accueil | Cap Ingelec | Notre métier */
#droite #savoirfaire { color: #0071b9; font-size: 12px; font-weight: bold; }
#droite #savoirfaire span { font-size: 12px; }
.marginleft10 { margin-left: 10px; }
.marginleft20 { margin-left: 20px; }
.marginleft50 { margin-left: 50px; }
.marginlefth3 { margin-left: 65px; }

/* Colonne de droite - Accueil | Nos activités */
.faits-marquants { margin: 15px 0; }

.faits-marquants h4 {
  border-left: 5px solid #fdc600;
  padding-left: 11px;
  color: #004e9c;
  font-size: 14px;
  font-weight: normal;
  line-height: 90%;
  width: 160px;
}

.faits-marquants img { float: right; margin: 15px 0 0 1px; }
#droite .faits-marquants p { margin-left: 15px; width: 141px; }

#droite p.faits-marquants-link {
  background: url('../images/fleche.gif') no-repeat 0 2px; margin: 7px 0 0 39px; padding-left: 19px;
}

.faits-marquants-link a { color: #fdc600; }

/* Colonne de droite - Accueil | Nos activités | Datacenter */
.h3bleu { background: url('../images/degrade-bleu.gif') repeat-x; }
.h3rouge { background: url('../images/degrade-rouge.gif') repeat-x; }
.h3rouge-bis { background: url('../images/degrade-rouge-bis.gif') repeat-x; }
.h3bleu, .h3rouge, .h3rouge-bis { margin-top: 25px; width: 216px; }
.h3bleu, .h3rouge { height: 44px; }
.h3rouge-bis { height: 60px; }

.h3bleu h3 { background: url('../images/fleche-bleue.gif') no-repeat 0 7px; }
.h3rouge h3, .h3rouge-bis h3 { background: url('../images/fleche-rouge.gif') no-repeat 0 7px; }
.h3bleu h3, .h3rouge h3, .h3rouge-bis h3 { padding: 8px 0 0 23px; font-size: 13px; text-transform: uppercase; }
.h3bleu h3 a, .h3rouge h3 a, .h3rouge-bis h3 a { color: #fff; }

/* Colonne de droite - Accueil | Recrutement */
.uppercase { text-transform: uppercase; }
.red { color: #781c30; }
.droite-link { background: url('../images/fleche.gif') no-repeat 0 2px; padding-left: 19px; }
.droite-link a { color: #fdc600; }

/* Colonne de droite - Accueil | Presse  | Les articles de presse */
.consult-mag { position: relative; }
#droite .consult-mag p { position: absolute; margin: 70px 0 0 25px; font-size: 12px; width: 177px; }
.consult-mag p a { color: #fff; }

/* Colonne de droite - Accueil | Presse  | Journal d'information */
.champs { margin-top: 15px; font-size: 11px; }
.champs input { width: 135px; }
#droite .champs .response p {width: 135px; }
.envoyer { font-size: 11px; }
.envoyer .italic { font-size: 10px; }

/* Footer */
#jaune { background: #fdc600; width: 960px; height: 20px; }
#marron { background: #781c30; margin-top: 1px; width: 960px; height: 23px; }
#marron ul { padding: 5px 8px 0 0; color: #fff; font-size: 10px; text-align: right; }
#marron li { display: inline; }
#marron a { color: #fff; }

/* Updates */
p .img-gauche { float: left; padding: 0 15px 10px 0; }
p .img-droite { float: right; padding: 0 0 10px 15px; }

.response { color: #ff0000; font-weight: bold; }
.response p { margin: 0; }