/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyrigth (c) 2007 Acticall
|		Design + HTML/CSS/DOM JavaScript : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyrigth (c) 2007 Acticall
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* ______________________[ 00 | META declarations ]________________________ */

body {margin: 0;padding:0;font:100% Arial,sans-serif;background-color:#fff;text-align:left;}
img {border:none;}
acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #dedfdf;}
hr {display:none;clear:both;}
a {text-decoration:none;color:#818384;}
a:hover {text-decoration:underline;color: #005b89}
p {margin-top:0;}

/* ______________________[ 03 | Contenu principal : présentation en 3 colonnes ]____________________*/

/* FIL d'ARIANE */
#FildAriane { margin-top: 20px;  padding: 0; color: #000;}
#FildAriane a {color: #7a7a7a; text-decoration: none}


/* [ 03.1 | SPÉCIFIQUE ACCUEIL ]________________________ */

body.home #ColContenu ul {list-style:none;font-size:1.1em;margin:1.7em 0 1em 2em;padding:0;}
body.home #ColContenu ul li {background:url(../../img/bullet_01.gif) transparent no-repeat 0 .1em;padding:0 0 0 17px;color:#818384;margin:0 0 .7em 0;}
body.home #ColContenu ul li a {color:#818384;}
body.home #ColContenu ul li a:hover {color:#005b89;}

/* Sous-colonnes centrales */
/* Première colonne */

.actualites p {margin-left:19px;}
.actualites a {color:#005b89;font-weight:bold;}

.touteslesactus {background:url(../../img/bullet_02.gif) transparent no-repeat 0 .1em;margin: 1em 0 !important;}
.touteslesactus a {padding:0 0 0 17px;}
/* \*/ * html body .touteslesactus a {height:1%;} /* */

.implantations {border-top:1px solid #dedfdf;padding-top:.8em;}
.implantations h1 {margin-bottom:.5em;}
.implantationsmap {background:url(../../img/bg_implantations.gif) #fff no-repeat 21px 0;margin:0;padding:0;}
.implantationsmap p {margin:0 !important;padding:0;}
.implantations a {color:#818384;line-height:1.7em;padding:23px 0 5px 145px;display:block;}
.implantations a:hover {color:#005b89}



/* [ 03.2 | INTÉRIEUR — Colonne de menu secondaire ]________________________ */

#ColMenu {float:left;margin:0;padding:0 0 120px 0;text-align:left;width:174px; font-size: 1.1em; background-repeat: ; background-image: ; background-position: ;}

#ColMenu dl {margin: 0; padding: 0 0 10px 0; background-color: #f4f4f4;}
#ColMenu dt {margin: 0 0 10px 0; background-color: #005B88; color: #fff !important; font-weight: bold; padding: 3px 15px; font-size: 1.1em}
#ColMenu dd {margin: 0; padding: 5px 0 5px 25px; background:url(../../img/fleche_01.gif) no-repeat 10px 8px;}
#ColMenu dd.on {background-repeat: no-repeat; background-image:url(../../img/fleche_02.gif); background-position: 12px 8px;}
#ColMenu dd a {color: #000}

/* couleurs speciales rubrique offre */
#ContainerCols.offres_1 #ColMenu {background:url(../../img/bg_mn1.gif) no-repeat 50% 100%;}
#ContainerCols.offres_2 #ColMenu {background:url(../../img/bg_mn2.gif) no-repeat 50% 93%;}
#ContainerCols.offres_3 #ColMenu {background:url(../../img/bg_mn3.gif) no-repeat 50% 96%;}
#ContainerCols.offres_4 #ColMenu {background:url(../../img/bg_mn4.gif) no-repeat 50% 85%;}
#ContainerCols.offres_5 #ColMenu {background:url(../../img/bg_mn5.gif) no-repeat 50% 93%;}
#ContainerCols.offres_6 #ColMenu {background:url(../../img/bg_mn6.gif) no-repeat 50% 77%;}

#ContainerCols.offres_1 #ColMenu dd.on {background-image:url(../../img/fleche_mn1.gif)}
#ContainerCols.offres_2 #ColMenu dd.on {background-image:url(../../img/fleche_mn2.gif)}
#ContainerCols.offres_3 #ColMenu dd.on {background-image:url(../../img/fleche_mn3.gif)}
#ContainerCols.offres_4 #ColMenu dd.on {background-image:url(../../img/fleche_mn4.gif)}
#ContainerCols.offres_5 #ColMenu dd.on {background-image:url(../../img/fleche_mn5.gif)}
#ContainerCols.offres_6 #ColMenu dd.on {background-image:url(../../img/fleche_mn6.gif)}

#ContainerCols.offres_1 .left30 img {background:url(../../img/bg_offres_img1.gif) #f7c518 repeat-y 100% 0;}
#ContainerCols.offres_2 .left30 img {background:url(../../img/bg_offres_img2.gif) #cd005f repeat-y 100% 0;}
#ContainerCols.offres_3 .left30 img {background:url(../../img/bg_offres_img3.gif) #0196c0 repeat-y 100% 0;}
#ContainerCols.offres_4 .left30 img {background:url(../../img/bg_offres_img4.gif) #f90 repeat-y 100% 0;}
#ContainerCols.offres_5 .left30 img {background:url(../../img/bg_offres_img5.gif) #cbdc1a repeat-y 100% 0;}
#ContainerCols.offres_6 .left30 img {background:url(../../img/bg_offres_img6.gif) #f17bb0 repeat-y 100% 0;}

/* [ 03.3 | INTÉRIEUR — Colonne de contenu principal ]________________________ */

body.home h1 {font:bold 1.5em Arial,sans-serif;color:#005b89;margin:.4em 0 .9em 0;}
h1 {font: 1.7em Arial,sans-serif;color:#005b89;margin:.7em 0 .5em 0;}
h2 {font: bold 1.2em Arial,sans-serif; background:url(../../img/bullet_03.gif) transparent no-repeat 0 .6em;padding: 0 0 0 13px; margin: 0 0 1em 0}
h3 {}
h4 {}
h5 {}
h6 {}


/* ENCARTS */
.encart01 p {font-size: 1.1em; margin: 0; margin-bottom: 20px;}

.encart02 dt img {display: block}
.encart02 dd {margin: 0}
.encart02 dd p {font: 1.1em arial, sans-serif;}

.encart03 { padding: 15px 15px 3px 15px}
.encart03 h2 {background-image: url(../../img/bullet_04.gif)}

.encart04 {border-top: 1px solid #dedfdf; border-bottom: 1px solid #dedfdf; margin: 0 0 10px 0}
.encart04 p {background-color: #f4f4f4; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0 !important; padding: 10px 20px; font: bold 1.2em arial, sans-serif; text-align: center}


/* offres */

 .DetailOffres {border-top: none; padding: 20px 0; margin: 0 40px 0 38px; clear: both;voice-family:"\"}\"";voice-family:inherit;margin: 0 38px;}
 html>body .DetailOffres {margin: 0 38px;}
 /* \*/ * html  .DetailOffres {height:1%;}  .DetailOffres {display:block;} /* */
 
.DetailOffres dt {width: 100px; min-width: 100px; font-weight: bold; text-align: right; margin: 0 0 5px 0; padding: 2px 10px; background:url(../../img/fleche_06.gif) #f4f4f4 no-repeat 100% 50%; float: left; clear:both;}
html>body .DetailOffres dt {width: auto}
.DetailOffres dd {width: 515px; float: left; margin: 0 0 5px 0; padding: 0 10px 5px 10px}


a.ValidBlanc  {display: block; border: 1px solid #f90; margin: 0 10px 0 0; font-weight: bold; background: url(../../img/fleche_04.gif) transparent no-repeat 10px 50%; color: #f90; padding: 2px 5px 2px 20px; float: right; cursor: pointer}
a.ValidOrange  {display: block; border: 1px solid #f90; margin: 0 10px 0 0; font-weight: bold; background: url(../../img/fleche_03.gif) #f90 no-repeat 10px 50%; color: #fff; padding: 2px 5px 2px 20px; float: right; cursor: pointer}
.validation:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.validation {display:inline-block;padding: 15px 30px 0 0}
/* \*/ * html .validation {height:1%;} .validation {display:block;} /* */


/* tableaux */

.imgtext-nowrap td, .imgtext-table td {border-width: 0}
 

.Tbl {border-spacing: 0px;  border-collapse: collapse; width: 480px; table-layout: auto; margin:15px 0 0 35px}
.Tbl th, td {border: 1px solid #fff}
.Tbl th.firstTh {background-image:url(../../img/bg_corner_tbl1.gif); background-repeat: no-repeat;}
.Tbl thead td {width: 110px}
.Tbl thead th, .Tbl tbody th {color: #fff; text-align: center; padding: 2px 5px}
.Tbl thead th {background-color: #005b88;vertical-align: top}
.Tbl tbody th {background-color: #8ca7cf; vertical-align:  middle}
.Tbl tbody td {background-color: #dedede;vertical-align: top; padding: 2px 5px; height: 30px; min-height: 30px}
.Tbl tbody .relief td {background-color: #f4f4f4}


table.OffresResult {margin: 10px auto 20px auto; width: 660px; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #dedfdf;border-left: 1px solid #dedfdf;}
.OffresResult thead tr {font-size: 1.2em}
.OffresResult thead th {border-left: 1px solid #dedfdf; background-color: #f4f4f4; background: url(../../img/bg_th.gif) #f4f4f4 no-repeat 100% 0%;}
.OffresResult thead th.DernTh {background-position: 0 0; width: 25px}
.OffresResult tbody tr {border: 1px solid #dedfdf}
.OffresResult table.OffresResult tbody td, table.OffresResult tbody th {border-top: 1px solid #dedfdf; border-bottom: 1px solid #dedfdf}
.OffresResult tbody td strong {font-weight: normal; background: url(../../img/square_01.gif) transparent no-repeat 0% .5em; padding: 0 0 0 8px}
.OffresResult tbody td a strong {position: absolute; top: -777px; left: -777px}
.OffresResult tbody td a {background: url(../../img/loupe.gif) transparent no-repeat 0% 0%;display: block; margin: 0 auto; height: 14px; width: 14px}
table.OffresResult th, table.OffresResult td {padding: 2px 10px}
.paire {background-color: #f9f9f9}

.LienPages {text-align: center}
.LienPages a {color: #f90}

/* formulaires */ 
#recrutement {}
#recrutement h3 {margin: 0;background:url(../../img/bg_h3_form.gif) transparent no-repeat 100% .9em;font-size: 1em}
#recrutement h3 strong {display: block;  font-weight: normal; border: 1px solid #dedfdf; margin: 0; font-size: 1.2em; padding: .1em .6em .2em .6em;background-color: #f4f4f4; width: 108px}
#recrutement fieldset {border: 1px solid #dedfdf; border-top: none;  margin: 0 0 1.5em 0; padding: 12px 20px 12px 105px;}
#recrutement label {width: 180px;}
#recrutement input, #recrutement select {border: 1px solid #6CABCC}
#recrutement select#region {width: 221px; height: 76px; font-size: .9em; }
#recrutement input.button {background:url(../../img/fleche_03.gif) #f90 no-repeat 10px 50%; border: none; font: bold 1em arial, sans-serif; color: #fff; padding: 2px 10px 2px 20px; margin: 0; float: right; cursor: pointer}
.borderposte input {border: none !important }

#candidature fieldset {border: 1px solid #dedfdf; margin: 0 0 1.5em 0; padding: 12px 20px 12px 0;}
#candidature label {display: block; width: 205px;  text-align: right; float: left; padding: 0 10px 0 0; margin: 3px 0 0 0; clear: both;}
#candidature label.small {width: 35px}
.row:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.row {display:inline-block;margin: 0 0 5px 0}
/* \*/ * html .row {height:1%;} .row {display:block;} /* */
#candidature input, #candidature select, #candidature textarea {border: 1px solid #6CABCC; float: left; font-size: .9em; padding: 2px 5px; margin: 0;}
#candidature input {width: 224px}
#candidature input#cp {width: 50px}
#candidature input#CV  {margin: 0 0 0 10px; border: none; background-color: #eee}
#candidature textarea {width: 490px; height: 95px; margin: 0 0 0 20px; font: 1em arial, sans-serif}
#candidature select {padding: 1px; margin: 0 8px 0 0}
#candidature select#poste, select#site, select#temps {width: 237px}
#candidature input.button {background:url(../../img/fleche_03.gif) #f90 no-repeat 10px 50%; border: none; font: bold 1em arial, sans-serif; color: #fff; padding: 2px 10px 2px 20px; margin: 0; float: right; width: 70px}
.asterisque {clear: both; padding: 1.5em 0 0 0}
.requis {color: #f90}
.slash {float: left; margin: 0 8px 0 0}


/* plan du site */

.PlanSite {margin: 10px 8px 0 0;}
.PlanSite dt {margin: 0; background-color: #005B88; color: #fff !important; font-weight: bold; padding: 3px 15px; font:bold 1.1em Arial,sans-serif; background-image:none ; }
.PlanSite dd {margin: 0; padding: 0}
ul.treeview {margin:0 !important;padding:8px 0 !important;}
ul.treeview li {margin:0;padding:2px 0 2px 0 !important; background-image: none !important}
ul.treeview ul {padding:10px 0 0 18px !important;margin:0 0 5px 0 !important;}
ul.treeview li ul li {background-image:none !important;padding:2px 0 0 0 !important;}
ul.treeview li a {display: block; padding-left:18px;font:normal 1em Arial,sans-serif;color:#000;text-decoration:none;}

/* Hides from IE-mac \*/
* html body h2.num span, * html body ul.treeview li a {height:1%;}
/* End hide from IE-mac */

ul.treeview li li.aq3bullet {margin: 0 !important; padding: 0 !important}
ul.treeview li li a {padding: 0 0 0 8px !important; margin: 0 !important; font-weight: normal !important; color: #000}
ul.treeview li li a:hover {text-decoration:underline;}


/* [ 03.4 | INTÉRIEUR — Colonne de contenu contextuel au contenu principal ]________________________ */

#ColContextuel { padding: 25px 0 0 0}
#ColContextuel dl { margin: 0 17px 10px 0; padding: 8px;}
#ColContextuel dt {font:bold 1.3em Arial,sans-serif;color:#005b89;margin: 0 0 12px 0}
#ColContextuel dd {margin: 0}
#ColContextuel dd ul {margin: 0; padding: 0; list-style: none}
#ColContextuel dd li {margin: 0; padding: 0 0 0 7px; background:url(../../img/square_01.gif) transparent no-repeat 0 .5em;}
#ColContextuel dd li a {text-decoration: underline}
#ColContextuel dd p {text-indent: 7px; background:url(../../img/square_01.gif) transparent no-repeat 0 .5em;}
#ColContextuel dd a {color: #000}
#ColContextuel dd a:hover {color: #005b89}
#ColContextuel dd a.pdf {display: block; color: #a67f57; font-weight: bold; padding: 0 0 0 20px; background:url(../../img/ico_pdf.gif) transparent no-repeat 0 0;}

/* ______________________[ 00 | META declarations ]________________________ */

#NavigationPrincipale, #NavigationInterne, #Annexes, #TxtTools, #ColMenu, div.haut
{
	display: none;
}

div.bas
{
	visibility: hidden;
}

div#PiedDePage div.bas div.copy
{
	visibility: visible !important;
	text-align: left;
}