/* ---------------------------------------
	Default styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/

html 
{
	height: 101%;
    font-size: 70.0% !important; /* 1 rem vaut 10px, cette valeur diffère entre mozilla et chrome */
}

body 
{
	font-size: 16px ;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 2rem;
 
}

* 
{
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 
{
	padding: 0;
    margin: 0;
}

h1
{
	font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;/* mettre la font family bold si désiré mais dans tendance, pas de font précise dans les balises*/
}

h2
{
	font-size: 2.5rem;
    line-height: 3rem;
    font-weight: bold;
}

h3 
{
	font-size: 2rem;
    line-height: 2.5rem;
    font-weight: bold;
}

h4 
{
	font-size: 1.8rem;
    line-height: 2.3rem; 
}

h5 
{
    font-size: 1.6rem;
    line-height: 2.1rem; 
}

h6
{
    font-size: 1.5rem;
    line-height: 2rem;
}

ul
{
  padding: 0rem 0rem 0rem 0rem;
  margin: 0rem 0rem 0rem 0rem;
/*  list-style: disc inside none;*/
}
ol 
{
	padding: 0rem 0rem 0rem 0rem;
	margin: 0rem 0rem 0rem 0rem ;
}

li 
{
    list-style: disc inside none;
}

a
{
text-decoration: none;
}
a:hover
{

}
a:active
{

}
a:focus 
{
    outline: none;
}

form, fieldset 
{
	margin: 0;
	padding: 0;
	border: none;
}

input, button, select 
{
	vertical-align: middle;
	margin-right: 5px;
}

.clearfix:after {
    content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	zoom: 1;
}

.button, button, button.btn, input.btn, .btn {
    border: none;
	background: #C3C3C3;
	color: white;
	padding: 0.5rem;
	text-align: center;

}
.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {
	background: #C3C3C3;
}
.registration input, .login input, .contact input, .contact textarea,
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: none;
	border: #bebebe 1px solid;
	color: #bebebe;
	padding: 0.4rem;
	text-align: left;
}

input:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border: #000000 1px solid;
}

.print-icon {
	list-style: none;
	display: inline-block;
	height: 1.6rem;
	line-height: 1.6rem;
	padding-left: 2rem;
	background: url(../images/system/printButton.png) left center no-repeat;
}
.email-icon {
	list-style: none;
	display: inline-block;
	height: 1.6rem;
	line-height: 1.6rem;
	padding-left: 2rem;
	background: url(../images/system/emailButton.png) left center no-repeat;
}
.edit-icon {
	list-style: none;
	display: inline-block;
	height: 1.6rem;
	line-height: 1.6rem;
	padding-left: 2rem;
	background: url(../images/system/edit.png) left center no-repeat;
}
.invalid {border: red;}


/* #################### modules ############################ */


/*** 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:29%;
	padding:0px 5px;
	margin-right:4%;

}
.cols-3 .column-2
{
	float:left;
	width:29%;
	margin-left:0;
	padding:0px 5px;
}
.cols-3 .column-3
{
	float:right;
	width:29%;
	padding: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%;
}


/* ________________________________________________________________________________________________________________ */




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


/* -----------------------------------------
		Main elements
-------------------------------------------*/

.item {
	padding:0px 5px 10px 5px;
	display:block;
}

.item h2 {
	margin:0 0px 10px 0px;
}

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