*{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a{
	text-decoration: none;
	color: black;
}
hr{
	 display: none;
}
h1,h2,h3,h4,ul,li,p,form{
	margin: 0px;
	padding: 0px;
}
a img{
 border: none;
}
form{
	padding-bottom: 0 !important;
	padding-bottom: 5px;
}
body{
	margin: auto !important;
	background: #c0c0c0;
	text-align : center;
}
#divPortfolio{
background: #edeaf2;
	width: 799px;
	/*min-height: 598px;
	height: auto !important;
	height: 598px;*/
	margin-left : auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid #847399;
}
#divheaderPortFolio{
	/*min-height: 129px;
	height: auto !important;
	height: 129px;*/
}
#divHeaderPortfolioGauche{
/*	min-height: 96px;
	height: auto !important;
	height: 107px;*/
	min-height:111px;
	height: auto !important;
	height:111px;	
	width: 580px;
	background: #5b4675;
	float: left;
	/*padding-bottom:10px;
*/
}
#divTitrePortFolio{
	color: white;
}
#divTitrePortFolio h1{
	margin-left: 15px;
	margin-top: 8px;
	border-left: 3px solid white;
	padding-left: 5px;
	line-height: 1em;
	float: left;
}
#divTitrePortFolio h1:first-letter{
	text-transform: uppercase;
}
#divTitrePortFolio span{
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	font-size: 65%;
}
#divResumePortFolio{
	margin-top: 15px;
	color: white;
	font-size: 70%;
	margin-left: 15px;
	text-align: justify;
	padding-right: 17px;
}
#divResumePortFolio a {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: underline;
	color: white;
}

#divResumePortFolio p:first-letter{
	text-transform: uppercase;
}
#divHeaderPortfolioDroite{
	float: left;
	width: 218px !important;
	width: 217px;
	min-height:119px;
	height: auto !important;
	height:119px;
	background: #847399;
}
#divLogoPortFolio{
	width: 55px;
	float: right;
	margin-right: 12px;
}
a.commentaire span,a.lireCommentaire span,a.envoieMailAmi span,a.Imprimer span,a.retourListe span{ 
display: none;
}
a:hover {
	background: none;
}
a:hover.commentaire span,a:hover.lireCommentaire span,a:hover.envoieMailAmi span{ 
	display: inline;
	position: absolute;
	top: 75px; 
	height: 20px;
	width: 78px;
	font-size: 67%;
	border-left: 1px solid white;
	font-size: 67%;
	padding: 0px;
	padding-left: 5px;
	color: white;
}
a:hover.retourListe span{ 
	display: inline;
	position: absolute;
	top: 75px; 
	width: 78px;
	height: 20px;
	font-size: 67%;
	border-left: 1px solid white;
	font-size: 67%;
	padding: 0px;
	padding-left: 5px;
	color: white;
}
a:hover.Imprimer span{
	display: inline;
	position: absolute;
	top: 80px; 
	height: 20px;
	width: 78px;
	font-size: 67%;
	border-left: 1px solid white;
	font-size: 67%;
	padding: 0px;
	padding-left: 5px;
	color: white;
}
#divMenusPortFolio{
	height: 20px;
	margin-top: 55px;
}
#divMenusPortFolio ul{
	list-style: none;
	margin: 0px;
	margin-left: 17px;
	padding: 0px;

}
#divMenusPortFolio ul li{
	float: left;
	padding-right: 15px;
}
#divContenuPortFolio{
	min-height: 472px;
	height: auto !important;
	height: 472px;
}
#divContenuPortFolioGauche{
	width: 580px;
	background: #5b4675;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	float:left;
	display:block;
	float: left;
	padding: 0;
	margin: 0;
}
#divContenuPortFolioGauche iframe{
	width: 580px;	
	position:absolute;
	top:107px;
	height: 580px;
	padding: 0;
}
#divContenuPortFolioDroite{
	float: right;
	width: 219px !important;
	width: 217px;
	min-height: 473px;
	height: auto !important;
	height: 473px;
	/*position: absolute;
	left: 835px !important;
	left: 825px;*/
	padding: 0;
}
#divPortfolioRecent,#divPortfolioEnvoieAmi,#divAjoutCommentaire{
	margin-top: 34px;
	width: 187px;
	min-height: 214px;
	height: auto !important;
	height: 214px;
	margin-left: 14px;
}
#divLectureCommentaire{
	margin-top: 34px;
	width: 187px;
	margin-left: 14px;
	height: 100px;
	
}
.divImagegauche,#divImagegauche1{
	float:left;


}
#divTitlePortfolioRecent,#divTitlePortfolioEnvoieAmi,#divTitleLecture,#divTitleAjout{
	min-height: 18px;
	height: auto !important;
	height: 18px;
}
#divAjoutCommentaire,#divPortfolioEnvoieAmi,#divLectureCommentaire{
	display: none;
}
#titrerecents,#titreEnvoieAmi,#titreLectureCommentaire,#titreAjoutCommentaire{
	float: left;
	padding-top: 3px;
	width: 176px !important;
	width: 174px;
	background: url("../images/trancheV.jpg") repeat;
}
#divTitlePortfolioRecent h2,#titleRecommendation h2,#titreAjoutCommentaire h2{
	color: #5b4675;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	font-size: 70%;
	font-weight: bold;
	margin-left: 5px;
	padding-left: 7px;
	background: url("../images/verticalrecent.jpg") no-repeat 1px 2px;
}
#titreLectureCommentaire h2,#titreAjoutCommentaire h2{
	min-height: 16px;
	height: auto !important;
	height: 16px;
}
#divTitlePortfolioEnvoieAmi h2{
	color: #5b4675;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	font-size: 70%;
	font-weight: bold;
	background: url("../images/verticalrecent.jpg") no-repeat 0px 2px;
	padding-left: 5px !important;
	padding-left: 3px;
}
.divImagedroite, #divImagedroite1{
	float: left;
}
#divTextAreaRecents{
	height: 194px;
	width: 184px;
	border: 1px solid #847399;
	border-top: none;
	margin-top: -3px;
	padding-top: 7px;
	background: white;
	overflow: auto;
	float: left;
}
#divEnvoieMail,#divAjoutCommentaires{
	min-height: 270px;
	height: auto !important;
	height: 270px;
	width: 184px;
	border: 1px solid #847399;
	border-top: none;
	margin-top: -3px;
	padding-top: 7px;
	background: white;
}
.listPortFoliRecents{
	list-style: none;
	font-size: 68%;
	width: 160px;
}
.listPortFoliRecents li{
	margin-left: 3px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 10px;
	background: url("../images/flechefolio.jpg") no-repeat 3px 5px;
}
.listPortFoliRecents li a{
	color: #5b4675;
}
#divRecommandations{
	margin-top: 44px;
	width: 186px;
	height: 122px;
	margin-left: 14px;
}
#titleRecommendation{
width: 175px;
float: left;
background: url("../images/trancheV.jpg") repeat-x;
padding-top: 3px;
}
.lisRecommandation{
	list-style: none;
	width: 160px;
}
#divMenusRecommandation{
	font-size: 70%;
	width: 184px !important;
	width: 186px;
	height: 102px;
	border: 1px solid #847399;
	margin-top: -3px;
	padding-top: 7px;
	background: white;
	overflow: auto;
	float: left;
}
#divMenusRecommandation li{ 
	margin-left: 3px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 10px;
	background: url("../images/flechefolio.jpg") no-repeat 3px 5px;
	
}
#divMenusRecommandation li a{
	color: #5b4675;
}
#divPortFolioV{
}
#divImageVPortFolioEnglobant{
	float: left;
	width: 298px;
	margin-top: 15px;
	margin-left: 15px !important;
	margin-left: 8px;
}
#divLegendeImageV{
	font-size: 65%;
	color: #666666;
	float: right;
}
#divCommentaireImageV{
	float: left;
	width: 260px !important;
	width: 250px;
	font-size: 70%;
	margin-top: 15px;
}
#divCommentaireImageV p{
	margin-left: 9px;
	margin-right: 17px;
	padding-top: 62px;
}
#divCommentaireImageV p:first-letter{
	text-transform: uppercase;
}
#divCommentaireImageV span{
	margin-left: 9px;
	margin-top: 5px;
	color: #5b4675;
	font-size: 90%;
}
.label{
	font-size: 75%;
	padding-left: 15px;
	color: #5b4675;
}
.label1{
	font-size: 75%;
	padding-left: 10px;
	color: #5b4675;
}
.champs{
	padding-left: 15px;
	margin-top: 5px;
	
}
.champs2,.champs1{
	padding-left: 10px;
	margin-top: 5px;
}
.champs1 input{
	font-size: 70%;
	color: #5b4675;
	width: 150px;
}
.champs input{
	font-size: 70%;
	color: #5b4675;
	width: 150px;
}
.champs2 textarea{
	font-size: 70%;
	color: #5b4675;
}
.ligneforme2{
	margin-top: 20px;
}

.ligneforme3{
	margin-top: 15px;
}
.envoie,#envoieCommentaire{
	margin-top: 15px;
	text-align: center;
}
.envoie input{
	background: none;
	border: none;
	font-size: 75%;
	color: #5b4675;
	
}

#titreLectureCommentaire h2{
	color: #5b4675;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	font-size: 70%;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
	background: url("../images/verticalrecent.jpg") no-repeat 1px 2px;

}



#divLectureCommentaires{
	width: 184px;
	height: 80px;
	border: 1px solid #847399;
	border-top: none;
	margin-top: -3px;
	padding-top: 7px;
	background: white;
	overflow: auto;
	float: left;

}
#divLectureCommentaires ul li,#divLectureCommentaires p{
	padding-bottom: 3px !important;
	margin-bottom: 0px ;
	font-size: 70%;
	padding-left: 5px;
	padding-right: 5px;

}
#envoieCommentaire input{
	background: none;
	border: none;
	font-size: 75%;
	color: #5b4675;
	padding-bottom: 10px;
}
@media print{
	body{
		background-color: #FFFFFF;
		color: black;
		font-size: 12pt;
	}
}
	/*#divContenuPortFolioDroite,#divheaderPortFolio,#divPortfolio,#divHeaderPortfolioGauche{
		display: none;
		background: transparent;
	}
	#divContenuPortFolioGauche{
		float: none;
	}
	/*#divContenuPortFolioDroite{
		/*float: none;
		background: transparent;
	}
	a:link, a:visited {
	color: #520;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	}
}
@page {
  size: auto; 
  margin: 10%;



}*/