/* CSS Document */
html { height: 100%; margin: 0; padding: 0; text-align: center; font-family: "Comic Sans MS", Verdana, "Trebuchet MS", Tahoma, Helvetica, sans-serif; font-size:100%; color:#000099; }
body { margin: 0; padding: 0; font-size:0.85em; }
  
#base { text-align:center; width: 760px; margin: 0 auto 0 auto; }
#base0 { text-align:center; width: 946px; margin: 0 auto 0 auto; height:114px;}
  
#base1 { text-align:justify; width: 836px; margin: 0 auto 0 auto; padding-top:0; border-right: 1px solid #CBFACF; }
#base2 { width: 836px; margin: 0 auto 0 auto; padding-top:10px; background-image:url(images/base/symbole.jpg); background-repeat:no-repeat; background-position:0 20px; border-right: 1px solid #99FFFF; text-align:justify; }
#gauche { float: left; width: 280px; }
#droite { margin-left:280px; width: 524px; padding:40px 14px 18px 18px; }
#clear { clear:both; }
#footer{ background-color:#CCFFFF; margin: 0; padding:3px 1px 3px 1px; clear: both; text-align:center; font-size:1em; }
#footer a { text-decoration:none; color:#0033FF; }
#footer a:hover { color:#000033; }
#sousfooter { margin: 0 0 15px 0; padding:6px 1px 6px 1px; text-align:center; font-size:1em; }
#sousfooter a { text-decoration:none; color:#999999; }
#sousfooter a:hover { color:#333333; }
#sousfooterindex { margin: 0 0 15px 0; padding:6px 1px 6px 1px; text-align:center; font-size:1em; color:#6666FF }
#sousfooterindex a { text-decoration:none; color:#999999; }
#sousfooterindex a:hover { color:#FFCC66; }

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

#enter { list-style-type:none; margin: 20px 0 0 7px; padding:0; }
#enter li { margin:29px 0 12px 0; }

a.entrer { background-image:url(images/base/entrer.a.png); background-repeat:no-repeat; background-position:0 0; height:18px; padding:8px 0 0 64px; }
a:hover.entrer { background-image:url(images/base/entrer.r.png); background-repeat:no-repeat; background-position:0 0; height:18px; padding:8px 0 0 64px; }

.liste { margin: 0 5px 0 -5px; }

#menu { list-style-type:none; margin: 26px 0 230px 7px; padding:0; }
#menu li { margin:14px 0 12px 0; display:block; }

a { text-decoration:none; border:none; }

a.accueil { background-image:url(images/menu/accueil.a.png); background-repeat:no-repeat; background-position: 75px 0;  height:25px; padding:0; display:block; }
a:hover.accueil { background-image:url(images/menu/accueil.r.png); background-repeat:no-repeat; background-position:75px 0; height:25px; padding:0; }

a.presentation { background-image:url(images/menu/presentation.a.png); background-repeat:no-repeat; background-position:35px 0; height:25px; padding:0; display:block; }
a:hover.presentation { background-image:url(images/menu/presentation.r.png); background-repeat:no-repeat; background-position:35px 0; height:25px; padding:0; }

a.individuels { background-image:url(images/menu/individuels.a.png); background-repeat:no-repeat; background-position:55px 0; height:25px; padding:0; display:block; }
a:hover.individuels { background-image:url(images/menu/individuels.r.png); background-repeat:no-repeat; background-position:55px 0; height:25px; padding:0; }

a.formation { background-image:url(images/menu/formation.a.png); background-repeat:no-repeat; background-position:43px 0; height:25px; padding:0; display:block; }
a:hover.formation { background-image:url(images/menu/formation.r.png); background-repeat:no-repeat; background-position:43px 0; height:25px; padding:0; }

a.portrait { background-image:url(images/menu/portrait.a.png); background-repeat:no-repeat; background-position:33px 0; height:25px; padding:0; display:block; }
a:hover.portrait { background-image:url(images/menu/portrait.r.png); background-repeat:no-repeat; background-position:33px 0; height:25px; padding:0; }

a.contact { background-image:url(images/menu/contact.a.png); background-repeat:no-repeat; background-position:9px 0; height:25px; padding:0; display:block;}
a:hover.contact { background-image:url(images/menu/contact.r.png); background-repeat:no-repeat; background-position:9px 0; height:25px; padding:0; }

a.liens { background-image:url(images/menu/liens.a.png); background-repeat:no-repeat; background-position:0 0; height:25px; padding:0; display:block;}
a:hover.liens { background-image:url(images/menu/liens.r.png); background-repeat:no-repeat; background-position:0 0; height:25px; padding:0; }

a.articles { background-image:url(images/menu/articles.a.png); background-repeat:no-repeat; background-position:73px 0; height:25px; padding:0; display:block;}
a:hover.articles { background-image:url(images/menu/articles.r.png); background-repeat:no-repeat; background-position:73px 0; height:25px; padding:0; }

a.infolettre { background-image:url(images/menu/infolettre.a.png); background-repeat:no-repeat; background-position:63px 0; height:25px; padding:0; display:block; }
a:hover.infolettre { background-image:url(images/menu/infolettre.r.png); background-repeat:no-repeat; background-position:63px 0; height:25px; padding:0; }
 
/* DIVERS CONTENU
-------------------------------------------------------- */

h1  { margin-top:20px; padding-bottom:0; margin-bottom:0; font-weight:bold; font-size:1.7em; text-transform:uppercase;}
h2 {  font-size:1.6em; font-weight:bold; color:#0033CC; margin:8px 0 8px 8px; padding:0; font-variant:small-caps;}

h3  { font-size:1.4em; font-weight:bold; color:#3399FF; margin:12px 0 8px 8px; padding:0;}
.medium  { font-size:1.3em; }
.plan2 {  margin-left:12px;}
h3 a { color:#3399FF;}
h3 a:hover { color:#FFCC66;}
h4  { font-size:1.1em; font-weight:bold; color:#6666FF; margin:12px 0 8px 8px; padding:0;}
.adresse {  color:#3333CC;}
.plan3 {  margin-left:40px;}
h4 a { color:#9966FF;}
h4 a:hover { color:#FFFF99;}
h5  { font-size:1.0em; font-weight:bold; color:#FFCC66; margin:12px 0 8px 8px; padding:0;}
.plan4 {  margin-left:70px;}
h5 a { color:#9999FF;}
h5 a:hover { color:#FFFFCC;}

p { margin:5px 0 8px 8px; padding:0;}
.nouveau { font-weight:bold; color:#FF9900;}
.exclamation { font-weight:bold; color:#990066;}
.souligne { color:#6600FF; }
.surligne { color:#6600CC; }
.question { color:#0033FF; font-weight:bold}
.auteur { font-style:italic; font-size:0.8em; margin:0 15px 0 0; padding:0; text-align:right; }
.lieux { color:#FF6600;}
.dates { color:#FFCC00;}
.participation { color:#993399;}
.inscription  { color:#9900FF; }
.center{ text-align:center; margin-top:5px; margin-bottom:0; padding:0; }
.texte { font-size:small; font-weight:normal;margin-left:12px; }
.image-web { margin-top:0; padding:0; background-image:url(images/pages/listeweb.jpg); background-repeat:no-repeat; margin-left:130px; padding-left:20px}
.liste-web { margin-top:0; padding:0; background-image:url(images/pages/listeweb.jpg); background-repeat:no-repeat; margin-left:8px; padding-left:20px}
.derecha { text-align:right; margin-top:0; }
.alerte { text-align:center; color:#CCCCFF; margin:50px 0 12px 0}

a.lien { text-decoration:none; color:#9900CC; }
a:hover.lien { color:#3399CC; }
a.lien2 { text-decoration:none; color:#9900FF; }
a:hover.lien2 { color:#3399CC; }

#liste { list-style-type:disc; margin:0 0 8px 12px; padding:0; }
#liste li { margin: 0 0 0 30px; }

.photo { float:left; margin: 0 15px 5px 0; }
.photo2 { float:left; margin: 7px 15px 5px 8px; }

.rouge { color:#FF0000; }
.champMail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #0033FF; width:400px; padding-left:3px; color:#000066; text-align:center; background-color:#CCFFFF; }
.champTexte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #0033FF; width:400px; text-align:justify; color:#000066; padding:3px; background-color:#CCFFFF; }
.bouton { color:#000066; text-align:center; background-color:#CCFFFF; border:1px solid #0033FF; }