/* positionnement des elements de structure
------------------------------------------------------------------------*/
#popUp{
	margin:0 auto;
	text-align: left;
}
#popUp h1 {
	display: none;
}
.contentPopup .btFermer span, .contentPopup .btParraine span, .contentPopup .btModifier span{
	display: none;
}
/* Mot de passe oublie
------------------------------------------------------------------------*/
.popUpMotDePasse{
	width:450px;
	height:323px;
	background: url(general/img/popups/bg_popup_mot_de_passe.jpg) no-repeat top left;
}
.popUpMotDePasse h2{
	padding-top:51px;
	padding-left:147px;
	color:#2d0005;
	font-size: 2.45em;
	height:30px;
}
.popUpMotDePasse .contentPopup{
	padding: 80px 72px 0px 83px;
	font-size:1.27em;
}
.popUpMotDePasse .contentPopup p, .popUpMotDePasse .contentPopup h3{
	text-align: center;
	color:#2d0005;
}
.popUpMotDePasse .contentPopup h3{
	font-size:1.21em;
	padding-top:10px;
}
.popUpMotDePasse .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px;
	margin-top:20px;
	margin-right:10px;
}
.popUpMotDePasse .contentPopup fieldset{
	padding-top:10px;
}
.popUpMotDePasse .contentPopup fieldset label{
	font-style: italic;
	font-size: 1.09em;
	color: #6e2a1b;
	font-weight:bold
}
.popUpMotDePasse .contentPopup fieldset input{
	border: 0px;
	height: 20px;
	vertical-align: middle;
}
.popUpMotDePasse .contentPopup fieldset .btValidate{
	margin-left:40px;
}

/* Popup Parrainage
------------------------------------------------------------------------*/
.popUpParrainage{
	width:450px;
	height:510px;
	background: url(general/img/popups/bg_popup_parrainage.jpg) no-repeat top left;
}
.popUpParrainage h2{
	padding-top:51px;
	padding-left:147px;
	color:#2d0005;
	font-size: 2.45em;
	height:30px;
}
.popUpParrainage .contentPopup{
	padding: 115px 64px 0px 83px;
	font-size:1.27em;
	font-weight:bold;
	text-align: center;
	color:#2d0005;
}
.popUpParrainage .contentPopup p{
	padding-bottom:15px;
	line-height: 16px;
	padding-right: 20px;
}
.popUpParrainage .contentPopup .btParraine{
	background: url(general/img/popups/bt_parraine_ami.png) no-repeat top left;
	float: right;
	width: 140px;
	height: 20px;
	margin-top:60px;
	clear:both;
}
.popUpParrainage .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px;
	margin-top:10px;
	clear:both;
}
/* Mes coordonnees
------------------------------------------------------------------------*/
.popUpCoordonnees{
	width:450px;
 	height:510px;
	background: url(general/img/popups/bg_popup_parrainage.jpg) no-repeat top left;
}
.popUpCoordonnees h2{
	padding-top:51px;
	padding-left:147px;
	color:#2d0005;
	font-size: 2.45em;
	height:30px;
}
.popUpCoordonnees .contentPopup{
	padding: 95px 60px 0px 65px;
	font-size:1.09em;
	text-align: left;
	color:#2d0005;
}
.coordonneesModifs .contentPopup
{
    padding: 75px 60px 0px 65px;
}
.popUpCoordonnees .contentPopup p{
	font-weight:bold;
	padding-bottom:2px;
	width: 100%;
	margin:0px;
	clear: left;
	 overflow: hidden;
}
.popUpCoordonnees .contentPopup p em{
	font-weight: normal;
}
.popUpCoordonnees .contentPopup p label{
	text-align: right;
	width:145px;
	display:block;
	float:left;
	margin-right:12px;
}
.popUpCoordonnees .contentPopup p span{
	float:left;
}
.popUpCoordonnees .contentPopup p input{
	height: 11px;
	font-size:0.9em;
	font-weight:normal;
	font-style: normal;
	width:149px;
}
html> body .popUpCoordonnees .contentPopup p input{
	width:160px;
}
.popUpCoordonnees .contentPopup .btModifier{
	background: url(general/img/popups/bt_modifier_coordonnees.png) no-repeat top left;
	float: right;
	width: 177px;
	height: 20px;
	margin-top:48px;
	clear:both;
}
.popUpCoordonnees .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px;
	margin-top:10px;
	clear:both;
}

.popUpCoordonnees .contentPopup .btConfirmerMofifications{
	float: right;
	width: 184px;
	height: 20px;
	margin-top:40px;
	clear:both;
}
/* confirmation changements */
.popUpConfirmChange{
	width:450px;
	height:323px;
	background: url(general/img/popups/bg_popup_mot_de_passe.jpg) no-repeat top left;
}
.popUpConfirmChange h2{
	padding-top:51px;
	padding-left:147px;
	color:#2d0005;
	font-size: 2.45em;
	height:30px;
}
.popUpConfirmChange .contentPopup{
	padding: 95px 62px 0px 83px;
	font-size:1.27em;
}
.popUpConfirmChange .contentPopup p, .popUpConfirmChange .contentPopup h3{
	text-align: center;
	color:#2d0005;
	padding-right:10px;
}
.popUpConfirmChange .contentPopup h3{
	font-size:1.14em;
	padding-top:10px;
}
.popUpConfirmChange .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px;
	margin-top:55px;
}
/* Aide
------------------------------------------------------------------------*/
.popUpAide{
	width:450px;
 	height:930px;
	background: url(general/img/popups/bg_popup_aide.jpg) no-repeat top left;
}
.popUpAide h2{
	padding-top:47px;
	padding-left:152px;
	color:#2d0005;
	font-size: 2.45em;
	height:30px;
}
.popUpAide .contentPopup{
	padding: 40px 0px 0px 29px;
	width:406px;
	font-size:1.09em;
	text-align: left;
	color:#2d0005;
}
.popUpAide .contentPopup h3.ttCommentJouer span{
	width: 314px;
	height: 49px;
	display:block;
	background: url(general/img/popups/tt_comment_jouer.png) no-repeat top left;
	margin-left:40px;
}
.popUpAide .contentPopup h3.ttCommentJouer span span{
	display: none;
}
.popUpAide .contentPopup ol{
	padding-top:11px;
}
.popUpAide .contentPopup li{
	clear:both;
}

.popUpAide .contentPopup li .textListe{
	margin-left:-18px;
	line-height: 15px;
}
.popUpAide .contentPopup li .textListe h4{
	font-weight:bold;
	font-style: italic;
	font-size:1.09em;
}
.popUpAide .contentPopup li .textListe ul li{
	background: url(general/img/popups/puce_noir.png) no-repeat 0 6px;;
	padding-left:7px
}
.popUpAide .contentPopup li .textListe div{
	display:block;
	float: left;
	width: 340px;
	padding-left:12px;
}
.popUpAide .contentPopup li .pictoNombre{
	width:24px;
	height: 24px;
	float:left;
	display:block;
}
.popUpAide .contentPopup li.listEltDeux{
	padding-top:10px;
}
.popUpAide .contentPopup li.listEltUn .textListe{
	margin-top:5px;
}
.popUpAide .contentPopup li.listEltDeux .textListe{
	margin-top:-31px;
	margin-bottom:20px;
}
.popUpAide .contentPopup li.listEltQuatre .textListe{
	padding-top:18px;
}
.popUpAide .contentPopup li.listEltUn .imgListe{
	background:url(general/img/popups/codes_visu_1.png) no-repeat top left;
	width: 383px;
	height: 156px;
}
.popUpAide .contentPopup li.listEltDeux .imgListe{
	background:url(general/img/popups/codes_visu_2.png) no-repeat top right;
	width: 383px;
	height: 146px;
}
.popUpAide .contentPopup li.listEltTrois .imgListe{
	background:url(general/img/popups/codes_visu_3.png) no-repeat top left;
	width: 406px;
	height: 119px;
}
.popUpAide .contentPopup li.listEltUn .pictoNombre{
	background: url(general/img/popups/chiffre_1.png) no-repeat top left;
}
.popUpAide .contentPopup li.listEltDeux .pictoNombre{
	background: url(general/img/popups/chiffre_2.png) no-repeat top left;
}
.popUpAide .contentPopup li.listEltTrois .pictoNombre{
	background: url(general/img/popups/chiffre_3.png) no-repeat top left;
}
.popUpAide .contentPopup li.listEltQuatre .pictoNombre{
	background: url(general/img/popups/chiffre_4.png) no-repeat top left;
}
.popUpAide .contentPopup .txtCumulCodes{
	padding: 18px 0 0 42px;
}

.popUpAide .contentPopup .txtCumulCodes span{
	background: url(general/img/popups/txt_cumul_codes.png) no-repeat top left;
	width: 306px;
	height:45px;
	display:block;
}
.popUpAide .contentPopup .txtCumulCodes span span{
	display: none;
}
.popUpAide .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px;
	margin-top:10px;
}


/* Politique internet
------------------------------------------------------------------------*/

.politiqueInternet {
	width: 450px;
	padding-bottom: 12px;
	background: url(general/img/popups/bg_popup_politique.jpg) no-repeat top left;
	color: #300;
	font-style: italic;
	font-weight: bold
}
.politiqueInternet h2 {
	padding-top:24px;
	padding-left:147px;
	color:#2d0005;
	font-style: normal;
	font-size: 2.73em
}
.politiqueInternet div {
	overflow: auto;
	height: 308px;
	width: 365px;
	margin: 45px 0 0 47px
}
.politiqueInternet h3,
.politiqueInternet h4,
.politiqueInternet p {
	margin-bottom: 10px
}
.politiqueInternet h3 {
	font-size: 1.55em
}
.politiqueInternet p {
	font-size: 1.09em;
	padding-right: 6px
}
.politiqueInternet h4 {
	font-size: 1.55em;
	padding-right: 6px
}
.politiqueInternet .contentPopup {
	margin-top: 20px;
	height: auto;
	width: 367px;
	overflow: hidden
}
.politiqueInternet .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px;
	margin-top:10px;
}

/* Contact
------------------------------------------------------------------------*/
.contact {
	width: 450px;
	padding-bottom: 10px;
	background: url(general/img/popups/bg_popup_politique.jpg) no-repeat top left;
	color: #300;
	font-style: italic;
	font-size: 1.37em;
	font-weight: bold
}
.contact h2 {
	padding-top:37px;
	padding-left:178px;
	color:#2d0005;
	font-size: 2.73em;
	font-style: normal
}
.contact strong,
.contact a {
	color: #300
}
.contact .underline {
	text-decoration: underline
}
.contact ul {
	width: 380px;
	margin: 78px auto 0;
	text-align: center
}
.contact li {
	width: 350px;
	padding-left: 20px;
	padding-top: 4px;
	position: relative
}
.contact li span {
	background: url(coachingDessert/img/carreau1.png) no-repeat 0 0;
	width: 21px;
	height: 22px;
	display: block;
	position: absolute;
	top: -1px
}
.contact li.item1 span {
	left: 20px
}
.contact li.item2 span {
	left: 10px
}
.contact li.item3 span {
	left: 5px
}
.contact p {
	margin-bottom: 10px;
	line-height: 14px
}
.contact img {
	margin-bottom: 15px
}
.contact .contentPopup {
	padding-top: 30px;
	height: auto;
	width: 416px;
	overflow: hidden
}
.contact .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px
}


#popupImpression .visuelLezard{
	width:165px;
	height: 165px;
	position: absolute;
	z-index: 3;
	top:151px;
	left:35px;
}

#popupImpression img.lezardVisu{
	position:absolute;
	left:14px;
	top:100px;
}




/* Impression
------------------------------------------------------------------------*/

#popupImpression{
	margin:0 auto;
	text-align: left;
	width: 419px;
	background: url(general/img/popups/bg_imprim_recette.jpg) no-repeat top left;
	color:#531307;
	position: relative;
}
#popupImpression .logoTableDessert{
	position:absolute;
	top:7px;
	left:14px;
	width:78px;
	height:78px;
	z-index: 3;
}
#popupImpression h2{
	padding:90px 20px 0 95px;
	font-size:1.63em;
	line-height:17px;
	height: 42px;
}
#popupImpression .visuelRecette{
	width:231px;
	height: 231px;
	position: absolute;
	z-index: 3;
	top:146px;
	left:38px;
}
#popupImpression .diapoPhoto{
	position: absolute;
	top: 130px;
	left: 14px;
	width:284px;
	height: 284px;
	z-index: 2;
}


#popupImpression.lezard{
	background:url(general/img/popups/bg_imprim_recette_lezard.jpg) no-repeat;



}
#popupImpression .lezardPosition{
	padding: 16px 0 0 0;
	height:210px;
	margin-left:243px;
	font-size: 1.27em;
	color:#92462b;
	width:135px;
}


#popupImpression .lezardPosition li strong{
	margin-left:3px;
}
#popupImpression .lezardPosition li.tempsPrep{
	height:36px;
	padding-top:11px;
}
#popupImpression .lezardPosition li.tempsPrep span{
	margin-top:-11px;
}
#popupImpression .lezardPosition li.tempsCuisson{
	height:28px;
	padding-top:8px;
}
#popupImpression .lezardPosition li.tempsCuisson span{
	margin-top:-8px;
}
#popupImpression .lezardPosition li.nbrPersonnes{
	padding-top:8px;
}
#popupImpression .lezardPosition li.nbrPersonnes span{
	margin-top:-8px;
}
#popupImpression .lezardPosition li.difficulte{
	height:35px;
	padding-top:8px;
}
#popupImpression .lezardPosition li.difficulte span{
	margin-top:-8px;
}
#popupImpression .lezardPosition li.difficulte ul{
	margin-left:4px;
	display:inline;

}
#popupImpression .lezardPosition .difficulte li{
	display: inline;
	margin-left:3px;
}
#popupImpression .lezardPosition span{
	display: block;
	width:39px;
	float:left;
	height:32px;	
}

#popupImpression .PreparationPrint ul.lezardPreparation{
	height:490px;


}

#popupImpression .PreparationPrint ul.lezardPreparation li{
	background: url(general/img/puce_marron.png) no-repeat 0px 14px;
	padding-left: 8px;
	padding-top:7px;
	padding-bottom:7px;


}
#popupImpression .PreparationPrint ol.lezardPreparation li{
	padding-top:7px;
	padding-bottom:7px;


}

#popupImpression .PreparationPrint p.lienLezard{
	margin-left:256px;
	margin-top:30px;
	width:100px;
	padding:0;
}

#popupImpression .PreparationPrint p.lienLezard a{
	color:#531307;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-style:normal;
	text-decoration:underline;
}


.PreparationPrint img.bottomLezard{
	position:absolute;
	bottom:0;
	right:10px;
}


/* Caracteristiques recette */
#popupImpression .caracteristiques_recette{
	padding: 44px 0 0 0;
	height:235px;
	margin-left:290px;
	font-size: 1.27em;
	color:#92462b;
}
#popupImpression .caracteristiques_recette li strong{
	margin-left:3px;
}
#popupImpression .caracteristiques_recette li.tempsPrep{
	height:36px;
	padding-top:11px;
}
#popupImpression .caracteristiques_recette li.tempsPrep span{
	margin-top:-11px;
}
#popupImpression .caracteristiques_recette li.tempsCuisson{
	height:28px;
	padding-top:8px;
}
#popupImpression .caracteristiques_recette li.tempsCuisson span{
	margin-top:-8px;
}
#popupImpression .caracteristiques_recette li.nbrPersonnes{
	padding-top:8px;
}
#popupImpression .caracteristiques_recette li.nbrPersonnes span{
	margin-top:-8px;
}
#popupImpression .caracteristiques_recette li.difficulte{
	height:35px;
	padding-top:8px;
}
#popupImpression .caracteristiques_recette li.difficulte span{
	margin-top:-8px;
}
#popupImpression .caracteristiques_recette li.difficulte ul{
	margin-left:4px;
	display:inline;

}
#popupImpression .caracteristiques_recette .difficulte li{
	display: inline;
	margin-left:3px;
}
#popupImpression .caracteristiques_recette span{
	display: block;
	width:39px;
	float:left;
	height:32px;	
}
/* Grand jeu codes */
.popUpGrandJeu{
	width: 450px;
	background: url(general/img/popups/bg_popup_codes.jpg) no-repeat top left;
	height: 510px;
	color:#2d0005;
}
.popUpGrandJeu h2{
	padding-top:31px;
	padding-left:204px;
	font-size: 2.45em;
	height:30px;
}
.popUpGrandJeu h3{
	padding-left:138px;
	font-size: 1.63em;
	height:30px;
}
.popUpGrandJeu .contentPopup{
	padding:80px 45px 0 55px;
	font-size:1.27em;
	font-weight: bold;
}
.popUpGrandJeu .contentPopup p{
	margin-bottom: 12px;
}
.popUpGrandJeu .contentPopup .btFermer{
	background: url(general/img/popups/bt_fermer.png) no-repeat top left;
	float: right;
	width: 60px;
	height: 20px;
	margin-top:35px;
}
/* liste etapes recettes */
#popupImpression .ingredientsPrint, #popupImpression .PreparationPrint{
	border-top:1px solid #5a2723;
	margin:0px 17px 0 26px;	
	padding:15px 0;
	font-size: 1.09em;
}
#popupImpression .ingredientsPrint ul, #popupImpression .PreparationPrint ul{
	padding-top:5px;
}
#popupImpression .ingredientsPrint ul li, #popupImpression .PreparationPrint ul li{
	background: url(general/img/puce_marron.png) no-repeat 0px 5px;
	padding-left: 8px;
}
#popupImpression .ingredientsPrint h3 em span{
	background: url(general/img/popups/tt_ingredients.png) no-repeat top left;
	width: 87px;
	height: 21px;
	display:block;
}
#popupImpression .PreparationPrint h3 em span{
	background: url(general/img/popups/tt_preparation.png) no-repeat top left;
	width: 94px;
	height: 21px;
	display:block;
}
#popupImpression .displayPrint{
	  display: none;
}