div.accueil  {position: absolute; top: 0px; left: 0; padding: 10px; width: 1070px; min-height: 950px;}

body.last div.contenu {min-height: 1250px;}
body.main div.contenu {min-height: 950px;}

/* debut parcours geographique */

div.idf        {position: absolute; top: 125px; left: 850px; text-align: center; border-left: 1px solid #990000; border-bottom: 1px solid #990000;}
div.fr         {position: absolute; top: 45px; left: 270px;}
div.be         {position: absolute; top: 5px;  left: 560px;}
div.carteIntro {position: absolute; top: 0px;  left: 10px; width: 450px;}

/* fin parcours geographique */


/* debut chronologie */

div.legendeChrono      {position: absolute; top: 0px;  width: 1070px; margin-left: 6px; border-bottom: 2px solid #4eae1e;}
div.legendeChrono li   {text-align: left; float: left; height: 25px; width: 220px; margin-left: 2px;}
div.chronoIntro        {position: absolute; top: 85px; left: 10px; padding-right: 20px;}
div.split4, div.split5 {margin-left: 50px; width: 975px;}
div.split4             {background-color: #d1e9c4; height: 30px; margin-top: 450px;} 
div.split5             {background-color: #d1e9c4; height: 30px; margin-top: 380px;} 

table.chronologie  {position: absolute; top: 980px; left: 20px; border: 1px solid #2B5C12; width: 1026px; height: 150px; border-collapse: collapse;}
table.chronologie2 {position: absolute; top: 560px;  left: 20px; border: 1px solid #2B5C12; width: 1026px; height: 150px; border-collapse: collapse;}
table.chronologie3 {position: absolute; top: 210px;  left: 20px; border: 1px solid #2B5C12; width: 513px;  height: 150px; border-collapse: collapse;}

td.pair        {background-color: #dddddd;}
td.impair      {background-color: #ffffff;}
td.defaut      {border-width: 0px; height: 50px; text-align: center;}
td.annees      {border-width: 0px; height: 25px; text-align: center;}
td.exp2        {border-width: 0px; height: 21px; text-align: center;}
td.formIng     {background-color: #009900;}
td.expIng      {background-color: #ccff66;}
td.sg          {background-color: #222222;}
td.fac, td.TIM {background-color: #66ccff;}
td.formPed     {background-color: #000099;}
td.formAnim    {background-color: #990000;}
td.expAnim     {background-color: #ffcc66;}
td.formDoc     {background-color: #000099;}
td.formProf    {background-color: #870087;}
td.expProf     {background-color: #ff8787;}

ul.legendeGeo {width: 280px; padding-top: 10px; position: absolute; top: 250px; left: 10px;}

li.formIng, li.expIng, li.sg, li.fac, li.formAnim, li.expAnim, li.formPed, li.formProf, li.expProf, li.TIM, li.vide, li.maman {padding: 0px;}
li.formIng     {color: #009900;}
li.expIng      {color: #a2cd50;}
li.sg          {color: #222222;}
li.fac, li.TIM {color: #66ccff;}
li.formPed     {color: #000099;}
li.formAnim    {color: #990000;}
li.expAnim     {color: #d4a03d;}
li.formDoc     {color: #000099;}
li.formProf    {color: #870087;}
li.expProf     {color: #ff8787;}
li.vide        {color: #ffffff;}
li.maman       {color: #ffff00;}

p.footnoteChrono1 {position: absolute; top: 1260px;  left: 10px;} /* 930 + 180 = 1110 */
p.footnoteChrono2 {position: absolute; top: 800px; left: 10px;}   /* 490 + 310 = 800 */
p.footnoteChrono3 {position: absolute; top: 410px; left: 10px;}   /* 210 + 220 = 430 */

img.maman         {width: 15px;}

/* fin chronologie */

input.monBoutonEnvoi {margin-top: 280px; margin-left: 5px;}

font.highlight {color:#2B5C12; font-weight: bold;}

p.footnoteExpIng   {position: absolute; bottom: 10px;  left: -5px;}
p.footnoteFPMsIng  {position: absolute; bottom: 10px;  left: -5px;}
p.footnoteFPMsDIff {position: absolute; bottom: 10px;  left: -5px;}

ul.cv  {padding-left: 154px;}

img.cv {float:left; border:0;}

img.bandeFormules {width: 124px; padding-top: 115px;}
img.matmeca       {width: 124px; padding-top: 45px;}
img.numeca 	   {width: 124px; padding-top: 15px;}
img.numecaFirst   {width: 124px; padding-top: 85px;}
img.thales 	   {width: 124px; padding-top: 15px;}

img.csjd 	   {width: 110px; margin-left: 8px; margin-top: 20px;}
img.leea 	   {height: 50px; margin-left: 37px; margin-top: 15px;}
img.cemea 	   {height: 40px; margin-left: 14px; margin-top: 20px;}
img.microfu 	   {height: 100px; margin-left: 36px; margin-right: 10px;}
img.vlsa 	  {width: 150px; padding-top: 20px;}
img.altair 	  {width: 140px; margin-top: 20px;}
img.jsb 	  {width: 150px; margin-top: 80px;}
img.sg 	          {height: 50px; margin-left: 52px; margin-top: 20px;}
 
img.ailerons, img.parachute {border: 0; width: 300px;}
img.lancement     {border: 0; height: 300px;}
img.ailerons      {position: absolute; left: 150px; margin-top: 30px;}
img.parachute     {position: absolute; left: 410px; margin-top: 170px;}
img.lancement     {position: absolute; left: 680px; margin-top: -15px;}

img.fpms 	  {float:left; width: 130px; padding-top: 5px;}
img.fpmsFirst 	  {float:left; width: 130px; padding-top: 70px;}
img.airQuality    {width: 140px; padding-top: 45px;}
img.mdc           {float:left; width: 140px; padding-top: 20px; border: 0;}
img.mdc13         {float:right; width: 140px; border: 0; margin-left: 10px;}

img.saintAndre	  {float:left; width: 80px; padding-top: 5px; margin-left: 30px;}
img.umonsFS 	  {float:left; width: 100px; padding-top: 5px; margin-left: 20px;}
img.eae 	  {float:left; width: 130px; padding-top: 5px;}
img.marcinelle	  {float:left; width: 140px; padding-top: 70px;}

img.aventureDuVivant {float:left; width: 130px; padding-top: 5px;}
img.linkedIn         {width: 150px;}
img.openBadges	     {width: 326px;}
div.openBadges       {width: 550px; position: absolute; top: 380px; left:  50px; background-color: #ffffff; text-align: center;}
div.linkedIn         {width: 200px; position: absolute; top: 450px; right: 140px; background-color: #ffffff; text-align: center;}

/* split Exp Anim */
div.split2, div.split3 {margin-left: 50px; width: 975px;}
div.split2, div.split3 {background-color: #ffffff; height: 15px;}
div.split2 {margin-top: 40px;}
div.split3 {margin-top: 420px;}
div.split3b {margin-top: 100px;}

body.cv p.first  {padding-top: 70px;}
p.first  {padding-top: 70px;}




/*--------------------------------------------------------------------------------------------------------------------------------------------------------*







/*div.resume {position: absolute; left: 754px; margin-top: 35px; border: 1px solid #ff0000; background-color: #FFFFFF; width: 356px; padding: 14px;}*/


/*body.fpms div.contenu, body.ects div.contenu {padding-top: 90px; padding-bottom: 20px; min-height: 800px;}*/
/*body.activProjet div.contenu {text-align: left; min-height: 800px; padding-top: 90px;}*/

/*div.actu {position: absolute; top: 270px; left: 450px;}*/





/*td.topLine   {border-top: 1px solid #000000;}*/

div.datePeda {position: relative; top: 0; text-align: right; color: #2B5C12;}


div.portfolioform {position: absolute; top: 40px;  left: 10px; width: 1070px; border-bottom: 2px solid #4eae1e;}
/*form#portfolio ul, form#peda ul, form#annexes ul {list-style-type: none; margin-left: -37px;}
form#portfolio li {text-align: center; float: left; height: 25px; margin-left: 2px; width: 250px;}
form#peda li      {text-align: center; float: left; height: 25px; margin-left: 2px; width: 160px;}
form#annexes li   {text-align: center; float: left; height: 25px; margin-left: 2px; width: 250px;}
form#portfolio input, form#peda input {position: relative; top: 2px; left: 0;}*/
/*h1 {padding-top: 10px;}*/

div.ectsColG {position: absolute; left: 10px;   margin-top: 10px; border-right: 2px solid #4eae1e; border-bottom: 2px solid #4eae1e; width: 270px; padding: 15px;}
div.ectsColD {padding-left: 320px;}


/* UL - OL - LI */

ul.ongletsIngenieure, ul.ongletsAnimatrice, ul.ongletsEnseignanteLycees, ul.ongletsTIM, ul.ongletsFPMs {list-style-type: none; margin-left: -37px; margin-top: 50px;}
ul.ongletsIngenieure li, ul.ongletsAnimatrice li, ul.ongletsEnseignanteLycees li, ul.ongletsFPMs li {text-align: center; float: left; height: 25px; background-color: #ffffff; margin-left: 2px; width: 250px; font-size: 1.2em;}
ul.ongletsTIM li {text-align: center; float: left; height: 25px; background-color: #ffffff; margin-left: 2px; width: 200px; font-size: 1.2em;}
ul.ongletsIngenieure li.active, ul.ongletsAnimatrice li.active, ul.ongletsEnseignanteLycees li.active, ul.ongletsTIM li.active, ul.ongletsFPMs li.active {background-image: url(images/onglet25px.png); background-repeat: repeat-x; border-radius: 15px 15px 15px 15px;} 






ul.ongletsPortfolio, ul.ongletsRecherche, ul.ongletsEvenements                       {list-style-type: none; margin-left: -37px;} /* niveau 1*/
ul.ongletsPortfolioPresentation, ul.ongletsPortfolioPeda, ul.ongletsPortfolioAnnexes, ul.ongletsActivProjet {list-style-type: none; margin-left: -37px;} /* niveau 2*/

ul.ongletsRecherche li , ul.ongletsEvenements li, ul.ongletsPortfolio li                      {text-align: center; float: left; height: 25px; background-color: #ffffff; margin-left: 2px;} /* niveau 1*/
ul.ongletsPortfolioPresentation li, ul.ongletsPortfolioPeda li, ul.ongletsPortfolioAnnexes li, ul.ongletsActivProjet li {text-align: center; float: left; height: 25px; background-color: #ffffff; margin-left: 2px;} /* niveau 2*/

ul.ongletsRecherche li               {width: 250px;} /* 2 onglets */
ul.ongletsActivProjet li             {width: 200px;} /* 2 onglets */
ul.ongletsEvenements li              {width: 250px;} /* 3 onglets */
ul.ongletsPortfolioPresentation li   {width: 250px;} /* 4 onglets */
ul.ongletsPortfolio li, ul.ongletsPortfolioPeda li, ul.ongletsPortfolioAnnexes li {width: 162px;} /* 6 onglets */

ul.ongletsPortfolio li.active, ul.ongletsEvenements li.active, ul.ongletsRecherche li.active , ul.ongletsActivProjet li.active  
{background-image: url(images/onglet25px.png);  background-repeat: repeat-x; border-radius: 15px 15px 15px 15px;} /* niveau 1*/
ul.ongletsPortfolioPresentation li.active, ul.ongletsPortfolioPeda li.active, ul.ongletsPortfolioAnnexes li.active
{background-image: url(images/onglet25pxV.png); background-repeat: repeat-x; border-radius: 15px 15px 15px 15px;} /* niveau 2*/



ul.eve {padding-left: 170px;}

div.resume li {margin-left: -20px;}


ul.ba3 {width: 700px;}

div.lienCol1 li, div.lienCol2 li, div.lienCol2bis li, div.lienCol3 li {margin-left: -20px;}

ol#microfu {position: absolute; left: 485px; margin-top: 40px;}
div.ectsColG ul {margin-left: -20px;}

/* IMG */



img.jeudis        {float:left; width: 140px; padding-top: 20px; border: 0;}
img.jeudisBig     {width: 201px; padding-top: 20px; border: 0;}
/*img.logoEcoleH1   {width: 80px;}
img.logoEcoleH2   {width: 140px;}
img.logoEcoleH3   {width: 250px;}
img.logoEcoleH4   {width: 70px;}
img.logoEcoleH5   {width: 90px;}
img.logoEcoleH6   {width: 110px;}
img.logoEcoleH    {width: 150px;}*/


img.arbre         {float:left; width: 140px; border: 0;}
/*img.affirmations  {border: 0;}*/

img.familles_1    {float:left; border: 0 solid #4EAE1E; padding: 10px; margin-top: 20px; width: 485px;}
/*img.familles_2    {border: 0 solid #4EAE1E; padding: 10px; margin-top: 20px; width: 482px;}*/
img.tripleConcord {float:left; border: 0 solid #4EAE1E; padding: 10px; margin-top: 20px; width: 300px;}

/* P */

/*p.titre {vertical-align: middle;}*/

p.tech {background-color: #cdcdcd;}
p.competences {background-color: #0000ff;}

body.cv p               {padding-left: 154px; padding-top: 15px;}
div.carteIntro p, div.chronoIntro p {padding-left: 15px;  padding-top: 0;}
body.cv p.titre, body.eve p.titre   {padding-left: 0px;   padding-top: 0px;}
body.cv p.bafa                      {padding-bottom: 20px; padding-top: 20px;}
/*body.cv p.bafa2                     {padding-bottom: 20px; padding-top: 300px; background-color: #00ff00;}
body.cv p.bafa3                     {padding-bottom: 20px; padding-top: 420px; background-color: #0000ff;}*/

body.cv p.anim1                     {padding-top: 20px; background-color: #ffffff;}
body.cv p.anim2                     {padding-top: 10px; background-color: #ffffff;}

/* Activ Projet */

body.activProjet p {padding-left: 154px; padding-top: 150px;}
body.activProjet img.reTravaillerOuest {position: absolute; top: 100px; left: 100px; width: 150px;}
body.activProjet img.poleEmploi {position: absolute; top: 100px; left: 800px; width: 150px;}
body.activProjet div.rdv   {position: absolute; top: 250px; left: 20px; background-color: #ffffff; width: 600px;}
body.activProjet div.liens {position: absolute; top: 250px; left: 700px; background-color: #ffffff;}
body.activProjet td, body.activProjet th {padding: 7px; border: thin solid #4EAE1E;}
table.ROME {border-collapse: collapse; position: absolute; top: 90px; left: 20px;}
ul.ROME {text-align: left; width: 510px;  position: absolute; top: 20px; left: 490px;}
img.AC {width: 1000px;}
img.AChalf {width: 450px;}
table.domaines {border-collapse: collapse; border: 1px solid #4EAE1E;}
table.domaines th.ok, table.domaines td.ok {background-color: #93fb93;}
table.domaines th.okIndus, table.domaines td.okIndus {background-color: #9395fb;}
table.domaines th.pasOk, table.domaines td.pasOk {background-color: #fba2a2;}


p.nb {background-image: url("images/coccinelle.png"); background-position: center left; background-repeat: no-repeat; font-weight: bold; padding-left: 30px;}


p#motocross {position: absolute; left: 430px; margin-top: 180px; width: 270px;}

p.li {margin-left: -45px;}

.cite {font-style:italic;}

/* TABLE */

/*
table.chrono {border-collapse: collapse; border: 1px solid #4EAE1E; margin-left: 15px;}
table.chrono th, td {border: 1px solid #4EAE1E; vertical-align: middle; padding: 3px;}
table.chrono th, table.chrono td.centre {text-align: center;}
table.chrono td {text-align: left;}
table.chrono th.w4 {width: 100px;}
table.chrono th.w30 {width: 30%;}
table.chrono th.w50 {width: 50%;}

table.w900 {width: 900px;}
table.w700 {width: 700px;}*/


table.ects, table.ectsLiens {border-collapse: collapse; border: 1px solid #4EAE1E; width: 100%; margin-top: 20px;}
table.ects th, table.ectsLiens th {font-weight:normal; text-align: center; padding: 2px; border: 1px solid #4EAE1E;}
table.ects td, table.ectsLiens td {text-align: center; padding: 2px; border: 1px solid #4EAE1E;}
table.ectsLiens td, table.ectsLiens th {border: 1px solid #4EAE1E;}

table {border-collapse: collapse; border: 2px solid #4EAE1E; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px;}
table.prof td, table.prof th {border: 1px solid #4EAE1E; padding: 5px;}

/* HEADING */

h1 {color: #2B5C12; margin-left: 0px;   font-size: 1.3em; text-decoration: underline;}
h2 {color: #2B5C12; margin-left: 50px;  font-size: 1.2em; text-decoration: underline; padding-top: 10px;}
h3 {color: #2B5C12; margin-left: 100px; font-size: 1em;}
h4 {color: #2B5C12; margin-left: 150px; font-size: 1em;}

/*h1#planSite {margin-top: 270px;}*/
h1.sg {padding-top: 70px;}
h2.bafa {padding-top: 80px;}
h2.microfu {padding-top: 110px;}

h1.first {padding-top: 70px;}
h2.first {padding-top: 70px;}

div.accueil h1 {text-align: center;}
div.resume h2 {margin-left: 0px;}

a.meca {color: #2B5C12;}

/* FONT */

.vertClair {background-color: #D5FCC7;}
a.orange {color: #ff0000; background-color: #ffcc66;}
b.rouge {color: #ff0000;}
font.CVlien  {color:#2B5C12;}
a {color:#2B5C12;}
ul.ongletsPortfolio li a {color:#ff0000;}
div.ongletsNiveau1 a {color:#ff0000;}
.bleu {color: #0000ff;}
.rouge {color: #ff0000;}
.magenta {color: #ff00ff;}
.vert {color: #008700;}

.romeF  {background-color: #4149eb; color: #000000;}
.romeG  {background-color: #0eb20e; color: #000000;}
.romeH  {background-color: #b20ea5; color: #000000;}
.romeK  {background-color: #ff8700; color: #000000;}
.romeM  {background-color: #4149eb; color: #000000;}