* {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-color: #FF99CC;}
#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; background-color: #FFFFFF;margin-top:50px;}
#bas p          { text-align:center;font-size:11px;}
#haut 		{ position: absolute; width: 980px; height:180px; top: 0px; z-index:2; }
#haut_gauche    { float:left;height: 210px; width: 200px;background:#FF99CC url('https://www.organisation-mariage.net/logos/logo-calque1.png') no-repeat top left; }
#haut_droite    { float:right;height: 150px; width:780px; background:#FF99CC url('https://www.organisation-mariage.net/logos/logo-calque2.png') no-repeat top left;}

.clrl { clear:left; }
.clrr { clear:right; }
.clrb { clear:both; }
.vhid {visibility:hidden;}
/* --------------------------------------------------------------------------------- */
/* haut : Connexion / pub /menu                                                       */
/* --------------------------------------------------------------------------------- */
#ban       {text-align:right; height:90px; margin:24px 4px 0px 0px; url('https://www.organisation-mariage.net/logos/omn.gif') no-repeat center left;  }

#barre_menu {clear:left;width:740px;height:24px;margin-left:40px;}
.menuh li {float: left;}
.menuh a {margin: 0px 0px 0px 2px;width: 90px;height: 20px;display: block;
          text-align: center; border: 1px solid #990099;text-decoration: none;background-color: #FFCCE6; font-weight:bold;}
.menuh a:hover {background-color:#990099;color:#FFE6F2;}
.menuh input {text-align: center;border: 1px solid #990099;}
.menuh input[type=text] { height: 17px; margin: -2px 0px 0px 2px;}
.menuh input[type=submit] { height: 22px; margin: -2px 0px 2px 0px; color:#990099; background-color: #FFCCE6;}
/* --------------------------------------------------------------------------------- */
/* barre etat                                                                        */
/* --------------------------------------------------------------------------------- */
#barre_etat  { position:relative;z-index:9;height:24px;padding-left:30px; background: url('https://www.organisation-mariage.net/logos/logo-calque3.png') no-repeat top left;}
#barre_etat a {text-decoration: none;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; font-size:14px; font-weight:bold; margin : 10px 10px 0px 10px;
     color : #990099;
     background-color:#FFCCE6;
     border-top: 1px solid #990099;border-left: 1px solid #990099;border-right: 1px solid #990099;
     -moz-border-radius: 10px 0 0 0;
	   -webkit-border-radius: 10px 0 0 0;
	   border-radius: 10px 0 0 0;
	   behavior: url(border-radius.htc);
}
h3 { margin: 10px 10px 10px 10px; font-size:12px; }
.text_cle {border: 1px solid #990099; 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:none;background:#990099;height:1px; }
.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:60px;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('https://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;}
.txtinput, .selectinput, .areainput { display:inline-block; margin-bottom:10px; border-style: solid; border-width: 1px; border-color: #999999; padding: 0px 2px 0px 4px; color: #666666;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; behavior: url('https://www.organisation-mariage.net/PIE.htc');
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
.txtinput:focus, .selectinput:focus, .areainput:focus { color: #333; border-color: rgba(153, 0, 153, 0.4); outline: 0 none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 153, 204, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 153, 204, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 153, 204, 0.6);
}
.submitbutton { width:100px; background:#FFFFFF; color:#990099; height:30px;
  -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; border: 1p solid #999999;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF99CC), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #FF99CC,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF99CC', endColorstr='#FFFFFF');
}
.submitbutton:hover {background:#990099;color:#ffffff;}

.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('https://www.organisation-mariage.net/h-g-1.gif') no-repeat left; font-size:11px;padding-left:20px}
.h2d { background:#FFCCE6 url('https://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}
.flottante {margin: 2px; float: left; width: 100px; text-align: center;}
.galerie_conteneur {width: 100%; text-align:center;}
/*------------------------------------------------------------------------------------------------------------------------------*/