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: 12px; 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: 0px 0px 10px 0px; height:3px; color:#FFF; background-color: #FFF; 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:850px; 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: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 10px; }
.top .inscrits {float:right; margin: 20px 30px 0 0; }

/*------------- CONTENU PAGE -----------*/
#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; }
.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:18px; 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:#CD4FA9; padding:5px; margin:3px; font-weight:bold;
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;}

.pub {margin: 15px 0 10px 0; }
a.kama {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #444; text-decoration: none}
a.kama:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #444; text-decoration: underline}
.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;}

/* bloc news */
.blocnews {float: right; border: 1px solid #F4D5EA; text-align: left; width: 250px; 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;}
.blocnews h2 {background: url("http://idylle-gay.com/images/degrade.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;}
.blocnews a {font-size: 11px; color:#666; font-weight:normal; text-decoration: none; border-bottom: 1px solid #ccc; display:block; padding: 3px 0 0 0px; margin: 2px 3px 0 3px;}
.blocnews a:hover {font-size: 11px; color:#58AD67; font-weight:normal; text-decoration: none;}
.copyright {text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666; font-style: italic; margin: 0 50px 0 0 ;}
.imgnews {border: 1px solid #F4D5EA;}
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: 2px 5px 0px 5px; margin: 25px 10px 15px 10px; }
.avis h3 {font-family: Arial; font-size: 15px; font-weight: bold; color: #58AD67; padding: 2px 0 5px 0; margin: 0;}
.avis .commentaire { background-color:#FFF; padding: 5px; margin: 0 0 3px 0;}
.avis p { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333; margin: 0; padding:0 10px 0 0; text-align: justify;}
.avis h6 { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #555; margin: 0; padding:0 10px 0 0; text-align: justify; font-weight: normal;}

/* pub shopping */
.pub_calendrier {float:right; border: 1px solid #F9742C; text-align: center; width: 230px; margin: 5px 10px 0 0px; _margin: 5px 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: #F9742C; font-family: Arial, Helvetica, sans-serif; font-size: 14px; 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;}

/* 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;}

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

.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;}

#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: 520px; 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 {border: 1px solid #C1C1D8; text-align: justify; width: 520px; margin: 15px 0 0 0; padding: 0; }
.HPblocnews p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #555;  padding:3px 5px 5px 5px; margin: 0 0 0 0; font-weight: normal; display: block;}
.HPblocnews .eachnews {margin: 5px; padding: 3px; border-bottom: 1px dotted #CCC; display: block;}
.HPblocnews .eachnews h3 {font-size: 16px; color:#CD4FA9; font-weight:bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:5px 5px 0px 5px;}
.HPblocnews .eachnews a {font-size: 11px; color:#5B5FEC; font-weight:bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.HPblocnews .eachnews a:hover {color:#5B5FEC; font-weight:bold; text-decoration: underline; }
.HPblocnews .eachnews img {position: absolute; top: -40px; left: -80px; border: 0; display: block;}
.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 {border: 1px solid #DBB15F; text-align: justify; width: 520px; margin: 10px 0 10px 0; padding: 0;}
.alire h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; color: #FFF; font-weight: bold; padding: 2px 0 4px 5px; height:12px; margin:0; background-color: #DBB15F;}
.alire .lienarticle h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #DBB15F; margin:5px 0 0 5px; padding: 0 5px 2px 0; font-weight: bold;}
.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: 11px; color:#555; font-weight:bold; text-decoration: none; }
.alire .lienarticle a:hover {font-size: 11px; font-weight:bold; text-decoration: underline; color: #CD4FA9; }
.alire .lienarticle img {padding: 3px 3px 2px 3px;}

.HPblocforum {float:right; border: 1px solid #58AD67; text-align: justify; width: 230px; margin: 15px 10px 0 0px; _margin: 15px 0px 0 0px; padding: 0; background-color:#FFF;}
.HPblocforum h2 {background: #58AD67; font-family: Arial, Helvetica, sans-serif; font-size: 14px; 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;}

.sondage {float:right; border: 1px solid #5B5FEC; text-align: justify; width: 230px; margin: 15px 10px 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 h2 {background: #5B5FEC; font-family: Arial, Helvetica, sans-serif; font-size: 14px; 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;}

.videodujour {float: right; border: 1px solid #CD4FA9; text-align: justify; width: 230px; margin: 15px 10px 0 0px; padding: 0; background-color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; _margin: 15px 0px 0 0px;}
.videodujour h2 {background: #CD4FA9; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; color: #FFF; font-weight: bold; padding-left:5px; margin:0;}
.videodujour h4 {font-size: 10px; text-align:right; color:#666;}
.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;}


/*--------- PAGES 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; margin: 0 15px 0 0;}
.navlien a:hover {font-weight: bold; text-decoration: none; color:#FFF;}
a.on {color: #FFF;}

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:#000000;}

/* ----------- 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; }
textarea { font-size:12px; color: #3333FF; }
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:850px; 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: 500px;}
.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:#ff0000; 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: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; }
#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: 10px;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:145px; z-index:5; }
#nav DT { padding-right:5px; font-size:14px; margin:0px; padding-top:1px; z-index:50; }
#nav .one { background: #9168F3;z-index:50; }
#nav .two { background: #58AD67;z-index:50; }
#nav .three { background: #CD4FA9;z-index:50; }
#nav .four { background: #5B5FEC;z-index:50; }
#nav .five { background: #DBB15F;z-index:50; }
#nav .six { background: #F9742C;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:#757575; font-weight:bold; text-align:center; z-index:50; }
#nav DT a:visited { display: block; color: #757575; z-index:50; }
#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 .one DD a { background: #9168F3; color:#fff;z-index:50; }
#nav .two DD a { background: #58AD67; color:#fff;z-index:50; }
#nav .three DD a { background: #CD4FA9; color:#fff;z-index:50; }
#nav .four DD a { background:#5B5FEC; color:#fff;z-index:50; }
#nav .five DD a { background:#DBB15F; color:#fff;z-index:50; }
#nav .six DD a { background:#F9742C; color:#fff;z-index:50; }
#nav .one DD a:hover { background: #eee;color: #9168F3; }
#nav .two DD a:hover { background: #eee; color: #58AD67; }
#nav .three DD a:hover { background: #eee; color: #CD4FA9 }
#nav .four DD a:hover { background: #eee; color: #5B5FEC; }
#nav .five DD a:hover { background: #eee; color: #DBB15F; }
#nav .six DD a:hover { background: #eee; color: #F9742C; }