/*@import url(mariage.css);
/* CSS Document */
/*-----------------------------------------------------------------------------*/
/* GLOBAL
/*-----------------------------------------------------------------------------*/
html{}
body{ margin:0px; padding:0px; background-color:#333333;}
form{ margin:0px; padding:0px;}

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

.clr{clear:both;}

#maincontent{ background-color:#FFFFFF;}
#content{ width:1002px; margin-left:auto;  margin-right:auto; padding-top:20px;}
/*Architecture des colonnes*/
#content .hc1{width:202px; float:left;}
#content .hc2{width:202px; float:left;} 
#content .hc3{width:202px; float:left;}
#content .hc4{width:202px; float:left;}
#content .hc5{width:192px; float:left;}

#content .hc2b{width:606px; float:left;}

/*-----------------------------------------------------------------------------*/
/* HEADER
/*-----------------------------------------------------------------------------*/
/*bandeau*/
#bandeau{ width:100%;}
#bandeau .menu{background-color:#333333; height:32px;}
#bandeau .menu a{ display:block; padding:9px 0 8px 0; font:12px arial; font-weight:bold; color:#333333; float:left; text-align:center; text-decoration:none; width:80px;}
#bandeau .menu .retour{ color:#FFFFFF; width:120px; font-weight:normal; font:11px arial;}
#bandeau .menu .retour:hover{ text-decoration:underline;}

#bandeau .menu .pperso{ float:right; color:#FFFFFF; width:80px; font-weight:bold; font:11px arial; background-color:#000;}
#bandeau .menu .pperso:hover{ color:#6C0;}


#bandeau .title{ background:url(../img/bg_barre_gris.jpg); height:62px; text-align:center;}
#bandeau .title .content{  width:996px;}
#bandeau .title .content .tg{ float:left; padding:0 0 0 360px;}
#bandeau .title .content .tg img{ padding:7px 0 0 0; border:0px;}

#bandeau .title .content .name{ float:left; font:16px Tahoma; font-weight:bold; height:28px; margin:24px 0 0 10px;}
#bandeau .title .content .name img{ vertical-align:top; float:left;}
#bandeau .title .content .name a{ float:left; display:block; padding:4px 0 0 4px;  color:#FFFFFF; text-decoration:none;}
/*sous menus*/
.smenu{ background:url(../img/bg_smenu.jpg) repeat-x #FFFFFF; padding:2px 6px 4px 6px; border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4;}
.smenu li{ border-bottom:1px solid #E1E1E4; line-height:20px; padding:0 0 0 4px;}
.smenu li a{ text-decoration:none; color:#666666; font:11px Arial;}
.smenu li a:hover{color:#000000;}
.smenu .last{border:0px;}


/*Liste des chapitres du portail*/
.mainchapters{ background:url(../img/a_top.jpg) no-repeat top; background-color:#FFFFFF; width:192px; margin:0 0 20px 0;}

.mainchapters .title{text-align:center; font:16px Tahoma; font-weight:bold; padding:12px 0 10px 0;}
.mainchapters .title a{ text-decoration:none;} 
.mainchapters .title a:hover{ text-decoration:underline;} 

.mainchapters .title a img{ border:0px; margin:0 4px 0 0;} 

.mainchapters .ill{ height:74px; width:176px; background-color:#FF0000; margin:0 0 4px 7px; cursor:pointer;}

.mainchapters .chapitres{border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4; line-height:20px; padding:0 10px 6px 10px;}
.mainchapters .chapitres li{ border-bottom:1px solid #E1E1E4; line-height:20px; padding:0 0 0 4px;}
.mainchapters .chapitres li a{ text-decoration:none; color:#666666; font:12px Arial;}
.mainchapters .chapitres li a:hover{color:#000000;}

.mainchapters .chapitres .btn{padding:10px 0 0 0; border:0px; }
.mainchapters .chapitres .btn a{ display:block; background:url(../img/btn_entrer.jpg) no-repeat; height:20px; background-position:20 20;}
.mainchapters .chapitres .btn a:hover{background-position:0 -20px;}

.mainchapters .chapitres .pub{padding:10px 0 0 0; border:0px;}
.mainchapters .chapitres .pub a{border:1px solid #E1E1E4; display:block; height:48px;}
.mainchapters .chapitres .pub a:hover{border:1px solid #666666;}
.mainchapters .chapitres .pub a img{border:0; margin:0px; padding:0px;}

.mainchapters .fin{ background:url(../img/a_bot.jpg) no-repeat bottom; height:4px; font-size:0px;}

/*pubs side*/
.pub_side{border:1px solid #CCCCCC; margin:0 0 10px 0; float:left; cursor:pointer;}
.pub_side .titre{ font-size:0px; line-height:0px;}
.pub_side .pub a{ border:0px;}
.pub_side .pub a img{ float:left; border:0px;}

/*Liste des liens partenaires*/
#liens_part{width:190px; border:1px solid #CCCCCC; padding:0 0 8px 0; background-color:#FFFFFF; float:left;}
#liens_part .btitre{ background-color:#CCCCCC; font:14px Arial; color:#333333; width:182px; margin:1px; padding:4px 0 4px 8px;}
#liens_part ul{ font:12px arial; margin:8px 8px 0px 8px;}
#liens_part ul .titre{ color:#666666; text-decoration:underline; padding:0 0 4px 0; font-weight:bold;}
#liens_part ul .text{}
#liens_part ul li a{ color:#0033FF; text-decoration:none;}
#liens_part ul li a:hover{ color:#0033FF; text-decoration:underline;}

/*Pub persos*/
#pub_perso{float:left; width:190px; border:1px dashed #CCC; margin:0 0 10px 0;}
#pub_perso li{float:left; width:170px;}
#pub_perso .montitre{padding:5px 5px 0px 5px; color:#03F; font:14px Arial; font-weight:bold; text-decoration:underline;}
#pub_perso .texte{padding:4px 5px 0px 5px; font:12px Arial;}
#pub_perso .lien{padding:0 5px 5px 5px;}
#pub_perso .lien a{font:11px Arial; color:#03F; font-weight:bold; text-decoration:underline; padding:0px 2px 0px 2px;}
#pub_perso .lien a:hover{ background-color:#03F; color:#FFF;}
/*-----------------------------------------------------------------------------*/
/* GUIDE
/*-----------------------------------------------------------------------------*/
/*Liste des chapitres du portail*/
.chapters{border:1px solid #D4D4D4; background:url(../img/b_top.jpg) repeat-x top; background-color:#FFFFFF; width:192px; margin:0 0 10px 0;}

.chapters .title{text-align:center; font:16px Tahoma; font-weight:bold; padding:10px 0 8px 0;}

.chapters .ill{ height:74px; width:176px; background-color:#FF0000; margin:0 0 4px 7px;}

.chapters .chapitres{line-height:20px; padding:0 10px 6px 10px;}
.chapters .chapitres li{ border-bottom:1px solid #E1E1E4; line-height:20px; padding:0 0 0 4px;}
.chapters .chapitres li a{ text-decoration:none; color:#666666; font:12px Arial;}
.chapters .chapitres li a:hover{color:#000000;}
.chapters .chapitres .last{border:0px;}

/*Adresses utiles*/
#adr_util{ float:left; width:192px; height:182px; font:12px arial; color:#FFFFFF;}
#adr_util ul{ padding-top:40px;}
#adr_util ul li{ text-align:center; padding:0 0 8px 0;}
#adr_util ul li input{ width:166px; .width:164px; font:12px Arial; height:16px;}
#adr_util ul li select{ width:170px; font:12px Arial; height:18px;}
#adr_util .btn{ text-align:left; padding:2px 0 0 0;}
#adr_util .btn a{ display:block; height:34px; width:108px; margin:0 0 0 42px;}
#adr_util .btn a:hover{ background-position:0 -34px;}

/*Les guides*/
#lesguides{ float:left; width:192px; margin:0 0 10px 0;}
#lesguides .title{ text-align:center; font:15px Arial; color:#FFFFFF; padding:8px 4px 8px 4px ;}
#lesguides ul{ border:1px solid #CCCCCC; font:12px arial; padding:4px 4px 4px 8px;}
#lesguides ul li{ padding:0 0 0 0; line-height:20px; }
#lesguides ul li a{ color:#0033FF; text-decoration:none;}
#lesguides ul li a:hover{ color:#0033FF; text-decoration:underline;}


/*Les docs*/
#docs{ float:left; width:192px; margin:0 0 10px 0;}
#docs .title{ text-align:center; font:15px Arial; color:#333333; padding:8px 4px 8px 4px ;}
#docs ul{ border:1px solid #CCCCCC; font:12px arial; padding:8px 4px 8px 8px;}
#docs ul li{ padding:0 0 0 0; line-height:20px;}
#docs ul li a{ color:#333333; text-decoration:none; background:url(../img/logo_pdf.jpg) no-repeat left top; padding:0 0 0 21px;}
#docs ul li a:hover{ color:#333333; text-decoration:underline;}


/*Les liens*/
#liensutil{ float:left; width:192px; margin:0 0 10px 0;}
#liensutil .title{ text-align:center; font:15px Arial; color:#333333; padding:8px 4px 8px 4px ;}
#liensutil ul{ border:1px solid #CCCCCC; font:12px arial; padding:8px 4px 8px 8px;}
#liensutil ul li{ padding:0 0 0 0; line-height:20px;}
#liensutil ul .A{ background: url(../img/puce.jpg) no-repeat left top; background-position:0 7px; padding:0 0 0 8px;}
#liensutil ul li a{ color:#0033FF; text-decoration:none;}
#liensutil ul li a:hover{ color:#0033FF; text-decoration:underline;}

/*miniedito*/
#miniedito{ float:left; width:192px; margin:0 0 10px 0;}
#miniedito .title{ text-align:center; font:20px Arial; font-weight:bold; padding:5px 4px 3px 4px ;}
#miniedito ul{ border:1px solid #CCCCCC; font:12px arial; padding:8px 4px 8px 8px;}
#miniedito ul li{ padding:0 0 0 0; line-height:18px;}
#miniedito ul li a{ color:#0033FF; text-decoration:none;}
#miniedito ul li a:hover{ color:#0033FF; text-decoration:underline;}


/*Titre guide accueil*/
#def_title{ text-align:center; width:596px; font:20px Tahoma; color:#FFFFFF; padding:3px 0 6px 0; margin:0 0 6px 0;}

/*-----------------------------------------------------------------------------*/
/* ANNONCES
/*-----------------------------------------------------------------------------*/
/*Nombres de résultats*/
#nbrtot{font:11px Arial; font-weight:bold; color:#333333; padding:3px 0 0 0;}

/*Chapitres*/
.chap{font:20px Arial; width:586px; margin-top:5px; padding:0 0 0 10px; line-height:31px; float:left; }
/*Rubriques*/
.rub{font:15px Arial; font-weight:bold; width:586px; padding:0 0 0 10px; line-height:25px; background-color:#F9F9F9; float:left; }
/*Sous rubriques*/
.srub{font:13px Arial; width:586px; padding:0 0 0 10px; line-height:20px; border-bottom:1px solid; float:left;}

/*Annonces*/
.an{font:12px Arial; width:576px; float:left; padding:6px 8px 6px 10px;}
.an li{width:574px; float:left;}
.an .title { padding:0 0 3px 0; color:#0033FF; font-weight:bold;}
.an .title a{ text-decoration:none; color:#0033FF; font-weight:bold;}
.an .title a:hover{ text-decoration:underline;}
.an .txt{ line-height:17px;}
.an .txt span{ color:#FF0000;}
.an .txt img{ float:left; margin:0 10px 0 0} 

.an a{ line-height:17px; color:#000; text-decoration:none;}
.an a:hover{ text-decoration:underline;}

.an .phone{ background:url(../img/puce.jpg) no-repeat; padding:0 0 0 10px; background-position:0 5px; margin:5px 0 0 0;}

.an .links{ background:url(../img/bg_links_a.jpg) no-repeat #EBEBEB; line-height:20px; padding:0 0 0 10px; margin:5px 0 0 0; width:auto; vertical-align:top;}
.an .links img{ vertical-align:top;}
.an .links a{ text-decoration:none; color:#000000;}
.an .links .b{ text-decoration:none; color:#0033FF;}
.an .links a:hover{ text-decoration:underline;}

.an .pub {  margin:6px 0 0 0; background-color:#CCCCCC;}
.an .pub img{ float:left; border:0px;}
 
.enc{border:1px solid #CCCCCC; margin:4px 0 0 0;}

.an .txt2{ line-height:17px; border:1px solid #CCCCCC; margin:4px 0 0 0; width:566px; padding:4px; }
.an .txt2 div{ font-weight:bold;}

/* Multipage */
#nav {margin:20px 0 10px 0; background:url(../img/bg_multipage.jpg) no-repeat bottom #EBEBEB; text-align:center; clear:both; font:13px Arial; line-height:33px; color:#0033FF; width:596px;}
#nav a {text-decoration:none; color:#333333; padding:0 2px 0 2px;}
#nav a:hover{ background-color:#666666; color:#FFFFFF;}

#nav .pre { margin-right:20px; padding:0 0 0 12px; background:url(../img/arrow_pre.jpg) no-repeat left;}
#nav .nex { margin-left:20px;  padding:0 12px 0 0 ; background:url(../img/arrow_next.jpg) no-repeat right;}
#nav .nex:hover,#nav .pre:hover{ background-color:#EBEBEB; text-decoration:underline; color:#333333;}

#backtotop{text-align:center; width:596px;  font:13px Arial; padding:0 0 10px 0;}
#backtotop a{color:#333333; padding:0 0 0 10px; background:url(../img/top.jpg) no-repeat top left; background-position:0px 8px;text-decoration:none;}
#backtotop a:hover{text-decoration:underline;}

#backtopage{text-align:center; width:596px;  font:13px Arial; padding:0 0 0 0;}
#backtopage a{color:#333333; padding:0 2px 0 2px; text-decoration:none;}
#backtopage a:hover{  background-color:#333; color:#FFF;}

/*-----------------------------------------------------------------------------*/
/* ANNONCES PERSOS
/*-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------*/
/* ACCUEIL GUIDE DEFAULT
/*-----------------------------------------------------------------------------*/
/*chapter preview*/
.chapter_preview{ font:12px Arial; color:#000000; width:277px; float:left; padding:6px 10px 6px 10px; margin:0 0 0 0;}
.chapter_preview .title{ font:22px Arial; text-align:center; padding:0 0 6px 0; line-height:20px;}

.b1,.b3{ border-right:1px solid #CCCCCC;}
.separ{border-bottom:1px solid #CCCCCC; margin:4px 8px 4px 0; font-size:0px; width:293px; float:left;}

.chapter_preview li{ line-height:18px;}
.chapter_preview li img{ float:left; margin:0 10px 4px 0;}

.chapter_preview li a{ color:#0033FF; text-decoration:underline; padding:0 0 0 10px; background:url(../img/puce.jpg) no-repeat; background-position:0 6px;}
.chapter_preview li a:hover{ text-decoration:none; }

.chapter_preview .txt{ height:190px; overflow:hidden;}

/*pubs guide default*/
.pub_demi{ border:1px solid #CCCCCC; float:left; width:290px; margin:14px 8px 0 0;}
.pub_demi li { display:inline;}
.pub_demi img{ float:left; border:0px;}

/*-----------------------------------------------------------------------------*/
/* ACCUEIL ANNONCES
/*-----------------------------------------------------------------------------*/
/*Formulaire de recherche*/
#recherche{ width:596px; height:79px; padding:3px 0 0 0; margin:0 0 0 0;}

#recherche .titre{font:20px Tahoma; color:#FFFFFF; text-align:center;}

#recherche ul{font:10px Tahoma; color:#FFFFFF; width:330px; float:left; padding:8px 0 0 140px;}
#recherche ul li .input input{ width:124px; .width:122px; font:12px Arial; height:18px; display:block;}
#recherche ul li .input select{ width:124px; .width:122px; font:12px Arial; height:18px; display:block;}

#recherche .btn{ height:34px; width:108px; margin:3px 0 0 0; float:left;}
#recherche .btn a{ display:block; height:34px; width:108px;}
#recherche .btn a:hover{ background-position:0 -34px;}


/*-----------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------*/
#footer{ width:100%; font:10px Tahoma; color:#666666; background:url(../img/bg_footer.jpg) repeat-x top #333333; padding:14px 0 0 0;}
#footer ul{width:1002px; margin-left:auto;  margin-right:auto;}
#footer ul .top{ border-bottom:1px solid #666666}
#footer ul li { padding:6px 0 8px 0;}
#footer ul li a{ color:#666666; text-decoration:none;}
#footer ul li a:hover{ background-color:#444444; color:#CCCCCC;}