/* CSS Document */

:focus { outline: none; }

/* -------------------------------- gnral ---------------------------------------------- */

.affichage_ajout {
display:none;
width:450px;
border-bottom: 1px dashed #e730a0;
border-top: 1px dashed #e730a0;
margin: 10px 0;
}



.affichage_ajout_oui {
display:block;
}

ol > #boutonenvoyer{
 list-style-type: none;

}

*{
margin:0px;
padding:0px;
}

body{
/*background-image:url(../img/fond.gif) !important;
background-image:url(../img/fond2.gif);*/
background:#ff9025;
background-repeat:repeat;
font-family:Arial;
font-size:11px;
text-align:center; /* Alignement de la page pour IE */


}



h3 {
  font-size:12px;
}


/*body a:link{
border:none;
text-decoration:none; 
}

body a:visited{
border:none;
text-decoration:none; 
}*/

body img{
border:none;
}

/*Bloc gnral qui permet l'alignement au centre*/
#affichage{
width:819px;

margin:10px auto 0 auto;
text-align:left; /* Rtablissement de l'alignement pour Firefox */
position:relative;

}

#barre { 
	width: 777px;
padding-top:-5px;
	height: 25px;


	
}
#languages {
	float: left;
	margin: 0 0 0 46px;
	line-height: 27px;
}
#languages a {

}

#languages ul {
list-style: none;
padding: 0;
margin: 0;
display: inline;
}

#languages li {
	display: block;
	float: left;
	background: transparent url(../img/bg_flag.jpg) top left no-repeat;
	height: 27px;
	width: 38px;
	padding: 0 !important;
	padding: 5px 0 0 0; /* alignement vertical de l'image sous IE 6 */
	vertical-align: middle;  /* alignement vertical de l'image sous IE 6 */
	margin: 0 0 0 0;
	line-height: 27px;
	text-align: center;
	 

}

#menu {
	float: right;
	height: 27px;
	width: 129px;
	color: #fff;
	margin-right: 313px !important;
	margin-right: 153px;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/menu.jpg)  left no-repeat;
}
#menu a, #menu a:visited {
	color: #fff;
	line-height: 27px;
	padding: 0 0 0 13px;
	text-decoration: none;
}

#menu a:hover {
	color: #fff;
	line-height: 27px;
	padding: 0 0 0 13px;
	text-decoration: underline;
}

#centrerepeter{
position:relative;
float:left;
height: auto;
width:819px;
margin:auto;
z-index:1;
}

#contenus {
float:left;
background:url(../img/centrerepeter.jpg) repeat-y;
/*background-image:url(no-image);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/centrerepeter.png',sizingMethod='scale');*/
overflow: hidden;
height: auto;
position: relative;
width:812px;
margin-top:0px;
}

#contenu{
position: relative;
float:left;
width:800px;
margin:auto;
margin-top:5px;

}

#lang{
  float:right;
  list-style-type: none;
  padding:30px;
}


#lang li{
  float:left;
  padding:5px;
}


#lang img{
  width:20px;
  height:15px;
}

.class_erreur{
display: block;
color:#4b6946;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #83b481;
background: #b6ffaa;
}

.class_erreur1{
display: block;
color:#871313;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #d38282;
background: #ffabab;
}

#suggestions{
position:absolute;
font-size:12px;
font-weight:bold;
color:#e80288;
text-decoration:underline;
left:300px;
top:100px;
}

#suggestions a:link{
color:#e80288;
text-decoration:underline;
}

#suggestions a:visited{
color:#e80288;
text-decoration:underline;
}


/* -------------------------------- haut de page ---------------------------------------------- */


/*bordure situe en haut de la page*/
#hautpage{
position:relative;
float:left;

margin-top:0px;
margin-left:0px;
background: url(../img/hautpage.jpg) bottom left no-repeat;
/*background-image:url(no-image);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/hautpage.png',sizingMethod='scale');*/
height:114px;
width:819px;
}

/*logo mes anniv en haut  gauche de la page*/
#logo{
padding-top:30px;
padding-left:20px;
height:78px;
width:360px;
}

/*logo mes anniv en haut  gauche de la page pour les pages personnalises*/
#logo2{
position:absolute;
top:28px;
left:20px;
height:60px;
width:339px;
}

/* -------------------------------- menu bas de page ---------------------------------------------- */


/*bordure situe en bas de la page*/
#baspage{

float:left;
margin-top:auto;
margin-bottom:0px !important;
margin-bottom:-15px;
background-image:url(../img/baspage.jpg); 
background-repeat: no-repeat;
height:61px;
width:819px;
z-index:0;
}

#menubas{
text-align: center;
margin: 31px auto;
width: 200px;
color: #000;
}

#baspage li {
float:left;
position:relative;
list-style-type:none;
margin-left:3px;
padding-bottom:30px;
}

#baspage li a:link, #baspage li a:visited{
font-weight: bold;
color: #000;
font-size:11px;
text-decoration: underline;
}

#baspage a:hover{
color: #000; 
}


/* -------------------------------- page d'accueil ---------------------------------------------- */


/*1er titre de la page*/
#titre h2{
margin-top:20px;
padding-left:150px;
font-size:20px;
text-align:center;
color:#e80288;
}

#titre_accueil2 h2{
padding-top:30px !important;
padding-top:10px;
padding-left:150px;
font-size:20px;
text-align:center;
color:#e80288;
}

/*2me titre de la page*/
#titre2 {
padding-top:15px;
padding-left:260px;
font-size:17px;
text-align:left;
color:#e80288;
}

#titre2 a{
text-decoration: none;
color:#FF9900;
margin-left:-55px;
}

#titre2 a:hover{
text-decoration: underline;
color:#FF9900;
}

/*photo d'illustration en bas  gauche de la page*/
#bob{
position:absolute;
float:left;
left:8px;
bottom:36px;
margin-bottom:0px;
padding-bottom:0px;
background-image:url(../img/bob2.gif);
height:270px;
width:201px;
z-index:0;
}



/*bloc contenant le texte principal*/
#description {
height:auto;
width:400px;
margin-left:100px;
padding-left:60px;
font-size:12px;
text-align:justify;
color:#7a0147;
}

#description a:link{
color:#e80288;
}

#description a:visited{
color:#e80288;
}


#txtrose {
font-size:12px;
font-style:italic;
font-weight:bold;
text-align:justify;
color:#e80288;
}

#txtrose2 {
font-size:12px;
font-weight:bold;
text-align:justify;
color:#e80288;
}


#txtorange {
font-size:12px;
font-style:italic;
font-weight:bold;
text-align:justify;
color:#f66313;
}

#txtorange2 {
font-size:12px;
font-weight:bold;
text-align:justify;
color:#f66313;
}


/*bouton pour l'inscription*/
#inscription {
height:auto;
margin-left:240px;
margin-top:40px;
}

#inscription img{
position:relative;
}

#texte_petit {
height:auto;
width:300px;
margin-left:210px;
margin-top:40px;
font-size:9px;
color:#7a0147;
}

#texte_petit a:link{
color:#7a0147;
text-decoration:underline;
}

#texte_petit a:hover{
color:#7a0147;
text-decoration:underline;
}

#texte_petit a:visited{
color:#7a0147;
text-decoration:underline;
}


/*bloc de droite*/
#contenu2{
float:right;
position:relative;
right:20px;
width:200px;
}

#moncompte{
background-image:url(../img/moncompte.jpg);
position:relative;
float:right;
margin-top:50px;
margin-right:10px;
margin-left:auto;
width:184px;
height:187px;
}

#moncompte1{
background-image:url(../img/moncompte_en.jpg);
position:relative;
float:right;
margin-top:50px;
margin-right:10px;
margin-left:auto;
width:184px;
height:187px;
}

#erreur_login{
position:absolute;
top:36px;
color:#FF0000;
width:160px;
font-size:9px;
}


#login{
margin-top:65px;
margin-left:10px;
font-size:10px;
font-weight:bold;
color:white;
}

#boutonvalider{
margin-left:55px;
margin-top:10px;
}

#valider{
margin-top:1px;
margin-right:13px;
font-size:10px;
font-weight:bold;
color:white;
text-align:right;
}

#valider a:link{
color:white;
}

#valider a:visited{
color:white; 
}

#valider a:hover{
color:white;
text-decoration:underline;
}
/*bloc des news*/
#news{
position:relative;
float:right;
margin-top:30px;
margin-left:17px;
right:10px;
margin-right:0px;
font-size:10px;
font-weight:bold;
color:#7a0147;
width:184px;
border: #e80288 1px solid;
}

#contenunews{
position:relative;
width:175px;
left:5px;
}

#contenunews h2{
font-size: 18px;
color:#e80288;
}

#contenunews h3{
font-size: 12px;
color:#e80288;
}

#contenunews img{
position:relative;
left:70px;
}

.form_txt{
margin:0 0 10px 0;
}

#erreur_ajout{
color:#FF0000;
font-size:10px;
font-weight:bolder;
}
/* -------------------------------- informations gnrales ---------------------------------------------- */


#titre3 {
padding-top:8px;
font-size:16px;
font-weight:bold;
padding-left: 225px;
color:#e80288;
}

/*photo d'illustration en bas  gauche de la page*/
#img_infogen{
position:absolute;
float:right;
left:35px;
bottom:36px;
margin-bottom:0px;
padding-bottom:0px;

height:429px;
width:217px;
z-index:2;
}

/*bloc contenant le texte principal*/
#description2 {
height:auto;
width:500px;

margin-top:-50px;
padding-top:80px;
padding-left:60px;
font-size:11px;
text-align:justify;
color:#7a0147;
}

#boutonretour {
margin-left:330px;
margin-top:50px;
float:left;
}

#boutonretour img{
position:relative;
}


/* -------------------------------- inscription tape1 ---------------------------------------------- */


/*photo d'illustration en bas  gauche de la page*/
#img_inscription1{
position:absolute;
float:left;
left:25px;
bottom:56px;
margin-bottom:0px;
padding-bottom:0px;
background-image:url(../img/img_inscription1.png) !important; 
background-image:url(no-image);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img_inscription1.png',sizingMethod='scale');
height:249px;
width:320px;
z-index:2;
}

/*cadre permettant l'inscription de son mail*/
#inscription1 {
position:relative;
height:150px;
width:450px;
margin-left:230px;
margin-top:20px;
padding-top:10px;
padding-left:40px;
padding-right:20px;
font-size:11px;
text-align:justify;
color:#7a0147;
border:#e80288 1px solid;
}

#form_inscription1 {
position:absolute;
top:30px;
left:40px;
}


#boutonvalider2 {
height:auto;
margin-left:150px;
margin-top:20px;
}

#boutonvalider2 img{
position:relative;
}

#boutonretour_v2 {
padding-left:200px;
padding-top:70px;
}

#boutonretour_v2 img{
position:relative;
}

.form_inscription1{
margin-left:10px;
margin-top:0px;
}

#inscription1 a:link{
text-decoration:underline;
}

#inscription1 a:visited{
text-decoration:underline;
}

/* -------------------------------- inscription tape2 ---------------------------------------------- */


/*photo d'illustration en bas  gauche de la page*/
#img_inscription2{
position:absolute;
float:left;
left:35px;
bottom:56px;
margin-bottom:0px;
padding-bottom:0px;
background-image:url(../img/img_inscription2.jpg); 
height:303px;
width:247px;
z-index:2;
}

/*bloc contenant le texte principal*/
#description3{
height:400px;
width:500px;
padding-top:10px;
padding-left:240px;
font-size:11px;
text-align:center;
color:#7a0147;
}

#description3 h2{
color:#e80288;
}

#description3 a:link{
color:#e80288;
}

#description3 a:visited{
color:#e80288;
}


/* ----------------------------------------- inscription tape3 ---------------------------------------------- */


/*photo d'illustration en bas  gauche de la page*/
#img_inscription3{
position:absolute;
float:left;
left:35px;
bottom:56px !important;
bottom:56px;
margin-bottom:0px;
padding-bottom:0px;
background-image:url(../img/img_inscription3.jpg); 
height:266px;
width:195px;
z-index:2;
}

/*bloc contenant le texte principal*/
#description4{
height:auto;
width:350px;
margin-top:10px;
margin-left:260px;
padding-top:40px;
padding-left:60px;
padding-bottom:40px;
font-size:11px;
text-align:left;
color:#7a0147;
border:#ff9600 1px solid;
}

/* #contenu h5{
width:450px;
padding-left:260px;
color:#009933;
font-size:14px;
font-weight:bold;
} */

#contenu h6{
width:450px;
padding-left:260px;
padding-top:20px;
font-size:12px;
font-weight:bold;
}

#valider2 {
height:auto;
margin-left:80px;
margin-top:17px;
}

/**/
#erreurcle{
font-size:12px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
width:450px;
padding-left:300px;
padding-top:5px;
}

#email_entre{
font-size:14px;
font-weight:bold;
padding-left:450px;
}
/* ----------------------------------------- mon compte ---------------------------------------------- */

/*******Form page mon compte*********/

/*contour des champs*/
/*#Profil input{
border:1px solid #00FF00;
}*/

/* #nom{
padding:0 2px 0 2px;
}

#prenom{
padding:0 2px 0 2px;
} */

#date_j{
margin:0;
padding:0;
width:30px;
text-align:center;
}
#date_m{
text-align:center;
}
#date_a{text-align:center;}
#heure{text-align:center;}
#mn{text-align:center;}

#sexe{
padding:0 0 0 2px;
width:75px;
}

#horaire_sms{
padding:0 0 0 2px;
width:50px;
}

#mdp1{
margin:O;
padding:0;
}

/*On rappelle l'adresse en dbut de page*/
#adressecompte{
position:relative;
padding-top:50px;
padding-left:400px;
color:#e80288;
font-weight:bold;
}

/*Sous-menu situ sous l'intitul de l'adresse*/
#sousmenucompte{
/*display:block;*/
height:20px;
margin-top:15px;
padding-left:565px;
font-size:12px;
font-weight:bold;
}

#sousmenucompte a:link{
color:#E80288;
text-decoration:none;
}

#sousmenucompte a:visited{
color:#E80288;
text-decoration:none;
}

#sousmenucompte a:hover{
color:#E80288;
text-decoration:underline;
}

/*menu permettant de naviguer dans mon compte*/
#menucompte {
padding-top:10px;
padding-left:481px;
width:480px;
height:31px;
}

#menucompte li{
float:left;
background-image:url(../img/boutonmenucompte.jpg);
list-style-type:none;
width:105px;
height:22px;
padding-top:9px;
text-align:center;
font-weight:bold;
}

#menucompte a:link{
color:#FFFFFF;
}

#menucompte a:visited{
color:#FFFFFF;
}

#menucompte a:hover{
color:#e80288;
}

/*titre mon compte*/
#titre4 {

margin-top:5px;
padding-top:10px;
padding-left:30px;
font-size:20px;
font-weight:bold;
text-align:justify;
color:#ff9600;
}

/*bloc contenant le texte principal*/

#description5{
position:relative;
height:auto;
float:left;
width:470px;
margin-left:15px;
margin-bottom:50px;
padding-top:20px;
padding-left:15px;
padding-bottom:20px;
font-size:11px;
text-align:left;
color:#7a0147;
}

#description5 h2{
color:#ff9600;
}

/* #description5 h5{

padding-left:30px;
font-size:12px;
font-weight:bold;
text-align:justify;
text-decoration:underline;
color:#e80288;
} */

#description5 a:link{
color:#e80288;
text-decoration:underline;
font-weight:bold;
}

#description5 a:visited{
color:#e80288;
text-decoration:underline;
font-weight:bold;
}

#description5 a:hover{
color:#e80288;
font-weight:bold;
}

#supprimer_compte{
font-weight:bold;
text-decoration:underline;
color:#e80288;
padding-left:370px;
}


/* Bouton valider*/
#boutonvalider_moncompte{
margin-left:140px;
margin-top:30px;
}

#contenucompte{
position:relative;
float:right;
height:auto;
width:150px;
color:#7a0147;
margin-right:100px;
padding-top:0px;
padding-left:25px;
}

/* espace pour la photo dans mon compte*/
#photocompte{
position:relative;
width:150px;
height:150px;
border:#ff9600 0px solid;
margin-top:auto;
margin-bottom:auto;
}

#contenu_photocompte{
position:relative;
text-align:center;

}

/* bloc contenant la liste des cadeaux*/
#listecadeaux{
position:relative;
height:auto;
width:150px;
margin-top:20px;
color:#7a0147;
font-size:11px;
text-align:left;
border:#ff9600 1px solid;
padding-left:5px;
}


#listecadeaux h6{
position:relative;
padding-top:7px;
padding-left:20px;
font-size:12px;
color:#ff9600;
width:140px;
}

#listecadeaux ul{
padding-left:5px;
position:relative;
list-style:disc;
list-style-type:none;
}

#modifierliste {
padding-left:100px;
font-weight:bold;
color:#e80288;
text-decoration:underline;
}

#modifierliste a:link{
color:#e80288;
text-decoration:underline;
}

#modifierliste a:visited{
color:#e80288;
text-decoration:underline;
}



/* ----------------------------------------- fiche perso ---------------------------------------------- */


/*bloc contenant le texte principal*/
#ficheperso{
position:relative;
height:auto;
margin-top:0px;
margin-left:20px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:10px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*border:#ff9600 1px solid;*/
/*background-image:url("../img/cadeau1.jpg");*/
background-position: bottom right;
background-repeat:no-repeat;
width: 300px;
}

#ficheperso h2 {
	font-size: 23px;
}

#fichesstitre{
color:#e80288;
margin-top:25px; 
margin-left:25px; 
font-size:14px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*espace pour la photo dans la fiche dtaille */
#photofiche{
width:150px;
height:150px;
float:left;
margin-bottom:5px;
text-align:left;
/*border:#ff9600 1px solid;*/
}

/*Dcompte des jours avant la date d'anniversaire*/
#decompte{
position:absolute;
top:18px;
left:370px;
font-weight:bold;
color:#ff9600;
font-size:16px;
}

#decompte2{
position:absolute;
top:18px;
left:490px;
font-weight:bold;
color:#ff9600;
font-size:16px;
}

/*Nom de la personne dont c'est la fiche*/

/*Date de naissance*/
#ficheperso h4{
position:absolute;
top:45px;
left:150px;
text-decoration:none;
color:#fd9400;
}

/*texte a coté de la photo*/
#txt_fiche{
position:relative;


color:#fd9400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
}

#nomfiche ul {
	list-style: none;
}

#nomfiche li {
	margin-bottom: 10px;
}

#fichecomms{
float:right;
position:relative;
width:230px;
margin-bottom: 20px !important;
}

#fichebloccontact{
position:relative;
width:230px;
height:177px;
color:#000;
background:url(../img/fiche-fond.jpg) top left no-repeat;

font-size: 14px;

}

#fichebloctitre{
position:relative;
padding:10px 5px 0 5px;
}

#fichebloctxt{
position:relative;
text-align:left;
padding:10px 5px 0 5px;


}

#fichecotegauche{
margin-top: 20px;
width:400px;
}

#txt_fiche2{
color:#E80289;
}


#retour_compte{
position:absolute;
top:20px;
left:470px;
font-size:12px;
text-decoration:underline;
color:#e80288;
font-weight:bold;
}

#ficheperso a:link{
color:#FD9400;
text-decoration:underline;
}
#ficheperso a:hover{
color:#FD9400;
text-decoration:none;
}
#ficheperso a:visited{
color:#FD9400;
text-decoration:underline;
}

/*Texte de prsentation de la personne*/
#presentation{
padding-top:20px;
padding-left:5px;
width:580px;
font-size:12px;
text-align:justify;
}

/*Mise en forme titres de la fiche perso*/
.titre_ficheperso{

font-weight:bold;
color:#666;
font-size:14px;
}

#ficheseparation{
height:1px;
width:400px;
background-color:#CCCCCC;
}

.titre_ficheperso2{
font-weight:bold;
padding-bottom:10px;
color:#666;
font-size:24px;
}
/*Texte de prsentation de la personne*/

#hautfiche {
	margin: 0 0 0 0;
	padding: 0;
}

#basfiche {
clear: left;
width: 450px;
margin-top: -10px;
}

#listefiche{


padding-left:5px;
font-size:12px;

}

#listefiche ul{
padding-left:25px;
list-style:square;
}

#listefiche h3 {
	font-size: 16px;
	font-weight: bold;
	color: #ff9100
}

#listefiche h3.txt_commonbox {
	margin-top: 30px;
	font-size: 14px;
	background: url(../img/icon_fiche_commonbox.jpg) bottom left no-repeat;
	height: 46px;
	line-height: 46px;
	padding-left: 60px;
}

#listefiche h3.txt_commonbox  a{
	text-decoration: underline;
}


/* ----------------------------------------- liste des anniv ---------------------------------------------- */

/*----Titre et text d'intro--------*/

#contenu H1{
position: relative;
margin-left:10px;
padding:0 13px 10px 20px;
font-size:20px;
color:#FF9600;
}

#contenu H2{
position: relative;
margin-left:10px;
padding:0 13px 5px 20px;
font-size:20px;
}

#contenu h2 strong{
color:#FF9600;
font-size:20px;
}

#intro_page {
	width: 500px;
	height: 133px;
	margin: 10px 0 20px 10px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	float: left;

}

#intro_page ul {
	list-style: none;
	width: 500px;

}

#intro_page li {
	float: left;
	width: 200px;
	text-align: center;
	margin-left: 30px;
}

#intro_page a, #intro_page a:visited, #intro_page a:hover {
	color: #ff9100;
	border: 0;
	text-decoration: none;
}

#intro_tablo_bord{
font-size:14px;
width:500px;
margin-left:10px;
padding:0 13px 5px 20px;
}

.intro_tablo_bord{
color:#e80288;
text-decoration:underline;
}

.intro_tablo_bord a{
color:#e80288;
text-decoration:underline;
}



/*bloc contenant le texte principal*/
#descriptionlisteanniv{
position:relative;
float:left;
margin-left:10px;
padding:0 13px 15px 10px !important;
padding:0 13px 15px 0;
margin-bottom:40px;
height:auto;
width:500px;
font-size:11px;
text-align:left;
color:#7a0147;
}


#h5 a:link{
color:#7a0147;
font-weight:bold;
}

#h5 a:visited{
color:#7a0147;
font-weight:bold;
}

#h5 a:hover{
color:#7a0147;
font-weight:bold;
}

#filtre{
background-color:#ffb300;
width:115px;
color:#FFF;
cursor:pointer;
/*margin-top:10px;*/
font-weight:bold;
/*padding-left:3px;*/
margin-left:362px;
}
#filtres{
margin-left:190px;
}

/* #descriptionlisteanniv h5{
padding-top:5px;
padding-left:30px;
font-size:12px;
font-weight:bold;
text-align:justify;
text-decoration:underline;
color:#e80288;
} */

h5 a:link{
text-decoration:underline;
color:#e80288;
}

h5 a:visited{
text-decoration:underline;
color:#e80288;
}

.form_listeAnniv{
margin-left:20px;
margin-top:10px;
}

.bouton_supprimer{
position:relative;
}

/*---Tableau contenant la liste des anniv----*/
.divTableau{
width:500px;
}

/*Entete du tableau*/
.divTableau th, th a:link{
font-size:1.1em;
color:#E7008A;
text-decoration:none;
}

.divTableau th a:hover{
color:#E7008A;
font-size:1.1em;
text-decoration:underline;
}

.divTableau th a:visited{
color:#E7008A;
font-size:1.1em;
text-decoration:none;
}

#tab_nom{
text-align:left;
padding-left:10px;
}

#tab_date{
text-align:left;
}

/*----Mise en forme des <tr> du tableau de bord----*/
.divTableau tr{
text-align:center;
}

.divTableau tbody tr{
position:relative;
background-color: #ff017d;
background-image:url(../img/fond_ligne_tablo.jpg);
background-position:bottom left;
background-repeat:no-repeat;
height:25px;
width:500px;
text-align:top;

}

.divTableau tbody td {
	background: none;

}

#amis{
margin-left:7px;
}

.id_ami{
width:150px;
height:25px; 
padding: 0px 10px ;
text-transform:capitalize;
color:white;
font-size:1.1em;
font-weight:bold;
line-height:12px;
text-align:left;
}

.date_tabanniv{
color:white;
font-size:1.1em;
font-weight:bold;
text-align:left;
}

/*-----PICTOS ACTIONS-----*/

#actions ul li{
list-style-type:none;
float:left;
height:21px;
line-height: 0;
background-position: center;
width:27px;
}

/*gestion des roll over*/

/*--MODIFIER--*/
#action_modif a:link{
display:block;
height:21px;
width:27px;
background-image:url(../img/modifier_fiche_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
#action_modif a:visited{
display:block;
height:21px;
width:27px;
background-image:url(../img/modifier_fiche_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
#action_modif a:hover{
display:block;
height:21px;
width:27px;
background-image:url(../img/modifier_fiche_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
}


/*--Voir--*/
#action_voir a:link{
display:block;
height:21px;
width:27px;
background-image:url(../img/voir_fiche_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
#action_voir a:visited{
display:block;
height:21px;
width:27px;
background-image:url(../img/voir_fiche_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
#action_voir a:hover{
display:block;
height:21px;
width:27px;
background-image:url(../img/voir_fiche_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
}



/*---SUPPRIMER--*/
#action_suppr a:link{
display:block;
height:21px;
width:22px;
background-image:url(../img/suppr_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
padding-right:2px;
}
#action_suppr a:visited{
display:block;
height:21px;
width:22px;
background-image:url(../img/suppr_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
padding-right:2px;
}
#action_suppr a:hover{
display:block;
height:21px;
width:22px;
background-image:url(../img/suppr_normal.jpg);
background-repeat:no-repeat;
text-decoration:none;
padding-right:2px;
}


#options2 {
	width: 480px;
	margin-top: 20px;
	padding-left: 5px;
}

#options2 li {
	display: block;
	height: 21px;
	float: left;
	line-height: 21px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

li.suppr_selec {
	background: url(../img/bt_suppr.jpg)  no-repeat;
	padding-left: 25px;
	margin-left: 70px;

}

li.suppr_selec a, li.suppr_selec a:visited{
	color: #000;
	text-decoration: none;
}

li.suppr_selec a:hover {
	text-decoration: underline;
	color: #000;
}




#supprimer_gateau{
clear: both;
height:70px;
background-position:bottom right;
background-repeat:no-repeat;
}

#supprimer_gateau  h4{
	font-size: 14px;
	color: #e90286;
	font-weight: bold;
}

#supprimer_gateau #groupe {
	margin: 0;
	padding: 0;
}
/*Bloc contenant les commentaires*/
#commentaires{
padding-top:20px;
position:relative;
text-align:justify;
width:400px;
min-height:80px;
}


/*------------------------Espace sur la droite de la page qui contient 3 blocs-----------------*/
#listedroite{
position: relative;
float:right;

width:230px;
color:#7a0147;
padding-top:0px;
padding-left:5px;
padding-right:20px;
font-size:12px;

}


#listedroite h4{
position:relative;
/*text-align:center;*/
font-size:14px;
color:#fff;
font-weight: bold;
height: 25px;
line-height: 20px;
}


#listedroite ul{
list-style:none;
}

#listedroite hr {
	clear: both;
	background: #fff;
	color: #fff;
	width: 160px;
	height: 1px;
	margin: 17px auto;
	text-align:center;
	border-top: 1px dashed #e730a0;
}


/*---toolbox anniv  venir------*/
#annivavenir{
clear: both;
margin-top:20px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
width:230px;
height:auto;
}

#annivavenir h4{
	padding-left:5px;
	width:230px;
	height:25px;
	line-height: 25px;
	background-image:url(../img/fond_head_toolbox.jpg);
	background-repeat:no-repeat;
}

#annivavenir ul{
width:228px;
padding-top:10px;
padding-bottom:10px;
border-bottom:none;
border-top:none;

}

#moduleAnnivavenir {
	border-left:1px #e3239c solid;
	border-right:1px #e3239c solid;
	width: 228px;

}

#moduleAnnivavenir ul.listeAnnivavenir {
	margin-left: 5px;
	width: 220px;

}

#moduleAnnivavenir ul.listeAnnivavenir li{
display: block;
	padding-left: 25px;
	
	height: 21px;
	line-height: 21px;
	margin-bottom: 5px;
	font-weight:bold;
color:#ff9800;
font-size: 14px;
width:175px;

}


/*------span pour le nom des anniv  venir-----*/


.nomannivavenir a, .nomannivavenir a:visited, .nomannivavenir a:hover{
text-decoration:none;
font-weight:bold;
color:#ff9800;
font-size: 14px;
width:175px;
text-transform:capitalize;
}

/*span pour le decompte des jours*/
.jourdecompte{ 
position: absolute;
right: 25px;
display:inline;
text-align:center;
width:45px;
}


/*-------------bouton Gerer mes anniv / afficher la liste complte des anniv  venir-----------------*/

#moduleAnnivavenir ul.moduleAnnivActions {
	width: 228px;
	height: 182px;


}

#moduleAnnivavenir ul.moduleAnnivActions li {
	float: left;
	text-align: center;
	padding: 0 6px 30px 6px;
	width: 100px;
}

#moduleAnnivavenir ul.moduleAnnivActions a {
	color: #1c1c1c;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	

/*---Ajouter un anniv---*/

.ajoutanniv{
float:right;
margin:0;
padding:0 2px 0 0;
font-size:1em;
color:#FF9600;

}

.ajoutanniv a{
color:#FF9600;
/*font-weight:bold;*/
text-decoration:none;
}

.ajoutanniv a:hover{
color:#FF9600;
/*font-weight:bold;*/
text-decoration:underline;
}

.ajoutanniv a:visited{
color:#FF9600;
}


/*--------------Bloc qui prsente les diffrents groupes--------------*/
#groupealerte{
margin-top:20px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
width:230px;
height:auto;
}

#groupealerte  h4{
	padding-left:5px;
	width:230px;
	height:25px;
	line-height: 25px;
	background-image:url(../img/fond_head_toolbox.jpg);
	background-repeat:no-repeat;

}

#modulegroupealerte {
	border-left:1px #e3239c solid;
	border-right:1px #e3239c solid;
	width: 228px;
}
#groupealerte ul.moduleListeGroupe{
width:200px;
padding-top:10px;
padding-left: 20px;
border-bottom:none;
border-top:none;
list-style: square;
margin: 0 0 0 0;
font-size: 14px;
font-weight: bold;
}

#groupealerte ul.moduleListeGroupe li {
	float: left;
	width: 100px;
	padding-bottom:10px;
}

#groupealerte ul li a:link{text-decoration:none;}
#groupealerte ul li a:visited{text-decoration:none;}
#groupealerte ul li a:hover{text-decoration:none}

#modulegroupealerte ul.moduleGroupeActions {
	width: 228px;
	height: 100px;
	list-style: none;
}

#modulegroupealerte ul.moduleGroupeActions li {
	float: left;
	text-align: center;
	padding: 0 2px;
	width: 110px;
}

#modulegroupealerte ul.moduleGroupeActions a {
	color: #1c1c1c;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


/*span pour le nom des groupes d'amis*/
.nomgroupe{
display:block;
float:left;
padding-left:5px;
font-weight:bold;
width:140px;
text-transform:capitalize;
}

/*span pour le nombre d'amis par groupe*/
.nbamigroupe{
display:inline;
text-align:right;
width:85px;
font-size:12px;
text-decoration:none;
}



/*lien pour modifier les groupes d'anniv*/
#modifiergroupe{
position:relative;
padding-left:98px;
text-decoration:underline;
}

#modifiergroupe a:link{
color:#7a0147;
}

#modifiergroupe a:hover{
/*color:#FF9700;*/
text-decoration:underline;
}

#modifiergroupe a:visited{
color:#7a0147;
}



/*--------------------------------Toolbox Mon compte & cadeau-----------------*/
#toolbox_moncompte{
margin-top:0;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
width:230px;
}

#toolbox_moncompte h4{
	padding-left:5px;
	padding-top:2px;
	padding-bottom:0px;
	width:230px;
	height:23px;
	background-image:url(../img/fond_head_toolbox.jpg);
	background-repeat:no-repeat;
}

#div_compte{
width:228px;
padding-top:10px;
padding-bottom:20px;
border-bottom:none;
border-top:none;
border-left:1px #e3239c solid;
border-right:1px #e3239c solid;
}

#div_compte ul {
	margin-left: 9px;
}

#div_compte ul li{
padding:0 2px 5px 0;
}

#div_compte ul li.VoirFiche {
	padding-left: 49px;
	height: 49px;
	line-height: 49px;
	font-size: 14px;
	font-weight: bold;
	
	background: url(../img/icon_side_fiche.jpg) left bottom no-repeat;
}

#modif_profil:link{
color: #000;
text-decoration:none;
}

#modif_profil:hover{
color: #000;
/*font-weight:bold;*/
text-decoration:underline;
}

#modif_profil:visited{
color:#FF9600;
}



#nom_util{
font-size:14px;
font-weight:bold;
color: #ff9800;

}

#img_util{
float:left;
margin:0;
padding:0 5px 0 5px;
}

/*-----------CADEAUX---------------------------*/
#mescadeaux {
margin-top:20px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
width:230px;


}
#moduleCadeaux {
	border-left:1px #e3239c solid;
	border-right:1px #e3239c solid;
	overflow: hidden;
}

#moduleCadeaux ul.listeCadeaux {
	padding:14px 0 0 5px;

}

#moduleCadeaux ul.listeCadeaux  li{
	padding:1px 0 1px 40px;
	height: 24px;
	line-height: 24px;
	color: #ff9800;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/icon_side_gift.jpg) left no-repeat;
}

#mescadeaux h4{
	padding-left:5px;
	padding-top:2px;
	padding-bottom:0px;
	width:230px;
	height:23px;
	background-image:url(../img/fond_head_toolbox.jpg);
	background-repeat:no-repeat;
}

#mescadeaux h5 {
	color: #e3239c;
	font-weight: bold;
	font-size: 14px;
	margin-left: 5px;
	padding-bottom: 5px;
}

#moduleCadeaux ul.moduleCadeauxActions {
	height: 68px;
	padding:0;
	margin: 0 0 14px 0;

}

#moduleCadeaux ul.moduleCadeauxActions li {
	float: left;
	text-align: center;
	padding: 0 4px;
}

#moduleCadeaux ul.moduleCadeauxActions a {
	color: #1c1c1c;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	

#moduleCadeaux ul.listCommonBox li {
	
	text-decoration:none;
font-weight:bold;
color:#ff9800;
font-size: 14px;
	padding: 5px 0;
}

.paginationCadeaux { 
clear: both;
font-weight:bold;
color:#ff9800;
font-size: 12px;
margin-top: 10px;
padding: 5px 0;
width: 490px;

}

.totalProduit {
width: 150px;
margin-top: 10px;

}

.paginationAlign {
text-align: right;
float: right;
width: 300px;
margin-top: 10px;
}

.paginationCadeaux a,.paginationCadeaux a:visited { 
font-weight:bold;
color:#ff9800;
font-size: 12px;
text-decoration: underline;
}

.paginationCadeaux a:hover { 
font-weight:bold;
color:#000;
font-size: 12px;
text-decoration: underline;
}

.listCommonBox a, .listCommonBox a:visited {
text-decoration:none;
font-weight:bold;
color:#ff9800;
font-size: 14px;
padding-left: 5px;
width:175px;
text-transform:capitalize;
}

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

.prixCommonBox{ 
position: absolute;
right: 25px;
display:inline;
text-align:center;
width:35px;
}





/*----espace pour ajouter un anniv en entrant le mail----------*/
#ajouteranniv{
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
margin-top:20px;
width:200px;
height:auto;
border:#ff9600 1px solid;
}

#modifManuel{	
	position:absolute;
	text-align:center;
	z-index:10;	
	margin-left:140px !important;
	margin-left:0px;
	left:-120px;	
	margin-top:150px;
	width:950px;
	
}

#cadreModifManuel{
	border:solid 1px #FF9933;
	text-align:center;
	width:350px;
	padding:10px;
	background:#FFFFFF;
}

#cadreModifEmail{
	position: absolute;
	border:solid 1px #FF9933;
	text-align:center;
	width:300px;
	padding:2px;
	top:350px;
	left:200px;
	background:#FFFFFF;
}

/*-----------------------------------------------FOOTER-------------------------------------------------------*/
#menubas ul{
margin:0 0;
padding:0 0;
text-align:left;
}

#menubas ul li{
color:white;
float:left;
list-style-type:none;
}

#menubas ul li a:link{
	color:white;
	text-decoration:none;
}
#menubas ul li a:hover{
	color:white;
	text-decoration:underline;
}
#menubas ul li a:visited{
	color:white;
	text-decoration:none;
}

/* ----------------------------------------- ajouter un anniv ---------------------------------------------- */

.mail_option{
  float:right;
  margin-top:-20px;
}

.mail_option  a, .mail_option a:visited {
	text-decoration: underline;
	font-size: 15px;
	cursor: pointer;
}

.mail_option  a:hover {
	text-decoration: none;
	font-size: 15px;
	cursor: pointer;
}


#list_email {
color: #000;
list-style-position: outside;
list-style-type:none;
margin-left:20px;
font-size: medium;
float:left;
}

#list_email li {
padding: 5px;
}

#list_email input {
margin-right: 3px;
}


/*bloc contenant le texte principal*/
#descriptionliste{
float:left;
margin-left:20px;
padding-left:10px;
padding-top:20px;
padding-bottom:20px;
margin-bottom:40px;
height:auto;
width:450px;
text-align:left;
color:#7a0147;
/*border:#ff9600 1px solid;
background-image:url("../img/gateau.jpg");
background-position: bottom right;
background-repeat:no-repeat;*/
}

#descriptionliste p {
	font-size: 12px;
	color: #000;
}

#descriptionliste h2{
margin:0;
padding:0px 0px;
}

#descriptionliste h3{
margin:10px 0  ;
padding:0px 0px;
font-size: 19px;
font-weight: bold;
color: #ff9100;

}

#descriptionliste a:link{
color:#7a0147;
font-weight:bold;
}

#descriptionliste a:visited{
color:#7a0147;
font-weight:bold;
}

#descriptionliste a:hover{
color:#ff9600;
font-weight:bold;
}

#descriptionliste ul.ajoutAnnivMenu {
	list-style: none;
}

#ajoutAvecDate label, #ajoutCarnet label, #divMSN label {
	float: left;
	display: block;
	width: 140px;
	padding-right: 10px;
	text-align: right;
}


 #ajoutAvecDate input, #ajoutCarnet input , #divMSN input{
	width: 150px;


}



#ajoutAvecDate input#jour, #ajoutAvecDate input#mois {
	width: 25px;
}
#ajoutAvecDate input#annee {
	width: 50px;
}
#ajoutAvecDate input.bouton_ajouter, #ajoutCarnet input.bouton_ajouter, #divMSN input.bouton_ajouter{
margin-top:20px;
width: 107px;
height: 31px;
}

#descriptionliste ul.ajoutAnnivMenu li.ajoutAnnivMenuBasic {
	padding: 0 0 0 60px;
	margin: 0 0 20px 0;
	line-height: 46px;
	font-size: 14px;
	color: #000;
	background: url(../img/icon_addaniv.jpg) bottom left no-repeat;
	clear: both;
}

#descriptionliste ul.ajoutAnnivMenu li.ajoutAnnivMenuMsn {
	padding: 0 0 0 60px;
	margin: 0 0 20px 0;
	line-height: 46px;
	font-size: 14px;
	color: #000;
	background: url(../img/icon_msn.jpg) bottom left no-repeat;
	clear: both;
}

#descriptionliste ul.ajoutAnnivMenu a, #descriptionliste ul.ajoutAnnivMenu a:visited {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

#descriptionliste ul.ajoutAnnivMenu a:hover {
	text-decoration: underline;
}

/*****FORMULAIRE JS************************/
/*---AJOUT MULTIPLE---*/
.ajoutAnnivMassif img{
float:left;
}

.ajoutAnnivMassif h3{
padding:10px 5px 5px 45px;
}

#ajoutMassif{
clear:both;
}

#ajoutMassif a{
display:block;
padding:5px 60px;
}
/*lien MSN*/
.ajoutAnnivMsn:link{
text-decoration:none;
}

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

.ajoutAnnivMsn:visited{
text-decoration:none;
}

/*lien carnet*/
.ajoutCarnet:link{
text-decoration:none;
}

.ajoutCarnet:hover{
color:black;
}

.ajoutCarnet:visited{
text-decoration:none;
}

/*ajoutCSV*/
.ajoutCSV:link{
text-decoration:none;
}

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

.ajoutCSV:visited{
text-decoration:none;
}

/*---AJOUT SIMPLE---*/
.ajoutAnnivManuel img{
clear:both;
float:left;
}

.ajoutAnnivManuel h3{
padding:10px 5px 5px 45px;
}

#ajoutManuel{
clear:both;
}

#ajoutManuel a{
display:block;
padding:5px 60px;
}

#ajoutManuel strong{
color:#FF9600;
}

/*lien ajout simple*/
.ajoutAnnivAvecDate:link{
text-decoration:none;
}

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

.ajoutAnnivAvecDate:visited{
text-decoration:none;
}

/*FORMULAIRE QUI S'AFFICHE EN DESSOUS*/
#divMSN{
padding:5px 0px;
overflow: hidden;
}

#divCSV{

padding:5px 0px;
}

#ajoutCarnet{
padding:5px 0px;
overflow: hidden;

}

#ajoutCarnet label {
	display: block;
	float: left;
	width:130px;
	clear:both;

}

#ajoutCarnet input {
	float: left;
}


#ajoutAvecDate{

padding:5px 0px;
}

/*ALIGNEMENT DU FORMULAIRE DATE CONNUE*/
#formInfosAmi label {
	display: block;
	width: 150px;
	float: left;
}

/*Bloc qui prsente les anniversaires en attente*/
#annivattente{
margin-top:20px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
width:200px;
height:150px;
border:#ff9600 1px solid;
text-align:center;
overflow:auto;
}

.ajoutAnniv{
background-color:#ff9600;
color : White;
font-size: 14px;
width:300px;
cursor:pointer;
margin-top:10px;
padding-left:3px;
}

.bouton_ajouter{
margin-top:20px;
width: 107px;
height: 31px;
}

/*Textarea qui regroupe tous les mails  ajouter*/
#textarea_mails{
position:relative;
float:left;
}

/*Inputs qui permet de slectionner ou d'entrer les mails un par un*/
#champ_mails{
position:relative;
float:left;
}

#conteneurajoutparemail {
margin: 0 auto; 
}
#premierbloc {
background-color: #99CCCC;
}
#personnaliser2 {
background-color: #99CC99;
}


.personnaliser{

text-decoration:underline;
}

#personnaliser a:link{
text-decoration:underline;
}

#personnaliser a:visited{
text-decoration:underline;
}

.bouton_envoyer{
padding-left:10px;
}



#retourAjoutManuel p{
display: block;
color:#871313;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #d38282;
background: #ffabab;
}

#retourListeEmails p{
display: block;
color:#871313;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #d38282;
background: #ffabab;
clear:both;

}

#retourListeOk p{

display: block;
color:#4b6946;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #83b481;
background: #b6ffaa;

}

#retourListeOkManuel p{
display: block;
color:#4b6946;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #83b481;
background: #b6ffaa;
}

/* ----------------------------------------- invitation ---------------------------------------------- */

/*bloc contenant le texte principal*/
#blocinvitation{
position:relative;
height:auto;
width:600px;
margin-top:15px;
margin-left:210px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
color:#7a0147;
/*border:#ff9600 1px solid;*/
}


#tab{
width: 150px;
text-align:center;
}


.ajoutAmiEmail{
position:relative;
top: 100px;
}

.erreur_invitation{
display: block;
color:#871313;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #d38282;
background: #ffabab;
}
/* -----------------------------------------Liste cadeaux ---------------------------------------------- */

#description_cadeaux h2{
color:#ff9600;
}

#ajoutercadeau{
color:#ff9600;
font-size:14px;
padding-left:30px;
}

#description_cadeaux a:link{
text-decoration:underline;
color:#e80288;
font-weight:bold;
}

#description_cadeaux a:visited{
text-decoration:underline;
color:#e80288;
font-weight:bold;
}

#Cadeaux{
width:500px;
}

/*Tableau contenant la liste des cadeaux*/
#tab_cadeaux{
width:500px;
}

#tab_cadeaux thead tr{
text-align:center;
color:#E7008A;
font-size:1.1em;
}

.divTableau tr{
text-align:center;
}

.divTableau tbody tr{
position:relative;
background-color: #ff017d;
background-image:url(../img/fond_ligne_tablo.jpg);
background-position:bottom left;
background-repeat:no-repeat;
height:25px;
width:500px;
text-align:top;

}

.divTableau tbody td {
	background: none;

}

#tab_cadeaux tbody tr{
/*	background-image:url(../img/fond_ligne_tablo.jpg); */
position: relative;
	
	width:500px;
	
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#tab_cadeaux tbody tr td{

background: none;

}

#tab_cadeaux tbody tr td a, #tab_cadeaux tbody tr td a:visited, #tab_cadeaux tbody tr td a:hover{
	color: #fff;
	text-decoration: underline;
}

#tab_cadeaux tbody tr td.infoCado{
/*width:150px;*/
background: none;
padding: 0 0 0 10px;

}

#tab_cadeaux tbody tr td.infoCado a{
	color: #fff;
}

#tab_cadeaux tbody tr td.cadoOptions{
/*width:150px;*/
background: none;
padding: 0 10px 0 0 ;
text-align:right;
}

.cadeauxFiltres {
width: 250px;
float: left;
}


#cadeau_comm{
padding-right:60px;
}

#cadeau_action{
padding-right:10px;
padding-left:10px;
}

#listingCatalogue {
	position: relative;
	overflow: hidden;

	font-size:12px;
	color: #000;
	text-align: left;


}

#listingCatalogue h3 {
margin: 10px 0;
padding-left:10px;
font-size:20px;
font-weight:bold;
text-align:justify;
color:#ff9600;
}

#listingCatalogue form input {
	width: 20px;
	margin-left: 10px;
	
}

#listingCatalogue form input.bt_submit {
	width: 80px;
	margin-left: 10px;
	
}

#listingCatalogue form label {
margin-right: 50px;
	}
	
.ListeProduits {
	position: relative;
	overflow: hiddent;
	margin: 20px 0 0 0;
}

.listeDeCadeaux {
background: url(../img/bg_catalogue.jpg) top left no-repeat;

width: 120px;
height: 164px;
margin: 20px 2px 20px 0;
float:left;
text-align:center;

}

form.listeDeCadeaux {
	position: relative;
	margin: 1px;
	padding: 0;
	line-height: 0;
}

.listeDeCadeaux form {
	margin: 0;
	padding; 0;
}

#descriptionlisteanniv form.listeDeCadeaux h5  {
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 100px;
	height: 25px;
	line-height: 11px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	color: #000;
}

#descriptionlisteanniv .listeDeCadeaux input {
	background: url(../img/bg_bt_cado.jpg) bottom left no-repeat;
	width: 111px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	color: #e9e9e9;
	border: none;
	margin: 8px 0 2px 0;
	padding: 0 0 3px 0;
	cursor: pointer;
	
}

#descriptionlisteanniv .listeDeCadeaux a {
	display: block;
	background: url(../img/bg_bt_cado.jpg) bottom left no-repeat;
	width: 111px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
	color: #e9e9e9;
	border: none;
	margin: 0 auto;
	padding: 0 0 0 0;
}




#ajoutCadeau h3 {
margin: 20px 0;
padding-left:10px;
font-size:20px;
font-weight:bold;
text-align:justify;
color:#ff9600;
}

#ajoutCadeau label {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 5px;
	
}

#ajoutCadeau input {
	margin-bottom: 5px;
}

#ajoutCadeau input.cado_prix {
	width: 30px;
}
/*N'APPARAIT PAS SUR LA PAGE CADEAUX*/
#vide{
height:110px;
background-image:url("../img/cadeau2.jpg");
background-position:bottom right;
background-repeat:no-repeat;
}
/***********/
#bouton_retour{
padding-left:150px;
padding-top:150px;
}

#erreur p{
display: block;
color:#871313;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #d38282;
background: #ffabab;
}

.ajoutCadeau{
clear:both;
width:172px;
height:21px;
cursor:pointer;
}



#Profil label{
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 5px;
	
}

#Profil input.node, #Profil textarea  {
	margin-bottom: 5px;
}

#Profil label.lab_ttlargeur {
width: 400px;
}
/* -----------------------------------------Supprimer le compte ---------------------------------------------- */

#description_supprimercompte{
position:relative;
height:auto;
float:left;
width:480px;
margin-top:45px;
margin-left:220px;
padding-top:20px;
padding-left:40px;
padding-bottom:40px;
font-size:11px;
text-align:left;
color:#7a0147;
}

#description_supprimercompte h2{
color:#ff9600;
}

#description_supprimercompte h5{
position:absolute;
top:15px;
left:240px;
}

#description_supprimercompte a:link{
color:#e80288;
font-weight:bold;
}

#description_supprimercompte a:visited{
color:#e80288;
font-weight:bold;
}

#description_supprimercompte a:hover{
color:#e80288;
font-weight:bold;
}


/* ----------------------------------------- Liste des groupes ---------------------------------------------- */



.tab_groupes{
padding-left:30px;
padding-top:20px;
padding-bottom:20px;
padding-right:20px;
}

.suppr_grp a:link{color:#FF9900;text-decoration:none;}
.suppr_grp a:hover{color:#FF9900;text-decoration:none;}
.suppr_grp a:visited{color:#FF9900;text-decoration:none;}

.separation_tablo_grp{display:block;width:440px;height:2px;border-bottom:2px #F90 dotted;}

/* -----------------------------------------Page de contact ---------------------------------------------- */

#erreur_contact p{
display: block;
color:#871313;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #d38282;
background: #ffabab;
}

#reussite_envoi p{
display: block;
color:#4b6946;
font-weight:bold;
font-size:12px;
text-align:center;
font-style: italic;
line-height: 20px;
width: 500px;
height: 20px;
border: 1px solid #83b481;
background: #b6ffaa;
}

/* -----------------------------------------Page aide ---------------------------------------------- */

/*bloc contenant le texte principal*/
#blocaide{
float:left;
height:auto;
width:400px;
margin-top:15px;
margin-left:10px;
padding-left:20px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
color:#7a0147;

}

/*Titre*/
.titre_aide {
font-size:18px;
text-align:justify;
color:#e80288;
}

/* -----------------------------------------Oubli password ---------------------------------------------- */

#reponse_oubli{
color:#009933;
font-weight:bold;
}

/* -----------------------------------------Calendrier ---------------------------------------------- */



.cal1, .cal2 {
  float:left;
  padding:0px;
  margin:0px;
 height: 250px;
}

.cal0 {
  padding:0px;
  margin:0px;
 height: 250px;
}



#calendrier {
	
  margin-left:20px !important;
  margin-left: 10px;
  float:left;

  cursor: default;
  width:509px;
  overflow: hidden;

}

.nomjour {
  background-color:#ffa407;
  color:white;
}

.nommois {
  background-color:rgb(255,220,90);
}


#calendrier table {
border-collapse: collapse;
border:medium rgb(255,220,90) solid;
  padding:0px;
  margin:0 5px 0 0;
  width:160px;
border-spacing:0;
}


#calendrier td, tr {
  padding:0px;
  height:25px;
  margin:0px;
  border-top: thin rgb(255,220,90) solid;
  border-bottom:thin rgb(255,220,90) solid;
  clear:both;
}

.jours_p { 
  color:gray;
  font-weight: bolder;
  font-size: large;
  background-color:#ffffff;
}

.jours_s a{ 
  color:#ff00ff;
  font-weight: bolder;
  font-size: large;
  background-color:#ffffff;
}

.jours_s a:hover{ 
  color:#bb00bb;
  font-weight: bolder;
  font-size: large;
  background-color:#ffffff;
}

.jours { 
  background-color:#ffffff;
}

#infobulle {
  position: absolute;
  top:0px;
  left:0px;
  visibility:hidden;

	z-index:10;
}

.style2 {
	padding-left : 8px;
	padding-top : 5px;
	padding-right : 8px;
	padding-bottom : 5px;
	border:solid 2px #ffa407;
	color:rgb(233,1,136);
	background-color: white;
	text-align: left;
	font-weight: bolder;
	filter:alpha(opacity=90);
   -moz-opacity:0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;
	z-index:10;
}

/* -----------------------------------------Toolbox---------------------------------------------- */
.toolbox{
	
	border-top:0px;
	border-bottom:1px #FF0000 solid;
	border-left: 1px #FF0000 dashed;
	border-right: 1px #FF0000 dashed;
}

.titre_tb{
	color:#FFFFFF;
	font-size:1.2em;
	padding-left:5px;
}

.nom_tb{
	padding-left:5px;
	padding-right:2px;
}

.nom_tb a:link{
	color:#7A0147;
}

.nom_tb a:hover{
	color:#E5018A;
}

.footer_tb{
	font-size:0.9em;
}

/* --------------------------------------------- Stars ---------------------------------------------- */

#anniv_star { float:left; margin:auto; margin-top:5px; }
#anniv_star h1 { font-size:16px; font-weight:bold; text-align:center; margin-top:15px; }
#anniversaire_star { height:auto; width:600px; margin-left:50px; padding-left:60px; font-size:12px; text-align:justify; color:#7a0147; }
#anniversaire_star a:link{ color:#e80288; }
#anniversaire_star a:visited{ color:#e80288; }
#anniv_star #details { margin:15px 15px 0 0; clear:left; }
#anniv_star #details #photo { float:left; }
#anniv_star #details #detail{ float:left; }
#anniv_star #details #detail ul li { list-style:none; color:#FF9900; }
#anniv_star #actualite_star { position:relative; float:left; position:relative; width:500px; }
#anniv_star #actualite_star a { text-decoration:none; color:#7A0147; }
#anniv_star #actualite_star a:hover { text-decoration:underline; }
#anniv_star #autres_anniv { float:left; width:500px; }
#anniv_star #autres_anniv ul li { list-style:none; }