body{margin:0;padding:0;text-align:center ;font-family:Verdana, Arial, Helvetica, sans-serif; background:#8baed7;}

div#conteneur{width:1000px; margin:0 auto;text-align:left;font-size:80%; background:url(bg.jpg) repeat-y}

div#header{margin:0; padding:10px;background:url(header-fond.jpg) no-repeat;font-size:80%;color:#000000; height:150px;}
div#header a{color:#000000;text-decoration:none; font-weight:bold}
div#header a:hover{text-decoration:underline;}

div#menu1{width:210px; float:left}
div#menu1 ul{list-style-type:none; padding:40px 0 0 0; margin:0 0 0 30px;line-height:12px}
.un{height:160px;background:url(menu1-fond1.png) no-repeat}
.deux{height:150px;background:url(menu1-fond2.png) no-repeat}
.trois{height:60px;background:url(menu1-fond3.png) no-repeat}
.quatre{height:60px;background:url(menu1-fond4.png) no-repeat}
div#menu1 ul li{ font-size:80%; margin:0 0 5px 10px}
div#menu1 ul li a{color:#000000; text-decoration:none}
div#menu1 ul li a:hover{text-decoration:underline; font-weight:bold}

div#menu2{width:740px; height:100px; float:right; background:url(silhouette1.gif) no-repeat; margin:0 50px 0 0}
div#menu2 ul{margin:20px 0 0 -20px;list-style-type:none; float:left; font-size:90%}
* html div#menu2 ul{margin-left:10px} *+ html div#menu2 ul{margin-left:20px}
div#menu2 ul li{color:#FFFFFF;float:left; margin:0}
div#menu2 ul li a{color:#FFFFFF; text-decoration:none; font-weight:bold}
div#menu2 ul li a:hover{text-decoration:underline}

div#diaporama{width:250px; height:450px; float:right; margin:20px 20px 20px 0; background-color:#000000; padding:0;}
* html div#diaporama{margin:20px 10px 20px 0}

div#contenu{width:700px; float:right; margin:30px 70px 0 0; background-color:#FFFFFF;-moz-border-radius:5px}
* html div#contenu{margin-right:35px}
div#contenu ul{font-size:85%; padding:0 20px 0 40px; margin-top:-10px; text-align:justify; line-height:1.2em; color:#333333}
* html div#contenu ul{padding-left:0} *+ html div#contenu ul{padding-left:0}
div#contenu ul li{list-style-position:outside; list-style-image:url(puce1.jpg); padding:0 10px 0 0}
div#contenu h1{font-size:150%; font-weight:bolder; padding:10px 10px 0 70px; margin:10px; text-align:left; background:url(h1.jpg) left no-repeat; height:30px;}
div#contenu h2{font-size:100%; font-weight:bolder; padding:0 10px 0 15px; text-align:left; color:#f29400}
div#contenu h2 a{text-decoration:none; color:#f29400}
div#contenu h2 a:hover{text-decoration:underline;color:#FF0000}
div#contenu h3{font-size:85%; font-weight:bolder; padding:0 10px 0 20px; text-align:left; color:#009ee0; font-style:italic}
div#contenu p{font-size:85%; padding:0 10px 0 20px; text-align:justify; line-height:1.5em; color:#333333}
div#contenu p a{color:#009ee0; text-decoration:none; padding:3px}
div#contenu p a:hover{color:#FFFFFF; background:#84d0f0; text-decoration:none; padding:3px}
* html .menu3{padding:10px 0;} *+ html .menu3{padding:10px 0}
div#contenu ul.menu{font-size:85%; padding:0 20px 0 40px; text-align:justify;}
* html div#contenu ul.menu{padding-left:0} *+ html div#contenu ul.menu{padding-left:0}
div#contenu ul.menu li{list-style-position:outside; list-style-image:url(puce2.jpg); padding:0 10px 0 0}
div#contenu ul.menu li a{text-decoration:none; color:#000000}
div#contenu ul.menu li a:hover{text-decoration:underline; font-weight:bold}
div#contenu ul.liste2 li{list-style-position:outside; list-style-image:url(puce1.jpg); padding:0 10px 5px 0}
div#contenu ul.liste2 li a{color:#009ee0; text-decoration:none; padding:3px}
div#contenu ul.liste2 li a:hover{color:#FFFFFF; background:#84d0f0; text-decoration:none; padding:3px}
div#contenu ul.liste2 li img{border:0}
div#telechargement{margin:10px; padding:5px; background:#84d0f0;text-align:center; font-size:85%;-moz-border-radius:5px}
div#telechargement a{text-decoration:none; color:#000000}
div#telechargement a:hover{color:#FFFFFF}

div#pied{width:1000px;font-size:80%;margin:0 auto; padding:0;text-align:center; background:url(bgb.jpg) no-repeat; color:#000000; height:50px}
div#pied a{text-decoration:none; color:#000000}
div#pied a:hover{color:#FFFFFF}

div#logo{width:1000px;padding:0 0 10px 0;text-align:center; background:#8baed7;}
div#logo a{border:0}
div#logo img{border:0}

div#carte{width:680px; height:750px; border:1px solid #000000; margin:0 0 10px 10px; float:left}
div#fenetre{width:200px; height:80px; color:#000000}
div#fenetre h3{float:left; clear:both; font-size:1.2em; margin:0; padding:0; border-bottom:2px solid #000000; width:200px}
div#fenetre p{float:left; clear:both; font-size:0.9em; margin:0; padding:5px 0 0 0; width:200px; color:#000000}
div#fenetre p a{color:#95231F; text-decoration:none; padding:1px; font-size:0.9em}
div#fenetre p a:hover{color:#FFFFFF; background:#95231F;}

/* Texte défilant */
.menu_deroulant{height: 15em;text-align: center;overflow: hidden;position: relative;}
#menu_defile{position: relative;}
#menu_defile a{color:#FFFFFF}
#bloc{width: 200px; float:right;height:80px; color:#FFFFFF; font-size:120%; font-family:'Courier New', Courier, mono; text-align:right}
#bloc a{text-decoration:none; color:#FFFFFF}
#bloc a:hover{text-decoration:underline}

/* Corrections des bugs I.E. */
pre{overflow:auto;background:#dea;border:2px solid #9b2;padding:5px 0 0 5px;font-size:1.2em;}
* html pre{width:636px;}
pre span{color:#560;}
pre span.comment{color:#b30000;}

/* Infobulle */
a.info {position:relative; border-bottom:1px dashed #808080; text-decoration: none; font-weight: bold;}
a:hover.info {text-decoration: none; background: none;}
a.info span {display: none;}
a:hover.info span {display: inline; position: absolute; top:1.5em; left:0.5em; z-index: 20; background: #446D87; color: #fff; border:1px solid #000; width:150px; text-align:center; font-weight:normal; font-size: 10px;line-height:12px;padding:2px 4px;}