body{font:82% Arial,sans-serif;margin:0;padding:0}
img {border:none}
a,input{outline:none}
a:link{color:#0068a4}
a:hover{color:#222;text-decoration:none}
a:visited{color:#999}
h3,p{margin:0;padding:0}
/* main */
.main {margin:0 auto;width: 900px; /* largeur de la div */ }
/* en-tête */
.header #logo {width:247px;height:66px}
.header ul{display:inline;float:right;list-style-type:none;margin:-3px 0 0 0;padding:0}
.header ul li {float:left;margin:25px 0 0 5px;color:#575d64}
.header ul li img {height:24px;width:24px;position:relative;top:-3px}
.header img.imgtwitter {height:24px;width:80px;position:relative;top:-3px}
.header ul li span {color:#999;position:relative;top:-10px}
/* accroche */
.content {border:1px solid #ccc;height:240px;padding:20px;margin:10px 0 25px 0}
.content img {float:right;width:313px;height:235px}
.content img.calltoaction{float:left;width:540px;height:54px;margin-top:20px}
.content h1 {color:#666;font-size:200%;}
.content p {font-size:160%;color:#666;line-height:1.4}
/* détail */
.features h2 {text-transform:uppercase;font-weight:normal;font-size:100%;color:#666;border-bottom:1px solid #ccc;margin-bottom:15px}
.features h3 {color:#0068a4;font-weight:bold}
.features p {color:#575d64}
.features ul{display:inline;list-style-type: none;margin:0;padding:0}
.features ul li {float:left;padding-left:55px;width:27%;padding-bottom:10px}
.features ul li#features-consultant {background:url(/images/consultant-referencement.png) no-repeat 0px 5px;}
.features ul li#features-presse {background:url(/images/le-journal-du-net.gif) no-repeat 0px 5px;}
.features ul li#features-certification {background:url(/images/google-analytics.gif) no-repeat 5px 5px;}
/* témoignages */
.reviews {float:left;width:36%;margin-right:15px;margin-top:10px}
.reviews h2 {text-transform:uppercase;font-weight:normal;font-size:100%;color:#666;border-bottom:1px solid #ccc;margin-bottom:15px}
.reviews h3 {color:#0068a4;font-weight:normal}
.reviews p.reviewer{color:#666}
.reviews img{position:relative;top:3px}
.reviews p.description{color:#575d64;margin-bottom:10px}
/* contact */
.contact {float:left;width:62%;margin-top:10px}
.contact h2 {text-transform:uppercase;font-weight:normal;font-size:100%;color:#666;border-bottom:1px solid #ccc;margin-bottom:15px}
.contact textarea{width:99%;height:130px;margin-bottom:10px;margin-top:3px}
.contact input#email{width:99%;margin-bottom:10px}
.contact input#envoyer {width:130px;margin:0 20px 10px 0}
.contact span.obligatoire{color:#999;font-size:92%;font-style:italic}
.contact #carte {margin-bottom:10px;width:270px;height:240px;float:left}
.contact .erreur {background: #fff6bf url(http://extranet.lereferencementnaturel.org/bibliotheque/images/exclamation.png) center no-repeat;background-position: 15px 50%;text-align: left;padding: 5px 20px 5px 45px;border-top: 2px solid #ffd324;border-bottom: 2px solid #ffd324;margin-bottom:15px }
.contact .confirmation {background: #fff6bf url(http://extranet.lereferencementnaturel.org/bibliotheque/images/information.png) center no-repeat;background-position: 15px 50%;text-align: left;padding: 10px 20px 5px 45px;border-top: 2px solid #ffd324;border-bottom: 2px solid #ffd324;margin-bottom:15px }
.mail{margin-top:5px;margin-left:285px}
.contact p.gratuit {margin-top:10px}
/* conseils */
.conseils {width:100%;clear:left;margin-bottom:25px}
.conseils h2 {text-transform:uppercase;font-weight:normal;font-size:100%;color:#666;border-bottom:1px solid #ccc;margin:15px 0 12px 0}
.conseils p.liens {color:#575d64}
.conseils ul.titre{float:left;width:100%;margin:0 0 10px 0;padding:0}
.conseils li {list-style-type:none;padding:2px 0;margin-top:2px}
.conseils li a {text-decoration:none;font-size:14px;}
.conseils li a.dernier{padding-left:25px;background:url(/images/new.gif) no-repeat 0 0}
.conseils li a:visited{padding-left:22px;background:url(/images/ok.png) no-repeat 0 0}
.conseils li p {color:#666;margin-bottom:2px;}
/* abonnement */
form.abonnement {margin-top:15px;}
form.abonnement p {color:#666;display:inline;font-size:14px}
form.abonnement p.derniers{background: #fff url(http://www.lereferencementnaturel.org/images/email-conseils.png) left no-repeat;padding-left:25px}
form.abonnement button{width:100%;margin:10px 0;cursor:pointer}
/* page mentions légales */
.donnees h1 {text-transform:uppercase;font-weight:normal;font-size:100%;color:#666;border-bottom:1px solid #ccc;margin-bottom:15px}
.donnees h2 {color:#0068a4;font-weight:normal;font-size:100%}
.donnees p  {color:#575d64;margin-bottom:10px;line-height:1.4}
/* footer */
.footer {clear:both;color:#333;border-top:1px solid #ccc;padding:15px 0 30px 0}
.footer p{margin-bottom:5px}
.footer .vcard , .adr{display:inline;color:#999;margin:10px 0;padding:10px 0 0 0}
.footer  iframe.jaime{border:none;float:right;overflow:hidden;width:85px;height:24px;margin-top:-15px}