/* */ /* CSS COMMUNS */ /* */ html, body { height: 100%; text-align: left; font-family: 
"Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; font-size: 10pt; line-height: 
16pt; color: black; background-color: white; padding: 0; margin: 0; background-image: 
url("images/bg-body.png"); background-repeat: repeat-x; background-position: top 
left; text-align: center; } /* Corps de la Page */ #corps { width: 1000px; text-align: 
center; padding: 0; margin: auto; background-image: url("images/bg-html.png"); 
background-repeat: no-repeat; background-position: top left; } /* Conteneur de 
la page */ #container { width: 1000px; margin: auto; text-align: left; } /* Header 
*/ #header { width: 1000px; height: 120px; background-image: url("images/header.jpg"); 
background-repeat: no-repeat; background-position: top left; } /* Logo */ <a href="www.pacasolaire.com">#logo 
{ width: 300px; height: 120px; background-image: url("images/logo.png")</a>; background-repeat: 
no-repeat; background-position: top left; float: left; } /* Publicité en tête 
de page */ #header img { float: right; border: none; /* top right bottom left 
*/ margin: 50px 10px 0 0; } /* Menu Superieur */ #top-menu { height: 30px; background-image: 
url("images/bg-top-menu.png"); background-repeat: repeat-x; background-position: 
top left; text-align: center; } #top-menu ul { width: 950px; position: relative; 
top: 6px; float: left; height: 24px; line-height: 24px; /* top right bottom left 
*/ margin: 0 0 0 10px; padding: 0; } #top-menu li { width: 140px; height: 24px; 
display: inline; list-style-type: none; font-size: 11pt; font-weight: bold; /* 
top right bottom left */ margin: 0 10px 0 0; float: left; } #top-menu a:link, 
#top-menu a:visited { width: 140px; height: 24px; display: block; color: white; 
text-decoration: none; background-color: inherit; outline: none; } #top-menu a:active, 
#top-menu a:hover, #top-menu #on { color: #119905; text-decoration: none; background-color: 
inherit; background-image: url("images/bg-onglet.png"); background-repeat: no-repeat; 
background-position: top left; outline: none; } /* Formulaire de recherche */ 
#top-menu form, #top-menu p { height: 30px; line-height: 27px; float: left; margin: 
0; padding: 0; } #top-menu input { height: 17px; line-height: 14px; border: 1px 
solid #119905; padding-left: 2px; font-weight: normal; background-color: #89d182; 
vertical-align: middle; } /* Hack pour IE */ * html #top-menu input { height: 
18px; /* top right bottom left */ margin: 4px 0 0 0; } /* Bouton Rechercher */ 
#top-menu #recherche { width: 16px; height: 16px; border: none; padding: 0; background-color: 
transparent; } /* Colonne Gauche */ #gauche { width: 510px; float: left; margin-left: 
5px; } /* Colonne Centre */ #centre { width: 320px; float: left; } /* Colonne 
Droite */ #droite { width: 150px; float: right; background-image: url("images/bg-droite.jpg"); 
background-repeat: no-repeat; background-position: top left; padding-top: 70px; 
text-align: center; } /* Titres Colonne Gauche */ #gauche h1 { color: #116f05; 
font-size: 14pt; text-indent: 5px; /* top right bottom left */ margin: 20px 0 
5px 0; padding: 0; background-color: #ffbf00; border-left: 1px dotted #116f05; 
border-bottom: 1px dotted #116f05; } #gauche h2 { color: #116f05; font-size: 11pt; 
/* top right bottom left */ margin: 0 0 5px 10px; padding: 0; text-decoration: 
underline; } /* Titres de la page Colonne Centre */ #centre h1 { width: 300px; 
height: 84px; line-height: 84px; text-indent: 87px; font-size: 16pt; color: #119905; 
background-color: inherit; margin: 0; padding: 0; } #home { background-image: 
url("images/home.png"); background-repeat: no-repeat; background-position: 10px 
top; } #actu { background-image: url("images/actu.png"); background-repeat: no-repeat; 
background-position: 10px top; } #photo { background-image: url("images/photo.png"); 
background-repeat: no-repeat; background-position: 10px top; } #video { background-image: 
url("images/video.png"); background-repeat: no-repeat; background-position: 10px 
top; } #contact { background-image: url("images/contact.png"); background-repeat: 
no-repeat; background-position: 10px top; } /* Bloc Jaune Colonne Centre */ .bloc-j 
{ width: 290px; background-image: url("images/bg-bloc-jaune.png"); background-repeat:repeat-y; 
background-position: top left; /* top right bottom left */ padding: 5px 15px 0 
15px; } /* Hack pour IE */ * html .bloc-j { width: 320px; } .bloc-j-foot { width: 
320px; height: 27px; background-image: url("images/foot-bloc-jaune.png"); background-repeat:repeat-y; 
background-position: top left; } /* Bloc Vert Colonne Centre */ .bloc-v { width: 
290px; background-image: url("images/bg-bloc-vert.png"); background-repeat:repeat-y; 
background-position: top left; /* top right bottom left */ padding: 5px 15px 0 
15px; } /* Hack pour IE */ * html .bloc-v { width: 320px; } .bloc-v-foot { width: 
320px; height: 27px; background-image: url("images/foot-bloc-vert.png"); background-repeat:repeat-y; 
background-position: top left; } /* Images Bloc Jaune et Vert */ #gauche img, 
#centre img { border: none; float: left; margin-right: 3px; } /* Images Colonne 
Droite */ #droite img { border: 1px solid #bfbfbf; } /* Sous Titres Colonne Centre 
et Droite */ #droite h2, #centre h2 { color: #116f05; font-size: 12pt; /* top 
right bottom left */ margin: 0 0 5px 0; padding: 0; border-bottom: 1px dotted 
#bfbfbf; } /* Menus Colonne Droite */ .menu { padding: 0; /* top right bottom 
left */ margin: 0 0 10px 3px; } .menu li { list-style: circle; list-style-position: 
inside; text-align: left; font-size: 8pt; font-weight: bold; } .menu a:link, .menu 
a:visited { color: black; background-color: inherit; text-decoration: none; outline: 
none; } .menu a:active, .menu a:hover { color: #119905; background-color: inherit; 
outline: none; } /* Liens */ a:link, a:visited { color: #119905; text-decoration: 
underline; background-color: inherit; outline: none; } a:active, a:hover { color: 
black; background-color: #ffe208; outline: none; } /* Alignements divers */ .gauche 
{ float: left; } .droite { float: right; } .center { text-align: center; } /* 
Ligne */ .ligne { height: 7px; background-image: url("images/ligne.png"); background-repeat: 
repeat-x; background-position: top left; /* top right bottom left */ margin: 10px 
0 10px 0; } /* Date */ .date { width: 48px; height: 48px; background-image: url("images/date.png"); 
background-repeat: no-repeat; background-position: top left; text-align: center; 
line-height: 12pt; font-size: 9pt; font-weight: bold; color: #119905; /* top right 
bottom left */ margin: 10px 5px 0 0; padding-top: 2px; float: left; } /* Galerie 
Photo Dhtml */ #galerie { display: table-cell; text-align: center; } #galerie 
img { border: 1px solid #443027; margin: 8px; vertical-align: middle; } #thumbBox 
{ position: absolute; left: 0; top: 0; width: auto; /* top right bottom left */ 
padding: 5px 10px 0 10px; background-color: white; border: 1px solid black; visibility: 
hidden; z-index: 10; cursor: pointer; } #thumbBox #thumbImage { font-weight: bold; 
color: black; background-color: white; margin-bottom: 5px; } #thumbBox #thumbImage 
img { border: 1px solid black; } #thumbLoading { position: absolute; visibility: 
hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 
5; } /* Pied de Page */ #footer { width: 960px; min-height: 40px; text-align: 
left; font-size: 7pt; color: white; background-color: #119905; background-image: 
url("images/footer.png"); background-repeat: no-repeat; background-position: top 
left; margin: auto; padding-left: 30px; clear: both; } /* Hack pour IE */ * html 
#footer { width: 990px; height: 40px; } /* Hack pour IE */ * html>body #footer 
{ height: auto; } /* Liens Pied de Page */ #footer a:link, #footer a:visited { 
color: white; text-decoration: underline; background-color: transparent; outline: 
none; } #footer a:active, #footer a:hover { color: black; background-color: transparent; 
outline: none; }