/* CSS Document */
html { height: 100%; margin:0; padding:0; text-align: center; font-family:Verdana,"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:100%; color:#000099; }
body { font-size:0.85em; margin:0; padding:0 }
  
#bandeau { text-align:center; width: 960px; margin: 0 auto 0 auto; height:123px; }

#main { background-image:url(images/base/base.jpg); background-repeat:repeat; width: 960px; margin: 0 auto 0 auto;}
  
#base { width: 960px; margin: 0 auto 0 auto; padding:0; text-align:justify; background-image:url(images/base/fleur.jpg); background-repeat:no-repeat }
#gauche { float: left; width: 380px;}
#droite { float:right; width: 570px; padding:20px 10px 0 0; }
#clear { clear:both; margin:0; padding:0 }

#baseplan { width: 896px; margin: 0 auto 0 auto; padding:0; background-image:url(images/base/arabesque.jpg); background-repeat:no-repeat; background-position:50px 0; text-align:justify; color:#663333 }
#plan { width:600px; margin: 0 auto 0 auto; padding:20px 0 0 0 }

#bas { width: 960px; margin: 0 auto 0 auto; padding:0; background-color:#3366FF}

#footer{ background-color:#B4E8FD; width:958px; margin: 0 auto 0 auto; padding:5px 1px 5px 1px; color:#000099; text-align:center; }
#footer a { text-decoration:none; color:#999999; }
#footer a:hover { color:#0066FF; }

.sousfooter { text-align:center; font-style:italic; margin-top:O; padding:12px 0; color:#FFFF99}

#footerplan { border-top:1px solid #FFFF66; border-bottom:1px solid #FFFF99;margin:0; padding:5px 1px 5px 1px; color:#660000; text-align:center; line-height:1.4em; font-size:0.85em; }
#footerplan a { text-decoration:none; color:#999999; }
#footerplan a:hover { color:#0066FF; }

#sousfooterplan{ margin:7px 0; padding:0; color:#660000; text-align:center; line-height:1.4em; font-size:0.85em; }
#sousfooterplan a { text-decoration:none; color:#CC6600; }
#sousfooterplan a:hover { color:#FF9900; }

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

#menu { list-style-type:none; margin:68px 0 0 215px; padding:0; }
#menu li { margin:8px 0 0 0; }
#menu li a { color:#666666 }
#menu li a:hover { color:#3300FF; display:block; border-bottom:1px solid #3300FF }

#ssmenu { list-style-type:none; margin:0 0 0 115px; padding:0; }
#ssmenu li a.titre { color:#000099;}
#ssmenu li a.titre:hover { color:#9900FF; display:block; border-bottom:1px solid #9900FF }
#ssmenu li a.am { color:#3333FF; font-style:italic; margin-left:7px }
#ssmenu li a.am:hover { color:#CC00FF; display:block; border-bottom:1px solid #CC00FF }

a { text-decoration:none; }
 
/* DIVERS CONTENU
-------------------------------------------------------- */

h1  { font-size:1.3em; margin:0; padding:0; color:#000066; }
.entete { padding: 20px 0 0 0;}
.sites { font-weight:bold; color:#FF6600; margin:7px 0 8px 0; padding:0; }
.plan1 { color:#FF6600;}

h2  { font-size:1.1em; font-weight:bold; margin:12px 0 0 8px; padding:0; color:#0000CC }
.date { color:#9900CC;}
.sousmenu {  margin:8px 0 8px 12px; color:#FF6666; }
.indigo { color:#000099; }
h3 { font-size:1em; font-weight:bold; margin:10px 0 5px 8px; padding:0; }
.espace { color:#9900CC; margin:8px 0 0 8px; padding:0; font-style:italic;}
.abel { color:#0000FF; margin:8px 0 0 8px; padding:0; font-style:italic;}

p { margin:5px 0 8px 8px; padding:0; }
.center{ text-align:center; margin-top:5px; margin-bottom:0; padding:0; }
.souligne { color:#9900CC; }
.note { margin:4px 0 12px 3px; padding:0; font-style:italic; }
.image-web { margin-top:0; padding:0; background-image:url(images/base/listeweb.png); background-repeat:no-repeat; margin-left:130px; padding-left:20px}
.liste-web { margin-top:0; padding:0; background-image:url(images/base/listeweb.png); background-repeat:no-repeat; margin-left:8px; padding-left:20px}
.droite { text-align:right; margin-top:0; }
.texte { font-size:small; font-weight:normal; margin-left:12px; }
.fleche { border:none; text-decoration:none}
.alerte { color:#660066; margin:0 0 7px 0; padding:0 }

#retrait { margin-left:15px}

ul { margin:0;}
li { margin-top:5px}

a.lien { text-decoration:none; color:#FFFFFF; }
a:hover.lien { color:#FFFF00; }

a.plan { text-decoration:none; color:#FF9900; }
a:hover.plan { color:#FF6666; }

.pages { margin:7px 0 7px 40px; padding:0; font-size:0.9em; font-weight:bold; }
.pages li  { margin-top:5px; padding:0; list-style-image:url(images/base/liste.jpg); }
.pages li a { color:#990000; }
.pages li a:hover { color:#FF9933; font-weight:bold; }

.blocs { margin:7px 0 7px 70px; padding:0; font-size:1em; font-weight:normal; }
.blocs li  { margin-top:2px; padding:0; list-style-type:disc; list-style-image:none; }
.blocs li a { color:#CC6600; }
.blocs li a:hover { color:#660000; font-weight:normal; }

.details  { margin:5px 0 5px 90px; padding:0; font-size:1em; font-weight:normal; }
.details li  { margin-top:2px; padding:0; list-style-type:circle; list-style-image:none; }
.details li a { color:#999999; }
.details li a:hover { color:#990000; font-weight:normal; }

.photo { float:left; margin: 0 18px 0 0; }

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

.boutonErreur { color:#663333; text-align:center; background-color:#FFFFCC; border:2px solid #FFCC66; }