﻿/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyright (c) 2008 VITALIA
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


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

body {margin:0;padding:11px 0 0 0;font:76% "Trebuchet MS",Arial,sans-serif;background:url(../../img/bg_body.gif) #fff repeat-x 0 0 fixed;text-align:center;}
img {border:none;}
acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #dedede;}
hr {display:none;clear:both;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.horscadre {position:absolute;top:-7777em;left:-7777em;}
a, input, label, p {position:relative;z-index:1;}
input, select {font-size:.88em;}

.left {float:left;margin:.25em 8px 6px 4px;}
.right {float:right;margin:.25em 4px 6px 8px;}
.center {text-align:center;}
.justify {text-align:justify;}
.middle {display:block;margin:0 auto;}
.required {font-weight:bold;color:#e32638;}
.videocentre {text-align:center;margin:0 0 2em 0;}
.signature {text-align:right;font-size:1.1em; margin-top: 1.5em !important;}
.definition {font-size:.9em;text-align:justify;}


/* ______________________[ 01 | Haut de page : logo, recherche, etc. ]________________________ */

/* NAVIGATION INTERNE À LA PAGE */
#NavigationInterne {position:absolute;top:-7777em;left:-7777em;}

#Global {width:1016px;margin:0 auto !important;padding:0;background:url(../../img/bg_page.png) transparent repeat-y 0 0;}
#GlobalInner {background:url(../../img/bg_top.gif) transparent no-repeat 0 0;padding:9px 0 0 0;}

#EnTete {margin:0;padding:0 0 0 8px;text-align:right;background:url(../../img/bg_entete.gif) transparent no-repeat 50% 0;}
#EnTete:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#EnTete {display:inline-block;}
/* \*/ * html #EnTete {height:1%;} #EnTete {display:block;} /* */

#Logo {margin:0;padding:0;float:left;text-align:left;width:200px;}
#webgroupe {display:block;padding:0 0 8px 9px;width:74px;height:35px;float:left;}

#Mn {float:right;margin:0 0 0 0px;padding:0;list-style:none;display:inline;width:646px;text-align:right;}
#Mn li {float:left;margin:0 10px 0 0;display:inline;}
#Mn a {display:block;height:39px;background-color:transparent;background-repeat:no-repeat;background-position:0 0;outline:0 !important;}
#Mn a span {position:absolute;top:-7777em;left:-7777em;}

#MnContact a {background-image:url(../../img/mn_contact.gif);width:86px;}
#MnContact.on a, #MnContact a:hover {background-image:url(../../img/mn_contact_on.gif);}
#MnEchange a {background-image:url(../../img/mn_espace_echange.gif);width:172px;}
#MnEchange.on a, #MnEchange a:hover {background-image:url(../../img/mn_espace_echange_on.gif);}
#MnMedecins a {background-image:url(../../img/mn_medecins_etrangers.gif);width:194px;}
#MnMedecins.on a, #MnMedecins a:hover {background-image:url(../../img/mn_medecins_etrangers_on.gif);}
#MnMedecins1 a {background-image:url(../../img/mm_offres_installation.gif);width:150px;}
#MnMedecins1.on a, #MnMedecins1 a:hover {background-image:url(../../img/mm_offres_installation_on.gif);}



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

#ContainerCols {width:1000px;margin:0 auto;padding:0;display:block;font-size:.9em;text-align:left;background:url(../../img/filet_v.gif) transparent repeat-y 774px 0;}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */

/* FIL d'ARIANE */
#FildAriane {color:#337BB6;padding:12px 0 0 15px;margin:0 0 1em 0;float:left;width:571px;background:url(../../img/filet_h.gif) transparent repeat-x 0 0;voice-family:"\"}\"";voice-family:inherit;width:556px;}
html>body #FildAriane {width:556px;}
#FildAriane a {color:#337BB6;text-decoration:underline;}
#FildAriane a:hover {text-decoration:none;}


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

#ColContenu {text-align:left;margin:0 0 0 15px;padding:0 16px 25px 0;float:left;width:556px;voice-family:"\"}\"";voice-family:inherit;width:540px;}
html>body #ColContenu {width:540px;}
#ColContenu p, #ColContenu ol {margin:0 0 1em 0;color:#333;}
#ColContenu a {color:#337BB6;}

/* Titraille */
h2 {font-size:1.5em;margin:0 0 .7em 0;padding:0;}
h3 {font-size:1.1em;margin:0 0 .8em 0;padding:0;padding:0 0 0 17px;background:url(../../img/bullet.gif) no-repeat 5px .4em;}
h4 {font-size:1.1em;margin:0 0 .8em 0;padding:0;}
h5 {font-size:1.1em;margin:0 0 .8em 0;padding:0;font-weight:normal;}
h6 {font-size:1.1em;margin:0 0 .8em 0;padding:0;font-weight:normal;font-style:italic;}

/* Liste generique */


/* Positionnement de contenus */
.left {float:left;margin:.6em 15px 15px 0;}
.right {float:right;margin:.6em 0 15px 15px;}
.center {text-align:center;}
.justify {text-align:justify;}
.middle {display:block;margin:0 auto;}

/* Liste generique */
#ColContenu ul {margin:0 0 1em 14px;padding:0;list-style:none;}
#ColContenu ul li {padding-left:8px;background:transparent url(../../img/bg_tiret.gif) 0 .7em no-repeat;}

/* Navigation lineaire */
.NavigationLineaire {text-align:center;margin:18px 0;}
.NavigationLineaire a {font-weight:bold;color:#175FA4 !important;border:1px solid #9C9C9C;padding:1px 6px;background-color:#EFEFEF;}
.NavigationLineaire a:hover {background-color:#FFF;text-decoration:none;}
.NavigationLineaire strong {font-weight:bold;color:#175FA4 !important;border:3px solid #175FA4;padding:1px 6px;background-color:#FFF;}
.NavigationLineaire .arrow {padding:1px 5px;}

/* Recrutement : recherche offres + resultat offres */
#rechercheOffres {background:url(../../img/bg_exergue_a.gif) #E1EBF4 no-repeat 0 0;margin:0;padding:0;}
#rechercheOffres fieldset {background:url(../../img/bg_exergue_b.gif) transparent no-repeat 0 100%;border:none;margin:0;padding:10px 15px;}
#rechercheOffres fieldset label {font-weight:bold;font-size:1.1em;display:block;margin:0 0 6px 0;}
#rechercheOffres fieldset select {color:#7F7F7F;border:1px solid #46535B;}
#rechercheOffres fieldset div.col1 {float:left;width:185px;}
#rechercheOffres fieldset div.col2 {float:left;width:300px;}
#rechercheOffres .button {background-color:#337BB6;border:1px solid #46535B;color:#FFF;font:bold 1em Arial,sans-serif !important;padding:0;}

/* Recrutement : offres */
.offre {margin:0 0 10px 0;font-size:1.1em;line-height:1.3em;}
.offre .tete {background:url(../../img/bg_offre_tete.gif) transparent no-repeat 0 0;padding:13px 16px 6px 16px;}
.offre .corps {background-color:#FFF;border-width:0 1px;border-style:solid;border-color:#99BDDA;padding:14px 15px 7px 15px;}
.offre .pied {background:url(../../img/bg_offre_pied.gif) transparent no-repeat 0 100%;padding:13px 16px;line-height:1.2em;}
.offre .tete p, .offre .pied p {margin:0 !important;}

/* Recrutement : formulaire */
.formulaire {margin: 10px 16px 5px 0;padding-top:10px; background-repeat: no-repeat; background-image: url(../../img/bg_section_top.gif); background-position: 0 0; float: left; position: relative; z-index: 2}
.blocForm {background-repeat: no-repeat; background-image: url(../../img/bg_section_bottom.gif); background-position: 0 100%; padding: 0 20px 10px 20px; float: left}
div.row {clear:both;padding-top:8px;}
div.row label, div.row .eqLabel {display:block;float:left;width:265px;text-align:right;margin:0 8px 0 0;position:relative;}
div.row span.formw {float:right;width:330px;text-align:left;}
.long label {width:165px !important;}
div.row a {float:left;width:415px;text-align:right;}
.formulaire input {border:1px solid #000;font:1em Verdana,sans-serif;width: 210px}
.formulaire input.short {width: 160px}
.formulaire textarea {border:1px solid #000;font:1em Verdana,sans-serif;overflow:auto;width:210px;position:relative;}
.formulaire textarea.short {width: 160px}
.formulaire select {font:1em Verdana,sans-serif;}
.formulaire select#poste {float: right; width: 226px}
.requis {font-size:.9em;padding:5px 0 0 0;width:490px;}
.formulaire .typeRadio {padding-top: 10px; margin-bottom: -10px}
.formulaire .radio, .formulaire .fileNota {display: block; width: 227px; float: right;}
.formulaire .radio label {width: auto; float: left;}
.formulaire .radio input {width: auto; border: 0; float: left}
.formulaire .validation {clear: both; text-align: right; padding-top: 15px}
.formulaire .validation input {float: right; width: auto; background-color: #337BB6; font-weight: bold; color: #fff}
.formulaire input#birthyear {width:70px;}

/* Menu niveau 3 (contenu) */
.chevron {font-weight: bold;color:#337BB6;font-family:"Times New Roman", Times, serif;}
div.MenuL3 {background-repeat: no-repeat; background-image: url(../../img/bg_section_top.gif); background-position: 0 0; padding:10px 0 0 0; margin: 10px 16px 10px 0 !important;}
.blocAncre .MenuL3 {margin-right:0 !important;}
.MenuL3 ol {list-style-position:outside;margin:0 !important;padding:0 0 7px;background:transparent url(../../img/bg_section_bottom.gif) 0 100% no-repeat ;}
.MenuL3 ol li {margin:0 40px 3px !important;padding:0 !important;font-weight: bold; color:#337BB6;}
.MenuL3 ol li a {color:#000;font-weight:normal; padding: 2px 5px;display:block;}
.MenuL3 ol li strong {background-color:#fff;padding: 2px 5px;display:block;}
.MenuL3 ol li.on a {color:#000;font-weight:bold;}
.MenuL3 ol ul {margin-bottom:0 !important;}
.MenuL3 ol ul li {padding-left:10px !important;margin-right:0 !important;}

.navPaginee {text-align:center;margin: 20px 0;}
.navPaginee span {position:absolute;top:-999em;left;-999em;}
.navPaginee a, .navPaginee strong {margin: 0; padding: 1px 5px;}
.navPaginee strong {background-color:#337BB6; color:#fff;}

/* Pages spéciales, ex. : Contact, Informations légales */
.annexes #ContainerCols {background-image:none;}
.annexes #ContainerCols #ColContenu {width:985px;voice-family:"\"}\"";voice-family:inherit;width:969px;}
html>body .annexes #ContainerCols #ColContenu {width:969px;}
.annexes #FildAriane {width:985px;padding-left:235px;voice-family:"\"}\"";voice-family:inherit;width:765px;}
html>body .annexes #FildAriane {width:765px;}
.annexes #ColContenu .blocDetail {width:750px;margin:0 0 0 219px;}


/* Page type — Contenu en blocs */
#ColContenu .blocAncre {margin-top:16px;background:transparent url(../../img/filet_h.gif) 0 0 repeat-x;}
#ColContenu .blocAncre:after {content:".";display:block;visibility:hidden;height:0;clear:both;}
/* \*/
*+html body #ColContenu .blocAncre {height:1%;}
* html body #ColContenu .blocAncre {height:1%;}
/* */
#ColContenu .blocDetail {width:556px;}
#ColContenu .blocAncre .blocDetail {width:540px;float:left;margin-right:30px;}
#ColContenu .blocAncre .blocDetail .wrapH3 {margin-top:16px; background-repeat: no-repeat; background-image: url(../../img/bg_section_top.gif); background-position: 0 0; padding-top:10px;}
#ColContenu .blocAncre .blocDetail h2 {margin-top:12px;}
#ColContenu .blocAncre .blocDetail h3 {margin:0 0 10px;padding:0 10px;list-style:none;background:transparent url(../../img/bg_section_bottom.gif) 0 100% no-repeat;padding-bottom:7px;}
#ColContenu .blocAncre .blocDetail h3.puce{padding:0 0 0 17px;background:url(../../img/bullet.gif) no-repeat 5px .4em;}
#ColContenu .blocAncre .blocDetail h3 span {color:#000;}
#ColContenu .blocAncre .blocDetail h3 span span {font-weight:bold;width:2em;float:left;color:#337BB6;text-align:right;margin-right:4px;}
/* \*/ * html body #ColContenu .blocAncre .blocDetail h3 span span {margin-right:1px;} /* */
#ColContenu .blocAncre .blocDetail ul {margin:0 0 1em 14px;padding:0;list-style:none;}
#ColContenu .blocAncre .blocDetail ul li {padding-left:8px;background:transparent url(../../img/bg_tiret.gif) 0 .7em no-repeat;}
#ColContenu .blocAncre .blocDetail ol {margin-left:35px;}
#ColContenu .blocAncre .blocPlus {float:left;width:200px;}
#ColContenu .blocAncre .blocPlus h4 {margin:13px 0 12px 0;padding:0;color:#337BB6;font-size:1.4em;font-weight:bold;}
#ColContenu .blocAncre .blocPlus ul {margin:0;padding:0;list-style:none;}
#ColContenu .blocAncre .blocPlus ul li {margin:0;padding:0;text-indent:6px;background:transparent url(../../img/bg_tiret.gif) 0 .7em no-repeat;}
#ColContenu .blocAncre .blocPlus ul li .pdf {display:block;text-indent:16px;background:transparent url(../../img/icones/pdf2.gif) 0 .1em no-repeat !important;}
#ColContenu .blocAncre .blocPlus ul li .xls {display:block;text-indent:20px;background:transparent url(../../img/icones/xls.gif) 0 .1em no-repeat !important;}
#ColContenu .blocAncre .blocPlus ul li .doc {display:block;text-indent:20px;background:transparent url(../../img/icones/doc.gif) 0 .1em no-repeat !important;}
#ColContenu .blocAncre .blocPlus ul li .ppt {display:block;text-indent:20px;background:transparent url(../../img/icones/ppt.gif) 0 .1em no-repeat !important;}
#ColContenu .blocAncre .blocPlus ul.linkList li {margin:0 0 12px;text-indent:0;padding:0 0 0 10px;background:transparent url(../../img/bullet.gif) 0 .35em no-repeat;}
#ColContenu a.pdf {display:block;text-indent:16px;background:transparent url(../../img/icones/pdf2.gif) 0 .1em no-repeat !important;}

/* contenu echange 2 colonnes */
.colonnage {padding: 0 0 0 44px}
.colonnage div {width: 219px; float: left;}
.colonnage div h3 {background-repeat: no-repeat; background-position: 0 0; background-image: url(../../img/bg_colonnage_h3_t.gif); padding: 8px 0 0 0; color: #333;  line-height: 1em;}
.colonnage div h3 strong {display: block; background-color: transparent; background-repeat: no-repeat; background-position: 0 100%; background-image: url(../../img/bg_colonnage_h3_b.gif); padding: 0 10px; margin: 8px 0; min-height: 33px; height: 33px}
html>body .colonnage div h3 strong {height: auto}
.colonnage div ul, .colonnage div p {margin-left: 10px !important; margin-right: 10px !important}
.colonnage .col1 {margin-right: 15px}
.colonnage a {color:#333 !important;}

/* tableaux */
#ColContenu table caption {color: #337BB6; font-weight: bold; font-style: italic; padding: 10px 0}
#ColContenu table {border-collapse: collapse; border-spacing: 0; margin-bottom: 2em; border-right: 2px solid #E1EBF4; border-bottom: 2px solid #E1EBF4;}
#ColContenu table thead th, #ColContenu table tbody th, #ColContenu table tfoot th {padding: 3px 10px; background-color: #E1EBF4; border-right: 1px solid #fff; text-align: center}
#ColContenu table thead th {border:1px solid #fff;border-right:0;}
#ColConStenu table tbody th, #ColContenu table tfoot th {border-top:1px solid #fff;}
#ColContenu table td {padding: 3px 10px;border: 1px solid #E1EBF4; background-color: #fff; text-align: right}
#ColContenu table .empty {background:none;border:none;}

/* — Test VRAI / FAUX — */
#ColContenu div.answer {display:none;}
#ColContenu .answer .faux, #ColContenu .answer .vrai, #ColContenu .answer .vraiFaux {display:block;font-weight:bold;font-size:1.5em;}
#ColContenu .answer .faux {color:#f00;}
#ColContenu .answer .vrai {color:#0b0;}
#ColContenu .answer .vraiFaux {color:#f90;}

/* — Exergue — */
#ColContenu .exergue {background-color:#fff; margin:16px;border: 1px solid #E1EBF4;padding:1em 1em 0;}

/* — Liste ordonnée d’articles — */
ol.articles {list-style:decimal;padding:0 0 0 27px;}
ol.articles li {margin:0 0 1em 0;text-align:justify;}


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

#ColContextuelle {text-align:left;float:left;width:195px;margin:-23px 0 0 15px;font-size:1.1em;line-height:1.2em;}
#ColContextuelle p {margin-top:0;}

h3.anoter {background:url(../../img/bg_h3_anoter.gif) transparent no-repeat 0 0;}
h3.nouvellesdesblogs {background:url(../../img/bg_h3_nouvellesdesblogs.gif) transparent no-repeat 0 0;}

.note {}
.note h3 {width:195px;height:29px;padding:0;margin:0 0 1px 0;}
.note h3 span {position:absolute;top:-7777em;left:-7777em;}
.note .inner {padding:8px 10px 2px 10px;background:url(../../img/bg_note.gif) transparent no-repeat 0 100%;}
.note ul {margin:0;padding:0;list-style:none;}
.note ul li {background:url(../../img/bullet_note.gif) transparent no-repeat 0 .2em;padding:0 0 0 9px;margin:0 0 .5em 0;}
.note ul li .date {font-size:.9em;}





/* [ 03.3 | INTÉRIEUR — Colonne double : pas de colonne de droite ]________________________ */

#ColContenu.double {width:778px;padding-right:0;}


/* — Liens "haut de page" — */
.hautDePage {text-align:right;margin:0 !important;padding:0 !important;}
.hautDePage a {color:#337BB6;display:inline-block;padding-left:12px;background:transparent url(../../img/bg_hdp.gif) 0 .5em no-repeat;}


/* ______________________[ 04 | Bas de page : copyright, liens vers informations générales ]________________________ */

#PiedDePage {color:#4A8ABF;width:1016px;margin:0 auto !important;padding:5px 0 15px 0;background:url(../../img/bg_pieddepage.png) transparent no-repeat 0 0;voice-family:"\"}\"";voice-family:inherit;width:1016px;}
html>body #PiedDePage {width:1016px;}

#PiedDePage a {color:#4A8ABF;text-decoration:none;}
#PiedDePage a.on, #PiedDePage a:hover {text-decoration:underline;}

.soulignement{font-style:normal;text-decoration:underline;}

.flag-en, .flag-fr {display:block;padding:0 0 2px 0;}
.flag-en{background:url(../../img/flag-en.gif) transparent no-repeat 91% 3px;}
.flag-fr{background:url(../../img/flag-fr.gif) transparent no-repeat 75% 2px;}



