@charset "utf-8";

* {	margin: 0; padding: 0;}

body {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #ffffff;
  text-align:center;
}

table#structure {
  width:100%;
  height:100%;
  border:0;
  margin: auto;
}

a {font-size:11px;color:#297acc;text-decoration:none;position:relative;}
a:hover {font-size:11px;color:#297acc;text-decoration:underline;cursor:pointer;position:relative;}
a.bottomgrey {font-size:10px;font-weight:normal;color:#808080;}
a.bottomgrey:hover {font-size:10px;font-weight:normal;color:#000000;text-decoration:underline;}
a.bottomblack {font-size:10px;font-weight:bold;color:#000000;}
a.bottomblack:hover {font-size:10px;font-weight:bold;color:#808080;}
a.footerlink {font-size:8px;font-weight:normal;text-decoration:none;}
a.footerlink:hover {font-size:8px;font-weight:normal;text-decoration:underline;}
a.small {font-size:9px;font-weight:normal;color:#297acc;}
a.small:hover {font-size:9px;font-weight:normal;color:#297acc;}
a.bold {font-size:10px;color:#297acc;font-weight:bold;text-decoration:none;vertical-align:top;}
a.bold:hover {font-size:10px;color:#297acc;font-weight:bold;text-decoration:underline;vertical-align:top;}
a.tabs, {line-height:14px;font-size:12px;color:#297acc;font-weight:bold;text-decoration:none;}
a.tabs:hover {line-height:14px;font-size:11px;color:#297acc;font-weight:normal;text-decoration:underline;cursor:pointer;}
a.tabs:focus {line-height:14px;font-size:12px;color:#5a5a5a;font-weight:bold;text-decoration:none;}
a.tabs:active, .tabsOn {line-height:14px;font-size:12px;color:#5a5a5a;font-weight:bold;text-decoration:none;}
.etape_off {font-size:12px;color:#297acc;font-weight:bold;}
.etape_on {font-size:12px;color:#5a5a5a;font-weight:bold;}

h1 { font-size:25px; font-family:Helvetica, sans-serif; font-weight:bold; color:#3d4a6c;}
h2 { font-size:14px; font-family:Helvetica, sans-serif; font-weight:bold; color:#3d4a6c;}
h2 a {font-size:14px; font-family:Helvetica, sans-serif; font-weight:bold; color:#3d4a6c; letter-spacing:0px;}
h2 a:hover {font-size:14px; font-family:Helvetica, sans-serif; font-weight:bold; color:#3d4a6c; letter-spacing:0px;text-decoration:underline;}
h3 { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3d4a6c;}
h3 a {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3d4a6c;}
h3 a:hover {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3d4a6c;text-decoration:underline;}
h4 { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#535353;}
h5 { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#535353; letter-spacing:-0.5px;}
h5 a { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#535353; letter-spacing:-0.5px;padding-left:5px;}
h5 a:hover { font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#535353; letter-spacing:-0.5px;;text-decoration:underline;padding-left:5px;}
h6 { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3d4a6c; letter-spacing:0px;}
h6.formulaire { background: url(/images/h6-bgd.gif) repeat-x top left; padding: 2px; margin: 10px 0 10px 0;}
ul, li { margin: 0; padding: 0;}

input.checkbox { width:12px; height:12px; border:0; margin:0px 2px 2px 2px;}
input.button { border:0; background:url(/images/button-bgd.png) no-repeat; cursor:pointer; width:150px; height:26px; padding:2px; font-size:12px;}

div#footer ul {
  list-style: none;
  margin-left: 18px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 15px;
}

div#main {
  position:absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear:both;
}

.border-left {
  background: url(images/border-left.png) top right repeat-y;
  height:100%;
  text-align:right;
  vertical-align:top;
}

div#content {
  position:relative;
  width:980px;
  background-color:#FFFFFF;
}

div#top, .top {
  position:relative;
  float:left;
  width:980px;
  top:0;
}

div#top-esprithm, .top-esprithm, div#top-coordonnees, .top-coordonnees, div#top-fiche, .top-fiche, div#top-google, .top-google, div#top-resultats, .top-resultats, .top-conseilshm, .top-preparationhm, .top-techniquehm
{
  position:relative;
  float:left;
  width:980px;
  top:0;
}

div#top-esprithm, .top-esprithm {background:url(/images/top-esprithm.jpg) no-repeat;}
div#top-coordonnees, .top-coordonnees {background:url(/images/top-coordonnees.jpg) no-repeat;}
div#top-fiche, .top-fiche {background:url(/images/top-fiche.jpg) no-repeat;}
div#top-google, .top-google {background:url(/images/top-google.jpg) no-repeat;}
div#top-resultats, .top-resultats {background:url(/images/top-resultats.jpg) no-repeat;}
div#top-conseilshm, .top-conseilshm {background:url(/images/top-conseilshm.jpg) no-repeat;}
div#top-preparationhm, .top-preparationhm {background:url(/images/top-preparationhm.jpg) no-repeat;}
div#top-techniquehm, .top-techniquehm {background:url(/images/top-techniquehm.jpg) no-repeat;}


div#top-home, .top-home {
  position:relative;
  height:569px;
  width:980px;
  z-index:3;
}

div#top-results {
  position:relative;
  float:left;
  width:980px;
  top:-20px;
}

div#home-animation {
  position:absolute;
  top:0px;
  width:980px;
  height:569px;
  z-index:0;  /*   z-index:2; livr comme a mais ne marche pas ??? */
}

div#home-no-animation {
  position:absolute;
  top:0px;
  width:980px;
  height:569px;
  z-index:2;
}


div#navigation {
  float:right;
  width:760px;
  height:58px;
  padding:117px 41px 0px 0px;
  text-align:right;
  z-index:9;
}

div#esprit {
  float:right;
  width:337px;
  height: 300px;  /*height:77px;*/ 
  padding:164px 30px 0px 0px;
  text-align:right;
  z-index:3;
}

div#menu-rightlinks {
  float:right;
  padding:13px 10px 0px 0px;
  font-size:9px;
  color:#FFFFFF;
  z-index:10;
}

div#departs {
  float:right;
  width:337px;
  height:317px;
  margin:0px 0px 0px 0px;
  text-align:left;
  z-index:3;
}

div#departs-title {
  float:left;
  width:250px;
  height:41px;
  margin:18px 0px 0px 22px;
  text-align:left;
}

div#departs-title li {
  margin:1px 0px 0px 14px;
}

div#map {
  background:url(images/map-index.png) no-repeat;
  margin-top:165px;
  position:relative;
  float:right;
  width:440px;
  height:330px;
  text-align:right;
  z-index:1000;
}

div#flashmap {
  margin:55px 14px 0px 0px;
  height:240px;
  z-index:1001;
}

div#googlemap-container {
  background:url(/images/map-google.png) no-repeat;
  margin:30px 32px 0px 0px;
  float:right;
  width:777px;
  height:607px;
  text-align:left;
  z-index:4;
}

div#fiche-container {
  margin:-372px 32px 0px 0px;
  float:right;
  width:777px;
  text-align:left;
  z-index:3;
}

div#fiche-title {
  background:url(/images/fiche-title.png) no-repeat;
  margin:0;
  padding:21px 0px 0px 24px;
  float:left;
  width:777px;
  height:92px;
  text-align:left;
  overflow:hidden;
}

div#fiche-description {
  background:url(/images/fiche-title.png) no-repeat;
  margin:-21px 0px 60px 0px;
  padding:21px 0px 0px 24px;
  float:left;
  width:777px;
  text-align:left;
  /*overflow:hidden;*/
}

div#fiche-tabs {
  margin:25px 22px 0px 0px;
  padding:14px 0px 0px 24px;
  float:right;
  width:737px;
  text-align:justify;
  z-index:3;
  background-color:#003366;
}

div#fiche-bottom {
  /*margin:-60px 0px 20px 0px;
  margin:0 0 0 -20px;*/
  margin:0px 0px 30px 0px;
  padding:14px 0px 0px 24px;
  float:right;
  width:737px;
  /*width:737px;*/
  height:48px;
  text-align:left;
  z-index:4;
}

div#courses-liste {
  background:url(/images/courses-liste.png) no-repeat;
  margin:-548px 0px 0px 10px;
  float:left;
  width:170px;
  min-height:492px;
  text-align:left;
  z-index:2;
}

div#kili-left {
  background:url(/images/kili-left.png) no-repeat;
  margin:-548px 0px 0px 10px;
  float:left;
  width:170px;
  height:492px;
  text-align:left;
  z-index:2;
}

div#kili-asavoir {
  margin:0px 0px 0px 30px;
  float:left;
  width:120px;
  height:240px;
  font-size:11px;
  text-align:left;
  z-index:2;
}

div#fiche-left {
  background:url(/images/fiche-left.png) no-repeat;
  margin:80px 0px 0px 10px;
  padding:45px 0px 0px 20px;
  float:left;
  width:170px;
  height:277px;
  text-align:left;
  z-index:2;
}

div#fiche-left-vide {
  margin:80px 0px 0px 10px;
  padding:45px 0px 0px 20px;
  float:left;
  width:170px;
  height:277px;
}

/*div#fiche-tab1 {
  display:block;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:655px;
  font-size:12px;
}

div#fiche-tab2, div#fiche-tab3 {
  display:none;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:655px;
  font-size:12px;
}*/

div#fiche-tab0 {
  display:block;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:655px;
  font-size:12px;
}

div#fiche-tab1, div#fiche-tab2, div#fiche-tab3, div#fiche-tab4 {
  display:none;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:655px;
  font-size:12px;
}

.titrerubrique  
{
  font-size:15px; 
  font-family:Helvetica, sans-serif; 
  font-weight:bold; 
  color:#3d4a6c;
  margin: 15px 0 5px 0;
}

.sousfiche-tab3 
{ margin:-15px 0 0 0;
  padding:0;
}

.sousfiche-tab3 ul
{ margin:0;
  padding:0;
}
    
.sousFTselected
{ font-weight:normal;
  font-size:12px;
  color:#909090;
}

.sousFTnormal 
{ font-weight:normal;
}

div#cat-title {
  margin:21px 0px 0px 25px;
  float:left;
  width:600px;
  height:73px;
  text-align:left;
  overflow:hidden;
}

div#cat-diaporama {
  margin:-75px 21px 0px 0px;
  padding:18px 0px 0px 0px;
  float:right;
  width:141px;
  height:53px;
  text-align:left;
}

div#googlemap {
  margin:0px 12px 0px 0px;
  float:right;
  width:750px;
  height:468px;
  border: 1px solid #999999;
}

/*
div#Support {
  position:relative;
  width:146px;
  height:340px;
  overflow:hidden;
  border:0px;
  margin:1px 0px 0px 15px;
}

div#Contenu {
  position:absolute;
  width:146px;
  height:auto;
  padding:5px 1px 5px 2px;
  margin: 1px 0px 0px 0px;
  left:0;
}
*/

div#Contenu li {
  margin: 1px 0px 0px 12px;
}

div#Contenu li span {
  position:relative;
  left:5px;
}

div#cat-difficulte li { margin: 15px 0px 0px 42px;}
div#cat-difficulte li a { position:relative; top:2px; vertical-align:top;}

div#kili-difficulte {
  position:relative;
  float:left;
}

div#kili-difficulte li { margin: 25px 0px 0px 42px;}
div#kili-difficulte li a { position:relative; top:2px; vertical-align:top;}

div.vertical-separator {
  height:1px;
  margin:-5px 6px 0px 6px;
}

div.vertical-separator2 {
  height:9px;
  margin:-5px 6px 0px 6px;
}

div#fiche-diaporama {
  position:relative;
  width:150px;
  height:55px;
  margin:-41px 0px 0px 5px;
}

div#fiche-photo {
  position:relative;
  float:left;
  width:526px;
  height:257px;
  margin:-21px 0px 0px -11px;
}

div#fiche-niveau {
  position:relative;
  float:right;
  width:226px;
  margin:-21px 36px 0px 0px;
}

div#fiche-niveau-top {
  position:relative;
  float:right;
  width:226px;
  height:62px;
}

div#footer {
  position:relative;
  width:980px;
  padding-bottom:20px;
}

.border-right {
  background-image: url(images/border-right.png);
  background-repeat:repeat-y;
  width:auto;
  text-align:left;
  vertical-align:top;
}

.bottom {
  float:left;
  position:relative;
  width:175px;
  height:110px;
  margin:30px 10px 20px 30px;
  border-left:1px solid #cccccc;
  text-align:left;
}

.bottomleft {
  float:left;
  width:175px;
  height:110px;
  margin:30px 0px 20px 180px;
  border-left:1px solid #cccccc;
  text-align:left;
}

.bottomright {
  float:left;
  width:115px;
  height:110px;
  margin:30px 0px 20px 30px;
  border-left:1px solid #cccccc;
  text-align:left;
}

div#footerlinks {
  float:right;
  width:100%;
  height:auto;
  font-size:8px;
  text-align:center;
  margin:0px;
}

span.separator {
  font-size:8px;
  margin:0px 6px 0px 6px;
}

span.fiche-intro 
{
  font-size:12px;
  font-weight:bold;
  color:#666666;
}

p.ficheDescription 
{
    margin-top: 40px;
    _margin-top: 0;
}

span.menuseparator {
  font-size:9px;
  margin:0px 6px 0px 6px;
}

span.bullet {
  float:left;
  margin:-3px 0px 0px 31px;
}

span.bullet-bottom {
  float:left;
  margin:-86px 0px 0px 29px;
}

span.bullet-question {
  float:left;
  margin:10px 0px 0px 24px;
  font-weight:normal;
}

span.bullet-fiche {
  float:left;
  margin:0px 0px 0px 35px;
}

span.cat-maintitle {
  padding:15px 0px 0px 28px;
  font-size:25px;
  font-family:Helvetica, sans-serif;
  font-weight:bold;
  color:#3d4a6c;
  text-align:left;
}

span.cat-subtitle {
  margin:-10px 0px 0px 0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#2e3033;
}

p.fiche-region {
  margin:-5px 0px 1px 0px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#666666;
  letter-spacing:-0.5px;
  white-space:pre;
}

p.fiche-title {
  margin:4px 0px 0px -1px;
  font-size:21px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#3d4a6c;
  letter-spacing:0px;
  white-space:pre;
}

p.fiche-subtitle {
  margin:0px 0px 0px 0px;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:600;
  color:#3d4a6c;
}

div#fiche-niveau li {
  list-style-type:none;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#535353;
  vertical-align:bottom;
  margin-left:10px;
  padding-top:9px;
}

p.fiche-niveau {
  margin:10px 0px -4px 14px;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#535353;
  vertical-align:bottom;
}

p.fiche-pdf {
  padding-top:1px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#297acc;
  vertical-align:middle;
  line-height:1.2em;
  display:inline;
  width:200px;
  height:28px;
  overflow:hidden;
}

img.pdf {
  float: left;
  vertical-align: middle;
  margin:-2px 3px 0px 0px;
  height:29px;
}

div#fiche-right {
  float: left;
  margin:28px 0px -6px 8px;
}

div#fiche-right li { margin: 0px 0px 0px 35px;}
div#fiche-right li a { position:relative; top:2px; vertical-align:top;}

img.fiche-question {
  float: left;
  vertical-align: middle;
  margin:-2px 6px 0px 10px;
  height:18px;
}

div#fiche-map {
  float: right;
  margin:30px 7px 0px 0px;
  width:210px;
  height:140px;
  overflow: show;
}

div#fiche-map img 
{
    vertical-align: bottom;
}

div#fiche-zoom {
  float: right;
  margin:-24px 122px 0px 0px;
/*  position: absolute;
  top: 150px;
  left: 25px;*/
  width:80px;
  height:30px;
  z-index: 1000;
}

div#fiche-text {
  float: left;
  margin:-60px 130px 0px 0px;
  width:498px;
  font-size:12px;
  text-align:justify;
  line-height:1.2em;
}

div#courses-nb {
  font-family:"Arial Narrow", Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#6b83b2;
  height:34px;
  margin:15px 0px 10px 26px;
}

div#departs-liste {
  float:left;
  width:305px;
  height:214px;
  margin:2px 0px 0px 12px;
  padding:10px 0px 0px 10px;
  overflow:hidden;
}

div#departs-bottom {
  float:left;
  width:315px;
  height:20px;
  margin:2px 0px 0px 12px;
  overflow:hidden;
}

div#departs-bottom li {
  margin:2px 0px 0px 26px;
}

div#left-elements {
  float:left;
  margin:-4px 0px 0px 24px;
}

div#left-elements li {
  padding-bottom:1px;
}


div#left-list {
  float:left;
  margin:4px 0px 0px 24px;
}

div#left-list li {
  padding-bottom:7px;
}

img {border:0px;}
img a {border:0px;}
img a:hover {border:0px;}

img.niveau { width:41px; margin:0px 20px -1px 2px; padding-top:0px;}
img.niveau-small { width:59px; height:19px; margin: -1px 0px 4px 7px; padding-top:0px;}

img.technique { width:32px; margin:-5px 7px -3px 0px;}
img.technique-small { width:59px; height:19px; margin: -1px 0px 4px 0px;}

img.diaporama { width:140px; margin:2px 0px 0px 0px;}
img.diaporama-hidden { display:none;}

img.arrow-top { margin:0px 0px 12px 18px; background-color:#9933CC;}
img.arrow-top a { border:none;}

img.fiche-left { width:18px; height:19px;}

img.bullet-fiche {
  width:4px;
  height:7px;
  margin:0px 0px 0px 12px;
}

#menu dt, #menu  li {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu a.smallwhite {font-size:9px;font-weight:normal;color:#FFFFFF;}
#menu a.smallwhite:hover {font-size:9px;font-weight:normal;color:#5e91fc;}



dd {
list-style-type: none;
margin: 0;
padding: 0;
}

dl {
list-style-type: none;
margin: 0;
padding: 0;
}


#menu {
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	height:58px;
	text-align:left;
	cursor:pointer;
}

#menu dl { float: left;}
#menu li { display: inline; padding-right:25px;}

#menu a { text-decoration: none; font-size:10px; color: #FFFFFF;}
#menu a:hover { text-decoration: none; font-size:10px; color: #5e91fc;}
#menu a:active {color: Red;}

#smenu1, #smenu2, #smenu3 {
position: absolute;
left: 0;
top:31px;
font-size: 10px;
background-color:#283860;
border-top:2px solid #5e91fc;
width: 732px;
height:14px;
padding:5px 0px 5px 28px;
z-index:10;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

#smenu1-on, #smenu2-on, #smenu3-on {
position: absolute;
left: 0;
top:31px;
font-size: 10px;
background-color:#283860;
border-top:2px solid #5e91fc;
width: 732px;
height:14px;
padding:5px 0px 5px 28px;
z-index:9;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

div#esprithm-container {
  margin:30px 32px 0px 0px;
  float:right;
  width:777px;
  text-align:left;
  z-index:3;
}

div#esprithm-title {
  background:url(/images/esprithm-title.png) no-repeat;
  margin-bottom:-7px;
  padding:23px 0px 0px 30px;
  font-size:22px;
  color:#3d4a6c;
  float:left;
  width:777px;
  height:62px;
  text-align:left;
  overflow:hidden;
}

div#esprithm-description {
  background:url(/images/fiche-bgd.png) repeat-y;
  margin:-21px 0px 60px 0px;
  padding:21px 0px 0px 20px;
  float:left;
  width:777px;
  text-align:left;
  overflow:hidden;
}

p.esprithm-back {
  float:right;
  margin:-16px 40px 0px 0px;
}

div#esprithm-tabs {
  margin:-25px 225px 30px 0px;
  padding:10px 0px 0px 24px;
  float:right;
  width:527px;
  text-align:justify;
  z-index:3;
}

div#esprithm-tabs li { list-style-type:bullet; padding:0px 0px 0px 0px; margin-left:20px;}

div#esprithm-tab1 {
  display:block;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:450px;
  font-size:12px;
}

div#esprithm-tab2, div#esprithm-tab3 {
  display:none;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:450px;
  font-size:12px;
}

div.esprithm-rubrique {
  background:url(/images/esprithm-rubriquebgd.png) no-repeat;
  background-position:top;
  margin:0px 0px 40px 0px;
  padding:10px 0px 0px 20px;
  float:left;
  width:527px;
  height:auto;
  /*_min-height:100px;*/
  text-align:left;
  overflow:hidden;
}

div.esprithm-rubrique-empty {
  margin:-10px 0px 40px -14px;
  padding:8px 0px 0px 0px;
  float:left;
  width:557px;
  height:auto;
  text-align:left;
  overflow:hidden;
}

p.esprithm-rubriquetitle {
  float:left;
  margin:-2px 0px 0px -11px;
  font-size:14px;
  color:#3d4a6c;
}

div.esprithm-rubriquecontent {
  float:left;
  padding:20px 55px 0px 25px;
  display:inline;
  font-size:12px;
  width:440px;
  text-align:justify;
}

div.esprithm-rubriquecontent img { float:left; margin:-5px 25px 10px 0px;}
div.esprithm-rubriquecontent li { list-style-type:none; margin: 10px 0px 12px 0px; vertical-align:top; padding-top:4px;}

div#esprithm-right {
  margin:27px 34px 30px -34px;
  float:right;
  width:216px;
  text-align:left;
  z-index:3;
}

div#esprithm-right p { margin:10px 64px 20px 0px; float:right; text-align:left; z-index:3;}

div#esprithm-conseils li { margin: 35px 0px 41px 40px; vertical-align:top; padding-top:4px;}
div#esprithm-conseils li span { float:left; vertical-align:bottom; margin-top:2px;}

div#esprithm-diaporama {
  margin:-40px 56px 0px 0px;
  float:right;
}

div#esprithm-uiagm {
  margin:9px 0px 20px 0px;
  padding:10px;
  float:right;
  text-align:left;
  width:196px;
  border:1px solid #e5e5e5;
  z-index:3;
  font-size:11px;
}

div#esprithm-uiagm li { list-style-type:bullet; padding:0px 0px 10px 0px; margin-left:10px;}

div#consulthm {
  margin:9px 0px 20px 0px;
  padding:10px;
  float:right;
  text-align:left;
  width:196px;
  border:1px solid #e5e5e5;
  z-index:3;
  font-size:11px;
}
div#consulthm ul { list-style-type:none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/*div#consulthm li { vertical-align:top;}*/
/*div#consulthm li span { vertical-align:bottom; margin-top:2px;}*/


div#esprithm-bottom {
  margin:-60px 0px 30px 0px;
  float:right;
  width:777px;
  height:48px;
  text-align:left;
  z-index:3;
}

div#resultats-left {
  background:url(/images/courses-liste.png) no-repeat;
  margin:80px 0px 0px 10px;
  padding:45px 0px 0px 20px;
  float:left;
  width:170px;
  height:277px;
  text-align:left;
  z-index:2;
}

div#resultats-legende {
  font-family:"Arial Narrow", Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#6b83b2;
  height:34px;
  margin:-25px 0px 10px 25px;
}

div#resultats-container {
  margin:-372px 32px 0px 0px;
  float:right;
  width:777px;
  text-align:left;
  z-index:3;
}

div#resultats-title {
  background:url(/images/resultats-title.png) no-repeat;
  margin:0;
  padding:21px 0px 0px 24px;
  float:left;
  width:777px;
  height:65px;
  text-align:left;
  overflow:hidden;
}

div#resultats-description {
  margin:-21px 0px 60px 0px;
  padding:21px 0px 0px 24px;
  float:left;
  width:777px;
  text-align:left;
  overflow:hidden;
}

div#resultats-tri {
  float:left;
  margin:-20px 0px 10px -12px;
  padding:12px 0px 9px 10px;
  width:744px;
  height:30px;
  overflow:hidden;
  font-size:12px;
  font-weight:bold;
  color:#3d4a6c;
  border-bottom:1px solid #CCCCCC;
}

div#resultats-tri ul { padding:0; margin:0; list-style-type:none;}
div#resultats-tri li { margin-left:10px; float:left; /*pour IE*/}
div#resultats-tri ul li img { display:block; float:left; padding-right:5px;}
div#resultats-tri ul li a { display:block; float:left; font-size:12px; color:#297acc; padding:0px 0px 5px 5px;}

div#resultats-modedemploi li {
  margin: 15px 0px 0px 26px;
  vertical-align:top;
  padding-top:4px;
}

div#resultats-modedemploi li span {
  float:left;
  vertical-align:bottom;
  margin-top:2px;
}

div#resultats-text {
  float: left;
  margin:20px 0px 20px -12px;
  width:730px;
  font-size:12px;
  text-align:justify;
  line-height:1.2em;
}

div#conseilshm-liens {
  margin:9px 0px 20px 0px;
  padding:10px;
  float:right;
  text-align:left;
  width:196px;
  border:1px solid #e5e5e5;
  z-index:3;
  font-size:11px;
}


div#conseilshm-liens li {
  list-style-type:none;
  padding:0px 0px 12px 0px;
  margin-left:40px;
}

p.conseilshm-back {
  float:right;
  margin:-16px 40px 0px 0px;
}

div#conseilshm-plus {
  margin:9px 0px 20px 0px;
  padding:10px;
  float:right;
  text-align:left;
  width:196px;
  border:1px solid #e5e5e5;
  z-index:3;
  font-size:11px;
}


div#conseilshm-plus li {
  list-style-type:none;
  padding:0px 0px 12px 0px;
  margin-left:40px;
}

p.conseilshm-pdf {
  padding-top:1px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#297acc;
  vertical-align:middle;
  display:inline;
  width:200px;
  height:28px;
  overflow:hidden;
}

div#conseilshm-difficulte li {
  margin: 15px 0px 17px 50px;
  vertical-align:top;
  padding-top:4px;
}

div#conseilshm-difficulte li span {
  float:left;
  vertical-align:bottom;
  margin-top:2px;
}

div#conseilshm-tech-left {
  margin:0px 0px 40px 10px;
  padding:10px 0px 0px 22px;
  float:left;
  width:340px;
  height:auto;
  text-align:left;
  overflow:hidden;
  background:url(/images/conseilshm-tech-bgd.png);
  background-repeat:no-repeat;
}

div#conseilshm-tech-right {
  margin:0px 30px 40px 0px;
  padding:10px 0px 0px 22px;
  float:right;
  width:340px;
  height:auto;
  text-align:left;
  overflow:hidden;
  background:url(/images/conseilshm-tech-bgd.png);
  background-repeat:no-repeat;
}

div#conseilshm-tech-content-left,
div#conseilshm-tech-content-right {
  float:left;
  padding:20px 55px 0px 10px;
  display:inline;
  font-size:12px;
  width:280px;
  text-align:justify;
}

div#conseilshm-tech-content-left li {
  list-style-type:none;
  margin: 10px 0px 12px 0px;
  vertical-align:top;
  padding-top:4px;
}

div#conseilshm-tech-content-right li {
  list-style-type:none;
  margin: 10px 0px 12px 0px;
  vertical-align:top;
  padding-top:4px;
}

div#preparationhm-tabs {
  margin:-25px 225px 30px 0px;
  padding:10px 0px 0px 24px;
  float:right;
  width:527px;
  text-align:justify;
  z-index:3;
}

div#preparationhm-tabs li {
  list-style-type:none;
  margin: 10px 0px 12px 0px;
  vertical-align:top;
  padding-top:4px;
}

div#preparationhm-tab1 {
  display:block;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:450px;
  font-size:12px;
}

div#preparationhm-tab2 {
  display:none;
  margin:15px;
  padding:10px 0px 0px 0px;
  width:450px;
  font-size:12px;
}

div#ruffier-right {
  margin: 20px 0 20px 0;
}

div#ruffier-right li {
  margin: 15px 0px 25px 40px;
  vertical-align:top;
  padding-top:4px;
}

div#ruffier-right li span {
  float:left;
  vertical-align:bottom;
  margin-top:2px;
}

div#contact-container {
  margin:30px 32px 0px 0px;
  float:right;
  width:777px;
  text-align:left;
  z-index:3;
}

div#contact-description {
  background:url(/images/fiche-bgd.png) repeat-y;
  margin:-21px 0px 60px 0px;
  padding:21px 0px 0px 20px;
  float:left;
  width:777px;
  text-align:left;
  overflow:hidden;
}

div#contact-topleft {
  padding:10px 0px 0px 10px;
  float:left;
  width:300px;
  text-align:left;
  overflow:hidden;
}

div#contact-topright {
  margin:10px 45px 0px 10px;
  padding:6px 10px 0px 10px;
  float:right;
  width:390px;
  text-align:left;
  overflow:hidden;
}

div#contact-topright span { font-size:12px;}
div#contact-topright ul { margin-top:16px;}
div#contact-topright li { list-style-type:none; margin-bottom:3px; font-size:12px;}

p.contact-title { margin:0px 0px 10px 0px; font-size:14px; color:#3d4a6c;}

div#contact-specialistes {
  margin:20px 0 20px 0px;
  padding:13px 0px 0px 20px;
  float:left;
  width:737px;
  text-align:left;
  overflow:hidden;
  background:url(/images/fiche-tabs.png);
  background-repeat:no-repeat;
}

div.contact-photo {
  margin:20px 0 20px 5px;
  float:left;
  width:130px;
  text-align:left;
  overflow:hidden;
}

div.contact-descriptif {
  margin:20px 0 20px 0px;
  padding-right:30px;
  float:left;
  width:180px;
  text-align:left;
  overflow:hidden;
}

div.contact-descriptif span { font-size:12px;}

div#contacts-zoom {
  float: left;
  margin:-10px 0px 0px 15px;
  width:80px;
  height:30px;
  z-index:10000;
}

div#brochure-right {
  margin: 7px 54px 30px -54px;
  float:right;
  width:340px;
  text-align:left;
  border:1px solid #ccc;
  z-index:3;
}

div#brochure-right span { padding: 7px; float:right; text-align:left; font-size:12px;  z-index:3;}

div#brochure-intro {
  padding: 0px 0px 0px 10px;
  float:left;
  width:170px;
  text-align:left;
  overflow:hidden;
  font-weight:bold;
}

div#brochure-intro span { padding: 0px 0px 0px 0px; font-size:12px; font-weight:bold;}

div#brochure-visuel {
  padding: 15px 70px 0px 0px;
  float:right;
  width:150px;
  text-align:left;
  overflow:hidden;
}

div#brochure-coordonnees {
  margin:0px 0 20px 0px;
  padding:13px 0px 0px 20px;
  float:left;
  width:737px;
  text-align:left;
  overflow:hidden;
  background:url(/images/fiche-tabs.png);
  background-repeat:no-repeat;
}

div#brochure-table {
  margin:30px 0 20px 20px;
  font-size:12px;
}

div#informatique-liberte {
  margin:30px 0px 20px 20px;
  width:660px;
  font-size:10px;
  text-align:justify;
}

div#newsletter-intro {
  padding:10px 0px 0px 10px;
  float:left;
  width:480px;
  text-align:left;
  overflow:hidden;
  font-size:12px;
}

div#newsletter-intro ul { margin:0px 0px 0px 20px;list-style-image:url(/images/fiche-left-send.png);}
div#newsletter-intro li { margin:8px 0px 0px 10px; vertical-align:bottom;}
div#newsletter-intro li p { vertical-align:top; padding:-15px 0px 0px 10px; line-height:1.6em;}
div#newsletter-intro li span { vertical-align:top; padding:-15px 0px 0px 10px; line-height:1.6em;}

div#newsletter-inscription {
  margin:0px 0px 20px 0px;
  padding:13px 0px 0px 20px;
  float:left;
  width:720px;
  text-align:left;
  overflow:hidden;
}

div#newsletter-form {
  margin-top:40px;
  padding:10px 0px 0px 10px;
  float:left;
  width:520px;
  text-align:left;
  overflow:hidden;
  font-size:12px;
}

div#newsletter-form label { display: inline; float: left; width: 150px; font-weight:bold;} 
div#newsletter-form span { font-size:11px; margin-left:10px;} 
input.newsletter-button { border:0; background:url(/images/button-bgd.png) no-repeat; cursor:pointer; margin-left:150px; width:150px; height:26px; padding:2px;text-align:center;font-size:12px;}
input.contact-button { border:0; background:url(/images/button-bgd.png) no-repeat; cursor:pointer; margin-left:0px; width:150px; height:26px; padding:2px;text-align:center;font-size:12px;}

div#newsletter-right {
  margin:17px 48px 30px 0px;
  float:right;
  width:190px;
  text-align:left;
  border:1px solid #ccc;
  z-index:3;
}

div#newsletter-right span { padding:15px 20px 20px 10px; float:right; text-align:left; font-size:12px; z-index:3;}

div.conseilshm-tabs {
  margin:10px 0px 0px -24px;
  padding:10px 0px 0px 24px;
  float:left;
  width:527px;
  text-align:justify;
  z-index:3;
}

div.conseilshm-tabs li { margin:10px 0px 10px 20px;}

div#conseilshm-hab-tab1, div#conseilshm-sac-tab1 {
  display:none;
  margin:15px 15px 0px 15px;
  padding:10px 0px 0px 5px;
  width:450px;
  font-size:12px;
}

div#conseilshm-hab-tab2, div#conseilshm-hab-tab3, div#conseilshm-sac-tab2, div#conseilshm-sac-tab3 {
  display:none;
  margin:15px 15px 0px 15px;
  padding:10px 0px 0px 5px;
  width:450px;
  font-size:12px;
}

div#conseilshm-sac-tab2 {
  display:none;
  margin:15px 15px 0px 5px;
  padding:10px 0px 0px 0px;
  width:450px;
  font-size:12px;
}


.right 
{
    float: right;
}

div#conseilshm-plan-left1, 
div#conseilshm-plan-left2, 
div#conseilshm-plan-left3
{
  margin:0px 0px 40px 10px;
  padding:10px 0px 0px 22px;
  float:left;
  width:340px;
  height:auto;
  text-align:left;
  overflow:hidden;
  background:url(../images/conseilshm-tech-bgd.png);
  background-repeat:no-repeat;
}

div#conseilshm-plan-right
{
  margin:0px 30px 40px 0px;
  padding:10px 0px 0px 22px;
  float:right;
  width:340px;
  height:auto;
  text-align:left;
  overflow:hidden;
  background:url(../images/conseilshm-tech-bgd.png);
  background-repeat:no-repeat;
}

div#conseilshm-plan-content-left1,
div#conseilshm-plan-content-left2,
div#conseilshm-plan-content-left3,
div#conseilshm-plan-content-right {
  float:left;
  padding:20px 55px 0px 10px;
  display:inline;
  font-size:12px;
  width:280px;
  text-align:justify;
}

.clear { clear: both;}


/* Mask vignette */

div.relative {
	position: relative;
}


div.mask1 {
	width: 59px;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	
	/*positionnement de l'image sur le fond de l'element pour Mozilla,Opera, IE7*/
	background:transparent url(/images/maskThumb1.png) no-repeat left top; 
	
	/*suppression de l'image de fond sous IE6 et infrieur*/
	_background-image: none; 
	
	/*application du filtre de chargement de l'image*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/maskThumb.png', sizingMethod='Scale');
}


div.mask2 {
	width: 117px;
	height: 116px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	
	/*positionnement de l'image sur le fond de l'element pour Mozilla,Opera, IE7*/
	background:transparent url(/images/maskThumb2.png) no-repeat left top; 
	
	/*suppression de l'image de fond sous IE6 et infrieur*/
	_background-image: none; 
	
	/*application du filtre de chargement de l'image*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/maskThumb.png', sizingMethod='Scale');
}

.calage_recap 
{
    margin-right: 25px;
}

.lineDatePrix 
{
	background:transparent url(/images/bck_tab_inscription.gif) repeat-x top left; 
     }
     
.left {float: left;}
.right {float: right;}

.leftactu {float: left;margin-right:10px;_margin-left:10px;}
.texteactu{width:600px;}

div#actualites {
	background:url(images/news-index-bgd.png) no-repeat; 
	margin-right:367px; 
	margin-top:10px; 
	float:right; 
	width:440px; 
	height:100px; 
	padding-top:13px;
}

.h3actu { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3d4a6c;margin-left:112px;margin-right:20px;}

.h5actu {font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#535353; letter-spacing:-0.5px;margin-right:20px;}

.corpsactu {font-size:11px;color:#535353;margin-right:20px;}

<<<<<<< .mine
.imgactu {margin-right:20px;}

.hautdepage {margin-top: 20px;}=======
.imgactu {margin-right:20px;}

.hautdepage {margin-top: 20px;}

.video 
{
    text-align:center;
}>>>>>>> .r14664