body
{ 
background:url(habillage/top_bg.jpg) repeat-x top #ECEFFE;
/* ancien fond #F6F5E9*/
/*font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#333;*/
text-align: center;
margin:0;

}

p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; margin:0; padding:0; text-align: justify;}
.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #444; margin:0; padding:0; text-align: justify;}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF9933; text-decoration: underline;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444; text-decoration: underline;}
strong {font-weight: bold; color: #5B5FEC;}
hr { margin: 5px 0px 10px 0px; height:1px; color:#CCC; background-color: #CCC; border:0;}
.ag {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin:0; padding:0; text-align: justify;}

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

/*------header---------*/
#top_menu{
width:850px;
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 15px; margin: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 {
display:block; float:right; padding:0px 11px 0 15px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:underline;  color:#fff;}

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

/*----page content----*/
#page_content{
width:800px;
height:auto;
margin: 0 10px 0 0;
}
#page_content_left{
width:550px;
height:auto;
float:left;
padding:10px;
margin: 15px 0 0 0;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}
#page_content_left img {float:left;}
#page_content_left h1 {font-size:16px; color:#5B5FEC; padding:5px; margin:3px; font-weight:bold; border-bottom: 1px solid #DDD;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left h2 {font-size:20px; color:#FF9933; padding:5px; margin:3px; font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#page_content_left li {font-size:11px; color:#333; padding:0; margin:0; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}

.pub {margin: 15px 0 10px 0; }
.photoarticle { float:left; margin: 0 10px 5px 0; text-align:left; border: 1px solid #DDD;
font-style: italic; font-family: Arial; font-size: 9px; color: #888; font-weight:normal;}
.titre {font-size:15px; color:#58AD67; padding:2px; margin:3px; font-weight:bold; border-bottom: 1px dotted #58AD67;}
.lovebot {padding: 10px 0 20px 50px; font-size: 12px; color: #CC3399; background-color: #FFF;}
.lovebot h3 {font-size: 15px; font-weight: bold; color: #FF9933;}

#page_content_right{
width:250px;
height:auto;
float:left;
padding:10px;
border-left:1px #FF6600 dashed;
text-align:center;
}

.content_text{
font-size:11px;
color:#333333;
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;
}
#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: #444; font-weight:bold; text-decoration: none;  padding-left: 20px;
background: url('http://www.mon-idylle.net/images/send.gif') no-repeat left top;}
a.send:hover, a.print:hover, a.enparler:hover, a.back:hover {
font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #444; font-weight:bold; text-decoration: underline;
}
a.print {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; font-weight:bold; text-decoration: none; padding-left: 20px;
background: url('http://www.mon-idylle.net/images/print.gif') no-repeat left top;}
 {text-decoration: underline;}

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

.bloc2 {margin: 0 0 0 0; width: 500px;}
.connexion {float: left; border: 1px solid #FFE6CC; text-align: justify; width: 240px; margin: 15px 0 0 0; padding: 0; background-color: #FFF;}
.connexion h3 {background-color: #FFE6CC; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; text-align:left; color: #CC6633; font-weight: bold; padding-left:5px; height:15px; margin:0;}
.connexion p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; margin:0; padding:10px 5px 10px 5px; font-weight: normal;}

.boutique {float: right; border: 1px solid #FFE6CC; text-align: justify; width: 240px; margin: 15px 0 0 0; padding: 0; background-color: #FFF;}
.boutique h3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; color: #CC6633;
background-color: #FFE6CC; font-weight: bold; padding-left:5px; height:15px; margin:0;}
.boutique h4 {text-align:center;}

.sondage {float:right; border: 1px solid #FDE0CF; text-align: justify; width: 200px; 
margin: 15px 20px 0 0px; _margin: 15px 0px 0 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 h1 {background: url("http://idylle-gay.com/images/degrade_service.gif") repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
text-align:left; color: #FFFFFF; font-weight: bold; padding-left:5px; margin:0;}
.sondage h2 {font-family= Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align: left;}

.citation {float: right; border: 1px solid #FDE0CF; text-align: justify; width: 200px; margin: 15px 20px 0 0px; padding: 0; background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; _margin: 15px 0px 0 0px;}
.citation h1 {background: url("http://idylle-gay.com/images/degrade_service.gif") repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
text-align:left; color: #FFFFFF; font-weight: bold; padding-left:5px; margin:0;}
.citation h3 {font-size: 12px; color:#666; margin:10px; font-weight: normal;}
.citation h4 {font-size: 10px; text-align:right; color:#666;}
.citation a, .sondage a, .connexion a {font-size: 10px; color:#666; font-weight:normal; text-decoration: none;}
.citation a:hover, .sondage a:hover, .connexion a:hover {font-size: 10px; color:#666; font-weight:normal; text-decoration: underline;}

a.rencontres {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #7C8FEF; text-decoration: none}
a.rencontres:hover {color: #FA7A34;}

/*---------page de liens---------*/
.navlien {text-align:center; padding: 5px; background-color:#CCC; font-family: Verdana, Arial, Helvetica, sans-serif;}
.navlien a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666; text-decoration: none;}
.navlien a:hover {font-weight: bold; text-decoration: none; color:#FFF;}

a.partenaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333; text-decoration: none;}
a.partenaire:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444; text-decoration: underline;}



/*---------positionnement--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:right;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------ formulaires ------*/
input{
font-size:12px;
color: #3333FF;
}
textarea{
font-size:12px;
color: #3333FF;
}
select {border: 1px solid #CCC; font-size:12px; color: #3333FF;}

/*-------footer-----*/
#footer {
width: auto;
height:70px;
margin:20px 0 0 0;
background-color: #333333;
}
#footer_content {width:850px; margin:auto; }

#copyrights {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666; font-size:10px; float:right; padding-top: 10px;}
.links{ float:left; text-align:left; color:#666666; padding-top: 10px; width: 500px;}
.links a, .partners a {text-decoration:none; color:#666666; font-size: 10px; font-weight: normal; font-size:10px; }
.links a:hover , .partners a:hover { color:#FFFFFF; font-size:10px; font-weight: normal; text-decoration:none; }
.partners{ float:left; text-align:left; color:#666666; padding-top: 10px; width: 600px; font-size: 10px; font-family: Verdana;}

/*---------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{
	/* bordure du tableau */
	border:0px solid #000000;
}
.easy_inscris td{
	/* couleur de fond du tableau */
	background-color:#F6F6EE;
	/* type de la police */
	font:normal 11px Arial;
	/* marge intérieure des cellules */
	padding:3px;
}
.easy_inscris img{
	/* bordure de l'image */
	border-width:1px;
	/* couleur de la bordure de l'image */
	border-color:#FFE6CC;
	/* marge droite de l'image */
	margin-right:5px;
	
	width:55px;
	height:55px;
}
.easy_inscris a{
	/* couleur du lien */
	color:#ff0000;
	/* police du lien */
	font-weight:bold;
	/* non souligné */
	text-decoration:none;
}
.easy_inscris a:hover{
	/* couleur du lien survolé */
	color:#FF9900;
	/* souligné au survol */
	text-decoration:underline;	
}


/* ================================================================ 
Navigation horizontale
=================================================================== */
.navigation {
position:relative;
top:0px;
left:0px;
width:850px;
margin:0px;
padding:0px;
}

#nav {
width:850px;
top:0px;
left:0px;
margin:0px;
margin-left:-35px;
_margin-left:0px;
padding:-5px 0px 0px 0px;
position:relative;
list-style-type:none;
/*background:url(images/fond_menu.gif) no-repeat top left;*/
}
#nav li {
padding:0px;
z-index: 100;
float:left;
width:170px;
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: 10px;z-index:5;
}
#nav LI a:hover DL {
padding-bottom: 10px;
}
#nav table {
/*font-size: 1em;*/
padding: 0px;
margin: -1px;
border-collapse:collapse;z-index:50;
}
#nav DL {
padding:0px;
background:#c9ba65;
margin: 0px;
width:170px;
z-index:5;
}
#nav DT {
padding-right:5px;
font-size:14px;
margin:0px;
padding-top:1px;
z-index:50;
}
#nav .one {
background: #FF9933;z-index:50;
}
#nav .two {
background: #FF9933;z-index:50;
}
#nav .three {
background: #FF9933;z-index:50;
}
#nav .four {
background: #FF9933;z-index:50;
}
#nav .five {
background: #FF9933;z-index:50;
}
#nav .six {
background: #FF6600;z-index:50;
}
#nav .one DT,.two DT,.three DT,.four DT,.five DT,.six DT {
background: #F6F6EE;z-index:50;
}
#nav DD {
font-size: 10px;
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 {
border-bottom: #fff 1px solid;z-index:50;
}
#nav DT a {
display: block;
color:#5B5FEC;
font-weight:bold;
text-align:center;
z-index:50;
}
#nav DT a:visited {
display: block;
color: #5B5FEC;
z-index:50;
}
#nav DD a {
padding-right:5px;
z-index:50;
display:block;
padding-left:20px;
padding-bottom:4px;
width:170px;
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:170px;
color:#fff;
padding-top:4px;
text-decoration: none;
}
#nav .one DD a {
background: #CCC;
color:#fff;z-index:50;
}
#nav .two DD a {
background: #CCC;
color:#fff;z-index:50;
}
#nav .three DD a {
background: #CCC;
color:#fff;z-index:50;
}
#nav .four DD a {
background:#CCC;
color:#fff;z-index:50;
}
#nav .five DD a {
background:#CCC;
color:#fff;z-index:50;
}
#nav .six DD a {
background:#CCC;
color:#fff;z-index:50;
}
#nav .one DD a:hover {
background: #eee;color: #5B5FEC;
}
#nav .two DD a:hover {
background: #eee; color: #5B5FEC;
}
#nav .three DD a:hover {
background: #eee; color: #5B5FEC
}
#nav .four DD a:hover {
background: #eee; color: #5B5FEC;
}
#nav .five DD a:hover {
background: #eee; color: #5B5FEC;
}
#nav .six DD a:hover {
background: #eee; color: #5B5FEC;
}