body {color: #887650; background-color: black; margin: 0; padding: 0; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 1.0em;} /* Link style */ a {color: #00ffff; text-decoration: none;} a:link {color: #0000aa;} a:visited {color: #0022cc;} a:hover {color: #0077ff;} a:active {color: #00aaff;} a img {border-color: #000000; text-decoration: none;} a:hover img {text-decoration: none;} a href {color: #880000;} img {border: 0;} /* Other miscellanous styles */ /* .small {font-size: 0.66em;} .tiny {font-size: 0.55em;} .required, .error {color: red;} .fineprint {font-size: 9px;} .inset {margin-left: 30px;} .disclaimer {font-size: 0.55em; font-style: italic;} */ /* POSITIONING STYLES */ #bg_wallpaper {background: url("./../GFX/STRUCTURE/BG_1680x700.gif") fixed top; background-repeat: no-repeat; background-color: #000000;} #wrapper {background: transparent url("./../GFX/STRUCTURE/BG_Page_Fill.png") repeat-y; width: 948px; overflow: hidden; text-align: left;} #masthead {background: transparent url("./../GFX/STRUCTURE/BG_Header_Empty.png") no-repeat; width: 948px; height: 180px; margin: 0; overflow: hidden; text-align: left;} #masthead img {border: 0px; position: relative; top: 10px; left: 11px; width: 170px; height: 170px;} #title {background: #000000 url("./../GFX/STRUCTURE/BG_Header_Bottom.png") no-repeat; width: 948px; height: 31px; overflow: hidden; text-align: left;} /* #title img {width: 515px; height: 42px; border: 0px; margin: 10px 0 0 245px;} */ #content {background: transparent url("./../GFX/STRUCTURE/BG_Body_Fill.png") repeat-y; width: 948px; text-align: left;} /* #page {width: 740px; float: right; padding: 10px 10px 0 0;} /* Marges: Top Right Bottom Left */ #nav {background: transparent url("./../GFX/STRUCTURE/BG_Nav_Fill.png") repeat-y; width: 183px; margin: 0 0 0 8px; color: #f0e6c0} #footer, #subfoot {width: 740px; padding-left: 16px;} #endpage {clear: both; background: transparent url("./../GFX/STRUCTURE/BG_Footer_Top.png") no-repeat; margin-top: 4px;} #endpage img {width: 948px; height: 14px; border: 0;} #endwrap {clear: both; background: transparent url("./../GFX/STRUCTURE/BG_Footer_Bottom.png") no-repeat; width: 948px; text-align: left;} #endwrap img {width: 948px; height: 11px; border: 0;} #navtitle {position: relative; top: 10px; left: 10px;} #navtitle img {width: 173px; height: 26px; border: 0px;} /* Override font selection */ #header, #masthead, #nav, #footer, #crumbs, #title {font-family: verdana;} /* Navigation bar styles */ #nav dl {padding: 0px 0px 0px 16px; margin: 0; line-height: 16px;} /* Marges: Top Right Bottom Left */ #nav dt {font-size: 13px; font-weight: 600; margin: 0 0 0 12px;} /* Lien en rouge */ #nav dd {font-size: 16px; font-weight: bold; margin: 0; padding: 8px 0 2px 0;} /* Description du lien en noir; 9px = espace avant l'autre lien */ #nav dd ul {margin: 2px 0 0 0; padding: 0; font-size: 10px;} #nav dd ul li {margin-left: 3px; padding: 0; list-style: none; font-size: 10px;} #nav a {color: #ffffff; text-decoration: none; font-weight: bold;} /* Setting global des liens */ #nav a:link {color: #ffffff;} /* liens aux pages qui n'ont pas encore été visitées */ #nav a:visited {color: #ffffff;} /* liens aux pages qui ont déjà été visitées */ #nav a:hover {color: #ffff88;} /* liens sur lesquels l'utilisateur passe avec la souris */ #nav a:active {color: #ffff00;} /* liens en train d'être cliqués */ #nav a:focus {color: #ffff88;} /* liens qui deviennent actifs (focus) par exemple lors d'une "recherche" par tabulateur */ /* Footer styles */ #fp {width: 916px; margin: 0; font-size: 9px; padding: 5px 0 5px 0;} #fp {margin-left: 0; padding-left: 0; text-align: center;} #fp a:link {color: #900000;} #fp a:visited {color: #f0f0f0;} #fp a:hover {color: #ff0000;} #fp a:active {color: #ff0000;} /* Search styles */ #search {width: 151px; margin: 0; font-size: 9px; padding: 5px 0 6px 5px;} /* Marges: Top Right Bottom Left */ #search {margin-left: 0; padding-left: 10px;} #search input {margin: 10px 0 0 5px;} #search input, #search p, #search label {font-size: 12px;} /* PAGE (Standard de toutes les pages du site) */ #page { width: 720px; position: relative; float: right; padding: 0; margin: 10px 16px 10px 0; /* Margin: Top Right Bottom Left; */ color: #887650; font-family : Verdana, sans-serif; font-size: 10pt; font-weight: normal; text-align: justify; line-height: 12pt; /* Optionnel */ overflow: hidden; /* Optionnel */ /* background-color: white; /* TEMPORAIRE */ /* border-color: blue; /* TEMPORAIRE */ /* border-width: 1px; /* TEMPORAIRE */ /* border-style: solid; /* TEMPORAIRE */ } #page h1,h2,h3,h4,h5 {color: #000000; font-weight: bold; margin: 0; padding: 0;} #page h1 {font-size: 14pt;} /* Titre Principal */ #page h2 {font-size: 13pt;} /* Titre de Section */ #page h3 {font-size: 12pt;} /* Sous-titre */ #page h4 {font-size: 11pt;} /* ? */ #page h5 {font-size: 10pt;} /* Sous-titre normal */ #page h6 {font-size: 8pt; font-variant: small_caps; font-weight: normal; margin: 0; padding: 0;} /* Sous-Titre SmallCaps */ #page p {font-size: 10pt; font-weight: normal; margin-left: 0; padding-left: 0;} /* Texte normal */ #page ul {margin: 0; padding: 0;} /* Liste normale */ /* #page li {margin: 0 0 0 23px; padding: 0;} /* Liste normale */ /* .puce {margin-left: 30px;} /* Nouveau */ li {margin: 0 0 0 24px; padding: 0; list-style-position: outside; list-style-type: circle;} #page li {list-style-image: url("./../GFX/DIVERS/SP_Puce_Beige.png");} /* Liste normale */ #page a {color: #000000; text-decoration: none;} /* Lien normal */ #page a:link {} /* Lien déja suivi */ #page a:hover {color: #880000;} /* Lien en rouge au survol */ #page a.text {color: #887650; text-decoration: none;} /* Lien normal */ #page a.text:hover {color: #880000;} /* Lien en rouge au survol */ #page a href {color: #880000;} .indent_1 {margin-left: 12px; padding-left: 0;} .indent_2 {margin-left: 24px; padding-left: 0;} .indent_3 {margin-left: 36px; padding-left: 0;} .indent_coor {margin-left: 56px; padding-left: 0;} .text_mini {font-size: 8pt; font-weight: normal;} .contact_bloc {display: block; width: 390px; margin: 0 auto 0 auto;} .contact_nom {width: 294px;} .contact_photo {width: 94px; text-align: right; color: #000000;} .coor_info {width: 366px; float: left;} .coor_photo {width: 354px; float: right; margin: 0 0 12px 0;} .table_invisible {border: 0; border-collapse: collapse;} .table_invisible_right {border: 0; border-collapse: collapse; float: right;} .liens_col_left {width: 360; float: left;} .liens_nom {width: 210px;} .liens_logo {width: 130px; height: 105px; text-align: center; color: #000000;} /* Color: Logo-Border */ .horaire_left {float: left; width: 50%; padding: 0;} .horaire_bloc {width: 450px; margin: 0 auto 0 auto; padding: 0; text-align: justify;} .horaire_divide {display: block; height: 6px; width: 311px; margin-right: auto; margin-left: auto; text-align: center; padding: 10px; overflow: hidden;} .present {width: 690px; margin: 0 auto 0 auto; padding: 0; text-align: justify;} .page_divide {display: block; height: 3px; width: 750px; margin: 0 auto 0 auto; padding: 12pt; text-align: center; overflow: hidden;} .nav_divide {background: transparent url("./../GFX/STRUCTURE/BG_Nav_Middle.png") no-repeat; width: 183px; height: 35px;} .nav_bottom {background: transparent url("./../GFX/STRUCTURE/BG_Nav_Bottom.png") no-repeat; width: 183px; height: 40px;} /* -------------------- */ .news_title { background: transparent; /* font-size: 14px; */ /* font-weight: bold; */ /* margin-top: 4px; */ font: "Trebuchet MS",Arial,sans-serif; letter-spacing: -0.05em; /* text-decoration: underline; */ margin: 12px 0 2px 0; padding: 0; } .news_author {background: transparent; font-style: italic; color: #000000;} .news_content {text-align: justify; color: #887650;} .news_content a {background: transparent; text-decoration: none; color: #00FF00;} #news_bloc {width: 670px; margin: 0 auto 0 auto; padding: 0; text-align: justify;} #news_bloc h1 {font-size: 14pt; font-weight: bold;} /* Titre */ #news_bloc h2 {font-size: 9pt; font-weight: 500; margin: 3px 0 12px 0;} /* Dates et heures */ #news_bloc h3 {font-size: 10pt; font-weight: bold; letter-spacing: 1 px; color: #887650;} /* Préambule */ #news_bloc h4 {font-size: 13pt; font-weight: bold;} /* Titre un cran plus petit */ #news_bloc p {font-size: 10pt; font-weight: 500;} /* Texte normal */ #news_bloc li {font-size: 10pt; font-weight: 500; margin: 2px 0 0 32px;} /* Liste */ /* -------------------- */ #banner {margin: 0; padding: 0;} /* Margin: Top Right Bottom Left; */ #banner img {border: 0; position: relative; top: 10px; left:6px; width: 756px; height: 170px;} /* Margin: Top Right Bottom Left; */ /* -------------------- */ #album {margin: 0; padding: 0; display: block; overflow: hidden;} #album h1 {font-size: 14pt; font-weight: bold;} /* Titre */ #album h2 {font-size: 9pt; font-weight: 500; margin: 3px 0 12px 0;} /* Dates et heures */ #album p {font-size: 10pt; font-weight: 500;} /* Texte normal */ #album .bg_thumb { background: URL('./../GFX/DIVERS/BG_Photo_Thumbs.png') no-repeat #ffffff top left; color: $ffffff; float: left; margin: 1px; width: 279; height: 128; overflow: hidden; display: block; } #album .bg_thumb:hover {background-position: top right} #album .bg_movie { background: URL('./../GFX/DIVERS/BG_Video_Thumbs.gif') no-repeat #ffffff top left; color: $ffffff; float: left; margin: 1px; width: 279; height: 128; overflow: hidden; display: block; } #album .bg_movie:hover {background-position: top right}