/* CSS Document */
html, body { height: 100%; margin: 0; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size:95%; color:#FFFFFF; background-image:url(images/base/fond.jpg);}
body { font-size:0.95em;}
#main { background-image:url(images/base/fond-menu.jpg); background-repeat:repeat-y;}
#gauche { width:332px; height:100%; float:left; background-image:url(images/base/bandeau.jpg); background-repeat:no-repeat;}
#droite { margin-left:332px;}
#footer { text-align:center; padding:0 50px 15px 15px;}
#contenu { text-align:justify; padding:0 50px 15px 15px;}
#bloqueur { clear:both;}

#menu { list-style-type:none; margin:120px 0 0 12px; padding:0; width:160px; }
#menu li { margin-top:21px; }

#cachemenu { height:0; visibility:hidden;}

a.accueil { background-image:url(images/menu/accueil.a.png); background-repeat:no-repeat; width:60px; height:25px; background-position:15px 0; padding:0 75px 9px 0}
a:hover.accueil { background-image:url(images/menu/accueil.r.png); background-repeat:no-repeat; width:60px; height:25px; background-position:15px 0; padding:0 75px 9px 0}
a.biographies { background-image:url(images/menu/biographies.a.png); background-repeat:no-repeat; width:100px; height:25px; background-position:0 0; padding:0 100px 9px 0}
a:hover.biographies { background-image:url(images/menu/biographies.r.png); background-repeat:no-repeat; width:100px; height:25px; background-position:0 0; padding:0 100px 9px 0}
a.programmes { background-image:url(images/menu/programmes.a.png); background-repeat:no-repeat; width:99px; height:25px; background-position:5px 0; padding:0 104px 9px 0}
a:hover.programmes { background-image:url(images/menu/programmes.r.png); background-repeat:no-repeat; width:99px; height:25px; background-position:5px 0; padding:0 104px 9px 0}
a.mutation { background-image:url(images/menu/mutation.a.png); background-repeat:no-repeat; width:72px; height:25px; background-position:10px 0; padding:0 82px 9px 0}
a:hover.mutation { background-image:url(images/menu/mutation.r.png); background-repeat:no-repeat; width:72px; height:25px; background-position:10px 0; padding:0 82px 9px 0}
a.praticiens { background-image:url(images/menu/praticiens.a.png); background-repeat:no-repeat; width:77px; height:25px; background-position:23px 0; padding:0 100px 9px 0}
a:hover.praticiens { background-image:url(images/menu/praticiens.r.png); background-repeat:no-repeat; width:77px; height:25px; background-position:23px 0; padding:0 100px 9px 0}
a.temoignages { background-image:url(images/menu/temoignages.a.png); background-repeat:no-repeat; width:102px; height:25px; background-position:22px 0; padding:0 124px 9px 0}
a:hover.temoignages { background-image:url(images/menu/temoignages.r.png); background-repeat:no-repeat; width:102px; height:25px; background-position:22px 0; padding:0 124px 9px 0}
a.groupes { background-image:url(images/menu/groupes.a.png); background-repeat:no-repeat; width:179px; height:25px; background-position:0 0; padding:0 179px 9px 0}
a:hover.groupes { background-image:url(images/menu/groupes.r.png); background-repeat:no-repeat; width:179px; height:25px; background-position:0 0; padding:0 179px 9px 0}
a.livres { background-image:url(images/menu/livres.a.png); background-repeat:no-repeat; width:106px; height:25px; background-position:30px 0; padding:0 136px 9px 0}
a:hover.livres { background-image:url(images/menu/livres.r.png); background-repeat:no-repeat; width:106px; height:25px; background-position:30px 0; padding:0 136px 9px 0}
a.videos { background-image:url(images/menu/videos.a.png); background-repeat:no-repeat; width:54px; height:25px; background-position:41px 0; padding:0 95px 9px 0}
a:hover.videos { background-image:url(images/menu/videos.r.png); background-repeat:no-repeat; width:54px; height:25px; background-position:41px 0; padding:0 95px 9px 0}
a.articles { background-image:url(images/menu/articles.a.png); background-repeat:no-repeat; width:64px; height:25px; background-position:40px 0; padding:0 104px 9px 0}
a:hover.articles { background-image:url(images/menu/articles.r.png); background-repeat:no-repeat; width:64px; height:25px; background-position:40px 0; padding:0 104px 9px 0}
a.contact { background-image:url(images/menu/contact.a.png); background-repeat:no-repeat; width:114px; height:25px; background-position:25px 0; padding:0 139px 9px 0}
a:hover.contact { background-image:url(images/menu/contact.r.png); background-repeat:no-repeat; width:114px; height:25px; background-position:25px 0; padding:0 139px 9px 0}
a.actualites { background-image:url(images/menu/actualites.a.png); background-repeat:no-repeat; width:82px; height:25px; background-position:33px 0; padding:0 115px 9px 0}
a:hover.actualites { background-image:url(images/menu/actualites.r.png); background-repeat:no-repeat; width:82px; height:25px; background-position:33px 0; padding:0 115px 9px 0}
a.liens { background-image:url(images/menu/liens.a.png); background-repeat:no-repeat; width:37px; height:25px; background-position:68px 0; padding:0 105px 9px 0}
a:hover.liens { background-image:url(images/menu/liens.r.png); background-repeat:no-repeat; width:37px; height:25px; background-position:68px 0; padding:0 105px 9px 0}

a { text-decoration:none; border:none;}
a:hover { text-decoration:none; border:none;}
a.lien { color:#FFCC00}
a:hover.lien { color:#FFFF00}
a.mail { color:#FFFFCC}
a:hover.mail { color:#FFCCFF}
a.tableau { color:#CC99FF}
a:hover.tableau { color:#0071FC}
.main { border:none; text-decoration:none}

.photoG { float:left; margin-right:17px; padding-top:10px;}
.photoD { float:right; margin-left:17px; padding-top:10px;}
h1 { font-size:1.6em; color:#FFFF99; margin:8px 0 4px 0}
.actualites { text-decoration:underline; margin-top:17px}
h2 { font-size:1.4em; color:#FFCC66; margin:8px 0 4px 0}
h3 { font-size:1.2em; color:#FFFF66; margin:8px 0 4px 0}
h4 { font-size:1.1em; color:#FFFFCC; margin:8px 0 4px 0}

.repertoire { text-align:left; margin:5px 0 5px 15px; padding:0; list-style-type:disc}
.repertoire li { margin-top:7px}
.repertoire li.second { margin:0; list-style-type:none}
.liste { list-style-type:decimal;}
.liste li { margin-top:10px}
.engagement { color:#FFFF99}
.engagement li { margin-top:10px}
.zero li { margin-top:0}
.cinq li { margin-top:5px}
.dix li { margin-top:10px}
.none { list-style-type:none; margin:8px 0 0 0}
.none li { margin-top:7px}
.disc { list-style-type:disc; margin:0 0 0 40px}
.disc li { margin-top:3px}
li.sousliste { color:#FFFFFF; list-style-type:none; margin:8px 0 0 0; padding:0}

#sousmenu { margin:80px 0 0 9px; width:280px; text-align:justify; color:#FFFFFF}
#retrait { margin-left:5px; margin-bottom:25px}

p { margin:8px 0 0 0; padding:0}
.titre { margin:55px 0 0 0}
.jap { margin:25px 15px 0 78px; float:left;}
.courriel1 { margin:12px 15px 0 0; text-decoration:none; border:none; float:left;}
.courriel2 { margin:12px 15px 0 0; float:left; height:405px}
.souligne { color:#FFFF66; font-weight:bold;}
.souligne2 { color:#FFFF00; font-weight:bold}
.droite { text-align:right;}
.gauche { text-align:left;}
.center { text-align:center}
.attention { margin:7px 0 7px 0; padding-top:9px; color:#FFFF99}
.dept { color:#FFFF99}
.titreliste { color:#FFFFCC; font-weight:bold; font-style:italic}
.tel{ color:#FFFFCC}
.sp { font-weight:bold; color:#FFCCCC}
.rouge { color:#FF0000}

.flash { font-weight:bold; text-decoration:underline; color:#FF6600}
.titreflash { color:#FFFF00}
.sstitreflash { color:#FFCC00; margin:0}
.texteflash { margin:0}
.souligneflash { color:#FF6600;}
.annonce { list-style-type:disc; margin:0 0 0 35px; padding:0}
.annonce li { margin:3px 0 0 0; padding:0}


#menu-ligne { list-style-type:none; text-decoration:none}
#menu-ligne li { display:block; float:left; padding:0 3px 0 3px}
#menu-ligne li a.lien { color:#FFCC00}
#menu-ligne li a:hover.lien { color:#FFFF00}

#formulaire { margin:0 10px 25px 51px}
#alerte { margin:0 0 12px 0; padding:0 7px 7px 7px; background-color:#6699FF; border:1px solid #000066; width:585px}
.texteform { color:#000033}
.mailform { color:#0000CC}
.souligneform { color:#9900FF}
.merciform { color:#CC33FF}
.bouton { color:#CCFFFF; text-align:center; background-color:#3366FF; border:2px solid #3300FF; }
.rouge { color:#FF0000; }
.champ462 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #3300FF; width:462px; padding-left:3px; color:#CCFFFF; text-align:left; background-color:#3366FF; }
.champ150 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #3300FF; width:150px; padding-left:3px; color:#CCFFFF; text-align:left; background-color:#3366FF; }
.champ60 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #3300FF; width:60px; padding-left:3px; color:#CCFFFF; text-align:left; background-color:#3366FF; }
.champTexte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #3300FF; width:462px; text-align:justify; color:#CCFFFF; padding:3px; background-color:#3366FF; }