/* centrer le design, travail sur */ body { background-color: #5A6573; /*#5a3c32; couleur de fond marron*/ /*#eeead5 couleur de fond beige*/ } #page { width: 800px; /* taille de la page de 800px*/ margin: auto; /* Pour centrer notre page */ color:black; background-color:#fafafa; /* couleur de fond du body beige très clair*/ min-height:1000px; border-left: 2px solid #fafafa; /* test bordure beige sur fond marron */ /*#643c32; couleur bordure marron pour un fond beige*/ border-right: 2px solid #fafafa;/*#643c32; couleur bordure marron pour un fond beige*/ } /* L'en-tête */ #en_tete /* pour un id on met un dièse devant sinon c'est un point pour class*/ { width: 800px; height: 130px; /*background-image: url("images/logofamt.png"); background-repeat: no-repeat; /* l'image ne sera pas répétée en mosaïque */ margin-bottom: 10px; /* pour éviter que l'en-tête soit trop collé avec ce qui se trouvera dessous */ } table { margin-left:0px; margin-right:0px; } td.droite{ padding-left:50px; } img.logofamt { /*width: 625px; height: 130px;*/ } a img {border:none; } /* Le menu */ ul#menu_horizontal { /* on définit une taille au bloc, une hauteur, une couleur de fond, une bordure pointillée grise de 1px et une marge en haut pour éviter que le menu colle au haut de la fenêtre */ width : 800px; height : 35px; /*margin : 2em 0 0 0;*/ margin:auto; padding : 0; /*pour éviter des marges qui ne seraient pas souhaitées */ background-color : #5A6573;/*#5a3c32;*/ border : none; list-style-type : none; color:white; } ul#menu_horizontal li { /* on sélectionne toutes les listes */ padding : 0 0.5em; line-height : 35px; /* hauteur totale du menu */ } ul#menu_horizontal li.bouton_gauche { float : left; border-right : 1px solid #fafafa; } ul#menu_horizontal a { /* on définit le style des liens */ color : white; text-decoration : none; padding : 0 0.5em; font : 0.8em "Trebuchet MS", Arial, serif; } ul#menu_horizontal a:hover { text-decoration : underline; } ul#menu_horizontal a img { border : none; padding : 0 0.3em; } #menu_droite { position:absolute; width:140px; /*float:right;*/ margin-left:670px; margin-right:0; } #menu_droite h2 { color:#99cc00; font:normal 1.1em "Trebuchet MS", Arial, serif; /*margin:20px 0 5px 10px;*/ } #menu_droite ul { list-style-type:none; /*margin-right:15px;*/ width:130px; padding:0; padding-bottom:5px; margin:0; margin-bottom:10px; } #menu_droite a.troplong { border-bottom:1px dotted #99cc00;/*#CCCACA;*/ height:20px; display:block; padding:0 5px 25px 5px; text-decoration:none; /*color:#535252;*/ color:black; font : 0.8em "Trebuchet MS", Arial, serif; } #menu_droite a { border-bottom:1px dotted #99cc00; height:20px; display:block; padding:0 5px 5px 5px; text-decoration:none; color:#535252; font : 0.8em "Trebuchet MS", Arial, serif; } #menu_droite a:hover { text-decoration:underline; } /*#menu_droite img { border-bottom:1px dotted #99cc00; }*/ /* le corps */ #corps_about { /*margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-left:5px; /*margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */ padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ padding-bottom:10px; text-align: justify; margin-right:150px; font: 0.8em Verdana, Arial, serif; } #corps_about p.indent { text-indent:30px; } #corps_about p.equation { text-align:center; } #corps_about p.decal { padding-left: 30px; } #corps_about h2/* Tous les titres h2 du corps */ { height: 30px; text-align: left; color:#5a5a5a; border-bottom:thin dotted #99cc00; } #corps_about h3, h4 { height: 20px; text-align: left; color:#5a5a5a; border-bottom:thin dotted #99cc00; } #corps_about a { color:black; } #corps_about a.package { color:#99cc00; font-weight:bold; } #corps_about a.function { color:#99cc00; font-weight:bold; text-decoration: none; } #corps_about span.rprg { color:#99cc00; font-weight:bold; } #corps_about span.equation{ text-align:center; } #corps_about li { list-style-type:none; padding-bottom:5px; } #corps_about li.puce { list-style-type:square; padding-bottom:5px; } #corps_about a.contact { /*color:#99cc00;couleur verte*/ color: #5a5a5a; font-weight:bold; text-decoration:none; } #corps_about img.figpackage { width: 441px; height: 256px; text-align:center; } #corps_about img.figplugin { /*width: 95%; height: 95%;*/ text-align:center; } #corps_about img.figexcel { text-align:center; } #corps_about img.figdata { width: 343px; height: 202px; text-align:center; } #corps_news { margin-left:5px; margin-bottom: 20px; /* pour éviter que le corps colle trop au pied de page en-dessous */ padding: 20px; text-align: justify; margin-right:150px; font: 0.8em Verdana, Arial, serif; } #corps_news h2 /* Tous les titres h2 du corps */ { height: 30px; text-align: left; color:#5a5a5a; border-bottom:thin dotted #99cc00; } #corps_news ul { padding-left:5px; list-style-image:url("images/pucenews.png"); list-style-position:inside; list-style-type:none; /*line-height:30px;/* attention ça change aussi l'interligne d'une même puce */ } #corps_news li { padding-bottom:15px; } #corps_news a { color:black; } /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */ #pied_de_page { padding: 0px; clear: both; /* pour supprimer l'effet flottant du menu pour s'assurer que le pied de page est bien sous le menu */ text-align: center; color: #B3B3B3; } #pied_de_page a { color: #B3B3B3; } /* footer */ #footer { width : 800px; height : 35px; /*margin : 2em 0 0 0;*/ margin:7em 0 0 0; padding : 0; /*pour éviter des marges qui ne seraient pas souhaitées */ border : none; clear: both; font-size: 80%; } #footer a { text-decoration: none; font-weight: bold; color:black; } #footer #footer-left { width: 68%; float: left; text-align: left; margin: 0; padding: 10px; color:black; }