/************************************************************************/
/**************************** Page accueil ******************************/
/************************************************************************/

div#zone_accueil { }

div#zone_accueil p.introduction { clear:both; border:1px solid #000000; background-color:#ccc; color:#222; padding:10px; text-align:justify; font-weight:bold; margin-bottom:10px; }

div#zone_accueil div#contenu_gauche_accueil { float:left; width:350px; margin:5px 0px 0px 0px; }
div#zone_accueil div#contenu_droite_accueil { float:left; width:330px; margin:5px 0px 0px 15px; }
div#zone_accueil div#contenu_droite_accueil img#cache_video:hover { cursor:pointer; }

div#zone_accueil div#zone_miniature { margin-top:5px; overflow:hidden; }
div#zone_accueil div#zone_miniature a.lien_envoi_ami { width:120px; border:1px solid #000; background:#ccc; text-align:center; font-weight:bold; text-decoration:none; color:#222; padding:11px; float:right; }
div#zone_accueil div#zone_miniature a.lien_envoi_ami:hover { color:#369; }

div#zone_choix_video { background-color:#7d92a3; border:1px solid #6d8293; margin:150px 10px 10px 10px; padding:4px; }
div#zone_choix_video h3 { color:#fff; text-align:center; margin:0px 0px 5px 0px; }
div#zone_choix_video p#envoyer_ami { text-align:center; border:1px solid #768ea2; background:#869eb2; margin:5px 0px 0px 0px; padding:5px; }
div#zone_choix_video p#envoyer_ami a { color:#222; }
div#zone_choix_video p#envoyer_ami a:hover { color:#111; text-decoration:underline; }

/************************************************************************/
/************************* Page inscription *****************************/
/************************************************************************/

div#zone_inscription { }
div#zone_inscription form fieldset { border:1px solid #666; padding:5px; margin-top:15px; }
div#zone_inscription form fieldset legend { border:1px solid #666; background:#fafafa; font-weight:bold; color:#333; font-size:1.2em; padding:5px 10px; }

div#zone_inscription ul { list-style:none; }
div#zone_inscription ul li { margin:5px 0px; }
div#zone_inscription form ul { margin:0px; padding:0px; }
div#zone_inscription form ul li { padding:5px; margin:2px 0px 0px 0px; overflow:hidden; }
div#zone_inscription form ul li b { color:#c11; }
div#zone_inscription form ul li h3 { margin:0px; padding:0px; font-size:1.1em; color:#333; }
div#zone_inscription form ul li.fond1 { background-color:#eff4e6; }
div#zone_inscription form ul li.fond2 { background-color:#f9fdf0; }
div#zone_inscription form ul li span.libelle { float:left; width:240px; font-weight:bold; font-size:1.1em; color:#333; }
div#zone_inscription form ul li ul li span.libelle { width:100px; }
div#zone_inscription form ul li span.radiobox { float:left; width:170px; }
div#zone_inscription form ul li input { vertical-align:middle; }
div#zone_inscription form ul li textarea { margin:10px; }

div#zone_inscription form p.zone_submit { text-align:right; }

div#zone_inscription form img#code_securite { border:1px solid #7f9db9; }

div#zone_inscription form button { background-color:#869eb2; color:#eee; font-weight:bold; }

div#zone_inscription form span#lien_switch_liste { color:#00618d; cursor:pointer; }

/****************[ Etape 2 : Info privé ]**********************/

div#zone_inscription p#zone_notification { border:1px solid #666; background-color:#ccc; display:none; margin:15px auto; padding:4px; }

/****************[ Etape 4 : Photo ]**********************/

div#zone_inscription div.photo_membre { float:left; width:122px; text-align:center; padding:5px; }
div#zone_inscription div.photo_membre a { text-decoration:none; font-weight:bold; color:#c33; }
div#zone_inscription div.photo_membre img:first-child { border:1px solid #000; }
div#zone_inscription div.photo_membre img { vertical-align:middle; }

/****************[ Etape 5 : Fin ]**********************/

div#zone_inscription div#etape_termine { background:url(/maj/phototheque/photos/charte/terminer.jpg) top right no-repeat; width:720px; height:330px; }
div#zone_inscription div#etape_termine h3 { font-size:1.5em; }
div#zone_inscription p.fleche { background:url('/images/icones/fleche_rouge.png') 0px 50% no-repeat; padding:15px 0px 15px 55px; }

/************************************************************************/
/************************* Page Mon compte ******************************/
/************************************************************************/

div#zone_mon_compte #contenu_droite_mon_compte { background:url('/maj/phototheque/photos/charte/picto_menu_compte.jpg') right top no-repeat; padding-top:25px; padding-left:50px; float:right; width:150px; }
div#zone_mon_compte #contenu_droite_mon_compte a { background:url('/maj/phototheque/photos/pictos/fleche_bleu.jpg') 0% 50% no-repeat; padding:0px 0px 0px 15px; color:#00618d; }
div#zone_mon_compte #contenu_droite_mon_compte a.selected { background:url('/maj/phototheque/photos/pictos/fleche_rouge.jpg') 0% 50% no-repeat; color:#e11; }
div#zone_mon_compte #contenu_droite_mon_compte a:hover { background:url('/maj/phototheque/photos/pictos/fleche_rouge.jpg') 0% 50% no-repeat; color:#e11; }

div#zone_mon_compte #contenu_gauche_mon_compte { float:left; width:520px; }

div#zone_mon_compte { }
div#zone_mon_compte form fieldset { border:1px solid #666; padding:5px; margin-top:15px; }
div#zone_mon_compte form fieldset legend { border:1px solid #666; background:#fafafa; font-weight:bold; color:#333; font-size:1.2em; padding:5px 10px; }

div#zone_mon_compte ul { list-style:none; }
div#zone_mon_compte ul li { margin:5px 0px; }
div#zone_mon_compte form ul { margin:0px; padding:0px; }
div#zone_mon_compte form ul li { padding:5px; margin:2px 0px 0px 0px; overflow:hidden; }
div#zone_mon_compte form ul li b { color:#c11; }
div#zone_mon_compte form ul li h3 { margin:0px; padding:0px; font-size:1.1em; color:#333; }
div#zone_mon_compte form ul li.fond1 { background-color:#eff4e6; }
div#zone_mon_compte form ul li.fond2 { background-color:#f9fdf0; }
div#zone_mon_compte form ul li span.libelle { float:left; width:200px; font-weight:bold; font-size:1.1em; color:#333; }
/*div#zone_mon_compte form ul li ul li span.libelle { width:100px; }*/
div#zone_mon_compte form ul li ul li { margin:0px 0px; padding:2px; }
div#zone_mon_compte form ul li span.radiobox { float:left; width:150px; }
div#zone_mon_compte form ul li input { vertical-align:middle; }
div#zone_mon_compte form ul li textarea { margin:10px; }
div#zone_mon_compte p#zone_notification { border:1px solid #666; background-color:#ccc; display:none; margin:15px auto; padding:4px; }

/****************[ Etape 1 : Civilité ]**********************/

div#zone_mon_compte form span#lien_switch_liste { color:#00618d; cursor:pointer; }



/************************************************************************/
/************************* Page Mes messages ****************************/
/************************************************************************/

div#zone_message #contenu_droite_mes_messages { background:url('/maj/phototheque/photos/charte/picto_menu_message.jpg') right top no-repeat; padding-top:25px; float:right; width:200px; }
div#zone_message #contenu_droite_mes_messages a { background:url('/maj/phototheque/photos/pictos/fleche_noir.jpg') 0% 50% no-repeat; padding:0px 0px 0px 15px; color:#333; }
div#zone_message #contenu_droite_mes_messages a.selected { background:url('/maj/phototheque/photos/pictos/fleche_rose.jpg') 0% 50% no-repeat; color:#df4994; }
div#zone_message #contenu_droite_mes_messages a:hover { background:url('/maj/phototheque/photos/pictos/fleche_rose.jpg') 0% 50% no-repeat; color:#df4994; }

div#zone_message #contenu_gauche_mes_messages { float:left; width:520px; }
div#zone_message #contenu_gauche_mes_messages div.pagination { clear:both; margin-left:160px; }
div#zone_message #contenu_gauche_mes_messages div.message { clear:both; padding:8px 0px; }
div#zone_message #contenu_gauche_mes_messages div.message div.zone_check { float:left; width:30px; height:150px; background-color:#e2e4d9; }
div#zone_message #contenu_gauche_mes_messages div.message div.zone_check input[type=checkbox] { margin:67px 9px; padding:0px; }

div#zone_message #contenu_gauche_mes_messages div.message div.info_membre img { float:left; margin:5px; border:1px solid #333; }
div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p { margin:0px; }
div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p.prenom { font-weight:bold; }
div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p.pays strong { color:#f33; }
div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p.info_connexion { color:#1b1; font-weight:bold; margin-top:20px; }

div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p.lire_message { float:right; margin:55px 20px 0px 0px; }
div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a { color:#222; text-decoration:none; }
div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a:hover { color:#b05a62; text-decoration:none; }
div#zone_message #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a img { float:none; border:none; vertical-align:middle; }

/************************************************************************/
/************************* Page Mes favoris *****************************/
/************************************************************************/

div#zone_favoris #contenu_droite_mes_messages { background:url('/maj/phototheque/photos/charte/picto_menu_message.jpg') right top no-repeat; padding-top:25px; float:right; width:200px; }
div#zone_favoris #contenu_droite_mes_messages a { background:url('/maj/phototheque/photos/pictos/fleche_noir.jpg') 0% 50% no-repeat; padding:0px 0px 0px 15px; color:#333; }
div#zone_favoris #contenu_droite_mes_messages a.selected { background:url('/maj/phototheque/photos/pictos/fleche_rose.jpg') 0% 50% no-repeat; color:#df4994; }
div#zone_favoris #contenu_droite_mes_messages a:hover { background:url('/maj/phototheque/photos/pictos/fleche_rose.jpg') 0% 50% no-repeat; color:#df4994; }

div#zone_favoris #contenu_gauche_mes_messages { float:left; width:520px; }
div#zone_favoris #contenu_gauche_mes_messages div.pagination { clear:both; margin-left:160px; }
div#zone_favoris #contenu_gauche_mes_messages div.message { clear:both; padding:8px 0px; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.zone_check { float:left; width:30px; height:150px; background-color:#e2e4d9; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.zone_check input[type=checkbox] { margin:67px 9px; padding:0px; }

div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre img { float:left; margin:5px; border:1px solid #333; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p { margin:0px; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p.prenom { font-weight:bold; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p.pays strong { color:#f33; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p.info_connexion { color:#1b1; font-weight:bold; margin-top:20px; }

div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p.lire_message { float:right; margin:55px 20px 0px 0px; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a { color:#222; text-decoration:none; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a:hover { color:#b05a62; text-decoration:none; }
div#zone_favoris #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a img { float:none; border:none; vertical-align:middle; }

/************************************************************************/
/************************* Page Mes visites *****************************/
/************************************************************************/

div#zone_visite #contenu_droite_mes_messages { background:url('/maj/phototheque/photos/charte/picto_menu_message.jpg') right top no-repeat; padding-top:25px; float:right; width:200px; }
div#zone_visite #contenu_droite_mes_messages a { background:url('/maj/phototheque/photos/pictos/fleche_noir.jpg') 0% 50% no-repeat; padding:0px 0px 0px 15px; color:#333; }
div#zone_visite #contenu_droite_mes_messages a.selected { background:url('/maj/phototheque/photos/pictos/fleche_rose.jpg') 0% 50% no-repeat; color:#df4994; }
div#zone_visite #contenu_droite_mes_messages a:hover { background:url('/maj/phototheque/photos/pictos/fleche_rose.jpg') 0% 50% no-repeat; color:#df4994; }

div#zone_visite #contenu_gauche_mes_messages { float:left; width:520px; }
div#zone_visite #contenu_gauche_mes_messages div.pagination { clear:both; margin-left:160px; }
div#zone_visite #contenu_gauche_mes_messages div.message { clear:both; padding:8px 0px; }
div#zone_visite #contenu_gauche_mes_messages div.message div.zone_check { float:left; width:30px; height:150px; background-color:#e2e4d9; }
div#zone_visite #contenu_gauche_mes_messages div.message div.zone_check input[type=checkbox] { margin:67px 9px; padding:0px; }

div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre img { float:left; margin:5px; border:1px solid #333; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p { margin:0px; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.prenom { font-weight:bold; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.pays strong { color:#f33; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.info_connexion { color:#1b1; font-weight:bold; margin-top:20px; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.info_visite { color:#333; font-weight:bold; margin-top:20px; }

div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.lire_message { float:right; margin:55px 20px 0px 0px; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a { color:#222; text-decoration:none; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a:hover { color:#b05a62; text-decoration:none; }
div#zone_visite #contenu_gauche_mes_messages div.message div.info_membre p.lire_message a img { float:none; border:none; vertical-align:middle; }

/************************************************************************/
/************************** Page Recherche ******************************/
/************************************************************************/

div#zone_recherche {  }

div#zone_recherche div#contenu_gauche_recherche { /*float:left; width:450px;*/ }
div#zone_recherche div#contenu_gauche_recherche p.info_recherche { line-height:1.7em; }
div#zone_recherche div#contenu_gauche_recherche p.info_recherche span { font-weight:bold; font-size:1.1em; }
div#zone_recherche div#contenu_gauche_recherche div.pagination { clear:both; margin-left:160px; }

div#zone_recherche div#contenu_gauche_recherche div.membre { cursor:pointer; float:left; width:430px; padding:5px; }
div#zone_recherche div#contenu_gauche_recherche div.goldmember { background-color:#f7dc45; margin:5px 0px; }
div#zone_recherche div#contenu_gauche_recherche div.goldmember h3 { color:#666; margin:0px 0px 6px 0px; }
div#zone_recherche div#contenu_gauche_recherche p.devenir_gm { clear:both; text-align:center; font-size:1.3em; }
div#zone_recherche div#contenu_gauche_recherche div.membre div.info_membre img { float:left; margin-right:5px; border:1px solid #333; }
div#zone_recherche div#contenu_gauche_recherche div.membre div.info_membre {  }
div#zone_recherche div#contenu_gauche_recherche div.membre div.info_membre p { margin:0px; }
div#zone_recherche div#contenu_gauche_recherche div.membre div.info_membre p.prenom { font-weight:bold; }
div#zone_recherche div#contenu_gauche_recherche div.membre div.info_membre p.pays strong { color:#f33; }
div#zone_recherche div#contenu_gauche_recherche div.membre div.info_membre p.info_connexion { color:#1b1; font-weight:bold; margin-top:20px; }

		/*   Trio membres aux hasard   */

div#zone_recherche div#contenu_gauche_recherche div#zone_trio_hasard { clear:both; border:1px solid #ddd; background:#f9f9f9; margin:20px 0px 20px 5px; padding-left:5px; height:200px; overflow:hidden; }
div#zone_recherche div#contenu_gauche_recherche div#zone_trio_hasard h3 { margin:0px; padding:10px; font-size:1.4em; color:#444; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
div#zone_recherche div#contenu_gauche_recherche div#zone_trio_hasard .pics { float:left; width:140px; height:160px; }
div#zone_recherche div#contenu_gauche_recherche div#zone_trio_hasard .pics a {  }
div#zone_recherche div#contenu_gauche_recherche div#zone_trio_hasard .pics img { margin:10px; border:1px solid #333; }

		/*   Colonne de droite   */

div#zone_recherche div#contenu_droite_recherche { /*float:left; width:270px; margin:0px; padding:0px;*/ }

		/*   Membres aux hasard   */

div#zone_recherche div#contenu_droite_recherche #zone_membre_hasard { background-color:#ddd; border:1px solid #039; overflow:hidden; margin:30px 0px 0px 0px; padding:2px; height:475px; }
div#zone_recherche div#contenu_droite_recherche #zone_membre_hasard h3 { font-size:1.2em; text-align:center; margin:5px 0px; padding:0px; }
div#zone_recherche div#contenu_droite_recherche #zone_membre_hasard div.pics { width:123px; height:140px; margin:0px; padding:6px 2px; float:left; }
div#zone_recherche div#contenu_droite_recherche #zone_membre_hasard div.pics a { margin:0px; padding:0px; }
div#zone_recherche div#contenu_droite_recherche #zone_membre_hasard div.pics img { width:121px; border:1px solid #000; margin:0px; padding:0px; }

/************************************************************************/
/************************** Page Fiche Individu *************************/
/************************************************************************/

div#zone_fiche_individu { }
div#zone_fiche_individu h1 { font-size:1.6em; color:#68737d; padding:0px 0px 5px 20px; border-bottom:1px dashed #68737d; }
div#zone_fiche_individu p.pre_fiche { overflow:hidden; margin:5px; }
div#zone_fiche_individu p.post_fiche { overflow:hidden; margin:5px; }
div#zone_fiche_individu p span.lien_gm { margin-left:20px; font-size:1.3em; }
div#zone_fiche_individu p span.lien_gm a { color:#d7bc25; font-weight:bold; }
div#zone_fiche_individu p span.lien_retour { float:right; }
div#zone_fiche_individu form#bouton { margin:10px; }

div#zone_fiche_individu p.info_connexion { color:#1b1; font-weight:bold; margin:5px; }

div#zone_fiche_individu p.info_membre { padding:7px; margin:0px; }
div#zone_fiche_individu p.G { background-color:#f7dc45; }
div#zone_fiche_individu p.H { background-color:#bbc3c5; }
div#zone_fiche_individu p.F { background-color:#f1e2e4; }

div#zone_fiche_individu img.flag { vertical-align:middle; margin:2px; }

		/*   Diaporama photo   */

div#zone_fiche_individu div#diaporama_individu { padding:7px; overflow:hidden; height:158px; }
div#zone_fiche_individu div#diaporama_individu.G { background-color:#f7dc45; }
div#zone_fiche_individu div#diaporama_individu.H { background-color:#bbc3c5; }
div#zone_fiche_individu div#diaporama_individu.F { background-color:#f1e2e4; }
div#zone_fiche_individu div#diaporama_individu a { margin:0px; padding:0px; }
div#zone_fiche_individu div#diaporama_individu a img { margin:5px; border:4px solid #f6f6f6; }

div#zone_fiche_individu div.quote { background:#dde url('/images/icones/quoted.png') right top no-repeat; border:1px solid #cce; padding:5px; margin:5px 0px; }
div#zone_fiche_individu div.quote p.libelle { font-size:1.1em; font-weight:bold; text-decoration:underline; color:#222; margin-left:5px; }
div#zone_fiche_individu div.quote p.texte { font-family:Georgia, "Times New Roman", Times, serif; color:#333; text-align:justify; margin-left:10px; }

/************************************************************************/
/***************************** Les articles *****************************/
/************************************************************************/

div.article {  }
div.article h1 { color:#869eb2; font-size:1.8em; border-bottom:1px solid #68737d; padding-left:10px; }
div.article h2 { color:#444; font-size:1.4em; padding-left:10px; }

div.article p:first-letter { padding-left:20px; }
div.article p { margin:10px 0px; text-align:justify; }
div.article p.conclusion { font-weight:bold; font-size:1.1em; color:#d22; }
div.article p.conclusion a { color:#d22; }
div.article p.auteur { font-weight:bold; }

div.article ul { list-style:none; }
div.article ul li { text-align:justify; margin:5px 0px; }

div.article a { color:#222; text-decoration:underline; }
div.article a:hover { color:#911; }

/************************************************************************/
/***************************** Abonnements ******************************/
/************************************************************************/

div#zone_abonnement p.sous_titre { color:#333; font-size:1.1em; margin:0px; font-weight:bold; }

div#zone_abonnement p.bande_intro { background:#ddd; border:1px solid #ccc; color:#333; font-weight:bold; text-align:center; padding:5px; font-size:1.6em; margin:20px 20px 20px 5px; }

div#zone_abonnement div#choix_abo { overflow:hidden; }

div#zone_abonnement div#choix_abo div#offre_speciale { float:left; border:1px solid #ccc; background:#fff url('/images/design/abonnement/fond1.jpg') bottom repeat-x; width:310px; height:243px; margin:5px; }
div#zone_abonnement div#choix_abo div#offre_speciale h2 { background:url('/images/design/abonnement/offre_limitee.png') top right no-repeat; padding:58px 0px 0px 10px; font-size:1.6em; color:#333; margin:1px; }
div#zone_abonnement div#choix_abo div#offre_speciale h2 span { color:#d62525; }
div#zone_abonnement div#choix_abo div#offre_speciale p.limite { font-weight:bold; color:#333; margin-left:12px; }
div#zone_abonnement div#choix_abo div#offre_speciale p.tarif { font-weight:bold; font-size:3.3em; color:#3a5f9c; text-align:center; }
div#zone_abonnement div#choix_abo div#offre_speciale p.tarif span { font-size:0.3em; }
div#zone_abonnement div#choix_abo div#offre_speciale p.mention_facture { font-style:italic; text-align:center; color:#333; font-size:0.9em; font-weight:bold; margin:15px; }
div#zone_abonnement div#choix_abo div#offre_speciale p.valider { padding:5px; overflow:hidden; }
div#zone_abonnement div#choix_abo div#offre_speciale p.valider img { margin:12px 1px 0px 1px; }
div#zone_abonnement div#choix_abo div#offre_speciale p.valider input[type=submit] { float:right; background:url('/images/design/abonnement/valider1.png') no-repeat; padding:15px 24px 8px 47px; margin-right:2px; font-weight:bold; font-size:1.5em; color:#224071; border:none; }
div#zone_abonnement div#choix_abo div#offre_speciale p.valider input[type=submit]:hover { color:#d62525; cursor:pointer; }

div#zone_abonnement div#choix_abo div.offre_abonnement { float:left; border:1px solid #ccc; background:#fff url('/images/design/abonnement/fond2.jpg') bottom repeat-x; width:370px; height:73px; margin:5px; }
div#zone_abonnement div#choix_abo div.offre_abonnement h2 { float:left; font-size:1.3em; color:#333; margin:0px; padding:4px 0px 0px 5px; }
div#zone_abonnement div#choix_abo div.offre_abonnement h2 span { color:#d62525; }
div#zone_abonnement div#choix_abo div.offre_abonnement p.tarif { float:right; font-weight:bold; font-size:1.7em; color:#3a5f9c; text-align:right; margin:0px 5px; }
div#zone_abonnement div#choix_abo div.offre_abonnement p.tarif span { font-size:0.6em; margin:0px; padding:0px; }
div#zone_abonnement div#choix_abo div.offre_abonnement p.mention_facture { clear:both; font-style:italic; text-align:center; color:#333; font-weight:bold; margin:0px; padding:4px 0px 0px 0px; font-size:0.9em; }
div#zone_abonnement div#choix_abo div.offre_abonnement p.valider { margin:0px; padding-left:5px; overflow:hidden; }
div#zone_abonnement div#choix_abo div.offre_abonnement p.valider img { margin:8px 1px 0px 1px; }
div#zone_abonnement div#choix_abo div.offre_abonnement p.valider input[type=submit] { float:right; background:url('/images/design/abonnement/valider2.png') no-repeat; padding:10px 12px 3px 33px; margin-right:15px; font-weight:bold; font-size:1.4em; color:#224071; border:none; }
div#zone_abonnement div#choix_abo div.offre_abonnement p.valider input[type=submit]:hover { color:#d62525; cursor:pointer; }

div#zone_abonnement div#liste_avantages { margin-top:40px; }
div#zone_abonnement div#liste_avantages table { border-collapse:collapse; color:#333; border:1px solid #ccc; }
div#zone_abonnement div#liste_avantages table thead tr { background:#ddd; }
div#zone_abonnement div#liste_avantages table thead tr th { padding:5px; font-size:1.1em; border:1px solid #ccc; }
div#zone_abonnement div#liste_avantages table tbody tr { background:#fff; }
div#zone_abonnement div#liste_avantages table tbody tr.ligne2 { background:#f3f3f3; }
div#zone_abonnement div#liste_avantages table tbody tr td.avantage { padding:10px; font-weight:bold; font-size:0.9em; }
div#zone_abonnement div#liste_avantages table tbody tr td.tick { text-align:center; padding:2px; color:#f11; font-weight:bold; font-size:2.2em; }
div#zone_abonnement div#liste_avantages table tbody tr td.tick img { width:20px; vertical-align:middle; }

div#zone_abonnement div#garanties { border:1px solid #ccc; float:right; margin:40px 20px 0px 0px; width:220px; }
div#zone_abonnement div#garanties h2 { background:#ddd; border-bottom:1px solid #ccc; margin:0px; padding:5px; color:#333; font-size:1.1em; text-align:center; }
div#zone_abonnement div#garanties h3 { margin:20px 10px 15px 10px; color:#d62525; font-size:0.9em; text-decoration:underline; }
div#zone_abonnement div#garanties p { padding:2px 10px; text-align:justify; }

/************************************************************************/
/***************************** Rencontre pays ***************************/
/************************************************************************/

div#zone_rencontre_pays p { margin:20px; }
div#zone_rencontre_pays p span { font-weight:bold; text-decoration:underline; }

div#zone_rencontre_pays div.portrait { float:left; width:128px; margin:10px 3px; padding:4px; overflow:hidden; border:1px dashed #ccc; }
div#zone_rencontre_pays div.portrait:hover { background:#eee; }
div#zone_rencontre_pays div.portrait a img { padding:2px; border:2px solid #aaa; }
div#zone_rencontre_pays div.portrait p { margin:2px; }
div#zone_rencontre_pays div.portrait p.nom { font-weight:bold; position:absolute; }
div#zone_rencontre_pays div.portrait p.age { float:right; color:#a22; font-weight:bold; }
div#zone_rencontre_pays div.portrait p.ville { clear:both; font-style:italic; }

div#zone_rencontre_pays ul.liste_pays { list-style:none; }
div#zone_rencontre_pays ul.liste_pays li { padding-left:10px; margin:10px 5px; color:#333; font-size:0.8em; font-weight:bold; font-style:italic; }
div#zone_rencontre_pays ul.liste_pays li a { font-size:1.2em; font-style:normal; }
div#zone_rencontre_pays ul.liste_pays li a:hover { text-decoration:underline; }

div#zone_rencontre_pays td.homme ul.liste_pays li { border-left:12px solid #869eb2; }
div#zone_rencontre_pays td.femme ul.liste_pays li { border-left:12px solid #c69; }

div#zone_rencontre_pays td.homme ul.liste_pays li:hover { border-left:12px solid #768ea2; }
div#zone_rencontre_pays td.femme ul.liste_pays li:hover { border-left:12px solid #b58; }

div#zone_rencontre_pays td.homme ul.liste_pays li a { color:#667e92; }
div#zone_rencontre_pays td.femme ul.liste_pays li a { color:#c47; }