* {
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
}

body {
background-color: #000000;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/fond.jpg);
background-position: center top;
background-repeat: repeat-y;
text-align: center;
}

#page {
text-align: left;
width: 1024px;
margin: 0px auto;
}

#header {
overflow: hidden;
height: 145px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/logo-petrol-addict.png);
background-repeat: no-repeat;
background-position: 178px 3px;
}

#agir #header {
cursor: pointer;
}

#header h1 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/titre-desintox.png);
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
margin: 8px 0px 0px 364px;;
width: 468px;
height: 117px;
}


#header h2 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/logo-greenpeace.png);
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
margin: 116px 0px 0px 776px;
width: 124px;
height: 24px;
}

#header h1 span, #header h2 span {
display: none;
}


#video {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/fond-video.png);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 1264px;
height: 381px;
margin-left: -120px;
}

#player {
margin: 0px 0px 0px 251px;
width: 761px;
height: 324px;
padding-top: 28px;
}

#actions {
overflow: hidden;
margin-bottom: 26px;
}

#prez {
color: #FFFFFF;
font-weight: bold;
margin-bottom: 37px;
margin-left: 111px;
width: 801px;
font-size: 16px;
}

#carte {
margin: 36px 0px 0px 143px;
float: left;
width: 262px;
height: 184px;
cursor: pointer;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/carte.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#carte h3, #carte strong {
display: none;
}

#carte a {
width: 308px;
height: 190px;
display: block;
}

#rejoindre {
margin: 30px 163px 0px 0px;
float: right;
width: 367px;
height: 199px;
cursor: pointer;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/rejoindre.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#rejoindre a {
width: 428px;
height: 237px;
display: block;
}

#rejoindre h3, #rejoindre strong {
display: none;
}


#contenu {
overflow: hidden;
background-color: #000000;
width: 801px;
margin-left: 111px;
margin-bottom: 22px;
}


#news {
float: left;
}

#news h4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/news.png);
background-repeat: no-repeat;
background-position: 15px center;
height: 30px;

}

#news .blog {
background-color: #FFFFFF;
padding: 17px 15px;
width: 566px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bg-news.png);
background-repeat: no-repeat;
background-position: top right;
padding: 0px 16px 16px 16px;
}


#news .item {
border-bottom: 1px solid #000000;
padding-top: 16px;
padding-bottom: 16px;
overflow: hidden;
}

#news .item small {
color: #da1128;
font-size: 14px;
}

#news .item h5 {
color: #000000;
font-weight: bold;
font-size: 18px;
margin: 2px 0px 12px 0px;
}

#news .item p {
color: #000000;
font-size: 14px;
}

#news .item a.plus {
text-decoration: none;
color: #da1128;
display: block;
float: right;
font-size: 14px;
}

#news .item a.plus:hover {
text-decoration: underline;
}

#gpblog {
padding: 16px 0px 0px 0px;
}

#gpblog a {
display: block;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/gpblog.png);
background-position: top left;
background-repeat: no-repeat;
width: 228px;
height: 15px;
margin-left: 198px;
}

#gpblog span {
display: none;
}

#liens {
float: right;
margin-top: 30px;
}

#liens .bloc {
margin-left:22px;
width: 181px;
}

#liens h4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/sujet.png);
background-repeat: no-repeat;
background-position: left center;
height: 12px;
margin-bottom: 20px;
}

#liens h4 span, #news h4 span {
display: none;
}

#liens ul {
width: 182px;
}

#liens li {
padding-bottom: 12px;
}

#liens a {
background-position: top left;
background-repeat: no-repeat;
width: 175px;
display: block;
}

#f1 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/petroles-non-conventionnels.png);
height: 37px;
}

#f2 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/sables-bitumineux.png);
height: 37px;
}

#f3 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/schistes-bitumineux.png);
height: 37px;
}

#f4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/prospection-arctique.png);
height: 37px;
}

#f5 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/transport-petrole-ges.png);
height: 37px;
}

#f6 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/sortir-addiction-petrole.png);
height: 37px;
}



#liens span {
display: none;
}

#footer {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/footer.png);
background-repeat: no-repeat;
background-position: 0px bottom;
padding-bottom: 44px;
width: 801px;
margin-left: 111px;
margin-bottom: 20px;
}

#footer .item {
background-color: #000000;
overflow: hidden;
padding: 6px 12px 10px 12px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/greenpeace-footer.png);
background-position: 708px 11px;
background-repeat: no-repeat;
}

#footer .item div {
float: left;
margin-right: 32px;
}

#footer .item a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}


#footer .item a:hover {
text-decoration: underline;
}


#footer .item .copyright {
margin-left: 342px;
}



#steps {
margin-left: 111px;
width: 801px;
overflow: hidden;
margin-bottom: 40px;
}

#col1 {
float: left;
width: 162px;
padding-top: 62px;
}


#col1 strong {
display: none;
}

#col1 a {
display: none;
background-repeat: no-repeat;
background-position: top left;
display: block;

}

#col1 #kit a {
height: 260px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/le-kit.png);
margin-bottom: 27px;
}

#col1 #newsletter a {
height: 186px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/informez-vous.png);
margin-bottom: 28px;
}

#col1 #partager a {
height: 104px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/partager.png);
}



#etapes {
float: right;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/psy.png);
background-position: 56px 11px;
background-repeat: no-repeat;
padding-top: 149px;
width: 591px;
}

#etapes li {
list-style-type: none;
background-position: top left;
background-repeat: no-repeat;
padding-left: 58px;
h-eight: 92px;
margin-bottom: 16px;
}

#etapes #step1 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/step1.png);
}

#etapes #step2 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/step2-on.png);
}

#etapes #step3 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/step3-on.png);
}

#etapes #step4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/step4-on.png);
}

#etapes #step5 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/step5-on.png);
}

#etapes #step6 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/step6.png);
}

#etapes .F {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bg-etapes.jpg);
background-repeat: repeat-y;
padding: 19px 10px 15px 19px;
overflow: hidden;
}

#etapes #step1 .F, #etapes #step5 .F {
background-position: 0px -200px;
}

#etapes #step2 .F {
b-ackground-position: 0px 0px;
}

#etapes #step3 .F {
background-position: 0px -362px;
}

#etapes #step4 .F {
background-position: 0px -12px;
}



#etapes .inactif.F {
background-position: 0px 0px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/inactif.jpg) !important;
background-repeat: no-repeat;
height: 139px;
padding: 0px;
}

#etapes .inactif span {
display: none;
}

#etapes .intro {
float: left;
width: 340px;
font-size: 13px;
}

#etapes .bouton {
width: 160px;
float: right;
}

#etapes .bouton a {
background-repeat: no-repeat;
background-position: top right;
height: 57px;
display: block;
}

#etapes .bouton a span {
display: none;
}

#step1 .bouton a {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bouton1.png);
}

#step2 .bouton a {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bouton2.png);
}


#step3 .bouton a {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bouton3.png);
}




#step4 .bouton a {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bouton4.png);
}

#step5 .bouton a {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bouton5.png);
}


#etapes h4 {
background-repeat: no-repeat;
background-position: top left;
height: 34px;
margin-bottom: 8px;
}

#etapes h4 em {
display: none;
}

#step1 h4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/titre-step1.png);
}


#step2 h4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/titre-step2.png);
}

#step3 h4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/titre-step3.png);
}


#step4 h4 {
height: 58px;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/titre-step4.png);
}

#step5 h4 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/titre-step5.png);
}


#lbstep1, #lbnewsletter, #lbstep2 {
color: #ffffff;
font-size: 13px;
text-align: left;
width: 450px;
height: 450px;
background-repeat: no-repeat;
background-position: left bottom;
padding: 25px;
}

#lbnewsletter {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bg-newsletter.jpg);
}

#lbstep1 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bg-step1.jpg);
}


#lbstep2 {
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bg-step2.jpg);
}

#lbstep2 .fb {
display: inline;
}

#lbstep2 .bouton a {
background-repeat: no-repeat;
background-position: top right;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bouton2.png);
width: 160px;
height: 57px;
display: block;
margin: 0 16px 0 0;
float: right;
}


#lbnewsletter form, #lbstep1 form {
margin-top: 20px;
}

#lbstep1 form {
margin-bottom: 55px;
}



#lbstep1 .bouton {
text-align: center;
}

#lbstep1 .bouton a {
background-repeat: no-repeat;
background-position: top right;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bouton1.png);
width: 160px;
height: 57px;
display: block;
margin: 0px auto;
}

#lbstep1 .bouton a span, #lbstep2 .bouton a span {
display: none;
}

#lbstep1 .closestep {
font-size: 11px;
margin-top: 45px;
}

#lbstep1 .closestep u {
cursor: pointer;
}

#lbnewsletter input, #lbstep1 input {
width: 270px;
padding: 7px 4px 3px 7px;
font-weight: bold;
color: #000000;
font-size: 14px;
border: none;
font-family: Arial, sans-serif;
background-repeat: no-repeat;
background-position: left top;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bg-input.png);

}

#lbnewsletter p, #lbkit p, #lbstep1 p {
margin-bottom: 8px;
}

#lbnewsletter .submit, #lbstep1 .submit {
cursor: pointer;
margin-left: 9px;
display: inline;
}

#lbkit {
color: #ffffff;
font-size: 13px;
text-align: left;
width: 450px;
height: 450px;
background-repeat: no-repeat;
background-position: left bottom;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/bg-kit.jpg);
padding: 25px;

}

address {
font-style: normal;
font-family: monospace;
font-size: 13px;
}

#retour {

margin: 0px;

}

#retour span { 
display: none;
}

#retour a {
background-repeat: no-repeat;
background-position: left top;
background-image: url(http://static1.greenpeace.fr/petrol-addict/images/retour.png);
width: 313px;
height: 30px;
display: block;
margin-left: 157px;
}



#fancybox-content {
color: #ffffff;
background-color: #222222;
font-family: Arial, sans-serif;
font-size: 14px;
text-align: center;
}

#fancybox-content .Page {
padding: 12px;
text-align: left;
}

#fancybox-content p {
margin-top: 0px;
text-align: justify;
line-height: 1.2em;
margin-bottom: 12px;
}

#fancybox-content h1 {
font-size: 22px;
margin-bottom: 8px;
}

#fancybox-content ul {
margin-left: 15px;
}

#fancybox-content h4, #fancybox-content h2 {
font-size: 17px;
margin: 8px 0px 0px 0px;
}

#fancybox-content a {
color: #9999ff;
text-decoration: underline;
}

#fancybox-content img {
 display: none;
}