html, body {font-family:Arial, Verdana, sans-serif;color:#434343;text-align:center;margin:0;padding:0;font-size:11px;background:#D3D3D3 url(images/mainBg.png) center top repeat-y;}
.page {margin:0px auto;text-align:left;font-size:11px;width:980px;}


.page.iframe, .page.dhtml, .page.popup {width:auto;max-width:989px;!width:expression(this.scrollWidtht > 989 ? 989 : true);background:none;}


* {margin:0;padding:0;}
form {display:inline;}
a img {border:0px;}
sup {vertical-align:baseline;position:relative;_position:static;top:-3px;font-size:0.80em;}
sub {vertical-align:baseline;position:relative;_position:static;top:3px;font-size: 0.80em;}

/* Styles par défaut */
a {color:#2175bc;font-weight:bold;}
a:hover {color:#2175bc;}
p {padding:7px 0;}
input, textarea, select {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#454540; border: 1px solid #D3D3D3; padding: 2px; vertical-align: middle;}
input.checkbox {!border:none;}
input.submit {background: url(images/filter-bg.png); font-weight: bold; text-transform: uppercase; color: #2677BC; border: 1px solid #d3d3d3; padding: 2px 5px; font-size:1em; vertical-align: middle;}
input.submit.big {height:22px;}
input.radio {border:none;}
small input.text {font-size:11px;}
textarea {font-size:12px;}
select option {padding-left:5px;padding-right:2px;}
.erreur, .message {}
.erreur {color:#c92812;font-style:italic;}
.message {color:#22a6be;font-weight:bold;}
.vide {text-align:center;}
.spacer {clear:both;}
p.title_ul {padding-bottom:2px;padding-top:9px;}
p.bottom_ul {padding-top:2px;padding-bottom:9px;}
ul {padding-bottom:9px;}
ul.with-bottom { padding-bottom:2px; }
li {margin-left:20px; padding-bottom:2px; }
.hidden_fields {display:none;}
.b_print {float:right;color:#22a6be;}
.hl{font-weight: bold; color: #2175bc;}
.field{padding-top: 3px;}
.error{ color: #ff0000; font-weight: bold;}
.erreur-404 { font-size:13px; background:url(images/warning.gif) 8px 7px no-repeat; line-height:40px; color:#454540; padding-left:53px; border:1px dashed #2677BC; width:440px; margin:7px auto; }
.validation{ color: #4DB027; font-weight: bold;}


#contentVisuel{float: left; width: 250px;text-align: center; padding-top: 20px; }

#contentText{float: left; width: 450px;}

table.default thead {background: url(images/filter-bg.png) bottom repeat-x;color: #454540;font-weight:bold;}
table.default thead th {line-height:18px;padding:2px 2px 7px 2px;text-align:center; border-bottom: 1px solid #d3d3d3;}
table.default tbody td {padding:2px;border-bottom:1px solid #dfdfdf;}
table.default thead .table_top {background:white;}
table.default thead .table_top td {text-align:left;line-height:20px;}
table.default thead .table_top a.opt {display:block;float:right;text-decoration:none;}
table.default .lien_new {background:url(images/catalogue/plus.gif) left no-repeat;padding-left:15px;}

/*** Blocs de la page ***/
#header {text-align: left;height: 120px; background: #ffffff url(images/header.png) left top no-repeat; position: relative;}
#header .logo a{position: absolute; width: 100px; height: 100px; top: 0px; left: 65px; line-height: 99em; overflow: hidden;}

#header .illus_print {display:none;}
#keywords {position:absolute;top:20px;margin-left:178px;!margin-left:-100px;color: #494944;padding-top: 1px;z-index:0;}
.logo {float:left;padding-left:20px;padding-top:20px;}
.anim {float:right;z-index:0;}
#footer {clear:both;text-align: right;color: #454540;font-size: 0.9em;padding:0 20px;line-height:35px; background: url(images/footerBg.png) repeat-x;}
#bottom {background:url(images/footer.gif) bottom no-repeat;height:12px;}
.recyclage {display:block;/*background:url(images/recyclage.gif) left no-repeat;*/padding-left:25px;color: #428b26;float:left;}
.mentions {font-size:0.9em;clear:both;padding-top:10px;padding-left:7px;}

/*** Bloc connexion espace client ***/
#espace_client_login {color:#4b6093;padding:3px 5px;text-align: right;font-size:0.9em; }
#espace_client_login .title {vertical-align:top;position:relative;top:3px;display:inline;padding-right:7px;font-weight:bold;/*background:url(images/catalogue/ico_espace_client.gif) left no-repeat;padding-left:20px;*/}
#espace_client_login .field {display:inline;}
#espace_client_login .field label {display:none;font-weight:bold;}
#espace_client_login input.text {font-size:0.9em;color:#4b6093;}
#espace_client_login input#espace_client_login_id {width:120px;}
#espace_client_login input.submit {background:#4b6093;cursor:pointer;border:none;color:white;/*font-weight:bold;*/font-size:1em;padding:0 4px;}
#espace_client_login input.submit:hover {background:#22a6be;}
#espace_client_login p {padding:2px 0;}
#espace_client_login p.erreur {float:left;}

#espace_client_login2 {float:left;width:50%;}
#form_espace_client_login2, #form_oubli {display:block;padding-top:10px;padding-left:30px;}
#form_espace_client_login2 .field, #form_oubli .field {margin-top:10px;}
#form_espace_client_login2 label, #form_new_compte_client label, #form_advanced_search label  {width:90px;display:block;float:left;}
#form_oubli label  {width:60px;display:block;float:left;}
#form_new_compte_client input.checkbox {width:20px;margin-left:70px;display:block;float:left;}
#form_new_compte_client label.checkbox, #form_new_compte_client label.radio, #form_espace_client_login2 label.checkbox, #form_espace_client_login2 label.radio {width:auto;display:inline;float:none;}
#form_new_compte_client label.radio {padding-left:5px;padding-right:20px;}
#form_new_compte_client small label, #form_espace_client_login2 small label {margin-left:90px;!margin-left:0;width:auto;padding-right:5px;padding-top:2px;}
#form_espace_client_login2 small label {margin-left:0;}
#new_compte_client {padding-left:50%;}
#form_new_compte_client input.text, #form_oubli input.text, #form_advanced_search input.text {width:184px;}

/*** Menu horizontal ***/
#menu {height:42px;background:white url(images/menuBg.png) top repeat-x;font-size: 0.9em;clear:both;margin:0 20px 20px 20px;border-left: 1px solid #2f76ad; border-right: 1px solid #2f76ad;}
#menu li{display: block; float: left; margin: 0px;padding-top: 4px;}
#menu li a{display: block; height: 32px; line-height: 99em; overflow: hidden;}
#menu li.elt1 a{background-image: url(images/mainMenu-bg1.png); width: 282px;}
#menu li.elt2 a{background-image: url(images/mainMenu-bg2.png); width: 176px;}
#menu li.elt3 a{background-image: url(images/mainMenu-bg3.png); width: 260px;}
#menu li.elt4 a{background-image: url(images/mainMenu-bg4.png); width: 207px;}

/*** Bloc .content ***/
.content {margin:0 20px 0 20px; color: #454540;font-size: 1em; width: 700px; float: left; _display: inline;  padding-bottom: 15px; /* FIE IE6 Double margin floating box*/ }
.page.iframe .content, .page.dhtml .content, .page.popup .content {width:auto; padding:0;}
.content h1 {font-size: 1.6em;font-weight:bold;color: #2677bc;}
.content h2 {font-size: 1.2em;font-weight: bold;margin:5px 0;}
.content img {/*vertical-align:middle;*/}
.content .illus {padding-right:10px;}


/**** BLOC #rightCol****/
#rightCol { float: left; width: 220px; }
.sideBlock-content{padding: 5px;}
.sideBlock img{display: block;}
.sideBlock {padding: 1px; margin-bottom: 10px; border: 1px solid #d3d3d3;}
.sideBlock h3{font-size: 11px; color: #ffffff; background: url(images/rightCol-header2.png) left top repeat-x; height: 24px; line-height: 24px; text-indent: 10px;}
.demandeExpress h3{ background-image: url(images/rightCol-header1.png)}
.demandeExpress .row{padding-bottom: 3px;}
.demandeExpress input, .demandeExpress textarea{ border: 1px solid #d3d3d3; color: #434343; font-size: 11px; padding: 2px; width: 202px}
.demandeExpress .submit{ padding: 0px; text-align: right;}
.demandeExpress .submit input{border: none; width: auto;}
.demandeExpress .sideBlock-content{}

#demandeExpressForm{ margin-top: 5px;}
#demandeExpressForm input, #demandeExpressForm textarea{ border: 1px solid #ccc; font-size: 11px; padding: 2px; width: 195px;}
#demandeExpressForm .row{padding-bottom: 3px;overflow: hidden;}
#demandeExpressForm .submit input{width: auto; border: none; float: right;}
.msgRetour{ color: #4db027; font-size: 11px; font-weight: bold;}




/**** BLOC #nav_espace_client ****/
#nav_espace_client .espace_client_login{ text-align: center; padding: 0px 0px 5px 0px;}
#nav_espace_client .espace_client_login a{ padding-right: 10px; background: url(images/picto-lock.png) center right no-repeat; }
#nav_espace_client .espace_client_accroche{ background: #2677BC; text-align: center; color: #fff;}
#nav_espace_client .espace_client_accroche a{ padding-right: 10px; background: url(images/picto-plus-deux.png) center right no-repeat; color: #fff;}
#nav_espace_client .sideBlock-content{padding: 1px;}

#nav_espace_client .field input{	border:1px solid #D3D3D3;	color:#434343;	font-size:11px;	padding:2px;	width: 130px;}
#nav_espace_client .field input.submit{ width: 30px; margin-left: 4px;}
#nav_espace_client .field{ padding-bottom: 3px; margin-top: 2px; }
#nav_espace_client .field .password{ width: 96px;}
#nav_espace_client .espace_client_login form{ padding: 4px 0px; display: block; }

/**** BLOC nos engagements ****/
.engagements ul, #nav_espace_client ul { margin: 0px; padding: 0px;}
.engagements li, #nav_espace_client li { margin-left: 0px; list-style-type: none; padding-left: 10px; background: url(images/picto-fleche.png) center left no-repeat; margin-bottom: 3px;}
.engagements li a, #nav_espace_client li a { text-decoration: none; color: #434343; font-weight: normal;}


/**** BLOC PAGE D'ACCUEIL ****/
#homeContent-quisommes, #homeContent-nouveautes, #homeContent-marques{ width: 220px; float: left; text-align: justify; margin-right: 20px; }
#homeContent h2{ height: 20px; line-height: 99em; overflow: hidden; margin-bottom: 10px; background-position: left center; background-repeat: no-repeat;}
#homeContent-quisommes h2{background-image: url(images/title-quisommenous.png)}
#homeContent-quisommes strong{font-size: 13px; color: #2175bc;}
#homeContent-nouveautes h2{background-image: url(images/title-nouveaute.png)}
#homeContent-nouveautes .homeContent-nouveautes-visuel{float: left; padding: 1px; border: 1px solid #ccc; margin-right: 5px;}
#homeContent-nouveautes p{margin-top: 0px; margin-bottom: 5px; padding: 0px;}
#homeContent-marques h2{background-image: url(images/title-nosmarques.png)}
#homeContent-marques{ margin: 0px}
#homeContent .homeContent-content{ height: 225px; }
#homeContent .linkMore{display: block; text-align: right; }
#homeContent .homeContent-listeMarque img{border: 1px solid #d3d3d3; margin-right: 4px;}
#homeContent .homeContent-listeMarque .last img{margin: 0px;} 
#carousel-wrapper { width: 698px; height: 175px;	overflow: hidden;	border: 1px solid #d3d3d3}
#carousel-content { width: 2800px;}
#carousel-content .slide {	float: left; width: 698px; height: 175px; }
#homeCarroussel{margin-bottom: 20px; position: relative; z-index: 5;}
#homeCarroussel .slide span{ font-size: 12px;background: #ffffff; display: block; height: 35px; line-height: 35px; text-align:center; margin-top: 140px; color: #969695;}
#homeCarroussel .slide span b{color: #454540}
#homeCarroussel .slide.doubleLine span{line-height: 14px; height: 33px; padding-top: 2px;}
#homeCarroussel .ico-prev, #homeCarroussel .ico-next{display: block; position: absolute; line-height: 99em; overflow: hidden; top: 50px; background: url(images/carousel-leftArrow.png); width: 32px; height: 50px}
#homeCarroussel .ico-prev{ background: url(images/carousel-leftArrow.png); left: 0px; }
#homeCarroussel .ico-next{ background: url(images/carousel-rightArrow.png); right: 0px}
.homeContent-quisommes-link{font-size: 10px; text-align: right; font-weight: normal; display: block;}

/*** Search Bar ***/
#searchBar {background: #eaeaea; height: 32px; position: relative; margin-bottom: 15px; z-index: 10; }
#searchBar-explorer {background: #eaeaea url(images/search-explorer.png) left 0px no-repeat; height: 32px; width: 215px; padding-left: 155px; float: left;}
#searchBar-rechercher {background: #dedede url(images/search-rechercher.png) left center no-repeat; height: 32px; width: 220px; padding-left: 110px; float: left;}
#searchBar-rechercher .submit{padding: 0px; border: none; }
#searchBar-categories, #searchBar-marques{ position: absolute; width: 700px; padding-top: 20px; height: 630px; top: 32px; left: 0px; background: #1d679f url(images/search-rechercher-ro.png) left bottom repeat-x}
#searchBar-marques{ width: 940px; }
#searchBar-categories{ height: 150px}
#searchBar ul li{ list-style-type: none; margin: 0px; float: left; margin-left: 15px; padding-right: 15px; border-right: 1px dotted #4381b1}
#searchBar ul li li{float: none; padding: 0px; margin: 0px; border: none;}
#searchBar ul li a{font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none;}
#searchBar ul li span, .searchBar-marques-col span{font-size: 15px; color: #ffffff; ; font-weight: bold;}
#searchBar ul li li a{font-size: 11px; color: #bdd5e5; font-weight: normal;}
/*#searchBar .searchBar-marques-col{ float: left; margin-left: 15px; padding-right: 15px; border-right: 1px dotted #4381b1;}*/
#searchBar .searchBar-marques-col{ float: left; margin-left: 7px; padding-right: 7px; border-right: 1px dotted #4381b1;}
#searchBar .searchBar-marques-col p{padding: 0px; line-height: 10px;}
#searchBar .searchBar-marques-col p a{font-size: 9px; color: #bdd5e5; font-weight: normal; text-decoration: none; }

#searchBar  .searchBar-marques-col span{ display: block; margin-top: 10px;}
#searchBar .searchBar-explorer-filter{ display: block; _display: inline; float: left; font-weight: normal;margin: 5px 5px 0px 0px; width: 70px; padding: 0px 20px 0px 10px; height: 20px; line-height: 20px; border: 1px solid #d3d3d3; color: #9e9d9d; background: #fff url(images/puce1.png) right center no-repeat; text-decoration: none }
#searchBar .searchBar-explorer-filter:hover, #searchBar .searchBar-explorer-filter.rollover{ margin-top: 0px; background: #1d679f url(images/puce1-ro.png) right center no-repeat; color: #fff; border: 1px solid #1d679f; height: 32px; line-height: 32px;}
#searchBar #fast_search{height: 20px; line-height: 20px; border: 1px solid #d3d3d3; color: #9e9d9d; background: #fff; font-size: 11px; width: 160px; padding: 0px;}



/*** Styles génériques ***/
.service {padding:5px 10px;color:#454540;text-align:left;float:left;margin-right:15px;margin-bottom:15px;font-size:0.9em;}
.service_p {clear:both;text-align:center;}
.service h2 {}
.service h2 img {}
#service1,#service3 {width:510px;}
#service2,#service4 {width:340px;}
#service1,#service2 {_height:145px;min-height:145px;}
#service3,#service4 {_height:175px;min-height:175px;}
#service2,#service4 {margin-right:0;margin-left:5px;}
.blackboxes {margin:10px auto;width:700px;}
.blackbox {color:#454540;width:300px;padding:6px;text-align:left;float: left;margin-right: 25px;margin-bottom:20px;}
.blackbox h2 {font-size: 1.1em !important;line-height:1.1em;padding-left:18px;background:url(images/h1_bg-c.gif) 0 0 no-repeat;border-bottom:1px solid #22a6be;color:#22a6be;font-style:italic;!margin-top:8px;}
.blackbox a.lire {color:#22a6be;float: right;font-size:0.9em;background:url(images/puce-arrow-g.gif) left no-repeat;padding-left:10px;}
.blackbox img {float:left;margin-right:7px;}
.blackbox p { height: 20px; padding-top:0;overflow: hidden; font-size:0.9em; }
.realisation {color:#454540;padding:6px;text-align:left;float:left;/*_float:none;*/margin-bottom:15px;font-size:0.9em;}
.realisation p {padding-top:0;padding-bottom:0;}
.realisation p.legende {text-align:center;font-style:italic;}
.realisation img {display:block; margin:0 auto;}
#realisation1,#realisation3 {width:470px;!width:472px;margin-right:15px;}
#realisation2,#realisation4 {width:380px;!width:382px;}
#realisation1,#realisation2 {_height:355px;min-height:355px;}
#realisation3,#realisation4 {_height:405px;min-height:405px;}
#realisation5,#realisation6 {width:889px;!width:893px;}
#mail_actualite {margin:0 auto;text-align:center;padding:15px 15px 12px 15px;width:500px;}
#mail_actualite table {margin:0 auto;}

form .required_field {color: #ff0000;font-weight:bold;}
#form_contact .formfield1 {margin:1px;padding:1px;width:200px; border: 1px solid #ccc; font-size: 11px; padding: 2px}
form .validation-advice {position:absolute;margin-left:280px;margin-top:-20px;!margin-left:15px;!margin-top:2px;font-style: italic;}
#msg_contact {color:#454540;}

#form_client_profil .text {margin:1px;padding:1px;width:250px;}
#form_client_profil td.label {text-align:right;padding-right:5px;}
#form_client_profil .champ {padding:2px;}
#form_client_profil .champ label {padding-left:5px;padding-right:10px;}
#form_client_profil input.radio {position:relative;top:2px;}

.link { color: #ff0000 }
.vat { vertical-align: top}

ul.puces_deb li,.li_like {
	list-style-type:none;
	background:url(images/puce-square-b.gif) 0 6px no-repeat;
	padding-left:10px;
	margin-left:10px;
}
.li_like {
	display:block;
}

#contentText li{ background: url(images/picto-fleche.png) left 4px no-repeat; padding-left: 15px; list-style-type: none; margin: 0px;}


.btnType1{display: block; text-decoration: none; height: 22px; line-height: 22px; color: #fff; font-weight: bold; font-size: 11px; float: left; background: url(images/btnType1-left.png) left center no-repeat; padding-left: 9px;}
.btnType1:hover{color: #fff}
.btnType1 span{display: block; background: url(images/btnType1-right.png) right center no-repeat; padding-right: 10px;}
/*** Styles javascript ***/
.blackbox, .service, .realisation {padding:4px 10px 12px 10px;}
.blackbox, .service, .realisation, #mail_actualite {border:2px solid #4b6093;}
#service1 .sb-gen {padding-top:-20px;}

/*** STYLES RUBRIQUE CATALOGUE ***/
.form_filtres {margin:15px 0px;padding: 5px; display:block; border: 1px solid #dbdbdb; background: #d9d9d9 url(images/filter-bg.png) left top repeat-x; height: 20px; line-height: 20px;}
.form_filtres select {border:1px solid #DBDBDB;font-size:0.9em; padding: 1px;}
#form_filtres2 {clear:both;}
.form_filtres .b_submit {display:inline;}
.form_filtres .field {display:inline;white-space:nowrap;!white-space:normal;padding-right:10px;}
.form_filtres .field select, .form_filtres .field input.text {}
.form_filtres .field input.text {width:100px;}

#nav_gauche {float:left;_position:relative;width:170px;color:#4b6093;}
#nav_droite {float:right;_position:relative;width:170px;color:#4b6093;}
#nav_gauche .title, #nav_droite .title {border-bottom:2px solid #4b6093;font-size:1.1em;font-weight:bold;}
.fil_ariane {margin-bottom: 10px;}
.fil_ariane .infos_resultats {float:right;font-weight:normal;padding-top:5px;font-size:0.9em;}

#page_catalogue h2{ color: #DB7011; padding-left: 10px; }
#page_catalogue .familleList li{display: inline; margin: 0px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc;}
#page_catalogue .familleList li a{ text-decoration: none; color: #454540;}
#page_catalogue .familleList li.active a{ text-decoration: underline; color: #2175BC;}
#page_catalogue .familleList{padding: 0px 10px 5px 10px;  background: url("images/filter-bg.png") repeat-x scroll left top #D9D9D9}
#page_catalogue .familleFilter{border: 1px solid #ccc; margin: 10px 0;}

.universFamTitle img{ vertical-align: middle;} 
.universFamTitle{ margin-bottom: 15px; }
/*Version avec 3 par ligne*/
.article {font-size:0.9em;padding:1px; border:1px solid #d3d3d3;float:left;width:160px; margin: 0px 14px 14px 0px; position: relative;}
.article.last{margin-right: 0px;}
.article.sb {width:167px;}
.article_cont {height:230px;overflow:hidden;}
.article .marque {color: #1e74b4; font-weight: bold; font-size: 11px;}
.article .reference{color: #9d9d9d; font-size: 9px; }
.article .tranche {float:right;font-weight:bold;font-style:italic;color:#4b6093;font-size:1.1em;padding-left:7px;}
.article .visuel {position:static;margin-top:0;z-index:0;text-align:center; padding-top: 5px;}
.article .visuel * {position:static;margin-top:0;z-index:0;}

.article .boutons {position:absolute;margin-top:111px;}
.article .bouts {text-align: right; position: absolute; bottom: 0px; right: 0px;}


.bouton_alone .bouton {float:left;}
.article .bouton, .bouton_alone .bouton {background:url(images/catalogue/bouton_back.png) right top no-repeat;_background-image:url(images/catalogue/bouton_back.gif);height:23px;margin-bottom:3px;margin-left:5px;_margin-left:0;/*position:relative; z-index:1;*/}
.article .bouton a, .bouton_alone .bouton a {position:relative;left:-5px;display:block;height:23px;line-height:23px;text-decoration:none;color:white;font-weight:normal;padding-left:25px;padding-right:7px;_position:inherit;!width:expression(this.scrollWidth > 200 ? 200 : true);}
.article .bouton_fiche {background:url(images/catalogue/bouton_fiche.png) top left no-repeat;_background-image:url(images/catalogue/bouton_fiche.gif);}
.article .bouton_add {background:url(images/catalogue/bouton_add.png) top left no-repeat;_background-image:url(images/catalogue/bouton_add.gif);}
.article .bouton_retour, .bouton_alone .bouton_retour {background:url(images/catalogue/bouton_retour.png) top left no-repeat;_background-image:url(images/catalogue/bouton_retour.gif);}
.articles-header{background: #eaeaea; padding: 3px;}


/** Ajustements pour la fiche article **/
#ficheArticle{ position: relative;}
#ficheArticle h1{ font-size: 17px; margin: 0px;}
#ficheArticle .reference{ font-size: 13px;}
#ficheArticle .tranche{font-weight: bold; font-size: 17px;}
#ficheArticle .visuel{float: left; width: 300px; padding-top: 10px; margin-bottom: 20px;}
#ficheArticle .visuel img{border: 1px solid #d3d3d3;padding: 2px;}
#ficheArticle .ficheArticle-desc{float: left; width: 400px; padding-top: 10px; ;}
#ficheArticle .desc{padding-bottom: 30px;}
#ficheArticle .bouton{width: 205px; float: left; font-size: 10px; text-align: center; color: #9e9d9d;}
#ficheArticle .bouton a{ display: block; width: 204px; height: 33px; line-height: 99em; overflow: hidden;}
#ficheArticle .bouton-addSelection a{ background: url(images/btn-AjouterSelection.png);}
#ficheArticle .bouton-demandeExpress a{ background: url(images/btn-demandeExpress.png);}
#ficheArticle .ficheArticle-univers{ width: 195px; float: left;}
#ficheArticle .ficheArticle-telephone{position: relative; height: 45px; line-height: 45px; color: #E88914; font-size: 12px; font-weight: bold; clear: both; border: 1px solid #d3d3d3; text-indent: 30px;}
#ficheArticle .ficheArticle-telephone .tel{display: block;font-size: 18px; color: #434343; position: absolute; right: 0px; top: 0px; background: url(images/icone-phone.png) left center no-repeat; padding: 0px 15px; width: 150px;}
#ficheArticle .lienUnivers{display: block; text-align: center; font-size: 10px; font-weight: normal}
#ficheArticle #ficheArticle-header{ overflow: hidden; margin-bottom: 10px;}



/**** Style pour la page marques ****/
#marquesContent #listeMarques img{display: block; float: left; margin-right: 6px; margin-bottom: 5px; border: 1px solid #cccccc; padding: 1px;}
#marquesContent h2{ color: #DB7011; padding-left: 10px; }
#marquesContent .familleList li{display: inline; margin: 0px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc;}
#marquesContent .familleList li a{ text-decoration: none; color: #454540;}
#marquesContent .familleList li.active a{ text-decoration: underline; color: #2175BC;}
#marquesContent .familleList{padding: 0px 10px 5px 10px; background: url("images/filter-bg.png") repeat-x scroll left top #D9D9D9}
#marquesContent .familleFilter{border: 1px solid #d3d3d3;margin-bottom: 5px; }



.actualites-item{ border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden;}
.actualites-item-visuel{float: left; border: 1px solid #ccc; padding: 1px; margin-right: 10px;}
.headerActu{margin: 10px 0px 20px 0px; font-weight: bold;}



.nbProduits, .filtres, .tris{ float: left; padding: 0px 4px; background: url(images/filter-sep.png) center right no-repeat; margin-right: 4px; }
.nbProduits {font-weight: bold;}
.nav_pages {float:left;}
.nav_selection .selection_article {padding:4px 0;}
.nav_selection .selection_article_delete {display:block;float:left;padding-right:3px;!margin-top:2px;}
.nav_selection .selection_article_view {display:block;float:left;padding-right:3px;!margin-top:2px;}
.nav_selection .selection_actions {padding-top:2px; text-align: center}
.nav_selection .selection_save {text-decoration: none; color: #2175bc; font-weight: normal;}
.nav_selection .selection_delete {text-decoration: none; color: #da0808; font-weight: normal;}

#nav_recherche {margin-bottom:10px;}
#nav_recherche .title {background:url(images/catalogue/ico_search.gif) left 1px no-repeat;padding-left:16px;}
#nav_recherche input#fast_search {width:148px;_width:143px;margin-top:2px;text-align:center;font-size:0.9em;color:#4b6093;}
#nav_recherche .b_submit {text-align:center;margin:2px;}
#nav_recherche .submit {background:#4b6093;border:none;color:white;/*font-weight:bold;*/font-size:1em;padding:0 4px;cursor:pointer;}
#nav_recherche .submit:hover {background:#22a6be;}
.nav_selection .vide {font-size:0.9em;text-align:center;margin-top:2px;}
#nav_recherche .advanced_search {border-top:1px solid #4b6093;line-height:16px;font-size:0.9em;text-align:center;margin-top:2px;}
#nav_recherche .advanced_search a  {text-decoration:none;}
#nav_recherche .advanced_search a:hover {text-decoration:underline;}

#nav_univers .title {background:url(images/catalogue/ico_univers.gif) top left no-repeat;padding-left:16px;}
.nav_selection .title {background:url(images/catalogue/ico_selection.gif) left 2px no-repeat;padding-left:16px;}
.nav_selection .title .name {font-style:italic;font-size:12px;}
#nav_espace_client .title {background:url(images/catalogue/ico_espace_client.gif) left 2px no-repeat;padding-left:16px;}
#nav_univers ul,#nav_univers li, #nav_partenaires ul,#nav_partenaires li {margin:0;padding:0;list-style-type:none;}
#nav_espace_client li a:hover, #nav_espace_client li a.on, #nav_partenaires li a.on, #nav_partenaires li a:hover  {text-decoration:underline;color:#22a6be;}
#nav_espace_client .vide {margin-top:2px;}
#nav_espace_client .vide a {text-decoration:underline;color:#22a6be;font-weight:normal;}
#nav_univers .niv1 ul {display:none;}
#nav_univers .niv1 .on ul, #nav_univers .niv1 .opened ul {display:block;}
#nav_univers .niv1 a {background:url(images/catalogue/ico_arrow.gif) left 5px no-repeat;padding-left:10px;}
#nav_univers .niv1 .on a, #nav_univers .niv1 .opened a {background:url(images/catalogue/ico_arrow_opened.gif) left 5px no-repeat;padding-left:10px;}
#nav_univers .niv1 .on * a {color:#22a6be;}
#nav_univers .niv1 a:hover {color:#22a6be;}
#nav_univers .niv1 .on a:hover, #nav_univers .niv1 .opened a:hover {margin-left:0;}
#nav_univers .niv2 li {border:none;font-size:0.95em;}
#nav_univers .niv2 a {background:url(images/catalogue/ico_niv2.gif) 1px 5px no-repeat !important;margin:1px 0 1px 2px !important;padding-left:10px;}
#nav_univers .niv2 .on a, #nav_univers .niv2 a:hover, #nav_univers .niv2 .opened a {text-decoration:underline;color:#22a6be;}
#nav_univers .last, #nav_espace_client .last, #nav_partenaires .last {border:none;}

#nav_page a {text-decoration:none;}

#page_catalogue .intro_univers {padding-left:7px;/*font-weight:bold;font-style:italic;*/background:url(images/corner_tl.gif) top left no-repeat;padding-top:7px;padding-left:10px;display:block;/*border-left:2px solid #22a6be;*/margin-left:7px;margin-right:11px;margin-bottom:10px;}
#page_catalogue .intro_univers .corner_br {background:url(images/corner_br.gif) bottom right no-repeat;height:50px;width:50px;position:relative;top:-50px;float:right;}
#page_catalogue .intro_univers p {padding-top:0;}
#page_catalogue .intro_univers li {list-style-type:square;}
.bloc_univers { float: left; margin-bottom: 20px; border-right: 1px dotted #cccccc; padding-right: 20px; margin-right: 20px; width: auto;}
.bloc_univers .title {font-size: 17px;font-weight:bold; color:#e88914;}
.bloc_univers .univers_all a {font-size:10px; font-weight: normal;}
.bloc_univers .nav_familles{ height: 80px;}
.bloc_univers .nav_familles li{list-style-type: none; margin: 0px;}
.bloc_univers .nav_familles li a {text-decoration:none;font-weight:normal; color: #434343;}
#bloc_univers3, #bloc_univers5{margin-right: 0px; padding-right: 0px; border: none; }

#catalogueMarqueHeader{overflow: hidden;}
#catalogueMarqueHeader img{ border: 1px solid #cccccc; padding: 1px; float: left;}
#catalogueMarqueHeader #catalogueMarqueUnivers{float: left; width: 170px; padding-left: 20px; }
#catalogueMarqueHeader #catalogueMarqueIntro{float: left; width: 400px; padding-left: 20px; }
#catalogueMarqueUnivers li a{ color: #454540; font-weight: normal; text-decoration: none;}
#catalogueMarqueUnivers li a.active{color: #2677BC; text-decoration: underline;}




.bloc_univers .corner_tl {background:url(images/corner_tl.gif) top left no-repeat;height:50px;width:50px;position:relative;float:left;margin-right:-50px;left:-7px;top:-3px;}
.bloc_univers .corner_br {background:url(images/corner_br.gif) bottom right no-repeat;height:50px;width:50px;position:relative;top:-50px;float:right;left:7px;top:3px;}
.bloc_univers .corner_br {margin-top:-50px;}




#demandeNewsletter{ background: #EAEAEA; text-align: center;}
#demandeNewsletter #dn_email{ font-size: 11px; padding: 2px; border: 1px solid #B4B4B4; width: 160px;}
#demandeNewsletter #demandeNewsletter-submit{ border: none; }
#demandeNewsletter a{ display: block; font-weight: normal; padding: 2px 0px }


.desabonnement{ padding: 20px 0px; display: block;}
.desabonnement label{ font-weight: bold; margin-right: 10px}


/*** BLOC CONTACT ***/
.bloc_contact_dbl {float:right; width:240px; }
.bloc_contact {text-align:center;}

/*** STYLES ESPACE CLIENT ***/
.selection_list {width:565px;}
.selection_list td, .selection_list th {text-align:center;}
.selection_list input.text {height:13px;border:none;border-bottom:1px dotted #999999;text-align:center;}
.selection_list .submit_sel_name {border:none;background:#4b6093;color:white;font-size:11px;cursor:pointer;}
.selection_list {width:700px;  border: 1px solid #d3d3d3; clear: both; margin: 10px 0px; border-bottom: none;}
.selection_detail_list {width:100%;}
table.selection_detail_list thead th {text-align:left;}
.selection_detail_list a {font-weight:normal;text-decoration:none;color:#454540;}
.selection_detail_list a:hover {text-decoration:underline;}

/** STYLES PARTENAIRES **/
#nav_partenaires {float:left;width:150px;margin-bottom:30px;}
#nav_partenaires .title {background:url(images/ico_partenaires.gif) left 2px no-repeat;padding-left:18px;border-bottom:2px solid #4b6093;font-size:1.1em;font-weight:bold;color:#4B6093;}
.part-gallery {margin-left:220px;width: 620px;margin-top: 10px;text-align: left;}
.part-gallery h1 {margin-bottom:20px;}
.part-gallery img {border: 1px solid #ccc;margin-right: 4px;margin-bottom: 4px;}

/** STYLES LOGISTIQUE **/
/*
#page_logistique .content {line-height:18px;}
#page_services .content {line-height:18px;}
#page_recrutement .content {line-height:18px;}
#page_activite .content {line-height:18px;}
*/
#contentText {line-height:18px;}
#page_support #contentText {width: auto;}
.support-operations-papiers, .support-operations-internet{ padding: 10px 0px }
.support-operations-papiers img, .support-operations-internet img{ border: 1px solid #ccc; padding: 1px; margin-right: 13px; }




/** Comportements particuliers suivant le target de la page **/
#page_catalogue_fiche .content {background:none;}
iframe {width:100%;border:none;}