/** BLEU: #0089CC  004B8F(foncé)  ORANGE : #F6A800 } **/

* { font-family: Helvetica; color: black; }
body { font-size: 11px; background-color: #FAFAFA; }
input, select, textarea, p, div { font-size: 11px; }
a { color: inherit;}
.right {text-align: right;}

button { width: 130px; height: 24px; font-size: 11px; padding: 0; border: none; background: url('/images/bouton_gris.png') no-repeat; font-weight: bold; color:#666; font-family: sans-serif; }
button:hover {background: url('/images/bouton_gris_survol.png') no-repeat;}
button.ui-datepicker-trigger {width: 30px; background: url('/images/bouton_petit_gris.png') no-repeat;}
button.ui-datepicker-trigger:hover {background: url('/images/bouton_petit_gris_survol.png') no-repeat;}

a.delete { display: block; height: 18px;padding: 6px 0 0 0; width: 130px; font-weight: bold;  background: url('/images/bouton_gris.png') no-repeat; text-align: center;}
a.delete:hover { background: url('/images/bouton_gris_survol.png') no-repeat;}

.center { text-align: center; }
.orange { color: #F6A800; }
.gris {color: #666; }
/** LAYOUT **/
div #sidebar { width: 160px; float: left;  background: #fff;  -moz-border-radius: 2px ; margin: 5px 0px; padding: 0px; vertical-align: top;}
div #content { margin: 0px 0px 5px 167px;  padding: 0px 5px; vertical-align: top;}
div #content_lr { margin: 0px 217px 5px 167px; padding: 0px 5px; vertical-align: top;}
div #rightbar { width: 200px; float: right;  margin: 5px 0px; padding: 70px 0px 0px; vertical-align: top; }
div.copyright { text-align: center; color: #999; font-size: 10px; }
.titre {font-weight: bold;}

div #content_lr h1,div #content h1  {margin-bottom: 30px; color: #999; }
/** -- **/
div.general { width: 990px; margin: auto; padding: 5px;  background: #FFF url('/images/fond_general.png') repeat-x;  }
a img {border: 0px solid #FFF; }
img.imgBorder { border: 1px solid #ccc; }
h1 {  margin: 3px 0; color: #0089cc; font-size: 40px; margin-top: 0px; padding-top: 0px;}

form { width: 100% }

input, select, textarea { border: 1px solid #BBB ; padding: 2px;}
input[type=button],input[type=submit]{ border: 1px solid #666;}

table {border-collapse:collapse;}
table caption { margin:0px; padding-right: 10px; text-align: right;  }
h1 a { text-decoration: none; font-size:inherit; color: inherit; }
div.actions { text-align: right; padding: 10px 0px 6px;; }
div.actions a { margin: 2px; text-decoration: none; float:left; margin: 0px;}
p.texte { padding: 3px 20px; text-align: justify; }
h2 {  color: #0089CC; font-size: 18px; margin: 0px;  padding: 2px 10px; text-align: center;}
h3 { background-color:  #0089CC; color: white; font-size: 15px; margin: 5px 0px 0px;  padding: 2px 10px;}

div.attention {  background-color: #ea620e; margin-bottom: 10px; padding-bottom: 10px;}
div.attention * {  color: #fff; }
div.attention .titre {  background-color: #cf5407; color: #FFF; font-size: 18px; padding: 5px 10px;}
div.attention .detail {  padding: 5px 10px;}
div.attention ul { margin: 0 0 0 20px; }
div.attention p { margin: 3px 0 0 0 ; padding: 0;}
div.attention p.question { font-weight: bold; padding-bottom: 10px; font-size: 12px;}
div.attention h3 { margin: 10px 10px 0 10px; background-color: #cf5407; }

/** -- Login -- **/
div.login { margin: 0px auto 30px; width: 764px; height: 600px; background: url("/images/logoPB86.png") no-repeat; }
table.login { position: relative; top: 450px; left: 60px;}
table.login * {color: #0089CC;}
table.login input[type=submit],table.login input[type=button] { color: #0089CC; background-color: #F6A800 }
table.login button { background-image: url('/images/bouton_orange.png'); font-weight: bold;}
table.login button:hover { background-image: url('/images/bouton_orange_survol.png'); }
table.login input[type=text] { font-weight: bold; }
table.login caption { font-size: 12px; font-weight: bold; text-align: left;}
table.login th  { font-weight: normal; text-align: right; padding: 5px}
table.login td  { font-weight: normal; text-align: left; padding: 5px}


/** -- Messages -- **/
div.message {background-color: #0089CC; margin:5px 0px 10px 0px; padding:0px;  }
div.message div.header { background-color: #006a9c; padding: 5px; }
div.message div.header h2 {padding: 5px; margin: 0 0 0 85px; text-align: left;}
div.message p.auteur {font-size: 11px; padding: 2px; margin: 0px; text-align: right; color: inherit;}
div.message div.reactions { background-color: #0082c3; padding:5px ; height: 50px; position: relative;}
div.message div.reactions p.titre {font-size: 16px; float:left; padding: 0 5px 0 0; }
div.message div.reactions p.comment {font-size: 11px;  position: absolute; top:30px; width: 580px; text-align: right;}
div.message div.reactions button {float:right;}
div.message * { color: #FFF;}
div.mess  a.delete { background: url('/images/bouton_bleu.png') no-repeat; }
div.mess  a.delete:hover { background: url('/images/bouton_bleu_survol.png') no-repeat; }

div.mess { margin-left: 85px; padding: 5px; margin-bottom: 5px;}
div.mess p {font-size: 15px;}
div.message button {background-image: url('/images/bouton_bleu.png');}
div.message button:hover {background-image: url('/images/bouton_bleu_survol.png');}

div.reponse button {background-image: url('/images/bouton_gris.png');}
div.reponse button:hover {background-image: url('/images/bouton_gris_survol.png');}


div.reponse * { color: #333;}
div.reponse div.header { background-color: #ccc; padding: 5px;  }
div.reponse div.header * { color: #333; }
div.reponse { display: none; margin: 0; padding: 0px; background-color: #DEDEDE;  border-top: 1px solid #DDD;  border-bottom: 1px solid #FFF;}
div.rep { margin-left: 85px; padding: 5px;}
div.rep p {font-size: 15px;}

a.toggle span {color: inherit;};
div.rep p {font-size: 15px; text-align: left; margin: 0}

img.auteurmessage {float: left;  }
img.photoMessage { margin: 5px auto; border: 1px dotted #aaa;}



/** Liens Droite **/
div.rubrique { border: 1px solid #0089cc; padding:0px; margin: 0px 0px 25px 0; }
div.rubrique p.titre { padding: 2px; background-color: #0089cc; text-align: center; color: #FFF;}

div.rubrique p { margin: 0px; padding: 5px; color: #666;}
div.rubrique p.question { font-weight: bold; }
div.rubrique a { text-decoration: none; color: #333;  }
div.rubrique a:hover { text-decoration: none; color: #999;  }

div.rubrique ul { padding: 1px; margin: 0px; }

div.orange { border-color: #CF5407;}
div.orange p.titre { background-color: #CF5407 }

ul.members { margin:  5px; border: 1px solid #CCC; height: 200px; overflow: scroll;}
ul.members li {display: block; float: left; padding: 3px 1px; width: 150px;}
ul.members li a {  width: 150px;}
ul.members li.admin { color: red; font-weight: bold; }

ul.liens li { margin: 1px ; background-color: #ddd; padding: 1px;}
ul.liens li a { display: block; padding: 2px 1px 2px 10px; margin: 1px 5px; font-weight: bold; color: #666; text-decoration: none; background:  url('/images/fleche_petite_grise.png') no-repeat left ; } 




/** -- Agenda -- **/
ul.agenda li {padding: 0px; margin: 1px; }
.agenda_1 { background-color: #44a8d6; color: #FFF;}
.agenda_2 { background-color: #ebc426; }
.agenda_3 { background-color: #89e83b; }
.agenda_4 { background-color: #d06a78; }

ul.agenda li div { font-weight: bold; padding: 3px 7px; margin: 0px; }
ul.agenda li p { padding: 5px 0px 15px 10px;  margin: 0px; }

/** -- Sondages -- **/
ul.sondages { margin:5px 0px 10px 0px; padding:0px;  }
ul.sondages li { padding: 0px 0 5px 0; margin: 10px 0px; border: 1px solid #0089CC;}
ul.sondages li li { border:none; padding: 1px 5px; margin: 0px; }


ul.sondages li div.titre{ background-color: #0089CC; color: #FFF; padding: 4px; margin: 0; text-align: center;}
ul.sondages li p {padding: 2px 5px; margin: 0;}
div.sondpers {padding: 2px; height: 40px; width: 130px; float: left;}

table.synthese {border: 1px solid #333;  margin: 5px;}
table.synthese tr td { padding: 2px 5px; text-align: right;}
table.synthese tr.l1 td { background-color: #ddd; }
table.synthese tr.l2 td { background-color: #FFF; }


/** -- Listes -- **/
table.liste { margin: 10px auto; width: 95%; border: 1px solid #CCC;}
table.liste tr:hover {background-color: #f6b352;}
table.liste th { background-color: #F6A800; text-align: left; padding: 5px; }
table.liste td { padding: 5px; }

tr.l1  { background-color: white ;}
tr.l2  { background-color: #f6e7c8;}

/** -- Fiches -- **/
table.fiche { border: 1px solid #ccc; width: 95%; margin: 20px;}
table.fiche th {  padding: 5px;  text-align: right; vertical-align: top; font-weight: normal; width: 100px; background-color: #0089CC; color: white;}
table.fiche th * {color: white }
table.fiche td { padding:  5px; }
table.fiche input[type=text], table.fiche textarea { width: 400px; }

/** -- Message-- **/
table.fichemessage { margin: 10px;}
table.fichemessage th {  padding: 5px;  text-align: right; vertical-align: top; font-weight: normal; width: 150px; }
table.fichemessage th * {color: #666; }
table.fichemessage td { padding:  5px; }
table.fichemessage input[type=text], table.fichemessage textarea { width: 400px;  }
table.fichemessage textarea { height: 400px;  }

table.vgnnom { display: inline; }
table.vgnnom th { width: 45px; padding:10px 2px; text-align: right;}
table.vgnnom td { width: 80px; padding:10px 0px;}

ul.error_list {  font-weight: bold; }


/** -- Menu -- **/
div.menu {border: 1px solid #ccc;}
div.menu select { width: 150px; margin:  4px; }
table.me { background-color: #0089CC; color: #fff; width: 100%;}
table.me a { color: #fff; text-decoration: none; font-size: 12px; font-weight: bold;}
table.me a:hover { text-decoration: underline; }
table.me a.small { font-size: 10px; font-weight: normal;}
table.me img { border:1px solid #333; border: 1px solid #FFF;}
table.me td {vertical-align: top; color: #FFF; padding: 4px;}

ul.admin { border: 1px solid #ea610d;}

li.titre { font-size: 12px;padding: 4px; text-align: center; }
ul.admin li.titre {color: #FFF;  background-color: #ea610d; }
ul.menu, ul.connexions  { }
ul.menu li { padding: 3px; }
ul.menu li a { padding-left: 10px;font-weight: bold; text-decoration: none; color: #004B8F;}
ul.menu li a.admin, ul.admin li a { color: #ea610d;}

ul.connexions { border: 1px solid #0089CC;}
ul.connexions li.titre { color: white; background-color: #0089cc; padding: 4px; height: auto;}
ul.connexions li { padding: 2px; height: 45px;}
ul.connexions li img { margin: 2px 0px 0px 0px; border:1px solid #333; float: left; }
ul.connexions li p { margin: 2px 2px 0px 45px;  }

ul { margin: 5px 0; padding: 0;  list-style: none; }
#menu { margin: 0; padding: 0;  list-style: none; }
#menu li { display: inline; /* affichage horizontal */ } 
#menu li a { padding: 3px 20px; margin: 0; background: #0089CC; color: #fff; border: 1px solid #F6A800;  text-decoration: none;  -moz-border-radius: 3px 20px 0 0; -webkit-border-radius: 3px 20px 0 0;  border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 20px; /* pour Chrome */  } 
#menu li a:hover, #menu li a:focus {  background: #b8da40;  color: #000; } 
#menu li a.active {  background: #F6A800;  color: #000; border-color: #0089CC; }

div.double_list select { width: 200px; height: 300px; }
.alaligne { clear: both; width: 600px  }

/** PAGER **/
table.pager th { padding: 5px; }
table.pager a  { padding: 5px; border: 1px solid grey; text-decoration: none; }
table.pager a.active  { background-color: #F6A800; }