html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
  border:none;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  color:#fff;
  font-family:Arial,sans-serif;
  margin:0;
  padding:0
}

body
{
  line-height:1;
  background:#000 url(../images/template/bg_body.jpg) no-repeat center top
}

ol,ul
{
  list-style:none
}

blockquote,q
{
  quotes:none
}

:focus
{
  outline:0
}

del
{
  text-decoration:line-through
}

table
{
  border-collapse:collapse;
  border-spacing:0;
  width:100%
}

input,textarea,select,label
{
  border:0;
  font-size:75%;
  font-family:Arial,Helvetica,sans-serif;
  color:#c0bfbf;
  background:none
}

a
{
  text-decoration:none;
  color:#c0bfbf
}

a:hover,a:focus
{
  text-decoration:underline;
  color:#02c6ff
}

h1
{
  font-size:300%;
  font-family:Helvetica,Arial,sans-serif
}

h2
{
  font-size:150%
}

p,span,legend
{
  font-size:75%;
  color:#8c8c8c;
  text-align:justify;
  line-height:1.2em
}

div.link-button
{
  height:1.69em;
  margin:0 .56em 0 0
}

div.link-button div.link-left
{
  width:.75em;
  height:1.69em;
  background:transparent url(../images/template/bg_link_left.png) no-repeat
}

div.link-button div.link-left.over
{
  background:transparent url(../images/template/bg_link_left_hover.png) no-repeat
}

div.link-button div.link-right
{
  height:1.45em;
  background:transparent url(../images/template/bg_link_right.png) no-repeat right top;
  padding:.24em 1.5em 0 0
}

div.link-button div.link-right.over
{
  background:transparent url(../images/template/bg_link_right_hover.png) no-repeat right top
}

div.link-button div.link-right a
{
  font-size:70%;
  font-weight:700;
  color:#8c8c8c
}

.invisible
{
  height:1%;
  position:absolute;
  top:-3000em
}

.anchor
{
  font-size:0;
  color:#000;
  display:block
}

.align-center
{
  text-align:center
}

.align-left
{
  text-align:left
}

.align-right
{
  text-align:right
}

.align-top
{
  vertical-align:top
}

.align-middle
{
  vertical-align:middle
}

.clear
{
  clear:both
}

.left
{
  float:left
}

.right
{
  float:right
}

#header
{
  width:61.19em;
  height:3.25em;
  margin:0 auto
}

#header ul.menu-top
{
  margin:1.68em 0 0
}

#header ul.menu-top li.parent
{
  position:relative;
  z-index:1000;
  display:inline;
  padding:0 .72em
}

#header ul.menu-top li.parent a
{
  font-size:105%;
  font-weight:700;
  letter-spacing:-.01em;
  font-family:Helvetica,Arial,sans-serif
}

#header ul.menu-top li.parent ul
{
  width:10em;
  position:absolute;
  top:1.18em;
  left:0;
  z-index:1000;
  display:none;
  background:url(../images/template/bg_menu.png) repeat;
  padding:0 0 .25em
}

#header ul.menu-top li.parent ul li
{
  width:100%;
  line-height:1.13em;
  display:inherit;
  padding:0 .81em
}

#header ul.menu-top li.parent ul li.first
{
  padding-top:1em
}

#header ul.menu-top li.parent ul li a
{
  font-size:70%;
  font-weight:400;
  color:#fff;
  letter-spacing:inherit;
  display:block;
  background:inherit
}

#search-form
{
  width:9.8em;
  padding:1.4em .9em 0 0
}

#search-keys-wrapper,#search-result-keys-wrapper
{
  height:1.45em;
  background:url(../images/template/bg_search_input.png) no-repeat;
  padding:.1em 0 0 .5em
}

#search-keys-wrapper
{
  width:7.8em
}

#search-keys
{
  width:7.3em;
  font-size:105%;
  font-weight:700;
  font-family:Helvetica,Arial,sans-serif;
  background:#2a2a2a
}

#search-submit,#search-result-submit
{
  width:1.61em;
  height:1.86em;
  font-size:85%;
  cursor:pointer;
  background:url(../images/template/bg_search_submit.png) no-repeat
}

#search-submit.over,#search-result-submit.over
{
  background:url(../images/template/bg_search_submit_over.png) no-repeat
}

#header #english
{
  padding:1.5em 0 0
}

#footer
{
  width:61.19em;
  height:6.88em;
  margin:0 auto .25em
}

#address
{
  padding:.78em 0 0 1.06em
}

#address ul.address li
{
  font-size:75%;
  float:left
}

#address ul.address li address
{
  font-style:normal;
  color:#8c8c8c;
  line-height:1.2em;
  background:url(../images/small/picto_home.png) no-repeat left 1.9em;
  padding:1.3em 0 0 1.8em
}

#address ul.address li#contact-phone
{
  font-weight:700;
  color:#8c8c8c;
  height:1.2em;
  background:url(../images/small/picto_phone.png) no-repeat 6.4em 2.25em;
  padding:2.55em 0 0 8.2em
}

#address ul.address li#contact-us
{
  color:#8c8c8c;
  font-weight:700;
  background:url(../images/small/picto_contact.png) no-repeat .4em center;
  margin:1.85em 0 0 4.5em;
  padding:.69em 1.2em .69em 2.6em
}

#address ul.address li#contact-us.show
{
  background:url(../images/template/bg_contact_us_show.png) no-repeat
}

#address ul.address li#contact-us.hide
{
  background:url(../images/template/bg_contact_us_hide.png) no-repeat
}

#footer ul.link
{
  padding:1.2em 1.34em 0 0
}

#footer ul.link li
{
  width:6.25em;
  height:.56em;
  padding:0 0 .94em
}

#footer ul.link li.first
{
  position:relative;
  background:url(../images/small/bullet_small_gray_top.png) no-repeat 1.3em .25em
}

#footer ul.link li.first.over
{
  background:url(../images/small/bullet_small_white_top.png) no-repeat 1.3em .25em
}

#footer ul.link li.first ul
{
  width:100px;
  height:150px;
  position:absolute;
  left:0;
  bottom:30px;
  background:red
}

#footer ul.link li a
{
  display:block;
  font-size:75%
}

#contact
{
  background:#000 url(../images/template/bg_contact.png) repeat-x;
  padding:1.3em 0 0
}

#map-canvas
{
  width:28.56em;
  height:20.75em;
  margin:0 0 0 .65em
}

#contact div.right
{
  width:28.83em;
  background:url(../images/small/bg_dotted_gray_vertical.png) repeat-y;
  padding:0 0 0 1.69em
}

#contact-form
{
  position:relative
}

#contact-form legend.presentation,#page-contact-form legend.presentation
{
  line-height:1.15em;
  margin:0 0 1.8em
}

#contact-form div.input input,#contact-form div.textarea textarea,#page-contact-form div.input input,#page-contact-form div.textarea textarea
{
  background:#1c1c1c
}

#contact-form div.input,#page-contact-form div.input
{
  margin:0 0 .94em;
  padding:.21em 0 0 .45em
}

#contact-form div.input
{
  width:13.43em;
  height:1.35em;
  background:url(../images/template/bg_contact_input.png) no-repeat
}

#contact-form div.input.over
{
  background:url(../images/template/bg_contact_input_over.png) no-repeat
}

#contact-form div.input.error
{
  background:url(../images/template/bg_contact_input_error.png) no-repeat
}

#contact-form div.input input
{
  width:11.8em
}

#contact-form div.textarea,#page-contact-form div.textarea
{
  margin:0 0 .55em;
  padding:.25em 0 0 .45em
}

#contact-form div.textarea
{
  width:13.43em;
  height:13.86em;
  background:url(../images/template/bg_contact_textarea.png) no-repeat
}

#contact-form div.textarea.over
{
  background:url(../images/template/bg_contact_textarea_over.png) no-repeat
}

#contact-form div.textarea.error
{
  background:url(../images/template/bg_contact_textarea_error.png) no-repeat
}

#contact-form div.textarea textarea
{
  width:17.43em;
  height:16.53em
}

#contact-form p.required-field,#page-contact-form p.required-field
{
  color:#2e2c2c;
  clear:right;
  position:relative;
  display:block;
  top:-.8em
}

#contact-form div.clear
{
  line-height:0
}

#contact-form #contact-submit,#page-contact-form #page-contact-submit
{
  width:7.9em;
  height:2.86em;
  font-weight:700;
  font-family:Helvetica,Arial,sans-serif;
  color:#fff;
  cursor:pointer;
  background:url(../images/template/bg_contact_submit.png) no-repeat
}

#contact-form #contact-submit.over
{
  background:url(../images/template/bg_contact_submit_over.png) no-repeat
}

#contact-form p.message
{
  color:#7c0000;
  display:none;
  margin:.8em 0 0 1.8em
}

#confirm-message
{
  width:26.81em;
  height:14.81em;
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  background:#0b0b0b;
  padding:6em 1em 0
}

#confirm-message p
{
  text-align:center;
  margin:1em 0 0
}

#home
{
  background:url(../images/home/bg_home.png) repeat-x left bottom
}

#flash
{
  height:16.13em
}

#no-flash
{
  width:100%;
  height:16.13em;
  background:#000 url(../images/home/bg_flash.png) repeat-x
}

#no-flash div.container img
{
  padding:1.38em 0 0 1em
}

#no-flash div.container div
{
  width:15em;
  margin:0 0 0 .85em;
  padding:5em 0 0
}

#no-flash div.container div p
{
  font-size:113%;
  padding:1em 0 0
}

#home #content
{
  width:61.19em;
  margin:.88em auto 0;
  padding:0 0 .25em
}

#home #content h2
{
  font-family:Helvetica,Arial,sans-serif;
  color:#fff;
  letter-spacing:-.04em
}

#home #content h2 a
{
  text-decoration:none;
  color:#fff
}

#home #content div.ui-sortable-placeholder
{
  height:14.91em;
  border:2px dashed #c0bfbf;
  visibility:visible!important;
  margin:0 .56em 0 0;
  padding:0
}

#home #content div.ui-sortable-placeholder *
{
  visibility:hidden
}

#solutions,#services
{
  width:18.7em;
  height:14.5em;
  background:#000 url(../images/home/bg_solutions.png) no-repeat;
  margin:0 .56em 0 0;
  padding:.76em 0 0 .99em
}

#solutions ul,#services ul
{
  margin:.95em 0 0;
  padding:0 0 0 1.45em
}

#solutions ul li,#services ul li
{
  list-style:url(../images/small/bullet_gray_left.png);
  padding:0 0 .54em .25em
}

#solutions ul li:hover,#services ul li:hover,#solutions ul li.over,#services ul li.over
{
  list-style:url(../images/small/bullet_white_left.png)
}

#services
{
  height:13.8em;
  width:18.61em;
  margin-right:.56em;
  background:#000 url(../images/home/bg_services.png) no-repeat;
  padding:.76em 0 0 1.14em
}

#news
{
  width:19.15em;
  height:14.5em;
  background:#000 url(../images/home/bg_news.png) no-repeat;
  margin:0 .56em 0 0;
  padding:.76em 0 0 .84em
}


#news h2
{
  margin:0 0 .65em
}

#news div.news
{
  height:2.03em;
  margin:0 0 1.13em
}

#news div.last
{
  margin:0 0 1.43em
}

#news div.news div.date
{
  width:1.94em;
  height:1.74em;
  background:#000 url(../images/home/bg_news_date.png) no-repeat;
  margin:0 .94em 0 0;
  padding:.2em 0 0
}

#news div.news div.date span.day
{
  font-size:14px;
  font-weight:700;
  color:#aaa;
  line-height:1em;
  display:block
}

#news div.news div.date span.month
{
  font-size:10px;
  color:#6b6b6b;
  display:block
}

#news div.news a
{
  font-size:75%;
  padding:.2em 0 0
}

#references
{
  width:38.98em;
  height:15.99em;
  margin:0 .56em 0 0;
  padding:1.76em 0 0 1.16em
}

#references #image-flow
{
  width:100%;
  text-align:left;
  position:relative;
  margin:1.31em 0 0
}

#references #image-flow div.images
{
  height:7.88em
}

#references #image-flow img
{
  visibility:hidden;
  position:absolute;
  top:0;
  border:none
}

#references #image-flow p
{
  text-align:center;
  position:relative;
  margin:-6em auto 0
}

#references #image-flow div.loading
{
  width:2em;
  height:2em;
  position:relative;
  left:50%;
  visibility:visible;
  background:url(../images/home/loader.gif) no-repeat;
  margin:1em 0 0 -1.03em;
  padding:.31em
}

#references #image-flow span.caption
{
  font-size:75%;
  font-weight:700;
  color:#fff;
  text-align:center;
  position:relative;
  z-index:1000;
  display:block;
  margin:.81em 0 0
}

#references #image-flow span.title
{
  font-size:75%;
  text-align:center;
  position:relative;
  z-index:1000;
  display:block;
  margin:.44em 0 0
}

#references #image-flow div.scrollbar
{
  width:38.19em;
  height:.13em;
  visibility:hidden;
  position:relative;
  z-index:1001;
  display:block;
  background:url(../images/home/bg_scroller.png) no-repeat;
  margin:1.35em 0 1.6em
}

#references #image-flow div.scrollbar div.slider
{
  width:1.5em;
  height:1.56em;
  position:absolute;
  z-index:1002;
  background:url(../images/home/slider.png) no-repeat;
  margin:-.69em 0 0 -.44em
}

#recruitements
{
  width:19.03em;
  height:15.99em;
  background:#000 url(../images/home/bg_recruitements.png) no-repeat;
  padding:1.76em 0 0 .94em
}

#recruitements p
{
  color:#8c8c8c;
  line-height:1.1em;
  padding:2.3em 1.25em 8.24em 0
}

#page
{
  background:url(../images/page/bg_page.png) repeat-x left bottom
}

#container
{
  width:61.25em;
  position:relative;
  margin:0 auto
}

#container #header
{
  width:43.6em
}

#menu-topic
{
  margin:1.56em 0 0 1.02em
}

#menu-topic a.logo
{
  width:8.94em;
  height:7.69em;
  text-indent:-3000em;
  display:block;
  background:url(../images/page/logo_page.png) no-repeat
}

#menu-topic a.logo:hover,#menu-topic a.logo:focus
{
  background:url(../images/page/logo_page_hover.png) no-repeat
}

#menu-topic ul.menu-left
{
  margin:2.03em 0 0
}

#menu-topic ul.menu-left li
{
  width:8.94em;
  background:url(../images/small/bg_dotted_gray_horizontal.png) repeat-x left bottom;
  margin:.59em 0 0;
  padding:0 0 .66em
}

#menu-topic ul.menu-left li.first
{
  margin-top:0;
  padding:0 0 .66em
}

#menu-topic ul.menu-left li.last
{
  background:none
}

#menu-topic ul.menu-left li a
{
  font-size:85%;
  font-weight:700;
  font-family:Helvetica,Arial,sans-serif;
  letter-spacing:-.065em
}

#menu-topic ul.menu-left li ul
{
  display:none;
  background:url(../images/page/bg_submenu.png) no-repeat;
  margin:.66em 0 .16em;
  padding:.22em 0 0
}

#menu-topic ul.menu-left li ul.current
{
  display:block!important
}

#menu-topic ul.menu-left li ul li
{
  background:none;
  margin:.19em 0 0;
  padding:0 0 .16em
}

#menu-topic ul.menu-left li ul li a
{
  font-size:70%;
  font-weight:400;
  font-family:Arial,Helvetica,sans-serif;
  letter-spacing:0
}

#menu-topic ul.menu-left li ul li a:hover,#menu-topic ul.menu-left li ul li a:focus
{
  font-weight:700;
  color:#fff
}

#menu-topic ul.menu-left li ul li a.current
{
  font-weight:700;
  color:#02c6ff
}

#menu-topic div.slide-references
{
  width:8.94em;
  height:16.19em;
  overflow:auto;
  background:url(../images/page/bg_menu_references.png) no-repeat center bottom;
  margin:3em 0 0
}

#menu-topic div.slide-references ul.references li
{
  margin:0 0 .81em
}

#menu-topic div.slide-references ul.references li a
{
  font-size:70%;
  font-weight:700
}

#menu-topic #all-references
{
  width:8.94em;
  height:2.44em;
  line-height:2.44em;
  display:block;
  cursor:pointer;
  background:url(../images/page/bg_menu_references_bottom.png) no-repeat;
  margin:0 0 0 .1em
}

#menu-topic #all-references span
{
  font-size:84%;
  font-weight:700;
  font-family:Helvetica,Arial,sans-serif;
  color:#fff;
  display:block;
  padding:.8em 0 0 2.2em
}

#container #content
{
  width:47.27em;
  background:url(../images/page/bg_page_content.png) no-repeat;
  margin:.96em 0 0 2.36em;
  padding:1.37em 0 0 1.31em;
  float:left;
}


#container #content h1.title
{
  color:#323232;
}

#container #content h1.shadow
{
  color:#02c6fa;
  position:absolute;
  top:1.84em;
  left:4.53em
}

#container #content h1.title h1
{
  font-size:100%;
  color:#000;
  line-height:inherit;
  display:block;
  position:absolute;
  top:1.86em;
  left:5.52em
}

html>/**/body #container #content h1.title h1
{
  top:1.84em;
  left:4.54em
}

#breadcrumb
{
  font-size:65%;
  color:#535353
}

#breadcrumb a
{
  color:#535353
}

#breadcrumb span.separator
{
  font-size:100%;
  color:#535353;
  margin:0 .24em
}

#container #content div.message-warning
{
  margin:0 0 1em
}

#container #content div.message-warning h2
{
  font-size:110%;
  color:#7c0000;
  background:none;
  margin:0 0 .6em;
  padding:0
}

#container #content div.message-warning ul li
{
  font-size:75%;
  font-weight:700;
  color:#7c0000;
  list-style:url(../images/small/bullet_small_red_left.png);
  margin:0 0 0 2em;
  padding:.2em 0
}

#container #content div.content
{
  width:47.57em;
  background:url(../images/small/bg_dotted_gray_horizontal.png) repeat-x;
  margin:.8em 0 0 .3em;
  padding:.8em 0 0
}

#container #content div.special {

  width:35em!important;
  float:left;
}

#topic
{
  width:31.82em
}

#topic.maximized
{
  width:99%
}

#topic h2,#reference h2
{
  font-size:90%;
  font-weight:400;
  font-family:Arial,Helvetica,sans-serif;
  color:#fff;
  background:url(../images/small/bullet_gray_left.png) no-repeat left .16em;
  margin:0 0 .94em;
  padding:0 0 0 .98em
}

#topic h2.over
{
  background:url(../images/small/bullet_white_left.png) no-repeat left .16em
}

#topic div.warning p
{
  margin:0 0 1.06em
}

#topic div.presentation,#search-result div.presentation
{
  margin:0 0 2.02em
}

#topic div.presentation p,#topic div.body p,#topic div.reference p,#reference div.page-presentation p,#search-result div.presentation p
{
  margin:0 0 .94em
}

#topic div.presentation ul,#topic div.body .body-content ul,#reference div.page-presentation ul,#topic div.message-warning ul,#topic div.warning ul,#search-result div.presentation ul
{
  margin:0 0 0 .75em
}

#topic div.presentation ul li,#topic div.body .body-content ul li,#reference div.page-presentation ul li,#topic div.message-warning ul li,#topic div.warning ul li,#search-result div.presentation ul li
{
  line-height:1.2em;
  font-size:75%;
  color:#8c8c8c;
  list-style:url(../images/small/bullet_small_white_left.png);
  margin:0 0 .93em .98em;
  padding:0 0 0 .46em
}

#topic div.page-presentation
{
  background:url(../images/small/bg_dotted_gray_horizontal.png) repeat-x left bottom;
  margin:0 0 1.06em;
  padding:0 0 1.13em
}

#topic div.page-presentation p,#reference div.page-presentation p
{
  font-size:95%;
  font-weight:400;
  color:#8c8c8c
}

#reference div.page-presentation div.small
{
  margin:1em 0 0
}

#reference div.page-presentation div.small p
{
  font-size:75%;
  color:#8c8c8c
}

#topic div.topic
{
  height:4.81em;
  background:url(../images/page/bg_topic_right.png) no-repeat right;
  margin:.81em 0 0 1.19em
}

#topic div.topic.over
{
  background:url(../images/page/bg_topic_right_over.png) no-repeat right
}

#topic div.topic div.topic-left
{
  width:1.19em;
  height:4.81em;
  position:relative;
  left:-1.19em;
  background:url(../images/page/bg_topic_left.png) no-repeat
}

#topic div.topic div.topic-left.over
{
  background:url(../images/page/bg_topic_left_over.png) no-repeat
}

#topic div.topic div.topic-right
{
  height:4.81em;
  position:relative;
  left:-1.19em
}

#topic div.topic div.topic-right h2
{
  font-size:150%;
  font-weight:700;
  font-family:Helvetica,Arial,sans-serif;
  color:#fff;
  letter-spacing:-.04em;
  background:transparent;
  margin:1.1em 1.49em 0 0;
  padding:0
}

#topic div.topic div.topic-right table
{
  width:auto;
  height:100%
}

#topic div.topic div.topic-right table td p
{
  font-size:70%
}

#topic div.reference
{
  width:14.25em;
  height:11.07em;
  background:url(../images/page/bg_reference.png) no-repeat;
  margin:0 .88em 1.56em 0;
  padding:.81em 0 0 .56em
}

#topic div.reference.over
{
  background:url(../images/page/bg_reference_over.png) no-repeat
}

#topic div.reference p
{
  width:17em;
  padding:0 0 0 1.14em
}

#reference div.page-presentation
{
  width:23.25em;
  margin:0 1.88em 0 0
}

#carousel
{
  position:relative;
  margin:.45em 0 0
}

#carousel a
{
  text-decoration:none;
  display:block;
  position:absolute;
  top:5.63em;
  z-index:999
}

#carousel a.previous,#carousel a.next
{
  width:1.94em;
  height:1.56em
}

#carousel a.previous
{
  left:-.31em;
  background:url(../images/page/bg_slider_previous.png) no-repeat
}

#carousel a.previous:hover,#carousel a.previous:focus
{
  background:url(../images/page/bg_slider_previous_hover.png) no-repeat
}

#carousel a.next
{
  left:20.5em;
  background:url(../images/page/bg_slider_next.png) no-repeat
}

#carousel a.next:hover,#carousel a.next:focus
{
  background:url(../images/page/bg_slider_next_hover.png) no-repeat
}

#carousel div.container img
{
  height:20.81em
}

#topic div.focus div.focus-description
{
  background:#161616;
  margin:0 0 2.25em
}

#topic div.focus div.focus-description div.header div.header-left
{
  width:.19em;
  height:.19em;
  background:url(../images/page/bg_focus_top_left.png) no-repeat
}

#topic div.focus div.focus-description div.header div.header-right
{
  width:.19em;
  height:.19em;
  background:url(../images/page/bg_focus_top_right.png) no-repeat
}

#topic div.focus div.focus-description div.focus-content
{
  padding:.88em 0 .44em .94em
}

#topic div.focus div.focus-description h2
{
  height:1.59em;
  line-height:1.59em;
  font-size:90%;
  font-weight:400;
  font-family:Arial,Helvetica,sans-serif;
  color:#fff;
  background:url(../images/small/picto_focus_plus.png) no-repeat left .16em;
  padding:0 0 0 2.04em
}

#topic div.focus div.focus-description ul
{
  margin:1em 1.3em 0
}

#topic div.focus div.focus-description ul li
{
  line-height:1.2em;
  font-size:75%;
  color:#8c8c8c;
  list-style:url(../images/small/bullet_small_blue.png);
  margin:0 0 .74em;
  padding:0 0 0 .46em
}

#topic div.focus div.focus-description div.footer div.footer-left
{
  width:.19em;
  height:.19em;
  background:url(../images/page/bg_focus_bottom_left.png) no-repeat
}

#topic div.focus div.focus-description div.footer div.footer-right
{
  width:.19em;
  height:.19em;
  background:url(../images/page/bg_focus_bottom_right.png) no-repeat
}

#topic div.focus table tr td.illustration,#topic div.body table tr td.illustration
{
  padding:0 0 0 1.5em
}

div.pagenavigator
{
  height:3.19em;
  line-height:3.19em;
  background:url(../images/page/bg_paginator_right.png) no-repeat top right
}

div.pagenavigator-left
{
  width:.19em;
  height:3.19em;
  background:url(../images/page/bg_paginator_left.png) no-repeat
}

div.pagenavigator span.container
{
  padding:0 1.88em
}

div.pagenavigator span.container span.current
{
  font-size:100%;
  font-weight:700;
  color:#fff
}

#related
{
  width:13.63em
}

#related div.related
{
  width:12.94em;
  background:url(../images/page/bg_content_related.png) no-repeat left bottom;
  margin:.8em 0 0;
  padding:1.15em 0 .5em .69em
}

#related div.related ul li
{
  list-style:url(../images/small/bullet_gray_left.png);
  margin:0 0 .94em .98em
}

#related div.related ul li ul
{
  margin:1em 0 0 .24em
}

#related div.related ul li ul li
{
  font-size:75%;
  color:#8c8b8b;
  margin-left:1.02em;
  list-style:url(../images/small/bullet_small_gray_left.png)
}

#related div.related ul li ul li.over
{
  list-style:url(../images/small/bullet_small_white_left.png)
}

#related div.related ul li ul li a
{
  color:#8c8b8b
}

#related-reference
{
  width:45.31em;
  height:4.25em;
  background:url(../images/page/bg_reference_related.png) no-repeat left bottom;
  padding:1.88em .5em 0 1.25em
}

#link-reference
{
  margin:1.19em 0 0
}

#illustration
{
  width:auto;
  height:auto;
  position:absolute;
  right:47.38em;
  bottom:0
}

#topic div.block-news
{
  background:url(../images/page/bg_topic_right.png) no-repeat right top;
  margin:.81em 0 0 1.19em
}

#topic div.block-news div.corner-left
{
  width:1.19em;
  height:6em;
  float:left;
  position:relative;
  right:1.19em;
  background:url(../images/page/bg_topic_left.png) no-repeat
}

#topic div.block-news h3
{
  font-weight:700;
  margin:0 0 .63em;
  padding:.63em 0 0
}

#topic div.block-news ul
{
  margin:0 0 .94em .75em
}

#topic div.block-news ul li
{
  line-height:1.2em;
  font-size:80%;
  list-style:url(../images/small/bullet_small_gray_left.png);
  margin:0 0 0 1.18em;
  padding:0 0 .2em .16em
}

#topic div.block-news ul li span.file-size,#topic div.news span.file-size
{
  margin:0 0 0 .94em
}

#topic div.block-news ul li span.file-size
{
  font-size:85%;
  margin:0 0 0 .94em
}

#topic div.focus-news
{
  height:7.75em;
  background:url(../images/page/bg_focus_right.png) no-repeat top right;
  margin:.19em 0 1.65em
}

#topic div.focus-news div.focus-news-left
{
  width:.19em;
  height:7.75em;
  background:url(../images/page/bg_focus_left.png) no-repeat
}

#topic div.focus-news div.focus-news-right
{
  padding:1.06em 1.19em
}

#topic div.focus-news div.focus-news-right h2
{
  font-weight:700;
  font-size:25px;
  background:none;
  margin:0 0 .8em;
  padding:0
}

#topic div.focus-news div.focus-news-right a,#topic div.news a
{
  font-size:85%;
  color:#fff
}

#topic div.focus-news div.focus-news-right p
{
  display:block;
  margin:.31em 0 0
}

#topic div.news
{
  margin:0 0 1.75em
}

#topic div.news span.date
{
  font-size:65%;
  padding:0 0 0 1.69em
}

#topic div.news div.link
{
  line-height:1.2em;
  background:url(../images/small/bullet_small_gray_left.png) no-repeat .31em .35em;
  padding:0 0 0 1.13em
}

#topic div.news p
{
  font-size:70%;
  padding:0 0 0 1.63em
}

#hold
{
  width:0;
  height:25.25em;
  float:right
}

ul.job li
{
  background:url(../images/small/bullet_small_gray_left.png) no-repeat .5em .3em;
  margin:0 0 25px;
  padding:0 0 0 20px
}

ul.job li a
{
  font-size:80%
}

#contact-form div.input2
{
  width:33.43em;
  height:3.35em;
  background:url(../images/template/bg_contact_input.png) no-repeat;
  margin:0 0 .94em;
  padding:.21em 0 0 .45em
}

#lettre_motivation_postulation
{
  width:10px
}

#contact-form div.input.upload
{
  width:auto
}

#contact-form div.input2 textarea
{
  vertical-align:top;
  width:430px;
  background:#212121
}

#page-contact-form p.required-field
{
  width:9.2em;
  color:#8c8c8c;
  margin:0 .9em 0 0
}

#page-contact-form div.container
{
  margin:.9em 0 0
}

#page-contact-form div.input
{
  width:18.44em;
  height:1.35em;
  background:url(../images/page/bg_page_contact_input.png) no-repeat
}

#page-contact-form div.input.last
{
  margin-bottom:0
}

#page-contact-form div.input input
{
  width:17.8em
}

#page-contact-form div.textarea
{
  width:26.44em;
  height:13.86em;
  background:url(../images/page/bg_page_contact_textarea.png) no-repeat;
  margin:0
}

#page-contact-form div.textarea textarea
{
  width:34.13em;
  height:16.23em
}

#page-contact-form div.submit
{
  width:5.8em;
  margin:.4em 0 0
}

#search-result
{
  width:100%
}

#search-result div.presentation div.presentation-result
{
  background:#0b0b0b url(../images/page/bg_focus_search_right.png) no-repeat bottom right
}

#search-result div.presentation div.presentation-result-left
{
  width:.13em;
  height:3.88em;
  background:url(../images/page/bg_focus_search_left.png) no-repeat
}

#search-result div.presentation div.presentation-result-right
{
  padding:.94em .96em 0 1.19em
}

#search-result div.presentation div.presentation-result h2
{
  font-size:105%;
  width:21.13em
}

#search-result-form
{
  width:20.81em;
  height:1.45em
}

#search-result-keys-wrapper
{
  width:18.81em;
  height:1.46em;
  background:url(../images/page/bg_search_result_input.png) no-repeat
}

#search-result-keys
{
  width:24.3em;
  background:#2c2c2c;
  padding:.3em 0 0
}

#search-result-submit
{
  background:url(../images/page/bg_search_result_submit.png) no-repeat
}

#search-result div.presentation div.presentation-result div.clear
{
  line-height:.6em
}

#search-result div.presentation div.presentation-result p.tips
{
  font-size:80%;
  font-weight:700
}

#search-result div.presentation div.presentation-result ul
{
  margin-bottom:.94em
}

#search-result div.search-result
{
  background:url(../images/small/bg_dotted_gray_horizontal.png) repeat-x left bottom;
  margin:0 0 1.06em .75em;
  padding:0 0 1.13em
}

#search-result div.search-result div.search-result-content
{
  background:url(../images/small/bullet_small_gray_left.png) no-repeat left .2em;
  padding:0 0 0 .88em
}

#search-result div.search-result div.search-result-content p
{
  margin:.4em 0
}

#search-result div.search-result div.search-result-content span.percent
{
  font-style:italic
}

#search-result div.search-result div.search-result-content span.type
{
  font-weight:700
}

.treeview,.treeview ul
{
  list-style:none;
  margin:0;
  padding:0
}

.treeview ul
{
  margin-top:.25em
}

.treeview .hitarea
{
  background:url(../images/small/treeview_default.png) -4em -1.56em no-repeat;
  height:1em;
  width:1em;
  margin-left:-1.38em;
  float:left;
  cursor:pointer
}

* html .hitarea
{
  display:inline;
  float:none
}

.treeview li
{
  background:url(../images/small/treeview_default_line.png) 0 0 no-repeat;
  margin:0;
  padding:.19em 0 .19em 1em
}

.treeview li.collapsable,.treeview li.expandable
{
  background-position:0 -11em
}

.treeview .expandable-hitarea
{
  background-position:-5em -.19em
}

.treeview li.last
{
  background-position:0 -110.38em
}

.treeview li.lastcollapsable,.treeview li.lastexpandable
{
  background-image:url(../images/small/treeview_default.png)
}

.treeview li.lastcollapsable
{
  background-position:0 -6.94em
}

.treeview li.lastexpandable
{
  background-position:-2em -4.19em
}

.treeview div.lastcollapsable-hitarea,.treeview div.lastexpandable-hitarea
{
  background-position:0
}

.filetree li
{
  padding:.19em 0 .13em 1.38em
}

.filetree span.home,.filetree span.folder,.filetree span.page,.filetree span.link,.filetree span.site-map
{
  height:16px;
  display:block;
  padding:.06em 0 .06em 1.75em
}

.filetree span.home
{
  background:url(../images/small/home.png) 0 0 no-repeat
}

.filetree span.folder
{
  background:url(../images/small/folder.png) 0 0 no-repeat
}

.filetree li.expandable span.folder
{
  background:url(../images/small/folder_closed.png) 0 0 no-repeat
}

.filetree span.page
{
  background:url(../images/small/page.png) 0 0 no-repeat
}

.filetree span.link
{
  background:url(../images/small/link.png) 0 0 no-repeat
}

.filetree span.site-map
{
  background:url(../images/small/site_map.png) 0 0 no-repeat
}

form label,.treeview .hover
{
  cursor:pointer
}

ins,#header ul.menu-top li.parent a:hover,#header ul li.parent a:focus,#header ul li.parent a.current,#menu-topic ul.menu-left li a:hover,#menu-topic ul.menu-left li a:focus,#menu-topic div.slide-references ul.references li a:hover,#menu-topic div.slide-references ul.references li a:focus
{
  text-decoration:none
}

h3,#solutions ul li h3
{
  font-size:90%;
  font-weight:400;
  font-family:Arial,Helvetica,sans-serif;
  color:#fff
}

div.link-button div.link-right a:hover,div.link-button div.link-right a:focus,div.link-button div.link-right a.hover,#address ul.address li#contact-us a:hover,#address ul.address li#contact-us a:focus,#address ul.address li#contact-us a.hover
{
  color:#fff;
  text-decoration:none
}

.none,#footer ul.link li.first #useful-links,#solutions ul li div,#services ul li div
{
  display:none
}

.align-bottom,#illustration img
{
  vertical-align:bottom
}

#header ul li.parent a.current,#header ul.menu-top li.parent ul li a:hover,#header ul.menu-top li.parent ul li a:focus,#menu-topic ul.menu-left li a.current,#menu-topic div.slide-references ul.references li a.current,#breadcrumb a:hover,#breadcrumb a:focus,#topic div.reference h2 a:hover,#topic div.reference h2 a:focus,#topic div.reference p.over,#related div.related ul li ul li a:hover,#related div.related ul li ul li a:focus,#topic div.focus-news div.focus-news-right a:hover,#topic div.focus-news div.focus-news-right a:focus,#topic div.news a:hover,#topic div.news a:focus,#search-result div.search-result div.search-result-content a:hover,#search-result div.search-result div.search-result-content a:focus
{
  color:#02c6ff
}

#header ul.menu-top li.parent:hover ul,#solutions ul li:hover div,#services ul li:hover div,#menu-topic ul.menu-left li:hover ul
{
  display:block
}

#contact .center,#no-flash div.container
{
  width:61.19em;
  margin:0 auto
}

#contact-form #message,#page-contact-form #message
{
  width:17.5em;
  height:16em
}

#home #content h2 a:hover,#home #content h2 a:focus,#solutions ul li h3 a:hover,#solutions ul li h3 a:focus,#services ul li h3 a:hover,#services ul li h3 a:focus
{
  text-decoration:none;
  color:#02c6ff
}

#content-sortable li h3 a,#solutions ul li h3 a,#services ul li h3 a,#reference div.page-presentation p,#topic div.topic div.topic-right table td p.over,#topic div.reference h2 a,#search-result div.search-result div.search-result-content a
{
  color:#fff
}

#solutions ul li div a.link,#services ul li div a.link,#references #image-flow a,#topic div.news span.file-size
{
  font-size:75%
}

#topic div.focus div.focus-description div.header,#topic div.focus div.focus-description div.footer
{
  width:100%;
  height:.19em;
  line-height:.19em
}
/****Contenu connexe*******/

#connexe_content{
float:right;
width:11.5em;
padding-top:1.5em!important;
padding-top:.8em;

}

.connexe
{
  width:11em;
   background:transparent url(../images/home/connexe.png) no-repeat bottom;
  margin:0 0 2em 0em;
  padding:0em 0 0.5em 0em;
  float:right;
}

.connexe h2
{
  background:transparent url(../images/small/bullet_gray_left.png) no-repeat scroll left 0.16em;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:90%;
	font-weight:400;
	margin:0.5em 0 0.94em 0.3em;
	padding:0 0 0 0.98em;
}

.connexe ul.news
{
  margin-left:1.5em;
   width:9.5em;
}

.connexe  div.last
{
  margin:0 0 1.43em
}

.connexe div.news div.date
{
  width:1.94em;
  height:1.74em;
  background:#000 url(../images/home/bg_news_date.png) no-repeat;
  margin:0.2em 0em 0 0;
  padding:.2em 0 0
}

.connexe div.news div.date span.day
{
  font-size:14px;
  font-weight:700;
  color:#aaa;
  line-height:1em;
  display:block
}

.connexe div.news div.date span.month
{
  font-size:10px;
  color:#6b6b6b;
  display:block
}

.connexe  ul.news a
{
  padding:.2em 0 0
}

.connexe div.news
{ float:left;
  margin-bottom:0.8em;
  padding-left:0.3em;
}

.connexe div.titre 
{
  padding:0 0 0 0.5em;
  width:8em;
  float:left;
}

.connexe div.news a
{
  font-size:75%;
 
}

.connexe  ul.news li{
color:#8C8C8C;
font-size:75%;
line-height:1.2em;
list-style-image:url(../images/small/bullet_small_white_left.png);
list-style-position:outside;
list-style-type:disc;
margin:0 0 0.93em 0.98em;
padding:0 0 0 0.46em;
}
.CV{
margin-left:7.5em;

}

/*** carte de voeux*****/
#voeux{
position:absolute; 
top:100px; 
width:80px; 
height:50px;
 
}

#voeux a {
		display: block;
		height: 80px;
		background: url(../images/ongletvoeux.png);
		}
		
#voeux  a { background-position: 0 0; width: 30px; }	
#voeux  a:hover, #voeux a:focus { background-position: 0 -80px; }

.video {
	margin:.94em 0
}