/*---------------------------------------
Default styles formatting
created with Template Creator
on http://www.template-creator.com
-----------------------------------------*/
HTML
{
	height: 101%;
}
BODY
{
	margin: 0;
	padding: 0;
}
*
{
	padding: 0;
	margin: 0;
}
H1, H2, H3, H4, H5, H6, .contentheading, .componentheading
{
	padding: 3px 0;
	margin: 0;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;
	font-family: lato;
}
H1, .componentheading
{
	font-size: 1.75em;
}
H2, .contentheading
{
	font-size: 1.5em;
}
H3
{
	font-size: 1.25em;
}
H4
{
	font-size: 1em;
}
UL, OL
{
	padding: 0.75em 0;
	margin: 0 0 0 35px;
}
UL.menu
{
	margin: 0;
}
UL.menu LI
{
	list-style: none;
}
P
{
	padding: 5px 0;
}
ADDRESS
{
	margin: 0.75em 0;
	font-style: normal;
}
A:focus
{
	outline: none;
}
IMG
{
	border: none;
}
EM
{
	font-style: italic;
}
STRONG
{
	font-weight: bold;
}
FORM, FIELDSET
{
	margin: 0;
	padding: 0;
	border: none;
}
INPUT, BUTTON, SELECT
{
	vertical-align: middle;
}
.clr
{
	clear: both;
}
.clearfix:after
{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clearfix
{
	zoom: 1;
}
.pull-right
{
	float: right;
}
.pull-left
{
	float: left;
}
/*-----------------------------------------
Pagination
-------------------------------------------*/
UL.pagenav, .pagination UL
{
	list-style-type: none;
	padding: 0;
	overflow: hidden;
}
UL.pagenav LI, .pagination UL LI
{
	display: inline-block;
	padding: 0px;
	margin: 0;
	/*line-height:2em*/
}
UL.pagenav LI A, .pagination UL LI A
{
	display: inline;
	/*padding:2px;*/
	text-decoration: none;
}
UL.pagenav LI.pagenav-prev, .pagination UL LI.pagination-prev, .pagination UL LI.pagination-start
{
	float: left;
}
UL.pagenav LI.pagenav-next, .pagination UL LI.pagination-next, .pagination UL LI.pagination-end
{
	float: right;
}
.pagination UL LI.pagination-prev, .pagination UL LI.pagination-start, .pagination UL LI.pagination-next, .pagination UL LI.pagination-end
{
	margin: 0 3px;
}
/*-----------------------------------------
breadcrumb
-------------------------------------------*/
UL.breadcrumb LI
{
	display: inline;
	list-style: none;
}
UL.breadcrumb LI A
{
	text-decoration: none;
}
UL.breadcrumb .divider
{
	margin: 3px;
}
/*-----------------------------------------
Main elements
-------------------------------------------*/
.item
{
	padding: 0px 5px 10px;
	display: block;
}
.item H2
{
	margin: 0 0px 10px;
}
.item-page
{
	display: block;
}
.blog .category-desc
{
	padding: 0 5px;
	margin: 10px 0 25px;
}
.blog .cat-children .category-desc
{
	padding: 0 0px;
	margin: 10px 0 25px;
}
UL.subcategories
{
	margin: 20px 20px 20px 10px;
}
.subcategories-link
{
	font-weight: bold;
}
.category-list
{
	padding: 0 5px;
	display: block;
}
.categories-list UL
{
	margin: 0px 0 0 20px;
	padding: 0;
}
.categories-list UL LI
{
	padding: 5px;
}
.categories-list UL UL
{
	margin-left: 15px;
}
.category-desc
{
	line-height: 1.7em;
	margin: 10px 0;
	padding-left: 0px;
}
.small, .createdate
{
	font-size: 0.85em;
	margin: 0 0 20px;
}
.image-left
{
	float: left;
	margin: 0 15px 5px 0;
}
.image-right
{
	float: right;
	margin: 0 0 5px 15px;
}
.archive
{
	padding: 0 5px;
}
.archive FORM
{
	padding: 0 5px;
}
UL#archive-items
{
	margin: 20px 0 20px 0px;
	list-style-type: none;
	padding: 0;
}
UL#archive-items LI.row0, UL#archive-items LI.row1
{
	padding: 10px 0;
	margin: 10px 0;
}
/*-----------------------------------------
Read more
-------------------------------------------*/
.readmore A
{
	font-weight: bold;
	padding: 2px 5px 2px 10px;
	display: inline-block;
	margin-top: 5px;
	text-decoration: none;
}
.newsflash A.readmore:link, .newsflash A.readmore:visited, A.readmore:link, A.readmore:visited
{
	padding: 4px 5px 4px 10px;
	line-height: 1.2em;
	text-decoration: none;
}
.newsflash A.readmore:link, .newsflash A.readmore:visited
{
	margin: 10px 0;
	display: block;
}
A.readmore:hover, A.readmore:active, A.readmore:focus
{
	text-decoration: none;
}
.readmore A:hover, .readmore A:active, .readmore A:focus
{
	text-decoration: none;
}
/*++++++++++++++  details  ++++++++++++++*/
.article-info
{
	margin: 10px 0 10px 0px;
	font-size: 0.9em;
}
.article-info-term
{
	/*display:none;*/
}
DT.category-name, DT.create, DT.modified, DT.createdby
{
	float: left;
	padding-right: 5px;
}
.archive .article-info DD, .article-info DD
{
	margin: 2px 0 0px;
	line-height: 1.2em;
}
DD.createdby
{
}
.article-info DD SPAN
{
	/*text-transform:none;
display:inline-block;
padding:0 5px 0 0px;
margin:0 10px 0 0px;*/
}
/*++++++++++++++  icons  ++++++++++++++*/
UL.actions
{
	text-align: right;
	padding: 0;
	width: 100%;
	margin: 0;
}
UL.actions LI
{
	display: inline;
}
UL.actions A
{
	text-decoration: none;
}
/*++++++++++++++  items more  ++++++++++++++*/
.items-more
{
	padding-top: 10px;
}
.items-more OL
{
	line-height: 1.3em;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 10px 2px;
}
.items-more OL LI
{
	padding: 2px;
}
.items-more OL LI A
{
	display: inline;
	margin: 0;
	font-weight: normal;
	padding: 5px 5px 5px 20px;
}
.items-more OL LI A:hover, .items-more OL LI A:active, .items-more OL LI A:focus
{
	font-weight: normal;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
}
/*-----------------------------------------
Forms
-------------------------------------------*/
#member-registration
{
	padding: 0 5px;
}
#member-registration FIELDSET
{
	border: 1px solid #DDD;
}
FORM FIELDSET DT
{
	clear: left;
	float: left;
	width: 12em;
	padding: 3px 0;
}
FORM FIELDSET DD
{
	float: left;
	padding: 3px 0;
}
/*########################## search ############################*/
.searchintro
{
	font-weight: normal;
	margin: 20px 0 20px;
}
#searchForm
{
	padding: 0 5px;
}
.form-limit
{
	margin: 20px 0 0;
	text-align: right;
	padding: 0 10px 0 20px;
}
.inputbox:focus
{
}
.highlight
{
	font-weight: bold;
}
.ordering-box
{
	width: 40%;
	float: right;
}
.phrases-box
{
	width: 60%;
	float: left;
}
.only, .phrases
{
	margin: 10px 0 0 0px;
	padding: 15px;
	line-height: 1.3em;
}
LABEL.ordering
{
	display: block;
	margin: 10px 0;
}
.word
{
	padding: 10px 10px 10px 0;
}
.word INPUT
{
	font-weight: bold;
	margin: 0px 10px;
	padding: 4px;
	font-size: 1em;
}
.word INPUT:focus
{
	margin: 0 0 0 9px;
}
.word LABEL
{
	font-weight: bold;
}
FIELDSET.only LABEL, FIELDSET.phrases LABEL
{
	margin: 0 10px 0 0px;
}
.ordering-box LABEL.ordering
{
	margin: 0 10px 5px 0;
	float: left;
}
FORM .search LABEL
{
	display: none;
}
.search LEGEND
{
	font-weight: bold;
}
/*++++++++++++++  selects  ++++++++++++++*/
.phrases .inputbox
{
	width: 10em;
}
.phrases .inputbox OPTION
{
	padding: 2px;
}
/*++++++++++++++  search results  ++++++++++++++++++*/
DL.search-results
{
}
DL.search-results DT.result-title
{
	padding: 15px 15px 0px 5px;
	font-weight: bold;
}
DL.search-results DD
{
	padding: 2px 15px 2px 5px;
}
DL.search-results DD.result-text
{
	padding: 10px 15px 10px 5px;
	line-height: 1.7em;
}
DL.search-results DD.result-created
{
	padding: 2px 15px 15px 5px;
}
DL.search-results DD.result-category
{
	padding: 10px 15px 5px 5px;
}
/*########################### contacts ###########################*/
.contact
{
	padding: 0 5px;
}
.contact-category
{
	padding: 0 10px;
}
.contact-category #adminForm FIELDSET.filters
{
	border: 0;
	padding: 0;
}
.contact-image
{
	margin: 10px 0;
	overflow: hidden;
}
.contact-image IMG
{
	/*as you like
float:right;
float:left*/
}
ADDRESS
{
	font-style: normal;
	margin: 10px 0;
}
ADDRESS SPAN
{
	display: block;
}
.contact-address
{
	margin: 20px 0 10px;
}
.contact-email DIV
{
	padding: 2px 0;
	margin: 0 0 10px;
}
.contact-email LABEL
{
	width: 17em;
	float: left;
}
SPAN.contact-image
{
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
}
#contact-textmsg
{
	padding: 2px 0 10px;
}
#contact-email-copy
{
	float: left;
	margin-right: 10px;
}
.contact .button
{
	float: none !important;
	clear: left;
	display: block;
	margin: 20px 0 0;
}
DL.tabs
{
	float: left;
	margin: 50px 0 0;
	z-index: 50;
	clear: both;
}
DL.tabs DT
{
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin-right: 3px;
	background: #F0F0F0;
	color: #666;
}
DL.tabs DT.open
{
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #000;
}
DL#content-pane.tabs
{
	margin: 1px 0 0;
}
/*##########################  user profile  ###########################*/
#users-profile-core, #users-profile-custom
{
	margin: 10px 0 15px;
	padding: 15px;
}
#users-profile-core DT, #users-profile-custom DT
{
	float: left;
	width: 12em;
	padding: 3px 0;
}
#users-profile-core DD, #users-profile-custom DD
{
	padding: 3px 0;
}
#member-profile FIELDSET, .registration FIELDSET
{
	margin: 10px 0 15px;
	padding: 15px;
}
#users-profile-core LEGEND, #users-profile-custom LEGEND, .profile-edit LEGEND, .registration LEGEND
{
	font-weight: bold;
}
.profile-edit FORM#member-profile FIELDSET DD, .registration FORM#member-registration FIELDSET DD
{
	float: none;
	padding: 5px 0;
}
.profile-edit FORM#member-profile FIELDSET DD INPUT, .profile-edit FORM#member-profile FIELDSET DD SELECT, .registration FORM#member-registration FIELDSET DD INPUT
{
	width: 17em;
}
.profile-edit FORM#member-profile FIELDSET DT, .registration FORM#member-registration FIELDSET DT
{
	padding: 5px 5px 5px 0;
	width: 13em;
}
SPAN.optional
{
	font-size: 0.9em;
}
/*-----------------------------------------
Tables
-------------------------------------------*/
TABLE
{
	border-collapse: collapse;
}
TABLE.weblinks, TABLE.category
{
	font-size: 1em;
	margin: 10px 10px 20px 0px;
	width: 99%;
}
TABLE.weblinks TD
{
	border-collapse: collapse;
}
TABLE.weblinks TD, TABLE.category TD
{
	padding: 7px;
}
TABLE.weblinks TH, TABLE.category TH
{
	padding: 7px;
	text-align: left;
}
TD.num
{
	vertical-align: top;
	text-align: left;
}
TD.hits
{
	vertical-align: top;
	text-align: center;
}
TD P
{
	margin: 0;
	line-height: 1.3em;
}
.filter
{
	margin: 10px 0;
}
.display-limit, .filter
{
	text-align: right;
	margin-right: 7px;
}
/*++++++++++++++  category table  ++++++++++++++*/
TABLE.category TH A IMG
{
	padding: 2px 10px;
}
.filter-search
{
	float: left;
}
.filter-search .inputbox
{
	width: 6em;
}
LEGEND.element-invisible
{
	position: absolute;
	/*need margin top and left doesn't work for the legend element*/
	margin-left: -3000px;
	margin-top: -3000px;
	height: 0px;
}
.cat-items
{
	margin-top: 20px;
}
.box
{
	text-align: left;
}
.box UL
{
	list-style-type: none;
}
.newsfeed-item
{
	padding: 0;
	margin-bottom: 10px;
}
.box .moduletable_menu, .box .moduletable
{
	margin: 10px;
}
.box3
{
	padding-left: 10px;
}
.box H3
{
	font-size: 1.3em;
}
UL.latestnews
{
	padding-left: 0;
}
P.syndicate
{
	float: left;
	display: block;
	text-align: left;
}
/*-----------------------------------------
Miscellaneous
-------------------------------------------
++++++++++++++  Error Message contact form  ++++++++++++++*/
P.error
{
	padding: 10px;
}
/*++++++++++++++  editor  ++++++++++++++*/
.contentpaneopen_edit
{
	float: left;
}
.contentpaneopen_edit IMG
{
}
A.mceButton:hover
{
	background: none !important;
}
/*++++++++++++++  pagebreak  ++++++++++++++*/
TABLE.contenttoc
{
	padding: 10px;
	margin: 10px;
}
TABLE.contenttoc TR TD
{
	padding: 1px 0px;
}
.pagenavcounter
{
	font-weight: bold;
}
/*++++++++++++++  edit  ++++++++++++++*/
LEGEND
{
	padding: 3px 5px;
}
FORM#adminForm
{
}
.edit FORM#adminForm FIELDSET
{
	padding: 20px 15px;
	margin: 10px 0 15px;
}
.formelm
{
	margin: 5px 0;
}
.formelm LABEL
{
	width: 13em;
	display: inline-block;
	vertical-align: top;
}
FORM#adminForm .formelm-area
{
	padding: 5px 0;
}
FORM#adminForm .formelm-area LABEL
{
	vertical-align: top;
	display: inline-block;
	width: 7.9em;
}
.formelm-buttons
{
	text-align: right;
	margin-bottom: 10px;
}
.button2-left
{
}
A.modal-button, .button2-left .blank A, .button2-left A, .button2-left DIV.readmore A
{
	background: #EEE;
	padding: 4px !important;
	margin: 0 !important;
	line-height: 1.2em;
	border: 1px solid #DDD;
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px !important;
}
/*++++++++++++++  tooltip  ++++++++++++++*/
.tip
{
	font-size: 0.8em;
	text-align: left;
	padding: 3px;
	max-width: 400px;
}
.tip-title
{
	font-weight: bold;
}
/*#################### modules ############################
++++++++++++++  newsflash  ++++++++++++++
newsflash horizontal*/
.newsflash-horiz
{
	overflow: hidden;
	list-style-type: none !important;
	margin: 0 5px !important;
	padding: 20px 10px !important;
}
.newsflash-horiz LI
{
	float: left;
	width: 30%;
	margin: 0 1% !important;
	padding: 10px 5px;
}
UL.newsflash-horiz LI H4
{
	font-size: 1.4em;
}
.newsflash-horiz LI IMG
{
	display: block;
	margin-bottom: 10px;
}
/*newsflash vertical*/
.newsflash-vert
{
	padding: 0;
}
/*++++++++++++++  banner  ++++++++++++++*/
.banneritem
{
	margin: 10px 0px;
	padding: 0px;
}
.banneritem A
{
	font-weight: bold;
}
/*++++++++++++++  latest, popular  ++++++++++++++*/
.module_content UL.latestnews, .module_content UL.mostread
{
	margin: 10px 0 0;
}
UL.latestnews, UL.mostread
{
}
UL.latestnews LI A, UL.mostread LI A, UL.menu LI A
{
	display: block;
	text-decoration: none;
}
/*++++++++++++++  newsflash  ++++++++++++++*/
.newsflash
{
	margin: 0px;
}
/*++++++++++++++  newsfeed  ++++++++++++++*/
.newsfeed
{
	padding: 0 5px;
}
UL.newsfeed
{
	padding: 0 !important;
}
.newsfeed-item
{
	padding: 5px 0 0;
	margin: 0;
}
.newsfeed-item H5 A
{
	font-size: 1.1em;
	font-weight: bold !important;
}
.feed-item-description IMG
{
	margin: 5px 10px 10px 0;
}
DL.newsfeed-count DT, DL.newsfeed-count DD
{
	display: inline;
}
/*++++++++++++++  weblinks  ++++++++++++++*/
DL.weblink-count DT, DL.weblink-count DD
{
	display: inline;
}
/*++++++++++++++  login  ++++++++++++++*/
#login-form
{
	padding-top: 5px;
}
#login-form FIELDSET
{
	padding: 0px;
}
#login-form .inputbox
{
	padding: 2px;
}
#login-form FIELDSET.input
{
	padding: 10px 0 0;
	margin: 0px 0 10px 5px;
}
#login-form LABEL
{
	margin-right: 10px;
	width: 8.4em;
	display: block;
	float: left;
}
#form-login-remember LABEL
{
	float: none;
	width: auto;
	display: inline;
}
.control-group
{
	clear: both;
}
.logout-button
{
	margin-top: 10px;
}
INPUT.button, BUTTON.button, BUTTON.validate, BUTTON
{
	cursor: pointer;
}
#modlgn-username, #modlgn-passwd
{
	width: 9em;
}
.column #modlgn-username, .column #modlgn-passwd
{
	display: block;
}
.module_content #form-login-username LABEL, .module_content #form-login-password LABEL
{
	float: left;
	width: 5.2em;
}
.login-fields
{
	margin: 10px 0;
}
.login-fields LABEL
{
	float: left;
	width: 9em;
}
.login-description IMG, .logout-description IMG
{
	float: left;
	margin-right: 20px;
}
.login-description, .logout-description
{
	overflow: hidden;
	padding-left: 5px;
	margin: 20px 0 10px;
}
.logout-description
{
	margin-bottom: 20px;
}
/*++++++++++++++  content-module ++++++++++++++*/
.category-module LI
{
	padding: 5px 0;
}
.category-module SPAN
{
	display: block;
	font-size: 0.85em;
}
.category-module A SPAN
{
	display: inline;
}
A.mod-articles-category-title
{
	text-decoration: none;
	font-weight: bold;
}
/*-------------------------------*/
.australia
{
	margin: 0px 0;
	padding: 10px 65px 10px 10px;
}
.australia H3
{
	font-size: 1.4em;
}
.australia A
{
	font-weight: bold;
}
.australia P
{
	line-height: 1.4em;
}
/*###########  Categories list ############*/
.categories-listalphabet UL
{
	padding: 0;
	margin: 20px 10px 10px 0;
	list-style-type: none;
	list-style-position: inside;
}
.categories-listalphabet UL LI
{
	display: inline;
	padding: 5px;
	border-right: 1px solid #DDD;
}
.categories-list UL
{
	list-style-type: none;
	margin: 0;
}
.cat-children
{
	padding-left: 5px;
}
.cat-children UL DL DT, .cat-children UL DL DD, DL.article-count DT, DL.article-count DD
{
	display: inline;
}
.cat-children UL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.cat-children UL
{
	margin: 20px 20px 20px 0;
}
.cat-children UL UL
{
	margin: 20px;
}
.cat-children UL LI
{
	margin: 10px 0;
}
/*mod stats*/
.stats-module DL
{
	margin: 10px 0;
}
.stats-module DT
{
	float: left;
	margin: 0 10px 0 0;
	font-weight: bold;
}
.stats-module DT, .stats-module DD
{
	padding: 2px 0;
}
/*syndicate*/
A.feed-link
{
	margin-top: 15px;
	display: block;
	text-decoration: none;
}
.feed-link IMG
{
	border: 0;
}
/*mod_languages*/
.mod-languages UL LI
{
	display: inline;
}
/*pagebreak*/
#article-index
{
	width: 25%;
	float: right;
	border: 1px solid #EEE;
	padding: 10px;
	margin: 10px 0px 20px 30px;
	background: #F9FAF9;
}
#article-index H3
{
	margin: 0;
	font-size: 1em;
}
#article-index UL
{
	list-style-type: disc;
	color: #666;
}
/*mailto window*/
#mailto-window
{
	background: #F5F5F5;
	padding: 15px;
	border: 1px solid #DDD;
	position: relative;
}
#mailto-window LABEL
{
	width: 10em;
}
.mailto-close
{
	position: absolute;
	right: 0;
	top: 5px;
	background: none;
}
.mailto-close A
{
	background: #F5F5F5 url(http://www.ipergay.fr/templates/ipergay_2013/images/close.png) no-repeat !important;
	min-width: 25px;
	display: block;
	min-height: 25px;
	overflow: visible;
}
.mailto-close A SPAN
{
	position: absolute;
	left: -3000px;
	top: -3000px;
	display: inline;
}
#mailto-window .inputbox
{
	background: #FFFFFF url("http://www.ipergay.fr/templates/ipergay_2013/images/content_bg.gif") repeat-x 0 0;
	border: 1px solid #CCC;
	padding: 3px;
}
#mailto-window P
{
	margin-top: 20px;
}
#mailto-window BUTTON
{
	margin: 0 5px 0 0;
}
SPAN.spacer > SPAN.text LABEL
{
	white-space: nowrap;
	font-weight: bold;
	color: #666;
}
.red
{
	font-weight: bold;
	color: #C00;
}
.star
{
	color: #CC0000;
}
/*** for column blog layout ***/
.cols-1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}
.cols-2 .column-1
{
	width: 46%;
	float: left;
}
.cols-2 .column-2
{
	width: 46%;
	float: right;
	margin: 0;
}
.cols-3 .column-1
{
	float: left;
	width: 32%;
	padding: 0px 5px 0px 0px;
	margin-right: 1%;
}
.cols-3 .column-2
{
	float: left;
	width: 32%;
	margin-left: 0;
	padding: 0px 5px;
}
.cols-3 .column-3
{
	float: right;
	width: 32%;
	padding: 0px 0px 0px 5px;
}
.items-row
{
	overflow: hidden;
	margin-bottom: 10px !important;
}
.column-1, .column-2, .column-3
{
	padding: 10px 5px;
}
.column-2
{
	width: 55%;
	margin-left: 40%;
}
.column-3
{
	width: 30%;
}