body{ background:url(images/bg.gif) top left repeat-x #fff; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#696969;}
* {margin:0; padding:0; border:0}
h1 {color: #1B4F8B; font-size:18px; font-family: Tahoma, Verdana, Arial, sans-serif; }
h2 {font-size : 16px; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;margin: 0 0 5px 0}
h3 {font-size : 14px; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;}
h4 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:16pt; color:#1B4F8B;font-weight:normal;border:0; padding:0; margin:8px 0 5px 0; letter-spacing:-1px;}
h5 {color: #1B4F8B; font-size:10px; font-family: Tahoma, Verdana, Arial, sans-serif; }


dl {display: block; clear: both; width: 95%}
dl dt {color: #666; font-weight:bold; padding-left: 25px; background:url(images/puce-lienHaut.gif) 0 2px no-repeat; margin-bottom: 10px}
dl dd {padding-left: 25px; margin-left: 50px; padding-bottom: 3px;}
    
dl.dlmaintenance dd {background:url(images/fleche2verte.gif) 0 2px no-repeat; }
dl.dlformation dd {background:url(images/fleche2rouge.gif) 0 2px no-repeat; }
dl.dlingenierie dd {background:url(images/fleche2jaune.gif) 0 2px no-repeat; }
dl.dlmanagement dd {background:url(images/fleche2bleu.gif) 0 2px no-repeat; }
.dlmanagement dd.logoReference, .dlingenierie dd.logoReference, .dlformation dd.logoReference, .dlmaintenance dd.logoReference {background-image : none; margin:0; width: 140px; float:left; margin-top: 5px}
dl dd.descriptionReference {float: left; width: 260px; float: left; margin-left:0; margin-top: 5px}

dl.adresses dd {margin-left: 5px}
.titreref{color: #666; font-weight:bold; }
.titre{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12pt; color:#1B4F8B;font-weight:normal;border:0; padding:0; margin:8px 0 5px 0;}
.bloq {display: block; float: left}
.inline {display:inline}
.floatright {display: block; float: right}
.blanc {background : #ffffff}
.bleu {color : #1B4F8B}
.gris {color: #acacac}
.vertmaintenance {color: #8DBF26}
.rougeformation {color: #ca2306}
.jauneingenierie {color: #f4b800}
.bleumanagement {color: #1f8adb}
.margintop10 {margin-top: 10px}
.margintop20 {margin-top: 20px}
.margintop30 {margin-top: 30px}
.marginbottom20 {margin-bottom: 20px }
img.margind {margin-right: 10px; display: block; float: left}

a {color: #a9a9a9;}
a:hover {color: #1B4F8B}
a.liensuite { font-size: 11px; color: #1B4F8B; text-decoration: none; background:url(images/puce-suite.gif) 2px no-repeat; padding: 0 5px 0 16px;}
a.liensuite:hover {color: #FAAE2A; background:url(images/puce-suitehover.gif) 2px no-repeat;}
a.lienHaut { font-size: 11px; color: #a9a9a9; text-decoration: none; background:url(images/puce-lienHaut.gif) 0 2px no-repeat; line-height: 18px; padding: 0 0 5px 18px}
a.lienHaut:hover {color: #1B4F8B}


ul.offres{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
/*ul.offres li{background-image: url(images/puce-suite.gif); background-repeat: no-repeat; background-position: 0 .3em; padding:0; padding-left: 15px; border:0; font-size : 18px; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;margin: 0 0 5px 0}*/
ul.offres li{margin:0 0 10px 20px;list-style-type: none;background-image: url(images/fleche2bleu.gif);background-repeat: no-repeat; background-position: 0 .3em;padding-left: 15px;font-weight:normal;font-size : 12px;}
ul.offres li a{color: #1B4F8B;font-weight:bold;font-size : 11px;}
ul.offres li a:hover {color: #a9a9a9;font-weight:bold;}

input {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#696969; border: 1px solid #ccc;margin-bottom:2px}
.button {background:url(images/bg-btn.gif) top left repeat-x #2088D8; color: #fff; border: 1px solid #666; height: 18px}

.baselineTitres {font-size: 17px; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; color: #acacac}
.baselineRubriquebig {font-size : 21px; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;}
.baselineRubriquesmall {font-size : 17px; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;}
.paragrafItalic {font-style: italic; line-height: 20px; font-size: 13px; margin: 20px 0 30px 0; color: #999; width: 95%}

#global {width: 795px; margin: 10px auto;}
#arronditop {width: 795px; height: 15px; background:url(images/top.gif) top left no-repeat transparent}
#headerLogo {width: 795px; height: 78px; background:url(images/filet-header.gif) bottom left repeat-x #fff; float: left; padding-top: 10px }
#logo {height: 41px; margin: 0 0 0 40px; width: 195px; float: left}
.baseline  {display: block; float: left; font-size :13px; margin: 12px 0 0 15px;}
#blocLienshaut {float: right; width: 120px;}
#headerFlashHome {float: left; width: 795px; height: 196px;}
#footer {width: 795px; background:url(images/filet-header.gif) top left repeat-x; float: left; text-align:center; padding-top: 14px; margin-top: 15px}

.contentHome {/*padding: 10px 15px;*/ background-color:#FFF; width: 795px; clear:both; float:left; border: 1px solid #f1f1f1; border-top:0; border-bottom:0}
.filAriane {margin-bottom: 20px;}
.accroches {margin-top :30px}
.objectifs {color: #aaa; display: block; margin-top: 40px; float: left; line-height: 20px}
.objectifs span {font-size: 13px}
.barreVisuels, .barreVisuelsv {margin: 5px 0 15px 0}
.barreVisuelsv {width: 150px}
.barreVisuelsv img {margin-bottom: 15px}
.barreVisuels img {padding: 1px}
.logosReferences {width: 200px; margin: 15px auto 30px auto; text-align:center }

/* ## home ## */
.partgaucheHome {width: 60%; float: left;  margin: 10px 0 0 20px } 
.partdroiteHome {width: 255px; float: right; margin: 35px 20px 0 0}

.polescompetences {width: 450px;}
.polescompetences ul {margin:0 0 0 140px; padding:0}
.polescompetences ul li {font-family:Arial, Helvetica, sans-serif; font-size: 16px; margin:0; padding:0; list-style-type:none; background:url(images/fleche1.gif) 0 5px no-repeat; padding-left: 24px; line-height: 25px}

.accesSecteurs {width: 480px; height: 200px; float: left; margin: 45px 0 0 15px}

.inscriptionNewsletter {float: left; width: 257px; height: 85px; background:url(images/bg-encartNewsletter.gif) top left no-repeat; margin-top: 20px }
.inscriptionNewsletter p {float: right;margin: 55px 20px 0 0; }

#blocActus {width: 255px; float: right}
#blocActus h1 {color: #1B4F8B; font-size:16px; font-family: Tahoma, Verdana, Arial, sans-serif; border-bottom: 1px dotted #ccc; width: 100%; padding-bottom:10px}
#blocActus h2 {color: #1B4F8B; font-weight: bold; font-size: 11px}
.detailActuHome { border-bottom: 1px dotted #ccc; width: 100%; float:left; padding: 10px 0 15px 0}
.detailActuHome p {margin:0}
.detailActuHome p.datelieu {margin: 3px 0 8px 0; color: #1B4F8B }

/*Archives actualités */
.detailActu1 {width:55%;   float:left; padding: 10px 0 15px 0}
.detailActu2 {width:100%; border-bottom: 1px dotted #ccc; float:left; padding: 10px 0 }
.detailActu3 {width:40%;float:left }

/* navigation droite */

.menuDroite {list-style-type: none; margin-top: 22px}
.menuDroite li {border-bottom : 1px solid #ccc; padding-left: 36px; /*background:url(images/puce-menudroite.gif) 10px 6px no-repeat;*/ line-height: 25px}
.menuDroite li a {text-decoration: none; font-size:14px;}
.menuDroite li:hover a{color: #fff; }
.menuDroite li a:hover {display:block; height: 26px; width: 100%;}

.menuDroite#menuFormation li a#selected {color:#ca2306}
.menuDroite#menuFormation li:hover a#selected {color:#fff}
.menuDroite#menuFormation li:hover, .menuDroite#menuPresentation li#formation:hover { color: #fff; background:url(images/bg-btnoverFormation.gif) bottom right no-repeat #bbb  }
.menuDroite#menuFormation li:hover a#selected:hover {color:#fff}

.menuDroite#menuIngenierie li a#selected {color:#f4b800}
.menuDroite#menuIngenierie li:hover a#selected {color:#fff}
.menuDroite#menuIngenierie li:hover, .menuDroite#menuPresentation li#ingenierie:hover {color: #fff; background:url(images/bg-btnoverIngenierie.gif) bottom right no-repeat #bbb  }
.menuDroite#menuIngenierie li:hover a#selected:hover {color:#fff}

.menuDroite#menuMaintenance li a#selected {color:#8DBF26}
.menuDroite#menuMaintenance li:hover a#selected {color:#fff}
.menuDroite#menuMaintenance li:hover, .menuDroite#menuPresentation li#maintenance:hover {color: #fff; background:url(images/bg-btnoverMaintenance.gif) bottom right no-repeat #bbb  }
.menuDroite#menuMaintenance li:hover a#selected:hover {color:#fff}

.menuDroite#menuManagement li a#selected {color:#1f8adb}
.menuDroite#menuManagement li:hover a#selected {color:#fff}
.menuDroite#menuManagement li:hover, .menuDroite#menuPresentation li#management:hover {color: #fff; background:url(images/bg-btnoverManagement.gif) bottom right no-repeat #bbb  }
.menuDroite#menuManagement li:hover a#selected:hover {color:#fff}

.menuDroite#menuRecrutement li a#selected {color:#1f8adb}
.menuDroite#menuRecrutement li:hover a#selected {color:#fff}
.menuDroite#menuRecrutement li:hover, li#offre:hover, li#candidature:hover {color: #fff; background-color:#acacac  }
.menuDroite#menuRecrutement li:hover a#selected:hover {color:#fff}
.menuDroite#menuRecrutement li.active  {background:url(images/bg-btnoverManagement.gif) bottom right no-repeat #eeeeee }

/* flash */

#schemaPresentation {width: 460px; height:600px; margin: 5px auto; background-color: #ccc}



/* boite outils */

.boiteOutils {width: 255px; float: right; }
.boiteOutils a {display: block; clear:both; width: 202px; background-color:#F8F8F8; height: 23px; margin-top: 2px; text-decoration:none; padding-left: 50px; line-height: 22px}
.boiteOutils a#transmettre {background:url(images/picto-transmettre.gif) 8px 2px no-repeat #F8F8F8}
.boiteOutils a#imprimer {background:url(images/picto-imprimer.gif) 16px 2px no-repeat #F8F8F8}
.boiteOutils a#recrutement{background:url(images/picto-recrutement.gif) 16px 2px no-repeat #F8F8F8;width: 202px;}
.boiteOutils a#transmettre:hover, .boiteOutils a#imprimer:hover, .boiteOutils a#recrutement:hover {background-color:#C5C5C5; color: #fff }





/* CONTACT */
.note{font-size: 0.9em;color: #999;}
.note2{font-size: 9px;color: #C00F00;font-weight:normal; text-align:left}
legend {font-size:1.3em; font-weight: bold; color:#1B4F8B; margin: 0 0 5px 0; padding: 0 5px; background-color: #fff}
fieldset { border: 1px dotted #cccccc; width: 90%; margin: 10px; padding: 10px}

#contact{width:100%;margin:0;text-align: left;margin-bottom: 1em;}
.labelcontact{display:block;float:left;width:25%;text-align:left;margin:0 10px 5px 0; padding:0; }
.labelcontactC{width: 5%;text-align: left; margin:0 10px 5px 0; padding:0; vertical-align:top }

.champcontactC{width:60%;margin-bottom:5px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom; }
.champcontacterreur{width:60%;margin-bottom:5px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00;}
.champfocusC{width:60%;margin-bottom:2px;padding:2px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#0a81fe; font-size:10px;border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7;	background-color: #ffffff;}
.sendcontact{float:right;margin-right:20%;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #1B4F8B; color: #EFEFEF; padding:0;}
.champnormal{width:120px;margin-bottom:2px;padding:0;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom; }
.champerreur{width:120px;margin-bottom:2px;padding:0;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00;}

/* RECRUTEMENT */
#recrutement{width:100%;}
.labelrecrut{width:40%;display:inline; float:left;clear:both; margin:0 10px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }
.labelrecrut2{width:25%;display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }

.champrecrut{width:50%;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom; }
.champrecruterreur{width:50%;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00; }
.textarearecrut{width:95%;margin-bottom:5px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom;  }

.sendrecrut{float:right;margin-right:35px;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #1B4F8B; color: #EFEFEF; padding:0;}

/* plan du site */
ul.plansite {margin-left: 100px;}
ul.plansite li {margin: 10px 0; font-size: 13px}

/*transmettre */
.labelTransmettre{width:60px; margin: 0 10px 2px 10px;text-align:left; float:left}

/*Plan du site */
.gauche{float:left; width: 45%}

ul.plan{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
ul.plan li{background-image: url(images/puce-suite.gif); background-repeat: no-repeat; background-position: 0 .3em; padding:0; padding-left: 15px; border:0; margin: 0; text-align:justify;}
ul.plan ul li{list-style-type: none;background-image: url(images/fleche2bleu.gif);}
/*ul ul ul li{background-image: url(images/puce-carregris.gif); background-position: 0 .5em;}*/


/*Réferences */
.pointille{border: 1px dotted #e2e2e4;margin:5px auto 15px auto;width:80%}

/* documentation */
.clear{clear:both;}
.pointer {cursor: pointer;}
#listedocuments ul {list-style:none}
#listedocuments ul li{background:url(images/ico-pdf.gif) no-repeat 0 0; padding-left:23px; height:18px}
#listedocuments ul li.pdf{background:url(images/ico-pdf.gif) no-repeat 0 0;}
#listedocuments ul li.doc{background:url(images/ico-doc.gif) no-repeat 0 0;}
#listedocuments ul li.xls{background:url(images/ico-xls.gif) no-repeat 0 0;}
#listedocuments ul li.ppt{background:url(images/ico-ppt.gif) no-repeat 0 0;}