/* border: 1px solid #f00;*/

/*////////////////// GENERAL /////////////////////*/
* {margin: 0; padding: 0;}
body {margin: 30px 0 15px 0; padding: 0; background-color: #F1F0EC; font: 0.8em arial; text-align: center;}
h1 {background: url(../images/logo.jpg) no-repeat; height: 73px; width: 73px; margin: 0 17px 0 0; float: left;}
h1 span {display: none;}
h2 {font: 0.8em arial; color: #fff; width: 407px; height: 17px; float: left; background: url(../images/fond-h2.jpg) no-repeat; border-top: 1px solid #000; padding: 1px 0 0 0;}
h2 a:link, h2 a:visited {color: #fff; text-decoration: none;}
h2 a:hover {color: #fff; text-decoration: underline;}
h2 a.home {margin: 0 16px 0 0;}
h2 img {vertical-align: top;}
h3 {font: 0.8em arial; color: #3D3AB2; text-transform: uppercase;}
a.lglink {font: 11px; color: #3D3AB2; text-transform: uppercase;}
div#center h3 {color: #000; padding: 13px 0 10px 20px;}
ul, li {list-style-type: none;}
hr {display: none;}
a img {border: none;}
form legend {display: none;}
form fieldset {border: none;}
div#container {width: 968px; margin: 0 auto; text-align: left; position: relative;}
div#header {height: 75px;}
div#content {background: url(../images/fond-content.gif) no-repeat left bottom; margin: 0 0 0 90px; position: relative;}
div#left {clear: both; position: relative; float: left; left: 0; width: 191px; padding: 0 30px 0 20px;}
div#left div {background-color: #fff; padding: 10px 20px; margin: 0 0 4px 0;}
div#left div.hidden {background: none; margin: 0 0 130px 0;}
div#left form.top-select {background: url(../images/fond-ref-top.jpg) no-repeat bottom left; border-top: 1px solid #F2F1ED; height: 30px; padding: 17px 0 0 20px; margin: 0 -45px 5px -20px;}
div#left form.top-select select {width: 145px; display: inline;}
div#center {margin: 0 0 0 241px; position: relative;}
div#center h3 {background: url(../images/fond-desc-top.jpg) no-repeat; position: relative;}
div#center p a:link, div#center p a:visited {color: #00f; text-decoration: none;}
div#center p a:hover {color: #00f; text-decoration: underline;}
div#center p.bot {background: url(../images/fond-desc-bot.jpg) no-repeat bottom left; clear: both; margin: 0;}
div#footer {margin: 30px 0 0 0; padding: 5px; color: #fff; font: 0.8em arial; background: url(../images/fond-footer.gif) repeat-x;}
div#footer p {text-align: right;}
div#footer p#copy {float: left;}
div#footer p a:link, div#footer p a:visited, div#footer p a:hover {color: #fff; text-decoration: none; text-transform: uppercase;}
div#header p a.lglink:link, div#header p a.lglink:visited, div#header p a.lglink:hover {font-size: 11px; color: #3D3AB2; text-decoration: none; text-transform: uppercase;}
div#header p {font-size: 11px; color: #3D3AB2; text-decoration: none; text-transform: uppercase;}
div#footer p#copy a:link, div#footer p#copy a:visited, div#footer p#copy a:hover {text-transform: none; text-decoration: underline;}
.spacer {clear: both;}
div#bottom {background: url(../images/fond-right-bot.jpg) no-repeat; clear: both;}
span.result {background-color: #ff0;}

/************ MENU ************/
ul#menu {background: url(../images/fond-menu.gif) no-repeat bottom left; margin: 0 0 0 270px; padding: 15px 0 15px 15px; position: relative;}
ul#menu li {display: inline;}
ul#menu li#menu1 {background: url(../images/about.gif) no-repeat 0 70%; padding: 0 0 0 15px;}
ul#menu li#menu2 {background: url(../images/solutions.gif) no-repeat 0 70%; padding: 0 0 0 17px;}
ul#menu li#menu3 {background: url(../images/people.gif) no-repeat bottom left; padding: 0 0 3px 17px;}
ul#menu li#menu4 {background: url(../images/ref.gif) no-repeat 0 70%; padding: 0 0 0 17px;}
ul#menu li#menu5 {background: url(../images/events.gif) no-repeat 0 70%; padding: 0 0 0 15px;}
ul#menu li#menu6 {background: url(../images/news.gif) no-repeat 0 70%; padding: 0 0 0 13px;}
ul#menu li#menu7 {background: url(../images/jobs.gif) no-repeat 0 70%; padding: 0 0 0 18px;}
ul#menu li#menu8 {background: url(../images/links.gif) no-repeat 0 50%; padding: 0 0 0 17px;}
ul#menu li a:link, ul#menu li a:visited, form#pays a:link, form#pays a:visited {font: 0.8em arial; color: #3D3AB2; background: url(../images/filet.gif) no-repeat; text-transform: uppercase; text-decoration: none; padding: 0 5px;}
ul#menu li a:hover, form#pays a:hover, ul#menu li a#active, form#pays span a#active {font: 0.8em arial; background: #1251C4 url(../images/filet.gif) no-repeat; color: #fff; text-transform: uppercase; text-decoration: none; padding: 0 5px;}
ul#menu ul {position: absolute; top: 35px; left: 114px !important; left: 99px; background-color: #1251C4; padding: 3px 0 4px 0;}
ul#menu ul li a:link, ul#menu ul li a:visited {color: #fff;}
ul#menu ul li a:hover, ul#menu ul li a#activeST {color: #fff; text-decoration: underline;}
/************ FORMS ************/
select {font: 0.8em arial; display: block;}
form#quick-menu {width: 258px; float: left;}
form#quick-menu select {width: 250px; display: inline;}
form#quick-menu select option.menu {text-transform: uppercase;}
form#quick-menu input.button {width: 22px; height: 17px; background-color: #1251C4; color: #fff; font: 0.8em arial; border: none; display: inline;}
form#search #query {width: 135px; font: 0.9em arial; margin: 0 !important; margin: -1px 0 0 0;}
form#search input.button {width: 60px; height: 19px; background-color: #1251C4; color: #fff; font: 0.8em arial; border: none;}
form#pays {width: 170px; float: left; margin: 8px 0 0 0;}
form#pays select {width: 140px; display: inline;}
form#pays input.button {width: 22px; height: 18px; background-color: #1251C4; color: #fff; font: 0.8em arial; border: none; display: inline;}
form#pays span {background: url(../images/contact.gif) no-repeat 0 50%; margin: 5px 0 0 0; padding: 3px 0 2px 13px; display: block;}

/*////////////////// HOME ///////////////////////*/
body#home div#left {clear: both; border: none; position: relative; float: left; left: 0; width: 156px; margin: 0; padding: 0 0 0 90px; background: none;}
body#home div#left h3 {margin: 0 0 30px 0;}
body#home div#left div {background: url(../images/fond-left.jpg) no-repeat; padding: 0 0 0 25px; margin: 0 0 10px 0; width: 131px; color: #336;}
body#home div#left div p {background: url(../images/fond-left-bot.jpg) no-repeat bottom left; padding: 0 10px 15px 25px; margin: 0 0 0 -25px;}
body#home div#left div p a.plus {display: block; text-align: right; width: 121px; font: bold 1.1em arial;}
body#home div#left div p a.plus:link, body#home div#left div p a.plus:visited, body#home div#left div p a.plus:hover {color: #00f; text-decoration: none;}
body#home div#left div p span.date {font-weight: bold; display: block; margin: 0 0 7px 0;}
body#home div#left div p img {display: block; margin: 0 0 10px 0;}
body#home div#center {margin: 0 0 0 270px; background: url(../images/fond-center.jpg) no-repeat;} 
body#home div#center h3 {background: url(../images/fond-h3-1.gif) no-repeat; height: 26px; margin: 0 0 280px 0 !important; margin: 0 0 280px -3px; padding: 7px 0 0 20px;}
body#home div#center h4 {position: relative; left: -10px; margin: 0; padding: 75px 200px 0 90px; background: #5D9057 url(../images/deg-home.jpg) repeat-y; color: #fff; font: 2em/1.3em arial; letter-spacing: 2px; height: 148px; margin: 0 30px 0 0;}
body#home div#center h4 img {position: absolute; top: 0; right: 0;}
body#home div#center p {color: #333; font: 0.9em arial; margin: 0 80px 15px 80px;}
body#home div#center p#bot {background: url(../images/fond-center-bot.jpg) no-repeat bottom left; margin: 0; padding: 0 50px 20px 80px;}
body#home div#center p.deg {position: relative; left: -10px; margin: 0; background: url(../images/deg-home.jpg) repeat-y; height: 20px;}
body#home object {position: absolute; top: 30px; left: -10px;}

/*////////////////// ABOUT ///////////////////////*/
body#about div#center {margin: 0 0 0 90px; background: url(../images/fond-about.jpg) no-repeat;} 
body#about div#center h3 {height: 26px; padding: 7px 0 0 20px; background: none;}
body#about div#center h4 {position: relative; left: -10px; margin: 0; padding: 75px 200px 0 90px; color: #fff; font: 2em/1.3em arial; letter-spacing: 2px; height: 148px; margin: 0 30px 0 0;}
body#about div#center h4 img {position: absolute; top: 0; right: 0;}
body#about div#center h5 {color: #336; font: bold 1em arial; margin: 0 80px;}
body#about div#center p {color: #333; font: 0.9em arial; margin: 0 80px 15px 80px;}
body#about div#center p.deg {position: relative; left: -10px; margin: 0; height: 20px;}
body#about div#center p#bot {background: url(../images/fond-links-bot.jpg) no-repeat bottom left; margin: 0; padding: 0 50px 20px 80px;}

/*////////////////// SOLUTIONS ///////////////////*/ 
body#solutions div#left div#active-solution {margin: 0 0 4px -8px; padding: 10px 20px 10px 28px;}
body#solutions div#left div h3 {font: 0.9em arial; color: #039; font-weight: bold; text-transform: none; position: relative;}
body#solutions div#left div a:link, body#solutions div#left div a:visited {color: #039; text-decoration: none;}
body#solutions div#left div a:hover {color: #039; text-decoration: underline;}
body#solutions div#left div a.date:link, body#solutions div#left div a.date:visited {color: #039; font-weight: bold; text-decoration: none;}
body#solutions div#left div a.date:hover {color: #039; font-weight: bold; text-decoration: underline;}
body#solutions div#left div ul li a {padding: 0 0 0 20px; font: 0.8em arial; text-transform: uppercase;}
body#solutions div#left div ul li a:link, body#solutions div#left div ul li a:visited {color: #00f; text-decoration: none;}
body#solutions div#left div ul li a:hover {color: #00f; text-decoration: underline;}
body#solutions div#left div ul li a.info {background: url(../images/ico1.gif) no-repeat;}
body#solutions div#left div ul li a.cas {background: url(../images/ico2.gif) no-repeat;}
body#solutions div#left div ul li a.ref {background: url(../images/ico3.gif) no-repeat;}
body#solutions div#center h4 {position: relative; height: 148px; color: #fff; font: 2em/1.3em arial; letter-spacing: 2px; left: -10px; margin: 0 25px 0 0; padding: 75px 200px 0 60px;}
body#solutions div#center h4.no-image {padding: 75px 90px 0 90px;}
body#solutions div#center h4 img {position: absolute; top: 0; right: 0 !important; right: -1px;}
body#solutions div#center h4 span {display: block; font: 0.6em arial;}
body#solutions div#center h5 {font: bold 0.85em arial; text-transform: uppercase; letter-spacing: 1px; color: #006; margin: 0 0 10px 0;}
body#solutions div#center p {margin: 0 50px 15px 50px; color: #333;}
body#solutions div#center p.deg {position: relative; left: -10px; height: 20px; margin: 0; padding: 0 0 0 90px;}
body#solutions div#center ul {color: #333;}
body#solutions div#center div.description {margin: 0 0 30px 0;}
body#solutions div#center div.description h5 {color: #333; text-decoration: underline; font: normal 1em arial; text-transform: none; letter-spacing: normal; margin: 0 50px 0 80px;}
body#solutions div#center div.description h6 {color: #333; font: bold 1em arial; text-transform: none; letter-spacing: normal; margin: 25px 50px 15px 80px;}
body#solutions div#center div.description ul {margin: -15px 50px 15px 85px;}
body#solutions div#center div.description ul li {background: url(../images/tiret.gif) no-repeat 0 8px; padding: 0 0 0 10px;}
body#solutions div#center div.missions {width: 337px !important; width: 332px; float: left; position: relative; padding: 0 10px 0 80px !important; padding: 0 10px 0 85px; border-right: 1px solid #9D9D9D;}
body#solutions div#center div.missions ul {margin: 0 0 25px 0;}
body#solutions div#center div.missions ul li {background: url(../images/fleche4.gif) no-repeat 0 6px; margin: 0 0 5px 0; padding: 0 0 0 10px; font: 0.85em arial; position: relative;}
body#solutions div#center div.missions ul li ul {margin: 5px 0 10px 0;}
body#solutions div#center div.missions ul li ul li {background: url(../images/fleche-double.gif) no-repeat 0 6px; font: 1em arial; position: relative;}
body#solutions div#center div.cases {width: 152px; margin: 0 0 0 447px;}
body#solutions div#center div.cases ul li {margin: 0 0 5px 0;}
body#solutions div#center div.cases ul li.desactive {color: #333; font: 0.85em arial;}
body#solutions div#center div.cases a:link, body#solutions div#center div.cases a:visited {color: #00f; text-decoration: none; font: 0.85em arial;}
body#solutions div#center div.cases a:hover {color: #00f; text-decoration: underline; font: 0.85em arial;}

/*////////////////// POP SOLUTIONS //////////////////////*/
body#pop-solutions {background-color: #fff; margin: 30px;}
body#pop-solutions div#pop-container {text-align: left;}
body#pop-solutions h1 {margin: 0 35px 0 0;}
body#pop-solutions h2 {font: 2em/1.3em arial; letter-spacing: 2px; color: #006; width: auto; height: auto; float: none; background: none; border: none; margin: 15px 0 40px 0; padding: 0;}
body#pop-solutions form, body#pop p {margin: 0 0 0 112px;}
body#pop-solutions form label {display: block; margin: -10px 0 0 0;}
body#pop-solutions form label.normal {margin: 0 0 20px 0;}
body#pop-solutions form input {display: block; position: relative; top: -18px; left: 110px; width: 150px;}
body#pop-solutions form label.normal input {position: static; display: inline; width: auto;}
body#pop-solutions form label input#Title {margin: 0 0 0 68px;}
body#pop-solutions form label select#City {margin: -17px 0 0 82px !important; margin: -19px 0 0 81px; width: 154px;}
body#pop-solutions form button {background-color: #1251C4; color: #fff; border: none; text-transform: uppercase; font: 0.8em arial; padding: 3px 2px 2px 2px; width: 80px;}

/*////////////////// PEOPLE //////////////////////*/
body#people div#left div#active-people {margin: 0 0 4px -8px; padding: 10px 20px 10px 28px;}
body#people div#left div a:link, body#people div#left div a:visited {color: #00f; text-decoration: none;}
body#people div#left div a:hover {color: #00f; text-decoration: underline;}
body#people div#left p {color: #333;}
body#people div#left div span.division {color: #039; font-weight: bold;}
body#people div#center div {height: 198px; position: relative; left: -10px; background: #1E3460 url(../images/deg-people.jpg) no-repeat top left; color: #fff; margin: 0 25px 0 0; padding: 25px 200px 0 90px;}
body#people div#center div h4 {margin: 0 0 15px 0; font: 1.5em arial;}
body#people div#center div h4 span {display: block; font: 0.6em arial;}
body#people div#center div p {font: 0.9em arial; margin: 0; color: #fff;}
body#people div#center div p a:link, body#people div#center div p a:visited, body#people div#center div p a:hover {color: #fff; text-decoration: underline;}
body#people div#center div p.image {position: absolute; top: 0; right: 0 !important; right: -1px;}
body#people div#center h5 {font: bold 0.85em arial; text-transform: uppercase; letter-spacing: 1px; color: #006; margin: 0 0 0 80px;}
body#people div#center p {margin: 0 50px 15px 50px; color: #333;}
body#people div#center p.deg {position: relative; left: -10px; height: 20px; margin: 0; padding: 0 0 0 90px;}

/*////////////////// REFERENCES //////////////////*/
body#references div#left h3 {color: #333; text-transform: none; font: bold 0.85em arial; letter-spacing: 1px; margin: 0 0 5px 0;}
body#references div#left div ul li {background: url(../images/fleche.gif) no-repeat 0 7px; padding: 0 0 0 10px; position: relative;}
body#references div#left div ul li#active-ref {background: url(../images/fleche3.gif) no-repeat 0 7px;}
body#references div#left div ul li#active-ref a {color: #DC172D; text-decoration: underline; font: 0.85em arial;}
body#references div#left div ul li.desactive {background: url(../images/fleche-des.gif) no-repeat 0 7px; color: #333; font: 0.85em arial;}
body#references div#left div ul li a:link, body#references div#left div ul li a:visited {color: #00f; text-decoration: none; font: 0.85em arial;}
body#references div#left div ul li a:hover {color: #00f; text-decoration: underline; font: 0.85em arial;}
body#references div#center div#description {width: 217px; height: 510px; float: left; position: relative; left: -10px; color: #fff; padding: 35px 8px 45px 30px;}
body#references div#center div#description h4 {text-align: right; margin: 0 0 10px 0;}
body#references div#center div#description h5 {margin: 0 0 5px 0; font-weight: bold;}
body#references div#center div#description p {margin: 0 0 10px 0; font: 0.9em arial;}
body#references div#center div#description p.no-item {font-weight: bold; margin: 50px 0 0 0; padding: 0 0 0 20px;}
body#references div#center div#description p#deg1 {background-color: #fff; margin: 0; position: absolute; top: 0; right: 0 !important; right: -1px; width: 234px; height: 20px;}
body#references div#center div#description p#deg2 {background-color: #fff; margin: 0; position: absolute; bottom: 0; right: 0 !important; right: -1px; width: 234px; height: 20px;}
body#references div#center div#description ul {margin: 0 0 10px 0;}
body#references div#center div#description ul li {background: url(../images/fleche2.gif) no-repeat 0 6px; padding: 0 0 0 8px; font: 0.9em arial; position: relative;}
body#references div#center div#description a:link, body#references div#center div#description a:visited, body#references div#center div#description a:hover {color: #fff; text-decoration: underline;}
body#references div#center div#images {margin: 20px 0 0 253px; position: relative;}
body#references div#center div#images dl dt {position: relative; text-align: right; margin: -3px 20px 0 2px !important; margin: -3px 20px 0 0; padding: 2px; width: 350px; color: #DC172D; font: 0.8em arial; border: 1px solid #94A5B8;}
body#references div#center div#images ul {height: 85px; margin: 8px 0 0 0;}
body#references div#center div#images ul li {float: left; margin: 0 32px 0 0;}
body#references div#center div#images ul li#last-img {margin: 0;}
body#references div#center div#images ul li a {display: block; width: 65px;}
body#references div#center div#images ul li a:link, body#references div#center div#images ul li a:visited {color: #DC172D; font: 0.8em arial; text-decoration: none;}
body#references div#center div#images ul li a:hover {color: #DC172D; font: 0.8em arial; text-decoration: underline;}
body#references div#center div#images ul li a img {display: block; margin: 0 0 5px 0;}
body#references div#center div#noimages {margin: 20px 30px 0 253px; padding: 20px; position: relative; border: 1px solid #94A5B8; color: #333; height: 508px; background: url(../images/noimages.jpg) no-repeat bottom right;}
body#references div#center div#noimages p {margin: 150px 0 0 0; text-align: center;}

/*////////////////// EVENTS //////////////////////*/
body#events div#left div#active-event {margin: 0 0 4px -8px; padding: 10px 20px 10px 28px;}
body#events div#left div a:link, body#events div#left div a:visited {color: #00f; text-decoration: none;}
body#events div#left div a:hover {color: #00f; text-decoration: underline;}
body#events div#left p {color: #333;}
body#events div#left div a.date:link, body#events div#left div a.date:visited {color: #00f; font-weight: bold; text-decoration: none;}
body#events div#left div a.date:hover {color: #00f; font-weight: bold; text-decoration: underline;}
body#events div#center h3 {background: url(../images/fond-events-top.jpg) no-repeat;}
body#events div#center div#description h4 {margin: 0 -20px 20px 0;}
body#events div#center div#description h4 span {display: none;}
body#events div#center div#description {width: 259px; height: 460px; float: left; position: relative; left: -10px; color: #fff; padding: 50px 10px 45px 45px;}
body#events div#center div#description p {margin: 0 20px 15px 0;}
body#events div#center div#description p.no-item {font-weight: bold; margin: 50px 0 0 0; padding: 0 0 0 10px;}
body#events div#center div#description p img.pdf {display: inline; vertical-align: middle; margin: 0;}
body#events div#center div#description p#deg1 {background-color: #fff; margin: 0; position: absolute; top: 0; right: 0; width: 293px; height: 20px;}
body#events div#center div#description p#deg2 {background-color: #fff; margin: 0; position: absolute; bottom: 0 !important; bottom: -1px; right: 0; width: 293px; height: 20px;}
body#events div#center div#description a:link, body#events div#center div#description a:visited, body#events div#center div#description a:hover {color: #fff; text-decoration: underline;}
body#events div#center div#inscription {color: #333; margin: 28px 20px 0 330px; position: relative;}
body#events div#center div#inscription h4 {text-transform: uppercase; font: 0.9em arial; margin: 0 0 20px 0;}
/************ FORMS ************/
body#events div#center div#inscription form label {display: block; margin: -10px 0 0 0;}
body#events div#center div#inscription form label.normal {margin: 0 0 20px 0;}
body#events div#center div#inscription form label#label-city {margin: -10px 0 20px 0;}
body#events div#center div#inscription form input {display: block; position: relative; top: -18px !important; top: 15px; left: 82px !important; left: 100px; width: 150px;}
body#events div#center div#inscription form label.normal input {position: static; display: inline; width: auto;}
body#events div#center div#inscription form label input#Title {margin: 0 0 0 40px;}
body#events div#center div#inscription form label select#City {margin: -17px 0 0 82px !important; margin: -19px 0 0 81px; width: 154px;}
body#events div#center div#inscription form button {background-color: #1251C4; color: #fff; border: none; text-transform: uppercase; font: 0.8em arial; padding: 3px 2px 2px 2px; width: 80px;}

/*////////////////// NEWS ////////////////////////*/
body#news div#left div#active-news {margin: 0 0 4px -8px; padding: 10px 20px 10px 28px;}
body#news div#left div a:link, body#news div#left div a:visited {color: #00f; text-decoration: none;}
body#news div#left div a:hover {color: #00f; text-decoration: underline;}
body#news div#left p {color: #333;}
body#news div#left div a.date:link, body#news div#left div a.date:visited {color: #00f; font-weight: bold; text-decoration: none;}
body#news div#left div a.date:hover {color: #00f; font-weight: bold; text-decoration: underline;}
body#news div#center h4 {position: relative; height: 178px; font: 2em/1.3em arial; left: -10px; color: #fff; margin: 0 25px 0 0; padding: 45px 200px 0 60px;}
body#news div#center h4 img {position: absolute; top: 0; right: 0 !important; right: -1px;;}
body#news div#center h4 span {display: block; font: 0.5em arial;}
body#news div#center p {margin: 0 50px 15px 50px; color: #333;}
body#news div#center p.deg {position: relative; left: -10px; height: 20px; margin: 0; padding: 0 0 0 90px;}
body#news div#center p img.pdf {display: inline; vertical-align: middle; margin: 0;}

/*////////////////// JOBS ////////////////////////*/
body#jobs div#left div#active-job {margin: 0 0 4px -8px; padding: 10px 20px 10px 28px;}
body#jobs div#left div a:link, body#jobs div#left div a:visited {color: #00f; text-decoration: none;}
body#jobs div#left div a:hover {color: #00f; text-decoration: underline;}
body#jobs div#left div a.apply {text-transform: uppercase; font: 0.8em arial; background: url(../images/apply.gif) no-repeat; padding: 0 0 0 20px;}
body#jobs div#left p {color: #333;}
body#jobs div#left div span.division {color: #039; font-weight: bold;}
body#jobs div#center h4 {position: relative; height: 163px; left: -10px; font: 2em/1.3em arial; color: #fff; margin: 0 25px 0 0; padding: 60px 200px 0 60px;}
body#jobs div#center h4 img {position: absolute; top: 0; right: 0 !important; right: -1px;}
body#jobs div#center h5 {font: bold 0.9em arial; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0 10px 50px; color: #006;}
body#jobs div#center h6 {font: 1em arial; text-decoration: underline; margin: 0 50px 0 50px; color: #333;}
body#jobs div#center p, body#jobs div#center ul, body#jobs div#center form {margin: 0 50px 15px 50px; color: #333;}
body#jobs div#center p.deg {position: relative; left: -10px; height: 20px; margin: 0; padding: 0 0 0 90px;}
body#jobs div#center ul li {background: url(../images/tiret.gif) no-repeat 0 8px; padding: 0 0 0 10px;}
/************ FORMS ************/
body#jobs div#center form {position: relative;}
body#jobs div#center form fieldset {margin: 0 0 20px 0;}
body#jobs div#center form fieldset.prof fieldset {margin: 5px 0 10px 0;}
body#jobs div#center form fieldset.prof fieldset p {margin: 0 0 5px 0;}
body#jobs div#center form label, body#jobs div#center form textarea {display: block; margin: 0 0 2px 0;}
body#jobs div#center form textarea {width: 266px !important; width: 271px; font: 1em arial; padding: 2px;}
body#jobs div#center form span {display: block; width: 120px; float: left;}
body#jobs div#center form input {width: 150px; font: 1em arial;}
body#jobs div#center form input.longtext {margin: 15px 0 0 0;}
body#jobs div#center form label.normal input {position: static; display: inline; width: auto;}
body#jobs div#center form fieldset.prof fieldset label {margin: 0 0 2px 40px !important; margin: 0 0 2px 35px;}
body#jobs div#center form fieldset.prof fieldset span {width: 100px;}
body#jobs div#center form fieldset.prof fieldset select {margin: 0 0 0 104px !important; margin: 0 0 0 110px; width: 130px;}
body#jobs div#center form fieldset.prof fieldset input {width: 90px; float: left;}
body#jobs div#center form button {background-color: #1251C4; color: #fff; border: none; text-transform: uppercase; font: 0.8em arial; margin: 15px 0 0 0; padding: 3px 2px 2px 2px; width: 80px;}

/*////////////////// LINKS ///////////////////////*/
body#links div#center {margin: 0 0 0 90px; padding: 33px 35px 0 0; background: url(../images/fond-links.jpg) no-repeat 0 5px; position: static;}
body#links div#center h3 {padding: 75px 200px 0 90px; color: #fff; font: 2em/1.3em arial; letter-spacing: 2px; height: 148px; text-transform: none; position: relative; left: -10px;}
body#links div#center h3 img {position: absolute; top: 0; right: 0 !important; right: -1px;}
body#links div#center h4 {margin: 0 0 3px 80px; color: #006; font: 0.85em arial; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
body#links div#center ul {margin: 0 175px 10px 80px;}
body#links div#center ul li {color: #333; font: 0.85em arial; letter-spacing: 1px; margin: 0 0 2px 0;}
body#links div#center ul li a {position: relative; left: 5px;}
body#links div#center ul li a:link, body#links div#center ul li a:visited {color: #00f; text-decoration: none;}
body#links div#center ul li a:hover {color: #00f; text-decoration: underline;}
body#links div#center p.deg {position: relative; left: -10px; height: 20px;}
body#links div#center p#bot {background: url(../images/fond-links-bot.jpg) no-repeat bottom left; margin: 15px -55px 0 0; position: relative;}

/*////////////////// CONTACT /////////////////////*/
body#contact div#left div ul {position: relative;}
body#contact div#left div ul li {background: url(../images/fleche.gif) no-repeat 0 6px; padding: 0 0 0 10px; color: #00f; font: 0.85em arial;}
body#contact div#left div ul li#active-pays {background: url(../images/fleche3.gif) no-repeat 0 6px;}
body#contact div#left div ul li#active-pays a, body#contact div#left div ul li ul li#active-office a {color: #DC172D; text-decoration: underline;}
body#contact div#left div ul li a:link, body#contact div#left div ul li a:visited {color: #00f; text-decoration: none;}
body#contact div#left div ul li a:hover {color: #00f; text-decoration: underline;}
body#contact div#left div ul li ul li {background: url(../images/fleche-double2.gif) no-repeat 0 6px; font: 1em arial;}
body#contact div#left div ul li ul li#active-office {background: url(../images/fleche-double3.gif) no-repeat 0 6px;}
body#contact div#left p#contact-top {background: url(../images/fond-ref-top.jpg) no-repeat bottom left; border-top: 1px solid #F2F1ED; height: 30px; padding: 0 0 0 20px; margin: 0 -45px 5px -20px;}
body#contact div#center h4 {font: 1em arial; color: #039; font-weight: bold; margin: 65px 0 10px 0;}
body#contact div#center p {margin: 0 50px 15px 15px; color: #333;}
body#contact div#center p.carte {position: relative; height: 223px; left: -10px; font: 1.5em arial; background: #B4E5F6 url(../images/deg-contact.jpg) repeat-y; color: #fff; margin: 0 10px 0 0; padding: 0 0 0 21px;}
body#contact div#center p.carte img.view {position: absolute; top: 0; right: 0;}
body#contact div#center p.deg {position: relative; left: -10px; background: url(../images/deg-contact.jpg) repeat-y; height: 20px; margin: 0;}
body#contact div#center p.plan {text-align: right; margin: -10px 20px 0 0;}
body#contact div#center p.image {float: left; position: relative; margin: 30px 5px 40px 0; padding: 0 0 0 140px;}
body#contact div#center p.image2 {float: left; position: relative; margin: 0 5px 40px 0; padding: 0 0 0 140px;}
body#contact div#center p.imageUSA {float: left; position: relative; margin: 30px 5px 40px 0; padding: 0 0 0 50px;}

/*////////////////// POP CONTACT //////////////////////*/
body#pop-contact {background-color: #fff; margin: 30px;}
body#pop-contact div#pop-container {text-align: left;}
body#pop-contact div#pop-container h1 {margin: 0 35px 0 0;}
body#pop-contact div#pop-container h2 {font: 2em/1.3em arial; letter-spacing: 2px; color: #006; width: auto; height: auto; float: none; background: none; border: none; margin: 15px 0 40px 0; padding: 0;}
body#pop-contact div#pop-container h3 {font: 1em arial; color: #039; text-transform: none; font-weight: bold; margin: 20px 0 10px 112px;}
body#pop-contact div#pop-container p {margin: 0 0 15px 112px; color: #333;}
body#pop-contact div#pop-container p a:link, body#pop-contact div#pop-container p a:visited {color: #00f; text-decoration: none;}
body#pop-contact div#pop-container p a:hover {color: #00f; text-decoration: underline;}

/*////////////////// INDEX /////////////////////*/
body#index {margin: 0; height: 100%;}
body#index div#container {background: url(../images/fond-index.gif) repeat-y; width: 700px; position: absolute; top: 50%; left: 50%; margin: -185px 0 0 -350px;}
body#index p {font: 0.8em arial; text-transform: uppercase;}
body#index p.bot {background: url(../images/fond-index-bot.gif) no-repeat bottom left; margin: 15px 0 0 0;}
body#index span {display: block; float: left; padding: 0 0 0 10px;}
body#index form {background: url(../images/fond-index-top.gif) no-repeat; text-align: right; padding: 10px 50px 0 0}
body#index form select {font: 1em arial; width: 130px; display: inline;}
body#index form input.button {width: 22px; height: 17px; background-color: #1251C4; color: #fff; font: 0.9em arial; border: none;}
body#index object {margin: 20px 0 0 0; position: relative; left: -10px;}

/*////////////////// RESULTS /////////////////////*/
body#results div#center {margin: 0 0 0 90px; background: url(../images/fond-about.jpg) no-repeat;} 
body#results div#center h3 {height: 26px; padding: 7px 0 0 20px; background: none;}
body#results div#center p {color: #333; font: 0.9em arial; margin: 20px 80px 15px 40px;}
body#results div#center p#bot {background: url(../images/fond-links-bot.jpg) no-repeat bottom left; margin: 0; padding: 0 50px 20px 80px;}
body#results div#center ul {margin: 10px 80px 15px 40px;}
body#results div#center ul li {background: url(../images/fleche.gif) no-repeat 0 7px; padding: 0 0 0 10px; position: relative;}
body#results div#center ul li.noresult {background: none; padding: 0; font: 0.9em arial; color: #333;}
body#results div#center ul li a:link, body#results div#center ul li a:visited {color: #00f; text-decoration: none; font: 0.85em arial;}
body#results div#center ul li a:hover {color: #00f; text-decoration: underline; font: 0.85em arial;}


/*////////////////// INTRANET - INDEX ///////////////////////*/
body#int-index div#center {margin: 0 0 0 90px; padding: 30px 0 0 0; background: url(../images/fond-intra.jpg) no-repeat;} 
body#int-index div#center div {height: 211px; position: relative; left: -10px; background: #0B0DA9 url(../images/colors/8.jpg) repeat-y top left; color: #fff; margin: 0 25px 0 0; padding: 12px 200px 0 90px;}
body#int-index div#center div h3 {color: #fff; font: 2em/1.3em arial; background: none; letter-spacing: 2px; text-transform: none; position: relative; left: -10px;}
body#int-index div#center div p {color: #fff; font: 0.9em arial; margin: 0 80px 15px 10px;}
body#int-index div#center div ul {color: #fff; font: 0.9em arial; margin: -15px 80px 15px 10px;}
body#int-index div#center div img {position: absolute; top: 0; right: 0 !important; right: -1px;}
body#int-index div#center p#bot {background: url(../images/fond-links-bot.jpg) no-repeat bottom left; margin: 15px -55px 0 0; position: relative;}
body#int-index div#center p.deg {position: relative; left: -10px; margin: 0; background: url(../images/colors/8.jpg) repeat-y; height: 20px;}
body#int-index p.intro {font: 0.8em arial; text-transform: uppercase;}
body#int-index p.intro span {display: block; float: left; padding: 3px 30px 0 0;}
body#int-index form {text-align: right; padding: 0 50px 0 0; position: absolute; top: -1px; right: 0;}
body#int-index form select {font: 1em arial; width: 130px; display: inline;}
body#int-index form input.button {width: 22px; height: 17px; background-color: #1251C4; color: #fff; font: 0.9em arial; border: none;}

/*////////////////// INTRANET - HOME ///////////////////////*/
body#int-home div#header h2 {width: 877px;}
body#int-home div#center {margin: 0 0 0 90px; padding: 30px 35px 0 0; background: url(../images/fond-links.jpg) no-repeat;} 
body#int-home div#center h3 {padding: 75px 200px 0 90px; color: #fff; font: 2em/1.3em arial; background: #d30070 url(../images/colors/intra.jpg) repeat-y; letter-spacing: 2px; height: 148px; text-transform: none; position: relative; left: -10px;}
body#int-home div#center p {color: #fff; font: 0.9em arial; margin: 0 80px 15px 10px;}
body#int-home div#center ul {color: #fff; font: 0.9em arial; margin: -15px 80px 15px 10px;}
body#int-home div#center p#bot {background: url(../images/fond-links-bot.jpg) no-repeat bottom left; margin: 15px -55px 0 0; position: relative;}
body#int-home div#center p.deg {position: relative; left: -10px; margin: 0; background: url(../images/colors/intra.jpg) repeat-y; height: 20px;}

body#int-home div#header ul#menu li#menu1 {background: url(../images/news.gif) no-repeat 0 70%; padding: 0 0 0 15px;}
body#int-home div#header ul#menu li#menu2 {background: url(../images/events.gif) no-repeat 0 70%; padding: 0 0 0 15px;}
body#int-home div#header ul#menu li#menu3 {background: url(../images/mails.gif) no-repeat bottom left; padding: 0 0 0 17px;}
body#int-home div#header ul#menu li#menu4 {background: url(../images/ref.gif) no-repeat 0 70%; padding: 0 0 0 17px;}
body#int-home div#header ul#menu li#menu5 {background: url(../images/solutions.gif) no-repeat 0 70%; padding: 0 0 0 17px;}
body#int-home div#header form.offices {margin: 0 5px 0 0; padding: 0; display: inline;}
body#int-home div#header form.offices select {display: inline; margin: 0;}

/* border: 1px solid #f00;*/