@charset "iso-8859-1";
/* CSS Document */

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*LINK*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
a, a:link, a:visited, a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;}
a, a:link, a:visited {color: #333; text-decoration: underline;}
a:hover {color: #0099FF; text-decoration: none;}


/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*BODY GLOBAL*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
html, body {
margin: 0;
padding: 0;
height: 100%; 
background-color: #0099FF;
font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal;
font-size: 12px;
color: #333;}

.global {margin: 0 auto; width: 762px; background: #0099FF;}

p, h1, h2, h3, h4, h5, h6, ul, li {margin: 0; padding: 0;}
a img {border: 0;}

h1 {font-size: 16px; margin: 70px 0 0 10px; float: left;}
h2, h3 {font-size: 14px; margin-left: 10px;}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*ELEMENTS GRAPHIK*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
.espace {background: none no-repeat; width: 764px; height: 25px;}
.header {background-color: #0099FF; width: 764px; height: 95px;}
.zone_ref {width: 540px; height: 82px; padding: 5px; float: left;}
.banniere {background: url(images/design-sanitaireparis.png) no-repeat; width: 762px; height: 297px; border: #FFF 1px solid;}
.texte {background-color: #FFF; width: 764px;}
.content {background: url(images/sousmenu.png) no-repeat; width: 764px; height: 234px;}
.content_accueil_1, .content_accueil_2, .content_accueil_3 {background: none no-repeat; width: 254px; height: 234px; float: left;}
.titre_h1 {width: 254px; height: 50px; float: left;}
.accueil_1, .accueil_2, .accueil_3  {width: 254px; height: 170px; float: left;}
.accueil_1 {padding-top: 5px;}
.footer {background: none no-repeat; width: 100%; height: 60px; bottom: 0; clear: both;}



/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*MENU*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
#menu{background-color: #FFF; width: 764px; height: 43px;}
#menu ul, #menu li {list-style: none;}
#menu li{display: block; float: left;}

#menu li a {background: url(images/menu_007_left.jpg) no-repeat left;}
#menu li a:hover, #menu li a.current {background: url(images/menu_007_left_h.jpg) no-repeat left;}
#menu li a span {background: url(images/menu_007_right.jpg) no-repeat right;}
#menu li a:hover span, #menu li a.current span {background: url(images/menu_007_right_h.jpg) no-repeat right;}

#menu li a, #menu li a span, #menu li a:hover, #menu li a:hover span, #menu li a.current, #menu li a.current span {height: 43px; display: block; float: left;}
#menu li a, #menu li a.current {color: #fff; font-size: 11px; font-weight: bold;  line-height: 43px; padding: 0 0 0 7px; text-decoration: none;}
#menu li a span, #menu li a.current span{color: #fff; line-height: 43px; padding:0 14px 0 6px;}
#menu li a:hover span{color: #fff;}



/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*FIL D'ARIANE*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
.espace a, .espace a:link, .espace a:visited {color: #FFF; text-decoration: underline;}
.espace a:hover {text-decoration: none;}



/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*TEXTE*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
.zone_ref p {margin: 5px; color: #FFF; text-align: left;}
.espace p {padding-top: 3px;}
.banniere p {margin: 50px 0 0 470px;}
.banniere span {font-weight: bold; color: #FFF; font-size: 26px;}
.titre_bann {font-weight: bold; color: #FFF; font-size: 18px; text-align: center;}
.banniere a, .banniere a:link, .banniere a:visited {color: #FFF; text-decoration: underline; font-size: 18px;}
.banniere a:hover {text-decoration: none;}

.texte p {margin: 0 10px 0 10px; text-align: justify;}

.hx {font-size: 16px; margin: 20px 0 0 10px;}
.content_accueil_1 p {margin: 4px 10px 0 10px;}
.accueil_1 p, .accueil_3 p {text-align: justify;}
.accueil_2 p {text-align: left;}
.accueil_2 p, .accueil_3 p {margin: 8px 8px 0 0;}
.accueil_1 span a, .accueil_1 span a:link, .accueil_1 span a:visited, .accueil_2 span a, .accueil_2 span a:link, .accueil_2 span a:visited, .accueil_3 span a, .accueil_3 span a:link, .accueil_3 span a:visited {color: #0099FF;}
.accueil_1 span a:hover, .accueil_2 span a:hover, .accueil_3 span a:hover {color: #333;}

.footer p { margin-top: 10px; text-align: center;}
.footer a, .footer a:link, .footer a:visited {color: #333; text-decoration: underline;}
.footer a:hover {text-decoration: none;}

.zone_ref a, .zone_ref a:link, .zone_ref a:visited {font-size: 16px; color: #333; text-decoration: underline;}
.zone_ref a:hover {text-decoration: none;}