body { background:url(habillage/top_bg.jpg) repeat-x top #ECEFFE; text-align: center; margin:0; }

/* ---- PRINCIPAL ------*/
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; margin:0; padding:0; text-align: justify; line-height: 17px;}
.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin:0; padding:0; text-align: justify;}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #58AD67; text-decoration: underline;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444; text-decoration: underline;}
strong {font-weight: bold; color: #5B5FEC;}
hr { margin: 10px 0px 10px 0px; height:3px; color:#CCC; background: #CCC; border:0;}
.ag {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0; padding:0; text-align: justify;}
.fL {float: left;}
.fR {float: right;}

h2 {font-size:13px; color:#666; margin:0px; padding:3px; }
h4 { font-size:12px; color: #CE6700; margin:0px; padding:3px; font-weight:normal; }

#main_content{ width:1000px; height: auto; margin:auto; background-color:#F6F6EE; border:8px #FFFFFF solid; }
.floatstop {clear: both;}
.clear {clear:both; overflow:hidden; height:4px; }

/*--------- POSITIONNEMENT --------*/
.menu_navigation { width:750px; height:30px; margin:auto; clear:both; }
#left { width:auto; float:left; }
.left { float:left; }
#right { width:auto; float:right; padding-right:25px; }
.right { float:right; }
.right a { text-decoration:none; color:#990000; }

/*----------- HEADER ------------*/
#top_menu { width:1000px; margin:auto; padding:10px; }
ul.menu { list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;} 
ul.menu li { display:inline;}
a.nav:link, a.nav:visited {
display:block; float:right; padding:0px 11px 0 10px; margin:0 5px 0 0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#fff; background:url(habillage/puce.gif) no-repeat left;}
a.nav:hover, a.navjaune:hover { text-decoration:underline;}
a.navjaune:link, a.navjaune:visited {
display:block; float:right; padding:0px 11px 0 10px; margin:0 5px 0 0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#FFFF00; background:url(habillage/puce.gif) no-repeat left;}

/*-------- top ----------*/
.top {width:1000px; height:130px; background:url(habillage/illustr.jpg) no-repeat right; }
.top .logo {float:left; margin: 0 0 0 10px; }
.top .inscrits {float:right; margin: 20px 30px 0 0; z-index: 10;}

/*------------- CONTENU PAGE -----------*/
#page_content { width:950px; height:auto; margin: 0 10px 0 0; }
#page_content_left { width:600px; height:auto; float:left; padding:10px; margin: 15px 0 0 10px; text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFF; }

#page_content_connexion  {float:left; width:60px; height:auto; background:#000;}

.ariane {background: #DDD; font-family: Verdana, Arial, Helvetica, sans-serif; color: #757575; font-style: normal; font-weight: bold; font-size: 12px; padding: 10px; margin-bottom: 10px;}
.ariane a {font-family: Verdana, Arial, Helvetica, sans-serif; color: #757575; font-style: normal; font-size: 12px; font-weight: bold;}

.inscrits img {float:left; margin: 0 10px 0 0;}
/*#page_content_left img {float:left; margin: 0 10px 0 0;}*/
#page_content_left img.border {float:left; margin: 0 10px 0 0; border: 1px solid #D496C5; padding: 3px;}
#page_content_left h1 {font-size:22px; color:#5B5FEC; padding:5px; margin: 0 0 10px 0; font-weight:bold; border-bottom: 5px solid #DDD;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left h2 {font-size:18px; color:#CD4FA9; padding:5px; margin:3px; font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left h5 {font-size:15px; color:#666; padding:5px; margin:0 0 5px 0; font-weight:bold; background: #DDD;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left li {font-size:12px; color:#333; padding:0; margin:0; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}

#page_content_left h1.actu {font-size:22px; color:#757575; padding:5px; margin: 0 0 20px 0; font-weight:normal; border-bottom: 5px solid #F9742C;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left h1.societe {font-size:22px; color:#757575; padding:5px; margin: 0 0 20px 0; font-weight:normal; border-bottom: 5px solid #5B5FEC;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left h1.sante {font-size:22px; color:#757575; padding:5px; margin: 0 0 20px 0; font-weight:normal; border-bottom: 5px solid #DBB15F;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left h1.secrets {font-size:22px; color:#757575; padding:5px; margin: 0 0 20px 0; font-weight:normal; border-bottom: 5px solid #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left h1.services {font-size:22px; color:#757575; padding:5px; margin: 0 0 20px 0; font-weight:normal; border-bottom: 5px solid #9966FF;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}

.boucle_articles {margin: 10px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dotted #BBB; overflow: hidden;}
.boucle_articles img {float: left; margin: 0 5px 0 0; border: 1px solid #F4D5EA; width: 120px; height: 90px;}
.boucle_articles a, .boucle_news a {font-size: 16px; color:#CD4FA9; font-weight:bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; display: block;}
.boucle_articles a:hover, .boucle_news a:hover {text-decoration: underline;}

.boucle_news {margin: 10px 0 0 0; border-bottom: 1px dotted #BBB; height: 70px;}
.boucle_news img {float: left; margin: 0 5px 0 0; border: 1px solid #F4D5EA; width: 150px;}

.HPblocnews .eachnews p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #555;  padding:5px 0 0 0; margin: 0; font-weight: normal; display: block;}

.pub {padding: 10px 0 5px 0; clear: both;}
.titre {font-size:15px; color:#58AD67; padding:2px; margin:3px; font-weight:bold; border-bottom: 1px dotted #58AD67;}
.lovebot {padding-left: 50px; font-size: 12px; color: #CC3399;}

.autre {background: #F6F6EE; margin: 20px 0 20px 0;}
.autre H4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; background: #BBB; color: #FFF; font-weight: bold; padding: 5px; margin:0;}
.autre .each {width: 270px; float: left; margin: 5px 30px 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #CCC; overflow: hidden; display: block;}
.autre .each P {font-weight: normal; font-size: 11px; text-align: left;}
.autre .each A {text-decoration: none; display: block; padding: 5px; text-align: left;}
.autre .each:HOVER {background: #DDD;}
.autre .each IMG {float: left; width: 70px; height: 53px; margin-right: 5px;}

/* kamasutra */
.kama {background: #EEE; display: block; overflow: hidden; margin: 10px; padding: 5px;}
.kama H2 {}
.kama .each {float: left; width: 250px; margin: 0 0 5px 20px;}
.kama .each A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #444; text-decoration: none}
.kama .each A:hover {text-decoration: underline}

.kama ul {margin: 0; padding: 0;}
.kama li {margin: 0; padding: 0;}


.vote {margin: 20px 0 10px 0; width: 400px; border-left: 3px solid #CCC; padding: 0 0 0 5px;}
.vote h3 {color: #777; margin: 0 0 5px 0; padding: 0; font-size: 17px; font-style: italic;}
#page_content_left .vote p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #555; margin:0; padding:0; text-align: justify; line-height: 17px;}

#page_content_left .disclaimer {background: #DDD; border: 1px solid #CC0000; padding: 5px; margin: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #555;}
#page_content_left .disclaimer h5 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #CC0000; text-align: center; padding: 0; margin: 0;}

/* cartes virtuelles */
.list_ecards {border: 1px solid #DDD; float: left; width: 100px; margin: 10px 10px 10px 15px; text-align: center; padding: 10px; }
.list_ecards:hover {background: #EEE; border: 1px solid #CCC;}

.cat_ecards {border: 1px solid #DDD; float: left; width: 250px; margin: 10px 10px 5px 15px; text-align: center; padding: 5px;}
.cat_ecards h3 {color: #CD4FA9; font-size: 18px; margin: 3px; padding: 0;}
.cat_ecards a {text-decoration: none; overflow: hidden; display: block;}
.cat_ecards a:hover {background: #EFEFEF;}

.ecard { padding: 10px}
.ecard span { font-family: Arial,Helvetica,sans-serif; color: #ff0000; font-size: 14px; font-weight: bold; display: block; clear: both; margin: 5px 0 0 30px;  padding: 10px 0 0 0; }
#page_content_left .ecard h3 {font-size:15px; color:#CD4FA9; padding: 0; margin: 10px 0 10px 0; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; background: none;}
.ecard .message {background: #FFF; font-family: Arial,Helvetica,sans-serif; color: #5B5FEC; font-size: 16px; padding: 10px; font-style: italic; border: 1px dotted #DDD;}

/* bloc news */
.copyright {text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666; font-style: italic; margin: 0 40px 0 0 ;}
.imgnews {border: 2px solid #F4D5EA; margin: 0 0 0 30px;}
a.liennews {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #58AD67; text-decoration: none;}
a.liennews:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444; text-decoration: underline;}

.avis {border: 1px solid #DDD; padding: 10px; margin: 25px 5px 15px 5px; }
#page_content_left .avis h3 {font-family: Arial; font-size: 18px; font-weight: bold; color: #58AD67; padding: 2px 0 5px 0; margin: 0; background: none;}
.avis .commentaire { background-color:#FFF; padding: 5px; margin: 5px 0 3px 0; border-bottom: 1px dashed #DDD;}
.avis p { font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #333; margin: 0; padding:0 10px 0 0; text-align: justify;}
.avis h4 { font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #cd4fa9; margin: 0; padding: 0; text-align: justify; font-weight: bold;}
.avis h4 span {color: #666; font-weight: normal; font-style: italic; font-size:12px;}

/* sommaire des histoires */
.histoire {border: 1px solid #CCC; padding: 10px; margin: 0 0 10px 0;}
.histoire img {float: left; border: 0px;}
.histoire h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0; padding:0; text-align: justify; line-height: 17px; font-weight: bold;}
.histoire h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin:0; padding:0; text-align: justify; font-weight: normal;}

.content_text {font-size:11px; color:#333; height:auto; text-align:justify; padding:8px; }
img.gallery {padding:0px; margin:8px; border:5px #FFFFFF solid; float:left; }
.more {width:auto; float:right; height:20px; }
.link_more a { width:auto; float:left; text-decoration:none; color:#990000; font-size:12px; padding:3px 23px 0 5px; }
.link_more a:hover {text-decoration:underline;}
img.more { float:left;}

/* rencontres près de chez vous */
.meetprox {margin: 20px 0 10px 0; background: #F6F6EE;}
.meetprox h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; background: #BBB; color: #FFF; font-weight: bold; padding: 5px; margin:0;}
.meetprox .box1 {float: left; margin: 5px 50px 0 10px;}
.meetprox .box2 { margin: 5px 20px 0 0;}
.easy_geo_inscris {	width:270px; }
.easy_geo_inscris td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:3px; border-bottom:1px solid #ccc; }
.easy_geo_inscris img { border-width:3px; border-color:#DDD; margin-right:5px;}
.easy_geo_inscris a { color:#cd4fa9; font-weight:bold; text-decoration:none; }
.easy_geo_inscris a:hover { color:#58AD67; text-decoration:none; }
.easy_geo_inscris .label {  color:#FF0000; font-weight:bold; }


/* colonne droite */
#page_content_right { width:300px; height:auto; float:left; padding:0 0 0 20px; margin: 20px 0 0 20px; border-left:1px #CD4FA9 dashed; text-align:center; }

.rech_rapide {float: right; border: 1px solid #CD4FA9; text-align: justify; width: 300px; margin: 10px 0 0 0; padding: 0; background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; _margin: 15px 0px 0 0px;}
.rech_rapide h2 {background: #CD4FA9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0;}
.rech_rapide h4 {font-size: 10px; text-align:right; color:#666;}
.rech_rapide img {float: right;}
.rech_rapide p {padding: 5px;}

.HPblocforum {float:right; border: 1px solid #58AD67; text-align: justify; width: 300px; margin: 10px 0px 0 0px; padding: 0; background-color:#FFF;}
.HPblocforum h2 {background: #58AD67; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFFFFF; font-weight: bold; padding-left:5px; margin:0;}
.HPblocforum a {font-size: 12px; color:#555; font-weight:normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:5px; display: block;}
.HPblocforum a:hover {font-size: 12px; color:#555; font-weight:normal; text-decoration: none; background: #C0E0C6; padding: 5px;}

.pub_calendrier {float:right; border: 1px solid #9966FF; text-align: center; width: 300px; margin: 10px 0px 0 0px; padding: 0; background-color:#FFF;}
.pub_calendrier p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; margin:0; padding:0;}
.pub_calendrier h2 {background: #9966FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0 0 10px 0;}
.pub_calendrier h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding: 5px;}

.sondage {float:right; border: 1px solid #5B5FEC; text-align: justify; width: 300px; margin: 10px 0px 0px 0px; padding: 0; background-color:#FFF;}
.sondage p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; margin:0; padding:0;}
.sondage h2 {background: #5B5FEC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0;}
.sondage h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding: 5px;}

.bloc_ecards {float: right; border: 1px solid #CC0000; text-align: center; width: 300px; margin: 10px 0px 0 0px; background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; }
.bloc_ecards h2 {background: #CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0;}
.bloc_ecards h4 {font-size: 10px; text-align:right; color:#666;}
.bloc_ecards IMG {margin: 10px; padding: 3px; border: 1px solid #CCC;}

.videodujour a, .sondage a {font-size: 10px; color:#666; font-weight:normal; text-decoration: none;}
.videodujour a:hover, .sondage a:hover {font-size: 10px; color:#666; font-weight:normal; text-decoration: underline;}

.blocnews {float: right; border: 1px solid #F9742C; text-align: left; width: 300px; margin: 10px 0px 0px 0px; padding: 0 0 5px 0; background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; }
.blocnews h2 {background: #F9742C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0;}
.blocnews a {font-size: 11px; color:#444; font-weight:normal; text-decoration: none; border-bottom: 1px solid #ccc; display:block; padding: 3px 0 3px 20px; margin: 2px 3px 0 3px;
background: url("../images/puce-news.gif") no-repeat left center;}
.blocnews a:hover, bloc_sondages a:hover {color:#58AD67;}

.bloc_sondages {float: right; border: 1px solid #5B5FEC; text-align: left; width: 300px; margin: 15px 0px 15px 0px; padding: 0 0 5px 0; background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; _margin: 15px 0px 15px 0px;}
.bloc_sondages h2 {background: #5B5FEC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0;}
.bloc_sondages a {font-size: 11px; color:#444; font-weight:normal; text-decoration: none; border-bottom: 1px solid #ccc; display:block; padding: 3px 0 0 0px; margin: 2px 3px 0 3px;}

.bloc_rech {float: right; border: 1px solid #888; text-align: left; width: 300px; margin: 10px 0 0 0; padding: 0 0 5px 0; background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; text-align: center;}
.bloc_rech h2 {background: #888; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0 0 5px 0;}


/* bas de page */
#page_bottom { text-align: center; width:830px; clear:both; padding:10px; height:auto; }
.bottom {margin: 10px 0 10px 0; text-align:center; height: 20px; padding: 5px 0 5px 0;}
a.send {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CD4FA9; font-weight:normal; text-decoration: none;  padding-left: 20px;
background: url('http://www.idylle-gay.com/images/send.gif') no-repeat left top;}
a.print {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CD4FA9; font-weight:normal; text-decoration: none; padding-left: 20px;
background: url('http://www.idylle-gay.com/images/print.gif') no-repeat left top;}
 {text-decoration: underline;}
a.enparler {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CD4FA9; font-weight:normal; text-decoration: none; padding-left: 20px;
background: url('http://www.idylle-gay.com/images/forum.gif') no-repeat left top;}
a.commenter {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CD4FA9; font-weight:normal; text-decoration: none; padding-left: 20px;
background: url('http://www.idylle-gay.com/images/commentaire.gif') no-repeat left top;}
a.facebook {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CD4FA9; font-weight:normal; text-decoration: none; padding-left: 20px;
background: url('http://www.idylle-gay.com/images/facebook.gif') no-repeat left top;}
a.back {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CD4FA9; font-weight:normal; text-decoration: none; padding-left: 20px;
background: url('http://www.idylle-gay.com/images/puce_haut.gif') no-repeat left top;}
a.send:hover, a.print:hover, a.enparler:hover, a.back:hover, a.facebook:hover, a.commenter:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #CD4FA9; font-weight:normal; text-decoration: underline;}

/***************** INDEX ******************/
.recherche {border: 1px solid #F4D5EA; text-align: justify; width: 580px; margin: 0; background-color: #F4D5EA;}
.recherche h3 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-align:left; color: #FFF; font-weight: bold;
padding: 0 0 5px 5px; height:15px; margin:0; border-bottom: 1px dotted #FFF;}
.recherche img {border: 0px; float:left; margin: 0 10px 0 0;}
.search {padding: 20px 0 0 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444;}

.HPblocnews {text-align: justify; width: 580px; margin: 5px 0 0 0; padding: 0; }
.HPblocnews .eachnews {margin: 0 0 10px 0; padding: 0px; border-bottom: 1px dotted #BBB; height: 135px; }
.HPblocnews .eachnews h3, .HPblocnews .eachnews a {font-size: 18px; color:#CD4FA9; font-weight:normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background: none;}
.HPblocnews .eachnews p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #555;  padding:5px 0 0 0; margin: 0; font-weight: normal; display: block;}
.HPblocnews .eachnews a:hover {color:#CD4FA9; font-weight:normal; text-decoration: underline; }
.HPblocnews .eachnews img {border: 1px solid #F4D5EA; float:left; margin: 5px 5px 5px 0; padding: 0;}
/*.recadrage {position: relative; width: 200px; height: 100px; overflow:hidden; margin: 5px 5px 5px 0; padding: 3px; border: 1px solid #F4D5EA; float: left;}*/
a.plus {font-size: 14px; color:#666; font-weight:normal; text-decoration: none; text-align: right;}
a.plus:hover {text-decoration: underline;}

.alire {text-align: justify; width: 580px; margin: 10px 0 10px 0; padding: 0;}
.alire h4, .espace_rencontre h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; background: #BBB; color: #FFF; font-weight: bold; padding: 5px; margin:0;}

.alire .lienarticle {border-bottom: 1px dotted #BBB; height: 130px; margin: 5px 0 0 0;}
#page_content_left .alire .lienarticle h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; margin:0 0 3px 0; padding: 0; font-weight: bold; background: none;}
.alire .lienarticle p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #555; margin:0 0 0 5px; padding: 0 5px 2px 0; font-weight: normal;}
.alire .lienarticle a {font-size: 14px; color:#CD4FA9; font-weight:bold; text-decoration: none; }
.alire .lienarticle a:hover {text-decoration: underline;}
.alire .lienarticle img {float: left; padding: 0; margin: 0 5px 0 0; border: 1px solid #F4D5EA; width: 150px; height: 113px;}

.espace_rencontre {text-align: left; border: 1px dashed #CCC; padding: 0; margin: 0; width: 580px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #555;}

/*********** RECHERCHE ***************/
.result {border: 1px solid #DDD; background: #FFF; margin: 0 0 10px 0; }
.result p {font-weight: normal;}
.result a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #58AD67; text-decoration: none; display: block; padding: 5px;}
.result a:hover {text-decoration: none; background: #efefef;}
.result SPAN {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666; font-style: italic;}

/*--------- PAGES DE LIENS ---------*/
.navlien {text-align:center; padding: 5px; margin: 0 0 20px 0; background-color:#DDD; font-family: Verdana, Arial, Helvetica, sans-serif;}
.navlien a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777; text-decoration: none; margin: 0; padding: 0 25px 0 0;}
.navlien a:hover {font-weight: bold; text-decoration: none; color:#FFF;}
a.on {color: #FF6600; font-size: 14px;}

.link {margin: 10px 0 0 0;; height: 80px; border-bottom: 1px solid #DDD;}
.link img {float: left; border: 1px solid #DDD; margin: 0 5px 0 0; width: 100px;}
.link a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #58AD67; text-decoration: underline;}
.link a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444; text-decoration: underline;}
.link p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin:0; padding:0; text-align: justify;}
.thumbshots a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #888; text-decoration: none;}

a.partner { display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(habillage/bullet.png) no-repeat left; color:#000; }
a.partner:hover { display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(habillage/bullet_a.png) no-repeat left; color:#000;}

/* ----------- SHOP ------------ */
#agaynpubproduit {margin: 0 0 10px 0;}
#agaynpubproduit a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #555; text-decoration: none;}
#agaynpubproduit a:hover {text-decoration: underline;}

/*------ formulaires ------*/
input {font-size:12px; color: #3333FF; padding: 3px;}
textarea { font-size:12px; color: #3333FF; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
select { border: 1px solid #CCC; font-size:12px; color: #3333FF;}
/* submit */
.btnOK { border:1px solid #333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#333; 
padding:2px; font-weight: bold; background:#FFF; cursor:pointer; }
.btnPRW { border:1px solid #333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#555; 
padding:2px; font-weight: bold; background:#DDD; cursor:pointer; }
.btnOK:hover, .btnPRW:hover {color: #FFF; background: #009900;}


/********* PAGINATION ****************/
.pagination { color:#333; font-size:12px; margin:10px 0px 10px 0px; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.pagination A { width:auto; text-decoration:none; padding:3px; display:inline; margin: 5px 0 5px 5px; border: 1px solid #CD4FA9; font-weight: bold;
line-height:22px; color: #CD4FA9; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
.pagination A:HOVER { text-decoration:underline; border: 1px solid #CD4FA9;}
.pagination SPAN.pageactive A { color:#333; font-weight:bold; font-size:12px; background:#DDD; }


/*---------------FOOTER------------*/
#footer { width: auto; height:40px; margin:10px 0 0 0; background-color: #555; }
#footer_content {width:1000px; margin:auto; }
#copyrights {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CCC; font-size:10px; float:right; padding-top: 10px;}
.links { float:left; text-align:left; color:#CCC; padding-top: 10px; width: 550px;}
.links a {text-decoration:none; color:#CCC; font-size: 10px; font-weight: normal; font-size:10px; }
.links a:hover { color:#FFF; font-size:10px; font-weight: normal; text-decoration:none; }
/*---------footer menu---------*/
a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}
a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

/* ================================================================ 
Derniers inscrits dans le top
=================================================================== */
.easy_inscris {	border:0px solid #000; }
.easy_inscris td { background:#F6F6EE; font:normal 11px Arial; padding:3px; }
.easy_inscris img {	border:1px solid #CC99CC; margin-right:5px; width:55px; height:55px; }
.easy_inscris a { color:#58ad67; font-weight:bold; text-decoration:none; }
.easy_inscris a:hover {	color:#FF9900; text-decoration:underline; }


/* ================================================================ 
Navigation horizontale
=================================================================== */
.navigation { position:relative; top:0px; left:0px; width:1000px; margin:0px; padding:0px; }
#nav { width:1000px; top:0px; left:0px; margin:0px; margin-left:-35px; _margin-left:0px; padding:-5px 0px 0px 0px; position:relative; list-style-type:none; }
#nav li { padding:0px; z-index: 100; float:left; width:140px; text-align:center; position:relative; height:10px; z-index:50; }
#nav li DL { left:0px; padding-bottom:3px; position:absolute; top:0px; }
#nav li a { text-decoration: none;}
#nav li a:visited { text-decoration: none; }
#nav li DD { display: none; }
#nav li a:hover { border:0px;}
#nav li:hover DD { display: block; z-index:50; }
#nav li a:hover DD { display: block; }
#nav li:hover DL { padding-bottom: 0px;z-index:5; }
#nav LI a:hover DL { padding-bottom: 10px;}
#nav table { padding: 0px; margin: -1px; border-collapse:collapse;z-index:50; }
#nav DL { padding:0px; background:#c9ba65; margin: 0px; width:140px; z-index:5; }
#nav DT { padding-right:5px; font-size:14px; margin:0px; padding-top:1px; z-index:50; }
#nav .one { background: #CD4FA9;z-index:50; }/*rencontres*/
#nav .two { background: #F9742C;z-index:50; }/*actu*/
#nav .three { background: #5B5FEC;z-index:50; }/*societe*/
#nav .four { background: #DBB15F;z-index:50; }/*sante*/
#nav .five { background: #58AD67;z-index:50; }/*forum*/
#nav .six { background: #CC0000;z-index:50; }/*secrets*/
#nav .seven { background: #9966FF;z-index:50; }/*services*/
#nav .one DT,.two DT,.three DT,.four DT,.five DT,.six DT,.seven DT { background: #F6F6EE;z-index:50; }
#nav DD { font-size: 12px; padding:0px; margin:0px; color:#fff; text-align:left; z-index:5; }
#nav .one DD,.two DD ,.three DD,.four DD,.five DD,.six DD,.seven DD { border-bottom: #fff 1px solid;z-index:50; }
#nav DT a { display: block; color:#757575; font-weight:bold; text-align:center; z-index:50; font-size: 14px;}
#nav DT a:hover { display: block; color: #333; z-index:50; }
#nav .one DT a:hover { background: #CD4FA9; color: #EEE; }
#nav .two DT a:hover { background: #F9742C; color: #EEE; }
#nav .three DT a:hover { background: #5B5FEC; color: #EEE; }
#nav .four DT a:hover { background: #DBB15F; color: #EEE; }
#nav .five DT a:hover { background: #58AD67; color: #EEE; }
#nav .six DT a:hover { background: #CC0000; color: #EEE; }
#nav .seven DT a:hover { background: #9966FF; color: #EEE; }
#nav DD a { padding-right:5px; z-index:50; display:block; padding-left:20px; padding-bottom:4px; width:145px; color:#fff; font-size: 10px; font-weight:bold; padding-top:4px; text-decoration: none; }
#nav DD a:visited { padding-right:5px; z-index:50; display:block; padding-left:20px; padding-bottom:4px; width:145px; color:#fff; padding-top:4px; text-decoration: none; }
#nav .seven DD a { border: 1ps solid #9966FF; background: #DDD; color:#9966FF; z-index:50; }
#nav .seven DD a:hover { background: #EEE;}