* {margin: 0; padding: 0;}              /* par defaut : Pas de marge ni de padding */
a, a:link, a:visited {color:#990099; text-decoration:none;}   /* Couleur des liens quelque soit leur état */ 
img {border: none;} 					/* Pas d'entourage pour les images */ 
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#444;;}


#cadre 		{ position: absolute; width: 980px; left: 50%; margin-left: -490px; z-index:0;
              border: 1px solid #990099; margin-bottom:10px; }
#boite		{ position: relative; left: 0px; top: 0px; z-index:1; }
#padding    { width: 980px; height: 150px; position:relative; background:transparent;}
#milieu 	{ width: 980px; position:relative;}
#milieu_g_c	{ width: 980px; float: left; }
#milieu_centre 	{ width: 780px; float: right; background:#FFFFFF;}
#milieu_marge_b { height: 1px; clear: both; overflow: hidden; background: #FFFFFF;}
#milieu_gauche 	{ float: left; width: 200px; background-color: #FF99CC; }
#bas 		{ clear:both;width: 980px; height: 30px; background-color: #FFFFFF;}
#bas p          { text-align:center;font-size:10px;}
#haut 		{ position: absolute; width: 980px; height:180px; top: 0px; z-index:2; }
#haut_gauche    { float:left;height: 180px; width: 150px;background:#FF99CC url('http://www.organisation-mariage.net/logos/logomariage.gif') no-repeat top left; }
#haut_droite    { float:right;height: 150px; width:830px; background:#FF99CC url('http://www.organisation-mariage.net/b-d.gif') no-repeat bottom right;}

/* --------------------------------------------------------------------------------- */
/* haut : Connexion / pub /menu                                                       */
/* --------------------------------------------------------------------------------- */
#ban       {text-align:right; height:60px;  background:#FF99CC url('http://www.organisation-mariage.net/logos/omn.gif') no-repeat center left; margin-left:0px; margin-right:4px; margin-top:40px; margin-bottom:0px }

#barre_menu {clear:left;float:right;margin-right:5px;height: 30px;}
.menuh ul {list-style-type: none;}
.menuh li {float: left;}
.menuh a {margin: 2px 0px 0px 2px;width: 80px;height: 20px;display: block;
          text-align: center; border: 1px solid #990099;background-color: #FFCCE6;}
.menuh a:hover {background-color:#990099;color:#FFE6F2;}
.menuh input {margin: 1px 0px 0px 2px;height: 20px;text-align: center;border: 1px solid #990099;text-decoration: none;background-color: #FFCCE6;}
/* --------------------------------------------------------------------------------- */
/* barre etat                                                                        */
/* --------------------------------------------------------------------------------- */
#barre_etat  { padding-left:30px; background-image: url('http://www.organisation-mariage.net/h-g.gif'); background-repeat:no-repeat}
#barre_etat a {font-weight:bold;font-size:11px;}
h1 { display:inline; font-weight:bold; color:#000099; font-size:11px; }
/* --------------------------------------------------------------------------------- */
/* Contenu                                                       */
/* --------------------------------------------------------------------------------- */
#desc { margin:10px 10px 10px 30px; font-style:italic; }
h2 { display:block; Padding-left:20px;
     background:#FFCCE6 url('http://www.organisation-mariage.net/h-g-1.gif') no-repeat;
     font-size:14px; color:#000099; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:0px }
h3 { margin: 10px 10px 10px 10px; font-size:12px; }
.text_cle {border: 1px solid #FFCCE6; text-align:justify; margin:0px 10px 0px 10px; }
.text_cle p, ul {margin: 10px 10px 10px 10px;}
.text_cle li {list-style-type:disc; margin: 5px 10px 5px 20px;}
.text_cle hr { border: 1px solid #FFCCE6; }
.text_cle fieldset { margin-bottom: 5px; }
.text_cle legend { margin-left: 10px; }
/* --------------------------------------------------------------------------------- */
/* gauche : menu / agenda /pub                                                     */
/* --------------------------------------------------------------------------------- */
/* menu vertical                                                                     */
/* --------------------------------------------------------------------------------- */
#menu {background-color: #FF99CC;}
dl#menu {width: 190px;margin-top:30px;margin-left:5px;font-size:11px;}
dl#menu dt {cursor: pointer;margin: 2px 0px 0px 0px;height: 20px;line-height: 20px;text-align: left;font-weight: bold;border: 1px solid #990099;background: #FFCCE6;}
dl#menu dd {border: 1px solid #990099;}
dl#menu ul { margin:0; padding:0;}
dl#menu li {text-align: left;background: #FFE6F2;}
dl#menu dt a {padding-left: 5px;display: block;border: 0px none;height: 100%} 
dl#menu dt span {padding-left: 5px;color: #000099;display: block;border: 0px none;height: 100%} 
dl#menu li a {padding-left: 15px;display: block;border: 0px none;height: 100%}
dl#menu li span {padding-left: 15px;color: #000099;display: block;border: 0px none;height: 100%}
dl#menu li a:hover, dl#menu dt a:hover {background: #990099;color:#FFE6F2}
#agenda { width:190px; margin: 5px 5px 5px 5px;}
#agenda table { width:190px; border:1px solid #990099;font-size:11px}
.ag_vide { background-color:#ff99cc;}
.ag_all  { background-color:#ffcce6;}
.ag_all a {color:#990099;font-size:11px}
.ag_day  { background-color:#990099;}
.ag_day a  {color:#ffcce6;font-size:11px}
#bas_menu {height:105px;background:url('http://www.organisation-mariage.net/degrade.jpg') repeat-x;}
/* --------------------------------------------------------------------------------- */
/* recommander - imprimer etc                                                     */
/* --------------------------------------------------------------------------------- */
#facilites {margin-top:20px;text-align:center;}
#facilites a {margin-left:5px;margin-right:5px;font-size:9px;}
/* --------------------------------------------------------------------------------- */
/* divers                                                    */
/* --------------------------------------------------------------------------------- */
.form_text {color:#990099;background-color:#FFE6F2; border:1px solid #990099;}
.form_button {color:#990099;background-color:#FFE6F2; cursor:pointer;}
.label_gauche {float:left; text-align:right;width:30%;margin-right:4px;margin-left:10px;}
.tr_over {background-color:#FF99CC;}
fieldset { width:98%; margin-left:6px;}
legend {font-weight:bold;}

/* --------------------------------------------------------------------------------- */
/* pages spécifiques                                                     */
/* --------------------------------------------------------------------------------- */
/* pour page accueil                                                       */
/* --------------------------------------------------------------------------------- */
.h2g { background:#FFCCE6 url('http://www.organisation-mariage.net/h-g-1.gif') no-repeat left; font-size:11px;padding-left:20px}
.h2d { background:#FFCCE6 url('http://www.organisation-mariage.net/h-d-1.gif') no-repeat right; font-size:11px;padding-left:10px}
/* --------------------------------------------------------------------------------- */
/* pour annuaire                                                  */
/* --------------------------------------------------------------------------------- */
.annu_dep   {visibility:hidden;font-size:0px;}
.annu_titre {color:#990099;font-size:12px;font-weight:bold;}
.annu_desc  {font-size:11px;}
.annu_url   {color:#C0C0C0;font-size:9px;}

/* mots cle en bas de page*/
.motcle {font-size: 9px;color:#FF99CC;text-align:center}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*                          LYTEBOX                                                                                      */
/*------------------------------------------------------------------------------------------------------------------------------*/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer { border: 3px solid #888888; }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer { border: 3px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://www.organisation-mariage.net/lytebox/images/loading.gif) center no-repeat;
}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(http://www.organisation-mariage.net/lytebox/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev:hover, #lbPrev:visited:hover { background: url(http://www.organisation-mariage.net/lytebox/images/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(http://www.organisation-mariage.net/lytebox/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext:hover, #lbNext.grey:visited:hover { background: url(http://www.organisation-mariage.net/lytebox/images/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2, #lbNext2, #lbSpacer.grey, #lbDetailsData.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off, #lbNext2_Off { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay, #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose { background: url(http://www.organisation-mariage.net/lytebox/images/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay { background: url(http://www.organisation-mariage.net/lytebox/images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause { background: url(http://www.organisation-mariage.net/lytebox/images/pause_grey.png) no-repeat; }
.flottante {margin: 2px; float: left; width: 100px; text-align: center;}
.galerie_conteneur {width: 100%; text-align:center;}
/*------------------------------------------------------------------------------------------------------------------------------*/
