@import url("style_widget.css");
@import url("os-mobile.css");

.Clear{
	clear:both;
}

#Page{
	width:100%;
}

.centrage{
	width:270px;
	margin:auto;
	
}


#Header{
	height:60px;
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
	padding-top:1px;
	position:relative;
}

#Header  h1{
	position:absolute;
	left:60px;
	right:4px;
	text-align:right;
	font-size:9px;
	text-transform:uppercase;
	color:#999;
}

#Header #TMenuDossier{
	position:absolute;
	right:4px;
	bottom:5px;
	background-image:url(../images/fond-nav-menubas.png);
	background-repeat:repeat-x;
	background-position:left top;
	border-radius:4px;

}
#Header #TMenuDossier a{
	display:block;
	padding:7px 7px 7px 28px;
	background-image:url(../images/icones/panier.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}



#Header .blocTitre{
    background-position: right center;
    background-repeat: no-repeat;
	width:192px;
	height:29px;
	background-image: url("../images/TitreInter.png");
	position:absolute;
	top:30px;
	left:20px;
}

#Header .blocTitre a{
	display:block;
	width:192px;
	height:29px;	
}
#Header .blocLogo{
    background-position: left center;
    background-repeat: no-repeat;
	width:60px;
	height:60px;
	background-image: url("../images/logo-po.png");
	position:absolute;
	left:4px;
}
#Header .blocLogo a{
	display:block;
	width:60px;
	height:60px;
}
#Header #bthome{
    background-position: left center;
    background-repeat: no-repeat;
	background-image: url("../images/home.png");
	
	width:60px;
	height:60px;
	position:absolute;
	left:64px;
}
#Header #bthome a{
	display:block;
	width:60px;
	height:60px;
}



#HeaderAccueil{
	background-image:url(../images/fond_Accueil.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}

#HeaderAccueil .blocTitre{
	background-image:url(../images/titreResa.png);
	background-repeat:no-repeat;
	z-index:5;
	width:205px;
	height:30px;
	position:absolute;
	left:20px;
	bottom:10px;
	display:block;
}
#HeaderAccueil .blocTitre a{
	display:block;
	width:205px;
	height:30px;	
}

#HeaderAccueil .blocLogo{
	background-image:url(../images/logoResa.png);
	background-repeat:no-repeat;
	z-index:5;
	width:88px;
	height:75px;
	position:absolute;
	right:10px;
	bottom:10px;
	display:block;
}


#Conteneur{
	padding:0px 4px;
}

#Footer{
	height:40px;
	background-image:url(../images/fond-footer.png);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:3px;
	position:relative;
}

.bloc-titre{
	background-color:#6fb3e4;
	background-image:url(../images/fond-nav-menubas.png);
	background-repeat:repeat-x;
}
.bloc-titre h2{
	color:#FFF;
	padding:4px;
	text-align:center;
}

.TexteIntro{
	padding:5px;
}

ul.navicon li.titre{
	text-align:center;
	color:#FFF;
	font-size:1.1em;
	margin:0 15%;
	width:70%;
}
ul.navicon li.titre h1{
	font-size:1.4em;	
	line-height:30px;
}
ul.navicon li.ajoutercarnet{
	position:absolute;
	right:0px;
	top:0px;
	height:15px;
}
ul.navicon li.retour{
	position:absolute;
	left:0px;
	top:0px;
	height:15px;
}

ul.navicon li a{
	display:block;
	height:30px;
	color:#FFF;
	text-decoration:none;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
ul.navicon li a:hover{
	background-color:#6db2e4;
}
ul.navicon li a span{
/*	visibility:hidden;*/
	display:none;
}



/************************************************
	MENU DE NAVIGATION PRINCIPAL
************************************************/

.menunav{}
.menunav li{
	background-image:url(../images/fond-item-menu.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#d8dee1;
	border-radius:4px;
	border:1px solid #AAA;
	box-shadow:0px 0px 3px #999;
	margin:4px 0px;
}

.menunav li a {
	padding: 11px 30px 11px 22px;
	font-size: 13px;
	font-weight: bold;
	color: #3C3C3C;
	display: block;
	text-transform: uppercase;
	background: url(../images/dbl-fleche.gif) no-repeat right center;
	text-decoration: none;
}




/************************************************
	MENU EN ICONES EN BAS DE PAGE 
************************************************/

#MenuIcones{
	margin:auto;
	padding-top:15px;
}
#MenuIcones li{
	width:80px;
	float:left;
	margin:5px;
}
#MenuIcones li a{
	display:block;
	height:65px;
	background-image:url(../images/bt-defaut.png);
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
	text-decoration:none;
	
}
#MenuIcones li a span{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	text-transform:uppercase;
	color:#FFF;
	font-size:9px;
	text-align:center;
}
#MenuIcones li a.menu{
	background-position:center -138px;
	
}
#MenuIcones li a.menupanier{
	background-position:center -69px;
}
#imageAccueil{
	position:relative;
}
.blocTitre-accueil{
position:absolute;
left:0;
bottom:0;
font-size:35px;
color: #fff;
width:100%;
background-image:url(../images/logoResa.png);
height:85px;
background-position:right bottom;
background-repeat:no-repeat;

}



#Intro h3{
	color: #e44477;
	font-size:12px;
	text-transform:uppercase;
	padding:10px 5px 5px 25px;
	
}
#Intro h3 #logoParis{
	background-image:url(../images/logo_paris.gif);
	background-repeat:no-repeat;
	background-position:right center;
	display:block;
	width:50px;
	height:35px;
	float:right;
	margin:0px 0px 0px 25px;
}
.blocTitre-accueil a{
	text-decoration:none;
	margin-left:40px;
	background-image:url(../images/titreResa.png);
	background-repeat:no-repeat;
	width:250px;
	height:30px;
	text-indent:-5000px;
	margin-top:45px;
	display:block;
}

.contour{
	width:60px;
	min-height:60px;
	margin:2px 15px 5px 5px;
	float:left;
}
.billet .contour{
	width:60px;
	height:60px;
	margin:2px 15px 5px 5px;
	float:left;
	overflow:hidden;
}
.contour img{
}
.titre-detail{
	font-size:20px;
	font-weight:normal;
	background-image:url(../images/fond-item.jpg);
	background-repeat:repeat-x;}

/*********************************************
	BOUTON ICONE + TEXTE
*********************************************/

.bouton{
	
	text-align:center;
	margin:5px;
	background-position:top center;
	background-image:url("../images/fond-bouton.png");
	background-repeat:repeat-x;
	background-color:#e26d1b;
	float:left;
	-moz-border-radius:7px;
	border-radius:7px;	
	border:1px solid #666;
	box-shadow:1px 1px 3px #666;
}

.bouton:active{

}
.bouton a{
	display:block;
	font-size:1.3em;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
	padding-left:28px;
	text-align:left;
/*	background-image:url("../osimg/os-sprite.png");*/
	line-height:20px;
	background-image:url("../images/icones/flechedroite.png");
	background-repeat:no-repeat;
	background-position:left center;
/*	text-shadow: black 0 1px 3px !important;*/
}

.anglais a{background-image:url("../images/icones/drapeau-uk.png")!important;}
.francais a{background-image:url("../images/icones/drapeau-fr.png")!important;}
.ok a{background-image:url("../images/icones/ok.png")!important;}
.supprimer a{background-image:url("../images/icones/supprimer.png")!important;}
.affichercarnet a{background-image:url("../images/icones/voircarnet.png")!important;}
.ajoutercarnet a{background-image:url("../images/icones/carnet.png")!important;}
.dispos a{background-image:url("../images/icones/dispos.png")!important;}
.photos a{background-image:url("../images/icones/photos.png")!important;}
.lien a{background-image:url("../images/icones/flechedroite.png")!important;}
.hebergement a{background-image:url("../images/icones/hebergement.png")!important;}
.restaurants a{background-image:url("../images/icones/restaurant.png")!important;}
.accueil a{background-image:url("../images/icones/accueil.png")!important;}

.carte a{background-image:url("../images/icones/carte.png")!important;}
.map a{background-image:url("../images/icones/map.png")!important;}

.retour{float:left; margin:0px;}
.retour a{background-image:url("../images/icones/retour.png")!important;
	line-height:16px;
	font-size:11px;
}
/*.retour a{background-position:0 -482px; width:50px; height:20px; text-indent:-5000px; }*/
.agenda a{background-image:url("../images/icones/agenda.png")!important;}
/*.conditionsdevente a{background-position:0 -160px; width:205px;}*/
.panier a{background-image:url("../images/icones/panier.png")!important;}
.poubelle a{background-image:none!important; padding:5px;}
.suivant a{background-image:url("../images/icones/flechedroite.png")!important;}
.etapeprecedente a{background-image:url("../images/icones/flechegauche.png")!important;}
.precedent a{background-image:url("../images/icones/flechegauche.png")!important;}


.telephone a{background-image:url("../images/icones/telephone.png")!important;}
.siteweb a{background-image:url("../images/icones/flechedroite.png")!important;}
.email a{background-image:url("../images/icones/email.png")!important;}
.reservation{float:right;}
.lien a{font-size:12px;}
/* a.Lien{
	 background-image: none;
 	background-color: #E26D1B;
	height:auto; line-height:20px;
	width:auto; font-size:1.0em;
	display:inline;
	padding:5px;
	}
	*/
input.bouton.ajoutpanier{
	display:block;
	font-size:1.3em;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
/*	background-image:url(../osimg/os-sprite.png);
	background-position:0 -204px;
	border:none;*/
	float:right;
	padding:6px;
	background-color:#C5D52D;
	cursor:pointer;
}
.alignD{
	float:right;
	width:60px;
}
.alignG{
	float:left;
	width:250px;
}

.signature{
	width:151px;
	height:9px;
	background-image:url(../images/signature.gif);
	position:absolute;
	bottom:2px;
	right:2px;
}