/* CSS Document */

body {
	margin:0;
	background:url(images/bg-top.gif) repeat-x #f8f0e4;
	font-family:"Trebuchet MS";
	font-size:10px;
}
#superConteneur{ width:100%; height:600px; background:url(images/bg.jpg) no-repeat center 100px;}
#superConteneur #conteneur{ width:956px; margin:0 auto; position:relative; top:6px;}


/***************************************************************/
/*********************** page d'accueil ************************/
/***************************************************************/
#logo { float:left; padding:0; margin:1px 0 0 0; width:352px; height:88px; background:url(images/logo-passion-aimant.jpg) no-repeat;}
#logo h1 {margin:0; padding:0; text-indent:-5000px;}

#appel { float:right; padding:0; margin:3px 10px 0 0; text-align:right; font-size:1.5em; font-weight:bold; color:#4f3f57; }
#appel span {font-size:1.6em; color:#e14483; letter-spacing:-1px; }

ul#menu {float:left; list-style-type: none; width:495px; height:30px; padding:0; margin:6px 0 0 100px; font-size:1.5em; border-right:1px solid #a1969c;} 
ul#menu li { float:left; display:inline; margin: 0px; height:30px; border-left:1px solid #a1969c; }
ul#menu a { float:left; display:block; margin:0px; padding:4px 8px 6px 8px;  text-decoration:none; color:#4e3440;}
ul#menu a:hover { float:left; display:block; margin: 0 0px; padding:4px 8px 6px 8px;  text-decoration: none; color:#ffffff; background:#e14483; }

#flash {float:left; display:inline; margin:5px 0 0 69px; padding:22px 0 0 18px; width:869px; height:281px; background:url(images/livre.png) no-repeat; }

#bienvenue {float:left; display:inline; margin:0 0 0 29px; padding:10px 35px 0 58px; background:url(images/bg-bienvenue.gif) no-repeat; width:515px; height:237px;}	
#bienvenue h2 {margin:0 0 6px 0; padding:0; font-size:2.2em; color:#c12169; font-weight:normal; }
#bienvenue h2 span {margin:0; padding:0; font-size:0.7em; color:#4a3a52; font-weight:bold; }
#bienvenue p {margin:0; padding:0; font-size:1.2em; color:#4a3a52; line-height:1.7em; text-align:justify; }
#bienvenue h3 {margin:10px 112px 0 0; padding:0; font-size:1.5em; color:#e14483; font-weight:bold; border-bottom:1px solid #e3b0c1; }
#bienvenue p.adresse {margin:3px 0 0 0; padding:0; font-size:1.3em; color:#4a3a52; line-height:1.3em; }
#bienvenue p.adresse a {color:#4a3a52; text-decoration:none; }
#bienvenue p.adresse a:hover {color:#4a3a52; text-decoration:underline; }

#actualites { float:left; margin:0; padding:10px 11px 0 11px; width:230px; height:212px; background:url(images/bg-actualites.gif) no-repeat;}
#actualites h3 {padding:0; margin:0; color:#f5c7c9; font-size:1.8em; font-weight:normal;}
#actualites h4 {padding:0; margin:5px 0 0 0; color:#ffffff; font-size:1.4em; font-weight:bold;}
#actualites p {padding:0 0 7px 0; margin:0; color:#f5cbcd; font-size:1.2em; line-height:1.1em;}
#actualites a.lire {color:#ffffff; text-decoration:underline; text-align:right; display:block;}
#actualites a.plus {color:#ffffff; text-decoration:none; font-size:1.4em; font-weight:bold;}

#footer {clear:left; padding:7px 0 0 0; margin:7px 0 0 70px; width:820px; border-top:1px solid #dcd1c1; color:#a69782; font-size:1.2em; font-weight:bold;}
#footer a {color:#a69782; text-decoration:none; margin:0 8px;}
#footer a:hover {color:#a69782; text-decoration:underline; margin:0 8px;}


/***************************************************************/
/********************* pages de navigation *********************/
/***************************************************************/
#retourAccueil {float:right; padding:0 0 0 30px; margin:11px 8px 0 15px; width:102px; height:34px; line-height:34px; background:url(images/retour-accueil.gif) no-repeat;}
#retourAccueil a { color:#FFFFFF; font-size:1.5em; text-decoration:none;}

#titreMariage {float:left; display:inline; margin:5px 0 0 69px; padding:97px 0 59px 46px; width:775px; height:47px; background:url(images/titre-mariage.png) no-repeat; }
#titreMariage h2 {border-bottom:1px solid #e14483; margin:0px; padding:0px; width:453px; color:#4a3a52; font-size:2.0em; font-weight:normal; line-height:1.2em; }
#titreEvenements {float:left; display:inline; margin:5px 0 0 69px; padding:120px 0 59px 46px; width:775px; height:24px; background:url(images/titre-evenements.png) no-repeat; }
#titreEvenements h2 {border-bottom:1px solid #e14483; margin:0px; padding:0px; width:494px; color:#4a3a52; font-size:2.0em; font-weight:normal; line-height:1.2em; }
#titrePhotos {float:left; display:inline; margin:5px 0 0 69px; padding:120px 0 59px 46px; width:775px; height:24px; background:url(images/titre-photos.png) no-repeat; }
#titrePhotos h2 {border-bottom:1px solid #e14483; margin:0px; padding:0px; width:525px; color:#4a3a52; font-size:2.0em; font-weight:normal; line-height:1.2em; }
#titreEquipe {float:left; display:inline; margin:5px 0 0 69px; padding:120px 0 59px 46px; width:775px; height:24px; background:url(images/titre-equipe.png) no-repeat; }
#titreEquipe h2 {border-bottom:1px solid #e14483; margin:0px; padding:0px; width:552px; color:#4a3a52; font-size:2.0em; font-weight:normal; line-height:1.2em; }
#titreActualites {float:left; display:inline; margin:5px 0 0 69px; padding:120px 0 59px 46px; width:775px; height:24px; background:url(images/titre-actualites.png) no-repeat; }
#titreActualites h2 {border-bottom:1px solid #e14483; margin:0px; padding:0px; width:465px; color:#4a3a52; font-size:2.0em; font-weight:normal; line-height:1.2em; }
#titreContact {float:left; display:inline; margin:5px 0 0 69px; padding:120px 0 59px 46px; width:775px; height:24px; background:url(images/titre-contact.png) no-repeat; }
#titreContact h2 {border-bottom:1px solid #e14483; margin:0px; padding:0px; width:600px; color:#4a3a52; font-size:2.0em; font-weight:normal; line-height:1.2em; }
#titreMariage h2 span, #titreEvenements h2 span, #titrePhotos h2 span, #titreEquipe h2 span, #titreActualites h2 span, #titreContact h2 span {color:#e14483; font-size:1.2em; font-weight:normal; }

#intro {float:left; display:inline; margin:0 0 0 28px; padding:10px 20px 0 59px; background:url(images/bg-introduction.png) no-repeat; width:514px; height:82px;}	
#intro p {margin:0; padding:0; font-size:1.3em; color:#4a3a52; line-height:1.7em; text-align:justify; }
#intro p span {color:#e14483; font-size:1.2em; font-weight:bold; }

#encartContact {float:left; padding:10px 115px 0 12px; margin:0 0 0 16px; width:191px; height:105px; background:url(images/bg-encart-contact.png) no-repeat; color:#FFFFFF; font-size:1.3em; line-height:1.2em;}
#encartContact a {color:#FFFFFF; font-size:1.2em; font-weight:bold; line-height:1.6em; text-decoration:none;}
#encartContact a:hover {color:#FFFFFF; font-size:1.2em; font-weight:bold; line-height:1.6em; text-decoration:underline;}

h3.ssTitre {float:left; padding:3px 0 0 12px; margin:0 0 10px 69px; width:808px; height:28px; background:url(images/bg-sstitre.png) no-repeat top left; border-bottom:1px solid #e14483; color:#FFFFFF; font-size:1.7em; font-weight:normal;}
h3.ssTitre span {font-size:1.1em; font-weight:bold;}
h3.ssTitreActu {float:left; padding:5px 0 0 12px; margin:0 0 10px 69px; width:808px; height:26px; background:url(images/bg-sstitre-actu.png) no-repeat top left; border-bottom:1px solid #e14483; color:#FFFFFF; font-size:1.7em; font-weight:normal;}

p.texte {clear:left; font-size:1.3em; color:#4a3a52; padding:0 80px 10px 80px; margin:0; text-align:justify;}
p.texte span {color:#e14483; font-size:1.1em; font-weight:bold; }
p.texte a {color:#e14483; text-decoration:underline; }

#formuleCle {float:left; display:inline; padding:0; margin:15px 0 0 69px; width:840px;}
#formuleCle .cle {float:left; padding:0; margin:0 20px 10px 0; width:400px; height:110px;}
#formuleCle .cle h4 {float:left; padding:0; margin:0 0 5px 9px; width:292px; border-bottom:1px solid #ea91ad; color:#e14483; font-size:1.5em; font-weight:bold; line-height:1.2em;}
#formuleCle .cle p {float:left; padding:0; margin:0 0 0 9px; width:292px; color:#4a3a52; font-size:1.3em;}

#actualitesNav { clear:left; padding:0; margin:0; text-align:justify;}
#actualitesNav p {clear:left; font-size:1.3em; color:#4a3a52; padding:0 80px 10px 80px; margin:0; text-align:justify;}
#actualitesNav p.texte {clear:left; font-size:1.3em; color:#4a3a52; padding:0 80px 10px 80px; margin:0; text-align:justify;}
#actualitesNav div {clear:left; font-size:1.3em; color:#4a3a52; padding:0 80px 10px 80px; margin:0; text-align:justify;}
#actualitesNav p.texte span {color:#e14483; font-size:1.1em; font-weight:bold; }
#actualitesNav p.texte a {color:#e14483; text-decoration:underline; }
#actualitesNav .photo {float:right; position:relative; margin:0 80px 0 10px; padding:0; border:none; width:200px; height:150px;}
#actualitesNav .photo .masque {position:absolute; top:0; left:0; z-index:10; width:200px; height:150px; background:url(images/masque-photo-actu.png) no-repeat;}

#temoignages { clear:left; padding:0; margin:0; text-align:justify;}
#temoignages p {clear:left; float:left; font-size:1.3em; color:#4a3a52; padding:0 0px 10px 80px; margin:0; text-align:justify; width:335px;}
#temoignages .galerie {float:left; padding:0 0px 10px 0px; margin:0 0 0 25px; width:440px; }
#temoignages .galerie .unePhoto {float:left; position:relative; padding:0px; margin:0 10px 10px 0px; width:100px; height:75px;}
#temoignages .galerie .unePhoto .masque {position:absolute; top:0; left:0; z-index:10; width:100px; height:75px; background:url(images/masque-photo-galerie.png);}

#formulaire {clear:left; padding:0 60px 10px 80px; margin:0; text-align:justify;}
#formulaire p.chpContact { float:left; font-size:1.3em; color:#4a3a52; padding:0px; margin:0px; width:75px;}
#formulaire p.inputContact { float:left; margin:0 20px 0 0; padding:0px; color:#2e373e; width:310px; height:35px;}
#formulaire p.mention { float:left; font-size:1.3em; color:#4a3a52; padding:0px; margin:0 0 3px 0; width:780px;}
#formulaire p.textareaContact { float:left; margin:0px; padding:0px; color:#2e373e; width:790px;}
#formulaire p.message { float:left; font-size:1.3em; color:#e29f00; font-weight:bold; padding:0px; margin:0 0 15px 0; width:780px; text-align:center;}