html { height: 100%; }
body { margin : 0; padding: 0; background-color: #E85D0F; }
img { border: none; }
p,div,span,h1,h2,h3,ul,a { margin: 0; padding: 0; font-family: Helvetica, sans-serif; }
ul { list-style-type: none; }
a { text-decoration: none; }
a:hover { color: #000000; }

/* BLOCS GLOBAUX */

#main { display: block; width: 947px; margin-left: auto; margin-right: auto; text-align: center; height: 100%; padding : 0 0 0 10px; }
#header { display: block; width: 100%; height: 130px; background: transparent url('../src/css/bg-header.gif') top left no-repeat; text-align: left; }
#center { display: block; width: 100%; height: 444px; background: transparent url('../src/css/bg-centre.jpg') top left no-repeat; text-align: left; }
#footer { display: block; width: 100%; text-align: left; }

/* typos */

.title_rubrique { font-size: 26px; line-height: 28px; margin: 0 0 18px 0; color: #000000; background: transparent url('../src/css/underscore2.gif') top left no-repeat; }
.accroche_rubrique { font-size: 16px; margin: 0 0 10px 0; color: #E85D0F; font-weight: bold; text-transform: uppercase; }
.contenu_rubrique { font-size: 12px; line-height: 14px; text-align: justify; color: #000000; line-height: 18px; }
.contenu_rubrique a, .contenu_rubrique a:hover { color: #E85D0F; }et voila

.title_rubrique2 { font-size: 22px; line-height: 24px; margin: 0 0 12px 0; color: #000000; }
.accroche_rubrique2 { font-size: 14px; margin: 0 0 10px 0; color: #E85D0F; font-weight: bold; text-transform: uppercase; }
.contenu_rubrique2 { font-size: 12px; line-height: 13px; text-align: justify; color: #000000; line-height: 16px; }
.contenu_rubrique2 a, .contenu_rubrique2 a:hover { color: #E85D0F; }

.title_rubrique3 { font-size: 26px; line-height: 28px; margin: 0 0 18px 0; color: #000000; }

.underscore { display: block; float: left; width: 40px; margin: 0 0 0 0; background: transparent url('../src/css/underscore.gif') top right no-repeat; height: 28px; }
#underscore { display: block; float: left; width: 85px; margin: 30px 0 0 0; background: transparent url('../src/css/underscore.gif') top right no-repeat; height: 100px; }
#underscore2 { display: block; float: left; width: 30px; margin: 30px 0 0 20px; background: transparent url('../src/css/underscore.gif') top right no-repeat; height: 100px; }
#underscore3 { display: block; float: left; width: 55px; margin: 30px 0 0 0; background: transparent url('../src/css/underscore.gif') top right no-repeat; height: 100px; }
#underscore4 { display: block; float: left; width: 85px; margin: 60px 0 0 0; background: transparent url('../src/css/underscore.gif') top right no-repeat; height: 100px; }


/* carousel */

#vertical_carousel { float: left; width: 120px; height: 320px; margin-bottom: 10px; position: relative; }
#vertical_carousel .container { position: relative; float: left; width: 140px; height: 290px; overflow: hidden; }
#vertical_carousel ul { margin: 0; padding: 0; height: 100000px; position: relative; top: 0; left: 0; }
#vertical_carousel ul li { width: 120px; height: 34px; text-align: left; list-style: none; float: left; color: #E85D0F; }  
#vertical_carousel ul li a, #vertical_carousel ul li a:hover { color: #E85D0F; font-weight: bold; text-transform: uppercase; }
#vertical_carousel .previous_button { float: left; height: 10px; width: 140px;  background: url('../src/css/bt-up.gif') top left no-repeat; cursor: pointer; display: inline; margin: 0 0 10px 0; }
#vertical_carousel .previous_button_over { background: url('../src/css/bt-up.gif') top left no-repeat; }
#vertical_carousel .previous_button_disabled { background: url('../src/css/bt-up.gif') top left no-repeat; cursor: default; }
#vertical_carousel .next_button { float:left; height: 32px; width: 140px; background: url('../src/css/bt-down.gif') top left no-repeat; display: inline; margin: 5px 0 10px 0; cursor: pointer; }
#vertical_carousel .next_button_over { background: url('../src/css/bt-down.gif') top left no-repeat; }
#vertical_carousel .next_button_disabled { background: url('../src/css/bt-down.gif') top left no-repeat; cursor: default; }

#vertical_carousel2 { float: left; width: 120px; height: 320px; margin-bottom: 10px; position: relative; }
#vertical_carousel2 .container { position: relative; float: left; width: 140px; height: 290px; overflow: hidden; }
#vertical_carousel2 ul { margin: 0; padding: 0; height: 100000px; position: relative; top: 0; left: 0; }
#vertical_carousel2 ul li { width: 120px; height: 28px; text-align: left; list-style: none; float: left; color: #E85D0F; line-height: 13px; }  
#vertical_carousel2 ul li a, #vertical_carousel2 ul li a:hover { color: #E85D0F; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; }
#vertical_carousel2 .previous_button { float: left; height: 10px; width: 100px; background: url('../src/css/bt-up.gif') top left no-repeat; cursor: pointer; display: inline; margin: 0 0 10px 0; }
#vertical_carousel2 .previous_button_over { background: url('../src/css/bt-up.gif') top left no-repeat; }
#vertical_carousel2 .previous_button_disabled { background: url('../src/css/bt-up.gif') top left no-repeat; cursor: default; }
#vertical_carousel2 .next_button { float: left; height: 32px; width: 100px; background: url('../src/css/bt-down.gif') top left no-repeat; display: inline; margin: 5px 0 10px 0; cursor: pointer; }
#vertical_carousel2 .next_button_over { background: url('../src/css/bt-down.gif') top left no-repeat; }
#vertical_carousel2 .next_button_disabled { background: url('../src/css/bt-down.gif') top left no-repeat; cursor: default; }

#vertical_carousel3 { float: left; width: 80px; height: 320px; margin-bottom: 10px; position: relative; }
#vertical_carousel3 .container { position: relative; float: left; width: 100px; height: 290px; overflow: hidden; }
#vertical_carousel3 ul { margin: 0; padding: 0; height: 100000px; position: relative; top: 0; left: 0; }
#vertical_carousel3 ul li { width: 80px; height: 90px; text-align: left; list-style: none; float: left; color: #E85D0F; }  
#vertical_carousel3 ul li a, #vertical_carousel3 ul li a:hover { color: #E85D0F; }
#vertical_carousel3 .previous_button { float: left; height: 10px; width: 100px; background: url('../src/css/bt-up.gif') no-repeat; cursor: pointer; display: inline; margin: 0 0 10px 0; }
#vertical_carousel3 .previous_button_over { background: url('../src/css/bt-up.gif') top left no-repeat; }
#vertical_carousel3 .previous_button_disabled { background: url('../src/css/bt-up.gif') top left no-repeat; cursor: default; }
#vertical_carousel3 .next_button { float: left; height: 32px; width: 100px; background: url('../src/css/bt-down.gif') top left no-repeat; display: inline; margin: 5px 0 10px 0; cursor: pointer; }
#vertical_carousel3 .next_button_over { background: url('../src/css/bt-down.gif') top left no-repeat; }
#vertical_carousel3 .next_button_disabled { background: url('../src/css/bt-down.gif') top left no-repeat; cursor: default; }
#vertical_carousel3 img { border: 1px solid #EDEDED; }

/* MENUS */

#main_menu { float: left; }

.lien-ok { color: #000000; }
.lien-ok2 { font-weight: bold; }
.lien-no { color: #FFFFFF; }

ul#menu1 li, ul#menu2 li, ul#menu3 li, ul#menu4 li { display: inline; }

ul#menu1 { margin: 0 0 10px 38px; }
ul#menu1 .first_img { margin: 0 20px 0 40px; }
ul#menu1 .elem_img { margin: 0 15px 0 0; }
ul#menu1 .last_img { margin: 0 0 0 0; }

ul#menu2 { margin: 0 0 0 510px; font-size: 12px; letter-spacing: 0.2em; font-weight: bold; }
ul#menu2 li { margin: 0 6px 0 0; }

ul#menu3 { margin: 0 0 0 0; height: 35px; }
ul#menu3 li { display: block; float: left; margin: 0 10px 0 0; }
.li_menu3 { padding: 12px 0 0 0; font-size: 11px; letter-spacing: 0.2em; }
.li_menu3b { font-size: 10px; width: 534px; margin: 0 450px 0 0; padding: 12px 0 0 0; }

ul#menu4 { margin: 0 0 0 400px; font-size: 11px; }
ul#menu4 li { display: block; float: left; margin: 0 8px 0 0; letter-spacing: 0px; }
ul#menu4 a, ul#menu4 a:hover { color: #000000; }

ul#menu5 { margin: 0 0 0 510px; font-size: 11px; }
ul#menu5 li { display: block; float: left; margin: 0 20px 0 0; letter-spacing: 0px; }
ul#menu5 a, ul#menu5 a:hover { color: #000000; }

#bottom_nav { clear: both; margin: 0 0 0 830px; padding: 20px 0 0 0; }
#bottom_nav img { margin: 0 8px 0 0; float: left; }

/* PAGES */

/* chartes */

#charte2 { text-align: center; margin: 10px 6px 0 10px; width: 919px; height: 378px; cursor: pointer; clear: both; padding-top: 10px; }
#charte2 img { margin: 0 0 0 0; }

/* reseau */
#reseau { text-align: center; margin: 0 12px 0 0; }

/* commerce equitable */
#commerce_equitable_left { display: block; float: left; width: 384px; margin: 30px 0 0 40px; }
#commerce_equitable_right { display: block; float: left; width: 390px; margin: 30px 0 0 0; }

/* magasins */

#magasins_1 { display: block; float: left; width: 120px; margin: 50px 0 0 40px; }
#magasins_2 { display: block; float: left; width: 700px; margin: 30px 0 0 40px; }

#sub_magasins_2a { display: block; float: left; width: 250px; margin: 30px 0 0 0; }
#sub_magasins_2a img { width: 116px; height: 92px; margin: 0 6px 6px 0; }
#sub_magasins_2a a, #sub_magasins_2a a:hover { color: #E85D0F; }
#sub_magasins_2b { display: block; float: left; width: 350px; margin: 30px 0 0 0; }

#sub_magasins_2c { display: block; float: left; width: 300px; margin: 30px 0 0 0; }

ul#liste_magasins li { line-height: 34px; color: #E85D0F; font-weight: bold; }

#liste_paris { position: absolute; z-index: 10; top: 300px; left: 450px; background-color: #FFFFFF; width: 300px; border: 1px solid #E85D0F; padding: 10px; }
#liste_paris a { color: #E85D0F; }
#liste_paris a:hover { color: #E85D0F; text-decoration: underline; }

/* newsletter */

#newsletter_1 { display: block; float: left; width: 120px; margin: 50px 0 0 40px; }
#newsletter_2 { display: block; float: left; width: 700px; margin: 30px 0 0 40px; }

#sub_newsletter_2a { display: block; float: left; width: 280px; margin: 30px 0 0 0; }
#sub_newsletter_2b { display: block; float: left; width: 350px; margin: 30px 0 0 0; }

#detail_newsletter { position: absolute; z-index: 10; width: 500px; top: 20px; left: 400px; }
#sub_detail_newsletter { background-color: #FFFFFF; padding: 10px; border: 1px solid #E85D0F; }
#sub_detail_newsletter p { margin: 0 0 0 450px; font-size: 11px; }
#sub_detail_newsletter a, #sub_detail_newsletter a:hover { color: #E85D0F; }

#detail_newsletter2 { position: absolute; z-index: 10; width: 620px; top: 20px; left: 400px; }
#sub_detail_newsletter2 { background-color: #FFFFFF; padding: 10px; border: 1px solid #E85D0F; }
#sub_detail_newsletter2 p { margin: 0 0 0 450px; font-size: 11px; }
#sub_detail_newsletter2 a, #sub_detail_newsletter2 a:hover { color: #E85D0F; }

#form_tab_newsletter { border : none; }
#form_tab_newsletter td { padding : 0 0 10px 0; }
.txtinput { width: 160px; }
.submit { background-color: #E85D0F; color: #FFFFFF; border: 1px solid #E85D0F; }
.submit:hover { background-color: #FFFFFF; color: #E85D0F; border: 1px solid #E85D0F; }

/* presse */

#presse_1 { display: block; float: left; width: 120px; margin: 50px 0 0 40px; }
#presse_2 { display: block; float: left; width: 700px; margin: 30px 0 0 40px; }

#sub_presse_2a { display: block; float: left; width: 260px; margin: 30px 0 0 20px; }
#sub_presse_2b { display: block; float: left; width: 350px; margin: 30px 0 0 0; }

#sub_detail_presse img { margin: 0 0 10px 0; }

#titre_presse { margin: 0 0 10px 0; font-weight: bold; }
#publication_presse { margin: 0 0 10px 0; font-weight: bold; }
#infos_presse { margin: 0 0 10px 0; }
#description_presse { margin: 0 0 10px 0; }
#lien_presse a, #lien_presse a:hover { color : #E85D0F; }

/* contact */
#contact_left { display: block; float: left; width: 384px; margin: 60px 0 0 40px; }
#contact_right { display: block; float: left; width: 390px; margin: 60px 0 0 0; }

/* franchise */
#franchise_left { display: block; float: left; width: 384px; margin: 30px 0 0 40px; }
#franchise_left a, #franchise_left a:hover { color: #E85D0F; }
#franchise_right { display: block; float: left; width: 390px; margin: 30px 0 0 0; }

#form_tab_contactfranchise { border : none; }
#form_tab_contactfranchise td { padding : 0 0 10px 0; }

/* produits */
#produits_1 { display: block; float: left; width: 100px; margin: 50px 0 0 40px; }
#produits_2 { display: block; float: left; width: 700px; margin: 30px 0 0 40px; }

#sub_produits_2a { display: block; float: left; width: 260px; margin: 30px 0 0 20px; }
#sub_produits_2b { display: block; float: left; width: 360px; margin: 30px 0 0 0; }

/* actus */

#actus_top { height: 370px; }
#actus_bottom { float: left; width: 800px; margin: 25px 0 0 20px; font-size: 14px; color: #E85D0F; height: 35px; }
#actus_bottom_cont { height: 70px; }

#actus_nav { float: left; margin: 20px 0 0 0; }
#actus_nav img { margin: 0 8px 0 0; float: left; }

#table_actus { height: 333px; margin: 0 20px 0 30px; }
#table_actus td { width: 280px; padding: 0 5px 0 5px; }
#table_actus p { font-size: 11px; }

/* mentions legales */

#mentions { position: absolute; z-index: 10; width: 520px; top: 20px; left: 400px; background-color: #FFFFFF; padding: 10px; border: 1px solid #E85D0F; }
#mentions a, #mentions a:hover { color: #E85D0F; }