@charset "utf-8";
/* CSS Document */

#banniere_mariage {background:url(images/ban_mariage.jpg); width: 980px; height: 226px;}
#content{ min-height: 350px; background: url(images/content.png) repeat-y; width:980px;overflow:  hidden; padding-top: 20px; position: relative}
#footer{ background:url(images/footer.jpg); width: 980px; height: 69px; text-align: center; margin-bottom: 20px;}

/******************************/
/* MENU DEROULANT HORIZONTAL*/
/******************************/
#sous_header{ background-image: url(images/fond_menu.png); width: 980px; height: 40px;}
#menu {width:943px;font-family:Tahoma, Helvetica, sans-serif;letter-spacing: 0.12em;display:block;margin:0 0 8px 0;padding:10px 0 0 0;height:38px;font-size:1em;z-index:1000;}
#menu div {float:right;padding: 0px;padding-right: 30px;}
#menu div a {color:#003300;font-weight:bold;text-decoration: none; font-family: "Arial", sans-serif}
#menu div  a:hover {color: #fff ;z-index:1000;}
#menu div ul {position: absolute;margin: 5px 0 0 0;*margin:33px 0 0 -75px;background-color:#50514C;background: #fff6b9;line-height:30px;border-left:2px solid #006633;border-right:2px solid #006633;border-bottom:2px solid #006633;*white-space: nowrap;*width:250px;z-index:1000;}
#menu ul, #menu li {margin: 0;padding: 0;list-style-type: none;list-style-position:outside;z-index:1000;}
#menu ul li {padding:0 5px;font-size:0.8em;z-index:1000;}
#menu ul li a {color:#587920;text-decoration: none;font-family: "Arial", sans-serif;z-index:1000;}
#menu ul li a:hover {color: #365206 ;z-index:1000;}

/******************************/
/* EVENEMENT.PHP */
/******************************/
#even_pre_top{ width: 960px; height: 37px; background:url(images/even_pre_top.png) no-repeat; margin: 0 auto}
#even_pre_top_text{ padding-left: 130px; padding-top:8px;font-size: 16px; color: #2c5306; font-weight: 700;}
#even_pre_content{ overflow: auto; width: 960px; background:url(images/even_pre_content.png) repeat-y; margin: 0 auto }
#even_pre_content_text{width: 940px;font-size: 15px;margin: 0 auto; margin-top: 10px; margin-bottom: 5px;  overflow:auto}
#even_pre_bottom{ width: 960px; height: 9px; background:url(images/even_pre_bottom.png);margin: 0 auto;}
#even_pre_content_text_g { width: 248px; min-height: 80px; float: left; padding-right: 10px;}
#even_pre_content_text_d {width: 500px; min-height: 80px; padding-left: 10px; float: left; border-left: 2px dashed #387a3e; border-right: 2px dashed #387a3e; }


#gallery{ width: 680px ;background: #fff;text-align: center ;font: 0.9em Georgia, serif ; margin: 0 auto; margin-top: 15px; overflow:auto}


#bloc_ev { width: 960px; height: 120px; margin: 0 auto; margin-bottom: 20px;}

#div_ev_1  { width: 470px; height: 110px; background: #dcf8b0; float: left;display: inline;-moz-border-radius : 10px 10px; padding-bottom: 10px;}
#div_ev  { width: 470px; height: 110px; background: #dcf8b0; float: left; margin-left: 20px; display: inline;-moz-border-radius : 10px 10px;padding-bottom: 10px;}

.titre_div_ev{ padding-left: 32px; padding-top: 6px; color:#333333}
.div_ev img{width: 65px; height: 65px;}
.div_ev_1 img{width: 65px; height: 65px;}

#div_video { width: 950px; background: #dcf8b0; margin: 0 auto; margin-bottom:10px; inline;-moz-border-radius : 10px 10px; padding: 5px; overflow:auto}
#div_video2 { width: 950px; width:680px; background: #dcf8b0; margin: 0 auto; margin-bottom:10px; inline;-moz-border-radius : 10px 10px; padding: 5px; overflow:auto; text-align: center; margin-top: 10px;}
#div_video_text{padding-left: 32px; padding-top: 6px; color:#333333}
.vid_a{ float: left; margin-left: 20px;}
.vid_a a{text-decoration: none;color: #235f0e; padding-left: 5px;}
.vid_a a:hover{text-decoration: none;color: #0d2a02;}

#liste_vid{ width: 930px; margin: 0 auto}




/******************************/	
/******* MENU EVENEMENT ********/
/******************************/




#menu_ev{ width: 970px; height:26px; margin: 0 auto;padding: 0 ; margin-bottom: 15px; margin-top: 15px;}
#nav_ev{list-style: none ;margin: 0 ;padding: 0 ; width: 960px; margin: 0 auto; }
#nav_ev li {float: left ;color: black ; display: inline ; width: 190px; margin-right: 2px}
#nav_ev .li_fin {float: left ;color: black ;display: inline ; width: 190px}
#nav_ev li a {display: block ;background: url(images/item_menu_ev.png) bottom;color: black ;font: 1em "Arial",sans-serif ;line-height: 26px ;text-align: center ;text-decoration: none ;}
#nav_ev li a:hover,#nav_ev li a:active {background: url(images/item_menu_ev.png) top;text-decoration: none ;color: #fff}






/******************************/
/* PERSO.PHP */
/******************************/
#banniere_pg_perso{ background:url(images/header_pg_perso.png); width: 980px; height: 226px;}
#img_avatar{float: left; display: inline; background: #fff; width: 190px; height: 190px; border: solid 5px white; margin-left: 40px; margin-top: 13px; -moz-border-radius : 10px 10px;}
#perso_pseudo{ float: right; display: inline; margin-top:60px; margin-right: 12px; color:#FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 40px;}


.ligne_table_perso_1{ background:#dcf8b0; border-bottom: 1px solid #666666;}
.ligne_table_perso_2{ background:#fbffc3; border-bottom: 1px solid #666666;}


.list_box{ width: 355px; float: left; margin-left: 3px; margin-top: 20px; display: inline; overflow: auto}
.list_box_1{ width: 720px; float: left; margin: 0 auto; display: inline; overflow: auto}
#top_list_box_1 { width: 720px; height: 50px; background: url(images/top_list_box_1.png);}
#top_list_box_2 { width: 355px; height: 50px; background: url(images/top_list_box_2.png);}
#top_list_box_3 { width: 355px; height: 50px; background: url(images/top_list_box_3.png);}
#top_list_box_4 { width: 355px; height: 50px; background: url(images/top_list_box_4.png);}
#top_list_box_5 { width: 355px; height: 50px; background: url(images/top_list_box_5.png);}


.link_g{ float: right; display: inline; margin-right: 12px; display: inline;margin-top: 17px;}
.link_d{ float: right; display: inline;margin-right: 4px;display: inline; margin-top: 17px;}
#list_1{ background: url(images/content_list_box_1.png) repeat-y; width: 700px; display: none; text-align: center; overflow: hidden }
#list_2{ background: url(images/content_list_box.png) repeat-y; width: 335px; display: none; text-align: center; overflow: hidden }
#list_3{ background: url(images/content_list_box.png) repeat-y; width: 335px; display: none; text-align: center; overflow: hidden  }
#list_4{ background: url(images/content_list_box.png) repeat-y; width: 335px;  display: none;  overflow: hidden; padding-top: 10px;  }
#list_4_div{text-align: left;width: 325px; margin-left: 20px;}
#list_5{ background: url(images/content_list_box.png) repeat-y; width: 335px; display: none; text-align: center; overflow: hidden  }

.content_list_box_1 { width: 700px; margin: 0 auto;}
.content_list_box { width: 335px; margin: 0 auto;}
.footer_list_box_1 { height: 11px; width: 720px; background: url(images/footer_list_box_1.png); margin: auto 0; }
.footer_list_box { height: 13px; width: 335px; background: url(images/footer_list_box.png); margin: auto 0; }


#mess_profil{ width: 660px; margin: 0 auto;padding: 10px;  font-size: 13px; color: #333333}
#mess_mess{  font-size: 13px; color: #333333}
#mess_index{ width: 620px;font-size: 13px; color: #333333;background:#dcf8b0; -moz-border-radius : 10px 10px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px;}
#profil_div_lien{ position: absolute; left: 400px; top:20px; width: 280px; padding: 10px; background:#dcf8b0;-moz-border-radius : 10px 10px;}