﻿html {
height:100%;
}

body {
color:#000;
background:#dde;
font-family:Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
font-size:14px;
padding:0;
margin:0;
}

img {
border:none;
}

a {
color:#000;
text-decoration:underline;
}

a:hover {
text-decoration:none;
font-weight:bold;
}

a:focus {
outline:none;
}

h1{
font-size:1.8em;
margin:5px 0 15px 0;
padding:0;
}

h2{
font-size:1.4em;
border-bottom:solid 1px #fc3;
display:inline;
}

h3 {
font-size:1.3em;
margin:5px;
text-align:center;
text-transform:uppercase;
color:#fff;
background:#223;
}

.clr {
clear:both;
}

/*** conteneurs de la page ***/
#all {
width : 1000px;
margin : 0 auto;
background : #fff;
border: solid 1px #CCC;
}

#entete {
width : 990px;
margin : 0 auto;
}

#logo {
width:552px;
height:150px;
background:url(../images/aplomblogo150.png) top left no-repeat;
float:left;
}

#logo a {
display:block;
position:absolute;
width:150px;
height:150px;
}

#txt_entete {
float:left;
font-size:18px;
text-align:right;
position:relative;
left:-110px;
}

#txt_entete a {
text-decoration:none;
}

#txt_entete a:hover {
font-weight:normal;
}

#top {
position:absolute;
right:5px;
}


#breadcrumbs {
float : left;
}

#footer {
width : 986px;
margin : 0 auto 5px auto;
text-align: center;
}


/*** Positions Contenu ***/
#contenu {
width : 990px;
margin : 0 auto;
}

#gauche {
width : 200px;
float : left;
}

#centre {
float:left;
width:590px;
overflow:hidden;
}

#centre_plein{
float:left;
width:790px;
overflow : hidden;
}

#centre .interne, #centre_plein .interne{
margin:-4px 0;
}

#centre .component{
margin:8px 2px 4px 6px;
padding:4px;
}

#centre_plein .component{
margin:8px 4px 4px 6px;
padding:4px;
}

.largeur100{
width:100%;
}

.largeur50{
width:50%;
float:left;
}

#centre_user ul, #centre_banner ul{
list-style: url(../images/arrow.png);
}

#centre_user li a, #centre_banner li a{
text-decoration:none;
}

#droite {
width:200px;
float:right;
overflow:hidden;
}

/********************** Contenu com_content *****************************/
p.buttonheading {
text-align:right;
float:right;
margin:8px 10px 0;
}

p.buttonheading a{
margin:0 4px 0 4px;	
}

.createdate,.createdby,.modifydate,.small{
color:#666;
display:block;
font-size:0.85em;
}

.article_separator{
display:block;
margin:10px 30px 5px 30px;
height:1px;
background:#fc3;
}

.blog_more {
margin:8px 4px 0 4px;
border:solid 1px #fc3;
padding:5px 0 0 0;
background:#dde;
}

.blog_more h2{
margin:0 0 0 15px;
border:none;
}

.blog_more ul{
list-style-type:none;
padding:0 0 5px 20px;
}

.blog_more li {
padding:4px;
}

.blog_more ul li a{
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 2px 0 30px;
}

.blog_more ul li a:hover{
background:#fc3 url(../images/pfeil.gif) no-repeat;
}

p.counter {
float:right;
font-weight:bold;
margin:8px;
}

.pagination{
margin:8px;
text-align:left;
font-weight:bold;
}

/* Mise en page articles*/
.article {
display: table;
clear:right;
}

.article p{
margin:-3px 0 1em 0;
}

.article ul{
	list-style: square inside;
}
/* Image à gauche*/
.imggau {
float: left;
margin: 0 1em 0.5em 0;
}

.imggau  p{
margin: 0.5em 0 0 0;
}
/* Image à droite*/
.imgdrt {
float: right;
margin: 0 0 0.5em 1em;
}

.imgdrt  p{
margin: 0.5em 0 0 0;
}

/*******************************ARRONDI**********************************/
.module div.bordHaut, .module_menu div.bordHaut {
height : 5px;
background : url(../images/arr_BrdH_jaune.png) top left repeat-x;
}

.module div.hautG, .module_menu div.hautG {
width : 5px;
height : 5px;
background : url(../images/arr_coins_jaune.png) top left no-repeat;
position : absolute;
}

.module div.hautD, .module_menu div.hautD {
width : 5px;
height : 5px;
background : url(../images/arr_coins_jaune.png) top right no-repeat;
float: right;
}

.module div.bordBas, .module_menu div.bordBas {
height : 5px;
background : url(../images/arr_BrdH_jaune.png) bottom left repeat-x;
}

.module div.basG, .module_menu div.basG  {
width : 5px;
height : 5px;
background : url(../images/arr_coins_jaune.png) bottom left no-repeat;
float: left;
}

.module div.basD, .module_menu div.basD {
width : 5px;
height : 5px;
background : url(../images/arr_coins_jaune.png) bottom right no-repeat;
float: right;
}

.module div.bordG, .module_menu div.bordG {
background : url(../images/arr_BrdV_jaune.png) top left repeat-y;
}

.module div.bordD, .module_menu div.bordD {
background : url(../images/arr_BrdV_jaune.png) top right repeat-y;
}

.module div.module_contenu, .module_menu div.module_contenu, #entete div.interne{
position:relative;
z-index:3;
background:#fc3 url(../images/deg_vert_50.png) bottom left repeat-x;
margin:0 5px;
overflow:hidden;
}

.module div.module_contenu,.module_menu div.module_contenu{
padding : 0px 0px 10px 5px;
}

.module h3, .module_menu h3{
margin:5px 5px -1em 0;
}

#entete div.interne{
padding : 5px;
}

/**********************Menu********************************/
.module_menu ul{
list-style-type:none;
margin:0;
font-size:1.1em;
padding:0;
}

.module_menu ul li{
margin:0 5px 3px 0;
padding-left:13px;
border-top:1px solid #223;
}

.module_menu ul li.parent ul li, .module_menu ul li ul li.parent ul li{
border:none;
}

.module_menu ul ul,.module_menu ul ul ul{
font-size:inherit;
padding-left:5px;
}

.module_menu ul li a, .module_menu ul li.parent ul li a, .module_menu ul li ul li.parent ul li a{
text-decoration:none;
display:block;
padding-left:5px;
font-weight:normal;
background:none;
}

.module_menu ul li a:hover, .module_menu ul li.parent ul li a:hover, .module_menu ul li ul li.parent ul li a:hover{
font-weight:bold;
}

.module_menu ul li.parent , .module_menu ul li ul li.parent {
background:url(../images/mnu+.png) left center no-repeat;
}

.module_menu ul li.parent.active, .module_menu ul li ul li.parent.active{
background:url(../images/mnu-.png) left 0.15em no-repeat;
}

.module_menu ul li.active a, .module_menu ul li ul li.active a, .module_menu ul li ul li ul li.active a{
font-weight:bold;
}

/*********************Recherche************************************/
#recherche {
float : left;
width : 200px;
}

#recherche .inputbox{
width : 190px;
font-size : 1.2em;
border : none;
background : none;
}

#recherche form label {
	color:#000;
	position:absolute;
	left:-3000px;
	top:-200px;
	width:auto;
}

/* ########################### contacts ########################### */
div.contact {
margin:10px 0;
}

address {
font-style:normal;
margin:10px 0;
}

address p {
line-height:1em;
}

.contact label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact form {
background:#dde;
color:#000;
padding:20px;
margin:10px 0;
}

.contact input {
background:#fff;
border:solid 2px #FC3;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}

.contact .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}

label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
width:80%;
height:150px;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 2px red;
}

.contact label.invalid {
color:red;
}

/*#################### tabeaux ############################ */
table.newsfeed {
border:solid 1px;
}

table.newsfeeds td,table.weblinks td,table.category td {
border-right:solid 1px #CCC;
border-top:solid 1px #CCC;
padding:5px;
}

table.newsfeeds th,table.weblinks th,table.category th {
border-right:solid 1px #CCC;
background:#dde;
padding:5px;
}

table.newsfeeds,table.weblinks,table.category {
border:3px ridge #CCC;
font-size:1em;
margin:20px 0;
}

/* category table */
#count {
width:10%;
}

#tableOrdering {
width:70%;
}

#author {
width:20%;
}
