/* CSS Document */
*{
	margin:0;
	padding:0;
	font-family:url(img/offres/plaquettes.gif);
	font-size:11px;
}
body{ background-color:#222222;}
#site{ margin:auto; width:980px; margin-top:50px; border:#666666 1px solid;}
.clearer{ clear:both;}


#liste{ height:190px; width:150px; padding:25px 0 0 20px; margin-top:5px;  float:left; background-color:#000000; line-height:20px; }
	#liste{ font-size:11px; color:#FFFFFF;}
	#liste.contact, #liste.contact strong{ font-size:12px;}
	#liste a{ font-size:11px; text-decoration:none; color:#FFFFFF; font-weight:bolder;}
	#liste span.orange{ font-size:11px;  color:#f67c37; font-weight:bolder;}
	#liste a:hover, #liste a.encours{  text-decoration:none; color:#f67c37;}
#contenu{ height:205px; width:415px; margin:5px 0 0 0; float:left; background-color:#f67c37; color:#000000; padding:10px 70px 0 60px; line-height:12px; text-align:justify;}

#contenu.les_lieux{height:215px; width:525px; padding:0 0 0 20px; overflow:hidden;}
#contenu div.un_lieu{ width:159px; background-color:#FFFFFF; height:215px; float:left; margin-right:15px;}
#contenu div.un_lieu p{ padding:0 5px 0 5px; display: block; width:149px; font-size:10px; text-align:left;}
#contenu div.un_lieu img{ margin-bottom:5px;}
sup{ font-size:8px;}
#contenu h1{font-size:11px;  color:#f67c37; font-weight:bolder; font-size:11px; padding-left:5px; text-align:left; margin-bottom:5px;}
#contenu.avert{padding-top:55px; height:160px;}
#contenu.prix{padding-top:45px; height:170px;}
#contenu.commande{ padding-right:20px; width:465px; height:205px; overflow:hidden; }
#contenuforfait{  width:545px; padding:0;  height:215px; background-color:#f67c37; float:left; margin:5px 0 0 0; overflow:hidden;}
	#contenu p, #contenuforfait p{ margin-top:8px;}
	#contenuforfait #g{ float:left; width:210px; height:180px; padding-left:10px;}
	#contenuforfait #d{ float:left; width:290px; height:180px; padding-left:20px; text-align:justify;}


#menu_bas{ height:64px; width:980px; }
#menu_bas a{ background-image:url(img/menu.gif); text-transform:uppercase; color:#000000; display:block; height:40px; text-decoration:none; padding-top:24px; float:left; }
#menu_bas a strong{ color:#000000;}
#menu_bas a small{ color:#000000; font-size:10px; font-weight:bolder; text-transform:none;}


#menu_bas a.reception_m_xxl{ width:195px; padding-left:65px;  background-position:left top; }
#menu_bas a.reception_s{ width:155px; padding-left:45px;  background-position:-260px bottom; color:#FFFFFF; }
#menu_bas a.reception_s strong, #menu_bas a.reception_s small{ color:#FFFFFF;}
#menu_bas a.lieu{ width:130px; padding-left:45px;  background-position:-460px 0; }
#menu_bas a.vite{ width:115px; padding-left:65px;  background-position:-625px 0; }
#menu_bas a.blog{ width:110px; padding-left:55px;  background-position:-820px 0; }
/* -----hover -----*/
#menu_bas a:hover.reception_m_xxl{ width:195px; padding-left:65px;  background-position:left bottom; }
#menu_bas a:hover.reception_s{ width:155px; padding-left:45px;  background-position:-260px bottom; }

#menu_bas a:hover.lieu{ width:130px; padding-left:45px;  background-position:-460px bottom; }
#menu_bas a:hover.vite{ width:115px; padding-left:65px;  background-position:-625px bottom; }
#menu_bas a:hover.blog{ width:110px; padding-left:55px;  background-position:-820px bottom; }

#menu_bas a:hover, #menu_bas a:hover small, #menu_bas a:hover strong{color:#FFFFFF;}


/* ---------------- INDEX ------------------ */
#index #gauche{ width:255px; height:525px; background-image:url(img/index/gauche.gif); float:left;color:#FFFFFF; overflow:hidden;  }
#index #gauche #txt{width:195px; padding: 160px 25px 0 25px;  text-align:left; line-height:12px; height:245px;}
#index #gauche #txt_menu{width:95px; padding: 0 0 50px 0 ; color:#000000; ftext-transform:uppercase;  text-decoration:none;}
#index #gauche #txt_menu a{ color:#000000; text-decoration:none; display:block; padding-right:115px; width:100px; height:100px; text-align:right; font-size:14px; }
#index #gauche #txt p{ margin-bottom:10px;}
#index #droite{ width:725px; height:525px;  float:left; overflow:hidden; }

/* ---------------- PRESENTATION ------------------ */
#presentation #gauche{
	width:255px;
	height:525px;
	background-image:url(img/presentation/gauche.jpg);
	float:left;
}
 #gauche #txt_coord{width:200px; padding: 420px 0 0 40px; color:#000000; ftext-transform:uppercase;  text-decoration:none; font-size:11px; line-height:20px;}
 #droite{ width:725px; height:525px; background-image:url(img/droite.gif); float:left;  }
 #droite #corps{ width:715px; height:225px;  margin-top:150px;margin-bottom:15px; overflow:hidden; padding-left:10px;}
 #droite #corps #txt{width:280px;  text-align:justify; line-height:12px; height:245px; color:#000000; text-align:justify; padding: 10px 30px 0 30px;  overflow:hidden;}
 #presentation  #droite #corps #txt{ float:left; margin-right:50px;}
  #presentation  #droite #corps img{ margin-top:5px;}
 #droite #txt p{ margin-bottom:10px;color:#000000;}

/* menu */
 #droite #menu{ width:725px; height:27px; background-image:url(img/menu_presentation.gif); background-repeat:repeat-x;  }
 #droite #menu a{ text-transform:uppercase; text-decoration:none;   display:block; font-size:10px; background-image:url(img/menu_presentation_lien.gif); background-position:left top; height:22px; float:left;  padding:5px 3px 0 5px; margin:0; color:#FFFFFF; letter-spacing:0px;}
 #droite #menu a.premier{ background-position:right top; margin-left:20px; }
 #droite #menu a:hover{ background-position:left bottom;}
 #droite #menu a:hover.premier{ background-position:right bottom;} 
 
 #droite #menu a.premierencours{ background-position:right bottom; margin-left:20px;} 
 #droite #menu a.encours{ background-position:left bottom;}
 
 /* ---------------- COLLECTIONS ------------------ */
#collections #gauche{ width:255px; height:525px; background-image:url(img/collection/gauche.jpg); float:left; }

 /* ---------------- VITE (plateaux repas) ------------------ */
#vite #gauche{ width:255px; height:525px; background-image:url(img/plateaux/gauche.jpg); float:left; }
#vite #droite #corps{ width:725px; height:225px; padding:0;  margin-top:150px; background-image:url(img/plateaux/vite.gif);}
#vite #droite #corps #txt{ padding-top:110px;}
#vite #droite #corps #txt a{  text-transform:uppercase; color:#f67c37; font-weight:bolder;}
#vite #droite #corps #txt a:hover{ text-decoration:none;}

 /* ---------------- OFFRES ------------------ */
#offres #gauche{ width:255px; height:525px; background-image:url(img/offres/gauche.gif); float:left; }

#offres #droite #corps{
	padding-top:10px;
	height:215px;
	position:relative;
	width:690px;
	padding-left:0px;
	left: 10px;
	top: -3px;
}
#offres #droite #corps a{
	display:block;
	width:101px;
	height:175px;
	background-image:url(img/offres/plaquettes.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-right:2px;
	padding:0;
}


#offres #droite #corps #titre{  width:300px; text-align:left;   padding-left:50px; position:absolute; top:380px; left:430px; background-color:#003399;}
#offres #droite #corps #titreexg{ width:300px; text-align:left;   padding-left:0; position:absolute; top:180px; left:0;   }
#offres #droite #corps #titreg2{ width:300px; text-align:left;   padding-left:120px; position:absolute; top:180px; left:0;   }

#offres #droite #corps #titreg{ width:300px; text-align:left;   padding-left:210px; position:absolute; top:180px; left:0;   }

#offres #droite #corps #titred{ width:300px; text-align:right;  padding-left:230px; position:absolute; top:180px; left:0;  }
#offres #droite #corps #titreexd{ width:360px; text-align:right;  padding-left:270px; position:absolute; top:180px; left:0;  }
#offres #droite #corps #titrec{ width:300px; text-align:center; 	padding-left:210px; position:absolute; top:180px; left:0;   }
#offres #droite #corps #titrean{ width:380px; text-align:right;  padding-left:300px; position:absolute; top:180px; left:0;  }



#offres #droite #corps a.baptemes { background-position:-634px top; }
#offres #droite #corps a:hover.baptemes { background-position:-634px -175px;}

#offres #droite #corps a.paques { background-position:-766px top; }
#offres #droite #corps a:hover.paques { background-position:-766px -175px;}

#offres #droite #corps a.casier_hiver_09 { background-position:left top; }
#offres #droite #corps a:hover.casier_hiver_09 { background-position:left -175px;}

#offres #droite #corps a.mariage_09_10 { background-position:-146px top;}
#offres #droite #corps a:hover.mariage_09_10 { background-position:-146px bottom;}

#offres #droite #corps a.fetes { background-position:-400px top;}
#offres #droite #corps a:hover.fetes { background-position:-400px bottom;}

#offres #droite #corps a.coffrets { background-position:-295px top; width:70px;}
#offres #droite #corps a:hover.coffrets { background-position:-295px bottom;}

#offres #droite #corps a.saison { background-position:-240px top;}
#offres #droite #corps a:hover.saison { background-position:-240px bottom;}


#offres #droite #corps a.meres { background-position:-413px top;}
#offres #droite #corps a:hover.meres { background-position:-413px bottom;}

#offres #droite #corps a.an10 { background-position:-500px top;}
#offres #droite #corps a:hover.an10 { background-position:-500px bottom;}




 /* ---------------- CONSEIL ------------------ */
#conseils #gauche{ width:255px; height:525px; background-image:url(img/conseils/gauche.jpg); float:left; }
#avertissements #gauche{ width:255px; height:525px; background-image:url(img/conseils/gauche2.jpg); float:left; }

 /* ---------------- CONDITIONS ------------------ */
#prix #gauche{ width:255px; height:525px; background-image:url(img/conditions/gauche_prix.jpg); float:left; }
#commandes #gauche{ width:255px; height:525px; background-image:url(img/conditions/gauche_commandes.jpg); float:left; }
#livraisons #gauche{ width:255px; height:525px; background-image:url(img/conditions/gauche_livraison.jpg); float:left; }
#forfait #gauche{ width:255px; height:525px; background-image:url(img/conditions/conditions_forfait.jpg); float:left; }

 /* ---------------- DEVIS ------------------ */
#devis #gauche{ width:255px; height:525px; background-image:url(img/devis/gauche.jpg); float:left; }

 /* ---------------- LIEUX ------------------ */
#lieux #gauche{ width:255px; height:525px; background-image:url(img/lieux/gauche.jpg); float:left; }

 /* ---------------- CONTACT ------------------ */
#contacts #gauche{ width:255px; height:525px; background-image:url(img/contact/gauche.jpg); float:left; }
#contacts #contenu a{ color:#000000; }




#plaquette{ color:#7e8083; text-transform:uppercase; padding:80px 0 0 65px; font-size:10px; }
#plaquette.main{ color:#7e8083; text-transform:uppercase; padding:70px 0 0 65px; font-size:10px; }
#plaquette img{ display:inline; text-align:center; }
#plaquette a:link,
#plaquette a:hover,
#plaquette a:active,
#plaquette a:visited{ font-size:10px; background-image:none; color:#999999; background:none; display:inline; color:#f67c37;}