/* CSS Document */
html, body { height: 100%; margin: 0; padding: 0; text-align: center; font-family:Verdana,"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:0.9em; color:#410180; }
  
#base0 { display:block; text-align:center; width: 946px; margin: 0 auto 0 auto; }
#base1 { display:block; text-align:center; width: 838px; margin: 0 auto 0 auto; }

#menu-fond { background-image:url(images/base/fond.png); background-repeat:repeat-x; height:37px; border-top: 1px solid #4F1C98; text-align:center; width: 100%; }
#menu-liens { height:37px; text-align:center; width: 838px; margin: 0 auto 0 auto; }
#menu { list-style-type:none; margin:0; padding:0; width: 850px; }
#menu li { float:left; }
#menu li a { display:block; }

a#accueil { background-image:url(images/menu/accueil.a.png); width:97px; height:46px; margin-top:-9px; }
a:hover#accueil { background-image:url(images/menu/accueil.r.png); width:97px; height:46px; margin-top:-9px; }
a#ecoute { background-image:url(images/menu/ecoute.a.png); width:216px; height:37px; }
a:hover#ecoute { background-image:url(images/menu/ecoute.r.png); width:216px; height:37px; }
a#fonctionnalites { background-image:url(images/menu/fonctionnalites.a.png); width:274px; height:37px; }
a:hover#fonctionnalites { background-image:url(images/menu/fonctionnalites.r.png); width:274px; height:37px; }
a#realisations { background-image:url(images/menu/realisations.a.png); width:145px; height:37px; }
a:hover#realisations { background-image:url(images/menu/realisations.r.png); width:145px; height:37px; }
a#contact { background-image:url(images/menu/contact.a.png); width:106px; height:37px; }
a:hover#contact { background-image:url(images/menu/contact.r.png); width:106px; height:37px; }

#bandeau { height:100px; width:830px; border: 1px solid #4F1C98; border-top: 1px solid #E1C9F9; padding:3px; }

#base2 { display:block; text-align:left; width: 836px; margin:0 auto 0 auto; padding-top:2em; text-align:justify; border-left: 1px solid #E1C9F9; border-right: 1px solid #E1C9F9; }
#gauche { float: left; width: 542px; border-right: 1px solid #E1C9F9; padding:0 12px 2em 6px; text-align:justify; }
#droite { margin-left:560px; width: 253px; padding: 0 12px 2em 12px; text-align:justify; }

 
/* DIVERS CONTENU
-------------------------------------------------------- */


h1 { margin-top:12px; font-variant:small-caps; font-weight:bold; margin-bottom:0; font-size:1.2em; margin-left:8px; }
h2 { font-size:1em; font-variant:small-caps; text-align:center; color:#990099; margin:0 0 3px 0; }
.center { text-align:center; margin-top:7px; margin-bottom:0; padding:0; }
.textes { margin-top:9px; margin-bottom:0; font-size:0.9em; font-variant:normal; font-weight:normal; }
.textes12 { margin-top:8px; margin-bottom:0; margin-left:12px; background-image:url(images/base/liste.jpg); background-repeat:no-repeat; padding-left:20px; list-style-type:none}

.liste { margin-top:5px; }
.liste li{ margin-left:12px; margin-top:5px; list-style-type:circle; }
.ssliste { margin-top:5px; }
.ssliste li{ margin-left:32px; margin-top:5px; list-style-type:decimal; }
.plan { margin-top:5px; margin-bottom:5px; }
.plan li { margin-top:2px; list-style-image:url(images/base/liste.jpg) }

.rouge { color:#FF0000; }
.champMail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #4F1C98; width:400px; padding-left:3px; color:#410180; text-align:center; }
.champTexte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #4F1C98; width:400px; text-align:justify; color:#410180; padding:3px; }

a { text-decoration:none; }
a:hover { color:#9933FF; }

.lien { text-decoration:none; color:#CC0099; }
.lien a:hover { color:#9933FF; }

 
/* BAS DE PAGE
-------------------------------------------------------- */

#footer { background-image:url(images/base/footer.png); background-repeat:repeat; padding: 1ex; text-align:center; margin : 0; clear: both; color:#410180;
}