/* IFMK (c) Artisans de l'Image 2007/2008 */

/* TwinHelix IE PNG fix */
img, div { behavior: url(/commun/iepngfix.htc) }

body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; padding: 0; text-align: center; color: #000000; background-color: #caf0f8; background-image: url(/images/interface/fond_site.jpg); background-repeat: repeat-x;  }
.ifmk img { border: 0 }
.ifmk a { color: #2a7fc0 }
.ifmk a:hover { color: #01325f }
.ifmk a:visited { color: #104c7b }
.ifmk #page { margin: 0 auto; text-align: left; width: 1020px; }
.ifmk .erreur { color: red; font-weight: bold; font-size: 14px }
.ifmk #telpop { position: absolute; height: 123px; width: 600px; background-image: url(/images/interface/popbackgnd.png); background-repeat: no-repeat; font-size: 60px; font-weight: bold; color: white; text-shadow: 3px 3px 4px #222; text-align: center; padding-top: 18px; visibility: hidden; z-index: 10 }

/* ombres */
.ifmk #ombreg { width: 100%; background: url(/images/interface/ombreg.png); background-repeat: no-repeat; background-position: left; padding: 0 }
.ifmk #ombred { width: 100%; background: url(/images/interface/ombred.png); padding: 0 }
.ifmk #ombreb { clear: both; width: 1020px; height: 32px; background: url(/images/interface/ombreb.png); background-repeat: no-repeat; bottom: 0 }
.ifmk #credits { clear: both; margin: 0 auto; width: 1000px; padding: 0; text-align: right; margin-bottom: 16px; font-size: 9px; color: #74a9b5; font-style: italic }
.ifmk #credits a { font-size: 9px; color: #74a9b5; font-style: italic; font-weight: normal; text-decoration: none }
.ifmk #credits a:hover { color: #2c698c }

/* barre de nav et ses boutons */
.ifmk #nav { width: 1000px; height: 180px; margin: 0 auto; overflow: auto; }

/* partie principale de la page */
.ifmk #principale { width: 980px; min-height: 600px; margin-left: auto; margin-right: auto; font-size: 10px; padding: 20px 10px; background: #dbeff8 } /* #daf0f9 */
.ifmk #principale h2.titreaccueil { text-align: center; font-size: 15px; font-weight: bold; margin: 8px 0 }
.ifmk #principale p.paraccueil { text-align: center; font-size: 11px; line-height: 18px; margin: 8px 0 }
.ifmk #principale .barretitre { text-align: center }
.ifmk #principale .barretitre .barre { width: 800px; height: 28px; margin: 0 auto }
.ifmk #principale .barretitre .ombre { width: 800px; height: 12px; background: url(/images/interface/barre_ombre.png); margin: 0 auto }
.ifmk #principale #blocflash { margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: center }
.ifmk #principale #actus { clear: both; width: 800px; text-align: left; margin: 0 auto }
.ifmk #principale #actus .actu { width: 800px; background: url(/images/interface/actus_fond.png); background-repeat: no-repeat; border: solid 1px #79cddb; margin: 4px 0; padding: 0; clear: both }
/* .ifmk #principale #actus .actu .entete { width: 790px; overflow: auto; margin: 5px } */
.ifmk #principale #actus .actu .entete { margin: 5px }
.ifmk #principale #actus .actu .entete .date { font-size: 10px; font-style: italic; color: #888; margin: 0 10px 0 0; width: 40px; float: right; text-align: right }
.ifmk #principale #actus .actu .entete .titre { font-size: 11px; font-weight: bold; color: black; margin: 0; width: 720px; float: left }
.ifmk #principale #actus .actu .entete .titre a { text-decoration: none }
.ifmk #principale #actus .actu .texte { display: block; font-size: 10px; color: #333; margin: 10px 2px 6px 10px; clear: both }
.ifmk #principale .texte { width: 740px; margin: 10px auto; text-align: left }
.ifmk #principale .texte h3 { display: block; height: 20px; color: #00284f; margin: 10px 0 0 0; font-size: 12px; background: url(/images/interface/boule.png); background-repeat: no-repeat; background-position: top left; padding-left: 24px }
/* .ifmk #principale .texte p { margin: 4px 0 10px 0 } */
.ifmk #principale .texte p { margin: 4px 0 4px 0 }
.ifmk #principale .texte ul { margin: 0 0 4px 20px }
.ifmk #principale .texte div.par { margin: 0 0 0 8px }
.ifmk #principale .texte div.entredeuxelmts { height: 2px; font-size: 2px; margin: 0; clear: both }
.ifmk #principale table.tarifs { width: 100%; border-collapse: collapse }
.ifmk #principale table.tarifs th { text-align: center; background: #C5E7F1; background-image: url(/images/interface/fond-th.gif); font-weight: bold; border: 1px solid #168392; padding: 4px }
.ifmk #principale table.tarifs td { text-align: center; padding: 4px; border: 1px solid #0199B0; background-color: #EEFAFF; }
.ifmk #principale table.tarifs td p { margin: 2px }
.ifmk #principale a.lientlchg { display: block; height: 35px; text-decoration: none; font-weight: bold; font-size: 12px }
.ifmk #principale a.lientlchg img { vertical-align: middle; margin-right: 6px }
.ifmk #principale #etapes { width: 536px; height: 40px; margin: 10px auto 20px auto }
.ifmk #principale #etapes .etape { width: 134px; height: 39px; margin: 0; float: left }
.ifmk #principale #recap h4 { font-style: italic; font-weight: bold; margin: 6px 0 2px 0 }
.ifmk #principale #recap p { margin: 0 0 0 10px }
.ifmk #principale #historique { width: 760px; margin: 0 auto }
.ifmk #principale #historique .histannee { margin: 15px 10px; clear: both; min-height: 36px }
.ifmk #principale #historique .histannee .annee { width: 101px; height: 36px; float: left }
.ifmk #principale #historique .histannee .hist  { margin-left: 110px; color: #00284f }
.ifmk #principale #historique p { font-size: 2px; margin: 0 }
.ifmk #principale .barretitreplan { text-align: center }
.ifmk #principale .barretitreplan .barre { width: 500px; height: 28px; margin: 0 auto }
.ifmk #principale .barretitreplan .ombre { width: 500px; height: 12px; background: url(/images/interface/barre_ombre.png); margin: 0 auto }
.ifmk #principale #googlemap { width: 513px; height: 364px; clear: both; background: url(/images/interface/ombre-gmap.png); text-align: left; margin-left: 13px }
.ifmk #principale #googlemap iframe { border: solid 1px #00284f }
.ifmk #principale .clearer { font-size: 1px; clear: both }

/* formulaire de recherche dans les resultats */
#formRR { text-align: center }
#formRR #formRechRes { display: block; width: 340px; margin: 0 auto; text-align: left }
#formRR #formRechRes div { overflow: auto }
#formRR #formRechRes label { position: absolute; width: 175px; text-align: right; padding-top: 6px }
#formRR #formRechRes input { position: relative; margin-left: 180px }
#tableauRes { text-align: center }
#tableauRes table { margin: 0 auto; text-align: left }
#tableauRes table th { background: #4090bb; padding: 2px 4px; color: white }
#tableauRes table td { padding: 2px 6px }
.lignePaire { background: #a1d9e2 }
.ligneImpaire { background: #e9f8ff }

/* formulaire d'inscription */
.ifmk #formInscr { width: 500px; margin: 0 auto }
.ifmk #formInscr label { font-size: 10px; color: #333333; position: absolute; margin-top: 8px }
.ifmk #formInscr input { margin: 3px 0 3px 130px }
.ifmk #formInscr select { margin: 3px 0 3px 130px }
.ifmk #formInscr textarea { margin: 3px 0 3px 130px }

/* formulaire contact */
.ifmk #formContact { width: 500px; float: left; text-align: left; border: 0 }
.ifmk #formContact fieldset { padding: 10px; border: solid 1px #a1d9e2 }
.ifmk #formContact legend { color: #00284f }
.ifmk #formContact label { font-size: 10px; color: #009db3; position: absolute; margin-top: 8px }
.ifmk #formContact input { margin: 3px 0 3px 90px; width: 135px }
.ifmk #formContact select { margin: 3px 0 3px 90px; font-size: 10px }
/* .ifmk #formContact textarea { margin: 3px 0 3px 90px; width: 400px } */
.ifmk #formContact textarea { margin: 3px 0 3px 0; width: 382px; float: right }