/* CSS Document */

* {

  margin:0;

  padding:0;

  border:0}

  

body{

	font-family:verdana,Arial,Helvetica,sans-serif;

	font-size:12px;

	color:#333;

	background-color:#eee

	} 

	

a{outline:none;}

a:link,a:visited{text-decoration:none;}

a:hover{text-decoration:none;} 

a img{border:0;}



p{padding:0;margin:0}



ul{list-style:none;margin:0;padding:0;}

table{border-spacing:0;}

object,embed{margin:0; padding:0; border:0;}





@font-face {

    font-family: "RalewayThin";

    font-style: normal;

    font-weight: normal;

    src: local("☺"), url("fonts/raleway_thin-webfont.woff") format("woff"), url("fonts/raleway_thin-webfont.ttf") format("truetype"), url("fonts/raleway_thin-webfont.svg#webfont") format("svg");

}



/*------------------------------  ------- BLOCS -------  ----------------------------

-----------------------------------------------------------------------------------*/





/*------------------------------  ------- STYLES -------  ----------------------------

-----------------------------------------------------------------------------------*/

h1,h2,h3,h4{font-weight:bold;}

h1{font-size:18px;}

h2{font-size:14px;}

h3{font-size:12px;}

h4{font-size:11px;}



.clear{clear:both;border:0;padding:0;height:0}

.gras { font-weight:bold }

.padbot5 { padding-bottom:5px; }

.padbli3 { padding-bottom:5px; padding-top:3px; }

.padtopbot5 { padding-top:5px; padding-bottom:5px; display:none; }



#BlocMenuGauche li a {color:#666666;  }



/*------------------------------  ------- LISTES -------  ----------------------------

------------------------------------------------------------------------------------*/





/*------------------------------  ------- FORMULAIRES -------  ----------------------------

------------------------------------------------------------------------------------*/

/*input{width:200px;padding:2px;margin-bottom:2px;border:1px solid #ccc;-moz-border-radius:4px;}

input:hover,textarea:hover{border-color:#666;}

textarea{padding:2px;border:1px solid #ccc;-moz-border-radius:4px;}

input[type=submit]{ width:150px;margin:10px 0 0 0}*/



#quicksearch{

	

	width:650px;

	text-align:left;

	background:url(../images/mep/bgFormQuickSearch.png) repeat-x;

	background-color:#fff;

	height:24px;

	padding:4px 0 0 20px;

	margin:0 auto 0 auto;

}



.separateur {margin:-2px   0 0 10px}

#quicksearch label{margin:0 10px}

#quicksearch input, #quicksearch select{ background-color:#d3d0d0}



#quicksearch, #quicksearch a{color:#454545}

#quicksearch .submit{  vertical-align:top}

#quicksearch input,#quicksearch select{ border:1px solid #9e9fa0}



/*------------------------------  ------- PAGINATION -------  ----------------------------

------------------------------------------------------------------------------------*/

.pagination{

	clear:both;

	width:780px;

	margin:10px 0;

	text-align:left}



.pagination a{

	font-weight:normal;

	width:14px;height:14px;

	text-align:center;	

	padding:5px;

	margin-right:2px;

	color:#333;

	border:1px solid #000;

	text-decoration:none}

	

.pagination a:hover,.pagination a:active{

	border:1px solid #000;

	color:#333}



.pagination span.current{

	text-align:center;

	width:14px;height:14px;

	padding:5px;

	margin-right:2px;

	border:1px solid black;

	font-weight:bold;

	background-color:#ee9200;

	color:#FFF}

	

/*------------------------------  ------- FONTS -------  ----------------------------

-----------------------------------------------------------------------------------*/ 

/*@font-face{

   font-family:century_gothic;

   src:url('fonts/gothic-webfont.eot');

   src:local('century_gothic'),url('fonts/gothic-webfont.ttf') format("truetype");}

@font-face{

   font-family:century_gothic_bold;

   src:url('fonts/gothicb-webfont.eot');

   src:local('century_gothic_bold'),url('fonts/gothicb-webfont.ttf') format("truetype");}

   

@font-face{

   font-family:eurostyle;

   src:url('fonts/euro____-webfont.eot');

   src:local('eurostyle'),url('fonts/euro____-webfont.ttf') format("truetype");}

      

@font-face{

   font-family:bookantiqua;

   src:url('fonts/bkant-webfont.eot');

   src:local('bookantiqua'),url('fonts/bkant-webfont.ttf') format("truetype");}*/



#contenu{ width:980px;margin:0 auto; background-color:#FFF;padding:10px 10px 10px 10px;border:1px solid #ddd;border-top:none;min-height:280px;_height:280px;}



#top{height:240px;margin: 0 auto;  width: 1000px; }

#top #superintro { 	margin:0 auto 0 auto; width:970px; height:240px;  }



#content{ margin:0 auto; /*padding-top:15px; padding-left:10px; padding-right:10px; */ }



#content .padleft20{padding-left:20px;}

#content .padleft10{padding-left:10px;}

#content h2 {text-transform:uppercase;}

#content br { line-height:8px;}

#content #BlocMenuGauche { width:160px; float:left; padding-right:25px; font-size:11px; min-height: 280px;    }

#content #carousel,#content #carouselBig  { float:right; width:210px;  padding: 0 5px 10px 0;    }

#content .galphoto { float:left; width:140px; padding: 5px 15px 5px 0;   }

#content .galphoto li a { display: block; height: 110px; width: 140px; cursor:pointer; border:#000000 solid 1px;  }

#content #BlocContenu { width:385px; float:left; /*padding-right:25px;  */  }

#content #BlocContenu p { text-align:justify;   }

#content #BlocContenu a { color: #006699; text-decoration:underline;  }



#content #BlocGauche { width:380px; float:left; padding-right:20px;    }

#content #BlocGaucheMap { width:325px; float:left; padding-right:20px;    }

#content #adresse { text-align:right; float:right; /*padding-right:10px;*/ padding-left:10px;  }

#content a { color:#666; color:#333; }

#content li a:hover { color:#006699; }

#content a.active { color:#006699; font-weight:bold; }

#choix-desti input[type=submit]{ padding: 2px; border:#999999 1px solid; color:#666666; width:120px; font-size:11px; background-color:#FFFFFF; }



#content .majuscules { text-transform:uppercase; }



#content  .actuAlaUne {margin:20px 0 0 0;font: 3em/1em RalewayThin,Tahoma,Arial,Helvetica,Verdana,sans-serif;}

#content #blocActusAccueil h3{color:#353631;text-transform:uppercase;}



#content #carousel li {     

	background-color: #999999;

    display: block;

    float: left;

    height: 66px;

    margin: 0 5px 5px 0;

    padding: 0;

    position: relative;

    text-align: center;

    width: 100px;  }

	

#content #carousel li a {     

    display: block;

    height: 66px;

    width: 100px;  }	

	

#content #carouselBig li {     

	background-color: #999999;

    display: block;

    float: left;

    height: 125px;

    padding: 5px;

    position: relative;

    text-align: center;

	border:#006699 dashed 1px;

    width: 190px;  }	

	

#content #carouselBig li a {     

    display: block;

    height: 125px;

    width: 190px;  

}	

	

#content a.classOffreSpec { color:#FFF; background:url(../images/mep/btndorre.gif) no-repeat center center; width:160px; height:42px; display:block; line-height:42px; text-align:center;    }





#content a:hover.classOffreSpec { color:#FFFFFF; }

#content a.classOffreDore1etoile { color:#006699; background:url(../images/mep/etoileDore.png) no-repeat top right; padding-right:17px;    }	

	

#content #liste li { list-style-type: disc; padding-bottom:5px; font-size:11px; text-align:justify; padding-left:10px; list-style-position:inside; }



#content h2 { color:#353631; }

#content h3,#content h4,#content h5{color:#006699}



#content h2 a,#content h3 a,#content h4 a,#content h5 a { color:#006699; text-decoration:underline;  }



/*------------------------------  ------- MENU -------  ----------------------------

-----------------------------------------------------------------------------------*/ 	



/*#supermenu{ margin-top:303px; height:30px; float:left; width:100%; background:url(../images/mep/fond_btn.png) repeat-x;  }*/

#supermenu{ margin-top:215px; height:25px; float:left; width:100%; background:url(../images/mep/test.png) no-repeat top center;  }

.fondMenu{width:100%; background:url(../images/mep/fond_menu2.png) no-repeat top center; }

#menu,#menu_haut { margin:0 auto; width:1000px; font-family:verdana, Helvetica, sans-serif; height:25px; text-transform:uppercase;  }



#menu ul{ width:920px; padding:0 0 0 0; }



#menu li,#menu_haut li{ display:inline; float:left; text-align:center; height:25px; line-height:25px; }



#menu li a,#menu_haut li a {  color:#666; color:#FFFFFF;  display:table-cell!important; display:inline-block; text-align:center; position:relative; padding:0 14px; }



#menu li a:hover, #menu_haut li a:hover { color:#888888;  }

#menu li a.active,#menu_haut li a.active  {color:#fff;  background-color:#888}



#flottant{ position:absolute; background:url(/images/acces_rapide80.png) no-repeat top center; width:142px; height:131px; padding:46px 6px 0 7px; left:75%; top:90px;}

#flottant .poignee{height:32px; margin-top:-40px; cursor:move;}

#flottant ul{margin-top:5px;}

#flottant ul li a{display:block; height:28px; line-height:28px; background:url(/images/acces_rapide/separateur_a.png) bottom center no-repeat; color:#FFF; font-size:10px; padding-left:2px; text-transform:uppercase;}

#flottant ul li.last a{ background:none;}

#flottant ul li a:hover, #flottant ul li a.active{background:url(/images/acces_rapide/hover.png) top left no-repeat; color:#353535;}



#flottant ul li a span{height:28px; width:23px; width:5px; display:inline-block; margin-right:4px; }

#flottant ul li a#item_flottant_1 span{ /*background:url(/images/acces_rapide/icon_star.png) 0 0 no-repeat;*/ }

#flottant ul li a#item_flottant_1:hover span{ /*background:url(/images/acces_rapide/icon_star.png) 0 -28px no-repeat;*/}

#flottant ul li a#item_flottant_2 span{ /*background:url(/images/acces_rapide/icon_telephone.png) 0 0 no-repeat;*/}

#flottant ul li a#item_flottant_2:hover span{/*background:url(/images/acces_rapide/icon_telephone.png) 0 -28px no-repeat;*/}

#flottant ul li a#item_flottant_3 span{ /*background:url(/images/acces_rapide/icon_france.png) 0 0 no-repeat;*/}

#flottant ul li a#item_flottant_3:hover span{/*background:url(/images/acces_rapide/icon_france.png) 0 -28px no-repeat;*/}

#flottant ul li a#item_flottant_4 span{ /*background:url(/images/acces_rapide/icon_chariot.png) 0 0 no-repeat;*/}

#flottant ul li a#item_flottant_4:hover span{/*background:url(/images/acces_rapide/icon_chariot.png) 0 -28px no-repeat;*/}



#flottant ul li{ background: url(/images/acces_rapide/separateur_li.png) top center no-repeat;}

#flottant ul li.first{ background: none;}



#footer{ text-align:right; /*padding:20px 10px 0 10px;*/padding-top:5px; font-size:11px; width:1000px;margin:0 auto 0 auto; }

#footer ul{margin:0 0 5px 0;padding:0; }

#footer li{display:inline;padding:0;margin:0 1px; }

#footer li a{ color:#666;}



/*------------------------------  ------- FORMULAIRE -------  ----------------------------

-----------------------------------------------------------------------------------*/ 	



#content .colg { float: left;  width: 50%;}

#content .cold {   float: left; padding: 0; width: 50%;}

#content form input,#content form select, #content form textarea { border: 1px solid #E1DED8; }



#content form input { padding:3px;   }

#content form .submit { padding:3px; background-color:#006699; color:#FFFFFF; cursor:pointer;  }



#content #reservation label , #content #callback label{  color: #7F6E4D; display: block; font-size: 9px; margin: 0 0 1px; padding: 9px 0 0 1px; text-transform: uppercase; }

#content #reservation .InputText,#content #reservation .TextareaAdress,#content #reservation .SelectArea, #content #callback .InputText,#content #reservation .TextareaAdress,#content #reservation .SelectArea{ width: 275px; color: #7F6E4D; font-size:11px; }

#content #reservation .InputTextCp { width: 70px; color: #7F6E4D; font-size:11px;}

#content #reservation .InputTextCity { width: 160px; color: #7F6E4D; font-size:11px; }

#content #reservation .InputDates { width: 100px; color: #7F6E4D; font-size:11px; }

#content #reservation .InputnbChambres, #content #reservation .InputbBudget { width: 50px; color: #7F6E4D; font-size:11px;}

#content #reservation .InputCommentaires { width: 570px; color: #7F6E4D; font-size:11px; }



/*------------------------------  ------- ACTUALITES -------  ----------------------------

-----------------------------------------------------------------------------------*/

#contenu .boutonOffice a {

    background: url("../images/mep/bouton.jpg") no-repeat scroll 0 0 transparent;

    display: block;

    height: 32px;

    padding-top: 5px;

    text-align: center;

    width: 127px;

}



.link {

    -moz-border-radius: 4px 4px 4px 4px;

    background-color: #FBF8F3;

    float: right;

    margin-top: 10px;

    text-align: center;

}



.imgBloc {

    cursor: pointer;

    float: left;

    height: 100px;

    width:  120px;

}



.contentBloc {

    float: right;

/*	padding-left:30px;*/

    text-align: justify;

    width: 600px;

}



table.table tbody td {

    padding: 10px 0;

}



#suiteActu {

    float: right;

    margin: 6px 10px 0 0;

}



#soustop{ position: absolute; width:1000px; height:240px; z-index:-1; overflow:hidden;    }



#soussoustop{width:1000px; height:260px; margin:0  auto}



#actuindex{ width:780px;background-color: #EEEEEE;padding:10px 0 0 10px }



/*------------------------------  ------- MARQUEE -------  ----------------------------

-----------------------------------------------------------------------------------*/

div.defil {

  border: 1px solid #006699;

  padding: 10px;

  margin-bottom: 10px;

  font-size:14px;

  float:right;

  width:761px;

}



.pointer {

  cursor: pointer;

}

	  

/*@font-face {

    font-family: "MelbourneRegular";

    src: url("fonts/melbourne_reg-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/melbourne_reg-webfont.woff") format("woff"), url("fonts/melbourne_reg-webfont.ttf") format("truetype"), url("fonts/melbourne_reg-webfont.svg#MelbourneRegular") format("svg");

}*/