/* CSS Document
LFA Consulting Ltd // GEOSPATIAL - DESIGN PHASE & CAD TRAINING EXPERTISE
*/
* {
margin: 0;
padding: 0;
color: #333;
text-decoration: none;
line-height: 1.4em;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
}
body {
margin: 0;
padding: 0;
color: #333;
/*background: #444242 url(../lfa_bg.png) top center repeat-y;*/
font-family: arial, helvetica, sans-serif;
height: 1050px;
/*background-color: rgb(62,60,60);*/
background-color: white;
opacity: 15;
filter: alpha(opacity=150);
}
#double {
z-index: 1;
overflow: hidden;
position: relative;
margin-left: auto;
margin-right: auto;
width: 60%;
margin-top: 60px;
height: 260px;
background-color: red;
}
#baliseur {
width: 1050px;
overflow: hidden;
position: relative;
margin: auto;
margin-top: 0;
margin-bottom: 0;
height: 1050px;
}
#baliseur1 {
width: 1050px;
overflow: hidden;
position: relative;
margin: auto;
margin-top: 0;
margin-bottom: 0;
height: 1050px;
}
div#bandeau {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 0;
height: 0px;
background-color: white;
}
div#menu1 {
position: absolute;
z-index: 1;
width: 100%;
margin-top: 50px;
height: 30px;
background-color: rgb(154,154,154);
background: transparent url(bg_navigation.jpg) bottom repeat-x;
}
div#contenu {
width: 100%;
margin-top: 80px;
height: 300px;
}
div#menu2 {
position: absolute;
z-index: 400;
width: 100%;
top: 300px;
height: 3px;
background-color: rgb(154,154,154);
background: transparent url(bg_navigation.jpg) bottom repeat-x;
margin-left: auto;
margin-right: auto;
border-bottom: 10px solid white;
}
div#menu22 {
position: absolute;
z-index: 400;
width: 100%;
top: 253px;
height: 50px;
background-color: transparent;
margin-left: auto;
margin-right: auto;
color: white;
}
div#menu3 {
position: relative;
z-index: 400;
width: 100%;
top: 800px;
/* 325
margin-top:1000px;*/
height: 5px;
background-color: rgb(154,154,154);
background: transparent url(bg_navigation.jpg) bottom repeat-x;
margin-left: auto;
margin-right: auto;
}
div#menu33 {
position: relative;
z-index: 400;
width: 100%;
top: 800px;
height: 5px;
background-color: rgb(154,154,154);
background: transparent url(bg_navigation.jpg) bottom repeat-x;
margin-left: auto;
margin-right: auto;
}
div#piedpage {
position: relative;
z-index: 100;
width: 1050px;
/*top: 425px;
*/
top: 800px;
height: 150px;
/*background-color: rgb(239,239,239);
*/
}
div#piedpage1 {
position: relative;
z-index: 100;
width: 1050px;
top: 800px;
height: 150px;
/*background-color: rgb(239,239,239);
*/
}
div#logo {
position: absolute;
z-index: 100;
width: 1050px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
margin-bottom: 5px;
height: 53px;
padding-bottom: 20px;
background-color: white;
/*background: rgb(239,239,239) url(../lfa-haut.gif) top repeat-x;*/
}
#tete {
color: black;
font-size: 21px;
text-decoration: none;
text-align: center;
padding-top: 2px;
padding-left: 300px;
font-weight: bold;
}
#tete1 {
font-size: 13px;
text-decoration: none;
text-align: center;
padding-top: 2px;
padding-left: 300px;
font-weight: bold;
}
#logosite {
padding-left: 20px;
float: left;
font-size: 12px;
}
div#corps {
position: absolute;
z-index: 1;
width: 1050px;
margin-left: auto;
margin-right: auto;
top: 0px;
background-color: yellow;
height: 990px;
}
div#corpspied {
position: absolute;
z-index: 100;
width: 1050px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-left: 20px;
margin-top: 0px;
height: 255px;
/* background-color: rgb(239,239,239);
*/
background-color: white;
}
div#image {
position: absolute;
z-index: 20;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 80px;
height: 630px;
background-color: black;
border: 0px solid #000;
}
div#image1 {
position: absolute;
z-index: 20;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 80px;
height: 830px;
background-color: black;
border: 0px solid #000;
}
div#site {
position: absolute;
z-index: 100;
width: 1050px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
top: 300px;
/* height: 400px;
background-color: rgb(255,255,255);
*/
height: 900px;
background-color: white;
opacity: 1;
filter: alpha(opacity=100);
}
div#site1 {
position: absolute;
z-index: 100;
width: 1050px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
top: 300px;
height: 900px;
/*background-color: rgb(255,255,255);
*/
background-color: white;
opacity: 1;
filter: alpha(opacity=100);
}
#menutop {
position: absolute;
top: 177px;
margin-left: 0px;
padding-left: 115px;
width: 1050px;
height: 42px;
color: black;
border-left: 0px solid rgb(230,230,230);
border-right: 31px solid rgb(153,0,0);
border-bottom: 3px solid rgb(153,0,0);
background-color: rgb(70,70,70);
}
#menucentre {
position: absolute;
top: 70px;
z-index: 900;
margin-left: 0px;
margin-right: auto;
margin-top: 12px;
background-color: transparent;
width: 1050px;
}
.trans1
/* Liste */
{
z-index: 800;
background: rgb(126,127,129);
text-align: left;
padding-left: 10px;
/* couleur de fond */
}
.trans
/* Liste */
{
z-index: 800;
/* background-color: transparent;
couleur de fond */
margin-top: -4px;
color: white;
font-size: 13px;
padding-bottom: 0px;
padding-right: 5px;
font-size: small;
font-weight: bold;
border-right: 1px solid white;
}
#menu, #menu ul
/* Liste */
{
position: absolute;
z-index: 400;
padding: 0;
/* pas de marge intÚrieure */
margin: 0;
/* ni extÚrieure */
list-style: none;
/* on supprime le style par dÚfaut de la liste */
line-height: 21px;
/* on dÚfinit une hauteur pour chaque ÚlÚment */
text-align: left;
/* on centre le texte qui se trouve dans la liste */
}
#menu
/* Ensemble du menu */
{
z-index: 400;
font-weight: bold;
/* on met le texte en gras */
font-family: Arial;
/* on utilise Arial, c'est plus beau ^^ */
font-size: 13px;
/* hauteur du texte: 12 pixels */
}
#menu a
/* Contenu des listes */
{
z-index: 400;
display: block;
/* on change le type d'ÚlÚment, les liens deviennent des balises de type block */
padding: 0;
/* aucune marge intÚrieure */
color: white;
/* couleur du texte */
text-decoration: none;
/* on supprime le style par dÚfaut des liens (la plupart du temps = soulignÚ) */
width: 190px;
/* largeur */
padding-left: 10px;
}
#menu b
/* Elements des listes */
{
z-index: 400;
color: red;
/* couleur du texte */
font-size: 13px;
}
#menu li
/* Elements des listes */
{
z-index: 400;
float: left;
/* pour IE qui ne reconna¯t pas "transparent" */
border-right: 1px solid #fff;
/* on met une bordure blanche Ó droite de chaque ÚlÚment */
}
/* IE ne reconnaissant pas le sÚlecteur ">" */
html>body #menu li {
border-right: 1px solid transparent;
/* on met une bordure transparente Ó droite de chaque ÚlÚment */
}
#menu li ul
/* Sous-listes */
{
position: absolute;
/* Position absolue */
width: 150px;
/* Largeur des sous-listes */
left: -999em;
/* Hop, on envoie loin du champ de vision */
}
#menu li ul li
/* +lÚments de sous-listes */
{
/* pour IE qui ne reconna¯t pas "transparent" (comme prÚcÚdemment) */
border-top: 1px solid #fff;
/* on met une bordure blanche en haut de chaque ÚlÚment d'une sous liste */
/* background: url(./289.gif) no-repeat right top;
list-style-type: none;
padding-right: 0px;
width: 150px;
*/
}
/* IE ne reconnaissant pas le sÚlecteur ">" */
html>body #menu li ul li {
border-top: 1px solid transparent;
/* on met une bordure transparente en haut de chaque ÚlÚment */
}
#menu li ul ul {
margin: -22px 0 0 144px;
/* On dÚcale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
/* pour IE qui ne reconna¯t pas "transparent" (comme prÚcÚdemment) */
border-left: 1px solid #fff;
/* Petite bordure Ó gauche pour ne pas coller ... */
}
/* IE ne reconnaissant pas le sÚlecteur ">" ... je me rÚpÞte;
-) */
html>body #menu li ul ul {
border-left: 1px solid transparent;
/* on met une bordure transparente sur la gauche de chaque ÚlÚment */
}
#menu li:hover ul ul, #menu li.sfhover ul ul
/* Sous-sous-listes lorsque la souris passe sur un ÚlÚment de liste */
{
left: -999em;
/* On expÚdie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
/* Sous-listes lorsque la souris passe sur un ÚlÚment de liste ET sous-sous-lites lorsque la souris passe sur un ÚlÚment de sous-liste */
{
left: auto;
/* Repositionnement normal */
min-height: 0;
/* Corrige un bug sous IE */
}
#menu a:hover
/* Lorsque la souris passe sur un des liens */
{
background: rgb(31,31,31);
/* couleur de fond */
}
.discipline1 {
position: absolute;
margin-top: 10px;
left: 5px;
width: 200px;
height: 310px;
background: transparent url(fond2.png) repeat-x;
}
.discipline2 {
position: absolute;
margin-top: 20px;
left: 5px;
width: 200px;
height: 210px;
}
.discipline4 {
position: absolute;
margin-top: 20px;
left: 445px;
width: 245px;
height: 210px;
}
.discipline5 {
position: absolute;
margin-top: 0px;
padding-top: 18px;
padding-left: 15px;
padding-right: 5px;
width: 230px;
height: 630px;
background: transparent url(fond2.png) repeat-x;
}
.discipline5 {
position: absolute;
margin-top: 0px;
padding-top: 18px;
padding-left: 15px;
padding-right: 5px;
width: 230px;
height: 630px;
background: transparent url(fond2.png) repeat-x;
}
.discipline1s {
position: absolute;
margin-top: 0px;
left: 280px;
width: 675px;
height: 500px;
margin-bottom: 60px;
}
.discipline1ss {
position: absolute;
margin-top: 0px;
left: 280px;
width: 695px;
height: 500px;
margin-bottom: 60px;
}
.discipline1sss {
position: absolute;
margin-top: 0px;
left: 280px;
width: 785px;
height: 500px;
margin-bottom: 60px;
}
.s1 {
background-color: transparent;
border-bottom: 5px solid red;
border-left: 15px solid red;
color: rgb(61,61,61);
font-weight: bold;
}
.s2 {
background-color: transparent;
border-bottom: 5px solid green;
border-left: 15px solid green;
color: rgb(61,61,61);
font-weight: bold;
width: 250px;
}
.s3 {
background-color: transparent;
border-bottom: 5px solid white;
border-left: 15px solid white;
color: rgb(61,61,61);
font-weight: bold;
width: 250px;
}
.s4 {
background-color: transparent;
color: rgb(61,61,61);
font-weight: bold;
text-align: right;
}
.s6 {
background-color: transparent;
border-left: 15px solid blue;
color: rgb(61,61,61);
font-weight: boldq;
width: 250px;
}
.s7 {
color: rgb(61,61,61);
margin-left: 40px;
}
.inner {
display: block;
padding: 0 10px 10px 5px;
color: black;
}
.left1 {
position: absolute;
top: 0px;
left: 2px;
width: 225px;
height: 100px;
}
.left2 {
position: absolute;
top: 0px;
left: 160px;
width: 709px;
height: 100px;
}
#menubottom {
position: absolute;
margin-top: 0px;
padding-top: 1px;
padding-left: 15px;
width: 1050px;
height: 100px;
font-size: 12px;
}
#imageContainer {
position: relative;
margin: 0px auto;
width: 1050px;
/* border: 12px solid #FFFFFF;
*/
}
.picture1 {
float: right;
width: 250px;
height: 100px;
}
.carre1 {
position: absolute;
margin-top: 10px;
left: 5px;
width: 320px;
height: 490px;
border: 1px solid rgb(242,242,241);
}
.carre2 {
position: absolute;
margin-top: 10px;
left: 350px;
width: 320px;
height: 490px;
border: 1px solid rgb(242,242,241);
}
.carre3 {
position: absolute;
margin-top: 330px;
left: 5px;
width: 320px;
height: 290px;
border: 1px solid rgb(242,242,241);
}
.carre4 {
position: absolute;
margin-top: 330px;
left: 350px;
width: 320px;
height: 290px;
border: 1px solid rgb(242,242,241);
}
.text {
text-align: center;
}
/* headlines */
h3, h4, dt, h5, h6, caption {
font-weight: bold;
}
h2 {
color: red;
font-size: 19px;
text-transform: capitalize;
}
h2 img {
padding-right: 2px;
}
h3 {
color: red;
font-size: 24px;
}
h4 {
color: red;
font-size: 18px;
}
h5, dt, caption {
color: red;
font-size: 14px;
}
h6 {
color: red;
font-size: 12px;
}
h6 {
display: run-in;
background: #000;
color: #fff;
padding: 70px 3px 1px;
margin-right: 5px
}
.tit {
padding-top: 50px;
padding-right: 100px;
color: red;
font-size: 48px;
font-weight: bolder;
}
.tit3 {
padding-top: 25px;
padding-right: 100px;
color: red;
font-size: 40px;
font-weight: bolder;
}
.tit1 {
padding-right: 100px;
color: black;
font-size: 24px;
font-weight: bolder;
}
.tit2 {
padding-right: 100px;
color: rgb(112,112,112);
font-size: 14px;
font-weight: bolder;
}
.tit4 {
padding-right: 100px;
color: rgb(112,112,112);
font-size: 14px;
font-weight: bolder;
}
.bas1 {
float: left;
width: 150px;
height: 100px;
background-color: transparent;
margin: 5px;
margin-right: 16px;
}
.carre1s > p > b {
color: red;
font-size: 15px;
text-transform: capitalize;
}
.carre2s > p > b {
color: red;
font-size: 15px;
text-transform: capitalize;
}
.carre1s > p {
display: inline-block;
text-align: left;
width: 580px;
padding: 10px;
background: #eee
}
.carre2s > p {
display: inline-block;
text-align: left;
width: 180px;
padding: 10px;
background: #eee
}
.carre3s > p > b {
color: red;
font-size: 15px;
text-transform: capitalize;
}
.carre4s > p > b {
color: red;
font-size: 15px;
text-transform: capitalize;
}
.carre3s > p {
display: inline-block;
text-align: left;
margin-left: 300px;
width: 180px;
padding: 10px;
background: #eee
}
.carre4s > p {
display: inline-block;
text-align: left;
margin-left: 480px;
width: 180px;
padding: 10px;
background: #eee
}
p+p {
margin-left: 5px
}
blockquote {
position: absolute;
top: 330px;
width: 700px;
background: #333;
color: #fff;
padding: 10px;
margin: 8px 0
}
blockquote ~ p {
vertical-align: top;
background: #bbb
}
blockquote > p {
vertical-align: top;
color: red;
font-size: 20px;
font-weight: bold;
}
.esp {
height: 20px;
}
[title] {
color: red;
}
.leader {
position: absolute;
padding-top: 5px;
font-size: 15px;
padding-bottom: 5px;
text-align: center;
left: 25px;
width: 625px;
height: 30px;
border-top: 5px solid red;
border-bottom: 5px solid red;
color: red;
}
.leader1 {
position: absolute;
padding-top: 5px;
font-size: 15px;
padding-bottom: 5px;
text-align: right;
left: 20px;
width: 635px;
height: 170px;
border-top: 5px solid red;
border-bottom: 5px solid red;
color: red;
}
.leader10 {
position: absolute;
padding-top: 5px;
font-size: 15px;
padding-bottom: 5px;
text-align: right;
left: 20px;
width: 635px;
height: 170px;
border-top: 5px solid red;
color: red;
}
.leader2 {
position: absolute;
margin-top: 180px;
padding-top: 35px;
font-size: 12px;
text-align: right;
left: 20px;
width: 635px;
color: black;
font-family: italic, arial, helvetica, sans-serif;
font-weight: bold;
}
.leader3 {
position: absolute;
padding-top: 5px;
font-size: 15px;
padding-bottom: 5px;
text-align: right;
left: 20px;
width: 635px;
height: 190px;
border-top: 5px solid red;
border-bottom: 5px solid red;
color: red;
}