/* STYLE DU CONTENEUR  */
.profil-conteneur {
background-color: #FFFFFF;
padding: 0;
margin: 0;
}



/* STYLE DE L'ENTETE */
div.profil-entete {
height: 280px;
background-color: #ffffff;
background:url(images/header.jpg) no-repeat;
}



/* STYLE DU BOUTON POUR CHANGER SON STYLE */
.changer-mon-style {
height: 30px;
}
.changer-mon-style a {
color: #ffffff;
background-color: #84445f;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 2px outset #c0c0c0;
display: block;
width: 150px;
float: left;
left: 15px;
position: relative;
top: 10px;
}
.changer-mon-style a:hover {
background-color: #84445f;
border: 2px inset #c0c0c0;
}




/* STYLE DE AVATAR-PSEUDO-SIGNATURE-NOTE */
div.profil-avatar-pseudo-signature-note {
background-color: #F3FBFF;
margin: 15px 5px 0px 5px;
border: 1px solid  #fc6303;
}
.profil-avatar {
float: left;
position: relative;
top: 20px;
left: 10px;
width: 100px;
height: 100px;
background-color:  #ffffff;
}
.profil-avatar img { /*  Image gif transparente */
width: 100px;
height: 100px;
}
.profil-pseudo-signature {
float: left;
position: relative;
left: 20px;
top: 10px;
width: 450px;
height: 120px;
}
.profil-pseudo {
margin: 4px;
height: 54px;
}
.profil-pseudo strong {
float: left;
position: relative;
top: 8px;
left: 0px;
font-size: 22px;
}

.profil-permalien {
margin: 4px;
margin-left: 0px;
padding: 4px;
font-size: 12px;
}

.profil-permalien strong {
color: red;
}

.profil-moyenne-notation {
float: right;
position: relative;
right: 6px;
top: 2px;
width: 180px;
height: 120px;
text-align: center;
}
.profil-moyenne {
margin: 4px;
height: 54px;
padding: 4px;
}
.profil-moyenne strong { /*  Le bloc contenant la moyenne sur 5 */
position: relative;
top: 4px;
font-size: 20px;
}
.profil-notation{
margin: 4px;
height: 54px;
padding: 2px;
font-weight: bold;
}
.profil-notation span{  /*  Le bloc contenant les notes de +1 à +5 */
position: relative;
}
.profil-notation span a.plus1{
font-size: 12px;
text-decoration: none;
margin-right: 5px;
color: #000000;
display: inline;
padding: 2px;
background-color: #fff001;
}
.profil-notation span a.plus2{
font-size: 14px;
text-decoration: none;
margin-right: 5px;
color: #000000;
display: inline;
padding: 2px;
background-color: #ffba01;
}
.profil-notation span a.plus3{
font-size: 16px;
text-decoration: none;
margin-right: 5px;
color: #000000;
display: inline;
padding: 2px;
background-color: #ff7901;
}
.profil-notation span a.plus4{
font-size: 18px;
text-decoration: none;
margin-right: 5px;
color: #000000;
display: inline;
padding: 2px;
background-color: #ff3d01;
}
.profil-notation span a.plus5{
font-size: 20px;
text-decoration: none;
color: #000000;
display: inline;
padding: 2px;
background-color: #ff0000;
}
.profil-masignature {
margin-top: 20px;
margin-bottom: 5px;
background-color: #efefef;
}
div.info-note {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 10px;
background-color: #F3FBFF;
border: 1px solid  #fc6303;
}
div.info-note h1 {
font-size: 18px;
margin: 0;
padding: 0px 0px 3px 30px;
background-color: #D3FF2A;
color: #FFBF14;
background:url(images/h1.png) no-repeat;
background-position: center left;
}
div.info-note p {
padding: 0px 10px 0px 10px;
}
div.info-note p a {
color: #B2733E;
text-decoration: none;
font-weight: bold;
}




/* STYLE DE LA PARTIE DROITE DU PROFIL */
.profil-partie-gauche {
float: left;
position: relative;
width: 300px;
margin-left: 5px;
margin-top: 10px;
}

.profil-partie-droite {
float: right;
position: relative;
width: 440px;
margin-right: 5px;
margin-top: 10px;
}
/* Styles de blocs dans les blocs */
.profil-bloc-padding {
padding: 8px;
}
.profil-bloc-padding a {
color: #583820;
font-weight: bold;
text-decoration: none;
}
.profil-bloc-padding span.titre-bloc { /*  Informations générales du membre */
display: block;
margin-bottom: 4px;
}
.profil-bloc-padding span strong { /*  Informations générales du membre */
float: left;
display: block;
width: 170px;
}

.profil-bloc {  /* STYLE DES BLOCS */
background-color: #F3FBFF;
padding: 0;
margin: 0;
margin-bottom: 10px;
border: 1px solid #fc6303;
}

.profil-bloc a {  /* STYLE DES BLOCS */
color: #84445f;
text-decoration: none;
font-weight: bold;
}


.profil-bloc h1 { /* STYLE DU TITRE DES BLOCS */
font-size: 18px;
margin: 0;
padding: 0px 0px 3px 30px;
background-color: #D3FF2A;
color: #FFBF14;
background:url(images/h1.png) no-repeat;
background-position: center left;
}
div.profil-bloc ul.actions {
list-style-type: none;
margin: 0;
padding: 0;
border: none;
font-size: 12px;
background-color: #F3FBFF;
}

div.profil-bloc ul.actions li {
margin: 0;
padding: 0;
height: 30px;
}


div.profil-bloc ul.actions a {
text-decoration: none;
color: #000000;
background-color: #F3FBFF;
padding: 6px 0px 0px 10px;
margin: 0;
height: 24px;
display: block;
}

div.profil-bloc ul.actions a:hover {
color: #ffffff;
background-color: #FFBF14;
}


div.profil-bloc ul.actions a.fonce {
text-decoration: none;
color: #000000;
padding: 6px 0px 0px 10px;
margin: 0;
background-color: #F3FBFF;
height: 24px;
display: block;
border-bottom: 1px solid #fc6303;
}

div.profil-bloc ul.actions a.fonce:hover {
color: #ffffff;
background-color: #FFBF14;
}



/* STYLE PROFIL-AMIS */
.amis-bloc-avatar {
float: left;
margin-bottom: 15px;
}
.amis-avatar {
width: 100px;
height: 100px;
}
.amis-avatar img {
width: 100px;
height: 100px;
border: none;
}
.pseudo {
text-align: center;
font-weight: bold;
}
.pseudo a {
display: block;
text-decoration: none;
color: #000000;
}
.sexe-age a {
display: block;
text-decoration: none;
color: #000000;
font-weight: normal;
}




/* STYLE PROFIL-VISITEURS */
.visiteurs-bloc-avatar {
float: left;
margin-bottom: 15px;
}
.visiteurs-avatar {
width: 100px;
height: 100px;
}
.visiteurs-avatar img {
width: 100px;
height: 100px;
border: none;
}
.visiteurs-pseudo {
text-align: center;
font-weight: bold;
}
.visiteurs-pseudo a {
display: block;
text-decoration: none;
color: #000000;
}
.visiteurs-date a {
display: block;
text-decoration: none;
color: #000000;
font-size: 10px;
}





/* STYLE PROFIL-PHOTOS */
.photos-bloc-avatar {
float: left;
margin-bottom: 15px;
}
.photos-image {
width: 100px;
height: 100px;
}
.photos-image img {
width: 100px;
height: 100px;
border: none;
}
.photos-date {
text-align: center;
font-weight: bold;
}
.photos-date a {
display: block;
text-decoration: none;
color: #000000;
}






/* STYLE PROFIL-LIVREDOR */
.signer-livre {
height: 30px;
margin-top: 5px;
margin-bottom: 15px;
}
.signer-livre a {
color: #ffffff;
background-color: #84445f;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 2px outset #c0c0c0;
display: block;
width: 150px;
float: right;
right: 15px;
position: relative
}
.signer-livre a:hover {
background-color: #84445f;
border: 2px inset #c0c0c0;
}
div.bloc-signature-detail {
background-color: #F3FBFF;
border-top: 2px solid #fc6303;
padding: 10px 0px 15px 0px;
color: #000000;
font-size: 13px;
}
div.bloc-signature-detail .signature-avatar {
float: left;
position: relative;
width: 45px;
height: 45px;
background-color: #F3FBFF;
}
div.bloc-signature-detail .signature-auteur-date-message {
width: 350px;
float: left;
margin-left: 10px;
}
div.bloc-signature-detail .auteur-date {
margin-bottom: 7px;
}
div.bloc-signature-detail .signature-auteur-date-message a {
color: #84445f;
text-decoration: none;
font-weight: bold;
}
div.bloc-signature-detail .signature-action {
font-weight: bold;
font-size: 10px;
float: right;
margin-top: 20px;
margin-bottom: 10px;
}
div.bloc-signature-detail .signature-action a.repondre{
color: #ffffff;
background-color: green;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
display: block;
width: 100px;
float: left;
margin-right: 5px;
}
div.bloc-signature-detail .signature-action a.repondre:hover{
background-color: green;
}
div.bloc-signature-detail .signature-action a.editer {
color: #ffffff;
background-color: orange;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
display: block;
width: 100px;
float: left;
margin-right: 5px;
}
div.bloc-signature-detail .signature-action a.editer:hover{
background-color: orange;
}
div.bloc-signature-detail .signature-action a.supprimer {
color: #ffffff;
background-color: red;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
display: block;
width: 100px;
float: left;
margin-right: 5px;
}
div.bloc-signature-detail .signature-action a.supprimer:hover{
background-color: red;
}



/* STYLE PROFIL-LIVREDOR */
div.livredor {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
background-color: #F3FBFF;
border: 1px solid #fc6303;
}
div.livredor h1 {
font-size: 18px;
margin: 0;
padding: 0px 0px 3px 30px;
background-color: #D3FF2A;
color: #FFBF14;
background:url(images/h1.png) no-repeat;
background-position: center left;
}
div.livredor .profil-livredor-bloc {
padding: 4px;
}
div.livredor .profil-livredor-bloc .information {
padding: 3px;
font-size: 13px;
background-color: #F3FBFF;
}
div.livredor .profil-livredor-bloc .information a {
text-decoration: none;
font-weight: bold;
color: #84445f;
}
div.livredor .profil-livredor-bloc .signer-livre {
height: 30px;
margin-top: 5px;
margin-bottom: 15px;
}
div.livredor .profil-livredor-bloc .signer-livre a {
color: #ffffff;
background-color: #84445f;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 2px outset #c0c0c0;
display: block;
width: 150px;
float: right;
right: 15px;
position: relative
}
div.livredor .profil-livredor-bloc .signer-livre a:hover {
background-color: #84445f;
border: 2px inset #c0c0c0;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail {
margin: 10px;
background-color: #F3FBFF;
border-top: 2px solid #6e5f52;
padding: 10px 10px 10px 10px;
color: #000000;
font-size: 13px;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-avatar {
float: left;
position: relative;
width: 60px;
height: 60px;
background-color: #F3FBFF;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-auteur-date-message {
width: 470px;
float: left;
margin-left: 10px;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .auteur-date {
margin-bottom: 7px;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-auteur-date-message a {
color: #84445f;
text-decoration: none;
font-weight: bold;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-action {
float: right;
position: relative;
width: 110px;
height: 100px;
font-weight: bold;
font-size: 10px;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-action a.repondre{
color: #ffffff;
background-color: green;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 2px outset #c0c0c0;
display: block;
width: 100px;
float: left;
margin-bottom: 3px;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-action a.repondre:hover{
background-color: green;
border: 2px inset #c0c0c0;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-action a.editer {
color: #ffffff;
background-color: orange;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 2px outset #c0c0c0;
display: block;
width: 100px;
float: left;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-action a.editer:hover{
background-color: orange;
border: 2px inset #c0c0c0;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-action a.supprimer {
color: #ffffff;
background-color: red;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 3px;
border: 2px outset #c0c0c0;
display: block;
width: 100px;
float: left;
margin-bottom: 3px;
}
div.livredor .profil-livredor-bloc div.bloc-signature-detail .signature-action a.supprimer:hover{
background-color: red;
border: 2px inset #c0c0c0;
}
p.plusdesignatures {
margin: 0px 0px 15px 0px;
padding: 0px 10px 0px 0px;
text-align: right;
font-size: 12px;
}
p.plusdesignatures a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
/* FORMULAIRE DU LIVRE D'OR */
div.bloc-signer-conteneur {
margin: 15px 15px 15px 15px;
border: 1px solid #fc6303;
}
div.bloc-signer-conteneur h1 {
font-size: 18px;
margin: 0;
padding: 0px 0px 3px 30px;
background-color: #D3FF2A;
color: #FFBF14;
background:url(images/h1.png) no-repeat;
background-position: center left;
}
div.bloc-signer-formulaire {
background-color: #F3FBFF;
padding: 10px 10px 10px 10px;
color: #000000;
}
div.bloc-signer-formulaire .livre-dor-notification {
background-color: #dfdfdf;
padding: 4px;
color: #000000;
margin-bottom: 10px;
}
div.bloc-signer-formulaire .signer-avatar {
float: left;
position: relative;
width: 100px;
height: 100px;
background-color: #F3FBFF;
}
div.bloc-signer-formulaire .signer-avatar img {
width: 100px;
height: 100px;
}
div.bloc-signer-formulaire .signer-formulaire {
width: 500px;
float: left;
margin-left: 10px;
}
div.bloc-signer-formulaire .signer-formulaire label {
font-weight: bold;
font-size: 16px;
color: #fc6303;
}
div.bloc-signer-formulaire .signer-formulaire textarea {
border: 1px solid #fc6303;
font-size: 16px;
}
div.bloc-signer-formulaire .signer-formulaire-bouton {
float: right;
position: relative;
width: 100px;
height: 100px;
}
div.bloc-signer-formulaire .signer-formulaire-bouton a.signer {
color: #ffffff;
background-color: #fc6303;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 23px 3px 23px 3px;
border: 2px outset #c0c0c0;
display: block;
width: 80px;
height: 16px;
float: left;
margin-bottom: 3px;
position: relative;
top: 20px;
font-size: 16px;
cursor: pointer;
}
div.bloc-signer-formulaire .signer-formulaire-bouton a.signer:hover{
background-color: #fc6303;
border: 2px inset #c0c0c0;
}


/* STYLE DES BLOGS */
strong.titre-blog {
display: inline;
float: left;
width: 550px;
}



strong.date-blog {
font-size: 13px;
font-weight: normal;
color: #000000;
}


/* STYLE PROFIL-PIEDEPAGE*/
div.profil-piedepage {
margin-top: 15px;
height: 194px;
background:url(images/footer.jpg) no-repeat;
width: 100%;
background-color: #ffffff;
}

div.profil-footer {
clear: both;
margin-top: 15px;
height: 194px;
background:url(images/footer.jpg) no-repeat;
width: 100%;
background-color: #ffffff;
}



.fichephoto {
width: 100px;
height: 124px;
float: left;
margin-right: 20px;
margin-bottom: 30px;
padding: 0;
}

.fichephoto div.div-commentaire {
text-align: center;
}

.fichephoto a.commentaire {
color: #000000;
text-decoration: none;
}

.fichephoto a.commentaire:hover {
color: #000000;
text-decoration: underline;
}


.fichephoto img {
border: 2px solid #E4AA49;
}