/* CORPS DE LA PAGE */ body { font-size: 11px; /* taille de la police */ font-family: "trebuchet ms", helvetica, sans-serif; /* Famille de police de base utilisée */ color: #8C8C73; /* Couleur de la police de base GRIS*/ line-height: 18px; /* Interligne de base */ margin: 0px 0px 0px 0px; /* MARGE DE LA PAGE */ background:#390803; } #pageentiere /* L'IMAGE DE FOND */ { background:#390803 url(images/body_fond1.jpg) no-repeat 50% 0; /* Couleur de fond rouge */ padding:0px 0px 250px 0px; /* Espacement intérieur de 250 vers le bas */ overflow:hidden; /* Si image depasse elle passe dessous le DIV */ min-width:780px; /* largeur minimale 780 px*/ min-height:600px; } /* Une balise précédée de # est appliqué sur un id="" et pas sur un class="". C'est un style défini pour 1 élément */ #outer /* Page blanche contenant le site centrée en largeur (largeur du site définie ici !!! Position relative au body centré sans marge */ { position: relative; /* Position relative à lélément contenant la balise */ width: 1000px; top : 145px; margin: 0 auto; /* Marge autour = 0 et le tout centré */ background:#FFFFFF; /* Couleur de fond de la page blanche */ } #inner { position: relative; /* Position relative à la balise contenant l'objet */ margin:0px; padding:0px; background:#FFFFFF; /*background:#b549d8 url(images/test_fond.png) repeat-y;*/ /*height:100%*/ } /* Elements de premier niveau --------------------------------------*/ #menuDeroulant { position: relative; background: #750f0b; /*width: 1000px;*/ width: 100%; /* LARGEUR GLOBALE DU MENU */ height: 34px; /* HAUTEUR GLOBALE DU MENU */ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0; border: 0; border-bottom : 3px solid #fa560b; /* LIGNE ORANGE EN BAS DE MENU (épaisseur, type, couleur)*/ text-align: center; top: 0; left: 0; } #menuDeroulant li { float: left; /*width: 150px;*/ margin: 0px 5px 0px 5px; padding: 0; border: 0; } #menuDeroulant li a:link, #menuDeroulant li a:visited { display: block; /* POSITIONNMENT BLOC */ /*height: 1%;*/ /*height:8px;*/ color: #FFF; /* COULEUR DU TEXTE (Blanc) */ background: #750f0b; /* COULEUR DE FOND E LA DIV (Rouge) */ margin: 7px; /* POSITIONNEMENT DE L'INTITULE DES MENUS PAR RAPPORT AU HAUT DU MENU */ padding: 0px 8px 0px; /* POSITIONNEMENT DE LA BARRE BLANCH PAR RAPPORT A L'INTITULE DU MENU */ border-left: 1px solid #FFFFFF; /* BORDURE BLANCHE VERTICALE */ text-decoration: none; /* SOULIGNEMENT DES TEXTES */ text-align: center; /* ALIGNEMENT VERTICAL DU TEXTE (Centré) */ } #menuDeroulant li a:hover { background-color: #F2462E; } #menuDeroulant li a:active { background-color: #5F879D; } #menuDeroulant .sousMenu { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; } #menuDeroulant .sousMenu li { float: none; margin:0; padding: 0; border: 0; width: 149px; border-top: 1px solid transparent; border-right: 1px solid transparent; } #menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited { display: block; color: #FFF; margin: 0px 0px 0px 30px; border: 0; text-decoration: none; background: transparent url("fondTR.png") repeat; } #menuDeroulant .sousMenu li a:hover { background-image: none; background-color: #F2462E; } #menuDeroulant li:hover > .sousMenu { display: block; } #article { top:0px; padding:0px; /*min-height:700px;*/ margin:0px 0px 0px 0px; background:#FFFFFF; min-height:800px; } /* DANS INNER LE BAS DE PAGE */ #footer { position: relative; /* Position bas de page en rapport à outer */ clear: both; /* Positionnement reinitialise a chaque page ??? */ height: 66px; /* Hauteur du bas de page 66px */ text-align: center; /* Alignerment du texte centré */ line-height: 66px; /* Hauteur de ligne de 66px */ background-image: url('images/footer_fond.gif');/* Image de fond du footer */ color: #A8A88D; /* Couleur du texte #A8A88D (Gris clair tirant sur le jaune) */ } #footer a { color: #8C8C73; /* Couleur du lien dans le footer #8C8C73 (Gris foncé tirant sur le jaune) */ } /* GESTION DES LIENS SUR LA PAGE */ a { color: #8C8C73; /* Couleur du lien dans son etat normal */ text-decoration: underline; /* Le lien est souligné dans son etat normal */ } a:hover { text-decoration: none; /* Couleur du lien lors du survol du curseur */ } sub { vertical-align: sub; /* Alignement vertical */ font-size: smaller; /* Taille du caractere */ line-height: normal; /* Interlignage */ } sup { vertical-align: super; /* Alignement vertical */ font-size: smaller; /* Taille du caractere */ line-height: normal; /* Interlignage */ } p { margin-bottom: 14px; /* Marge du bas */ text-align: justify; /* Justification du texte */ } /* /* --- BOITE CENTRALE --- #corps_01{position: relative;width:880px;} #boite_01{position: relative;width: 660px;float: left;} #boite_01 h3{position: relative;top: 4px;font-size: 18px;line-height: 25px;color: #656551;letter-spacing: -1px;background: url('image/a22.gif') bottom repeat-x;padding: 0px 0px 10px 15px;margin-bottom: 20px;} #boite_01 h2{position: relative;top: 4px;font-size: 14px;line-height: 18px;color: #FF7800;letter-spacing: -1px;padding: 0px 0px 0px 0px;margin-bottom: 0px;} #boite_01 .content{padding: 0px 0px 0px 0px;margin-bottom: 0px;} #boite_01 .content ul{padding: 10px 0px 0px 5px;} #boite_01 .content ul li{font-size: 10px;background-image: url('image/ico_pucetop.gif');background-repeat: no-repeat;background-position: left top;list-style-type: none;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;text-align: justify;} #boite_01 .post{margin-bottom: 30px;} #boite_01 .post .header{position: relative;} #boite_01 .post .content{margin-bottom: 0px;} #boite_02{position: relative;width: 220px;float: right;} #boite_02 h3{position: relative;top: 4px;font-size: 16px;line-height: 25px;color: #656551;letter-spacing: -1px;background: url('image/a22.gif') bottom repeat-x;padding: 0px 0px 10px 10px;margin-bottom: 20px;} #boite_02 .content{padding: 0px 10px 0px 10px;margin-bottom: 20px;} div.row {margin: 0; padding: 0; height: 100px;} div.col1 {float: center; width: 150; margin: 0 3px 0 0; padding: 0;} div.col2 {float: left; width: 300; margin: 0 3px 0 0; padding: 0;}*/