/*		STYLES GENERAUX
---------------------------------------------------- */
/*
LIENS LISTE A PUCE AUTOPROMO :
autopromoHor => IMAGES AUTOPROMO EN LIGNE (display: block)
autopromo => IMAGES AUTOPROMO EN COLONNE (display: inline)
*/

* {
margin: 0;
padding: 0;
}
/*html, body {
height: 100%;
overflow-x: hidden; 
}*/
body {
font: normal 11px Arial, Helvetica, sans-serif;
color: #000;
background-color:#FFF;
overflow: visible;
}
html:not([lang*=""]) body {
	overflow-y: scroll;
}
img {
border: 0;
}
table {
border-collapse: collapse;
}
td {
border: 0;
}
.highlight {
font-weight: bold;
}
/*.highlight.couleur {
color: #b91734;
}*/
fieldset {
border: 0;
}
p.large {
width: 500px;
}
p.full {
width: 600px;
position:relative !important;
position:fixed;
}
div.full {
width: 622px;
}
html>body div.full p {
margin-left: 20px;
}
div.full p {
margin-left: 10px;
width: 460px;
}
div.full p,
div.full img {
float: left;
clear: both;
}
.emag p {
width: 370px;
}
p.fullOffrir {
float: left;
margin: 5px 0 0 20px;
width: 605px;
}
* html p.fullOffrir {
margin: 5px 0 0 10px;
}
h2 {
margin: 12px 0 0 20px;
padding-bottom: 5px;
width: 603px;
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
color: #8d7f8b;
border-bottom: 1px solid #8d7f8b;
}
html>body h2.select {
padding-bottom: 25px !important;
}
html>body h2 {
padding-bottom: 20px !important;
}
h2 span {
float: left;
clear: none;
}
h2 span.chevron {
float: left;
clear: none;
margin: 0 6px;
font-size: 13px;
font-weight: normal;
color: #ba1732;
}
h3 {
margin: 12px 0 0 20px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
}
p {

z-index: 111;
}
.couleur {
color: #b91734;
}
.couleurPetit {
color: #b91734;
font-size : 11px;
}
address {
font: normal 11px Arial, Helvetica, sans-serif;
text-align: left;
}
/* boutons */
.valider {
width: 100px;
height: 30px;
background: url(../images/boutons/bouton_valider.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
.retour {
width: 100px;
height: 30px;
background: url(../images/boutons/bouton_retour.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
.telecharger {
width: 100px;
height: 30px;
background: url(../images/boutons/bouton_telecharger.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
a.listeComplete {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_listeComplete.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
a.coupsCoeur {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_coupsCoeur.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
.ok {
width: 34px;
height: 24px;
background: url(../images/boutons/bouton_ok.gif) left 0 no-repeat !important;
background: url(../images/boutons/bouton_ok.gif) left 2px no-repeat;
border: 0;
cursor: pointer;
}
.okCatalogue {
width: 34px;
height: 24px;
background: url(../images/boutons/bouton_okCatalogue.gif) left 0 no-repeat !important;
background: url(../images/boutons/bouton_okCatalogue.gif) left 2px no-repeat;
border: 0;
cursor: pointer;
}
.boutonForward {
width: 34px;
height: 25px;
background: url(../images/boutons/bouton_forward.gif) left 0 no-repeat !important;
background: url(../images/boutons/bouton_forward.gif) left 2px no-repeat;
border: 0;
cursor: pointer;
}
a.imprimer {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_imprimer.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
a.ajoutList {
width: 118px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_ajoutListe.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
.ajoutReception {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_ajoutReception.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
.retireReception {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_retireReception.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
.savoirPlus {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_savoirPlus.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
a.retourListe {
width: 110px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_retourListe.gif)  0 top no-repeat;
border: 0;
cursor: pointer;
}
a.zoomGrand {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_zoomGrand.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
a.envoyerA {
width: 100px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_envoyerA.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
a.retourAccueil {
width: 111px;
height: 30px;
display: block;
background: url(../images/boutons/bouton_retourAccueil.gif) top left no-repeat;
border: 0;
cursor: pointer;
}
/* fin boutons */
/*		FIN STYLES GENERAUX
---------------------------------------------------- */

/*		LAYOUT GENERAL
---------------------------------------------------- */
#canevas {
/*width: 665px;*/
width: 640px;
height: auto;
margin-left:0px!important;
}
#global{ margin:0 auto;  width:832px; overflow: hidden;}
#globalFrame{ margin:0 auto;  width:643px; overflow: hidden;}
#globalFrameIE{ margin:0 auto;  width:640px!important; margin-left:-5px; margin:0;}
.clear { clear:both; }



/* Gauche */
#colGauche,#logo { padding-top:0px;  width:167px; background:url(../images/fond_colGauche.gif) center top repeat-y;}
#colGauche #creez, #decouvrez, #preparez, #gerez, #recherchez { padding:10px 0 10px 0px; background: url(../images/filet.gif) left top no-repeat; width:167px;}
#colGauche #logoHome{width:167px; padding-top:10px;padding-top/*\**/:0px \9;}
#colGauche #menuVisible ul li { background:url(../images/puce.gif) 15px 3px no-repeat; padding:0px 0 3px 20px; list-style: none; }
#colGauche #menuVisible ul li a { color:#fff; text-decoration:none; }
#colGauche #menuVisible ul li a:hover { font-weight:bold; }

#colGauche #creez ul  { background:url(../images/titre01.gif) left top no-repeat; padding-top:55px; margin-left:20px;}
#colGauche #creez ul li  {height: 17px;}
#colGauche #decouvrez ul  {padding-top:10px; padding-left: 20px;}
#colGauche #decouvrez img,#preparez img,#gerez img {margin-left:20px;}

#colGauche #recherchez { margin-top: 20px; background: url(../images/filet.gif) left top no-repeat; padding-left:20px; width:145px;}
#colGauche #recherchez #rechercheListe {padding-top:57px; padding-top/*\**/:53px\9; background: url(../images/recherchez.gif) left top no-repeat; width: 145px;} 
#colGauche #recherchez #rechercheListe #nom_maries {margin-left:12px; font-size:9px; background:transparent; width:98px; height:20px;height/*\**/:17px\9; border:0; line-height:10px;line-height/*\**/:20px \9; vertical-align: bottom;} 
#colGauche #recherchez #rechercheListe #submit_nom_maries { width:23px; height:22px; cursor:pointer; background:transparent;text-indent:-9999px; border:0; font-size:0; margin-left:0px; vertical-align: center;vertical-align/*\**/: bottom\9;}
#colGauche #recherchez ul{padding-top: 10px;}

/* Centre */
#div_contenu #focus { width:608px; height:341px; padding:8px; border:1px solid #e5e5e5; background:#fff url(../images/haut.jpg) center center no-repeat; margin-left:10px; }
#div_contenu #focus #focus_txt { padding:156px 0 0 270px; text-align:center;}
#div_contenu #focus #focus_txt a#creez_liste { margin:0 auto;  display:block; width:205px; height:39px; background:#fff url(../images/bout_liste.gif) center top no-repeat;}
#div_contenu #focus #focus_txt a#creez_liste:hover { background-position:bottom; }
#div_contenu #focus #focus_txt a#creez_liste span { display:none; }
#div_contenu #focus #focus_txt #form_newsletter {margin:6px 0 0 0px; vertical-align: center;}
#div_contenu #focus #focus_txt #form_offrir_maries {margin:54px 0 0 0px;}
#div_contenu #focus #focus_txt #form_newsletter input, #focus #focus_txt #form_offrir_maries input{font-size:10px; width: 169px; margin-left: 1px; height: 20px; border:0; vertical-align: middle; text-indent: 3px;}
#div_contenu #submit_offrir_maries, #submit_email {cursor:pointer; width:30px!important; height:30px!important; background:transparent; vertical-align: middle; margin:0!important;}
#div_contenu #etapes ul li { display:block; width:170px; float:left; padding:0px; }
#div_contenu #bas_home {width:606px!important; border:1px solid #e5e5e5; margin-left:12px; margin-top:10px; padding:13px 13px 30px 13px;  background:#fff url(../images/fond_bas.gif) center bottom repeat-x; line-height: 14px;}
#div_contenu #bas_home .text_bas_home {width:597px!important;}
#div_contenu #bas_home strong{ color:#000; font-family : Arial, sans-serif; font-size:11px; }
#div_contenu #bas_home ol { list-style:none; margin-left:10px; }
#div_contenu #bas_home h2 { border-bottom: 0px; }
#div_contenu #bas_home ol li { margin:6px 0; font-size:13px; color:#515151; padding-left:35px;   }
#div_contenu #bas_home ol li.item1 { background:url(../images/puce1.gif) 5px center no-repeat; }
#div_contenu #bas_home ol li.item2 { background:url(../images/puce2.gif) 7px center no-repeat; }
#div_contenu #bas_home ol li.item3 { background:url(../images/puce3.gif) 7px center no-repeat; }
#div_contenu #bas_home ol li.item4 { background:url(../images/puce4.gif) 7px center no-repeat; }
#div_contenu #bas_home ol li.item5 { background:url(../images/puce5.gif) 10px center no-repeat; }
#div_contenu #bas_home ol li.item6 { background:url(../images/puce6.gif) 9px center no-repeat; }
#div_contenu #bas_home ol li.item7 { background:url(../images/puce7.gif) 4px center no-repeat; }
#div_contenu #bas_home ol li.item8 { background:url(../images/puce8.gif) 7px center no-repeat; }
#div_contenu #bas_home ol li.item9 { background:url(../images/puce9.gif) 7px center no-repeat; }
#div_contenu #bas_home ol li.item10 { background:url(../images/puce10.gif) 0 center no-repeat; }
#div_contenu #bas_home ol li a { text-decoration:none; color:#be0f34; font-weight:bold; }
#div_contenu #titre_avantage { display:block; width:400px; height:34px; margin:0 auto 5px auto; background:url(../images/avantages.gif) center left no-repeat;}
#div_contenu #titre_avantage span { display:none; }
#div_contenu #bout_decouvrir { display:block; width:243px; margin:-15px auto 30px auto; }
#div_contenu #bloc_prospectus ul { display:block; width:450px; margin:20px auto; text-align:center;}
#div_contenu #bloc_prospectus ul li { display:block; padding:20px; }
#div_contenu #modeEmploi { margin-left:10px;}
#div_contenu .contenu { padding:20px 5px 0px 0px; }
#div_contenu .contenu p { padding:0px 0; font-size:1.2em; width:600px; margin-top : 0px;}
#div_contenu .contenu h2 { color:#b91132; font-size:2em; border:0; padding-bottom: 0px; padding-top: 0px;margin-bottom: 0px;margin-top: 0px;}
#div_contenu .img_focus { width:608px; padding:8px; border:1px solid #e5e5e5; }
#div_contenu h1 span { display:none; }
#div_contenu h1.titre_decouvrez { display:block; width:359px; height:47px; margin:12px 0;  background:url(../images/titre_decouvrez.gif) center left no-repeat;}

.avantagesNotJustify {
	text-align:left !important;	
}

#cgv-titre{
	text-align:center !important;	
}

div#entete img {
margin: 0 0 0 0;
height: 123px;
border-bottom: 1px solid #ba1732;
width:624px;
}

td#contenu {
vertical-align: top;
padding: 0;
width: 630px;

/*background: #fff url(../images/fondColDroite.jpg) top right no-repeat;*/
}

td#contenu ul li { list-style: none; }
td#piedPage {
margin: 0;
padding: 0;
background:#fff;
width: 657px;
max-height: 20px;
height: 1px;
vertical-align: bottom;
text-align: left;
}
li#contenu{
margin: 0 0 0 40px;
}
#iframe {
width: 641px;
height: 730px;
overflow: auto;
border: 0;
display: block;
}
/*		FIN LAYOUT GENERAL
---------------------------------------------------- */

/*		CONTENEUR MARTINI
---------------------------------------------------- */
/*#contenuExterne {
margin-top: 5px;
margin-left: 24px;
width: 590px;
}*/
/*		FIN CONTENEUR MARTINI
---------------------------------------------------- */

/*		MENU HORIZONTAL
---------------------------------------------------- */

ul#menu {
list-style: none;
margin: 0 0 18px 20px;
padding-bottom: 1px;
width: 603px;
height: 26px;
border-bottom: 1px solid #8d7f8b;
line-height: 28px;
vertical-align: middle;
}
ul#menu li {
float: left;
clear: none;
margin: 0 3px -2px 5px;
display: inline;
color: #8d7f8b;
background: url(../images/separateur_droit.gif) right 1px no-repeat;
}
ul#menu li a {
text-decoration: none;
color: #8d7f8b;
margin-right:8px;

}
ul#menu li.selected {
background: url(../images/menuHaut_on_droite2.gif) right 1px no-repeat;
}

* html ul#menu li.selected {
padding-top: 3px;
background: url(../images/menuHaut_on_droite2.gif) right 1px no-repeat;
}
ul#menu li.selected a,
ul#menu li.selected a:hover {
padding: 4px 10px 3px 10px;
background: url(../images/menuHaut_on_gauche.gif) left -3px  no-repeat;
font-weight: bold;
color: #b91734;
}
ul#menu li a:hover {
font-weight: normal;
color: #b91734;
}
* html ul#menu li.selected a,
* html ul#menu li.selected a:hover {
padding: 3px 10px 5px 10px;
background: url(../images/menuHaut_on_gauche.gif) left -3px  no-repeat;
font-weight: bold;
color: #b91734;
}
/*		FIN MENU HORIZONTAL
---------------------------------------------------- */

/*		HOME
---------------------------------------------------- */
img.home {
margin: 0 0 0 22px;
}

#home {
margin-left: 22px;
width : 619px;
height: 452px;
background: url(../images/home.jpg) top left no-repeat;
position:relative;
}
#home ul {
list-style: none;
float: left;
margin: 134px 0 0 22px;
width: 200px;
height: 200px;
position :relative;
}
* html #home ul {
margin: 134px 0 0 11px;
}
#home ul li {
color: #b91734;
text-decoration: none;
}
#home  a{
color: #b91734;
text-decoration: none;
}
#home ul li a#visiteGuidee {
float: left;
width : 113px;
height: 30px;
margin-left: -2px;
margin-top: 10px;
text-decoration: none;
cursor:pointer;
}

#home a#voyage {
	/*
position: absolute;
width : 111px;
height: 25px;
top:343px;
left:273px;
text-decoration: none;*/
display:none;
}

a#participez {
display:block;
position: absolute;
width:387px;
height: 295px;
top:140px;
left:242px;
text-decoration: none;
cursor:pointer;
z-index:999;
} 

/* liens autopromo */
ul#autopromo {
float: right;
list-style: none;
margin: 15px 25px 0 0;
}
* html ul#autopromo {
margin: 15px 12px 0 0;
}
ul#autopromo li {
margin-bottom: 30px;
}
ul#autopromo.liens {
margin: -210px 25px 0 0;
}
* html ul#autopromo.liens {
margin: -220px 15px 0 0;
}
ul#autopromoHor {
float: left;
clear: none;
list-style: none;
width: 620px;
margin: 0 0 0 20px;
}
ul#autopromoHor.home {
margin: 12px 0 0 14px;
}
* html ul#autopromoHor {
margin: 0 0 0 10px;
}
* html ul#autopromoHor.home {
margin: 20px 0 0 10px;
}
ul#autopromoHor li {
margin: 0 2px;
display: inline;
}
ul#autopromoHor.home li {
margin: 0 10px;
margin/*\**/: 0 8px\9;
}
ul#autopromoHor.etapes {
margin: 0 0 0 12px;
text-align: center;
}
ul#autopromoHor.etapesBas {
width: 620px;
display: block;
text-align: center;
}
* html ul#autopromoHor.etapesBas li.left {
margin-left: 105px;
}
/* fin liens autopromo */
/*		FIN HOME
---------------------------------------------------- */

/*		CONTENU CENTRAL
---------------------------------------------------- */

#div_contenu{
position:relative;
width:641px!important;
height: 699px;
}


/* b21_preparer.html */
img.accueilOutils {
margin: 0 0 20px 27px;
}
ul#autopromoHor.etapes li {
float: left;
clear: none;
width: 198px;
}
ul#autopromoHor.etapes li p {
margin-bottom: -25px;
margin-left: 15px;
width: 170px;
height: 70px;
text-align: left
}
/* fin b21_preparer.html */
/* b26_preparer.html */
html>body .illustrationEmag {
margin: -100px 30px 0 -20px;
}
html>body .illustrationEmagModif {
margin: -100px 30px 0 -20px;
}
html>body .illustrationEmagEnvoi {
float: right;
clear: none;
margin: 0px 30px 0 -100px;
width: 226px;
height: 309px;
display: block;
}
.illustrationEmag {
float: right;
clear: none;
margin: -100px 16px 0 -20px;
width: 226px;
height: 309px;
display: block;
}
.illustrationEmagModif {
float: right;
clear: none;
padding: 60px 0 0 0 !important;
padding: 0px 30px 0 0;
margin-top: -20px;
}
.illustrationEmagEnvoi {
float: right;
clear: none;
margin: -80px 16px 0 -100px;
width: 226px;
height: 309px;
display: block;
}
form#emag {
float: left;
clear: none;
padding-top: 10px;
width: 349px;
text-align: left;
}
html>body form#emag {
margin: 0 0 0 22px !important;
}
* html form#emag {
margin: -200px 0 0 12px !important;
}


form#emag fieldset.emag,
form#emag fieldset.facultatif {
float: left;
margin: 0px 0 10px 0;
padding-bottom: 12px;
border-bottom: 1px solid #8d7f8c;
width: 349px;
overflow: hidden
}
form#emag p {
float: left;
clear: both;
margin: 0 0 15px 0;
width: 349px;
text-align: left;
}
form#emag textarea {
margin: 5px 0 10px 0;
width: 379px;
height: 130px;
overflow: auto;
}
form#emag div.field{
float: left;
clear: both;
margin: 0 0 5px 17px;
width: 349px;
color: #5c5c5c;
}
form#emag div.fieldConjoint {
margin: 10px 0 10px 20px !important;
margin: 10px 0 10px 35px;
width: 309px;
color: #5c5c5c;
}
form#emag div.field label {
float: left;
clear: none;
display: block;
width: 130px;
}
form#emag div.field label#conjointField{
margin: 10px 10px 10px 0px;
}
form#emag div.field input {
float: left;
clear: none;
display: block;
width: 166px;
height: 16px;
}
form#emag div.field select,
form#emag div.field p {
float: left;
clear: none;
display: block;
width: 170px;
height: 16px;
}
form#emag div.field select#jour
{
float: left;
clear: none;
display: block;
margin-right: 2px;
width: 44px;
height: 16px;
}
form#emag div.field select#mois
{
float: left;
clear: none;
display: block;
margin-right: 2px;
width: 60px;
height: 16px;
}
form#emag div.field select#annee
 {
float: left;
clear: none;
display: block;
margin-right: 2px;
width: 60px;
height: 16px;
}
form#emag .field ul.civilite {
width: 190px;
}
form#emag .field ul.civilite li {
float: left;
clear: none;
width: 55px;
display: inline;
margin-right: 5px;
}
form#emag .field ul.civilite li label,
form#jeu777 .field ul.civilite li label {
width: 25px !important;
padding-top: 2px;
margin: 0 3px;
}
form#emag .field ul.civilite li input,
form#jeu777 .field ul.civilite li label {
float: left;
clear: none;
width: 10px !important;
}
form#emag input#inscription,
form#emag input#facultatif,
form#emag input#newsLetter {
width: 14px;
}
form#emag input#newsLetter {
width : 12px;
}
form#emag p.facultatif {
float: left;
clear: both;
margin: 5px 0 0 2px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #888888;
}
form#emag div.fieldChoix {
float: left;
clear: both;
margin: 15px 0 10px 0;
display: block;
width: 420px;
color: #5c5c5c;
}
form#emag div.fieldChoixActu {
float: left;
clear: both;
margin: 15px 0 10px 0;
display: block;
width: 500px;
color: #5c5c5c;
}
form#emag div.fieldChoixActu input {
margin: 15px  10px 0 17px;
width: 130px;
}
form#emag div.fieldChoixActu {
margin-top: 0 !important;
margin-top: -10px;
}
form#emag #facultatifBloc,
form#emag #conjointBloc {
float: left;
clear: both;
margin-top: 20px;
}
form#emag #facultatifBloc div.field,
form#emag #conjointBloc div.field {
margin-left: 20px !important;
margin-left: 17px;
margin-left: 17px;
}
form#emag div.fieldChoix input#emag,
form#emag div.fieldChoix input#conjoint,
form#emag div.fieldChoix input#inscription,
form#emag div.fieldChoix input#facultatif {
width: 16px;
margin: 10px 5px 0 0;
}
html>body form#emag #facultatifBloc textarea#adresse {
margin: 0 0 0 -0;
width: 168px;
}
form#emag #facultatifBloc textarea#adresse {
margin: 0 0 0 -2px;
width: 166px;
height: 47px;
}
form#emag #facultatifBloc,
form#emag .actions {
position: relative;
z-index: 100;	
}
#contenu.emag .notaBene {
clear: both;
margin: 5px 0 15px 24px;
width: 600px;
font-size: 10px;
color: #8d7f8b
}
form#emagEnvoi .actions,
form#emag .actions {
margin: 20px 0 0 0;
width: 355px;
}
html>body form#emag .actions .valider {
margin: 0 -5px 0 0;
}

/*
 form emagModif 
 */
form#emagModif {
float: left;
clear: none;
padding-top: 10px;
width: 349px;
text-align: left;
}
html>body form#emagModif {
margin: 0 0 0 22px !important;
}

form#emagModif fieldset.emag,
form#emagModif fieldset.facultatif {
float: left;
margin: 0px 0 10px 0;
padding-bottom: 12px;
border-bottom: 1px solid #8d7f8c;
width: 349px;
overflow: hidden
}
form#emagModif p {
float: left;
clear: both;
margin: 0 0 15px 0;
width: 349px;
text-align: left;
}
form#emagModif textarea {
margin: 5px 0 10px 0;
width: 379px;
height: 130px;
overflow: auto;
}
form#emagModif div.field {
float: left;
clear: both;
margin: 0 0 5px 17px;
width: 349px;
color: #5c5c5c;
}
form#emagModif div.fieldConjoint {
margin: 10px 0 10px 20px !important;
margin: 10px 0 10px 35px;
width: 309px;
color: #5c5c5c;
}
form#emagModif div.field label {
float: left;
clear: none;
display: block;
width: 130px;
}
form#emagModif div.field label#conjointField{
margin: 10px 10px 10px 0px;
}
form#emagModif div.field input {
float: left;
clear: none;
display: block;
width: 166px;
height: 16px;
}
form#emagModif div.field select,
form#emagModif div.field p {
float: left;
clear: none;
display: block;
width: 170px;
height: 16px;
}
form#emagModif div.field select#jour {
float: left;
clear: none;
display: block;
margin-right: 2px;
width: 44px;
height: 16px;
}
form#emagModif div.field select#mois {
float: left;
clear: none;
display: block;
margin-right: 2px;
width: 60px;
height: 16px;
}
form#emagModif div.field select#annee {
float: left;
clear: none;
display: block;
margin-right: 2px;
width: 60px;
height: 16px;
}
form#emagModif .field ul.civilite {
width: 190px;
}
form#emagModif .field ul.civilite li {
float: left;
clear: none;
width: 55px;
display: inline;
margin-right: 5px;
}
form#emagModif .field ul.civilite li label {
width: 25px !important;
padding-top: 2px;
margin: 0 3px;
}
form#emagModif .field ul.civilite li input {
float: left;
clear: none;
width: 10px !important;
}
form#emagModif input#inscription,
form#emagModif input#facultatif,
form#emagModif input#newsLetter {
width: 14px;
}
form#emagModif input#newsLetter {
width : 12px;
}
form#emagModif p.facultatif {
float: left;
clear: both;
margin: 5px 0 0 2px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #888888;
}
form#emagModif div.fieldChoix {
float: left;
clear: both;
margin: 15px 0 10px 0;
display: block;
width: 420px;
color: #5c5c5c;
}
form#emagModif div.fieldChoixActu {
float: left;
clear: both;
margin: 15px 0 10px 0;
display: block;
width: 500px;
color: #5c5c5c;
}
form#emagModif div.fieldChoixActu input {
margin: 15px  10px 0 17px;
width: 130px;
}
form#emagModif div.fieldChoixActu {
margin-top: 0 !important;
margin-top: -10px;
}
form#emagModif #facultatifBloc,
form#emagModif #conjointBloc {
float: left;
clear: both;
margin-top: 20px;
}
form#emagModif #facultatifBloc div.field,
form#emagModif #conjointBloc div.field {
margin-left: 20px !important;
margin-left: 17px;
margin-left: 17px;
}
form#emagModif div.fieldChoix input#emag,
form#emagModif div.fieldChoix input#conjoint,
form#emagModif div.fieldChoix input#inscription,
form#emagModif div.fieldChoix input#facultatif {
width: 16px;
margin: 10px 5px 0 0;
}
html>body form#emagModif #facultatifBloc textarea#adresse {
margin: 0 0 0 -0;
width: 168px;
}
form#emagModif #facultatifBloc textarea#adresse {
margin: 0 0 0 -2px;
width: 166px;
height: 47px;
}
form#emagModif #facultatifBloc,
form#emagModif .actions {
position: relative;
z-index: 100;	
}
#contenu.emag .notaBene {
clear: both;
margin: 5px 0 15px 24px;
width: 600px;
font-size: 10px;
color: #8d7f8b
}
form#emagEnvoi .actions,
form#emagModif .actions {
margin: 20px 0 0 0;
width: 355px;
}
html>body form#emagModif .actions .valider {
margin: 0 -5px 0 0;
}
/* fin b26_preparer.html */
/* b31_preparer.html */
div.etape,
div.etape div {
clear: both;
margin: 5px 0 10px 20px;
width: 600px;
}
div.etape div {
margin-left: 0;
}
html>body div.etape p.full {
float: inherit;
clear: both;
display: block;
}
div.etape h3 {
float: left;
clear: both;
margin: 10px 0 5px 0;
padding: 0 0 3px 0;
width: 358px;
font: bold 11px Arial, Helvetica, sans-serif; 
border-bottom: 1px solid #8d7f8c;
}
div.etape table.perso {
position: relative;
z-index: 100;
float: right;
width: 220px;
margin: -40px 0 5px 0;
}
div.etape table.perso td {
vertical-align: top;
text-align: right;
}
div.etape h4,
div.etape p,
div.etape div p {
margin: 0;
}
div.etape h4 {
float: left;
clear: none;
margin: 10px 0 5px 0;
padding: 0 0 3px 0;
width: 355px;
font: bold 11px Arial, Helvetica, sans-serif; 
color: #b91734;
border-bottom: 1px solid #8d7f8c;
overflow: visible;
}
div.etape h4 span {
width: 500px;
display: block;
}
div.etape p,
div.etape div p {
float: left;
clear: none;
text-align: justify;
}
div.etape img.illustrationEtape,
div.etape div img.illustrationEtape {
float: left;
clear: none;
margin: 10px 10px 0 0;
}
table.texteIllustrationEtape {
width: 600px;
}
table.texteIllustrationEtape td {
vertical-align: top;
}
p.texteIllustrationEtape {
width: 100%;
float: right;
clear: none;
text-align: left !important;
margin-left: 10px;
}
/* b31_preparer.html */
/* b33_preparer.html */
form#rechercheReception {
margin: 0 0 0 22px;
width: 590px;
border: 1px solid #8d7f8b;
}
form#rechercheReception div {
float: left;
clear: none;
margin: 16px 0 0 11px !important;
margin: 16px 0 0 6px;
width: 225px;
height: 68px;
}
form#rechercheReception div label {
float: left;
padding-bottom: 6px;
font-weight: bold;
color: #b91734;
}
form#rechercheReception select {
border-top: 1px solid #000;
border-bottom: 1px solid #ccc;
border-left: 1px solid #000;
width: 225px;
height: 68px;
}
form#rechercheReception select option {
padding-left: 5px;
}
form#rechercheReception div.actions {
float: left;
clear: none;
margin: 35px 0 0 4px !important;
margin: 35px 1px 0 4px;
width: 100px;
height: 68px;
}

form#rechercheReception div.valid {
float: left;
clear: both;
display: block;
margin: 0 0 20px 0;
padding-bottom: 20px;
width: 580px;
height: 30px;
text-align: right;
}
html>body form#rechercheReception div.valid .valider{
margin: 0 20px 0 0;
}
/* fin b33_preparer.html */
/* b34_preparer.html */
html>body div.resultRecherche {
float: left;
clear: both;
margin: 10px 0 0 24px;
width: 600px;
}
* html div.resultRecherche {
float: left;
clear: both;
margin: 10px 0 0 12px;
width: 600px
}
/*
div.resultRecherche span {
float: left;
clear: none !important;
}*/
div.resultRecherche .paging {
float: right;
clear: none !important;
margin: 0 10px 0 0 !important;
margin: 0 5px 0 0;
font-weight: bold;
}
div.resultRecherche .paging span {
color: #af9aad;
}
div.resultRecherche .paging a {
color: #000;
}
div.resultatRecherche {
float: left;
clear: both;
width: 590px;
height: 93px;
margin: 10px 0 10px 22px !important;
margin: 10px 0 10px 10px;
display: block;
background: #eee8ec;
border: 1px solid #bdb6be;
}
div.resultatRecherche div.illustration {
float: left;
clear: none;
margin: 10px;
width:97px;
height:73px;
}
div.resultatRecherche img.illustration {
width : 97px;
height:73px;
}
div.resultatRecherche div.coordonnees {
float: left;
clear: none;
height: 100%;
border-left: 1px solid #bdb6be;
}
div.resultatRecherche div.coordonnees h3 {
margin: 8px 0 0 20px;
color: #887088;
}
div.resultatRecherche div.field {
margin-left: 20px;
width: 322px!important;
width: 305px;
}
div.resultatRecherche a.savoirPlus {
float: right;
margin: 50px 20px 0 0;
}
div.resultatRecherche a.savoirPlus span {
position: absolute;
left: -500px;
}
/* fin b34_preparer.html */
/* b34_preparer_detail.html */
.etapeMariage{
	margin-left:50px;
}

form#selectEtape {
float: left;
clear: none;
margin-left: 10px;
width: 180px;
}
form#selectEtape select {
width: 100px;
height: 16px;
color: #b91734
}
a.retourListe {
margin-left: 20px;
}
* html a.retourListe {
margin-left: 10px;
}

ul#liensDetails {
float: left;
clear: none;
list-style: none;
margin: 0 0 0 10px;
width: 124px;
text-align: center
}

ul#liensDetails li a img.illustration {
border: 1px solid #000;
}
ul#liensDetails li a.imprimer {
margin-top: 20px;
}
html>body ul#liensDetails li a.zoomGrand,
ul#liensDetails li a.imprimer,
ul#liensDetails li a.retourListe,
ul#liensDetails li a.envoyerA {
margin-left: 10px;
}

ul#liensDetails span {
position: absolute;
left: -500px;
}
div#details {
float: left;
clear: none;
width: 440px;
margin-left: 20px;
}
div#details p {
float: left;
clear: none;
width: 440px;
margin: 0;
padding: 0;
text-align: justify;
}
div#details h4 {
float: left;
clear: both;
margin: 0 0 10px 0 ;
font: bold 11px Arial, Helvetica, sans-serif;
color: #867086;
}
div#details h5 {
float: left;
clear: both;
margin: 10px 0 0 0 ;
font: bold 11px Arial, Helvetica, sans-serif;
color: #b91734;
}
div#details div.field {
float: left;
clear: both;
width: 440px;
}
div#details span {
float: left;
clear: none;
display: block;
width: 328px;
}
div#details span.libelle {
float: left;
clear: none;
width: 110px;
}
/* fin b34_preparer_detail.html */
/* c21_ouvrir.html */
div#etapes {
float: left;
clear: none;
width: 352px;
}
div#etapes h3,
div#etapes h4,
div#etapes p {
width: 350px;
margin-left: 24px;
text-align : justify;
}
div#etapes h3.full {
width: 600px;
}
div#etapes p.full {
width: 600px;
}
div#etapes h4 {
display: block;
margin-top: 14px;
font: bold 11px Arial, Helvetica, sans-serif; 
color: #b91734;
border-bottom: 1px solid #8d7f8c
}
/* fin c21_ouvrir.html */
/* c23_ouvrir.html */
div#etapes img {
margin: 10px 0 0 24px;
}
div#etapes p {
margin: 5px 0 0 24px;
}


/* c24_ouvrir.html */
div#magasins {
float: left;
clear: none;
width:380px;
}
div#magasins div.magasins {
float: left;
clear: none;
margin: 10px 0 10px 0;
padding: 0;
width: 350px;
height: auto;
}
div#magasins div.magasins img {
float: left;
clear: none;
margin-right: 10px;
}
div#magasins div.magasins p {
width: 350px;
}
div#magasins  h4 {
margin: 10px 0 0 24px;
padding: 0 0 3px 0;
width: 349px;
font: bold 11px Arial, Helvetica, sans-serif; 
color: #b91734;
border-bottom: 1px solid #8d7f8c;
}
div#magasins form#selectVille {
margin: 10px 0 0 24px;
width: 350px;
}
div#magasins form#selectVille label {
margin: 10px 0 0 0;
}
div#magasins form#selectVille select {
margin: 10px 0 10px 45px;
width : 160px;
}
div#magasins address {
float: left;
margin: 10px 0 0 24px;
padding: 10px 0 10px 45px;
width: 304px;
}
div#magasins address#separateur {
border-bottom: 1px solid #8d7f8c;
}
* html div#magasins address {
margin: 10px 0 0 10px;
width: 309px;
}
div#magasins div.reducSup {
float: left;
clear: none;
margin: 10px 0 0 0;
padding: 0;
width: 349px;
height: auto;
}
* html div#magasins div.reducSup p {
width: 350px;
}
div#magasins div.reducSup img {
float: left;
clear: none;
margin-right: 10px;
}
div#magasins div.reducSup span.note {
float: left;
margin: 0;
font-size: 10px;
}
/* fin c24_ouvrir.html */
/* c25_ouvrir.html */
div#magasins div.magasins p strong.couleur{
font-size: 11px;
}
div#magasins div.magasins p span.note {
margin: -7px 0 10px 0;
}
html>body div#magasins div.magasins h4 {
float: left;
clear: both;
margin-top: -5px;
width: 349px;
height: 36px;
}
* html div#magasins div.magasins h4 {
margin-top: 0;
width: 349px;
}
div#magasins div.magasins span {
float: left;
clear: none;
margin-top: 18px;
}
div#magasins div.magasins h4 img {
float: right !important;
clear: none;
margin-right: 0 !important;
}
div#magasins div.magasins p {
float: inherit;
margin: 5px 0 0 24px;;
}
/* fin c25_ouvrir.html */
/* c32_catalogue.html */
div.actionsCatalogue {
float:left;
clear: both;
margin: 5px 0 25px 0;
width: 610px;
height: 25px;
display: block;
}
div.actionsCatalogue a.imprimer {
float: left;
clear: none;
}
div.actionsCatalogue a.ajoutList {
float: right;
clear: none;
margin-right: 10px;
}
div.actionsCatalogue a.imprimer span,
div.actionsCatalogue a.ajoutList span {
position: absolute;
left: -500px;
}
h2.catalogSection {
margin: 0 0 20px 0;
font-size: 15px;
}
table#catalogNavigation a {
background: url(../images/puce_catalogNavigation.gif) 5px left no-repeat;
}
#catalogNavigationForm p {
width: 570px;
}
p#paging {
margin: 0 0 0 120px;
}
/* fin c32_catalogue.html */
/* contact.html */
div.contact .illustration {
float: left;
clear: none;
width: 178px;
}
form#contact {
float: left;
clear: none;
margin: 47px 0 0 35px;
width: 417px;
text-align: left;
}
form#contact p {
float: left;
clear: none;
margin: 0 0 15px 0;
width: 417px;
text-align: left;
}
form#contact textarea {
margin: 5px 0 10px 0;
width: 379px;
height: 130px;
overflow: auto;
}
html>body form#contact div.field {
float: left;
clear: none;
margin: 0 0 5px 30px;
width: 350px;
color: #5c5c5c
}
* html form#contact div.field {
float: left;
clear: none;
margin: 0 0 5px 15px;
width: 390px;
color: #5c5c5c;
}
form#contact div.field label {
float: left;
clear: none;
display: block;
width: 130px;
}
form#contact div.field input {
float: left;
clear: none;
display: block;
width: 166px;
height: 16px;
}
form#contact .field ul.civilite {
width: 190px;
}
form#contact .field ul.civilite li {
float: left;
clear: none;
width: 55px;
display: inline;
margin-right: 5px;
}
form#contact .field ul.civilite li label {
width: 25px !important;
padding-top: 2px;
margin: 0 3px;
}
form#contact .field ul.civilite li input {
float: left;
clear: none;
width: 10px !important;
}
form#contact input#facultatif,
form#contact input#newsLetter {
width: 14px;
}

form#contact fieldset.newsLetter,
form#contact fieldset.facultatif {
float: left;
margin: 15px 0 0 0;
padding-bottom: 12px;
width: 387px;
overflow: hidden
}
form#contact fieldset.checkbox {
margin: 0px 0 0 30px;
padding-top: 6px;
padding-bottom: 6px;
}
form#contact fieldset.facultatif p.facultatif {
margin: 5px 0 0 2px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #888888;
}
form#contact fieldset.facultatif div.field {
width: 360px;
}
form#contact fieldset.newsLetter div.fieldChoix
form#contact fieldset.facultatif div.fieldChoix {
float: left;
clear: both;
margin: 15px 0 0 0;
display: block;
width: 360px;
}
form#contact fieldset.newsLetter div.fieldChoix input#newsLetter
form#contact fieldset.facultatif div.fieldChoix input#facultatif {
width: 16px;
margin: 0 5px 0 37px;
}
form#contact textarea#adresse {
width: 166px;
height: 47px;
}
* html form#contact fieldset.facultatif div.field {
float: left;
clear: none;
margin: 0 0 5px 20px;
width: 390px;
color: #5c5c5c;
}
* html form#contact fieldset.facultatif div.field label {
width: 118px
}
html form#contact fieldset.facultatif div.field input {
width: 166px
}
html form#contact fieldset.facultatif div.field select {
width: 170px
}
* html form#contact fieldset.facultatif div.field input {
margin-left: 3px;
}
form#contact .actions {
margin-top: 5px;
width: 390px;
}
form#contact div.fieldChoixActu {
float: left;
clear: none;
margin: 0px 0 0px 0;
display: block;
width: 600px;
color: #5c5c5c;
}



form#contact div.fieldChoixActu input {
margin: 0px  0px 0 0;
width: 30px;
}


form#contact div.field label {
float: left;
clear: none;
display: block;
width: 130px;
}

/* fin contact.html */
/* d11_ouvrir.html */
p.chapo {
margin: 18px 0 18px 23px;
width: 370px;
font-size: 11px;
}
p.chapo .highlight {
font-weight: bold;
color: #b91734;
}
#canevas ul#steps {
list-style: none;
float: right;
clear: both;
margin: 6px 36px 0 0;
}
* html #canevas ul#steps {
margin: 6px 32px 0 0;
}
#canevas ul#steps li {
width: 14px;
height: 14px;
background: #ded8dc;
font: normal 11px Arial, Helvetica, sans-serif;
color: #8d7f8b;
text-align: center;
}
* html #canevas ul#steps li {
margin: 0 4px;
padding: 0 1px 0 4px;
}
#canevas ul#steps li.current {
background: #b91734;
color: #fff;
}
#canevas ul#steps li.libelle {
background: #fff !important;
color: #b91734
}
form#ouvrir {
float: left;
clear: none;
margin: 0 0 0 23px !important;
margin: 0 0 0 11px;
width: 391px;
height: 248px;
border: 1px solid #8d7f8c;
}
form#ouvrir label {
float: left;
clear: both;
margin: 12px 0 10px 59px;
width: 350px;
font-size: 11px;
color: #5a5059;
}
html>body form#ouvrir p {
float: left;
clear: both;
margin: 0 0 0 90px;
width: 280px;
}
* html form#ouvrir p {
float: left;
clear: both;
margin: 0 0 0 45px;
width: 280px;
}
form#ouvrir p .highlight {
color: #b91734;
}
form#ouvrir select {
border: 1px solid #8d7f8c;
height: 17px;
}
form#ouvrir #type,
form#ouvrir #magasin {
width: 200px;
}
form#ouvrir #date,
form#ouvrir #annee {
width: 50px;
}
form#ouvrir #mois {
width: 80px;
}
form#ouvrir .valider {
margin: 23px 0 0 200px;
}
.notaBene {
clear: both;
margin: 5px 0 15px 24px;
width: 500px;
font-size: 10px;
color: #8d7f8b
}
.notaBene .highlight {
font-weight: normal;
color: #b91734;
}
/* fin d11_ouvrir.html */
/* d12_ouvrir.html */
form#coordonnees {
float: left;
margin: 5px 0 0 20px !important;
margin: 5px 0 0 10px;
width: 605px;
}
form#coordonnees .gauche {
float: left;
margin-left: 0;
width: 284px;
text-align: right;
}
form#coordonnees .gauche h3,
form#coordonnees .droite h3 {
margin: 0 0 10px 0;
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
color: #b91734;
text-align: left;
border-bottom: 1px solid #8d7f8b;
}
form#coordonnees div.field {
float: left;
margin: 0 0 3px 0; 
}
form#coordonnees label {
float: left;
clear: none;
width: 112px;
display: block;
text-align: right;
}
form#coordonnees span.spacer,
form#coordonnees span.highlight {
float: left;
clear: none;
width: 40px;
display: block;
color: #b91734;
text-align: left;
}
form#coordonnees sup {
color: #b91734;
}
form#coordonnees div.field input {
clear: none;
width: 123px;
}
form#coordonnees div.field select {
clear: none;
width: 127px;
}
form#coordonnees div.gauche,
form#coordonnees div.droite {
float: left;
}
form#coordonnees div.droite {
width: 321px;
}

form#coordonnees div.login,
form#coordonnees div.photo {
float: left;
clear: both;
margin-left: 0px;
width: 605px;
}
form#coordonnees .login h3,
form#coordonnees .photo h3 {
margin: 10px 0 10px 0;
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
color: #b91734;
text-align: left;
border-bottom: 1px solid #8d7f8b;
}
form#coordonnees div.photo label {
float: left;
clear: both;
margin-left: 44px;
width: 320px;
display: block;
text-align: left;
}
div.actions {
float: left;
margin: 25px 0 25px 0;
width: 610px;
height: 25px;
display: block;
}
div.actions #retour {
margin: 0px 0 25px 20px;
float: left;
clear: none;
}
div.actions #valider {
float: right;
clear: none;
}
/* fin d12_ouvrir.html */
/* d13_ouvrir.html */
.field ul {
float: left;
clear: none;
list-style: none;
margin: 0;
width: 120px;

}
.field ul li {
float: left;
clear: none;
display: inline;
margin: 0;
}
.field ul li label,
.field ul li input {
float: left;
clear: none;
}
.field ul.choix li label {
width: 20px !important;
padding-top: 2px;
}
.field ul.choix li input {
width: 10px !important;
margin: 0 5px;
}
/* fin d13_ouvrir.html */
/* d14_ouvrir.html */
textarea#cgu {
margin-left: 14px;
width: 570px;
height: 215px;
}
#telecharger {
float: right;
clear: none;
margin: 10px 18px 0 0;
}
div.accept {
width: 600px;
}
div.accept input {
float: left;
clear: none;
margin: 2px -15px 0 110px !important;
margin: 0 -15px 0 110px;
width: 15px;
}
div.accept label {
float: left;
clear: none;
width: 350px !important;
height: 12px;
}
/* fin d14_ouvrir.html */
/* d15_ouvrir.html */
p {
clear: none;
margin-left: 22px;
width: 350px;
}
/* fin d15_ouvrir.html */
/* e10_gerer.html */
form#forgotPasswordForm.simple {
margin: 0 0 0 41px;
width: 525px;
height: 185px;
border: 1px solid #8d7f8b;
}
form#forgotPasswordForm.simple fieldset {
padding: 0;

}
form#forgotPasswordForm.simple legend {
padding: 12px 0 10px 125px;
font-size: 11px;
}
form#forgotPasswordForm.simple p {
margin: 2px 0 12px 0;
width: 525px;
display: block;
font-size: 11px;
text-align: center;
}
form#forgotPasswordForm.simple p.login,
form#forgotPasswordForm.simple p.password {
margin: 0;
padding-right: 130px;
width: 385px;
text-align: right;
}
form#forgotPasswordForm.simple p.login input#champLogin,
form#forgotPasswordForm.simple p.password input#password {
width: 205px;
height: 16px;
}

form#forgotPasswordForm.simple .valider {
float: right;
margin-right: 140px;
}
/* fin e10_gerer.html */
/* e11_gerer.html */
a.accueilGestion {
margin-left: 9px;
color: #716c6d;
}
.illustrationAccueilGestion {
float: right;
clear: none;
margin: -241px 34px 25px 0;
width: 300px;
height: 251px;
display: block;
background: url(../images/accueilGestion.jpg) top left no-repeat;
position: relative;
z-index: 1;
}
* html .illustrationAccueilGestion {
margin: -241px 17px 25px 0;
}
/* fin e11_gerer.html */
/* e22_gerer.html */
form#listeAmis.simple {
margin: 0 0 0 40px;
width: 533px;
border: 1px solid #8d7f8b;
}
form#listeAmis.simple p {
margin: 0 30px 10px 30px;
width: 470px;
text-align: center;
}
form#listeAmis.simple p .highlight.couleur {
float: left;
clear: both;
margin-bottom: 15px;
width: 470px;
text-align: center;
}
form#listeAmis.simple div.gauche {
margin:0 30px 10px 55px;
}
* html form#listeAmis.simple div.gauche {
margin:0 30px 0 30px;
}
form#listeAmis.simple div.gauche,
form#listeAmis.simple div.gauche p {
width: 177px;
float: left;
clear: none;
}
form#listeAmis.simple div.droite,
form#listeAmis.simple div.droite p {
float: left;
clear: none;
width: 177px;
}
form#listeAmis.simple div.droite {
margin:0 0 10px 40px;
}
* html form#listeAmis.simple div.droite {
margin:0 0 0 40px;
}
form#listeAmis.simple div.gauche p input,
form#listeAmis.simple div.droite p input {
width: 145px;
}
form#listeAmis.simple p.champsAmis {
margin: 0;
}
form#listeAmis.simple p.textarea {
margin-top: 10px;
width: 420px;
text-align: left;
}
html>body form#listeAmis.simple p.textarea {
margin-left: 55px;
}
* html form#listeAmis.simple p.textarea label {
margin-left: 30px;
}
form#listeAmis.simple p.textarea textarea#message {
width: 420px;
height: 85px;
}
.highlightCouleur {
font-weight: bold;
color: #b91734;
}
/* fin e22_gerer.html */
/* e24_gerer.html */
div.actionsReleve {
float:left;
clear: both;
margin: 16px 0 25px 0;
width: 610px;
height: 25px;
display: block;
}
div.actionsReleve a.imprimer {
float: left;
clear: none;
}
div.actionsReleve a.retour {
float: left;
clear: none;
margin-right: 10px;
}
div.actionsReleve a.imprimer span,
div.actionsReleve a.retour span {
position: absolute;
left: -500px;
}
/* fin e24_gerer.html */
/* e25_gerer.html */
.field.avatar img.avatar {
margin-left: 74px;
float: left;
clear: none;
}
.field.avatar input {
float: right;
clear: none;
margin: 50px 70px 0 0 !important;
margin: 50px 0 0 0;
}
/* fin e25_gerer.html */
/* f11_offrir.html */
div.modeEmploi {
float: left;
clear: both;
margin: 15px 0 0 20px !important;
margin: 15px 0 0 10px;
height: 360px;
display: block;
background: url(../images/fondModeEmploi.jpg) top left no-repeat;
}
div.modeEmploi h3 {
margin: 49px 0 20px 183px;
}
div.modeEmploi p {
margin: 0 0 20px 183px;
width: 208px;
text-align: justify;
}
/* fin f11_offrir.html */
/* f21_offrir.html */
.numeroVert {
font-weight: bold;
color: #488a17;
}
form#rechercheListe.simple {
margin: 0 0 0 22px;
width: 590px;
border: 1px solid #8d7f8b;
}
form#rechercheListe.simple p {
margin: 0 30px 10px 30px;
width: 523px;
text-align: left;
}
form#rechercheListe div {
margin: 0 155px 5px 0;
text-align: right;
}
form#rechercheListe select {
border: 1px solid #8d7f8c;
height: 17px;
}

form#rechercheListe #date {
margin-left: 17px;
width: 50px;
}
form#rechercheListe #annee {
margin-right: 1px;
width: 50px;
}
form#rechercheListe #mois {
width: 80px;
}
form#rechercheListe .valider {
margin: 0 0 10px 200px;
}
/* fin f21_offrir.html */
/* f23_offrir.html */
form#cadeauListe.simple {
margin: 0 0 0 22px;
width: 590px;
border: 1px solid #8d7f8b;
}
div.cadeaux {
margin: 0 0 0 100px !important;
width: 450px;
line-height: 30px;
vertical-align: middle;
}
div.cadeaux a.coupsCoeur,
div.cadeaux a.listeComplete,
div.cadeaux span {
float: left;
clear: none;
margin-left: 10px;
}
a.coupsCoeur span,
a.listeComplete span {
position: absolute;
left: -500px;
}
form#cadeauListe.simple p {
margin: 0 15px 15px 15px;
width: 550px;
text-align: left;
}
form#cadeauListe div {
margin: 0 290px 5px 0;
text-align: right;
}
form#cadeauListe div label {
margin: 0 10px 0 0;
font-weight: bold;
}
form#cadeauListe div.actions {
float: right;
width: 350px;
margin: 0 50px 5px 0;
text-align: right;
}
form#cadeauListe div.actions .montant {
margin: 2px 5px 0 5px;
width: 55px;
height: 16px;
}
form#cadeauListe div.actions .valider {
margin: 0 0 -2px 25px;
}

/* fin f23_offrir.html */
/* zoomPopup.html */
body#popup {
margin: 0;
padding: 0;
background: url(../images/fondPopup.gif) top left no-repeat;
}
body#popup h1 {
margin: 20px 0 0 24px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
}
body#popup a.close {
position: absolute;
right: 10px;
top: 10px;
}
body#popup img.zoomPopup {
position: absolute;
left: 24px;
top: 50px;
width : 449px;
height : 338px;
}
/* fin zoomPopup.html */
/* voyage */
ul#voyage {
list-style: none;
margin: 5px 0 0 23px;
width: 400px;
}
ul#voyage li {
position: relative;
float: left;
clear: none;
width: 100px !important;
width: 90px;
height: 130px;
vertical-align: bottom;
}
ul#voyage li img {
margin: 0;
}
ul#voyage li p {
margin-bottom: 32px;
}
ul#voyage li p,
ul#voyage li a img {
margin-left: 2px;
position: absolute;
bottom: 0;
width: 85px;
text-align: left;
}
/* fin voyage */
/* bebloom */
div#bebloom {
float: left;
clear: both;
margin-left: 18px !important;
margin-left: 9px;
}
div#bebloom table {
float: left;
clear: both;
width: 600px;
margin: 5px 0;
border: 1px solid #ccc;
}
div#bebloom table td.description {
padding: 0 5px;
}
div#bebloom table td.description .prix {
font-weight: bold;
margin-left: 0;
}
div#bebloom td.actions {
width: 70px;
}
div#bebloom ul {
padding-right: 5px;
}
div#bebloom ul li {
list-style: none;
}
/* fin bebloom */
/*		FIN CONTENU CENTRAL
---------------------------------------------------- */

/*		MENU FOOTER
---------------------------------------------------- */
ul.piedPage {
list-style: none;
margin: 0 0 0 23px;
padding-top: 4px;
width: 603px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #8d7f8b;
border-top: 1px solid #8d7f8b;
}
ul.piedPage li {
display: inline;
margin-right: 3px;
font-size: 10px;
text-decoration: none;
}
ul.piedPage li.emag {
margin-left: 15px;
}
ul.piedPage li.emag a,
ul.piedPage li.contact a {
color: #524a51;
font-weight: bold !important;
}
ul.piedPage li.viePrivee a,
ul.piedPage li.cgv a {
color: #8d7f8b;
font-weight: bold !important;
}
ul.piedPage li a {
text-decoration: none;
}
/*		FIN MENU FOOTER
---------------------------------------------------- */

/*		STYLES SURCHARGES
---------------------------------------------------- */
/*     C32_CATALOGUE.HTML     */
h2.catalogSection,
h3.catalogSection,
#catalogNavigation,
#catalogNavigationForm,
#catalogProducts {
width: 590px !important;
margin-left: 0 !important;
}
h2.catalogSection {
border: 0;
}
/*		FIN STYLES SURCHARGES
---------------------------------------------------- */

/*		STYLES POUR L'ETAPE "LISTE DE MARIAGE"
---------------------------------------------------- */
#wanted{
position:relative;
background: url(../images/liste_mariage/wanted.jpg) bottom right no-repeat;
width:605px !important;
width:601px;
height:248px;
margin:10px 0px 10px 0px;
}

#bling{
position:relative;
background: url(../images/liste_mariage/bling.jpg) bottom right no-repeat;
width:605px !important;
width:601px;
height:248px;
margin:10px 0px 10px 0px;

}

#electro{
position:relative;
background: url(../images/liste_mariage/electro.jpg) bottom right no-repeat;
width:605px !important;
width:601px;
height:248px;
margin:10px 0px 10px 0px;
}

#robinsonnades{
position:relative;
background: url(../images/liste_mariage/robinsonnades.jpg) bottom right no-repeat;
width:605px !important;
width:601px;
height:248px;
margin:10px 0px 10px 0px;
}

#peche{
position:relative;
background: url(../images/liste_mariage/peche.jpg) bottom right no-repeat;
width:605px !important;
width:601px;
height:248px;
margin:10px 0px 10px 0px;
}

#wanted div.text_droit,
#bling div.text_droit,
#electro div.text_droit,
#robinsonnades div.text_droit,
#peche div.text_droit{
position:absolute;
right:0px;
bottom:50px;
width:275px;
text-align:justify;
margin:10px  15px 10px 0px !important;
margin:10px  15px 10px 0px ;
padding:0px;
}

#wanted ul ,
#bling ul ,
#electro ul ,
#robinsonnades ul ,
#peche ul {
	margin:15px 0px 10px 0px;
}

#wanted ul li,
#bling ul li,
#electro ul li,
#robinsonnades ul li,
#peche ul li{
	color:#BA1734;
}

#wanted .bouton,
#bling .bouton,
#electro .bouton,
#robinsonnades .bouton,
#peche .bouton{
 margin:10px 0px 10px 0px;
 position:absolute;
 width:275px;
 bottom:10px;
 right:15px;

}

#wanted ul.ul_solo,
#bling ul.ul_solo,
#electro ul.ul_solo,
#robinsonnades ul.ul_solo,
#peche ul.ul_solo{
	width:250px;
}

#wanted ul.ul_duo,
#bling ul.ul_duo,
#electro ul.ul_duo,
#robinsonnades ul.ul_duo,
#peche ul.ul_duo{
	float:left;
	width:130px;
	margin-right:7px;
	text-align:left;
}
#top_des_top{
	position:relative;
	background: url(../images/liste_mariage/top_des_top_background.jpg) top left no-repeat;
	width:605px !important;
	width:601px;
	height:476px;
}

#top_des_top img#photo1{
	position:absolute;
	top:50px;
	right:0px !important;
	right:-1px;
	width:142px;
	height:102px;
}

#top_des_top img#photo2{
	position:absolute;
	top:152px;
	right:142px !important;
	right:141px;
	width:121px;
	height:88px;
}

#top_des_top img#photo3{
	position:absolute;
	top:240px;
	right:0px !important;
	right:-1px;
	width:142px;
	height:96px;
}

#top_des_top img#photo4{
	position:absolute;
	top:336px;
	right:142px !important;
	right:141px;
	width:142px;
	height:140px;
}
#top_des_top div.top_rang{
	clear:both;
	margin:0px 0px 0px 40px;
	width:300px;
	font-weight: bold;
	color:#FFFFFF;
}

#top_des_top div.top_rang p{
	position:relative;
	top:-20px;
	right:-20px;
	width:225px;
	display:inline;
	margin:inherit;
	margin:0px;
}
#craquez{
	background: url(../images/liste_mariage/craquez_background.jpg) top left no-repeat;
	width:605px !important;
	width:601px;
	height:157px;
}	
#craquez p{
	float:right;
	margin:30px 25px 0px 0px !important;
	margin:30px 15px 0px 0px;
	color:#FFFFFF;
	width:250px;
}
#craquez p strong{
	font-weight: bold;
	color:#FFFFFF;
}
div.full img#expert {
float:right;

}

div.full p.first {
margin-left:0px;
width: 355px;

}
/*		FIN STYLES POUR L'ETAPE "LISTE DE MARIAGE"
---------------------------------------------------- */

/*		STYLES POUR POUR LE JEU OPERATION 7/7/7
---------------------------------------------------- */
form#jeu777 {
background-color:#FFF;	
}


form#jeu777 div#vous,
form#jeu777 div#votre_conjoint
{
	float:left;
	width:270px;
	clear:none;
}

form#jeu777 div#date_mariage{
	float:left;
	width:200px;
	clear:none;
}
form#jeu777 div#votre_adresse{
	float:left;
	width:300px;
	clear:none;
}



form#jeu777 div.field{
float: left;
clear: both;
margin: 0 0 5px 17px;
width: 250px;
color: #5c5c5c;
}

form#jeu777 div.field label {
float: left;
clear: none;
display: block;
width: 90px;
}

form#jeu777 div#date_mariage  select#jour,
form#jeu777 div#date_mariage  select#mois,
form#jeu777 div#date_mariage  select#annee {
float: left;
clear: both;
display: block;
margin: 3px;
width: 84px;
height: 16px;
margin-left:10px;
}
form#jeu777 div#date_mariage p{
	width:auto;	
	margin:15px 0px 0px 10px;
}
form#jeu .field ul.civilite,
form#jeu777 .field ul.civilite {
width: 150px;
}
form#jeu777 div.field ul.civilite li {
float: left;
clear: none;
width: 50px;
display: inline;
text-align:left;
}
form#jeu777 div.field input#MME,
form#jeu777 div.field input#Mlle,
form#jeu777 div.field input#M,
form#jeu777 div.field input#conjointMME,
form#jeu777 div.field input#conjointMlle,
form#jeu777 div.field input#conjointM{
float: left;
clear: none;
display:block;
width: 10px;
height: 16px;
}

form#jeu777 div#votre_adresse div.field {
	width:300px;
	}

form#jeu777 div#votre_adresse div.field textarea#adresse,
form#jeu777 div#votre_adresse div.field select#pays {
width:190px !important;
width:203px;
margin: 0 0 5 0;
}

form#jeu777 div.fieldChoixActu {
	float:left;
	clear:both;	
	margin : 10px 0px 10px 20px;
	color: #5c5c5c;
	width:400px;	
}
form#jeu777 div.fieldChoixActu label{
	width:300px;	
}
form#jeu777 div.fieldChoixActu input#inscription{
width:10px;
}
form#jeu777 div.fieldChoixActu input#facultatif{
width:10px;
}
form#jeu777 div.actions input#bouton_valider{
	width:100px;
	height:26px
}

p#bouton_reglement{
position:relative;
left:400px;
width:140px;
}
form#jeu777 p.couleur {
float: left;
clear: both;
margin-bottom: 15px;
width: 150px;
text-align: left;
margin-left:10px;
}
.titre_jeu777{
 margin: 12px 0 0 20px;
font: bold 13px Arial, Helvetica, sans-serif;
color: #000;
}
form#jeu777 div.field label#email{
	color:#B91734;
}

/*		FIN STYLES POUR LE JEU OPERATION 7/7/7
---------------------------------------------------- */
/*		STYLES POUR POUR LE JEU Danse avec la mode
---------------------------------------------------- */
div#jeu {
background-color:#FFF;
border-width: 5px;
border-color:#CCCCCC;
border-style: solid;
margin:10px;
padding:10px;
}


form#jeu fieldset{
	float:left;
	width:560px;
	clear: both;
	border: 1px solid #B91734;
	padding:5px;	
}
form#jeu legend{
	color: #B91734;
	font-weight: bold;
}



form#jeu div.field{
float: left;
clear: both;
margin: 0 0 5px 17px;
width: 250px;
color: #5c5c5c;
}

form#jeu div.field label {
float: left;
clear: none;
display: block;
width: 90px;
}

form#jeu fieldset#date_mariage  select#jour,
form#jeu fieldset#date_mariage  select#mois,
form#jeu fieldset#date_mariage  select#annee {
float: left;
display: block;
width: 84px;
height: 24px;
margin: 3px;
}
form#jeu fieldset#date_mariage div.field label {
width: 200px;
}
form#jeu fieldset#date_mariage div.field  ul.civilite label {
width: 50px;
}

form#jeu fieldset#date_mariage div.field{
	width:500px;	
	margin:15px 0px 0px 10px;
}
form#jeu .field ul.civilite {
width: 150px;
}
form#jeu div.field ul.civilite li {
float: left;
clear: none;
width: 50px;
display: inline;
text-align:left;
}
form#jeu div.field input#MME,
form#jeu div.field input#Mlle,
form#jeu div.field input#M{
float: left;
clear: none;
display:block;
width: 10px;
height: 16px;
}

div#jeu div.actions{
	margin:0px;
	width:350px;
	margin-left:230px;
	_margin-left:120px;
}
div#jeu div.actions input#bouton_valider{
	width:100px;
	height:26px;
	margin-top:0px;
}

div#jeu p.notaBene{
	margin-bottom:0px;
	width:530px;
}


p#bouton_reglement{
position:relative;
left:400px;
width:140px;
}

/*		FIN STYLES POUR LE JEU OPERATION 7/7/7
---------------------------------------------------- */