/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body {
margin: 0pt;
padding: 0pt;
background-image: url(../pictos_site_21/back.jpg);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 11px;
line-height: 1.4em;
background-color: #98e0f6;
background-position: center top;
color: #02335a; }

img {
border: 0;
}

a {
color: #4194b6;
text-decoration: underline;
outline: none;
}

a:hover {
color: #4194b6;
text-decoration: none;
outline: none;
}



h1 {
text-align: left;
color: #02325a;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
font-size: 18px;
margin-top: 0px;
margin-bottom: 8px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
line-height: 18px;}

h2 {
font-size: 13px;
color: #00a8e4;
font-weight: bold;
padding: 0px;
margin-bottom: 5px;
}

h2 a, h2 a:hover{
color: #00a8e4;
}

h3 {
font-size: 12px;
color: #02325a;
padding: 0px;
margin: 0px;
}

h4 {
font-size: 12px;
color: #02719e;
font-weight: normal;
padding: 0px;
margin-bottom: 2px;
}

h5 {
font-size: 12px;
color: #00A4EB;
padding: 0px;
margin-bottom: 0px;
}

.text-coul1{
color: #013a65;
}

.text-coul2{
color: #0073aa;
}

.text-coul3{
color: #42beea;
}

.text-coul4{
color: #02719e;
}

.text-coul5{
color: #00a8e4;
}

.text-coul6{
color: #4194b6;
}

.text-coul7{
color: #7fd1f5;
}

.text-coul1-13-bold{
color: #013a65;
font-size: 13px;
font-weight: bold;
}

.texte-12px {
font-size: 12px;
}

.texte-13px {
font-size: 13px;
}

.texte-20px {
font-size: 20px;
}

.texte-noir {
color: #000000;
}

a.retour-liste {
float: right;
background: url(../pictos_site_21/fleche_gauche_coul7.gif) no-repeat left center;
padding-left: 10px;
color: #7fd1f5;
font-size: 11px;
margin-right: 0px;
}

.lien-actu {
font-size: 1.3em;
font-weight: bold;
}

.lien-actu a{
text-decoration: none;
}

.lien-actu a:hover{
text-decoration: underline;
}

.fond-bloc-actus{
background-color: #f3f3f3;
z-index: 1;
padding: 10px;
margin-bottom: 15px;
}

.bloc-couleur {
margin-top: 10px;
margin-bottom: 10px;
border: 1px #D5D5D5 solid;
background-color: #d4e9f1;
padding: 10px;
}

.bloc-cadre {
margin: 0px;
background-color: #ffffff;
padding: 10px;
background-image: url(../pictos_site_21/back_bloc_gris.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px #D5D5D5 solid; }

.bloc-produit{
background: #cbeffa url(../pictos_site_21/back_bloc_produit.gif) repeat-x left top;
}

.bloc-produit td{
padding: 15px 0;
color: #0073aa;
font-size: 12px;
line-height: 1.6em;
}

.bloc-produit td.bordertext{
padding: 15px 130px 15px 0;
}

.bloc-produit td h2, .bloc-produit td h2 a{
font-size: 15px;
color: #013a65;
font-weight: bold;
padding: 0;
margin: 0;
margin-bottom: 7px;
text-decoration: none;
}

.bloc-produit td h2 a:hover{
color: #155f96;
}

.bloc-produit td a{
font-size: 11px;
color: #013b66;
padding-top: 3px;
display: block;
}

.marge-gauche {
margin-left: 10px;
 }

.marge-droite {
margin-right: 10px;
}

.marge-bas {
margin-bottom: 10px;
}




hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #E7E7E7;
 background-color: #E7E7E7;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; }


tbody {
font-size: 12px;
}


form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

ul{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 25px;
margin-right: 0px;
padding: 0px;
}

li{
list-style-type: none;
background-image: url(../pictos_site_21/fleche_coul1.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0 14px 5px 10px;
}

li a{
color: #013a65;
text-decoration: none;
}

li a:hover{
color: #4194b6;
text-decoration: none;
}

ol {
list-style-type: decimal; 
background-image: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}

ol#subliste a{
color: #4194b6;
}

ol#subliste a:hover{
color: #4194b6;
}

#conteneur {
margin: auto;
width: 994px;
}

#top-conteneur{
height:19px; 
background: url(../pictos_site_21/fond_top_bloc_blanc2.gif) no-repeat center;
}

#conteneur-centre{
padding:0px 0px 0px 0px;
text-align: left;
}

#conteneur-centre table{
margin: 37px 0 0 0;
}

#conteneur-centre table#pres-prod{
margin: 24px 0 0 0;
line-height: 1.2em;
color: #0073aa;
}

#conteneur-centre table#pres-prod H2{
font-size: 15px;
color: #013a65;
font-weight: bold;
padding: 0;
margin: 0;
margin-bottom: 7px;
}


/* MENU GAUCHE */

#menu-gauche {
background: url(../pictos_site_21/back_menu_gauche.jpg) no-repeat left top;
margin: 0 0 20px 0;
padding: 25px 53px 15px 43px;
color: #6D7375;
line-height: 1.4em;
}

#menu-gauche ul {
margin: 0 0 10px 10px;
padding: 0;
}

#menu-gauche li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 0px #E7E7E7 solid;
background-image: none;
}

#menu-gauche a {
font-size: 12px;
margin: 0pt;
display: block;
color: #6D7375;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
}

#menu-gauche a:hover {
color: #03335b;}

#menu-gauche a.current {
color: #03335b;
}

#menu-gauche a.current:hover {
color: #03335b;
}

ul#subgauche {
margin: 10px 0 0 0;
padding: 0px;
border: none;
}

#subgauche li{
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px solid #b1dff0;
}

#subgauche li.dernier {
margin-bottom: 13px;
border-bottom: 0px solid #ededed;
}



#subgauche a {
font-size: 13px;
margin: 0px;
padding: 4px 2px 4px 21px;
display: block;
color: #013a65;
text-decoration: none;
font-weight: normal;
font-family: Arial, sans-serif;
background: url(../pictos_site_21/fleche_coul1.gif) no-repeat 5px 9px;
}

#subgauche a:hover {
color: #0073aa;
font-weight: bold;
background-image: url(../pictos_site_21/fleche_puce_ronde.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
text-decoration: none;
}

#subgauche a.youarehere {
color: #0073aa;
font-weight: bold;
background-image: url(../pictos_site_21/fleche_puce_ronde.gif);
background-repeat: no-repeat;
background-position: 0px 5px; }

#subgauche a.youarehere:hover {
text-decoration: none;
}
/* Fin de MENU GAUCHE */

/* BLOC LIENS */

#bloc-liens, #bloc-ressources{
margin: 15px 27px 0 27px;
line-height: 1.2em;
color: #02719e;
font-size: 11px;
}

#contenu-bloc-liens, #contenu-bloc-ressources{
background-color: #cbeef9;
padding: 20px 0 19px 17px;
float:none;
width: 207px;
}

#bloc-liens ul, #bloc-ressources ul {
margin: 5px 10px 0px 0px;
padding: 0px;
}

#bloc-liens li, #bloc-ressources li {
background: url(../pictos_site_21/fleche_coul3.gif) no-repeat 0px 6px;
margin: 0px;
padding: 2px 0 2px 0;
display: block;
}

#bloc-liens a, #bloc-ressources a {
color: #02719e;
font-size: 11px;
margin: 0px;
padding-left: 12px;
text-decoration: underline;
}

#bloc-liens a:hover, #bloc-ressources a:hover{
text-decoration: none;
}

/* Fin de BLOC LIENS */

#bloc-blanc{
width: 675px;
}

#contenu-bloc-blanc{
background-color: #ffffff;
padding: 10px 0 10px 32px;
font-size: 12px;
line-height: 1.5em;
}

#bloc-interne{
margin: 0 80px 0 0;
}

#bloc-interne2{
margin: 0 25px 0 0;
}

/* BLOC EN SAVOIR PLUS */

#bloc-en-savoir-plus{
float: right;
width: 175px;
margin: 0 0px 7px 15px;
line-height: 1.1em;
}

#contenu-bloc-en-savoir-plus{
background-color: #ecf5f8;
padding: 23px 10px 15px 17px;
}

#bloc-en-savoir-plus ul, #bloc-telechargement ul{
margin: 5px 10px 0px 0px;
padding: 0px;
}

#bloc-en-savoir-plus li, #bloc-telechargement li{
background: url(../pictos_site_21/fleche_coul3.gif) no-repeat 0px 6px;
margin: 0px;
padding: 2px 0 2px 0;
display: block;
}

#bloc-en-savoir-plus a, #bloc-telechargement a{
color: #02719e;
font-size: 11px;
margin: 0px;
padding-left: 12px;
text-decoration: underline;
}

#bloc-en-savoir-plus a:hover, #bloc-telechargement a:hover{
text-decoration: none;
}

#bloc-en-savoir-plus a.pdf, #bloc-telechargement a.pdf {
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/fleche_rose.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}

/* Fin de BLOC EN SAVOIR PLUS */

#conteneur-bas2 {
background-color: #fff;
padding: 0px;
padding-left:27px;
padding-right: 27px;
}

#conteneur-bas {
background-color: transparent;
height: 250px;
padding: 0px;
text-align: left;
}

#conteneur-bas H1{
text-align: left;
color: #fff;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
font-size: 14px;
margin-top: 0px;
margin-bottom: 3px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
text-decoration: none;
}

#conteneur-bas a{
text-align: left;
color: #3299c3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 3px;
margin-bottom: 0px;
text-decoration: none;
}

#conteneur-bas a:hover{
text-decoration: underline;
}


#header {
margin: 0px;
padding: 0px;
height: 148px;
background-image: none }

/* ----H1 BLOCS page accueil---- */
#conteneur-bas h1 a  {
text-align: left;
color: #fff;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
font-size: 14px;
margin-top: 0px;
margin-bottom: 3px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
text-decoration: none; }

#conteneur-bas h1 a:hover {
color: #3db2dd;
text-decoration: none;
}


/* --2 BLOCS Groupe Bio UV + Piscines et Spas---- */

#bloc-groupe-bio-uv,
#bloc-piscines-spas-prives {
float: left;
background-image: url(../pictos_site_21/img_groupe_bio_uv.jpg);
background-repeat: no-repeat;
line-height: 1.4em;
width: 433px;
height: 102px;
margin-top: 0px;
margin-right: 10px;
padding: 0px;
background-color: #ffffff;
}

#bloc-piscines-spas-prives {
background-image: url(../pictos_site_21/img_piscine_et_spas.jpg);
margin: 0;
}

#titre-bloc-groupe-bio-uv{
margin-left: 270px;
margin-top: 55px;
}

#titre-bloc-piscines-spas-prives{
margin-left: 270px;
margin-top: 20px;
}

/* --3 Autres BLOCS du CENTRE---- */

#bloc-piscines-spas-collectifs, #bloc-potabilisation,
#bloc-process-industriel, #bloc-traitement-legionelles, #bloc-eaux-usees, #bloc-aquarium{
float: left;
background-image: url(../pictos_site_21/img_piscine_et_spas_collectifs.jpg);
background-repeat: no-repeat;
line-height: 1.4em;
width: 285px;
height: 100px;
margin-top: 0px;
margin-right: 10px;
margin-left: 0px;
padding: 0px;
background-color: #ffffff;
}

#bloc-potabilisation{
background-image: url(../pictos_site_21/img_potabilisation.jpg);
}

#bloc-process-industriel{
margin-right:0px;
background-image: url(../pictos_site_21/img_process_industriel.jpg);
}

#bloc-traitement-legionelles{
background-image: url(../pictos_site_21/img_traitement_des_legionelles.jpg);	
}

#bloc-eaux-usees{
background-image: url(../pictos_site_21/img_eaux_usees.jpg);
}

#bloc-aquarium{
margin-right:0px;
background-image: url(../pictos_site_21/img_aquarium.jpg);
}


#titre-bloc-piscines-spas-collectifs,
#titre-bloc-potabilisation,
#titre-bloc-process-industriel{
margin-left: 165px;
margin-top: 40px;
}

#titre-bloc-potabilisation{
margin-top: 55px;
}


#titre-bloc-traitement-legionelles,
#titre-bloc-eaux-usees,
#titre-bloc-aquarium{
margin-left: 165px;
margin-top: 40px;
}

#titre-bloc-eaux-usees,
#titre-bloc-aquarium{
margin-top: 55px;
}


#pastille-economisez{
position:relative; 
top:-105px; 
left:112px; 
width:75px; 
height:72px;
margin-bottom:-100px;
}

*>#pastille-economisez{
margin:0px;
left:218px;
}



/* --Bloc A LA UNE---- */
#date{
color:#FFFFFF;
overflow:hidden;
font-size:22px;
line-height:15px;
padding-top:7px;
background-image:url('../pictos_site_21/newsdate.jpg');
float:left;
clear:both;
width:50px;
height:43px;
text-align:center;
}

#date span{
font-size:11px;
}

.span-12 {
width: 424px;
}

.last {
margin-right:0;
}

div.newscall {
background-image:url('../pictos_site_21/newsgrad.jpg');
height:43px;
overflow:hidden;
margin:0px;
}

#article {
color:#FFFFFF;
left:5px;
line-height:1.5em;
padding:6px 10px 5px 10px;
position:relative;
font-size:99%;
}

#article a{
color:#FFFFFF;
}

#article a:hover{
color:#ffffff;
text-decoration:underline;
}

#bloc-a-la-une {
float: left;
margin-top: 5px;
margin-right: 10px;
margin-left: 0px;
padding: 0px;
line-height: 1.4em;
width: 424px;
height: 139px;
text-align: left;
background-color: white; }

#bloc-date {
float: left;
padding-top: 7px;
text-align: center;
width: 50px;
height: 43px;
background-image: url(../pictos_site_21/fond_date.jpg);
background-repeat: repeat-x;
}

#bloc-date-text {
float: right;
text-align: left;
width: 374px;
height: 43px;
background-image: url(../pictos_site_21/fond_date_text.jpg);
background-repeat: repeat-x;
}

#div-texte-blanc11{
margin-top: 6px;
margin-bottom: 8px;
margin-left: 6px;
}

#div-texte-blanc11 a{
text-align: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

#div-texte-blanc11 a:hover{
text-decoration: underline;
}

#bloc-comment-ca-marche{
width: 422px;
height: 60px;
float: left;
padding: 0;
background-color: #f8f8f8;
border: 1px solid #dedede;
}

#comment-ca-marche{
margin-left: 8px;
margin-top: 6px;
}

.deroulant {
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size : 10px;
width: 370px;
}

.deroulant select {
width:370px;
font-size : 10px;
border: 1px solid #838383;
}


#bloc-sav{
float: right;
background-image: url(../pictos_site_21/photo_sav.gif);
background-repeat: no-repeat;
width: 204px;
height: 60px;
background-color: #f8f8f8;
border: 1px solid #dedede;
}

/* --Bloc FOCUS---- */

#bloc-focus {
float: right;
margin: 0px;
margin-top: 5px;
margin-right: 0px;
padding: 0px;
line-height: 1.4em;
width: 424px;
height: 134px;
text-align: left;
background: url(../pictos_site_21/fond_focus.gif) repeat-x 0 bottom;
background-color: white;
}

#bloc-focus a{
color: #38b1dc;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}

#bloc-focus a:hover{
text-decoration: underline;
}

#pk-les-uv{
margin-left: 9px;
margin-top: 0px;
margin-bottom: 14px;
margin-right: 9px;
}

/* BLOC ZOOM */

#bloc-zoom {
margin: 19px 0 0 17px;
background: url(../pictos_site_21/back_zoom.jpg) no-repeat;
float: left;
width: 438px;
height: 189px;
}

#bloc-contenu-zoom {
padding: 67px 25px 30px 32px;
text-align: left;
font-size: 12px;
line-height: 1.5em;
color: #0073aa;
}

#bloc-contenu-zoom H2 {
color: #013a65;
font-size: 13px;
font-weight: bold;
padding: 0px;
margin: 0 0 10px 0;
}

#bloc-contenu-zoom a.lire-la-suite, #bloc-contenu-zoom a.toutes-les-actus{
color: #013b66;
font-size: 10px;
text-decoration: underline;
}

#bloc-contenu-zoom a:hover.lire-la-suite, #bloc-contenu-zoom a:hover.toutes-les-actus{
text-decoration: none;
}

#bloc-contenu-zoom a.toutes-les-actus{
line-height: 2.8em;
}

.img109x109{
width: 109px;
height: 109px;
margin: 0 10px 0 0;
}

/* Fin de BLOC ZOOM */

/* BLOC EDITO */

#bloc-edito {
margin: 37px 0 0 5px;
background: url(../pictos_site_21/back_edito.jpg) no-repeat;
float: left;
width: 248px;
height: 190px;
}

#bloc-contenu-edito {
padding: 49px 15px 30px 20px;
text-align: left;
font-size: 12px;
line-height: 1.5em;
color: #013a65;
}

#bloc-contenu-edito H2 {
color: #013a65;
font-size: 13px;
font-weight: bold;
padding: 0px;
margin: 0 0 5px 0;
}

#bloc-contenu-edito a.lire-la-suite{
color: #013b66;
font-size: 10px;
text-decoration: underline;
}

#bloc-contenu-edito a:hover.lire-la-suite{
text-decoration: none;
}

/* Fin de EDITO */

/* BLOC FAQ */

#bloc-faq {
margin: 37px 0 0 11px;
background: url(../pictos_site_21/back_faq.jpg) no-repeat;
float: left;
width: 258px;
height: 190px;
}

#bloc-contenu-faq {
padding: 49px 18px 30px 20px;
text-align: left;
font-size: 11px;
line-height: 1.1em;
color: #023963;
}

#bloc-contenu-faq H2 {
color: #013a65;
font-size: 13px;
font-weight: bold;
padding: 0px;
margin: 0 0 5px 0;
}

#bloc-contenu-faq a.lire-la-suite{
color: #013b66;
font-size: 10px;
text-decoration: underline;
}

.deroulant-faq {
text-align: left;
margin: 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size : 11px;
width: 193px;
}

.deroulant-faq select {
width:193px;
font-size : 11px;
border: 1px solid #838383;
color: #0089c3;
font-size : 11px;
padding-left: 3px;
}



#bloc-actu-accueil {
width: 169px;
margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
/*background-image: url(../pictos_site_21/back_top_bleu.gif);*/
background-repeat: repeat-x;
background-position: left top;
background-color: #39b1dc;
line-height: 1.4em;
}

#bloc-actu-accueil p{
padding: 0px;
}

#bloc-actu-accueil h1{
color: #000;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

.text-date-actu{
color: #03345b;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 5px;
}

#bloc-actu-accueil ul {
margin-left: 0px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-actu-accueil li {
line-height: 13px;
font-size: 12px;
color: #ffffff; 
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(../pictos_site_21/coin_rose-filet.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
}

#bloc-actu-accueil li.groupe-bio-uv {
background-image: url(../pictos_site_21/coin_orange_filet.gif);
}

#bloc-actu-accueil li.piscines-et-spas-prives {
background-image: url(../pictos_site_21/coin_rose_filet.gif);
}

#bloc-actu-accueil li.piscines-et-spas-collectifs {
background-image: url(../pictos_site_21/coin_bleuf_filet.gif);
}

#bloc-actu-accueil li.potabilisation {
background-image: url(../pictos_site_21/coin_vert_pomme_filet.gif);
}

#bloc-actu-accueil li.process-industriel {
background-image: url(../pictos_site_21/coin_bleu_clair_filet.gif);
}

#bloc-actu-accueil li.traitement-legionelles {
background-image: url(../pictos_site_21/coin_jaune_filet.gif);
}

#bloc-actu-accueil li.eaux-usees {
background-image: url(../pictos_site_21/coin_bleuvert_filet.gif);
}

#bloc-actu-accueil li.aquarium {
background-image: url(../pictos_site_21/coin_violet_filet.gif);
}

#bloc-actu-accueil a {
margin: 0pt;
padding-left: 0px;
color: #fff;
text-decoration: none;
display: block;
border-bottom: none; 
}

#bloc-actu-accueil a:hover {
text-decoration: underline;
}

#voir-actus {
width:169px;
height: 25px;
background-image: url(../pictos_site_21/fond_actus.gif);
background-repeat: no-repeat;
padding-top: 6px;
padding-left: 30px;
}

#voir-actus a{
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

#voir-actus a:hover{
text-decoration: underline;
}


#bloc-agenda {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}

#voir-agenda {
width:169px;
height: 25px;
background-image: url(../pictos_site_21/fond_actus.gif);
background-repeat: no-repeat;
padding-top: 6px;
margin-top: 10px;
padding-left: 30px;
}

#voir-agenda a{
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

#voir-agenda a:hover{
text-decoration: underline;
}


#bloc-services {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}


#flashcontent{
margin-bottom: 18px;
padding: 0px;
height: 212px;
}

#bloc-icones {
float: right;
margin: 0 15px 10px 0;
padding: 0px;
}

#gauche{
margin-top: 30px;
padding: 0px;
border-top: 1px #E7E7E7 solid;
}

#bloc-logo {
position:relative;
top: 22px;
left: 46px;
float: left;
margin: 0px;
padding: 0px;
}

#bloc-menu-top{
margin: 0px;
padding: 0px;
float: right;
}



/* menu*/

/*#menu {
padding: 0px;
margin: 0px;
height: 29px;
margin-left: 60px; 
text-align:left;
}*/

#menu{
margin: auto;
width: 862px;
}

#menu-langue{
padding: 0px;
padding-top:10px;
padding-right: 40px;
float:left;
z-index: 50;
}

/* Gestion du menu de la langue*/

#smenu2 {
margin:0px;
padding:0px;
list-style-type:none;
text-align:left;
z-index: 50;
}

ul#smenu2 {
margin-top: 0px;
}

*>ul#smenu2 {
margin-top: 4px;
margin-bottom: 0px;
}

#smenu2 li {
background-image: none;
margin:0px;
padding:0px;
}

#smenu2 img {
border:none;
}

#liens-sup{
padding: 0px;
padding-top:10px;
float:left;
}

#liens-sup a{
text-decoration: none;
}

#liens-sup a:hover{
text-decoration: underline;
}


#phrase-rose{
margin-top: 40px;

}

#bloc-rechercher{
margin: 0px;
padding: 0px;
float: left;
height: 27px;
width: 170px;
}

.habillage-recherche {
width: 120px;
height: 20px;
background-color: #ffffff;
border: 1px #767676 solid;
margin-right: 4px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
padding-top: 2px;
padding-right: 1px;
padding-left: 3px;
color: #666666; 
}


.alignement {
vertical-align: middle;
display: inline-block;
}

#bloc-arbo {
font-size: 11px;
text-align: left;
padding: 0 0 10px 0;
margin: 0 15px 20px 0;
color: #6D7375;
border-bottom: 1px #dbdbdb solid;
}

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #6D7375;
}

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #6D7375;
}

#arbo-on{
color: #02335a;
font-weight: bold;
}

#caleexplorer {
width: 100%;
}

#text-produit{
margin-right:15px; 
color: #38b1dc;
font-size: 12px;
line-height: 16px;
}

#bloc-contact{
padding: 10px;
margin-top: 10px;
background-image: url(../pictos_site_21/back_contact.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #E6E6E6;
border: 1px #D8DADA solid;
line-height: 1.4em;
}

#bloc-contact h1{
color: #000;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
border-bottom: none;
}


.ico-courrier {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_courrier.gif);
background-repeat: no-repeat;
background-position: left center; }


.ico-phone {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_phone.gif);
background-repeat: no-repeat;
background-position: left center; }


#bloc-retour{
padding: 0px;
margin-top: 10px;
}

#bloc-nav-actu{
text-align: right;
width: 230px;
float: right;
padding: 0px;
margin: 0px;
}

.ico-fleche-gauche {
padding-left: 10px;
background-image: url(../pictos_site_21/fleche_bleu_gauche.gif);
background-repeat: no-repeat;
background-position: left center; }

.ico-fleche-droite {
padding-right: 10px;
background-image: url(../pictos_site_21/fleche_bleu.gif);
background-repeat: no-repeat;
background-position: right center; }



#pied {
height: 100px;
margin: 34px 0 0 0;
padding: 10px;
font-size: 11px;
color: #666666;
border-top: 1px #0089c3 solid;}


#pied a{
text-decoration: none;
color: #666666;
}

#pied a:hover{
text-decoration: underline;
}

#bloc-newsletter{
float: left;
width: 180px;
height: 40px;
text-align: left;
}

#liens-bloc{
width:415px;
float: left;
text-align: left;
color: #0073aa;
font-size: 11px;
margin: 0 0 0 19px;
}

#liens-bloc a{
color: #0073aa;
}

#boutons{
float: right;
text-align: right;
width: 515px;
margin: 0 15px 0 0;
}

.espace{
margin-left: 10px;
margin-right: 10px;
color: #3db2dd;
}


.spacer {
clear: both;
}




#centre .telecharger a {
color: #3db2dd;
text-decoration: none;
padding-top: 3px;
padding-left: 18px;
padding-bottom: 3px;
background-image: url(../pictos_site_21/ico_disk.gif);
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
}

#centre .telecharger a:hover {
text-decoration: underline;
}


/*Liste centre*/

#liste ul{
margin-top: -20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

#liste li{
list-style-type: none;
background-image: url(../pictos_site_21/puce_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

#liste-centre{
margin: 0px;
padding: 0px;
}

#liste-centre ul{
list-style: none;
margin-top: 0px;
padding: 0px 20px 5px 20px;
}

#liste-centre li {
list-style-type: none;
background-image: url(../pictos_site_21/fleche_bleu2.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
margin: 0px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 5px;
padding-top: 0px;
}

#liste-centre a {
font-weight: bold;
text-decoration: underline; }

#liste-centre a:hover {
text-decoration: none; }




#subliste ol{
margin: 0px;
padding: 0px;
font-size: 10px;
}

#subliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 35px;
background-image: none;
color: #3db2dd;
}

#subliste a {
color: #666666;
font-weight: normal;
text-decoration: none;
}

#subliste a:hover {
color: #666666;
text-decoration: underline;
}



#subsubliste ul{
margin: 0px;
padding: 0px;
font-size: 10px;
}
#subsubliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 55px;
background-image: none;
color: #3db2dd;
}
#subsubliste a {
color: #3db2dd;
font-weight: normal;
text-decoration: none;
}
#subsubliste a:hover {
color: #3db2dd;
text-decoration: underline;
}

.habillage-news {
vertical-align: top;
width: 156px;
height: 19px;
border: 1px #dedede solid;
margin: 0px;
margin-top:8px;
padding: 2px;
padding-left: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #999999;
line-height: 1.3em;
	background: #FFFFFF url(../pictos_site_21/fond_habillage_news.gif) repeat-x 0 bottom;
}


.habillage-champs {
width: 250px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
 }

.habillage-champs2{
width: 160px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
height: 18px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.habillage-message {
width: 250px;
background-color: #ffffff;
border: 1px #999999 solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select {
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select2 {
width: 90%;
background-color: #ffffff;
border: 1px #cccccc solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
}

.habillage-liste {
background-color: #ffffff;
font-size: 11px;
color: #666666;
width:55px;
border: 1px solid #cccccc;
}

#plus-infos {
margin-top: 20px;
border: 1px solid #cccccc;
background-color: #ffffff;
}

.mini-bloc-contact {
width: 150px;
margin: 17px 0 15px 25px;
float: left;
color: #666666;
font-size: 11px;
}

#bloc-telechargement {
margin: 25px 0 35px 0;
padding: 15px 12px 15px 20px;
font-size: 11px;
color: #02719e;
line-height: 1.2em;
border-top: 1px solid #7fd1f5;
border-bottom: 1px solid #7fd1f5;
}


/* haut de page*/

#bloc-hautdepage {
text-align: right;
margin-top: 30px;
padding-top: 5px;
border-top: 1px #E7E7E7 solid;
font-size: 10px;
}

#bloc-hautdepage a{
color: #6D7375;
text-decoration: none;
}

#bloc-hautdepage a:hover{
color: #6D7375;
text-decoration: underline;
}

.ico-hautdepage {
padding-right: 10px;
background-image: url(../pictos_site_21/img_haut.gif);
background-repeat: no-repeat;
background-position: right center;
}


/* chiffres pages*/

ul#bloc-chiffre {
list-style: none;
margin: 20px 0 15px 0;
padding: 0;
font-size: 10px; }

#bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

#bloc-chiffre a{
color: #646A6C;
border: 1px #E7E7E7 solid;
background-color: #F4F4F4;
padding:2px 5px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #ffffff;
border: 1px #013a65 solid;
background-color: #013a65;
}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
border: 1px #013a65 solid;
background-color: #013a65;
}


/* chiffres lexique*/

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

#bloc-lexique li{
display: inline;
color: #D5D5D5;
padding:2px;
text-decoration: none;
font-weight: bold;
background-image: none;
}

#bloc-lexique a{
color: #6D7375;
text-decoration: underline;
}

#bloc-lexique a:hover{
color: #02719e;
text-decoration: none;
}

#bloc-lexique a.youarehere, .bloc-lexique a.youarehere:hover{
color: #ffffff;
padding: 2px;
background-color: #02719e;
text-decoration: none;
}

/* pages phototheque-------------------------------------------*/

ul#tabnav {
font-size: 11px;
list-style-type: none;
padding-bottom: 21px;
border-bottom: 1px solid #bfbfbf;
margin: 0;
color:#666666;
padding-left:5px;
}

*>ul#tabnav {
padding-bottom: 23px;
}

ul#tabnav li {
float: left;
color:#999999;
height: 20px;
padding: 0px;
background-color:#ebebeb;
margin: 2px 2px 1px 0px;
border: 1px solid #dfdfdf;
border-bottom: 1px solid #bfbfbf;
list-style-type: none;
background: url(../pictos_site_21/back_btn_onglet.gif) repeat-x top left;  
}

ul#tabnav li.active {
font-weight:bold;
color:#02325a;
border-color:#bfbfbf;
border-bottom: 1px solid #fff;
background: #ffffff url(../pictos_site_21/back_btn_onglet_on.gif) repeat-x top left;
}

ul#tabnav li a {
color:#666666;
padding: 0 10px 0 10px;
}

ul#tabnav li a:hover {
color:#013a65;
background-color: #ffffff;
border-bottom: 1px solid #fff;
}

ul#tabnav li.active a {
color: #02325a;
background: #ffffff url(../pictos_site_21/back_btn_onglet_on.gif) repeat-x top left;
}

#tabnav a {
cursor:pointer;
float: left;
display: block;
color: #999999;
text-decoration: none;
padding: 4px;
padding-left:5px;
padding-right:5px;
}

#tabnav a:hover {
color: #02325a;
background: #ffffff url(../pictos_site_21/back_btn_onglet_on.gif) repeat-x top left;
}

.tabcontent{
border: 1px solid #bfbfbf;
border-top: 0px;
padding: 25px 30px 15px 30px;
color: #666666;	
}

.tabcontent H2{
font-size: 15px;
color: #013a65;
font-weight: bold;
padding: 0;
margin: 0;
margin-bottom: 13px;
}

.tabcontent ul{
margin: 10px 0px 10px 0;
}

.tabcontent ul li{
list-style-type: none;
background-image: url(../pictos_site_21/puce_carre_coul3.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding: 0 14px 5px 13px;
}

#table-phototheque table {
line-height: 1.4em;
}

#table-phototheque td {
margin: 0;
padding: 7px;
}

#table-phototheque ul {
margin-top:5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding:0;
}

#table-phototheque li{
list-style-type: none;
background: url(../pictos_site_21/mini_fleche_bleu.gif) no-repeat left 6px;
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 10px;
padding-right: 14px;
padding-top: 2px;
padding-bottom: 1px;
}

#table-phototheque .marge-photo{
margin-bottom: 10px;	
}

#calculateur h2.un{
font-size: 15px;
line-height: 35px;
color: #00a8e4;
font-weight: bold;
padding: 0 0 0 30px;
margin-bottom: 5px;
background: url(../pictos_site_21/picto_1.gif) no-repeat left center;
}

#calculateur h2.deux{
font-size: 15px;
line-height: 35px;
color: #00a8e4;
font-weight: bold;
padding: 0 0 0 30px;
margin-bottom: 5px;
background: url(../pictos_site_21/picto_2.gif) no-repeat left center;
}

#calculateur h3{
font-size: 12px;
color: #00a8e4;
margin-bottom: 5px;
}

#calculateur .bloc{
padding: 15px;
background: #cff0fa url(../pictos_site_21/back_calculateur.gif) repeat-x left top;
border: 1px solid #cff0fa;
}

#calculateur .bloc-jaune{
padding: 10px;
background: #f2efca url(../pictos_site_21/back_calculateur_jaune.gif) repeat-x left top;
border: 1px solid #e8e5a2;
text-align: right;
font-size: 12px;
margin-bottom: 40px;
}

#calculateur .bloc-forme{
width: 120px;
height: 40px;
float: left;
text-align: center;
margin-top: 15px;
}

#calculateur .bloc-piscine-rectangulaire{
width: 170px;
height: 100px;
float: left;
margin-top: 10px;
background: url(../pictos_site_21/piscine_rectangle.gif) no-repeat center center;
}

#calculateur .bloc-piscine-ronde{
width: 170px;
height: 100px;
float: left;
margin-top: 10px;
background: url(../pictos_site_21/piscine_ronde.gif) no-repeat center center;
}

#calculateur .bloc-piscine-libre{
width: 170px;
height: 100px;
float: left;
margin-top: 10px;
background: url(../pictos_site_21/piscine_libre.gif) no-repeat center center;
}

#calculateur .bloc-piscine-ovale{
width: 170px;
height: 100px;
float: left;
margin-top: 10px;
background: url(../pictos_site_21/piscine_ovale.gif) no-repeat center center;
}

#calculateur .bloc-volume{
height: 200px;
width: 300px;
float: left;
margin-top: 30px;
}

#calculateur .bloc-sel{
width: 300px;
margin-top: 15px;
margin-left: 50px;
height: 80px;
}

.bind{
margin-top: 5px;
margin-bottom: 15px;
border: 1px solid #a6c9e2;
}

.bind2{
margin-left: 5px;
margin-bottom: 15px;
border: 1px solid #a6c9e2;
}

.bind3{
margin-left: 25px;
border: 1px solid #a6c9e2;
}