@charset "utf-8";
/* CSS Document */
body{ margin:0 0 0 0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background-color:#616261; text-shadow: #000000 0 0 0px; background-image:url(../images/background.png); background-repeat:repeat-x; text-shadow: #000000 0 0 0px; /* Pour la suppression des corrections de police sur mac */}

a {color:#000000; text-decoration:none;}

a:hover {color:#000000; text-decoration:underline}

img {border:0}

#conteneur-haut{ margin:0 auto; width:980px; height:134px; background-image:url(../images/droite-haut.png); background-repeat:no-repeat; background-position:right;}

#conteneur-bas{ margin:0 auto; width:980px; }

#conteneur-bas-in {height:30px; border-top:#333 1px solid; margin-left:35px; color:#333; padding-top:5px;}

#conteneur-nav{ margin:0 auto; width:980px; height:99px; background-image:url(../images/fond-navigation.png); background-repeat:no-repeat; }

#nav-accueil{ float:left; padding-top:43px; padding-left:42px; }

#nav-historique{ float:left; padding-top:43px; padding-left:40px;  }

#nav-goodies{ float:left; padding-top:43px; padding-left:42px;  }

#nav-propos{ float:left; padding-top:43px; padding-left:41px;  }

.goodies-nothing{ font-size:14px; text-align:center; padding-left:250px}

#nav-right{ float:right;  background-image:url(../images/afficher.png); background-repeat:no-repeat; background-position:top right; width:125px;  padding-top:65px; text-align:right}

#conteneur-centre{ margin:0 auto; width:1000px; height:545px; background-image:url(../images/fond-centre.png); background-repeat:no-repeat; padding-top:50px;  font-size:30px; color:#FFF;}

#conteneur-centre-histo{ margin:0 auto; width:955px; background-image:url(../images/fond-centre.png); background-repeat:no-repeat; padding-top:50px;  font-size:12px; color:#ccc;  font-style:italic; padding-left:45px; height:545px;}


.question{ color:#FFF; font-style:normal; font-size:14px }

#reponses{ font-style:normal; font-size:12px; border-left: 1px solid #ccc; padding-left:8px; margin-top:5px; margin-bottom:20px; }

#lining { border-bottom:#999 1px solid; height:1px; margin-top:10px; margin-bottom:10px; }

#explication{ color:#CCC; font-style:normal; font-size:14px;  border-left:1px solid #CCC; padding-left:8px;}

#the_site{ float:left; padding-left:10px;}

#the_site2{ float:left; padding-left:25px;}

#the_site3{ float:left;  padding-left:10px;  padding-top:50px;}

#the_site4{ float:left;  padding-left:25px;  padding-top:50px;}

#site{ margin-left: 40px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#2e2010; padding-bottom:3px; border-bottom:#2e2010 1px solid; width:257px}

#cadre-empty{   background-image:url(../images/cadre-empty.png); background-repeat:no-repeat; width:273px; height:126px; padding-left:13px; padding-top:14px;}

#cadre-empty:hover{   background-image:url(../images/cadre-hover.png);}

#aff_site{ margin-left:32px; width:273px; height:126px;}

#desc_site{ margin-left:40px; border-left:#8d8d8d 1px solid; color:#b6b6b6; font-size:12px; padding-left:5px; width:265px; }

.rouge{color:#d47a56}

.rouge a{color:#d47a56; text-decoration:none;}

.rouge a:hover{color:#d47a56; text-decoration:underline;}

#btn-link{ float:right; background-image:url(../images/ico-linked-in.png); background-repeat:no-repeat; width:57px; height:16px; margin-left:20px}

#btn-link:hover{ background-image:url(../images/ico-linked-ina.png); cursor:pointer;}

#btn-contact{ float:right; background-image:url(../images/btn-contact.png); background-repeat:no-repeat; width:118px; height:20px; }

#btn-contact:hover{ background-image:url(../images/btn-contacta.png); cursor:pointer;}

#faceBookLink { float: right; width: 74px; height: 16px; background:transparent url(../images/ico-facebook.png) no-repeat; margin-right:15px;}
#faceBookLink:hover { background:transparent url(../images/ico-facebooka.png) no-repeat; }
#faceBookLink span { display: none; }

#twitterLink { float: right; width: 70px; height: 16px; background:transparent url(../images/ico-twitter.png) no-repeat; margin-right:15px;}
#twitterLink:hover { background:transparent url(../images/ico-twittera.png) no-repeat; }
#twitterLink span { display: none; }

#linkedinLink { float: right; width: 55px; height: 16px; background:transparent url(../images/ico-linked-in.png) no-repeat;}
#linkedinLink:hover { background:transparent url(../images/ico-linked-ina.png) no-repeat; }
#linkedinLink span { display: none; }