@import url(general.css);

/*BASE des styles communs*/
*{
margin:0;
padding:0;
font-size:0.9em;
text-decoration:none;

border:0;
outline:0;
font-size:1em;
line-height:1.2em;
}

html,body{
height:100%;
width:100%;
}
body{
background-color:#ffffff;
}

#conteneur{
position:relative;
top:0;
margin:0px auto;
width:954px;
}
#contenu{
width:954px;
padding:0 2px;
position:relative;
top:-70px;
/*top:75px;*/
}


/************************************entete***************************************/
#entete{
width:954px;
height:75px;
overflow:hidden;
white-space:nowrap;
}
#conteneur > #entete {overflow:visible;}

#logoInfo {
position:absolute;
float:left;
width:204px;
height:210px;
overflow:hidden;
z-index:2;
}
#logoInfo h1{
display:block;
width:204px;
height:210px;
}
#logoInfo h3{
display:block;
width:204px;
height:210px;
}
#logoInfo a {
padding-left:210px;
float:left;
}

#logoInfo h1 a {
width: 204px;
height: 210px;
background: transparent url(../media/img/communes/logo.png) top left no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/communes/logo.png', sizingMethod='crop');
cursor: pointer;
}

#logoInfo h3 a {
width: 204px;
height: 210px;
background: transparent url(../media/img/communes/logo.png) top left no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/communes/logo.png', sizingMethod='crop');
cursor: pointer;
}
#entete a.sousTitreLogo{
display:block;
margin-left:-999px;
float:left;
}
/*************************************************************************menu****************************************************************************************/
#navMenu{
position:relative;
z-index:1;
list-style-type:none;
padding-top : 49px;
width:750px;
height:25px;
display:inline;
float:left;
margin-left:190px;
}
#navMenu ul{
list-style-type:none;
}

#navMenu li{
float:right;
position:relative;
width:135px;
height:25px;
margin-right:-10px;
z-index:-1;
overflow:hidden;
}

#navMenu li a{
display:block;
width:135px;
height:25px;
padding-top:4px;
overflow:hidden;
}
a.navFonce, a.navClair{
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding-left:15px;
overflow:hidden;
color:#ffffff;
/*background-color:#d0e0f8;*/
}

#navMenu a.navClair{
background-position:0px -25px;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/communes/navBtnClairIE6.png');
cursor:pointer;
}
#navMenu a.navFonce{
background-position:0px -25px;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/communes/navBtnFonceIE6.png');
cursor:pointer;
}

 #navMenu a.navClair:hover,#navMenu a.navFonce:hover{
background-position:0px 0px;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/communes/navBtnOverIE6.png');*/
cursor:pointer;	
}

#navMenu h2> a.navClair{background: url(../media/img/communes/navBtnClair.png) 0px -25px no-repeat;} /*hack -ANTI- IE6*/
#navMenu h2> a.navFonce{background: url(../media/img/communes/navBtnFonce.png) 0px -25px no-repeat;} /*hack -ANTI- IE6*/



/**********************************************************************************END of Menu*******************************************************************************************/
/********************************box login*****************************************/

#bLogin p#barre_login{margin-left:6px;}

#arrondi_left{float:left;display:inline;}
#centre_arrondi{
background-attachment:scroll;
background-color:#fff;
background-image:none;
background-position:0 0;
background-repeat:repeat;
float:left;
display:inline;
height:18px;
padding:0 9px;
}
#arrondi_right{float:left;display:inline;}

#bLogin{
    z-index:10;
    color:#368ABC;
    vertical-align:top;
    position:absolute;
    right:0;
    top:-25px;
    display:inline;
}

#bLogin h3{
overflow:hidden;
text-indent:-500px;
margin-left:24px;
width:117px;
height:15px;
float:left;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/communes/titre_bLogin.png');
}
#bLogin >h3{background: url(../../img/communes/titre_bLogin.png) top left no-repeat;}
#bLogin a {
color:#368ABC;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
}
#bLogin a.blueBold{
color:#368ABC;
text-decoration:none;
font-weight:bold;
font-size:11px;
border-right:1px solid #e6e6e6;
padding-right:3px;
}
#bonjour {
font-size:12px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
border-right:1px solid #e6e6e6;
padding:0 5px;
float:left;
}
#bLogin h5 {color:#0870AC;font-family:Verdana,Arial,Helvetica,sans-serif;
}
#bLogin p {
display:block;
margin-left:18px;
font-size:0.7em;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}
#bLogin a:hover{text-decoration:none;}
#bLogin .loginField{
height:15px;
width:150px;
border:1px solid #c5c5c7;
margin-bottom:4px;
font-size:0.7em;
float:left;
display:inline;
margin-left:17px;
text-indent:8px;
overflow:hidden;
padding-top:2px;
}
#logBox_btnLog{
width:15px;
height:15px;
background:none;
/*background:transparent url(../img/header/puce_bleu.png) top left no-repeat;*/
margin-top:1px;
float:left;
cursor:pointer;
overflow:hidden;
text-indent:-500px;
margin-left:10px;
position:relative;
z-index:50;
}
#logBox_btnDeLog{cursor:pointer;}

/*********************************box geolocalisation******************************************/
#bMagasin{
width:185px;
height:121px;
margin-top:12px;
vertical-align:top;
color:#665e54;
background:transparent url(../media/img/communes/bg_bMagasin.jpg) bottom left no-repeat;
background-position: 0px 40px;
}
#bMagasin h3{
text-indent:-999px;
overflow:hidden;
width:185px;
height:40px;
display:block;
background:transparent url(../media/img/communes/titre_bMagasin.jpg) bottom left no-repeat;
}
#bMagasin p{
/*margin-bottom:6px;
margin-top:2px;*/
margin:2px 0px 6px 0px;
padding-left:43px;
width:112px;
color:#333333;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:transparent url(../media/img/accueil/pictoFrance.gif) 3px 0px no-repeat;
height:35px;
}

#bMagasin p b{
color:#000000;
}

#bMagasin .bMagasinField{
height:15px;
width:132px;
border:1px solid #c5c5c7;
margin-bottom:4px;
*margin-bottom:2px;
font-size:0.7em;
float:left;
display:inline;
margin-left:17px;
color:#003580;
text-indent:8px;
overflow:auto;
padding-top:2px;
}
.bMagasin_btnLog{
width:15px;
height:15px;
background:none;
background:transparent url(../media/img/communes/bMagasin_btn_test.gif) no-repeat left top;
margin-top:1px;
margin-left:3px;
float:left;
cursor:pointer;
overflow:hidden;
text-indent:-500px;
}

.bMagasin_btnLog:hover{background-position:left bottom;}

#bMagasinLocalise{
width:185px;
margin-top:12px;
vertical-align:top;
color:#665e54;
background:transparent url(../media/img/communes/magasin_localise.jpg) bottom left repeat;
text-align:center;
}
#bMagasinLocalise h3{
text-indent:-999px;
overflow:hidden;
width:185px;
height:40px;
display:block;
background:transparent url(../media/img/communes/titre_bMagasin.jpg) bottom left no-repeat;
}
#bMagasinLocalise p{
text-align:center;
font-size:11px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;

}
#bMagasinLocalise h5{font-size:13px;color:#0870ac;font-family:Verdana, Arial, Helvetica, sans-serif;margin-top:2px;}
#bMagasinLocalise a{color:#FFFFFF;text-decoration:underline;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold}
#bMagasinLocalise a:hover{color:#FFFFFF;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold}
#bMagasinLocalise span{margin:0;}
#carreBleu{
	margin:auto;
	width:179px;
	height:95px;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color:#7cb3d2;
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	*margin-top:-5px;
	overflow-y:auto;
}
#promos_loc{
	background:transparent url(../media/img/communes/bas_magasin_localise.jpg)bottom left;
	margin:0;
}
#promos_loc:hover{
	background:transparent url(../media/img/communes/bas_magasin_localiseHover.jpg)bottom left;
	height:30px;
	width:185px;
}
.liens_magasins img {
	margin-left:5px;
}

a.detail_search{display:block;height:20px;clear:both;margin-left:20px;font-size:10px;color:#ffffff;text-decoration:underline;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
a.detail_search:hover{margin-left:20px;font-size:10px;color:#ffffff;text-decoration:none;}
/*********************************promos_pied****************************************/

#promos_pied{
margin-top:8px;
background-color:#e9e1d4;
}


/*********************************************pied***************************************/
#pied{
margin-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#pied ul{
list-style-type:none;
display:block;
clear:left;
}
#pied ul li{
float:left;
color:#215697;
font-size:0.8em;
padding-left:2px;
padding-right:2px;
}
#pied ul li a{
color:#215697;
text-decoration:underline;
}
#pied ul li a:hover{
text-decoration:none;
}
/**********************************ROLLOVER CARTE***************************/
.carte_cache {
	display:none;
}
a.entrees {
	 position:relative;
	 display:block;
	 width:64px;
	 float:left;
	 height:73px;
	 background:url(../media/img/accueil/entrees_bCarte.jpg) no-repeat 0 0;
}
a.entrees:hover {
	background:url(../media/img/accueil/entrees_bCarteOn.jpg) no-repeat 0 0;
}
 
a.pizzas {
border:0px solid green;
 position:relative;
	 display:block;
	 float:left;
	 width:59px;
	 height:73px;
	 background:url(../media/img/accueil/pizzas_bCarte.jpg) no-repeat 0 0;
 }
a.pizzas:hover {
	background:url(../media/img/accueil/pizzas_bCarteOn.jpg) no-repeat 0 0;
}
 
a.desserts {
border:0px solid green;
	 position:relative;
	 display:block;
	 float:left;
	 width:62px;
	 height:73px;
	 background:url(../media/img/accueil/desserts_bCarte.jpg) no-repeat 0 0;
 }
a.desserts:hover {
	background:url(../media/img/accueil/desserts_bCarteOn.jpg) no-repeat 0 0;
}

#bCarte{
clear:both;
height:114px;
width:185px;
margin-top:10px;
overflow:hidden;
}

#bCarte h3{
width:185px;
height:41px;
background:url(../media/img/accueil/titre_bCarte.jpg) top left  no-repeat;
overflow:hidden;
text-indent:-500px;
}
/*********************************PROMOS************************/
#bPromos{
margin-top:8px;
width:188px;
height:168px;
}
#bPromos a {
text-indent:-900px;
overflow:hidden;
display:block;
width:188px;
height:169px;
background:url(../media/img/communes/promoGeoLoc_test.png) no-repeat left 3%;
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/communes/promoGeoLoc.png');*/
cursor:pointer;
}

#bPromos a:hover {
background:url(../media/img/communes/promoGeoLoc_test.png) no-repeat left 99%;
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/communes/promoGeoLocHover.png');*/
cursor:pointer;
}


/**********************************tentatrice : help assistant***************************************/
#overlay_tent{
}
#picture_tent{
}
#message_tent{
}
.cache{display:none;}
/**************************BULLE ALERTE*************************************************/
#message {
	text-align:center;
	position:absolute;
	z-index:20;
	width: 100%;
	height:100%;
}
#message_alerte{
	position:relative;
	top:-220px;
	left:-170px;
}
#tentatrice_alerte{
	position:relative;
	top:127px;
}
#alerte_fond { 
	position:absolute;
	background-color:#000000;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	width: 100%;
	height:1000%;
	z-index:10;
}

/******************** EN ATTENDANT FUN ************************************/

#fun_picto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#675e54;
	background-image:url(../media/img/cartes/fun_degrade.gif);
	background-repeat:repeat-x;
	width:186px;
	height:190px;
	*margin-top:-4px;
}
.picto{height:40px;width:100%;margin-bottom:5px;}
.picto img{float:left; padding-right:5px;}
.picto p{float:left;}

a.loisirs { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color:#675e54; font-size:10px;}
a.loisirs:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color:#675e54; font-size:10px;}
.puce {
float:left;
height:6px;
position:relative;
top:5px;
width:6px;
}
.content_liste {
float:left;
left:2px;
position:relative;
}
#zoom{
	display:none;
	width:252px;
	background:transparent url(../media/img/cartes/zoom_haut.png) !important;
	background-position:top left !important;
	background-repeat:no-repeat !important;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cartes/zoom_haut.png', sizingMethod='crop');
	position:absolute;
	z-index:2;
	text-align:center;
}
#zoom p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#675e54;
margin:auto;
width:252px;
background:transparent url(../media/img/cartes/zoom_bg.png) center repeat !important;
_background:#ffffff center repeat;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cartes/zoom_bg.png', sizingMethod='crop');*/
*margin-top:-3px;
}
#zoom h2{
margin:auto;width:252px;background:transparent url(../media/img/cartes/zoom_bas.png) !important;background-position:top !important;
background-repeat:no-repeat !important;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cartes/zoom_bas.png', sizingMethod='crop');
*margin-top:-20px;
}
#zoom h5{font-size:14px;background:transparent;color:#0870ac;}



/****************************************************************************************************************************************************************************************/
#tentatrice_erreur{

font-family: Verdana,Arial,Helvetica,sans-serif;
text-align:left;
margin-left:270px;
margin-top:210px;
width:407px;
height:137px;
display:none;
z-index:10;
position:absolute;
}
#tentatrice_erreur #innerwrap{
width:407px;
height:137px;
background:transparent url(../media/img/accueil/motdepasse/tentatrice.png) top left no-repeat;
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/accueil/motdepasse/tentatrice.png', sizingMethod='crop');

}
#tentatrice_erreur .btn_fermer{
float:right;
display:inline;
width:15px;
height:15px;
margin-right:2px;
margin-top:8px;
overflow:hidden;
text-indent:-500px;
position:relative;
z-index:10;
}
#contenu_erreur{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.6em;
margin-left:131px;
margin-right:15px;
/*margin-top:12px;*/
padding-top:20px;
width:246px;
position:relative;
z-index:10;
}
#contenu_erreur form{
width: 246px;
height:auto;
margin-top:20px;
position:relative;
z-index:10;
}
#contenu_erreur input.loginField{
height:15px;
width:120px;
border:1px solid #c5c5c7;
margin-bottom:4px;
float:left;
display:inline;
margin-left:17px;
color:#908476;
text-indent:8px;
overflow:hidden;
position:relative;
z-index:10;
}
#contenu_erreur input.bouton{
width:15px;
height:15px;
background:none;
background:transparent url(../media/img/communes/boxLogin_btn.gif) top left no-repeat;
margin-top:1px;
float:left;
overflow:hidden;
text-indent:-500px;
position:relative;
z-index:10;
cursor:pointer;
}
/****************************************************************************************************************************************************************************************/
#msgContPos{
position:absolute;
margin-left:auto;
margin-right:auto;
}

#msgCont{
	position:absolute;
	z-index: 10000
	}

.popup {
	background:url(../media/img/detente/bg_parrain.png);
	width:390px;
	height:283px;
	z-index:6;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:300px;
	margin-top:200px;
}

#msgOverlay{
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	background-color:black;
	width:100%;
	height:200%;
	position:absolute;
	overflow:hidden;
	z-index:2;
}
.fromage{
	background:url(../media/img/femme-layer3.png);
	width:505px;
	height:544px;
	z-index:6;
	position:absolute;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:240px;
	margin-top:220px;
}
.fromage p{
margin-left:290px;width:250px;margin-top:60px;
}
/** Banner détente en 4 parties**/
#BND1{
float:left;
}
#BND2{float:left;width:131px;}
#BND3{float:left;width:133px;}
#BND4{float:left;width:134px;}
#BND2 a{width:131px;margin:0;padding:0;}
#BND3 a{width:133px;margin:0;padding:0;}
#BND4 a{width:134px;margin:0;padding:0;}