Citation (Fred @ 24/06/2010 à 15:59)

si tu me donnes le CSS et le javascript , ca me va!

Code
/* Reset de style d'Eric Meyers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Feuille de style du site de Raoni */
body {
background-color : #003300;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* web safe fonts */
font-size: 75%;
font-weight: normal;
line-height: 160%;
}
#container {
width : 1024px;
margin : auto;
background-color: #edfcd1;
background-image : url(../images/fond_papyrus.jpg);
background-repeat : repeat-y;
color : #5A1F00;
}
#header {
width : 1024px;
height : 200px;
background-image : url(../images/bandeau.jpg);
}
#header #logo {
float: left;
margin: 30px 30px 0 80px; /* haut droite bas gauche */
}
/****************/
/* PRIMARY MENU */
/****************/
#primary-menu {
display: block;
font-family: "Myriad Pro", "Myriad Web Pro Regular", "Lucida Grande", Geneva, "Trebuchet MS", sans-serif;
font-size: 9pt;
font-weight: bold;
margin-left : 360px;
padding: 0;
position: relative;
bottom : 25px;
text-transform: uppercase;
}
/************************************/
/* PRIMARY MENU WITH DROPDOWNS */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php */
/************************************/
#primary-menu ul.niveau1 li { /* top item layout */
background: transparent url('../images/tab-left.png') no-repeat left 0;
display: block;
float: left;
margin: 0 4px 0 0;
padding: 0 0 0 0.833em; /* 0 0 0 10px */
position: relative;
width: auto;
height : 25px;
}
#primary-menu ul.niveau1 li:hover,
#primary-menu ul.niveau1 li.sfhover,
#primary-menu ul.niveau1 li.active-item {
background-position: left -29px;
}
#primary-menu ul.niveau1 li a {
background: transparent url('../images/tab-right.png') no-repeat right 0;
color: #5A1F00 /* CDU */;
display: block;
padding: 0.416em 0.833em 0.083em 0; /* 5px 10px 1px 0 */
text-decoration: none;
}
#primary-menu ul.niveau1 li a:hover,
#primary-menu ul.niveau1 li:hover a,
#primary-menu ul.niveau1 li.sfhover a,
#primary-menu ul.niveau1 li.active-item a {
background-position: right -29px;
color: #fff;
}
#primary-menu ul.niveau1 li ul {
left: -999em;
opacity: 0.90;
margin: 0 0 0 -10px;
padding: 1px 0 4px;
position: absolute;
width: 144px;
/*z-index: 2;*/
}
#primary-menu ul.niveau1 li:hover ul,
#primary-menu ul.niveau1 li.sfhover ul {
display: block;
left: auto;
}
#primary-menu ul.niveau1 li ul li {
background: #FDE792;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
float: left;
font-family: Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.85em;
font-weight: normal;
height: auto;
margin: 0;
line-height: 100%;
padding : 4px 8px;
}
#primary-menu ul.niveau1 li ul li.last {
border-bottom: none
}
#primary-menu ul.niveau1 li ul li a,
#primary-menu ul.niveau1 li ul li a:link,
#primary-menu ul.niveau1 li ul li a:visited {
background: transparent;
color: #5A1F00;
display: block;
margin: 0;
padding: 4px 0;
text-transform: none;
width: 135px;
}
#primary-menu ul.niveau1 li ul li a:hover {
color: #D1570D;
display: block;
margin: 0;
padding: 4px 0;
text-decoration: none;
}
#primary-menu ul.niveau1 li ul li ul.niveau1 {
left: -999em;
margin: 0 0 0 -14px;
padding: 6px 0 4px;
}
#primary-menu ul.niveau1 li ul li:hover ul.niveau1,
#primary-menu ul.niveau1 li ul li.sfhover ul.niveau1 {
display: block;
left: 154px;
top: -6px;
}
#primary-menu ul.niveau1 li ul li ul.niveau1 li a {
padding: 4px;
width: 128px;
}
.expanded { height : 25px; }
a:link,
a:visited {
color: #5A1F00;
}
a:hover,
a:active {
text-decoration: underline;
color: #D1570D;
}
a.lien_article {
color : #333333;
text-decoration: underline;
}
.lien_article:hover {
color : #CC0000;
}
a.lien_petition {
color : #CC0000;
font-size : 1.2em;
}
#infos, #contenu {
float : left;
background-color : transparent;
}
#infos {
width : 280px;
margin: 5px 40px 20px 20px; /* haut droite bas gauche */
}
.bloc-info { margin-bottom : 15px; }
.bloc-info h2 {
font-size : 1.1em;
margin-bottom : 6px;
}
.lien-presse {
margin-bottom : 4px;
}
.lien-video {
margin-bottom : 8px;
}
.image-marge {
margin-bottom : 10px;
}
.video-image {
position : relative;
bottom : 20px;
}
.video-icon {
background-image : url(../images/icon-video.png);
background-position : center center;
background-repeat : no-repeat;
display : block;
width : 23px;
height : 23px;
position : relative;
left : 10px;
top : 30px;
}
.video-icon span {
display : none;
}
.info-hr {
background-color : #C5A697;
border : 0;
height : 1px;
width : 100%;
margin-bottom : 15px;
}
.lien-share {
float : left;
margin-right : 10px;
margin-bottom : 20px;
}
#contenu {
min-height : 400px;
width : 650px;
margin-top : 2px;
margin-bottom : 15px;
}
#contenu h1, #contenu h2, #contenu h3, #contenu h4, #contenu h5, #contenu h6 {
font-family: "Myriad Pro", "Myriad Web Pro Regular", "Lucida Grande", Geneva, "Trebuchet MS", sans-serif;
}
#contenu h1 {
border-bottom: 1px solid #5A1F00;
font-size: 1.82em;
font-weight: 600;
line-height: 1.272em;
width: 75%;
margin-bottom : 15px;
}
#contenu h2 {
font-size : 1.4em;
margin-bottom : 8px;
}
#contenu h3 {
font-size : 1.2em;
margin-bottom : 5px;
}
#contenu .h3-verdana {
font-family: Verdana, Arial, sans-serif;
margin-bottom : 10px;
}
#contenu h3 span {
font-weight : normal;
}
#contenu .video-titre {
font-family: Arial, sans-serif;
color : #1A2A21;
font-size : 1em;
line-height : 95%;
margin-bottom : 3px;
}
#contenu .video-sous-titre {
font-family: Arial, sans-serif;
font-weight : normal;
color : #1A2A21;
font-size : 1em;
line-height : 95%;
}
#contenu .video-chapo {
font-family: Arial, sans-serif;
font-weight : normal;
line-height : 100%;
text-align : left;
font-size : 0.95em;
text-decoration : none;
}
.video-hr {
background-color : #C5A697;
border : 0;
height : 1px;
width : 90%;
}
.h2_article, .legende { float : left; }
.h2_article {
color : #003100;
padding-right : 25px;
margin : 0;
}
#contenu .edito-slogan {
color : #666666;
}
#contenu p {
text-align : justify;
margin-bottom : 8px;
}
#contenu ul, #contenu ol, #contenu li {
margin-left : 10px;
}
#contenu ul, #contenu ol {
margin-bottom : 10px;
}
#contenu ul {
list-style-type : disc;
}
#contenu ol {
list-style-type : decimal;
}
.edito {
clear : right;
margin-bottom : 20px;
}
.edito-image, .edito img {
float : right;
margin: 5px 0 0 20px; /* haut droite bas gauche */
}
.img-presse { padding-bottom : 15px; }
.legende {
font-size : 0.9em;
height : 16px;
}
.chapo { clear : left; }
.drapeau {
margin : 0 10px 0 6px;
}
.item-legende-1 {
border-right : 1px solid #999999;
}
.item-legende-2 {
margin-left : 10px;
}
.drapeau-2 {
float : left;
margin-right : 8px;
margin-bottom : 20px;
}
.sep-edito {
clear : right;
width : 50%;
height : 1px;
color : #5A1F00;
margin-bottom : 20px;
}
.credits, .edito, .edito-actu {
margin-bottom : 15px;
}
#contenu .etoiles {
text-align : center;
}
#budget {
margin-bottom : 8px;
}
#budget table {
border : 2px solid #5A1F00;
}
#budget th, #budget td {
border : 1px solid #5A1F00;
}
#budget th, #budget td {
padding : 4px 10px;
}
.montant {
text-align : right;
}
.imginfos, #animflash {
margin-top : 40px;
margin-bottom : 15px;
}
.note {
font-size : 0.8em;
}
#infos-1 {
width : 75%;
margin : auto;
margin-top : 30px;
}
#infos-2 {
width : 90%;
margin : auto;
margin-top : 30px;
}
#infos-2 h3 { margin-bottom : 5px; }
.img-livre, .img-petition {
margin-bottom : 15px;
}
.video {
margin-bottom : 20px;
}
.sep-video {
margin-bottom : 15px;
border : 1px dotted #5A1F00;
}
.vignette-video {
float : left;
width : 195px;
min-height : 260px;
margin-right : 10px;
margin-bottom : 10px;
padding : 4px;
border: 1px dotted #5A1F00;
}
.sep-code {
margin-top : 15px;
margin-bottom : 15px;
height : 1px;
color : #5A1F00;
}
/*#animflash {
padding : 5px;
border : 1px dotted #5A1F00;
}*/
#footer {
clear : both;
padding-bottom : 8px;
background-color : #477725;
color : #FFFFFF;
}
#footer p {
text-align : center;
font-size : 0.85em;
padding-top : 8px;
}
#footer a {
text-decoration : none;
color : #FFFFFF;
}
#footer a:hover {
text-decoration : underline;
}
.marge-bas {
margin-bottom : 10px;
}
.filler_10 {
clear : both;
margin-bottom : 10px;
}
.filler_15 {
margin-bottom : 15px;
}
.filler_25 {
margin-bottom : 25px;
}
.filler {
clear : left;
}
.retour {
clear : both;
}
.textbox {
width : 98%;
margin-bottom : 10px;
}
.code { margin-bottom : 5px; }
#tab-form-petition {
width : 100%;
}
#petition-liste {
margin-bottom : 20px;
}
#petition-liste table, #petition-liste th, #petition-liste td {
border: 1px dotted #5A1F00;
border-collapse: collapse;
}
#petition-liste th, #petition-liste td {
padding-left : 10px;
padding-right : 20px;
padding-top : 1px;
padding-bottom : 1px;
}
#petition-liste th {
text-align : center;
}
.titre-message { text-align : left !important; }
.special {
font-weight : bold;
color : #006633;
}
#nav-pages {
margin-bottom : 15px;
}
#list-page li {
list-style-type : none;
display : inline; /* pour IE7 et IE6 */
}
.lib-page, .entre-page {
float : left;
font-weight : bold;
}
.lib-page
{
margin-right : 5px;
}
.entre-page
{
width : 18px;
border : 1px dotted #5A1F00;
text-align : center;
margin-left : 0 !important;
margin-right : 5px;
}
.lien-page {
float : left;
display : block;
min-width : 18px;
font-weight : bold;
text-align : center;
border : 1px dotted #5A1F00;
}
.lien-page {
margin-right : 5px;
}
.page-active {
background-color : #5A1F00;
color : #FFFFFF !important;
}
#formulaire th, #formulaire td {
padding-bottom : 10px;
}
#formulaire th {
width : 140px;
text-align : right;
padding-right : 3px;
}
#formulaire .bouton {
min-width : 120px;
}
.forminfo {
font-size : 0.8em;
font-style : italic;
padding-left : 5px;
}
.kapcha, .controle {
float : left;
}
.kapcha {
margin-right : 10px;
}
.controle input {
margin : 0;
padding: 0;
height : 32px;
font-size : 1.4em;
font-weight : bold;
}
.small {
width : 80px;
}
.medium {
width : 250px;
}
.large{
width : 350px;
}
.extra_large{
width : 450px;
}
.obligatoire {
border : 1px solid #5A1F00;
color : #000000;
}
.facultatif {
border : 1px solid #666666;
color : #000000;
}
.rouge {
color : #CC0000;
font-weight : bold;
}
#formulaire {
margin-bottom : 10px;
}
.info {
font-style : italic;
padding-left : 10px;
}
a span {
display : none;
}
.rouge {
color : #FF0000;
}
.normal {
color : #333333;
}
/* Identification presse */
#auth-presse th, #auth-presse td {
padding-bottom : 10px;
}
#auth-presse th {
width : 210px;
text-align : right;
padding-right : 10px;
}
#auth-presse tr {
height : 32px;
}
#auth-presse .saisie {
width : 150px;
margin-right : 10px;
}
.erreur {
color : #CC0000;
font-weight : bold;
font-size : 1.2em;
text-align : center;
}
/* Partie presse */
#menu_presse {
width : 200px;
padding : 10px;
margin-top : 20px;
margin-left : 20px;
}
#menu_presse h2 {
font-size : 1.2em;
margin-bottom : 5px;
border-bottom : 1px solid #5A1F00;
}
#menu_presse hr {
border : 1px dotted #5A1F00;
}
/* Affichage des galeries d'images */
#menu_gallery {
width : 210px;
padding : 10px;
margin-top : 40px;
margin-left : 20px;
}
#menu_gallery h3 {
text-transform: uppercase;
font-size : 1.2em;
margin-bottom : 15px;
}
#menu_presse li, #menu_gallery li {
list-style-type : none;
/*margin-left : 10px;*/
margin-bottom : 4px;
}
#menu_presse a, #menu_gallery a {
text-decoration : none;
font-weight : bold;
color : #5A1F00;
font-size : 1em;
}
#menu_presse a:hover, #menu_gallery a:hover {
text-decoration : underline;
color : #D1570D;
}
/* jQuery lightBox plugin - Gallery style */
#gallery, #gallery-actu {
background-color: transparent;
padding : 10px 5px 10px 0; /* haut droite bas gauche */
width: 630px;
}
#gallery ul, #gallery li, #gallery-actu ul, #gallery-actu li {
margin : 0;
}
#gallery ul, #gallery-actu ul { list-style: none; }
#gallery ul li, #gallery-actu ul li { display: inline; }
#gallery ul img, #gallery-actu ul img {
border: 2px solid #5A1F00;
border-width: 2px 2px 2px;
margin-left : 0;
margin-right : 5px;
margin-bottom : 3px;
}
#gallery ul a:hover img, #gallery-actu ul a:hover img {
border: 2px solid #D1570D;
border-width: 2px 2px 2px;
color: #fff;
}
#gallery ul a:hover, #gallery-actu ul a { color: #fff; }