/* CSS Document */
html, body {
/* height: 100%;*/
margin: 0;
padding: 0;
color: white;
background: #D8E4F1 url(img/patern.gif);
font-family: 'Verdana', Arial, Helvetica, sherif;
font-size: 12px;
}
/** ------------------------- */
/** calques principaux */
/** ------------------------- */
#conteneur {
position:relative;
padding: 0;
width: 750px;
margin-left: auto;
margin-right: auto;
/* min-height: 100%;*/
background: #4060AB url(img/bg_conteneur.jpg) top center no-repeat;
background-position: 0px 120px;
border-left:5px solid #FFFFFF ;
border-right:5px solid #FFFFFF ;
}
#footer {
position:relative;
padding: 0;
width: 750px;
margin-left: auto;
margin-right: auto;
background: #D8E4F1 url(img/bgfooter.jpg) top center repeat-y;
height:100px;
text-align:center;
border-bottom:5px solid #FFFFFF ;
border-left:5px solid #FFFFFF ;
border-right:5px solid #FFFFFF ;
}
div#footer .copyright {
position:relative;
top:80px;
font-size:11px;
color:black;
font-weight:bold;
}
div#footer a {
color: #000000;
}
#main {
margin-bottom: 50px;
}
#main_gauche {
float: left;
width: 250px;
}
#main_droite {
float: right;
width: 500px;
}
#main_simple {
width: 750px;
}
/** ----------------------- */
/** HEADER */
/** ----------------------- */
#header {
height: 120px;
background: #4060AB url(img/header.jpg) top left no-repeat;
margin-bottom: 25px;
}
#header h1 {
text-indent: -5000px;
margin: 0;
line-height: 0;
}
#header p {
margin: -400px 0 0 200px;
font-weight: bold;
color: white;
font-size: 20px;
}
/** ----------------------- */
/** MENU HEADER */
/** ----------------------- */
#menuheader {
position:absolute;
top: 3px;
right: 0;
padding: 3px 10px;
margin: 0;
background:#456C9D;
z-index:50;
}
#anim_accueil {
position:absolute;
left:0x;
top:0px;
z-index:0;
}
#menuheader ul {
list-style-type: none;
padding:0;
margin:0;
font-size:10px;
}
#menuheader li {
display:inline;
}
#menuheader li a {
text-decoration: none;
height: 12px;
line-height: 12px;
color:#FFFFFF;
}
#menuheader li a:hover {
text-decoration: underline;
height: 12px;
line-height: 12px;
}
/** ----------------------- */
/** MENU PRINCIPAL */
/** ----------------------- */
/** cadre */
#menucadre {
width: 200px;
height: 350px;
padding: 0px;
margin-left: 25px;
}
/** menu principal */
#menu ul {
list-style-type: none;
padding: 15px;
margin: 0px 0px 0px 0px;
}
#menu li {
display:block;
border-bottom:1px solid #e5e5e5;
padding: 10px 0px 10px 5px;
}
#menu li.first {
display:block;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
padding: 10px 0px 10px 5px;
}
#menu li:hover {
background-color:#374D8F;
}
#menu li a{
color: #D4FA4A;
text-decoration: none;
font-size: 13px;
font-weight:bold;
}
#menu li a:hover {
color: white;
}
#menu .small {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
font-size: 11px;
color: #fff;
font-weight:normal;
line-height:14px;
display:block;
}
/** ----------------------- */
/** MENU HORIZONTAL */
/** ----------------------- */
/** cadre */
#menuhcadre {
width: 750px;
height: 25px;
padding: 0;
border-bottom:1px solid white;
}
#menuh {
margin-left: 62px;
}
#menuh ul {
list-style-type: none;
padding: 0;
margin-left: 0px;
margin: 0px 0px 0px 0px;
}
#menuh li {
float: left;
}
#menuh li#s2 {
margin-left: 140px;
}
#menuh a {
display:inline;
margin: 15px;
color: #D4FA4A;
text-decoration: none;
height: 25px;
line-height: 25px;
font-weight: bold;
font-size: 13px;
}
#menuh a:hover {
color: white;
}
/** ----------------------- */
/** NEWS */
/** ----------------------- */
/** cadre */
#newscadre {
width: 168px;
height: 140px;
padding: 0;
margin-left: 40px;
border:1px solid #C8D753;
background:#374D8F;
/* background: transparent url(img/fd-news.jpg) left top no-repeat;*/
}
#marqueecontainer{
position:absolute;
top: 502px;
left: 45px;
padding: 0px;
margin: 0px;
width: 160px; /*marquee width */
height: 130px; /*marquee height */
overflow: hidden;
font-size: 10px;
}
#marqueecontainer a{
color:#D4FA4A;
text-decoration:none;
}
#marqueecontainer a:hover{
color:#D4FA4A;
text-decoration:underline;
}
.poste {
color:#999999;
font-size: 10px;
}
.titre {
font-weight: bold;
font-size: 10px;
}
.chapeau {
font-size: 10px;
}
/** ----------------------- */
/** Contenu */
/** ----------------------- */
#contenu {
padding-right:30px;
}
#contenu h1 {
font-size: 20px;
font-weight:lighter;
margin-top: 0px;
margin-left: 0px;
color: #D4FA4A;
}
#contenu h2 {
font-size: 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
color: #D4FA4A;
}
#contenu h3 {
font-size: 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: -10px;
color: #D4FA4A;
}
#contenu p {
margin-left: 0px;
margin-right: 0px;
text-align: justify;
line-height:20px;
}
#contenu img {
display:block;
margin: 5px 15px 0px 2px;
color:#3399CC;
border: 1px solid black;
float:left;
}
#contenu a, #contenu a:visited {
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
}
#contenu a:hover {
text-decoration:underline;
}
.gras {
font-weight: bold;
}
.ital {
font-style:italic;
}
/** ----------------------- */
/** INDEXGALERIE */
/** ----------------------- */
#idgal {
display:block;
width:650px;
height: 150px;
border: none;
margin-top: 12px;
margin-left: 50px;
margin-right: 50px;
padding: 0px;
}
#idgal img {
float:left;
width:250px;
height: 120px;
border: 1px solid #003366;
background-color:#D7D7FF;
margin: 5px;
margin-right: 20px;
padding: 5px;
}
#idgal h1 {
font-size: 20px;
font-weight:lighter;
margin-top: 0px;
margin-left: 0px;
color: #D4FA4A;
}
#idgal p {
margin-left: 0px;
margin-right: 0px;
text-align: justify;
line-height:20px;
}
#idgal img:hover {
border: 1px solid #D4FA4A;
}
/** ----------------------- */
/** INDEXPOISSONS */
/** ----------------------- */
#poisson-survol-1, #poisson-survol-2 {
display:block;
float:left;
width:190px;
height: 222px;
border: none;
margin-top: 15px;
margin-left: 10px;
margin-right: 21px;
}
#poisson-survol-1 a.lien1 {
display: block;
height: 230px;
width: 198px;
background: #D7D7FF url(img/poisson-survol1.jpg) no-repeat 0 0;
border: 1px solid #4060AB;
}
#poisson-survol-1 a.lien1:hover, #poisson-survol-1 a.lien1:active {
background: #D7D7FF url(img/poisson-survol1.jpg) no-repeat 0 -230px;
border: 1px solid #D4FA4A;
}
#poisson-survol-2 a.lien2 {
display: block;
height: 230px;
width: 198px;
background: #D7D7FF url(img/poisson-survol2.jpg) no-repeat 0 0;
border: 1px solid #4060AB;
}
#poisson-survol-2 a.lien2:hover, #poisson-survol-2 a.lien2:active {
background: #D7D7FF url(img/poisson-survol2.jpg) no-repeat 0 -230px;
border: 1px solid #D4FA4A;
}
/** ----------------------- */
/** GALERIE */
/** ----------------------- */
#gal {
display:block;
}
#gal h1 {
font-size: 20px;
font-weight:lighter;
margin-top: 0px;
margin-left: 0px;
color: #D4FA4A;
}
#gal ul {
position: relative;
list-style-type: none;
}
#gal li {
display: inline;
height: 100px;
line-height: 100px;
font-weight: bold;
font-size: 15px;
text-indent: 0px;
}
#gal img {
border: 1px solid #003366;
background-color:#D7D7FF;
margin: 10px;
padding: 4px;
}
/** ----------------------- */
/** FORMULAIRE */
/** ----------------------- */
#loadBar {
}
#emailSuccess {
border: 0px solid yellow;
}
#contact h1 {
font-size: 20px;
font-weight:lighter;
margin-top: 0px;
margin-left: 0px;
color: #D4FA4A;
}
#contact .cForm{
border: 0px solid yellow;
}
#contactFormArea {
border: 0px solid yellow;
padding: 20px;
}
#contact fieldset {
display:block;
border: 0;
margin: 0;
padding: 0;
}
#contact label {
display:block;
margin-top: 5px;
}
#contact input.text,textarea {
width:250px;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc;
}
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
/** ------------------------- */
/** slideshow */
/** ------------------------- */
#sld {
display:block;
margin-left:40px;
}
#sld img {
width: 163px;
height: 188px;
border: 1px solid #003366;
background-color:#D7D7FF;
margin: 0px;
margin-right: 0px;
padding: 5px;
}
#sld img:hover {
border: 1px solid #D4FA4A;
}
#sld a {
color: #D4FA4A;
font-weight:bold;
text-decoration:none;
}
#sld a:hover {
color: #D4FA4A;
font-weight:bold;
text-decoration:underline;
}
#sld a:visited {
color: #D4FA4A;
font-weight:bold;
}
/** ------------------------- */
/** slideshow */
/** ------------------------- */
#fab {
display:block;
position:absolute;
top: 500px;
left: 20px;
}
#fab img {
width: 210px;
height: 178px;
border: 1px solid #003366;
background-color:#D7D7FF;
margin: 0px;
margin-right: 0px;
padding: 5px;
}
#fab img:hover {
border: 1px solid #D4FA4A;
}
#fab a {
color: #D4FA4A;
font-weight:bold;
text-decoration:none;
}
#fab a:hover {
color: #D4FA4A;
font-weight:bold;
text-decoration:underline;
}
#fab a:visited {
color: #D4FA4A;
font-weight:bold;
}
/** ------------------------- */
/** fabrication */
/** ------------------------- */
.fabrication {
display: block;
margin: 10px;
margin-right: 30px;
padding: 10px;
border: 1px solid white;
}
.type {
font-size:12px;
color: #D4FA4A;
font-weight:bold;
}
.type2 {
font-size:16px;
color: #D4FA4A;
font-weight:bold;
}
/** ------------------------- */
/** map */
/** ------------------------- */
#map {
display:block;
color:#000000;
float:left;
width: 440px;
height: 380px;
border: 1px solid #003366;
background-color:#D7D7FF;
margin-top: 0px;
margin-left: 0px;
margin-bottom:20px;
margin-right: 0px;
padding: 5px;
}
#map2 h1 {
font-size: 20px;
font-weight:lighter;
margin-left: 0px;
color: #D4FA4A;
}
#map2 ul{
padding: 5px;
margin-top:0px;
margin-left: 10px;
}
#map2 li{
line-height: 20px;
}
#stat {
visibility: hidden;
}
.mban {
display: block;
float: left;
border: 0px;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}
#link {
clear:both;
margin-top: 30px;
}
#link a {
color: #D4FA4A;
text-decoration:none;
}
#link a:hover {
color: #D4FA4A;
text-decoration:underline;
}
#link a:visited {
color: #D4FA4A;
text-decoration:none;
}
#pub {display:block; width:468px; height:68px; margin-left:auto; margin-right:auto; background-color:#0066CC;}