/* Start of CMSMS style sheet 'commun' */
/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
/*body{
	\height:100%;
}*/
/* Pour habiller les pages par defaut */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:white;
	background-image:url(/img/commun/bg_body.gif);
	background-repeat:repeat-x;
        background-color:#242622;
}
a{ 	color:#565656;	text-decoration:underline; position:relative;}
a:hover{ text-decoration:none;color: #000; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
h5{
  color:#800000;
  font-size:13px;
  font-weight:bold;
}
h5 a{
  text-decoration:underline;
  color:#800000;
}
h5 a:hover{
   color:#000;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }

div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1.2em; }

/*  utiliser apres une serie de div qui possede un tag FLOAT(left ou right)  */
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
}

.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}
.transparence{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
.contenaire-page{
	position: absolute;
	left: 50%; /*positionnement a 50% de la gauche de la page du navigateur */
	z-index: 101; /* profondeur du div */
	top: 350px; /* hauteur du div par rapport au haut de la page */
	border-top:0px;
	
}
.contenaire-page{
	margin-left: -523px; /* div ramene de 400 pixels sue la gauche pour etre centre */
	width:1046px;
}
.contenu-main{
	background-image:url(/img/commun/bg_ombre.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_ombre.png', sizingMethod='scale');/*ne pas oublie de mettre /img a la place de ../img pour IE */
	background-repeat: repeat;
	width:1024px;
	padding:0 11px 0 11px;
}

/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
.entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 150;
	top: 0px;
	
}
.entete{
	margin-left: -523px; /* div ramene de 400 pixels sue la gauche pour etre centre */
	width:1046px;
}


/*******************************************************/
/* MENU DU HAUT */
.menu-haut{
	font-size: 12px;
	margin: 10px 0px 10px 0px;
}

/*******************************************************/
/* LOGO */
.logo{
	width:200px;
	/*background-image:url(/img/commun/logo_hotel_nice.gif);
	background-repeat: no-repeat;*/
	margin:31px 0 0 17px;
	float:left;
	height: 74px;
}
.logo a{
	text-decoration:none;
	display:block;
	width:200px;
	height:105px;
}
/*******************************************************/
/* ENCART PUB */
.encart_pub{
	float:right;
	width:755px;
	height:100px;
	text-align:right;
   padding:5px 5px 0 0;
}
/*******************************************************/
/* VERSION */
.menu-version{
	height:22px;
	text-align:right;
	padding:0 10px 0 0;
	font-size:10px;
	color:#000;
       font-weight:bold;
}
.menu-version a{
	text-decoration:none;
	color:#858585;
	font-weight:bold;
       position:relative;
       padding:0 3px 0 3px;
}
.menu-version a:hover{
	color:#000;
}
.menu-version span{
	padding:0 3px 0 3px;
	margin:0;
}
.menu-version span a{
	text-decoration:none;
	color:#0199CB;
	font-weight:bold;
        position:relative;
}
.menu-version span a:hover{
	color:#000;
}
/*******************************************************/
/* MENU */
.menu{
        background-image:url(/img/commun/bg_menu.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_menu.png', sizingMethod='crop');
	background-repeat: no-repeat;
	height:57px;
}
.menu ul{
	margin:0;
	padding:13px 0 0 11px;
}

/*******************************************************/
/* VISUEL */
.visuel{
	width:1024px;
	height:154px;
	padding:0 11px;
	background-image:url(/img/commun/bg_ombre.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_ombre.png', sizingMethod='scale');
	background-repeat: repeat;
}

/*******************************************************/
/* OMBRE top */
.ombre-top{
	background-image:url(/img/commun/bg_ombre_top.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_ombre_top.png', sizingMethod='crop');
	background-repeat: no-repeat;
	height:11px;
	width:1046px;
}
/*******************************************************/
/* OMBRE BAS */
.ombre-bottom{
	background-image:url(/img/commun/bg_ombre_bottom.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_ombre_bottom.png', sizingMethod='crop');
	background-repeat: no-repeat;
	height:12px;
	width:1046px;
}
/*******************************************************/
/* LES COLONNES */
.colonne1{
	float:left;
	padding:20px 40px 15px 40px;
	width:345px;
	height: 279px;
	background-image:url(/img/commun/hp/bg_colonne_gauche_hp.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	color:#FFF;
	font-size:14px;
	text-align:justify;
	border-right:7px solid #FFF;
}
.colonne2{
	float:left;
	width:592px;
	height: 314px;
	overflow:hidden;
	color:#000;
	font-size:12px;
}
.colonne3{
	float:right;
	padding:10px;
	width:230px;
	height: 200px;
	border: 1px solid #DCDCDC;
	margin-right: 20px !important;
	margin-right: 10px;
}
/*******************************************************/
/* BLOC RESERVATION */
.bloc-reservation{
	width:1024px;
	height:107px;
	background-image:url(/img/commun/bg_ombre.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_ombre.png', sizingMethod='scale');
	background-repeat: repeat;
	padding:0 11px;
}
.bloc-reservation .visuel-reservation{
	float:left;
	width:235px;
}
.bloc-newsletter .tablo-newsletter,
.bloc-reservation .tablo-reservation{
	background-color:#F7F5F3;
	width:789px;
	float:left;
	height: 102px;
	padding-top: 5px;
        position: relative;
}
.bloc-newsletter .libelle,
.bloc-reservation .libelle{
	font-size:12px;
	text-align:left;
	color:#827E73;
	padding:5px 7px 0 5px;
}
.bloc-reservation .champ{
	font-size:12px;
	padding:5px 15px 20px 10px;
}
.bloc-newsletter input,
.bloc-reservation .champ input{
	font-size:12px;
	border:1px solid #C2BBAE;
	width:120px;
}
.bloc-reservation .bouton-valider{
	text-align:right;
	padding:5px 0 5px 0;
        vertical-align: top;
}
.bloc-newsletter .bt-abonne input,
.bloc-reservation .bouton-valider input.bt-valider{
	font-size:12px;
	border-top:1px solid #DADADA;
	border-left:1px solid #767676;
	border-right:1px solid #767676;
	border-bottom:1px solid #767676;
	width:68px;
	height:16px;
	line-height:12px;
	color:#FFF;
	cursor:pointer;
	background-color: #7F7F7F;
        padding-left: 5px;
}
.bloc-reservation .champ select{
	font-size:12px;
	border:1px solid #C2BBAE;
	width:50px;
}
.bloc-reservation .bloc-tarif-option{
	color:#000;
	font-size:10px;
}
.bloc-reservation .separateur-reservation{
	font-size:5px;
	height:2px;
	background-color:#C2BBAE;
	padding:0;
	margin:0;
}
.bloc-reservation .bloc-tarif-option a{
	text-decoration:none;
	color:#000;
	font-size:10px;
  position:relative;
}
.bloc-reservation .bloc-tarif-option a:hover{
	text-decoration:underline;
}
/*******************************************************/
/* BLOC NEWSLETTER */
.bloc-newsletter{
	width:1024px;
	height:65px;
	background-image:url(/img/commun/bg_ombre.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_ombre.png', sizingMethod='scale');
	background-repeat: repeat;
	padding:0 11px;
}
.bloc-newsletter .visuel-newsletter{
	float:left;
	width:235px;
}
.bloc-newsletter .tablo-newsletter{
  height: 65px;
  padding-top: 5px;
}
/*******************************************************/
/* MENU DU BAS */
.menu-bas{
	line-height: 25px;
	height: 25px;
	color: #858585;
	padding:3px 0 0 14px;
}
.menu-bas a{
	font-size: 12px;
	color:#858585;
}
.menu-bas a:hover{
	color:#FFF;
}
.menu-bas{
	font-size:12px;
	line-height: 25px;
	height: 25px;
	color: #858585;
	padding:3px 0 0 14px;
}
.menu-bas ul{
	padding:0;
	margin:0;
}
.menu-bas li{
	list-style-type:none;
	padding:3px 7px 3px 0;
        float:left;
}
.menu-bas li.lien-menu-bas-on{
	float:left;
	list-style-type:none;
	padding:3px 7px 3px 0;
	color:#FFF;
}
.menu-bas li a{
	text-decoration:none;
	font-size:12px;
	color: #858585;
}
.menu-bas li a:hover{
	color:#FFF;
}

.menu-bas li.activeparent ul{
        padding:0px;
        margin:0px;
}
.menu-bas li.activeparent{
	list-style-type:none;
	padding:3px 7px 3px 0;
        float:left;
}
.menu-bas li.activeparent a.lien-activeparent{
	text-decoration:none;
	font-size:12px;
	color: #858585;
}
.menu-bas li.activeparent a.lien-activeparent:hover{
	color:#FFF;
}

.menu-bas li.currentpage{
	list-style-type:none;
	padding:3px 7px 3px 0;
        float:left;
	color: #FFF;
}
.menu-bas li.currentpage a{
        text-decoration: none;
	font-size: 11px;
	color: #FFF;
}


/*******************************************************/
/* COPYRIGHT */
.copyright{
	padding:0 0 10px 14px;
	color: #858585;
	font-size: 12px;
}
.copyright a{
text-decoration:none;
	font-size: 12px;
	color:#858585;
}
.copyright a:hover{
	color:#FFF;
}
a{
  cursor: pointer;
}
/* End of 'commun' */