@import url(jquery.fancybox.css);
@font-face { font-family: 'Inter'; src: url(../fonts/Inter-Regular.woff2) format('woff2'), url(../fonts/Inter-Regular.woff) format('woff'); font-weight: normal; font-display: swap }
@font-face { font-family: 'Inter'; src: url(../fonts/Inter-SemiBold.woff2) format('woff2'), url(../fonts/Inter-SemiBold.woff) format('woff'); font-weight: bold; font-display: swap }
.smart { display: none }
body { font-family: 'Inter'; margin: 0; background-color: #F3F3F3 }
a { outline: 0; }
td,
div,
input,
a { box-sizing: border-box }
input,
select { font-family: 'Inter' }
ul { padding: 0; margin: 0; list-style: none }
.bouton { display: block; color: #FFF; font-size: 14px; background-color: #217345; float: left; text-decoration: none; padding: 8px 15px }
.bouton:hover { background-color: #333 }
.m { width: 1050px; margin: 0 auto; background-color: #FFF }
/* TOP */
.m .top { width: 100%; color: #999; font-size: 12px; height: 27px; padding: 10px 20px 0 20px }
.m .top .a { float: left }
.m .top .b { float: right }
.m .top .b a { color: #999; text-decoration: none }
.m .top .b a:hover { color: #217345 }
/* HEAD */
.m .head { width: 100%; height: 98px }
.m .head .logo { display: block; height: 98px; float: left; width: 308px; padding-left: 20px }
.m .head .logo img { margin-top: 15px; height: 60px }
.m .head .searchbox { height: 98px; float: left; width: 240px; margin-right: 40px }
.m .head .searchbox #isearch { height: 38px; border: 1px solid #E5E5E5; width: 202px; font-size: 13px; border-right: 0; float: left; padding: 0 0 0 10px; margin: 26px 0 0 0 }
.m .head .searchbox #isearch:focus { }
.m .head .searchbox .rechercher { height: 38px; float: left; width: 38px; background-color: #217345; border: 1px solid #E5E5E5; border-color: #217345; background-image: url(../img/icone_search.png); background-size: 38px 76px; background-repeat: no-repeat; background-position: 0 -40px; border-left: 0; cursor: pointer; margin: 26px 0 0 0 }
.m .head .utilbloc { float: left; width: 206px; height: 98px; margin: 0 30px 0 0; background-image: url(../img/sep.png); background-repeat: no-repeat; background-position: right 29px }
.m .head .utilbloc .picto { float: left; height: 36px; margin: 27px 12px 0 0 }
.m .head .utilbloc .infos { float: left; height: 36px; margin: 28px 0 0 0 }
.m .head .utilbloc .infos span { display: block; font-size: 14px; color: #217345; text-transform: uppercase; line-height: 14px; font-weight: bold }
.m .head .utilbloc .infos a { color: #999; text-decoration: none; font-size: 14px }
.m .head .utilbloc .infos a:hover { color: #217345 }
.m .head .notconnected { background-image: none; float: right }
.m .head .panierbloc { float: left; width: 206px; height: 98px }
.m .head .panierbloc .picto { float: left; height: 36px; margin: 27px 12px 0 0 }
.m .head .panierbloc .infos { float: left; height: 36px; margin: 28px 0 0 0 }
.m .head .panierbloc .infos span { display: block; font-size: 14px; color: #217345; text-transform: uppercase; line-height: 14px }
.m .head .panierbloc .infos a { color: #999; text-decoration: none; font-size: 14px }
.m .head .panierbloc .infos a:hover { color: #217345 }
/* MENU */
.m .menu { width: 100%; height: 40px; background-color: #E5E5E5; font-size: 15px; position: relative }
#nav .accueil { height: 40px; display: block; border-right: 1px solid #FFF }
#nav .accueil:hover { background-color: #000; border-right: none; padding-right: 1px }
#nav .btn { cursor: pointer; height: 40px; line-height: 40px; display: block; color: #000; text-decoration: none; padding: 0 13px; border-right: 1px solid #FFF; font-weight: bold }
#nav .btn:hover { color: #FFF; background-color: #217345 }
#nav .btnOn { cursor: pointer; height: 40px; line-height: 40px; display: block; text-decoration: none; color: #FFF; padding: 0 15px 0 13px; background-color: #000000; font-weight: bold }
#nav li { float: left }
#nav li .ssm { position: absolute; width: 100%; left: -999em; background-color: #FFF; z-index: 1000; border: 5px solid #000000; padding: 20px 0 20px 20px; font-size: 13px }
#nav li:hover .ssm,
#nav li li:hover .ssm,
#nav li.sfhover .ssm,
#nav li li.sfhover .ssm { left: 0 }
/*#nav li .ssm .apercu { float: left; width: 170px; text-align: center; margin-right: 20px }*/
#nav li .ssm .sousmenu { float: left; width: 100% }
#nav li .ssm .sousmenu span { color: #000; font-size: 28px; float: left; width: 100%; display: block; margin-bottom: 10px; font-weight: bold }
#nav li .ssm .sousmenu div { float: left; width: 100% }
#nav li .ssm .sousmenu div .bloc { float: left; width: 30%; margin-right: 14px }
#nav li .ssm .sousmenu div .bloc a { font-size: 14px; color: #000000; text-decoration: none; display: inline-block; margin-bottom: 8px }
/* AUTOCOMPLETE */
.defaultTheme { width: 240px; font-size: 12px; background: #FFF; border: 1px solid #E5E5E5; color: #666; margin: -5px 0 0 0; padding: 6px }
.autocomplete-suggestions { border: 1px solid #E5E5E5; border-top: 0; background: #FFF; cursor: default; overflow: auto; font-size: 12px; color: #000; width: 400px !important }
.autocomplete-suggestion { padding: 3px 5px; white-space: nowrap; overflow: hidden; cursor: pointer }
.autocomplete-no-suggestion { padding: 3px 5px; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #217345; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
/* HOME */
.m #slider { width: 100%; height: 588px; float: left; margin: 20px 0 }
.m .homeactus { width: 100%; height: 200px; float: left }
.m .homeactus .bloc { width: 336px; height: 200px; float: left }
.m .homeactus .bloc a { display: block; width: 100%; height: 200px; float: left; background-size: cover; background-position: center; text-decoration: none; font-size: 14px }
.m .homeactus .bloc a div { float: left; width: 80%; margin: 15px }
.m .homeactus .bloc a .actucat { background-color: #FFF; color: #217345; text-transform: uppercase; float: left; line-height: 13px; padding: 4px 3px 0 3px }
.m .homeactus .bloc a .acttitre { float: left; background-color: #FFF; color: #000000; line-height: 17px; padding: 3px 3px }
.m .sep { margin-right: 20px }
/* CATEGORIE */
.cat { float: left; width: 100%; background-color: #FFF; padding-bottom: 40px }
.cat .photo { float: left; width: 100%; height: 140px; background-color: #eee }
.zone { float: left; font-size: 14px; margin: 10px 20px 10px 0; border: 4px solid #000; padding: 20px; width: 208px; box-sizing: border-box }
/* SIDEBAR */
.cat .sidebar { float: left; width: 230px; margin: 30px 30px 0 20px; font-size: 13px }
.cat .sidebar div { float: left; width: 100%; border: 1px solid #DDD; border-bottom: none }
.cat .sidebar div strong { text-transform: uppercase; padding: 10px 12px; border-top: 1px solid #DDD; display: block; width: 100%; border-bottom: 1px solid #DDD; box-sizing: border-box; font-size: 16px }
.cat .sidebar div a { text-decoration: none; color: #000000; display: inline-block; padding: 10px 12px; border-bottom: 1px solid #DDD; width: 100% }
.cat .sidebar .fournisseurs { border-top: none; padding: 12px }
.cat .res { float: left; width: 750px; margin: 30px 0 0 0 }
.cat .res h1 { float: left; margin: 0 0 15px 0; padding: 0; font-size: 36px; text-transform: uppercase; width: 100%; font-weight: bold }
.cat .res .order { float: left; width: 100%; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; height: 40px; line-height: 38px; font-size: 14px }
.cat .res .order .resultats { float: left }
.cat .res .order .ordre { float: right }
.cat .res .order .ordre select { border: 1px solid #CCC; padding: 2px 4px }
/* LISTING */
.cat .res .art { float: left; width: 100%; border-bottom: 1px solid #EEE; padding: 20px 0 }
.cat .res .art .pic { float: left; display: block; height: 125px; width: 125px; background-repeat: no-repeat; margin-right: 20px; background-size: contain; background-position: center }
.cat .res .art .info { float: left; width: 455px; line-height: 18px }
.cat .res .art .info a { text-decoration: none; color: #000000; font-size: 15px; font-weight: bold; margin-bottom: 10px; display: block }
.cat .res .art .info span { display: block; font-size: 11px; color: #999 }
.cat .res .art .ajouter { float: left; width: 150px }
.cat .res .art .ajouter .px { text-align: right; font-size: 15px; line-height: 15px; float: right; width: 100%; margin: 65px 0 15px 0 }
.cat .res .art .ajouter .comm { line-height: 30px; height: 30px; float: right; width: 120px; font-size: 13px }
.cat .res .art .ajouter .comm input { float: right; border: 1px solid #ccc; height: 30px; width: 65px; text-align: right; border-right: 0; font-size: 14px; padding: 0 10px 0 0 }
.cat .res .art .ajouter .comm a { display: block; float: right; height: 30px; width: 30px; opacity: 0.8 }
.cat .res .art .ajouter .comm a img { width: 30px }
.cat .res .art .ajouter .comm a:hover { opacity: 1 }
/* MULTIPAGE */
.cat .res .multipage { float: left; width: 100%; border-bottom: 1px solid #EEE; height: 40px; line-height: 38px; font-size: 14px }
.cat .res .multipage .retour { float: left; display: block; height: 38px; width: 38px; background-image: url(../img/gauche.png); background-size: 38px 76px; background-repeat: no-repeat }
.cat .res .multipage .retour:hover { background-position: 0 -38px; background-color: #666 }
.cat .res .multipage .avant { float: right; display: block; height: 38px; width: 38px; background-image: url(../img/droite.png); background-size: 38px 76px; background-repeat: no-repeat }
.cat .res .multipage .avant:hover { background-position: 0 -38px; background-color: #666 }
.cat .res .num { height: 38px; width: 674px; float: left; text-align: center; font-size: 16px; font-weight: bold }
.cat .res .num a { color: #000000; text-decoration: none; font-weight: normal }
.cat .res .num a:hover { text-decoration: underline }
/* FICHE */
.m .back { float: left; width: 100%; padding-top: 10px; background-color: #FFF }
.m .back a { float: left; display: block; height: 38px; background-image: url(../img/gauche.png); padding-left: 32px; background-size: 38px 76px; background-repeat: no-repeat; color: #000000; text-decoration: none; line-height: 38px; font-size: 12px; font-weight: bold }
.m .back a:hover { text-decoration: underline }
.m .article { float: left; width: 100%; background-color: #FFF; padding-bottom: 50px }
.m .article .apercu { float: left; width: 410px; height: 410px; margin: 0 60px 0 20px }
.m .article .apercu a { float: left; display: block; width: 100%; height: 410px; background-repeat: no-repeat; background-size: contain; background-position: center }
.m .article .informations { float: left; width: 540px }
.m .article .informations div,
.m .article .informations h1 { float: left; width: 100% }
.m .article .informations .arianne { color: #999; font-size: 11px; font-weight: bold; margin-bottom: 20px }
.m .article .informations .arianne a { color: #999; text-decoration: none }
.m .article .informations h1 { font-weight: normal; margin: 0 0 2px 0; padding: 0; font-size: 24px }
.m .article .informations .four { margin-bottom: 30px }
.m .article .informations .four a { color: #000; text-decoration: none; font-size: 14px; font-weight: bold }
.m .article .informations .prix { margin-bottom: 15px }
.m .article .informations .prix .number { display: block; font-size: 26px; font-weight: normal }
.m .article .informations .prix .tva { display: block; font-size: 12px; color: #999 }
.m .article .informations .ajout { padding-bottom: 40px; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px }
.m .article .informations .ajout input { float: left; border: 1px solid #ccc; height: 34px; width: 65px; text-align: right; border-right: 0; font-size: 16px; padding: 0 10px 0 0 }
.m .article .informations .ajout a { display: block; float: left; height: 34px; width: 34px; opacity: 0.8 }
.m .article .informations .ajout a:hover { opacity: 1 }
.m .article .informations .ajout a img { width: 34px }
.m .article .informations .spec { float: left; width: 100%; border-spacing: 0; border-collapse: separate; font-size: 13px; font-weight: bold }
.m .article .informations .spec .int { color: #999; width: 200px; height: 25px }
/* PANIER */
.m .sel { float: left; width: 100%; background-color: #FFF }
.m .sel .seltitre { float: left; width: 100%; padding: 30px 0 30px 30px; font-size: 14px; font-weight: bold }
.m .sel .seltitre h1 { float: left; width: 100%; margin: 0 0 10px 0; padding: 0; font-weight: normal; font-size: 40px; color: #217345 }
.m .sel .cart { float: left; width: 730px; margin: 0 30px 40px 30px }
.m .sel .cart table { border-spacing: 0; border-collapse: separate; font-size: 12px; width: 100%; float: left }
.m .sel .cart table thead td { background-color: #EEE; height: 32px }
.m .sel .cart table .line td { border-bottom: 1px solid #EEE; padding: 10px 0 }
.m .sel .cart table .line .mini { border-left: 1px solid #EEE; padding-left: 10px; /*width: 92px*/ }
.m .sel .cart table .line .mini a { display: block; width: 72px; height: 72px; background-repeat: no-repeat; background-size: contain; background-position: center }
.m .sel .cart table .line .titre a { color: #000; text-decoration: none; font-weight: bold }
.m .sel .cart table .line .titre a:hover { color: #217345 }
.m .sel .cart table .line .titre span { display: block; color: #999 }
.m .sel .cart table .line .qtes { text-align: center; width: 140px }
.m .sel .cart table .line .qtes input { border: 1px solid #ccc; width: 40px; height: 30px; text-align: center; font-size: 12px; }
.m .sel .cart table .line .qtes input:focus { border-color: #217345; color: #217345 }
.m .sel .cart table .line .total { font-weight: bold; width: 80px }
.m .sel .cart table .line .supp { text-align: center; width: 40px; border-right: 1px solid #EEE; }
.m .sel .cart table .line .supp a { display: block; width: 24px; height: 24px; background-image: url(../img/icone_suppr.png); background-repeat: no-repeat; background-size: contain }
.m .sel .cart table .maj { padding: 10px 0 }
.m .sel .cart table .maj a { padding: 4px 5px; margin: 0 0 0 30px; font-size: 12px; background-color: #217345; font-weight: bold }
.m .sel .cart table .vide { border-right: 1px solid #EEE; border-left: 1px solid #EEE; text-align: center; padding: 80px 0 !important }
/* PANIER : RECAP */
.sel .recap { width: 230px; float: left }
.sel .recap table { width: 100%; border-spacing: 0; border-collapse: separate; font-size: 13px; border: 1px solid #EEE }
.sel .recap table thead td { background-color: #EEE; height: 32px }
.sel .recap table .ra { font-weight: bold; color: #000; font-size: 13px; padding: 10px 0 0 10px }
.sel .recap table .rb { font-weight: bold; text-align: right; font-size: 14px; padding: 10px 10px 0 }
.sel .recap table .rd { font-weight: bold; color: #000; font-size: 20px; padding: 7px 0 10px 10px }
.sel .recap table .rc { text-align: right; font-size: 20px; font-weight: bold; padding: 7px 10px 10px 0 }
.sel .recap table .options { padding: 10px 10px 0 10px; border-top: 1px solid #EEE }
.sel .recap table .options a { display: block; float: left; height: 30px; line-height: 30px; color: #FFF; text-decoration: none; padding-left: 38px; margin-bottom: 10px; padding-right: 10px; font-weight: bold; font-size: 11px; text-transform: uppercase }
.sel .recap table .options a:hover { background-color: #228651 }
.sel .recap table .options .xls { background-image: url(../img/icone_excel.png); background-repeat: no-repeat; background-size: 22px 22px; background-color: #217345; background-position: 8px 4px }
.sel .recap table .options .pdf { background-image: url(../img/icone_pdf.png); background-repeat: no-repeat; background-size: 22px 21px; background-color: #217345; background-position: 8px 4px }
/* COMPTE */
.m .compte { float: left; width: 100%; background-color: #FFF; padding: 30px 0 60px 0 }
.m .compte .sidebarcpt { float: left; width: 230px; margin: 10px 30px 0 20px }
.m .compte .sidebarcpt .frst { border-top: 1px solid #EEE }
.m .compte .sidebarcpt a { float: left; width: 100%; height: 40px; line-height: 40px; text-decoration: none; color: #000; font-size: 14px; border-bottom: 1px solid #EEE }
.m .compte .sidebarcpt a:hover { color: #217345 }
.m .compte .sidebarcpt .active { color: #217345; font-weight: bold }
.m .compte .listecpt { float: left; width: 750px; margin-right: 20px }
.m .compte .listecpt h1 { float: left; width: 100%; margin: 0 0 20px 0; padding: 0 0 0 0; font-weight: normal; font-size: 40px; color: #217345 }
.m .compte .listecpt table { border-spacing: 0; border-collapse: separate; font-size: 14px; width: 100%; float: left; color: #999 }
.m .compte .listecpt table strong { color: #000000; display: block; margin: 30px 0 10px 0; font-size: 15px }
.m .compte .listecpt table input,
.m .compte .listecpt table textarea { display: block; margin: 4px 0 8px 0; width: 60%; font-size: 15px; border: 1px solid #DDD; padding: 7px }
.m .compte .listecpt table input:focus,
.m .compte .listecpt table textarea:focus { border-color: #999 }
.m .compte .listecpt table textarea { width: 58%; height: 220px; font-family: 'Inter' }
.m .compte .listecpt .page { float: left; font-size: 13px; width: 600px; line-height: 19px }
.m .compte .listecpt .page a { text-decoration: none; color: #217345 }
/* ACTUALITES */
.m .actu { float: left; width: 1050px; background-color: #FFF }
.m .actu .listeactu { float: left; width: 680px; margin: 60px; box-sizing: border-box }
.m .actu .listeactu h1 { float: left; width: 100%; margin: 0 0 0px 0; padding: 0 0 20px 0; font-weight: bold; font-size: 36px; color: #217345; border-bottom: 1px solid #EEE }
.m .actu .listeactu .act { float: left; width: 100%; border-bottom: 1px solid #EEE; padding: 20px 0 20px 0; font-size: 15px !important; line-height: 20px }
.m .actu .listeactu .act strong { font-size: 20px; margin-bottom: 10px; display: block; line-height: 20px }
.m .actu .listeactu .act .vign { float: left; width: 200px; background-color: #F0F0F0; height: 135px; display: block; margin-right: 20px; background-size: cover; background-position: center }
.m .actu .listeactu .act .det { float: left; width: 430px }
.m .actu .listeactu .act .det .tactu { float: left; display: block; color: #000000; text-decoration: none; font-size: 18px; line-height: 20px; margin-bottom: 5px }
.m .actu .listeactu .act .det .tactu:hover { text-decoration: none; color: #217345 }
.m .actu .listeactu .act .vign span { display: block; float: left; background-color: #217345; color: #FFF; font-size: 13px; line-height: 13px; padding: 1px 3px 3px 3px }
.m .actu .listeactu .act .det .dateactu { float: left; display: block; color: #999; width: 100%; margin-bottom: 15px }
.m .actu .listeactu .act .det .suite { float: left; display: block; color: #217345; text-decoration: none; font-size: 14px; line-height: 20px; font-weight: bold }
.m .actu .listeactu .act .det .suite:hover { text-decoration: underline }
.m .actu .listeactu .act a { color: #217345; text-decoration: none }
.m .actu .listeactu .h1actu { line-height: 40px; border-bottom: none }
.m .actu .listeactu .dateactu { float: left; width: 100%; color: #999; margin-bottom: 20px; font-size: 14px }
.m .actu .listeactu .imgactu { float: left; width: 100%; margin-bottom: 20px }
.m .actu .listeactu .texteactu { float: left; width: 100%; margin-bottom: 20px; font-size: 15px; line-height: 24px }
.m .actu .listeactu .texteactu a { text-decoration: none; color: #217345 }
.m .actu .listeactu .texteactu img { width: 100% !important; height: auto !important }
.m .actu .sidebaractu { float: left; width: 230px; margin-top: 30px; font-size: 13px; line-height: 22px }
.m .actu .sidebaractu div { float: left; width: 100%; border: 1px solid #EEE; padding: 15px }
.m .actu .sidebaractu div strong { text-transform: uppercase }
.m .actu .sidebaractu div a { text-decoration: none; color: #000000 }
.m .actu .sidebaractu div a:hover { color: #217345 }
/* Adhérents */
.adherents { float: left; padding: 50px 50px 50px 50px; background-color: #FFF; width: 100% }
.adherents h1 { float: left; width: 100%; margin: 0 0 10px 0; padding: 0; font-weight: normal; color: #217345; font-size: 40px }
.adherents .lettres,
.four .lettres { float: left; width: 100%; border: 1px solid #DDD; padding: 10px; color: #DDD; margin-bottom: 30px }
.adherents .lettres .aller,
.four .lettres .aller { display: block; float: left; color: #000; text-transform: uppercase; font-weight: bold; width: 80px }
.adherents .lettres span,
.four .lettres span { display: block; float: left; text-align: center; width: 31px }
.adherents .lettres a,
.four .lettres a { display: block; float: left; text-align: center; width: 31px; text-decoration: none; color: #000 }
.adherents .liste { float: left; width: 100% }
.adherents .liste .colonne { float: left; width: 33% }
.adherents .liste .colonne .lettre { float: left; width: 100%; display: block; font-size: 50px }
.adherents .liste .colonne .societe { float: left; text-decoration: none; color: #000; font-size: 13px; display: block; width: 80% }
.adherents .liste .colonne .societe:hover { color: #217345 }
.adherents .liste .colonne .infobox { float: left; width: 80%; font-size: 13px; padding: 0 15px 15px 15px; margin: 0 0 20px 0; display: none; background-color: #F5F5F5 }
.adherents .liste .colonne .infobox a { text-decoration: none; color: #217345 }
.adherents .liste .colonne .infobox span { display: block }
/* Infobox */
.infoBox { transform: translate(-50%, calc(-100% - 50px)) !important; font-family: 'Inter', Arial !important; padding: 0 !important; margin: 0; list-style: none !important; color: #000; overflow: hidden }
.infobox2 .content { float: left; position: relative; background-color: #FFF; width: 200px; font-family: Inter, Arial; color: #000; font-size: 13px; font-weight: normal; padding: 15px }
.infobox2 .content b { color: #1d8c35; font-size: 16px }
/* CONNEXION */
.titreaccueil { text-align: center; background-color: #f3f3f3; margin: 0; padding: 30px 20px 10px 20px; font-size: 26px; color: #217345 }
#connexion { width: 100%; height: 310px; padding: 0px; background-color: #f3f3f3; padding-top: 20px; }
#connexion .conn_bloc { width: calc(50% - 10px); height: 310px; float: left; padding: 40px 50px; background-color: #FFF; margin-right: 20px }
#connexion .conn_bloc div { width: 100%; float: left; padding-bottom: 10px; color: #000000; font-size: 14px }
#connexion .conn_bloc .conn_titre { font-size: 22px; color: #217345; padding-bottom: 15px; font-weight: bold }
#connexion .conn_bloc input { width: 100%; border: none; background-color: #EEE; font-size: 15px; padding: 8px }
#connexion .conn_mdp { font-size: 12px; color: #666; text-decoration: none }
#connexion .conn_mdp:hover { color: #217345 }
#connexion .recup { display: none }
/* FOOTER */
.footer { float: left; width: 100%; margin-top: 20px }
.footer .acces { float: left; width: 100%; background-color: #FBFBFB; padding: 20px; margin-bottom: 20px }
.footer .acces span { font-weight: bold; float: left; display: block; width: 100%; font-size: 15px; color: #217345 }
.footer .acces div { float: left; font-size: 12px; line-height: 15px; padding-right: 20px; width: 16% }
.footer .acces div strong { text-transform: uppercase }
.footer .acces div a { color: #000000; text-decoration: none; font-size: 11px }
.footer .acces div a:hover { color: #217345 }
.footer .foot { float: left; width: 100%; height: 60px; font-size: 12px; padding-bottom: 20px }
.footer .foot .foot_gauche { float: left }
.footer .foot .foot_gauche img { float: left; margin-right: 10px }
.footer .foot .foot_droite { float: right }
.footer .foot .foot_droite a { text-decoration: none; color: #000000 }
.footer .foot .foot_droite a:hover { color: #217345 }