﻿body { background-color: #FFFFFF; margin: 0 auto; padding: 0; }
label { margin-top:5px; margin-bottom:3px; display:block;}

.center { display: block; margin: 10px auto 10px;}

/*************
page d'index 
*************/
.accueil { background: url(../images/accueil-bordure-pai.jpg) top center no-repeat; }
.accueil .page { width: 972px; height:700px; margin: 0 auto; background: url(../images/accueil-pai.jpg) top left no-repeat; }
.accueil .page-portail { width: 972px; height:700px; margin: 0 auto; background: url(../images/accueil-pai-vide.jpg) top left no-repeat; }

#accordion { color:#000000; font-size:12px; width: 350px; margin-left: auto; margin-right: 0; padding-right:50px; padding-top: 128px; }
#accordion p { margin:0; padding: 0; }
#accordion p.error-message { color:#FF0000; font-size:11px; text-align:center; }
#accordion label { width:100px; display: inline-block; margin-right: 20px; vertical-align: top; text-align: right; }
#accordion input { width:170px; color:#666; vertical-align:top; }
#accordion ul { list-style:none;  }
#accordion li a { color: #15ADFF; }
#accordion li a:hover { color: #FF9900; }

/*
formulaire de recherche
*/
p.rechercher { font-size:100%; color:#000000; }
#resultat { padding-bottom: 10px; }

/*
style des boutons
*/
input[type=button] { margin-top:1px; height:24px; width:100px; text-align:center; color:#339999; cursor:pointer; border:#999999 1px solid; background:url('../img/pied_page/bouton.gif') repeat-x left; font-size:11px; }

/*
style du pied de page
*/
div.footer { font-weight: normal; letter-spacing: -1px; color: rgb(74,74,74); background-image: url('../img/bar.png'); background-repeat: repeat-x; height: 26px; border-top: 1px solid rgb(144,144,144); border-bottom: 1px solid rgb(144,144,144); }
div.footer input[type=button] { margin-left:5px; float:left }
div.footer span { color:#CC0000; vertical-align:middle; display:inline; line-height:26px; }

/*
style des tableaux
*/

.table { text-align:left; padding-bottom:5px; padding-top:10px; text-decoration:underline; }
input.edit { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -0px; z-index:1000; }
input.edit:hover { background-position:-16px -0px; }
input.editCreateur { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -0px; z-index:1000; }
input.editCreateur:hover { background-position:-16px -0px; }
input.editParticipant { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -0px; z-index:1000; }
input.editParticipant:hover { background-position:-16px -0px; }
input.forbidden { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -16px; z-index:1000; }
input.forbidden:hover { background-position:-16px -16px; }
input.add { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -48px; z-index:1000; }
input.add:hover { background-position:-16px -48px; }
input.delete { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -32px; z-index:1000; }
input.delete:hover { background-position:-16px -32px; }
input.deleteCreateur { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -32px; z-index:1000; }
input.deleteCreateur:hover { background-position:-16px -32px; }
input.deleteParticipant { background: url('../images/icone-table.png') no-repeat; width:16px; height:16px; border:none; background-position:-0px -32px; z-index:1000; }
input.deleteParticipant:hover { background-position:-16px -32px; }

/*
Messages d'alertes
*/
div.message img { float:left; margin:0 6px 6px 0; width:48px; height:48px; vertical-align:top; }
div.message p { text-align:left; }

/*
style de numérotation
*/
p.t1 { text-indent: 20px; text-align: left; font-style: oblique; font-weight: bold; color: black; font-size: medium; }
p.t2 { padding-left: 40px; text-align: left; color: black; }
div.liste { padding-left: 45px; margin-bottom:20px;}