/* classes */

body a{text-decoration: none;}
body a:hover{text-decoration: underline;}

#mainContentRoot{
	width: 974px;
	/*margin: 0px auto;*/
	margin: 55px auto 0 auto;
	overflow: hidden;
	position: relative;
}

h1{
	text-align: center;
	margin: 0;
	padding: 18px 0 8px 0;
	font-size: 2em;
}

h1 span.modo{
	font-size: 0.5em;
	display: block;
}

.posRel{
	position: relative;
	width: 100%;
}

/* header */

/* message d'erreur */

#alertMessage{
	width: 248px;
	padding: 0;
	position: absolute;
	right: 87px;
	z-index: 1001;
	top: 40px;
	left: auto;
}

#alertMessage .alertMessageBgBottom{
	padding: 3px 5px 10px 5px;
}

.btRefuseAccept{
	display: inline;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	margin: 0 5px;
}

#alertMessage a.btRefuseAccept{
	text-decoration: none;
}

#alertMessage ul{
	margin: 5px 0 5px 5px;
}

#alertMessage p.alignCenter{
	margin: 10px 0;
}

#alertMessage ul li{
	margin-bottom: 5px;
}

#alertMessage h2{
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 6px 4px 6px;
	padding: 10px 0px 0px 26px;
}

#alertMessage h2.good{
	background: none;
	padding: 0px;
}

#bodyMsg{
	padding: 10px 6px 0px 6px;
	font-size: 0.85em;
}

#bodyMsg a{
	text-decoration: underline;
}

#closeAlert, #closeFavSearch{
	height: 16px;
	width: 16px;
	position: absolute;
}

#closeAlert{
	right: 2px;
	top : 3px;
}
/* header */





/* footer */

#footer{
	height: 54px;
}
#footer ul{
	height: 50px;
	position: relative;
	width: 100%;
}
#footer ul li{
	position: absolute;
	display: block;
}
#footer ul li.left{
	top: 9px;
	left: 12px;
}
#footer ul li.center{
	position: relative;
	width: 75%;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}
#footer ul li.right{
	top: 20px;
	right: 12px;
}
#contentPerso{
	position: relative;
	width: 100%;
}
#contentPerso ul{
	position: relative;
	width: 100%;
}

#pub{
	width: 974px;
	height: 114px;
}

#contentPub{
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	width: 100%;
	position: relative;
}

#contentPub a, #contentPub object, #contentPub embed{
	display: block;
	margin: 0 auto;
	width: 728px;
}

#header{
	height: 70px;
	position: relative;
	width: 974px;
	display: block;
	margin: 0;
	padding: 0;
}

#header a, #header a img{
	width: 85px;
	height: 55px;
	display: block;
}
#header a{
	position: absolute;
	left: 217px;
	top: 7px;
}
#contentCols{
	overflow: hidden;
	padding-bottom: 12px;
}
.colPerso{
	float: left;
	width: 481px;
	display: block;
}
#colLeft{
	margin-left: 12px;
}
#contentCols .colPerso h2{
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 5px 0 2px 30px;
	margin-bottom: 7px;
	font-size: 1.5em;
}

.colPerso .headEncart{
	height: 8px;
	width: 100%;
	display: block;
}

.colPerso .footEncart{
	height: 9px;
	width: 100%;
	display: block;
}

#barreMainMenu div{
	float: right
}

#blockWish .footEncart{
	height: 53px;
}

#bodyPreview .canevasPict, #bodyPreview .masquePict{
	height: 143px;
	width: 149px;
}

.miniIcon{
	display: block;
	height: 49px;
	width: 49px;
}

.miniIcon a, .miniIcon span{
	display: block;
	height: 45px;
	width: 45px;
	overflow: hidden;
}
.miniIcon a img, .miniIcon span img{
	display: block;
}

.canevasPict{
	display: block;
	position: relative;
	pointer: hand;
	cursor: hand;
	overflow: hidden;
}

#bodyPreview .canevasPict{
	float: left;
	
}

#bodyPreview .canevasPict, #bodyPreview .masquePict{
	height: 143px;
	width: 149px;
}

#blockPhoto .colAlbum .canevasPict{
	float: left;
}
#blockPhoto .colAlbum .canevasPict, #blockPhoto .colAlbum .masquePict{
	height: 101px;
	width: 107px;
}

.masquePict{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

.canevasPict img{
	display: block;
	position: absolute;
	z-index: 5;
	top: 9px;
	left: 12px;
}


#bodyPreview{
	margin: 0;
	position: relative;
	padding: 4px 10px 10px 1px;
	width: 444px;
	font-size: 12px;
}

#previewRight{
	margin-top: 7px;
	position: relative;
	float: left;
	width: 290px;
	height: 133px;
}

.titlePseudo{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.titlePseudo:hover{
	text-decoration: underline;
}

#previewRight p span{
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 3px;
}
#previewRight p span.titlePseudo, #previewRight p span.pays{
	display: block;
	margin-bottom: 5px;
}

#bodyPreview .setConnect{
	padding: 2px 0 2px 19px;
}

#menuIconPreview{
	height: 51px;
	margin-top: 5px;
}

#menuIconPreview li{
	float: left;
	margin-right: 6px;
}

#menuIconPreview li.lastElement{
	margin-right: 0;
}

.menuOnglets{
	display: block;
	overflow: auto;
	padding: 12px 0 0 0;
	margin: 0 0 12px 0;
}

.blockOnglets .menuOnglets{
	height: 29px;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}

#blockPresentation .menuOnglets{
	margin-left: 12px;
}

.menuOnglets span{
	height: 22px;
}

.menuOnglets li{
	display: block;
	float: left;
	margin-right: 10px;
	height: 22px;
	overflow: hidden;
}

.menuOnglets li span, .menuOnglets li a{
	padding-top: 5px;
	display: block;
}

.menuOnglets li a{
	height 21px;
}

.menuOnglets li span{
	height 22px;
	float: left;
}

.menuOnglets li span.left{
	width: 8px;
}

.menuOnglets li span.text{
	padding-right: 8px;
}

.encartAnnonce{
	margin: 0 24px 0 12px;
	padding-bottom: 12px;
}

.plusPlus, .moinsMoins{text-decoration: none;}

.plusPlus:hover, .moinsMoins:hover{text-decoration: none;}

#blockPresentation .bgGris{
	overflow: hidden;
}

#blockPresentation .bgGris p{
	float: left;
	width: 221px;
}

#blockPresentation .getSeparateur{
	padding-top: 13px;
	margin: 0 24px 0 12px;
}
.getSeparateur p span.displayBlock{
	margin-bottom: 3px;
}

#blockPersonnalite .menuOnglets li.firstElement, #blockPersonnalite .menuOnglets li.firstElement span{
	height: 23px;
}

#blockPersonnalite .menuOnglets li.firstElement a{
	padding-left: 8px;
}

#blockPersonnalite .bodyEncart p{
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
}

#detailQuart{
	padding-bottom: 15px;
}

.setPad{
	margin: 0 24px 0 12px;
}
.setPad p{
	display: block;
	padding-bottom: 3px;
}
.separateurTop{
	padding-top: 5px;
}

.accordion{
	width: 100%;
}
.accordion dt{
	display: block;
	height: 20px;
	padding: 7px 24px 0 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.accordion dd{
	display: block;
	position: relative;
	padding: 5px 24px 5px 12px;
}

.accordion dd p{
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
}

.accordion dd ul{
	overflow: hidden;
	padding-bottom: 5px;
}

.accordion dd ul li{
	display: block;
}

.bodyEncart{
	position: relative;
}

.blockAccordion .footEncart{
	height: 27px;
}

#blockInteraction{
	margin: 10px 0 10px 1px;
}

#blockInteraction #contentFlash, #blockInteraction #contentFlash a, #blockInteraction #contentFlash span{
	display: block;
	width: 468px;
	height: 99px;
	position: relative;
}

#blockInteraction ul{
	width: 420px;
	padding-top: 15px;
	overflow: hidden;
	margin-left: 25px;
}

#blockInteraction ul li{
	width: 210px;
	margin-right: 10px;
	margin: 10px 0 0 0;
	float: left;
}

#blockInteraction ul li a{
	display: block;
	padding: 5px 0 0 30px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: top left;
}

.albumPhotoLeft, .albumPhotoRight, .albumPhotoLeft a, .albumPhotoRight a{
	display: block;
	width: 17px;
	height: 15px;
}

.albumPhotoLeft, .albumPhotoRight{
	position: absolute;
	top: 99px;
}

.albumPhotoLeft{
	left: 3px;
}
.albumPhotoRight{
	right: 17px;
}

#contentIconPhotos .albumPhotoLeft, #contentIconPhotos .albumPhotoRight{
	top: 49px;
}

#blockWish .albumPhotoLeft, #blockWish .albumPhotoRight, #blockVideo .albumPhotoLeft, #blockVideo .albumPhotoRight{
	top: 39px;
}

.overflowAlbums{
	width: 426px;
	position: relative;
	margin-left: 22px;
	overflow: hidden;
}

.setWidthAlbum{
	position: absolute;
	top: 0;
	left: 0;
}

.colAlbum{
	width: 450px;
	padding-left:15px;
}

#presAlbum .colAlbum{
	width: 212px;
	margin-right: 1px;
}
.cellAlbum{
	padding-bottom: 5px;
	overflow: hidden;
	float:left;
}

#contentIconPhotos .colAlbum{
	width: 51px;
	margin-right: 10px;
}
#contentIconPhotos .colAlbum.lastElement{
	margin-right: 0;
}


#blockPhoto .colAlbum p{
	margin-top: 5px;
	float: left;
	width: 104px;
}

#blockPhoto .colAlbum p a{
	display: block;
	margin-top: 5px;
}

#presGifts .colAlbum, #blockVideo #blockDescriptChaine .colAlbum{
	width: 130px;
	margin-right:12px;
	padding-botom: 10px;
}

#presGifts .colAlbum p, #blockVideo .colAlbum p{
	text-align: center;
}

#presGifts .colAlbum img, #blockVideo .colAlbum img{
	display: block;
	margin-bottom: 5px;
}


#detailAlbum{
	position: relative;
	width: 100%;
}

#detailAlbum .separateurTop{
	margin-bottom: 10px;
}

#closeAlbum{
	position: absolute;
	top: 12px;
	right: 24px;
	height: 10px;
	width: 10px;
}

#detailAlbum #pictoPresentAlbum, #detailAlbum #descriptAlbum{
	margin-top: 10px;
	float: left;
}
#detailAlbum #pictoPresentAlbum{
	margin-left: 5px;
}

#detailAlbum #descriptAlbum{
	width: 370px;
	margin-left: 12px;
}
#detailAlbum #descriptAlbum h3, #blockVideo h3{
	margin: 0 0 6px 0;
}

.pictoAlbum{
	width: 20px;
	height: 17px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
}
#menuAlbum, #detailImage ul, #blockSwfVideo ul{
	display: block;
	padding: 15px 24px;
	text-align:center;
}
#menuAlbum li, #detailImage li, #blockSwfVideo li{
	display: inline;
}

#contentIconPhotos{
	position: relative;
}

#bigToph{
	text-align:center;
	width: 445px;
	margin: 0 24px 0 12px;
}
#bigToph span, #bigToph img{
	display: inline;
}
#bigToph span, .legend{
	padding: 6px 0; 
	display: block;
}

#detailImage .left, #blockSwfVideo .left{
	padding-left: 25px;
	padding-bottom: 15px;
}

#detailImage .right, #blockSwfVideo .right{
	padding-right: 25px;
	padding-bottom: 15px;
}

/* block video */

#formYdyleTv{
	padding: 6px 0 12px 0;
	margin: 0 24px 0 12px;
}

#selYdyleTv{
	width: 443px;
}
#formYdyleTv label{
	display: block;
	font-weight: bold;
	padding-bottom: 6px;
}

.pMargBottom{
	margin-bottom: 10px;
}

#blockSwfVideo{
	padding: 12px 0 12px 0;
	text-align: center;
}

#blockSwfVideo object, #blockSwfVideo embed{
	margin: 0 auto;
	display: block;
	max-width: 445px;
}

.bodyEncart h4{
	margin: 6px 0 12px 0;
}


/* Commentaires */

#noComment{
	text-align: center;
}

#contentComment{
	padding: 0 12px;
}

#headComment, #footComment{
	height: 42px;
	position: relative;
	width: 950px;
}

/* headComment */

#headComment h2{
	text-align: center;
	font-size: 1.4em;
	margin-top: 10px;
	position: absolute;
	width: 100%;
}

#headComment h2 span{
	text-align: center;
	font-size: 0.8em;
}

#headComment a{
	display: block;
	position: absolute;
	right: 12px;
	top: 15px;
}

/* footComment */

#footComment ul{
	position: absolute;
	top: 14px;
	right: 4px;
}

#footComment ul li{
	display: inline;
}

#footComment ul li a, #footComment ul li span{
	padding: 0 3px 0 3px;
}

#footComment ul li.getPrev a{
	padding-left: 25px;
	padding-right: 12px;
}

#footComment ul li.getNext a{
	padding-right: 25px;
	padding-left: 12px;
}

#bgHeadComment{
	height: 20px;
}

#bgFootComment{
	height: 9px;
	margin: 0;
	display: block;
	font-height: 9px;
	font-size: 0;
}

.rowComment{
	width: 902px;
	position: relative;
}

.rowComment a.miniIcon{
	float: left;
	margin-right: 12px;
}

.rowComment p{
	margin-top: 3px;
}

.rowComment p.pfirst{
	margin-top: 0;
}

.rowComment p.pTypetit{
	font-size: 0.95em;
}

.detailComment{
	float: left;
	width: 838px;
}

.rowComment .date{
	display: block;
	font-size: 0.9em;
	float: right;
	width: 400px;
	text-align: right;
}

.rowComment .pfirst{
	float: left;
	width: 300px;
}

.menuComment{
	display: block;
	text-align: right;
	margin-top: 12px;
}

.menuComment li{
	display: inline;
}
.menuComment li a{
	padding: 3px 9px 3px 22px;
	background-repeat: no-repeat;
}
.menuComment li.iconAlert a{
	padding-left: 27px;
}

.detailResponseComment{
	padding-left: 63px;
	margin-top: 12px;
}
.detailResponseComment .miniIcon{
	float: left;
	margin-right: 12px;
}
.detailResponseComment .detailComment{
	float: left;
	width: 790px;
}
.detailResponseComment .detailComment p{
	margin-bottom: 5px;
	margin-top: 0;
}

#commentContent .rowComment{
	padding: 12px;
	width: 926px;
	position: relative;
}

#commentForm textarea{
	width: 888px;
	padding: 12px 12px 0px 12px;
	font-size: 1em;
	display: block;
	height: 114px;
	margin-top: 12px;
	margin-bottom: 12px;
}

#commentForm .menuComment{
	float: right;
	width: 45%;
}

#commentForm label{
	float: left;
	width: 45%;
	display: block;
	padding-top: 12px;
}

/* formulaire mot de passe de l'album photo */
.encartTypeBlock{
	margin: 10px 20px 10px 10px;
	
}

#mdpForm{
	padding: 10px;
	margin: 0 0 10px 0;
}

.pictoCadenas{
	display: block;
	padding: 7px 0 +3px 30px;
	margin-bottom: 10px;
}

#mdpForm p{
	height: 27px;
	display: block;
	overflow: hidden;
}

#mdpForm p label, #mdpForm p input{
	display: block;
	margin-right: 10px;
	float: left;
}

#mdpForm p input#textMdp{
	margin-top: 2px;
	padding: 3px 5px 3px 5px;
}

#mdpForm p label{
	margin-top: 8px;
	
}

/* block design */

#blockDesign{
	display: block;
	padding: 10px;
	width: 447px;
	height: 245px;
	text-align: right;
	margin: 10px 0 10px 3px;
}

#author{
	 color: #9f5db7;
}

#author span{
	 color: #A689E3;
}