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

  Project:  APCR
  Version:  1
  Update :  23/08/08

--------------------------------------------------------------------

[ Sommaire ]

  1. Reset css
  2. Body
  3. Layout
  4. Liens
  5. Titres
  6. Menu/list
  7. Forms
  8. Divers blocs
  9. Divers
  10. Couleurs
  11. Tailles de texte
  12. Infos

---------------------------------------------------------------------

[ Code couleurs ]

  couleur1  : cC6600 (rose)
  couleur2  : 006699 (bleu)
  text    : 000000 (noir)
  fond    : ffffff (blanc)
  fond2    : d5d6d5 (gris)

--------------------------------------------------------------------

/***** [ 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;
  }
b, strong { font-weight: bolder; }
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: "" "";
  }


em { font-style: italic; }
/***** [ Body ] *****************************************************/

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


/***** [ Layout ] ***************************************************/

#container {
  width: 1036px;
  margin: 0 auto;
  }

#header {
  height: 224px;
  background: url(../images/styles/bg_header_1036.jpg) top left no-repeat;
  position: relative;
  }
#desc_text {
  position: absolute;
  bottom: -1px;
  padding-left: 34px;
  width: 1002px;
  background: #C06;
  color: #FFF;
  font-size: 12px;
  margin: 0;
  text-align: center;
  line-height: 25px;
  font-weight: bold;
  letter-spacing: -0.4px;
  }
#rightbar_header {
  width: 103px;
  padding: 0 17px 20px 0;
  position: absolute;
  bottom: 20px;
  right: 0;
  text-align: right;
  }

#content_container {
  background: url(../images/styles/bg_content_container_1036.png) top left repeat-y;
  overflow: hidden;
  width: 100%;
  position: relative;
  }

#leftbar {
  float: left;
  width: 200px;
  }

#content {
  background: url(../images/styles/bg_content.png) top right no-repeat;
  width: 628px;
  padding: 13px 24px 24px 24px;
  float: left;
  }

#rightbar {
  float: right;
  width: 160px;
  }
  #rightbar.padding_img     { padding-bottom: 131px; }

#footer {
  line-height: 15px;
  background: #069;
  color: #FFF;
  text-align: center;
  padding-left: 34px;
  width: 1002px;
  font-size: 10px;
  }



/***** [ Links ] ***************************************************/
a { text-decoration: none; color: #000; }
a.pass { color: #86a2b4; font-size: 10px; letter-spacing: -1px;}
.info_content a, .cmscontent a { color: #86a2b4; }
#content_container a:hover { color: #C06; }
.bloc1 a:hover, .bloc2 a:hover { color: #fff !important; }



/***** [ Titles ] ***************************************************/
h1#logo {
  position: absolute;
  left: 17px;
  top: 17px;
  }

h2 {
  font-size: 24px;
  font-weight: bold;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  line-height: 20px;
  margin-top: 5px
  }
.home h2 { font-size: 35px; line-height: 32px; }

h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  }
.home h3 { font-size: 21px; }

h3#dernieres_offres {
  background: url(../images/styles/txt_dernieres_offres.png) no-repeat;
  width: 115px;
  height: 33px;
  margin: 7px;
  }
h3#dernieres_offres span { display: none; }

.title_bloc {
  color: #FFF;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  letter-spacing: -1px;
  }

.colored {
  font-size: 14px;
  color: #069;
  }

.title2 {
  font-size: 18px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  }


/***** [ Menu ] ***************************************************/

ul#menu li {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  }
ul#menu li a {
  height: 20px;
  display: block;
  background: #069 url(../images/styles/bg_menu.png) no-repeat;
  }
ul#menu li a span {
  display: none;
  }
ul#menu li.on a {
  background-color: #FFF;
  }

ul#menu ul.submenu li {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
  background: none;
  margin-bottom: 0;
  line-height: 17px;
  }
ul#menu ul.submenu a {
  height: auto;
  width: 180px;
  background: none;
  padding-left: 20px;
  }
ul#menu ul.submenu li.on a, ul#menu ul.submenu li a:hover {
  background: #aaa;
  color: #FFF;
  }

ul#menu li, ul#menu li a { color: #FFF; }
ul#menu li.on, ul#menu li.on a { color: #C06; }
ul#menu ul.submenu li, ul#menu ul.submenu li a { color: #000; }

/* background position */
ul#menu li#li_accueil a{ background-position: 0 0; }
ul#menu li#li_presentation a{ background-position: 0 -20px;  }
ul#menu li#li_offres a{ background-position: 0 -40px; }
ul#menu li#li_candidat a{ background-position: 0 -60px; }
ul#menu li#li_entreprise a{ background-position: 0 -80px; }
ul#menu li#li_infos a{ background-position: 0 -100px; }

/* background position ON*/
ul#menu li#li_accueil.on a{ background-position: -200px 0; }
ul#menu li#li_presentation.on a{ background-position: -200px -20px;  }
ul#menu li#li_offres.on a{ background-position: -200px -40px; }
ul#menu li#li_candidat.on a{ background-position: -200px -60px; }
ul#menu li#li_entreprise.on a{ background-position: -200px -80px; }
ul#menu li#li_infos.on a{ background-position: -200px -100px; }

/* link list */
ul.link_list {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 12px;
  margin: 0 0 10px 7px;
  }
ul.link_list li { margin-bottom: 5px; }
ul.link_list a { color: #000; }

ul.link_list li.job_title_30 { margin-left:12px;text-indent:-15px;}

/*link list 2*/
ul.link_list2 li a {
  display: block;
  background: #b2b4b2;
  padding: 8px 0 8px 10px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 7px;
  letter-spacing: -1px;
  }
ul.link_list2 li { display: inline; }

/*link list 3*/
ul.link_list3 { margin: 5px 0; }
ul.link_list3 li a {
  color: #D5D6D5;
  font-size: 12px;
  line-height: 18px;
  }
ul.link_list3 li.on a { color: #FFF; font-weight: bold;}
#content_container ul.link_list3 li a:hover {color:#FFF; font-weight: bold;}

/*link list 4*/
ul.link_list4 { margin: 5px 0; }
ul.link_list4 li a, ul.link_list4 li {
  font-size: 11px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  }
ul.link_list4 li {
  margin-bottom: 15px;
  padding-left: 22px;
  background: url(../images/styles/bullet_2.png) 0 4px no-repeat;
  }
ul.link_list4.bis li {
  background: url(../images/styles/bullet_1.png) 0 4px no-repeat;
  }

/*link list 5*/
ul.link_list5 { margin: 5px 0 5px 5px; }
ul.link_list5 li a, ul.link_list5 li { font-size: 12px; }
ul.link_list5 li {
  margin-bottom: 15px;
  padding-left: 22px;
  background: url(../images/styles/bullet_2.png) 0 4px no-repeat;
  }
ul.link_list5.bis li {
  background: url(../images/styles/bullet_1.png) 0 4px no-repeat;
  }

ul.link_list5 ul { list-style-type: none;  }
ul.link_list5 ul li { list-style-type: none; padding-left: 10px; background: url(../images/styles/bullet.gif) 0 4px no-repeat;  margin-bottom: 5px;}

.cmscontent ul, .mceContentBody ul { margin: 5px 0 5px 5px; }
.cmscontent ul li, .mceContentBody ul li { 
  margin-bottom: 10px;
  padding-left: 22px;
}

/***** [ forms ] ***************************************************/
input.input_text {
  background: #FFF;
  border: none;
  width: 94px;
  margin-bottom: 3px;
  font-size: 10px;
  height: 14px;
  line-height: 16px;
  padding: 2px 3px 0 3px;
  }
input.submit_ok {
  float: right;
  display: inline;
  margin-top: 5px;
  }
legend#espace_membre {
  background: url(../images/styles/txt_espace_membre.png) no-repeat;
  width: 89px;
  height: 12px;
  display: block;
  text-align: left;
  padding: 0 0 4px 5px;
  }
legend#espace_membre span {  visibility: hidden; }


/* formulaire de recherche */
#search_form {
  background: #C06;
  color: #FFF;
  overflow: hidden;
  padding: 7px;
  margin-top: 7px;
  width: 134px;
  }
#search_form legend { font-size: 12px; color: #FFF; }

#rightbar select { width: 132px; font-size: 10px; color: #000; margin-top: 5px;}

/* formulaire de recherche bis */
#search_form2 {
  overflow: hidden;
  position: relative;
  width: 238px;
  }
#search_form2 fieldset { width: 163px; }
#search_form2 select { width: 160px; font-size: 12px; color: #000; margin-bottom: 5px; display: block; }
#search_form2 a {color: #FFF; float: right;}
#search_form2 input.submit_ok {
  float: none;
  margin: 0;
  position: absolute;
  top: 85px;
  right: 25px;
  }

/***** [ Divers blocs ] ***************************************************/
.bloc1 {
  width: 282px;
  color: #FFF;
  font-size: 14px;
  padding: 5px;
  text-align: right;
  margin-bottom: 23px;
  }

.bloc2 {
  width: 314px;
  color: #FFF;
  font-size: 14px;
  padding: 5px;
  text-align: right;
  margin-bottom: 23px;
  }

.bloc1 img.right, .bloc2 img.right { margin-left: 12px; display: inline; }
.bloc1 a, .bloc2 a { color: #FFF;}

.bloc3 {
  width: 190px;
  margin-right: 29px;
  text-align: right;
  }
.bloc3.right { margin-right: 0; }
.bloc3_content {
  text-align: left;
  width: 170px;
  padding: 10px 10px;
  height: auto !important;
  height: 120px;
  min-height: 120px;
  }
.bloc3 h4 { font-size: 14px; margin-bottom: 5px;}
.bloc3 p { text-align: left; font-size: 10px; line-height: 15px; }

.bloc4 {
  width: 380px;
  float: left;
  margin-top: 10px;
  padding: 10px 5px 5px 40px;
  color: #FFF;
  font-size: 12px;
  }
.bloc5 {
  background: #d5d6d5;
  width: 175px;
  padding: 10px 10px 0 10px;
  float: right;
  margin-top: 10px;
  }

.bloc6 {
  width: 175px;
  background: #e9eae9;
  margin-bottom: 10px;
  }
.bloc6 p {
  margin: 0 5px 1em 5px;
  font-size: 10px;
  }
.bloc6 a.more {
  display: block;
  color: #C06;
  padding: 0 5px;
  line-height: 20px;
  background: #f4f5f4 url(../images/styles/bg_link_more.png) left top repeat-x;
  }
.bloc6 .date {
  display: block;
  background: #f4f5f4;
  padding: 0 5px;
  line-height: 20px;
  font-size: 12px;
  color: #069;
  }
.bloc6 .title {
  font-size: 12px;
  padding: 2px 5px;
  }

.bloc7 {
  width: 304px;
  float: left;
  padding: 20px 0 20px 20px;
  }

.bloc8 {
  width: 272px;
  float: right;
  padding: 20px 0 20px 20px;
  }


/***** [ divers ] ***************************************************/
.left { float: left; }
.right { float: right; }
.clear {
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;

}
img.pub { margin-left: 7px;}
img.bottom_rightbar {display: none; position: absolute; bottom: -1px; }

p {
  font-size: 12px;
  text-align: justify;
  margin-bottom: 1em;
  }
.align_right, p.align_right, #content p.align_right { text-align: right; }

.name {
  font-size: 15px;
  color: #069;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  display: block;
  margin-bottom: 3px;
  }



/***** [ couleurs ] ***************************************************/

/* textes */
.color1 { color: #C09; } /*rose*/
.color2 { color: #069; } /*bleu*/
.color3 { color: #000; } /*noir*/
.color4 { color: #FFF; } /*blanc*/

/* couleurs de fond des blocs */
.fond1 { background: #069 url(../images/styles/bg_corner1.png) bottom left no-repeat; }
.fond2 { background: #C06 url(../images/styles/bg_corner2.png) bottom left no-repeat; }
.fond3 { background: #c9d7de; }

/***** [ tailles de texte ] ***************************************************/
.size_11 { font-size: 11px; }
.size_12 { font-size: 12px; }
.size_13 { font-size: 13px; }
.size_14 { font-size: 14px; }

.bold { font-weight: bold; }

/***** [ modif kie ] ***************************************************/
.form-row input[type="text"] {width:450px;}
.form-row select {width:250px;}

dd {text-align:right; border-top:1px solid #069;}
dt {text-align:center; font-weight:bold;}
dl {border-left:1px solid #fff;border-right:1px solid #fff;}


/***** [ Infos ] ************************************************/
.info_date { font-size: 11px; }
.info_container h3 { margin-bottom: 5px; }
.info_container .prev_next_links { margin-bottom: 10px; }
.info_container .prev_next_links a { font-size: 11px; }
.info_container .prev_next_links a:hover { color: #cc0066; }
.info_container .prev_next_links .prevlink { float: left; }
.info_container .prev_next_links .nextlink { float: right; }

.home .bloc1 span p, .home .bloc2 span p { display: inline; text-align: right; }
.home .bloc1 .editable_slot, .home .bloc2 .editable_slot {
    background: url(/images/bg-opacity.png) repeat;
    color: #000;
}

.home .bloc1 form.edit_slot textarea, .home .bloc2 form.edit_slot textarea {
    width : 280px;
    height: 32px;
}

/***** [ error login ] ************************************************/
form#login_form .form-error, form#login_form div.form-error-msg {line-height:1em;font-size:10px;text-align:left;color:#F00;margin-bottom:0.1em;}
form#login_form .form-error input.input_text {border: #F00 1px solid;margin-bottom:0;}

/***** [ pager ] ************************************************/

div#pager {text-align:center;font-size:14px;}

.cmscontent img.left { float: left; margin-right: 5px; }
.cmscontent img.right { float: right; margin-left: 5px; }

#contact_form a { color: #cc0066; }