/* style album */

/* info album */
.photoinfo_feminin {
background-color: #FFEBF7;
border: 1px solid #F157FF;
}

.photoinfo_masculin {
background-color: #E3F0FF;
border: 1px solid #1789E9;
}


/*Chagement de couleur des dedicaces*/
.dediback1 {
background-color: #FFFFFF;
}


.dediback2{
background-color: #dbdbdb;
}


/*STYLE FENETRE AU SURL DU PSEUDO DANS LE CHAT*/
.profilupdated {
width: 350px;
height: 150px;
color: #000000;
background:url(images/bg_profilupdated.jpg) no-repeat;
background-position: top left;
padding: 0;
margin: 0;
}

.profilupdated strong.pseudo {
font-size: 13px;
float: left;
margin-left: 10px;
width: 340px;
color: #1789E9;
margin-bottom: 5px;
}

.profilupdated div.info {
font-size: 11px;
float: left;
margin-left: 5px;
height: 125px;
}

.profilupdated img {
margin-right: 5px;
border: 2px solid #1789E9;
float: right;
}
/*STYLE FENETRE AU SURL DU PSEUDO DANS LE CHAT*/



/* style cadrage avatar */
#bloc_recadre {
 width: 100px;
 height: 100px;
 position: absolute;
 background: url(transparent.png);
 /*filter: alpha(opacity=50);*/
 border: 2px solid red;
}

#bloc_recadre2 {
 width: 100px;
 height: 100px;
 position: absolute;
 background: url(transparent.png);
  /*filter: alpha(opacity=100);*/
 border: 2px solid red;
}

#bloc_pics {
 width: 176px;
 height: 220px;
 position: absolute;
 background: url(transparent.png);
 border: 2px solid red;
}


/* Info bulle */
#dhtmltooltip{
position: absolute;
left: -300px;
/*width: 350px;*/
border: 1px solid black;
padding: 2px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}



/* ||||||||| Style du formulaire de contact |||||||||||| */
form#contact {
margin: 0px 0px 0px 10px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}

form#contact label {
	font-weight: bold;
    font-size: 13px;
}


form#contact label em {
	font-size: 10px;
    font-weight: normal;
}

form#contact label strong {
	font-weight: bold;
      color: #ff0000;
}

form#contact span strong {

      color: #000000;
}


form#contact input{
border: 1px solid #000000;
background-color: white;
font: normal 16px "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: black;
width: 150px;
height: 24px;
padding-left: 4px;
font-weight: bold;
}

form#contact select{
border: 1px solid #000000;
background-color: white;
font: normal 16px "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: black;
width: 150px;
height: 26px;
padding-left: 4px;
}

form#contact textarea{
border: 1px solid #000000;
background-color: white;
font: normal 16px "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: black;
width: 370px;
height: 100px;
padding-left: 4px;
}


form#contact span.info_form{
        font-size: 11px;
        padding-left: 32px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 2px;
        float: right;
        position: relative;
        top: -20px;
        margin-right:  100px;
        width: 200px;
		height: 50px;
		color: #000000;
		background: transparent url(images/info_form.png) top left no-repeat;
}


form#contact span.ok_form{
        font-size: 11px;
        padding-left: 32px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 2px;
        float: right;
        position: relative;
        top: -20px;
        margin-right:  100px;
        width: 200px;
		height: 50px;
		color: #000000;
		background: transparent url(images/ok_form.png) top left no-repeat;
}


form#contact span.erreur_form{
        font-size: 11px;
        padding-left: 32px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 2px;
        float: right;
        position: relative;
        top: -20px;
        margin-right:  100px;
        width: 200px;
		height: 50px;
		color: #000000;
		background: transparent url(images/erreur_form.png) top left no-repeat;
}




form#contact input.envoyer{
border: 1px solid #FF3D3D;
background-color: #FF3D3D;
font: normal 12px "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
font-weight: bold;
color: white;
width: 70px;
height: 22px;
}

form#contact input.image{
border: none;
}









/*Styles page sonneries*/
form#newspost input {
        border: 1px solid #FF3D3D;
        width: 185px;
        height: 16px;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
	}




form#newspost textarea {
        border: 1px solid #FF3D3D;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
	    width: 620px;
	}


form#newspost p {
        font-size: 12px;
        margin-top: 4px;
        margin-bottom: 30px;
	}

form#newspost label{
        font-weight: normal;
        font-size: 12px;
        }


form#newspost span{
        font-size: 9px;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #404040;
        float: right;
        position: relative;
        top: -30px;
        margin-right:  5px;
        width: 190px;
        }



form#newspost span.textarea{
        font-size: 9px;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #FF3D3D;
        background-color: #FFF;
        margin-right:  5px;
        }




form#newspost .code{
        font-size: 9px;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #404040;
        background-color: #FFF;
        position: relative;
        position: relative;
        top: 0px;
        margin-left:  0px;
        width: 190px;
        float: left;
        height: 24px;
        }

form#newspost .smiley{
        font-size: 9px;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #404040;
        background-color: #fff;
        position: relative;
        top: 0px;
        margin-left:  3px;
        width: 185px;
        float: left;
        height: 24px;
        }



form#newspost span a {
        font-weight: bold;
        text-decoration: none;
        color: #000000;
	}

form#newspost span a:hover {
        text-decoration: underline;
        font-weight: bold;
        color: #000000;
	}


form#newspost .submit{
        border: 1px solid #FF3D3D;
        color: #ffffff;
        font-weight: bold;
        background-color: #FF3D3D;
        width: 100px;
        height: 23px;
        font-size: 11px;
        margin-bottom: 5px;
        margin-left: 230px;
}


.tri-un {
background-color: #ededed;
margin-bottom: 15px;
}

/*Styles de messages d'erreur et de confirmation*/

h1.valide {
background-color: #a5c313;
color: #ffffff;
padding: 4px 4px 4px 4px;
font-size: 12px;
margin-top: 0px;
/*background:url(images/bg_valide.png);
background-repeat: repeat-x;*/
font-size: 13px;
font-family: Trebuchet MS, Arial, Verdana sans-serif;
}

p.valide {
color: #000000;
padding-left: 50px;
font-size: 12px;
background:url(images/icone_valide.png) top left no-repeat;
height: 60px;
}

p.valide strong {
color: #a5c313;
}


h1.erreur {
background-color: #ff5d5d;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
color: #000000;
padding: 4px 4px 4px 4px;
font-size: 12px;
margin-top: 0px;
background:url(images/bg_erreur.png);
background-repeat: repeat-x;
font-size: 13px;
font-family: Trebuchet MS, Arial, Verdana sans-serif;
}

p.erreur {
color: #000000;
padding-left: 40px;
font-size: 12px;
background:url(images/icone_erreur.png) top left no-repeat;
height: 60px;
}

p.erreur strong {
color: #fa7c00;
}


h1.infos {
background-color: #FFFFFF;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
color: #000000;
padding: 4px 4px 4px 4px;
font-size: 12px;
margin-top: 0px;
background:url(images/bg_info.png);
background-repeat: repeat-x;
font-size: 13px;
font-family: Trebuchet MS, Arial, Verdana sans-serif;
}

p.infos {
color: #000000;
padding-left: 50px;
font-size: 12px;
background:url(images/icone_info.png) top left no-repeat;
height: 90px;
}

p.infos strong {
color: red;
}



p.infos_top {
color: #000000;
padding-left: 40px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
background:url(images/icone_info.png) top left no-repeat;
border: 1px dotted #B9AF12;
margin: 5px 5px 5px 5px;
}

p.infos_top strong {
color: #B9AF12;
}

/*Styles de messages d'erreur et de confirmation*/


form.actualiser {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
float: right;
position: relative;
top: -6px;
}

form.actualiser input {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 8px;
height: 10px;
}

#lastnews {
background:url(images/bg_lastnews.png);
height: 220px;
background-repeat: no-repeat;
}


/* Texte en gras violet class strongviolet */
.strongviolet {
color: #FF3D3D;
}

/* Parametres des bulle d'aide */

#tooltip {
position:relative;
visibility:hidden;
background-color:#1789E9;
color: #ffffff;
border:1px solid black;
padding:0.2em;
font-size:11px; 
width: 150px;
margin: 0;
}


/* Parametres des informations service */

.information-service {
color: #fff; 
float: right; 
position: relative; 
top: 3px; 
margin-right: 5px; 
width: 180px; 
padding-top: 3px; 
padding-bottom: 3px; 
padding-right: 3px; 
padding-left: 3px; 
background-color: #d230d4; 
border: 1px solid #800080;
padding-left: 10px;
}

.information-service p {
margin-bottom: 10px;
}

.information-service .titre-haut {
margin-bottom: 15px;
}

.information-service .titre-bas {
margin-top: 15px;
}






.information-service .sous-titre {
color: #F9D0FA; 
font-size: 13px;
}


.information-service p em {
font-size: 11px; 
color: #FDF2FE;
}

.information-service p em strong {
color: #fff;
}



.information-service-form {
color: #000000; 
float: right; 
position: relative; 
top: 3px; 
margin-right: 5px; 
width: 250px; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-right: 5px; 
padding-left: 5px;
background-color: #f5f5f5; 
border: 1px solid #c0c0c0;
}

.information-service-form strong {
color: #404040; 
}


.information-service-form p {
margin: 0;
margin-bottom: 10px;
}




/* Parametres des blocks */

a.links {
color: #000000;
text-decoration: none;
font-weight: bold;
}

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

a.linkswhite {
color: #FFF;
text-decoration: none;
font-weight: bold;
}

a.linkswhite:hover {
color: #FFF;
text-decoration: underline;
}



a.linksmessagerie {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

a.linksmessagerie:hover {
color: #ffffff;
text-decoration: none;
}


a.linkspopup {
color: #BA00C6;
text-decoration: none;
font-weight: bold;
background: transparent url(images/linkmessageprive.gif) no-repeat right top;
padding: 0 14px 0 1px;
}

a.linkspopup:hover {
color: #1789E9;
text-decoration: underline;
background: transparent url(images/linkmessageprive.gif) no-repeat right top;
padding: 0 14px 0 1px;
}



a.linksmembres {
color: #727272;
text-decoration: none;
font-weight: bold;
}

a.linksmembres:hover {
color: #727272;
text-decoration: underline;
}


a.linksmembresabo {
color: #1da31a;
text-decoration: none;
font-weight: bold;
}

a.linksmembresabo:hover {
color: #1da31a;
text-decoration: underline;
}


a.linksmodo {
color: #800080;
text-decoration: none;
font-weight: bold;
}

a.linksmodo:hover {
color: #800080;
text-decoration: underline;
}


a.linkssupermodo {
color: #ff5501;
text-decoration: none;
font-weight: bold;
}

a.linkssupermodo:hover {
color: #ff5501;
text-decoration: underline;
}


a.linkscoadmins {
color: #800000;
text-decoration: none;
font-weight: bold;
}

a.linkscoadmins:hover {
color: #800000;
text-decoration: underline;
}


a.linksadmins {
color: #ff0000;
text-decoration: none;
font-weight: bold;
}

a.linksadmins:hover {
color: #ff0000;
text-decoration: underline;
}


a.linkspseudo1 {
color: #008fca;
text-decoration: none;
font-weight: bold;
}

a.linkspseudo1:hover {
color: #1789E9;
text-decoration: underline;
}


a.lienajouterphotos {
display: block;
width: 280px;
font-size: 16px;
background-image:url(images/ico_profil/camera_add.png);
background-repeat: no-repeat;
background-position: 3px center;
color: #99BB00;
text-decoration: none;
font-weight: bold;
border: 1px solid #99BB00;
background-color: #f5f5f5;
padding: 4px 4px 4px 36px;
}

a.lienajouterphotos:hover {
text-decoration: underline;
}

a.liengererphotos {
display: block;
width: 260px;
font-size: 16px;
background-image:url(images/ico_profil/camera_edit.png);
background-repeat: no-repeat;
background-position: 3px center;
color: #99BB00;
text-decoration: none;
font-weight: bold;
margin-left: 10px;
border: 1px solid #99BB00;
background-color: #f5f5f5;
padding: 4px 4px 4px 36px;
}

a.liengererphotos:hover {
text-decoration: underline;
}

a.liensupprimerphoto {
display: block;
width: 260px;
font-size: 16px;
background-image:url(images/ico_profil/camera_delete.png);
background-repeat: no-repeat;
background-position: 3px center;
color: #FF0000;
text-decoration: none;
font-weight: bold;
margin-left: 10px;
border: 1px solid #FF0000;
background-color: #f5f5f5;
padding: 4px 4px 4px 36px;
}

a.liensupprimerphoto:hover {
text-decoration: underline;
}


h1 img {
vertical-align: middle;
margin-right: 15px;
}




h1.message-ok {
color: #000; 
background-color: #F2F2F2;
margin-top: 10px;
margin-bottom: 35px; 
border: 1px solid #c0c0c0;
font-size: 11px;
padding-right: 3px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
width: 370px;
font-weight: normal;
}

h1.message-ok a {
color: #c0c0c0;
text-decoration: none;
}

h1.message-ok a:hover {
color: #c0c0c0;
text-decoration: underline;
}



h1.message-err {
color: #000; 
background-color: #F2F2F2;
margin-top: 10px;
margin-bottom: 35px; 
border: 1px solid #FF0000;
font-size: 11px;
padding-right: 3px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
width: 370px;
font-weight: normal;
}

h1.message-err a {
color: #FF0000;
text-decoration: none;
}

h1.message-err a:hover {
color: #FF0000;
text-decoration: underline;
}



p.champ-obligatoire {
font-weight: bold;
margin-left: 100px; 
color: #E61A1A;
margin-bottom: 20px;
}

p.tous-champ-obligatoire {
font-weight: bold;
margin-left: 80px; 
color: #FF0000;
margin-bottom: 20px;
text-decoration: underline;
}


#derniersinscrits
{
margin: 0px;
padding: 0px;
margin-top: 15px;
}


.derniersinscritsblock {
float: left; 
margin-right: 8px;
margin-left: 8px;
margin-bottom: 4px;
padding: 0;
height: 130px; 
width: 100px; 
padding:0;
}




.derniersinscritsblock .texte {
float: left;
margin-right: 0px;
margin-left: 5px;
}

.derniersinscritsblock .menuduprofil {
float: right;
margin-right: 35px;
}


.derniersinscritsblock .texte .info {
color: #BA00C6;
text-decoration: none;
font-weight: bold;
}

.derniersinscritsblock .texte .info:hover {
color: #1789E9;
text-decoration: underline;
}





a.linkschat {
color: #BA00C6;
text-decoration: none;
font-weight: bold;
cursor: help;
}

a.linkschat:hover {
color: #BA00C6;
text-decoration: underline;
}



div.profil {
float: left;
background-color: #fff;
border: 2px solid #F3E8F4;
width: 47%;
height: 780px;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 10px;
}


.blocprofil {
padding: 5px 5px 5px 5px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 3px;
width: 300px;

}

.blocprofil h2 {
font-size: 12px;
color:#BA00C6;
border-top: 1px solid #BA00C6;
border-right: 1px solid #BA00C6;
border-left: 1px solid #BA00C6;
padding-left: 3px;
width: 300px;
}


.blocprofil h3 {
font-size: 11px;
border-bottom: 1px solid #BA00C6;
border-right: 1px solid #BA00C6;
border-left: 1px solid #BA00C6;
padding-left: 3px;
width: 300px;
}


.blocprofil strong.droite {
display: inline; 
float: left; 
width: 150px;
}


.blocprofil strong.droitecourt {
display: inline; 
float: left; 
width: 80px;
}


div.album {
float: right;
background-color: #fff;
border: 2px solid #F3E8F4;
width: 48%;
height: 780px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}


a.close {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
margin-left: 120px;
}

a.close:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}


.passkifffalseinput {
background-color: #fff; 
text-align: center; 
width: 140px; 
height: 18px;
border: 1px solid #BA00C6;
}


.texteavatar {
width: 100px;
height: 100px;
}


.derniersinscritsblock strong.texte {
margin-right: 8px; 
font-weight: normal; 
font-size: 10px;
color: #E61A1A;  
margin-left: 5px;
}











/* Gestion de l'afficha de l'espace personnel */
.blocperso-gauche {

background-color: #cc6bcd;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px;
padding: 5px 5px 5px 5px;
width: 280px;

}

/* Gestion de l'affichage de la partie profil */
.blocperso-gauche .mon-profil {

margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

}

.blocperso-gauche .mon-profil h1 {

margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
font-size: 14px;

}

.blocperso-gauche .mon-profil .mon-avatar-liens {

float: left;
position: relative;
width: 200px;
height: 100px;

}


.blocperso-gauche .mon-profil .mon-avatar {

margin-left: 10px;
float: left;
position: relative;
width: 60px;
height: 60px;
padding: 3px 3px 3px 3px;
background-color: #ffffff;

}



.blocperso-droite {

background-color: #efefef;
float: right;
position: relative;
margin-left: 5px;
margin-right: 5px;
padding: 5px 5px 5px 5px;
width: 450px;

}


.blocperso-droite .cadre {

margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

}

.blocperso-droite .cadre h1 {

margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
font-size: 14px;

}

.blocperso-droite .cadre h1 a {

margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
font-size: 14px;

}


.blocperso-droite .cadre .cadre-gauche {

float: left;
position: relative;
width: 200px;

}


.blocperso-droite .cadre .cadre-centre {

margin-left: 5px;
float: left;
position: relative;
width: 200px;

}


.blocperso-droite .cadre .cadre-droite {

margin-left: 5px;
float: left;
position: relative;
width: 80px;

}











/*  Style des fiche membre */
.fiche {
width: 100px;
height: 134px;
float: left;
margin-right: 26px;
margin-bottom: 30px;
padding: 0;
}


.fiche span.action {
float: left;
position: relative;
width: 102px;
height: 20px;
background-color: #ffffff;
top: -2px;
left: 0px;
text-align: left;
display: block;
color: #000000;
}

.fiche span.action a.msg {
display: inline;
color: #000000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_msg.png) no-repeat center left;
text-decoration: none;
width: 30px;
margin-right: 5px;
margin-left: 2px;
}

.fiche span.action a.msg:hover {
display: inline;
color: #FF0000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_msg.png) no-repeat center left;
text-decoration: none;
width: 25px;
}


.fiche span.action a.dedi {
display: inline;
color: #000000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_dedi.png) no-repeat center left;
text-decoration: none;
width: 30px;
}

.fiche span.action a.dedi:hover {
display: inline;
color: #FF0000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_dedi.png) no-repeat center left;
text-decoration: none;
width: 25px;
}


.fiche span.age_f {
width: 55px;
height: 14px;
background-color: #FF7AB7;
float: right;
position: relative;
top: -117px;
right: 5px;
text-align: center;
display: block;
color: #ffffff;
}

.fiche span.age_m {
width: 55px;
height: 14px;
background-color: #009AFF;
float: right;
position: relative;
top: -117px;
right: 5px;
text-align: center;
display: block;
color: #ffffff;
}


.fiche a.pseudo_offline {
width: 98px;
height: 14px;
background-color: #f5f5f5;
float: left;
position: relative;
top: 0px;
left: 2px;
text-align: center;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #FF0000;
}

.fiche a.pseudo_offline:hover {
width: 98px;
height: 14px;
background-color: #ffffff;
float: left;
position: relative;
top: 0px;
left: 2px;
text-align: center;
border: none;
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid #FF0000;
}


.fiche a.pseudo_online {
width: 98px;
height: 14px;
background-color: #f5f5f5;
float: left;
position: relative;
top: -19px;
left: 2px;
text-align: center;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid green;
}

.fiche a.pseudo_online:hover {
width: 98px;
height: 14px;
background-color: #ffffff;
float: left;
position: relative;
top: -19px;
left: 2px;
text-align: center;
border: none;
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid green;
}

.fiche a img {
border: 2px solid #ffffff;
}

.fiche a img:hover {
border: 2px solid #808080;
}
/*  Style des fiche membre */
















/*  Style des fiche membre */
.fichetop {
width: 100px;
height: 124px;
float: left;
margin-right: 20px;
margin-bottom: 30px;
padding: 0;
}

.fichetop span.age_f {
width: 70px;
height: 14px;
background-color: #e1ccb5;
float: right;
position: relative;
top: -97px;
right: 5px;
text-align: center;
display: block;
color: #000000;
font-size: 10px;
cursor: help;
}

.fichetop span.age_m {
width: 70px;
height: 14px;
background-color: #6e5f52;
float: right;
position: relative;
top: -97px;
right: 5px;
text-align: center;
display: block;
color: #a5c313;
font-size: 10px;
cursor: help;
}


.fichetop a.pseudo_offline {
width: 101px;
height: 14px;
background-color: #6e5f52;
float: left;
position: relative;
top: -17px;
left: 0px;
text-align: center;
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid red;
}

.fichetop a.pseudo_offline:hover {
width: 101px;
height: 14px;
background-color: #6e5f52;
float: left;
position: relative;
top: -17px;
left: 0px;
text-align: center;
border: none;
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid red;
}


.fichetop a.pseudo_online {
width: 101px;
height: 14px;
background-color: #6e5f52;
float: left;
position: relative;
top: -17px;
left: 0px;
text-align: center;
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid green;
}

.fichetop a.pseudo_online:hover {
width: 101px;
height: 14px;
background-color: #6e5f52;
float: left;
position: relative;
top: -17px;
left: 0px;
text-align: center;
border: none;
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid green;
}

.fichetop img {
border: 1px solid #6e5f52;
}
/*  Style des fiche membre */







/*  Style des fiche membre */
.fichetopalbum {
width: 100px;
height: 134px;
float: left;
margin-right: 26px;
margin-bottom: 15px;
padding: 0;
background-color: #ffffff;
}

.fichetopalbum  span.action {
float: left;
position: relative;
width: 102px;
height: 20px;
background-color: #ffffff;
top: -2px;
left: 0px;
text-align: left;
display: block;
color: #000000;
}

.fichetopalbum span.action a.coms {
display: inline;
color: #000000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_coms.png) no-repeat center left;
text-decoration: none;
width: 30px;
}

.fichetopalbum span.action a.coms:hover {
display: inline;
color: #FF0000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_coms.png) no-repeat center left;
text-decoration: none;
width: 30px;
}


.fichetopalbum span.action a.stats {
display: inline;
color: #000000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_stats.png) no-repeat center left;
text-decoration: none;
width: 30px;
}

.fichetopalbum span.action a.stats:hover {
display: inline;
color: #FF0000;
font-size: 10px;
padding: 1px 1px 1px 20px;
background:url(images/fiche_stats.png) no-repeat center left;
text-decoration: none;
width: 30px;
}

.fichetopalbum  span.age_f {
width: 55px;
height: 14px;
background-color: #FF7AB7;
float: right;
position: relative;
top: -117px;
right: 5px;
text-align: center;
display: block;
color: #ffffff;
}

.fichetopalbum  span.age_m {
width: 55px;
height: 14px;
background-color: #009AFF;
float: right;
position: relative;
top: -117px;
right: 5px;
text-align: center;
display: block;
color: #ffffff;
}



.fichetopalbum  a.concours0 {
width: 102px;
height: 14px;
background-color: #f5f5f5;
float: left;
position: relative;
top: -19px;
left: 0px;
text-align: center;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #808080;
}

.fichetopalbum  a.concours0:hover {
width: 102px;
height: 14px;
background-color: #f5f5f5;
float: left;
position: relative;
top: -19px;
left: 0px;
text-align: center;
border: none;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #808080;
}



.fichetopalbum  a.concours1 {
width: 102px;
height: 14px;
background-color: #F9FF4C;
float: left;
position: relative;
top: -19px;
left: 0px;
text-align: center;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #F6FF00;
}

.fichetopalbum  a.concours1:hover {
width: 102px;
height: 14px;
background-color: #F9FF4C;
float: left;
position: relative;
top: -19px;
left: 0px;
text-align: center;
border: none;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #F6FF00;
}


.fichetopalbum  a.concours2 {
width: 102px;
height: 14px;
background-color: #FFCD4C;
float: left;
position: relative;
top: -19px;
left: 0px;
text-align: center;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #FFB800;
}

.fichetopalbum  a.concours2:hover {
width: 102px;
height: 14px;
background-color: #FFCD4C;
float: left;
position: relative;
top: -19px;
left: 0px;
text-align: center;
border: none;
display: block;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #FFB800;
}

.fichetopalbum a img {
border: 2px solid #ffffff;
}

.fichetopalbum a img:hover {
border: 2px solid #808080;
}








	  
.titre{ /*header of 1st demo*/
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 2px;
height: 18px;
background-color: #F2FDFF;
background-repeat: no-repeat;
background-position: center left;
color: #606060;
border: 1px solid #808080;
margin-left: 2px;
margin-right: 2px;
}

.titre:hover{ /*header of 1st demo*/
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 2px;
height: 18px;
background-color: #F2FDFF;
background-repeat: no-repeat;
background-position: center left;
color: #606060;
border: 1px solid #808080;
margin-left: 2px;
margin-right: 2px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background-color: #95DBFF;
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 2px;
height: 18px;
color: #606060;
background-repeat: no-repeat;
background-position: center left;
margin-left: 2px;
margin-right: 2px;
}


.openpet:hover{ /*class added to contents of 1st demo when they are open*/
background-color: #95DBFF;
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 2px;
height: 18px;
color: #606060;
background-repeat: no-repeat;
background-position: center left;
margin-left: 2px;
margin-right: 2px;
}













/*Messagerie*/
.msg_backgroudcolor_f {
border: 1px solid #c0c0c0; 
background-color: #FFF6FF; 
margin: 0; 
padding: 3px 2px; 
margin-bottom: 10px;
}

.msg_backgroudcolor_m {
border: 1px solid #c0c0c0; 
background-color: #F2FDFF; 
margin: 0; 
padding: 3px 2px; 
margin-bottom: 10px;
}

.msg_backgroudcolor_i{
border: 1px solid #c0c0c0; 
background-color: #F5F5F5; 
margin: 0; 
padding: 3px 2px; 
margin-bottom: 10px;
}



.titre{ /*header of 1st demo*/
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 25px;
padding-right: 2px;
height: 18px;
background-image:url(images/fleche_droite.gif);
background-color: #F2FDFF;
background-repeat: no-repeat;
background-position: center left;
color: #606060;
border: 1px solid #808080;
margin-left: 2px;
margin-right: 2px;
}

.titre:hover{ /*header of 1st demo*/
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 25px;
padding-right: 2px;
height: 18px;
background-image:url(images/fleche_bas.gif);
background-color: #F2FDFF;
background-repeat: no-repeat;
background-position: center left;
color: #606060;
border: 1px solid #808080;
margin-left: 2px;
margin-right: 2px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background-color: #95DBFF;
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 25px;
padding-right: 2px;
height: 18px;
color: #606060;
background-image:url(images/fleche_droite.gif);
background-repeat: no-repeat;
background-position: center left;
margin-left: 2px;
margin-right: 2px;
}


.openpet:hover{ /*class added to contents of 1st demo when they are open*/
background-color: #95DBFF;
cursor: pointer;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 25px;
padding-right: 2px;
height: 18px;
color: #606060;
background-image:url(images/fleche_haut.gif);
background-repeat: no-repeat;
background-position: center left;
margin-left: 2px;
margin-right: 2px;
}







/* STYLE PAGE DE GESTION DES STYLES DE PROFIL */
.menu-categorie-style {
padding: 5px 5px 10px 5px;
border: 1px solid #808080;
background-color: #f5f5f5;
margin: 5px 5px 10px 5px;
}

.menu-categorie-style a {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 20px;
text-decoration: none;
color: black;
float: left;
}


.menu-categorie-style a:hover{
display: block;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
color: red;
float: left;
}

.menu-categorie-style .modeleforum {
margin-bottom: 5px;
font-weight: bold; 
padding-top: 4px; 
padding-left: 15px; 
height: 22px;
font-size: 14px;
}




.sondage-accueil {
margin-bottom: 5px; 
font-size: 10px; 
font-weight: normal; 
padding-bottom: 5px;
background-color: #F2F2F2;
}


.sondage-accueil a {
font-size: 13px;
color: #FF3D3D;
text-decoration: none;
}

.sondage-accueil a:hover {
font-size: 13px;
color: #FF3D3D;
text-decoration: underline;
}




/*   BORDURE DES BOUTON AVATAR ET STYLE DE THEME DE L'ESPACE PERSO  */
img.espace_sans_bordure {
border: none; 
border: 4px solid #a9d4ff;
}





/*  PAGE EN LIGNE  */
h1.titrepageenligne {
margin: 0px 0px 0px 0px;
padding: 3px 0px 5px 10px;
font-size: 13px;
font-family: Trebuchet MS, Arial, Verdana sans-serif;
color: #FFFFFF;
border-bottom: 2px solid #81960c;
border-top: 2px solid #81960c;
background-color: #a5c313;
background-image:url(images/vis.gif) no-repeat center right;
}

/* Partie navigation */
div.membres-navigation {
margin-left: 10px;
margin-right: 10px;
padding: 4px;
border: 1px solid #56aad6;
border-top: none;
height: 26px;
text-align: center;
color: #000000;
margin-bottom: 10px;
background-color: #ffffff;
font-size: 14px;
}
div.membres-navigation a {
float: left;
display: block;
padding: 4px;
width: 160px;
background-color: #56aad6;
text-decoration: none;
margin-right: 10px;
color: #006194;
}
/* Partie navigation */


h1.titrepageenligne a {
color: #2d241b;
text-decoration: none;
}

h1.titrepageenligne a:hover {
color: #2d241b;
text-decoration: underline;
}



h1.titrepageenligne strong {
color: #2d241b;
}

div.information-enligne {
margin: 10px;
padding: 4px;
font-size: 13px;
background-color: #dfdfdf;
}


/* Fiche */
div.fiche {
width: 136px;
height: 142px;
background-color: #F2F2F2;
border-right: 2px solid #E0E0E0;
border-bottom: 2px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
}

div.avatar-iconeF {
height: 84px;
background-color: #ffc0ff;
margin: 4px;
padding: 6px;
}

div.avatar-iconeF .avatar {
float: left;
width: 80px;
height: 80px;
padding: 1px;
border: 1px solid #dfdfdf;
background-color: #f5f5f5;
}

div.avatar-iconeF .icone {
float: right;
width: 25px;
height: 80px;
padding: 1px;
text-align: center;
}
div.avatar-iconeF .icone .statut {
margin-bottom: 8px;
}
div.avatar-iconeF .icone .sexe {
margin-bottom: 8px;
}






div.avatar-iconeM {
height: 84px;
background-color: #83c3ff;
margin: 4px;
padding: 6px;
}

div.avatar-iconeM .avatar {
float: left;
width: 80px;
height: 80px;
padding: 1px;
border: 1px solid #dfdfdf;
background-color: #f5f5f5;
}

div.avatar-iconeM .icone {
float: right;
width: 25px;
height: 80px;
padding: 1px;
text-align: center;
}
div.avatar-iconeM .icone .statut {
margin-bottom: 8px;
}
div.avatar-iconeM .icone .sexe {
margin-bottom: 8px;
}

div.fiche-info1 {
margin: 4px;
height: 16px;
font-size: 11px;
padding-left: 3px;
color: #808080;
}
div.fiche-info1 a.niveau0 {
color: #404040;
text-decoration: none;
font-size: 12px;
}
div.fiche-info1 a.niveau0:hover {
color: #404040;
text-decoration: underline;
}
div.fiche-info1 a.niveau2 {
color: #c000c0;
text-decoration: none;
font-size: 12px;
}
div.fiche-info1 a.niveau2:hover {
color: #c000c0;
text-decoration: underline;
}
div.fiche-info1 a.niveau3 {
color: #f87016;
text-decoration: none;
font-size: 12px;
}
div.fiche-info1 a.niveau3:hover {
color: #f87016;
text-decoration: underline;
}
div.fiche-info1 a.niveau4 {
color: #0000c0;
text-decoration: none;
font-size: 12px;
}
div.fiche-info1 a.niveau4:hover {
color: #0000c0;
text-decoration: underline;
}
div.fiche-info1 a.niveau5 {
color: #c00000;
text-decoration: none;
font-size: 12px;
}
div.fiche-info1 a.niveau5:hover {
color: #c00000;
text-decoration: underline;
}



div.fiche-info2 {
margin: 4px;
height: 16px;
font-size: 11px;
padding-left: 3px;
color: #808080;
}

div.fiche-info2 em {
font-style: normal;
}
/* Fiche */


/* Fiche d'identité  */
div.identiteEnligne {
width: 340px; 
float: left;
margin-top: 20px;
margin-bottom: 10px;
padding: 0;
border: 2px solid #00a600;
}
div.identiteAbsent {
width: 340px; 
float: left;
margin-top: 20px;
margin-bottom: 10px;
padding: 0;
border: 2px solid #ff9415;
}
div.identiteHorsligne {
width: 340px; 
float: left;
margin-top: 20px;
margin-bottom: 10px;
padding: 0;
border: 2px solid red;
}
div.identiteOccupe {
width: 340px; 
float: left;
margin-top: 20px;
margin-bottom: 10px;
padding: 0;
border: 2px solid #e4c600;
}


div.information {
float: left;
padding: 4px;
}

div.information div.ligne{
margin-bottom: 2px;
}

div.information strong {
float: left;
width: 50px;
text-align: right;
margin-right: 3px;
}


/* Pseudo  */
div.identitePseudoEnligne {
font-size: 13px;
text-align: center;
font-weight: bold;
}
div.identitePseudoAbsent {
font-size: 13px;
text-align: center;
font-weight: bold;
}

div.identitePseudoHorsligne {
font-size: 13px;
text-align: center;
font-weight: bold;
}

div.identitePseudoOccupe {
font-size: 13px;
text-align: center;
font-weight: bold;
}



div.identitePseudoEnligne a {
display: block;
width: 340px;
text-decoration: none;
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f5f5f5;
border-bottom: 1px solid #00a600;
}
div.identitePseudoAbsent a {
display: block;
width: 340px;
text-decoration: none;
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f5f5f5;
border-bottom: 1px solid #ff9415;
}
div.identitePseudoHorsligne a {
display: block;
width: 340px;
text-decoration: none;
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f5f5f5;
border-bottom: 1px solid red;
}
div.identitePseudoOccupe a {
display: block;
width: 340px;
text-decoration: none;
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f5f5f5;
border-bottom: 1px solid #e4c600;
}





/* Age  */
div.identiteAgeEnligne {
text-align: center;
font-weight: bold;
}
div.identiteAgeAbsent {
text-align: center;
font-weight: bold;
}

div.identiteAgeHorsligne {
text-align: center;
font-weight: bold;
}

div.identiteAgeOccupe {
text-align: center;
font-weight: bold;
}



div.identiteAgeEnligne a {
display: block;
width: 340px;
text-decoration: none;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
background-color: #00a600;
border-top: 1px solid #00a600;
}
div.identiteAgeAbsent a {
display: block;
width: 340px;
text-decoration: none;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
background-color: #ff9415;
border-top: 1px solid #ff9415;
}
div.identiteAgeHorsligne a {
display: block;
width: 340px;
text-decoration: none;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
background-color: red;
border-top: 1px solid red;
}
div.identiteAgeOccupe a {
display: block;
width: 340px;
text-decoration: none;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
background-color: #e4c600;
border-top: 1px solid #e4c600;
}



div.identiteStatutEnligne {
border-right: 1px solid #00a600;
float: left;
}
div.identiteStatutAbsent {
border-right: 1px solid #ff9415;
float: left;
}
div.identiteStatutHorsligne {
border-right: 1px solid red;
float: left;
}
div.identiteStatutOccupe {
border-right: 1px solid #e4c600;
float: left;
}
/* Fiche d'identité  */
/*  PAGE EN LIGNE  */





/*  PAGE JOURNAL  */
/* Partie navigation */
div.journal-navigation {
margin-left: 10px;
margin-right: 10px;
padding: 4px;
border: 1px solid #56aad6;
border-top: none;
height: 26px;
text-align: center;
color: #000000;
margin-bottom: 10px;
background-color: #ffffff;
font-size: 14px;
}
div.journal-navigation a {
float: left;
display: block;
padding: 4px;
width: 150px;
background-color: #56aad6;
text-decoration: none;
margin-right: 10px;
color: #006194;
}
/* Partie navigation */


/* partie formulaire */
div.bloc-journal-formulaire {
margin: 10px;
margin-bottom: 20px;
background-color: #f2f2f2;
padding: 10px 10px 10px 10px;
color: #000000;
border-top: 3px solid #FF3D3D;
}
div.bloc-journal-formulaire strong.corriger {
color: #000000;
}
div.bloc-journal-formulaire .partager-message {
padding: 3px 10px 3px 10px;
color: #000000;
background-color: #f5f5f5;
margin: 0px 0px 10px 0px;
border: 1px solid #c0c0c0;
}
div.bloc-journal-formulaire .journal-avatar {
float: left;
position: relative;
width: 98px;
height: 98px;
background-color: #ffffff;
}
div.bloc-journal-formulaire .journal-avatar img {
width: 97px;
height: 97px;
border: 1px solid #FF3D3D;
}
div.bloc-journal-formulaire .journal-formulaire {
width: 510px;
float: left;
margin-left: 10px;
}
div.bloc-journal-formulaire .journal-formulaire label {
font-weight: bold;
font-size: 16px;
color: #FF3D3D;
}
div.bloc-journal-formulaire .journal-formulaire textarea {
border: 1px solid #FF3D3D;
font-size: 13px;
}
div.bloc-journal-formulaire .journal-formulaire input {
border: 1px solid #FF3D3D;
font-size: 13px;
}
div.journal-bbcode {
padding: 5px;
margin-bottom: 10px;
margin-right: 4px;
background-color: #f2f2f2;
color: #000000;
}
/*  Styles de la page d'ajout de vidéo par bbcode */
h1.titre_video {
margin: 5px;
padding-top: 3px;
padding-bottom: 5px;
padding-right: 0px;
padding-left: 10px;
font-size: 13px;
border-top: 2px solid #81960c;
font-family: Trebuchet MS, Arial, Verdana sans-serif;
color: #FFFFFF;
border-bottom: 2px solid #81960c;
background-color: #a5c313;
background-image:url(images/vis.gif);
background-repeat: no-repeat;
background-position: center right;
}

div.bloc-video-logo {
margin: 0px 5px 5px 5px;
padding: 4px;
background-color: #dfdfdf;
}
/*  Styles de la page d'ajout de vidéo par bbcode */

div.journal-bbcode a {
color: #81960c;
text-decoration: none;
font-weight: bold;
}
input.journal-bbcode-plus-bouton {
position: relative;
top: -5px;
background-color: #ffffff;
color: #000000;
border: none;
cursor: pointer;
color: red;
}
input.journal-bbcode-fermer-bouton {
background-color: #ff0000;
color: #ffffff;
border: none;
cursor: pointer;
}
div.bloc-journal-formulaire .journal-formulaire-bouton {
float: right;
position: relative;
right: 0px;
width: 100px;
height: 100px;
}
div.bloc-journal-formulaire .journal-formulaire-bouton a.partager {
color: #ffffff;
background-color: #FF3D3D;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 13px 3px 13px 3px;
border: 2px outset #c0c0c0;
display: block;
width: 80px;
height: 16px;
float: left;
margin-bottom: 3px;
position: relative;
top: 0px;
font-size: 16px;
cursor: pointer;
}
div.bloc-journal-formulaire .journal-formulaire-bouton a.partager:hover {
background-color: #FF3D3D;
border: 2px inset #c0c0c0;
}


/* partie post-it */
p.message_journal_aucun_post_it {
padding-left: 5px;
margin: 0px 10px 20px 10px;
}
div.post-it_bloc {
margin: 3px 5px 5px 5px;
padding: 4px;
background-color: #e1ccb5;
border-bottom: 1px solid #6e5f52;
border-top: 1px solid #6e5f52;
font-size: 13px;
}
div.post-it_bloc a {
color: #81960c;
text-decoration: none;
font-weight: bold;
}
div.post-it_bloc div.date {
margin: 0;
margin-bottom: 3px;
padding-left: 0px;
font-weight: bold;
font-size: 11px;
}
div.post-it_bloc a.bouton-post-it-accepter { /* Bouton accepter */
color: white;
background-color: green;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
display: block;
width: 80px;
float: left;
margin-right: 15px;
}
div.post-it_bloc a.bouton-post-it-accepter:hover {
background-color: #green;
border: 2px inset #c0c0c0;
}
div.post-it_bloc a.bouton-post-it-refuser { /* Bouton refuser */
color: white;
background-color: red;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
display: block;
width: 80px;
float: left;
}
div.post-it_bloc a.bouton-post-it-refuser:hover {
background-color: red;
border: 2px inset #c0c0c0;
}
a.marquer {
color: #ffffff;
background-color: #FF3D3D;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
display: block;
width: 300px;
float: left;
margin-left: 10px;
text-align: center;
}
a.marquer:hover {
background-color: #FF3D3D;
border: 2px inset #c0c0c0;
}



/* partie journal en détail */
div.journal-detail-information {
padding: 3px 10px 3px 10px;
color: #000000;
background-color: #f5f5f5;
margin: 0px 10px 7px 10px;
border: 1px solid #c0c0c0;
}
div.bloc-journal-detail {
margin: 0px 5px 0px 5px;
padding: 8px 4px 5px 0px;
/*background-color: #e1ccb5;
border-bottom: 0px solid #6e5f52;*/
border-top: 1px solid #cecece;
font-size: 13px;
}
div.bloc-journal-detail .journal-avatar {
float: left;
position: relative;
width: 98px;
height: 98px;
background-color: #ffffff;
}
div.bloc-journal-detail .journal-avatar img {
width: 97px;
height: 97px;
border: 1px solid #f0f0f0;
}
div.bloc-journal-detail .journal-message {
width: 610px;
float: left;
margin-left: 10px;
}
div.bloc-journal-detail .journal-message .visiblepar {
margin-bottom: 10px;
}
div.bloc-journal-detail .journal-message a {
color: #FF3D3D;
text-decoration: none;
}
div.bloc-journal-detail .journal-date {
float: right;
position: relative;
font-size: 10px;
color: #808080;
top: 3px;
}
h1.date {
padding: 4px 0px 4px 10px;
font-size: 18px;
background-color: #cecece;
}

.bloc-commentaire {
margin-top: 10px;
}

.bloc-commentaire .bloc-commentaire-message {
background-color: #f0f0f0;
padding: 3px;
margin-bottom: 1px;
border-bottom: 1px solid #FF3D3D;
font-size: 11px;
}

.bloc-commentaire .bloc-commentaire-message .message-pseudo {
margin-bottom: 2px;
}

.bloc-commentaire .bloc-commentaire-form {
background-color: #e8e8e8;
padding: 3px;
font-size: 11px;
}

.bloc-commentaire .bloc-commentaire-form .text {
border: 1px solid #FF3D3D;
width: 530px;
}

.bloc-commentaire .bloc-commentaire-form .submit {
border: 1px solid #FF3D3D;
background-color: #FF3D3D;
color: #ffffff;
}
/*  PAGE JOURNAL  */




/*  PAGE AMIS  */

/* Partie navigation */
div.amis-navigation {
margin-left: 10px;
margin-right: 10px;
padding: 4px;
border-bottom: 2px solid #99bb00;
height: 22px;
text-align: center;
color: #000000;
margin-bottom: 10px;
background-color: #e0e8a4;
}
div.amis-navigation a {
float: left;
display: block;
padding: 4px;
width: 130px;
background-color: #99bb00;
text-decoration: none;
margin-right: 10px;
color: #000000;
}
/* Partie navigation */


/* Partie Ajouter */
div.bloc-amis-formulaire {
margin: 10px;
background-color: #e0e8a4;
padding: 10px 10px 10px 10px;
color: #000000;
border-top: 3px solid #99bb00;
}
div.bloc-amis-formulaire strong.pseudo_ajouter {
font-size: 14px;
color: #a5c313;
}
div.bloc-amis-formulaire .amis-avatar {
float: left;
position: relative;
width: 100px;
height: 100px;
background-color: #e0e8a4;
}
div.bloc-amis-formulaire .amis-avatar input {
border: 1px solid #99bb00;
width: 95px;
}
div.bloc-amis-formulaire .amis-avatar img {
width: 100px;
height: 100px;
}
div.bloc-amis-formulaire .amis-formulaire {
width: 510px;
float: left;
margin-left: 10px;
}
div.bloc-amis-formulaire .amis-avatar label {
font-weight: bold;
font-size: 16px;
color: #a5c313;
}
div.bloc-amis-formulaire .amis-formulaire label {
font-weight: bold;
font-size: 16px;
color: #000000;
}
div.bloc-amis-formulaire .amis-formulaire textarea {
border: 1px solid #99bb00;
font-size: 16px;
}
div.bloc-amis-formulaire .amis-formulaire-bouton {
float: right;
position: relative;
width: 100px;
height: 100px;
}
div.bloc-amis-formulaire .amis-formulaire-bouton a.ajouter {
color: #000000;
background-color: #a5c313;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 13px 3px 13px 3px;
border: 2px outset #c0c0c0;
display: block;
width: 80px;
height: 16px;
float: left;
margin-bottom: 3px;
position: relative;
top: 19px;
font-size: 16px;
cursor: pointer;
}
div.bloc-amis-formulaire .amis-formulaire-bouton a.ajouter:hover {
background-color: #a5c313;
border: 2px inset #c0c0c0;
}
p.message_amis_ajouter_erreur {
margin-left: 10px;
margin-right: 10px;
padding: 5px;
color: #000000;
background-color: #dfdfdf;
}
p.message_amis_ajouter_erreur a {
font-weight: bold;
text-decoration: none;
color: black;
}
p.message_amis_ajouter_erreur strong {
color: #FF0000;
}
p.message_amis_ajouter_valide {
margin-left: 10px;
margin-right: 10px;
padding: 5px;
color: #000000;
background-color: #dfdfdf;
}
p.message_amis_ajouter_valide a {
font-weight: bold;
text-decoration: none;
color: black;
}
p.message_amis_ajouter_valide strong {
color: green;
}
/* Partie Ajouter */


/* Partie en attente */
p.message_amis_attente_notification {
margin: 0px 10px 5px 10px;
padding: 4px;
background-color: #dfdfdf;
font-size: 13px;
}
div.nombre_amis_attente_notification {
margin: 0px 10px 5px 10px;
padding: 4px;
background-color: #dfdfdf;
font-size: 13px;
}
strong.message_attente_accepter_refuser_valide {
color: green;
}
strong.message_attente_accepter_refuser_erreur {
color: green;
}

div.bloc-amisattente-detail {
margin: 10px;
background-color: #ffffff;
border-top: 2px solid #99bb00;
padding: 10px 10px 10px 10px;
color: #000000;
font-size: 13px;
}
div.bloc-amisattente-detail .amisattente-avatar {
float: left;
position: relative;
width: 100px;
height: 100px;
background-color: #ffffff;
}
div.bloc-amisattente-detail .amisattente-avatar img {
width: 100px;
height: 100px;
}
div.bloc-amisattente-detail .amisattente-auteur-date-message {
width: 470px;
float: left;
margin-left: 10px;
}
div.bloc-amisattente-detail .amisattente-auteur-date-message .message strong {
color: #99bb00;
}
div.bloc-amisattente-detail .amisattente-auteur-date-message .auteur-date {
margin-bottom: 5px;
}
div.bloc-amisattente-detail .amisattente-auteur-date-message a {
color: #000000;
text-decoration: underline;
font-weight: bold;
}
div.bloc-amisattente-detail .amisattente-action {
float: right;
position: relative;
width: 110px;
height: 100px;
font-weight: bold;
font-size: 10px;
}
div.bloc-amisattente-detail .amisattente-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.bloc-amisattente-detail .amisattente-action a.repondre:hover{
background-color: green;
border: 2px inset #c0c0c0;
}
div.bloc-amisattente-detail .amisattente-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.bloc-amisattente-detail .amisattente-action a.supprimer:hover{
background-color: red;
border: 2px inset #c0c0c0;
}
/* Partie en attente */

/*  PAGE AMIS  */




/*  PAGE STYLES APPLICATIONS */
.menu_categories {
color: #000000;
padding: 10px 10px 10px 20px;
font-size: 12px;
background-color: #E0E8A4;
margin: 5px 5px 5px 5px;
}

.menu_categories a.lien-categorie {
color: #000000;
text-decoration: none;
text-align: center;
border: 1px solid #99BB00;
background-color: #ffffff;
}

.apercu-style {
border: 3px solid #c0c0c0;
}
/*  PAGE STYLES APPLICATIONS */




/*  STYLE LIEN BANNIERE DU BAS  */
h1.titrepubbas {
margin: 0;
margin-top: 15px;
padding-top: 3px;
padding-bottom: 5px;
padding-right: 0px;
padding-left: 10px;
font-size: 14px;
font-family: Trebuchet MS, Arial, Verdana sans-serif;
color: #42A1FF;
background-color: #e0e0e0;
}
div.conteneurpubbas {
padding-top: 20px;
height: 110px;
background-color: #ffffff;
}

div.divpubbas {
margin-left: auto; 
margin-right: auto; 
width: 728px; 
height: 90px;
}


h1.titrepubbas a {
color: #808080;
text-decoration: none;
}

h1.titrepubbas a:hover {
color: #808080;
text-decoration: underline;
}
/*  STYLE LIEN BANNIERE DU BAS  */