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

body {
margin: 0pt;
padding: 0pt;
background-image: url(../pictos_site_23/fond_page.jpg);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 11px;
line-height: 1.4em;
background-color: #ffffff;
background-position: center top;
color: #6D7375; }

img {
border: 0;
}

a {
color: #3db2dd;
text-decoration: underline;
}

a:hover {
color: #3db2dd;
text-decoration: 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: 15px;
color: #02719e;
font-weight: normal;
padding: 0px;
margin-bottom: 5px;
}

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

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;
}

.texte-blanc12{
text-align: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 3px;
margin-bottom: 0px;
}

.texte-bleu12{
text-align: left;
color: #3299c3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 3px;
margin-bottom: 0px;
}

.text-12{
font-size: 12px;
color:#02719e;
}

.texte-bleu-fonce{
text-align: left;
color: #02325a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 3px;
margin-bottom: 0px;
text-transform: uppercase;
}

.texte-bleu-fonce15{
color: #02325a;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
margin-bottom: 10px;
}

.texte-bleu-fonce20{
color: #02325a;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
margin-bottom: 10px;
}

.texte-bleu-clair{
text-align: left;
color: #38b1dc;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
}

.texte-jour{
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
}

.texte-mois{
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 20px;
}

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

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

.texte-noir {
color: #000000;
}

.texte-bleu {
color: #02719e;
}

.texte-rouge {
color: #9b139b;
}

.texte-bleu-marine{
color: #02325a;
}


.text-gris{
font-size: 12px;
}

.titre-nouveau {
font-size: 10px;
color: #fff;
background-color: #02719e;
padding: 1px;
font-weight: bold;
text-transform: uppercase; }

.titre-date {
color: #F4801C;
font-size: 14px;
}

#groupe-bio-uv {
color: #e65c01;
background-image: url(../pictos_site_23/theme_groupe_bio_uv.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#piscines-et-spas-prives {
color: #c70756;
background-image: url(../pictos_site_23/theme_piscines_et_spas_prives.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#piscines-et-spas-collectifs {
color: #0a95ce;
background-image: url(../pictos_site_23/theme_piscines_et_spas_collectifs.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#potabilisation {
color: #85c926;
background-image: url(../pictos_site_23/theme_potabilisation.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#process-industriel {
color: #49d5e2;
background-image: url(../pictos_site_23/theme_process_industriel.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#traitement-legionelles {
color: #f6a903;
background-image: url(../pictos_site_23/theme_traitement_des_legionelles.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#eaux-usees {
color: #16bfa5;
background-image: url(../pictos_site_23/theme_eaux_usees.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#aquarium {
color: #870ace;
background-image: url(../pictos_site_23/theme_aquarium.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

.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_23/back_bloc_gris.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px #D5D5D5 solid; }

.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_23/puce_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

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

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

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

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


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

#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;
margin-bottom: 30px;
padding: 0px;
height: 115px;
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_23/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_23/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_23/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_23/img_potabilisation.jpg);
}

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

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

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

#bloc-aquarium{
margin-right:0px;
background-image: url(../pictos_site_23/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_23/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_23/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_23/fond_date.jpg);
background-repeat: repeat-x;
}

#bloc-date-text {
float: right;
text-align: left;
width: 374px;
height: 43px;
background-image: url(../pictos_site_23/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_23/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_23/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 {
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
background-image: url(../pictos_site_23/back_top_jaune.gif);
background-repeat: no-repeat;
background-position: right top;
background-color: #FFFAD6;
}

#bloc-zoom p{
padding: 10px;
}

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

#bloc-zoom a{
color: #000;
text-decoration: none;
}

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


#bloc-actu-accueil {
width: 169px;
margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
/*background-image: url(../pictos_site_23/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_23/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_23/coin_orange_filet.gif);
}

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

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

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

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

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

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

#bloc-actu-accueil li.aquarium {
background-image: url(../pictos_site_23/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_23/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_23/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-ressources {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}

#voir-ressources {
width:169px;
height: 33px;
background-image: url(../pictos_site_23/btn_ressources.gif);
background-repeat: no-repeat;
padding-top: 6px;
margin-top: 10px;
padding-left: 30px;
}

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

#voir-ressources 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-top: 0px;
margin-bottom: 10px;
padding: 0px;
}


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


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



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


/* menu*/

#menu {
padding: 0px;
margin: 0px;
height: 29px;
}

#menu-principal {
padding: 0px;
margin-left: 6px; /* 3 */
float:left;
height: 29px;
text-align: left; }



#menu-langue{
padding: 0px;
padding-top:10px;
padding-right: 10px;
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-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 20px;
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: #355c7b;
}

#caleexplorer {
width: 100%;
}

#menu-gauche {
margin-top: 0px;
margin-bottom: 20px;
padding: 0px;
color: #6D7375;
line-height: 1.4em;
}


#menu-gauche ul {
margin-top: 0px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0pt;
}

#menu-gauche li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #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-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: none;
}

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

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

#subgauche a {
font-size: 10px;
margin: 0px;
padding: 2px 2px 2px 17px;
display: block;
color: #666666;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#subgauche a:hover {
color: ##03335b;
text-decoration: underline;
}

#subgauche a.youarehere {
color: #03335b;
background-image: url(../pictos_site_23/fleche_bleu2.gif);
background-repeat: no-repeat;
background-position: 0px 8px; }

#subgauche a.youarehere:hover {
text-decoration: none;
}


#bloc-telechargement {
margin-top: 0px;
margin-bottom: 10px;
padding: 0 0px 10px 0;
line-height: 1.2em;
background: url(../pictos_site_23/ombre.gif) no-repeat right bottom;
}

#bloc-telechargement h1{
color: #cc66cc;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-telechargement ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-telechargement li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-image: none;
}



#bloc-telechargement a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_23/ico_default.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

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

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

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

/* Bloc EN SAVOIR PLUS */

#bloc-en-savoir-plus {
margin-top: 0px;
margin-bottom: 10px;
padding: 0 0px 10px 0;
line-height: 1.4em;
background: url(../pictos_site_23/ombre.gif) no-repeat right bottom;
}

#bloc-en-savoir-plus h1{
color: #cc66cc;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-en-savoir-plus ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-en-savoir-plus li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-image: none;
}

#bloc-en-savoir-plus a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_23/ico_default.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

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

#bloc-en-savoir-plus a:hover {
text-decoration: underline;
}

/* Bloc LIENS UTILES */

#bloc-liens {
margin-top: 0px;
margin-bottom: 10px;
padding: 0 0px 10px 0;
line-height: 1.2em;
background: url(../pictos_site_23/ombre.gif) no-repeat right bottom;
}

#bloc-liens h1{
color: #3db2dd;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-liens ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-liens li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-position: 0px 8px;
}

#bloc-liens a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
}

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



#bloc-contact{
padding: 10px;
margin-top: 10px;
background-image: url(../pictos_site_23/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_23/ico_courrier.gif);
background-repeat: no-repeat;
background-position: left center; }


.ico-phone {
padding-left: 18px;
background-image: url(../pictos_site_23/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_23/fleche_bleu_gauche.gif);
background-repeat: no-repeat;
background-position: left center; }

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



#pied {
height: 100px;
margin-top: 40px;
margin-left: 27px;
margin-right: 27px;
padding: 10px;
font-size: 10px;
color: #666666;
border-top: 1px #dedede 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{
margin-top: 25px;
float: right;
width:450px;
}

.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_23/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_23/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_23/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;
}


/*Tables*/


#centre caption{
background-color: #02719e;
color: #ffffff;
font-weight: bold; }


#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 95%;
}

*>#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 100%;
}
#centre{
	line-height: 1.4em;
}

#centre th{
border: 0px #ffffff solid;
padding: 5px;
font-weight: bold;
color: #000000;
background-color: #D5F1FE;
text-align: left;
}

#centre td{
border: 0px solid #D5D5D5;
padding: 5px;
}

#centre thead{
background-color: #65696A;
border: 0px solid #65696A;
}

#centre td.titre{
border: none;
padding: 5px;
}

.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_23/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;
background-image: url(../pictos_site_23/fond_plus_infos.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px solid #d8dada;
background-color: #f4f4f4;
}

#text-plus-infos {
margin-top: 16px;
margin-left: 18px;
margin-bottom: 9px;
line-height: 17px;
background-color:transparent;
}


/* 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_23/img_haut.gif);
background-repeat: no-repeat;
background-position: right center;
}


/* chiffres pages*/

ul#bloc-chiffre {
list-style: none;
margin: 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;
text-decoration: none;
}

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

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


/* 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: 0px;
border-bottom: 1px solid #bfbfbf;
margin: 0;
color:#999999;
width:99%;
padding-left:5px;
}
*>ul#tabnav {
padding-bottom: 23px;
}

ul#tabnav li {
float: left;
color:#999999;
height: 20px;
padding: 0px;
background-color: #ffffff;
margin: 2px 2px 1px 0px;
border: 1px solid #dfdfdf;
border-bottom: 1px solid #bfbfbf;
list-style-type: none;
background-image: none;   
}

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

ul#tabnav li a {
color:#999999;
}

ul#tabnav li a:hover {
color:#02325a;
}

ul#tabnav li.active a {
color: #02325a;
background-image:url(../pictos_site_23/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top;
background-color: #ffffff;
}

#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-image:url(../pictos_site_23/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top left;
background-color: #ffffff;
}

#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_23/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;	
}

#bloc-video {
position:relative;
top: 55px;
left: 240px;
float: left;
margin: 0px;
padding: 0px;
}