/* CSS Document */
body {margin:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; background-color:#000000; background-image:url(../images/fond/background-general.jpg); background-repeat:no-repeat; background-position:center top; text-align: center;}

a, a:hover {color:#333333;}

/* STRUCTURE DE LA PAGE */

#general {width:1000px; margin-left:auto; margin-right:auto; text-align:center;}
#conteneur {width:801px; margin-left:auto; margin-right:auto; text-align:left; overflow:hidden;}

#header {padding:40px 0px 0px 0px;}
#header .left {float:left; background-image:url(../images/fond/header-left.jpg); background-repeat:no-repeat; background-position:top left; width:19px; height:44px;}
#header .logo-honda {float:left;}
#header .right {float:left; background-image:url(../images/fond/header-right.jpg); background-repeat:no-repeat; background-position:top left; width:620px; height:44px;}

.envoyer-a-un-ami a {float:right; color:#FFFFFF; font-size:10px; margin:16px 20px 0px 20px;}
.ajouter-aux-favoris a {float:right; color:#FFFFFF; font-size:10px; margin:16px 0px 0px 0px;}

#middle {background-image:url(../images/fond/background-contenu.jpg); background-position:top left; background-repeat:no-repeat; width:801px; height:637px;}
#footer {background-image:url(../images/fond/footer.jpg); background-position:top left; background-repeat:no-repeat; width:801px; height:24px;}

/* DEFINITION DES RESEAUX SOCIAUX */
.introduction-page {margin:10px 25px 0px 25px; text-align:justify; display:-moz-inline-block; display:inline-block;}

#facebook-twitter {float:left; margin:20px 0px 0px 25px; padding:0; width:460px;}
#sep {float:left; width:1px; margin:20px 0px 0px 17px; padding:0; border-left:1px solid #333333; height:500px;}
#dailymotion-flickr {float:left; width:295px; margin:3px 0px 0px 17px; padding:0; overflow:hidden;}

/* FACEBOOK */
#facebook {clear:both;}

#facebook-introduction {display:-moz-inline-block; display:inline-block;}
#facebook-introduction .logo-facebook {float:left;}
#facebook-introduction .introduction {float:left; margin:8px 0px 0px 15px; width:365px;}

/* ------------------------------ */

#facebook-pages {font-size:11px; font-weight:bold; margin:10px 0px 0px 0px;}

#honda-france {float:left; cursor:pointer;}
#honda-france .bouton a, #honda-france .bouton-inactif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:100px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#333333; text-align:right;}
#honda-france .bouton-actif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:100px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#cc0000; text-align:right;} 
#honda-france .logo{float:left; margin:3px 0px 0px -103px; width:19px;}

#honda-cr-z {float:left; margin:0px 0px 0px 4px; cursor:pointer;}
#honda-cr-z .bouton a, #honda-cr-z .bouton-inactif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:89px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#333333; text-align:right;}
#honda-cr-z .bouton-actif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:89px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#cc0000; text-align:right;}
#honda-cr-z .logo {float:left; margin:3px 0px 0px -92px;}

#honda-insight {float:left; margin:0px 0px 0px 4px; cursor:pointer;}
#honda-insight .bouton a, #honda-insight .bouton-inactif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:100px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#333333; text-align:right;}
#honda-insight .bouton-actif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:100px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#cc0000; text-align:right;}
#honda-insight .logo {float:left; margin:3px 0px 0px -103px;}

#hybridespourtous {float:left; margin:0px 0px 0px 4px; cursor:pointer;}
#hybridespourtous .bouton a, #hybridespourtous .bouton-inactif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:135px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#333333; text-align:right;}
#hybridespourtous .bouton-actif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:135px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#cc0000; text-align:right;}
#hybridespourtous .logo {float:left; margin:3px 0px 0px -138px;}

/* test pour un ajout d'un nouveau bouton */
#test {float:left; margin:0px 0px 0px 4px; cursor:pointer; display:none; visibility:hidden;}
#test .bouton a, #test .bouton-inactif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:135px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#333333; text-align:right;}
#test .bouton-actif a {float:left; background-color:#ffffff; background-image:url(../images/facebook/onglet-facebook.jpg); background-position:top right; background-repeat:no-repeat; width:135px; height:24px; margin:0; padding:6px 6px 0px 0px; cursor:pointer; text-decoration:none; color:#cc0000; text-align:right;}
#test .logo {float:left; margin:3px 0px 0px -138px;}
/* fin test */

/* ------------------------------ */

#facebook-informations {position:relative; margin:0; padding:0; width:458px; height:240px; overflow:hidden; clear:both; border:1px solid #a3a8a6;}
#facebook-honda-france {position:absolute; margin:0; padding:0;}
#facebook-honda-cr-z {position:absolute; margin:0; padding:0;}
#facebook-honda-insight {position:absolute; margin:0; padding:0;}
#facebook-hybridespourtous {position:absolute; margin:0; padding:0;}
#facebook-test {position:absolute; margin:0; padding:0;}

/* ------------------------------ */

#bloc-left {float:left; margin:5px 0px 0px 0px;}
.bloc-articles {overflow:hidden; margin:-65px 0px 0px -1px;}
.flux-articles {clear:both; overflow:auto; margin:0; width:270px; height:200px; padding-right:5px;}
.bloc-partager-plus {margin:-2px 0px 0px 0px; padding-top:10px;} 
.partager {float:left; width:115px; margin:0px 0px 0px 9px;}
.plus-articles {float:left; font-size:10px; color:#333333; background-color:#FFFFFF; text-align:left; margin:6px 0px 0px 5px;}

#bloc-right {float:left; margin:5px 0px 0px 7px; width:165px; height:200px;}

.bloc-devenir-fan {margin:0px 0px 0px 65px; overflow:hidden;}
.devenir-fan {margin:-30px 0px 0px -60px;}

#bloc-right .accroche {margin-top:-8px; height:36px; line-height:12px; font-size:11px;}

.bloc-fans {margin:0px 0px 0px 0px; height:166px; overflow:hidden;}
/*#facebook-honda-france .fans {margin:-80px 0px 0px -10px;}
#facebook-honda-cr-z .fans {margin:-95px 0px 0px -10px;}
#facebook-honda-insight .fans {margin:-95px 0px 0px -10px;}
#facebook-hybridespourtous .fans {margin:-82px 0px 0px -10px;}*/

#facebook-honda-france .fans {margin:-74px 0px 0px -10px;}
#facebook-honda-cr-z .fans {margin:-89px 0px 0px -10px;}
#facebook-honda-insight .fans {margin:-89px 0px 0px -10px;}
#facebook-hybridespourtous .fans {margin:-76px 0px 0px -10px;}


/* TWITTER */
#twitter {}

.bloc-entete {margin:7px 0px 0px 0px;}
.logo-twitter {float:left; border-bottom:1px solid #333333; width:428px; margin:5px 0px 0px 0px;}
.ico-twitter {float:left; margin:0px 0px 0px 0px;}

.bloc-article1-twitter {float:left; margin:5px 0px 0px 0px; width:218px;}
.bloc-article2-twitter {float:left; margin:5px 0px 0px 22px; width:218px;}

.ico-compte-twitter {float:left; width:30px; margin:0;}
.infos-compte-twitter {float:left; margin:0px 0px 0px 15px;}
a.name-compte {font-size:12px; text-decoration:none; color:#333333;}
a.join-the-conversation {font-size:11px; text-decoration:underline; color:#333333; font-weight:bold;}

.bloc-contenu-billet {position:relative; overflow:hidden; margin:8px 0px 0px 0px; width:218px; height:67px;}
.billet-twitter {position:absolute; margin:-60px 0px 0px -10px;}


/* DAILYMOTION & FLICKR  */
.dailymotion {margin:0px 0px 0px 0px;}
.dailymotion-object {height:220px;}
.dailymotion-autre {font-size:11px; font-style:italic; margin:0px 0px 0px 0px;}
.accroche-dailymotion {margin:0px 0px 0px 0px;}
.logo-youtube {margin:-19px 0px 0px 160px;}

.flickr {margin:-5px 0px 0px 1px;}
.flickr-autre {font-size:11px; font-style:italic; margin:7px 0px 0px 1px;}
.logo-flickr-hybridespourtous {margin:-19px 0px 0px 0px;}
.accroche-flickr-hybridespourtous {margin:0px 0px 0px 29px;}


/* BLOCS SECONDAIRES BAS DE PAGE */
#bloc-secondaires {display:-moz-inline-block; display:inline-block; border-top:1px solid #333333; width:94%; margin:8px 0px 0px 25px; padding:12px 0px 0px 0px; height:58px;}

#bouton-evenementiel-periodique {float:left; background-image:url(../images/blocs-secondaires/background-bouton-secondaire.jpg); background-repeat:no-repeat; background-position:top left; width:200px; height:50px;}
#bouton-facebook {float:left; background-image:url(../images/blocs-secondaires/background-bouton-secondaire.jpg); background-repeat:no-repeat; background-position:top left;  width:200px; height:50px;}
#bouton-twitter {float:left; background-image:url(../images/blocs-secondaires/background-bouton-secondaire.jpg); background-repeat:no-repeat; background-position:top left;  width:200px; height:50px;}
.padding-bloc-tree {margin:0px 0px 0px 75px;}
.padding-bloc-two1 {margin:0px 0px 0px 110px;}
.padding-bloc-two2 {margin:0px 0px 0px 130px;}

#bloc-secondaires .image {float:left; margin:5px 0px 0px 5px;}
.image-appel {width:66px; height:22px;}
#bloc-secondaires .titre a {float:right; font-weight:bold; text-align:right; margin:10px 5px 0px 0px; padding:0; width:112px; text-decoration:none;}
#bloc-secondaires .accroche-bouton a {display:-moz-inline-block; display:inline-block; font-size:11px; width:189px; margin:0px 0px 0px 5px; padding:0; text-align:right; line-height:12px; text-decoration:none;}
#bloc-secondaires p {margin:0; padding:0;}