/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/interface/fond_html.gif);
  background-repeat:repeat-x;
  background-color:#c1edff;
  width:100%;
  font:12px Arial, helvetica, sans-serif;
  color:#424242;
  line-height:18px;
}

.bleu {color:#5471cf !important}
.vert {color:#507300 !important}
.gris {color:#424242 !important}


.right {float:right}
.left {float:left}
.clear {clear:both}
.margin-left20{margin-left:20px}

.dixPx {margin-top:10px}

.liste {padding:10px 10px 10px 25px; background-color:#B5F0FF; border:1px #94e0f3 solid}
.videos {background-color:#eaefff; text-align:center; border:1px #c8d5ff solid; padding:10px 0px; clear:both}

.cadran1 {background-color:#dae3ff; border:1px #a8baf0 solid; padding:5px 10px; margin:10px 0px}
.cadran2 {background-color:#edffc5; border:1px #cce88c solid; padding:5px 10px; margin:10px 0px}

img {border:none}
/*p {text-align:justify}*/
a {text-decoration:none}

h1 {font-size:20px; color:#5471cf; margin-bottom:10px}
h2 {font-size:13px; margin-bottom:3px; color:#507300}
h3 {font-size:15px; margin-bottom:3px}
h4 {font-size:12px}
h5 {font-size:10px}

.ok {
	text-align:center;
	color:#448A04;
	border:1px solid #448A04;
	font-weight:bold;
	padding:5px;
	margin-top:1em;
}
.erreur {
	text-align:center;
	color:#CB2701;
	border:1px solid #CB2701;
	font-weight:bold;
	padding:5px;
	margin-top:1em;
}

/* ============================================== Structure generale ===================================================================*/
#conteneur {width:980px; margin:0px auto 0px auto}
#contenu {background-image: url(../img/interface/fond_contenu.gif);}

#options {margin:21px 0px 0px 25px}
#menu {margin:0px 40px 0px 0px; height:48px}

#bandeau {margin-left:11px}

#colonne-gauche {
  background-image: url(../img/menu/fond_colonne_gauche.gif);
  background-repeat:repeat-y;
  width:289px;
  padding:0px 22px 0px 17px
}
#colonne-gauche ul li {list-style:none}

#colonne-droite {width:603px; margin-left:20px}
#colonne-droite p {margin:0px 5px 0px 3px}
#colonne-droite a{color:#5471cf; text-decoration:underline}
#colonne-droite a:hover {text-decoration:none}

.p-gauche {width:320px; padding-top:5px}
.img-droite {margin-left:10px}

a.page {color:#507300 !important; background-image: url(../img/menu/feuille.gif) !important;}
a:hover.page,.navigation ol li.actif a.page {
  background-image: url(../img/menu/feuille_roll.gif) !important;
  background-color:#a7ca57 !important;
  color:#fff !important;
  cursor:pointer !important;
}

.navigation h3 {display:none}
.navigation ol {list-style-type:none; padding-left:3px; margin-bottom:10px}
.navigation li li{margin-top:1px}

.navigation ol a {
  background-image: url(../img/menu/bloc.gif);
  background-repeat:no-repeat;
  background-position:5px 4px;
  display:block;
  padding:1px 0px 1px 23px;
  text-decoration:none;
  font-weight:bold;
  color:#4e6bcb;
  margin-top:5px;
  cursor:default;
}

.navigation ol ol a {
  background-image: url(../img/menu/menu_puce2.gif);
  background-repeat:no-repeat;
  background-position:5px 6px;
  padding:1px 0px 1px 18px;
  font-weight:normal;
  color:#424242;
  margin:0px 0px 0px 8px;
  cursor:pointer !important;
}
.navigation ol ol a:hover,.navigation ol ol li.actif a  {
  background-color:#a2b4f4;
  background-image: url(../img/menu/menu_puce2_roll.gif);
  color:#fff;
}

.nav-img {margin-top:7px}

#pied {
  background-image: url(../img/interface/fond_pied.gif);
  background-repeat:repeat-x;
  background-color:#a6c955;
  color:#fff;
  width:922px;
  margin:20px 0px 0px 14px;
  padding:10px 20px 20px 20px;
  font-size:11px
}
#pied p{text-align:center; color:#507300}
#pied a {color:#fff}
#pied a:hover {text-decoration:underline}
a:hover#lien-pied {color:#507300 !important; text-decoration:underline}

/* ============================================== Accueil ==========================================================================*/
#flash {position:absolute; top:0p}

#contenu-haut-accueil {margin-top:328px}

#contenu-accueil {background-image: url(../img/accueil/fond_contenu_accueil.gif); width:976px; padding-left:4px}

.accueil-liens-bas {margin-bottom:5px}

#accueil-patient ol li a{display:block; width:220px}
#accueil-patient ol li ol li a{display:block; width:205px}

#accueil-pro ol li a{display:block; width:235px !important}
#accueil-pro ol li ol li a{display:block; width:225px !important}
div > #accueil-pro ol li a{display:block; width:240px !important}
div > #accueil-pro ol li ol li a{display:block; width:230px !important}

#accueil-patient li,#accueil-pro li {list-style:none}
#accueil-patient a,#accueil-pro a {padding:1px 10px 1px 22px; margin-bottom:1px}

#accueil-pro {margin-left:20px}
#accueil-pro a:hover, #accueil-patient a:hover {background-color:#4e6bcb; color:#fff; background-image: url(../img/accueil/puce_pro_roll.gif)}

#accueil-ifas {margin-left:20px}

#accueil-colonne-gauche {margin-left:11px}

#accueil-colonne-centre p {width:270px; margin:10px 0px 0px 25px}
#accueil-colonne-centre strong {display:block; margin-bottom:5px}

#accueil-colonne-droite {
  background-image: url(../img/accueil/accueil_droite_fond.gif);
  margin:24px 0px 0px 0px;
  width:384px;
  padding:0px 0px 0px 6px;
}
#accueil-colonne-droite a{display:block; margin-top:5px}
#accueil-colonne-droite h1{margin-left:15px}

.pied-accueil {width:915px !important; margin:30px 0px 0px 0px !important}


/* ============================================== Annuaire des services ==========================================================================*/
#annuaire-recherche {
	background-image:url(../img/annuaire/fond_annuaire.gif);
	color:#FFFFFF;
	height:55px;
	margin-bottom:20px;
	padding:10px;
	width:583px;
}
#machin #annuaire-recherche {
  background-image: url(../img/annuaire/fond_annuaire2.gif);
  width:583px;
  height:121px;
  padding:0px 10px;
  color:#fff;
  margin-bottom:20px
}
#annuaire-recherche label {width:160px; display:block; margin-bottom:5px}
#annuaire-recherche select {width:150px; display:block; font-size:11px; padding:1px 2px; color:#424242}
#annuaire-recherche input {font-size:11px; padding:1px 2px; width:135px; color:#424242}
#annuaire-rechercher,.recherche-bouton {width:89px !important; height:20px; margin-left:8px}

#f_annuaire_services {width:auto !important}

h3.fiche-service-titre,h3.fiche-praticien-titre {
  background-image: url(../img/annuaire/fiche_service_coin.gif);
  background-repeat:no-repeat;
  background-position:top right;
  color:#fff;
  background-color:#5471cf;
  padding:4px 5px 2px 8px;
  margin:0px 3px
}
.fiche-service,.fiche-praticien {padding:0px 10px 10px 10px; border:1px #5471cf solid; margin:0px 3px 20px 3px; color:#5471cf}
.fiche-service b,.fiche-praticien b {display:block; color:#424242; margin-top:5px}
.fiche-service ul,.fiche-praticien ul {margin:5px 0px 5px 20px}
.fiche-service strong {display:block; margin-top:5px}

h3.fiche-praticien-titre {background-color:#a7ca57; background-image: url(../img/annuaire/fiche_praticien_coin.gif); }
.fiche-praticien {border:1px #a7ca57 solid; color:#507300}
.fiche-service a,.fiche-praticien a{
  background-image: url(../img/annuaire/annuaire_fleche.gif);
  background-position:right center;
  background-repeat:no-repeat;
  padding-right:15px;
  color:#5471cf !important;
  text-decoration:none !important;
}
.fiche-praticien a{color:#507300 !important;}
.fiche-service a:hover,.fiche-praticien a:hover {text-decoration:underline !important}


/* ============================================== questionnaire / sondage ==========================================================================*/
#questionnaire b {display:block; background-color:#a2b4f4; color:#fff; padding:0px 0px 1px 5px; margin:10px 0px 5px 0px}
#questionnaire input {margin-left:10px}
#questionnaire p {display:block; margin:3px 0px}
#questionnaire input {margin-right:3px}
#questionnaire textarea {
  font-family:Arial, helvetica;
  width:590px;
  margin-left:5px;
  height:70px;
  display:block;
  font-size:11px;
  padding:5px;
  color:#424242
}

#questionnaire-reponse {margin-top:10px; padding:10px; border:10px solid #dee5ff; text-align:center; color:#5471cf}

#questionnaire-intitule {width:370px}
#crayon {margin-left:20px}
#envoyer-questionnaire {width:196px; height:36px}


/* ============================================== Communiqués ==========================================================================*/
.communiques-titre {
  background-image: url(../img/communiques/communiques_titre.gif);
  background-position:right center;
  background-repeat:no-repeat;
  width:578px;
  height:25px;
  padding:8px 15px 0px 10px;
  color:#fff
}
.communiques-titre em {font-size:11px}

.communiques-contenu {background-image: url(../img/communiques/communiques_fond.gif); padding:10px}
.communiques-contenu h3 {width:575px; margin:0px 0px 5px 3px; color:#5471cf}
.communiques-contenu p {width:410px}

#communiques-photo1,#communiques-photo2 {
  background-image: url(../img/communiques/communiques_photo1.jpg);
  margin:0px 0px 10px 10px;
  width:135px;
  height:22px;
  padding:104px 10px 0px 0px;
  text-align:right;
  font-size:10px;
}
#communiques-photo2 {background-image: url(../img/communiques/communiques_photo2.jpg);  }

#communiques-photo1 a,#communiques-photo2 a{
  background-image: url(../img/communiques/communiques_dl.gif);
  background-repeat:no-repeat;
  background-position:left center;
  text-decoration:none;
  color:#424242;
  padding-left:15px
}
#communiques-photo1 a:hover,#communiques-photo2 a:hover{background-image: url(../img/communiques/communiques_dl_roll.gif); color:#a7c956}

.communiques-archives {margin-left:8px}

a.communiques-fichier {
  display:block;
  background-image: url(../img/communiques/communiques_fichier.gif);
  background-repeat:no-repeat;
  background-position:left center;
  width:340px;
  padding-left:30px;
  margin:0px 0px 10px 10px;
  color:#424242 !important;
  text-decoration:none !important;
  font-weight:bold
}
a:hover.communiques-fichier {color:#5471cf !important}

a.communiques-autre {
  display:block;
  background-image: url(../img/communiques/communiques_autre.gif);
  width:583px;
  height:22px;
  padding:4px 10px 0px 10px;;
  text-decoration:none !important;
  color:#fff !important;
}
a:hover.communiques-autre {background-image: url(../img/communiques/communiques_autres_roll.gif)}
a.communiques-autre em{font-size:11px}

/* ============================================== IFAS ==========================================================================*/
.ifas-inscription {border:1px #a2b4f4 solid; padding:10px}
.ifas-inscription label {display:block; height:18px; float:left; width:130px; font-weight:bold; color:#5471cf; margin:0px 5px 7px 0px}
.ifas-inscription input {width:430px; height:18px; font-size:11px; color:#424242; height:16px; margin-bottom:2px; padding:1px 2px 0px 2px}
.ifas-inscription input.radio {width:16px; vertical-align:middle}
.ifas-inscription b {display:block; margin-bottom:10px}

.ifas-inscription select {height:18px}
.ifas-inscription input.generatedDate {width:200px}

.ifas-coche {border:1px #a7c956 solid; padding:5px 15px 5px 5px; margin-top:20px}
.ifas-coche ul {margin-left:20px}
.ifas-coche li {display:block; margin:5px 0px}
.ifas-coche input {display:block; width:30px}
.ifas-coche td {padding:5px 0px; vertical-align:top}

.choix-institut {text-align:center; padding:0px !important; margin-bottom:10px; font-size:11px}
.choix-institut b {font-size:12px}
.choix-institut td{background-color:#a7c956; color:#fff}
.fond-vert1 {background-color:#98ba47 !important}

#pre-inscription {width:199px; height:29px; margin-top:5px}


/* ============================================== Emploi a pourvoir ==========================================================================*/
.emploi-contenu {background-image: url(../img/communiques/communiques_fond.gif); padding:10px;}
.emploi-contenu h3 {width:575px; margin-bottom:10px; color:#5471cf; font-size:15px}
.emploi-contenu em {display:block; font-size:10px; margin:0px 0px 10px 2px}
.emploi-contenu b {color:#5471cf;}
.emploi-contenu p {display:block; margin-bottom:5px !important}
.emploi-contenu ul {margin:0px 0px 10px 20px}

.emploi-cadran {background-color:#ebefff; border:1px #c9d2f2 solid; padding:5px; margin-bottom:5px}

a.emploi-fichier {
  display:block;
  background-image: url(../img/communiques/communiques_fichier.gif);
  background-repeat:no-repeat;
  background-position:left center;
  width:520px;
  height:28px;
  padding:12px 0px 0px 40px;
  margin-left:10px;
  color:#424242 !important;
  text-decoration:none !important;
  font-weight:bold
}
a:hover.emploi-fichier {color:#5471cf !important}


/* ============================================== Plan d'acces ==========================================================================*/
.plan-loupe {margin:10px 10px 0px 0px}
#plan-legende1,#plan-legende2 {
  background-image:url(../img/standard/plan_loupe1mini.gif);
  background-repeat:no-repeat;
  padding:3px 0px 0px 28px;
  height:20px;
  display:block;
}
#plan-legende2 {background-image:url(../img/standard/plan_loupe2mini.gif)}


/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#b5f0ff; margin:5px 0px; padding:5px 0px 5px 20px; width:450px}
.fond-infos2 {background-color:#e0f7fd}

.couleur1 {background-color:#e0f7fd}
.couleur2 {background-color:#b5f0ff}

#extras caption {width:600px; background-color:#516ECC; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras a {color:#516ECC; text-decoration:none; font-weight:bold}
#extras a:hover {text-decoration:underline}
#extras p{text-align:justify; width:600px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {display:block; width:600px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid}
#plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}




/* ======================== GENERATEUR DE PAGES ========================== */
#spec > * {margin:0; padding:0}

#body ul {margin:10px 0px}
#body li {
	margin:0px 0px 10px 0px;
	padding-left:17px;
	list-style:none;
	background-image:url(../img/menu/menu_puce2.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;
}

/* Mettre ici tout ce qui concerne la mise en forme des pages du site avec #body devant */

#body img{margin:10px 0px} /* cible toute les images */
#body .left img, #body .right img{margin:0px 0px 10px 0px !important;} /* annule marge haut et bas pour les images en float gauche ou droite */


#spec #body a {font-size:inherit; text-decoration:underline}
#spec h1, #spec h2, #spec h3, #spec h4, #spec h5, #spec h6 {margin-top:0.5em !important}
#spec h3 {font-size:13px; display:block}
/* Document */
#spec div.doc a {
  display:block;
  padding:8px 0px 0px 20px;
  color:#22398f !important;
  font-weight:bold;
  margin:0px 0px 10px 10px;
  text-decoration:none !important;
}
#spec div.doc a:hover {text-decoration:underline !important}

#spec div.doc img{border:none !important; margin:0px !important}
#spec div.vdo {text-align:center; margin-bottom:1em;}
#spec div.img,#spec div.txt,#spec h1, #spec h2, #spec h3, #spec h4, #spec h5, #spec h6 {margin-bottom:5px}

#body img {border:2px #ebebeb solid; background-color:#fff; padding:5px}
#body div.img.left {margin-right:25px !important}
#body div.img.right {margin-left:25px !important}