/***** [ Reset css ] ************************************************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }
:focus {
    outline: 0;
    }
ol, ul {
    list-style: none;
    }
table {
    border-collapse: separate;
    border-spacing: 0;
    }
caption, th, td {
    text-align: left;
    font-weight: normal;
    }
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    }
blockquote, q {
    quotes: "" "";
    }

/***********************************************************************/

body {
  color: #000;
  font-size: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #ccc;
}

#container {
    width: 850px;
    margin: 0 auto;
    background: url(images/container_bg.gif) top left repeat-y;
    padding-top: 233px;
}

#header {
  position: fixed;
  z-index: 2;
  /*position: absolute;*/
  top: 0;
}
#header h1 span { display: none; }
#header h1 {
  display: block;
  width: 850px;
  height: 233px;
}

#menu_container {
  position: fixed;
  z-index: 3;

  /*position: absolute;*/
  top: 0;
  width: 239px;
  height: 585px;
}

#contact {
  display: block;
  position: absolute;
  left: 56px;
  top: 468px;
  width: 72px;
  height: 26px;
  background: url(images/contact_bg.gif) no-repeat top left;
}
#contact span { display: none; }

#home-link { 
  display: block;
  position: absolute;
  left: 14px;
  top: 56px;
  width: 142px;
  height: 58px;
}
#home-link span { display: none; }

#menu {
  position: absolute;
  left: 8px;
  top: 168px;
}

#menu ul { margin: 0; padding: 0; }
#menu li { margin: 0; padding: 0; display: inline; }

.menu_item {
  display: block;
  width: 160px;
}

.menu_item span { display: none; }

#menu #edito_item { 
  height: 35px;
  background-position: 0 0;
}

#menu #edito_item:hover { 
  background-position: 0 -131px;
}
#menu #portraits_item { 
  height: 30px; 
  background-position: 0 -35px;
}
#menu #portraits_item:hover, .portraits_sel {
  background-position: 0 -166px !important;
}
#menu #agence_item { 
  height: 33px; 
  background-position: 0 -65px;
}
#menu #agence_item:hover {
  background-position: 0 -196px;
}
#menu #portfolio_item { 
  height: 33px; 
  background-position: 0 -98px;
}
#menu #portfolio_item:hover { 
  background-position: 0 -229px;
}

#content {
  margin-left: 239px;
  padding-top: 66px;
  padding-bottom: 10px;
  margin-right: 25px;
}

#bloc_contact {
  margin-top: 30px;
  position: relative;
  left: 60px;
  width: 548px;
  height: 200px;
  background: url(images/bloc_contact-trans.png) no-repeat top left;
  padding: 62px 24px 20px 14px;
}
#bloc_contact p#bloc_contact_intro {
  font-size: 11px !important;
  line-height: normal !important;
  color: #666 !important; 
  margin: 0 !important;

  letter-spacing: -0.09em;
}
#bloc_contact #bloc_contact_adresse, #bloc_contact #bloc_contact_adresse a {
  text-align: center;
  font-size: 13px !important;
  line-height: normal !important;
  color: #3faddb !important; 
  margin: 0 !important;
}

/*************** HOME *************************/

#home_container {
  position: relative;
  margin: 26px auto auto auto;
  width: 850px;
  height: 741px;
  background: url(images/home_header.gif) top left no-repeat;
}

#home_container #home_header {
  width: 850px;
  height: 147px;
}
#home_container h1 span { display: none; }
#home_container h1 a { 
  display: block; 
  position: absolute;
  top: 18px;
  left: 48px;
  width: 298px;
  height: 120px;
}

#home_menu li { 
  position: absolute;
  top: 69px;
  display: inline; 
}
#home_menu li a span { display: none; }
#home_menu li a {
  display: block;
  height: 45px;
}

#home_menu #edito_item { left: 398px; }
#home_menu #edito_item a { width : 51px; }
#home_menu #portraits_item { left: 490px; }
#home_menu #portraits_item a { width : 57px; }
#home_menu #agence_item { left: 586px; }
#home_menu #agence_item a { width : 47px; }
#home_menu #portfolio_item { left: 677px; }
#home_menu #portfolio_item a { width : 56px; }

a#home_contact span { display: none; }
a#home_contact {
  display: block;
  position: absolute;
  top: 69px;
  left: 778px;
  width: 49px;
  height: 45px;
}

#home_content {
  position: relative;
  height: 478px;
  background: #fff url(images/home_coord_talents.gif) 209px 0 no-repeat;
  color: #666; 
  font-size: 11px; 
}

#home_content a {
  color: #666; 
  text-decoration: none;
}
#home_edito {
  position: absolute;
  top: 0;
  left: 0;
  width: 209px;
  height: 239px;
}

#home_edito_container {
  height: 218px;
  width: 208px;
  border-left: solid 1px #c0c0c0;
}

#home_edito a#home_edito_suite { 
  color: #000;
  text-decoration: underline;
  float: right;
  font-weight: bold;
  margin-right: 20px;
}

#home_edito .lettrine_f span { display: none; }
#home_edito .lettrine_f {
  float: left;
  display: block;
  width: 18px;
  height: 26px;
  background: url(images/home_edito_lettrine_f.gif) no-repeat top left;
}

#home_edito p { 
  margin: 20px 20px 10px 20px;
}

#home_edito h2 a span { display: none; }
#home_edito h2 a {
  display: block;
  width: 209px;
  height: 21px;
  background: url(images/home_edito_titre.gif) top left no-repeat;
}

#home_plus {
  position: absolute;
  top: 0;
  left: 670px;
  width: 180px;
  height: 239px;
}

#home_plus_container {
  height: 71px;
  width: 179px;
  border-right: solid 1px #c0c0c0;
}

#home_plus p { margin: 12px 10px; }

#home_plus h2 a span { display: none; }
#home_plus h2 a {
  display: block;
  width: 180px;
  height: 168px;
  background: url(images/home_plus_titre.gif) top left no-repeat;
}

#home_talents {
  position: absolute;
  top: 239px;
  left: 0;
  width: 425px;
  height: 239px;
}
#home_talents_container {
  border-left: solid 1px #c0c0c0;
  height: 218px;
}

#home_talents p { margin:0 2px 20px 19px; padding-top: 25px; }
#home_talents a#home_talents_suivre { margin: 25px 2px 20px 19px; }
a#home_talents_suivre { font-weight: bold; }

#home_talents h2 a span { display: none; }
#home_talents h2 a {
  display: block;
  width: 425px;
  height: 21px;
  background: url(images/home_talents_titre.gif) top left no-repeat;
}

#home_zoom {
  position: absolute;
  top: 239px;
  left: 425px;
  width: 425px;
  height: 239px;
}

#home_zoom_container {
  height: 218px;
  width: 423px;
  border-left: solid 1px #b6b6b6;
  border-right: solid 1px #c0c0c0;
}

#home_zoom p { margin: 0 12px 12px 12px; padding-top: 12px; }
#home_zoom #home_zoom_portraits_img { margin-left: 11px; }

#home_zoom h2 a span { display: none; }
#home_zoom h2 a {
  display: block;
  width: 425px;
  height: 21px;
  background: url(images/home_zoom_titre.gif) top left no-repeat;
}

#home_footer {
  background: url(images/home_footer_bg.gif) top left no-repeat;
  height: 87px;
  width: 850px;
  padding-top: 30px;
  color: #000; 
  font-size: 11px; 
  text-align: center;
}
#home_footer p { line-height: 22px; }
#home_footer a { color: #000; }
a#home_mentions { 
  position: relative; top: 30px;
  font-size: 10px;
  color: #828282 !important;
}

/********** PORTRAITS *****************/
#portraits #header {
  position: fixed;
}
#portraits #menu_container {
  position: fixed;
}

#portraits #header h1 {
  background: url(images/portraits_header-trans.png) top left no-repeat;
}

#portraits #menu_container {
  background: url(images/portraits_menu.gif) top left no-repeat;
}

#portraits #menu .menu_item { 
  background-image: url(images/portraits_menu_items.gif);
  background-repeat: no-repeat;
}

#portraits #content {
  padding-left: 30px;
}
#portraits #content p.intro {
  color: #1b97ce;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 25px;
}

.clear { 
  clear: both; 
}

.portrait {
  margin-bottom: 60px;
}
.portrait img { float: left; }
.portrait p { font-size: 11px; color: #666; padding-right: 30px; letter-spacing: -0.03em;}
.portrait h2 span { display: none; }
.portrait h3 span { display: none; }

.portrait h2, .portrait h3, .portrait p { margin-left: 153px; }

.portrait h2 {
  margin-bottom: 8px;
  display: block;
  width: 401px;
  height: 21px;
}

.portrait h3 {
  margin-bottom: 18px;
  display: block;
  width: 401px;
  height: 20px;
}

.portrait.with-lnk p { margin-left:  0; }
.portrait .img-lnk { float:left; width: 141px; margin-right: 11px; border: solid 0px red;}
.portrait .img-lnk img { float:none; }
.portrait .img-lnk a { font-size: 11px;  color: #777; text-decoration: none; }
.portrait .img-lnk a:hover { text-decoration: underline; }

#portrait_cyril h3 { height: 36px; }

#portrait_jeanpierre { height: 140px; }
#portrait_claire { height: 154px; }
#portrait_cyril { height: 153px; }
#portrait_christine{ height: 172px; }
#portrait_pascal_elodie{ height: 159px; }

#portrait_jeanpierre h2 { background: url(images/portraits_jean_pierre_titre.gif) top left no-repeat; }
#portrait_jeanpierre h3 { background: url(images/portraits_jean_pierre_sous-titre.gif) top left no-repeat; }

#portrait_claire h2 { background: url(images/portraits_claire_titre.gif) top left no-repeat; }
#portrait_claire h3 { background: url(images/portraits_claire_sous-titre.gif) top left no-repeat; }

#portrait_cyril h2 { background: url(images/portraits_cyril_titre.gif) top left no-repeat; }
#portrait_cyril h3 { background: url(images/portraits_cyril_sous-titre.gif) top left no-repeat; }

#portrait_christine h2 { background: url(images/portraits_christine_titre.gif) top left no-repeat; }
#portrait_christine h3 { background: url(images/portraits_christine_sous-titre.gif) top left no-repeat; }

#portrait_pascal_elodie h2 { background: url(images/portraits_pascal_elodie_titre.gif) top left no-repeat; }
#portrait_pascal_elodie h3 { background: url(images/portraits_pascal_elodie_sous-titre.gif) top left no-repeat; }

/********************* EDITO  *************************************/

#edito #header h1 {
  background: url(images/edito_header_2-trans.png) top left no-repeat;
  height: 344px;
}

#edito #menu_container {
  background: url(images/edito_menu.gif) top left no-repeat;
}

#edito #menu .menu_item { 
  background-image: url(images/edito_menu_items.gif);
  background-repeat: no-repeat;
}
#edito #content { 
  /*background: url(images/edito_content_bg.gif) top left no-repeat;*/
  padding-top: 84px;
}
#edito #content p { 
  font-size: 11px; 
  line-height: 19px;
  color: #666; 
  margin: 0 90px 15px 75px; 
}
#edito #content p .lettrine span { display: none; }
#edito #content p .lettrine {
  float: left;
  display: block;
  width: 25px;
}
#edito #content p .lettrine_c {
  background: url(images/edito_lettrine_c.gif) no-repeat top left;
  height: 33px;
}
#edito #content p .lettrine_u {
  background: url(images/edito_lettrine_u.gif) no-repeat top left;
  width: 27px;
  height: 34px;
}

#edito #content p .retrait {
  vertical-align: bottom;
  float: left;
  display: block;
  width: 36px;
  height: 30px;
}

/********************* AGENCE  *************************************/

#agence #header h1 {
  height:  237px;
  background: url(images/agence_header-trans.png) top left no-repeat;
}

#agence #menu_container {
  background: url(images/agence_menu.gif) top left no-repeat;
}

#agence #menu .menu_item { 
  background-image: url(images/agence_menu_items.gif);
  background-repeat: no-repeat;
}
#agence #content { 
  padding-right: 50px;
  padding-left: 48px;
  color: #666; 
  font-size: 11px; 
}
#agence #content #bloc_contact {
  left: 12px;
}
#agence #content p, #agence #content ul {
  margin: 10px 0;
}
#agence #content p, #agence #content li { 
  line-height: 19px;
}

#agence #content li {
  margin-left: 24px;
  padding-left: 20px;
  background-position: 0 3px;
  background-repeat: no-repeat;
}
#agence #content li.violet { background-image: url(images/bullet-violet.gif); }
#agence #content li.jaune { background-image: url(images/bullet-jaune.gif); }
#agence #content li.orange { background-image: url(images/bullet-orange.gif); }
#agence #content li.vert { background-image: url(images/bullet-vert.gif); }

/********************* PORTFOLIO  *************************************/

#portfolio #header h1 {
  height:  258px;
  background: url(images/portfolio_header_2-trans.png) top left no-repeat;
}

#portfolio #menu_container {
  background: url(images/portfolio_menu.gif) top left no-repeat;
}

#portfolio #menu .menu_item { 
  background-image: url(images/portfolio_menu_items.gif);
  background-repeat: no-repeat;
}

#portfolio #content p {
  margin: 20px 90px 20px 30px;
  color: #666; 
  font-size: 11px; 
  line-height: 19px;
}

#portfolio #portfolio_contact {
  width: 258px;
  height: 162px;
  padding: 114px 19px 0 298px;
  background: url(images/portfolio_contact_bg.gif) top left no-repeat;
}
#portfolio #portfolio_contact p {
  margin: 0;
  font-size: 14px;
}
#portfolio #portfolio_contact p.intro span { display: none; }
#portfolio #portfolio_contact p.intro {
  font-style: italic;
  color: #2094c0;
  background: url(images/portfolio_contact_titre_bg.gif) top left no-repeat;
  width: 258px;
  height: 13px;
  margin-bottom: 15px;
}
#portfolio #portfolio_contact p.info {
  text-align: right;
  line-height: 25px;
}
#portfolio #portfolio_contact p.info, #portfolio #portfolio_contact p.info a {
  color: #41bdec;
  font-size: 14px;
}

#MultiBoxContentContainer { overflow: auto; }