/*
Feuille css Section «-ELEMENTS BODY-» originellement créée par : ???
Date: ???
Feuille css, Section «-ELEMENTS BODY-» Modifiée par: KarenArseneau@gmail.com
Feuille css, Autres Sections Créés par : KarenArseneau@gmail.com
Navigateurs testés directement sur windows 7: Mozilla Firefox 3.6, Microsoft explorer 8
Navigateurs testés sur machine virtuelle windows xp:Microsoft explorer 7, Google Chrome 4.1, Apple Safari 4.0, Opera 10
Bugs d'affichage mineures sur Microsoft internet explorer 7 et 8.
Bugs d'afichage majeures sur Microsoft internet explorer 6 et moins.
Date: 8 Avril 2010
Notes: Cette feuille de style s'applique généralement à toutes les pages du site web de riva. La plupart des classes sont identiques d'une page à l'autre.
Lorsqu'il y a des exceptions le nom de classe ou de l'id est suivit du nom de la page. Ex: #monIdNews est un id exclusif à la page news.
Les classes ou Id plus génériques s'appliquent à toutes les pages en général.
Les classes ou id débutant par *html #monId s'adressent exclusivement à microsoft internet explorer 7 et 8.(Les instructions normales précédés de cette exeption sont donc ignorés par explorer 7 et 8)
Les instructions débutant par @media screen[...] s'adressent exclusivement à google chrome et apple safari.
#push, bien que invisible, occupe un certain pourcentage d'espace dépendant la taille du contenu et de la résolution. Est nécessaire au bon positionnement du footer.
Certains éléments sont positionné dynamiquement par javascript (javascript présent dans le header de certaines pages)
C'est notamment le cas de la bannière de gauche (#leftBannerDiv et #lineDecoration), dont la largeur est déterminée par un pourcentage selon la largeur de la fenêtre.
*/
/*home.php*/
/*------------------------------------BODY ET CONTENU GÉNÉRAL-------------------------------*/
/* (*)inclu tous les éléments, Ces instructions donnent donc une marge de zéro à tous les éléments,ceci est pour assurer le bon positionnement du footer*/
* {
margin: 0;
}
/*les instructions ci dessous servent à intégrer une police dans le css. Le fichier de la font doit cependant se trouver sur le serveur.*/
@font-face {
font-family: myEmbedFont ;
src: url(fonts/calibri.ttf) format("truetype");
}
body {
color: #000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-family: myEmbedFont , verdana, helvetica, sans-serif;*/
background-color:#ffffff;
/*top right bottom left */
margin: 0px 0px 0px 0px;
/*Utiliser des valeurs en em, au lieu de px,est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 1.5em;
background-image:url(../../images/2010/seamLessBackground/soft2_SeamLessBackground_resized.jpg);
background-repeat:repeat;
/* z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.*/
z-index:-3;
/*prendra 100% de la taille de son parent. Dans ce cas ci, 100% de la taille de la fenêtre du navigateur*/
height: 100%;
/*largeur minimal du contenu. Peut importe la taille de la fenêtre le contenu ne se contractera pas plus que la taille indiquée*/
min-width:958px;
}
#contenu {
width: 951px;
/* % selon la taille du parent*/
height:100%;
}
/*------------------------------------BANNIÈRE DE GAUCHE--------------------------------*/
/*ci dessous c'est le positionnement de la bannière de gauche. Sa largeur est gérée selon un ratio calculer par javascript (code javascript situé dans home.php)
L'image de la bannière et l'image de fond sont identiques à l'exeption de leur luminosité et constraste. Le but est de créer un illusion de transparence, et de supperposition entre les deux images,et ce sans utiliser le format png. Ainsi nous obtenons un résultat fonctionnel dans internet explorer.
*/
#leftBannerDiv {
background-image:url(../../images/2010/seamLessBackground/dark_SeamLessBackground_resized.jpg);
/*z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.
*/
z-index:-2;
position:absolute;/*la position absolute est relative au premier parent de l'élément*/
left:0px;
height:100%;
}
/*ci dessous l'on gère l'emplacement de la ligne. Celle-ci doit se positionner sur la transition entre la bannière de gauche et l'image d'arrière plan.*/
#lineDecoration {
background-image:url(../../images/2010/lineDecoration.png);
position:absolute;/*la position absolute est relative au premier parent de l'élément*/
background-repeat:repeat-y; /*image se répétant seulement verticalement*/
width:50px;
height:100%;
right:-43px;
/*z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.
*/
z-index:9999;
/*les Propriétés précédée d'un _underscore,sont seulement interprété par internet explorer
Ainsi la ligne décorative est invisible, et évite donc les problèmes de transparence*/
_display:none;
}
/*---------------------------------------CONTENU---------------------------------------------------------------*/
#FlashID{
float:left;
padding-top:20px;
margin-bottom:100px;
background-image:url(../../menuPDF/temp/MenuPDF.png);
width:750px;
height:250px;
background-repeat:no-repeat;
}
#texteFlash{
font-size:0.5em;
font-weight:bold;
margin-bottom:-40px;
padding-left:10px;
}
*html #texteFlash{
font-size:0.5em;
font-weight:bold;
padding-left:10px;
position:relative;
bottom:350px;
}
*html #FlashID{
float:left;
padding-top:20px;
margin-top:-250px;
width:730px;
height:190px;
/*background-repeat:no-repeat;*/
}
*html #backFlash{
padding-top:20px;
margin-top:-400px;
background-image:url(../../menuPDF/temp/MenuPDF2.png);
background-repeat:no-repeat;
width:870px;
height:310px;
}
.nb{
font-size:10px; padding-top:50px;
width:80px;
}
.nb2{
font-size:10px; padding-top:20px;
padding-bottom:10px;
}
#mainContentDiv,#mainContentDivNews,#mainContentDivWelcome,#mainContentDivAbout,#mainContentDivContact {
clear: both;
padding-top:6%;
padding-left:40px;
}
*html #mainContentDivNews {
clear: both;
padding-top:6%;
padding-left:0px;
margin-left:-100px;
}
*html #mainContentDivWelcome{
clear: both;
padding-top:6%;
padding-left:0px;
}
*html #mainContentDivAbout{
clear: both;
padding-top:6%;
padding-left:0px;
}
*html #mainContentDivContact{
clear: both;
padding-top:6%;
padding-left:0px;
}
#mainContentDivPress {
clear: both;
padding-top:6%;
padding-left:40px;
}
*html #mainContentDivPress {
clear: both;
padding-top:6%;
padding-left:40px;
margin-left:8px;
}
#leftCol {
float: left; /*positionnement flottant à gauche.*/
width: 485px;
}
#leftColNews, #leftColAbout, #leftColJobs, #leftColContact, #leftColSocietal, #leftColProduct {
display:none;
float: left; /*positionnement flottant à gauche.*/
width: 150px;
margin-left:-20px;
margin-top:75px;
}
#productDetailsDiv{
width:600px;
}
#rightCol {
float: right;/*positionnement flottant à droite.*/
width: 438;
text-align: left;
margin-left:-40px;
}
#rightColNews, #rightColAbout, #rightColJobs, #rightColContact, #rightColSocietal, #rightColProduct {
float: left;/*positionnement flottant à droite.*/
width: 600px;
text-align: left;
/*margin-left:-40px; */
margin-left:10px;
margin-right:150px;
}
*html #rightColContact {
float: left;/*positionnement flottant à droite.*/
width: 720px;
text-align: left;
margin-left:-32px;
margin-right:150px;
}
*html #rightColSocietal{
float: left;/*positionnement flottant à droite.*/
width: 600px;
text-align: left;
/*margin-left:-40px; */
margin-left:-32px;
margin-right:150px;
}
*html #rightColAbout{
margin-left:-31px;
}
*html #rightColJobs{
margin-left:-39px;
}
*html #rightColNews{
float: left;/*positionnement flottant à droite.*/
width: 600px;
text-align: left;
*margin-left:-40px;
margin-right:150px;
}
*html #leftColContact {
display:none;
}
/* balise contenu dans l'élément dont l'id est navigation Etat:normal*/
#navigation a {
color: #ffffff;
/*Utiliser des valeurs en em, au lieu de px,est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 1em;
/*par défaut un élément de type est décoré d'un soulignement. text-decoration:none l'enlève*/
text-decoration: none;
}
/* balise contenu dans l'élément dont l'id est navigation Etat: au survole du curseur*/
#navigation a:hover {
color: #ffffff;
text-decoration: underline;
}
/*--------------------------SECTION PRODUITS-------------------*/
#loading {
font-size: 16px;
color: #cccccc;
padding: 20px;
}
.fullwidth p {
font-size:0.5em;
width:600px;
padding-top:10px;
margin-left:40px;
}
#productDetailsDiv table{
margin-left:10px;
}
.fullwidth {
/*background-image:url(../../images/2010/textBoxNews5.png);
background-repeat:no-repeat;
*/
padding-left:20px;
padding-top:20px;
height:800px;
width:900px;
}
#fullwidth {
background-image:none;
}
#p_nameFR, #p_nameEN {
}
.productDetailsLabel, .p_data {
font-size:0.8em;
padding-top:10px;
}
tr #p_nameEN.p_nameFR {
font-size:0.2em;
}
#productsOptions {
font-size:0.5em;
}
#productsOptions a, td a {
text-decoration:none;
}
#productsTable {
font-size:0.5em;
}
#productListingHeaderRow {
vertical-align: top;
background-color: #dedede;
}
#templateRow {
background-color:#ffffff;
}
#templateRow:hover {
background-color:#ebecef;
}
#productsOptions a:hover, td a:hover {
text-decoration:underline;
}
#productsOptions {
text-align: left;
padding: 15px 0px;
}
.tableProductDetails {
background-color: #003399;
}
.tableProductDetails td {
background-color: white;
text-align: center;
}
#productDetailsDiv {
background-position: top right;
background-repeat: no-repeat;
}
#productsTable td {
border: 1px dotted #CCCCCC;
}
.linkcell {
cursor: help;
}
.gridrow:hover {
background-color: #F0F0F0;
}
.gridrow2:hover {
background-color: #ccffff;
}
.gridrow2 {
background-color:#e8f9ff;
}
/*------------------------------------MENU DU HAUT---------------------------------*/
#flashHeader,#flashHeaderNews,#flashHeaderWelcome,#flashHeaderAbout,#flashHeaderContact {
background-color: #015696;
}
*html #flashHeaderNews {
padding-left:50px;
}
*html #flashHeaderWelcome{
padding-left:55px;
}
*html #flashHeaderAbout{
padding-left:55px;
}
*html #flashHeaderContact{
padding-left:57px;
}
/*Contient tous le contenu du site, sauf le footer
dans ce cas ci, les instruction ci-dessous pour le contenuCentre, s'appliquent seulement pour firefox,
à cause du bloc * html #contenuCentre qui se trouve plus bas(voir autres commentaires plus bas)*/
#contenuCentre {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -127px;/*margin négatif à la grandeur du footer*/
}
/* *html #monId est un hack faisant en sorte que les instructions sont seulement interprétées par internet explorer 7, 8, et donc ignorées par firefox */
*html #contenuCentre {
display:block;
min-height: 100%;
height: 100%;
margin: 0 auto 127px;
}
/* #push occupe l'espace que devrait occuper le footer, dans le contenuCentre
doit donc être de la même hauteur que le footer.Doit aussi être invisible,
vue que son rôle est seulement de positionner*/
#push {
height:127px;/*doit égaler la grandeur totale du footer, avec les padding*/
clear:both;
}
/*contient tous les éléments du footer*/
#footerGroup {
display:none;
width:100%;
}
/* dans ce cas ci, les instruction ci-dessous pour la bandeHeader, s'appliquent seulement pour firefox,
à cause du bloc * html #footer qui se trouve plus bas(voir autres commentaires plus bas)
La bande header est la continuité du menu flash. Elle doit donc avoir la même hauteur visible du menu flash.
*/
#bandeHeader {
background-color: #015696;
position:absolute;/*la position absolute est relative au premier parent de l'élément*/
top:0px;
text-align:center;
height:130px; /*doit être de la même hauteur que le menu flash. car la bandeHeader en est la continuité*/
width:100%;
/*z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.*/
z-index:-1;
}
/* *html #monId est un hack faisant en sorte que les instructions sont seulement interprétées par internet explorer 7, 8, et donc ignorées par firefox
La bande header est la continuité du menu flash. Elle doit donc avoir la même hauteur visible du menu flash.
*/
* html #bandeHeader {
background-color: #015696;
position:absolute;/*la position absolute est relative au premier parent de l'élément*/
top:0px;
text-align:center;
height:130px; /*doit être de la même hauteur que le menu flash. car la bandeHeader en est la continuité*/
width:100%;
}
/*--------------------------------------------FOOTER POUR FIREFOX----------------------------------------------------*/
/*
Du code javascript situé dans la page home.php, gère la visibilité du footer.
*/
#footer {
background-image:url(../../images/2010/footer2.png);
background-repeat:no-repeat;
background-position:center;
display:block;
clear:both;
padding-top: 15px;
color:#FFF;
text-align:center;
height:110px;
width:100%;
/*z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.*/
z-index:50;
/*le footer est en position relative afin de permette le bon fonctionnement du z-index du côté de internet explorer.
position:relative signifie aussi que la position de l'élément est relative à sa position d'origine.*/
position:relative;
/*les Propriétés précédée d'un _underscore,sont seulement interprété par internet explorer
Ainsi la l'image est invisible, et évite donc les problèmes de transparence*/
_background-image:none;
}
/*ici les instructions ne s'applique que pour firefox. Les instructions pour internet explorer se trouve dans *html #bandeFooter*/
#bandeFooter {
/*display:none;*/
background-color: #063564;
margin-top: -67px;
color:#FFF;
text-align:center;
height:55px;
width:100%;
padding-bottom:15px;
}
/*ici les instructions ne s'applique que pour firefox. Les instructions pour internet explorer se trouve dans *html #grandeBandeFooter*/
#grandeBandeFooter {
background-color: #063564;
margin-top: -115px;
color:#FFF;
text-align:center;
margin-left:-50%;
height:55px;
width:50%;
padding-bottom:15px;
}
#grandeBandeFooterHome {
background-color: #063564;
margin-top: -114px;
color:#FFF;
text-align:center;
margin-left:-50%;
height:55px;
width:50%;
padding-bottom:15px;
}
/*ici les instructions ne s'applique que pour firefox. Les instructions pour internet explorer se trouve dans *html #grandeBandeFooter*/
#grandeBandeFooterNews {
background-color: #063564;
margin-top: -114px;
color:#FFF;
text-align:center;
margin-left:-50%;
height:55px;
width:50%;
padding-bottom:15px;
}
/*------------------------------------------FOOTER POUR INTERNET EXPLORER 7 et 8---------------------------------------------------------------------------------------*/
/* *html #monId est un hack qui fait en sorte que les instructions seront seulement interprétées par internet explorer 7, 8 */
*html #bandeFooter {
background-color: #063564;
margin-top: -72px;
color:#FFF;
text-align:center;
height:60px;
width:100%;/*margin-top: -59px; */
}
/* *html #monId est un hack qui fait en sorte que les instructions seront seulement interprétées par internet explorer 7, 8 */
*html #grandeBandeFooter {
background-color: #063564;
margin-top: -104px;
color:#FFF;
text-align:center;
margin-left:-50%;
height:100px;
width:50%;
}
*html #bandeFooter, *html #grandeBandeFooter {
display:none;
}
/* *html #monId est un hack qui fait en sorte que les instructions seront seulement interprétées par internet explorer 7, 8 */
* html #footer {
display:block;
clear:both;
background-color: #063564;
padding-top: 5px;
padding-bottom: 2px;
color:#FFF;
text-align:center;
/*height:110px;*/
height:90px;
width:0px;
margin-left:-0.5%;
}
/*--------------------------------FOOTER POUR GOOGLE CHROME ET SAFARI-------------------------------*/
/*Les instructions suivantes seront interprétées exclusivement par chrome et safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer {
background-repeat:no-repeat;
background-position:center;
display:block;
clear:both;
padding-top: 15px;
color:#FFF;
text-align:center;
height:110px;
width:100%;
/*z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.*/
z-index:50;
/*le footer est en position relative afin de permette le bon fonctionnement du z-index du côté de internet explorer.
position:relative signifie aussi que la position de l'élément est relative à sa position d'origine.*/
position:relative;
background-color:#063564;
}
#bandeFooter {
background-color:#063564;
postion:absolute;
width:100%;
}
#grandeBandeFooter {
background-color: #063564;
color:#FFF;
text-align:center;
height:99px;
width:100%;
}
#footerGroup {
width:100%;
}
}
/*----------------------------------------------TEXTES FOOTERS------------------------------------------------------------------------------------------*/
/*s'applique aux éléments a contenu dans l'élément dont l'id est notice Etat:normal*/
#notice a {
/*par défaut un élément de type est décoré d'un soulignement. text-decoration:none l'enlève*/
text-decoration: none;
color: #ffffff;
}
/*s'applique aux éléments a contenu dans l'élément dont l'id est notice Etat:survole du curseur*/
#notice a:hover {
color: #ffffff;
text-decoration: underline;
}
#navigation {
/*Utiliser des valeurs en em, au lieu de px,est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 0.45em;
display: block;
padding: 2px;
color:#FFF;
}
#navigation a {
color:#FFF;
}
#navigation a:hover {
text-decoration: underline;
color:#ffffff;
}
/*dans ce cas ci, les instruction ci-dessous pour la notice, s'appliquent seulement pour firefox, à cause du bloc * html #notice (voir autres commentaires plus bas)*/
#notice {
/*z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.*/
z-index:999;
/*Utiliser des valeurs en em, au lieu de px,est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 0.4em;
text-align:right;
margin-right:55%;
padding-right:30px;
background-image:url(../../images/2010/footerDecoration2.png);
background-position:right;
height:100%;
background-repeat:no-repeat;
}
/* *html #monId est un hack faisant en sorte que les instructions sont seulement interprétées par internet explorer 7, 8, et donc ignorées par firefox */
*html #notice {
/*z-index sert à démerminer la profondeur d'un élément. Le nombre le plus haut représente l'élément qui se trouve sur le dessus des autres.
pour utiliser z-index avec le navigateur explorer, il faut que le parent des éléments à indexer soit en position:relative.*/
z-index:999;
/*Utiliser des valeurs en em, au lieu de px,est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 0.4em;
text-align:center;
/*margin-top:20px;*/
margin-right:55%;
padding-right:30px;
background-image:none;
/*padding-top:10px;*/
height:50%;
width:100%;/*margin-left:5%;*/
}
/*-------------------------------------------ELEMENTS BODY------------------------------------------------------------*/
#blocNouvellesRiva {
margin-left:10px;
/*padding-bottom:30px;*/
}
.contentDiv {
background-image:url(../../images/2010/textBoxNewsM.png);
width:720px;
height:560px;
background-repeat:no-repeat;
padding: 35px 30px 20px 0px;
}
.contentDivB {
background-image:url(../../images/2010/textBoxNews5.png);
width:670px;
height:260px;
background-repeat:no-repeat;
padding: 35px 30px 20px 0px;
}
*html .contentDiv {
background-image:url(../../images/2010/textBoxNewsM.png);
width:720px;
height:560px;
background-repeat:no-repeat;
margin-left:-50px;
background-repeat:no-repeat;
padding: 35px 30px 20px 60px;
}
.contentDivSales{
background-image:url(../../images/2010/textBoxNews5A.png);
width:720px;
height:650px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 35px 30px 20px 20px;
margin-top:-50px;
}
.contentTitleSales{
margin-top:50px;
}
*html .contentDivSales{
background-image:url(../../images/2010/textBoxNews5A.png);
width:720px;
height:750px;
margin-left:-30px;
background-repeat:no-repeat;
padding: 85px 30px 20px 40px;
}
.contentDivJobs{
background-image:url(../../images/2010/textBoxNewsJ.png);
width:720px;
height:560px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 35px 30px 20px 0px;
}
*html .contentDivJobs{
background-image:url(../../images/2010/textBoxNewsJ.png);
width:800px;
height:560px;
margin-left:-44px;
background-repeat:no-repeat;
padding: 35px 30px 20px 40px;
}
.contentDivContact{
background-image:url(../../images/2010/textBoxNews4.png);
width:900px;
height:850px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 35px 30px 20px 0px;
margin-top:-90px;
}
.contentDivContact .contentTitleContact{
margin-top:90px;
}
*html .contentDivContact{
background-image:url(../../images/2010/textBoxNews4.png);
width:900px;
height:900px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 55px 30px 20px 40px;
margin-left:90px;
}
.contentDivHome{
background-image:url(../../images/2010/textBoxNews6.png);
width:430px;
height:175px;
margin-left:-50px;
background-repeat:no-repeat;
/*padding: 35px 30px 20px 0px;*/
}
.contentDivWelcome {
background-image:url(../../images/2010/textBoxNews3.png);
background-repeat:no-repeat;
margin-left:-45px;
width:900px;
height:500px;
padding: 35px 30px 20px 0px;
margin-top:-90px;
}
.contentDivWelcome .contentTitleWelcome{
margin-top:90px;
}
.grandContentDivAbout {
background-image:url(../../images/2010/textBoxAbout.png);
width:900px;
height:660px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 35px 30px 20px 0px;
margin-top:-60px;
}
.grandContentDivAbout .contentTitle {
margin-top:60px;
}
*html .grandContentDivAbout {
background-image:url(../../images/2010/textBoxAbout.png);
width:900px;
height:700px;
margin-left:90px;
background-repeat:no-repeat;
padding: 35px 30px 20px 10px;
}
*html .grandContentDivAbout .contentTitle {
margin-top:100px;
}
*html #submenu{
margin-bottom:85px;
margin-left:150px;
}
*html #submenuSales{
margin-bottom:85px;
margin-left:50px;
}
*html #mainContentDivPress #rightColNews #submenu,#submenuSales{
margin-left:50px;
}
*html .contentDivWelcome{
background-image:url(../../images/2010/textBoxNews3.png);
width:900px;
height:660px;
margin-left:90px;
background-repeat:no-repeat;
padding: 150px 130px 20px 40px;
}
*html .contentTitleWelcome{
margin-top:100px;
}
.contentDivSocietal {
background-image:url(../../images/2010/textBoxNews5B.png);
width:720px;
height:660px;
margin-left:-45px;
background-repeat:no-repeat;
padding-top:20px;
margin-top:-60px;
}
.contentTitleSocietal{
margin-top:60px;
}
*html .contentDivSocietal{
background-image:url(../../images/2010/textBoxNews5B.png);
width:720px;
height:750px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 55px 30px 20px 40px;
margin-top:4px;
}
.contentDivNews {
/*background-image:url(../../images/2010/bandeNouvelle3.png);*/
background-repeat:no-repeat;
padding-left:10px;
width:500px;
padding-bottom:0px;
margin-bottom:10px;
}
/*page News*/
.grandContentDiv {
background-image:url(../../images/2010/textBoxNews2.png);
width:900px;
height:660px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 35px 30px 20px 0px;
margin-top:-60px;
}
.grandContentDiv .contentTitleNews{
margin-top:60px;
}
*html .grandContentDiv {
background-image:url(../../images/2010/textBoxNews2.png);
/*width:900px;
height:760px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 100px 30px 20px 40px;
margin-left:100px;*/
width:900px;
height:760px;
margin-left:-50px;
background-repeat:no-repeat;
padding: 100px 30px 20px 40px;
margin-left:90px;
}
*html .contentTitleNews{
margin-top:100px;
}
h5 {
font-size: 1em;
font-weight: bold;
background-repeat:no-repeat;
text-decoration:none;
background-image:url(../../images/2010/subTitleLineDecoration.png);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
padding-left:25px;
margin-left:-25px;
padding-bottom:25px;
padding-top:10px;
}
.contentTitleJobs,.contentTitlePress,.contentTitleContact,.contentTitleSocietal,.contentTitleSales{
font-size: 0.5em;
font-weight: bold;
padding-left:25px;
background-image:url(../../images/2010/subTitleLineDecoration.png);
background-repeat:no-repeat;
text-decoration:none;
padding-bottom:25px;
padding-top:10px;
}
.contentTitle {
/*utiliser des valeurs en em, au lieu de px, est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 0.5em;
font-weight: bold;
padding-left: 50px;
background-image:url(../../images/2010/titleLineDecoration.png);
background-repeat:no-repeat;
text-decoration:none;
padding-bottom:25px;
padding-top:10px;
}
.contentTitleHome,.contentTitleNews, .newsItemTitle{
font-size: 0.5em;
font-weight: bold;
padding-left: 50px;
background-image:url(../images/selectionarrow.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-top:10px;
}
.contentTitleWelcome{
font-size: 0.5em;
font-weight: bold;
background-image:url(../../images/2010/titleLineDecoration.png);
background-repeat:no-repeat;
text-decoration:none;
padding-left:50px;
padding-bottom:25px;
padding-top:10px;
}
.contentTitle a, .newsItemTitle a,.contentTitleNews a,.contentTitleHome a {
text-decoration: none;
color: #000066;
}
.contentTitle a:hover, .newsItemTitle a:hover,.contentTitleNews a:hover,.contentTitleHome a:hover {
color: #0000FF;
}
.contentDateTime, .newsItemDateTime {
/*utiliser des valeurs en em, au lieu de px, est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 0.42em;
padding-left: 50px;
padding-bottom:10px;
}
.contentBody p {
padding-bottom:10px;
width:550px;
}
.contentBodyHome{
padding-bottom:10px;
width:300px;
}
.contentBodyJobs p{
padding-bottom:10px;
width:400px;
}
.contentBody,.contentBodyJobs, .newsItemTeaser,.contentBodyHome, .newsItemLinks, .newsItemBody {
/*utiliser des valeurs en em, au lieu de px, est préférable car les em sont un pourcentage par rapport à la taille de police que l'utilisateur à choisi pour son navigateur */
font-size: 0.4em;
padding-left: 50px;
padding-bottom:10px;
}
.newsItemBody {
font-size: 0.4em;
padding-left: 50px;
padding-bottom:10px;
display:none;
}
#newsList {
margin-top:-20px;
background-image:url(../../images/2010/bandeNouvelle3.png);
background-repeat:repeat-y;
text-decoration:none;
}
#rssLink{
padding-top:50px;
}
#submenu a,#submenuSales a {
/*padding-left:10px;*/
font-size: 0.5em;
text-decoration: none;
color: #000066;
padding-bottom:5px;
display:block;
padding-left:25px;
}
.spacer{
padding-left:25px;
}
#submenu a:hover,#submenuSales a:hover {
font-size: 0.5em;
text-decoration: none;
color:#00C;
}
.lastSubmenuItem {
padding-top:3px;
}
.selectedSubmenuItem {
background-image:url(../images/selectionarrow.gif);
background-repeat:no-repeat;
}
*html .selectedSubmenuItem {
background-image:url(../images/selectionarrow.gif);
background-repeat:no-repeat;
margin-bottom:-23px;
}
*html .lastSubmenuItem {
margin-top:-5px;
}
.jobTitle {
list-style:circle;
font-size:12px;
padding-left:50px;
}
#homeRightAd {
/*top right bottom left */
padding: 8px 0px 12px 12px;
}
* {
margin: 0;
}
/* AJOUTS POUR MENU JQUERY */
#nav ul li{
display:block;
float:left;
width:100px;
font-size:12px;
}
#menuLine{
background-image:url(../../images/menuLine.jpg);
width:1px;
height:130px;
float:left;
}
#menuLogo, #menuButtons{
float:left;
height:130px;
line-height:130px;
}
#menuLogo{
width:130px;
height:130px;
background-image:url(../../images/menuLogo.jpg);
background-position:top left;
}
#menuButtons{
text-align:center;
}
.menuBtn{
color:white;
}
.menuBtnSelected{
color:white;
background-image:url(../../images/menuBtnBg.jpg);
background-position:200px 0px;
}
.menuBtn a{
display:block;
width:100px;
height:130px;
background-image:url(../../images/menuBtnBg.jpg);
background-position:0px 0px;
text-decoration:none;
}
.menuBtn a:link{
color:white;
background-image:url(../../images/menuBtnBg.jpg);
background-position:0px 0px;
}
.menuBtn a:visited{
color:white;
background-image:url(../../images/menuBtnBg.jpg);
background-position:0px 0px;
}
.menuBtn a:hover{
color:white;
background-image:url(../../images/menuBtnBg.jpg);
background-position:100px 0px;
}
.menuBtn a:active{
color:white;
background-image:url(../../images/menuBtnBg.jpg);
background-position:100px 0px;
}