/* STYLES GENERAUX */
body { font-family: helvetica, arial, sans-serif; }
div.page { width: 931px; margin: 0px auto; }
hr.gs { display: none; clear: both; }
div.clear { clear: both; }
h1 { background-image: url(images/h1_fond.gif); background-repeat: no-repeat; height: 34px; text-transform: uppercase; font-size: 13px; padding: 10px 0px 0px 10px; color: #5677c0; }
h2.actu { background-repeat: no-repeat; background-image: url(images/titre_actualites.gif); width: 208px; height: 28px; margin-bottom: 8px; }
h2.actu span { display: none; }
h3 { color: #5677c0; font-size: 13px; font-weight: normal; margin-bottom: 6px; }
ul.options li { background-image: url(images/puce_options.gif); background-repeat: no-repeat; background-position: left; line-height: 16px; padding-left: 16px; font-size: 12px; font-weight: bold; }

/* BANDEAU DE PAGE */
div.bandeau { height: 135px; background-image: url(images/bandeau.jpg); background-repeat: no-repeat }
div.bandeau a { display: block; height: 125px; }
div.bandeau a span { display: none; }

/* MENU PRINCIPAL (BAS) */
div.menu ul { list-style-type: none !important; padding: 0px !important; margin: 0px !important; }
div.menu li { width: 178px; float: left; }
div.menu li a { display: block; height: 117px; background-position: 0px 0px; }
div.menu li a span { display: none; }
div.menu li a.actif { background-position: 0px -234px; }
div.menu li a:hover { background-position: 0px -117px; }
div.menu li a.actif:hover { background-position: 0px -351px; }
#menu1 a { background-image: url(images/menu1.jpg); }
#menu2 a { background-image: url(images/menu2.jpg); }
#menu3 a { background-image: url(images/menu3.gif); }
#menu4 a { background-image: url(images/menu4.gif); }

/* STRUCTURE DE BASE DU CONTENU */
div.contenu { width: 931px; }
div.contenu h2 { color: #5679BB; font-size: 13px; padding-left: 0px; margin-bottom: 12px; }
div.contenu p { color: #000000; font-size: 12px; margin-bottom: 12px; line-height: 16px; padding: 0px 20px 0px 0px; }
div.contenu p strong { color: #000000; font-weight: bold; }
div.contenu p em { color: #000000; font-style: italic; }
div.contenu a { color: #5677c0; text-decoration: none; }
div.contenu a:hover { color: #000000; text-decoration: underline; }
div.contenu ul { font-size: 11px; margin: 0px 20px 12px 10px; list-style-type: disc; padding: 0px 0px 0px 24px; line-height: 16px; }
div.contenu ul li { color: #9c9e9f; }
div.cadre_gauche { font-size: 11px; width: 712px; float: left; background-image: url(images/ombre_sidebar.gif); background-position: right 0px; background-repeat: no-repeat;  }
div.cadre_gauche h2 { color: #5679BB; font-size: 15px; padding-left: 0px; margin-bottom: 14px; margin-top: 5px;  font-weight: bold; font-family: verdana, arial, sans-serif; }
div.cadre_gauche h3 { color: #3D5B96; font-size: 15px; padding-left: 0px; margin-bottom: 12px; font-family: verdana, arial, sans-serif; }
div.cadre_gauche h4 { color: #9c9e9f; font-size: 12px; padding-left: 0px; margin-bottom: 12px; }
div.cadre_standard { width: 702px; height: 342px; overflow: auto;}
div.cadre_droite { width: 219px; float: left; }

/* CARTE INTERACTIVE */
div.carte_fond { width: 703px; height: 386px; background-image: url(images/carte_fond.jpg); }
div.carte_image { width: 415px; float: left; }
div.carte_contenus { display: none; }
div.carte_loading { display: none; }
#carte_explication { background-image: url(images/carte_explication.jpg); float: left; width: 234px; height: 87px; margin-top: 68px; font-size: 12px !important; padding: 16px; }
#carte_explication p { font-size: 12px !important; padding: 0px; font-weight: bold; color: #666666; }
#carte_explication strong { color: #4472b7; }
#carte_info { background-image: url(images/carte_info.jpg); float: left; width: 273px; height: 356px; padding: 4px 0px 0px 4px; margin-top: 13px; display: none; }
#objet_info { width: 251px; height: 332px; float: left; padding: 10px; overflow: auto; font-size: 12px; line-height: 16px; }
#objet_info h3 { padding: 0px; margin: 0px; color: #666666; font-weight: bold; }
#objet_info p { color: #4472b7 !important; margin: 0px 0px 8px 0px !important; font-size: 12px !important; padding: 0px !important; }

/* BARRE DE DROITE */
div.sidebar { font-size: 11px; line-height: 14px; width: 209px; padding: 10px 0px 0px 10px; }
div.sidebar div.image { margin-bottom: 8px; }
div.sidebar p { font-size: 11px; color: #000000; line-height: 14px; margin: 0px 0px 12px 0px !important; padding: 0px !important }
div.sidebar a { color: #5677c0; text-decoration: none; }
div.sidebar a:hover { color: #000000; text-decoration: underline; }
div.sidebar strong { font-weight: bold; color: #666666; }
div.sidebar em { font-style: italic; color: #666666; }
div.sidebar ul { list-style-type: none !important; margin: 0px 0px 0px 0px !important; padding: 0px !important; }

/* LIENS UTILES (ARCHIVES, DAILYMOTION...) */
div.utiles { padding-top: 0px; width: 219px; float: left; }
div.utiles li { width: 219px; }
div.utiles ul { list-style-type: none !important; margin: 0px; padding: 0px; }
div.utiles ul a span { display: none; }
div.utiles ul a { display: block; height: 52px; background-position: 0px 0px; }
div.utiles ul a:hover { background-position: 0px -52px; }
#brochure a { background-image: url(images/bouton_brochure.gif); }
#chaine a { background-image: url(images/bouton_dailymotion.gif); }
#archives a { background-image: url(images/bouton_archives.gif); }

/* PIED DE PAGE */
div.pied { padding-bottom: 20px; }
div.pied ul.liens { margin: 0px; padding: 0px 0px 0px 84px; }
div.pied ul.liens li { margin-top: 10px; font-size: 11px; color: #CCCCCC; float: left; background-image: url(images/lien_sep.gif); background-repeat: no-repeat; background-position: left; padding: 0px 6px; line-height: 18px; }
div.pied ul.liens li:first-child { background: none; }
div.pied ul.liens a { color: #666666; text-decoration: none; }
div.pied ul.liens a:hover { color: #000000; text-decoration: underline; }
div.pied div.ue { float: left; width: 136px; padding-left: 26px; }
div.pied div.ue a { display: block; height: 28px; background-image: url(images/euro.gif); }
div.pied div.ue a span { display: none; }