* {font-family:Arial, Helvetica, sans-serif}

html {margin:0; padding:0}
body {margin:0; padding:0}

object {outline:0}
img {border:0}
a {text-decoration:none; color:#286C89}
.portfolio a {text-decoration:none}

#menu_gauche ul.ferme {display:none}
#menu_gauche ul.ouvert {display:block}

.spip_documents_left {margin:5px 10px 5px 0}
.spip_documents_right {margin:5px 0px 5px 10px}

.portfolio a {display:block; float:left; margin:0 20px 0px 0}
.portfolio {overflow:hidden}
.portfolio div {height:1px}

#docs a {font-size:12px; text-decoration:none}
#docs {list-style-type:none; margin:0; padding:0}

#global {width:950px; margin:0 auto}
#fond_global {background:#fff; padding-bottom:30px}

#fond_header {height:228px; background:url(bandeau-rpt.jpg)}
#fond2_header {height:228px; background:url(bandeau.jpg) no-repeat top center}
#header {height:228px; width:950px; margin:0 auto; position:relative}

#liste-des-traductions {position:absolute; right:45px; top:10px; list-style-type:none; margin:0; padding:0}
#liste-des-traductions li {float:left; background:url(separation.png) no-repeat right; padding:0 8px; text-align:center}
#liste-des-traductions li a {float:left; color:#286C89; text-transform:uppercase; font-size:11px; font-weight:bold; display:block}
#liste-des-traductions li a.paslien {color:#FB9E30}

#header h1 {margin:0}
#header h1 a {display:block; width:400px; height:110px; position:absolute; top:20px; left:125px; margin:0; text-indent:-4000px}

#menu_haut {list-style-type:none; margin:0; padding:0; position:absolute; top:79px; left:442px}
#menu_haut li {float:left}
#menu_haut li a {float:left; display:block; height:39px; line-height:39px; color:#286C89; font-weight:bold; font-size:11px; text-transform:uppercase; text-align:center}
/*#menu_haut li.menu_1 a {width:143px; background:url(nav-qui.jpg)}
#menu_haut li.menu_2 a {width:91px; background:url(nav-actu.jpg)}
#menu_haut li.menu_3 a {width:85px; background:url(nav-contact.jpg)}
#menu_haut li.menu_4 a {width:135px; background:url(nav-mentions.jpg)}*/
#menu_haut li.menu_1 a {width:143px}
#menu_haut li.menu_2 a {width:91px}
#menu_haut li.menu_3 a {width:85px}
#menu_haut li.menu_4 a {width:135px}

#menu_haut li a:hover {color:#FB9E30}
#menu_haut li a:hover {background-position:0 40px}

#content {background:url(fd-rpt.jpg) 0 0 repeat-y; overflow:hidden}
#gauche {width:212px; float:left; margin-top:-10px}

#gauche h1.produit {width:184px; height:45px; background:url(menu-bleu.jpg); padding:8px 0 0 24px}
#gauche h1.conseil {width:184px; height:45px; background:url(menu-orange.jpg); padding:8px 0 0 24px}
#gauche h1 {margin:10px 0}


#gauche h2 {margin:5px 0; font-size:12px; color:#286C89; padding:0 0 0 30px}
#gauche h2 a {color:#286C89}
#droite {overflow:hidden}

#fond_footer {background:url(pied-rpt.jpg); height:128px}
#footer {background:url(pied.jpg) no-repeat top center; height:128px; margin:0 auto}

#actualite {margin:30px 0 0 30px}
#actualite h1 {padding:0 0 10px 16px; background:url(fd-titre-actu.jpg) no-repeat -10px bottom; margin:0 0 10px -20px}
#actualite img {display:block}
#actualite .description {font-size:12px; padding:0 15px 0 0; margin:10px 0}

.savoir_plus {display:block; width:108px; height:32px; background:url(btn-savoir-plus.jpg); text-indent:-4000px}
.savoir_plus:hover {background:url(btn-savoir-plus.jpg) 0 32px}

#menu_accueil {list-style-type:none; margin:0; padding:0; overflow:hidden}
#menu_accueil li {float:left; width:179px; border-right:1px solid #ADF1FC}
#menu_accueil li.accueil_1 {width:183px!important}
#menu_accueil li.accueil_2 {width:182px!important}
#menu_accueil li.accueil_3 {width:180px!important}
#menu_accueil li.accueil_4 {width:184px!important}

#menu_accueil li.accueil_1 .visuel {width:181px!important}
#menu_accueil li.accueil_2 .visuel {width:180px!important}
#menu_accueil li.accueil_3 .visuel {width:178px!important}
#menu_accueil li.accueil_4 .visuel {width:182px!important}

#menu_accueil li.dernier {border:0}
#menu_accueil a.visuel {display:block; height:245px}
#menu_accueil li h2 {font-size:14px; margin:0; height:40px; line-height:40px; clear:both}
#menu_accueil li h2 a {display:block; color:#fff; padding:0 10px}
#menu_accueil li.accueil_1 h2 a {background:url(produit1-home.jpg)}
#menu_accueil li.accueil_2 h2 a {background:url(produit2-home.jpg)}
#menu_accueil li.accueil_3 h2 a {background:url(produit3-home.jpg)}
#menu_accueil li.accueil_4 h2 a {background:url(produit4-home.jpg)}

div.chapeau {font-size:12px!important; color:#414141!important}
#menu_accueil .chapeau {padding:10px!important; height:120px}

.nouv {width:265px; position:relative; float:left; margin:0 40px 0 0}
.nouv h1 {display:none}
.nouv .visuel {display:block!important; width:265px!important; border:1px solid #C6E2E6!important; float:none!important}
.nouv .visuel img {display:block!important}
.nouv #stick {display:block; width:95px; height:95px; position:absolute; z-index:100; top:-7px; right:-20px}
.nouv#promo #stick {background:url(stick-promo.png)}
.nouv#nouveaute #stick {background:url(stick-new.png)}

#bas_accueil {clear:both; margin:40px 0 0 0}
#bas_accueil h2 {clear:both; margin:10px; font-size:16px}
#bas_accueil h2 a {color:#286C89}

.rubrique_liste {width:224px; float:left; margin:10px}
.rubrique_liste  .chapeau {clear:both; padding:10px 0 6px 0}
.rubrique_liste  img {border:1px solid #E1EFF2; display:block}
.rubrique_liste  h2 {font-size:16px; color:#286C89; margin:0 0 10px 0}

#droite h1 {font-size:22px; color:#FB9E30; margin-top:6px}
#droite h2 {font-size:16px; color:#FB9E30; margin:6px 0}
#droite h3 {font-size:14px; color:#FB9E30; margin:6px 0}
#droite h4 {font-size:12px; color:#FB9E30; margin:6px 0}
#droite .description a {text-decoration:underline}

#portfolio, #docs {clear:both; margin:10px 0}

div.clear {clear:both; border-top:1px solid #E3F1F2; height:1px; margin:0 0 10px 0}

#content .visuel {float:right; margin:0 0 10px 10px; width:360px; text-align:right; position:relative}
#content .visuel img {margin:0 0 20px 0}
#content .description, #content .description ul {font-size:13px; color:#296C89}
#content .chapeau, #content .chapeau * {font-size:14px; color:#296C89}


h2.chemin, h2.chemin * {color:#414141!important; font-size:11px!important; font-weight:normal!important; margin:0!important}

#loupe {position:absolute; width:23px; height:23px; top:0; right:0; background:url(zoom.png); display:block}
.center {text-align:center}
.right {text-align:right}

#imprimer a {display:block; margin:10px 0; font-size:12px; font-weight:bold; color:#286C89}

table.encart td {
	border:2px solid #FB9E30; 
	margin:20px 0; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:20px
}

.rubrique_liste .savoir_plus {margin:10px 0 0 0}