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


body {
background-color: #a5a691;
text-align: center;
font-size: 16px;

}

img.thonrouge {
margin-bottom: 8px;
}


.page {
text-align: left;
width: 849px;
margin: 0px auto;
}

.header span {
display: none;
}

.header {

}


.header h1 {
background-repeat: no-repeat;
background-position: top left;

height: 333px;
}

.header h2 {
background-repeat: no-repeat;
background-position: top left;
background-image: url(images/liberez-les-thons.jpg);
height: 101px;
}

.contenu {
width: 849px;
margin-left: 0px;
clear: both;
padding-top: 20px;
}

.g {
float: left;
width: 560px;
}

.d {
float: right;
width: 246px;
}

.bloc {
padding-top: 11px;
}


.c1 {
background-color: #be1818;
}

.c2 {
background-color: #25261f;
}

.c3 {
background-color: #a5a691;
}

.video {
background-color: #222222;
}

.mobilisez {
background-color: #c2180d;
background-repeat: no-repeat;
background-position: left center;
background-image: url(images/mobilisez-vous.png);
height: 168px;
}

.mobilisez a {
display: block;
height: 168px;
}

#mobilisation .mobilisez {
background-image: url(images/suivez-actu.png);
}

#mobilisation .mobilisez a {
height: 168px;
}

.mobilisez span {
display: none;
}


.facebook {
background-color: #3b5998;
background-repeat: no-repeat;
background-position: left center;
background-image: url(images/facebook.png);
}

.facebook a {
height: 108px;
display: block;
}

.facebook span {
display: none;
}

.don {
background-color: #a5a691;
background-repeat: no-repeat;
background-position: left center;
background-image: url(images/don.png);
}

.don a {
height: 111px;
display: block;
}

.don span {
display: none;
}

/*
.newsletter {
background-color: #636457;
background-repeat: no-repeat;
background-position: top left;
background-image: url(images/newsletter.png);
height: 113px;
}

.newsletter span {
display: none;
}

.newsletter form {
padding-top: 67px;
margin-left: 8px;
}

.newsletter .email {
border: 2px solid #000000;
padding: 4px;
font-size: 13px;
font-weight: bold;
width: 178px;
background-image: url(images/bg-input.png);
background-repeat: no-repeat;
background-position: top left;
float: left;
margin-right: 8px;
}

.newsletter .submit {
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/submit.png);
cursor: pointer;
height: 29px;
width: 29px;
cursor: pointer;
float: left;

}

.newsletter .submit:hover {
background-position: 0px -29px;
}


.newsletter .submit input {
opacity: 0;
width: 29px;
height: 29px;
cursor: pointer;
filter: alpha(opacity=0);
}
*/

.liens {
background-color: #d2d3c8;
background-repeat: no-repeat;
background-position: bottom left;
background-image: url(images/bg-liens.jpg);
padding-bottom: 563px;
}

.liens ul {
list-style-type: none;
padding-top: 12px;
}

.liens li {
margin-bottom: 9px;
font-size: 13px;
display: block;
background-image: url(images/fleche.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
padding-left: 22px;
padding-top: 2px;
}


.liens a {
text-decoration: none;
color: #000000;
font-weight: bold;
}

.liens a:hover {
text-decoration: underline;
}

.liens strong {
color: #be1818;
}


.liens li.bloggp {

}


.liens li.bloggp a {

}


.liens li.bloggp strong {

}



.blog {
background-color: #ffffff;
padding: 12px 12px 15px 12px;
margin-bottom: 30px;
}

#mobilisation .blog {
padding: 0px;
}

.blog h3 {
width: 508px;
height: 43px;
background-repeat: no-repeat;
background-position: top left;
}

#news .blog h3 {
background-image: url(images/actualite-decomptee.png);
}

#pecheurs .blog h3 {
background-image: url(images/pratiques.png);
}


#industrie .blog h3 {
background-image: url(images/industrie-du-thon.png);
}

#iccat .blog h3 {
background-image: url(images/iccat.png);
}

#thonrougefr .blog h3 {
background-image: url(images/france-thon-rouge.png);
}

#mobilisation .blog h3 {
background-image: url(images/titre-mobilisez.png);
width: 560px;
height: 80px;
}

#recap .blog h3 {
background-image: url(images/recap.png);
}

#ch .blog h3 {
background-image: url(images/chiffres-cles.png);
}

.blog h3 span {
display: none;
}


.blog .post {
border-top: 1px solid #be1818;
padding-top: 10px;
margin-top: 14px;
}

#mobilisation .blog .post {
border: none;
padding: 12px 12px 15px 12px;
}

#mobilisation #form {
border-top: 1px solid #be1818;
border-bottom: 1px solid #be1818;
padding: 15px 0px 8px 0px;
overflow: hidden;
font-size: 14px;
margin-top: 10px;
}


#mobilisation #form b {
display: block; 
color: #be1818;
}


#mobilisation #form #message {
width: 530px;
height: 60px;
background-image: url(images/bg-message.png);
background-repeat: no-repeat;
background-position: left top;
border: none;
}

#mobilisation #form #nom, #mobilisation #form #prenom, #mobilisation #form #email {
border: none;
width: 253px;
height: 28px;
background-image: url(images/bg-inputmob.png);
background-repeat: no-repeat;
background-position: left top;

}

#mobilisation #form div {
margin-bottom: 20px;
}


#mobilisation #form div.prenom {
width: 264px;
float: left;
}

#mobilisation #form div.nom {
width: 260px;
float: right;
}


#mobilisation #form .submit {
text-align: center;
}

#mobilisation #form input, #mobilisation #form textarea {
margin-top: 4px;
padding: 3px;
font-weight: bold;
}

#mobilisation #form .submit input {
margin: 0px auto;
}


.blog .post small {
color: #be1818;
font-size: 12px;
}

.blog .post b {

}

.blog .post h4 {
margin: 4px 0px 12px 0px;
}

.blog .post h4 a {
color: #000000;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

.blog .post-content {
font-size: 13px;
margin-bottom: 6px;
text-align: justify;
}

.blog .post-content img.alignleft, .blog .post-content img.alignright, .blog .post-content img.aligncenter {
display: none;
}

.blog .post-content .plus {
text-align: right;
}

.blog .post-content .plus a {
color: #be1818;
font-weight: bold;
font-size: 12px;
}




.footer {
background-repeat: no-repeat;
background-color: #222222;
background-image: url("http://www.greenpeace.org/france/assets/graphics/design-2009-logo-greenpeace");
background-position: 749px 8px;
height: 28px;
padding: 0px;

}

.footer h5 {
position: absolute;
margin: 6px 0px 0px 662px;
font-size: 13px;
}

.footer ul {
list-style-type: none;
margin: 0px 0px 0px 11px;
padding: 3px 0px 0px 0px;
}

.footer li {
font-size: 12px;
display: inline;
padding: 0px 0px 0px 11px;
background-image: url("http://www.greenpeace.org/france/assets/graphics/design-2009-act");
background-repeat: no-repeat;
background-position: 0px 4px;
margin-right: 13px;
}

.footer a {
color: #ffffff;
text-decoration: none;
}


#pecheurs .post h4, #industrie .post h4, #recap .post h4, #ch .post h4 {
margin-top: 25px;
margin-bottom: 1px;
color: #be1818;
font-size: 18px;
}

#ch em {
font-size: 0.8em;
}

#pecheurs .post p, #industrie .post p, #recap .post p {
margin-bottom: 7px;
}


.post h4 em {
font-size: 14px;
color: #000000;
}

#industrie .post img {
margin: 5px 0px 7px 0px;
}

#pecheurs .post img {
margin: 5px 0px 22px 0px;
}

.gal img {
border: none;
cursor: pointer;
margin: 4px 0px 8px 0px;
}


.post ul {
list-style-type: none;
}

.post h5 {
color: #BE1818;
font-size: 14px;
}

.post h5 em {
font-size: 11px;
font-style: normal;
}



#erreur {
border: 3px solid black;
color: white;
background-color: red;
text-align: center;
font-weight: bold;
font-size: 18px;
padding: 10px;
margin: 12px 6px;
}

#mobilisation .bouton {
width: 301px;
margin: 0px auto 20px auto;
background: none;
}

#mobilisation .bouton a {
background-position: top left;
background-repeat: no-repeat;
width: 301px;
height: 39px;
display: block;
}

#mobilisation .bouton span {
display: none;
}

#mobilisation .bouton.share {
margin-top: 20px;
}

#mobilisation .bouton.share a {
background-image: url(images/merci-share.png);
}

#mobilisation .bouton.don {
margin-bottom: 30px;
height: auto;
}
#mobilisation .bouton.don a {
background-image: url(images/merci-don.png);
}

#mobilisation .bouton.actus {
margin: 70px auto 70px auto;
}
#mobilisation .bouton.actus a {
background-image: url(images/merci-actus.png);
}


#share {
display: none;
}

#mobilisation .services {
width: 520px;
}

#iccat h4 {
margin-top: 12px; 
}

#iccat p {
margin-bottom: 8px;
}

#iccat p i {
font-size: 90%;
}

#iccat  {
list-style-position: inside;
}


#wall {
background-color: #d2d3c8;
padding-bottom: 20px;
overflow: hidden;

}

#wall h4 {
background-image: url(images/derniers-messages.png);
background-repeat: no-repeat;
background-position: top left;
width: 246px;
height: 93px;
}

#wall h4 span {
display: none;
}

#wall div {
margin: 3px 18px 12px 18px;
color: #d90011;
font-size: 14px;
}


#wall b {
color: #000000;
}

#thonrougefr ol {
list-style-position: inside;
padding-bottom: 20px;
margin-bottom: 28px;
border-bottom: 1px solid #be1818;
}

#thonrougefr ol li {
margin-bottom: 7px;
font-weight: bold;
font-size: 14px;
}

#thonrougefr ol li a {
text-decoration: none;
}

#thonrougefr ol li a:hover {
text-decoration: underline;
}

#thonrougefr h4 {
margin-top: 20px;
}

#thonrougefr p {
margin-bottom: 10px;
}


#prev {
float: left;
background: none;
font-weight: bold;
}

#next {
float: right;
background: none;
font-weight: bold;
}

#prev a, #next a {
color: #000000;
font-size: 12px;
}

#wall em {
font-style: normal;
f-ont-weight: normal;
font-size: 12px;
color: #C1170D;
}