﻿/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%;
}
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: .8em;
	line-height: 1.25;
	color: #004084;
	background: #fff;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 18px 0 9px 0;
}
h1, h2 {
	font-weight: normal;
}
h1 {
	font-weight:bold;
	font-size:1.5em;
	margin-top:0px;
}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: 10px 0 10px 20px;
	padding: 0;
}
ul {
	list-style: disc;
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: 10px 0;
}
li p, blockquote p {
	margin: 10px 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
}
blockquote {
	margin: 10px 0 10px 20px;
}
cite {
	font-style: italic;
}

/* Liens */
a{
	color:#446F14;
	text-decoration:underline;
}

a:hover, a:focus{
	text-decoration:none;
}

a img {
	border: none;
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

/* ------ STYLES ------ */

.error{
	border:#E20000 solid 1px !important;
}

.container {
	width:100%;
	clear:both;
}
#page_largeur{
	clear:right;
}
.contenu {
	margin:0 auto;
	width:980px;
}

/*-- HEADER --*/

#entete {
	height:152px;
	background: transparent url(../images/header.jpg) 0 0 no-repeat scroll;
	position:relative;
}

#logo {
	position:absolute;
	top:0;
	left:20px;
	height:120px;
	width:222px;
}

#logo a {
	display:block;
	width:100%;
	height:100%;
}

#header_accueil {
	position:absolute;
	/*top:0;*/
	top:-7px;
	/*left:285px;*/
	left:258px;
	background:transparent url(../images/menu/bienvenue_header_constructi.png) 129px 0 no-repeat scroll;
	height:153px;
	width:573px;	
}
#header {
	position:absolute;
	/*top:0;*/
	top:-7px;
	/*left:285px;*/
	left:258px;
	background:transparent url(../images/menu/vous_etes_header_constructi.png) 129px 0 no-repeat scroll;
	height:153px;
	width:573px;	
}

/* menu haut */

ul#menu_header {
	padding:0;
	margin:0;
	height:40px;
	position:absolute;
	top:110px;
	left:60px;
	list-style:none;
}

ul#menu_header a{
	display:block;
	height:16px;
	width:100%;
	padding:12px 0;
	text-decoration:none;
	color:#004084;
	font-weight:bold;
}

ul#menu_header li {
	padding:0;
	margin:0;
	float:left;
	height:40px;
}

ul#menu_header li span#home {
	display:block;
	height:40px;
	background:transparent url(../images/menu_home.png) 0 0 no-repeat scroll;
	width:34px;
}

ul#menu_header li span#home a {
	display:block;
	width:100%;
	height:100%;
}

ul#menu_header li.debut, ul#menu_header li.debut_orange, ul#menu_header li.debut_vert, ul#menu_header li.debut_turquoise {
	padding-left:13px;
	background:transparent url(../images/menu_li.png) 0 0 no-repeat scroll;
}

ul#menu_header li#debut_menu {
	padding-left:14px;
	background:transparent url(../images/menu_li_debut.png) 0 0 no-repeat scroll;
}

ul#menu_header span.link, ul#menu_header span.link_orange, ul#menu_header span.link_vert, ul#menu_header span.link_turquoise {
	display:block;
	height:40px;
	background:transparent url(../images/menu_span_bg.png) 0 0 repeat-x scroll;
	float:left;
}

ul#menu_header span.end, ul#menu_header span.end_orange, ul#menu_header span.end_vert, ul#menu_header span.end_turquoise {
	display:block;
	height:40px;
	background:transparent url(../images/menu_span_end.png) 0 0 no-repeat scroll;
	width:15px;
	float:left;
}

ul#menu_header span#end_menu {
	display:block;
	height:40px;
	background:transparent url(../images/menu_last_end.png) 0 0 no-repeat scroll;
	width:20px;
	float:left;
}

ul#menu_header li.active a, 
ul#menu_header li.active_orange a, 
ul#menu_header li.active_vert a, 
ul#menu_header li.active_turquoise a, 
ul#menu_header li:hover a, 
ul#menu_header li:active a, 
ul#menu_header li:focus a {
	color:#fff;
}

ul#menu_header li:hover span#home,ul#menu_header li:focus span#home,ul#menu_header li:active span#home,ul#menu_header li.active span#home {
	background:transparent url(../images/menu_home_hover.png) 0 0 no-repeat scroll;
}

ul#menu_header li.active span.link,ul#menu_header li:hover span.link,ul#menu_header li:active span.link,ul#menu_header li:focus span.link {
	background:transparent url(../images/menu_span_bg_hover.png) 0 0 repeat-x scroll;
}

/*hover spécifique*/
ul#menu_header li.active_orange span.link_orange,ul#menu_header li:hover span.link_orange,ul#menu_header li:active span.link_orange,ul#menu_header li:focus span.link_orange {
	background:transparent url(../images/menu_span_bg_orange_hover.png) 0 0 repeat-x scroll;
}
ul#menu_header li.active_vert span.link_vert,ul#menu_header li:hover span.link_vert,ul#menu_header li:active span.link_vert,ul#menu_header li:focus span.link_vert {
	background:transparent url(../images/menu_span_bg_vert_hover.png) 0 0 repeat-x scroll;
}
ul#menu_header li.active_turquoise span.link_turquoise,ul#menu_header li:hover span.link_turquoise,ul#menu_header li:active span.link_turquoise,ul#menu_header li:focus span.link_turquoise {
	background:transparent url(../images/menu_span_bg_turquoi_hover.png) 0 0 repeat-x scroll;
}
/* */
ul#menu_header li.active span.end,ul#menu_header li:hover span.end,ul#menu_header li:active span.end,ul#menu_header li:focus span.end {
	background:transparent url(../images/menu_span_end_hover.png) 0 0 no-repeat scroll;
}
/*hover spécifique*/
ul#menu_header li.active_orange span.end_orange,ul#menu_header li:hover span.end_orange,ul#menu_header li:active span.end_orange,ul#menu_header li:focus span.end_orange{
	background:transparent url(../images/menu_span_end_orange_hover.png) 0 0 no-repeat scroll;
}
ul#menu_header li.active_vert span.end_vert,ul#menu_header li:hover span.end_vert,ul#menu_header li:active span.end_vert,ul#menu_header li:focus span.end_vert{
	background:transparent url(../images/menu_span_end_vert_hover.png) 0 0 no-repeat scroll;
}
ul#menu_header li.active_turquoise span.end_turquoise,ul#menu_header li:hover span.end_turquoise,ul#menu_header li:active span.end_turquoise,ul#menu_header li:focus span.end_turquoise{
	background:transparent url(../images/menu_span_end_turquoi_hover.png) 0 0 no-repeat scroll;
}
/* */
ul#menu_header li.active span#end_menu,ul#menu_header li:hover span#end_menu,ul#menu_header li:active span#end_menu,ul#menu_header li:focus span#end_menu {
	background:transparent url(../images/menu_last_end_hover.png) 0 0 no-repeat scroll;
}

ul#menu_header li.debut.active,ul#menu_header li.debut:hover,ul#menu_header li.debut:active,ul#menu_header li.debut:focus {
	background:transparent url(../images/menu_li_hover.png) 0 0 no-repeat scroll;
}

/*hover spécifique*/
ul#menu_header li.active_orange,ul#menu_header li.debut_orange:hover,ul#menu_header li.debut_orange:active,ul#menu_header li.debut_orange:focus {
	background:transparent url(../images/menu_li_orange_hover.png) 0 0 no-repeat scroll;
}
ul#menu_header li.active_vert,ul#menu_header li.debut_vert:hover,ul#menu_header li.debut_vert:active,ul#menu_header li.debut_vert:focus {
	background:transparent url(../images/menu_li_vert_hover.png) 0 0 no-repeat scroll;
}
ul#menu_header li.active_turquoise,ul#menu_header li.debut_turquoise:hover,ul#menu_header li.debut_turquoise:active,ul#menu_header li.debut_turquoise:focus {
	background:transparent url(../images/menu_li_turquoi_hover.png) 0 0 no-repeat scroll;
}
/* */
ul#menu_header li#debut_menu.active,ul#menu_header li#debut_menu:hover,ul#menu_header li#debut_menu:active,ul#menu_header li#debut_menu:focus {
	background:transparent url(../images/menu_li_debut_hover.png) 0 0 no-repeat scroll;
}


/*-- //HEADER --*/

/*-- HOME --*/

#home_container {
	background:transparent url(../images/fond_home.gif) 0 0 repeat-x scroll;
}

#contenu_home {

}

/* univers */
#univers {
	height:367px;
}

div.bloc_img {
	height:123px;
	width:269px;
	margin:0 6px;
}

div.bloc_img img{
	border-right:2px solid #fff;
	width:259px;
	height:123px;
}

div#univers ul {
	list-style-type:none;
	margin-top:8px;
	margin-left:-9px;
	font-size:15px;
}

div#univers ul li a {
	color:#898989;
	display:block;
	height:20px;
	padding:3px 0 0 27px;
	width:225px;
}

div#univers ul li a:hover {
	color:#fff;
	text-decoration:none;
}

div#univers ul li a:visited{
	text-decoration:none;
}

div#univers h1 {
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:0.15em;
	margin-left:5px;
}

#grand_public {
	height:351px;
	width:286px;
	padding:0 20px;
	float:left;
	background:transparent url(../images/grand_public.png) 0 0 no-repeat scroll;
}

#grand_public h1 {
	color:#EB6A0A;
	margin-top:25px;
}

#grand_public div.bloc_img {
	background: #EB6A0A;
}

ul#menu_public li a {
	background:transparent url(../images/puce_orange.png) no-repeat scroll 16px 9px;
}

ul#menu_public li a:hover {
	background:transparent url(../images/menu_public_hover.png) 0 0 no-repeat scroll;
}

#construction {
	height:351px;
	padding:0 24px;
	width:281px;
	float:left;
	background:transparent url(../images/construction.png) 0 0 no-repeat scroll;
}

#construction h1 {
	color:#6CB026;
	margin-top:25px;
}

#construction div.bloc_img {
	background:#6CB026;
}

ul#menu_construct li a {
	background:transparent url(../images/puce_vert.png) no-repeat scroll 16px 9px;
}

ul#menu_construct li a:hover {
	background:transparent url(../images/menu_construct_hover.png) 0 0 no-repeat scroll;
}

#industrie {
	height:351px;
	padding:0 24px;
	width:277px;
	float:left;
	background:transparent url(../images/industrie.png) 0 0 no-repeat scroll;
}

#industrie h1 {
	color:#3D82C7;
	margin-top:25px;
}

#industrie div.bloc_img {
	background:#1c9ac2;
}

ul#menu_industrie li a {
	background:transparent url(../images/puce_bleu.png) no-repeat scroll 16px 9px;
}

ul#menu_industrie li a:hover {
	background:transparent url(../images/menu_industrie_hover.png) 0 0 no-repeat scroll;
}

/* articles et news */

#actus {
	height:222px;
	padding:0 10px 10px 10px;
}

#articles_container {
	width:479px;
	float:left;
	/*border-right:1px dotted gray;*/
	height:222px;
background:transparent url(../images/pointille.gif) repeat-y top right;
}

a.read_more {
	text-decoration:underline;
	padding-left:22px;
	background:transparent url(../images/fleche_rond_bleu.png) 0 2px no-repeat scroll;
	font-size:11px;
}

a.read_more:hover {
	text-decoration:none;
}

a.read_more_actu {
	color:#4D8C0C;
	text-decoration:underline;
	padding-left:22px;
	background:transparent url(../images/fleche_rond_vert.png) 0 2px no-repeat scroll;
	font-size:11px;
}

a.read_more_actu:hover {
	color:#4D8C0C;
	text-decoration:none;
}


a.see_all {
	text-decoration:underline;
	padding-left:15px;
	background:transparent url(../images/fleche_rouge.png) 5px 6px no-repeat scroll;
	font-size:11px;
}

a.see_all:hover {
	text-decoration:none;
}

a.telechargement {
	text-decoration:underline;
	padding-left:15px;
	background:transparent url(../images/fleche_rouge.png) 5px 6px no-repeat scroll;
	font-size:12px;
}

a.telechargement:hover {
	text-decoration:none;
	color:#BF0000;
}

div.article {
	height:90px;
	padding:10px 20px 10px 0;
	/*border-bottom:1px dotted gray;	*/
}

.pointille {
background:transparent url(../images/pointille.gif) repeat-x bottom right;
}

.pointille_gris {
background:transparent url(../images/pointille_gris.gif) repeat-x bottom right;
}

.poids {
	color:#AAADB0;
}

div.article img {
	float:left;
	margin: 5px 15px 0 0;
}

div.article h2 {
	margin:0;
	font-size:18px;
}

div.article p {
	margin:2px 0 6px 0;
	font-size:12px;
	color:#39628D;
}

div.article a {
	color:#39628D;
}

.article.last {
	border:none;
}

#news{
	width:50%;
	height:222px;
	float:left;
}

#bloc_news {
	padding:10px 10px 10px 15px;
}

/*-- //HOME --*/

/*-- PAGES --*/

#centre {
	padding:5px 10px 0 10px;
	width:968px;
}

/* fil */

#fil_ariane {
	padding:8px 0 5px 20px;
	width:960px;
}
#fil_ariane a{
	text-decoration:none;
	color:#004084;
}
#fil_ariane a:hover{
	text-decoration:underline;
	color:#004084;
}
#fil_ariane .here{
	color:#4D8C0C;
	font-weight:bold;
}

/* menu gauche */

#menu_gauche {
	width:168px;
/*	float:left; */
	list-style-type:none;
	padding-top:9px;
}

#menu_gauche li{
line-height:14px;
	border-bottom:1px solid #DCE4EC;
	color:#66829F;
	text-decoration:none;
}

#menu_gauche li.active{

	border-bottom:1px solid #4D8C0C;
	color:#4D8C0C;
	font-weight:bold;
	text-decoration:none;
}

#menu_gauche li:hover, #menu_gauche li:active, #menu_gauche li:focus{
	
	border-bottom:1px solid #4D8C0C;
	color:#4D8C0C;
	text-decoration:none;
}

#menu_gauche li a{
	display:block;
	line-height:14px;
	color:#66829F;
	padding:6px 4px 6px 15px;
	background:transparent url(../images/puce_bleue_clair.gif) 0 9px no-repeat scroll;
	text-decoration:none;
}

#menu_gauche li:hover a, #menu_gauche li:active a, #menu_gauche li:focus a{
	color:#4D8C0C;
	text-decoration:none;
	background:transparent url(../images/puce_vert.png) 0 9px no-repeat scroll;
}

#menu_gauche li.active a{
	color:#4D8C0C;
	font-weight:bold;
	text-decoration:none;
	background:transparent url(../images/puce_vert.png) 0 9px no-repeat scroll;
}

#menu_gauche li a:visited{
	text-decoration:none;
}

#sous_menu_gauche{
	list-style: none;
	margin: 0;
	padding: 0 0 5px 17px;
	border-bottom:1px solid #4D8C0C;
	font-size:12px;
}

#sous_menu_gauche li {
line-height:14px;
	border-bottom:0px solid #4D8C0C;
	color:#004084;
	text-decoration:none;
}

#sous_menu_gauche li.active{
	
	border-bottom:0px solid #4D8C0C;
	color:#004084;
	font-weight:bold;
	text-decoration:none;
}

#sous_menu_gauche li:hover, #menu_gauche li:active, #menu_gauche li:focus{
	
	border-bottom:0px solid #4D8C0C;
	color:#4D8C0C;
	text-decoration:none;
}

#sous_menu_gauche li a{
	display:block;
	
	color:#66829F;
	padding:4px 4px 4px 10px;
	background:transparent url(../images/puce_bleue_clair.gif) 0 9px no-repeat scroll;
	text-decoration:none;
}

#sous_menu_gauche li:hover a, #menu_gauche li:active a, #menu_gauche li:focus a{
	color:#4D8C0C;
	text-decoration:none;
	background:transparent url(../images/puce_vert.png) 0 9px no-repeat scroll;
}

#sous_menu_gauche li.active a{
	color:#4D8C0C;
	font-weight:bold;
	text-decoration:none;
	background:transparent url(../images/puce_vert.png) 0 9px no-repeat scroll;
}

#sous_menu_gauche li a:visited{
	text-decoration:none;
}

/* téléchargement */
a.lien_telechargement {
	padding-left:25px;
	background: transparent url(../images/globe.gif) 0 0 no-repeat scroll;
	line-height:16px;
	color:#39628D;
display:block;
	text-decoration:none;
}
a.lien_telechargement:hover {
	text-decoration:none;
}

a.generique_telechargement {
	padding-left:25px;
	background: transparent url(../images/download.png) 0 0 no-repeat scroll;
	line-height:16px;
	color:#39628D;
display:block;
	text-decoration:none;
}
a.generique_telechargement:hover {
	text-decoration:none;
}

a.pdf_telechargement {
	padding-left:25px;
	background: transparent url(../images/pdf.gif) 0 0 no-repeat scroll;
	line-height:16px;
	color:#39628D;
display:block;
	text-decoration:none;
}
a.pdf_telechargement:hover {
	text-decoration:none;
}

a.excel_telechargement {
	padding-left:25px;
	background: transparent url(../images/excel.gif) 0 0 no-repeat scroll;
	line-height:16px;
	color:#39628D;
display:block;
	text-decoration:none;
}
a.excel_telechargement:hover {
	text-decoration:none;
}
a.videoLien {
	padding-left:25px;
	background: transparent url(../images/video.gif) 0 0 no-repeat scroll;
	line-height:16px;
	color:#39628D;
	display:block;
	text-decoration:none;
}

a.word_telechargement {
	padding-left:25px;
	background: transparent url(../images/word.gif) 0 0 no-repeat scroll;
	line-height:16px;
	color:#39628D;
	display:block;
	text-decoration:none;
}
a.word_telechargement:hover {
	text-decoration:none;
}

/* contenu */

#selection{
	width:186px;
/*	clear:both;
	float:left; */
	margin:20px 0 0 -10px;
}

#panier{
height:143px;
width:186px;
clear:both;
float:left;
background:transparent url(../images/panier.gif) 0 0 no-repeat scroll;
margin:10px 0 0 -10px;
}

h1.h1_bg {
height:29px;
background:transparent url(../images/fond_thead_vert.gif) 0 0 no-repeat scroll;
color:#fff;
padding:5px 0 0 15px;
}

h1.titre_bleu_catalogue {
height:29px;
background:transparent url(../images/fond_thead_bleu_catalogue.gif) 0 0 no-repeat scroll;
color:#fff;
padding:5px 0 0 15px;
margin-bottom:3px;
}

table.titre_bleu_catalogue {
height:34px;
background:transparent url(../images/titre_bleu.png) 0 0 no-repeat scroll;
margin-bottom:3px;
width:765px;
}

table.titre_bleu_catalogue h1{
color:#fff;
margin:0 0 0 10px;
}

table.titre_bleu_catalogue input.txt{
color:#000;
border:1px solid #7F9DB9;
background:#fff;
width:144px;
height:13px;
font-size:11px;
font-weight:normal;
margin-right:2px;
}

table.titre_bleu_catalogue input.submit{
color:#fff;
border:none;
background: transparent url(../images/btn_ok_search.png) no-repeat;
height:17px;
width:23px;
font-size:11px;
font-weight:bold;
padding-bottom:2px;
cursor:pointer;
display:block;
padding-left:0px;
}

#contenu {
	margin-left:193px;
	min-height:400px;
/*	overflow:hidden; */
}

#colonne_droite {
	width:236px;
	float:right;
	min-height:400px;
}

#centre_page {
	width:530px;
}

#centre_page p {
	margin: 10px 0;
}
#centre_page ul {
	margin: 10px 0 10px 25px;
}
#haut_image {
	background:transparent url(../images/haut_image.png) 0 0 no-repeat scroll;
	height:13px;
}

#image {
	background:transparent url(../images/fond_image.png) 0 0 repeat-y scroll;
	padding:0px 12px;
}

#image img{
	border:none;
	margin:0;
}

#bas_image {
	background:transparent url(../images/bas_image.png) 0 0 no-repeat scroll;
	height:12px;
}

#titre_bloc_infos {
	background:transparent url(../images/titre_bloc_infos_vert.png) 0 0 no-repeat scroll;
	height:20px;
	padding:17px 0 0 20px;
	margin-left:1px;
	color:#fff;
	font-weight:bold;
}

#bloc_infos {
	padding:7px 25px 10px 25px;
	background:transparent url(../images/fond_bloc_infos.png) 0 0 repeat-y scroll;
	margin-left:1px;
}

#bloc_infos div {
	position:relative;
	z-index:1000;
	color:#4879AC;
}

#bas_bloc_infos {
	background:transparent url(../images/bas_bloc_infos.png) 0 0 no-repeat scroll;
	height:23px;
	margin-left:1px;
	position:relative;
}

#fond_bloc_infos {
	background:transparent url(../images/degrade_bloc_infos.png) 0 0 no-repeat scroll;
	height:82px;
	width:151px;
	position:absolute;
	top:-73px;
	right:11px;
}

#titre_bloc_infos_g {
	background:transparent url(../images/titre_bloc_infos_vert_g.png) 0 0 no-repeat scroll;
	height:19px;
	padding:17px 0 0 25px;
	margin-left:1px;
	color:#fff;
	font-weight:bold;
}

#bloc_infos_g {
	padding:7px 25px 0px 25px;
	background:transparent url(../images/fond_bloc_infos_g.png) 0 0 repeat-y scroll;
	margin-left:1px;
}

#bloc_infos_g div {
	position:relative;
	z-index:1000;
	color:#4879AC;
}

#bas_bloc_infos_g {
	background:transparent url(../images/bas_bloc_infos_g.png) 0 0 no-repeat scroll;
	height:23px;
	margin-left:1px;
	position:relative;
}

#fond_bloc_infos_g {
	background:transparent url(../images/degrade_bloc_infos_g.png) 0 0 no-repeat scroll;
	height:82px;
	width:151px;
	position:absolute;
	top:-73px;
	left:11px;
}

.table_contenu {
	width:765px;
	color:#39628D;
	margin-bottom:35px;
	font-size:12px;
	background: transparent url(../images/fond_thead.gif) 0 0 no-repeat scroll;
}

.table_contenu a{
	color:#39628D;
}

.table_contenu form {
	display:inline;
}
.table_contenu form select {
	font-size:11px;
}

.table_contenu tr.thead td, .table_contenu tr.thead th{
	height:34px;
}


.table_contenu th{
	color: #fff;
	font-weight:bold;
	font-size:20px;
	text-align:left;
	padding-left:15px
}

.table_contenu td.logo{
	text-align:center;
}

.table_contenu td{
	vertical-align:middle;
	padding:0;
	margin:0;
}

.table_contenu tr.timg td{
	padding: 2px 0;
}

.table_contenu tr.tcontent td{
	height:49px;
	border-bottom: 1px dotted #9C9C9C;
}

.table_contenu tr.tfoot td{
	border:none;
	color:#ADADAD;
	padding-top:15px;
vertical-align:top;
}

#table_contacts tr.tcontent td {
	height:63px;
}

#vignettes img {
	margin:2px 1px 3px 0;
	height:131px;
	width:173px;
}
/* Catalogue */

#choix_marques {
	width:112px;
	float:left;
	height:730px;
	margin-right:6px;
}

#choix_type {
	width:164px;
	float:left;
	margin-right:6px;
}

#prods_dispo {
	width:477px;
	margin-left:288px;
}

#choix_marques h4 {
	background: transparent url(../images/h4_catalogue_mark_vert.gif) 0 0 no-repeat scroll;
	height:48px;
	margin:0 0 9px 0;
	color:#fff;
	text-align:center;
	padding-top:3px;
}

#choix_type h4 {
	background: transparent url(../images/h4_catalogue_type_vert.gif) 0 0 no-repeat scroll;
	height:48px;
	margin:0 0 9px 0;
	color:#fff;
	text-align:center;
	padding-top:3px;
}

#prods_dispo h4 {
	background: transparent url(../images/h4_catalogue_produits_vert.gif) 0 0 no-repeat scroll;
	height:48px;
	margin:0 0 9px 0;
	color:#fff;
	text-align:left;
	padding:3px 0 0 15px;
}
#prods_dispo h4 span {
	font-weight:normal;
}

#choix_marques div.mark {
	background: transparent url(../images/catalogue_bg_mark.gif) 0 0 no-repeat scroll;
	height:42px;
	margin:7px 0;
	padding:2px 0 0 3px;
}

#choix_marques div.mark img{
	border:none;
}

#choix_marques div.mark a.active img {
	border-left:3px solid #4D8C0C;
	margin-left:-3px;
}

#choix_type ul {
	list-style:none;
	font-size:12px;
	padding:0;
}

#choix_type ul li {
	color:#A7A7A7;
	font-weight:bold;
	border-left:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;
}

#choix_type ul ul{
	margin-left:2px;
}

#choix_type ul ul li{
	font-weight:normal;
	margin: 2px 0 0 10px;
	background:none;
	padding:0;
	border:none;
}

#choix_type ul li.haut_li {
	background:url(../images/catalogue_bg_li.gif) no-repeat scroll left top transparent;
	height:5px;
	margin: 9px 0 0 0;
	border:none;
}

#choix_type ul li.bas_li {
	background:url(../images/catalogue_bg_li_bas.gif) no-repeat scroll left top transparent;
	height:5px;
	margin:0 0 9px 0;
	border:none;
}

.menu_type_prod a{
	text-decoration:none;
}

.menu_type_prod a:hover,.menu_type_prod a:focus,.menu_type_prod a:active{
	text-decoration:none;
	outline:#65A721 dotted 0px ; 
}

.menu_type_prod li.toggleSubMenu1.open{
	border-left:3px solid #65A721!important;
}

.menu_type_prod li.toggleSubMenu1.open a{
	color:#fff;
	background:#65A721 url(../images/puce_blanche_bg_vert.gif) 4px 5px no-repeat scroll;
	padding-left:15px;
	display:block;
	padding-bottom:4px;
}

#toutegammes a{
	background: url("../images/puce_grise.gif") no-repeat scroll 8px 5px transparent;
    color: #A7A7A7;
    display: block;
    padding-left: 17px;
}
.menu_type_prod li.toggleSubMenu1 a{
	color:#A7A7A7;
	background:transparent url(../images/puce_grise.gif) 8px 5px no-repeat scroll;
	padding-left:17px;
	display:block;
}

.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2.open a{
	color:#65A721;
	font-weight:bold;
	background:transparent url(../images/puce_verte_bas.gif) 0 5px no-repeat scroll;
	padding-left:9px;
}

.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2 a{
	color:#A7A7A7;
	font-weight:normal;
	background:transparent url(../images/puce_grise.gif) 0 5px no-repeat scroll;
	padding-left:8px;
}

.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2 a:hover,.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2 a:focus{
	color:#65A721;
}

.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2.open ul.subMenu li a.active{
	color:#65A721;
	font-weight:normal;
	background:transparent url(../images/puce_verte.gif) 0 5px no-repeat scroll;
	padding-left:8px;
}

.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2.open ul.subMenu li a {
	color:#A7A7A7;
	font-weight:normal;
	background:transparent url(../images/puce_grise.gif) 0 5px no-repeat scroll;
	padding-left:8px;
}

.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2.open ul.subMenu li a:hover,.menu_type_prod li.toggleSubMenu1.open ul.subMenu li.toggleSubMenu2.open ul.subMenu li a:focus {
	color:#65A721;
}

.menu_type_prod li.toggleSubMenu1,.menu_type_prod li.toggleSubMenu2 {
	position:relative;
	z-index:500;
}

#prods_dispo div.top_produit {
	background:url(../images/catalogue_bg_produit_top.gif) no-repeat scroll right top transparent;
	height:6px;
	margin-top:7px;
	padding:0;
	width:476px;
}

#prods_dispo div.produit {
	border-left:1px solid #C6C6C6;
	border-right:1px solid #C6C6C6;
	padding:1px 6px 35px;
	position:relative;
	width:462px;
}

#prods_dispo div.bottom_produit {
	background:url(../images/catalogue_bg_produit_bottom.gif) no-repeat scroll right top transparent;
	height:6px;
	width:476px;
}

#prods_dispo div.produit img.img_prod{
	float:left;
	padding-right:5px;
}

#prods_dispo div.produit img.img_mark_prod{
	position:absolute;
	/*bottom:5px;*/
	right:5px;
}

#prods_dispo div.produit img.picto_prod{
	position:absolute;
	top:6px;
	right:8px;
}

#prods_dispo div.produit div.prod_desc{
	margin-left:90px;
}

#prods_dispo div.produit div.prod_desc h5{
	margin:3px 0 4px 0;
	font-size:13px;
	color:#004084;
	width:355px;
}

#prods_dispo div.produit div.prod_desc p{
	margin:0 0 4px 0;
	font-size:12px;
	color:#39628D;
	min-height:45px;
	overflow:hidden;
	width:355px;
}

#pagination {
	background: transparent url(../images/pagination_bg.gif) top right no-repeat scroll;
	height:18px;
	margin:15px 0;
	padding:5px 5px 5px 10px;
	/*width:275px;*/
	text-align:center;
}

#pagination .pages {
	height:16px;
	overflow:hidden;
	list-style-type:none;
	margin-top:1px;
	padding-left: 50px;
}

#pagination .pages li {
	float:left;
	height:16px;
	width:16px;
	margin:0 0 0 7px;
}

#pagination .pages li a {
	display:block;
	height:16px;
	width:16px;
	overflow:hidden;
	background: transparent url(../images/num_news.gif) 0 0px no-repeat scroll;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding-top:1px;
}

#pagination .pages li a:hover {
	text-decoration:none;
}

#pagination .pages li.current a, #pagination .pages li a.current {
	background: transparent url(../images/num_news.gif) 0 -22px no-repeat scroll;
}

a.suivant {
	text-decoration:underline;
	padding-right:10px;
	background:transparent url(../images/fleche_rouge.png) right 6px no-repeat scroll;
	font-size:12px;
	color:#004084;
	float:right;
	margin-right:13px;
}

a.suivant:hover {
	text-decoration:none;
}

a.precedent {
	text-decoration:underline;
	padding-left:10px;
	background:transparent url(../images/fleche_rouge_g.png) left 6px no-repeat scroll;
	font-size:12px;
	color:#004084;
	float:left;
	margin-right:13px;
}

a.precedent:hover {
	text-decoration:none;
}


a.suivantGris {
	text-decoration:none;
	padding-right:10px;
	background:transparent url(../images/fleche_rouge_gris.png) right 6px no-repeat scroll;
	font-size:12px;
	color:#A5A5A5;
	float:right;
	margin-right:13px;
}


a.precedentGris {
	text-decoration:none;
	padding-left:10px;
	background:transparent url(../images/fleche_rouge_g_gris.png) left 6px no-repeat scroll;
	font-size:12px;
	color:#A5A5A5;
	float:left;
	margin-right:13px;
}

a.voir_fiche {
background: transparent url(../images/loupe.gif) bottom left no-repeat scroll;
display:block;
height:15px;
padding:11px 0 0 23px;
float:left;
color:#39628D;
width:108px;
font-size:11px;
text-decoration:underline;
margin-right:10px;
}

a.ajout_selection {
background: transparent url(../images/plus_vert.gif) bottom left no-repeat scroll;
display:block;
height:15px;
padding: 11px 0 0 18px;
color:#39628D;
width:124px;
float:left;
font-size:11px;
text-decoration:underline;
}

a.ajout_selection:hover {
text-decoration:none;
}

a.voir_fiche:hover {
text-decoration:none;
}

/* fiche produit */ 

#head_choix_prod {
	background-color:#EFEFEF;
	width:765px;
	position:relative;
	height:72px;
}

#bas_head_choix_prod {
	height:3px;
	background:transparent url(../images/bas_head_choix_prod.gif) 0 0 no-repeat scroll;
	margin-bottom:13px;
}

a#retour_catalogue {
	display:inline-block;
	background:transparent url(../images/retour_catalogue.gif) 0 0 no-repeat scroll;
	width:153px;
	height:21px;
	margin-bottom:4px;
	padding:4px 0 0 19px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

a#retour_recherche {
	display:inline-block;
	background:transparent url(../images/retour_recherche.gif) 0 0 no-repeat scroll;
	width:153px;
	height:21px;
	margin-bottom:4px;
	padding:4px 0 0 19px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
 #choix_prod {
	position:absolute;
	top:0;
	right:0;
 }
 
#prod_gauche {
	float:right;
	background:transparent url(../images/prod_gauche.gif) center center no-repeat scroll;
	height:47px;
	width:20px;
	margin:7px 7px 4px 7px;
}

#prod_gauche a{
	width:100%;
	height:100%;
	display:block;
}


#prod_droite {
	float:right;
	background:transparent url(../images/prod_droite.gif) center center no-repeat scroll;
	height:47px;
	width:20px;
	margin:7px 10px 4px 7px;
}

#prod_droite a{
	width:100%;
	height:100%;
	display:block;
}


#prod_selec {
	float:right;
	background:transparent url(../images/prod_selec_bg.gif) 0 0 no-repeat scroll;
	height:23px;
	width:436px;
	margin:7px 0 4px 0;
	padding:12px 20px;
}

#prod_selec h2{
	margin:0;
	vertical-align:middle;
	font-size:16px; 
	color:#004084;
	font-weight:bold;
	line-height:0.95em;
}

#prod_selec img{
	float:right;
	vertical-align:middle;
}

#top_photo {
	background:transparent url(../images/bg_img_top.gif) 0 0 no-repeat scroll;
	height:6px;
	width:252px;
}

table#photo {
	vertical-align:middle;
	text-align:center;
	width:252px;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
}

table#photo td{
	min-height:300px;
}
#bottom_photo {
	background:transparent url(../images/bg_img_bottom.gif) 0 0 no-repeat scroll;
	height:6px;
	width:252px;
}

#prod_compl {
	background:#f7f7f7 url(../images/haut_prod_compl.gif) 0 0 no-repeat scroll;
	padding-top:10px;
	width:250px;
	margin:15px auto 0 auto;
}

#bas_prod_compl {
	background:transparent url(../images/bas_prod_compl.gif) 0 0 no-repeat scroll;
	width:250px;
	height:5px;
	margin:0 auto 15px auto;
}

table#produits_compl{
	vertical-align:middle;
	text-align:center;
}

table#produits_compl td{
	height:69px;
	width:69px;
	background:transparent url(../images/bg_td_prod_compl.gif) 0 0 no-repeat scroll;
}

#photos_prod {
	float:left;
	width:255px;
}

#desc_produit {
	margin-left:265px;
	font-size:12px;
	width:500px;
}

#desc_produit h4{
	margin:0;
}

#desc_produit p{
	margin:5px 0;
	color:#39628D;
}

#desc_produit p img{
	padding-right: 5px;
}
.texteAvantage{
	margin:5px 0;
	margin-left:15px;
	color:#39628D;
}
#desc_produit ul{
	list-style-type :disc;
	margin-left:15px;
}

#desc_produit a{
	color:#39628D;
	text-decoration:underline;
}

#desc_produit a:hover{
	text-decoration:none;
}

a.download {
	padding: 2px 0 0 20px;
	background:transparent url(../images/download.png) top left no-repeat scroll;
	display:block;
	height:16px;
	margin-top:3px;
}

a.ajout_panier {
	display:block;
	background:transparent url(../images/btn_ajout_selection.png) top left no-repeat scroll;
	height:26px;
	width:146px;
	padding:6px 0 0 32px;
	color:#fff!important;
	font-weight:bold;
	text-decoration:none!important;
}

a.envoi_ami {
	display:block;
	background:transparent url(../images/btn_envoi_mail.png) top left no-repeat scroll;
	height:26px;
	width:202px;
	padding:6px 0 0 0;
	color:#fff!important;
	font-weight:bold;
	text-decoration:none!important;
	float:right;
	margin-right:15px;
	text-align:center;
}


/* panier */

#prods_panier {
	width:589px;
}

#prods_panier h4{
	width:576px;
	background: transparent url(../images/panier_h4.gif) bottom left no-repeat scroll;
	height:32px;
	margin:0 0 10px 0;
	color:#fff;
	font-weight:bold;
	padding:4px 0 0 13px;
}

#prods_panier div.produit {
	background: transparent url(../images/catalogue_bg_produit.gif) top left no-repeat scroll;
	height:102px;
	margin:7px 0;
	padding:5px;
	position:relative;
	width:466px;
}

#prods_panier div.produit img.img_prod{
	float:left;
	padding-right: 5px;
}

#prods_panier div.produit img.img_mark_prod{
	position:absolute;
	bottom:5px;
	right:5px;
}

#prods_panier div.produit div.prod_desc{
	margin-left:82px;
}

#prods_panier div.produit div.prod_desc h5{
	margin:3px 0 4px 0;
	font-size:13px;
	color:#004084;
}

#prods_panier div.produit div.prod_desc p{
	margin:0 0 4px 0;
	font-size:12px;
	color:#39628D;
	height:45px;
	overflow:hidden;
}

a#retour_catalogue_droite {
	display:inline-block;
	background:transparent url(../images/retour_catalogue_droite.gif) 0 0 no-repeat scroll;
	width:153px;
	height:22px;
	margin-bottom:4px;
	padding:3px 0 0 19px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	float:right;
	margin-right:10px;
}

a.btn_suppr {
	display:block;
	background:transparent url(../images/btn_suppr.gif) 0 0 no-repeat scroll;
	width:77px;
	height:26px;
	margin-top:80px;
	padding:7px 0 0 30px;
	color:#979797;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	float:right;
}

a.btn_gris_pf {
	display:inline-block;
	background:transparent url(../images/btn_gris_pf.png) 0 0 no-repeat scroll;
	width:100px;
	height:27px;
	padding:7px 0 0 0;
	color:#6B82A4;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	text-align:center;
}

a.btn_pdf {
	display:inline-block;
	background:transparent url(../images/btn_pdf.png) 0 0 no-repeat scroll;
	width:120px;
	height:27px;
	padding:7px 0 0 19px;
	color:#004084;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	text-align:center;
}

a.btn_pdf2 {
	display:inline-block;
	background:transparent url(../images/btn_pdf2.png) 0 0 no-repeat scroll;
	width:220px;
	height:27px;
	padding:7px 0 0 19px;
	color:#004084;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	text-align:center;
}


/* Fancybox envoi ami (contenu) */

#mail_ami{
	overflow:hidden;
	width:415px;
	padding:15px 20px;
}

#mail_ami table{
	width:100%;
}

#mail_ami table td{
	vertical-align:top;
	padding-top:2px;
}

#mail_ami h1{
	color:#7F95AB;
	font-size:18px;
	margin-bottom:15px;
}

#mail_ami label {
	color:#2E4E71;
	font-size:12px;
	font-weight:bold;
}

#mail_ami input{
	width:260px;
	border:1px solid #7F9DB9;
}

#mail_ami textarea{
	width:260px;
	height:160px;
	border:1px solid #7F9DB9;
}

#mail_ami input#submit{
	display:block;
	background:transparent url(../images/btn_bleu_pf.png) 0 0 no-repeat scroll;
	width:96px;
	color:#fff;
	font-weight:bold;
	height:37px;
	padding:0 0 5px 0;
	text-align:center;
	text-decoration:none;
	border:none;
	line-height:1em;
	margin-top:10px;
	margin-right:10px;
}

#mail_ami form{
	margin-bottom:30px;
}

#mail_ami span{
	color:#7F9DB9;
	background: transparent url(../images/info_orange.gif) 0 0 no-repeat scroll;
	padding-left:19px;
	font-size:11px;
	float:left;
}


/* présentation - 3 bloc actus*/

#fond_actus_pres {
	background:transparent url(../images/fond_actus_pres.gif) 0 0 no-repeat scroll;
	height:325px;
}

.actu_pres {
	height:288px;
	width:192px;
	margin: 10px 47px 10px -2px;
	padding:12px 17px 0px 17px;
	background:transparent url(../images/bg_actu_pres.png) 0 0 no-repeat scroll;
	float:left;
	font-size:12px;
}

.actu_pres.last {
	margin: 10px 0px 10px -1px;
}

.actu_pres span{
	font-size:11px;
	line-height:1.7em;
}

.fond_img_pres {
	background:#6CB026;
	height:100px;
	margin-top:3px;
}

.fond_img_pres img{
	border-right:2px solid #fff;
	height:100px;
	width:184px;
}

.actu_pres p{
	margin-bottom:4px;
}

.actu_pres a.read_more{
	text-decoration:none;
	margin-right:-10px;
}


/* Contact */

h1#head_contact_bleu {
	height:29px;
	background:transparent url(../images/head_contact_bleu.gif) 0 0 no-repeat scroll;
	color:#fff;
	padding:5px 0 0 15px;
	margin-bottom:3px;
}

table#form_contact {
	text-align:left;
	color:#39628D;
	float:left;
}

table#form_contact th{
	width:90px;
	vertical-align:top;
	padding-top:6px;
}

table#form_contact th, table#form_contact td{
	height:32px;
}

table#form_contact .text{
	width:260px;
}

table#form_msg {
	text-align:left;
	color:#39628D;
	float:left;
	margin:0px 0 50px 0;
}

table#form_msg th{
	height:35px;
}

table#form_msg .text{
	width:348px;
	height:281px;
}
table#form_msg #btn{
	text-align:right;
}



/* boutons/liens */

a.btn_bleu_pf {
	display:block;
	background:transparent url(../images/btn_bleu_pf.png) 0 0 no-repeat scroll;
	width:96px;
	color:#fff!important;
	font-weight:bold;
	height:29px;
	padding:8px 0 0 0;
	text-align:center;
	text-decoration:none;
}

.btn_imprimer {
	display:block;
	background:transparent url(../images/btn-imprimer.gif) 0 0 no-repeat scroll;
	color:#B1B1B1;
	font-weight:normal;
	height:18px;
	padding:1px 0;
	text-align:center;
	text-decoration:none;
	width: 66px;
}

.btn_imprimer:hover {
	text-decoration:none;
}


#centre_page a.bleu {
	font-weight:bold;
	color:#004084;
	text-decoration:underline;
}

#centre_page a.bleu:hover {
	text-decoration:none;
}

a.globe {
	padding-left:25px;
	background: transparent url(../images/globe.gif) 0 0 no-repeat scroll;
	display:block;
	height:25px;
	color:#4879AC;
	text-decoration:underline;
}

a.globe:hover {
	text-decoration:none;
}

a.pdf {
	padding-left:25px;
	background: transparent url(../images/download.png) 0 0 no-repeat scroll;
	display:block;
	height:18px;
	color:#4879AC;
	text-decoration:underline;
}

a.pdf:hover {
	text-decoration:none;
}


.btn_bleu {
	display:block;
	background:transparent url(../images/btn_bleu.png) 0 0 no-repeat scroll;
	width:100px;
	color:#fff!important;
	font-weight:bold;
	height:22px;
	padding:7px 34px 7px 14px;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
}

.btn_bleu:hover {
	text-decoration:none;
}

/*-- //PAGE --*/

/* Style editeur */
.bleuNormal{
	color: #004084;
}
.bleuGris{
	color: #66829F;
}
.bleuClair{
	color: #4879AC;
}
.grisFonce{
	color: #727171;
}
.orangeGrandPublic{
	color: #FF8000;
}
.vertConstruction{
	color: #4D8C0C;
}
.bleuIndustrie{
	color: #199BBF;
}
/* Style editeur */

/* FOOTER */

#footer {
	background:transparent url(../images/footer.jpg) 0 0 no-repeat scroll;
	height:44px;
	color:#ADADAD;
}

#footer a {
	color:#ADADAD;
	text-decoration:none;
}

#footer a:hover {
	color:#727171;
	text-decoration:none;
}

#footer form {
	display:inline;
}

#copyright {
	width:43%;
	float:left;
	margin:20px 0 0 30px;
	font-size:12px;
}

#menu_footer {
	width:40%;
	float:right;
	margin:18px 30px 0 0;
	text-align:right;
}
.nos_sites {
color:#5e7297;
font-size:12px;
}

#quickFDS{
	float:left;
	margin:18px 30px 0 0;
}


/* //FOOTER */


/* ajouts 26/07 */

body#fancybox {
	background: #FFF url(../images/bg_lightbox_envoi.gif) 0 100% no-repeat scroll;
}

html#fancyboxhtml{
	height:420px;
}

/* + modif du padding de #mail_ami ligne 1707 */

/* Ajouts 26/07 */

#ajout_panier { padding:15px 20px; height:163px; background:url(../images/bg_ok_panier.gif) 100% 100% no-repeat scroll;}
.deja_panier { background:url(../images/bg_deja_panier.gif) 100% 100% no-repeat scroll !important; }

#ajout_panier h1 { font-size:20px; font-weight:bold; color:#508F0E; margin-bottom:15px;}

#ajout_panier p { font-size:12px; font-weight:bold; color:#2E4E71; text-align:center; padding-top:10px;}

#ajout_panier .img_container { width:109px; background:transparent url(../images/bg_img_haut.gif) 0 0 no-repeat scroll; padding:3px 7px 0 0; float:left;}
#ajout_panier .img_container .img{ border-left:3px solid #508F0E; border-right:3px solid #508F0E; width:96px; text-align:center;}
#ajout_panier .img_container .bas_img{ height:3px; background:transparent url(../images/bg_img_bas.gif) 0 0 no-repeat scroll; }

.ok_vert { 
	text-transform:uppercase; 
	color:#fff; 
	font-weight:bold; 
	display:inline-block; 
	background:transparent url(../images/ok_vert.jpg) 0 0 no-repeat scroll; 
	width:65px; 
	height:20px; 
	text-align:center;
	text-decoration:none;
	padding:8px 0;
	font-size:12px;
}

.lienAccordeon{
	color: #004084 !important;
	text-decoration:none !important;
	font-size:12px !important;
	font-weight:bold;
}
.lienAccordeon:hover{
	color: #FFFFFF !important;
}
#titre_catalogue_search{
	height:34px;
	background:transparent url(../images/fond_thead_vert.gif) 0 0 no-repeat scroll !important;
	margin-bottom:3px;
	width:765px;
}
