/* -- ######### STYLE DES PAGES DU SITE ######### -- */
/* -- ##### TABLE DES MATIERES ############################## -- */
/* -- ##### 01 / MISE NE FORME DE LA PAGE ################### -- */
/* -- ##### 02 / BALISES PASSEES EN CSS ##################### -- */
/* -- ##### 03 / LIGNES DYNAMIQUES DE TABLEAU ############### -- */
/* -- ##### 04 / TABLES / CELLULES ########################## -- */
/* -- ##### 05 /IMAGES - BORDURES - EFFETS - ENCADREMENT #### -- */
/* -- ##### 06 / POLICES ET BOITES DE TEXTES ################ -- */
/* ---##### 07 / LIENS ###################################### -- */
/* -- ##### 08 / FORMULAIRE ################################# -- */
/* -- ##### 09 / BOUTONS #################################### -- */
/* -- ########### 01 / DEBUT MISE NE FORME DE LA PAGE ########### -- */
.body{
margin: 0 auto; /* Positionne la page du site au CENTRE et le colle en haut à la fenêtre */
max-width: 1100px; /* Fixe et stabilise la page du site à la largeur FIXE de 1100px */
/* Elements max 1100px ou les mettre à 100% pour toute la page. max-width est supporté par tous les navigateurs majeurs */
display: block; /* Pour IE au cas où */
background-color:#FFF; /* Couleur de fond de page */
cursor: crosshair; /* Curseur en croix */
}
P {FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #d0d0a2}
TABLE {FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #d0d0a2; cursor: crosshair;}
/* ----- FIXE LES LARGEURS DE LA COLONNE DE MENU ------ */
nav {
float: left;
width: 200px;
}
section {
margin-left: 200px;
}
/* -- ########### 01 / FIN MISE NE FORME DE LA PAGE ########### -- */
/* -- ########### 02 / DEBUT ANCIENNES BALISES PASSEES EN CSS ########### -- */
/* ----- CENTRER UN ELEMENT : ANCIEN DIV ALIGN CENTER ------ */
.centrer {
text-align: center;
}
/* ----- JUSTIFIER UN ELEMENT : ANCIEN DIV ALIGN JUSTIFY ------ */
.justifier {
text-align: justify;
}
/* ----- UN ELEMENT A DROITE : ANCIEN DIV ALIGN RIGHT ------ */
.droite {
text-align: right;
}
/* -- ########### 02 / FIN ANCIENNES BALISES PASSEES EN CSS ########### -- */
/* -- ########### 03 / DEBUT LIGNES DYNAMIQUES DE TABLEAU ########### -- */
/* ----- STYLE DE LIGNES DYNAMIQUES MENUS ------ */
.tabnormal{background-color:#FFF;}
.tabover{background-color:#FFF;}
/* ----- STYLE DE LIGNES DYNAMIQUES PAGE VERSION ------ */
.tabnormal2{background-color:#FFF;}
.tabover2{background-color:#FFF;}
/* ----- STYLE DE LIGNES DYNAMIQUES PAGE ------ */
.tabnormal3{background-color:#FFF;}
.tabover3{background-color:#FFF;}
/* -- ########### 03 / FIN LIGNES DYNAMIQUES DE TABLEAU ########### -- */
/* -- ########### 04 / DEBUT TABLES / CELLULES ########### -- */
.standard {BORDER-RIGHT: #FFF 1px solid; BORDER-TOP: #FF 1px solid; MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px; BORDER-LEFT: #52533e 1px solid; BORDER-BOTTOM: #FFF 1px solid; BACKGROUND-COLOR: #FFF}
.table01 {BORDER-RIGHT: #FFF 1px solid;}
.table02 {BORDER-TOP: #FFF 1px solid;}
.table03 {BORDER: #FFF 2px solid;}
.table04 {BORDER-LEFT: #FFF 1px solid;}
.table05 {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #FFF; PADDING-BOTTOM: 2px; COLOR: #FFF; PADDING-TOP: 2px}
/* ----- BORDASHED - BORDURE CELLULE OU TABLE EN POINTILLE ------- */
.bordashed {border:dashed; border-color:#FFF; padding:2px; border-width: 1px;}
/* -- ########### 04 / FIN TABLES / CELLULES ########### -- */
/* -- ########### 05 / DEBUT IMAGES - BORDURES - EFFETS - ENCADREMENT ########### -- */
/* ----- IMAGES: ABSENCE DE BORDURE SUR LES IMAGES FAISANT LIEN ------ */
img { border:0;}
/* -- ########### BORDURES ########### -- */
/* ----- IMAGES: BORDURES OR DE 1 px SUR UNE IMAGE ------ */
/* -- ########### EFFETS ########### -- */
/* ----- IMAGES: CHANGEMENT D'OPACITE ONMOUSEOVER ------ */
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 1; /* Firefox */
-webkit-opacity: 1; /* Chrome, Safari, Android... */
-ms-opacity: 1; /* Internet Explorer */
-o-opacity: 1; /* Opera */
-khtm-opacity: 1; /* Konqueror */
opacity: 1; /* W3C*/
}
.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.6; /* Firefox */
-webkit-opacity: 0.6; /* Chrome, Safari, Android... */
-ms-opacity: 0.6; /* Internet Explorer */
-o-opacity: 0.6; /* Opera */
-khtm-opacity: 0.6; /* Konqueror */
opacity: 0.6; /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* ----- IMAGES: BASCULEMENT D'UNE IMAGE AU MOUSEOVER ------ */
.rotation {
-moz-transition-duration: 0.1s;
-moz-transition-timing-function:linear; /* Firefox */
-webkit-transition-duration: 0.1s;
-webkit-transition-timing-function:linear; /* Chrome, Safari, Android... */
-ms-transition-duration: 0.1s;
-ms-transition-timing-function:linear; /* Internet Explorer */
-o-transition-duration: 0.1s;
-o-transition-timing-function:linear; /* Opera */
-khtml-transition-duration: 0.1s;
-khtml-transition-timing-function:linear; /* Konqueror */
transition-duration: 0.1s;
transition-timing-function:linear; /* W3C*/
}
.rotation:hover {
-moz-transform:rotate(-5deg); /* Firefox */
-webkit-transform:rotate(-5deg); /* Chrome, Safari, Android... */
-ms-transform:rotate(-5deg); /* Internet Explorer */
-o-transform:rotate(-5deg); /* Opera */
-khtml-transform:rotate(-5deg); /* Konqueror */
transform:rotate(-5deg); /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* -- ########### ENCADREMENT - BOX ########### -- */
/* ----- ARRONDIR LES BORDS D'UNE IMAGE OU D'UN TEXTE ET ENCADRER ------ */
.coin {
border:1px solid #FFF;
padding:1px;
/*arrondir les coins*/
/* IE 7 ET 8 NE SUPORTENT PAS BORDER RADIUS */
-moz-border-radius:15px; /* Firefox */
-webkit-border-radius:15px; /* Chrome, Safari, Android... */
-ms-border-radius:15px; /* Internet Explorer */
-o-border-radius:15px; /* Opera */
-khtm-border-radius:15px; /* Konqueror */
border-radius:15px; /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* ----- ARRONDIR LES BORDS POINTILLES D'UNE IMAGE OU D'UN TEXTE ET ENCADRER ------ */
.coin_dashed {
border:1px dashed #FFF;
padding:1px;
/*arrondir les coins*/
/* IE 7 ET 8 NE SUPORTENT PAS BORDER RADIUS */
-moz-border-radius:7px; /* Firefox */
-webkit-border-radius:7px; /* Chrome, Safari, Android... */
-ms-border-radius:7px; /* Internet Explorer */
-o-border-radius:7px; /* Opera */
-khtm-border-radius:7px; /* Konqueror */
border-radius:7px; /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* ----- ARRONDIR LES BORDS D'UNE IMAGE OU D'UN BLOC TEXTE SANS BORDURE - DOUTE POUR OPERA ------ */
/* IE 7 ET 8 NE SUPORTENT PAS BORDER RADIUS */
.arrondie {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Chrome, Safari, Android... */
-ms-border-radius:10px; /* Internet Explorer */
-o-border-radius:10px; /* Opera */
-khtm-border-radius:10px; /* Konqueror */
border-radius:10px; /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* ----- OMBRE EXTERNE PLUS FONCEE SUR UNE BOITE DE TEXTE SANS MARGE POUR UNE IMAGE SANS MARGE INTERNE ------- */
.ombreout1 {
background-color:#FFF;
padding:0px; /* Marge interne = 0 */
/* créer les ombres */
-moz-box-shadow: 10px 10px 9px 2px #2c2c1c; /* Firefox */
-webkit-box-shadow: 10px 10px 9px 2px #2c2c1c; /* Chrome, Safari, Android... */
-o-box-shadow: 10px 10px 9px 2px #2c2c1c; /* Opera */
-ms-box-shadow: 10px 10px 9px 2px #2c2c1c; /* Internet Explorer */
-khtml-box-shadow:10px 13px 18px #2c2c1c; /* Konqueror */
box-shadow: 10px 10px 9px 2px #2c2c1c; /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* -- ########### 05 / FIN IMAGES - BORDURES - EFFETS - ENCADREMENT ########### -- */
/* -- ########### 06 / DEBUT POLICES ET BOITES DE TEXTES ########### -- */
.Style1 {color: #FFFFFF;}
.Style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #CCCCCC}
.Style3 {color: #DCD4A5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.Style4 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #DCD4A5; font-size: 11px}
.Style5 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #8e957b; font-size: 9px}
.Style6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #DCD4A5}
.Style7 {color: #ef6c25}
.Style8 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #8e957b; font-size: 11px}
.Style9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #DCD4A5}
.Style10 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #d0d0a2; font-size: 12px}
.Style11 {color: #FFCC00;}
.Style12 {font-size: 14px; font-weight: bold; color: #a8b199;}
.Style13 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px}
.Style14 {color: #000000;}
.Style15 {color: #a8b199; FONT-SIZE: 10px; font-family: Verdana, Arial, Helvetica, sans-serif}
.Style16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #CCCCCC}
.Style17 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #DCD4A5}
.Style18 {color: #FF9932}
/* ------- ########### EFFETS SUR TEXTES ########### ------- */
/* ----- SOULIGNEMENT TEXTE - DASHED ------- */
/* ---- Texte souligné pointillé - Curseur point d'interrogation. ---- */
.Style21 {border-bottom: 1px dashed;}
/* ----- SURLIGNAGE DE COULEUR ------- */
/* ----- Fond texte vert foncé, petit texte gris clair centré en Trebuchet gras ------- */
.valeur {border : 1px, solid; #FFF;
font-weight: bold;
color: #C6C6CA;
background-color: #FFF;
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 10pt;
}
/* ---------------- LETTRE "EN EXPOSANT" ---------------- */
.exposant { vertical-align: 4px; font-size: 70%; font-size: .83em }
/* ---------------- TEXTE CLIGNOTANT IE ET FIREFOX ASSOCIE AVEC CLINGTXT.JS ---------------- */
.clignote {visibility: visible;}
/* ---------------- LETTRINE ---------------- */
.lettrine { float: left; width: .75em; font-size: 29px; line-height: 31px; font-weight: bold; color: #fcf6c8; font-family: georgia, times, serif; }
/* ---------------- OMBRE SUR TEXTE ---------------- */
.txt_ombre{text-shadow: 7px 7px 0px #303018;}
/* décalage horizontal vers la droite : 7px / décalage vertical vers le bas : 7 px / force du dégradé : 0 / couleur : #303018 */
.TITRE17_ombre{text-shadow: 10px 9px 0px #3a3b23;
/* décalage horizontal vers la droite : 10px / décalage vertical vers le bas : 9 px / force du dégradé : 0 / couleur : #3a3b23 */
color: #DCD4A5;
font-size: 16px;
}
.TITRE9_ombre{text-shadow: -6px 7px 0px #303018;
/* décalage horizontal vers la droite : -6px / décalage vertical vers le bas : 7 px / force du dégradé : 0 / couleur : #303018 */
color: #DCD4A5;
font-size: 14px;
Font-weight: bold
}
/* -- ########### BOX - BOITES DE TEXTE ########### -- */
/* ----- OMBRE EXTERNE SUR UNE BOITE DE TEXTE AVEC UNE MARGE INTERNE DE 5 PX ------- */
.ombreout {
background-color:#FFF;
border:1px solid gray;
padding:5px;
box-shadow:2px 2px 15px #17180c; /* Autres navigateurs */
-moz-box-shadow:2px 2px 15px #17180c; /* Firefox */
-webkit-box-shadow:2px 2px 15px #17180c; /* Chrome */
-ms-box-shadow:2px 2px 15px #17180c; /* Internet Explorer */
-o-box-shadow:2px 2px 15px #17180c; /* Opera */
}
/* ----- OMBRE INTERNE SUR UNE BOITE DE TEXTE AVEC UNE MARGE INTERNE DE 5 PX ------- */
.ombrein {
background-color:#FFF;
border:1px solid gray;
padding:5px;
/* créer les ombres */
box-shadow:2px 2px 10px #17180c inset; /* W3C*/
-moz-box-shadow:2px 2px 10px #17180c inset; /* Firefox */
-webkit-box-shadow:2px 2px 10px #17180c inset; /* Chrome, Safari, Android... */
-ms-box-shadow:2px 2px 10px #17180c inset; /* Internet Explorer */
-o-box-shadow:2px 2px 10px #17180c inset; /* Opera */
-khtml-box-shadow:2px 2px 10px #17180c inset; /* Konqueror */
/* Les préfixes vendeurs en CSS */
}
/* ----- OMBRE INTERNE SUR UNE BOITE DE TEXTE AVEC UNE MARGE INTERNE DE 6 PX BORDS ARRONDIS ------- */
.bouton_txt {
background-color:#FFF;
padding:6px;
/* créer les ombres */
box-shadow:2px 2px 10px #17180c inset; /* W3C*/
-moz-box-shadow:2px 2px 10px #17180c inset; /* Firefox */
-webkit-box-shadow:2px 2px 10px #17180c inset; /* Chrome, Safari, Android... */
-ms-box-shadow:2px 2px 10px #17180c inset; /* Internet Explorer */
-o-box-shadow:2px 2px 10px #17180c inset; /* Opera */
-khtml-box-shadow:2px 2px 10px #17180c inset; /* Konqueror */
/* Les préfixes vendeurs en CSS */
/*arrondir les coins*/
/* IE 7 AND 8 NE SUPORTE PAS BORDER RADIUS */
-moz-border-radius:7px; /* Firefox */
-webkit-border-radius:7px; /* Chrome, Safari, Android... */
-ms-border-radius:7px; /* Internet Explorer */
-o-border-radius:7px; /* Opera */
-khtm-border-radius:7px; /* Konqueror */
border-radius:7px; /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* ----- DEGRADE LINEAIRE VERS LE BAS D'UNE BOITE DE TEXTE - BOX ------- */
.Degrade {
background-image:linear-gradient(grey 20%, black 80%); /* Pas d'autres couleurs qu'avec celle avec leur nom */
}
/* ----- OMBRE EXTERNE PLUS FONCEE SUR UNE BOITE DE TEXTE A FOND FONCE ARRONDIE SANS MARGE INTERNE ------- */
.generated {
background-color:#FFF;
/*arrondir les coins */
/* IE 7 AND 8 NE SUPORTE PAS BORDER RADIUS */
-moz-border-radius:13px; /* Firefox */
-webkit-border-radius:13px; /* Chrome, Safari, Android... */
-ms-border-radius:13px; /* Internet Explorer */
-o-border-radius:13px; /* Opera */
-khtm-border-radius:13px; /* Konqueror */
border-radius:13px; /* W3C*/
/* créer les ombres */
-moz-box-shadow: 10px 10px 9px 2px #333420; /* Firefox */
-webkit-box-shadow: 10px 10px 9px 2px #333420; /* Chrome, Safari, Android... */
-o-box-shadow: 10px 10px 9px 2px #333420; /* Opera */
-ms-box-shadow: 10px 10px 9px 2px #333420; /* Internet Explorer */
-khtm-box-shadow: 10px 10px 9px 2px #333420; /* Konqueror */
box-shadow: 10px 10px 9px 2px #333420; /* W3C*/
/* Les préfixes vendeurs en CSS */
}
/* -- ########### 06 / FIN POLICES ET BOITES DE TEXTES ########### -- */
/* -- ########### 07 / DEBUT LIENS ########### -- */
A {COLOR: #DCD4A5; TEXT-DECORATION: none; cursor: help;}
A:hover {COLOR: #DCD4A5; TEXT-DECORATION: underline; cursor: help;}
.lienmenu {COLOR: #dcd4a5; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.lienmenu A {COLOR: #dcd4a5; TEXT-DECORATION: none}
.lienmenu A:hover {COLOR: #cccccc; TEXT-DECORATION: underline}
.footer {font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; COLOR: #8e957b}
.footer A {COLOR: #949494; TEXT-DECORATION: none}
.footer A:hover {COLOR: #8e957b; TEXT-DECORATION: none}
.lienmenu1{COLOR: #a8b199; FONT-SIZE: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.lienmenu1 A {COLOR: #dcd4a5; TEXT-DECORATION: none}
.lienmenu1 A:hover {COLOR: #EEEEEE; TEXT-DECORATION: overline}
/* -------- LIENS COULEUR DE TEXTE AVEC SURLIGNEMENT DOUBLE CURSEUR EN POINT D'INTERROGATION -------- */
A.V_style:link {text-decoration: none; color: #d0d0a2; cursor: help;}
A.V_style:visited {text-decoration: none;color: #d0d0a2; cursor: help;}
A.V_style:hover {text-decoration: underline overline;color: #DCD4A5; cursor: help;}
/* -------- LIENS COULEUR DE TEXTE SANS SURLIGNEMENT CURSEUR EN POINT D'INTERROGATION -------- */
A.W_style:link {text-decoration: none; color: #d0d0a2; cursor: crosshair;}
A.W_style:visited {text-decoration: none;color: #d0d0a2; cursor: crosshair;}
A.W_style:hover {text-decoration: none;color: #DCD4A5; cursor: crosshair;}
/* -------- LIENS DE BASE COULEUR DE TEXTE SURLIGNE "STABILO" VERT FONCE + SOULIGNEMENT EN POINTILLE AVEC CHANGEMENT AU SURVOL -------- */
A.bg_style:link{text-decoration: none; color: #e8e8a4; background-color: #FFF; border-bottom: 1px dashed #d0d0a2; cursor: help;}
A.bg_style:visited{text-decoration: none;color: #e8e8a4; background-color: #FFF; border-bottom: 1px dashed #d0d0a2;cursor: help;}
A.bg_style:hover{text-decoration: none; color: #e6e5a6; background-color: #FFF; border-bottom: 1px dashed #d0d0a2; border-top: 1px dashed #d0d0a2;cursor: help;}
/* -- ########### 07 / FIN LIENS ########### -- */
/* -- ########### 08 / DEBUT FORMULAIRE ########### -- */
.listbox {BORDER-RIGHT: #5d6876 1px solid; BORDER-TOP: #5d6876 1px solid; FONT-SIZE: 100%; VERTICAL-ALIGN: middle; BORDER-LEFT: #5d6876 1px solid; COLOR: #cccccc; BORDER-BOTTOM: #5d6876 1px solid; FONT-FAMILY: Verdana, Arial, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #414852}
.button {BORDER-RIGHT: #404750 1px solid; BORDER-TOP: #404750 1px solid; FONT-SIZE: 100%; BORDER-LEFT: #404750 1px solid; COLOR: #cccccc; BORDER-BOTTOM: #404750 1px solid; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #5d6674;VERTICAL-ALIGN: middle}
.radio {FONT-SIZE: 100%; VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.checkbox {FONT-SIZE: 100%; VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif}
.textinput {BORDER-RIGHT: #5d6876 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #5d6876 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 100%; BORDER-LEFT: #5d6876 1px solid; COLOR: #cccccc; BORDER-BOTTOM: #5d6876 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #414852}
/* -- ########### 08 / FIN FORMULAIRE ########### -- */
/* -- ########### 09 / DEBUT BOUTONS ########### -- */
/* ----- BOUTON ROLLOVER SUR IMAGE D'ARRIERE PLAN - EN ROLLOVER VERT MOYEN - VERT FONCE ------- */
a.rollover {
background:url('../img/boutons/rollover21.jpg') no-repeat; /* "url" de l'image - sans "répétition" de l'image */
width: 150px; /* "largeur" de l'image et du lien */
height: 21px; /* "hauteur" de l'image et du lien */
display:block; /* permet d'attribuer la largeur de l'image, sinon l'image ne s'affiche pas */
/* display:inline-block; pour mettre 2 images survolées l'une à coté de l'autre: ne concerne pas celles isolées dans des celules. */
/* exemple : */
font-size:11px; /* "Positionnement du texte sur l'image, sinon au-dessus de l'image */
}
a.rollover:hover {
background-position: bottom center; text-decoration: none; /* "Positionnement de l'image déplacée - sans soulignement du lien */
}
/* ----- BOUTON ROLLOVER SUR IMAGE D'ARRIERE PLAN - ROLLOVER VERT MOYEN - VERT FONCE ------- */
/* ----- BOUTON ROLLOVER2 SUR IMAGE D'ARRIERE PLAN - EN ROLLOVER VERT FONCE - VERT MOYEN ------- */
a.rollover2 {
background:url('../img/boutons/rollover22.jpg') no-repeat; /* "url" de l'image - sans "répétition" de l'image */
width: 150px; /* "largeur" de l'image et du lien */
height: 21px; /* "hauteur" de l'image et du lien */
display:block; /* permet d'attribuer la largeur de l'image, sinon l'image ne s'affiche pas */
/* display:inline-block; pour mettre 2 images survolées l'une à coté de l'autre: ne concerne pas celles isolées dans des celules. */
/* exemple : */
font-size:11px; /* "Positionnement du texte sur l'image, sinon au-dessus de l'image */
}
a.rollover2:hover {
background-position: bottom center; text-decoration: none; /* "Positionnement de l'image déplacée - sans soulignement du lien */
}
/* ----- BOUTON ROLLOVER2 SUR IMAGE D'ARRIERE PLAN - ROLLOVER VERT FONCE - VERT MOYEN ------- */
/* ----- BOUTON ROLLOVER3 SUR IMAGE D'ARRIERE PLAN - EN ROLLOVER VERT - VERT CLAIR ------- */
a.rollover3 {
background:url('../img/boutons/rollover24.jpg') no-repeat; /* "url" de l'image - sans "répétition" de l'image */
width: 150px; /* "largeur" de l'image et du lien */
height: 21px; /* "hauteur" de l'image et du lien */
display:block; /* permet d'attribuer la largeur de l'image, sinon l'image ne s'affiche pas */
/* display:inline-block; pour mettre 2 images survolées l'une à coté de l'autre: ne concerne pas celles isolées dans des celules. */
/* exemple : */
font-size:11px; /* "Positionnement du texte sur l'image, sinon au-dessus de l'image */
}
a.rollover3:hover {
background-position: bottom center; text-decoration: none; /* "Positionnement de l'image déplacée - sans soulignement du lien */
}
/* ----- BOUTON ROLLOVER3 SUR IMAGE D'ARRIERE PLAN - EN ROLLOVER VERT - VERT CLAIR ------- */
/* ----- BOUTON PLUS CLAIR ROLLOVER4 SUR IMAGE D'ARRIERE PLAN - EN ROLLOVER VERT - VERT CLAIR ------- */
a.rollover4 {
background:url('../img/boutons/rollover211.jpg') no-repeat; /* "url" de l'image - sans "répétition" de l'image */
width: 150px; /* "largeur" de l'image et du lien */
height: 21px; /* "hauteur" de l'image et du lien */
display:block; /* permet d'attribuer la largeur de l'image, sinon l'image ne s'affiche pas */
/* display:inline-block; pour mettre 2 images survolées l'une à coté de l'autre: ne concerne pas celles isolées dans des celules. */
/* exemple : */
font-size:11px; /* "Positionnement du texte sur l'image, sinon aud-essus de l'image */
}
a.rollover4:hover {
background-position: bottom center; text-decoration: none; /* "Positionnement de l'image déplacée - sans soulignement du lien */
}
/* ----- BOUTON PLUS CLAIR ROLLOVER4 SUR IMAGE D'ARRIERE PLAN - EN ROLLOVER VERT - VERT CLAIR ------- */
/* -- ########### 09 / FIN BOUTONS ########### -- */
/* -- ######### FIN STYLE DES PAGES DU SITE ######### -- */