html, body
{
height: 100%;
background:#CCC;
background-image: url(../images/fond.jpg); background-repeat:repeat-x;
margin: 0 0 0 0;
overflow: auto;
}
body
{
border: 0;
font-size: 11px;
font-family: Verdana, Arial, sans-serif; text-align :justify;
color: #333;
}
/*
div#logo
{
position:absolute;
width: 416px; height: 120px;
margin-top: 15px;
left:50%;
margin-left: 120px; /* moitié de la largeur
background-image:url(../images/logo-jfp.png); background-repeat:no-repeat;
float:left;
} */
div#content
{
position:absolute;
width: 1018px;
height: 800px;
left: 50%;
/*top: 50%; */
/*margin-top: -400px; moitié de la hauteur */
margin-left: -509px; /* moitié de la largeur */
background-image:url(../images/fond_site1.png); background-repeat:no-repeat;
_background-image:url(../images/fond_site1.gif); background-repeat:no-repeat;
float:left;
}
div#content-flash
{
position:absolute;
width: 1000px;
height: 600px;
left: 50%;
top: 50%;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -500px; /* moitié de la largeur */
float:left;
}
div#contenu /* Contenu pour page Accueil, Presse, JFP et Contact */
{
width: 950px;
height: 500px;
margin-top: -10px;
margin-left:25px;
line-height:15px;
float:left;
display: inline;
}
div#navigation /* Menu pour page Acceuil */
{
width: 50px; height: 40px;
font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: right; font-weight:bold; color:#FFF;
margin-top: 110px; margin-right: 515px; _margin-right: 255px; margin-bottom: 10px;
float: right;
position:relative;
}
div#navigation1 /* Menu pour page Design - Produits - 3D */
{
width: 250px; height: 40px;
font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: right; font-weight:bold; color:#FFF;
margin-top: -50px; margin-left: 490px; _margin-left: 250px; margin-bottom: 10px;
float: left;
position:relative;
}
div#navigation2 /* Menu pour page Presse et JFP */
{
width: 125px; height: 40px;
font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: right; font-weight:bold; color:#FFF;
margin-top: -50px; margin-left: 750px; _margin-left: 380px; margin-bottom: 10px;
float: left;
position:relative;
}
div#navigation3 /* Menu pour page contact */
{
width: 90px; height: 40px;
font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: right; font-weight:bold; color:#FFF;
margin-top: -50px; margin-left: 910px; _margin-left: 455px; margin-bottom: 10px;
float: left;
position:relative;
}
div#sous-navigation /* Menu pour retour aux pages projets */
{
width: 200px; height: 20px;
font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: right; font-weight:bold;
margin-top: 0px; margin-bottom: 5px;
margin-right: -25px;
float: right;
}
div#sous-navigation-jfp /* Sous Menu pour JFP */
{
width: 600px; height: 20px;
font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: right; font-weight:bold;
margin-top: 0px; margin-bottom: 5px;
margin-right: -25px;
float: right;
}
.hr
{
width:555px; height:1px;
color:#FFF; background:#FFF; border:#FFF solid 0px;
margin-top: -2.6em; /margin-top: -3.0em;
margin-right: 1.2em; /margin-left: -555px;
padding:0px;
float:right;
clear:both;
}
div#content-bas
{
width: 625px;
margin-top:135px; _margin-top:25px; margin-bottom: 5px; margin-right: 12px;
font-size: 9px; font-family: Verdana, Arial, sans-serif; text-align: right; line-height:15px;
color:#333;
float:right;
position:relative;
}
/* div projets */
div#projets_produits
{
width: 950px; height: 113px;
margin-left: 10px; margin-bottom:25px;
float: left; display:inline;
position:relative;
}
div#projets_3d
{
width: 950px; height: 113px;
margin-left: 10px; margin-bottom:25px;
float: left; display:inline;
position:relative;
}
#projets_3d1
{
width: 500px; height: 113px;
margin-left: 190px; /margin-left:275px; /margin-top:-40px;
float: left; display:inline;
position:relative;
}
#projets_design
{
width: 500px; height: 113px;
margin-left: 190px; /margin-left:275px; /margin-top:-40px;
float: left; display:inline;
position:relative;
}
/* FIN projets */
div#presse
{
width: 485px; height:561px;
margin-top:-242px; margin-right:105px;
float: right;
}
/* div copyright*/
div#copyright
{
width: 950px;
margin-left:0px;
margin-right:0px;
clear:both;
position:relative;
}
/* FIN copyright*/
/* div colonnes */
div#realisations
{
width: 950px;
margin-left:0px;
margin-right:0px;
clear:both;
position:relative;
}
.image-left
{
width: 440px;
margin-right: 15px;
float: left;
}
.image-right
{
width: 440px;
float: right;
}
.txt-img-left
{
width: 440px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color: #333;
text-align:left;
margin-left: 3px; margin-top:3px; /margin-top:5px; margin-bottom:20px;
float:left;
}
.txt-img-right
{
width: 440px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color: #333;
text-align:left;
margin-right: -3px; margin-top:3px; /margin-top:5px; margin-bottom:20px;
float:right;
}
/* FIN realisations*/
.img { padding:5px; border:thin; border-style:solid; border-color:#FF6600; margin:10px; }
.BordImage { border: 1px solid #999; margin-bottom:0px; }
h1 {color: #333; font-family: Verdana, Arial, sans-serif; font-size: 14px; text-decoration:none; font-weight:bold; }
h2 {color: #33ccff; font-family: Verdana, Arial, sans-serif; font-style:italic; font-size: 14px; font-weight:bold; }
h3 {color: #333; font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size:12px; }
h4 {color: #FF0099; font-family: Verdana, Arial, sans-serif; font-style:italic; font-weight:bold; font-size:14px; }
h5 {color: #003399; font-family: Verdana, Arial, sans-serif; font-style:italic; font-weight:normal; font-size:11px; text-align: left; margin-top:-3px; }
h6 {color: #333; font-family: Verdana, Arial, sans-serif; font-style:italic; font-weight:bold; font-size:16px; }
.li {color: #CCCCCC; font-family: Verdana, Arial, sans-serif; text-decoration:none; font-weight:lighter; font-size:12px; }
.li-bleu {color: #3399cc; font-family: Verdana, Arial, sans-serif; text-decoration:none; font-size:11px; }
.li-fushia {color: #FF0099; font-family: Verdana, Arial, sans-serif; text-decoration:none; font-weight:bold; font-size:11px; }
.ul {margin-bottom: -2px; /margin-bottom: -10px;}
a.linkTxtRetourProjets {color: #666; text-decoration: none; }
a.linkTxtRetourProjets:hover {color: #00FF00; text-decoration: none; }
/* links et texte vert */
.txt_gris_web {color: #333333; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:11px; }
.txt_secondaire {color: #999; font-family: Verdana, Arial, sans-serif; text-align:justify; }
.titrePrincipal_vert {color: #00CC00; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-transform:uppercase; font-style:italic; text-align:left; font-size:16px; }
.txt_vert {color: #00FF00; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:12px; }
a.linkTxtVert {color: #009900; text-decoration: none; }
.txt_vert-fonce {color: #00CC00 ; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:12px; }
a.linkTxtVert:hover {color: #00FF00; text-decoration: none; }
a.linkMenuTopVert {color: #FFF; text-decoration: none; }
a.linkMenuTopVert:hover {color: #00FF00; text-decoration: none; }
a.linkSMenuTopVert {color: #333; text-decoration: none; }
a.linkSMenuTopVert:hover {color: #00FF00; text-decoration: none; }
/* // links vert // */
/* links et texte bleu */
.titrePrincipal_bleu {color: #3366FF; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-transform:uppercase; font-style:italic; text-align:left; font-size:16px; }
.titreSecondaire_bleu {color: #3366FF; font-family: Verdana, Arial, sans-serif; font-weight: bold; font-style:italic; text-align:left; font-size:12px; }
.txt_bleu {color: #3366FF; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:12px; }
.txt_bleu-fonce {color: #3366FF ; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:12px; }
a.linkTxtBleu {color: #3366FF; text-decoration: none; }
a.linkTxtBleu:hover {color: #999; text-decoration: none; }
a.linkMenuTopBleu {color: #FFF; text-decoration: none; }
a.linkMenuTopBleu:hover {color: #3366FF; text-decoration: none; }
a.linkSMenuTopBleu {color: #333; text-decoration: none; }
a.linkSMenuTopBleu:hover {color: #3366FF; text-decoration: none; }
/* // links bleu // */
/* links et texte orange */
.titrePrincipal_orange {color: #ff6600; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-transform:uppercase; font-style:italic; text-align:left; font-size:16px; }
.txt_orange {color: #ff6600; font-family: Verdana, Arial, sans-serif; }
a.linkTxtOrange {color: #ff9900; text-decoration: none; }
a.linkTxtOrange:hover {color: #999; text-decoration: none; }
a.linkMenuTopOrange {color: #FFF; text-decoration: none; }
a.linkMenuTopOrange:hover {color: #ff9900; text-decoration: none; }
/* // links orange // */
/* links et texte gris */
.titrePrincipal_Gris {color: #333; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-transform:uppercase; font-style:italic; text-align:left; font-size:16px; }
.txt_Gris {color: #666; font-family: Verdana, Arial, sans-serif; }
a.linkTxtGris {color: #333; text-decoration: none; }
a.linkTxtGris:hover {color: #ff9900; text-decoration: none; }
a.linkMenuTopGris {color: #FFF; text-decoration: none; }
a.linkMenuTopGris:hover {color: #CCC; text-decoration: none; }
/* // links orange // */
/* FORMULAIRE et CONTACT */
div#corpForm { /*** Mise en fome du corp du formulaire ***/
color: #333; font-weight:bold;
margin: 0px;
}
div#entete { /*** Mise en fome de l'entete ***/
font-weight: bold; color:#333; font-size:12px;
}
.txtarea1 { /*** Mise en fome des cellules ***/
border-style: solid; border-width:1px; border-color: #666;
background-color: #CCC;
font-family: Verdana, Arial, sans-serif; font-style: italic;
font-weight: normal; color: #FF6600; font-size:12px;
}