/* CSS Document */
@font-face {
    font-family: 'avantgarde';
    src: url('../fonts/avantgarde.ttf') format('truetype');
}

@font-face {
    font-family: 'trajanpro';
    src: url('../fonts/trajanpro.ttf') format('truetype');
}

html, body {margin:0;padding:0;height: 100%;width: 100%; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666;}
html, body, a img{border:none; margin:0; padding:0;}
.masquer{ display:none;}
body{background:url(../images/design/nuage.jpg) 0 1px  repeat-x;}
a{color:#006499;}
a:hover{ background:#006499; color:#fff;}

.obligatoire{ color:#F00;}
h1{ 
}

h1 a:hover{background:none;}
h1 img{ margin-top: -26px;position: relative;z-index: 2;border: 5px solid #006499;box-shadow: 0px 0px 32px black;margin-bottom: 101px;}
h2, h3, h4, dt{ font-family:"Arial Rounded MT Bold", Geneva, Arial, Helvetica, sans-serif;  font-weight:normal; color:#333;}
.suite{ background:#fff url(../images/design/commander.png) no-repeat; width:120px; padding-top:5px; display:block; color:#FFF;  text-decoration:none; padding-bottom:7px; margin-top:10px; text-align:center; }
.suite:hover{background:#fff url(../images/design/commander-hover.png) no-repeat;}
.disparait{ display:none;}
.nomDeLaCategorie{ position:absolute; top:160px;}
#conteneur, #bas{ width:950px; margin:0 auto;   }
#conteneur { min-height:1400px;}


.avoir-un-rdv a strong, #btn_nous_joindre a strong {
text-transform: uppercase;
font-size: 1.7em;
display: block;
margin-top: -5px;
}
avoir-un-rdv a, #btn_nous_joindre a {
display: block;
width: 220px;
height: 53px;
background: url(/design/rdv.png) no-repeat;
padding-left: 75px;
padding-top: 16px;
margin: auto;
color: black;
text-decoration: none;
font-size: 1em;
text-shadow: rgba(0, 0, 0, 0.5) -1px 0, rgba(0, 0, 0, 0.3) 0 -1px, rgba(255, 255, 255, 0.5) 0 1px, rgba(0, 0, 0, 0.3) -1px -2px;
}

#btn_nous_joindre {
position: absolute;
top: 80px;
padding-left: 650px;
background: url(/design/fleche_vers_contact.png) 120px 20px no-repeat;
height: 100px;
}
#btn_nous_joindre{ position:absolute; top : 80px; padding-left:650px; background:url(../images/design/fleche_vers_contact.png) 120px 20px no-repeat; height:100px; }
#btn_nous_joindre a{font-size: 0.9em; background: url(../images/design/fond-besoin-dune-informatio.png) no-repeat;padding-left:45px;width:170px;  height: 43px;    padding-top:6px;  text-shadow: none; font-weight:bold}
#btn_nous_joindre a strong{ margin-top: -2px; font-size:1.4em; text-shadow: rgba(0,0,0,0.2) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;  }




/*-----------------------------------------------------------------*/
/*------------------------- MENU PRINCIPAL ------------------------*/
/*-----------------------------------------------------------------*/
#menu_principal{background: url(../images/design/menu.png) 0 1px repeat-x; height: 55px; position: absolute; top: 1px; left: 0; width: 100%;  font-size:0.8em ;  }
#menu_principal ul{ margin: auto; width: 980px;  list-style:none;    }
#menu_principal ul li{background: url(../images/design/menu-separateur.png) right center no-repeat ; height: 50px; display:block; float:left; margin-left: -1px;  }
#menu_principal ul li.menu_0{ margin-left:125px}
#menu_principal ul li.menu_5{ background:none}
#menu_principal ul li a{ display:block; float:left; text-align: center; padding:17px 10px; min-width: 111px; height: 16px; margin: 1px 1px 0 0px; font-family: 'avantgarde'; color: #fff; text-align:center; text-decoration:none;   font-size:0.9em;}
#menu_principal ul li a:hover, #menu_principal ul .menu_actif a, #site-web #menu_principal ul li.menu_0 a  { background:url(../images/design/menu_hover.png) center 0 no-repeat}

#menu_principal ul li.menu_4 a:hover, #menu_principal ul li.menu_4.menu_actif a  { background:url(../images/design/menu_hover_chocolat.png) center 0 no-repeat}
#menu_principal ul .menu_actif a, #menu_principal ul li.menu_actif a:hover {}


/*======================================================================*/
/*============================ MENU-SECONDAIRE  ========================*/
/*======================================================================*/
.menu-secondaire{ margin-bottom:40px; position:absolute; top:220px; margin-left:650px; width:300px; font-size:0.9em; }
.menu-secondaire ul{ padding-left:0px; }
.menu-secondaire li{font-size:0.9em; padding-left:0px; margin-left:0px;  list-style:none; }
.menu-secondaire a{ }
.menu-secondaire a:hover{}

.menu-secondaire h2, .menu-secondaire .abonnement h3{ background:#0f8ec1 url(../images/design/titre-categorie.jpg) bottom no-repeat; color:#FFF;  padding:5px; padding-top:2px;}
.menu-secondaire .selectionner a{}
.menu-secondaire .selectionner a:hover{ cursor:default; background:none; color:#333;}
.menu-secondaire .section-principale{ }
.menu-secondaire div{ background:url(../images/design/fond-categorie.jpg) bottom no-repeat; padding-bottom:70px; margin-bottom:-10px;}
.menu-secondaire #derniers-billets{ margin-bottom:0px; }
.menu-secondaire #derniers-billets ul{ margin-bottom:0px; margin-top:-15px; padding-bottom:0px; padding-top:0px; padding-bottom:0px;  }
.menu-secondaire #derniers-billets ul li a, #autre-lecture ul li a{ display:block;  padding:10px; padding-left:100px; min-height:85px; margin-top:0px; border-bottom:1px dotted #999; }

.menu-secondaire #derniers-billets ul li a:hover, #autre-lecture ul li a:hover{ color:#FFF; background:#0f8ec1 url(../images/design/titre-categorie.jpg) bottom repeat-x;}
.menu-secondaire #derniers-billets ul li a img, #autre-lecture ul li a img{ float:left; margin-right:5px; margin-bottom:5px; }
.menu-secondaire #derniers-billets ul li a img{ width:80px; max-height:80px; margin-left:-90px;}
.menu-secondaire #derniers-billets ul li a em, #autre-lecture ul li a em{ display:block;}


.contenu #autre-lecture ul li a{ padding-left:10px; }
.contenu #autre-lecture ul li a img{ max-height:80px; }

.menu-secondaire #categories li{ display:inline-block; width:128px;  padding-right:5px; border-bottom:1px dotted #999; padding-left:5px; }
.menu-secondaire #categories ul{ margin-top:-16px;}


#autre-lecture ul li{ float:left; list-style:none; margin-right:10px; font-size:0.8em;}
#autre-lecture ul li a{ width:270px;}


#a-propos-de-creation-dln-une-agence-web-de-montreal p{ }
#a-propos-de-creation-dln-une-agence-web-de-montreal img{ display:block; text-align:center; margin:auto; margin-bottom:20px; }
#a-propos-de-creation-dln-une-agence-web-de-montreal .suite{ margin:auto;  margin-top:10px;}

.clearfix{ border:4px solid #000 !important;}

/*======================================================================*/
/*================================ BLOGROLL  ===========================*/
/*======================================================================*/
#blogroll{margin-top:-140px;}
#blogroll li{ min-height:150px; border-bottom:1px dotted #999; }
#blogroll .portrait{ float:left; margin-right:20px;  margin-top:-30px;}
#blogroll .description, #blogroll h3{ margin-left:120px;}
/*======================================================================*/
/*================================ MENU-BAS  ===========================*/
/*======================================================================*/
#menu-bas { margin-top:40px; padding:0px;}
#menu-bas li{list-style:none; margin-left:20px;}
#menu-bas .menu-secondaire{ margin:auto; border:none; float:left; width:125px; border-right: 1px dashed #999; padding-right:10px; min-height:130px; }
#menu-bas .menu-secondaire li{ display:list-item; font-size:0.8em;  margin:0px; padding:0px;  list-style:circle; }
#menu-bas .menu-secondaire a{ text-decoration:none; margin:0px;}
#menu-bas .menu-secondaire a:hover{}
#menu-bas .menu-secondaire .selectionner a{ color:#333;}
#menu-bas .menu-secondaire .selectionner a:hover{ cursor:default; background:none; color:#333;}
#menu-bas .menu-secondaire .section-principale{ font-size:1em; margin:0px; color:#333; margin-left:-20px; list-style:none; font-weight:bolder; }

#menu-bas-opportunites .menu-secondaire{ border:none;}

/*======================================================================*/
/*============================ MENU-UTILITAIRE  ========================*/
/*======================================================================*/
#menu-utilitaire{ position:absolute; color:#fff; top:40px; width:920px;}
#menu-nous-joindre{ position:absolute; top:50px; margin-left:-140px;}




.suivez-nous-sur-twitter{ position:absolute; top:110px; margin-left:680px;}
.suivez-nous-sur-twitter a, .suivez-nous-sur-twitter a:hover{ background:none;}
/*======================================================================*/
/*================================ ACCUEIL  ============================*/
/*======================================================================*/
#corps{ min-height:3500px;  font-size:0.9em;}
#corps .image{ margin-top:-50px; padding:5px; margin-bottom:10px; text-align:center; max-width:620px; }
#corps .image a, #corps .image a:hover { background:none;  }
#corps .image img{padding:0px; margin:auto; text-align:center; max-height:400px;  }
#corps h2 a, #menu-secondaire h2,  #liste-des-commentaires h4 a{ display:block; background:#0f8ec1 url(../images/design/fond-titre.jpg) bottom repeat-x; color:#FFF; text-decoration:none; padding:3px;}
#corps .author{ font-size:0.8em; margin-top:-17px; padding-left:10px; padding-top:5px; background:url(../images/design/info-auteur.png) -4px 0px no-repeat; height:50px; margin-left:10px;  }
#liste-des-reseaux-sociaux{ background:url(../images/design/billet-selectionner-bas.jpg) center bottom no-repeat; padding:10px; padding:0px;  padding-bottom:50px;}

#autre-lecture{ height:300px; margin-top:-50px; margin-bottom:-10px; }
.billet_selectionner #categories-du-billet ul li{ display:inline}
.billet_selectionner #categories-du-billet ul{ font-size:0.8em;  width:400px; margin-top:-60px; margin-bottom:70px; text-align:right; margin-left:auto; margin-right:40px;}
.billet_selectionner #categories-du-billet ul li .icone-commentaire{color:#666; text-decoration:none; margin-left:20px; background:url(../images/design/commentaire.png) 0 4px no-repeat; padding:5px 0 5px 20px;}
.billet_selectionner img{max-width:600px;}
.billet_selectionner .post-body{ padding-bottom:30px;}
.billet_selectionner h2, #corps .author, .billet_selectionner .post-body, #liste-des-reseaux-sociaux, #autre-lecture, #liste-des-commentaires, #formulaire-de-contact2, .nombre-pages, #corps .abonnement, #liste-des-billets, .billet_selectionner #categories-du-billet {width:640px; } 
.billet_selectionner .lire-la-suite{ position:absolute; margin-top:-35px; margin-left:480px;  text-decoration:none; color:#FFF;  }
.billet_selectionner .lire-la-suite:hover{ background:none; text-decoration:underline;}
.billet_selectionner .informations{ font-size:0.8em;}
.billet_selectionner .informations .nbr-de-commentaires{ position:absolute; margin-top:-120px; padding-left:10px; }

#corps .abonnement { margin-top:40px;}
#corps .abonnement ul, #corps .abonnement ul li, .menu-secondaire .abonnement u, .menu-secondaire .abonnement ul li{ list-style:none; padding:0px; margin:0px;}

#corps .abonnement ul{ margin-left:20px;}
#corps .abonnement ul li, .menu-secondaire .abonnement ul li{width:150px; height:170px; padding:10px 17px 10px 110px; }
#corps .abonnement ul li h4, .menu-secondaire .abonnement ul li h4{ font-size:1.5em; margin-bottom:-15px;}
#corps .abonnement #abonner-a-infolettre, .menu-secondaire .abonnement #abonner-a-infolettre{  background:url(../images/design/infolettre.jpg) no-repeat;   }
#corps .abonnement #abonner-a-infolettre #form-infolettre label, 
.menu-secondaire .abonnement #abonner-a-infolettre #form-infolettre label{ display:none;}
#corps .abonnement #abonner-a-infolettre #form-infolettre #infolettre,
.menu-secondaire .abonnement #abonner-a-infolettre #form-infolettre #infolettre
{ background:white; margin-top:-10px;}
#corps .abonnement #abonner-a-rss, .menu-secondaire .abonnement #abonner-a-rss
{  background:url(../images/design/rss.jpg) no-repeat;   margin-top:-190px; margin-left:295px;}
 .menu-secondaire .abonnement #abonner-a-rss{ margin-top:0px; margin-left:0px; margin-bottom:-20px;}
 

/*======================================================================*/ 
/*================================ RESEAUX SOCIAUX  ====================*/
/*======================================================================*/

 
#liste-des-reseaux-sociaux { margin-bottom:70px; margin-top:50px;  }
#reseaux-sociaux li{ display:inline-block; }
#reseaux-sociaux li a{ display:block; width:32px; text-indent:-9999em; height:38px;  overflow:hidden; margin-right:10px; float:left}

#reseaux-sociaux li .facebook{ background:url(../images/reseaux/facebook.jpg) top center no-repeat;}
/*#reseaux-sociaux li .facebook:hover{ background:url(../images/reseaux/facebook-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .twitter{ background:url(../images/reseaux/twitter.jpg) top center no-repeat;}
/*#reseaux-sociaux li .twitter:hover{ background:url(../images/reseaux/twitter-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .fuzz{ background:url(../images/reseaux/fuzz.jpg) top center no-repeat;}
/*#reseaux-sociaux li .fuzz:hover{ background:url(../images/reseaux/fuzz-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .digg{ background:url(../images/reseaux/digg.jpg) top center no-repeat;}
/*#reseaux-sociaux li .digg:hover{ background:url(../images/reseaux/digg-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .google{ background:url(../images/reseaux/google.jpg) top center no-repeat;}
/*#reseaux-sociaux li .google:hover{ background:url(../images/reseaux/google-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .identi{ background:url(../images/reseaux/identi.jpg) top center no-repeat;}
/*#reseaux-sociaux li .identi:hover{ background:url(../images/reseaux/identi-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .additious{ background:url(../images/reseaux/additious.jpg) top center no-repeat;}
/*#reseaux-sociaux li .additious:hover{ background:url(../images/reseaux/additious-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .delicious{ background:url(../images/reseaux/del.icio.us.jpg) top center no-repeat;}
/*#reseaux-sociaux li .delicious:hover{ background:url(../images/reseaux/del.ico.us-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .linkedin{ background:url(../images/reseaux/linkedin.jpg) top center no-repeat;}
/*#reseaux-sociaux li .linkedin:hover{ background:url(../images/reseaux/linkedin-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .wikio{ background:url(../images/reseaux/wikio.jpg) top center no-repeat;}
/*#reseaux-sociaux li .wikio:hover{ background:url(../images/reseaux/wikio-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .msn{ background:url(../images/reseaux/msn.jpg) top center no-repeat;}
/*#reseaux-sociaux li .msn:hover{ background:url(../images/reseaux/msn-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .bluegger{ background:url(../images/reseaux/bluegger.jpg) top center no-repeat;}
/*#reseaux-sociaux li .bluegger:hover{ background:url(../images/reseaux/bluegger-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .digg-design{ background:url(../images/reseaux/digg-design.jpg) top center no-repeat;}
/*#reseaux-sociaux li .digg-design:hover{ background:url(../images/reseaux/digg-design-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .digg-france{ background:url(../images/reseaux/digg-france.jpg) top center no-repeat;}
/*#reseaux-sociaux li .digg-france:hover{ background:url(../images/reseaux/digg-france-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .yoolink{ background:url(../images/reseaux/yoolink.jpg) top center no-repeat;}
/*#reseaux-sociaux li .yoolink:hover{ background:url(../images/reseaux/yoolink-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .myspace{ background:url(../images/reseaux/myspace.jpg) top center no-repeat;}
/*#reseaux-sociaux li .myspace:hover{ background:url(../images/reseaux/myspace-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .yahoo{ background:url(../images/reseaux/yahoo.jpg) top center no-repeat;}
/*#reseaux-sociaux li .yahoo:hover{ background:url(../images/reseaux/yahoo-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .blogasty{ background:url(../images/reseaux/blogasty.jpg) top center no-repeat;}
/*#reseaux-sociaux li .blogasty:hover{ background:url(../images/reseaux/blogasty-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .blogger{ background:url(../images/reseaux/blogger.jpg) top center no-repeat;}
/*#reseaux-sociaux li .blogger:hover{ background:url(../images/reseaux/blogger-rollover.jpg) top center no-repeat;}*/

#reseaux-sociaux li .scoopeo{ background:url(../images/reseaux/scoopeo.png) top center no-repeat;}
/*#reseaux-sociaux li .scoopeo:hover{ background:url(../images/scoopeo/scoopeo-rollover.png) top center no-repeat;}*/

#reseaux-sociaux li .reddit{ background:url(../images/reseaux/reddit.png) top center no-repeat;}
/*#reseaux-sociaux li .reddit:hover{ background:url(../images/reseaux/reddit-rollover.png) top center no-repeat;}*/
/*
#reseaux-sociaux li .blogmemes{ background:url(../images/reseaux/blogmemes.png) top center no-repeat;}*/
/*#reseaux-sociaux li .blogmemes:hover{ background:url(../images/reseaux/blogmemes-rollover.png) top center no-repeat;}*/

#reseaux-sociaux li .viadeo{ background:url(../images/reseaux/viadeo.png) top center no-repeat;}
/*#reseaux-sociaux li .viadeo:hover{ background:url(../images/reseaux/viadeo-rollover.png) top center no-repeat;}*/

#reseaux-sociaux li .buzz{ background:url(../images/reseaux/buzz.png) top center no-repeat;}
/*#reseaux-sociaux li .buzz:hover{ background:url(../images/reseaux/buzz-rollover.png) top center no-repeat;}*/

#reseaux-sociaux li .friend-feed{ background:url(../images/reseaux/friend-feed.png) top center no-repeat;}
/*#reseaux-sociaux li .friend-feed:hover{ background:url(../images/reseaux/friend-feed-rollover.png) top center no-repeat;}*/



/*======================================================================*/ 
/*================================ NBRE DE PAGES  ======================*/
/*======================================================================*/
.nombre-pages{ clear:both; text-align:center; padding-top:50px;}
.nombre-pages li{ display:inline; }
.nombre-pages li a{padding:5px; border:1px solid #999; text-decoration:none; background:#006499 url(../images/design/commander.png) center no-repeat; color:#FFF;}
.nombre-pages li a:hover{ background:#006499 url(../images/design/commander-hover.png) center no-repeat;}
.nombre-pages .pageActuelle, .nombre-pages .pageActuelle:hover{ cursor:default; border:none; color:#666; background:none;}

/*======================================================================*/ 
/*============================== LISTE DES BILLETS  ====================*/
/*======================================================================*/
#liste-des-billets ul{ padding-left:0px;}
#liste-des-billets ul .billet{ list-style:none; margin-left:0px; width:190px; margin-right:10px;float:left; border-right:1px dotted #999; padding-right:10px;  }
#liste-des-billets ul .billet h2{ font-size:0.8em; margin-bottom:0px; }
#liste-des-billets ul .billet h2 a{ height:27px; overflow:hidden;}
#liste-des-billets ul .billet .apercu{ height:130px; overflow:hidden;}
#liste-des-billets ul .billet .image, #liste-des-billets ul .billet .suite{ margin:auto; text-align:center; }
#liste-des-billets ul .billet .image{ height:80px; overflow:hidden;}
#liste-des-billets ul .billet .categories-du-billet{background:url(../images/design/info-categorie.jpg) 2px -4px no-repeat;padding-top:2px; font-size:0.8em; height:35px; overflow:hidden;   text-align:center; margin-top:0px;}

#liste-des-billets ul .billet .icone-commentaire{ color:#666; text-decoration:none; margin-left:40px; background:url(../images/design/commentaire.png) 0 4px no-repeat; padding:5px 0 5px 20px;}
/*======================================================================*/ 
/*============================== AJOUTER COMMENTAIRE  ==================*/
/*======================================================================*/
#liste-des-commentaires{ clear:both; padding-top:0px; margin-top:0px;}
#liste-des-commentaires li{ background:url(../images/design/billet-selectionner-sans-nuage.jpg) 0 bottom no-repeat ;min-height:200px; padding-bottom:50px; list-style:none; clear:both;}
#liste-des-commentaires li .nbr_com{ background:url(../images/design/info-visiteur.jpg) no-repeat; height:40px; margin-left:15px; font-size:0.8em; margin-top:-19px; padding-left:10px; padding-top:5px; margin-bottom:-15px;}
#liste-des-commentaires li h4 span{ }
#liste-des-commentaires li img{ background:url(../images/design/cadre-photo.jpg)  no-repeat; padding:15px 20px 50px 25px; float:left;}
#liste-des-commentaires li .com{ margin-left:160px; }

#formulaire-de-contact2{  padding:0px; 	}
#formulaire-de-contact2 form{ }
#formulaire-de-contact2 form fieldset{ border:none; padding-left:30px   }
#formulaire-de-contact2 form legend { display:none;}
#formulaire-de-contact2 form .palette-mise-en-forme{ display:none;}
.notification{ font-size:0.8em; color:#09F;}

#formulaire-de-contact2 form p{ width:225px; margin-right:25px; margin-bottom:0px; float:left; }
#formulaire-de-contact2 form #listeErreur p{ width:auto; float:none;}
#formulaire-de-contact2 form label{ display:block;}
#formulaire-de-contact2 form input{ width:100%; border:1px solid #ccc; background:url(../images/design/input.jpg) repeat-x; padding:5px;}
#formulaire-de-contact2 form #p-publier-ajouter_un_commentaire{ background:#0f8ec1 url(../images/design/fond-titre.jpg) bottom repeat-x; padding:5px; margin:0px; width:473px;  clear:both; float:none; margin-left:32px;}
#formulaire-de-contact2 form textarea{background:url(../images/design/input.jpg) repeat-x; width:480px !important; margin-bottom:-13px; }
#formulaire-de-contact2 form #p-notification-ajouter_un_commentaire{ margin-top:-15px;}
#formulaire-de-contact2 form #p-publier-ajouter_un_commentaire input{border:2px outset #ccc;  float:none; clear:both; width:auto; background-image:none; background:#fff;  }
#formulaire-de-contact2 form #p-publier-ajouter_un_commentaire input:hover{ border:2px inset #ccc; float:none; width:auto; background-image:none; background:#fff; }
#formulaire-de-contact2 form #p-commentaire-ajouter_un_commentaire{ float:none; clear:both; width:400px; margin-top:-10px; }
/*======================================================================*/ 
/*============================== PIED DE PAGE  ========================*/
/*======================================================================*/
#grande-pub{clear:both;  text-align:center; margin-bottom:55px; background:url(../images/design/pub-grande.jpg) center 40px no-repeat;  padding-top:44px; height:101px;}

#pied-page{ clear:both;padding-top:50px;background:#353940 url(../images/design/fond-plan-du-site.jpg) repeat-x; }
#bas{ }
.section-pied-de-page{ font-size:0.8em; width:215px; padding-right:10px;   float:left; border-right:1px dotted #999; height:230px; overflow:hidden; padding-left:10px;}
#pied-page .section-pied-de-page h2, #pied-page .section-pied-de-page a{ color:#FFF; }
#pied-page .section-pied-de-page h2 .nombreDeBillet{}
#copyright{ background:#fff url(../images/design/fond-final.jpg) repeat-x; clear:both; text-align:center;  font-size:0.8em; padding-top:50px;}
#copyright li{ display:inline; text-align:center;}