body {background: #838eb3; margin:0; padding:0;}
h1,h2,h3,h4,h5 {padding:0; margin:0;}
a, a:active {color:#47537e;}
a:hover {color:#8994b5; text-decoration:none;}
h1 {font-size:18px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
.justify {text-align:justify; padding:5px;}
.center {text-align:center; padding:5px;}
.inline {display:inline;}
img{border:0;}
ul, li, div, p, form, input, textarea, select, option {
font:12px "Trebuchet MS", Georgia;
color:#1b295c;
list-style-type:none;
padding:0;
margin:0;
}

#fond {width:1000px; margin:0 auto; background:#ffffff url(img/background.png) repeat-x;}
#entete a {text-decoration: none;}
#entete {background: url(img/logo.png) no-repeat; height:122px;}
#entete h2, #entete h1 {padding-left:120px; color:#ffffff; font-size:26px; padding-top:70px; padding-bottom:20px;}
#entete h2 a, #entete h1 a {color:#ffffff;}
#menu {text-align:right; padding-top:8px; padding-right:10px;}
#menu li {display:inline; margin-left:2px; margin-right:2px; font-weight:bold;
          border:1px solid #b4b7c3; padding:1px; padding-top:3px; padding-left:10px; padding-right:10px;}
          
#accueil {background-color:#ebedf5;}
#soutien {background-color:#ffe07d;}
#first {background-color:#00bb33;}
#first a {color:#ffffff;}
#first:hover a {color:#47537e;}
#donner {background-color:#ffe07d;}
#professeurs-particuliers {background-color:#ebedf5;}
#gestion {background-color:#ffe07d;}
#partenaires {background-color:#ebedf5;}
#accueil:hover, #soutien:hover, #first:hover, #donner:hover, #professeurs-particuliers:hover, #gestion:hover, #partenaires:hover {background-color:#ffffff; border-bottom:1px solid white;}
#menu a {text-decoration:none;}

#menu-membres {text-align:left; padding-top:5px;}
#menu-membres a {text-decoration:none; padding-left:5px; padding-right:5px;}
.fils-menu {padding-top:6px;display:inline; vertical-align:3px; font-weight:bold;}
.fils-menu:hover {color:#8994b5;}
#main{padding:20px;}

.box {float:left;}
.box_titre {height:35px; background:url(img/box_titre_hg.gif) no-repeat;}
.box_titre img {float:left; padding-top:7px; padding-left:15px; height:23px;}
.box_titre h2 {float:left; padding-left:10px; padding-top:7px;}
.box_titre_hd {height:20px; width:20px; background:url(img/box_titre_hd.gif); float:right;}
.box_corps {clear:both; padding:20px; padding-top:10px; padding-bottom:30px; margin-bottom:20px;
            background:#dadeed url(img/box_bottom_bg.gif) repeat-x bottom;}

p.check {margin-bottom:5px; font-weight:bold;}
.check li {margin-left:25px; margin-right:10px; list-style-type:circle;}
.points {float:left; padding:5px; padding-right:10px;}
#eleves {margin-left:40px;}
#professeurs {margin-left:95px;}
#demo {margin-left:75px;}

div.boutton {margin:20px; height:25px;}
div.boutton_g {float:left; height:25px; background:url(img/bg.gif) no-repeat;}
div.boutton_d {background:url(img/bd.gif) no-repeat; height:25px; width:4px; float:left;}
h3.boutton {padding-left:10px; padding-right:6px; padding-top:3px; font-size:14px;}
.boutton a {text-decoration: none; color:#ffffff;}
.boutton a:hover {color:#aa0000;}

.filtre, .recherche, .selection {float:left; margin-top:5px; margin-right:40px;}
.filtre .titre, .recherche .titre, .selection .titre {padding-bottom:2px; font-weight:bold;}
.filtre a {text-decoration:none;}
.filtre h3, .recherche h3, .selection h3, .affiner h3  {color:#aa0000;}

.affiner {margin:20px auto; width:400px; }
.affiner ul {padding:5px; border:1px dashed #dddddd; background-color:#eff1f8; margin-top:5px;}

.filtre ul, .recherche ul {padding:5px; border:1px dashed #dddddd; background-color:#eff1f8; margin-bottom:10px;}
.selection ul {padding:5px; border:1px dashed #cccccc; background-color:#d8f0d7; margin-bottom:10px;}
.filtre ul {float:left; margin-right:10px;}
.filtre li, .recherche li, .selection li {height:17px; vertical-align:middle;}
.filtre li:hover {cursor:pointer;}
.filtre li.titre:hover {cursor:default;}
.filtre .submit2 {clear:both; margin-bottom:10px;}
.filtre .fin {margin-right:0}
.noresult {clear:both; padding:50px; padding-left:220px;}

.table {clear:both;}
.table-top {padding:2px; padding-left:7px; padding-right:7px; background-color:#eff1f8;}
.table-top a {text-decoration:none;}
.table-content1, .table-content2 {text-align:center; background-color:#ffffff;}
.table-content2 {background-color:#eff1f8;}
.table-content1:hover, .table-content2:hover {background-color:#ffffdd;}
.table-content-ref {background-color:#ffffdd; border-top:1px solid #47537e; border-bottom:1px solid #47537e;}
.table-content-ref p {padding-bottom:0;}
.table-annonce {padding:5px; text-align:justify;}
.table-avis {padding:5px; font-size:12px;}
.table-annonce a {color:#aa0000; font-size:14px;}
.table-annonce p.corps {padding:3px; font-size:11px;}
.table-annonce p.info {padding-left:3px; font-size:11px;}
.table-annonce:hover, .table-img:hover {cursor:pointer;}
.table-img, .table-info {padding:5px; font-size:18px;}
.table-ligne {background-color:#dddddd; height:1px;}

.panier, .select, .select2 {display:block; height:70px; width:65px; background:url('img/panier.png') no-repeat center;}
.panier:hover {background-image:url('img/panier-hover.png');}
.select {background-image:url('img/select.png');}
.select2 {background-image:url('img/select.png');}
.select2:hover {background-image:url('img/select-hover.png');}

h3.titre-texte {padding-left:10px; margin-top:10px; color:#cc0000;}
form .submit {margin-top:20px;}
td.titre {font-weight:bold; padding-left:5px; padding-right:5px;}

p.champ {padding:5px; font-weight:bold;}
p.champ label {display:block; float:left; padding-top:4px;}
.champ .n {padding:2px 5px 1px 5px;}
p.bouton {
border-top:1px dashed #47537e;
margin-top:20px;
padding-top:10px;
width:100%;
text-align:right;
}

h3.section {padding:5px; margin-top:10px; padding-bottom:0; border-bottom:1px dashed #cccccc; color:#aa0000;}
.annonce-menu {color:#aa0000;}
.annonce-menu a {color:#aa0000;}
.annonce-col, .annonce-corps {width:160px; float:left; margin-top:20px; margin-bottom:20px; border-right:1px dashed #cccccc;}
.annonce-col h3 {text-align:right; padding:5px; padding-bottom:0; border-bottom:1px dashed #cccccc;}
.annonce-col p {text-align:right; padding:5px;}
.annonce-col p.prix {color:#aa0000; font-size:14px; font-weight:bold;}
.annonce-corps {width:780px; border:0; margin:0; margin-top:20px; padding-left:10px;}
.annonce-corps p {padding-top:5px;}
.annonce-corps .maj{color:#cccccc;}
.annonce-corps h3.section {width:500px;}
.annonce-dispo {float:right; width:350px; margin-right:10px; padding-left:10px;}
.annonce-dispo h3.section {width:340px;}
.annonce-dispo td {font-size:11px;}
.annonce-map {float:right; width:410px; margin-right:10px; margin-bottom:20px;}
.annonce-map ul {margin-top:10px;}
.annonce-opinion {width:780px; float:right; margin-right:10px; margin-bottom:20px;}
.annonce-fg, .annonce-fj, .annonce-fr {background-image:url('img/fg.png'); padding-top:7px; margin-right:20px;
                                       text-align:center; vertical-align:middle; background-repeat:no-repeat; 
                                       width:130px; height:70px;}
.annonce-fj {background-image:url('img/fj.png');}
.annonce-fr {background-image:url('img/fr.png');}
.annonce-f {background-image:url('img/f.png'); background-repeat:no-repeat; width:30px; height:32px; margin-right:20px; float:left;}
.annonce-f2 {background-image:url('img/f2.png'); background-repeat:no-repeat; width:30px; height:120px; margin-top:70px; margin-right:20px; float:left;}

li.lieu {list-style-type:square; margin-left:20px;}
li.lieu2 {margin-left:30px;}

.annonce-selection {float:right; margin-left:30px; margin-bottom:30px;}
.annonce-selection p#titre {padding-bottom:5px; font-weight:bold;}
.annonce-selection p#explications {padding:0; padding-top:5px; font-weight:bold; text-align:center;}
.annonce-selection h3 {color:#3b983a;}
.annonce-selection #ampoule {width:35px; height:40px; display:inline-block; background:url('img/ampoule3.png') no-repeat 8px;}
.annonce-selection #ampoule:hover {background:url('img/ampoule2.png') no-repeat 8px;}
.annonce-selection #liste {width:40px; height:40px; display:inline-block; background:url('img/panier-liste3.png') no-repeat 7px;}
.annonce-selection #liste:hover {background:url('img/panier-liste2.png') no-repeat 7px;}
.annonce-selection #ajouter {width:40px; height:40px; margin-right:8px; display:inline-block; background:url('img/panier.png') no-repeat center;}
.annonce-selection #ajouter:hover {background:url('img/panier-hover.png') no-repeat center;}
.annonce-selection #select {width:40px; height:40px; display:inline-block; background:url('img/select.png') no-repeat center;}
.annonce-selection #select2 {width:40px; height:40px; display:inline-block; background:url('img/select.png') no-repeat center;}
.annonce-selection #select2:hover {background:url('img/select-hover.png') no-repeat center;}
.annonce-selection #annonce-selection {padding:5px; border:1px dashed #cccccc; background-color:#d8f0d7; margin-bottom:10px;}


.resume {float:left; margin-top:5px; margin-bottom:20px;}
.resume .titre {padding-bottom:2px; font-weight:bold;}
.resume ul {padding:5px; border:1px dashed #cccccc; background-color:#d8f0d7; margin-bottom:10px;}
.selection-liste {float:left;}
.selection-liste li {list-style-type:square; margin-left:20px; padding:5px;}
.selection-liste li a {font-size:14px;}
.selection-liste .panier, .selection-liste .select, .selection-liste .select2 {display:block; height:40px; width:65px;}

.error {margin-bottom:20px; clear:both;}
.error-top {height:15px; background:url('img/error-top.png') no-repeat;}
.error-corps {border:1px dashed #cc0000; border-top:0; background-color:#edd0d0; padding:5px;}
.error-corps h3 {margin:0; padding:0; color:#cc0000; border:0;}
.error-corps p {padding:0; padding-top:5px; text-align:justify;}

.s {font-size:12px;}
.s1 {background-color:#eff1f8; font-size:13px; font-weight:bold; }

.liste-bouton {width:600px; margin:20px auto; margin-top:0;}
.liste-bouton-double {width:510px; margin:20px; float:left; margin-top:0;}
.liste-bouton h3.titre, .liste-bouton-double h3.titre {color:#aa0000; margin-bottom:5px;}
.liste-bouton-content {padding:5px; border:1px dashed #dddddd; background-color:#eff1f8;}
.liste-bouton2 {width:540px; margin:10px; margin-top:0; margin-bottom:20px; margin-right:20px;}
.liste-bouton2 h3.titre {color:#3b983a; margin-bottom:5px;}

.liste-menu {clear:both;}
.liste-matiere {float:left; padding:10px; padding-top:0;}
.liste-matiere h4 {margin-top:10px; color:#aa0000}
.liste-lieu {float:left;}
a.liste-lieu-q {color:#cc0000; font-weight:bold}
ul.liste-lieu  {padding:10px;}
div.liste-lieu {margin-right:20px;}
.liste-favoris {width:200px;}
ul.liste-favoris  {padding:10px;}

.liste-content {clear:both; padding-top:20px;}
.liste-content h2 {padding-bottom:5px; border-bottom:1px solid #47537e;}
.liste-content ul {border-bottom:1px solid #47537e;}
.liste-content h4 a {color:#aa0000}
.liste-content li {padding:5px; padding-left:10px; text-align:left;}

td.dispo {background-color:#aa0000;}

p.info-membres {padding-bottom:10px; color:#1A7917; font-weight:bold; font-size:13px;}
.membres-content1, .membres-content2 {text-align:center; background-color:#ffffff;}
.membres-content2 {background-color:#eff1f8;}
.membres-annonce {padding:10px; text-align:justify;}
.membres-ref {padding:5px; text-align:justify;}
.membres-annonce h3 {color:#aa0000;}
.membres-annonce p.corps {padding:5px; text-align:justify; font-size:11px;}
.membres-annonce p.info {padding-left:3px; font-size:11px;}
.membres-date {padding-left:5px; padding-bottom:5px; font-size:11px; color:#bbbbbb;}
.membres-compl {font-size:11px;}
p.membres-compl {margin-left:5px; padding-top:5px; margin-right:15px;}
li.membres-compl {margin-left:20px; margin-right:15px; font-size:11px; list-style-type:circle;}
.membres-info ul {width:110px; text-align:left; padding:10px; padding-left:30px; padding-right:30px;}
.membres-info a {font-weight:bold; text-decoration:none;}
.liste-menu-membres, .liste-menu-positionner {display:inline; vertical-align:3px; font-weight:bold;}
.liste-menu-positionner {text-decoration:underline; color:#239c1f;}
.liste-menu-membres:hover {color:#8994b5;}
.liste-menu-positionner:hover {color:#2FD129;}
.filtre-membres {float:left; margin-top:5px; margin-right:20px;}
.filtre-membres h3 {color:#aa0000;}
.filtre-membres ul {float:left; margin-right:10px; padding:5px; border:1px dashed #dddddd; background-color:#eff1f8; margin-bottom:10px;}
.membres-box {padding:5px; border:1px dashed #dddddd; background-color:#eff1f8;}

.graphic {float:left; text-align:center; margin:3px;}
.graphic2 {float:left; text-align:center;}
.graphic2 div {font-size:11px;}
.graphic2 .bar {background-color:#ffaa00; width:8px; margin:1px;}
.graphic2 .bar2 {background-color:#239c1f; width:8px; margin:1px;}
.graphic2 .bar3 {background-color:#ffee00; width:8px; margin:1px;}
.graphic .nbr {clear:both; font-weight:bold; padding-top:5px;}

ul.matieres {float:left; padding:10px;}
li.matieres {padding:5px;}
li.partenaires {padding:10px; border-bottom:1px dashed #dddddd;}
li.partenaires2 {padding:10px; font-weight:bold;}
ul.BonsPoints {margin-left:20px;}

#bas {padding-top:2px; clear:both; text-align:center; color:#ffffff;
      border-top:1px solid #950b0b; background-color:#aa0000;}
#bas a {font-weight:bold; color:#ffffff;}
#bas a:hover {color:#ffde73; text-decoration: none;}