body
{
    margin : 0;
    padding : 0;
    font-family : Verdana;
    font-size : 11px;
}
body input,
body select
{
    font-family : Verdana;
    font-size : 11px;
}

div#page
{
    position : relative;
    width : 1000px;
    height : 600px;
    margin : 0 auto;
    width : 1000px;
    height : 600px;
}

/* header */
div#logo
{
    width : 1000px;
    height : 96px;
}
div.promo
{
    position : absolute;
    top : 10px;
    left : 780px;
    width : 212px;
    background-color : #fff;
    font-family : Verdana;
    font-size : 11px;
}
div.promotextseul
{
    position : absolute;
    top : 21px;
    left : 780px;
    width : 212px;
    height : 50px;
    background-color : #fff;
    font-family : Verdana;
    font-size : 11px;
}


/* Content */
div#content
{
    position : absolute;
    width : 1000px;
    height : 504px;
}

div#centergauche
{
    width : 200px;
    height : 504px;
    float : left;
}

/* Menu */
div#centergauche div#menu
{
    position : absolute;
    width : 200px;
    height : 186px;
    margin : 0;
    padding : 0;
}

div#centergauche div#menu a,
div#centergauche div#menutexte a
{
    text-decoration : none;
    margin : 0;
    padding : 0;
}

div#centergauche div#menutexte
{
    position : absolute;
    left : 0;
    top : 0;
    display : block;
    margin : 0;
    padding : 3px 0 0 10px;
}

div#centergauche div#menutexte span
{
    font-family : Verdana;
    font-size : 11px;
    font-weight : bold;
    color : #fff;
    /*padding : 4px 0 14px 0;*/
    display : block;
}
div#centergauche div#menutexte span#ctl00_LBLMenu1
{
    line-height : 29px;
}
div#centergauche div#menutexte span#ctl00_LBLMenu2
{
    line-height : 32px;
}
div#centergauche div#menutexte span#ctl00_LBLMenu3
{
    line-height : 31px;
}
div#centergauche div#menutexte span#ctl00_LBLMenu4
{
    line-height : 31px;
}
div#centergauche div#menutexte span#ctl00_LBLMenu6
{
    line-height : 32px;
}
div#centergauche div#menutexte span#ctl00_LBLMenu5
{
    line-height : 31px;
}

/* Gauche Bas */
div#iconegauche
{
    position : absolute;
    top : 186px;
    left : 0;
    width : 200px;
    height : 318px;
    background-image : url(images/IMGBordPartiePicto.jpg);
    background-repeat : no-repeat;
    background-position : top right;
    
}

div#iconegauche table
{
    border-collapse : collapse;
}

div#icones
{
    background-color : #FF0099;
    position : relative;
    top : 3px;
    left : 0px;
    height : 315px;
    width : 189px;
    font-family : Verdana;
    font-size : 9px;
    color : #fff;
}

div#icones table
{
    position : absolute;
    top : 50%;
    height : 220px;
    border-collapse : collapse;
    margin : -110px 0 0 5px;
}

div#iconegauche table tr td,
div#icones table tr td
{
    margin : 0;
    padding : 0 0 0 5px;
}

div.lienmtstmichel
{
    position : absolute;
    margin-top : 10px;
    margin-left : 15px;
    width : 178px;
}
div.lienmtstmichel a
{
    text-decoration : none;
    color : #FFF;
    line-height : 20px;
    font-weight : bold;
    font-style : italic;
    font-size : 14px;
    display : block;
} 
div.lienmtstmichel a:hover
{
    text-decoration :underline;  
} 
/* Partie dynamique */
div#center
{
    position : absolute;
    float : left;
    width : 571px;
    height : 504px;
    left : 200px;
    background-color : #fff;
}

/* Droite Bas */
div#centerdroit
{
    position : absolute;
    width : 230px;
    height : 504px;
    left : 772px;
    background-color : #fff;
}

div#imagedroite
{
    width : 230px;
    height : 186px;
    background-image : url(images/IMGPartieDroite.jpg);
    background-repeat : no-repeat;
}

div#basdroit
{
    position : absolute;
    width : 230px;
    height : 318px;
    background-color : #fff;
    background-image : url(images/IMGBordPartieDroite.jpg);
    background-repeat : no-repeat;
    background-position : top left;
    
}
div#basdroitcontent
{
     position : relative;
    width : 219px;
    height : 315px;
    left : 11px;
    top : 3px;
    background-color : #FF0099;
}

div#enlumgauche
{
    position : absolute;
    top : 3px;
    background-image : url(images/enlumegauche.jpg);
    background-repeat : no-repeat;
    width : 25px;
    height : 32px;
}

div#enlumdroite
{
    position : absolute;
    top : 3px;
    right : 11px;
    background-image : url(images/enlumedroite.jpg);
    background-repeat : no-repeat;
    width : 33px;
    height : 33px;
}

/* Partie dynamique */
div#anim
{
    position : absolute;
    top : -7px;
    left : 0px;
    width : 200px;
    height : 315px;
}

/* Page Default */
div#draptitle
{
    position : absolute;
    top : 40px;
    left : 5px;
    width : 200px;
    font-family : Verdana;
    font-size : 17px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
    z-index : 3;
}

div#langues table
{
    position : absolute;
    top : 80px;
    left : 45px;
    text-align : center;
    border-collapse : collapse;
    margin : 0;
    padding : 0;
}

div#langues table tr td
{
    margin : 0;
    padding : 0;
}

/* footer */
div#footer
{
    position : relative;
    top : 487px;
    left : 0px;
    text-align : center;
    z-index : 1;
    color : #FF0099;    
}

div#footer a,
div#footer a:link,
div#footer a:active,
div#footer a:visited
{
    font-family : Verdana;
    font-size : 9px;
    color : #FF0099;
    text-decoration : none;
}

div#footer a:hover
{
    text-decoration : underline;
}

/* Image Centrale */
div#centerimg
{
    position : absolute;
    width : 572px;
    height : 187px;
}
div#centerimg img
{
    width : 572px;
    height : 187px;
}

div#defpresentation,
div#hotelpresentation,
div#sempresentation,
div#contactpresentation,
div#infolegalespresentation,
div#etape1presentation,
div#etape2presentation,
div#etape3presentation,
div#etape4presentation,
div#etape5presentation,
div#promopresentation,
div#textmoispresentation,

div#restopresentation
{
    font-family : Verdana;
    font-size : 11px;
    position : absolute;
    top : 186px;
    width : 571px;
}

div#presentationtitle
{
    font-family : Verdana;
    font-size : 16px;
    font-weight : bolder;
    color : #FF0099;
    margin-left : 10px;
    margin-top : 10px;
}

div#presentationtitle img
{
    position : absolute;
    left : 10px;
    margin-top : -4px;
}

div#presentationtitle span
{
    position : absolute;
    left : 35px;
}

div#defpresentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 200px;
    height : 272px;
    background-image : url(images/accueil_vue_mont1.jpg);
    background-repeat : no-repeat;
}

div#presentationtext
{
    position : absolute;
    top : -17px;
    text-align : justify;
}


div#deftext
{
    position : absolute;
    top : 70px;
    left : 240px;
    width : 300px;
    height : 70px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
    z-index : 0;
}

div#deftext img
{
    display : block;
    z-index : 10;
}

div#deftext #ctl00_ContentPlaceHolder1_IMGdeftext1
{
    position : absolute;
    left : -30px;
    top : -20px;
}

div#deftext #ctl00_ContentPlaceHolder1_IMGdeftext2
{
    position : absolute;
    left : 275px;
    top : 50px;
}

div#deftextimg
{
    position : absolute;
    top : 140px;
    left : 235px;
    background-image : url(images/accueil_vue_mont2.jpg);
    background-repeat : no-repeat;
    width : 312px;
    height : 175px;
}

div#defaultanim
{
    position : absolute;
    width : 200px;
    height : 70px;
    top : 50px;
    left : 4px;
}
/* Page Hôtel */
div#hotelpresentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    background-image : url(images/hotel_bas_center_gauche.jpg);
    background-repeat : no-repeat;
}

div#hottext
{
    position : absolute;
    top : 70px;
    left : 240px;
    width : 300px;
    height : 70px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
}

div#hottext #ctl00_ContentPlaceHolder1_IMGhottext1
{
    position : absolute;
    left : -30px;
    top : -20px;
}

div#hottext #ctl00_ContentPlaceHolder1_IMGhottext2
{
    position : absolute;
    left : 275px;
    top : 217px;
}

div#hottitle
{
    position : absolute;
    top : 40px;
    left : 5px;
    width : 200px;
    font-family : Verdana;
    font-size : 17px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#hotelanim
{
    position : absolute;
    top : 65px;
    left : 4px;
}

/* Page Resto */
div#restopresentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    background-image : url(images/resto_bas_center_gauche.jpg);
    background-repeat : no-repeat;
}

div#restotext
{
    position : absolute;
    top : 70px;
    left : 240px;
    width : 300px;
    height : 235px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
}

div#restotext #ctl00_ContentPlaceHolder1_IMGrestotext1
{
    position : absolute;
    left : -30px;
    top : -20px;
}

div#restotext #ctl00_ContentPlaceHolder1_IMGrestotext2
{
    position : absolute;
    left : 272px;
    top : 165px;
}

div#restotitle
{
    position : absolute;
    top : 40px;
    left : 5px;
    width : 200px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#restoanim
{
    position : absolute;
    top : 65px;
    left : 4px;
}

/* Page Seminaire */
div#sempresentation div#basimg
{
    /*position : absolute;
    top : 140px;
    left : 150px;
    width : 300px;
    height : 150px;
    background-image : url(images/seminaire_bas_milieu.jpg);
    background-repeat : no-repeat;*/
}

div#semtext
{
    position : absolute;
    top : 70px;
    left : 40px;
    width : 500px;
    height : 70px;
    font-family : Arial;
    font-size : 11px;
    text-align : justify;
    color : #000;
}

div#semtext #ctl00_ContentPlaceHolder1_IMGsemtext1
{
    position : absolute;
    left : -30px;
    top : -20px;
}

div#semtext #ctl00_ContentPlaceHolder1_IMGsemtext2
{
    position : absolute;
    left : 475px;
    top : 70px;
}

div#semtitle
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

/* Page Contact */
div#contactpresentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    /*background-image : url(images/terrassehotel_26.jpg);
    background-repeat : no-repeat;*/
}

div#contacttext
{
    position : absolute;
   top : 100px;
    left : 90px;
    width : 370px;
    height : 70px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
}

div#contacttext table
{
    width : 100%;
}
div#contacttext table tr td
{
    width : 50%;
}

div#contacttext #ctl00_ContentPlaceHolder1_IMGcontacttext1
{
    position : absolute;
    left : -25px;
    top : -17px;
}

div#contacttext #ctl00_ContentPlaceHolder1_IMGcontacttext2
{
    position : absolute;
    left : 360px;
    top : 160px;
}

div#contacttitle
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

/* Page MentionLegales */
div#infolegalespresentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    /*background-image : url(images/terrassehotel_26.jpg);
    background-repeat : no-repeat;*/
}

div#infolegalestext
{
    position : absolute;
    top : 70px;
    left : 40px;
    width : 500px;
    height : 240px;
    padding-right : 5px;
    font-family : Arial;
    font-size : 11px;
    overflow : auto;
    color : #000;
}
div#infolegalestext #ctl00_ContentPlaceHolder1_IMGinfolegalestext1
{
    position : absolute;
    left : -30px;
    top : -20px;
}

div#infolegalestext #ctl00_ContentPlaceHolder1_IMGinfolegalestext2
{
    position : absolute;
    left : 360px;
    top : 160px;
}

/* plan et trajets */
div#trajettext
{
    position : absolute;
    top : 60px;
    left : 50px;
    height : 440px;
    width : 470px;
    overflow : auto;
    overflow-x : hidden;
}

/* Page Etape1 */
div#etape1presentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    /*background-image : url(images/terrassehotel_26.jpg);
    background-repeat : no-repeat;*/
}
div.PNLPromo
{
    position : relative;
    margin-top : 20px;
    width : 80%;
    font-family : Arial;
    font-size : 11px;
    color : #000;
}
div#etape1text
{
    position : relative;
   top : 60px;
    left : 20px;
    width : 500px;
    height : 70px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
}

div#etape1text table
{
    width : 80%;
    text-align : left;
    vertical-align :  middle;
}
div#etape1text table tr table
{
    width : auto;
    margin-top : -15px;
    height :10px;
}


div#etape1title
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#etape1anim
{
    position : absolute;
    top : 45px;
    left : 40px;
}

#boutonetape
{
    top : 300px;
    position :absolute;
    left : 25px;
    z-index : 1px;
}
#boutonetape input
{
    width : 80px;
}

/* Page Etape2 */
div#etape2presentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    /*background-image : url(images/terrassehotel_26.jpg);
    background-repeat : no-repeat;*/
}

div#etape2text
{
    position : absolute;
   top : 60px;
    left : 10px;
    width : 550px;
    height : 230px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
    z-index : 1;
}

div#etape2text table
{
    width : 95%;
    direction : ltr;
}

div#etape2text #ctl00_ContentPlaceHolder1_IMGetape1text1
{
    position : absolute;
    left : -25px;
    top : -17px;
}

div#etape2text #ctl00_ContentPlaceHolder1_IMGetape1text2
{
    position : absolute;
    left : 360px;
    top : 160px;
}

div#etape2title
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#etape2anim
{
    position : absolute;
    top : 45px;
    left : 40px;
}
div#textinfoetape2
{
    margin-top : 10px;
}

/* Page Etape3 */
div#etape3presentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    /*background-image : url(images/terrassehotel_26.jpg);
    background-repeat : no-repeat;*/
}

div#etape3text
{
    position : absolute;
   top : 60px;
    left : 10px;
    width : 550px;
    height : 230px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
    overflow : auto;
}

div#etape3text table
{
    text-align : left;
    margin : auto;
}
div#etape3text table td
{
    padding : 0px 0px 0px 0px;
}
td.etape3labelgauche,
td.etape3labeldroite
{
    width : 60px;
}
td.etape3saisiegauche,
td.etape3saisiedroite
{
    width : 180px;
}
td.etape3etoile
{
    width : 5px;
    text-align : right;
}
td.etape3colspan
{
    width : 100px;
    text-align : left;
}
div#etape3infoobligatoire
{
    position : absolute;
    top : 280px;
    left : 300px;
    font-family : Verdana;
    font-size : 11px;
    color : #000;
}



div#etape3title
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#etape3anim
{
    position : absolute;
    top : 45px;
    left : 40px;
}

/* Page Etape4 */
div#etape4presentation div#basimg
{
    position : absolute;
    top : 33px;
    left : 10px;
    width : 187px;
    height : 272px;
    /*background-image : url(images/terrassehotel_26.jpg);
    background-repeat : no-repeat;*/
}

div#etape4text
{
    position : absolute;
    top : 45px;
    left : 10px;
    width : 550px;
    height : 230px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
}

div#etape4text table
{
    width : 95%;
}
div#etape4text table tr 
{
    /*width : 50%;*/
    text-align : center;
}
div#etape4text table tr td
{
    /*width : 50%;*/
    text-align : center;
}

div#etape4text #ctl00_ContentPlaceHolder1_IMGetape1text1
{
    position : absolute;
    left : -25px;
    top : -17px;
}

div#etape4text #ctl00_ContentPlaceHolder1_IMGetape1text2
{
    position : absolute;
    left : 360px;
    top : 160px;
}

div#etape4title
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#etape4anim
{
    position : absolute;
    top : 45px;
    left : 40px;
}
div#textinfoetape4
{
    margin-top : 10px;
}


/* Page etape5 */


div#etape5text
{
    position : absolute;
    top : 50px;
    left : 20px;
    width : 530px;
    height : 240px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
    overflow : auto;
    padding : 0px 5px 0px 5px;
    
}

div#etape5text table
{
    width : 95%;
    direction : ltr;
}
div#etape5text table tr td
{
    width : auto;
}

div#etape5title
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#etape5anim
{
    position : absolute;
    top : 45px;
    left : 40px;
}


/* Page Promo */

div.promotext
{
    position : absolute;
    top : 50px;
    left : 80px;
    width : 410px;
    height : 100px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
}
div.promotext ul
{
    list-style-position : inside;
    list-style-type : disc;
    margin:5px 0px 0px 20px;
}

div#promotitle
{
    position : absolute;
    top : 20px;
    left : 40px;
    font-family : Verdana;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    text-align : center;
    padding : 0;
}

div#promoanim
{
    position : absolute;
    top : 45px;
    left : 40px;
}

/* page text mois*/
div#textmoistext
{
    position : absolute;
    top : 70px;
    left : 40px;
    width : 500px;
    height : 220px;
    font-family : Arial;
    font-size : 11px;
    color : #000;
    overflow : auto;
    padding-right : 5px;
}
div#textmoistext ul 
{
    width : 400px;
    list-style-position : inside;
    list-style-type : disc;
    margin:5px 0px 0px 20px;
}
div#textmoistext ul li
{
    
}
div#presentationtext #ctl00_ContentPlaceHolder1_IMGtextmoistext1
{
    position : absolute;
    left : 20px;
    top : 50px;
}

div#presentationtext #ctl00_ContentPlaceHolder1_IMGtextmoistext2
{
    position : absolute;
    left : 500px;
    top : 300px;
}


.rougegras
{
    font-weight : bold;
    color : #FF0099;
}

img.pictoerreur
{
    display :inline-block;
    position : absolute;
    vertical-align : middle;
    width : 18px;
    height : 18px;
}

span.messageerreur
{
    color : Red;
}

tr.MaPoiTitle
{
    visibility:hidden;   
}

.arabe div#presentationtext
{
    width : 560px;
}
.arabe div#presentationtext div#etape1text
{
    width : 560px !important;
    left : 0px;
}
.lienautresite
{
    height:40px;
    color : White;
}
.lienautresite a
{
    color : White;
}


div#WUC_PROMO_SAISON
{
	DISPLAY: inline; 
	Z-INDEX: 10; 
	LEFT: 820px; 
	POSITION: absolute;
	TOP: 300px;
	font-size:0pt;
	font-weight:700;
	
}
div#WUC_PROMO_SAISON a
{
	color:white;
	text-decoration:underline;

}
/**************    Style Menu Restaurant  ********/
.MenuRestaurant
    {
	  font-weight : bold;
      color : #FF0099;
      margin-left :80px;
      text-decoration:none ; 
      font-size : 13px;
   	}
.MenuRestaurant a 
    {
	   font-size : 14px;
	   text-decoration:none ; 
	   
	}	
.MenuRestaurant a:hover
	{
		font-weight : normal;    
	} 	
	
	
/*******    Menu restaurant dans l'acceil      ******/

 .MenuRestaurantAcceuil
	{
	  font-family:Verdana;
	  font-weight : bold;
      text-decoration:none ; 
      position:absolute;
	  left:41px;
	  top:295px;
	  font-size : 13px;
   
	}
 .MenuRestaurantAcceuil a 
    {
	   color : #FFF;
	   text-decoration:none ; 
    }	
 .MenuRestaurantAcceuil a:hover
	{
		
		font-weight : normal;    
	}